.about-page{--about-ink: #090909;--about-paper: #f1f0eb;--about-paper-muted: rgba(9, 9, 9, .64);--about-purple: #7134ff;--about-gutter: var(--site-gutter);background-color:var(--about-paper)}.about-page main{background-color:var(--about-paper)}.about-page .footer-revealer{z-index:1;margin-top:0;background-color:#0f0f0f}.about-page section{position:relative;z-index:2;padding-right:var(--about-gutter);padding-left:var(--about-gutter)}.about-shell{width:min(1500px,100%);margin:0 auto}.about-intro{min-height:100svh;padding-top:clamp(7.25rem,12svh,9.5rem);padding-bottom:clamp(2.5rem,5svh,4.5rem);display:flex;align-items:center;overflow:hidden;color:var(--about-ink);background-color:var(--about-paper)}.about-intro-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(320px,.68fr);gap:clamp(4rem,9vw,10rem);align-items:center}.about-developer{min-width:0}.about-hero-title{max-width:10.5ch;color:var(--about-ink);font-size:clamp(4rem,7.2vw,8rem);font-weight:540;line-height:.92;letter-spacing:-.045em}.about-title-line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.09em}.about-title-line>span{display:inline-block;transform-origin:left bottom;will-change:transform}.about-title-line-accent{color:var(--about-purple)}.about-personal{width:min(100%,42rem);display:grid;justify-self:center;gap:clamp(.9rem,1.4vw,1.3rem)}.about-personal p{max-width:42ch;color:var(--about-paper-muted);font-size:clamp(1.1rem,1.4vw,1.48rem);font-weight:430;line-height:1.48}.about-personal strong{color:var(--about-ink);font-weight:700}.about-listening{min-height:92svh;padding-top:clamp(3.75rem,6.5vw,6.5rem);padding-bottom:clamp(4.5rem,7vw,7rem);display:grid;align-content:center;overflow:clip;color:var(--about-ink);background-color:var(--about-paper)}.listening-heading{text-align:center}.listening-heading h2{color:var(--about-ink);font-size:clamp(3rem,5.8vw,6.75rem);font-weight:540;line-height:.94;letter-spacing:-.045em}.listening-viewport{width:calc(100% + var(--about-gutter) * 2);margin-top:clamp(2.25rem,4vw,4rem);margin-left:calc(var(--about-gutter) * -1);overflow:hidden;cursor:grab;touch-action:pan-y;-webkit-user-select:none;user-select:none}.listening-viewport.is-dragging{cursor:grabbing}.listening-track{--listening-gap: 1vw;width:max-content;padding:clamp(.6rem,1vw,1rem) 1vw clamp(.6rem,1vw,1rem) 0;display:flex;align-items:center;gap:var(--listening-gap);will-change:transform}.listening-set{display:flex;align-items:center;gap:var(--listening-gap)}.listening-set--duplicate{pointer-events:none}.listening-card{--artwork-scale: 1;width:25vw;margin:0;aspect-ratio:1;flex:0 0 auto;overflow:hidden;transform-origin:center}.listening-card--cover{--artwork-scale: .94}.listening-card--mockup{--artwork-scale: 1.08}.listening-card--padded{--artwork-scale: 1.2}.listening-card img{width:100%;height:100%;display:block;object-fit:contain;pointer-events:none;transform:scale(var(--artwork-scale));transform-origin:center}.listening-viewport.is-static{overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline proximity;scrollbar-color:rgba(9,9,9,.3) transparent}.listening-viewport.is-static .listening-track{transform:none!important}.listening-viewport.is-static .listening-card{scroll-snap-align:center}@media(max-width:1000px){.about-intro{min-height:100svh;padding-top:8rem;padding-bottom:3.5rem}.about-intro-grid{grid-template-columns:1fr;gap:clamp(2.75rem,7svh,4.5rem)}.about-hero-title{max-width:11ch;font-size:clamp(4rem,10vw,6.8rem)}.about-personal p{max-width:54ch}.about-personal{max-width:760px}.about-listening{min-height:86svh}}@media(max-width:768px){.listening-card{width:48vw}}@media(max-width:700px){.about-intro{min-height:100svh;padding-top:7rem;padding-bottom:2.75rem}.about-intro-grid{gap:2.4rem}.about-hero-title{max-width:10.5ch;font-size:clamp(3.1rem,14.5vw,5.15rem);line-height:.92}.about-personal p{font-size:clamp(1.02rem,4.5vw,1.18rem);line-height:1.42}.about-listening{min-height:78svh;padding-top:3.75rem;padding-bottom:4.5rem}.listening-heading h2{font-size:clamp(2.8rem,13vw,4.4rem)}.listening-track{--listening-gap: 1vw;padding:.35rem 1vw .35rem 0}}@media(prefers-reduced-motion:reduce){.about-title-line>span,.listening-track,.listening-card{transition:none;animation:none}}