/* Final layout overrides: wide canvas, bilingual navigation and native audio. */
.page-shell{max-width:none;width:100%;padding-inline:4vw}
.site-header{position:sticky;top:0;z-index:30;height:72px;display:flex;align-items:center;justify-content:space-between;background:rgba(10,10,9,.91);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.header-right{display:flex;align-items:center;gap:46px}.site-header nav{position:relative;display:flex;align-items:center;gap:30px}.site-header nav a{position:relative;display:inline-block;padding:20px 0;color:#aaa6b2;font:500 11px 'DM Mono',monospace;letter-spacing:.09em;text-transform:lowercase;white-space:nowrap;transition:color .25s}.site-header nav a::after{display:none}.site-header nav a:hover,.site-header nav a.active{color:#eeeaf5}.nav-indicator{position:absolute;left:0;bottom:8px;width:0;height:2px;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.6);transform:translateX(var(--nav-x,0));transition:transform .35s cubic-bezier(.22,1,.36,1),width .35s cubic-bezier(.22,1,.36,1)}
.language-switch{display:flex;align-items:center;gap:7px;font:11px 'DM Mono',monospace;color:#68636d}.language-switch button{padding:6px 2px;background:none;border:0;color:#817c8b;font:inherit;cursor:pointer}.language-switch button[aria-pressed="true"],.language-switch button:hover{color:var(--accent)}
.wordmark{text-transform:lowercase}.wordmark-period{display:none}
.hero{min-height:calc(100svh - 72px);padding-top:clamp(85px,11vh,150px);padding-bottom:96px}.hero h1{font-size:clamp(155px,26vw,395px);line-height:.81;letter-spacing:-.12em;text-transform:lowercase;margin:35px 0 45px}.hero h1>span{background:linear-gradient(120deg,#c5a7ff,#817dff);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-description{max-width:780px}.eyebrow,.hero-actions a,.hero-bottom{font-family:'DM Mono',monospace;text-transform:lowercase}.hero-wave{display:block}.hero-art{display:none}
.section-divider{display:none}.content-section{border-top:1px solid var(--line);padding:115px 0 125px;scroll-margin-top:72px}.section-heading h2,.project-info h3,.skill-group h3{text-transform:lowercase}.section-heading h2{font-size:clamp(58px,6.5vw,105px);max-width:none}.section-number,.project-kicker,.project-domain,.player-kicker{text-transform:lowercase}.section-heading .section-intro{color:var(--muted);max-width:540px;font-size:16px;line-height:1.6}
.project-card{display:grid;grid-template-columns:1fr .78fr;gap:5vw;align-items:stretch;min-height:420px;border:0;border-top:1px solid #393443;border-bottom:1px solid #393443;padding:0;background:none}.project-preview{position:relative;margin:42px 0;min-height:350px;padding:0;overflow:hidden;border:1px solid #393443;border-radius:8px;background:radial-gradient(circle at 60% 30%,rgba(var(--accent-rgb),.18),transparent 65%),#100f14}.project-preview img{display:block;width:100%;height:100%;min-height:350px;object-fit:cover;object-position:top}.preview-fallback-art{display:none;position:absolute;inset:0;padding:50px 32px;flex-direction:column;justify-content:center;gap:20px}.preview-fallback .preview-fallback-art{display:flex}.preview-fallback-art>span{font-size:clamp(36px,4vw,68px);font-weight:900;letter-spacing:-.08em;color:#f2eee5}.preview-fallback-art>span span{color:var(--accent)}.preview-fallback-art small{font:12px 'DM Mono',monospace;color:#90889b}.project-info h3{overflow-wrap:anywhere}
.music-layout{display:grid;grid-template-columns:.8fr 1fr;gap:7vw;align-items:start}.music-layout .lead{font-size:clamp(28px,3vw,45px);line-height:1.2}.music-layout p:not(.lead){color:var(--muted);line-height:1.75}.music-player{border:1px solid #40384f;background:linear-gradient(135deg,#17131f,#0d0c11);padding:25px 28px 18px;box-shadow:0 25px 70px #0006}.player-top{display:flex;justify-content:space-between;color:var(--accent);font:11px 'DM Mono',monospace;letter-spacing:.1em}.player-current{display:flex;align-items:center;gap:20px;padding:30px 0}.player-art{display:grid;place-items:center;width:86px;height:86px;flex:none;background:radial-gradient(circle,#7f64b4,#342647);font-size:38px;color:#eee6ff}.player-current strong{display:block;font-size:19px;line-height:1.3}.player-current small{display:block;color:#8f879b;margin-top:6px}.player-controls{display:flex;justify-content:center;align-items:center;gap:22px}.player-controls button{background:none;border:0;color:#e9e5ef;font-size:24px;cursor:pointer}.player-controls button:disabled{color:#615b66;cursor:not-allowed}.player-controls #play-track{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#121014;font-size:17px}.player-controls #play-track:disabled{background:#5f536f;color:#9c93a9}.player-time{display:flex;align-items:center;gap:12px;margin-top:15px;color:#8f879b;font:10px 'DM Mono',monospace}.player-time input{width:100%;accent-color:var(--accent)}.track-list{list-style:none;margin:22px 0 0;padding:0;max-height:240px;overflow:auto}.track-list li{display:flex;align-items:center;gap:12px;padding:10px 2px;border-top:1px solid #332d3d;color:#d6cfe0;font:12px 'DM Mono',monospace}.track-list button{flex:1;background:none;border:0;color:inherit;text-align:left;font:inherit;cursor:pointer}.track-list li.active{color:var(--accent)}.track-list .track-number{color:#82798d}.player-empty{font:12px 'DM Mono',monospace;color:#aaa2b4!important;margin:20px 0 0;line-height:1.7}
.skill-groups{grid-template-columns:repeat(3,1fr)}.about .section-body{max-width:900px}.contact{min-height:430px}
@media(max-width:900px){.header-right{gap:20px}.site-header nav{gap:18px}.site-header nav a{font-size:9px}.project-card,.music-layout{grid-template-columns:1fr}.project-preview{margin:30px 0 0}.project-info{padding:32px 0}.music-layout{gap:25px}.skill-groups{grid-template-columns:1fr}.hero h1{font-size:clamp(125px,24vw,225px)}}
@media(max-width:650px){.page-shell{padding-inline:22px}.site-header{height:auto;min-height:100px;align-items:flex-start;padding:16px 0 12px;gap:12px}.wordmark{font-size:18px}.header-right{display:block;min-width:0}.site-header nav{justify-content:flex-end;flex-wrap:wrap;gap:0 14px;max-width:360px}.site-header nav a{padding:4px 0;font-size:9px}.nav-indicator{bottom:-4px}.language-switch{justify-content:flex-end;margin-top:7px}.hero{min-height:calc(100svh - 100px);padding-top:70px}.hero h1{font-size:clamp(80px,21vw,130px);margin:46px 0}.hero-description{font-size:17px}.hero-bottom span:nth-child(2){display:none}.content-section{padding:76px 0 90px}.section-heading h2{font-size:clamp(50px,12vw,72px)}.project-preview{min-height:245px}.project-preview img{min-height:245px}.preview-fallback-art{padding:24px}.preview-fallback-art>span{font-size:38px}.project-info h3{font-size:43px}.music-player{padding:18px}.skill-group{min-height:120px}.player-current{padding:20px 0}}
@media(prefers-reduced-motion:reduce){.nav-indicator{transition:none}}
.project-preview img[hidden] { display: none !important; }
.project-preview { background:#111; border-radius:3px; }
.project-preview img { object-fit:contain; aspect-ratio:12/7; }
.simple-player { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:160px; gap:18px; }
.simple-player button { border:1px solid var(--accent); border-radius:100px; padding:18px 34px; background:var(--accent); color:#120e19; font:500 15px 'DM Mono',monospace; cursor:pointer; }
.simple-player button:disabled { opacity:.45; cursor:default; }
.simple-player p { margin:0; font:12px 'DM Mono',monospace; }
.hero h1 { font-family: Arial, Helvetica, sans-serif; font-weight:700; font-size: clamp(125px, 21vw, 330px); line-height: 1; letter-spacing:-.07em; margin: 20px 0 90px; }
.pointer-ring { display:none; position:fixed; left:var(--pointer-x,-100px); top:var(--pointer-y,-100px); width:34px; height:34px; border:1px solid var(--accent); border-radius:50%; transform:translate(-50%,-50%); pointer-events:none; z-index:999; transition:width .2s,height .2s,opacity .2s; opacity:0; }
@media (pointer:fine) { .pointer-ring { display:block; } .has-pointer .pointer-ring { opacity:.9; } .pointer-hover .pointer-ring { width:48px; height:48px; } }
@media (max-width: 650px) { .hero h1 { font-size: clamp(80px, 21vw, 130px); line-height: 1; margin: 38px 0 22px; } }