.nav-bar{z-index:99;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border);opacity:0;pointer-events:none;background:#fafaf9d9;height:48px;position:fixed;top:0;left:0;right:0}.nav-bar.is-visible{opacity:1;pointer-events:auto}.nav-bar__inner{justify-content:center;align-items:center;gap:var(--space-xl);height:100%;padding-inline:var(--space-lg);display:flex}.nav-bar__inner .hero__brace-label{cursor:pointer;margin:0}.hero{min-height:100svh;padding:var(--space-md) clamp(16px, 4vw, 128px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(32px,4vw,64px);display:flex;overflow:hidden}.hero__profile{border-radius:var(--radius-full);object-fit:cover;opacity:0;width:clamp(120px,12vw,180px);height:clamp(120px,12vw,180px);transform:scale(.8)}.hero__line{justify-content:space-between;align-items:flex-start;gap:clamp(8px,1.5vw,32px);width:100%;display:flex}.hero__item{opacity:0;cursor:pointer;flex-direction:column;flex:none;align-items:center;display:flex;transform:translateY(32px)}.hero__title{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-ink);white-space:nowrap;font-size:clamp(24px,3.5vw,52px);font-weight:800;line-height:1}.hero__brace{width:80%;margin-top:var(--space-sm);color:var(--color-ink-muted);flex-direction:column;align-items:center;text-decoration:none;transition:color .2s;display:flex}.hero__item:hover .hero__brace{color:var(--color-accent)}.hero__item:hover .hero__brace-line{border-color:var(--color-accent)}.hero__item:hover .hero__brace-line:after{background-color:var(--color-accent)}.hero__item:hover .hero__brace-label{color:var(--color-accent)}.hero__brace-line{border-left:1.5px solid var(--color-border);border-right:1.5px solid var(--color-border);border-bottom:1.5px solid var(--color-border);border-radius:0 0 4px 4px;width:100%;height:12px;transition:border-color .2s;position:relative}.hero__brace-line:after{content:"";background-color:var(--color-border);width:1.5px;height:6px;transition:background-color .2s;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.hero__brace-label{font-family:var(--font-sans);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;z-index:100;margin-top:10px;font-weight:500}.section{padding:var(--space-2xl) clamp(24px, 6vw, 128px)}.section--flush{padding-inline:0}.section__inner{gap:var(--space-lg);flex-direction:column;max-width:1200px;margin-inline:auto;display:flex}.section__inner--thirds{gap:var(--space-sm);flex-direction:row}.section__inner--thirds>*{flex:1;min-width:0}.section__inner--grid{gap:var(--space-sm);grid-template-columns:repeat(12,1fr);grid-auto-rows:200px;display:grid}.section__inner--grid>:first-child{grid-area:span 3/span 9}.section__inner--grid>:nth-child(2),.section__inner--grid>:nth-child(3),.section__inner--grid>:nth-child(4){grid-column:span 3}.section__inner--grid>:nth-child(5),.section__inner--grid>:nth-child(6),.section__inner--grid>:nth-child(7){grid-column:span 4}.card{border-radius:var(--radius-lg);padding:var(--space-xl) var(--space-lg);border:1px solid var(--color-border);background:var(--color-surface)}.card--dark{background:var(--color-surface);color:var(--color-ink);padding:var(--space-sm);aspect-ratio:1;border:none;border-radius:24px;flex-direction:column-reverse;display:flex;position:relative;overflow:hidden}.card--dark .rive-canvas{width:100%;height:100%;display:block}.card__label{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-ink-muted);font-weight:500}.card__title{font-size:var(--text-xl);margin-top:var(--space-sm)}.card__desc{font-size:var(--text-sm);color:var(--color-ink-muted);margin-top:var(--space-sm);line-height:var(--leading-normal);max-width:55ch}.card--rive{padding:var(--space-md) var(--space-lg);background:var(--color-surface);box-shadow:none;border:none;border-radius:24px;justify-content:center;align-items:center;display:flex;overflow:hidden}.section__inner--grid>:nth-child(3).card--rive,.section__inner--grid>:nth-child(4).card--rive{padding:0}.rive-canvas{width:100%;height:100%;display:block}.about{align-items:center;gap:var(--space-xl)}.about__row{gap:var(--space-lg);grid-template-columns:8fr 4fr;align-items:start;width:100%;display:grid}.about__name{font-family:var(--font-heading);font-size:var(--text-2xl);letter-spacing:-.02em;margin-bottom:var(--space-lg);font-weight:800}.about__bio{font-size:var(--text-base);color:var(--color-ink-muted);margin-top:var(--space-md)}.about__link{margin-top:var(--space-md);font-size:var(--text-base);color:var(--color-accent);align-items:center;gap:.3em;font-weight:600;display:inline-flex}.about__link-arrow{flex-shrink:0}.about__link-arrow .arrow-group{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.about__link-arrow .arrow-line{stroke-dasharray:11;stroke-dashoffset:0;transition:stroke-dashoffset .3s cubic-bezier(.34,1.56,.64,1)}.about__link-arrow .arrow-head{transition:transform .3s cubic-bezier(.34,1.56,.64,1)}.about__link:hover{color:var(--color-accent-hover)}.about__link:hover .arrow-line{stroke-dashoffset:4px}.about__link:hover .arrow-head{transform:translate(-4px)}.about__link:active .arrow-group{transition:transform .15s cubic-bezier(.34,1.56,.64,1);transform:translate(3px)}.about__link:active .arrow-line{stroke-dashoffset:0;transition:stroke-dashoffset .15s cubic-bezier(.34,1.56,.64,1)}.about__link:active .arrow-head{transition:transform .15s cubic-bezier(.34,1.56,.64,1);transform:translate(0)}.vinyl{background:var(--color-surface);color:inherit;padding:var(--space-sm) var(--space-sm) 0;border:none;border-radius:24px;flex-direction:column;display:flex;overflow:hidden}.vinyl__box{padding-top:var(--space-lg);background:#e8e8e6;border-radius:16px;justify-content:center;display:flex;position:relative;overflow:hidden}.vinyl__box-bg{filter:blur(24px)saturate(1.2);opacity:0;background-position:50%;background-size:cover;transition:opacity .4s;position:absolute;inset:0;transform:scale(1.3)}.vinyl__box-bg.is-visible{opacity:1}.vinyl__badge{top:var(--space-sm);right:var(--space-sm);color:var(--color-ink-muted);-webkit-backdrop-filter:blur(4px);border-radius:var(--radius-full);z-index:1;background:#ffffffb3;padding:2px 8px;font-size:11px;font-weight:600;line-height:1.4;display:block;position:absolute}.vinyl__record{z-index:1;flex-shrink:0;width:180px;height:180px;margin-bottom:-90px;transition:transform .4s cubic-bezier(.34,1.56,.64,1);position:relative}.vinyl__record svg{width:100%;height:100%;display:block}.vinyl--playing .vinyl__record{animation:2s linear infinite vinyl-spin}@keyframes vinyl-spin{to{transform:rotate(360deg)}}.vinyl__ticker{padding:var(--space-sm) 0;white-space:nowrap;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000);mask-image:linear-gradient(90deg,#0000,#000 20% 80%,#0000)}.vinyl__ticker-track{font-size:var(--text-sm);color:var(--color-ink-muted);font-weight:500;animation:60s linear infinite ticker-scroll;display:inline-flex}.vinyl__ticker-track span{flex-shrink:0}@keyframes ticker-scroll{to{transform:translate(-50%)}}.vinyl__ticker-label{color:var(--color-ink-muted)}.vinyl__ticker-song{color:var(--color-ink)}@media (width<=1024px){.section__inner--grid{grid-auto-rows:160px}.card{padding:var(--space-lg) var(--space-md)}.about__row{gap:var(--space-lg);grid-template-columns:1fr}}@media (width<=768px){.section__inner--thirds{flex-direction:column}.nav-bar{display:none}.hero__line{align-items:center;gap:var(--space-lg);flex-direction:column}.hero__item{flex:none;width:auto}.section__inner--grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:180px}.section__inner--grid>*{grid-area:span 1/span 1!important}.section__inner--grid>:first-child{grid-area:span 2/span 2!important}.about__text{text-align:center}}@media (width<=480px){.section__inner--grid{grid-template-columns:1fr}.section__inner--grid>:first-child{grid-area:span 1/span 1!important}.card{padding:var(--space-md)}}.marquee{width:100%;padding-block:0;position:relative;overflow:hidden}.marquee__track{gap:var(--space-md);width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.marquee__track:hover{animation-play-state:paused}.marquee__img{object-fit:cover;border-radius:0;flex-shrink:0;width:auto;height:clamp(240px,30vw,420px)}.marquee__label{pointer-events:none;z-index:10;background-color:var(--color-ink);color:var(--color-surface);font-size:var(--text-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);opacity:0;max-width:300px;font-weight:500;transition:opacity .15s;position:fixed}.marquee__fade{display:none}@keyframes marquee-scroll{to{transform:translate(-50%)}}