@charset "UTF-8";
:root { --paper:#f6f5f1; --ink:#181818; --muted:#5d5d58; --line:#d7d6cf; }
* { box-sizing:border-box; }
html { scroll-behavior:auto; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:Arial,Helvetica,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
a:hover { text-decoration:underline; text-underline-offset:5px; }
a:focus-visible { outline:2px solid currentColor; outline-offset:6px; }
button { font:inherit; }
img { display:block; width:100%; height:100%; object-fit:cover; }
figure,p,h1,h2,h3,dl,dd { margin:0; }
.wrap { width:min(1232px,calc(100% - 112px)); margin-inline:auto; }
.skip { position:absolute; top:12px; left:12px; padding:12px 18px; background:var(--ink); color:white; z-index:5; transform:translateY(-180%); }
.skip:focus { transform:none; }
.site-header { display:flex; justify-content:space-between; align-items:center; min-height:104px; border-bottom:1px solid var(--line); }
.wordmark { font-size:13px; font-weight:700; letter-spacing:.13em; }
.language { display:flex; align-items:center; gap:12px; font-size:12px; letter-spacing:.05em; }
.language a { color:var(--muted); padding:7px 1px; }
.language a[aria-current] { color:var(--ink); font-weight:700; border-bottom:1px solid; }
.language>span { color:#aaa; }
.hero { display:grid; grid-template-columns:1.08fr .92fr; align-items:center; gap:54px; padding-block:48px 72px; }
.hero-copy { padding-block:30px; }
.eyebrow,.section-heading { font-size:11px; font-weight:400; letter-spacing:.14em; text-transform:uppercase; }
.eyebrow { margin-bottom:36px; color:var(--muted); }
h1 { font-size:clamp(70px,8.55vw,119px); line-height:.88; font-weight:800; letter-spacing:-.077em; margin-left:-.06em; margin-bottom:35px; }
h1>span { color:#7b7a73; }
.roles { font-size:clamp(14px,1.25vw,17px); line-height:1.65; letter-spacing:-.025em; }
.roles.secondary { color:var(--muted); }
.audience-claim { margin-top:18px; max-width:29em; font-size:clamp(15px,1.3vw,18px); font-weight:600; line-height:1.45; letter-spacing:-.015em; }
.contact-link { display:inline-flex; gap:36px; align-items:center; padding-bottom:8px; margin-top:36px; border-bottom:1px solid var(--ink); font-size:13px; }
.contact-link span:last-child { font-size:20px; }
.portrait { aspect-ratio:1232/1536; max-height:626px; overflow:hidden; background:#171717; }
.section { padding-block:42px 50px; border-top:1px solid var(--line); }
.section-heading { display:flex; align-items:center; gap:24px; line-height:1.4; margin-bottom:34px; }
.section-heading h2 { font-size:inherit; font-weight:400; }
.index { color:#7a7a72; font-size:10px; letter-spacing:0; }
.credits-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 35px; padding-left:36px; }
.credits-grid dt { font-size:clamp(19px,2vw,26px); font-weight:400; line-height:1.2; letter-spacing:-.04em; margin-bottom:9px; }
.credits-grid dd { color:var(--muted); font-size:12px; line-height:1.6; }
.external { display:inline-block; font-size:.65em; margin-left:10px; vertical-align:top; padding-top:2px; }
.artist-note { margin:34px 0 0 36px; padding-top:24px; border-top:1px solid var(--line); max-width:850px; }
.artist-note p { font-size:13px; line-height:1.8; color:var(--muted); max-width:700px; }
.current { display:grid; grid-template-columns:.85fr 1.15fr; gap:72px; padding-block:52px; align-items:center; }
.live-image { position:relative; aspect-ratio:878/1170; height:auto; overflow:hidden; background:#080808; }
.live-image img { position:absolute; bottom:0; left:0; width:100%; height:auto; object-fit:contain; object-position:center; }
.current-copy .section-heading { margin-bottom:12px; }
.project { display:block; border-bottom:1px solid var(--line); padding-block:26px 24px; }
.project:hover { text-decoration:none; }
.project:hover h3 { text-decoration:underline; text-underline-offset:7px; }
.project h3 { display:flex; justify-content:space-between; align-items:baseline; gap:18px; font-size:clamp(23px,2.5vw,33px); letter-spacing:-.045em; font-weight:400; line-height:1.15; }
.project h3 span { font-size:23px; }
.project p { font-size:13px; line-height:1.7; color:var(--muted); margin-top:9px; }
.project-since { display:block; margin-top:3px; font-size:11px; color:var(--muted); }
.business { font-size:11px; color:var(--muted); line-height:1.8; margin-top:27px; }
.business strong { font-weight:400; color:var(--ink); }
.industry { display:grid; grid-template-columns:.65fr 2.35fr; align-items:start; gap:30px; padding-block:38px 44px; }
.industry .section-heading { margin:5px 0 0; }
.industry-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:24px; }
.industry-entry { display:flex; flex-direction:column; align-items:flex-start; gap:10px; min-width:0; }
.industry-entry strong { font-size:17px; letter-spacing:-.04em; line-height:1.3; font-weight:700; }
.industry-entry>span { font-size:10px; line-height:1.6; color:var(--muted); }
.brand-logo { display:flex; align-items:center; height:44px; }
.brand-logo img { width:auto; height:auto; object-fit:contain; }
.korg-logo img { max-width:105px; max-height:37px; filter:invert(1); }
.ev-logo { width:146px; padding:8px; background:#181818; }
.ev-logo img { width:130px; max-height:28px; }
.site-footer { padding-block:40px 30px; border-top:1px solid var(--ink); }
.email { display:inline-flex; gap:30px; align-items:center; font-size:clamp(20px,2.5vw,32px); letter-spacing:-.04em; }
.email span { font-size:.8em; }
.legal { margin-top:27px; display:grid; grid-template-columns:1fr 1fr; gap:30px; max-width:850px; }
.legal details { font-size:13px; line-height:1.8; color:var(--muted); }
.legal summary { width:fit-content; cursor:pointer; color:var(--ink); }
.legal summary:focus-visible { outline:2px solid var(--ink); outline-offset:5px; }
.legal-copy { padding-top:14px; overflow-wrap:anywhere; }
.legal-copy p+p { margin-top:12px; }
.legal-copy a { text-decoration:underline; text-underline-offset:3px; }
.footer-bottom { margin-top:45px; display:flex; justify-content:space-between; gap:20px; color:var(--muted); font-size:10px; line-height:1.7; }
@media(min-width:1500px) { .hero { gap:80px; } }
@media(max-width:1050px) { .wrap { width:calc(100% - 72px); } .hero { gap:30px; } .current { gap:42px; } .industry { grid-template-columns:1fr; gap:24px; } .industry-grid { padding-left:36px; } .credits-grid { gap:30px 24px; } }
@media(max-width:700px) {
 .wrap { width:calc(100% - 40px); } .site-header { min-height:75px; } .wordmark { font-size:11px; } .language { font-size:11px; gap:10px; }
 .hero { grid-template-columns:1fr; gap:30px; padding-block:35px 42px; } .hero-copy { padding-block:0; } .eyebrow { margin-bottom:27px; font-size:10px; }
 h1 { font-size:clamp(72px,17.8vw,118px); margin-bottom:25px; } .roles { font-size:14px; line-height:1.65; } .contact-link { margin-top:24px; font-size:12px; }
 .portrait { width:100%; max-height:600px; aspect-ratio:1/.98; } .portrait img { object-position:50% 38%; }
 .section { padding-block:30px 35px; } .section-heading { margin-bottom:27px; font-size:10px; gap:18px; }
 .credits-grid { grid-template-columns:repeat(2,minmax(0,1fr)); padding-left:0; gap:28px 20px; } .credits-grid dt { font-size:21px; margin-bottom:6px; } .credits-grid dd { font-size:11px; line-height:1.6; }
 .artist-note { margin:28px 0 0; padding-top:22px; } .artist-note p { font-size:12px; line-height:1.8; }
 .current { display:flex; flex-direction:column-reverse; align-items:stretch; gap:30px; } .current-copy .section-heading { margin-bottom:4px; } .project { padding-block:23px; } .project h3 { font-size:29px; } .project p { font-size:12px; } .business { margin-top:23px; } .live-image { height:auto; }
 .industry { gap:25px; } .industry-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 22px; padding-left:0; } .industry-entry { gap:6px; } .industry-entry strong { font-size:18px; } .industry-entry>span { font-size:11px; }
 .site-footer { padding-block:30px 24px; } .email { font-size:clamp(19px,5.7vw,27px); gap:17px; } .legal { grid-template-columns:1fr; gap:16px; } .footer-bottom { margin-top:34px; font-size:9px; }
}
@media(max-width:350px) { .wrap { width:calc(100% - 32px); } .credits-grid dt { font-size:18px; } .project h3 { font-size:26px; } .roles { font-size:12px; } }
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; } }