/* Monochrome identity, movement, and the personal profile section. */
.hero-copy{min-width:0}.hero-name{font-size:calc(1em * var(--name-scale,1))}.brand{min-width:0}.brand>[data-name]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px}.footer-name{max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.header{gap:12px}nav{margin-right:18px}.brand-mark{border-radius:4px}.sound-toggle{height:35px;display:flex;align-items:center;gap:7px;padding:0 8px;background:transparent;color:var(--muted);font:9px 'Consolas',monospace;white-space:nowrap}.sound-toggle:hover{color:var(--fg)}.sound-toggle svg{width:16px;height:16px}.sound-toggle .sound-waves{display:none}.sound-toggle[aria-pressed=true] .sound-waves{display:block}.sound-toggle[aria-pressed=true] .sound-mute{display:none}.sound-toggle[aria-pressed=true]{color:var(--fg)}.theme-toggle{flex-shrink:0}
.hero{padding-top:78px}.hero h1{font-size:clamp(95px,10.4vw,150px);line-height:1.04;letter-spacing:-8px;margin-top:27px;margin-bottom:29px;font-weight:600}.hello-line{font-size:.52em;font-weight:400;letter-spacing:-4px}.hero-name{display:inline-block}.type-cursor{color:var(--muted);font-size:.63em;display:inline-block;transform:translateY(-4px);animation:cursor-blink 1.6s step-end infinite}.hero-description{max-width:330px;font-size:14px}.hero-actions{margin-top:30px}.button{border-radius:2px}.button-primary{box-shadow:0 0 0 0 #ffffff00}.button-primary:hover{box-shadow:0 0 26px #ffffff18}.button>span,.text-link>span{transition:transform .25s}.button:hover>span{transform:translate(3px,-3px)}.text-link:hover>span{transform:translateY(3px)}.hero-art{border:1px solid var(--line);height:440px;border-radius:3px;margin-left:12px;position:relative}.hero-art:before{inset:10px}.art-label{top:18px;left:18px;right:18px}.art-caption{bottom:18px;left:18px;right:18px}.art-coordinate{right:14px}.remix-button{border-radius:3px}.hero-art:after{content:'';pointer-events:none;position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#ffffff04 3px 4px);opacity:.25}.status-dot{box-shadow:none}.project-art{border-radius:3px;transform:perspective(700px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg));transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .25s}.project-card:hover .project-art{transform:perspective(700px) rotateX(var(--tilt-y,0deg)) rotateY(var(--tilt-x,0deg)) translateY(-5px)}.project-card:hover .palette-preview{transform:rotate(-3deg) scale(1.04)}.project-card:hover .preview-label{color:#fff}.filter{border-radius:3px}.focus-preview-line span{background:#eee;animation:progress-drift 6s ease-in-out infinite}.profile-visual{width:100%;max-width:360px;position:relative;margin-inline:auto;padding:15px}.profile-frame{position:relative;padding:10px;border:1px solid var(--line);background:var(--surface);transform:rotate(-3deg);transition:transform .6s cubic-bezier(.2,.7,.2,1)}.profile-visual:hover .profile-frame{transform:rotate(0)}.profile-frame img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;filter:grayscale(1);transition:filter .5s,transform .5s}.profile-frame:hover img{filter:grayscale(1) contrast(1.07)}.photo-corner{position:absolute;width:18px;height:18px;border-color:var(--fg);border-style:solid;pointer-events:none}.corner-tl{top:-2px;left:-2px;border-width:2px 0 0 2px}.corner-br{bottom:-2px;right:-2px;border-width:0 2px 2px 0}.profile-caption{display:flex;justify-content:space-between;margin-top:24px;color:var(--muted)}.profile-caption .mono{font-size:8px;letter-spacing:.8px}.profile-sticker{position:absolute;right:-5px;bottom:52px;background:var(--fg);color:var(--bg);padding:7px 19px;transform:rotate(6deg);font-size:13px;letter-spacing:0;border:3px solid var(--bg)}.about{gap:90px;grid-template-columns:1fr 1.2fr}.about-copy h2{font-size:43px}.about-copy h2 .serif{font-size:45px}.about-copy>p:not(.eyebrow){font-size:13px}.social-icon{border-radius:5px}.social-card{position:relative}.social-card:after{content:'';position:absolute;left:0;bottom:-1px;height:1px;background:var(--fg);width:0;transition:width .5s}.social-card:not([aria-disabled]):hover:after{width:100%}.social-card:not([aria-disabled]):hover .social-end{transform:translate(3px,-3px)}.social-end{transition:transform .3s}.outro>div{font-size:clamp(40px,7.1vw,95px)}.outro-asterisk{font-size:75px;transition:transform .7s}.outro:hover .outro-asterisk{transform:rotate(90deg)}.outro>p{color:var(--muted)}.header nav a{position:relative}.header nav a:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:-5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s}.header nav a:hover:after{transform:scaleX(1)}
@keyframes cursor-blink{0%,55%{opacity:1}56%,100%{opacity:0}}@keyframes progress-drift{0%,100%{width:40%}50%{width:82%}}@keyframes enter-up{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes dialog-in{from{opacity:0;transform:translateY(15px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
.header{animation:enter-up .7s both}.hero-copy>.eyebrow{animation:enter-up .75s .12s both}.hero-copy h1{animation:enter-up .8s .22s both}.hero-description{animation:enter-up .8s .34s both}.hero-actions{animation:enter-up .8s .45s both}.hero-art{animation:enter-up 1s .25s both}dialog[open]{animation:dialog-in .25s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready .reveal.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1050px){.header{gap:7px}nav{margin-right:7px;gap:26px}.hero h1{font-size:110px;letter-spacing:-6px}.hello-line{letter-spacing:-3px}.hero-art{height:370px}.hero-description{font-size:13px}.about{gap:45px}.about-copy h2,.about-copy h2 .serif{font-size:34px}.profile-visual{max-width:310px}.outro>div{font-size:6.5vw}}
@media(max-width:760px){nav{margin-right:6px;gap:18px}.header{gap:6px}.sound-toggle{padding:0 4px}.sound-toggle>span{display:none}.hero{padding-top:50px}.hero h1{font-size:clamp(95px,21vw,140px);letter-spacing:-6px;margin-top:20px}.hello-line{font-size:.51em}.hero-description{font-size:14px;max-width:350px}.hero-art{height:360px;margin-left:auto;margin-top:35px;margin-bottom:12px}.art-label{font-size:8px}.art-caption .mono{font-size:7px}.about{grid-template-columns:1fr;gap:45px}.profile-visual{order:2;max-width:320px}.about-copy h2,.about-copy h2 .serif{font-size:38px}.profile-caption .mono{font-size:7px}.outro>div{font-size:8vw;letter-spacing:-2px}.outro-asterisk{font-size:45px}.section-description{max-width:350px}}
@media(max-width:420px){nav{gap:12px;font-size:10px}.brand{font-size:21px}.brand-mark{width:29px;height:29px;margin-right:7px}nav a:nth-child(2){display:none}.theme-toggle{width:31px;height:31px}.hero-art{height:330px}.hero h1{font-size:100px}.about-copy h2,.about-copy h2 .serif{font-size:33px}}

.type-cursor{font-size:calc(.63em * var(--name-scale,1))}@media(max-width:760px){.brand>[data-name]{max-width:78px}.footer-name{max-width:90px}}