*{margin:0;padding:0;box-sizing:border-box}:root{color-scheme:dark;--black:#06060b;--dark:#0b0b14;--surface:#14141f;--surface-light:#1d1d2b;--border:#262636;--border-light:#35354a;--text:#ffffff;--text-secondary:#b0b0c0;--text-muted:#8e8ea2;--cyan:#22d3ee;--accent:var(--cyan);--ease-out-expo:cubic-bezier(0.16,1,0.3,1)}html{scroll-behavior:auto;overflow:clip}body{background:radial-gradient(120% 90% at 50% -10%,#17172c 0%,transparent 60%),var(--black);color:var(--text);font-family:'Space Grotesk',system-ui,sans-serif;overflow:clip;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}::selection{background:var(--accent);color:var(--black)}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--black)}::-webkit-scrollbar-thumb{background:var(--surface-light);border-radius:5px;border:2px solid var(--black)}h1,h2,h3{font-family:'Syne',system-ui,sans-serif;font-weight:800;line-height:1;letter-spacing:-0.03em}.showcase-shell{display:grid;width:min(100%,1040px);min-height:100svh;margin:0 auto;padding:clamp(0.9rem,2.4vw,1.6rem);align-content:center}.showcase-toolbar{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:0.85rem}.showcase-prompt{display:flex;align-items:center;gap:0.55rem;color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.65rem;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.42rem;height:0.42rem;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent)}.showcase-stage{width:100%}.showcase-modes{display:flex;align-items:center;gap:0.3rem;flex:0 0 auto}.showcase-modes__label{color:var(--text-muted);font-family:'JetBrains Mono',monospace;font-size:0.6rem;letter-spacing:0.14em;text-transform:uppercase;margin-right:0.3rem}.showcase-modes button{padding:0.34rem 0.72rem;font-family:'JetBrains Mono',monospace;font-size:0.62rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--text-secondary);background:transparent;border:1px solid var(--border);border-radius:999px;cursor:pointer;transition:color 0.25s,border-color 0.25s,background 0.25s}.showcase-modes button:hover{color:var(--text);border-color:var(--border-light)}.showcase-modes button[aria-pressed="true"]{color:var(--black);background:var(--accent);border-color:var(--accent)}.showcase-modes button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}[data-fracture]{position:relative;touch-action:none;-webkit-user-select:none;user-select:none;cursor:crosshair}[data-fracture] img,[data-fracture] a{-webkit-user-drag:none}.fracture-plate{position:absolute;inset:0}.is-fractured > .fracture-plate{pointer-events:none}.is-broken > .fracture-plate{opacity:0}.fracture-field{position:absolute;inset:0;opacity:0;pointer-events:none}.is-broken > .fracture-field{opacity:1}.fracture-shard{position:absolute;will-change:transform;backface-visibility:hidden}.fracture-shard__art{position:absolute;overflow:hidden}.fracture-shard__light{position:absolute;inset:-2px;opacity:0;pointer-events:none;background:linear-gradient( var(--fracture-angle,135deg),rgba(255,255,255,0.95) 0%,rgba(140,240,255,0.55) 12%,rgba(255,255,255,0) 38%,rgba(255,45,130,0.22) 68%,rgba(0,0,0,0.62) 100%)}.fracture-cracks{position:absolute;inset:0;width:100%;height:100%;opacity:0;pointer-events:none;overflow:visible}.fracture-cracks path{fill:none;stroke:rgba(255,255,255,0.9);stroke-width:1;vector-effect:non-scaling-stroke}.fracture-bloom{position:absolute;left:-160px;top:-160px;width:320px;height:320px;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(255,255,255,0.9) 0%,rgba(120,235,255,0.45) 26%,rgba(120,235,255,0) 68%)}[data-fracture]:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.poster-frame{height:clamp(300px,62svh,545px);box-shadow:0 40px 90px -30px rgba(0,0,0,0.85)}.poster{position:absolute;inset:0;container-type:inline-size;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.1rem,3.4cqw,2.4rem);overflow:hidden;isolation:isolate;background:radial-gradient(78% 120% at 12% 8%,rgba(97,62,255,0.95) 0%,rgba(97,62,255,0) 58%),radial-gradient(62% 96% at 92% 14%,rgba(255,42,118,0.85) 0%,rgba(255,42,118,0) 55%),radial-gradient(90% 120% at 68% 108%,rgba(0,224,255,0.75) 0%,rgba(0,224,255,0) 62%),linear-gradient(154deg,#120b2e 0%,#1b0b34 42%,#05060f 100%);box-shadow:0 0 0 1px rgba(255,255,255,0.07) inset}.poster::before{content:'';position:absolute;inset:0;z-index:0;background:repeating-linear-gradient(115deg,rgba(255,255,255,0.055) 0px,rgba(255,255,255,0.055) 1px,transparent 1px,transparent 9px);mask-image:radial-gradient(78% 100% at 30% 40%,#000 0%,transparent 78%)}.poster::after{content:'';position:absolute;left:58%;top:50%;z-index:0;width:58cqw;height:58cqw;transform:translate(-50%,-50%);border:2px solid rgba(255,255,255,0.3);border-radius:50%;mask-image:linear-gradient(200deg,#000 30%,transparent 82%)}.poster__row{position:relative;z-index:1;display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.poster__kicker,.poster__mark,.poster__foot{font-family:'JetBrains Mono',monospace;font-size:clamp(0.54rem,1.15cqw,0.72rem);letter-spacing:0.28em;text-transform:uppercase;color:rgba(255,255,255,0.72)}.poster__mark{color:rgba(255,255,255,0.45)}.poster__core{position:relative;z-index:1;padding:0.4rem 0}.poster__title{font-size:clamp(2.4rem,10.2cqw,6.8rem);color:#fff;text-shadow:0 12px 44px rgba(0,0,0,0.35)}.poster__title em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,0.75)}@container (max-width:560px){.poster__title{font-size:19cqw;line-height:0.92}.poster__title em{display:block}}.poster__line{max-width:26ch;margin-top:clamp(0.5rem,1.6cqw,1rem);font-size:clamp(0.86rem,2cqw,1.28rem);font-weight:500;line-height:1.35;color:rgba(255,255,255,0.85)}.poster__foot{color:rgba(255,255,255,0.5)}@media (max-width:760px){.showcase-shell{padding:0.85rem;align-content:center}.showcase-toolbar{align-items:flex-start;flex-direction:column;gap:0.55rem;margin-bottom:0.7rem}.showcase-prompt span:last-child{display:none}.showcase-modes__label{display:none}.poster-frame{height:clamp(330px,64svh,560px)}.poster__line{max-width:20ch}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important}[data-fracture]{cursor:default}.showcase-modes{display:none}}.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}