.sft{--sft-ink: #111;--sft-muted: #6b6b6b;--sft-glass: rgba(255, 255, 255, .82);--sft-cta: linear-gradient(90deg, #e3f1fa 0%, #b9e0f2 100%);--sft-cta-ink: #10283a;--sft-check: #3d7fb3;--sft-badge: #4f97c7;--sft-inside: #3b8bbd;--sft-radius: 12px}.ride-fixed-bar{display:none}.sft-hero{position:relative;min-height:min(100vh,900px);display:flex;align-items:flex-end;overflow:hidden;color:#fff}.sft-hero__img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sft-hero__img--placeholder{background:#7a8fa0;fill:#ffffff4d}.sft-hero__shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0000001a,#0000000d 40%,#00000059)}.sft-hero__content{position:relative;width:100%;padding:140px 16px 96px;text-align:center}.sft-hero__eyebrow{margin:0 0 10px;font-size:18px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.sft-hero__title{margin:0;font-size:clamp(40px,7vw,104px);font-weight:500;line-height:.95;letter-spacing:-.01em;text-transform:uppercase;color:inherit}.sft-hero__stage{display:inline-flex;align-items:center;gap:6px;margin:34px 0 0;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase}.sft-hero__stage>span:first-child{margin-right:4px}.sft-badge{display:inline-block;padding:3px 6px;border-radius:5px;background:var(--sft-badge);font-weight:600;letter-spacing:.08em}.sft-hero__line{max-width:640px;margin:18px auto 120px;font-size:14px}.sft-bar{position:absolute;left:50%;transform:translate(-50%);bottom:calc(96px + env(safe-area-inset-bottom,0px));z-index:6;display:flex;border-radius:14px;overflow:hidden;box-shadow:0 14px 40px #00000040;max-width:calc(100vw - 32px);color:var(--sft-ink)}.sft-bar>*{display:flex;align-items:center;gap:8px;padding:0 22px;height:56px;font-size:15px;font-weight:500;border:0;white-space:nowrap}.sft-bar__info{text-transform:uppercase;letter-spacing:1px;flex:0 0 100px;border:0;background:var(--sft-ink);color:#fff;font-size:12px;font-family:var(--font-paragraph--family);cursor:pointer}.sft-bar__info:focus-visible{outline:2px solid #fff;outline-offset:-4px}.sft-bar__price{background:var(--sft-glass);display:flex;align-items:center;gap:8px;margin:0;padding:0 20px;font-size:12px;color:var(--sft-muted);border-right:0px solid rgba(0,0,0,.1)}.sft-bar__price strong{font-size:12px;font-weight:500;color:var(--sft-ink)}.sft-bar__cta{text-transform:uppercase;letter-spacing:1px;display:flex;align-items:center;padding:0 22px;font-size:12px;font-weight:500;text-decoration:none;white-space:nowrap;color:var(--sft-cta-ink);background:var(--sft-cta)}.sft-bar__cta:hover{filter:brightness(.97)}.sft-bar__cta{gap:8px;cursor:pointer}.sft-bar__cta--muted{background:#ecece9e6;color:var(--sft-ink)}.sft-bar__icon{flex:none}.sft-drawer{position:fixed;inset:0 0 0 auto;width:min(640px,100vw);max-width:100vw;height:100%;max-height:100%;margin:0;padding:0;border:0;background:#fff;color:var(--sft-ink);overflow:hidden}.sft-drawer[open]{animation:sft-in .28s cubic-bezier(.2,.7,.2,1)}.sft-drawer.is-closing{animation:sft-out .22s ease-in forwards}.sft-drawer::backdrop{background:#00000073}.sft-drawer,.sft-drawer *,.sft-drawer *:before,.sft-drawer *:after,.sft-bar,.sft-bar *{box-sizing:border-box}.sft-drawer__panel{height:100%;overflow-y:auto;padding:56px 44px 48px;overscroll-behavior:contain}.sft-drawer__close{position:absolute;top:34px;right:38px;width:32px;height:32px;display:grid;place-items:center;border:0;background:none;color:var(--sft-ink);cursor:pointer}.sft-drawer__eyebrow{margin:0 0 14px;font-size:14px;letter-spacing:.1em;text-transform:uppercase;color:var(--sft-muted)}.sft-drawer__title{margin:0 0 18px;font-size:38px;font-weight:500;line-height:1.1;color:#3a3a3a}.sft-drawer__subtitle{margin:0 0 28px;font-size:15px;line-height:1.5;color:#8a8a8a}.sft-drawer__group+.sft-drawer__group{margin-top:30px}.sft-drawer__heading{margin:0 0 12px;font-size:11px;font-weight:600;letter-spacing:.28em;text-transform:uppercase;color:var(--sft-ink)}.sft-drawer__list{margin:0;padding:0;list-style:none}.sft-drawer__list li{position:relative;padding:6px 0 6px 22px;font-size:14px;line-height:1.45;color:#333}.sft-drawer__list li:before{content:"\2713";position:absolute;left:0;top:6px;color:var(--sft-check)}body.sft-lock{overflow:hidden}.sft-drawer--action .sft-drawer__panel{display:flex;flex-direction:column;padding-top:58px}.sft-action{padding-right:24px}.sft-action__eyebrow{margin:0 0 14px;font-size:14px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--sft-muted)}.sft-action[data-tone=inside] .sft-action__eyebrow{color:var(--sft-inside)}.sft-action__title{margin:0 0 18px;font-size:40px;font-weight:500;line-height:1.12;letter-spacing:-.01em;color:#3a3a3a}.sft-action__text{margin:0 0 26px;font-size:15px;line-height:1.6;color:#7d7d7d}.sft-action__form{margin:0}.sft-check{display:flex;align-items:center;gap:10px;margin:0 0 22px;font-size:14px;color:#333;cursor:pointer}.sft-check input{width:17px;height:17px;margin:0;accent-color:var(--sft-inside);cursor:pointer}.sft-check a{color:inherit}.sft-pill{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:0 24px;border:0;border-radius:999px;font:inherit;font-size:13px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;text-decoration:none;color:var(--sft-cta-ink);cursor:pointer;transition:opacity .15s,filter .15s}.sft-pill--strong{background:linear-gradient(90deg,#dcf1f6,#a9dbe8)}.sft-pill--soft{background:linear-gradient(90deg,#dcecf7,#eef6fb 60%,#fbfdfe)}.sft-pill:hover{filter:brightness(.97)}.sft-pill:disabled,.sft-pill[aria-disabled=true]{opacity:.55;cursor:not-allowed;filter:none}.sft-action__foot{margin:22px 0 0;font-size:14px;color:#666}.sft-action__foot a{color:var(--sft-ink);text-underline-offset:3px}.sft-action__done{margin:0;padding:16px 18px;border-radius:14px;background:#eaf5fa;color:var(--sft-cta-ink);font-size:15px}.sft-action__error{margin:0 0 14px;color:#a02b2b;font-size:14px}.sft-social{margin-top:auto;padding-top:48px}.sft-social__label{margin:0 0 12px;font-size:11px;font-weight:500;letter-spacing:.26em;text-transform:uppercase;color:var(--sft-muted)}.sft-social a,.sft-social span{font-size:15px;color:var(--sft-ink);text-decoration:none}@keyframes sft-in{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes sft-out{to{transform:translate(100%)}}.sft-drawer__content{margin-top:24px;font-size:15px;line-height:1.6;color:inherit}.sft-drawer__content h2{font-size:22px;margin:32px 0 12px;padding-top:24px;border-top:1px solid rgba(0,0,0,.1)}.sft-drawer__content h2:first-child{margin-top:0;padding-top:0;border-top:0}.sft-drawer__content h3{font-size:16px;margin:20px 0 8px}.sft-drawer__content p{margin:0 0 14px}.sft-drawer__content ul,.sft-drawer__content ol{margin:0 0 14px;padding-left:22px}.sft-drawer__content li{margin-bottom:6px}.sft-drawer__content a{text-decoration:underline}.sft-drawer__content table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:14px}.sft-drawer__content th,.sft-drawer__content td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid rgba(0,0,0,.12)}.sft-drawer__content th{width:40%;font-weight:600;background:#00000008}.sft-drawer--info .sft-drawer__panel{width:min(640px,100vw);overflow-y:auto;-webkit-overflow-scrolling:touch}.sft-drawer__group{margin-top:24px}.sft-drawer__group--divider{margin-top:32px;padding-top:28px;border-top:1px solid rgba(0,0,0,.1)}.sft-drawer__heading{font-size:20px;margin:0 0 12px}.sft-drawer__intro{font-weight:600;margin:0 0 10px}.sft-rte{font-size:15px;line-height:1.6}.sft-rte p{margin:0 0 14px}.sft-rte p:last-child{margin-bottom:0}.sft-rte ul,.sft-rte ol{margin:0 0 14px;padding-left:22px}.sft-rte li{margin-bottom:6px}.sft-rte a{text-decoration:underline}.sft-drawer__footer-note{margin-top:12px}.sft-table{width:100%;border-collapse:collapse;font-size:14px}.sft-table th,.sft-table td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid rgba(0,0,0,.12)}.sft-table th{width:40%;font-weight:600;background:#00000008}.sft-block-faq+.sft-block-faq:not(.sft-drawer__group--divider){margin-top:0}.sft-faq{border-bottom:1px solid rgba(0,0,0,.1)}.sft-block-faq:not(.sft-block-faq+.sft-block-faq) .sft-faq,.sft-block-faq.sft-drawer__group--divider .sft-faq{border-top:1px solid rgba(0,0,0,.1)}.sft-faq__q{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0;font-weight:600;cursor:pointer;list-style:none}.sft-faq__q::-webkit-details-marker{display:none}.sft-faq__icon{flex-shrink:0;transition:transform .2s ease}.sft-faq[open] .sft-faq__icon{transform:rotate(45deg)}.sft-faq__a{padding:0 0 16px}.sft-description h1,.sft-description h2,.sft-description h3{font-size:20px;line-height:1.3;margin:24px 0 12px}.sft-description h4,.sft-description h5,.sft-description h6{font-size:16px;margin:18px 0 8px}.sft-description>:first-child{margin-top:0}.sft-description img{max-width:100%;height:auto;border-radius:8px}.sft-description table{width:100%;border-collapse:collapse;font-size:14px;margin:8px 0 16px}.sft-description th,.sft-description td{text-align:left;vertical-align:top;padding:10px 12px;border:1px solid rgba(0,0,0,.12)}.sft-description th{font-weight:600;background:#00000008}form#WaitlistForm .field{width:100%;margin-bottom:10px}form#WaitlistForm input#WaitlistForm-name,form#WaitlistForm input#WaitlistForm-email{width:100%;padding:10px}@media(max-width:600px){.sft-table th{width:45%}.sft-drawer--info .sft-drawer__panel{width:100vw}.sft-drawer__content th{width:45%}}@media(max-width:600px){.sft-hero__content{padding:110px 16px 48px}.sft-hero__line{margin-bottom:48px}.sft-bar{flex-wrap:wrap;width:100%;position:static;transform:none}.sft-bar__info{flex-basis:100px}.sft-bar__price{flex:1 1 0;min-width:0;padding:14px 16px;border-right:0;justify-content:center}.sft-bar__cta{flex:1 1 100%;justify-content:center;padding:16px}.sft-drawer__panel{padding:48px 20px 40px}.sft-drawer__close{top:16px;right:12px}.sft-drawer__title{font-size:30px}.sft-action{padding-right:0}.sft-action__title{font-size:32px}}@media(prefers-reduced-motion:reduce){.sft-drawer[open],.sft-drawer.is-closing{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/17/assets/surferelle-trip.css.map */
