:root{--bg:#090909;--fg:#f3f3ef;--muted:#aaa;--line:rgba(255,255,255,.18);--pad:clamp(18px,2.5vw,42px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;display:flex;align-items:flex-start;justify-content:space-between;padding:22px var(--pad);gap:32px}.dark-header{position:relative;border-bottom:1px solid var(--line)}.brand{display:block;width:min(28vw,280px);min-width:155px}.brand img{display:block;width:100%;height:auto}.desktop-nav{display:flex;gap:clamp(13px,1.4vw,25px);font-size:13px;letter-spacing:.02em;text-transform:uppercase;flex-wrap:wrap;justify-content:flex-end;padding-top:5px}.desktop-nav a,.socials a,.text-link{transition:opacity .2s}.desktop-nav a:hover,.socials a:hover,.text-link:hover{opacity:.55}.menu-toggle{display:none;background:none;border:0;color:white;text-transform:uppercase;letter-spacing:.06em}.hero{position:relative;height:100svh;min-height:650px;overflow:hidden}.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28) 0%,rgba(0,0,0,.03) 50%,rgba(0,0,0,.28) 100%)}blockquote{position:absolute;left:var(--pad);bottom:8vh;margin:0;width:min(560px,72vw);font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.8vw,30px);line-height:1.2;letter-spacing:-.02em}blockquote p{margin:0 0 18px}blockquote footer{font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.4;letter-spacing:.08em;text-transform:uppercase}.latest-release{padding:clamp(70px,9vw,140px) var(--pad);border-top:1px solid var(--line)}.section-label,.eyebrow{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.release-grid{display:grid;grid-template-columns:minmax(260px,.9fr) 1.1fr;gap:clamp(30px,7vw,120px);align-items:start;margin-top:28px}.release-art img{display:block;width:100%;max-width:650px}.release-copy{min-height:100%;display:flex;flex-direction:column;justify-content:space-between;gap:38px}.release-copy h1,.project-intro h1,.page-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.04em}.release-copy h1{font-size:clamp(48px,7vw,105px);line-height:.9;margin:10px 0 28px}.release-description{max-width:600px;font-size:18px;line-height:1.55}.bandcamp{margin-top:10px}.release-grid-embed{grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);align-items:center}.release-player{width:100%;max-width:760px;justify-self:end}.bandcamp-album{display:block;min-height:470px}.release-links{display:flex;gap:30px}.text-link{font-size:13px;text-transform:uppercase;letter-spacing:.1em;border-bottom:1px solid currentColor;padding-bottom:4px}.placeholder-section{min-height:35vh;border-top:1px solid var(--line);padding:var(--pad);display:flex;align-items:flex-end;font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,6vw,90px)}.footer{border-top:1px solid var(--line);padding:36px var(--pad) 50px;display:flex;justify-content:space-between;gap:30px;align-items:flex-end}.footer p{font-weight:bold;margin:0}.socials{display:flex;flex-wrap:wrap;gap:18px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.projects-page,.project-detail{padding:clamp(65px,9vw,130px) var(--pad)}.page-title{font-size:clamp(50px,8vw,120px);line-height:.9;max-width:1000px;margin:15px 0 70px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(18px,2vw,34px)}.project-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.project-meta{display:flex;justify-content:space-between;gap:16px;padding-top:12px}.project-meta h2,.project-meta p{margin:0;font-size:13px;font-weight:400}.project-meta p{color:var(--muted)}.placeholder-card{aspect-ratio:1/1;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.back-link{font-size:12px;text-transform:uppercase;letter-spacing:.1em}.project-hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,7vw,110px);margin-top:40px;align-items:start}.project-cover{width:100%}.project-intro{padding-top:2vw}.project-intro h1{font-size:clamp(55px,8vw,120px);line-height:.88;margin:12px 0 30px}.project-intro>p:last-of-type{font-size:19px;line-height:1.55;max-width:620px}.media-section{padding:clamp(65px,8vw,120px) 0;border-top:1px solid var(--line);margin-top:70px}.text-column{max-width:760px;font-family:Georgia,'Times New Roman',serif;font-size:clamp(22px,2.4vw,38px);line-height:1.25}.media-placeholder{margin-top:28px;aspect-ratio:16/9;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)}.image-strip{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:28px}.image-strip img{width:100%;height:100%;object-fit:cover}.mobile-menu{position:fixed;z-index:100;inset:0;background:#090909;padding:100px 25px;flex-direction:column;gap:22px;font-family:Georgia,'Times New Roman',serif;font-size:34px}.mobile-menu:not([hidden]){display:flex}@media(max-width:860px){.desktop-nav{display:none}.menu-toggle{display:block}.brand{width:165px}.site-header{align-items:center}.hero{min-height:620px}blockquote{font-size:clamp(18px,4.5vw,28px);width:82vw}.release-grid,.release-grid-embed,.project-hero-grid{grid-template-columns:1fr}.release-player{justify-self:stretch;max-width:none}.release-copy h1{font-size:clamp(52px,14vw,85px)}.project-grid{grid-template-columns:1fr 1fr}.footer{flex-direction:column;align-items:flex-start}.image-strip{grid-template-columns:1fr}}@media(max-width:560px){.project-grid{grid-template-columns:1fr}.hero-media{object-position:58% center}.latest-release{padding-top:65px}.release-description{font-size:16px}.socials{gap:14px}.projects-page,.project-detail{padding-left:18px;padding-right:18px}}

/* v5 — artistic projects + release pages */
.editorial-projects{padding-top:clamp(70px,8vw,120px)}.projects-heading{max-width:1200px}.editorial-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(52px,7vw,110px) clamp(24px,3vw,50px);align-items:start}.editorial-card{display:block}.editorial-card-large{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(300px,.82fr);gap:clamp(26px,4vw,70px);align-items:end}.editorial-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.editorial-card-large img{aspect-ratio:16/10}.editorial-card-copy{padding-top:18px;display:grid;grid-template-columns:minmax(0,.8fr) minmax(220px,1.2fr);gap:24px;border-top:1px solid var(--line);margin-top:14px}.editorial-card-large .editorial-card-copy{display:block;border-top:0;margin:0;padding:0 0 8px}.editorial-card-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(30px,3.5vw,62px);font-weight:400;letter-spacing:-.035em;line-height:.95;margin:8px 0}.editorial-card-copy>p{margin:0;color:#d4d4d0;line-height:1.5;max-width:520px;font-size:15px}.editorial-card-large .editorial-card-copy>p{font-size:18px;margin-top:28px}.year-card-visual{aspect-ratio:1/1;border:1px solid var(--line);position:relative;overflow:hidden;background:radial-gradient(circle at 68% 35%,#1b3556 0,transparent 33%),linear-gradient(145deg,#0b0b0b 35%,#4e0b0b 100%);display:flex;flex-direction:column;justify-content:center;padding:clamp(24px,4vw,60px)}.year-cyrillic,.year-latin{font-family:Arial Black,Arial,sans-serif;font-size:clamp(62px,9vw,150px);font-weight:900;line-height:.78;letter-spacing:-.08em}.year-latin{align-self:flex-end;color:transparent;-webkit-text-stroke:1px white}.year-note{position:absolute;bottom:22px;left:24px;font-size:10px;letter-spacing:.15em;color:var(--muted)}
.project-title-block{padding:clamp(55px,7vw,105px) 0 45px}.project-title-block h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(70px,11vw,170px);font-weight:400;letter-spacing:-.055em;line-height:.82;margin:12px 0 0;max-width:1300px}.project-opening-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(320px,1.2fr);gap:clamp(35px,7vw,120px);align-items:start}.album-description{font-family:Georgia,'Times New Roman',serif;font-size:clamp(21px,2.05vw,33px);line-height:1.35;max-width:900px;align-self:start}.album-description p{margin:0 0 1.15em}.muted-note{color:var(--muted);font-family:Arial,Helvetica,sans-serif;font-size:14px}.wide-player{max-width:980px;margin-top:28px}.section-row{display:flex;justify-content:space-between;align-items:center}.gallery-count{font-size:11px;letter-spacing:.12em;color:var(--muted)}.slideshow{position:relative;margin-top:28px;overflow:hidden;background:#050505}.slides{aspect-ratio:16/9;position:relative}.slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .35s ease}.slide.is-active{opacity:1}.slide-control{position:absolute;bottom:18px;width:48px;height:48px;border:1px solid rgba(255,255,255,.45);background:rgba(0,0,0,.42);color:#fff;font-size:20px;cursor:pointer}.slide-prev{right:76px}.slide-next{right:18px}.project-links{margin-top:30px}.credits-section{margin-bottom:25px}
.year-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(35px,6vw,90px);align-items:end;margin:42px 0 110px}.year-hero-placeholder{aspect-ratio:16/10;border:1px solid var(--line);background:radial-gradient(circle at 70% 25%,#173b62,transparent 28%),linear-gradient(140deg,#080808 35%,#570d0d);display:flex;flex-direction:column;justify-content:center;padding:40px;overflow:hidden}.year-hero-placeholder span{font-family:Arial Black,Arial,sans-serif;font-size:clamp(65px,9vw,155px);font-weight:900;line-height:.75;letter-spacing:-.08em}.year-hero-placeholder span:nth-child(2){color:transparent;-webkit-text-stroke:1px white;align-self:flex-end}.year-hero-placeholder small{margin-top:40px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.year-hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(60px,8vw,125px);line-height:.86;letter-spacing:-.05em;font-weight:400;margin:10px 0 28px}.year-intro{font-family:Georgia,'Times New Roman',serif;font-size:clamp(20px,2vw,30px);line-height:1.35}.year-chapter{border-top:1px solid var(--line);padding:clamp(70px,9vw,135px) 0;display:grid;grid-template-columns:70px 1fr 1.2fr;gap:clamp(25px,5vw,80px);align-items:start}.chapter-number{font-size:11px;letter-spacing:.12em;color:var(--muted)}.chapter-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(45px,6vw,95px);font-weight:400;line-height:.88;letter-spacing:-.05em;margin:10px 0 26px}.chapter-copy>p:last-child{max-width:520px;line-height:1.55;color:#d4d4d0}.chapter-media{aspect-ratio:16/10;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:860px){.editorial-card-large{grid-template-columns:1fr}.editorial-card-large .editorial-card-copy{border-top:1px solid var(--line);padding-top:18px}.project-opening-grid,.year-hero{grid-template-columns:1fr}.year-chapter{grid-template-columns:40px 1fr}.chapter-media{grid-column:2}.album-description{font-size:22px}.editorial-card-copy{grid-template-columns:1fr}.editorial-card-copy>p{font-size:14px}}
@media(max-width:620px){.editorial-grid{grid-template-columns:1fr}.editorial-card-large{grid-column:auto}.project-title-block h1{font-size:clamp(58px,18vw,92px)}.year-chapter{grid-template-columns:1fr}.chapter-media{grid-column:auto}.chapter-number{margin-bottom:-12px}.slides{aspect-ratio:4/5}}

/* v6 — balanced releases grid */
.releases-page{padding-top:clamp(64px,7vw,105px)}
.releases-heading{max-width:920px;margin-bottom:clamp(50px,6vw,86px)}
.releases-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.4vw,78px);font-weight:400;letter-spacing:-.04em;line-height:.95;margin:12px 0 22px}
.releases-intro{max-width:760px;margin:0;color:#d8d8d3;font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.55vw,22px);line-height:1.42}
.releases-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(50px,6vw,88px) clamp(20px,2.6vw,40px);align-items:start}
.release-card{min-width:0}
.release-cover-link{display:block;position:relative;overflow:hidden;background:#050505;aspect-ratio:1/1}
.release-cover-link>img{display:block;width:100%;height:100%;object-fit:contain;background:#050505;transition:transform .45s ease,opacity .3s ease}
.square-release-visual{width:100%;height:100%;aspect-ratio:1/1}
.release-card-copy{padding-top:15px;border-top:1px solid var(--line);margin-top:12px}
.release-card-copy .eyebrow{margin:0 0 7px}
.release-card-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.15vw,34px);font-weight:400;letter-spacing:-.035em;line-height:1;margin:0 0 12px;white-space:nowrap}
.release-card-copy>p:not(.eyebrow){font-size:14px;line-height:1.5;color:#cecec9;margin:0;max-width:420px;min-height:63px}
.learn-more{display:inline-block;margin-top:20px;padding-bottom:4px;border-bottom:1px solid currentColor;font-size:11px;text-transform:uppercase;letter-spacing:.12em}
.preview-indicator{display:none;position:absolute;left:18px;bottom:18px;z-index:2;padding:8px 10px;background:rgba(0,0,0,.68);border:1px solid rgba(255,255,255,.4);font-size:10px;text-transform:uppercase;letter-spacing:.1em;pointer-events:none}
.release-card.has-preview .preview-indicator{display:block;opacity:0;transform:translateY(5px);transition:opacity .2s ease,transform .2s ease}
@media (hover:hover) and (pointer:fine){.release-card.has-preview .release-cover-link:hover .preview-indicator{opacity:1;transform:none}.release-card.has-preview .release-cover-link:hover>img{transform:scale(1.018);opacity:.72}}
@media(max-width:900px){.releases-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.release-card-copy h2{font-size:clamp(25px,4vw,34px)}}
@media(max-width:580px){.releases-grid{grid-template-columns:1fr}.release-card-copy h2{font-size:30px}.release-card-copy>p:not(.eyebrow){min-height:0}.releases-intro{font-size:18px}}

/* v8 — Delicate Chaos hero video + full gallery */
.project-video-hero{position:relative;width:100%;aspect-ratio:16/9;background:#000;margin:0 0 clamp(65px,8vw,120px);overflow:hidden}
.project-video-hero iframe,.project-video-hero .project-hero-video{position:absolute;inset:0;width:100%;height:100%;border:0}
.project-video-hero .project-hero-video{object-fit:cover;display:block;background:#000}
@media(max-width:620px){.project-video-hero{margin-bottom:60px}}

/* v9 — compact gallery + live video pairing */
.gallery-live-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(24px,4vw,56px);align-items:start}
.gallery-panel,.live-video-panel{min-width:0}
.compact-slideshow{margin-top:18px}
.compact-slideshow .slides{aspect-ratio:4/3;max-height:540px}
.live-video-embed{position:relative;aspect-ratio:16/9;margin-top:18px;background:#000;overflow:hidden}
.live-video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
@media(max-width:860px){.gallery-live-grid{grid-template-columns:1fr}.compact-slideshow .slides{aspect-ratio:16/10;max-height:none}}

/* v12 — commercial projects */
.commercial-page{padding-top:clamp(64px,7vw,105px)}
.commercial-heading{max-width:930px;margin-bottom:clamp(70px,8vw,120px)}
.commercial-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(46px,6vw,88px);font-weight:400;letter-spacing:-.045em;line-height:.95;margin:12px 0 24px}
.commercial-heading>p:last-child{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.65vw,24px);line-height:1.42;color:#d8d8d3;max-width:800px;margin:0}
.commercial-list{border-top:1px solid var(--line)}
.commercial-project{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(28px,5vw,78px);padding:clamp(60px,8vw,115px) 0;border-bottom:1px solid var(--line);align-items:center}
.commercial-project-reverse{grid-template-columns:minmax(280px,.65fr) minmax(0,1.35fr)}
.commercial-project-reverse .commercial-media{order:2}.commercial-project-reverse .commercial-copy{order:1}
.commercial-media{min-width:0;background:#000;width:100%;max-width:760px;justify-self:center}
.video-embed,.local-video{position:relative;aspect-ratio:16/9;overflow:hidden;width:100%}
.video-embed iframe,.local-video video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover;background:#000}
.commercial-copy{max-width:520px}.commercial-copy h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.15vw,34px);font-weight:400;letter-spacing:-.035em;line-height:1;margin:10px 0 18px;white-space:nowrap}.commercial-copy>p:not(.eyebrow){font-size:16px;line-height:1.58;color:#d4d4d0;margin:0}.commercial-copy .learn-more{margin-top:24px}
@media(max-width:860px){.commercial-project,.commercial-project-reverse{grid-template-columns:1fr}.commercial-project-reverse .commercial-media,.commercial-project-reverse .commercial-copy{order:initial}.commercial-copy{max-width:680px}.commercial-heading{margin-bottom:65px}}

@media(max-width:900px){.commercial-copy h2{white-space:normal;font-size:clamp(25px,4vw,34px)}.commercial-media{max-width:none}}

/* v14 — DJ page */
.dj-page{padding-top:clamp(64px,7vw,105px)}
.dj-heading{max-width:920px;margin-bottom:clamp(70px,8vw,115px)}
.dj-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(44px,5.4vw,78px);font-weight:400;letter-spacing:-.04em;line-height:.95;margin:12px 0 22px}
.dj-heading>p:last-child{max-width:790px;margin:0;color:#d8d8d3;font-family:Georgia,'Times New Roman',serif;font-size:clamp(17px,1.55vw,22px);line-height:1.42}
.dj-mixes{border-top:1px solid var(--line);padding:clamp(55px,7vw,95px) 0 clamp(70px,9vw,125px)}
.mix-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(22px,3vw,42px);margin-top:28px}
.mix-card{min-width:0;border-top:1px solid var(--line);padding-top:14px}
.mix-card iframe{display:block;width:100%;height:180px;border:0;background:#111}
.mix-card h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(24px,2.15vw,34px);font-weight:400;letter-spacing:-.035em;line-height:1;margin:16px 0 0}
.dj-bookings{border-top:1px solid var(--line);padding:clamp(65px,8vw,110px) 0 clamp(30px,4vw,65px)}
.booking-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:clamp(35px,7vw,110px);align-items:start;margin-top:25px}
.booking-grid h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.7vw,72px);font-weight:400;letter-spacing:-.045em;line-height:.98;margin:0;max-width:700px}
.booking-copy{max-width:560px}.booking-copy p{font-size:17px;line-height:1.6;color:#d4d4d0;margin:0}
@media(max-width:860px){.mix-grid{grid-template-columns:1fr}.mix-card iframe{height:160px}.booking-grid{grid-template-columns:1fr}.dj-heading{margin-bottom:65px}}

/* v15 — workshops */
.workshops-page{padding-top:clamp(64px,7vw,105px)}
.workshops-heading{max-width:1030px;margin-bottom:clamp(70px,8vw,120px)}
.workshops-heading h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(42px,5.3vw,76px);font-weight:400;letter-spacing:-.045em;line-height:.98;margin:12px 0 28px;max-width:1000px}
.workshops-heading>p:last-child{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.55vw,23px);line-height:1.45;color:#d8d8d3;max-width:830px;margin:0}
.workshop-offers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.workshop-card{padding:clamp(38px,4vw,64px) clamp(20px,2.6vw,42px) clamp(45px,5vw,75px);min-height:420px;display:flex;flex-direction:column}
.workshop-card+ .workshop-card{border-left:1px solid var(--line)}
.workshop-card h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(26px,2.3vw,36px);font-weight:400;letter-spacing:-.035em;line-height:1.04;margin:12px 0 22px}
.workshop-card>p:not(.eyebrow){font-size:16px;line-height:1.6;color:#d4d4d0;margin:0 0 30px;max-width:470px}
.workshop-card .learn-more{margin-top:auto}
.transpose-section{display:grid;grid-template-columns:minmax(280px,.75fr) minmax(360px,1.25fr);gap:clamp(40px,7vw,120px);padding:clamp(75px,9vw,140px) 0 clamp(45px,6vw,90px)}
.transpose-title h2{font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4vw,58px);font-weight:400;letter-spacing:-.04em;line-height:1.02;margin:14px 0 0;max-width:560px}
.transpose-copy{max-width:720px}
.transpose-copy p{font-size:17px;line-height:1.65;color:#d7d7d2;margin:0 0 20px}
.transpose-copy .learn-more{display:inline-block;margin-top:12px}
@media(max-width:900px){.workshop-offers{grid-template-columns:1fr}.workshop-card{min-height:0}.workshop-card+ .workshop-card{border-left:0;border-top:1px solid var(--line)}.transpose-section{grid-template-columns:1fr}.workshops-heading h1{font-size:clamp(40px,8vw,68px)}}

/* v16 — Transpose image */
.transpose-section{grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);align-items:start}
.transpose-media{position:relative;overflow:hidden;background:#111;aspect-ratio:4/5}
.transpose-media img{width:100%;height:100%;display:block;object-fit:cover}
.transpose-content{display:grid;gap:36px}
.transpose-content .transpose-title h2{margin-top:14px}
@media(max-width:900px){
  .transpose-section{grid-template-columns:1fr}
  .transpose-media{max-width:680px;aspect-ratio:4/3}
}

/* v17 — about page */
.about-page{padding-top:clamp(70px,8vw,120px)}
.about-layout{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(420px,1.1fr);gap:clamp(45px,7vw,120px);align-items:start}
.about-photo{position:sticky;top:30px;overflow:hidden;background:#111}
.about-photo img{width:100%;height:auto;display:block;object-fit:cover}
.about-copy{padding-top:2px;max-width:790px}
.about-copy h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(48px,6vw,86px);font-weight:400;letter-spacing:-.045em;line-height:.92;margin:12px 0 clamp(35px,4vw,60px)}
.about-bio{max-width:720px}
.about-bio p{font-family:Georgia,'Times New Roman',serif;font-size:clamp(18px,1.55vw,23px);line-height:1.5;color:#deded9;margin:0 0 26px}
.about-highlights{border-top:1px solid var(--line);margin-top:clamp(45px,5vw,72px);padding-top:22px;max-width:720px}
.about-highlights>p:last-child{font-size:14px;line-height:1.65;color:#c9c9c4;margin:12px 0 0}
.about-links{display:flex;flex-wrap:wrap;gap:26px;margin-top:clamp(42px,5vw,70px)}
@media(max-width:900px){.about-layout{grid-template-columns:1fr}.about-photo{position:relative;top:auto;max-width:680px}.about-copy{max-width:760px}}


/* v21 — unified site typography
   Body / paragraph copy: 14px serif
   Content headings / titles: 20px sans serif
   Navigation, metadata, buttons and the JEKKA logo remain sans serif.
   The giant #ГОД hero word is treated as an artwork/hero graphic rather than a content heading.
*/

:root{
  --body-serif: Georgia, "Times New Roman", serif;
  --ui-sans: Arial, Helvetica, sans-serif;
  --body-size: 20px;
  --heading-size: 32px;
}

/* Normal editorial copy */
.release-description,
.releases-intro,
.release-card-copy>p:not(.eyebrow),
.project-intro>p:last-of-type,
.album-description,
.text-column,
.commercial-heading>p:last-child,
.commercial-copy>p:not(.eyebrow),
.dj-heading>p:last-child,
.booking-copy p,
.workshops-heading>p:last-child,
.workshop-card>p:not(.eyebrow),
.transpose-copy p,
.about-bio p,
.about-highlights>p:last-child,
.year-introduction p,
.year-section .chapter-description,
.year-story,
.year-team-list {
  font-family: var(--body-serif) !important;
  font-size: var(--body-size) !important;
  line-height: 1.6 !important;
  letter-spacing: 0 !important;
}

/* Normal content headings / titles */
.page-title,
.release-copy h1,
.project-intro h1,
.project-title-block h1,
.editorial-card-copy h2,
.release-card-copy h2,
.commercial-heading h1,
.commercial-copy h2,
.dj-heading h1,
.mix-card h2,
.booking-grid h2,
.workshops-heading h1,
.workshop-card h2,
.transpose-title h2,
.about-copy h1,
.year-section h2,
.year-team h2,
.year-live h2 {
  font-family: var(--ui-sans) !important;
  font-size: var(--heading-size) !important;
  font-weight: 400 !important;
  line-height: 1.15 !important;
  letter-spacing: 0 !important;
}

/* Preserve small sans-serif UI / metadata */
.eyebrow,
.section-label,
.project-meta,
.text-link,
.learn-more,
.back-link,
.gallery-count,
.desktop-nav,
.socials,
.year-note {
  font-family: var(--ui-sans) !important;
}

/* Keep poems legible while retaining intentional line breaks */
.year-story.poem {
  font-family: var(--body-serif) !important;
  font-size: var(--body-size) !important;
  line-height: 1.7 !important;
}

/* Keep the #ГОД hero as an expressive graphic exception */
.year-cover-title {
  font-family: var(--ui-sans) !important;
}

/* Mobile uses the same typography scale — no giant title jumps */
@media(max-width:900px){
  .page-title,
  .release-copy h1,
  .project-intro h1,
  .project-title-block h1,
  .editorial-card-copy h2,
  .release-card-copy h2,
  .commercial-heading h1,
  .commercial-copy h2,
  .dj-heading h1,
  .mix-card h2,
  .booking-grid h2,
  .workshops-heading h1,
  .workshop-card h2,
  .transpose-title h2,
  .about-copy h1,
  .year-section h2,
  .year-team h2,
  .year-live h2 {
    font-size: var(--heading-size) !important;
  }
}


/* Sixth release-grid tile: external collaborations */
.collab-release-card .collab-square {
  width: 100%;
  aspect-ratio: 1 / 1;
  border: 1px solid var(--line);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: clamp(24px, 3vw, 42px);
  background:
    radial-gradient(circle at 80% 20%, rgba(255,255,255,.08), transparent 32%),
    linear-gradient(145deg, #151515, #070707);
}
.collab-square-label {
  font-family: var(--ui-sans);
  font-size: 12px;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted);
}
.collab-square-title {
  font-family: var(--ui-sans);
  font-size: var(--heading-size);
  line-height: 1.05;
  font-weight: 400;
  margin: 0;
}
.collab-links {
  display: grid;
  gap: 14px;
}
.collab-links a {
  font-family: var(--body-serif);
  font-size: var(--body-size);
  line-height: 1.35;
  text-decoration: none;
  border-top: 1px solid var(--line);
  padding-top: 12px;
}
.collab-links a:hover {
  opacity: .65;
}


/* v23 — release detail media + contact */
.embed-wrap {
  display: flex;
  justify-content: center;
  width: 100%;
}

.video-center {
  display: flex;
  justify-content: center;
}

.video-center iframe {
  width: min(100%, 900px);
  aspect-ratio: 16 / 9;
  border: 0;
}

.video-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 24px;
}

.video-grid iframe {
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

.video-grid p {
  margin: 10px 0 0;
  font-family: var(--body-serif);
  font-size: var(--body-size);
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 12px;
}

.gallery-grid img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}

.contact-page {
  min-height: 75vh;
  display: grid;
  place-items: center;
  padding: 140px 24px 80px;
}

.contact-inner {
  width: min(900px, 100%);
}

.contact-inner h1 {
  font-family: var(--ui-sans);
  font-size: var(--heading-size);
  font-weight: 400;
  margin: 0 0 28px;
}

.contact-email {
  font-family: var(--body-serif);
  font-size: var(--body-size);
  margin: 0 0 48px;
}

.contact-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 0;
  border-top: 1px solid var(--line);
}

.contact-links a {
  font-family: var(--body-serif);
  font-size: var(--body-size);
  text-decoration: none;
  padding: 18px 0;
  border-bottom: 1px solid var(--line);
}

@media (max-width: 800px) {
  .video-grid,
  .gallery-grid,
  .contact-links {
    grid-template-columns: 1fr;
  }
}


/* v24 — consistent release layouts, media paths and slideshows */
.compact-release-opening {
  max-width: 1100px;
}

.compact-release-opening .project-cover {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: contain;
  background: #050505;
}

.compact-release-opening .album-description {
  align-self: center;
}

.release-video-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: clamp(18px, 2.5vw, 32px);
  margin-top: 28px;
}

.release-video-grid article {
  min-width: 0;
}

.release-video-grid iframe,
.single-release-video iframe {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border: 0;
}

.release-video-grid p {
  margin: 12px 0 0;
  font-family: var(--body-serif);
  font-size: var(--body-size);
  line-height: 1.4;
}

.single-release-video {
  width: min(900px, 100%);
  margin: 28px auto 0;
}

.year-back-wrap {
  width: min(1180px, calc(100% - 48px));
  margin: 0 auto;
  padding-top: 32px;
}

.year-slideshow {
  width: min(900px, 100%);
  margin: 28px auto 0;
}

.year-slideshow .slides {
  aspect-ratio: 16 / 10;
}

.year-slideshow .slide {
  object-fit: contain;
}

@media (max-width: 860px) {
  .release-video-grid {
    grid-template-columns: 1fr;
  }

  .year-back-wrap {
    width: min(100% - 28px, 1180px);
  }
}