/* Twelve-second editorial story. Static framed artwork is the no-JS fallback. */
.hero.hero-story{background:#15374a;color:#eee5d3;grid-template-columns:.85fr 1.15fr;gap:6%;padding:58px 5.5% 54px 7.5%;min-height:740px;overflow:hidden}
.hero-story h1{font-size:clamp(64px,6.7vw,104px);max-width:570px;letter-spacing:-.035em;line-height:1.02;margin:28px 0}.hero-story h1 span{display:block}
.hero-story .hero-description{max-width:350px;font-size:18px;line-height:1.7;color:#dedacb;opacity:1}
.hero-story .eyebrow{font-size:10px;letter-spacing:.19em;color:#c9c8b8}
.hero-story .hero-footnote{font-size:11px;letter-spacing:.055em;margin-top:24px;color:#c3c7be}
.hero-story .button{margin-top:34px;min-width:210px}
.hero-story-visual{min-width:0;width:100%;max-width:710px;justify-self:end}
.hero-stage{position:relative;aspect-ratio:1/1.04;overflow:hidden;background:#9b7c55;isolation:isolate}
.hero-desk{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% center;max-width:none;filter:saturate(.7) brightness(.9)}
.hero-stage:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 80px #36241724;pointer-events:none;z-index:5}
.hero-light{position:absolute;inset:0;background:linear-gradient(120deg,#fff4d21c,transparent 45%,#23170c20);pointer-events:none;z-index:4}
.hero-paper-under{position:absolute;left:25%;top:15%;width:51%;height:69%;background:#e9e0ca;transform:rotate(-9deg);box-shadow:1px 4px 9px #21180730;opacity:0}
.hero-print{position:absolute;left:50%;top:48%;width:64%;padding:2.2%;background:linear-gradient(125deg,#75513c,#3c271c 27%,#674631 52%,#3a251b 76%,#825c40);box-shadow:2px 3px 0 #2e1e16,9px 18px 30px #25160766;transform:translate(-50%,-50%) rotate(-3deg);border:1px solid #35241c;will-change:transform}
.hero-mat{background:#f9f7ef;padding:9%;box-shadow:inset 0 0 4px #0007}
.hero-art-window{position:relative;aspect-ratio:3/4;background:#17374b;box-shadow:0 0 0 1px #b4ab99,inset 0 0 5px #0004;overflow:hidden}
.hero-map{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.hero-map-pine{opacity:1}
.hero-drawing{position:absolute;inset:0;background:#efe7d6;opacity:0}
.hero-drawing svg{display:block;width:100%;height:100%;color:#305065}
.hero-draw-line{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.hero-scene-note{position:absolute;bottom:5.2%;left:6%;right:6%;height:12px;text-align:center;font-size:8px;letter-spacing:.2em;color:#fdf5df;text-shadow:0 1px 5px #241a10}
.hero-scene-note span{position:absolute;inset:0;opacity:0}.hero-scene-note .hero-note-framed{opacity:1}
.hero-story-controls{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:22px}
.hero-chapters{display:flex;gap:24px;min-width:0}
.hero-chapters button{font-size:11px;color:#b8c1be;background:none;border:0;padding:8px 0;text-align:left;white-space:nowrap}
.hero-chapters button span{font-size:8px;display:block;letter-spacing:.14em;color:#97a8a9;margin-bottom:2px}
.hero-chapters button[aria-pressed="true"]{color:#fff3d8}
.hero-chapters button[aria-pressed="true"] span{color:#e6d7bb}
.hero-motion-control{display:grid;place-items:center;flex:0 0 40px;height:40px;border:1px solid #b6c1b944;border-radius:50%;background:none;color:#eee5d3;font-size:12px}
.hero-motion-control:hover{border-color:#eee5d3}
.hero-story-progress{height:1px;margin-top:11px;background:#ced4c128;overflow:hidden}
.hero-story-progress span{display:block;height:100%;width:100%;background:#d7c398;transform:scaleX(var(--hero-progress,1));transform-origin:left}
.hero-story.is-animated .hero-print{animation:hero-print-story 12s linear infinite}
.hero-story.is-animated .hero-mat{animation:hero-mat-story 12s linear infinite}
.hero-story.is-animated .hero-paper-under{animation:hero-paper-story 12s linear infinite}
.hero-story.is-animated .hero-drawing{animation:hero-drawing-story 12s linear infinite}
.hero-story.is-animated .hero-map-cypress{animation:hero-cypress-story 12s linear infinite}
.hero-story.is-animated .hero-map-andrews{animation:hero-andrews-story 12s linear infinite}
.hero-story.is-animated .hero-draw-line{stroke-dasharray:1;animation:hero-line-story 12s linear infinite}
.hero-story.is-animated .hero-note-drawing{animation:hero-label-drawing 12s linear infinite}
.hero-story.is-animated .hero-note-collection{animation:hero-label-collection 12s linear infinite}
.hero-story.is-animated .hero-note-framed{animation:hero-label-framed 12s linear infinite}
@keyframes hero-print-story{0%,23%{transform:translate(-50%,-50%) rotate(4deg) scale(1.02);padding:0;border-color:transparent;background-color:transparent;box-shadow:4px 8px 15px #25160740}32%,63%{transform:translate(-50%,-50%) rotate(-3deg) scale(1.00);padding:0;border-color:transparent;background-color:transparent;box-shadow:4px 8px 15px #25160740}77%,94%{transform:translate(-50%,-50%) rotate(-3deg) scale(1);padding:2.2%;border-color:#35241c;box-shadow:2px 3px 0 #2e1e16,9px 18px 30px #25160766}100%{transform:translate(-50%,-50%) rotate(4deg) scale(1.02);padding:0;border-color:transparent;background-color:transparent;box-shadow:4px 8px 15px #25160740}}
@keyframes hero-mat-story{0%,63%,100%{padding:0}77%,94%{padding:9%}}
@keyframes hero-paper-story{0%,60%,100%{opacity:.85}74%,94%{opacity:0}}
@keyframes hero-drawing-story{0%,24%,100%{opacity:1}32%,94%{opacity:0}}
@keyframes hero-cypress-story{0%,37%,56%,100%{opacity:0}42%,51%{opacity:1}}
@keyframes hero-andrews-story{0%,51%,72%,100%{opacity:0}56%,65%{opacity:1}}
@keyframes hero-line-story{0%{stroke-dashoffset:1;opacity:.1}23%,94%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:1;opacity:.1}}
@keyframes hero-label-drawing{0%,24%,100%{opacity:1}30%,94%{opacity:0}}
@keyframes hero-label-collection{0%,27%,69%,100%{opacity:0}33%,63%{opacity:1}}
@keyframes hero-label-framed{0%,65%,100%{opacity:0}73%,94%{opacity:1}}
@media(min-width:1600px){.hero.hero-story{padding-left:max(7.5%,calc((100vw - 1450px)/2));padding-right:max(5.5%,calc((100vw - 1450px)/2))}}
@media(max-width:1100px){.hero.hero-story{padding:48px 5%;gap:5%;min-height:620px}.hero-story h1{font-size:clamp(62px,7.3vw,83px)}.hero-story .hero-description{font-size:16px}.hero-chapters{gap:17px}.hero-chapters button{font-size:10px}.hero-story .eyebrow{font-size:9px}}
@media(max-width:700px){.hero.hero-story{grid-template-columns:1fr;padding:40px 6% 30px;gap:34px}.hero-story h1{font-size:clamp(59px,12.8vw,84px);max-width:470px;margin:22px 0}.hero-story .hero-description{max-width:320px;font-size:16px}.hero-story .button{margin-top:25px}.hero-story .hero-footnote{margin-top:18px}.hero-story-visual{max-width:540px;justify-self:center}.hero-stage{aspect-ratio:1/1}.hero-chapters{gap:24px}.hero-chapters button{font-size:11px}.hero-story-controls{margin-top:14px}.hero-scene-note{font-size:7px}}
@media(prefers-reduced-motion:reduce){.hero-story.is-animated *{animation:none!important;transition:none!important}.hero-story-progress{display:none}}