:root{--night:#0a0f2e;--moon:#f4f1ff;--mint:#7cf2d4;--pink:#ff5fa2;--dawn:#ffcba4;--day:#bfe6ff;--dusk:#ff9a62;--violet:#2e1760;--deep:#06102a;--sunrise:#ffe7a8;--plum:#1b1033;--navy:#0b2447;--sun:#ff8a5b;--display:"Manrope","Helvetica Neue",Arial,sans-serif;--body:"Manrope","Helvetica Neue",Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{overflow-x:clip}body{font-family:var(--body);background:var(--night);color:var(--moon);-webkit-font-smoothing:antialiased;font-size:1.12rem;line-height:1.65}a{color:inherit}:focus-visible{outline:3px solid var(--mint);outline-offset:3px}.skip{background:var(--moon);color:var(--night);z-index:100;font-family:var(--display);padding:.6rem 1rem;font-weight:600;position:absolute;top:0;left:-999px}.skip:focus{top:1rem;left:1rem}canvas{display:block}@keyframes rise{0%{transform:translateY(105%)rotate(6deg)}}@keyframes fadeup{0%{opacity:0;transform:translateY(20px)}}@keyframes cue{0%{transform:translateY(-100%)}60%,to{transform:translateY(100%)}}.brand{z-index:40;font-family:var(--display);letter-spacing:-.01em;color:#fff;mix-blend-mode:difference;opacity:0;pointer-events:none;font-size:1.05rem;font-weight:700;text-decoration:none;transition:opacity .3s;position:fixed;top:1.1rem;left:clamp(1rem,3vw,2.2rem)}.brand.on{opacity:1;pointer-events:auto}.route{z-index:40;color:#fff;mix-blend-mode:difference;position:fixed;top:50%;right:clamp(.8rem,2vw,1.6rem);transform:translateY(-50%)}.route ol{gap:1.15rem;list-style:none;display:grid;position:relative}.route ol:before{content:"";opacity:.3;background:currentColor;width:2px;position:absolute;top:6px;bottom:6px;right:4px}.route a{font-family:var(--display);justify-content:flex-end;align-items:center;gap:.7rem;font-size:.88rem;font-weight:600;text-decoration:none;display:flex;position:relative}.route a span{opacity:0;pointer-events:none;transition:opacity .25s,transform .25s;transform:translate(8px)}.route a:after{content:"";background:0 0;border:2px solid;border-radius:50%;width:10px;height:10px;transition:transform .3s cubic-bezier(.3,1.6,.5,1),background .2s}.route a:hover span,.route a:focus-visible span,.route a.on span{opacity:1;transform:none}.route a.on:after{background:currentColor;transform:scale(1.4)}.scene{background:var(--bg);color:var(--fg);padding:clamp(8rem,15vw,13rem) clamp(1.25rem,6vw,6rem) clamp(5rem,9vw,8rem);position:relative}.scene .wrap{z-index:2;max-width:1180px;margin:0 auto;position:relative}.work h2,.music h2{max-width:18ch}.ridge{width:100%;height:clamp(60px,9vw,130px);color:var(--bg);transform:translateY(var(--ry,0px));pointer-events:none;z-index:1;display:block;position:absolute;bottom:calc(100% - 24px);left:0;right:0}h2{font-family:var(--display);letter-spacing:-.045em;max-width:14ch;font-size:clamp(2.3rem,6vw,5.2rem);font-weight:800;line-height:1}.lede{max-width:32em;margin-top:1.4rem;font-size:clamp(1.1rem,1.7vw,1.3rem);line-height:1.6}.btn{font-family:var(--display);cursor:pointer;color:inherit;background:0 0;border:2px solid;border-radius:999px;padding:.85rem 1.5rem;font-size:1rem;font-weight:700;line-height:1.2;text-decoration:none;transition:transform .3s cubic-bezier(.3,1.6,.5,1),background .2s,color .2s;display:inline-block}.btn:hover,.btn.solid{background:var(--fg);color:var(--bg)}.btn.solid:hover{color:var(--fg);background:0 0}.rw{vertical-align:top;margin:0 -.05em -.16em;padding:0 .05em .16em;display:inline-block;overflow:hidden}.rw>span{transition:transform .9s cubic-bezier(.2,.9,.2,1);transition-delay:calc(var(--i)*60ms);display:inline-block;transform:translateY(112%)rotate(4deg)}.in .rw>span{transform:none}.hero{background:var(--night);min-height:100svh;color:var(--moon);flex-direction:column;justify-content:flex-end;padding:0 clamp(1.25rem,6vw,6rem) clamp(4rem,8vw,6rem);display:flex;position:relative;overflow:hidden}#stars{width:100%;height:100%;position:absolute;inset:0}.moon{aspect-ratio:1;will-change:transform;background:radial-gradient(circle at 34% 30%,#f4f1ff38,#f4f1ff0f 62%,#f4f1ff05);border-radius:50%;width:clamp(220px,34vw,520px);position:absolute;top:12vh;right:max(-6rem,2vw);box-shadow:0 0 120px #7cf2d41f}.hero-in{z-index:2;position:relative}.name{font-family:var(--display);letter-spacing:-.06em;font-size:clamp(4rem,17vw,16rem);font-weight:800;line-height:.88}.name .ln{margin:0 -.04em -.24em;padding:0 .04em .24em;display:block;overflow:hidden}.name .ch{animation:1.1s cubic-bezier(.2,.9,.2,1) both rise;animation-delay:calc(var(--i)*70ms + .15s);transition:color .25s,-webkit-text-stroke-color .25s;display:inline-block}.name .out .ch{color:#0000;-webkit-text-stroke:2px var(--moon)}.name .out .ch:hover{color:var(--mint);-webkit-text-stroke-color:var(--mint)}.roleline{font-family:var(--display);letter-spacing:-.02em;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:clamp(1.4rem,3vw,2.4rem);font-size:clamp(1.3rem,3vw,2.5rem);font-weight:600;animation:.9s 1.2s both fadeup;display:flex}.roles{display:grid}.roles span{opacity:0;color:var(--mint);white-space:nowrap;grid-area:1/1;transition:opacity .5s,transform .6s cubic-bezier(.2,.9,.2,1);transform:translateY(60%)}.roles span.on{opacity:1;transform:none}.hero-note{color:#c9c6e8;max-width:30em;margin-top:1.1rem;font-size:1.1rem;animation:.9s 1.4s both fadeup}.hero-actions{flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;animation:.9s 1.55s both fadeup;display:flex}.hero .btn{--fg:var(--moon);--bg:var(--night)}.cue{z-index:2;background:#f4f1ff40;width:2px;height:46px;position:absolute;bottom:1.2rem;left:50%;overflow:hidden}.cue:after{content:"";background:var(--moon);width:100%;height:60%;animation:1.8s ease-in-out infinite cue;display:block}.work{--bg:var(--dawn);--fg:var(--plum);overflow:visible}.sunwrap{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.sun{aspect-ratio:1;background:var(--sun);will-change:transform;border-radius:50%;width:clamp(200px,32vw,440px);position:absolute;top:6%;right:max(-4rem,6vw)}.work-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:clamp(2rem,6vw,6rem);display:grid}.facts{gap:0;list-style:none;display:grid}.facts li{border-top:2px solid var(--plum);padding:1.25rem 0}.facts li:last-child{border-bottom:2px solid var(--plum)}.facts b{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:700;display:block}.facts span{margin-top:.2rem;font-size:1.05rem;display:block}.work .actions{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.court{--bg:var(--day);--fg:var(--navy)}.court-grid{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(2rem,6vw,6rem);display:grid}.court-art{width:100%;height:auto;display:block;overflow:visible}.court-art .ground,.court-art .netline{stroke:var(--navy);stroke-width:3px;stroke-linecap:round}.court-art .net-top{stroke:#fff;stroke-width:6px;stroke-linecap:round}.court-art .net-mesh{stroke:var(--navy);stroke-width:1.2px;opacity:.5}.court-art .trail{fill:none;stroke:var(--navy);stroke-width:3px;stroke-linecap:round}.court-art .guide{fill:none;stroke:var(--navy);stroke-width:2px;stroke-dasharray:4 9;stroke-linecap:round;opacity:.28}.fact-note{border-left:4px solid var(--sun);max-width:30em;margin-top:1.6rem;padding-left:1rem;font-size:1.02rem}.reading{--bg:var(--dusk);--fg:#2b0f3a}.read-text{letter-spacing:-.035em;max-width:24em;margin-top:clamp(1.5rem,3vw,2.5rem);font-size:clamp(1.7rem,4vw,3.4rem);font-weight:600;line-height:1.2}.read-text .wd{transition:opacity .2s}.now-reading{margin-top:2rem;font-size:1.2rem;display:none}.now-reading.on{display:block}.now-reading b{font-family:var(--display);font-weight:700}.shelf{border-bottom:9px solid #2b0f3a;align-items:flex-end;gap:7px;max-width:640px;height:230px;margin-top:clamp(3rem,6vw,5rem);display:flex}.spine{max-width:50px;height:var(--h);background:var(--c);color:#fff;transform-origin:50% 100%;transform:rotate(var(--lean,0deg));border-radius:4px 4px 0 0;flex:1 1 0;justify-content:center;align-items:center;transition:transform .5s cubic-bezier(.3,1.5,.5,1);display:flex;overflow:hidden;box-shadow:inset -4px 0 #0000002e}.spine:hover{transform:translateY(-18px) rotate(var(--lean,0deg))}.spine span{writing-mode:vertical-rl;font-family:var(--display);white-space:nowrap;text-overflow:ellipsis;max-height:100%;padding:.6rem 0;font-size:.8rem;font-weight:700;overflow:hidden}.music{--bg:var(--violet);--fg:#f3e9ff;min-height:90svh}.music .scene-in{z-index:2;position:relative}#waves{z-index:1;width:100%;height:100%;position:absolute;inset:0}.songs{font-family:var(--display);letter-spacing:-.02em;gap:.2rem;margin-top:2rem;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:700;list-style:none;display:grid}.songs:empty{display:none}.music .lede{max-width:28em}.music-hint{color:#cdb8f5;margin-top:1.4rem;font-size:1rem}.ai{--bg:var(--deep);--fg:#fff;padding-bottom:clamp(5rem,9vw,8rem)}.words{cursor:pointer;width:100%;height:clamp(240px,40vw,460px);margin-top:clamp(1.5rem,3vw,2.5rem);position:relative}#words{width:100%;height:100%;position:absolute;inset:0}.ai-cols{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,5vw,5rem);margin-top:1rem;display:grid}.ai-areas{flex-wrap:wrap;align-content:flex-start;gap:.6rem;list-style:none;display:flex}.ai-areas li{font-family:var(--display);border:2px solid #ffffff59;border-radius:999px;padding:.35rem 1rem;font-size:1rem;font-weight:600}.ainotes{gap:.4rem;margin-top:1.2rem;list-style:none;display:grid}.ainotes:empty{display:none}.ainotes li:before{content:"";background:var(--mint);border-radius:50%;width:.55rem;height:.55rem;margin-right:.7rem;display:inline-block}.also{margin-top:2.4rem;display:none}.also.on{display:block}.also ul{flex-wrap:wrap;gap:.6rem;margin-top:.6rem;list-style:none;display:flex}.also li{font-family:var(--display);border:2px solid #ffffff59;border-radius:999px;padding:.35rem 1rem;font-size:1rem;font-weight:600}.hello{--bg:var(--sunrise);--fg:var(--plum);padding-bottom:clamp(4rem,7vw,6rem)}.sunrise{aspect-ratio:1;background:var(--sun);z-index:0;will-change:transform;opacity:.9;border-radius:50%;width:min(120vw,900px);margin-left:calc(min(120vw,900px)/-2);position:absolute;bottom:0;left:50%}.say{font-family:var(--display);letter-spacing:-.06em;font-size:clamp(3.4rem,13vw,11.5rem);font-weight:800;line-height:.92}.mail{font-family:var(--display);letter-spacing:-.035em;word-break:break-all;border-bottom:5px solid;margin-top:clamp(1.2rem,3vw,2rem);font-size:clamp(1.3rem,4.4vw,3.4rem);font-weight:700;line-height:1.15;text-decoration:none;display:inline-block}.mail:hover{background:var(--plum);color:var(--sunrise)}.hello .row{flex-wrap:wrap;gap:.8rem;margin-top:2rem;display:flex}.fine{margin-top:clamp(3rem,6vw,5rem);font-size:1rem}@media (max-width:900px){.route{display:none}.work-grid,.court-grid,.ai-cols{grid-template-columns:1fr}.name .out .ch{-webkit-text-stroke-width:1.5px}}@media (max-width:520px){.shelf{height:190px}.name{font-size:22vw}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.roles span{opacity:0}}