/* SPACE V4 — Immersive Spatial Experience */
body[data-space-site]{--v4-ink:var(--fg);--v4-soft:var(--muted)}
body[data-space-site] main{isolation:isolate}
body[data-space-site] section{position:relative;isolation:isolate}
body[data-space-site] section:after{content:"";position:absolute;z-index:-1;left:-8vw;right:-8vw;bottom:-70px;height:150px;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent) 7%,transparent),transparent 68%);filter:blur(20px);pointer-events:none}
body[data-space-site] .card, body[data-space-site] .panel{box-shadow:none}
body[data-space-site] .card{background:color-mix(in srgb,var(--panel) 90%,transparent)}
body[data-space-site] .gallery figure{box-shadow:0 28px 80px rgba(0,0,0,.06)}
body[data-space-site] .v4-immersive{position:relative;overflow:hidden}
body[data-space-site] .v4-kicker{font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);font-weight:800}
body[data-space-site] .v4-chip{border:1px solid var(--line);background:transparent;color:var(--fg);padding:11px 13px;font-size:9px;letter-spacing:.12em;text-transform:uppercase}
body[data-space-site] .v4-chip.active{background:var(--accent);color:var(--accentText);border-color:var(--accent)}
body[data-space-site] .v4-meta{display:flex;gap:8px;flex-wrap:wrap}
body[data-space-site] .v4-meta span{border:1px solid var(--line);padding:8px 10px;font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:color-mix(in srgb,var(--panel) 90%,transparent)}
body[data-space-site] .v4-floating{background:color-mix(in srgb,var(--panel) 82%,transparent);backdrop-filter:blur(16px);border:1px solid var(--line)}
body[data-space-site] .v4-scrub-note{font-size:11px;color:var(--muted);line-height:1.6}
body[data-space-site] .v4-hairline{height:1px;background:var(--line)}
body[data-space-site] .page-hero p{max-width:620px}
body[data-space-site] .v4-editorial-end{padding-top:34px}
body[data-space-site] .v4-editorial-end .v2-list{max-width:1000px}
@media(max-width:900px){
  body[data-space-site] .page-hero{padding-top:72px}
}
@media(prefers-reduced-motion:reduce){
  body[data-space-site] *{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:0s!important}
}

body[data-space-site="05-layer"]{background:linear-gradient(180deg,#ebe4db,#ddd2c8)}
.layer-stage{position:relative;min-height:700px;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.layer-before,.layer-after{position:absolute;inset:0}
.layer-before img,.layer-after img{width:100%;height:100%;object-fit:cover}
.layer-after{clip-path:inset(0 50% 0 0)}
.layer-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 0 1px rgba(0,0,0,.25)}
.layer-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.88);color:#35281f;font-size:18px}
.layer-range{position:absolute;left:4%;right:4%;bottom:24px;z-index:6;width:92%;appearance:none;background:transparent}
.layer-range::-webkit-slider-runnable-track{height:4px;background:rgba(255,255,255,.5)}
.layer-range::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;margin-top:-8px}
.layer-caption{position:absolute;top:22px;padding:9px 11px;background:rgba(0,0,0,.56);color:#fff;font-size:8px;letter-spacing:.13em;text-transform:uppercase}
.layer-caption.left{left:22px}.layer-caption.right{right:22px}
.layer-panel{position:absolute;left:22px;bottom:52px;width:min(420px,calc(100% - 44px));padding:20px}
.layer-panel h2{font:400 clamp(36px,4vw,54px) Georgia,serif;margin:7px 0}.layer-panel p{color:var(--muted);line-height:1.6}
.layer-stage-buttons{display:flex;gap:7px;flex-wrap:wrap;margin-top:14px}