.signature-scroll{height:180svh;background:#e8e9df}.signature-scroll-stage{position:sticky;top:100px;min-height:calc(100svh - 100px);display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:7%;padding:45px 6%;overflow:clip}.signature-scroll-image{position:relative;height:560px;border-radius:2px 60px 2px 2px;overflow:clip}.signature-scroll-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .7s,transform .8s}.signature-scroll-image img:last-child{opacity:0;object-position:center}.signature-scroll[data-craft-stage="1"] img:first-child,.signature-scroll[data-craft-stage="2"] img:first-child{opacity:0}.signature-scroll[data-craft-stage="1"] img:last-child,.signature-scroll[data-craft-stage="2"] img:last-child{opacity:1}.signature-scroll[data-craft-stage="2"] img:last-child{transform:scale(1.7);transform-origin:60% 75%}.signature-scroll-copy h2{font-size:clamp(40px,4.5vw,64px);line-height:1.1;font-family:Georgia,serif;font-weight:400}.signature-scroll-copy>p{line-height:1.8}.signature-scroll-copy small{display:block;font-size:10px;margin-top:24px}.signature-scroll-controls{display:flex;flex-wrap:wrap;gap:8px;margin:30px 0}.signature-scroll-controls button{border:1px solid #aebbb1;background:transparent;padding:11px 13px;cursor:pointer;color:#203e46;font-size:12px}.signature-scroll-controls button[aria-pressed=true]{background:#203e46;color:#fff}.craft-study h1{font-family:Georgia,serif;font-size:clamp(48px,6vw,78px);font-weight:400}.craft-study>p{max-width:750px;font-size:19px;line-height:1.8}.craft-study figure{margin:40px 0}.craft-study figure img{width:100%;max-height:680px;object-fit:cover;border-radius:2px 55px 2px 2px}.craft-study figcaption{font-size:11px;margin-top:14px;color:#64767a}.craft-study-points{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:40px 0}.craft-study-points summary{display:flex;align-items:center;gap:18px;font-family:Georgia;font-size:25px;cursor:pointer}.craft-study-points details{border-bottom:1px solid #aabcb0;padding-bottom:20px}.craft-study-points p{line-height:1.8;font-size:16px}.region-bearing{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;padding:55px 6%;align-items:center;background:#203e46;color:#f6f0e4}.region-bearing svg{width:100%;color:#d5c39c}.region-bearing h2{font-family:Georgia;font-weight:400;color:inherit;font-size:45px;line-height:1.1;margin:14px 0}.region-bearing p{color:inherit}.region-bearing small{font-size:11px;color:#c4d2cd}.captain-route-note{background:#e5ebe1;padding:25px;margin-bottom:25px;border-left:3px solid #b29863}.captain-route-note h3{font:28px Georgia;margin:10px 0}.captain-route-note p{font-size:14px;line-height:1.8;margin:0}.menu-hover-preview{display:none;pointer-events:none}.menu-outdoor{display:none!important}
@media(min-width:901px){.menu-hover-preview.preview-visible{display:block;position:absolute;top:100%;right:6%;width:320px;height:210px;box-shadow:0 18px 45px #0b283647;border-radius:2px 35px 2px 2px;overflow:clip;background:#203e46}.menu-hover-preview img{width:100%;height:100%;object-fit:cover}.menu-hover-preview span{position:absolute;left:0;bottom:0;width:100%;padding:30px 20px 16px;color:#fff;background:linear-gradient(transparent,#092937c9);font:23px Georgia}}
@media(max-width:900px){header #navigation.open>.menu-outdoor{display:flex!important}.signature-scroll-stage{top:90px;min-height:calc(100svh - 90px);grid-template-columns:1fr;padding:25px 6%;gap:20px}.signature-scroll-image{height:38svh;min-height:230px}.signature-scroll-copy h2{font-size:38px;margin:12px 0}.signature-scroll-copy>p{font-size:14px;margin:12px 0}.signature-scroll-controls{margin:18px 0}.signature-scroll-copy small{margin-top:16px}.craft-study-points{grid-template-columns:1fr}.region-bearing{grid-template-columns:1fr;gap:20px}.region-bearing svg{max-width:350px;max-height:130px}.signature-scroll{height:170svh}}
@media(max-height:730px) and (min-width:901px){.signature-scroll-image{height:420px}.signature-scroll-stage{padding-top:25px;padding-bottom:25px}}
@media(max-width:520px){.signature-scroll-copy h2{font-size:32px}.signature-scroll-controls button{font-size:10px;padding:9px}.signature-scroll-stage{gap:10px}.signature-scroll-copy small{font-size:9px}}
@media(prefers-reduced-motion:reduce){.signature-scroll{height:auto}.signature-scroll-stage{position:relative;top:auto}.signature-scroll-image img{transition:none!important}.signature-scroll-copy h2{font-size:40px}}