/* Three quiet chapters: object, thought, finished work. */
.hero{height:240svh}.hero-sticky{--drift-x:0px;--drift-y:0px}
.hero-light{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.hero-light:before{content:"";position:absolute;width:70%;height:125%;right:-8%;top:-30%;background:conic-gradient(from 140deg at 50% 0%,transparent 0deg,#b7835220 15deg,#e1ba7930 26deg,transparent 47deg);filter:blur(28px);transform:translate(var(--drift-x),var(--drift-y));opacity:calc(.8 - var(--cinema-shade,0)*.5)}
.hero-light:after{content:"";position:absolute;left:10%;right:7%;bottom:9%;height:15%;border-radius:50%;background:radial-gradient(ellipse,#c4965530,transparent 65%);filter:blur(22px);opacity:.65;transform:translateX(var(--drift-x))}
.scene .halo{inset:3% 0 14%;background:radial-gradient(ellipse at 55% 40%,#d9b88118,transparent 65%);filter:blur(20px);opacity:.85}
.scene-orbit{position:absolute;left:12%;right:6%;top:2%;height:86%;border:1px solid #d9b88125;border-left-color:#d9b88108;border-bottom-color:#d9b88108;border-radius:50%;transform:rotate(-28deg) translate(var(--drift-x),var(--drift-y));opacity:calc(.75 - var(--cinema-shade,0)*.45)}
.scene-orbit:before,.scene-orbit:after{content:"";position:absolute;width:5px;height:5px;border-radius:50%;background:#e8c38d;box-shadow:0 0 16px #f0c68190}.scene-orbit:before{left:17%;top:11%}.scene-orbit:after{right:8%;bottom:20%;width:3px;height:3px;opacity:.6}
.scene-floor{position:absolute;left:18%;right:8%;bottom:0;height:5%;border-radius:50%;background:radial-gradient(ellipse,#d6ab6a25,transparent 70%);filter:blur(8px);opacity:calc(1 - var(--cinema-shade,0))}
.hero-copy{top:20%}.hero h1{font-size:clamp(64px,6.8vw,108px);margin:22px 0}
.hero-specialties{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 4px;pointer-events:auto}
.hero-specialties a{padding:5px 10px;border:1px solid #d2b0802c;border-radius:8px;color:#c8bca8;font:9px PlexMono,monospace;background:#e3c79404;transition:background .3s,border-color .3s}
.hero-specialties a:hover{background:#d9b88114;border-color:#d9b88180;color:#f4dfbd}
.interlude-copy{position:absolute;z-index:4;left:var(--gutter);top:33%;width:38%;opacity:0;visibility:hidden;pointer-events:none}
.interlude-copy h2{font-size:clamp(46px,5.6vw,88px);font-weight:550;line-height:1.05;margin:20px 0}
.interlude-copy h2 em{font-family:Cormorant,Georgia,serif;font-size:1.15em;font-weight:500;font-style:italic;color:transparent;background:var(--metal);background-clip:text;-webkit-background-clip:text}
.interlude-copy>p:last-child{font-size:15px;color:#bdb8ae;line-height:1.8;max-width:320px}
.reveal-copy{top:23%}.reveal-copy>p:not(.eyebrow){max-width:380px;color:#c1bbb0;font-size:14px;line-height:1.8}
.hero-discover{position:absolute;z-index:5;right:var(--gutter);top:57%;width:40%;max-width:590px;opacity:0;visibility:hidden}
.hero-peeks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.hero-peeks a{display:block;min-width:0;padding:7px 7px 10px;border-radius:12px;border:1px solid #d8b77e30;background:linear-gradient(140deg,#ffffff09,#ffffff02);box-shadow:inset 0 1px #ffffff08;transition:translate .4s,border-color .4s}
.hero-peeks a:hover{translate:0 -5px;border-color:#e5bc7e80}.hero-peeks img{display:block;width:100%;height:78px;object-fit:cover;object-position:top;border-radius:7px;filter:saturate(.82)}
.hero-peeks span{display:flex;justify-content:space-between;gap:4px;padding:8px 2px 0;font-size:10px;color:#ddd1bb}.hero-peeks b{font-weight:400;color:#cba878}
.hero-peeks a:first-child img{object-position:50% 73%}
.hero-discover .text-link{display:flex;justify-content:space-between;width:100%;padding-bottom:9px;margin-top:17px;font-size:12px}
.hero .scene-caption{gap:18px}.scene-caption span{position:relative;padding-top:10px}.scene-caption span:before{content:"";position:absolute;top:0;left:0;width:25px;height:1px;background:#d6b58325;transition:width .5s,background .5s}.scene-caption span.active:before{width:100%;background:#dfb678;box-shadow:0 0 12px #d6b58355}
.direction-link{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0 6px;margin-top:28px;border-top:1px solid #d6b58325;font-size:13px;color:#dbc19b}.direction-link:hover{color:#f4dfbf}.direction-link span{font-size:19px}
.footer-directions{display:flex;flex-wrap:wrap;gap:12px 24px;padding:25px var(--gutter);border-top:1px solid #ffffff12;font-size:11px;color:#b4a894}.footer-directions a:hover{color:#f1d3a0}
@media(min-width:1700px){.hero-discover{width:520px}}
@media(max-width:1100px) and (min-width:761px){.hero-copy{top:21%}.hero h1{font-size:7vw}.hero-specialties{gap:5px}.hero-specialties a{font-size:8px}.interlude-copy{width:40%}.reveal-copy{top:24%}.hero-discover{top:57%;width:44%}.hero-peeks img{height:63px}.hero-peeks{gap:8px}}
@media(max-height:760px) and (min-width:761px){.hero-copy{top:19%}.hero h1{font-size:clamp(54px,6vw,80px);margin:15px 0}.hero .intro{font-size:13px;margin-bottom:12px}.hero-specialties{margin-top:12px}.hero .button{min-height:48px;margin-top:12px}.reveal-copy{top:19%}.reveal-copy h2{font-size:52px}.hero-discover{top:56%}.hero-peeks img{height:55px}.hero-discover .text-link{margin-top:10px}}
@media(max-width:760px){
 .hero{height:240svh;min-height:1450px}.hero-copy{top:13%;width:calc(100% - var(--gutter)*2)}.hero h1{font-size:clamp(43px,11vw,64px);margin:15px 0}.hero .intro{font-size:12px;line-height:1.6;margin-bottom:12px}.hero-specialties{gap:5px;margin:13px 0 0}.hero-specialties a{font-size:7px;padding:4px 7px}.hero-actions .button{min-height:45px;font-size:11px;margin-top:14px}
 .scene{top:calc(53% - var(--scene-lift,0svh));width:min(78vw,38svh)}.scene-orbit{border-color:#d9b88118}.hero-light:before{width:140%;right:-40%;opacity:.55}.hero-light:after{bottom:20%}
 .interlude-copy{top:17%;width:85%}.interlude-copy h2{font-size:clamp(40px,10vw,64px);margin:17px 0}.interlude-copy>p:last-child{font-size:13px;max-width:300px}
 .reveal-copy{top:15%;width:calc(100% - var(--gutter)*2)}.reveal-copy h2{font-size:clamp(36px,9.5vw,58px);margin:15px 0}.reveal-copy>p:not(.eyebrow){font-size:12px;line-height:1.7;max-width:350px}
 .hero-discover{top:auto;bottom:120px;left:var(--gutter);right:var(--gutter);width:auto}.hero-peeks{gap:8px}.hero-peeks a{padding:5px 5px 7px;border-radius:10px}.hero-peeks img{height:57px;border-radius:6px}.hero-peeks span{font-size:8px;padding-top:6px}.hero-discover .text-link{font-size:10px;margin-top:12px;padding-bottom:7px}.hero .scene-caption{bottom:80px;gap:9px;font-size:6px}
 .direction-link{font-size:12px;padding-top:18px}.footer-directions{font-size:10px;gap:13px 20px}
}
@media(max-height:740px) and (max-width:760px){.hero-sticky{min-height:650px}.hero-copy{top:14%}.hero h1{font-size:40px;margin:12px 0}.hero .eyebrow{font-size:7px}.hero .intro{font-size:11px}.hero-specialties{margin-top:9px}.hero-actions .button{margin-top:10px;min-height:40px}.scene{top:calc(53% - var(--scene-lift,0svh));width:min(75vw,35svh)}.reveal-copy{top:14%}.reveal-copy h2{font-size:34px;margin:12px 0}.reveal-copy>p:not(.eyebrow){font-size:11px}.hero-discover{bottom:115px}.hero-peeks img{height:44px}.hero-discover .text-link{margin-top:7px}.hero .scene-caption{bottom:78px}}
@media(prefers-reduced-motion:reduce){.hero{height:100svh;min-height:760px}.hero-sticky{min-height:760px}.scene-orbit,.hero-light:before,.hero-light:after{transform:none}.hero-peeks a:hover{translate:none}.interlude-copy{display:none}}


/* A short, button-driven scene only in the narrow portrait layout. */
.touch-scene-play{display:none}
@media(max-width:760px) and (orientation:portrait){
.hero{height:100svh;min-height:760px}.hero-sticky{position:relative;height:100%;min-height:760px}
.hero-actions{flex-wrap:wrap;gap:10px}.touch-scene-play{display:inline-flex;align-items:center;gap:9px;pointer-events:auto;order:2;min-height:44px;padding:10px 13px;margin-top:14px;border:1px solid #d6b58366;border-radius:12px;background:#151619;color:#e6cca4;font-size:11px;touch-action:manipulation}.hero-actions>.text-link{display:none}.hero-actions>.button{gap:15px}.scene-toggle{touch-action:manipulation}
}
@media(max-width:360px) and (orientation:portrait){.touch-scene-play{font-size:10px;padding:9px;gap:6px}.hero-actions>.button{font-size:10px;padding-left:12px;padding-right:10px;gap:9px}}
