:root{--paper:#f3f1eb;--ink:#111111;--yellow:#96c6d7;--muted:#626366;--line:#d0cdc6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px}a{color:inherit;text-decoration:none}button,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #387b9a;outline-offset:5px}header{height:96px;padding:0 4.3%;display:flex;align-items:center;justify-content:space-between;gap:30px;background:var(--paper);position:relative;z-index:10}.logo{white-space:nowrap;flex-shrink:0;font-size:65px;font-weight:700;letter-spacing:-7px;line-height:1}.logo span{font-size:12px;letter-spacing:0;display:inline-block;vertical-align:top;margin:10px 0 0 7px}nav{display:flex;gap:30px;font-size:13px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.nav-cta{border-bottom:1px solid var(--ink);padding:12px 0;font-size:12px}.nav-cta span{margin-left:25px}.menu-toggle{display:none}.hero{height:690px;min-height:600px;position:relative;color:var(--paper);overflow:hidden;background:#203f53}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 62%;position:absolute;filter:brightness(.75) saturate(.55) contrast(1.12)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,10,18,.58),transparent 90%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 45%)}.hero-content{position:relative;padding:60px 6.3% 0;max-width:1250px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;line-height:1.7}.light{color:var(--paper)}.tiny-cross{font-size:25px;vertical-align:middle;margin-right:12px;color:var(--yellow)}h1,h2,h3,p{margin:0}h1{font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(80px,10.7vw,160px);letter-spacing:-2.5px;line-height:.88;margin:34px 0 35px}.yellow{color:var(--yellow)}.hero-bottom{display:flex;gap:65px;align-items:end}.hero-bottom p{font-size:16px;line-height:1.6}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;padding:19px 25px;border:0;font-size:13px;font-weight:600;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.yellow-bg{background:var(--yellow);color:var(--ink)}.dark-bg{background:var(--ink);color:var(--paper)}.hero-foot{position:absolute;bottom:25px;left:6.3%;right:6.3%;border-top:1px solid #ffffff55;padding-top:18px;display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px}.hero-foot a{font-size:24px}.edition{position:absolute;right:22px;top:65px;writing-mode:vertical-rl;font-size:9px;letter-spacing:2px}.section{padding:90px 6.3%}.intro{display:grid;grid-template-columns:1fr 2fr .65fr;gap:40px;position:relative}.intro>.eyebrow{padding-top:9px}h2{font-weight:500;font-size:clamp(36px,4.3vw,62px);line-height:1.06;letter-spacing:-2.7px}h2 em{font-style:normal;color:#668497}.intro p{max-width:520px;line-height:1.8;font-size:15px;margin-top:28px}.intro .intro-small{font-size:12px;margin-top:17px;color:var(--muted)}.stamp{border:1px solid #8a8985;border-radius:50%;height:134px;width:134px;align-self:center;transform:rotate(13deg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px}.stamp span{font-size:9px;letter-spacing:3px}.stamp b{font-size:50px;font-weight:400;line-height:1}.retreats{padding-top:25px}.section-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-top h2{margin-top:19px}.section-top>p{line-height:1.8;font-size:13px;max-width:330px}.destinations{display:grid;grid-template-columns:1fr 1fr;gap:28px}.destination-photo{height:365px;position:relative;overflow:hidden;background:#637a89}.destination-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 55%,#080d1488)}.destination-photo img{height:100%;width:100%;object-fit:cover;filter:saturate(.55) contrast(1.08);transition:transform .6s}.destination:hover img{transform:scale(1.04)}.photo-tag{position:absolute;left:20px;top:20px;background:var(--paper);padding:8px 11px;font-size:9px;letter-spacing:1px;z-index:1}.photo-word{position:absolute;left:22px;bottom:14px;color:var(--paper);font-family:'Barlow Condensed';font-size:clamp(45px,5.8vw,85px);font-weight:600;z-index:1;letter-spacing:-1px}.destination-info{display:flex;justify-content:space-between;align-items:center;margin-top:25px;gap:20px}.destination h3{font-size:25px;font-weight:500;letter-spacing:-1px;margin-top:8px}.round{border:1px solid var(--line);background:transparent;border-radius:50%;height:46px;width:46px;flex-shrink:0;font-size:24px;color:var(--ink)}.round:hover{background:var(--yellow)}.destination>p{font-size:13px;color:var(--muted);line-height:1.8;margin:17px 0 24px;max-width:440px}.destination-meta{border-top:1px solid var(--line);padding-top:17px;display:flex;gap:18px;font-size:8px;letter-spacing:1px;align-items:center}.destination-meta button{margin-left:auto;background:transparent;border:0;padding:0;font-size:11px;color:var(--ink)}.concept-note{font-size:10px;color:var(--muted);margin-top:25px;line-height:1.6}.philosophy{display:grid;grid-template-columns:1.1fr 1fr;background:#000;color:var(--paper);padding:85px 6.3%;gap:10%}.philosophy h2{font-family:'Barlow Condensed';font-size:clamp(50px,5.5vw,80px);font-weight:600;line-height:.98;letter-spacing:-1px;margin:28px 0}.philosophy h2 span{color:var(--yellow)}.philosophy-left p{max-width:350px;font-size:13px;line-height:1.8;color:#c8c8c5}.philosophy-sign{font-size:10px;letter-spacing:2px;display:flex;align-items:center;gap:40px;margin-top:32px}.philosophy-sign span{font-size:38px;color:var(--yellow)}.principles{padding-top:25px}.principles article{display:flex;gap:22px;border-top:1px solid #ffffff38;padding:27px 0 34px}.principles article>span{font-size:10px;padding-top:7px;color:var(--yellow)}.principles article h3{font-size:31px;font-weight:400;letter-spacing:-1px}.principles article p{color:#c8c8c5;font-size:12px;line-height:1.8;margin-top:10px;max-width:285px}.principles article b{font-size:24px;font-weight:400;margin-left:auto}.field-label{font-size:9px;line-height:1.9;letter-spacing:2px;color:#9b9b98;border-top:1px solid #ffffff38;padding-top:23px}.tabs{display:flex;border:1px solid var(--line);padding:5px}.tabs button{border:0;background:transparent;padding:12px 18px;font-size:12px;color:var(--ink)}.tabs button[aria-selected=true]{background:var(--ink);color:var(--paper)}.day-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);margin-top:50px}.day{padding:25px 22px 15px 0;margin-right:25px}.day .time{font-size:10px;letter-spacing:1px;color:var(--muted)}.day .day-icon{font-size:30px;display:block;margin:28px 0 20px}.day h3{font-size:22px;font-weight:500;letter-spacing:-.6px}.day p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:12px}.join{background:var(--yellow);padding-top:65px;padding-bottom:60px}.join h2{font-family:'Barlow Condensed';font-size:clamp(90px,13vw,185px);font-weight:600;line-height:.86;margin:30px 0 35px;letter-spacing:-3px}.join h2 span{font-family:'DM Sans';font-weight:400;float:right;font-size:1.1em;margin-right:5%}.join-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #11111155;padding-top:28px}.join-bottom p{font-size:13px;line-height:1.8}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.faq h2{font-size:38px;margin-top:20px;letter-spacing:-1.5px}.questions details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;padding:22px 0;display:flex;justify-content:space-between;font-size:14px}summary::-webkit-details-marker{display:none}summary span{font-size:21px;line-height:1}.questions details[open]>summary>span{transform:rotate(45deg)}details p{font-size:12px;line-height:1.8;color:var(--muted);padding:0 20px 22px 0}footer{padding:45px 6.3% 25px;border-top:1px solid var(--line)}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:40px}.footer-top .logo{font-size:95px}.footer-top p{font-size:10px;letter-spacing:2px}.footer-top>a:last-child{font-size:10px;letter-spacing:1px;line-height:2}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:8px;letter-spacing:1px;color:var(--muted)}.footer-bottom button{font-size:8px;background:none;border:0;color:inherit;letter-spacing:1px;padding:0}dialog{border:0;background:var(--paper);color:var(--ink);padding:48px;max-width:580px;width:calc(100% - 30px);max-height:90vh}dialog::backdrop{background:#000000bb;backdrop-filter:blur(5px)}dialog .close{position:absolute;right:15px;top:10px;border:0;background:none;font-size:30px;color:var(--ink)}dialog h2{font-size:48px;margin:20px 0}dialog p,dialog li{font-size:14px;line-height:1.8}dialog ul{padding-left:20px}dialog .dialog-note{font-size:11px;color:var(--muted);margin:22px 0}dialog a{text-decoration:underline}form{display:flex;flex-direction:column;gap:12px;margin-top:25px}form label{font-size:12px}form select{padding:13px;border:1px solid var(--line);background:transparent;color:var(--ink);margin-bottom:8px;width:100%}#interest-result{background:var(--yellow);padding:0}#interest-result:not(:empty){padding:18px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1600px){.hero{height:790px}.hero-content{padding-top:80px}}@media(max-width:1000px){header{gap:20px}nav{gap:18px}.nav-cta{font-size:10px}.intro{grid-template-columns:.7fr 2fr}.stamp{display:none}.destination-photo{height:300px}.destination-meta{gap:9px;font-size:7px}.philosophy{gap:8%}.hero{height:650px}.hero-content{padding-top:75px}.hero-bottom{gap:40px}}
@media(max-width:700px){header{height:78px;padding:0 6%}.logo{font-size:54px;letter-spacing:-5px}.logo span{font-size:10px}.nav-cta{margin-left:auto;font-size:10px;max-width:150px}.nav-cta span{margin-left:8px}.menu-toggle{display:block;background:none;border:0;color:var(--ink);font-size:22px;padding:4px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:var(--paper);padding:22px 6%;flex-direction:column;border-bottom:1px solid var(--line)}nav.open{display:flex}.hero{height:650px;min-height:0}.hero-content{padding:62px 7% 0}.eyebrow{font-size:9px;letter-spacing:1.4px}h1{font-size:clamp(65px,14.6vw,103px);letter-spacing:-1px;line-height:.93;margin-top:35px;margin-bottom:30px}.hero-img{object-position:60% center}.hero-bottom{display:block}.hero-bottom p{font-size:14px}.hero-bottom .button{margin-top:26px}.hero-foot{left:7%;right:7%;font-size:8px}.hero-foot span:nth-child(2){display:none}.edition{right:12px;font-size:8px;top:40px}.section{padding:60px 7%}h2{font-size:40px;letter-spacing:-1.8px}.intro{display:block}.intro h2{margin-top:25px}.intro p{font-size:14px}.retreats{padding-top:15px}.section-top{display:block}.section-top>p{margin-top:23px}.destinations{grid-template-columns:1fr;gap:48px}.destination-photo{height:330px}.photo-word{font-size:63px}.destination h3{font-size:24px}.destination-meta{font-size:8px}.philosophy{grid-template-columns:1fr;padding:60px 7%;gap:30px}.philosophy h2{font-size:60px}.principles{padding-top:0}.principles article p{max-width:none}.tabs{display:inline-flex;margin-top:28px}.day-grid{grid-template-columns:1fr 1fr;margin-top:30px}.day{margin-right:15px;padding-right:5px}.day:nth-child(n+3){border-top:1px solid var(--line);margin-top:15px}.day h3{font-size:20px}.day .day-icon{margin:18px 0}.join h2{font-size:97px;letter-spacing:-2px}.join h2 span{font-size:80px;margin:15px 0 0}.join-bottom{display:block}.join-bottom .button{margin-top:22px}.faq{display:block}.questions{margin-top:25px}.faq h2{font-size:34px}.footer-top{flex-wrap:wrap;gap:25px}.footer-top .logo{font-size:75px}.footer-top p{font-size:9px}.footer-top>a:last-child{width:100%}.footer-bottom{gap:18px;flex-wrap:wrap;line-height:1.8}.footer-bottom span:nth-child(2){order:3;width:100%}dialog{padding:35px 25px}dialog h2{font-size:42px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* DØCK direction 02: foil, film and independent apparel */
.brand-strip{background:#000;color:#f3f1eb;padding:10px 6.3%;display:flex;justify-content:space-between;gap:20px;font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:1.5px}.brand-strip span:nth-child(2){color:#96c6d7}header{background:#f3f1eb;border-bottom:1px solid #111}nav,.nav-cta{text-transform:uppercase;font-size:10px;letter-spacing:1px}.logo{font-weight:700}.logo span{display:none}.eyebrow,.destination-meta,.hero-foot,.field-label,.footer-bottom{font-family:"DM Sans",sans-serif}.tiny-cross{color:#f3f1eb}.stamp{border-radius:0;transform:rotate(-7deg);border:2px solid #111}.stamp b{font-weight:600}.join{background:#96c6d7}.photo-tag{background:#111;color:#f3f1eb}.round{border-radius:0;border-color:#111}.principles article>span{color:#96c6d7}.hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");}.hero-content,.hero-foot{z-index:1}footer{background:#111;color:#f3f1eb}.footer-bottom{color:#b7b7b3;border-color:#555}.footer-top p{color:#96c6d7}@media(max-width:700px){.brand-strip{font-size:8px;padding:9px 7%}.brand-strip span:last-child{display:none}.nav-cta{font-size:8px;letter-spacing:.3px}nav{font-size:11px}}

/* SAL LABS hospitality integrated into døck */
.dock-pillars{background:#e5e1d8}.pillars-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #aaa79f}.pillars-grid article{padding:28px 25px 15px 0}.pillars-grid article+article{border-left:1px solid #c6c2ba;padding-left:25px}.pillars-grid article>span{font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:1px}.pillars-grid h3{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:48px;margin:25px 0 15px;letter-spacing:-1px}.pillars-grid p{font-size:13px;line-height:1.8;color:#555}.dock-pillars .concept-note{color:#555}@media(max-width:900px){.pillars-grid{grid-template-columns:1fr 1fr}.pillars-grid article:nth-child(3){border-left:0;padding-left:0}.pillars-grid article:nth-child(n+3){border-top:1px solid #c6c2ba}}@media(max-width:480px){.pillars-grid{grid-template-columns:1fr}.pillars-grid article+article{border-left:0;border-top:1px solid #c6c2ba;padding-left:0}.pillars-grid h3{margin-top:15px}}

.formats{background:#e1e9ec}.format-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #a3afb5}.format-grid article{padding:35px 45px 10px 0}.format-grid article+article{padding-left:45px;border-left:1px solid #a3afb5}.format-grid h3{font-family:'Barlow Condensed',sans-serif;font-size:60px;line-height:1;margin:22px 0}.format-grid p{font-size:14px;line-height:1.8;max-width:460px}.format-grid ul{padding:0;list-style:none;font-size:12px;line-height:2.3;margin:23px 0 28px}.format-grid li:before{content:'';display:inline-block;width:.8em;height:.8em;margin-right:12px;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'%3E%3Cpath d='M7 25L25 7M7 7h18v18' fill='none' stroke='black' stroke-width='1.8'/%3E%3C/svg%3E") center/contain no-repeat}.formats .concept-note{color:#535d62}@media(max-width:700px){.format-grid{grid-template-columns:1fr}.format-grid article{padding:28px 0}.format-grid article+article{border-left:0;border-top:1px solid #a3afb5;padding-left:0}.format-grid h3{font-size:48px}}

.offgrid{display:grid;grid-template-columns:.7fr 1.7fr;gap:8%;background:#111;color:#f3f1eb;border-top:1px solid #444}.offgrid-brand{border:1px solid #686868;padding:28px;align-self:start}.offgrid-brand>span{font-size:22px;letter-spacing:-1px;display:block}.offgrid-brand strong{font-family:'Barlow Condensed',sans-serif;font-size:46px;line-height:1;display:block;margin:35px 0;color:#96c6d7}.offgrid-brand small{font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:1.4px}.offgrid-story h2{margin:20px 0 25px}.offgrid-story>p{font-size:14px;line-height:1.8;color:#c8c8c5;margin-top:16px;max-width:650px}.offgrid-moments{margin-top:32px}.offgrid-moments article{border-top:1px solid #444;padding:20px 0}.offgrid-moments span{font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:1px;color:#96c6d7}.offgrid-moments h3{font-size:22px;font-weight:500;margin:10px 0}.offgrid-moments p{font-size:12px;line-height:1.8;color:#c8c8c5}.offgrid-story>.concept-note{font-size:10px;color:#a9a9a6}@media(max-width:700px){.offgrid{grid-template-columns:1fr;gap:35px}.offgrid-brand{max-width:300px}.offgrid-brand strong{margin:22px 0;font-size:40px}}

/* Preserve the original glyph; recolor only its acute accent. */
h1 .accent-i{position:relative;display:inline-block}h1 .accent-mark{position:absolute;inset:0;color:var(--yellow);clip-path:inset(-.35em 0 83% 0);pointer-events:none}

/* Brand-led hero: keep the longer second line within the frame. */
h1{font-size:clamp(64px,8.5vw,132px)}@media(max-width:700px){h1{font-size:clamp(37px,9.8vw,68px);letter-spacing:-.8px;line-height:1.02}}

/* Direction 05 - Pacific blue, sun-faded coral, salt and black. */
:root{--coral:#f47b60;--ocean:#224ed4;--salt:#f3f1eb;--yellow:#96c6d7}
.brand-strip{background:var(--coral);color:#111;font-weight:700}.brand-strip span:nth-child(2){color:#111}
header{background:#080808;color:var(--salt);border-bottom:1px solid #333}header .nav-cta{border-color:#aaa}header .menu-toggle{color:var(--salt)}
.hero{height:820px;background:#153546}.hero-img{filter:brightness(.83) saturate(1.12) contrast(1.08);object-position:center 50%}.hero-shade{background:linear-gradient(90deg,rgba(0,13,29,.67),rgba(0,10,20,.12) 80%),linear-gradient(0deg,#0009,transparent 55%)}.hero-content{padding-top:45px;max-width:1400px}.hero h1{font-size:clamp(95px,11.4vw,168px);line-height:.85;font-weight:800;letter-spacing:-3px;margin:30px 0}.hero-outline{-webkit-text-stroke:1.5px var(--salt);color:transparent}.hero-bottom{gap:55px;align-items:center}.hero-bottom p{font-size:14px;line-height:1.7}.hero .button{background:var(--coral);color:#111;text-transform:uppercase;letter-spacing:1px;font-size:11px;padding:22px 27px;box-shadow:5px 5px 0 #111}.hero .button:hover{background:var(--yellow);transform:translate(-2px,-2px)}
.hero-patch{position:absolute;right:6.3%;bottom:125px;z-index:2;transform:rotate(8deg);background:var(--coral);color:#111;width:190px;padding:20px 15px;border:2px solid #111;box-shadow:6px 6px 0 #111;display:flex;flex-direction:column;text-align:center;gap:9px}.hero-patch span{font-family:"DM Sans",sans-serif;font-size:9px;letter-spacing:1px}.hero-patch strong{font-size:70px;line-height:1;letter-spacing:-7px;font-weight:700}.hero-patch:hover{transform:rotate(0deg)}
.salt-strip{background:var(--ocean);color:var(--salt);padding:22px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;overflow:hidden;font-family:'Barlow Condensed',sans-serif;font-size:26px;font-weight:600;letter-spacing:1px}.salt-strip span{white-space:nowrap}.salt-strip b{color:var(--coral);font-size:30px;font-weight:400}
.intro{background:var(--coral);grid-template-columns:.75fr 2fr .6fr;gap:35px}.intro h2{font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;font-size:clamp(48px,5.5vw,80px);font-weight:600;line-height:.98;letter-spacing:-1px}.intro h2 em{color:#111;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}.intro .intro-small{color:#35312f}.stamp{border-radius:50%;width:145px;height:145px;background:var(--salt);transform:rotate(-14deg)}.stamp b{font-size:65px;line-height:.9}.stamp span{letter-spacing:1.5px}
.formats{background:var(--salt)}.formats .section-top h2,.retreats .section-top h2,.dock-pillars h2,.rhythm h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(46px,5vw,72px);font-weight:600;letter-spacing:-1px;line-height:1}.format-grid{border:0;gap:18px}.format-grid article{background:#111;color:var(--salt);padding:35px}.format-grid article+article{border:0;padding:35px;background:var(--ocean);color:var(--salt)}.format-grid .eyebrow{color:var(--yellow)}.format-grid article+article .eyebrow{color:var(--salt)}.format-grid h3{font-size:68px}.format-grid .button{background:var(--coral);color:#111}.format-grid article+article .button{background:var(--salt)}
.retreats{padding-top:70px;background:#111;color:var(--salt)}.retreats .eyebrow{color:var(--coral)}.retreats .section-top>p{color:#cacac5}.destinations{gap:30px}.destination-photo{height:410px}.destination-photo img{filter:saturate(1.15) contrast(1.06)}.destination-photo:after{background:linear-gradient(transparent 45%,#0009)}.photo-word{font-weight:700;font-size:clamp(50px,6.4vw,92px)}.photo-tag{background:var(--coral);color:#111;font-weight:700}.destination:nth-child(2) .photo-tag{background:var(--yellow)}.destination-info{margin-top:22px}.destination .round{border-color:var(--coral);color:#111;background:var(--coral)}.destination:nth-child(2) .round{background:var(--yellow);border-color:var(--yellow)}.destination>p,.retreats>.concept-note{color:#b9b9b5}.destination-meta{border-color:#505050}.destination-meta button{color:var(--salt)}.destination:nth-child(2) .destination-info .eyebrow{color:var(--yellow)}
.dock-pillars{background:var(--salt)}.pillars-grid{border:0;gap:0}.pillars-grid article{padding:27px 22px;background:var(--ocean);color:var(--salt)}.pillars-grid article+article{border:0;padding:27px 22px}.pillars-grid article:nth-child(2){background:var(--coral);color:#111}.pillars-grid article:nth-child(3){background:var(--yellow);color:#111}.pillars-grid article:nth-child(4){background:#111;color:var(--salt)}.pillars-grid p{color:inherit}.pillars-grid h3{font-size:clamp(34px,3.7vw,54px);font-weight:700}.pillars-grid article>span{font-size:8px}
.philosophy{background:#000}.philosophy-sign span{color:var(--coral)}.principles article:nth-child(2)>span{color:var(--coral)}.offgrid{background:#111}.offgrid-brand{background:var(--ocean);border:0;transform:rotate(-3deg);box-shadow:8px 8px 0 var(--coral)}.offgrid-brand strong{color:var(--salt)}.offgrid-brand small{color:var(--salt)}.offgrid-moments article:nth-child(2) span{color:var(--coral)}
.rhythm{background:var(--yellow)}.rhythm .concept-note,.rhythm .day p,.rhythm .day .time{color:#344950}.day-grid{border-color:#587986}.tabs{border-color:#587986}.day .day-icon{font-size:40px}.join{background:var(--coral)}.join h2{font-weight:700}.join .button{box-shadow:5px 5px 0 var(--salt)}.faq{background:var(--salt)}footer{border-top:6px solid var(--ocean)}.footer-top .logo{font-size:130px;letter-spacing:-12px}.footer-top p{color:var(--coral)}
@media(min-width:1600px){.hero{height:900px}.hero-content{padding-top:60px}}
@media(max-width:1050px){.hero-patch{width:150px;right:5%;bottom:115px}.hero-patch strong{font-size:56px}.intro{grid-template-columns:.7fr 2fr}.format-grid article,.format-grid article+article{padding:28px}.salt-strip{font-size:21px;gap:20px}.pillars-grid{grid-template-columns:1fr 1fr}.pillars-grid article:nth-child(n+3){border:0;padding:27px 22px}.pillars-grid h3{font-size:48px}}
@media(max-width:700px){header nav{background:#080808;color:var(--salt)}.hero{height:770px}.hero-content{padding:50px 7% 0}.hero h1{font-size:clamp(72px,16.5vw,112px);line-height:.9;letter-spacing:-1.5px;margin:32px 0}.hero-outline{-webkit-text-stroke:1px var(--salt)}.hero-bottom{display:block}.hero-bottom p{font-size:13px;max-width:260px}.hero .button{margin-top:27px;padding:19px 20px;font-size:10px;gap:20px}.hero-patch{width:107px;right:7%;bottom:90px;padding:12px 6px;gap:6px;transform:rotate(8deg)}.hero-patch strong{font-size:42px;letter-spacing:-4px}.hero-patch span{font-size:6px;letter-spacing:.6px}.salt-strip{padding:16px 7%;font-size:20px;gap:18px;justify-content:start;flex-wrap:wrap}.salt-strip span:last-child,.salt-strip b:last-of-type{display:none}.salt-strip span{font-size:17px}.intro{display:block}.intro h2{font-size:52px}.formats .section-top h2,.retreats .section-top h2,.dock-pillars h2,.rhythm h2{font-size:48px}.format-grid{grid-template-columns:1fr}.format-grid article,.format-grid article+article{padding:28px}.format-grid h3{font-size:55px}.destination-photo{height:350px}.photo-word{font-size:62px}.pillars-grid{grid-template-columns:1fr 1fr}.pillars-grid article,.pillars-grid article+article,.pillars-grid article:nth-child(n+3){padding:23px 16px;border:0}.pillars-grid h3{font-size:36px}.pillars-grid p{font-size:12px}.pillars-grid article>span{font-size:7px;letter-spacing:.3px}.offgrid-brand{max-width:290px}.day:nth-child(n+3){border-color:#587986}.footer-top .logo{font-size:100px;letter-spacing:-9px}.hero-foot{bottom:24px}}
@media(max-width:370px){.hero h1{font-size:16vw}.hero-patch{bottom:85px;width:92px}.salt-strip{gap:12px}.salt-strip span{font-size:14px}.pillars-grid{grid-template-columns:1fr}.hero-bottom p{font-size:12px}}

/* Direction 06: raw ocean culture, space to disconnect. */
.hero h1{font-size:clamp(84px,10.5vw,156px);letter-spacing:-2.5px}.hero-outline{-webkit-text-stroke:1.5px #f3f1eb}.hero-patch{transform:rotate(-9deg);background:var(--yellow);box-shadow:7px 7px 0 var(--coral)}.salt-strip{background:var(--coral);color:#111;transform:none}.salt-strip b{color:#111}.intro h2 em{text-decoration:none;color:#f3f1eb;text-shadow:2px 2px 0 #111}.hero:after{opacity:.12}.formats .section-top .eyebrow{letter-spacing:2px}.philosophy h2{font-size:clamp(55px,6.2vw,90px)}.join{background:var(--ocean);color:var(--salt)}.join-bottom{border-color:#ffffff66}.join .button{background:var(--coral);color:#111;box-shadow:5px 5px 0 #111}.join h2 span{color:var(--coral)}.hero-bottom p{max-width:470px}@media(max-width:700px){.hero h1{font-size:clamp(61px,14vw,98px);line-height:.93;letter-spacing:-1px}.hero{height:780px}.hero-bottom p{max-width:290px;font-size:13px}.hero-patch{bottom:82px}.philosophy h2{font-size:60px}.salt-strip{gap:18px}.salt-strip span{font-size:18px}}

/* Official greenenergy wordmark, original proportions. */
.offgrid-brand>.greenenergy-logo{display:block;width:100%;max-width:240px;height:auto;object-fit:contain}

/* Asterisk beside the header wordmark. */
header .logo span{display:inline-block;font-size:28px;line-height:1;letter-spacing:0;vertical-align:top;margin:5px 0 0 12px;color:inherit}
@media(max-width:700px){header .logo span{font-size:24px;margin-left:10px}}

/* Keep the invitation wordmark consistent with the header. */
.join h2 .join-wordmark{font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:-.105em;line-height:1;white-space:nowrap;display:inline-block;padding-right:.1em}

/* Footer asterisk matches the header mark proportions. */
.footer-top .logo span{display:inline-block;font-size:.43em;line-height:1;letter-spacing:0;vertical-align:top;margin:.18em 0 0 .43em;color:inherit}

.recovery-photo{position:relative;margin:35px 0 0;background:#111;color:var(--paper)}.recovery-photo>img{display:block;width:100%;height:auto;max-height:680px;object-fit:cover}.recovery-photo-label{position:absolute;top:28px;left:28px;padding:18px 22px;background:rgba(0,0,0,.78)}.recovery-photo-label>span{font:10px "DM Sans",sans-serif;letter-spacing:2px;color:var(--yellow)}.recovery-photo-label h3{font-family:"Barlow Condensed",sans-serif;font-size:48px;line-height:1;margin-top:9px;text-transform:uppercase}.recovery-photo figcaption{padding:14px 20px;font-size:10px;line-height:1.6;color:#c8c8c5}.recovery-photo figcaption a{text-decoration:underline;text-underline-offset:3px}@media(max-width:700px){.recovery-photo-label{top:12px;left:12px;padding:10px 12px}.recovery-photo-label h3{font-size:28px}.recovery-photo figcaption{padding:12px;font-size:9px}}

/* Quiet sound-session detail alongside recovery. */
.sound-note{display:flex;align-items:flex-start;gap:20px;padding:23px 0;margin:0;border-bottom:1px solid var(--line);max-width:760px}.sound-note svg{width:52px;height:32px;flex-shrink:0;color:#668497;margin-top:2px}.sound-note h3{font-family:"DM Sans",sans-serif;font-size:16px;font-weight:500;letter-spacing:0;margin:0 0 7px}.sound-note p{font-size:13px;line-height:1.7;margin:0}.sound-note small{display:block;font-size:10px;line-height:1.6;color:var(--muted);margin-top:8px}@media(max-width:700px){.sound-note{gap:14px;padding:20px 0}.sound-note svg{width:38px}.sound-note p{font-size:12px}}

.hero-experience{display:block;font-family:"DM Sans",sans-serif;font-size:15px;font-weight:400;letter-spacing:0;text-transform:none;margin-top:7px}

/* Proposed Florence collaboration - distinct from confirmed camp services. */
.florence-proposal{background:var(--paper);border-top:5px solid var(--ink)}.florence-proposal .eyebrow{color:#385e70}.florence-proposal h2{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,6vw,86px);font-weight:600;line-height:.98;letter-spacing:-1px}.florence-intro{display:grid;grid-template-columns:1fr 2fr;gap:35px;padding:28px 0;border-top:1px solid var(--ink)}.florence-intro h3{font-size:25px;font-weight:500}.florence-intro p,.florence-grid p,.florence-pilot p{font-size:13px;line-height:1.8;max-width:650px}.florence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:28px 0}.florence-grid article{border-top:1px solid var(--line);padding-top:22px}.florence-grid span,.florence-pilot span{font:10px "DM Sans",sans-serif;letter-spacing:1px}.florence-grid h3{font-size:24px;font-weight:500;margin:18px 0 12px}.florence-pilot{display:grid;grid-template-columns:1fr 1fr;gap:35px;background:#111;color:var(--paper);padding:28px}.florence-pilot span{color:var(--yellow)}.florence-pilot p{margin-top:12px}@media(max-width:700px){.florence-intro,.florence-grid,.florence-pilot{grid-template-columns:1fr;gap:22px}.florence-proposal .section-top{display:block}.florence-proposal .section-top>p{margin-top:22px}}

/* Florence yellow sampled from its official website theme. */
.florence-proposal{--florence-yellow:#ffd100;background:var(--florence-yellow);color:#111}.florence-proposal .eyebrow{color:#111}.florence-proposal .concept-note{color:#38321b}.florence-proposal .collab-lockup{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:24px}.collab-lockup .collab-dock{font-family:'DM Sans',sans-serif;font-weight:700;font-size:88px;letter-spacing:-.105em;line-height:1;white-space:nowrap}.collab-dock>span{font-size:.4em;letter-spacing:0;vertical-align:top;margin-left:.4em}.collab-lockup .collab-times{font-family:'DM Sans',sans-serif;font-size:40px;font-weight:400;letter-spacing:0}.collab-lockup img{display:block;width:250px;max-width:100%;height:auto}.florence-grid article{border-color:#1115}.florence-pilot span{color:var(--florence-yellow)}@media(max-width:700px){.florence-proposal .collab-lockup{gap:18px}.collab-lockup .collab-dock{font-size:62px}.collab-lockup .collab-times{font-size:28px}.collab-lockup img{width:180px}}

.recovery-context{max-width:760px;margin-top:42px}.recovery-context h3{font-size:28px;font-weight:500;letter-spacing:-.5px;margin:12px 0 16px}.recovery-context p{font-size:14px;line-height:1.8;margin:12px 0;color:var(--muted)}

/* Foiling takes the lead in the camp experience. */
.foil-experience{background:#111;color:var(--paper);padding:75px 6vw}
.foil-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:35px}
.foil-heading .eyebrow{color:#96c6d7}.foil-heading h2{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(46px,5.6vw,82px);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;margin-top:22px}
.foil-heading>p{max-width:430px;font-size:18px;line-height:1.65}
.foil-action{position:relative;margin:0}.foil-action img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.foil-action-tag{position:absolute;top:20px;left:20px;background:#f47b60;color:#111;padding:10px 14px;font:12px "DM Sans",sans-serif;letter-spacing:1.5px}
.foil-action figcaption{font-size:11px;color:#bdbdb8;padding:12px 0}.foil-action figcaption a{text-decoration:underline}
.foil-session{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:35px}.foil-session article{border-top:2px solid #96c6d7;padding-top:20px}.foil-session article:nth-child(2){border-color:#f47b60}.foil-session span{font:11px "DM Sans",sans-serif;letter-spacing:1.5px}.foil-session h3{font-family:"Barlow Condensed",sans-serif;font-size:38px;text-transform:uppercase;margin:15px 0}.foil-session p{font-size:16px;line-height:1.65;color:#d0d0c9}
.foil-bottom{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-top:35px}.foil-bottom>p{font-size:12px;color:#bdbdb8;max-width:420px}
@media(max-width:700px){.foil-experience{padding:50px 6vw}.foil-heading{display:block}.foil-heading>p{margin-top:25px;font-size:16px}.foil-session{grid-template-columns:1fr;gap:25px}.foil-bottom{align-items:flex-start;flex-direction:column}.foil-action-tag{top:10px;left:10px;font-size:9px;padding:7px}.foil-heading h2{font-size:48px}}

/* Compact tropical recovery reference. */
.recovery-photo{width:50%;margin:35px auto 0}.recovery-photo-label{top:16px;left:16px;padding:12px 16px}.recovery-photo-label h3{font-size:32px}
@media(max-width:700px){.recovery-photo{width:100%}.recovery-photo-label h3{font-size:28px}}

/* Original video stills: action and the journey to the water. */
.foil-field-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.foil-field-gallery figure{margin:0;min-width:0}.foil-field-gallery img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.foil-field-gallery figcaption{font:11px "DM Sans",sans-serif;letter-spacing:1.5px;padding:13px 0;color:#96c6d7}
@media(max-width:700px){.foil-field-gallery{grid-template-columns:1fr;gap:15px}.foil-field-gallery figcaption{padding:10px 0}}

/* White editorial titles sit inside the action photography. */
.foil-action,.foil-field-gallery figure{position:relative;isolation:isolate;overflow:hidden}
.foil-action::after,.foil-field-gallery figure::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}
.foil-action::after{background:linear-gradient(120deg,rgba(0,0,0,.48),transparent 60%)}
.foil-action .foil-photo-title{position:absolute;top:clamp(20px,3vw,48px);left:clamp(20px,3vw,48px);z-index:2;padding:0;color:#fff}
.foil-photo-title>span{display:block;font:11px "DM Sans",sans-serif;letter-spacing:2px;margin-bottom:16px}
.foil-photo-title strong{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(56px,8vw,120px);line-height:.88;letter-spacing:-.02em;text-shadow:0 2px 18px rgba(0,0,0,.15)}
.foil-field-gallery figure::after{background:linear-gradient(0deg,rgba(0,0,0,.62),rgba(0,0,0,.05) 75%)}
.foil-field-gallery figcaption{position:absolute;left:20px;bottom:18px;z-index:2;padding:0;color:#fff;letter-spacing:-.02em}
.foil-field-gallery figcaption strong{display:block;font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(32px,3.5vw,58px);line-height:.9}
@media(max-width:700px){.foil-photo-title>span{font-size:9px;margin-bottom:10px}.foil-photo-title strong{font-size:clamp(44px,11vw,76px)}.foil-field-gallery figcaption{padding:0;left:20px;bottom:20px}.foil-field-gallery figcaption strong{font-size:48px}}

/* Recovery follows the action photography's typography and contrast. */
.recovery-editorial{display:grid;grid-template-columns:1fr 1fr;background:#111;color:#f2f0e7;margin-top:42px;align-items:stretch}
.recovery-editorial .recovery-photo{width:100%;margin:0;position:relative;align-self:start}
.recovery-editorial .recovery-photo>img{width:100%;height:auto;max-height:none;aspect-ratio:3/2;object-fit:cover}
.recovery-editorial .recovery-photo-label{inset:0 0 auto;height:auto;aspect-ratio:3/2;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 70%);padding:26px;pointer-events:none}
.recovery-editorial .recovery-photo-label>span{color:#fff;font-size:10px}.recovery-editorial .recovery-photo-label h3{color:#fff;font-size:clamp(36px,4.5vw,72px);font-weight:800;line-height:.9;letter-spacing:-1px;margin-top:14px}
.recovery-editorial .recovery-photo figcaption{font-size:9px;padding:12px 20px;color:#aaa}
.recovery-copy{padding:30px}.recovery-copy .recovery-context{margin:0;max-width:none}.recovery-copy .eyebrow{color:#96c6d7}.recovery-copy .recovery-context h3{font-family:"Barlow Condensed",sans-serif;font-size:clamp(36px,4vw,58px);font-weight:700;line-height:.95;margin:18px 0}.recovery-copy .recovery-context p{color:#d0d0c9;font-size:13px;line-height:1.65}
.recovery-copy .sound-note{margin-top:22px;padding:18px 0 0;border-top:1px solid #444;border-bottom:0;gap:14px}.recovery-copy .sound-note svg{color:#f47b60;width:34px}.recovery-copy .sound-note h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:24px;font-weight:600}.recovery-copy .sound-note p{font-size:12px}.recovery-copy .sound-note small{color:#aaa;font-size:9px}
/* Florence is a brand statement, not a proposal document. */
.florence-brand{background:#ffd100;color:#111;padding-top:45px;padding-bottom:28px}.florence-brand-top{display:flex;justify-content:space-between;gap:20px;font:11px "DM Sans",sans-serif;letter-spacing:1.6px;border-bottom:1px solid rgba(0,0,0,.3);padding-bottom:22px}
.florence-brand-lockup{display:flex;align-items:center;justify-content:space-between;gap:4%;margin:45px 0;width:100%}.florence-brand-lockup .collab-dock{font-family:"DM Sans",sans-serif;font-weight:700;font-size:clamp(60px,10vw,150px);letter-spacing:-.09em;white-space:nowrap;line-height:1}.florence-brand-lockup .collab-dock>span{font-size:.4em;vertical-align:top;margin-left:.15em;letter-spacing:0}.florence-brand-lockup .collab-times{font:300 clamp(28px,4vw,60px) "DM Sans",sans-serif}.florence-brand-lockup img{display:block;width:55%;height:auto;max-width:none}
.florence-brand-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-top:1px solid rgba(0,0,0,.3);padding-top:22px}.florence-brand-bottom p{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:clamp(28px,3.5vw,50px);font-weight:600;line-height:1}.florence-brand-bottom>span{font:10px "DM Sans",sans-serif;letter-spacing:1.3px}.florence-brand .concept-note{margin-top:24px;font-size:10px;color:#514709}
@media(max-width:700px){.recovery-editorial{grid-template-columns:1fr}.recovery-copy{padding:25px}.recovery-editorial .recovery-photo-label h3{font-size:48px}.florence-brand-top{font-size:8px;letter-spacing:.8px}.florence-brand-lockup{flex-wrap:wrap;justify-content:center;gap:20px;margin:35px 0}.florence-brand-lockup .collab-dock{font-size:70px}.florence-brand-lockup img{width:100%;max-width:420px}.florence-brand-bottom{display:block}.florence-brand-bottom>span{display:block;margin-top:20px}}

.florence-watermen-copy{max-width:520px;font-family:"DM Sans",sans-serif;font-size:16px;line-height:1.6;margin-top:18px}.florence-watermen{max-width:650px}

/* Additional original footage, distributed between camp sections. */
.adventure-pair{display:grid;grid-template-columns:1fr 1fr;gap:4px;background:#111;padding:4px 0}.adventure-pair figure{position:relative;margin:0;overflow:hidden;isolation:isolate}.adventure-pair img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.adventure-pair figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 65%);pointer-events:none}.adventure-pair figcaption{position:absolute;top:30px;left:30px;z-index:1;color:#fff}.adventure-pair figcaption>span{display:block;font:10px "DM Sans",sans-serif;letter-spacing:2px;margin-bottom:18px}.adventure-pair strong{display:block;font-family:"Barlow Condensed",sans-serif;font-size:clamp(48px,6vw,94px);font-weight:800;line-height:.88;letter-spacing:-.02em}.adventure-crew img{aspect-ratio:16/9}
@media(max-width:700px){.adventure-pair{grid-template-columns:1fr}.adventure-pair figcaption{top:22px;left:22px}.adventure-pair strong{font-size:54px}.adventure-pair figcaption>span{font-size:9px;margin-bottom:12px}}

.florence-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:32px;border-top:1px solid rgba(0,0,0,.3);padding-top:24px}.florence-trust span{font:9px "DM Sans",sans-serif;letter-spacing:1.3px}.florence-trust h3{font-family:"Barlow Condensed",sans-serif;font-size:32px;text-transform:uppercase;line-height:1;margin:13px 0}.florence-trust p{font-size:13px;line-height:1.6;max-width:320px}@media(max-width:700px){.florence-trust{grid-template-columns:1fr;gap:22px}}

.offgrid-photo{grid-column:1/-1;width:100%;margin:35px 0 0;background:#111;color:#fff}.offgrid-photo-frame{position:relative;isolation:isolate}.offgrid-photo-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.25),transparent 65%);pointer-events:none}.offgrid-photo img{display:block;width:100%;height:auto}.offgrid-photo-title{position:absolute;left:5%;top:30%;z-index:1}.offgrid-photo-title>span{font:10px "DM Sans",sans-serif;letter-spacing:2px}.offgrid-photo-title h3{font-family:"Barlow Condensed",sans-serif;font-weight:800;font-size:clamp(48px,8vw,120px);line-height:.9;letter-spacing:-.02em;color:#fff;margin:18px 0 0}.offgrid-photo figcaption{font-size:10px;color:#aaa;padding:12px 20px}@media(max-width:700px){.offgrid-photo-title{top:25%;left:6%}.offgrid-photo-title>span{font-size:7px;letter-spacing:1px}.offgrid-photo-title h3{font-size:clamp(36px,10vw,65px);margin-top:10px}}

.adventure-pair .epic-foil figcaption{top:auto;bottom:24px;left:25px}.adventure-pair .epic-foil strong{font-size:clamp(32px,4.4vw,68px)}.adventure-pair .epic-foil figcaption>span{margin-bottom:10px}.adventure-pair .epic-foil small{display:block;font:9px "DM Sans",sans-serif;margin-top:10px}.adventure-pair .epic-foil:after{background:linear-gradient(0deg,rgba(0,0,0,.6),transparent 45%)}

.destination-photo .north-photo{object-position:center 60%}

/* North camp: photographs supplied by the team. */
.north-field{background:#111;color:var(--salt);padding-top:25px}
.north-field-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px;border-top:1px solid #444;padding-top:45px}
.north-field-heading .eyebrow{color:var(--coral)}
.north-field-heading h2{margin:20px 0 0;font-size:clamp(64px,8vw,110px);line-height:.9}
.north-field-heading p{max-width:430px;font-size:16px;line-height:1.7;color:#d1d1ca;margin:0}
.north-field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.north-field-grid figure{margin:0;position:relative;overflow:hidden;isolation:isolate}
.north-field-grid .north-field-main{grid-column:1/-1}
.north-field-grid img{display:block;width:100%;height:auto;aspect-ratio:1.8;object-fit:cover}
.north-field-grid .north-field-main img{aspect-ratio:1612/738}
.north-field-grid figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0005,transparent 65%);z-index:1;pointer-events:none}
.north-field-grid figcaption{position:absolute;top:8%;left:5%;color:#fff;z-index:2}
.north-field-grid figcaption span{display:block;font:11px "DM Sans",sans-serif;letter-spacing:2px;margin-bottom:18px}
.north-field-grid figcaption strong{display:block;font-family:'Barlow Condensed',sans-serif;font-weight:700;font-size:clamp(42px,6vw,88px);line-height:.9;letter-spacing:-1px}
.north-field-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px}
.north-field-footer>span{font:11px "DM Sans",sans-serif;letter-spacing:1px}
@media(max-width:700px){.north-field-heading{display:block;padding-top:30px}.north-field-heading p{margin-top:24px;font-size:14px}.north-field-grid{gap:12px}.north-field-grid figcaption strong{font-size:34px}.north-field-grid figcaption span{font-size:8px;margin-bottom:10px}.north-field-footer{align-items:start;flex-direction:column}.north-field-grid img{aspect-ratio:1.3}.north-field-grid .north-field-main img{aspect-ratio:1.8;object-position:65% center}}

/* Equal visual scale for the two partner marks. */
.florence-brand-lockup{font-size:clamp(60px,10vw,150px);justify-content:center;gap:clamp(24px,5vw,80px);flex-wrap:nowrap}
.florence-brand-lockup .collab-dock{font-size:1em;flex:none}
.florence-brand-lockup img{width:2.7em;max-width:42%;height:auto;flex:none}
@media(max-width:700px){.florence-brand-lockup{font-size:clamp(36px,9vw,62px);gap:16px;flex-wrap:nowrap}.florence-brand-lockup .collab-dock{font-size:1em}.florence-brand-lockup .collab-times{font-size:.45em}.florence-brand-lockup img{width:2.7em;max-width:42%}}

/* South uses the same gallery system, with text over the darker water. */
.south-field .north-field-heading .eyebrow{color:var(--yellow)}
.south-field .north-field-main img{aspect-ratio:2862/1600}
.south-field .north-field-grid figcaption{top:auto;bottom:8%}
.south-field .north-field-grid figure:after{background:linear-gradient(0deg,#0006,transparent 65%)}
.south-field .north-field-heading p strong{font-weight:700;color:var(--salt)}
@media(max-width:700px){.south-field .north-field-main img{aspect-ratio:1.6;object-position:center}.south-field .north-field-grid img{object-position:center}}

/* Draw the brand asterisk instead of using an emoji-capable glyph. */
svg.dock-asterisk{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;overflow:visible}

/* Match the coral eight-spoke reference on desktop and phones. */
.philosophy-sign{color:var(--salt);flex-wrap:nowrap}
.philosophy-sign>span{display:flex;align-items:center;justify-content:center;flex:0 0 38px;width:38px;height:38px;line-height:1;color:#f47b60}
.philosophy-sign .dock-asterisk{display:block;width:38px;height:38px;vertical-align:baseline}
.philosophy-sign .dock-asterisk path{stroke:#f47b60;stroke-width:2;stroke-linecap:butt}
@media(max-width:700px){.philosophy-sign{gap:clamp(20px,5vw,40px);font-size:clamp(8px,2.4vw,10px);letter-spacing:1.5px}}

/* Fixed line artwork prevents mobile emoji substitutions. */
svg.dock-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex:none;overflow:visible}
.day-icon .dock-icon{vertical-align:baseline}
.round .dock-icon{vertical-align:middle}

/* A real inquiry goes through the visitor's chosen messaging app. */
#interest-form input:not([type=checkbox]){font:inherit;font-size:16px;padding:13px;border:1px solid var(--line);background:transparent;color:var(--ink);width:100%;box-sizing:border-box;border-radius:0}
#interest-form input:focus-visible{outline:3px solid #387b9a;outline-offset:3px}
#interest-form .interest-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.5;margin:8px 0}
#interest-form .interest-consent input{width:18px;height:18px;flex:none;margin:0;accent-color:#111}
.interest-email{background:transparent;border:0;color:var(--ink);text-decoration:underline;padding:12px;cursor:pointer}
#interest-result a{text-decoration:underline;font-weight:700}
.camp-contact{display:flex;flex-wrap:wrap;gap:16px 35px;padding:25px 0;border-top:1px solid #444;font-size:13px;line-height:1.5}
.camp-contact a{text-decoration:underline;text-underline-offset:4px}

/* Registered mark follows the wordmark without replacing its asterisk. */
header .logo>.logo-symbols,.footer-top .logo>.logo-symbols{display:inline-flex;flex-direction:column;align-items:center;gap:.12em;font-size:.43em;line-height:1;letter-spacing:0;vertical-align:top;margin:.04em 0 0 .34em;color:inherit}
.logo-symbols>.dock-asterisk{display:block;vertical-align:baseline}
.logo-symbols>.logo-registered{display:block;font-family:Arial,sans-serif;font-size:.48em;font-weight:400;line-height:1;letter-spacing:0;margin:0;position:static;vertical-align:baseline}

/* South Camp apparel, immediately after the South location story. */
.camp-wear{background:#111;color:var(--salt);padding-top:32px;padding-bottom:56px}
.camp-wear-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;max-width:760px;margin:0 auto 22px}
.camp-wear .eyebrow{color:var(--yellow)}
.camp-wear h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(34px,3.5vw,46px);font-weight:700;line-height:1;letter-spacing:-1px;margin-top:14px}
.camp-wear-heading p{font-family:"DM Sans",sans-serif;font-size:10px;letter-spacing:1.2px;line-height:1.8}
.camp-wear figure{max-width:760px;margin:0 auto}.camp-wear figure>a{display:block}.camp-wear img{display:block;width:100%;height:auto}
.camp-wear figcaption{display:flex;justify-content:space-between;gap:16px;padding-top:14px;font-family:"DM Sans",sans-serif;font-size:10px;letter-spacing:1px;line-height:1.6}
.camp-wear figcaption a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.camp-wear{padding-top:32px}.camp-wear-heading{align-items:start;flex-direction:column;gap:16px;margin-bottom:22px}.camp-wear-heading p{font-size:10px}.camp-wear figcaption{font-size:8px;letter-spacing:.6px}}

/* Brand asterisk in the closing invitation. */
.join h2 .join-wordmark .join-asterisk{width:.3em;height:.3em;vertical-align:top;margin:.04em 0 0 .07em;color:inherit}

/* Florence: collaboration vision, practical first pilot */
.florence-vision{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,6vw,90px);border-top:1px solid rgba(0,0,0,.3);padding-top:30px}
.florence-eyebrow{display:block;font:10px "DM Sans",sans-serif;letter-spacing:1.5px;margin-bottom:16px}
.florence-vision h3{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:clamp(36px,4.5vw,62px);font-weight:600;line-height:1;margin:0 0 20px}
.florence-vision .florence-why h3{font-size:clamp(28px,3vw,40px)}
.florence-vision p{font-size:15px;line-height:1.65;max-width:560px;margin:0 0 12px}
.florence-brand .florence-trust p{font-size:14px;max-width:390px}
.florence-vision-close{margin-top:30px;padding-top:20px;border-top:1px solid rgba(0,0,0,.3)}
.florence-vision-close strong{font:11px "DM Sans",sans-serif;letter-spacing:1px;line-height:1.6}
.florence-vision-close p{font-size:13px;line-height:1.6;margin-top:8px}
@media(max-width:700px){.florence-vision{grid-template-columns:1fr;gap:22px}.florence-brand-top{font-size:9px;letter-spacing:1px}.florence-vision p{font-size:14px}}

/* Florence guest-facing community story */
.florence-guest{padding-bottom:14px}
.florence-guest-signoff{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(0,0,0,.3);padding-top:22px;margin-top:16px;font:10px "DM Sans",sans-serif;letter-spacing:1.3px;line-height:1.7}

/* Offgrid section motto */
.offgrid-story h2.offgrid-motto{font-size:clamp(32px,4.5vw,68px);line-height:1.08;letter-spacing:-.035em}
.offgrid-motto sup{font-size:.24em;vertical-align:super;letter-spacing:0;margin-left:.12em}

/* Airport-to-camp arrival experience */
.arrival{background:#111;color:var(--salt)}
.arrival-image{position:relative;margin:0;isolation:isolate;overflow:hidden}
.arrival-image>img{display:block;width:100%;height:auto}
.arrival-image:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(0,0,0,.45),transparent 48%);pointer-events:none}
.arrival-photo-copy{position:absolute;top:7%;left:4.5%;z-index:1;color:#fff}
.arrival-photo-copy>span{font:10px "DM Sans",sans-serif;letter-spacing:2px}
.arrival-photo-copy h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(32px,6.8vw,104px);font-weight:800;letter-spacing:-.02em;line-height:.92;margin:22px 0 0;color:#fff}
.arrival-story{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(28px,6vw,80px);padding-top:34px}
.arrival-story .eyebrow{font-size:10px;color:var(--sky,#96c6d7)}
.arrival-story h3{font-family:"Barlow Condensed",sans-serif;font-size:clamp(32px,4vw,54px);font-weight:600;line-height:1.05;margin:14px 0 0}
.arrival-story p{font-size:16px;line-height:1.7;max-width:620px;margin:0}
.arrival-story .arrival-detail{font-size:13px;color:#c8c8c5;margin-top:16px}
.arrival-signature{display:block;font:10px "DM Sans",sans-serif;letter-spacing:1.4px;color:var(--coral);margin-top:22px}
@media(max-width:700px){.arrival.section{padding-left:20px;padding-right:20px}.arrival-story{grid-template-columns:1fr;gap:22px;padding-top:24px}.arrival-photo-copy>span{font-size:8px;letter-spacing:1px}.arrival-photo-copy h2{margin-top:12px}.arrival-story p{font-size:14px}}

/* Isolated vehicle in the supplied døck light blue (#69b2d8). */
.arrival-image{display:flex;flex-direction:column;overflow:visible}
.arrival-image:after{display:none}
.arrival-image>img{width:80%;max-width:640px;align-self:center;margin:24px auto 0}
.arrival-photo-copy{position:static;order:-1}
.arrival-photo-copy>span{color:#69b2d8}
.arrival-photo-copy h2{font-size:clamp(36px,5.3vw,76px);margin-top:16px}
.arrival-signature{color:#69b2d8}
@media(max-width:700px){.arrival-image>img{margin-top:20px}.arrival-photo-copy h2{font-size:38px}}

/* Greenenergy: white card logo and original gradient signature. */
.offgrid-brand>.greenenergy-logo{filter:brightness(0) invert(1)}
.offgrid-motto .greenenergy-signature{display:block;width:clamp(240px,34vw,480px);max-width:100%;height:auto;margin-top:20px}

/* The story behind the name. */
.name-story{background:#111;color:var(--salt);display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,7vw,100px)}
.name-story .eyebrow{font:10px "DM Sans",sans-serif;letter-spacing:2px;color:var(--sky,#96c6d7)}
.name-story h2{font-family:"Barlow Condensed",sans-serif;font-weight:600;font-size:clamp(42px,5.3vw,76px);line-height:.98;letter-spacing:-.02em;margin:24px 0 0}
.name-story h2 em{font-style:normal;color:var(--coral)}
.name-story-copy p{font-size:16px;line-height:1.8;max-width:530px;margin:0 0 20px;color:#c8c8c5}
.name-story-copy .name-story-close{color:var(--salt);border-top:1px solid #444;padding-top:22px;margin-bottom:0}
@media(max-width:700px){.name-story{grid-template-columns:1fr;gap:28px}.name-story h2{font-size:46px}.name-story-copy p{font-size:14px}}

/* Lead with the name story; practical camp overview follows the riding section. */
.name-intro .name-story-copy{margin-top:28px}
.name-intro .name-story-copy p{font-size:15px;line-height:1.75;color:var(--ink,#111);margin:0 0 18px;max-width:600px}
.name-intro .name-story-copy .name-story-close{border-top:1px solid rgba(17,17,17,.3);padding-top:18px;margin-bottom:0;color:var(--ink,#111)}
.name-intro .stamp{align-self:center}
.camp-summary{background:var(--salt);grid-template-columns:.75fr 2.6fr}
.camp-summary h2{font-size:clamp(36px,4vw,56px)}
.camp-summary h2 em{color:var(--ocean);text-shadow:none}
.camp-summary p{max-width:650px}
@media(max-width:700px){.name-intro .name-story-copy p{font-size:14px}.name-intro h2{font-size:46px}.camp-summary h2{font-size:38px}}

/* Rounded 9:5 sticker, matching the physical døck sticker. */
.brand-sticker{display:block;aspect-ratio:9/5;border-radius:6% / 10.8%;overflow:hidden;background:#69b2d8;box-shadow:0 3px 0 rgba(0,0,0,.12);flex-shrink:0}
.brand-sticker img{display:block;width:100%;height:100%;object-fit:cover}
.name-intro>.brand-sticker{width:100%;max-width:210px;align-self:center;justify-self:center;transform:rotate(-7deg)}
.join-kicker{display:flex;align-items:center;justify-content:space-between;gap:24px}
.join-kicker>.brand-sticker{width:144px;max-width:36vw;transform:rotate(5deg)}
@media(max-width:1000px){.name-intro>.brand-sticker{grid-column:2;justify-self:end;max-width:180px;margin-top:12px}}
@media(max-width:700px){.name-intro>.brand-sticker{width:160px;margin:30px 4px 0 auto}.join-kicker>.brand-sticker{width:120px}.join-kicker .eyebrow{font-size:10px}}

/* Physical sticker as the header brand mark. */
header .logo.header-sticker{width:126px;max-width:none;aspect-ratio:9/5;font-size:0;letter-spacing:0;line-height:0;transform:none;box-shadow:none}
header .header-sticker:focus-visible{outline:2px solid var(--salt);outline-offset:5px}
@media(max-width:700px){header .logo.header-sticker{width:100px}}

/* Complete brand mark on the hero card. */
.hero-patch strong{display:flex;justify-content:center;align-items:flex-start;font-size:60px;letter-spacing:-.1em;padding-right:.1em}
.hero-patch strong .dock-asterisk{width:.3em;height:.3em;margin:.06em 0 0 .16em}
@media(max-width:1050px){.hero-patch strong{font-size:46px}}
@media(max-width:700px){.hero-patch strong{font-size:35px}}
@media(max-width:370px){.hero-patch strong{font-size:30px}}

/* Guest-first offgrid story, with greenenergy as the supporting signature. */
.offgrid-powered{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:24px;padding-top:22px;border-top:1px solid #444}
.offgrid-powered>span{font-size:16px;color:#f3f1eb}
.offgrid-powered .greenenergy-signature{display:block;width:220px;max-width:65%;height:auto}

/* Sharing and cooperation are the philosophy behind the name. */
.name-intro .name-philosophy{max-width:600px;border-top:1px solid rgba(17,17,17,.3);margin-top:24px;padding-top:20px}
.name-intro .name-philosophy h3{font-family:"Barlow Condensed",sans-serif;font-size:clamp(34px,3.7vw,52px);font-weight:700;line-height:1.05;letter-spacing:-.01em;color:var(--ink,#111);margin:0 0 15px}
.name-intro .name-philosophy .name-story-close{border-top:0;padding-top:0}

/* The physical DØCK sticker in the Florence brand pairing. */
.florence-brand-lockup .collab-sticker{width:2.7em;max-width:42%;flex:none;box-shadow:none}
.florence-brand-lockup .collab-sticker img{width:100%;max-width:100%;height:100%;object-fit:cover}

/* One experience: analog life, supported by offgrid infrastructure. */
.analog-ecosystem{background:#000;color:var(--paper)}
.analog-ecosystem .philosophy{padding-bottom:42px}
.analog-ecosystem .offgrid{background:transparent;border-top:0;padding-top:24px;grid-template-columns:minmax(180px,.7fr) minmax(0,1.7fr);align-items:center}
.analog-ecosystem .offgrid-brand{width:100%;max-width:240px;justify-self:start;align-self:center}
.analog-ecosystem .offgrid-brand strong{font-size:36px;margin:24px 0}
.analog-ecosystem .offgrid-story{border-top:1px solid #444;padding-top:24px}
.analog-ecosystem .offgrid-story h3{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin:18px 0 22px;font-size:24px;font-weight:500}
.analog-ecosystem .greenenergy-signature{width:260px;max-width:100%;height:auto}
.analog-ecosystem .offgrid-photo{margin-top:28px}
@media(max-width:700px){.analog-ecosystem .offgrid{grid-template-columns:1fr;gap:28px}.analog-ecosystem .offgrid-brand{max-width:210px}.analog-ecosystem .offgrid-story h3{font-size:22px}.analog-ecosystem .greenenergy-signature{width:230px}}

/* Give the camp value statement room to read. */
.analog-ecosystem .philosophy-left p+p{margin-top:18px}

/* Connect the riding story directly to the camp details. */
.camp-overview{background:var(--salt);padding-top:48px;padding-bottom:56px}
.camp-overview-lead{display:grid;grid-template-columns:1.15fr 1fr;gap:0}
.camp-overview-photo{position:relative;isolation:isolate;margin:0;min-height:420px;overflow:hidden;background:#172627}
.camp-overview-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 60%}
.camp-overview-photo:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,rgba(0,0,0,.42),rgba(0,0,0,.02) 62%,rgba(0,0,0,.28))}
.camp-overview-photo figcaption{position:relative;z-index:1;padding:32px;color:#fff}
.camp-overview-photo .eyebrow{color:#fff}
.camp-overview-photo h2{font-family:"Barlow Condensed",sans-serif;font-size:clamp(46px,5.6vw,82px);font-weight:700;line-height:.95;letter-spacing:-.02em;margin:24px 0 0;color:#fff}
.camp-overview-note{position:absolute;bottom:24px;left:32px;z-index:1;color:#fff;font:10px "DM Sans",sans-serif;letter-spacing:1.5px}
.camp-overview-copy{background:var(--ocean);color:var(--salt);padding:36px clamp(24px,3.4vw,50px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.camp-overview-copy .eyebrow{color:var(--salt)}
.camp-overview-copy h3{font-family:"Barlow Condensed",sans-serif;font-size:clamp(38px,4.4vw,62px);font-weight:600;line-height:1;letter-spacing:-.02em;margin:24px 0}
.camp-overview-copy p{font-size:15px;line-height:1.7;max-width:370px;margin:0 0 24px}
.camp-overview-copy .button{background:var(--coral);color:#111;font-size:11px;padding:17px 22px;margin-top:0}
.camp-overview-bridge{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 0 18px;border-bottom:1px solid #1113;margin-bottom:18px}
.camp-overview-bridge h3{font-family:"Barlow Condensed",sans-serif;font-size:28px;font-weight:600;line-height:1;margin:0}
.camp-overview-bridge>span{font:10px "DM Sans",sans-serif;letter-spacing:1.5px;display:flex;align-items:center;gap:18px}
.camp-overview-bridge .dock-asterisk{width:24px;height:24px;color:var(--ocean)}
.camp-overview .format-grid h3{font-size:clamp(40px,4.2vw,58px)}
.adventure-crew.crew-single{grid-template-columns:1fr}
.adventure-crew.crew-single figure{height:auto;aspect-ratio:12/5}
.adventure-crew.crew-single img{height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 80%}
@media(max-width:700px){.adventure-crew.crew-single figure{aspect-ratio:4/3}.adventure-crew.crew-single img{object-position:65% 80%}.adventure-crew.crew-single strong{font-size:44px}}
@media(max-width:700px){.camp-overview{padding-top:26px;padding-bottom:36px}.camp-overview-lead{grid-template-columns:1fr}.camp-overview-photo{min-height:340px}.camp-overview-photo figcaption{padding:26px}.camp-overview-photo h2{font-size:54px}.camp-overview-note{left:26px}.camp-overview-copy{padding:28px}.camp-overview-copy h3{font-size:44px;margin:18px 0}.camp-overview-copy p{font-size:14px}.camp-overview-bridge{align-items:flex-start}.camp-overview-bridge h3{font-size:25px}.camp-overview-bridge>span{font-size:8px;letter-spacing:.7px;gap:8px}.camp-overview .format-grid h3{font-size:46px}}

/* Match the footer to the physical brand sticker. */
.footer-top>.footer-sticker{width:clamp(180px,22vw,270px);max-width:100%}
@media(max-width:700px){.footer-top>.footer-sticker{width:190px}}

/* Brand hierarchy: identity at entry, collaboration and closing; content carries the story. */
.name-intro{grid-template-columns:minmax(150px,.75fr) minmax(0,2.6fr)}
.name-intro .name-story-copy p,.name-intro .name-philosophy{max-width:700px}
.analog-ecosystem .offgrid-brand strong{margin-top:24px}
@media(max-width:700px){.name-intro{display:block}}

@media(max-width:700px){.join h2>span{display:none}}

/* Name story: connect the physical sticker with the meaning of DØCK. */
.name-story-identity{align-self:start;padding-top:9px}
.name-story-identity>.brand-sticker{width:min(100%,190px);margin-top:30px;transform:rotate(-4deg)}
@media(max-width:700px){.name-story-identity{padding-top:0}.name-story-identity>.brand-sticker{width:150px;margin:22px 0 32px;transform:rotate(-4deg)}}

/* Brand signature in the daily schedule heading. */
.schedule-wordmark{display:inline-block;position:relative;white-space:nowrap;font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:-.105em;line-height:1;padding-right:.1em}
.rhythm h2 .schedule-asterisk{position:absolute;left:100%;top:.12em;width:.3em;height:.3em;margin:0 0 0 .07em;color:inherit}

/* Brand signature in the camp overview title. */
.camp-title-wordmark{display:inline-block;position:relative;white-space:nowrap}
.camp-overview-copy h3 .camp-title-asterisk{position:absolute;left:100%;top:.12em;width:.3em;height:.3em;margin:0 0 0 .07em;color:inherit}

/* Opening line above the main hero headline. */
.hero-opening{font-family:"DM Sans",sans-serif;font-size:clamp(20px,2.1vw,30px);font-weight:500;line-height:1.3;letter-spacing:-.025em;max-width:660px;color:var(--paper);text-wrap:balance}
@media(max-width:700px){.hero-opening{font-size:21px;max-width:340px;line-height:1.3}}

/* Coordinated land and water transport, kept compact. */
.arrival-fleet{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,4vw,60px);align-items:end;margin:30px auto 0;width:100%;max-width:1040px}
.arrival-fleet figure{margin:0;min-width:0}
.arrival-fleet img{display:block;width:100%;height:auto;aspect-ratio:2/1;object-fit:contain;object-position:center bottom}
.arrival-fleet .arrival-water img{width:88%;margin-inline:auto}
.arrival-fleet figcaption{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #ffffff30;padding-top:14px;margin-top:18px;font:10px "DM Sans",sans-serif;letter-spacing:1.4px;color:var(--paper)}
.arrival-fleet figcaption span{color:#69b2d8}
@media(max-width:700px){.arrival-fleet{grid-template-columns:1fr;max-width:420px;gap:26px;margin-top:24px}.arrival-fleet img{width:90%;margin-inline:auto}.arrival-fleet .arrival-water img{width:80%}.arrival-fleet figcaption{font-size:9px;margin-top:12px}}

/* Playa Grande: a town destination and the main operating base. */
.grande-base{margin:20px 0 64px;background:var(--ink);color:var(--paper);scroll-margin-top:30px}
.grande-visual{position:relative;margin:0;overflow:hidden;aspect-ratio:1.8}
.grande-visual>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 60%}
.grande-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0009,transparent 55%,#0006)}
.grande-visual figcaption{position:absolute;z-index:1;top:7%;left:5%;color:#fff}
.grande-visual h3{font-family:'Barlow Condensed',sans-serif;font-size:clamp(48px,6vw,90px);line-height:.95;margin-top:20px;letter-spacing:-1px}
.grande-concept{position:absolute;z-index:1;bottom:20px;right:24px;font:10px "DM Sans",sans-serif;letter-spacing:1.8px;color:#fff}
.grande-story{padding:48px 5% 34px;display:grid;grid-template-columns:1fr 1.3fr;gap:7%}
.grande-story h3{font-size:clamp(28px,3vw,43px);line-height:1.08;letter-spacing:-1px;margin-top:16px;font-weight:500}
.grande-story p{font-size:16px;line-height:1.75;color:#d0cfca}
.grande-story p+p{margin-top:18px}
.grande-pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:0 5%;padding:28px 0 34px;border-top:1px solid #ffffff38}
.grande-pillars span{font:10px "DM Sans",sans-serif;letter-spacing:1.5px;color:#96c6d7}
.grande-pillars h4,.grande-build h4{font-size:23px;letter-spacing:-.5px;margin:16px 0 12px;font-weight:500}
.grande-pillars p{font-size:14px;line-height:1.65;color:#ccc}
.grande-connections{margin:0 5%;display:flex;align-items:center;justify-content:space-between;gap:15px;background:#96c6d7;color:#111;padding:24px;font:11px "DM Sans",sans-serif;letter-spacing:1px;line-height:1.7}
.grande-connections strong{font-size:16px;line-height:1.4}.grande-connections small{font-size:9px;font-weight:400;letter-spacing:1px}.grande-connections b{font-size:24px;font-weight:400}
.grande-route-note{margin:14px 5% 32px;font-size:11px;line-height:1.6;color:#aaa;max-width:700px}
.grande-build{margin:0 5%;border-top:1px solid #ffffff38;padding-bottom:12px}
.grande-build summary{display:flex;justify-content:space-between;align-items:center;padding:24px 0;cursor:pointer;font-size:24px;letter-spacing:-.5px;list-style:none}
.grande-build summary::-webkit-details-marker{display:none}.grande-build summary span{color:#f47b5c;font-size:30px}.grande-build[open] summary span{transform:rotate(45deg)}
.grande-build>div{max-width:740px;padding-bottom:24px}.grande-build h4{margin-top:0}.grande-build p{font-size:15px;line-height:1.75;color:#ccc;margin-bottom:16px}.grande-build .button{background:#f47b5c;color:#111;margin-top:8px}
.grande-remote-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.grande-remote-heading p{font-size:14px;line-height:1.6}
@media(max-width:700px){.grande-base{margin-bottom:40px}.grande-visual{aspect-ratio:.95}.grande-visual>img{object-position:28% center}.grande-visual h3{font-size:54px;margin-top:16px}.grande-visual figcaption{top:25px;left:22px}.grande-concept{font-size:8px;bottom:14px;right:15px}.grande-story{grid-template-columns:1fr;gap:24px;padding:30px 22px}.grande-story h3{font-size:34px}.grande-story p{font-size:15px}.grande-pillars{grid-template-columns:1fr;gap:24px;margin:0 22px}.grande-pillars h4{margin-top:10px}.grande-connections{margin:0 22px;padding:22px 16px;flex-direction:column;align-items:flex-start;gap:12px}.grande-connections b{transform:rotate(90deg);margin-left:4px}.grande-route-note{margin:14px 22px 28px}.grande-build{margin:0 22px}.grande-build summary{font-size:23px}.grande-remote-heading{display:block}.grande-remote-heading p{margin-top:10px}}

/* Courtyard perspective: keep the crew and physical shop sign visible. */
.grande-visual{aspect-ratio:1.65}
.grande-visual figcaption{left:auto;right:5%;top:6%;text-align:right}
.grande-visual h3{font-size:clamp(42px,5vw,72px);margin-top:12px}
.grande-visual figcaption .eyebrow{color:#fff}
@media(max-width:700px){.grande-visual{aspect-ratio:1.5}.grande-visual>img{object-position:center}.grande-visual figcaption{left:auto;right:14px;top:14px}.grande-visual figcaption .eyebrow{font-size:7px;letter-spacing:.8px}.grande-visual h3{font-size:28px;margin-top:7px}.grande-concept{font-size:6px;letter-spacing:1px;bottom:9px;right:12px}}
/* V93 - a single customer journey, three comparable camps. */
header .nav-cta{color:var(--paper);background:none;border:0;border-bottom:1px solid #ffffff70;text-transform:uppercase;letter-spacing:1px}
header nav{gap:24px} .hero{height:auto;min-height:800px;padding-bottom:115px}.hero-content{padding-top:42px}.hero h1{margin:26px 0 30px}.hero-bottom{justify-content:space-between;max-width:900px}.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:20px}.hero-explore{display:flex;align-items:center;gap:18px;font-size:13px;border-bottom:1px solid #ffffff70;padding-bottom:7px}.hero-explore svg{width:18px;height:18px}.hero-facts{position:relative;z-index:1;margin:25px 6.3% 0;font:10px "DM Sans",sans-serif;letter-spacing:1.7px;color:#fff}.hero-facts span{margin:0 14px;color:var(--coral)}
.name-intro{padding-block:64px}.name-story-copy p{font-size:15px;margin-top:20px}.name-philosophy{margin-top:24px;padding-top:22px}.name-philosophy h3{font-size:34px}.name-philosophy p{margin-top:12px}
.camp-overview{padding-block:54px}.camp-overview-photo{min-height:390px}.camp-inclusions{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;border-bottom:1px solid #1113;padding:28px 0}.camp-inclusions span{font:10px "DM Sans",sans-serif;letter-spacing:1.5px;color:var(--ocean);display:block;margin-bottom:12px}.camp-inclusions strong{font-size:19px;font-weight:600}.camp-inclusions p{font-size:14px;line-height:1.6;margin-top:8px;max-width:300px}
.foil-experience{padding-top:60px;padding-bottom:0}.foil-heading{margin-bottom:30px}.foil-heading p{max-width:420px}.foil-action{max-height:none}.foil-session{padding-top:30px;padding-bottom:20px}.foil-bottom{padding-bottom:38px}.crew-proof{margin:0 -7.2%;position:relative}.crew-proof figure{margin:0;position:relative;height:clamp(420px,42vw,680px);overflow:hidden}.crew-proof img{width:100%;height:100%;object-fit:cover;object-position:50% 48%}.crew-proof figure:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0008,transparent 70%)}.crew-proof figcaption{position:absolute;left:6.3%;bottom:30px;color:white;z-index:1}.crew-proof figcaption span{font:10px "DM Sans",sans-serif;letter-spacing:2px}.crew-proof strong{display:block;font:700 58px/.95 'Barlow Condensed',sans-serif;margin-top:15px}
.retreats{padding-block:64px}.retreats .section-top>p{max-width:380px}.base-comparison{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.base-card{background:#e9e7df;display:flex;flex-direction:column;min-width:0}.base-photo{display:block;position:relative;aspect-ratio:1.13;overflow:hidden;background:#222}.base-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.base-photo:hover img{transform:scale(1.04)}.base-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0008,transparent 70%)}.base-photo-title{position:absolute;bottom:27px;left:22px;z-index:1;font:700 clamp(36px,3.8vw,60px)/.95 'Barlow Condensed',sans-serif;color:white}.base-concept{position:absolute;top:12px;left:12px;right:12px;z-index:1;font:8px/1.5 "DM Sans",sans-serif;letter-spacing:1px;background:#111b;color:white;padding:7px 8px;width:fit-content}.base-card-copy{padding:24px;display:flex;flex-direction:column;flex:1}.base-card-copy>.eyebrow{font-size:9px;letter-spacing:1px;color:#42484b}.base-card h3{font:600 38px/1.1 'Barlow Condensed',sans-serif;margin:12px 0}.base-card-copy>p{font-size:14px;line-height:1.7;margin-bottom:22px}.base-fit{font-size:12px;font-weight:600;margin-top:auto;padding-bottom:16px}.base-actions{border-top:1px solid #1113;padding-top:16px;display:flex;flex-direction:column;gap:15px}.base-actions a,.base-actions button{font-size:12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.base-actions button{padding:13px 14px;background:#111;color:var(--paper);border:0}.base-actions button:hover{background:var(--ocean)}.base-actions svg{width:18px;height:18px;flex-shrink:0}.bases-common{display:grid;grid-template-columns:auto 1fr auto;gap:28px;align-items:center;padding:25px 0;border-bottom:1px solid #1113}.bases-common>span{font:10px "DM Sans",sans-serif;letter-spacing:1px}.bases-common p{font-size:13px;line-height:1.6;max-width:470px}.text-cta{background:none;border:0;border-bottom:1px solid currentColor;padding:0 0 5px;font-size:12px;display:inline-block;width:fit-content}.base-details{margin-top:26px}.base-detail{border-bottom:1px solid #1113;scroll-margin-top:110px}.base-detail summary{display:grid;grid-template-columns:1fr 1fr 24px;align-items:center;gap:20px;cursor:pointer;padding:24px 0;list-style:none}.base-detail summary::-webkit-details-marker{display:none}.base-detail summary>span:first-child{font:600 32px 'Barlow Condensed',sans-serif}.base-detail summary>span:nth-child(2){font-size:13px;color:#555}.base-detail summary>b{font:300 28px 'DM Sans',sans-serif}.base-detail[open] summary>b{transform:rotate(45deg)}.base-detail-content{padding:0 0 30px}.base-detail-content .north-field-grid{gap:14px;grid-template-columns:1fr 1fr 1fr}.base-detail-content .north-field-main{grid-column:auto}.base-detail-content .north-field-grid img{height:260px;aspect-ratio:auto;object-fit:cover}.base-detail-content .north-field-grid strong{font-size:38px}.base-detail-content .north-field-grid figcaption{top:auto;bottom:18px;left:18px}.base-detail-content .north-field-grid figcaption span{font-size:8px}.grande-detail{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center}.grande-detail .grande-visual{aspect-ratio:1.5}.grande-detail .grande-visual h3{font-size:35px}.grande-detail .grande-visual .eyebrow{font-size:8px}.grande-detail .grande-concept{font-size:7px}.grande-detail-copy h3{font-size:28px;line-height:1.1;margin-bottom:18px}.grande-detail-copy p{font-size:14px;line-height:1.7;margin-bottom:18px}
.rhythm{padding-block:60px}.rhythm .section-top{margin-bottom:20px}.schedule-note{font-size:13px;line-height:1.6;max-width:520px;margin-bottom:25px;color:#263b43}.rhythm .tabs{flex-wrap:wrap;gap:6px}.rhythm .tabs button{font-size:12px;padding:13px 18px}.dock-pillars{padding-block:60px}.recovery-editorial{margin-top:0}.recovery-photo{position:relative}.image-credit-label{position:absolute;bottom:12px;left:20px;font:8px "DM Sans",sans-serif;letter-spacing:1.3px;color:white;z-index:2}.recovery-copy .recovery-context>h3{font-size:40px}.recovery-copy p{font-size:14px}.philosophy{padding-top:60px;padding-bottom:48px}.philosophy-left p{max-width:410px}.principles article{padding:22px 0}.principles h3{font-size:28px}.principles p{font-size:14px}.offgrid{padding-top:35px;padding-bottom:55px}.offgrid-brand{max-width:280px}.offgrid .offgrid-story p{font-size:14px}.offgrid .offgrid-story h3{margin-bottom:22px}.florence-brand{padding-top:40px;padding-bottom:40px}.florence-brand-lockup{max-width:710px;margin:30px auto!important;gap:35px!important}.florence-brand-lockup .collab-sticker{max-width:240px}.florence-brand-lockup>img{max-width:320px!important;width:100%!important}.florence-compact{display:grid;grid-template-columns:1fr 1.5fr;gap:45px;max-width:1000px;margin:auto;align-items:start}.florence-compact h3{font:600 38px/1.05 'Barlow Condensed',sans-serif}.florence-compact p{font-size:14px;line-height:1.7}.collaboration-status{display:block;font:8px/1.7 "DM Sans",sans-serif;letter-spacing:1px;margin-top:16px}.camp-wear{padding-block:40px}.camp-wear>figure{max-width:620px}.arrival{padding-top:48px;padding-bottom:48px}.arrival-photo-copy h2{font-size:clamp(40px,4.5vw,62px)}.arrival-fleet{max-width:840px;margin-top:20px}.arrival-story{padding-top:30px;margin-top:25px}.arrival-story p{font-size:14px}.arrival-detail{font-size:12px!important}.fleet-note{font:9px/1.5 "DM Sans",sans-serif;color:#aaa;margin-top:20px}.faq{padding-block:60px}.faq h2{font-family:'Barlow Condensed',sans-serif;font-size:58px;letter-spacing:-1px}.join{padding-block:65px}.join h2{font-size:clamp(80px,13vw,170px)}.join-bottom p{max-width:410px;line-height:1.7}.footer-bottom{flex-wrap:wrap;gap:20px}.footer-bottom>a{border-bottom:1px solid #ffffff70;padding-bottom:4px}.base-availability{font-size:12px!important;padding:12px;background:#e5edf0;margin:15px 0!important}.base-availability[data-planned="true"]{background:#ffe7c5}
/* Project page: a concise, separate reading for potential partners. */
.project-page header{background:#111;color:var(--paper)}.project-back{font-size:12px;border-bottom:1px solid #fff6;padding-bottom:8px}.project-hero{background:var(--ocean);color:var(--paper);padding-top:70px;padding-bottom:70px}.project-hero h1{font-size:clamp(68px,9vw,130px);margin:30px 0}.project-hero p{max-width:530px;font-size:19px;line-height:1.6}.project-hero .button{margin-top:28px;background:var(--coral);color:#111}.project-page h2{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:clamp(42px,5vw,70px);letter-spacing:-1px;margin:16px 0 24px}.project-model{display:grid;grid-template-columns:1fr 1fr;gap:10%;background:var(--salt)}.project-model p,.project-build p,.project-growth p{font-size:16px;line-height:1.8;max-width:620px}.project-standards article{padding:24px 0;border-bottom:1px solid #1113}.project-standards article:first-child{padding-top:0}.project-standards span{font:10px "DM Sans",sans-serif;letter-spacing:1.4px;color:var(--ocean)}.project-standards h3{font-size:25px;margin:13px 0}.project-standards p{font-size:14px}.project-bases{background:var(--coral)}.project-base-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:40px}.project-base-grid article{border-top:1px solid #1115;padding-top:20px}.project-base-grid span{font:11px "DM Sans",sans-serif}.project-base-grid h3{font:600 40px 'Barlow Condensed',sans-serif;margin:15px 0}.project-base-grid p{font-size:15px;line-height:1.7}.project-base-note{margin-top:30px;font-size:13px;line-height:1.7}.project-build{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6%;background:#111;color:var(--paper)}.project-build figure{margin:0}.project-build img{width:100%;height:auto}.project-build figcaption{font:9px "DM Sans",sans-serif;letter-spacing:1.4px;margin-top:15px;color:#aaa}.project-build p{margin-bottom:20px}.project-status{font-size:12px!important;line-height:1.7!important;margin-top:26px!important;opacity:.75}.project-growth{background:var(--yellow)}.project-criteria{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.project-criteria span{padding:14px;border:1px solid #1114;font:10px "DM Sans",sans-serif;letter-spacing:1px}.project-next{display:grid;grid-template-columns:1fr 1fr;gap:8%}.project-next ol{margin:0;padding-left:20px}.project-next li{font-size:15px;line-height:1.7;padding:0 0 22px 10px}.project-contact{background:var(--ocean);color:var(--paper)}.project-contact p{font-size:15px;margin-bottom:25px}.project-contact .button{background:var(--coral);color:#111}.project-whatsapp{display:block;margin-top:25px;font-size:14px}.project-page footer{display:flex;justify-content:space-between;gap:20px;padding-block:30px;font-size:12px}
@media(max-width:1000px){header nav{gap:14px;font-size:11px}.base-card-copy{padding:18px}.base-comparison{gap:16px}.bases-common{grid-template-columns:1fr 1.5fr}.bases-common .text-cta{grid-column:2}.base-photo-title{font-size:40px}.grande-detail{gap:22px}.hero-bottom{gap:30px}}
@media(max-width:700px){
 .brand-strip span:last-child{display:none}header{gap:15px}.hero{min-height:0;padding-bottom:100px}.hero-content{padding-top:30px}.hero h1{margin:26px 0;font-size:clamp(68px,15.5vw,104px)}.hero-bottom{display:block}.hero-actions{gap:18px;margin-top:24px}.hero .button{margin-top:0}.hero-explore{font-size:12px}.hero-facts{margin-top:24px;font-size:9px}.hero-foot{font-size:8px}.hero-opening{font-size:20px}.name-intro{padding-block:40px}.name-story-identity{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.name-story-identity>.brand-sticker{width:120px;margin:0}.name-intro h2{font-size:42px}.name-intro .name-story-copy p{font-size:14px}.name-philosophy h3{font-size:30px}.camp-overview{padding-block:34px}.camp-overview-photo{min-height:275px}.camp-overview-photo h2{font-size:48px}.camp-overview-copy{padding:26px}.camp-overview-copy h3{font-size:40px}.camp-inclusions{grid-template-columns:1fr;gap:20px;padding:24px 0}.camp-inclusions>div{display:grid;grid-template-columns:88px 1fr;column-gap:15px}.camp-inclusions span{grid-row:1/3;padding-top:5px;font-size:9px}.camp-inclusions strong{font-size:17px}.camp-inclusions p{margin-top:5px;font-size:13px}.foil-experience{padding-top:40px}.foil-heading{gap:20px}.foil-heading p{font-size:14px}.foil-action{max-height:none}.foil-session{padding-top:20px;gap:22px}.foil-bottom{padding-bottom:30px}.crew-proof figure{height:300px}.crew-proof img{object-position:50% 50%}.crew-proof strong{font-size:42px}.retreats{padding-block:40px}.base-comparison{grid-template-columns:1fr;gap:22px}.base-card{display:grid;grid-template-columns:1fr}.base-photo{aspect-ratio:1.65}.base-photo-title{font-size:46px;bottom:20px}.base-card-copy{padding:22px}.base-card h3{display:none}.base-card-copy>p{margin:12px 0 14px}.base-actions{flex-direction:row;align-items:center}.base-actions button{min-width:155px}.base-fit{padding-bottom:13px}.bases-common{display:block;padding:24px 0}.bases-common p{margin:14px 0}.bases-common .text-cta{margin-top:5px}.base-detail summary{grid-template-columns:1fr auto;gap:8px;padding:19px 0}.base-detail summary>span:first-child{font-size:28px}.base-detail summary>span:nth-child(2){grid-row:2;font-size:12px}.base-detail summary>b{grid-column:2;grid-row:1/3}.base-detail-content .north-field-grid{grid-template-columns:1fr 1fr;gap:10px}.base-detail-content .north-field-main{grid-column:1/-1}.base-detail-content .north-field-grid img{height:170px}.base-detail-content .north-field-main img{height:auto;aspect-ratio:1.65}.base-detail-content .north-field-grid strong{font-size:30px}.grande-detail{grid-template-columns:1fr}.grande-detail .grande-visual h3{font-size:27px}.grande-detail-copy h3{font-size:25px}.rhythm{padding-block:40px}.rhythm .tabs{margin-top:5px}.rhythm .tabs button{font-size:11px;padding:12px 14px}.schedule-note{font-size:12px}.rhythm .day-grid{gap:0 20px}.rhythm .day{padding-top:22px;padding-bottom:24px}.rhythm .day h3{font-size:23px}.rhythm .day p{font-size:13px}.dock-pillars{padding-block:40px}.dock-pillars .section-top{margin-bottom:25px}.recovery-copy .recovery-context>h3{font-size:34px}.recovery-copy p{font-size:14px}.philosophy{padding-block:40px;gap:25px}.philosophy h2{font-size:58px}.principles{padding-top:0}.principles article{padding:22px 0}.principles h3{font-size:25px}.principles p{font-size:13px}.offgrid{padding-top:25px;padding-bottom:40px}.offgrid-brand{max-width:235px}.offgrid .offgrid-story p{font-size:13px}.florence-brand{padding-block:30px}.florence-brand-lockup{gap:15px!important;margin:22px auto!important}.florence-brand-lockup .collab-sticker{max-width:130px;width:100%}.florence-brand-lockup>img{max-width:175px!important}.florence-compact{grid-template-columns:1fr;gap:18px}.florence-compact h3{font-size:32px}.florence-compact p{font-size:13px}.collaboration-status{font-size:7px}.camp-wear{padding-block:30px}.arrival{padding-block:35px}.arrival-photo-copy h2{font-size:39px}.arrival-fleet{grid-template-columns:1fr 1fr;gap:15px;margin-top:20px}.arrival-fleet img{width:100%}.arrival-fleet .arrival-water img{width:100%}.arrival-fleet figcaption{flex-direction:column;gap:5px;font-size:8px;letter-spacing:.7px}.arrival-story{margin-top:25px;padding-top:22px;gap:20px}.arrival-story h3{font-size:32px}.arrival-story p{font-size:14px}.faq{padding-block:40px}.faq h2{font-size:45px}.faq summary{font-size:16px}.faq .questions p{font-size:13px}.join{padding-block:45px}.join h2{font-size:clamp(72px,18vw,112px)}.join-bottom p{font-size:14px}.base-availability{font-size:11px!important}.project-model,.project-build,.project-next{grid-template-columns:1fr;gap:30px}.project-base-grid{grid-template-columns:1fr;gap:25px}.project-hero{padding-block:45px}.project-hero h1{font-size:70px}.project-hero p{font-size:16px}.project-page .section{padding-block:42px}.project-page h2{font-size:44px}.project-page .project-model p,.project-build p,.project-growth p{font-size:14px}.project-hero .button{margin-top:25px}.project-page .button{gap:16px;font-size:12px}.project-page footer{flex-direction:column}.project-back{font-size:11px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.base-photo img{transition:none}}

.camp-title-wordmark{font-family:"DM Sans",sans-serif;font-weight:700;letter-spacing:-.105em;padding-right:.1em}.crew-proof{overflow:hidden;margin-inline:calc(-6.3vw)}
/* Explicit contrast where the light comparison cards sit inside the dark camps section. */
.base-card{color:#111}.base-card-copy>p,.base-card h3,.base-fit,.base-actions>a{color:#111}.text-cta{color:inherit}.bases-common{border-bottom-color:#ffffff38}.base-detail{border-bottom-color:#ffffff38}.base-detail summary>span:nth-child(2){color:#c8c8c5}.grande-detail-copy .text-cta{color:inherit}

/* Typography system: two core families, with monospace reserved for editorial field labels. */
.eyebrow,.edition,.field-label,.crew-proof figcaption span,.image-credit-label{font-family:monospace}

/* Flat primary action: restrained editorial treatment without a sticker-style drop shadow. */
.hero .button{border:1px solid rgba(17,17,17,.7);box-shadow:none}
.hero .button:hover{transform:translateY(-2px)}

/* Session sequence: compact vertical markers replace generic full-width accent rules. */
.foil-session article{position:relative;border-top:0;padding:4px 0 0 18px}
.foil-session article::before{content:"";position:absolute;left:0;top:3px;width:4px;height:32px;background:var(--yellow)}
.foil-session article:nth-child(2)::before{background:var(--coral)}

/* Inline DØCK wordmark: match the logo's heavy grotesk character and visible eight-point mark. */
.camp-title-wordmark{font-family:Arial,sans-serif;font-weight:900;letter-spacing:-.085em;line-height:.88;padding-right:.18em}
.camp-title-asterisk{top:.02em;width:.42em;height:.42em;margin-left:.1em;stroke-width:2}

/* Use the complete original lockup so the asterisk spacing scales with the logo.
   Source bounds: word (213,417)-(1777,976), asterisk (1861,370)-(2149,657). */
.base-title-wordmark{display:inline-block;width:2.7em;line-height:0;vertical-align:-.035em}
svg.base-title-logo{display:block;width:100%;height:auto;overflow:visible}

/* Keep South's dock and boats visible in the aerial base photograph. */
.base-photo-south img{object-position:50% 100%;transform-origin:50% 100%}
.base-photo-south .base-photo-title{top:24px;bottom:auto}
.base-photo-south::after{background:linear-gradient(180deg,#0005,transparent 48%,#0001)}

/* Additional South panorama: preserve the full swell photograph and existing gallery. */
.south-swell-panorama{margin:14px 0 0;position:relative}
.crew-proof img{filter:brightness(1.04) saturate(1.22) contrast(1.08)}
.crew-proof figure:after{background:linear-gradient(0deg,rgba(0,20,25,.35),transparent 48%)}
.project-invite{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:28px;margin-top:20px;background:var(--yellow);color:#111}
.project-invite p{font:600 30px/1.1 'Barlow Condensed',sans-serif;margin:8px 0}
.project-invite div>span:last-child{font-size:13px;line-height:1.6}
.project-invite .button{background:var(--coral);color:#111;flex-shrink:0}
@media(max-width:700px){.project-invite{align-items:start;flex-direction:column;gap:20px;padding:22px}.project-invite .button{width:100%}}
.offgrid-brand{transform:none;box-shadow:none}
.project-south-opportunity{display:grid;grid-template-columns:1fr 1fr;gap:60px;background:var(--yellow);color:#111}
.project-south-opportunity h2{margin-top:18px}
.project-south-opportunity p{font-size:15px;line-height:1.75;margin-bottom:20px}
.project-south-opportunity .south-opportunity-lead{font-size:19px;line-height:1.55}
.south-opportunity-takeaway{display:block;font-size:16px;line-height:1.5}
@media(max-width:700px){.project-south-opportunity{grid-template-columns:1fr;gap:28px}.project-south-opportunity .south-opportunity-lead{font-size:17px}}
/* Flat buttons throughout the site, including hover and active states. */
button,.button,.nav-cta{box-shadow:none!important;border:0!important}
.fleet-purpose{max-width:660px;margin:24px 0 0}
.fleet-purpose strong{display:block;font:500 clamp(18px,2vw,25px)/1.3 'DM Sans',sans-serif;color:var(--paper);margin-bottom:12px}
.fleet-purpose span{display:block;font:400 14px/1.7 'DM Sans',sans-serif;color:#c4c4be}
.faq-disclosure{min-width:0}
.faq .faq-toggle{display:flex;align-items:center;justify-content:space-between;gap:24px;list-style:none;background:var(--coral);color:#111;padding:18px 22px;font:500 15px/1.4 'DM Sans',sans-serif;cursor:pointer}
.faq .faq-toggle::-webkit-details-marker{display:none}
.faq-toggle span{font-size:24px;line-height:1}
.faq-disclosure[open]>.faq-toggle span{transform:rotate(45deg)}
.faq-disclosure>.questions{margin-top:20px}
.camp-wear-heading .camp-wear-subtitle{font:400 clamp(16px,1.6vw,22px)/1.4 'DM Sans',sans-serif;letter-spacing:0;text-transform:none;margin:12px 0 0}
.foil-action{width:100%;max-width:1600px;margin-inline:auto}
.foil-action img{aspect-ratio:2862/1600;object-position:center}
.foil-action .foil-photo-title{top:auto;bottom:clamp(20px,3vw,48px)}
.foil-action .foil-photo-title strong{font-size:clamp(42px,6vw,88px)}
.florence-compact p+p{margin-top:18px}
.florence-vision{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:24px}
.florence-vision h3{font:600 30px/1.1 'Barlow Condensed',sans-serif;margin:14px 0}
.florence-vision p{font-size:14px;line-height:1.75;max-width:38ch;color:#111}
@media(max-width:700px){.florence-vision{grid-template-columns:1fr;gap:28px;margin-top:30px}.florence-vision h3{font-size:25px}.florence-vision p{font-size:13px;max-width:none}}
.south-swell-panorama img{display:block;width:100%;height:auto}
.south-swell-panorama figcaption{position:absolute;bottom:18px;right:18px;color:#fff}
.south-swell-panorama figcaption strong{font:700 38px/.9 'Barlow Condensed',sans-serif;letter-spacing:-1px}
@media(max-width:700px){.south-swell-panorama figcaption strong{font-size:30px}}

/* Clear expedition summary without offset lettering. */
#name-story-title em{text-shadow:none;font-style:normal}

/* Invitation to explore before choosing a destination. */
.retreats .destination-intro{max-width:540px}
.retreats .destination-intro h3{font-family:"Barlow Condensed",sans-serif;font-size:clamp(25px,2.5vw,36px);line-height:1.05;margin:0 0 16px;font-weight:700}
.retreats .destination-intro p{max-width:none;margin:0}

/* Leaner foiling content: two balanced columns, one on mobile. */
.foil-session{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.foil-session{grid-template-columns:1fr}}

/* Period beside the sticker wordmark, below the existing asterisk. */
.brand-sticker{position:relative}
.brand-sticker::after{content:"";position:absolute;left:76.5%;top:67%;width:3.1%;aspect-ratio:1;border-radius:50%;background:#fff;pointer-events:none}

/* Compact language navigation, also available beside the mobile menu. */
.language-switch{display:flex;align-items:center;gap:7px;flex-shrink:0;font:500 11px/1.3 'DM Sans',sans-serif;letter-spacing:.06em;color:var(--salt,#f3f1eb)}
.language-switch a{padding:8px 2px;opacity:.65}
.language-switch a[aria-current="page"]{opacity:1;text-decoration:underline;text-underline-offset:4px}
.language-switch a:hover{opacity:1}
html[lang="es-CR"] .hero h1{font-size:clamp(64px,9.1vw,144px)}
html[lang="es-CR"] #name-story-title{font-size:clamp(40px,5vw,72px)}
@media(max-width:700px){.language-switch{margin-left:auto;font-size:11px}html[lang="es-CR"] .hero h1{font-size:clamp(43px,11vw,76px)}html[lang="es-CR"] .hero-opening{font-size:17px}html[lang="es-CR"] .hero-bottom .button{font-size:12px}}

/* Origin headline: keep each thought readable across screen sizes. */
.hero h1.hero-origin-title{font-size:clamp(48px,6.6vw,100px);line-height:1.02;letter-spacing:-.025em}
.hero-origin-last{font-size:1em}
html[lang="es-CR"] .hero h1.hero-origin-title{font-size:clamp(44px,6vw,92px)}
@media(max-width:700px){.hero h1.hero-origin-title,html[lang="es-CR"] .hero h1.hero-origin-title{font-size:clamp(28px,7.1vw,49px);line-height:1.12}.hero-origin-last{font-size:1em}}

.hero-title-wordmark{display:inline-block;width:2.65em;line-height:0;vertical-align:-.035em;letter-spacing:0}.hero-title-logo{display:block;width:100%;height:auto;overflow:visible}

/* Local trial of the supplied curved wordmark, without photo or sticker background. */
.brand-sticker{background:transparent!important;box-shadow:none!important;border-radius:0!important;aspect-ratio:1640/660!important;transform:none!important}
.brand-sticker::after{display:none}
.brand-sticker img{object-fit:contain}
header .logo.header-sticker{width:150px}
.trial-wordmark{display:inline-block!important;width:2.65em!important;line-height:0!important;vertical-align:-.11em!important;padding:0!important;letter-spacing:0!important}
.trial-wordmark img{display:block;width:100%;height:auto}
.hero-title-wordmark.trial-wordmark::after{content:"";display:inline-block;width:.1em;height:.1em;position:absolute;bottom:.08em;right:-.08em;border-radius:50%;background:currentColor}
.hero-title-wordmark.trial-wordmark{position:relative}
@media(max-width:700px){header .logo.header-sticker{width:100px}}

/* Brand marks sign the page; editorial headings use the site typeface. */
header .logo.header-sticker{width:126px}
@media(max-width:700px){header .logo.header-sticker{width:90px}}
.footer-top>.footer-sticker{width:150px;max-width:100%}

/* Blue brand plaques framing the same new wordmark at entry and exit. */
header .brand-sticker,.footer-top>.footer-sticker{background:#69b2d8!important;border-radius:6% / 10.8%!important;aspect-ratio:9/5!important;box-shadow:none!important;padding:12px 10px;display:flex;align-items:center;justify-content:center}
header .brand-sticker img,.footer-top>.footer-sticker img{width:100%;height:100%;object-fit:contain}
@media(max-width:700px){header .brand-sticker{padding:9px 7px}}
/* Keep the crew photograph edge-to-edge without horizontal overflow. */
.crew-proof{width:100vw;margin-inline:calc(50% - 50vw)}
@media(max-width:700px){.florence-brand-lockup>.collab-sticker{width:38%!important;max-width:130px;min-width:0;flex-shrink:1}.florence-brand-lockup>img{width:46%!important;max-width:175px!important;min-width:0;height:auto;object-fit:contain}}
/* Align the header plaque with the hero's editorial left edge. */
header{padding-inline:6.3%}
@media(max-width:700px){header{padding-inline:7%}}

/* A quieter solid headline leaves room for the landscape. */
.hero h1.hero-origin-title{font-size:clamp(36px,4.95vw,75px);line-height:1.08}
html[lang="es-CR"] .hero h1.hero-origin-title{font-size:clamp(33px,4.5vw,69px)}
.hero-origin-title span{color:inherit;-webkit-text-stroke:0;text-shadow:none}
@media(max-width:700px){.hero h1.hero-origin-title,html[lang="es-CR"] .hero h1.hero-origin-title{font-size:clamp(24px,5.325vw,36.75px);line-height:1.12}}

.hero-origin-title span.hero-outline{color:transparent;-webkit-text-stroke:1.2px var(--salt)}
@media(max-width:700px){.hero-origin-title span.hero-outline{-webkit-text-stroke:1px var(--salt)}}

.south-real-moments{margin-top:28px}.south-real-moments>.eyebrow{color:#96c6d7;margin-bottom:16px}.south-moments-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.south-moments-grid figure{margin:0;min-width:0}.south-moments-grid img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.south-moments-grid figcaption{padding-top:10px;font-size:14px;line-height:1.5;color:#cacac5}@media(max-width:700px){.south-moments-grid{grid-template-columns:1fr;gap:22px}}

.philosophy .place-rhythm-title{font-family:'Barlow Condensed',sans-serif;font-size:30px;line-height:1.1;color:var(--salt);margin:28px 0 16px}

.dock-life-lockup{display:flex;flex-direction:column;align-items:center;width:100%;max-width:220px}.dock-life-lockup .brand-sticker{width:100%;margin-bottom:0}.dock-life-label{display:block;font-family:'DM Sans',sans-serif;font-size:20px;font-weight:600;letter-spacing:.3em;padding-left:.3em;line-height:1.2;color:#f3f1eb;margin-top:12px}@media(max-width:700px){.dock-life-lockup{max-width:150px}.dock-life-label{font-size:15px;margin-top:9px}}

.foiling .foil-wave-line{font-size:clamp(18px,2vw,25px);line-height:1.4;color:var(--salt);margin:20px 0 0;max-width:520px}


/* Early investor access and compact crew introduction. */
.investor-entry{margin:0;padding:30px 6.3%;gap:32px}
.investor-entry p{font-size:clamp(25px,3vw,38px)}
.landing-team{background:var(--paper);color:var(--ink)}
.landing-team-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:end;margin-bottom:36px}
.landing-team h2{font:700 clamp(34px,4vw,58px)/1.05 'Barlow Condensed',sans-serif;margin-top:12px}
.landing-team p{font-size:15px;line-height:1.65}
.landing-team .eyebrow{font-size:10px}
.landing-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.landing-team-grid article{display:grid;grid-template-columns:112px 1fr;gap:24px;align-items:start}
.landing-team-grid img{width:112px;height:112px;object-fit:cover;border-radius:50%}
.landing-team h3{font:600 30px/1.1 'Barlow Condensed',sans-serif;margin:6px 0 12px}
.landing-team-bottom{display:flex;justify-content:space-between;align-items:center;gap:32px;margin-top:30px}
.landing-team-bottom p{max-width:720px;font-size:13px}
.landing-team-bottom a{font-size:13px;text-decoration:underline;text-underline-offset:5px;white-space:nowrap}
@media(max-width:700px){.investor-entry{padding:26px 6.3%}.landing-team-heading,.landing-team-grid{grid-template-columns:1fr;gap:28px}.landing-team-grid article{grid-template-columns:84px 1fr;gap:18px}.landing-team-grid img{width:84px;height:84px}.landing-team-bottom{align-items:start;flex-direction:column;gap:18px}.landing-team h2{font-size:38px}}

.crew-film{padding-top:28px;padding-bottom:28px;background:var(--paper);color:var(--ink)}
.crew-film-disclosure{max-width:920px;margin:auto}
.crew-film summary{display:flex;align-items:center;gap:24px;cursor:pointer;list-style:none}
.crew-film summary::-webkit-details-marker{display:none}
.crew-film-thumb{position:relative;width:156px;aspect-ratio:16/9;flex-shrink:0;overflow:hidden;background:#172e39}
.crew-film-thumb img{width:100%;height:100%;object-fit:cover}
.crew-film-thumb svg{position:absolute;width:36px;height:36px;inset:0;margin:auto;color:white;filter:drop-shadow(0 1px 3px #111)}
.crew-film summary strong{display:block;font:600 28px/1.2 'Barlow Condensed',sans-serif;margin:5px 0}
.crew-film-label,.crew-film-fallback{font-size:13px}
.crew-film-plus{margin-left:auto;font-size:25px}
.crew-film details[open] .crew-film-plus{transform:rotate(45deg)}
.crew-film-player{position:relative;aspect-ratio:16/9;margin-top:24px;background:#111}
.crew-film-player iframe{position:absolute;width:100%;height:100%;border:0}
.crew-film-fallback{display:inline-block;margin-top:12px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:500px){.crew-film summary{gap:15px}.crew-film-thumb{width:104px}.crew-film summary strong{font-size:24px}.crew-film .eyebrow{font-size:9px}}
.crew-film-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:start}
.crew-film-grid .crew-film-disclosure{width:100%;min-width:0}
.crew-film-grid summary{gap:16px}
.crew-film-grid .crew-film-thumb{width:128px}
.crew-film-grid summary strong{font-size:26px}
@media(max-width:800px){.crew-film-grid{grid-template-columns:1fr;gap:26px}.crew-film-grid .crew-film-thumb{width:128px}}
@media(max-width:500px){.crew-film-grid .crew-film-thumb{width:104px}.crew-film-grid summary strong{font-size:24px}}
.landing-team-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.landing-team-grid article{grid-template-columns:88px 1fr;gap:18px}
.landing-team-grid img,.landing-team-grid .bettina-portrait{width:88px;height:88px}
.bettina-portrait{display:block;width:160px;height:160px;aspect-ratio:1;border-radius:50%;background:url('assets/bettina-del-rio-profile.jpeg') 50% 36%/190% auto no-repeat}
.team-profile-link{display:inline-block;margin-top:12px;font-size:13px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:1050px){.landing-team-grid{grid-template-columns:1fr}.landing-team-grid article{grid-template-columns:112px 1fr}.landing-team-grid img,.landing-team-grid .bettina-portrait{width:112px;height:112px}}
@media(max-width:500px){.landing-team-grid article{grid-template-columns:84px 1fr}.landing-team-grid img,.landing-team-grid .bettina-portrait{width:84px;height:84px}}
/* Balanced biographies, consistent profile links and an editorial water-time note. */
.landing-team-grid article>div{display:flex;flex-direction:column;height:100%}
.landing-team-grid article>div>p:not(.eyebrow){flex:1}
.team-links{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:16px}
.team-links .team-profile-link{margin:0}
.landing-team-bottom{margin-top:40px;align-items:end}
.team-water-note{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:28px;max-width:830px}
.landing-team .team-water-stat{display:flex;align-items:center;gap:14px;flex-shrink:0}
.team-water-stat strong{font:600 58px/.95 'Barlow Condensed',sans-serif}
.team-water-stat span{font:600 11px/1.5 'Barlow Condensed',sans-serif;letter-spacing:1.6px;max-width:110px}
.landing-team .team-water-note>p:last-child{font-size:14px;line-height:1.6;color:#555}
@media(max-width:1050px){.landing-team-grid article>div>p:not(.eyebrow){flex:initial}}
@media(max-width:700px){.team-water-note{grid-template-columns:1fr;gap:16px}.team-water-stat strong{font-size:48px}}

/* Local palette study: warm earth tones alongside ocean blue and coral. */
:root{--earth:#cbb39c;--earth-light:#e7dacf;--earth-ink:#38291e}
 .name-intro{background:var(--earth)}
.name-intro h2,.name-intro h2 em{color:var(--ink);text-shadow:none}
.base-card-copy,.faq{background:var(--earth-light)}

/* Local review: experience-led entry with a clear route to the investment story. */
.hero-offer{max-width:640px;font-size:clamp(15px,1.4vw,19px);line-height:1.5;margin:0 0 22px;color:var(--salt)}
.hero-actions>a.button{text-decoration:none}
.investor-entry>div>span:last-child{max-width:760px;display:block;line-height:1.65}
@media(max-width:700px){.hero-offer{font-size:14px;max-width:330px;margin-bottom:18px}.hero-origin-title{margin-bottom:22px}.hero{height:auto;min-height:0;padding-bottom:110px}.hero-content{padding-bottom:20px}.hero-bottom{gap:20px}.investor-entry>div>span:last-child{font-size:14px}.nav-cta{white-space:nowrap}}

/* Florence as a quiet supporting collaboration, with optional detail. */
.florence-brand{background:#ffd100;color:var(--ink);padding-block:30px;display:grid;grid-template-columns:minmax(210px,.7fr) minmax(0,1.6fr);column-gap:50px;align-items:center}
.florence-brand-top{display:none}
.florence-brand-lockup{grid-column:1;grid-row:1;margin:0!important;max-width:320px;gap:16px!important;font-size:24px}
.florence-brand-lockup .collab-sticker{width:110px!important;max-width:42%!important}
.florence-brand-lockup>img{width:145px!important;max-width:48%!important}
.florence-brand-lockup .collab-sticker img{filter:brightness(0)}
.florence-compact{grid-column:2;grid-row:1;display:block;max-width:760px;margin:0}
.florence-compact h3{font-size:25px;margin:0 0 8px}
.florence-compact h3 br{display:none}
.florence-compact p{font-size:13px;line-height:1.65}
.florence-compact .collaboration-status{font-size:8px;margin-top:10px}
.florence-more{grid-column:2;margin-top:12px;max-width:760px}
.florence-more>summary{padding:4px 0;font-size:12px;max-width:235px}
.florence-more>summary span{font-size:17px}
.florence-more .florence-vision{gap:24px;margin-top:16px}
.florence-more .florence-vision h3{font-size:21px;margin:8px 0}
.florence-more .florence-vision p{font-size:12px;padding:0}
@media(max-width:700px){.florence-brand{display:block;padding-block:25px}.florence-brand-lockup{max-width:240px;margin:0 0 18px!important;justify-content:flex-start}.florence-brand-lockup .collab-sticker{width:85px!important}.florence-brand-lockup>img{width:115px!important}.florence-compact h3{font-size:24px}.florence-more{margin-top:12px}.florence-more .florence-vision{gap:16px}.florence-more .florence-vision h3{font-size:21px}}

/* Recovery concept: the lived pause between sessions. */
.recovery-reset{grid-template-columns:1.2fr 1fr;align-items:stretch}
.recovery-reset .recovery-photo{min-height:420px}
.recovery-reset .recovery-photo>img{height:100%;width:100%;object-fit:cover;object-position:45% center;filter:none}
.recovery-reset .recovery-photo-label{top:26px;left:28px;bottom:auto}
.recovery-reset .recovery-photo-label h3{font-size:32px;line-height:1;margin:0}
.recovery-reset .recovery-copy{display:flex;align-items:center;padding:40px}
.recovery-reset .recovery-context>h3{font-size:clamp(32px,3.2vw,48px);line-height:1.02;margin:20px 0}
.recovery-reset .recovery-present{font-size:15px;line-height:1.75;max-width:44ch}
.recovery-elements{display:flex;gap:24px;margin:28px 0 18px;font:600 13px/1.4 'DM Sans',sans-serif;letter-spacing:2px;color:var(--yellow)}
.recovery-reset .recovery-sound{font-size:13px;line-height:1.65;max-width:40ch;color:#c5c5bf}
.recovery-reset .image-credit-label{font-size:8px;letter-spacing:1px}
@media(max-width:700px){.recovery-reset{grid-template-columns:1fr}.recovery-reset .recovery-photo{min-height:0;height:300px}.recovery-reset .recovery-copy{padding:28px}.recovery-reset .recovery-context>h3{font-size:36px}.recovery-reset .recovery-photo-label{left:22px;top:22px}.recovery-reset .recovery-photo-label h3{font-size:28px}.recovery-reset .recovery-present{font-size:14px}.recovery-elements{margin-top:22px}}
.recovery-reset .recovery-photo-label{top:auto;bottom:50px;padding:0}
@media(max-width:700px){.recovery-reset .recovery-photo-label{top:auto;bottom:46px;padding:0}}

/* Recovery as an essential pause: closer to water and timber than architecture. */
.recovery-reset .recovery-photo{overflow:hidden}
.recovery-reset .recovery-photo>img{object-position:22% 78%;transform:scale(1.32);transform-origin:20% 85%}
@media(max-width:700px){.recovery-reset .recovery-photo{height:260px}.recovery-reset .recovery-photo>img{object-position:15% 85%;transform:scale(1.2)}}

/* Recovery belongs to the return to the dock, in one compact editorial strip. */
.dock-recovery-strip{background:var(--earth);color:var(--ink);display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.6fr);gap:48px;align-items:center;padding-block:34px}
.dock-recovery-photo{position:relative;margin:0;height:245px;overflow:hidden}
.dock-recovery-photo img{width:100%;height:100%;object-fit:cover;object-position:25% 80%}
.dock-recovery-photo figcaption{position:absolute;left:14px;bottom:12px;right:12px;color:#fff;font:8px/1.4 'DM Sans',sans-serif;letter-spacing:1.1px;text-shadow:0 1px 3px #000}
.dock-recovery-story .eyebrow{font-size:9px;letter-spacing:1.6px}
.dock-recovery-story h2{font:700 clamp(30px,3.3vw,48px)/1.02 'Barlow Condensed',sans-serif;letter-spacing:-.5px;margin:13px 0 16px}
.dock-recovery-story p{font-size:14px;line-height:1.7;max-width:60ch}
.dock-recovery-rhythm{display:block;font:700 11px/1.5 'DM Sans',sans-serif;letter-spacing:1.4px;margin-top:20px}
@media(max-width:700px){.dock-recovery-strip{grid-template-columns:1fr;gap:24px;padding-block:28px}.dock-recovery-photo{height:180px}.dock-recovery-story h2{font-size:35px;margin-top:10px}.dock-recovery-story p{font-size:14px}.dock-recovery-rhythm{font-size:10px;letter-spacing:1px;margin-top:17px}}

/* Three useful beats fill the return-to-base strip without extending the page. */
.dock-recovery-strip{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,.7fr);gap:clamp(24px,3vw,48px)}
.dock-recovery-story p{max-width:none}
.dock-recovery-practice{display:grid;gap:18px;align-self:center}
.dock-recovery-practice h3{font:700 22px/1 'Barlow Condensed',sans-serif;margin:0 0 6px;letter-spacing:.5px}
.dock-recovery-practice p{font:400 12px/1.55 'DM Sans',sans-serif;margin:0;max-width:29ch}
@media(min-width:701px) and (max-width:1000px){.dock-recovery-strip{grid-template-columns:1fr 1.2fr}.dock-recovery-practice{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:24px}}
@media(max-width:700px){.dock-recovery-strip{grid-template-columns:1fr}.dock-recovery-practice{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.dock-recovery-practice h3{font-size:19px}.dock-recovery-practice p{font-size:11px}}

/* Approved soft sky palette for the camp overview. */
.camp-overview-copy{background:#96c6d7;color:#111}
.camp-overview-copy .eyebrow{color:inherit}
/* Shared landing typography: identical hierarchy in English and Spanish. */
.landing-page{
 --type-display:'Barlow Condensed',sans-serif;
 --type-reading:'DM Sans',sans-serif;
 --type-section:clamp(42px,4.5vw,64px);
 --type-photo:clamp(40px,4vw,56px);
 --type-subtitle:clamp(28px,2.5vw,36px);
 font-family:var(--type-reading);
}
.landing-page :is(.name-intro h2,.camp-overview-copy h3,.foil-heading h2,.retreats>.section-top h2,.rhythm h2,.philosophy h2,.camp-wear h2,.arrival-photo-copy h2,.faq h2,.join h2){
 font-family:var(--type-display);font-size:var(--type-section);font-weight:700;
 line-height:1;letter-spacing:-.02em;
}
.landing-page :is(.camp-overview-photo h2,.foil-action .foil-photo-title strong,.crew-proof strong,.base-photo-title){
 font-family:var(--type-display);font-size:var(--type-photo);font-weight:700;
 line-height:.95;letter-spacing:-.02em;
}
.landing-page :is(.north-field-grid figcaption strong,.grande-visual h3){
 font-family:var(--type-display);font-size:clamp(30px,3vw,42px);font-weight:700;
 line-height:.95;letter-spacing:-.02em;
}
.landing-page :is(.foil-session h3,.arrival-story h3,.philosophy .place-rhythm-title){
 font-family:var(--type-display);font-size:var(--type-subtitle);font-weight:700;
 line-height:1.1;letter-spacing:-.01em;
}
.landing-page :is(.day h3,.principles article h3,.grande-detail-copy h3){
 font-family:var(--type-reading);font-size:clamp(20px,1.8vw,24px);font-weight:600;
 line-height:1.25;letter-spacing:-.02em;
}
.landing-page :is(.name-story-copy p,.camp-overview-copy p,.foil-session p,.base-card-copy>p,.grande-detail-copy p,.principles article p,.arrival-story p,.join-bottom p){
 font-family:var(--type-reading);font-size:16px;line-height:1.65;letter-spacing:normal;
}
.landing-page :is(.day p,.dock-recovery-story p,.faq .questions p){
 font-family:var(--type-reading);font-size:14px;line-height:1.65;
}
.landing-page .foil-wave-line{font-family:var(--type-reading);font-size:18px;line-height:1.45;margin-top:14px}
.landing-page :is(.florence-compact h3,.florence-more .florence-vision h3,.dock-recovery-practice h3){
 font-family:var(--type-display);font-weight:700;line-height:1.1;letter-spacing:.01em;
}
.landing-page .dock-recovery-story h2{font-family:var(--type-display);font-weight:700;line-height:1.05;letter-spacing:-.02em}
.landing-page :is(.modal h2,.interest-modal h2){font-family:var(--type-display);font-weight:700;line-height:1.05;letter-spacing:-.02em}
.landing-page :is(.eyebrow,.foil-session>article>span,.arrival-photo-copy>span,.base-card-copy>.base-kicker){font-family:var(--type-reading);font-size:11px;font-weight:600;line-height:1.5;letter-spacing:.14em}
@media(max-width:700px){
 .landing-page{--type-section:40px;--type-photo:40px;--type-subtitle:28px}
 .landing-page :is(.name-story-copy p,.camp-overview-copy p,.foil-session p,.base-card-copy>p,.grande-detail-copy p,.principles article p,.arrival-story p,.join-bottom p){font-size:15px}
 .landing-page :is(.north-field-grid figcaption strong,.grande-visual h3){font-size:30px}
 .landing-page .foil-wave-line{font-size:16px}
 .landing-page :is(.day h3,.principles article h3,.grande-detail-copy h3){font-size:20px}
}
/* Editorial labels use the same reading family; no third typeface. */
.landing-page :is(.edition,.crew-proof figcaption>span,.crew-proof figure>span,.adventure-pair figcaption>span,.field-label){font-family:var(--type-reading);font-weight:600;line-height:1.5}
.landing-page :is(dialog,[role="dialog"]) h2{font-family:var(--type-display);font-size:40px;font-weight:700;line-height:1.05;letter-spacing:-.02em}

/* Quiet fleet presentation: practical equipment rather than racing graphics. */
.landing-page .arrival-fleet{max-width:760px;gap:clamp(24px,4vw,56px);margin-top:28px}
.landing-page .arrival-fleet img{width:94%;margin-inline:auto}
.landing-page .arrival-fleet .arrival-water img{width:86%}
.landing-page .arrival-fleet figcaption{margin-top:14px;font-size:10px;line-height:1.5;letter-spacing:.1em}
@media(max-width:700px){
 .landing-page .arrival-fleet{grid-template-columns:1fr 1fr;max-width:420px;gap:18px}
 .landing-page .arrival-fleet img{width:92%}
 .landing-page .arrival-fleet .arrival-water img{width:88%}
 .landing-page .arrival-fleet figcaption{flex-direction:column;align-items:flex-start;font-size:8px;gap:4px;margin-top:10px}
}

/* South is the signature destination; other bases remain complementary. */
.south-first .south-feature{grid-template-columns:1fr;max-width:none}
.south-first .south-card{display:grid;grid-template-columns:1.35fr 1fr}
.south-first .south-card .base-photo{height:100%;min-height:430px;aspect-ratio:auto}
.south-first .south-card .base-photo img{height:100%;width:100%;object-fit:cover}
.south-first .south-card .base-card-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(25px,3.5vw,50px)}
.south-first .south-status{font-size:13px;line-height:1.6;opacity:.8}
.complementary-bases{border-top:1px solid #ffffff30;margin-top:35px}
.complementary-bases>summary{display:flex;align-items:center;gap:20px;padding:24px 0;cursor:pointer;list-style:none}
.complementary-bases>summary::-webkit-details-marker{display:none}
.complementary-bases>summary>span:first-child{font-weight:600}
.complementary-bases>summary>span:nth-child(2){font-size:13px;opacity:.65}
.complementary-bases>summary>b{margin-left:auto;font-size:23px}
.complementary-bases[open]>summary>b{transform:rotate(45deg)}
.complementary-intro{max-width:750px;font-size:15px;color:#ccc;margin-bottom:25px}
.complementary-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}
.complementary-grid .base-photo{height:190px;aspect-ratio:auto}
.complementary-grid .base-photo-title{font-size:34px}
.complementary-grid .base-card-copy{padding:24px}
.complementary-grid .base-card-copy p{font-size:15px;line-height:1.65}
@media(max-width:700px){.south-first .south-card{grid-template-columns:1fr}.south-first .south-card .base-photo{min-height:260px;height:300px}.complementary-grid{grid-template-columns:1fr}.complementary-bases>summary{flex-wrap:wrap;gap:8px}.complementary-bases>summary>span:nth-child(2){width:80%;order:3}.complementary-grid .base-photo{height:180px}}
.landing-page header .nav-cta{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}
.south-first .south-card .base-photo-title{top:auto;bottom:26px;left:26px}
@media(max-width:420px){.landing-page header{gap:10px}.landing-page header .nav-cta{font-size:7px;letter-spacing:0;gap:5px}.landing-page header .nav-cta .dock-icon{width:16px;height:16px}}

/* Explain what brought the experience to life without extending the headline. */
.hero .hero-origin-story{max-width:720px;font-size:clamp(15px,1.25vw,18px);line-height:1.65;text-wrap:pretty}
@media(max-width:700px){.hero .hero-origin-story{font-size:14px;max-width:36em;line-height:1.65}}

/* Keep the South label over open water on phones, clear of the dock. */
@media(max-width:700px){
 .south-first .south-card .base-photo-title{top:20px;bottom:auto;left:20px}
 .south-first .south-card .base-concept{top:auto;bottom:12px;left:auto;right:12px;max-width:calc(100% - 24px)}
}

/* Mobile review: preserve photo subjects and keep every label readable. */
@media(max-width:700px){
 #south-water .north-field-main figcaption{left:auto;right:18px;top:auto;bottom:18px;text-align:right}
 #south-water .north-field-main:after{background:linear-gradient(270deg,#0006,transparent 65%)}
 .salt-strip{display:grid;grid-template-columns:minmax(0,1fr) 24px minmax(0,1fr);gap:12px 14px;justify-items:center}
 .salt-strip span,.salt-strip span:last-child{display:block;font-size:17px;letter-spacing:.5px}
 .salt-strip b,.salt-strip b:last-of-type{display:block;font-size:24px;line-height:1}
 .salt-strip b:nth-of-type(2){display:none}
 .base-detail summary>b,.complementary-bases>summary>b,.questions summary>span{display:inline-flex;align-items:center;justify-content:center;width:24px;min-width:24px;height:24px;line-height:1;margin-inline:6px;flex:0 0 24px}
 .faq>div:first-child{margin-bottom:18px}
}
@media(max-width:370px){.salt-strip span,.salt-strip span:last-child{font-size:15px}}
@media(max-width:700px){.base-detail summary{padding-right:8px}}
@media(max-width:370px){
 .landing-page header{gap:6px}
 .landing-page header .logo.header-sticker{width:76px}
}

/* Give the main story headline a stronger mobile hierarchy. */
@media(max-width:700px){
 .hero h1.hero-origin-title,html[lang="es-CR"] .hero h1.hero-origin-title{font-size:clamp(30px,8.5vw,54px);line-height:1.08}
}

/* Real river footage: manually played, no automatic video download. */
.south-river-film{display:grid;grid-template-columns:1.7fr 1fr;gap:30px;align-items:center;margin:20px 0 32px}.south-river-film video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#111}.south-river-film h3{font-family:"Barlow Condensed",sans-serif;font-size:36px;line-height:1.05;margin:12px 0 15px}.south-river-film p{font-size:16px;line-height:1.65}.south-river-film>div>span{display:block;font-size:11px;letter-spacing:.5px;margin-top:16px;opacity:.7}@media(max-width:700px){.south-river-film{grid-template-columns:1fr;gap:18px}.south-river-film h3{font-size:30px}.south-river-film p{font-size:14px}}