/* The image volume owns the composition; typography stays at its edge. */
:root{--bg:#060808;--lime:#e0e6c4}
body{background:#060808}
body::after{opacity:.018}
.site-header{padding:29px 42px;background:linear-gradient(#060808e8,#06080870 65%,transparent)}
.brand-symbol{width:35px;height:35px}
.brand-word strong{font-size:14px;letter-spacing:.29em}
.brand-word small{font-size:7px}
.header-aside{font-size:8px;letter-spacing:.11em}
.field-shade{background:linear-gradient(0deg,#060808c0,transparent 22%,transparent 85%,#06080860)}
.field-corner{left:43px;top:129px;color:#8a9188;font-size:7px}
.seed-status{right:43px;top:130px;color:#8a9188;font-size:7px}
.intro{left:6.3%;top:auto;bottom:19%;width:510px;max-width:74vw;text-align:left;transform:none}
.intro::before{inset:-70px -70px -50px -90px;background:radial-gradient(ellipse at 32% 65%,#060808a0,transparent 72%)}
.intro-kicker{justify-content:flex-start;margin-bottom:25px;font-size:9px;color:#cbd0c1;letter-spacing:.2em}
.intro-kicker i{width:28px;background:#c2c6b1}
.intro h1{font-size:clamp(64px,6.1vw,96px);font-weight:400;line-height:1.13;letter-spacing:-.075em;text-shadow:0 4px 70px #0006}
.intro h1 span{color:#dce4bd}
.intro p{font-size:11px;color:#b9bfb2;letter-spacing:.1em;margin-top:28px}
.intro-caption{font:8px monospace;letter-spacing:.16em;color:#838d80;margin-top:15px}
.is-exploring .intro{transform:translateY(20px);opacity:0;filter:blur(6px)}
.field-controls{bottom:92px;left:auto;right:42px;transform:none;border-radius:3px;padding:4px;background:#0a0e0bc0;border-color:#dce5c225;backdrop-filter:blur(16px)}
.field-controls button{border-radius:1px;min-height:36px;font-size:9px}
.field-controls .new-seed{padding:0 19px;background:#dfe6c6;color:#1b2116}
.zoom-value{min-width:44px;color:#a2ad96;font-size:8px;letter-spacing:.08em}
.zoom-value::before{content:'Z ';font-size:6px;color:#74816c}
.bottom-bar{left:42px;right:42px;border-top-color:#dce5c218;color:#9ba492}
.bottom-signature{color:#b7bfa9}
.placeholder-note{color:#8f9986}
.toast{left:auto;right:43px;bottom:154px;transform:translateY(8px);font-size:10px;background:#111b11e8;border-color:#81926855}
.toast.visible{transform:none}
.no-webgl .field-shell{background:linear-gradient(#06080830,#06080880),url('assets/experiments/blue-portal.webp') center/cover}
.no-webgl #field{opacity:0}
.no-webgl .field-controls button:disabled{opacity:.35;cursor:default}
.local-preview-note{position:fixed;z-index:35;bottom:110px;left:50%;transform:translateX(-50%);width:520px;max-width:calc(100vw - 40px);padding:19px 24px;border:1px solid #dce5c240;background:#101710ee;font-size:12px;line-height:1.8;backdrop-filter:blur(18px)}
.local-preview-note[hidden]{display:none}.local-preview-note strong{font-weight:400;color:#e0e6c4}.local-preview-note p{color:#c0c6b6;margin:7px 0}.local-preview-note a{color:#e0e6c4;border-bottom:1px solid #9aa78b}
.local-file .field-controls{display:none}
.frame-dialog{overflow:auto}
.frame-preview{max-height:70dvh;object-fit:contain;background:#090b09}
@media(min-width:1800px){.intro{bottom:22%;left:8%}.intro h1{font-size:110px}}
@media(max-width:900px){.site-header{padding:23px 26px}.field-corner{left:27px;top:113px}.seed-status{right:27px;top:114px}.intro{left:7%;bottom:23%;width:420px}.intro h1{font-size:69px}.field-controls{right:26px;bottom:91px}.bottom-bar{left:26px;right:26px}.toast{right:26px}}
@media(max-width:600px){.site-header{padding:21px 20px;gap:10px}.brand-symbol{width:30px;height:30px}.brand-word strong{font-size:11px}.brand-word small{font-size:6px}.brand{gap:9px}.site-header nav button{font-size:9px;padding:9px}.site-header nav .nav-contact{margin-left:2px}.nav-contact span{margin-left:6px}.field-corner{left:21px;top:108px;font-size:6px}.seed-status{right:21px;top:108px;font-size:6px}.intro{left:27px;bottom:25%;max-width:85vw;width:340px}.intro h1{font-size:57px;line-height:1.13;letter-spacing:-.075em}.intro-kicker{font-size:8px;margin-bottom:20px}.intro p{font-size:9px;margin-top:22px}.intro-caption{font-size:6px;letter-spacing:.13em;margin-top:12px}.intro::before{inset:-30px -15px -30px -25px;background:radial-gradient(ellipse at 25% 75%,#060808b0,transparent 78%)}.field-controls{left:50%;right:auto;bottom:99px;transform:translateX(-50%);max-width:calc(100vw - 28px);border-radius:2px}.field-controls button{min-height:40px;padding:0 10px;font-size:8px}.field-controls .new-seed{padding:0 13px}.zoom-value{min-width:40px;font-size:7px}.bottom-bar{left:20px;right:20px}.toast{left:50%;right:auto;transform:translate(-50%,8px);bottom:156px;white-space:nowrap}.toast.visible{transform:translateX(-50%)}.frame-info{padding:20px}.frame-preview{max-height:62dvh}.frame-dialog .close{position:sticky;float:right;margin:10px 10px -46px 0;top:10px}}
@media(max-width:360px){.site-header{padding:19px 14px}.site-header nav button{font-size:8px;padding:9px 7px}.brand-word small{display:none}.brand-symbol{width:28px;height:28px}.intro{left:23px}.intro h1{font-size:50px}.field-controls button{padding:0 8px}.field-controls .new-seed{padding:0 10px}}
@media(prefers-reduced-motion:reduce){.is-exploring .intro{transform:none;filter:none}}

/* Persistent central title requested by the studio; exploration moves only the scene. */
.intro,.is-exploring .intro{left:50%;top:48%;bottom:auto;width:720px;max-width:88vw;text-align:center;transform:translate(-50%,-50%);opacity:1;filter:none}
.intro::before{inset:-55px -70px;background:radial-gradient(ellipse,#060808a6 5%,#06080850 45%,transparent 74%)}
.intro-kicker{justify-content:center;margin-bottom:24px}
.intro h1{font-size:clamp(48px,4.5vw,76px);letter-spacing:-.075em;line-height:1.25}
.intro h1 br{display:none}
.intro p{margin-top:24px}
@media(max-width:600px){.intro,.is-exploring .intro{left:50%;top:46%;width:350px;max-width:89vw;transform:translate(-50%,-50%)}.intro h1{font-size:51px;line-height:1.15}.intro h1 br{display:block}.intro-kicker{margin-bottom:20px}.intro p{margin-top:24px}.intro::before{inset:-30px -20px;background:radial-gradient(ellipse,#060808a0,transparent 75%)}}