:root{--bg:#111210;--surface:#191a17;--text:#f1eee7;--muted:#aaa99f;--line:#34352e;--warm:#cfad78;--ghost-accent-color:#cfad78;--font-sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,summary{touch-action:manipulation}a,button{transition:color .2s,background .2s}a:hover{color:var(--warm)}:focus-visible{outline:2px solid var(--warm);outline-offset:6px}img,video,iframe{max-width:100%}img{display:block;height:auto}button{cursor:pointer}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;line-height:1.06;letter-spacing:-.045em}h1{font-size:clamp(3rem,6.5vw,6.8rem);overflow-wrap:anywhere}h2{font-size:clamp(2.2rem,3.8vw,4rem)}h3{font-size:1.45rem;line-height:1.25;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.site-header{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid var(--line)}.wordmark{font-size:1.6rem;letter-spacing:-.06em;font-weight:800;display:inline-flex;align-items:center;white-space:nowrap;color:var(--text)}.wordmark span{font-weight:400}.wordmark i{width:6px;height:6px;background:var(--warm);border-radius:50%;margin-left:8px}.wordmark img{max-height:44px;width:auto;object-fit:contain}.nav{list-style:none;display:flex;gap:2rem;padding:0;margin:0;flex-wrap:wrap}.nav a{font-size:.84rem;padding:12px 0;display:inline-block;color:var(--muted)}.nav-current a,.nav a:hover{color:var(--text)}.nav-current a{border-bottom:1px solid var(--warm)}.menu-toggle{background:transparent;color:var(--text);border:1px solid var(--line);padding:10px 14px}.menu-toggle[hidden]{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center;padding-block:76px 88px;min-height:680px}.hero-copy{padding-block:1rem}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.66rem;font-weight:600;color:var(--warm);line-height:1.6}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--warm);margin-right:8px;box-shadow:0 0 16px #cfad7850}.hero-artist{display:block;font-size:1rem;margin:32px 0 12px;color:var(--muted)}.hero-copy>.eyebrow+h1{margin-top:36px}.hero h1 em{font-style:normal;color:var(--warm)}.hero-description{font-size:1.05rem;max-width:440px;margin:25px 0 30px;line-height:1.8}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:12px 22px;border:1px solid #5d5e52;font-size:.8rem;font-weight:600;color:var(--text)}.button.primary{background:var(--warm);border-color:var(--warm);color:#191a17}.button:hover{background:#e4c79a;color:#111}.text-link{font-size:.8rem;display:inline-block;padding-block:12px;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#68695c}.hero-meta{margin-top:42px}.meta{display:flex;flex-wrap:wrap;gap:10px;font-size:.73rem;color:var(--muted)}.hero-art{position:relative;display:block;min-width:0}.hero-art:before{content:"";position:absolute;inset:-45px;background:radial-gradient(ellipse at 60% 40%,#ac79442b,transparent 67%);z-index:-1}.artwork{aspect-ratio:1;position:relative;overflow:hidden;background:var(--surface)}.artwork img{width:100%;height:100%;object-fit:cover}.artwork.portrait{aspect-ratio:4/5}.artwork.landscape{aspect-ratio:16/10}.artwork-fallback{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 85% 5%,#a7804e3b,transparent 65%),linear-gradient(145deg,#272a24,#131410);display:flex;align-items:center;justify-content:center}.artwork-fallback:after{content:"";position:absolute;inset:0;opacity:.2;background:repeating-linear-gradient(90deg,transparent 0 44px,#77776825 45px 46px)}.record{display:block;border-radius:50%;width:74%;aspect-ratio:1;background:radial-gradient(circle,#c9a878 0 1%,#252820 1.4% 13%,#a58c633d 13.5% 14%,transparent 14.5%),repeating-radial-gradient(circle,#111310 0 2px,#34362b 3px,#141611 4px);box-shadow:12px 20px 55px #0009;transform:rotate(-22deg);position:relative}.record:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent,#eadfba12,transparent 25%,#eadfba16,transparent 55%)}.fallback-brand,.fallback-caption{position:absolute;font-size:.55rem;letter-spacing:.2em;color:#c1b8a3;z-index:1}.fallback-brand{left:7%;top:7%}.fallback-caption{bottom:7%;right:7%}.portrait .record{width:100%;position:absolute;bottom:-22%;right:-28%;opacity:.65}.portrait .artwork-fallback{background:radial-gradient(ellipse at 20% 5%,#88725355,transparent 70%),linear-gradient(145deg,#30322a,#151613)}.studio-strip{border-block:1px solid var(--line)}.studio-strip .wrap{display:flex;justify-content:space-between;gap:1rem;padding-block:18px;color:var(--muted);font-size:.58rem;letter-spacing:.19em}.section{padding-block:86px}.section+.section{border-top:1px solid var(--line)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:38px}.section-heading .eyebrow{margin-bottom:16px}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.card{min-width:0}.card-link{display:block}.card .artwork img{transition:transform .4s}.card-link:hover img{transform:scale(1.025)}.card-caption{display:flex;justify-content:space-between;gap:20px;padding-top:21px}.card-caption .eyebrow{margin-bottom:7px}.card-caption p:not(.eyebrow):not(.meta){font-size:.8rem;margin-top:9px}.card-caption .meta{margin-top:8px}.arrow{font-size:1.4rem;color:var(--warm)}.journal-card .eyebrow{margin-top:22px}.journal-card h3{margin:12px 0}.journal-card p:not(.eyebrow){font-size:.9rem}.statement{background:linear-gradient(115deg,#25261f,#1a1b17);border-block:1px solid var(--line);padding-block:72px}.statement>.wrap{display:grid;grid-template-columns:1.3fr 1fr;gap:24px 12%}.statement .eyebrow{grid-column:1/-1}.statement h2{max-width:620px}.statement p{font-size:.95rem;line-height:1.9}.statement .text-link{margin-top:20px}.site-footer{border-top:1px solid var(--line);padding-top:58px}.footer-top{display:flex;justify-content:space-between;gap:36px;flex-wrap:wrap;padding-bottom:58px}.footer-top p{font-size:.8rem;margin:14px 0}.footer-top .nav{gap:20px;max-width:420px}.footer-bottom{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding-block:24px;color:var(--muted);font-size:.66rem}.footer-bottom small{font-size:inherit}.archive-heading{margin:10px 0 60px;max-width:850px}.archive-heading h1{margin:24px 0}.archive-heading p:last-child{font-size:1.1rem}.pagination{display:flex;justify-content:center;align-items:center;gap:28px;margin-top:60px;font-size:.8rem}.empty{padding:32px;border:1px solid var(--line);grid-column:1/-1}.content-section{padding-block:60px 80px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:8%}.section-label .eyebrow{margin-bottom:20px}.section-label h2{font-size:2rem}.article-heading{padding-block:80px 50px;max-width:1050px;text-align:center}.article-heading h1{margin:26px 0}.article-heading .meta{justify-content:center}.standfirst{font-size:1.2rem;max-width:750px;margin:0 auto 26px}.feature-figure{margin-bottom:60px}.feature-figure .artwork{max-height:720px}.article-content{width:min(760px,calc(100% - 48px));margin-inline:auto}.article-end{padding-block:60px}.gh-content{font-size:1.1rem;line-height:1.85;min-width:0;overflow-wrap:anywhere}.gh-content>*+*{margin-top:1.5rem}.gh-content>h2,.gh-content>h3{margin-top:2.5rem}.gh-content h2{font-size:2.3rem}.gh-content h3{font-size:1.6rem}.gh-content p,.gh-content li{color:#cfcec5}.gh-content a{text-decoration:underline;text-underline-offset:4px}.gh-content blockquote{border-left:2px solid var(--warm);padding:8px 0 8px 25px;margin-inline:0;font-size:1.35rem;color:var(--text)}.gh-content pre{overflow:auto;padding:24px;background:#20221c;font-size:.85rem}.gh-content :not(pre)>code{background:#282a23;padding:2px 5px;font-size:.9em}.gh-content table{display:block;overflow:auto;border-collapse:collapse;max-width:100%}.gh-content td,.gh-content th{padding:12px 18px;border:1px solid var(--line);text-align:left}.gh-content hr{border:0;border-top:1px solid var(--line);margin-block:40px}.gh-content iframe{border:0}.gh-content figcaption,figcaption{font-size:.78rem;text-align:center;color:var(--muted);margin-top:12px}.kg-width-wide{width:100%}.article-content>.kg-width-wide{width:calc(100% + 160px);max-width:calc(100vw - 64px);margin-left:50%;transform:translateX(-50%)}.article-content>.kg-width-full{width:calc(100vw - 32px);max-width:none;margin-left:50%;transform:translateX(-50%)}.kg-image-card img{margin:auto}.kg-gallery-container{display:flex;flex-direction:column;gap:12px}.kg-gallery-row{display:flex;gap:12px}.kg-gallery-image{min-width:0}.kg-gallery-image img{width:100%;height:100%;object-fit:cover}.kg-bookmark-card{border:1px solid var(--line);background:var(--surface);border-radius:3px;overflow:hidden}.kg-bookmark-container{display:flex;color:var(--text);text-decoration:none!important}.kg-bookmark-content{flex:1;padding:22px;min-width:0}.kg-bookmark-title{font-size:1rem;font-weight:600}.kg-bookmark-description{font-size:.85rem;line-height:1.6;margin-top:10px;color:var(--muted)}.kg-bookmark-metadata{display:flex;align-items:center;gap:8px;font-size:.7rem;margin-top:16px;flex-wrap:wrap}.kg-bookmark-icon{width:20px;height:20px}.kg-bookmark-thumbnail{flex:0 0 30%;position:relative}.kg-bookmark-thumbnail img{position:absolute;width:100%;height:100%;object-fit:cover}.kg-button-card{display:flex}.kg-align-center{justify-content:center}.kg-align-right{justify-content:flex-end}.kg-btn{background:var(--warm);color:#171813!important;padding:12px 24px;display:inline-block;text-decoration:none!important;font-size:.9rem}.kg-callout-card{padding:24px;border-radius:4px;display:flex;gap:16px}.kg-toggle-card{border:1px solid var(--line);padding:24px}.kg-embed-card{display:flex;flex-direction:column;align-items:center}.kg-audio-card,.kg-file-card,.kg-product-card{color:#171813}.kg-header-card h2{letter-spacing:-.035em}.release-hero h1{font-size:clamp(2.8rem,5.5vw,5.5rem)}.release-hero .meta{margin-top:24px}.release-hero .hero-artist{margin-top:22px}.featured-inline{max-width:370px;margin-bottom:44px}.featured-inline>.eyebrow{margin-bottom:14px}.archive-more{margin-top:32px;font-size:.85rem}.archive-more a{text-decoration:underline}.author-avatar{border-radius:50%;margin-bottom:25px}.skip-link{position:fixed;left:20px;top:-100px;z-index:10;background:var(--warm);color:#111;padding:12px 24px}.skip-link:focus{top:12px}.comments{margin-top:40px}
@media(min-width:801px){.menu-toggle{display:none}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.site-header{gap:20px}.nav{gap:20px}.hero{min-height:560px;gap:6%;padding-block:55px}.grid{gap:22px}.hero h1{font-size:4rem}.hero-description{font-size:.95rem}}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{min-height:88px;flex-wrap:wrap;padding-block:20px}.wordmark{font-size:1.4rem}#site-nav{width:100%}.nav{gap:8px 24px}.js #site-nav{display:none}.js .menu-toggle[aria-expanded="true"]+#site-nav{display:block}.hero{grid-template-columns:1fr;padding-block:40px 52px;gap:36px}.hero h1{font-size:clamp(3.1rem,12vw,5.5rem)}.hero-art{max-width:560px;width:100%;margin-inline:auto}.hero-art:before{inset:0}.hero-copy{padding:0}.hero-description{font-size:1rem}.hero-meta{margin-top:24px}.hero-artist{margin-top:25px}.hero .artwork.portrait{aspect-ratio:1}.release-hero .hero-art{order:2}.section{padding-block:55px}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 20px}.section-heading{align-items:start}.section-heading .text-link{max-width:125px;text-align:right}.section-heading h2{font-size:2.3rem}.studio-strip .wrap{font-size:.5rem}.studio-strip span:last-child{display:none}.statement{padding-block:48px}.statement>.wrap{grid-template-columns:1fr;gap:24px}.statement h2{max-width:500px}.content-section{grid-template-columns:1fr;gap:35px;padding-block:40px}.article-heading{padding-block:50px 36px}.article-content>.kg-width-wide{width:100%;max-width:100%;margin-left:0;transform:none}.footer-bottom{flex-wrap:wrap}.footer-bottom>span{display:none}.archive-heading{margin-bottom:40px}.gh-content{font-size:1rem}.gh-content h2{font-size:2rem}.feature-figure{margin-bottom:35px}.card-caption{gap:12px}.card h3{font-size:1.25rem}}
@media(max-width:500px){.grid{grid-template-columns:1fr}.artists-grid{gap:36px}.artists-grid .artwork.portrait{aspect-ratio:4/3}.section-heading{gap:16px}.section-heading h2{font-size:2rem}.section-heading .text-link{font-size:.72rem;min-width:95px}.card .artwork.landscape{aspect-ratio:16/10}.actions{gap:16px}.footer-top{display:block}.footer-top>nav{margin-top:25px}.kg-bookmark-thumbnail{display:none}.pagination{gap:14px}.pagination .button{padding:10px}.hero-description{max-width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.kg-bookmark-author{color:var(--muted)}.kg-bookmark-publisher{color:var(--muted)}.kg-bookmark-author+.kg-bookmark-publisher:before{content:"·";margin-right:8px}
body{font-family:var(--gh-font-body,var(--font-sans))}h1,h2,h3{font-family:var(--gh-font-heading,var(--font-sans))}.page-template .article-content{padding-block:32px 64px}

/* ZakoSound 1.1 — studio mockup layout */
:root{--bg:#0c0d0c;--surface:#171816;--warm:#dfaf73;--line:#2c2d29}
.wrap{width:min(1120px,calc(100% - 64px))}
.site-header{min-height:76px;border-bottom:0;position:relative;z-index:2}.wordmark{letter-spacing:.035em;font-size:1.3rem}.wordmark span{font-weight:500}.nav{gap:32px}.nav a{font-size:.8rem;color:#dddcd6}.nav-current a{color:var(--warm)}
h1,h2,h3{font-weight:650;letter-spacing:-.025em}.button{border-radius:5px;min-height:46px;padding:11px 22px}.button.primary{background:var(--warm)}.eyebrow{font-size:.63rem;letter-spacing:.22em}.text-link{color:var(--warm);text-decoration:none;font-size:.75rem}
.studio-hero{position:relative;isolation:isolate;background:radial-gradient(ellipse at 80% 25%,#70503470,transparent 60%),linear-gradient(115deg,#11120f,#25241d);overflow:hidden}.studio-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}.studio-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000c, #0007 45%,#0001 80%),linear-gradient(0deg,#0005,transparent 40%)}.studio-hero-inner{min-height:390px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-block:45px}.studio-hero h1{font-size:clamp(2rem,3.25vw,3.5rem);text-transform:uppercase;line-height:1.12;margin:12px 0 14px;max-width:750px;font-weight:750;letter-spacing:-.015em}.studio-hero h1 span{display:block;color:var(--warm)}.studio-description{max-width:460px;color:#e3e0d9;font-size:1rem;line-height:1.55;margin-bottom:25px}.studio-hero .button:not(.primary){background:#090a096e;border-color:#777368;color:#f4f1eb}.studio-hero .actions{gap:16px}
.featured-release{display:flex;align-items:center;gap:20px;padding-block:20px;border-bottom:1px solid var(--line)}.featured-cover{width:66px;flex-shrink:0}.featured-release h2{font-size:1.1rem;margin:5px 0}.featured-release>.text-link{margin-left:auto}.featured-release .meta{font-size:.68rem}.featured-release .eyebrow{font-size:.56rem}
.section{padding-block:36px}.section+.section{border:0}.section-heading{margin-bottom:18px;align-items:end}.section-heading .eyebrow{margin-bottom:5px;color:#bdb9af}.section-heading h2{font-size:1.45rem;letter-spacing:-.015em}.grid{gap:24px}.releases-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.artwork{border-radius:5px}.artist-card .card-link{position:relative;overflow:hidden;border-radius:5px}.artist-card .artwork.portrait{aspect-ratio:1.8}.artist-card .card-caption{position:absolute;inset:auto 0 0;padding:45px 18px 16px;background:linear-gradient(transparent,#000e);align-items:end}.artist-card h3{font-size:1.25rem;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:#fff}.artist-card .card-caption p:not(.eyebrow):not(.meta){font-size:.59rem;letter-spacing:.1em;color:#e0ded5;margin-top:5px;line-height:1.5}.artist-card .arrow{border:1px solid #d3d1c8;border-radius:50%;width:29px;height:29px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1rem;color:#fff}.release-card h3,.journal-card h3{font-size:.96rem;letter-spacing:0;font-weight:600}.release-card .card-caption{padding-top:12px}.release-card .eyebrow{font-size:.65rem;letter-spacing:0;text-transform:none;color:var(--muted);margin-bottom:4px}.release-card .meta{font-size:.65rem}.release-card .arrow{display:none}.journal-card .artwork.landscape{aspect-ratio:2.5}.journal-card .eyebrow{font-size:.58rem;letter-spacing:.06em;margin-top:12px}.journal-card h3{margin:7px 0}.journal-card p:not(.eyebrow){font-size:.8rem}.site-footer{margin-top:22px;padding-top:26px}.footer-top{padding-bottom:24px;gap:24px;align-items:center}.footer-top p{margin:6px 0;font-size:.73rem}.footer-bottom{padding-block:15px;font-size:.63rem}.fallback-caption{font-size:.48rem}.artist-card .fallback-caption{display:none}
@media(max-width:800px){.wrap{width:calc(100% - 40px)}.site-header{min-height:76px;padding-block:16px}.studio-hero-inner{min-height:410px;padding-block:38px}.studio-background{object-position:65% center}.studio-hero:after{background:linear-gradient(90deg,#000d,#0006),linear-gradient(0deg,#0007,transparent)}.studio-hero h1{font-size:clamp(2rem,6.4vw,3.2rem)}.studio-description{max-width:420px;font-size:.95rem}.section-heading h2{font-size:1.3rem}.releases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.artists-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding-block:28px}.artist-card .card-caption{padding:40px 14px 14px}.artist-card h3{font-size:1.05rem}.featured-release{gap:14px}.featured-release>.text-link{font-size:.68rem}.featured-release h2{font-size:1rem}}
@media(max-width:500px){.artists-grid{grid-template-columns:1fr}.artist-card .artwork.portrait,.artists-grid .artwork.portrait{aspect-ratio:1.8}.artist-card h3{font-size:1.25rem}.releases-grid{gap:24px 16px}.release-card h3{font-size:.9rem}.section-heading h2{font-size:1.16rem}.section-heading .text-link{min-width:80px;font-size:.65rem}.studio-hero-inner{min-height:440px}.studio-hero h1{font-size:2rem}.studio-hero .actions{gap:12px}.studio-hero .button{padding:11px 16px;font-size:.73rem}.featured-release{flex-wrap:wrap}.featured-release>.text-link{margin-left:80px;margin-top:-14px}.journal-card .artwork.landscape{aspect-ratio:2.5}.footer-top .nav{gap:16px}}
.featured-cover .fallback-brand,.featured-cover .fallback-caption{display:none}

/* Shared publication logo: larger desktop footprint, contained on mobile. */
.site-header{min-height:120px}
.wordmark{flex-shrink:0;font-size:1.65rem}
.wordmark img.brand-logo{width:360px;height:96px;max-height:none;object-fit:contain;object-position:left center}
.site-footer .wordmark img.brand-logo{width:380px;height:104px}
@media(max-width:800px){.site-header{min-height:88px;padding-block:12px}.site-header .wordmark{max-width:calc(100% - 112px);font-size:1.4rem}.site-header .wordmark img.brand-logo{width:260px;height:76px;max-width:100%}.site-footer .wordmark img.brand-logo{width:300px;height:88px;max-width:100%}}

/* 1.2: proportions matched to the supplied desktop reference. */
.wrap{width:min(1560px,78%)}
.site-header.wrap{width:min(1800px,88%);min-height:84px;gap:32px}
.site-header .wordmark img.brand-logo{width:340px;height:72px}
.site-header #site-nav{margin-left:auto}
.studio-hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:800;letter-spacing:-.025em;font-size:clamp(2.25rem,3.15vw,3.65rem)}
.section-heading h2{font-family:Arial,Helvetica,sans-serif;font-weight:700;font-size:1.5rem}
.studio-hero-inner{min-height:390px}
.artist-card .artwork img{object-position:50% 20%}
.section{padding-block:28px}
.site-footer.wrap{width:min(1800px,88%)}
@media(max-width:1000px){.wrap{width:88%}.site-header .wordmark img.brand-logo{width:270px;height:68px}.site-header{gap:20px}.site-header .nav{gap:20px}}
@media(max-width:800px){.wrap,.site-header.wrap,.site-footer.wrap{width:calc(100% - 40px)}.site-header.wrap{min-height:84px;gap:16px}.site-header #site-nav{margin-left:0}.site-header .wordmark img.brand-logo{width:260px;height:64px}.studio-hero-inner{min-height:400px}.studio-hero h1{font-size:clamp(2rem,6vw,3rem)}.section-heading h2{font-size:1.25rem}}
@media(max-width:500px){.section-heading h2{font-size:1.16rem}.studio-hero h1{font-size:2rem}.studio-hero-inner{min-height:420px}}

/* 1.2.1: contain the studio photograph within the content margins. */
.studio-hero.wrap{border-radius:5px}
.studio-hero-inner{width:100%;margin-inline:0;padding-inline:clamp(20px,3vw,48px)}

/* 1.3: logo, centered navigation, search and membership action. */
.site-header #site-nav{display:flex;align-items:center;justify-content:space-between;flex:1;gap:28px;margin-left:clamp(20px,4vw,80px)}
.site-header .nav{justify-content:center;flex:1;gap:clamp(18px,2.5vw,38px)}
.header-actions{display:flex;align-items:center;gap:18px;flex-shrink:0}
.header-search{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:10px;border:0;background:transparent;color:var(--text);cursor:pointer}
.header-search:hover{color:var(--warm)}
.header-join{border-radius:18px;white-space:nowrap;font-size:.75rem;padding-inline:24px}
@media(min-width:801px) and (max-width:1200px){.site-header.wrap{gap:18px}.site-header .wordmark img.brand-logo{width:230px}.site-header .wordmark{font-size:1.3rem}.site-header #site-nav{margin-left:0;gap:16px}.site-header .nav{gap:16px}.header-actions{gap:8px}.header-join{padding-inline:15px}}
@media(max-width:800px){.site-header #site-nav{margin-left:0;flex-basis:100%;display:flex;align-items:flex-start;flex-direction:column;gap:14px}.site-header .nav{justify-content:flex-start;gap:10px 24px}.js .site-header #site-nav{display:none}.js .site-header .menu-toggle[aria-expanded="true"]+#site-nav{display:flex}.header-actions{width:100%;padding-bottom:6px}.header-join{min-height:44px}}

/* 1.3.1: full-width footer rule and three-part mockup layout. */
.site-footer{width:100%;margin-top:36px;border-top:1px solid #424039;padding:30px 0}
.footer-layout.wrap{width:min(1800px,92%);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:28px}
.site-footer .wordmark{justify-self:start}
.site-footer .wordmark img.brand-logo{width:300px;height:76px;max-width:100%}
.footer-center{text-align:center}.footer-center p{color:var(--warm);font-size:.9rem;letter-spacing:.04em;font-weight:600}.footer-center small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.08em;margin-top:4px}
.footer-socials{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.footer-socials a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem}.footer-socials svg{flex-shrink:0}.footer-signup{display:inline-block;font-size:.75rem;padding:10px}
@media(max-width:1000px){.footer-layout.wrap{grid-template-columns:1fr 1fr}.footer-center{grid-column:1/-1;grid-row:2}.site-footer .wordmark img.brand-logo{width:260px}}
@media(max-width:500px){.footer-layout.wrap{width:calc(100% - 40px);grid-template-columns:1fr;gap:18px}.site-footer .wordmark{justify-self:center}.footer-center{grid-row:auto;grid-column:auto}.footer-socials{justify-content:center}.site-footer{padding-block:24px}}

/* Batch 1.5: readable artist taglines at every viewport. */
.artist-card .card-caption p:not(.eyebrow):not(.meta){font-size:.75rem;line-height:1.45;letter-spacing:.045em}
.artist-release-archive:has(.releases-grid:empty)::after{content:"No releases on this page yet.";display:block;color:var(--muted);padding-block:20px}

/* 1.7: supplied mockup refresh. */
:root{--bg:#0b0c0b;--text:#f3eee7;--muted:#c8c1b6;--line:#32322e;--warm:#f25538;--paper:#f1eadf}
body{background:#0b0c0b;color:var(--text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 50% 0,#32332d45,transparent 42%),linear-gradient(90deg,#151613,#080908 24%,#11130f 74%,#070807);opacity:.95}
h1,h2{font-family:Georgia,"Times New Roman",serif;letter-spacing:-.025em}
.studio-hero h1,.home-section h2,.artist-card h3{letter-spacing:0}
.site-header.wrap{width:min(1280px,84%);min-height:68px;border-bottom:1px solid #2a2b27}
.site-header .wordmark img.brand-logo{width:245px;height:54px}
.site-header .nav a{font-size:.72rem;color:#e3dfd7;padding:10px 0}
.nav-current a{color:#fff;border-bottom-color:var(--warm)}
.header-search{width:34px;height:34px}
.header-search svg{width:17px;height:17px}
.header-join{min-height:36px;border-radius:999px;background:transparent;color:#fff;border-color:#ebe6dd;font-size:.72rem;padding-inline:18px}
.header-join:hover{border-color:var(--warm)}
.studio-hero.wrap{width:100%;max-width:none;border-radius:0;border-bottom:1px solid #30312d;background:#0b0c0b}
.studio-background{object-position:center}
.studio-hero:after{background:linear-gradient(90deg,#090a09 0%,#090a09f0 23%,#090a0988 50%,#090a0912 82%),linear-gradient(0deg,#080908b8,transparent 36%)}
.studio-hero-inner{width:min(1280px,84%);min-height:385px;margin-inline:auto;padding:28px 0 42px}
.hero-display-logo{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:clamp(4rem,8.6vw,8.2rem);font-weight:900;letter-spacing:.02em;line-height:.82;color:var(--paper);text-transform:uppercase;text-shadow:0 8px 22px #000c}
.hero-display-logo span{color:var(--warm);margin-left:.04em}
.studio-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(2.3rem,3.8vw,4.2rem);font-weight:700;line-height:1.04;text-transform:none;letter-spacing:-.035em;margin:10px 0 12px;max-width:680px;color:var(--paper)}
.studio-hero h1 span{display:block;color:var(--paper)}
.studio-description{max-width:560px;font-family:Georgia,"Times New Roman",serif;font-size:1.1rem;line-height:1.42;color:#e7e0d5;margin-bottom:24px}
.studio-hero .button{border-radius:999px;min-width:168px;min-height:46px}
.studio-hero .button.primary{background:var(--warm);border-color:var(--warm);color:#070807}
.studio-hero .button:not(.primary){background:#0b0c0b80;border-color:#efeadf;color:#fff}
.featured-release.wrap,.home-section.wrap{width:min(1280px,84%)}
.home-section{display:grid;grid-template-columns:260px minmax(0,1fr);gap:44px;align-items:start;border-top:1px solid #32332f;padding-block:32px}
.home-section+.home-section{border-top:1px solid #32332f}
.home-section .section-heading{display:block;margin:0}
.home-section .section-heading h2{font-size:2.05rem;line-height:1.06;color:var(--paper);font-weight:700}
.home-section .section-heading span{display:block;width:45px;height:1px;background:#efe6d7;margin:18px 0}
.home-section .section-heading p{font-family:Georgia,"Times New Roman",serif;font-size:1.03rem;line-height:1.28;color:#d7cfc5;margin-bottom:13px}
.home-section .text-link{color:var(--warm);font-size:.78rem;padding-block:4px}
.artists-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.artist-card .card-link{border:1px solid #3b3d38;border-radius:0}
.artist-card .artwork.portrait{aspect-ratio:2.08;border-radius:0}
.artist-card .card-caption{padding:56px 20px 15px;background:linear-gradient(transparent,#050605f5)}
.artist-card h3{font-family:Impact,"Arial Black",Arial,sans-serif;font-size:2rem;line-height:.95;letter-spacing:.08em}
.artist-card .card-caption p:not(.eyebrow):not(.meta){font-size:.75rem;line-height:1.4;letter-spacing:.045em;color:#e9e1d8;text-transform:uppercase}
.artist-card .arrow{border:0;width:auto;height:auto;font-size:1.25rem}
.releases-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:38px}
.release-card .artwork{border:1px solid #3a3a35;border-radius:0}
.release-card .card-caption{padding-top:8px}
.release-card h3,.journal-card h3{font-family:Arial,Helvetica,sans-serif;font-size:.94rem;line-height:1.18;font-weight:500;color:#fff}
.release-card .eyebrow{font-size:.73rem;color:#ded8cf}
.release-card .meta{font-size:.66rem;color:#9f9b92}
.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px}
.journal-card .artwork.landscape{aspect-ratio:3;border:1px solid #3a3a35;border-radius:0}
.journal-card .eyebrow{display:none}
.journal-card h3{margin:8px 0 2px;font-size:1rem}
.journal-card p:not(.eyebrow){font-family:Georgia,"Times New Roman",serif;font-size:.82rem;line-height:1.35;color:#d2cbc0}
.artwork-fallback{background-size:cover;background-position:center}
.artwork-fallback .record,.artwork-fallback .fallback-brand,.artwork-fallback .fallback-caption,.artwork-fallback:after{display:none}
.artwork-fallback{background-image:url("../images/zakosound-release-fallback.svg")}
.portrait .artwork-fallback{background-image:url("../images/zakosound-project-fallback.svg")}
.landscape .artwork-fallback{background-image:url("../images/zakosound-journal-fallback.svg")}
.site-footer{background:linear-gradient(90deg,#161715,#080908 72%);border-top-color:#32332f;margin-top:0}
.footer-layout.wrap{width:min(1280px,84%)}
.site-footer .wordmark img.brand-logo{width:245px;height:54px}
.footer-center p{font-family:Georgia,"Times New Roman",serif;color:#efe7dc;font-weight:400;letter-spacing:0}
@media(max-width:1100px){.site-header.wrap,.studio-hero-inner,.featured-release.wrap,.home-section.wrap,.footer-layout.wrap{width:calc(100% - 64px)}.home-section{grid-template-columns:220px minmax(0,1fr);gap:28px}.artist-card h3{font-size:1.45rem}.releases-grid{gap:24px}}
@media(max-width:800px){.site-header.wrap,.studio-hero-inner,.featured-release.wrap,.home-section.wrap,.footer-layout.wrap{width:calc(100% - 40px)}.site-header .wordmark img.brand-logo{width:220px;height:54px}.studio-hero-inner{min-height:430px}.studio-hero:after{background:linear-gradient(90deg,#090a09 0%,#090a09e8 58%,#090a0955),linear-gradient(0deg,#080908c7,transparent 42%)}.hero-display-logo{font-size:clamp(3.2rem,14vw,5.8rem)}.studio-hero h1{font-size:clamp(2rem,8vw,3.1rem)}.home-section{display:block;padding-block:30px}.home-section .section-heading{margin-bottom:22px}.home-section .section-heading p br{display:none}.artists-grid,.journal-grid{grid-template-columns:1fr}.releases-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}.artist-card .artwork.portrait{aspect-ratio:1.75}.journal-card .artwork.landscape{aspect-ratio:2.2}}
@media(max-width:500px){.studio-hero .actions{display:grid;grid-template-columns:1fr;align-items:stretch}.studio-hero .button{width:100%}.releases-grid{grid-template-columns:1fr 1fr}.artist-card h3{font-size:1.55rem}.home-section .section-heading h2{font-size:1.8rem}.site-header .wordmark img.brand-logo{width:190px}.header-actions{gap:8px}}

/* 1.7: accessible homepage carousels. */
.content-carousel{min-width:0}
.carousel-track{display:flex;gap:var(--carousel-gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;padding-bottom:2px}
.carousel-track::-webkit-scrollbar{display:none}
.carousel-track .card{scroll-snap-align:start;scroll-snap-stop:always}
.carousel-track>.empty{flex:1 0 100%}
.projects-track{--carousel-gap:18px}
.projects-track .artist-card{flex:0 0 calc((100% - 36px)/3)}
.releases-track{--carousel-gap:38px}
.releases-track .release-card{flex:0 0 calc((100% - 152px)/5)}
.journal-track{--carousel-gap:34px}
.journal-track .journal-card{flex:0 0 calc((100% - 68px)/3)}
.carousel-controls{display:flex;justify-content:flex-end;gap:8px;margin-top:12px}
.carousel-controls[hidden]{display:none}
.carousel-button{width:40px;height:40px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #555650;border-radius:50%;background:#101110;color:var(--paper);font-size:1.15rem;line-height:1;padding:0}
.carousel-button:hover:not(:disabled){border-color:var(--warm);background:var(--warm);color:#080908}
.carousel-button:disabled{cursor:default;opacity:.35}
@media(max-width:1100px){.releases-track{--carousel-gap:24px}.releases-track .release-card{flex-basis:calc((100% - 48px)/3)}}
@media(max-width:800px){.projects-track .artist-card{flex-basis:calc((100% - 18px)/2)}.journal-track{--carousel-gap:18px}.journal-track .journal-card{flex-basis:calc((100% - 18px)/2)}}
@media(max-width:500px){.projects-track .artist-card,.journal-track .journal-card{flex-basis:100%}.releases-track{--carousel-gap:18px}.releases-track .release-card{flex-basis:calc((100% - 18px)/2)}}

/* Keep project captions readable when several cards share a narrow track. */
.artist-card .card-caption>div{min-width:0}
.artist-card h3{overflow-wrap:anywhere}
.hero-display-logo{max-width:100%;font-size:clamp(2.3rem,8.6vw,8.2rem)}
.carousel-button{width:44px;height:44px}

/* 1.8: approved layout refinement. */
.site-header .nav a{font-size:14px;padding-block:16px}
.site-header.wrap{min-height:84px}
.studio-description,.home-section .section-heading p,.journal-card p:not(.eyebrow){font-family:Arial,Helvetica,sans-serif;line-height:1.65;font-size:16px}
.hero-display-logo{font-size:clamp(2.3rem,7.3vw,7rem)}
.studio-hero-inner{padding-block:48px;min-height:410px}
.studio-hero h1{margin-block:18px;font-size:clamp(2rem,3.4vw,3.8rem)}
.button,.menu-toggle{border-radius:999px;min-height:44px;padding:12px 22px;font-size:13px}
.home-section{padding-block:44px;gap:36px;grid-template-columns:235px minmax(0,1fr)}
.home-section .section-heading h2{font-size:29px;line-height:1.15}
.home-section .section-heading p{color:#c8c3b9;font-size:15px}
.text-link{font-size:13px;line-height:1.5}
.releases-track{--carousel-gap:24px}
.releases-track .release-card{flex-basis:calc((100% - 48px)/3)}
.release-card h3{font-size:18px;line-height:1.3;margin:5px 0}
.release-card .eyebrow{font-size:13px;color:#e7dfd3}
.release-card .meta{font-size:12px;color:#c2bdb4}
.artist-card .artwork.portrait{aspect-ratio:1.55}
.artist-card .card-caption{padding:48px 15px 16px;min-height:108px;align-items:end;background:linear-gradient(transparent,#080908 40%)}
.artist-card h3{font-size:26px;letter-spacing:.04em}
.artist-card .card-caption p{font-size:12px!important;line-height:1.5!important;letter-spacing:.02em!important;min-height:36px;text-transform:none}
.artist-card .arrow{font-size:20px}

.footer-layout.wrap{display:flex;justify-content:space-between;align-items:center;min-height:116px;padding-block:24px}
.footer-center{text-align:right}.footer-layout.has-socials .footer-center{text-align:center}.footer-center p{font-family:Arial,sans-serif;font-size:15px}.footer-center small{font-size:12px}
.footer-socials:empty{display:none}
.hero{padding-block:48px;gap:48px}
.hero h1{font-size:clamp(2.8rem,5vw,4.6rem);line-height:1.08}
.hero-description{font-size:17px;line-height:1.65;margin-block:20px}
.content-section{padding-block:36px;grid-template-columns:235px minmax(0,1fr);gap:48px}
.gh-content{font-size:17px;line-height:1.75}
.section-label h2{font-size:27px;line-height:1.2}
.archive-more{display:none}
.hero-copy .meta{font-size:13px;color:#c7c1b6;margin-block:16px}
@media(max-width:800px){.home-section{display:block;padding-block:32px}.site-header.wrap{min-height:74px}.home-section .section-heading{margin-bottom:24px}.releases-track .release-card{flex-basis:calc((100% - 18px)/2)}.releases-track{--carousel-gap:18px}.release-card h3{font-size:16px}.footer-layout{flex-direction:column;gap:18px}.footer-center{text-align:center}.content-section{display:block;padding-block:28px}.section-label{margin-bottom:24px}.hero{padding-block:28px;gap:28px}.release-hero .hero-copy{width:100%}.studio-hero-inner{padding-block:32px;min-height:390px}.studio-hero .actions{width:100%}.studio-hero .button{width:100%}.artist-card .artwork.portrait{aspect-ratio:1.6}.section-heading{flex-wrap:wrap}.section-heading .text-link{max-width:none}}

/* One artwork element, ordered between heading and details on phones. */
.release-hero{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;column-gap:48px;row-gap:0;align-items:start}
.release-hero .release-heading{grid-column:2;grid-row:1}
.release-hero>.hero-art{grid-column:1;grid-row:1 / 3}
.release-hero .release-details{grid-column:2;grid-row:2}
.release-heading .hero-artist{margin:20px 0 14px}
.release-heading h1{margin:0 0 14px}
.release-details .meta{font-size:13px;color:#c7c1b6;margin-block:16px}
.empty{border:0;padding:16px 0;color:var(--muted)}
@media(max-width:800px){.release-hero{display:flex;flex-direction:column;gap:0}.release-hero .release-heading{order:0}.release-hero>.hero-art{order:1;margin:24px auto;max-width:420px}.release-hero .release-details{order:2}.footer-layout.has-socials{align-items:center}.footer-socials{justify-content:center}}

/* Release date belongs with the title; card metadata stays compact. */
.release-heading .meta{font-size:13px;color:#c7c1b6;margin:16px 0}

/* 1.8.3: journal alignment and compact project discography. */
.feature-figure .artwork{margin-inline:auto}
.journal-return{display:block;width:fit-content;margin-bottom:20px}
.project-discography{padding-block:40px 48px}
.project-discography .section-heading{margin-bottom:24px}
.project-discography .grid{grid-template-columns:repeat(4,minmax(0,280px));gap:28px 24px}
.project-discography .featured-inline{max-width:280px;margin-bottom:28px}
@media(max-width:1100px){.project-discography .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:800px){.project-discography{padding-block:28px 36px}.project-discography .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 18px}}