@font-face{font-family:Verveine;src:url('assets/verveine-latin.woff2');font-display:swap}@font-face{font-family:Head;src:url('assets/head-normal-width.woff2');font-weight:200 800;font-display:swap}@font-face{font-family:Lato;src:url('assets/body-latin.woff2');font-weight:400;font-display:swap}@font-face{font-family:Lato;src:url('assets/body-bold-latin.woff2');font-weight:700;font-display:swap}
:root{--green:#123d35;--cream:#f8f0d7;--orange:#fe6700;--line:#123d352a;--pad:clamp(22px,4.5vw,80px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--cream);color:var(--green);font:17px/1.6 Lato,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--orange);outline-offset:6px}img{display:block;max-width:100%}button{color:inherit}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Head,sans-serif;line-height:1.02;letter-spacing:-.045em}h2{font-size:clamp(40px,4.8vw,76px);font-weight:650}h3{font-weight:650}em{font-family:Verveine,sans-serif;font-style:normal;font-weight:400;letter-spacing:0;line-height:1.05}h2 em{font-size:1.23em}p{max-width:65ch}.wrap{max-width:1600px;margin:0 auto;padding-inline:var(--pad)}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.skip{position:fixed;top:-100px;left:20px;z-index:30;background:var(--cream);padding:12px}.skip:focus{top:15px}.header{position:absolute;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;align-items:flex-start;padding:26px var(--pad);color:var(--cream);background:linear-gradient(#062922c9,transparent)}.brand-full{height:120px;width:auto;max-width:none}.brand-mobile{display:none}.header nav{display:flex;gap:32px;align-items:center;padding-top:24px;font-size:14px;font-weight:700}.header nav>a{padding:9px 0}.header nav>a:hover{text-decoration:underline;text-underline-offset:6px}.header nav .nav-cta{border:1px solid #f8f0d780;padding:10px 18px}.nav-cta span{margin-left:18px}.menu{display:none}.hero{position:relative;height:100svh;min-height:760px;max-height:1050px;overflow:hidden;background:#136b75}.hero-art{position:absolute;inset:0;width:100%;height:100%}.una{font-family:Verveine;font-size:1080px;fill:var(--orange);font-weight:400}.hero-shade{position:absolute;inset:70% 0 0;background:linear-gradient(transparent,#f8f0d780)}.hero-bottom{position:absolute;inset:auto var(--pad) 85px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.hero h1{font-size:clamp(54px,5.9vw,94px);font-weight:750;letter-spacing:-.055em;margin-top:10px}.hero-action p{font-size:13px;font-weight:700;margin:0 0 12px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:32px;background:var(--green);color:var(--cream);border:0;padding:19px 25px;font-size:14px;font-weight:700;line-height:1.4;min-height:56px;transition:background .18s}.button span{font-size:27px;line-height:1}.button:hover{background:#225a4f}.hero .button{min-width:266px}.scroll-note{position:absolute;bottom:24px;left:var(--pad);right:var(--pad);border-top:1px solid #123d3540;padding-top:12px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700}.intro{padding-block:75px 90px;display:grid;grid-template-columns:180px 1.2fr 1fr;align-items:start;gap:40px}.section-label{display:flex;gap:16px;font-size:11px;text-transform:uppercase;letter-spacing:.07em;line-height:1.5;font-weight:700;padding-top:8px}.section-label img{width:13px;height:58px}.intro h2{font-size:clamp(31px,3vw,48px)}.intro-copy p{font-size:16px;line-height:1.7}.text-link{display:inline-flex;align-items:center;gap:26px;border-bottom:1px solid currentColor;padding-bottom:8px;font-size:13px;font-weight:700}.intro .text-link{margin-top:22px}.routes{padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:20px}.section-heading>p{font-size:16px;max-width:330px;margin-bottom:7px}.route-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.route{background:var(--green);color:var(--cream)}.route-photo{position:relative;height:420px;overflow:hidden}.route-photo img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.route:hover .route-photo img{transform:scale(1.025)}.route-photo:after{content:'';position:absolute;inset:25% 0 0;background:linear-gradient(transparent,#062922d9)}.photo-tag{position:absolute;top:24px;left:26px;background:var(--cream);color:var(--green);padding:6px 12px;font-size:11px;font-weight:700;z-index:1}.route-photo>div{position:absolute;bottom:28px;left:30px;right:20px;z-index:1}.route-photo>div>span{font-size:11px;text-transform:uppercase;letter-spacing:.1em}.route-photo h3{font-size:clamp(38px,4.1vw,66px);margin-top:8px}.route-content{padding:26px 30px 20px}.route-facts{display:grid;grid-template-columns:1fr 1fr 1fr;border-bottom:1px solid #f8f0d740;padding-bottom:22px;margin-bottom:20px;gap:10px}.route-facts>span{font-size:11px}.route-facts strong{display:block;font:600 28px/1.3 Head;letter-spacing:-.03em}.route-content>p{font-size:15px;line-height:1.6;max-width:47ch;min-height:72px}.route-price{display:flex;justify-content:space-between;align-items:center;margin:25px 0}.route-price strong{font:600 43px/1 Head;letter-spacing:-.04em}.route-price small{font:400 16px Lato}.route-price div>span{display:block;font-size:11px;margin-top:9px}.round-button{border:0;border-radius:50%;background:var(--orange);color:var(--green);width:55px;height:55px;font-size:28px}.round-button:hover{background:var(--cream)}details{border-top:1px solid currentColor}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:18px}summary::-webkit-details-marker{display:none}summary>span{font-size:25px;font-weight:400}details[open] summary>span{transform:rotate(45deg)}.route details{border-color:#f8f0d73c}.route summary{padding:12px 0;font-size:12px;font-weight:700}.route details p{font-size:14px;line-height:1.7;margin-bottom:15px}.route-note{font-size:12px;margin-top:22px;max-width:90ch}.day{background:var(--green);color:var(--cream);padding:90px 0 100px}.day-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:center}.day figure{position:relative}.day figure img{width:100%;height:530px;object-fit:cover}.day figcaption{font-size:11px;letter-spacing:.04em;margin-top:15px}.steps{padding:0;margin:0;list-style:none}.steps li{display:flex;gap:30px;padding:29px 0;border-top:1px solid #f8f0d73c}.steps li>span{font:400 55px/1 Verveine;color:var(--orange)}.steps h3{font-size:26px;letter-spacing:-.03em;margin:3px 0 14px}.steps p{font-size:15px;line-height:1.75;max-width:36ch}.after{display:grid;grid-template-columns:1fr 1fr;min-height:700px}.after-photo img{width:100%;height:100%;object-fit:cover}.after-copy{padding:90px var(--pad);display:flex;flex-direction:column;justify-content:center}.after h2{font-size:clamp(45px,4.5vw,70px);margin:25px 0}.after-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;max-width:42ch}.after-copy .fine{font-size:12px!important;margin-top:22px;opacity:.8}.after-links{display:grid;margin-top:32px}.after-links a,.after-links button{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border:0;border-top:1px solid var(--line);background:none;text-align:left;font-size:13px;font-weight:700}.preparation{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw;padding-block:100px}.preparation h2{margin:23px 0}.prep-intro{font-size:15px;max-width:32ch}.paddle{height:115px;width:auto;transform:rotate(20deg);margin:35px 0 0 35px}.faq details{border-color:var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{font-family:Head;font-size:20px;font-weight:600;line-height:1.25;padding:22px 0;letter-spacing:-.02em}.faq p{padding-bottom:25px;font-size:15px;line-height:1.75;max-width:52ch}.plan{background:var(--orange);padding:75px 0 60px}.plan-heading{display:flex;justify-content:space-between;align-items:center;margin:25px 0 40px}.plan h2{font-size:clamp(66px,7vw,110px);line-height:.9}.plan h2 em{font-size:1.4em}.plan-heading p{font-size:15px;max-width:40ch;margin-top:20px}form{display:grid;grid-template-columns:1.3fr 1.1fr .7fr 1.1fr;background:var(--cream);padding:14px;gap:0}form label{display:flex;flex-direction:column;font-size:11px;padding:8px 20px;border-right:1px solid var(--line);font-weight:700}select,input{width:100%;min-width:0;border:0;border-radius:0;color:var(--green);background:transparent;font-size:16px;padding:8px 0;line-height:1.3}form .button{align-self:stretch;margin-left:14px;gap:10px;padding:15px 20px;font-size:13px}form .stay-option{grid-column:1/-1;border:0;border-top:1px solid var(--line);margin-top:10px;padding-top:15px;flex-direction:row;gap:10px;align-items:center;font-size:12px;font-weight:400}input[type=checkbox]{width:16px;height:16px;accent-color:var(--green)}.prototype-note{font-size:11px;margin-top:15px}footer.wrap{max-width:none;background:var(--green);color:var(--cream);display:grid;grid-template-columns:220px 1fr auto;gap:40px;padding-block:55px 22px;align-items:center}footer img{width:190px;max-height:100px;object-fit:contain}footer p{font-size:13px;line-height:1.9}footer p span{font-size:11px;opacity:.7}footer>a{font-size:13px}.review-link{border-top:1px solid #f8f0d730;padding-top:20px;grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:.04em}.review-link a{text-decoration:underline;text-underline-offset:4px}dialog{color:var(--green);background:var(--cream);width:min(540px,calc(100% - 32px));padding:45px;border:0;box-shadow:0 20px 100px #0004}dialog::backdrop{background:#062922bd}dialog .close{position:absolute;right:18px;top:10px;background:none;border:0;font-size:30px}dialog h2{margin:20px 0;font-size:42px}dialog p:not(.eyebrow){font-size:14px;margin:20px 0}dialog .button{width:100%}dialog dl{margin:20px 0}dialog dt{font-size:11px;text-transform:uppercase;letter-spacing:.06em;margin-top:15px}dialog dd{margin:3px 0;font-weight:700}
@media(min-width:1700px){.hero{max-height:1150px}.hero-art{height:110%;top:-5%}}
@media(max-width:1100px){.header nav{gap:19px;font-size:12px}.brand-full{height:120px}.intro{grid-template-columns:1fr 1fr;gap:30px}.section-label{grid-column:1/-1}.intro h2{font-size:42px}.route-photo{height:330px}.route-content{padding:22px}.day-layout{gap:40px}.day figure img{height:450px}.after-copy{padding:60px 35px}.after{min-height:600px}.preparation{gap:6vw}footer.wrap{grid-template-columns:180px 1fr auto;gap:20px}}
@media(max-width:900px){:root{--pad:24px}.header{padding-top:22px;align-items:flex-start;background:linear-gradient(#062922ed,transparent)}.brand-full{display:none}.brand-mobile{display:block}.brand-mobile>img{height:63px;width:auto}.brand-mobile>span{display:block;font-size:11px;margin-top:7px;letter-spacing:.01em}.brand-mobile strong{font-weight:400;font-family:Verveine;font-size:20px;margin-left:2px}.menu{display:flex;align-items:center;gap:20px;min-height:44px;background:transparent;border:1px solid #f8f0d780;color:var(--cream);padding:5px 12px;font-size:12px}.menu span{font-size:21px}.header nav{display:none;position:absolute;top:125px;left:16px;right:16px;padding:20px;background:var(--green);box-shadow:0 15px 30px #0003}.header nav.open{display:grid;gap:10px}.header nav>a{padding:12px;font-size:16px}.hero{min-height:760px;max-height:900px;height:100svh}.hero-art{width:190%;left:-63%;height:78%;top:9%}.una{font-size:960px;transform:translate(200px,-85px)}.hero-shade{inset:65% 0 0;background:linear-gradient(transparent 0%,var(--cream) 85%)}.hero-bottom{inset:auto var(--pad) 70px;display:block}.hero h1{font-size:52px;line-height:1;margin:8px 0 23px}.hero-action{display:flex;flex-direction:column}.hero-action p{font-size:11px;margin-bottom:8px}.hero-action .button{width:100%;font-size:13px;min-height:55px;padding:15px 18px}.hero-bottom .eyebrow{font-size:10px}.scroll-note{bottom:18px;font-size:9px}.intro{padding-block:50px 55px;grid-template-columns:1fr;gap:25px}.intro h2{font-size:39px}.section-label{gap:14px}.section-label img{height:40px}.section-label span{font-size:10px}.intro-copy p{font-size:15px}.intro .text-link{margin-top:18px}.section-heading{display:block;margin-bottom:28px}.section-heading h2{font-size:43px}.section-heading>p{margin-top:22px;font-size:14px}.section-heading .eyebrow{font-size:10px;margin-bottom:18px}.routes{padding-bottom:55px}.route-grid{grid-template-columns:1fr;gap:24px}.route-photo{height:310px}.route-photo>div{left:22px;bottom:22px}.route-photo h3{font-size:43px}.photo-tag{left:22px;top:22px}.route-content{padding:23px}.route-content>p{min-height:0}.route-facts strong{font-size:25px}.route-facts>span{font-size:10px}.route-price{margin:24px 0}.route-note{font-size:11px}.day{padding-block:55px}.day .text-link{margin-top:22px}.day-layout{grid-template-columns:1fr;gap:30px}.day figure img{height:320px}.steps li{gap:25px;padding:24px 0}.steps h3{font-size:25px}.steps p{font-size:14px}.steps li>span{font-size:46px}.after{grid-template-columns:1fr;min-height:0}.after-photo{height:330px}.after-copy{padding:45px 24px 50px}.after h2{font-size:47px}.after-copy>p:not(.eyebrow){font-size:16px}.preparation{grid-template-columns:1fr;gap:35px;padding-block:55px}.preparation h2{font-size:43px}.paddle{display:none}.faq summary{font-size:19px;padding:21px 0}.faq p{font-size:14px}.plan{padding-block:50px 35px}.plan-heading{display:block;margin:30px 0}.plan h2{font-size:70px}.plan-heading p{margin-top:30px;font-size:14px}.plan form{grid-template-columns:1fr 1fr;padding:12px}.plan form label{padding:10px 12px}.plan form label:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}.plan form label:nth-child(3){border-right:0}.plan form .button{grid-column:1/-1;margin:8px 0 0;padding:16px;min-height:56px}.plan form .stay-option{padding-inline:5px;font-size:11px}.prototype-note{font-size:10px}footer.wrap{grid-template-columns:1fr;padding-block:40px 24px;gap:25px}footer img{width:180px}.review-link{font-size:9px;margin-top:5px;align-items:flex-start}dialog{padding:35px 24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.una{font-size:1000px;transform:translate(0,-45px)}
@media(max-width:900px){.una{font-size:1080px;transform:translate(695px,65px) scale(.46)}}

h1,h2,h3{letter-spacing:-.025em}.hero h1{letter-spacing:-.035em}
@media(max-width:360px){.una{transform:translate(740px,65px) scale(.4)}.hero h1{font-size:46px}}

/* Hero-specific logo: original lettering and signature, without the NA UNI band. */
.brand-full{width:230px;height:auto}.brand-mobile>img{width:160px;height:auto}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){.hero-art{transform:translate3d(0,var(--hero-drift,0px),0)}}
/* Concept 03 — S obale u čamac */
.expedition{--pad:clamp(24px,4.5vw,88px);--orange:#fe6700}html{scroll-padding-top:24px}.header{padding-top:22px}.brand-full{width:175px}.header nav{font-size:12px;gap:30px;padding-top:15px}.header nav .nav-cta{background:var(--cream);color:var(--green);border:0}.opening{height:100svh;min-height:720px;max-height:1080px;position:relative;overflow:hidden;background:var(--green);color:var(--cream)}.opening-art{position:absolute;width:100%;height:100%;inset:0;transform:translateY(var(--opening-y,0px)) scale(1.025);transform-origin:center}.opening-type{transform:translateY(var(--type-y,0px));transform-box:view-box}.opening-type text{font:400 650px Verveine;fill:var(--cream)}.opening-stage:after{content:'';position:absolute;inset:63% 0 0;background:linear-gradient(transparent,#082923e6);pointer-events:none}.opening-caption{position:absolute;bottom:122px;left:var(--pad);z-index:1}.opening-caption h1{font-size:clamp(28px,3vw,47px);margin:12px 0 8px;letter-spacing:-.04em}.opening-caption>p:last-child{font-size:14px}.opening-cta{position:absolute;right:var(--pad);bottom:122px;z-index:1;background:var(--orange);color:var(--green);padding:20px 25px;display:flex;align-items:center;gap:50px;font-size:14px;font-weight:700}.opening-cta span{font-size:30px;line-height:1}.opening-cta:hover{background:var(--cream)}.opening-bottom{position:absolute;inset:auto var(--pad) 30px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #f8f0d755;padding-top:18px;z-index:1;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.opening-bottom a{display:flex;gap:25px}.opening-bottom a span{font-size:22px;line-height:.5}.boarding{height:150svh;position:relative;background:var(--orange)}.boarding-sticky{position:sticky;top:0;height:100svh;min-height:640px;overflow:hidden}.boarding-paper{position:absolute;inset:0;text-align:center;display:flex;flex-direction:column;align-items:center;padding-top:42px}.boarding-word{font:400 clamp(120px,25vw,400px)/.95 Verveine}.boarding-paper>span{position:absolute;bottom:28px;font-size:12px}.boarding-frame{position:absolute;inset:0;clip-path:inset(var(--inset-y,23%) var(--inset-x,16%) round 2px);transform:translateZ(0);background:var(--green)}.boarding-frame>img{width:100%;height:100%;object-fit:cover;object-position:center 45%;transform:scale(var(--boarding-scale,1.06))}.boarding-overlay{position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#062922d9)}.boarding-caption{position:absolute;bottom:12%;left:8%;color:var(--cream);opacity:var(--boarding-copy,0)}.boarding-caption h2{font-size:clamp(58px,7vw,110px);margin:20px 0 12px;line-height:.85}.boarding-caption h2 em{font-size:1.5em}.boarding-caption p{font-size:15px;margin-top:27px}.frame-note{position:absolute;bottom:6%;right:5%;font-size:11px;letter-spacing:.08em;color:var(--cream);text-transform:uppercase;opacity:var(--boarding-copy,0)}.river-intro{padding-block:95px 170px;display:grid;grid-template-columns:1fr 1fr;gap:40px;position:relative;overflow:hidden}.intro-kicker{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between}.intro-kicker img{height:70px;width:18px;transform:rotate(25deg)}.intro-statement{font:650 clamp(40px,4.5vw,70px)/1.02 Head;letter-spacing:-.035em}.intro-statement span{font:400 1.3em/1.1 Verveine}.intro-explain{padding:10px 0 0 12%;font-size:16px;max-width:490px}.intro-explain .text-link{margin-top:25px}.river-line{position:absolute;bottom:0;left:-5%;width:110%;height:150px;pointer-events:none}.river-line path{fill:none;stroke:var(--orange);stroke-width:4;stroke-linecap:round}.routes{padding-block:55px 90px}.routes .section-heading{margin-bottom:50px}.routes h2{font-size:clamp(65px,8vw,120px);line-height:.85}.routes h2 em{font-size:1.5em}.route-grid{grid-template-columns:1fr;gap:55px}.route{display:grid;grid-template-columns:1.5fr 1fr;background:none;color:var(--green);gap:0;align-items:stretch}.route-photo{height:600px}.route-photo>div{left:40px;bottom:38px;color:var(--cream)}.route-photo h3{font:400 clamp(60px,7vw,108px)/.9 Verveine;letter-spacing:0}.route-photo>div>span{font-size:10px}.route-photo img{object-position:55% center}.route-content{padding:48px 38px 28px;background:var(--green);color:var(--cream);display:flex;flex-direction:column;justify-content:center}.route-facts{padding-bottom:30px;margin-bottom:30px}.route-facts strong{font-size:31px}.route-content>p{min-height:0}.route-price{margin:34px 0 25px}.route-price strong{font-size:64px}.route details{margin-top:auto}.photo-tag{left:30px;top:30px;border-radius:0;padding:9px 14px}.route:nth-child(2){grid-template-columns:1fr 1.5fr}.route:nth-child(2) .route-photo{order:2}.route:nth-child(2) .route-content{background:#e9e2c6;color:var(--green)}.route:nth-child(2) .route-facts,.route:nth-child(2) details{border-color:#123d3540}.route-note{font-size:11px;max-width:100ch}.crew-story{background:var(--green);color:var(--cream);padding:75px 0 90px;position:relative;overflow:hidden}.crew-top{display:flex;justify-content:space-between;align-items:flex-start}.crew-top>p:last-child{font-size:13px}.crew-story h2{font-size:clamp(80px,12vw,190px);text-align:center;line-height:.8;margin:65px 0 -15px;position:relative;z-index:1}.crew-story h2 em{color:var(--orange);font-size:1.65em;line-height:.85}.crew-collage{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:35px;align-items:center;padding:0 0 65px}.crew-collage figure{background:var(--cream);color:var(--green);padding:10px 10px 0}.crew-collage img{width:100%;height:300px;object-fit:cover}.crew-collage figcaption{font:400 27px/1.1 Verveine;padding:14px 5px 18px}.crew-one{transform:rotate(-6deg) translateY(-30px)}.crew-two{transform:rotate(3deg) translateY(65px);z-index:2}.crew-three{transform:rotate(7deg) translateY(-20px)}.crew-two img{height:340px;object-position:70%}.day-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:70px 0 0;margin:0;list-style:none}.day-strip li{border-top:1px solid #f8f0d745;padding-top:20px}.day-strip li>span{font:400 40px Verveine;color:var(--orange)}.day-strip h3{font-size:24px;margin:10px 0 15px}.day-strip p{font-size:14px;line-height:1.7;max-width:32ch}.quiet{height:90svh;min-height:700px;max-height:1050px;position:relative;color:var(--cream);overflow:hidden}.quiet>img{width:100%;height:100%;object-fit:cover;object-position:center}.quiet-shade{position:absolute;inset:0;background:linear-gradient(#08292377,transparent 45%,#082923ed)}.quiet-top{position:absolute;top:45px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:12px}.shore-words{position:absolute;top:18%;width:100%;left:0;height:auto;overflow:visible}.shore-words text{font:400 113px Verveine;fill:var(--cream)}.quiet-bottom{position:absolute;bottom:65px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;gap:40px;align-items:end}.quiet-bottom>p{font:600 clamp(33px,4vw,58px)/1.05 Head;letter-spacing:-.03em}.quiet-bottom>div p{font-size:13px;line-height:1.7}.quiet-bottom .text-link{margin-top:20px}.preparation{padding-block:85px;gap:9vw}.preparation .eyebrow{font-size:10px}.preparation h2{font-size:clamp(40px,4.5vw,65px)}.plan{position:relative;overflow:hidden;padding:80px 0 65px}.plan h2{font-size:clamp(72px,9vw,140px)}.plan h2 em{font-size:1.3em}.plan-heading{margin-bottom:55px}.plan form{position:relative;z-index:1}.journey-dock{position:fixed;bottom:18px;left:50%;transform:translate(-50%,120px);z-index:12;display:flex;align-items:center;background:var(--cream);color:var(--green);padding:5px;box-shadow:0 6px 35px #0002;border:1px solid #123d352a;transition:transform .25s;font-size:12px;font-weight:700}.journey-dock.visible{transform:translate(-50%,0)}.journey-dock a{padding:12px 20px;white-space:nowrap}.journey-dock a:last-child{background:var(--green);color:var(--cream)}.journey-dock span{margin-left:20px}.review-link{padding-bottom:15px}
@media(min-width:1600px){.opening-type text{font-size:700px}.opening-caption{bottom:130px}}
@media(max-width:1100px) and (min-width:901px){.route-content{padding:30px 24px}.route-photo{height:550px}.route-facts strong{font-size:25px}.crew-collage{gap:20px}.crew-collage img{height:240px}}
@media(max-width:900px){.header{padding:18px 24px}.brand-mobile>img{width:135px}.header nav{top:110px}.opening{height:100svh;min-height:760px;max-height:1000px}.opening-art{width:150%;left:-25%;height:85%;top:6%;transform:none}.opening-type text{font-size:600px}.opening-type{transform:translateY(-35px)}.opening-stage:after{inset:58% 0 0;background:linear-gradient(transparent,#082923 78%)}.opening-caption{left:24px;right:24px;bottom:160px}.opening-caption h1{font-size:32px;max-width:15ch;line-height:1.03}.opening-caption .eyebrow{font-size:9px}.opening-caption>p:last-child{font-size:12px}.opening-cta{left:24px;right:24px;bottom:83px;padding:16px 20px;justify-content:space-between;font-size:13px}.opening-bottom{left:24px;right:24px;bottom:24px;font-size:8px;letter-spacing:.07em;padding-top:14px}.opening-bottom>span:last-child{display:none}.opening-bottom a{gap:10px}.boarding{height:680px}.boarding-sticky{position:relative;height:100%;min-height:0}.boarding-paper{padding-top:32px}.boarding-word{font-size:140px}.boarding-frame{inset:165px 18px 50px;clip-path:none}.boarding-frame>img{object-position:48% center;transform:none}.boarding-caption{left:24px;bottom:28px;opacity:1}.boarding-caption h2{font-size:52px;line-height:.85}.boarding-caption p{font-size:12px;margin-top:22px}.boarding-caption .eyebrow{font-size:8px}.frame-note{display:none}.boarding-paper>span{bottom:16px;font-size:10px}.river-intro{padding:45px 24px 115px;grid-template-columns:1fr;gap:23px}.intro-kicker{gap:25px}.intro-kicker .eyebrow{font-size:9px}.intro-kicker img{height:50px}.intro-statement{font-size:36px}.intro-explain{padding:0;font-size:14px}.river-line{height:85px;width:150%;left:-25%}.routes{padding-block:35px 50px}.routes h2{font-size:68px}.routes .section-heading{margin-bottom:30px}.route-grid{gap:30px}.route,.route:nth-child(2){grid-template-columns:1fr}.route:nth-child(2) .route-photo{order:0}.route-photo{height:340px}.route-photo>div{left:25px;bottom:26px}.route-photo h3{font-size:66px}.route-content{padding:26px}.route-facts{padding-bottom:22px;margin-bottom:22px}.route-facts strong{font-size:26px}.route-price{margin:28px 0 20px}.route-price strong{font-size:50px}.route details{margin-top:0}.route-note{font-size:10px}.crew-story{padding:45px 0 50px}.crew-top>p:last-child{display:none}.crew-top .eyebrow{font-size:9px}.crew-story h2{font-size:90px;margin:50px 0 35px}.crew-collage{grid-template-columns:1fr 1fr;gap:18px;padding-bottom:20px}.crew-one{transform:rotate(-5deg)}.crew-two{transform:rotate(5deg) translateY(25px)}.crew-three{display:none}.crew-collage figure{padding:6px 6px 0}.crew-collage img,.crew-two img{height:215px}.crew-collage figcaption{font-size:21px;padding:10px 2px 15px}.day-strip{grid-template-columns:1fr;gap:25px;padding-top:40px}.day-strip li{padding-top:15px;display:grid;grid-template-columns:40px 1fr;column-gap:14px}.day-strip li>span{grid-row:1/3;font-size:36px}.day-strip h3{font-size:22px;margin:7px 0 10px}.day-strip p{font-size:13px;max-width:none}.quiet{height:740px;min-height:0}.quiet>img{object-position:60%}.quiet-top{top:30px;left:24px;right:24px}.quiet-top .eyebrow{font-size:9px}.quiet-top>span{display:none}.shore-words{top:22%;width:180%;left:-40%}.shore-words text{font-size:93px}.quiet-bottom{bottom:40px;left:24px;right:24px;display:block}.quiet-bottom>p{font-size:36px;margin-bottom:25px}.quiet-bottom>div p{font-size:12px}.quiet-bottom .text-link{font-size:12px}.preparation{padding-block:50px}.plan{padding-block:50px 40px}.plan h2{font-size:66px}.plan-heading{margin-bottom:30px}.journey-dock{bottom:12px;font-size:11px}.journey-dock a{padding:11px 13px}.journey-dock span{margin-left:10px}}
@media(max-width:360px){.opening-caption h1{font-size:29px}.opening-art{width:170%;left:-35%}.intro-statement{font-size:32px}.crew-story h2{font-size:78px}.crew-collage img,.crew-two img{height:175px}.plan h2{font-size:57px}}
@media(prefers-reduced-motion:reduce){.opening-art,.opening-type{transform:none!important}.boarding{height:90svh;min-height:650px}.boarding-sticky{position:relative;height:100%}.boarding-frame{clip-path:none!important}.boarding-frame>img{transform:none!important}.boarding-caption,.frame-note{opacity:1!important}.journey-dock{transition:none}}
/* Keep the second scene's lettering away from the faces. */
@media(min-width:901px){.boarding-caption{left:auto;right:6%;top:14%;bottom:auto;width:31%}.boarding-caption h2{font-size:clamp(56px,5.7vw,90px)}.boarding-overlay{inset:0;background:linear-gradient(90deg,transparent 45%,#06292299)}.route-photo{height:540px}}
.journey-dock{visibility:hidden}.journey-dock.visible{visibility:visible}.route .round-button{width:auto;height:50px;padding:0 17px;border-radius:0;font:700 12px Lato;white-space:nowrap}.route .round-button span{font-size:23px;margin-left:16px}
@media(max-width:900px){.opening-type{transform:translate(432px,50px) scale(.46)}.boarding-caption h2{font-size:46px}.boarding-caption{bottom:24px}.boarding-caption p{display:none}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.opening-type{transform:translate(432px,50px) scale(.46)!important}}
@media(max-width:900px){.shore-words{width:160%;left:-30%}}

/* Review 04.11 — horizontal endorsement and compact-screen layout. */
.brand-full{width:220px}
html{scroll-padding-bottom:100px}
.route-price strong{white-space:nowrap}
.boarding-caption,.frame-note{opacity:var(--boarding-copy,1)}
.boarding-frame{clip-path:none}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .journey-ready .boarding-frame{clip-path:inset(var(--inset-y,23%) var(--inset-x,16%) round 2px)}
 .boarding-sticky{min-height:0}
}
@media(max-width:900px){
 .brand-mobile>img{width:170px}
 .opening{min-height:560px}
}
@media(max-width:600px){
 .route-price{display:grid;grid-template-columns:1fr;gap:18px}
 .route .round-button{width:100%;display:flex;align-items:center;justify-content:space-between}
}
@media(max-width:900px) and (max-height:700px){
 .opening-caption{bottom:148px}
 .opening-caption h1{font-size:27px;max-width:15ch;margin-block:8px}
 .opening-caption>p:last-child{font-size:11px}
 .opening-caption .eyebrow{font-size:8px}
 .opening-cta{bottom:70px}
 .opening-bottom{bottom:18px}
 .opening-stage:after{inset:48% 0 0}
}
@media(min-width:901px) and (max-height:680px){
 .opening{min-height:560px}
 .opening-caption,.opening-cta{bottom:100px}
 .boarding-caption{top:10%}
 .boarding-caption h2{font-size:54px}
 .boarding-caption p{font-size:13px;margin-top:20px}
}

/* The photograph and its foreground use the same SVG viewport/crop. */
.opening-type{visibility:hidden}
.crew-ready .opening-type{visibility:visible}

/* Three independent photographic/type planes; intact-photo fallback. */
.opening-stage{position:relative;height:100%;overflow:hidden;isolation:isolate}
.opening-depth{visibility:hidden}
.depth-ready .opening-depth{visibility:visible}
.depth-ready .opening-fallback{visibility:hidden}
.opening-art{transform:scale(1.025)}
.opening-landscape{transform-box:view-box;transform-origin:800px 450px;transform:translateY(var(--landscape-y,0px)) scale(var(--landscape-scale,1.045))}
.opening-crew{transform-box:view-box;transform-origin:800px 900px;transform:translateY(var(--crew-y,0px)) scale(var(--crew-scale,1))}
.opening-type-motion{transform-box:view-box;transform-origin:800px 450px;transform:translateY(var(--depth-type-y,0px)) scale(var(--depth-type-scale,1))}
@media(min-width:901px){.opening-type{transform:none}}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .js .opening{height:calc(clamp(560px,100svh,1080px) + 52svh);min-height:0;max-height:none;overflow:visible}
 .js .opening-stage{position:sticky;top:0;height:clamp(560px,100svh,1080px)}
 .depth-ready .opening-landscape,.depth-ready .opening-type-motion,.depth-ready .opening-crew{will-change:transform}
}
@media(max-width:900px){.opening-art{transform:none}}
@media(prefers-reduced-motion:reduce){
 .opening-landscape,.opening-type-motion,.opening-crew{transform:none!important}
}

/* Whole-page UX review: stable loading, keyboard navigation and readable details. */
.prototype-note{font-size:13px;line-height:1.6;margin:0 0 20px;max-width:65ch}
.selection-status{font-size:14px;font-weight:700;margin:0 0 16px}
.selection-status:empty{display:none}
.route-note{font-size:13px;line-height:1.7}
.route-facts>span{font-size:12px}
.route-price>div>span{font-size:12px}
#summary-dialog{max-height:calc(100svh - 32px);overflow:auto}
#summary-dialog .close{width:44px;height:44px;display:grid;place-items:center;line-height:1}
@media(max-width:900px){
 .header nav{max-height:calc(100svh - 132px);overflow-y:auto;overscroll-behavior:contain}
 .prototype-note,.route-note{font-size:13px}
}

/* Keep the introductory word in normal flow, outside the expanding photograph. */
.boarding{height:auto}
.boarding-sticky{position:relative;height:auto;min-height:0;overflow:visible}
.boarding-paper{position:relative;inset:auto;padding:42px 24px 36px;gap:12px}
.boarding-word{font-size:clamp(120px,min(22vw,36svh),360px);line-height:1;margin:0}
.boarding-paper>span{position:static;font-size:12px}
.boarding-frame{position:relative;inset:auto;height:90svh;min-height:520px;max-height:1000px;overflow:hidden;clip-path:none}
@media(min-width:901px) and (prefers-reduced-motion:no-preference){
 .boarding-sticky{padding-bottom:30svh}
 .journey-ready .boarding-frame{position:sticky;top:0;clip-path:inset(0 var(--inset-x,12%) round 2px)}
}
@media(max-width:900px){
 .boarding-paper{padding:32px 18px 26px;gap:10px}
 .boarding-word{font-size:140px}
 .boarding-paper>span{font-size:11px}
 .boarding-frame{height:480px;min-height:0;margin:0 18px 28px}
}
@media(prefers-reduced-motion:reduce){
 .boarding{height:auto;min-height:0}
 .boarding-sticky{height:auto;padding-bottom:0}
 .boarding-frame{position:relative}
}

/* R1: show rafting and mandatory park admission separately. */
.route-price>div>span.park-fee{font-size:14px;font-weight:700;margin-top:8px;margin-bottom:4px;line-height:1.4}
/* Content completion: contact, booking steps, bilingual enquiry handoff. */
.header .language-switch{order:3;display:grid;place-items:center;min-width:44px;min-height:44px;margin:13px 0 0 18px;border:1px solid #f8f0d780;font-size:13px;font-weight:700;flex-shrink:0}
.header nav{margin-left:auto;gap:22px}.header .menu{order:4}
.day-note{margin-top:32px;max-width:76ch;font-size:14px;color:#f8f0d7c9}
.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding-block:65px 90px;border-top:1px solid var(--line)}
.contact-section h2{margin:18px 0 28px}.contact-section p:not(.eyebrow){font-size:16px}.contact-section .contact-note{margin-top:15px;max-width:42ch;font-size:14px}
.contact-links{align-self:center}.contact-links>a{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:90px;padding:20px 0;border-bottom:1px solid var(--line);font-weight:700;font-size:22px}.contact-links small{display:block;font-size:14px;font-weight:400;margin-top:4px;overflow-wrap:anywhere}.contact-links>a>span:last-child{font-size:28px;color:var(--orange)}.contact-links>a:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
.faq a,.booking-steps a{text-decoration:underline;text-underline-offset:3px}
.booking-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;list-style:none;padding:0;margin:0 0 38px}.booking-steps li{border-top:1px solid var(--line);padding-top:18px;display:flex;gap:16px}.booking-steps li>span{font:400 30px Verveine}.booking-steps strong{font-size:18px}.booking-steps p{font-size:14px;line-height:1.6;margin-top:6px}.inquiry-note{font-size:14px;max-width:90ch;margin:0 0 24px}
#plan-form{grid-template-columns:1.3fr 1.2fr 1fr 1fr;gap:0}
#plan-form label{min-width:0}#plan-form label:nth-child(4){border-right:0}
#plan-form .form-hint,#plan-form .inquiry-notes,#plan-form noscript{grid-column:1/-1}
#plan-form .form-hint{font-size:13px;padding:14px 18px;max-width:none}
#plan-form .inquiry-notes{border:0;border-top:1px solid var(--line);font-size:13px;padding:18px}
textarea{font:inherit;color:var(--green);background:transparent;resize:vertical;max-width:100%;border:1px solid var(--line);padding:12px;line-height:1.5;min-height:90px}
textarea:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
#plan-form .inquiry-notes textarea{width:100%;margin-top:10px;font-size:16px;font-weight:400}
#plan-form .stay-option{grid-column:1/3;border:0;margin:0;padding:18px;font-size:14px}
#plan-form .inquiry-submit{grid-column:3/5;min-height:56px;margin:10px 16px 16px;justify-content:center;gap:28px}
#plan-form noscript{padding:12px 18px;font-size:14px}
#summary-dialog{width:min(590px,calc(100% - 28px));padding-top:52px}#summary-dialog dd{overflow-wrap:anywhere;white-space:pre-wrap}
.delivery-actions{display:grid;gap:18px}.delivery-actions .button{justify-content:center;gap:24px}.delivery-actions .text-link{justify-self:center}.copy-inquiry,.edit-inquiry{background:transparent;border:1px solid var(--line);padding:12px;min-height:44px;font-size:14px}.edit-inquiry{width:100%;margin-top:16px}.copy-inquiry:hover,.edit-inquiry:hover{background:#123d3510}#copy-fallback{width:100%;font-size:14px;min-height:160px}
@media(max-width:1100px) and (min-width:901px){.header nav{gap:14px;font-size:11px}.header .brand-full{width:190px}.header .language-switch{margin-left:12px}}
@media(max-width:900px){.header .language-switch{order:0;margin:0 10px 0 auto}.header nav{margin:0}.header .menu{order:0}.contact-section{gap:40px;grid-template-columns:1fr}.contact-section h2{font-size:54px}.booking-steps{gap:20px}.booking-steps li{display:block}.booking-steps li>span{display:block;margin-bottom:6px}#plan-form{grid-template-columns:1fr 1fr}#plan-form label:nth-child(2){grid-column:1/-1;border-right:0;border-bottom:1px solid var(--line)}#plan-form label:nth-child(3){border-right:1px solid var(--line)}#plan-form .stay-option,#plan-form .inquiry-submit{grid-column:1/-1}#plan-form .inquiry-submit{margin:8px 12px 12px}.day-note{font-size:13px}}
@media(max-width:600px){.header{gap:0}.header .language-switch{min-width:36px}.header .menu{gap:10px;padding-inline:9px}.contact-section{padding-block:45px 60px}.contact-links>a{font-size:21px}.booking-steps{grid-template-columns:1fr;gap:18px}.booking-steps li{display:flex}.plan-heading{margin-bottom:35px}.inquiry-note{font-size:13px}#plan-form label{font-size:12px}#plan-form .form-hint{padding-inline:10px}#plan-form .inquiry-notes{padding:14px 10px}#plan-form .stay-option{padding:14px 10px}.delivery-actions .button{font-size:14px;padding-inline:12px;gap:12px}}
html[lang="en"] .crew-story h2{font-size:clamp(52px,10vw,160px)}
@media(max-width:600px){.opening-bottom{gap:10px;line-height:1.5}.opening-bottom>span:first-child{max-width:42%}.opening-bottom a{max-width:55%;text-align:right;align-items:center;gap:10px;line-height:1.5}.opening-bottom a span{flex-shrink:0}}
/* Continue the hero's scroll language: the river draws, the paddles make one stroke.
   Nothing loops while the reader is still; no-JS and reduced-motion stay fully visible. */
@media(prefers-reduced-motion:no-preference){
 .accents-ready .river-line path{stroke-dasharray:1000;stroke-dashoffset:var(--river-draw,0)}
 .accents-ready .intro-kicker img{transform-origin:50% 18%;transform:translateY(var(--paddle-dip,0px)) rotate(calc(25deg + var(--paddle-turn,0deg)))}
 .accents-ready .preparation .paddle{transform-origin:50% 18%;transform:translateY(var(--paddle-dip,0px)) rotate(calc(20deg + var(--paddle-turn,0deg)))}
}
@media(prefers-reduced-motion:reduce){
 .river-line path{stroke-dasharray:none;stroke-dashoffset:0}
}

/* Edge-to-edge river, with the original centered text column preserved. */
.river-intro.wrap{max-width:none;padding-inline:max(var(--pad),calc((100% - 1600px)/2 + var(--pad)))}
.river-intro .river-line{left:0;width:100%}
.river-intro .river-line path{vector-effect:non-scaling-stroke;stroke-width:3}
@media(max-width:900px){.river-intro .river-line path{stroke-width:2}}

/* The skipper section uses supplied portraits, without draft biographies. */
.skippers{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;padding-block:110px}
.skippers-copy h2{font-size:clamp(42px,4.5vw,72px);line-height:1.05;letter-spacing:-.04em;margin:28px 0}
.skippers-copy h2 em{font-family:Verveine;font-weight:400;font-style:normal;letter-spacing:0;line-height:1.2}
.skippers-copy>p:not(.eyebrow){max-width:48ch;font-size:18px;line-height:1.65}
.skippers-copy .skippers-detail{font-size:15px!important;margin-top:18px;opacity:.82}
.skippers-copy .text-link{margin-top:28px;font-size:15px}
.skippers-portraits{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}
.skippers-portraits figure{margin:0;min-width:0}
.skippers-portraits figure:nth-child(2){margin-top:48px}
.skippers-portraits img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.skippers-portraits figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:8px;flex-wrap:wrap;padding-top:12px;border-top:3px solid var(--orange)}
.skippers-portraits figcaption>span{font:400 36px Verveine;line-height:1}
.skippers-portraits small{font-size:11px;text-transform:uppercase;letter-spacing:.08em}
@media(max-width:900px){.skippers{grid-template-columns:1fr;padding-block:65px;gap:35px}.skippers-copy h2{font-size:clamp(42px,7vw,65px)}.skippers-copy>p:not(.eyebrow){max-width:62ch}.skippers-portraits{max-width:600px;width:100%;gap:18px}.skippers-portraits figure:nth-child(2){margin-top:28px}}
@media(max-width:480px){.skippers{padding-block:50px}.skippers-copy h2{font-size:42px}.skippers-copy>p:not(.eyebrow){font-size:16px}.skippers-copy .eyebrow{font-size:10px;letter-spacing:.1em}.skippers-portraits{gap:12px}.skippers-portraits figcaption>span{font-size:32px}.skippers-portraits small{font-size:9px}}

/* Approved route presentation B: 2026-11-04. */
.routes-approved .route-content{padding:32px 38px 18px;justify-content:flex-start}
.routes-approved .route-photo{height:auto;min-height:540px}
.routes-approved .route-photo>img{height:100%;position:absolute;inset:0}
.offer-total{display:flex;flex-direction:column;align-items:flex-start}
.offer-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.offer-total>strong{font:650 64px/1.05 Head;letter-spacing:-.045em;margin:9px 0}
.offer-total small{font:400 18px Lato;letter-spacing:0}
.offer-breakdown{font-size:13px;line-height:1.45}
.routes-approved .route-content .offer-character{font-size:15px;line-height:1.6;margin-top:22px;min-height:48px}
.offer-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px 16px;padding:22px 0;margin:20px 0 0;border-top:1px solid #f8f0d740;border-bottom:1px solid #f8f0d740}
.offer-facts div{min-width:0}.offer-facts dt{font-size:11px;line-height:1.4;margin-bottom:6px}.offer-facts dd{font:600 23px/1.15 Head;letter-spacing:-.025em;margin:0}
.offer-meeting{font-size:13px;margin:20px 0;line-height:1.5}.offer-meeting strong,.offer-meeting span{display:block}.offer-meeting span{font-size:11px;margin-top:3px}
.offer-choice{display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:54px;width:100%;background:var(--orange);color:var(--green);border:0;padding:14px 18px;font-size:14px;font-weight:700;text-align:left}.offer-choice span{font-size:27px;line-height:1}.offer-choice:hover{background:var(--cream)}
.routes-approved .route:nth-child(2) .offer-choice:hover{background:#fff8e3}
.routes-approved .route details{margin-top:18px}.routes-approved .route summary{font-size:12px;padding:12px 0}
.routes-approved .route:nth-child(2) .offer-facts{border-color:var(--line)}
.offer-included{display:grid;grid-template-columns:.75fr 1.25fr;gap:40px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0;margin-top:45px}
.offer-included h3{font:400 48px/1.1 Verveine;letter-spacing:0;margin-top:10px}
.offer-included ul{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px;margin:0;list-style:none;padding:0;font-size:14px;line-height:1.5}
.offer-included li{position:relative;padding-left:18px}.offer-included li:before{content:'✓';position:absolute;left:0;color:var(--green)}
.offer-notes{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:22px;font-size:12px;line-height:1.65}
@media(max-width:1100px) and (min-width:901px){.routes-approved .route-content{padding-inline:24px}.offer-facts dd{font-size:21px}}
@media(max-width:900px){.routes-approved .route-photo{height:340px;min-height:0}.routes-approved .route-content{padding:26px 26px 16px}.offer-total>strong{font-size:56px}.routes-approved .route-content .offer-character{min-height:0}.offer-included{grid-template-columns:1fr;gap:22px;padding-block:26px;margin-top:30px}.offer-included ul{grid-template-columns:1fr;gap:12px}.offer-notes{grid-template-columns:1fr;gap:14px}.offer-included h3{font-size:44px}}
@media(max-width:360px){.routes-approved .route-content{padding-inline:22px}.offer-facts dd{font-size:21px}.offer-breakdown{font-size:12px}}

/* Approved Phase B: guest voices, direct links and enquiry total. */
.guest-voices{grid-column:1/-1;width:100%;border-top:1px solid #123d3540;padding-top:30px;margin-top:14px}
.voices-grid{display:grid;grid-template-columns:1fr 1fr;gap:7%;margin-top:24px}
.voices-grid figure{margin:0}.voices-grid blockquote{font:500 25px/1.35 Head;margin:0 0 20px;max-width:35ch;letter-spacing:-.02em}
.voices-grid figcaption{font:13px/1.6 Lato,sans-serif;display:flex;flex-wrap:wrap;gap:6px 14px}.voices-grid a{border-bottom:1px solid currentColor}
.island-links{display:flex;flex-wrap:wrap;gap:10px 24px}.island-links .text-link{font-size:14px;margin-top:18px}
#plan-form .crew-total{grid-column:1/-1;border-top:1px solid var(--line);padding:20px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}
.crew-total>div>span{display:block;font-size:14px;font-weight:700}.crew-total small{display:block;font-size:12px;margin-top:7px}.crew-total>strong{font:600 36px/1 Head}.crew-total>strong>span{font-size:18px}#plan-form .crew-total p{width:100%;flex:0 0 100%;font-size:12px;opacity:.8}
.group-entrance{border-top:1px solid #123d3555;margin-top:30px;padding-top:23px;font-size:14px;line-height:1.6}.group-entrance a{font-weight:700;border-bottom:1px solid;display:inline-block;margin-left:8px}
.summary-total{border-top:1px solid var(--line);margin-top:20px;padding-top:5px}.summary-total dd{display:flex;justify-content:space-between;align-items:baseline;gap:16px;flex-wrap:wrap}.summary-total strong{font:600 32px Head}
@media(max-width:700px){.voices-grid{grid-template-columns:1fr;gap:28px}.guest-voices{margin-top:0;padding-top:25px}.voices-grid blockquote{font-size:23px}.voices-grid figure+figure{border-top:1px solid #123d3525;padding-top:24px}.island-links{display:block}.island-links .text-link{display:flex;width:max-content;max-width:100%;font-size:14px}.group-entrance a{display:block;margin:8px 0 0;width:fit-content}.crew-total>strong{font-size:30px}#plan-form .crew-total{padding:18px 10px}.crew-total small{max-width:24ch}}

/* Compact guest review: actions stay visible while optional details scroll. */
#summary-dialog{padding:34px 28px 0;max-height:calc(100svh - 24px);overflow:hidden;width:min(520px,calc(100% - 24px))}
#summary-dialog[open]{display:flex;flex-direction:column}
#summary-dialog>.eyebrow{margin:0 32px 0 0;font-size:10px}
#summary-dialog h2{font-size:36px;margin:10px 0 12px}
.summary-scroll{overflow:auto;min-height:0;overscroll-behavior:contain}
#summary-data{display:grid;grid-template-columns:1fr 1.75fr;gap:10px 12px;margin:0}
#summary-data>dt{margin:2px 0;font-size:10px}
#summary-data>dd{margin:0;font-size:14px;text-align:right}
#summary-data .summary-total{grid-column:1/-1;margin:2px 0 0;padding:10px 0 0}
#summary-data .summary-total dt{margin:0;font-size:10px}
#summary-data .summary-total dd{font-size:13px;margin:4px 0 0}
#summary-data .summary-total strong{font-size:30px}
#summary-dialog #summary-scope{font-size:12px;line-height:1.5;margin:10px 0}
#summary-extras{border-top:1px solid var(--line);padding:6px 0}
#summary-extras[hidden]{display:none}
#summary-extras summary{font-size:12px;min-height:38px;font-weight:700}
#summary-extra-data{margin:0 0 12px}
#summary-extra-data dd{font-size:13px;font-weight:400}
.summary-footer{flex-shrink:0;background:var(--cream);padding:0 0 18px}
#summary-dialog #delivery-note{font-size:12px;line-height:1.5;margin:10px 0 12px}
.delivery-actions{grid-template-columns:1fr 1fr;gap:6px 12px;align-items:center}
.delivery-actions .button{grid-column:1/-1;min-height:48px;padding:14px 12px}
.delivery-actions .text-link{font-size:12px;min-height:44px;display:flex;align-items:center}
.delivery-actions .copy-inquiry{font-size:12px;padding:8px;min-height:44px;background:transparent;border:0;text-decoration:underline}
#summary-dialog .edit-inquiry{margin:4px 0 0;padding:8px;min-height:36px;font-size:12px}
#summary-dialog #copy-status{font-size:12px;margin:8px 0}
#summary-dialog #copy-status:empty{display:none}
#summary-dialog #copy-fallback{max-height:65px}
.form-privacy{grid-column:1/-1;margin:0;font-size:12px}
.form-privacy a{text-underline-offset:4px}
@media(max-width:600px){#summary-dialog{padding:30px 20px 0}#summary-dialog h2{font-size:32px}.summary-footer{padding-bottom:14px}}

#summary-dialog .edit-inquiry{min-height:44px}
@media(max-height:480px){#summary-dialog[open]{display:block;overflow:auto}.summary-scroll{overflow:visible}}

/* Secondary route detail links keep the direct enquiry action unchanged. */
.route-content>.route-detail-link{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-size:12px;font-weight:700;min-height:44px}
.route-detail-link:hover{text-decoration:underline;text-underline-offset:4px}

.offer-facts dd small{display:block;font:400 12px/1.4 sans-serif;letter-spacing:0;margin-top:4px}

.offer-combined{font-size:12px;line-height:1.5;margin-top:7px}

/* Homepage copy and clear navigation hierarchy. */
.header{background:var(--green)}
.opening-art{top:125px;height:calc(100% - 125px)}
.opening-caption h1{max-width:24ch;font-size:clamp(32px,4.6vw,70px)}
.boarding-word{font-size:clamp(64px,12vw,190px)}
.boarding-paper>span{font:400 clamp(36px,6vw,84px)/1.1 Verveine}
.intro-explain h3{font:650 24px/1.2 Head;margin:0 0 16px}
.crew-three img{height:auto;aspect-ratio:3/2;object-fit:contain}
.guest-voices>.eyebrow{max-width:60ch;line-height:1.6}
@media(max-width:900px){.opening-art{top:115px;height:calc(85% - 80px)}.boarding-word{font-size:clamp(60px,14vw,110px)}.boarding-paper>span{font-size:clamp(34px,8vw,58px)}.opening-caption h1{font-size:32px;max-width:22ch}.crew-three{display:block;grid-column:1/-1;max-width:420px;margin:25px auto 0;transform:rotate(-3deg)}.crew-three img{height:auto}.intro-statement span{display:inline-block}}

/* Copy refinement: keep both full phrases legible above the collage. */
.crew-story h2{font-size:clamp(48px,8vw,120px);line-height:1;margin-bottom:35px}.crew-story h2 em{font-size:1.15em;line-height:1}
@media(max-width:600px){.crew-story h2,html[lang="en"] .crew-story h2{font-size:clamp(38px,10vw,60px);margin-block:35px}}
/* Shared navigation; the homepage photo continues behind the menu. */
.header{background:linear-gradient(180deg,rgba(4,30,25,.88),rgba(4,30,25,.48) 65%,transparent);padding-bottom:32px}
.opening-art{top:0;height:100%}
.opening-caption h1{max-width:none;font-size:clamp(32px,4.2vw,64px);line-height:1.08}
.opening-caption h1>span{display:block}
@media(min-width:901px){.opening-type{transform:translateY(15px)}}
.header.site-subpage-header{position:relative;inset:auto;background:var(--green);align-items:center;padding-bottom:26px;width:100%;max-width:none}
.header nav a[aria-current="page"]{text-decoration:underline;text-decoration-color:var(--orange);text-underline-offset:12px;text-decoration-thickness:3px}
@media(max-width:900px){
 .opening-art{top:0;height:85%}
 .opening-type{transform:translate(432px,50px) scale(.46)}
 .opening-caption h1{font-size:clamp(24px,4.5vw,36px);max-width:none}
 .header.site-subpage-header{padding:18px 24px;align-items:center}
 .header.site-subpage-header nav{top:100%;z-index:20}
}
@media(prefers-reduced-motion:reduce) and (min-width:901px){.opening-type{transform:translateY(15px)!important}}
@media(prefers-reduced-motion:reduce) and (max-width:900px){.opening-type{transform:translate(432px,50px) scale(.46)!important}}

/* Secondary pages keep their neighbouring destinations within reach. */
.page-context-nav{display:flex;align-items:center;gap:32px;padding:12px var(--pad);border-bottom:1px solid var(--line);font-size:14px;font-weight:700;background:var(--cream);color:var(--green)}
.page-context-nav a{display:inline-flex;align-items:center;min-height:44px;white-space:nowrap}
.page-context-nav a:hover,.page-context-nav a[aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:2px}
.page-context-nav a[aria-current]{text-decoration-color:var(--orange)}
@media(max-width:600px){.page-context-nav{display:grid;grid-template-columns:1fr 1fr;gap:0 20px;padding:10px 24px;font-size:14px}}

/* Keep the paddlers in view within the portrait collage frame. */
.crew-two img{object-position:30% center}
/* Keep the host welcoming guests visible in the narrow mobile frame. */
@media(max-width:600px){.crew-one img{object-position:left center}}

/* Five languages share one compact, native keyboard-accessible disclosure. */
.header .language-options{position:relative;order:3;flex:none;margin:13px 0 0 18px;border-top:0;font-size:13px;font-weight:700}
.header .language-options summary{display:flex;align-items:center;justify-content:center;gap:9px;min-width:62px;min-height:44px;padding:8px 12px;border:1px solid #f8f0d780;cursor:pointer;list-style:none}
.header .language-options summary::-webkit-details-marker{display:none}
.header .language-list{position:absolute;right:0;top:calc(100% + 8px);min-width:156px;padding:6px;background:var(--cream);color:var(--green);box-shadow:0 8px 24px #06292230;border:1px solid var(--line)}
.header .language-list .language-switch{display:flex;justify-content:flex-start;min-height:44px;margin:0;border:0;padding:8px 12px}
.header .language-list .language-switch:hover,.header .language-list .language-switch[aria-current=page]{background:#123d3510;text-decoration:underline;text-underline-offset:4px}
@media(max-width:900px){.header .language-options{order:0;margin:0 10px 0 auto}.header .language-options summary{min-width:52px;padding-inline:8px}}

/* Desktop header controls share one visual baseline and control height. */
@media(min-width:901px){
 .header nav{padding-top:15px}
 .header nav .nav-cta,.header .language-options summary{height:44px;min-height:44px;box-sizing:border-box}
 .header nav .nav-cta{display:flex;align-items:center}
 .header .language-options{margin-top:15px}
}
@media(max-width:600px){html[lang=de] .routes .section-heading h2 em{font-size:clamp(48px,16vw,76px)}}

/* Small text on orange needs more contrast than the large display headings. */
.boarding-paper,.plan,.offer-choice,.opening-cta,.round-button{color:#092f28}

/* Keep the full mobile logo separate from the language and menu controls. */
@media(max-width:600px){
 .header{column-gap:8px}
 .header .brand{min-width:0}
 .header .language-options{height:44px;margin-left:auto;margin-right:0}
 .header .language-options summary,.header .menu{height:44px;min-height:44px}
 .header .language-options summary{min-width:52px}
 .header .menu{flex-shrink:0}
}
