:root{--bg:#dedbd3;--text:#3c101d;--muted:#71565a;--accent:#6b1d35;--line:#bca9ac;--gutter:clamp(1.1rem,3vw,3rem);color-scheme:light}
body{background:var(--bg);color:var(--text)}.studio-nav{margin:0;padding:1.25rem var(--gutter);border:0;display:flex;justify-content:space-between;align-items:center}.nav-brand{font-weight:800;font-size:1.4rem;letter-spacing:-.08em}.studio-nav nav{display:flex;gap:clamp(1.1rem,3vw,3rem);font-size:.875rem}.studio-nav nav a{padding:.5rem 0}.studio-nav nav a:hover{text-decoration:underline;text-underline-offset:5px}
.studio-cover{position:relative;min-height:calc(100svh - 85px);padding:1rem var(--gutter) 3rem;overflow:hidden;isolation:isolate}.cover-meta{display:flex;justify-content:space-between;gap:2rem;font-size:.75rem;letter-spacing:.05em}.studio-cover h1{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(7rem,24vw,27rem);font-weight:800;letter-spacing:-.035em;line-height:.75;margin:3rem 0 2rem;position:relative;z-index:2;pointer-events:none;max-width:95%;mix-blend-mode:multiply}.cover-photo{position:absolute;right:7%;top:20%;width:43%;height:67%;margin:0;z-index:1;transform:rotate(5deg)}.cover-photo img{width:100%;height:100%;object-fit:cover;object-position:center}.cover-photo figcaption{font-size:.75rem;margin-top:.5rem;letter-spacing:.06em}.cover-down{position:absolute;right:var(--gutter);bottom:1.5rem;font-size:2.3rem;padding:.25rem 1rem;z-index:3}
.art-direction{border-top:1px solid var(--line);padding-top:5rem;padding-bottom:2rem;min-height:auto;grid-template-columns:.8fr 1.2fr}.intro-heading{position:static}.art-direction h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(3.5rem,7vw,7rem);line-height:.9;letter-spacing:-.025em}.intro-index,.art-direction .language-label{color:var(--accent)}.art-direction .bio-text{color:var(--text)}.art-direction .bio-columns [lang=en] .bio-text{color:var(--muted)}.bio-text em{color:inherit}.art-direction .scroll-to-work span{color:var(--text)}
.studio-pair{display:grid;grid-template-columns:1.25fr .75fr;gap:clamp(1rem,5vw,6rem);padding:3rem var(--gutter) 5rem;align-items:start}.studio-pair figure{margin:0}.studio-pair figure:nth-child(2){margin-top:8rem}.studio-pair img{display:block;width:100%;height:clamp(300px,48vw,700px);object-fit:cover}.studio-pair figure:nth-child(2) img{height:clamp(260px,36vw,520px)}.studio-pair figcaption{font-family:monospace;font-size:.75rem;letter-spacing:.06em;padding-top:.8rem}
.gallery{padding-top:2rem;border-top:1px solid var(--line)}.gallery-heading h2{color:var(--text)}.gallery-heading h2 span,.spotify-link{color:var(--muted)}.cover-grid{gap:clamp(.5rem,1vw,1rem)}.cover-card{background:#b5aaa5}.cover-card.is-selected{outline-color:var(--accent)}.play-circle{background:#e9e5db;color:#40101f;border-color:#e9e5db}.cover-card:hover .play-circle,.cover-card.is-selected .play-circle{background:#6b1d35;color:#fff;border-color:#6b1d35}.cover-caption strong,.catalog-number{color:#fff}.cover-caption small{color:#ddd}.player-dock{color:#f2eee8;background:#26151b;border-color:#71505b;color-scheme:dark}.close-player{color:#fff}.site-footer{color:var(--muted)}
@media(min-width:1600px){.studio-cover h1{font-size:24vw}}
@media(max-width:900px){.studio-cover{min-height:75svh}.studio-cover h1{font-size:26vw;margin-top:4rem}.cover-photo{right:8%;width:48%;top:27%;height:56%}.art-direction{grid-template-columns:1fr}.art-direction h2{font-size:clamp(4rem,11vw,6rem)}.art-direction h2 br{display:none}.studio-pair{gap:1.5rem}.studio-pair figure:nth-child(2){margin-top:4rem}}
@media(max-width:600px){.studio-nav{padding-block:1rem}.studio-nav nav{font-size:.8rem;gap:1rem}.studio-cover{min-height:75svh;padding-top:1rem}.cover-meta{font-size:.75rem;flex-direction:column;gap:.3rem}.studio-cover h1{font-size:29vw;line-height:.8;margin-top:3rem;max-width:100%}.cover-photo{width:66%;right:12%;top:40%;height:43%;transform:rotate(4deg)}.cover-photo figcaption{font-size:.75rem}.cover-down{bottom:1rem}.art-direction{padding-top:3rem}.art-direction h2{font-size:3.8rem}.art-direction h2 br{display:block}.studio-pair{padding-top:1.5rem;padding-bottom:3rem;gap:1rem;grid-template-columns:1fr 1fr}.studio-pair figure:nth-child(2){margin-top:3rem}.studio-pair img{height:290px}.studio-pair figure:nth-child(2) img{height:240px}.studio-pair figcaption{font-size:.75rem}.gallery{padding-top:1rem}}
