:root{--bg:#070707;--fg:#f4f4ef;--muted:#f4f4ef9e;--line:#f4f4ef29;--neon:#ebff00;--neon-soft:#ebff002e;--panel:#ffffff0b;--mx:72vw;--my:26vh;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:var(--bg);color:var(--fg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);width:100%;height:100%;margin:0;overflow:hidden}body{text-rendering:geometricprecision;-webkit-font-smoothing:antialiased;min-height:100svh}button,a{font:inherit}.stage{isolation:isolate;background:radial-gradient(circle at 16% 12%, #f4f4ef16, transparent 28%), radial-gradient(circle at 84% 74%, #7866503b, transparent 34%), linear-gradient(135deg, #ffffff0b, transparent 36%), var(--bg);width:100%;height:100svh;position:relative;overflow:hidden}.stage:before{content:"";z-index:-3;background-image:linear-gradient(#f4f4ef0d 1px,#0000 1px),linear-gradient(90deg,#f4f4ef0d 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 72%);mask-image:radial-gradient(circle,#000,#0000 72%)}.stage:after{content:"";z-index:-2;background:radial-gradient(500px circle at var(--mx) var(--my), #ebff0024, #ebff000a 34%, transparent 68%);opacity:.2;pointer-events:none;transition:opacity .24s;position:absolute;inset:0}.stage.motion-enabled:after{opacity:1}.ambient{z-index:-1;opacity:.66;pointer-events:none;background:linear-gradient(90deg,#0000 0 9%,#ebff0029 9% 9.08%,#0000 9.08%),linear-gradient(#0000 0 74%,#f4f4ef1a 74% 74.12%,#0000 74.12%);position:absolute;inset:0}.content{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(240px,31vw);align-items:center;gap:clamp(22px,5vw,76px);height:100%;padding:clamp(22px,4.8vw,70px);display:grid;position:relative}.copy-zone{align-self:center;min-width:0}.name-line{width:fit-content;color:var(--muted);letter-spacing:.18em;text-transform:uppercase;opacity:0;margin:0 0 clamp(12px,2vh,22px);font-size:clamp(.72rem,1.25vw,.9rem);line-height:1.1;animation:.66s cubic-bezier(.2,.8,.2,1) 90ms forwards rise;transform:translateY(12px)}h1{max-width:8ch;color:var(--fg);letter-spacing:0;opacity:0;margin:0;font-size:clamp(5rem,16vw,15.2rem);font-weight:900;line-height:.76;animation:.76s cubic-bezier(.2,.8,.2,1) .15s forwards rise;transform:translateY(24px)}h1:first-letter{text-shadow:0 0 46px #ebff001a}.statement{color:#f4f4efe0;text-wrap:balance;opacity:0;max-width:720px;margin:clamp(18px,3vh,32px) 0 clamp(18px,3vh,30px);font-size:clamp(1.22rem,2.6vw,2.45rem);font-weight:680;line-height:1.09;animation:.7s cubic-bezier(.2,.8,.2,1) .23s forwards rise;transform:translateY(18px)}.portrait-zone{place-self:center end}.portrait-frame{aspect-ratio:1;opacity:0;filter:blur(8px);background:linear-gradient(135deg,#ebff001f,#0000 34%),linear-gradient(#ffffff14,#ffffff05),#0707075c;border:1px solid #f4f4ef33;border-radius:18px;width:min(31vw,420px);min-width:240px;padding:9px;transition:border-color .22s,box-shadow .22s,transform .22s;animation:.78s cubic-bezier(.2,.8,.2,1) .26s forwards portrait-in;position:relative;transform:translateY(18px)scale(.982);box-shadow:0 34px 110px #0000007a,0 0 0 1px #ebff000a}.portrait-frame:before,.portrait-frame:after{content:"";z-index:2;pointer-events:none;width:42%;height:42%;position:absolute}.portrait-frame:before{border-top:1px solid var(--neon);border-left:1px solid var(--neon);top:-1px;left:-1px}.portrait-frame:after{border-right:1px solid var(--neon);border-bottom:1px solid var(--neon);bottom:-1px;right:-1px}.portrait-frame:hover{border-color:#ebff006b;transform:rotate(1.2deg)translateY(-2px);box-shadow:0 38px 120px #00000085,0 0 54px #ebff0017}.portrait-frame img{object-fit:cover;object-position:center;filter:saturate(1.02)contrast(1.04);border-radius:12px;width:100%;height:100%;display:block}.link-zone{grid-column:1/-1}@keyframes rise{to{opacity:1;transform:translateY(0)}}@keyframes portrait-in{to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@media (width<=760px){.stage{min-height:0}.content{grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr) minmax(92px,25vw);align-items:start;gap:12px 18px;padding:clamp(18px,6vw,30px)}.copy-zone{grid-area:1/1/3/2;align-self:center;padding-top:22px}.portrait-zone{grid-area:1/2/2/3;align-self:start}.portrait-frame{border-radius:13px;width:clamp(92px,25vw,132px);min-width:0;padding:5px}.portrait-frame img{border-radius:9px}.portrait-frame:hover{transform:none}.link-zone{grid-column:1/-1;align-self:end}.name-line{margin-bottom:12px;font-size:.66rem}h1{font-size:clamp(4.25rem,22vw,7.8rem);line-height:.79}.statement{max-width:420px;margin:15px 0 17px;font-size:clamp(1.1rem,6.2vw,1.7rem);line-height:1.08}}@media (width<=420px){.content{grid-template-columns:minmax(0,1fr) 92px;padding:18px}h1{font-size:clamp(4rem,23vw,6.2rem)}}@media (height<=700px){.content{gap:10px 18px;padding-top:16px;padding-bottom:16px}.name-line{margin-bottom:10px}.statement{margin-top:12px;margin-bottom:13px}}@media (height<=600px) and (width<=760px){.copy-zone{padding-top:4px}.portrait-frame{width:76px}h1{font-size:clamp(3.4rem,19vw,5.5rem)}.statement{font-size:clamp(.98rem,4.6vw,1.25rem)}}@media (height<=500px) and (orientation:landscape){.content{grid-template-rows:1fr auto;grid-template-columns:minmax(0,1fr) minmax(160px,30vw);align-items:center;gap:10px 22px;padding:18px clamp(22px,4vw,44px)}.copy-zone{grid-area:1/1/2/2;align-self:center;padding-top:0}.portrait-zone{grid-area:1/2/2/3;align-self:center}.portrait-frame{width:min(30vw,100svh - 102px);min-width:148px;padding:6px}.link-zone{grid-column:1/-1;align-self:end}.name-line{margin-bottom:14px;font-size:.64rem}h1{font-size:clamp(4.25rem,16.5vw,7.8rem);line-height:.84}.statement{max-width:560px;margin:12px 0 0;font-size:clamp(1rem,3.6vw,1.65rem);line-height:1.07}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}.stage:after{opacity:.18}.name-line,h1,.statement,.portrait-frame{opacity:1;filter:none;transform:none}}