
:root{--bg:#121210;--ink:#f4f0e6;--muted:#b4b2a7;--line:#3a3a32;--accent:#ed7d42}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:7px}header{height:96px;margin:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.logo{font-size:30px;letter-spacing:.28em;font-weight:800}nav{display:flex;gap:34px;font-size:12px;letter-spacing:.12em;text-transform:uppercase}.hero{position:relative;isolation:isolate;min-height:690px;padding:75px 5vw 45px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;line-height:1.8}.hero h1{font-size:clamp(70px,10vw,150px);line-height:.89;letter-spacing:-.065em;margin:34px 0;max-width:850px;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.hero p{font-size:18px;line-height:1.6;max-width:355px;color:var(--muted)}.hero .statement{font-size:22px;line-height:1.45;color:var(--ink);max-width:440px}.hero .origin{font-size:13px;letter-spacing:.035em;margin-top:16px;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;min-height:52px;padding:16px 23px;background:var(--accent);color:#161310;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.button.secondary{border:1px solid #727264;background:transparent;color:var(--ink)}.hero-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-top:65px;color:var(--muted);font-size:10px;letter-spacing:.15em;text-transform:uppercase}.section{padding:76px 5vw;border-top:1px solid var(--line)}.section-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:35px}.section h2{font-size:clamp(36px,5vw,64px);line-height:1;letter-spacing:-.045em;margin:15px 0 0}.text-link{font-size:12px;border-bottom:1px solid #888;padding-bottom:7px}.feature{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.feature h3{font-size:84px;letter-spacing:-.06em;margin:15px 0}.feature p{max-width:370px;color:var(--muted);line-height:1.7}.catalog{margin-top:65px;border-top:1px solid var(--line)}.track{display:grid;grid-template-columns:40px 1fr 80px 130px;align-items:center;gap:15px;padding:22px 0;border-bottom:1px solid var(--line)}.track:hover{color:var(--accent)}.track .num,.track .year{font-size:12px;color:var(--muted)}.track strong{font-size:22px;letter-spacing:-.03em;font-weight:400}.track .listen{text-align:right;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.about{display:grid;grid-template-columns:1fr 1fr;gap:7vw;background:#dedccd;color:#191a15}.about .eyebrow{color:#525447}.about h2{font-size:clamp(48px,6vw,84px);max-width:460px}.about p{font-size:20px;line-height:1.7;margin-top:0}.about .small{font-size:14px;color:#535448}.contact{padding-top:90px;padding-bottom:90px}.contact h2{font-size:clamp(52px,8vw,108px);max-width:850px}.contact p{color:var(--muted);line-height:1.7;max-width:450px}.contact .button{margin-top:20px}footer{display:flex;justify-content:space-between;gap:20px;margin:0 5vw;padding:30px 0;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}@media(max-width:650px){header{height:80px}.logo{font-size:23px}nav{gap:17px;font-size:10px}.hero{min-height:620px;padding-top:55px}.hero h1{font-size:76px}.hero h1{font-size:clamp(60px,17vw,100px)}.hero .statement{font-size:19px;max-width:290px}.hero .origin{font-size:12px}.hero p{font-size:16px;max-width:310px}.hero-bottom{margin-top:45px;font-size:8px}.section{padding-top:50px;padding-bottom:50px}.feature,.about{grid-template-columns:1fr;gap:40px}.feature h3{font-size:65px}.section-head{align-items:start}.section-head .text-link{max-width:100px;line-height:1.5}.track{grid-template-columns:25px 1fr 60px;gap:8px}.track .year{display:none}.track strong{font-size:19px}.track .listen{font-size:9px}.about p{font-size:18px}.about h2{margin-bottom:15px}footer{font-size:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Original OAKES artwork, presented without retouching. */
.hero{background:#080806;min-height:680px;padding-top:90px}
.hero-art{position:absolute;z-index:-1;inset:0 -9% 0 17%;pointer-events:none;mask-image:linear-gradient(to right,transparent,#000 20%,#000 85%,transparent)}
.hero-art img{display:block;position:absolute;top:50%;transform:translateY(-50%);width:100%;height:auto;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
.hero-copy{position:relative;max-width:49%}
.hero h1{font-size:clamp(70px,9vw,138px);margin-top:27px}
.hero .statement{font-size:20px}
.hero-bottom{position:relative;margin-top:75px}
.about{background:#1c1d1f;color:var(--ink);row-gap:55px}
.about .eyebrow{color:var(--muted)}
.duo-photo{grid-column:1/-1;margin:0;width:100%;overflow:hidden}
.duo-photo img{display:block;width:100%;height:auto}
.about p{font-size:18px;color:#c4c4bd;line-height:1.8;max-width:580px}
.contact{position:relative;isolation:isolate;overflow:hidden;min-height:430px;background:#191b1c}
.contact-art{position:absolute;z-index:-1;right:-6%;top:0;width:75%;height:100%;object-fit:cover;object-position:center;opacity:.28;mask-image:linear-gradient(to right,transparent,#000 45%)}
.contact-copy{position:relative}
.contact h2{font-size:clamp(52px,7vw,90px)}
@media(max-width:650px){
.hero{padding-top:40px;min-height:0;display:flex;flex-direction:column}
.hero-copy{max-width:none;order:0}
.hero h1{font-size:clamp(62px,18vw,110px);margin:24px 0}
.hero .statement{font-size:18px}
.hero-art{position:relative;inset:auto;order:1;margin:24px -5.55vw 0;width:100vw;height:auto;mask-image:none;z-index:0}
.hero-art img{position:static;transform:none;height:auto;width:100%;object-fit:contain;mask-image:none}
.hero-bottom{order:2;margin-top:20px}
.hero .actions{gap:10px}
.hero .button{gap:20px;padding:14px 18px;font-size:10px}
.about{row-gap:28px}
.duo-photo img{width:100%;aspect-ratio:1.4;object-fit:cover;object-position:center}
.contact-art{width:100%;right:-15%;opacity:.17}
}

footer{flex-wrap:wrap;align-items:center}.privacy-link{text-decoration:underline;text-underline-offset:4px}
.contact-details{max-width:660px;margin-top:25px}.contact-details summary{list-style:none;cursor:pointer;width:fit-content}.contact-details summary::-webkit-details-marker{display:none}.contact-details[open] summary{margin-bottom:28px}
.contact-form{padding:25px;background:#161817e8;border:1px solid #4b4c44}.contact-form label{display:block;font-size:13px;line-height:1.6;margin-bottom:18px}.contact-form input:not([type=hidden]):not([type=submit]),.contact-form textarea{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid #62635b;border-radius:0;background:#222521;color:var(--ink);font:inherit;font-size:16px}.contact-form textarea{resize:vertical;min-height:150px}.contact-form input[type=submit]{border:0;border-radius:0;padding:17px 23px;background:var(--accent);color:#161310;font:700 12px Arial;letter-spacing:.08em;text-transform:uppercase;cursor:pointer}.contact-form input:focus-visible,.contact-form textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.contact-form .privacy-note{font-size:12px;line-height:1.6;max-width:none}.contact-form .privacy-note a{text-decoration:underline}.contact-form p{max-width:none}.screen-reader-response{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hidden-fields-container{border:0;margin:0;padding:0}.wpcf7-response-output:empty{display:none}.wpcf7-response-output{border:1px solid var(--accent);padding:15px;margin-top:20px;line-height:1.6}.wpcf7-not-valid-tip{display:block;color:#ffad8b;margin:8px 0;font-size:13px}
.legal{max-width:860px;margin:auto;padding:70px 5vw 90px}.legal h1{font-size:clamp(38px,6vw,70px);letter-spacing:-.05em;line-height:1.05;margin:20px 0 35px}.legal h2{font-size:23px;line-height:1.4;margin:35px 0 12px}.legal p,.legal li{color:#c6c5bb;font-size:16px;line-height:1.85}.legal a{text-decoration:underline;text-underline-offset:3px}.legal .updated{font-size:12px;color:var(--muted)}
@media(max-width:650px){.contact-form{padding:18px}.legal{padding-top:35px}.legal h1{font-size:44px}}
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0}
.social-links{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.social-links a{display:inline-flex;align-items:center;gap:7px;min-height:44px}.social-links a:hover{color:var(--accent)}@media(max-width:650px){.social-links{flex-basis:100%;gap:12px 24px}}
.track strong small{font-size:.65em;color:var(--muted)}@media(max-width:650px){.track .year{display:block;grid-column:2;grid-row:auto}.track .listen{grid-column:3;grid-row:1/3}.track .num{grid-row:1/3}.track{row-gap:6px}}

/* Targeted audit fixes: preserve existing visual hierarchy. */
nav a{display:inline-flex;align-items:center;min-height:44px}nav a:hover,footer a:hover{color:var(--accent)}
.skip-link{position:absolute;left:16px;top:0;z-index:20;transform:translateY(-120%);padding:14px;background:var(--ink);color:var(--bg)}.skip-link:focus{transform:translateY(0)}
summary:focus-visible{outline:3px solid var(--accent);outline-offset:7px}
.release-cover{display:block;width:100%;max-width:430px;height:auto;aspect-ratio:1;object-fit:cover}.cover-link{display:block;max-width:430px}
.track{grid-template-columns:64px minmax(0,1fr) 80px 130px}.track-cover{display:block;width:64px;height:64px;object-fit:cover}.track strong{min-width:0}
.contact-email{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px}
.press{padding-top:38px;padding-bottom:38px}.press summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;font-size:22px;font-weight:600;list-style:none}.press summary::-webkit-details-marker{display:none}.press summary:after{content:'+';color:var(--accent)}.press details[open]>summary:after{content:'−'}.press-content{padding-top:24px;max-width:900px}.press-content h3{font-size:20px;margin:25px 0 12px}.press-content p{color:var(--muted);line-height:1.8}.press-content a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:4px}.press-links{display:flex;flex-wrap:wrap;gap:4px 25px}.press-content blockquote{margin:0;border-left:1px solid var(--line);padding-left:20px}
footer>a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:650px){.cover-link{max-width:290px;width:80%;margin:auto}.track{grid-template-columns:48px minmax(0,1fr) 55px;gap:6px 12px}.track-cover{width:48px;height:48px;grid-row:1/3}.track .year{grid-column:2;grid-row:2}.track .listen{grid-column:3;grid-row:1/3}.track strong{grid-column:2;grid-row:1}.press summary{font-size:20px}.hero .origin{font-size:13px}.hero-copy .origin{margin-top:10px}}
@media(max-width:360px){nav{gap:10px}.logo{font-size:21px}}
