*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#0a0a0a;--dark:#101014;--surface:#1a1a1f;--surface-light:#26262e;--border:#2a2a33;--border-light:#3a3a46;--text:#f2f0eb;--text-secondary:#a3a39d;--text-muted:#6d6d68;--lime:#ccff00;--accent:var(--lime);--louvre-ink:#101318;--louvre-bone:#ece7dd;--amber-hot:#ffb03a;--amber-mid:#ff7b1c;--amber-deep:#d4530e;--paper:#efe9dc;--paper-ink:#17130c;--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}html{scroll-behavior:auto;overflow-x:clip}body{background:var(--dark);color:var(--text);font-family:'Space Grotesk',system-ui,-apple-system,sans-serif;font-weight:400;overflow-x:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.5;min-height:100svh}::selection{background:var(--lime);color:var(--black)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--dark)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:4px;border:2px solid var(--dark)}::-webkit-scrollbar-thumb:hover{background:var(--border-light)}.showcase-shell{display:flex;flex-direction:column;width:min(100%,1160px);min-height:100svh;margin:0 auto;padding:clamp(0.75rem,2.5vw,1.5rem);justify-content:center}.showcase-toolbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.75rem;flex-wrap:wrap}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.68rem;letter-spacing:0.08em;line-height:1.35;text-transform:uppercase}.showcase-prompt strong{color:var(--text);font-weight:600}.showcase-prompt__dot{flex:0 0 auto;width:0.45rem;height:0.45rem;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}.showcase-modes{display:inline-flex;align-items:center;gap:0.3rem;background:var(--surface);padding:0.25rem;border-radius:999px;border:1px solid var(--border)}.showcase-modes button{border:none;background:transparent;color:var(--text-secondary);font-family:'JetBrains Mono',monospace;font-size:0.66rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;padding:0.38rem 0.85rem;border-radius:999px;cursor:pointer;transition:color 0.25s var(--ease-out-expo),background 0.25s var(--ease-out-expo)}.showcase-modes button:hover{color:var(--text);background:rgba(255,255,255,0.06)}.showcase-modes button:focus-visible{outline:2px solid var(--lime);outline-offset:1px}.showcase-modes button[aria-pressed="true"]{background:var(--lime);color:var(--black);font-weight:700}.showcase-stage{width:100%;position:relative}.shutter{position:relative;width:100%;aspect-ratio:16 / 9;max-height:580px;border-radius:14px;overflow:hidden;background:var(--louvre-ink);perspective:1100px;perspective-origin:50% 50%;user-select:none;-webkit-user-select:none;touch-action:pan-y;box-shadow:0 25px 50px -12px rgba(0,0,0,0.7),0 0 0 1px rgba(255,255,255,0.05)}.shutter:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.shutter__underlay{position:absolute;inset:-18px;background:radial-gradient(85% 110% at 72% 18%,var(--amber-hot) 0%,var(--amber-mid) 46%,var(--amber-deep) 100%);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(2rem,5vw,3.4rem);pointer-events:none;z-index:1;color:var(--paper-ink)}.underlay-glow{position:absolute;right:12%;top:8%;width:clamp(160px,24vw,300px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,244,214,0.95) 0%,rgba(255,210,130,0.5) 45%,transparent 72%);filter:blur(6px);pointer-events:none}.underlay-eyebrow,.underlay-foot{position:relative;font-family:'JetBrains Mono',monospace;font-size:clamp(0.6rem,1.1vw,0.72rem);font-weight:600;text-transform:uppercase;letter-spacing:0.12em}.underlay-foot{display:flex;gap:clamp(1rem,3vw,2.5rem)}.underlay-title{position:relative;font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(3rem,11vw,8.5rem);line-height:0.9;letter-spacing:-0.03em;text-transform:uppercase}.shutter__art{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.4rem,4vw,2.75rem) clamp(1.4rem,4vw,3rem);z-index:2}.shutter__art[hidden]{display:none}.shutter__art--front{background:linear-gradient(165deg,#14181f 0%,var(--louvre-ink) 55%,#0b0e12 100%);color:var(--louvre-bone)}.shutter__art--back{background:linear-gradient(165deg,#f4efe4 0%,var(--paper) 60%,#e4dcc9 100%);color:var(--paper-ink)}.shutter__art--front::after,.shutter__art--back::after{content:'';position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient( to bottom,transparent 0,transparent calc(100% / 12 - 1px),rgba(0,0,0,0.35) calc(100% / 12 - 1px),rgba(0,0,0,0.35) calc(100% / 12) )}.shutter__art--back::after{background:repeating-linear-gradient( to bottom,transparent 0,transparent calc(100% / 12 - 1px),rgba(23,19,12,0.14) calc(100% / 12 - 1px),rgba(23,19,12,0.14) calc(100% / 12) )}.shutter.is-built > .shutter__art{z-index:0}.shutter.is-built > .shutter__art::after{content:none}.art-eyebrow,.art-foot{display:flex;justify-content:space-between;gap:1rem;font-family:'JetBrains Mono',monospace;font-size:clamp(0.6rem,1.1vw,0.72rem);font-weight:600;text-transform:uppercase;letter-spacing:0.12em}.shutter__art--front .art-eyebrow,.shutter__art--front .art-foot{color:rgba(236,231,221,0.72)}.shutter__art--back .art-eyebrow,.shutter__art--back .art-foot{color:rgba(23,19,12,0.6)}.art-title{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(3.4rem,13.5vw,10rem);line-height:0.9;letter-spacing:-0.03em;text-transform:uppercase}.shutter__art--back .art-title{font-size:clamp(2.8rem,10.5vw,7.75rem)}.shutter__slats{position:absolute;inset:0;display:flex;flex-direction:column;z-index:3;transform-style:preserve-3d;pointer-events:none}.shutter__slat{position:relative;flex:1;width:100%;transform-style:preserve-3d}.shutter__hinge{position:absolute;inset:-0.5px 0;height:calc(100% + 1px);transform-style:preserve-3d;transform-origin:50% 50%;will-change:transform}.shutter__face{position:absolute;inset:0;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden}.shutter__face--front{background:var(--louvre-ink);box-shadow:inset 0 1px 0 rgba(255,255,255,0.08),inset 0 -1px 0 rgba(0,0,0,0.7)}.shutter__face--back{background:var(--paper);transform:rotateX(180deg);box-shadow:inset 0 1px 0 rgba(255,255,255,0.4),inset 0 -1px 0 rgba(23,19,12,0.22)}.shutter__slice{position:absolute;left:0;top:calc(var(--slat-i,0) * var(--shutter-unit,0px) * -1);width:100%;height:var(--shutter-h,100%);pointer-events:none}.shutter__slice > .shutter__art{inset:0}.shutter__slice > .shutter__art::after{content:none}.shutter__specular{position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(255,205,130,0.75) 50%,transparent 100%);opacity:0;pointer-events:none}.shutter__shadow{position:absolute;top:100%;left:0;width:100%;height:34px;background:linear-gradient(to bottom,rgba(0,0,0,0.8) 0%,rgba(0,0,0,0) 100%);transform-origin:50% 0%;opacity:0;pointer-events:none;will-change:opacity,transform}@media (max-width:900px){.shutter{aspect-ratio:auto;height:min(72svh,560px)}}@media (max-width:640px){.showcase-shell{padding:0.6rem}.showcase-toolbar{flex-direction:column;align-items:stretch;gap:0.6rem}.showcase-modes{width:100%;justify-content:space-between}.showcase-modes button{padding:0.38rem 0.55rem;font-size:0.6rem}.shutter{height:min(78svh,520px);border-radius:10px}.art-title{font-size:clamp(2.2rem,13.5vw,4rem)}.shutter__art--back .art-title{font-size:clamp(1.8rem,10.5vw,3.2rem)}.underlay-title{font-size:clamp(1.9rem,11vw,3.4rem)}.art-eyebrow,.art-foot,.underlay-eyebrow,.underlay-foot{font-size:0.56rem;letter-spacing:0.08em}.underlay-foot,.art-foot{flex-wrap:wrap;gap:0.4rem 1rem}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}.shutter__hinge{transform:none !important}.shutter__specular,.shutter__shadow{display:none !important}}