/* Illustrated field-journal layer. Product content remains unchanged. */
:root{--paper:#f8f3e8;--line:#ded7c5;--orange:#ffb25c}
.hero{isolation:isolate;background:#172b23}
.hero-visual{z-index:1;background:none}
.hero-copy{z-index:2}
.hero-landscape{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;object-position:center top;pointer-events:none}
.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(13,35,26,.54) 0%,rgba(16,39,29,.43) 33%,rgba(18,38,27,.17) 57%,rgba(21,37,25,.04) 100%);pointer-events:none}
.adventure-art{pointer-events:none;object-fit:contain;filter:drop-shadow(0 12px 9px #20302314)}
.bike-art{position:absolute;width:295px;height:255px;top:35px;right:6vw;z-index:0;transform:rotate(-4deg)}
.compass-art{position:absolute;width:305px;height:280px;top:65px;right:6vw;z-index:0;transform:rotate(5deg)}
.trip .section-heading,.full-story .section-heading{max-width:calc(100% - 340px)}
.access.has-map{background-image:linear-gradient(#f4ecdbe8,#f4ecdbea),url('assets/island-map.png');background-size:cover;background-position:center 55%}
.hero-phone{width:274px;transform:rotate(6deg);transition:transform .6s ease;will-change:auto}
.hero-phone:hover{transform:translateY(-7px) rotate(3deg)}
.hero .lead{color:#e0e4d7;text-shadow:0 1px 16px #102319}
.hero-notes{color:#dae0cf}
.hero .eyebrow{color:#e3e7d8}
.visual-caption,.vertical-note{color:#f7ead0;text-shadow:0 1px 10px #152c24}
.trip,.full-story,.access{position:relative;isolation:isolate}
.trip .section-heading,.full-story .section-heading{position:relative;z-index:1}
.steps article{transition:transform .3s ease}
.steps article:hover{transform:translateY(-5px)}
.steps{position:relative;z-index:1}
.step-number{color:#9b6735}
.screen-section{background:#e6e9dc}
.screen-preview{background:#d4ddc6}
.map-label{background:#fff0cc;box-shadow:0 9px 30px #0004;border:1px solid #ffffff50}
.versions{background:#f0ecdf}
.version-card{background:#f8f5e9;border-color:#d8d4c0}
.version-card.full{background:#1b3026;border-color:#1b3026}
.access{background:#dedec5}
.intro-strip.has-scout{display:grid;grid-template-columns:1fr 180px;column-gap:32px;row-gap:8px;padding-top:15px;padding-bottom:15px;min-height:177px}
.intro-strip.has-scout>p{align-self:end}
.intro-strip.has-scout>span{align-self:start}
.scout-art{grid-column:2;grid-row:1/3;width:180px;height:145px;object-fit:contain;align-self:center;filter:drop-shadow(0 8px 8px #20302313)}
.navigator-art{display:block;width:300px;height:250px;object-fit:contain;margin:28px auto 0 0;filter:drop-shadow(0 8px 9px #20302314)}
.faq .section-heading>p:not(.eyebrow){margin-top:22px;color:var(--muted);font-size:17px}
.access.has-parents{display:grid;grid-template-columns:1fr 1.06fr;gap:45px;text-align:left;align-items:center;padding-top:65px;padding-bottom:65px}
.parents-art{display:block;width:100%;max-height:370px;object-fit:contain;filter:drop-shadow(0 12px 10px #20302318)}
.access-copy{position:relative;z-index:1}
.access .access-copy .eyebrow{justify-content:flex-start}
.access-copy>p:not(.eyebrow){margin:24px 0 28px;max-width:480px;font-size:18px;color:#52614b}
.access-copy .access-note{text-align:left}
.is-reveal-pending{opacity:0;transform:translateY(20px)}
.is-revealed{opacity:1;transform:translateY(0);transition:opacity .65s ease,transform .65s ease}
.hero-copy h1{animation:title-arrival .85s both}
.hero-copy .lead{animation:title-arrival .95s .08s both}
@keyframes title-arrival{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.hero-phone{width:244px}.bike-art{width:230px;height:200px;top:80px;right:3vw}.compass-art{width:245px;height:225px;top:100px;right:3vw}.trip .section-heading,.full-story .section-heading{max-width:calc(100% - 230px)}}
@media(max-width:700px){.hero-phone{width:238px}.hero .lead{color:#e4e6db}.hero .eyebrow{font-size:11px}.hero-notes{color:#e2e5d6}.hero-landscape{object-position:60% center}.hero:after{background:linear-gradient(180deg,rgba(13,35,26,.92) 0%,rgba(16,39,29,.89) 33%,rgba(18,38,27,.45) 65%,rgba(21,37,25,.08) 100%)}.trip .section-heading,.full-story .section-heading{max-width:100%}.bike-art,.compass-art{position:relative;display:block;top:auto;right:auto;margin:10px 0 0 auto;width:210px;height:180px}.compass-art{width:205px;height:195px}.steps{margin-top:10px}.full-features{margin-top:15px}.hero .map-label{bottom:34px}.access.has-map{background-position:70% center}}
@media(prefers-reduced-motion:reduce){.is-reveal-pending,.is-revealed{opacity:1;transform:none;transition:none}.hero-phone:hover,.steps article:hover{transform:none}.hero-copy h1,.hero-copy .lead{animation:none}}
@media(max-width:1050px){.navigator-art{width:250px;height:220px}.access.has-parents{gap:20px;padding-left:35px;padding-right:35px}.access-copy h2{font-size:42px}}
@media(max-width:700px){.intro-strip.has-scout{grid-template-columns:1fr 112px;column-gap:10px;row-gap:10px;padding:20px 24px}.intro-strip.has-scout>p{font-size:15px;line-height:1.65;align-self:center}.intro-strip.has-scout>span{grid-column:1/3;font-size:10px}.scout-art{grid-column:2;grid-row:1;width:112px;height:130px}.navigator-art{width:225px;height:185px;margin:20px auto 0}.access.has-parents{grid-template-columns:1fr;gap:18px;padding:30px 25px 45px;text-align:center}.parents-art{max-height:250px;max-width:360px;margin:auto}.access-copy h2{font-size:37px}.access .access-copy .eyebrow{justify-content:center}.access-copy>p:not(.eyebrow){font-size:16px;margin:22px auto 27px}.access-copy .access-note{text-align:center}}