.editorial-hero{position:relative;min-height:calc(310px + 100vw / 3);overflow:hidden;isolation:isolate}.hero-copy{padding:47px 6vw 0;position:relative;z-index:2;pointer-events:none;max-width:950px}.hero-copy a{pointer-events:auto}.editorial-hero h1{font-family:'Libre Baskerville',Georgia,serif;font-weight:400;font-size:clamp(40px,5.7vw,78px);line-height:1.03;letter-spacing:-.035em;margin-top:20px;white-space:pre-line;overflow-wrap:break-word}.description{font-size:14px;max-width:370px;color:#3d5571;line-height:1.8;margin-top:20px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:25px;row-gap:15px;margin-top:23px}.quiet-link{font-size:12px}.stage{position:relative;overflow:hidden;isolation:isolate;--canvas-min:760px}.hero-stage{position:absolute;bottom:0;left:0;right:0;height:max(calc(100vw / 3),253.333px);z-index:0}.scene{position:absolute;inset:0;opacity:0;transition:opacity 1600ms ease;pointer-events:none;overflow:hidden}.scene.active{opacity:1;z-index:1}.scene-canvas{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:100%;min-width:var(--canvas-min);aspect-ratio:3/1}.scene-art{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;mix-blend-mode:multiply}.hero-stage:after{content:'';position:absolute;inset:0 0 auto;height:26%;z-index:3;pointer-events:none;background:linear-gradient(var(--paper),#f5f1e700)}.vessel{position:absolute;left:var(--start,8%);top:var(--level,86%);width:var(--boat,7%);animation:sail var(--duration,42s) linear infinite;animation-delay:var(--delay,-9s);will-change:transform;z-index:2}.scene:not(.active) .vessel,.scene:not(.active) .craft{animation-play-state:paused}.craft{position:relative;animation:bob 3.8s ease-in-out infinite}.boat-art{width:100%;height:auto;position:relative;z-index:2;display:block}.boat-reflection{width:100%;height:auto;position:absolute;left:0;top:88%;transform:scaleY(-.2);transform-origin:center top;opacity:.12;filter:blur(.4px);z-index:0}.wake{position:absolute;left:-62%;bottom:12%;width:85%;height:18%;border-top:1px solid #f5f1e7ab;border-bottom:1px solid #294f8930;transform:skewX(-30deg);border-radius:50%;z-index:1}.scene[data-key=fjord] .boat-reflection{display:none}.scene[data-key=fjord] .wake{bottom:23%;transform:rotate(-6deg)}
@keyframes sail{0%{transform:translate(0,0);opacity:0}5%{opacity:1}94%{opacity:1}100%{transform:translate(var(--travel,900%),var(--rise,0));opacity:0}}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-.3deg)}50%{transform:translateY(.8px) rotate(.3deg)}}
html.motion-paused .vessel,html.motion-paused .craft,html.page-hidden .vessel,html.page-hidden .craft{animation-play-state:paused!important}
.scene-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 6vw;border-block:1px solid var(--line);background:#f3efe5}.scene-picker{display:flex;gap:20px;flex-wrap:wrap}.scene-button{border:0;background:none;padding:7px 0;font-size:12px;white-space:nowrap;border-bottom:1px solid transparent}.scene-button span{font-size:9px;margin-right:7px;color:#6b7f94}.scene-button.active{border-bottom-color:var(--blue);color:var(--blue)}.playback{display:flex;align-items:center;gap:18px;font-size:10px}.playback label{display:flex;gap:7px;align-items:center;white-space:nowrap}.playback input{accent-color:var(--blue);width:14px;height:14px}.playback button{border:1px solid #294f8933;background:none;padding:8px 11px;border-radius:2px;font-size:10px;white-space:nowrap}.art-footer{position:relative;isolation:isolate;min-height:calc(220px + 100vw / 3);overflow:hidden}.footer-top{position:relative;z-index:3;display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:45px;padding:45px 6vw 0}.footer-brand img{height:33px;width:auto}.footer-brand p{font-family:'Libre Baskerville',Georgia,serif;font-size:33px;line-height:1.12;letter-spacing:-.025em;margin-top:20px;white-space:pre-line;max-width:300px}.footer-top h3{font-size:10px;letter-spacing:.12em;font-weight:400;text-transform:uppercase;margin-bottom:16px}.footer-top a{display:block;font-size:12px;text-decoration:none;margin-bottom:10px}.footer-top a:hover{text-decoration:underline}.footer-stage{position:absolute;bottom:0;left:0;right:0;height:max(calc(100vw / 3),253.333px);z-index:0}.footer-stage:after{content:'';position:absolute;inset:0 0 auto;height:20%;z-index:3;background:linear-gradient(var(--paper),#f5f1e700);pointer-events:none}.footer-bottom{position:absolute;z-index:4;bottom:16px;left:6vw;right:6vw;display:flex;justify-content:space-between;gap:20px;font-size:10px}.footer-bottom span{background:#f5f1e7df;padding:4px 7px}
:root{--paper:#f5f1e7;--blue:#294f89;--line:#172e532b;--muted:#52627a}body{background:var(--paper)}.editorial-hero .eyebrow{font-family:'Noto Sans',Arial,sans-serif;font-size:11px;letter-spacing:.15em}.action{display:inline-flex;align-items:center;gap:24px;padding:13px 20px;background:var(--blue);color:white;border-radius:4px;font-size:13px;text-decoration:none}.quiet-link{font-size:13px;text-decoration:underline}.scene-controls button{cursor:pointer;color:var(--ink)}.scene-controls input:focus-visible{outline:3px solid var(--blue);outline-offset:3px}.scene-controls [disabled]{cursor:default}.hero-copy .description{max-width:420px;font-size:16px}.scene-button,.playback label,.playback button{min-height:44px}.scene-controls{position:relative;z-index:3}.scene-controls .playback{font-size:12px}.scene-button{font-size:12px}.playback button{font-size:12px}.art-footer h3{font-family:'Noto Sans',Arial,sans-serif}.hero-copy h1{max-width:900px}.stage img{max-width:none}.scene-art{max-width:none}.hero-copy{padding-bottom:30px}
@media(max-width:1050px){.scene-controls{align-items:flex-start;flex-direction:column;gap:8px}.playback{flex-wrap:wrap}.editorial-hero{min-height:calc(370px + 100vw / 3)}}
@media(max-width:650px){.editorial-hero{min-height:700px}.hero-copy{padding:36px 6vw 0}.editorial-hero h1{font-size:clamp(36px,9.4vw,52px);line-height:1.14}.hero-copy .description{font-size:14px}.hero-actions{gap:18px}.hero-stage{height:253.333px}.scene-controls{padding:12px 5vw}.scene-picker{gap:12px;justify-content:space-between;width:100%}.scene-button{font-size:10px}.scene-button span{margin-right:4px}.playback{gap:10px;font-size:11px!important}.playback button{font-size:11px}.art-footer{min-height:660px}.footer-top{grid-template-columns:1fr 1fr;gap:24px;padding:36px 6vw 0}.footer-brand{grid-column:1/-1}.footer-brand p{font-size:26px}.footer-bottom{font-size:9px;gap:8px}.footer-brand img{height:28px}.vessel{left:33%;animation-name:sail-mobile}.scene[data-key=fjord] .vessel{left:56%;top:70%;animation-name:sail-aerial-mobile}}
@keyframes sail-mobile{0%{transform:translateX(0);opacity:0}5%,94%{opacity:1}100%{transform:translateX(400%);opacity:0}}
@keyframes sail-aerial-mobile{0%{transform:translate(0,0);opacity:0}5%,94%{opacity:1}100%{transform:translate(200%,-40%);opacity:0}}
@media(prefers-reduced-motion:reduce){.scene{transition:none}.vessel,.craft{animation:none!important}.vessel{opacity:1;transform:translate(100%,0)}}