.srf-dest{background:var(--srfd-bg, #f1f1f1);color:var(--srfd-text, #141414);-webkit-font-smoothing:antialiased}.srf-dest *,.srf-dest *:before,.srf-dest *:after{box-sizing:border-box}.srf-dest .trips{max-width:var(--srfd-max, 900px);margin:0 auto;padding:var(--srfd-pt, 64px) var(--srfd-px, 32px) var(--srfd-pb, 64px)}.srf-dest .head{text-align:center;margin-bottom:var(--srfd-head-mb, 28px)}.srf-dest .head h2{margin:0 0 var(--srfd-title-mb, 18px);font-size:var(--srfd-title-size, 40px);line-height:1.15;font-weight:500;letter-spacing:-.01em;color:var(--srfd-text, #141414)}.srf-dest .head .sub{margin:0;font-size:var(--srfd-sub-size, 18px);line-height:1.5;color:var(--srfd-body, #3c3a36)}.srf-dest .access{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:var(--srfd-access-max, 860px);margin:0 auto;border-radius:var(--srfd-access-radius, 16px);overflow:hidden;background:var(--srfd-access-bg, #ffffff)}.srf-dest .access>div{padding:var(--srfd-access-py, 22px) var(--srfd-access-px, 22px)}.srf-dest .access .il{background:linear-gradient(120deg,var(--srfd-il-bg-1, #e3f0f8) 0%,var(--srfd-il-bg-2, #f5f9fc) 100%)}.srf-dest .access .live{display:flex;align-items:center;gap:6px;font-size:var(--srfd-access-label-size, 10px);font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--srfd-il-label, #103A57)}.srf-dest .access .live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--srfd-accent, #3E88B4)}.srf-dest .access .eyebrow{font-size:var(--srfd-access-label-size, 10px);letter-spacing:.3em;text-transform:uppercase;color:var(--srfd-muted, #8a857c)}.srf-dest .access .when{margin-top:10px;font-size:var(--srfd-when-size, 17px);font-weight:500;color:var(--srfd-text, #141414)}.srf-dest .access .who{margin-top:10px;font-size:var(--srfd-who-size, 12px);line-height:1.5;color:var(--srfd-soft, #6b675f)}.srf-dest .access .il .who{color:var(--srfd-accent, #3E88B4)}.srf-dest .countries{display:flex;flex-direction:column;gap:var(--srfd-row-gap, 24px);margin-top:var(--srfd-countries-mt, 56px)}.srf-dest .country{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:var(--srfd-col-gap, 40px);scroll-margin-top:80px;container-type:inline-size;transition:opacity .6s ease,transform .6s ease,filter .6s ease}.srf-dest.is-focus .country:not(.is-active){opacity:var(--srfd-dim, .4);filter:saturate(.5);transform:scale(.94)}.srf-dest .lead{padding:0 0 0 var(--srfd-lead-pl, 16px)}.srf-dest .grad{color:var(--srfd-eyebrow, #6b675f)}.srf-dest .lead .eyebrow{font-size:var(--srfd-eyebrow-size, 11px);letter-spacing:.3em;text-transform:uppercase}.srf-dest .lead h3{margin:var(--srfd-name-my, 22px) 0;font-size:var(--srfd-name-size, 64px);line-height:1;transition:font-size .7s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1);font-weight:500;letter-spacing:-.02em;color:var(--srfd-text, #141414)}.srf-dest .lead h3 a{color:inherit;text-decoration:none}.srf-dest .lead .months{font-size:var(--srfd-eyebrow-size, 11px);letter-spacing:.3em;text-transform:uppercase}.srf-dest .stages{display:flex;align-items:center;flex-wrap:wrap;gap:4px;margin-top:var(--srfd-stages-mt, 22px)}.srf-dest .stages .lab{margin-right:10px;font-size:var(--srfd-lab-size, 9px);letter-spacing:.25em;text-transform:uppercase;color:var(--srfd-muted, #8a857c)}.srf-dest .stages .b{display:inline-flex;align-items:center;justify-content:center;width:var(--srfd-chip-size, 22px);height:var(--srfd-chip-size, 22px);border-radius:var(--srfd-chip-radius, 5px);font-size:var(--srfd-chip-font, 10px);font-weight:700;color:#fff}.srf-dest .stages .b1{background:var(--srfd-s1, #A9CFE2);color:var(--srfd-s1-text, #ffffff)}.srf-dest .stages .b2{background:var(--srfd-s2, #6FAECF);color:var(--srfd-s2-text, #ffffff)}.srf-dest .stages .b3{background:var(--srfd-s3, #3E88B4);color:var(--srfd-s3-text, #ffffff)}.srf-dest .stages .b4{background:var(--srfd-s4, #23628C);color:var(--srfd-s4-text, #ffffff)}.srf-dest .stages .b5{background:var(--srfd-s5, #103A57);color:var(--srfd-s5-text, #ffffff)}.srf-dest .ph{position:relative;display:block;height:calc((100cqw - var(--srfd-col-gap, 40px)) / 2 * var(--srfd-h-active, .75));border-radius:var(--srfd-img-radius, 22px);overflow:hidden;background:var(--srfd-blank-1, #dfedf7)}.srf-dest .ph img{display:block;width:100%;height:100%;object-fit:cover}.srf-dest .ph.blank{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--srfd-blank-1, #dfedf7) 0%,var(--srfd-blank-2, #f6fafd) 100%)}.srf-dest .ph.blank span{font-size:var(--srfd-eyebrow-size, 11px);letter-spacing:.3em;text-transform:uppercase;color:var(--srfd-blank-text, #3c5a70)}.srf-dest.is-focus .country:not(.is-active) .lead h3{font-size:calc(var(--srfd-name-size, 64px) * var(--srfd-name-inactive, .7))}.srf-dest .ph{transition:height .7s cubic-bezier(.22,1,.36,1)}.srf-dest.is-focus .country:not(.is-active) .ph{height:calc((100cqw - var(--srfd-col-gap, 40px)) / 2 * var(--srfd-h-inactive, .5))}@supports not (height: 1cqw){.srf-dest .ph,.srf-dest.is-focus .country:not(.is-active) .ph{height:auto;aspect-ratio:4 / 3}}.srf-dest .trips-cta{display:flex;justify-content:center;margin-top:var(--srfd-cta-mt, 48px)}.srf-dest .trips-cta .pill{display:inline-flex;align-items:center;justify-content:center;font-size:var(--srfd-btn-size, 11px);line-height:1;letter-spacing:.22em;text-transform:uppercase;text-decoration:none;white-space:nowrap;border-radius:999px;padding:var(--srfd-btn-py, 16px) var(--srfd-btn-px, 30px);background:var(--srfd-btn-bg, #ffffff);color:var(--srfd-btn-text, #141414);border:0;box-shadow:0 8px 24px #14141414;transition:background-color .2s ease,color .2s ease,box-shadow .2s ease}.srf-dest .trips-cta .pill:hover{background:var(--srfd-btn-hover, #141414);color:var(--srfd-btn-hover-text, #ffffff);box-shadow:0 10px 28px #14141424}@media(prefers-reduced-motion:reduce){.srf-dest .country{transition:none}.srf-dest.is-focus .country:not(.is-active){transform:none}}@media(max-width:749px){.srf-dest .access{grid-template-columns:1fr}.srf-dest .country{grid-template-columns:1fr;gap:20px}.srf-dest .ph{height:calc(100cqw * var(--srfd-h-active, .75))}.srf-dest.is-focus .country:not(.is-active) .ph{height:calc(100cqw * var(--srfd-h-inactive, .5))}.srf-dest .lead{padding-left:0}.srf-dest.is-focus .country:not(.is-active){transform:none}}.srf-dest.reveal-ready .srf-reveal{opacity:0;transform:translateY(var(--srfd-reveal-distance, 32px));transition:opacity var(--srfd-reveal-speed, .8s) cubic-bezier(.22,1,.36,1),transform var(--srfd-reveal-speed, .8s) cubic-bezier(.22,1,.36,1),height .7s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.srf-dest.reveal-ready .srf-reveal.is-in{opacity:1;transform:none}.srf-dest.reveal-ready .country .ph.srf-reveal{transition-delay:.12s}.srf-dest.reveal-ready .access.srf-reveal{transition-delay:.1s}.srf-dest.reveal-ready .ph.srf-reveal img{transform:scale(1.08);transition:transform calc(var(--srfd-reveal-speed, .8s) * 1.6) cubic-bezier(.22,1,.36,1)}.srf-dest.reveal-ready .ph.srf-reveal.is-in img{transform:scale(1)}.srf-dest.reveal-ready .lead.srf-reveal .stages .b{opacity:0;transform:translateY(6px) scale(.85);transition:opacity .4s ease,transform .4s cubic-bezier(.34,1.56,.64,1)}.srf-dest.reveal-ready .lead.srf-reveal.is-in .stages .b{opacity:1;transform:none}.srf-dest.reveal-ready .lead.is-in .stages .b:nth-of-type(1){transition-delay:.35s}.srf-dest.reveal-ready .lead.is-in .stages .b:nth-of-type(2){transition-delay:.42s}.srf-dest.reveal-ready .lead.is-in .stages .b:nth-of-type(3){transition-delay:.49s}.srf-dest.reveal-ready .lead.is-in .stages .b:nth-of-type(4){transition-delay:.56s}.srf-dest.reveal-ready .lead.is-in .stages .b:nth-of-type(5){transition-delay:.63s}.srf-dest .access .live i{animation:srfd-pulse 2.2s ease-out infinite}@keyframes srfd-pulse{0%{box-shadow:0 0 #3e88b473}70%{box-shadow:0 0 0 8px #3e88b400}to{box-shadow:0 0 #3e88b400}}.srf-dest.has-hover .ph img{transition:transform .9s cubic-bezier(.22,1,.36,1)}.srf-dest.has-hover .ph{transition:height .7s cubic-bezier(.22,1,.36,1),opacity var(--srfd-reveal-speed, .8s) cubic-bezier(.22,1,.36,1),transform .6s cubic-bezier(.22,1,.36,1),box-shadow .5s ease}.srf-dest.has-hover .country:hover .ph,.srf-dest.has-hover .country:hover .ph.srf-reveal.is-in,.srf-dest.has-hover .ph:focus-visible{box-shadow:0 18px 40px #103a5729;transform:translateY(-4px)}.srf-dest.has-hover .country:hover .ph img,.srf-dest.has-hover .country:hover .ph.srf-reveal.is-in img{transform:scale(var(--srfd-hover-zoom, 1.05))}.srf-dest.has-hover .lead h3{transition:font-size .7s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1)}.srf-dest.has-hover .country:hover .lead h3{transform:translate(6px)}.srf-dest.has-hover .stages .b{transition:transform .25s ease}.srf-dest.has-hover .stages .b:hover{transform:translateY(-3px)}.srf-dest.has-hover .access>div{transition:transform .35s ease,background-color .35s ease}.srf-dest.has-hover .access>div:hover{transform:translateY(-2px)}.srf-dest.has-hover .trips-cta .pill:hover{transform:translateY(-2px)}.srf-dest .trips-cta .pill{transition:background-color .2s ease,color .2s ease,box-shadow .2s ease,transform .25s ease}@media(hover:none){.srf-dest.has-hover .country:hover .ph,.srf-dest.has-hover .country:hover .lead h3{transform:none;box-shadow:none}.srf-dest.has-hover .country:hover .ph img,.srf-dest.has-hover .country:hover .ph.srf-reveal.is-in img{transform:none}}@media(prefers-reduced-motion:reduce){.srf-dest .srf-reveal,.srf-dest .srf-reveal img,.srf-dest .stages .b{opacity:1!important;transform:none!important;transition:none!important}.srf-dest .access .live i{animation:none}.srf-dest.has-hover .ph,.srf-dest.has-hover .ph img,.srf-dest.has-hover .lead h3,.srf-dest .lead h3,.srf-dest .ph{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/surferelle-destinations.css.map */