/* Every experiment is scoped to this page; shared site components stay intact. */
.showcase-page .showcase-opening{padding-bottom:70px}.showcase-page .showcase-note{display:block;margin-top:30px;color:var(--bronze);font-size:10px;letter-spacing:.17em;text-transform:uppercase}.showcase-page .lab-section{padding-top:65px;padding-bottom:85px}.showcase-page .lab-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:7%;align-items:center}.showcase-page .lab-copy{max-width:590px}.showcase-page .lab-copy h2{font-size:clamp(36px,4.4vw,68px);line-height:1.06}.showcase-page .lab-copy p{color:var(--stone);font-size:17px;line-height:1.8}.showcase-page .lab-copy .lab-hint{font-size:12px;line-height:1.8;color:var(--bronze);max-width:360px;margin-top:28px}.showcase-page .lab-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:35px;margin-bottom:42px}.showcase-page .lab-control{flex-shrink:0;padding:14px 20px;min-height:44px;border:1px solid var(--line);background:transparent;color:var(--cream);font-size:10px;letter-spacing:.1em;text-transform:uppercase}.showcase-page .lab-control:hover{border-color:var(--bronze)}.showcase-page .lab-control:disabled{opacity:.6;cursor:default}.showcase-page .lab-control:focus-visible,.showcase-page .glass-study:focus-visible{outline:2px solid var(--bronze);outline-offset:7px}.showcase-page .glass-study{--glass-x:50%;--glass-y:40%;--tilt-x:0deg;--tilt-y:0deg;perspective:1000px;outline:none;touch-action:pan-y}.showcase-page .glass-face{position:relative;min-height:450px;aspect-ratio:1.1;overflow:hidden;border:1px solid #d7d5bc55;background:radial-gradient(ellipse at 50% 60%,#31382c,#0c110d 75%);color:#f1f0e9;transform:rotateX(var(--tilt-x)) rotateY(var(--tilt-y));transition:transform .3s ease;box-shadow:0 35px 80px #00000025}.showcase-page .glass-face img{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain;object-position:center;opacity:1}.showcase-page .glass-face:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080c0acc,transparent 40%);pointer-events:none}.showcase-page .glass-reflection{position:absolute;inset:0;background:radial-gradient(circle at var(--glass-x) var(--glass-y),#f0ffe826,transparent 48%),linear-gradient(115deg,#ffffff10,transparent 40%,#ffffff04);mix-blend-mode:screen;pointer-events:none}.showcase-page .glass-frame{position:absolute;inset:20px;border:1px solid #e8ead738;background:#ffffff03;backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);pointer-events:none}.showcase-page .glass-caption{position:absolute;bottom:40px;left:40px;right:40px;display:flex;justify-content:space-between;gap:20px;z-index:2;font-size:9px;letter-spacing:.18em;text-transform:uppercase}.showcase-page .orbital-study{position:relative;height:470px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 50%,#29352b 0,#101814 36%,#080d0c 76%);touch-action:pan-y}.showcase-page .orbital-study canvas{display:block;width:100%;height:100%}.showcase-page .orbit-caption{position:absolute;left:28px;right:28px;bottom:25px;display:flex;justify-content:space-between;gap:18px;font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#cbb99f;pointer-events:none}.showcase-page .kinetic-stage{position:relative;overflow:hidden;padding:60px 6%;border:1px solid var(--line);background:radial-gradient(ellipse at 90% 100%,#c7a58b1c,transparent 70%)}.showcase-page .kinetic-line{overflow:hidden;padding:3px 0}.showcase-page .kinetic-line>*{display:block;font-size:clamp(60px,9vw,140px);font-weight:300;letter-spacing:-.07em;line-height:1.04;color:var(--cream);transform-origin:left bottom}.showcase-page .kinetic-line em{font-family:Georgia,serif;font-weight:400;color:var(--bronze);letter-spacing:-.065em}.showcase-page .kinetic-footnote{display:block;margin-top:45px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--stone)}.showcase-page .showcase-return{padding-top:50px;padding-bottom:70px}
@media(max-width:800px){.showcase-page .lab-layout{grid-template-columns:1fr;gap:35px}.showcase-page .lab-heading{align-items:flex-start;flex-direction:column;gap:20px}.showcase-page .lab-section{padding-top:45px;padding-bottom:60px}.showcase-page .lab-copy h2{font-size:42px}.showcase-page .lab-copy p{font-size:16px}.showcase-page .glass-face{min-height:340px}.showcase-page .glass-frame{inset:15px}.showcase-page .glass-caption{left:28px;right:28px;bottom:28px;font-size:8px}.showcase-page .orbital-study{height:380px}.showcase-page .orbit-caption{left:20px;right:20px;font-size:8px}.showcase-page .kinetic-stage{padding:42px 20px}.showcase-page .kinetic-line>*{font-size:clamp(44px,10vw,80px)}.showcase-page .kinetic-footnote{font-size:8px;line-height:1.8;margin-top:30px}.showcase-page .showcase-opening{padding-bottom:50px}}
@media(prefers-reduced-motion:reduce){.showcase-page .glass-face{transform:none!important;transition:none}.showcase-page [data-kinetic-word]{animation:none!important;transform:none!important;filter:none!important;opacity:1!important}}

/* This experiment stays dark in either theme. Light lives inside the letters. */
.showcase-page .chapter.lab-section.proximity-lab,.showcase-page .chapter.lab-section.sphere-lab{background:#090c0b;color:#eee9dd;border-color:#ffffff16}
.showcase-page .proximity-lab .kicker,.showcase-page .sphere-lab .kicker{color:#c7a58b}.showcase-page .proximity-lab .lab-copy h2,.showcase-page .sphere-lab .lab-copy h2{color:#eee9dd}.showcase-page .proximity-lab .lab-copy p,.showcase-page .sphere-lab .lab-copy p{color:#a9aca6}
.showcase-page .proximity-lab .lab-control,.showcase-page .sphere-lab .lab-control{color:#eee9dd;border-color:#b9b3a447}.showcase-page .proximity-lab .lab-control:hover,.showcase-page .sphere-lab .lab-control:hover{border-color:#c7a58b}
.showcase-page .lab-section>.lab-hint{font-size:12px;line-height:1.8;color:var(--stone);margin:25px 0 0;max-width:670px}.showcase-page .proximity-lab>.lab-hint,.showcase-page .sphere-lab>.lab-hint{color:#b0a18e}
.showcase-page .proximity-study{position:relative;min-height:450px;padding:60px 4%;border:1px solid #ffffff16;touch-action:pan-y;overflow:hidden;outline:none}
.showcase-page .proximity-study:focus-visible{outline:2px solid #c7a58b;outline-offset:6px}
.showcase-page .proximity-text{position:relative;margin:0;font-size:clamp(38px,5.4vw,82px);font-weight:300;line-height:1.2;letter-spacing:-.055em;white-space:pre-line;overflow-wrap:break-word;color:#eee9dd}
.showcase-page .proximity-study.is-ready .proximity-text{color:#171b19}
.showcase-page .proximity-study.is-ready.is-lit:not(.is-revealed):not(.is-reduced) .proximity-text{color:transparent;background-image:radial-gradient(circle 235px at var(--text-light-x,-500px) var(--text-light-y,-500px),#fff9eb 0%,#e3dccb 14%,#a39d90 37%,#4c5149 68%,#171b19 100%);background-clip:text;-webkit-background-clip:text}
.showcase-page .proximity-study.is-revealed .proximity-text,.showcase-page .proximity-study.is-reduced .proximity-text{color:#eee9dd;background-image:none}
.showcase-page .proximity-beam{position:absolute;left:var(--beam-x,-500px);top:var(--beam-y,-500px);width:18px;height:18px;border:1px solid #f8eadb7a;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 16px #f8e8ca33;opacity:0;pointer-events:none}
.showcase-page .proximity-study.is-lit:not(.is-revealed):not(.is-reduced) .proximity-beam{opacity:1}
.showcase-page .scramble-stage{border:1px solid var(--line);padding:65px 5%;background:radial-gradient(ellipse at 0 100%,#c7a58b16,transparent 75%);overflow:hidden}
.showcase-page .scramble-trigger{display:block;width:100%;border:0;padding:0;background:none;color:var(--cream);font-family:"Courier New",monospace;font-weight:400;font-size:clamp(34px,5.7vw,88px);line-height:1.25;letter-spacing:-.065em;text-align:left;overflow-wrap:break-word;touch-action:manipulation}
.showcase-page .scramble-trigger:hover,.showcase-page .scramble-trigger:focus-visible{color:var(--bronze)}
.showcase-page .scramble-caption{display:block;margin-top:40px;color:var(--stone);font-size:10px;letter-spacing:.16em;text-transform:uppercase}
.showcase-page .lab-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}
@media(hover:hover) and (pointer:fine){.showcase-page .proximity-study.is-ready:not(.is-revealed):not(.is-reduced){cursor:none}}
@media(max-width:800px){.showcase-page .proximity-study{min-height:390px;padding:42px 24px}.showcase-page .proximity-text{font-size:clamp(30px,7.8vw,48px);line-height:1.3}.showcase-page .proximity-study.is-ready.is-lit:not(.is-revealed):not(.is-reduced) .proximity-text{background-image:radial-gradient(circle 155px at var(--text-light-x,-500px) var(--text-light-y,-500px),#fff9eb 0%,#e3dccb 14%,#a39d90 37%,#4c5149 68%,#171b19 100%)}.showcase-page .scramble-stage{padding:45px 24px}.showcase-page .scramble-trigger{font-size:clamp(30px,7.8vw,46px)}.showcase-page .scramble-caption{font-size:9px;line-height:1.8}}
@media(prefers-reduced-motion:reduce){.showcase-page .proximity-study.is-ready .proximity-text{color:#eee9dd!important;background-image:none!important}.showcase-page .proximity-beam{display:none}}

.showcase-page .sphere-study{position:relative;height:600px;overflow:hidden;border:1px solid #ffffff16;background:#090c0b;touch-action:pan-y;outline:none}
.showcase-page .sphere-study:focus-visible{outline:2px solid #c7a58b;outline-offset:6px}
.showcase-page .sphere-base,.showcase-page .sphere-light{position:absolute;inset:0;pointer-events:none}
.showcase-page .sphere-study img{position:absolute;inset:7%;width:86%;height:86%;object-fit:contain}
.showcase-page .sphere-study.is-ready .sphere-base{filter:brightness(.055)}
.showcase-page .sphere-light{opacity:0;mask-image:radial-gradient(circle 235px at var(--beam-x,-500px) var(--beam-y,-500px),#000 0%,#000 14%,#000b 37%,#0004 68%,transparent 100%);-webkit-mask-image:radial-gradient(circle 235px at var(--beam-x,-500px) var(--beam-y,-500px),#000 0%,#000 14%,#000b 37%,#0004 68%,transparent 100%)}
.showcase-page .sphere-study.is-lit .sphere-light{opacity:1}
.showcase-page .sphere-study.is-revealed .sphere-base,.showcase-page .sphere-study.is-reduced .sphere-base{filter:none}
.showcase-page .sphere-study.is-revealed .sphere-light,.showcase-page .sphere-study.is-reduced .sphere-light{opacity:0}
.showcase-page .sphere-study.is-lit:not(.is-revealed):not(.is-reduced) .proximity-beam{opacity:1}
@media(hover:hover) and (pointer:fine){.showcase-page .sphere-study.is-ready:not(.is-revealed):not(.is-reduced){cursor:none}}
@media(max-width:800px){.showcase-page .sphere-study{height:410px}.showcase-page .sphere-light{mask-image:radial-gradient(circle 155px at var(--beam-x,-500px) var(--beam-y,-500px),#000 0%,#000 14%,#000b 37%,#0004 68%,transparent 100%);-webkit-mask-image:radial-gradient(circle 155px at var(--beam-x,-500px) var(--beam-y,-500px),#000 0%,#000 14%,#000b 37%,#0004 68%,transparent 100%)}}
@media(prefers-reduced-motion:reduce){.showcase-page .sphere-study.is-ready .sphere-base{filter:none!important}.showcase-page .sphere-light{display:none}}

/* Standalone scroll-driven pyramid experiment, reusable without other page assets. */
.showcase-page .pyramid-scroll-chapter{height:235svh;position:relative;padding:0!important;--ps:0;isolation:isolate;background:#f7f3eb}
.showcase-page .pyramid-scroll-sticky{position:sticky;top:0;height:100svh;min-height:560px;overflow:hidden;background:#f7f3eb;color:#272521;isolation:isolate}
.showcase-page .pyramid-scroll-ground{position:absolute;inset:0;background:linear-gradient(135deg,#f9f6ef,#f0ebe1 70%);opacity:calc(1 - var(--ps));pointer-events:none}
.showcase-page .pyramid-scroll-sticky:before{content:"";position:absolute;inset:0;z-index:-1;background:#181a1b}
.showcase-page .pyramid-scroll-art{position:absolute;inset:4% 0 -10% 30%;display:grid;place-items:center;overflow:hidden;pointer-events:none;filter:grayscale(1) brightness(calc(1.38 - var(--ps)*.94)) contrast(1.12);opacity:.88}
.showcase-page .pyramid-scroll-art img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;mask-image:linear-gradient(to right,transparent,#000 15%,#000 90%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 15%,#000 90%,transparent)}
.showcase-page .pyramid-scroll-illumination{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse 20% 14% at calc(71% - var(--ps)*27%) calc(15% + var(--ps)*66%),#fff8ddee,#f1bf6c83 31%,#b97b3130 53%,transparent 78%);mix-blend-mode:screen;filter:blur(11px)}
.showcase-page .pyramid-scroll-copy{position:absolute;z-index:3;left:7%;top:46%;transform:translateY(-40%);max-width:min(670px,80%);color:color-mix(in srgb,#2a2622 calc((1 - var(--ps))*100%),#f1e9da);text-shadow:0 2px 18px #0001}
.showcase-page .pyramid-scroll-copy h2{font-size:clamp(52px,7vw,112px);line-height:1;letter-spacing:-.065em;font-weight:350;margin:25px 0}
.showcase-page .pyramid-scroll-copy h2 em{font-weight:400;font-family:Georgia,serif;color:color-mix(in srgb,#af865e calc((1 - var(--ps))*100%),#e8c99e)}
.showcase-page .pyramid-scroll-copy p{max-width:350px;font-size:17px;line-height:1.65;opacity:calc(.15 + var(--ps)*.85)}
.showcase-page .pyramid-scroll-eyebrow,.showcase-page .pyramid-scroll-guide{font-size:11px;letter-spacing:.2em;text-transform:uppercase}
.showcase-page .pyramid-scroll-guide{display:block;margin-top:40px;opacity:calc(1 - var(--ps))}
@media(max-width:700px){.showcase-page .pyramid-scroll-chapter{height:210svh}.showcase-page .pyramid-scroll-art{inset:13% -60% 12% 0;opacity:.7}.showcase-page .pyramid-scroll-copy{left:7%;top:48%;max-width:85%}.showcase-page .pyramid-scroll-copy h2{font-size:clamp(45px,12vw,76px)}.showcase-page .pyramid-scroll-illumination{background:radial-gradient(ellipse 34% 14% at calc(73% - var(--ps)*28%) calc(25% + var(--ps)*49%),#fff8ddee,#e8ae687a 33%,transparent 80%)}}
@media(prefers-reduced-motion:reduce){.showcase-page .pyramid-scroll-chapter{height:110svh;--ps:1!important}.showcase-page .pyramid-scroll-sticky{background:#181a1b}.showcase-page .pyramid-scroll-ground,.showcase-page .pyramid-scroll-guide{display:none}}

/* Performance-safe scrolling: prepainted layers and single translated light source. */
.showcase-page .pyramid-scroll-chapter{height:215svh}
.showcase-page .pyramid-scroll-sticky{background:#181a1b;contain:paint}
.showcase-page .pyramid-scroll-ground{z-index:0;opacity:1;background:linear-gradient(135deg,#f9f6ef,#eae6dc);will-change:opacity}
.showcase-page .pyramid-scroll-art{inset:6% 0 -12% 24%;filter:grayscale(1) brightness(.88) contrast(1.13);opacity:.88;z-index:1}
.showcase-page .pyramid-scroll-art img{object-fit:cover;object-position:50% 45%;mask-image:none;-webkit-mask-image:none}
.showcase-page .pyramid-scroll-illumination{inset:auto;top:0;left:0;width:240px;height:240px;border-radius:50%;z-index:2;background:radial-gradient(circle,#fffaf2fa 0%,#ffedb4dc 9%,#e5a75fa0 22%,#b17b3d36 44%,transparent 68%);mix-blend-mode:screen;filter:none;opacity:1;will-change:transform;pointer-events:none;transform:translate3d(-400px,-400px,0)}
.showcase-page .pyramid-scroll-copy{color:#f7efe6;opacity:0;z-index:3;text-shadow:0 2px 12px #0009;will-change:opacity}
.showcase-page .pyramid-scroll-copy h2 em{color:#ead0aa}
.showcase-page .pyramid-scroll-copy p{opacity:1}
.showcase-page .pyramid-scroll-guide{opacity:1}
@media(max-width:700px){.showcase-page .pyramid-scroll-chapter{height:195svh}.showcase-page .pyramid-scroll-art{inset:12% -8% 4% 0;opacity:.85}.showcase-page .pyramid-scroll-illumination{width:170px;height:170px}.showcase-page .pyramid-scroll-copy{top:50%;max-width:85%}}
@media(prefers-reduced-motion:reduce){.showcase-page .pyramid-scroll-chapter{height:105svh}.showcase-page .pyramid-scroll-ground{opacity:0!important}.showcase-page .pyramid-scroll-copy{opacity:1!important}.showcase-page .pyramid-scroll-illumination{transform:translate3d(55vw,15vh,0)!important}}

/* Isolated particle logo laboratory: canvas-only movement, no expensive blur per grain. */
.showcase-page .sigil-particle-lab{padding-bottom:90px}
.showcase-page .sigil-particle-study{height:clamp(420px,60vw,630px);position:relative;overflow:hidden;border:1px solid #d6c4a12b;background:radial-gradient(ellipse at 50% 44%,#241e1a 0%,#0b0d0d 68%,#080a0a);touch-action:pan-y;outline:none;contain:layout paint}
.showcase-page .sigil-particle-study:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.showcase-page .sigil-particle-study canvas{width:100%;height:100%;display:block}
.showcase-page .sigil-particle-hint{position:absolute;bottom:18px;left:20px;font-size:10px;letter-spacing:.16em;color:#c8b49baa;pointer-events:none}
.showcase-page .sigil-action{display:flex;align-items:center;justify-content:center;gap:16px;padding:24px 0;color:var(--bronze);font-size:10px;letter-spacing:.2em}
.showcase-page .sigil-infinity-button{width:58px;height:44px;border:1px solid #c7a58b66;background:transparent;color:var(--bronze);font-size:32px;line-height:1;cursor:pointer;border-radius:50%;transition:border-color .2s,transform .2s}
.showcase-page .sigil-infinity-button:hover{border-color:var(--bronze);transform:scale(1.08)}
.showcase-page .sigil-infinity-button:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
html[data-theme="light"] .showcase-page .sigil-particle-study{background:radial-gradient(ellipse at center,#f9f4e9,#e8dcc9 72%,#d5c4ae);border-color:#82674846}
html[data-theme="light"] .showcase-page .sigil-particle-hint{color:#745b48}
@media(max-width:700px){.showcase-page .sigil-particle-study{height:460px}.showcase-page .sigil-particle-hint{font-size:8px;left:14px;bottom:16px}.showcase-page .sigil-particle-lab{padding-bottom:55px}}

/* Sigil interaction v2: ambient hovering, click burst and inert sand fall. */
.showcase-page .sigil-particle-study{cursor:crosshair}
.showcase-page .sigil-particle-study[data-particle-mode="fallen"]{cursor:default}
.showcase-page .sigil-particle-study:after{content:"";position:absolute;left:0;right:0;bottom:0;height:25px;background:linear-gradient(0deg,#e5b17a1c,transparent);pointer-events:none;opacity:0;transition:opacity .45s}
.showcase-page .sigil-particle-study[data-particle-mode="fallen"]:after{opacity:1}
html[data-theme="light"] .showcase-page .sigil-particle-study:after{background:linear-gradient(0deg,#88664b26,transparent)}
.showcase-page .sigil-infinity-button{min-width:58px;touch-action:manipulation}

/* 08 / A simulation of the Blackwall: its own canvas, dark in both site themes. */
.showcase-page .blackwall-lab{padding-top:105px;padding-bottom:100px}
.showcase-page .blackwall-lab .lab-heading h2 em{font-family:Georgia,serif;font-weight:400;color:var(--bronze)}
.showcase-page .blackwall-trigger{color:var(--bronze);border-color:#b7a19370}
.showcase-page .blackwall-stage{position:relative;isolation:isolate;overflow:hidden;width:100%;height:clamp(430px,62vw,690px);background:#080409;cursor:crosshair;touch-action:pan-y;outline:none;border:1px solid #ad5a6a61;box-shadow:inset 0 0 50px #17090f,0 30px 80px #08050933;contain:layout paint}
.showcase-page .blackwall-stage:focus-visible{outline:2px solid var(--bronze);outline-offset:4px}
.showcase-page .blackwall-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.showcase-page .blackwall-stage:before{content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:.36;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#1006098a 4px),linear-gradient(90deg,#03020467,transparent 13%,transparent 84%,#030204bd);mix-blend-mode:multiply}
.showcase-page .blackwall-stage:after{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#0201046b,transparent 25%,transparent 65%,#06040878),radial-gradient(ellipse 80% 75% at 48% 43%,transparent 48%,#000a 100%);box-shadow:inset 0 0 85px #030204bb}
.showcase-page .blackwall-hud,.showcase-page .blackwall-foot{position:absolute;left:3.5%;right:3.5%;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:.19em;font-family:"Courier New",monospace;color:#e5bec4b8;pointer-events:none;text-shadow:0 2px 9px #000b}
.showcase-page .blackwall-hud{top:24px}
.showcase-page .blackwall-hud-right{display:flex;align-items:center;gap:9px;text-align:right}
.showcase-page .blackwall-state-dot{display:inline-block;width:5px;height:5px;background:#d78a86;box-shadow:0 0 12px #ff466c}
.showcase-page .blackwall-stage[data-threat="impact"] .blackwall-state-dot{background:#ff3355;box-shadow:0 0 15px 3px #ff2954}
.showcase-page .blackwall-foot{bottom:23px;color:#e4acbdc2}
.showcase-page .blackwall-contact-label b{font-size:15px}
.showcase-page .blackwall-transmission{position:absolute;z-index:4;right:5%;top:18%;width:205px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;color:#f9d3bc;text-shadow:0 0 15px #b32249a4;pointer-events:none;font-family:"Courier New",monospace}
.showcase-page .blackwall-transmission small{font-size:9px;color:#f76c87;letter-spacing:.12em}
.showcase-page .blackwall-transmission strong{font-size:17px;line-height:1.17;font-weight:400;letter-spacing:.07em}
.showcase-page .blackwall-transmission>span{font-size:9px;line-height:1.6;color:#e2b2aebd;letter-spacing:.055em}
.showcase-page .blackwall-measure{position:absolute;z-index:4;left:3.5%;bottom:14%;display:grid;grid-template-columns:16px auto;align-items:center;column-gap:9px;row-gap:5px;pointer-events:none;color:#f2a7b1d1;font:10px "Courier New",monospace;letter-spacing:.12em;text-shadow:0 0 12px #b2315080}
.showcase-page .blackwall-glyph{font-size:19px;color:#ffa3b6;grid-row:span 2}
.showcase-page .blackwall-measure strong{font-size:23px;letter-spacing:.02em;font-weight:400;color:#fff0e0}
.showcase-page .blackwall-note{margin:23px 0 0!important;max-width:680px;font-size:12px;line-height:1.75;color:var(--stone)}
@media(max-width:700px){
 .showcase-page .blackwall-lab{padding-top:72px;padding-bottom:62px}
 .showcase-page .blackwall-lab .lab-heading{align-items:flex-start;flex-direction:column;gap:23px}
 .showcase-page .blackwall-stage{height:480px}
 .showcase-page .blackwall-hud,.showcase-page .blackwall-foot{font-size:7px;letter-spacing:.085em;left:14px;right:14px}
 .showcase-page .blackwall-hud{top:19px}.showcase-page .blackwall-foot{bottom:18px}
 .showcase-page .blackwall-transmission{top:19%;right:4%;width:125px;gap:5px}
 .showcase-page .blackwall-transmission strong{font-size:12px}
 .showcase-page .blackwall-transmission small,.showcase-page .blackwall-transmission>span{font-size:7px}
 .showcase-page .blackwall-measure{bottom:14%;left:15px}
 .showcase-page .blackwall-measure strong{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.showcase-page .blackwall-stage{cursor:default}}

/* Blackwall v3: only the actual animated light-bar field, no decorative glyph overlays. */
.showcase-page .blackwall-stage{background:#060208;border-color:#7d345c80;box-shadow:inset 0 0 55px #180317,0 28px 85px #07020755}
.showcase-page .blackwall-stage:before{opacity:.15;background:repeating-linear-gradient(0deg,#0000 0px,#0000 3px,#0005 4px);mix-blend-mode:multiply}
.showcase-page .blackwall-stage:after{background:radial-gradient(ellipse 78% 90% at 45% 45%,transparent 56%,#01010575 100%),linear-gradient(90deg,#09030b33,transparent 16%,transparent 82%,#050208a3);box-shadow:inset 0 0 45px #04010690}
.showcase-page .blackwall-canvas{z-index:0}
.showcase-page .blackwall-trigger{letter-spacing:.1em}

/* Antumnos playable experiments 14–15 */
.showcase-page .ant-new-chapter{padding-top:115px;padding-bottom:85px}
.showcase-page .ant-new-heading{align-items:flex-end;gap:22px}
.showcase-page .ant-new-heading h2 em{font-family:Georgia,serif;font-weight:400;color:var(--bronze)}
.showcase-page .ant-new-buttons{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}
.showcase-page .ant-new-buttons .lab-control{min-height:43px;border:1px solid #b69d8066;color:var(--bronze);padding:11px 15px;font-size:10px;letter-spacing:.09em;white-space:nowrap;-webkit-tap-highlight-color:transparent}
.showcase-page .ant-new-buttons .lab-control:hover{background:#bb966b18;border-color:#c49f76}
.showcase-page .ant-new-stage{position:relative;isolation:isolate;overflow:hidden;border:1px solid #b49d7c68;height:clamp(440px,54vw,610px);background:#0e1013;contain:layout paint;touch-action:pan-y;outline:none;cursor:crosshair;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none}
.showcase-page .ant-new-stage:focus-visible{outline:2px solid var(--bronze);outline-offset:5px}
.showcase-page .ant-new-stage canvas{width:100%;height:100%;display:block;pointer-events:none}
.showcase-page .ant-new-topbar,.showcase-page .ant-new-bottom{position:absolute;z-index:2;left:22px;right:22px;display:flex;justify-content:space-between;gap:15px;color:#ddc7abaf;font:10px/1.4 "Courier New",monospace;letter-spacing:.15em;pointer-events:none;text-shadow:0 2px 14px #0008}
.showcase-page .ant-new-topbar{top:23px}.showcase-page .ant-new-bottom{bottom:19px}
.showcase-page .ant-virus-scores,.showcase-page .ant-world-stats{position:absolute;display:flex;gap:19px;left:23px;bottom:53px;z-index:2;pointer-events:none;font:10px/1.5 "Courier New",monospace;color:#d6b998bf;letter-spacing:.12em}
.showcase-page .ant-virus-scores span,.showcase-page .ant-world-stats span{display:flex;flex-direction:column;gap:4px}
.showcase-page .ant-virus-scores strong,.showcase-page .ant-world-stats strong{font-size:22px;font-weight:400;letter-spacing:.03em;color:#f0d6b1}
.showcase-page .ant-world-stats strong{font-size:17px}
.showcase-page .ant-new-note{max-width:760px;font-size:12px;line-height:1.75;margin:22px 0 0;color:var(--stone)}
.showcase-page .ant-world-stage{background:#12141a}
html[data-theme=light] .showcase-page .ant-world-stage{border-color:#97795788;background:#eee2ce}
html[data-theme=light] .showcase-page .ant-world-stage .ant-new-topbar,html[data-theme=light] .showcase-page .ant-world-stage .ant-new-bottom,html[data-theme=light] .showcase-page .ant-world-stats{color:#594938c7;text-shadow:0 1px 8px #fff5}
html[data-theme=light] .showcase-page .ant-world-stats strong{color:#5a412e}
@media(max-width:700px){.showcase-page .ant-new-chapter{padding-top:70px;padding-bottom:48px}.showcase-page .ant-new-heading{align-items:flex-start;flex-direction:column;gap:16px}.showcase-page .ant-new-buttons{justify-content:flex-start}.showcase-page .ant-new-stage{height:470px}.showcase-page .ant-new-topbar,.showcase-page .ant-new-bottom{left:14px;right:14px;font-size:8px;letter-spacing:.08em}.showcase-page .ant-new-topbar{top:14px}.showcase-page .ant-new-bottom{bottom:14px}.showcase-page .ant-virus-scores,.showcase-page .ant-world-stats{left:15px;bottom:47px;gap:14px;font-size:8px}.showcase-page .ant-virus-scores strong{font-size:18px}.showcase-page .ant-world-stats strong{font-size:12px}.showcase-page .ant-new-note{font-size:11px}}
@media(prefers-reduced-motion:reduce){.showcase-page .ant-new-stage{cursor:default}}

/* Blackwall responsive frame and bilingual content: restore layout missing from newer stylesheet. */
.showcase-page .black-wall-lab .lab-copy{max-width:760px}
.showcase-page .black-wall-lab .lab-copy .lab-hint{max-width:680px}
.showcase-page .black-wall-es{display:none}
.showcase-page:lang(es) .black-wall-en{display:none}
.showcase-page:lang(es) .black-wall-es{display:block}
.showcase-page .black-wall-frame{position:relative;overflow:hidden;border:1px solid #963d623b;background:#070509;box-shadow:0 25px 85px #0000003d}
.showcase-page .black-wall-frame iframe{display:block;width:100%;height:clamp(390px,59vw,710px);border:0;background:#070509}
.showcase-page .black-wall-credit{position:absolute;right:18px;top:17px;color:#f1bbca88;letter-spacing:.17em;font:10px/1.3 "Courier New",monospace;pointer-events:none}
@media(max-width:800px){.showcase-page .black-wall-frame iframe{height:clamp(390px,118vw,570px)}.showcase-page .black-wall-credit{right:12px;top:12px;font-size:9px}}

/* The drawing should receive touch input without browser tap highlight. */
.showcase-page .black-wall-frame iframe{-webkit-tap-highlight-color:transparent;max-width:100%}

/* Curation and proximity typography */
.showcase-page .showcase-archive-link{margin:0 0 38px;font-size:14px}
.showcase-page .showcase-archive-link a{border-bottom:1px solid var(--line);padding-bottom:5px}
.showcase-page .proximity-study.is-ready:not(.is-revealed):not(.is-reduced) .proximity-text{color:#0b100e}
.showcase-page .proximity-study.is-ready.is-lit:not(.is-revealed):not(.is-reduced) .proximity-text{color:transparent;background-image:radial-gradient(circle 235px at var(--text-light-x,-500px) var(--text-light-y,-500px),#fff9eb 0%,#e3dccb 14%,#a39d90 37%,#4c5149 68%,#0b100e 100%);-webkit-background-clip:text;background-clip:text}
@media(max-width:800px){.showcase-page .proximity-study.is-ready.is-lit:not(.is-revealed):not(.is-reduced) .proximity-text{background-image:radial-gradient(circle 155px at var(--text-light-x,-500px) var(--text-light-y,-500px),#fff9eb 0%,#e3dccb 14%,#a39d90 37%,#4c5149 68%,#0b100e 100%)}}
.showcase-page .ant-world-stage,html[data-theme=light] .showcase-page .ant-world-stage{background:#07131d;border-color:#6a97a15e}
html[data-theme=light] .showcase-page .ant-world-stage .ant-new-topbar,html[data-theme=light] .showcase-page .ant-world-stage .ant-new-bottom,html[data-theme=light] .showcase-page .ant-world-stats{color:#bfd4d7b8;text-shadow:0 2px 12px #0008}
html[data-theme=light] .showcase-page .ant-world-stats strong{color:#d6e9ed}