:root{--bg:#0c0b0d;--fg:#f1e9ed;--pink:#db7ca6;--muted:#a7a0a7;--line:#414044}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 55% 23%,#201b1f 0%,#100e11 34%,var(--bg) 77%);color:var(--fg);font-family:'DM Sans',Arial,sans-serif}button{font:inherit;cursor:pointer}main{width:100%;overflow:hidden}.hero{min-height:505px;padding:17px clamp(24px,3.2vw,60px) 20px}.hero h1{font-size:clamp(24px,3vw,42px);letter-spacing:-.055em;line-height:1.1;text-align:center;margin:0;font-weight:800}.hero-inner{max-width:1530px;margin:38px auto 0;display:grid;grid-template-columns:1fr 290px;gap:30px;align-items:center}.hero-copy{text-align:center;min-width:0}.name-line{display:flex;justify-content:center;align-items:baseline;gap:16px;white-space:nowrap}.neon-name{font-size:clamp(42px,5vw,78px);font-weight:400;letter-spacing:.06em;color:rgba(219,124,166,.11);-webkit-text-stroke:1.3px #ed8eb8;text-shadow:0 0 7px #d86f9b,0 0 18px rgba(255,96,164,.7),0 0 38px rgba(240,107,159,.34)}.esq{color:#ef95ba;font-size:clamp(19px,1.8vw,30px);font-weight:800}.hero-copy h2{margin:30px 0 12px;font-size:clamp(23px,2.1vw,32px);letter-spacing:-.045em}.hero-copy h2 span{margin-left:24px}.hero-copy p{font-size:13px;color:#bcb4bc;font-weight:700}.portrait{width:290px;height:386px;object-fit:cover;object-position:center;border-radius:8px;box-shadow:0 8px 42px rgba(0,0,0,.55);border:1px solid #464047}.creative{margin:0 clamp(18px,3.2vw,60px)}.word-stage{height:min(42vw,704px);min-height:430px;position:relative;border:1px solid #4b494e;border-radius:19px;background:radial-gradient(ellipse at 52% 57%,#1f1b1f,#100e11 69%,#0a090b);box-shadow:inset 0 0 35px rgba(0,0,0,.65)}.sparkle{position:absolute;top:16px;left:20px;color:#f8c8df;font-size:24px}.grid-art{position:absolute;inset:7% 5% 9%;container-type:size}.xw{--cols:20;--rows:15;--cell:min(calc(100cqw / var(--cols)),calc(100cqh / var(--rows)));position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(var(--cell) * var(--cols));height:calc(var(--cell) * var(--rows));display:grid;grid-template-columns:repeat(var(--cols),1fr);grid-template-rows:repeat(var(--rows),1fr)}.word{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;grid-auto-rows:1fr;font-weight:500;font-family:'DM Sans',sans-serif;line-height:1;font-size:calc(var(--cell) * .74);color:rgba(255,255,255,.1);-webkit-text-stroke:1px #e6d9e0;text-shadow:0 0 5px rgba(255,225,240,.62),0 0 19px rgba(255,201,225,.22);transition:filter .25s,opacity .25s,transform .25s}.word.pink{-webkit-text-stroke:1px #e184af;color:rgba(221,119,162,.13);text-shadow:0 0 5px rgba(255,117,178,.55),0 0 16px rgba(236,89,155,.19)}.word.v{grid-auto-flow:row}.word>i{font-style:normal;display:flex;align-items:center;justify-content:center}.word:hover,.word.active{filter:brightness(1.6);cursor:pointer}.word-stage.paused .word{filter:none!important}.stage-credit{position:absolute;bottom:14px;right:20px;font:8px 'Space Mono',monospace;letter-spacing:.23em;color:#aaa1ab}.stage-meta{padding:16px 0;border-bottom:1px solid #48434a;display:flex;justify-content:space-between;gap:15px;color:#a8a0a9;font:10px 'Space Mono',monospace;letter-spacing:.13em}.text-button{padding:0;border:0;background:transparent;color:#bfaeb9;text-decoration:underline;text-underline-offset:2px;font:10px 'Space Mono',monospace;letter-spacing:.08em}.text-button:hover{color:#f9b1d1}.disciplines{margin:26px clamp(18px,3.6vw,64px) 15px;min-height:157px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.eyebrow{font:10px 'Space Mono',monospace;letter-spacing:.19em;color:#aea5ae}.discipline-info h2{font-size:clamp(34px,4vw,58px);letter-spacing:-.06em;line-height:1.1;margin:10px 0 18px}.discipline-info p{font-size:15px;line-height:1.5;margin:0}.pills{display:flex;flex-wrap:wrap;gap:8px;align-content:start}.pill{border:1px solid #514a51;border-radius:24px;color:#f2e5ed;background:transparent;font-size:10px;font-weight:800;letter-spacing:.09em;padding:11px 16px;transition:background .2s,border .2s}.pill:hover,.pill.selected{border-color:#d99abe;background:rgba(221,124,166,.12)}footer{display:flex;justify-content:space-between;gap:15px;margin:0 clamp(18px,3.6vw,64px);padding:15px 0 20px;color:#a9a0aa;font:10px 'Space Mono',monospace}body.light{--bg:#f5edf1;--fg:#221b21;--muted:#72636c;background:#f5edf1}body.light .word-stage{background:#f8eef4;border-color:#dbb9cc}body.light .word{filter:brightness(.72)}body.light .hero-copy p,body.light .stage-meta,body.light footer,body.light .eyebrow{color:#66545e}body.light .pill{color:#251d24;border-color:#9e8291}body.light .discipline-info p{color:#251d24}
@media(max-width:900px){.hero{min-height:auto;padding-bottom:36px}.hero-inner{grid-template-columns:1fr 220px;gap:15px;margin-top:32px}.portrait{width:220px;height:294px}.name-line{white-space:normal;flex-wrap:wrap;gap:6px}.neon-name{font-size:clamp(34px,6vw,61px)}.esq{font-size:20px}.hero-copy h2 span{margin-left:8px}.word-stage{height:55vw;min-height:350px}.grid-art{inset:10% 3% 9%}.disciplines{grid-template-columns:1fr;gap:20px}.pills{max-width:800px}}@media(max-width:600px){.hero h1{font-size:27px}.hero-inner{display:flex;flex-direction:column-reverse;margin-top:24px}.portrait{width:185px;height:246px}.hero-copy h2{margin-top:22px;font-size:22px}.hero-copy h2 span{display:inline-block}.name-line{flex-wrap:nowrap}.neon-name{font-size:clamp(30px,8vw,47px);letter-spacing:.01em}.esq{font-size:16px}.word-stage{min-height:260px;height:70vw;border-radius:12px}.grid-art{inset:12% 2% 12%}.sparkle{top:8px;left:10px;font-size:17px}.stage-credit{font-size:5px;bottom:8px;right:8px}.stage-meta{font-size:8px}.text-button{font-size:9px}.disciplines{margin-top:25px}.discipline-info h2{font-size:40px}.pill{padding:10px 11px;font-size:9px}footer{font-size:8px}}