/* One folded photographic surface. Three.js supplies depth, GSAP its gestures. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.home .hero-stage{grid-template-columns:1fr 1.13fr;gap:15px;padding-top:45px;padding-bottom:35px}
.home .hero-copy{padding-top:25px}
.system-field.engine-field{height:620px;position:relative;margin:0;align-self:center;min-width:0;isolation:isolate;animation:none}
.system-field.engine-field:before{content:none}
.engine-viewport{position:absolute;inset:35px -25px 48px -25px;touch-action:pan-y}
.engine-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .8s ease}
.engine-poster{position:absolute;width:65%;height:90%;left:17.5%;top:5%;object-fit:cover;clip-path:ellipse(46% 50% at 50% 50%);opacity:1;transition:opacity .5s;pointer-events:none;transform:rotate(-5deg)}
.engine-ready .engine-canvas{opacity:1}
.engine-ready .engine-poster{opacity:0;visibility:hidden;transition:opacity .5s,visibility 0s .5s}
.engine-kicker{position:absolute;left:0;top:2px;right:0;display:flex;justify-content:space-between;gap:20px;z-index:3;color:#9eb6a6;font-size:8px;pointer-events:none}
.engine-kicker>span:last-child{color:#76978b}
.engine-caption{position:absolute;left:0;right:0;bottom:15px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:#a5bcaa;pointer-events:none}
.engine-caption>.eyebrow{font-size:8px;line-height:1.7}
.engine-gesture{font:8px monospace;text-transform:uppercase;letter-spacing:.04em;color:#76978b}
.engine-tools{position:absolute;right:0;bottom:43px;display:none;z-index:4}
.engine-ready .engine-tools{display:block}
.engine-tools button{display:flex;align-items:center;gap:6px;font:9px monospace;color:#9cb9a4;background:transparent;border:0;padding:8px 0;min-height:32px;transition:color .2s}
.engine-tools button[hidden]{display:none}
.engine-tools button>span{font-size:16px;line-height:1}
.engine-tools button:hover{color:#dbe9d5}
@media(min-width:1650px){.system-field.engine-field{height:680px}.home .hero-copy{padding-top:35px}}
@media(max-width:1150px){.system-field.engine-field{height:520px}.home .hero-stage{padding-top:40px;padding-bottom:30px}.home .hero-copy{padding-top:25px}.engine-viewport{inset:30px -20px 50px -20px}.engine-kicker,.engine-caption>.eyebrow,.engine-gesture{font-size:7px}}
@media(max-width:860px){.home .hero-stage{grid-template-columns:1fr 1fr;padding-top:35px;gap:10px}.system-field.engine-field{height:425px}.engine-viewport{inset:30px -15px 60px -15px}.engine-kicker{font-size:7px}.engine-kicker>span:last-child{display:none}.engine-caption{bottom:12px;gap:8px}.engine-caption>.eyebrow,.engine-gesture{font-size:6px}.engine-tools{bottom:39px}.engine-tools button{font-size:8px}}
@media(max-width:600px){.home .hero-stage{display:block;padding-top:40px;padding-bottom:15px}.home .hero-copy{padding-top:0}.system-field.engine-field{height:475px;margin-top:35px;max-width:none}.engine-viewport{inset:30px -20px 50px -20px}.engine-kicker{font-size:7px;left:0}.engine-kicker>span:last-child{display:block}.engine-caption{bottom:12px;left:0}.engine-caption>.eyebrow,.engine-gesture{font-size:7px}.engine-tools{bottom:43px}.engine-tools button{font-size:8px}.hero-control{position:relative;z-index:5}}
@media(max-width:360px){.system-field.engine-field{height:410px}.engine-caption>.eyebrow,.engine-gesture{font-size:6px}}
@media(prefers-reduced-motion:reduce){.engine-canvas,.engine-poster,.engine-tools button{transition:none!important}}
@media(forced-colors:active){.engine-viewport{display:none}.engine-field{height:100px!important}.engine-caption,.engine-kicker{color:CanvasText}.engine-tools{display:none!important}}
@media print{.system-field.engine-field{display:none}}