/* Visual system drawn from the three official covers: ink, warm paper, worn ochre, coral. */
:root{--acid:#e9b052;--line:rgba(232,226,214,.27)}
.hero{display:block;min-height:100svh;padding:112px 3vw 26px;background:#171613;isolation:isolate}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 46%,#69443566,transparent 45%),linear-gradient(115deg,#11110f 18%,#28221e 60%,#11110f);z-index:-2}
.hero .grain{z-index:-1;opacity:.1}
.hero-stage{min-height:calc(100svh - 190px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:4vw}
.hero-type{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:2}
.hero-type .eyebrow{margin:0 0 clamp(36px,7vh,96px);color:#c4bcb0}
.hero h1{font:400 clamp(88px,12.5vw,230px)/.72 'DM Sans',sans-serif;letter-spacing:-.08em;margin:0 0 clamp(42px,8vh,100px);text-align:left}
.hero-intro{font-size:clamp(16px,1.5vw,24px);font-weight:300;line-height:1.45;margin:0 0 26px;max-width:500px}
.hero-discover{width:max-content;font-size:11px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--paper);padding:12px 0;display:flex;gap:55px;align-items:center}
.hero-art{display:block;position:relative;width:min(100%,660px);justify-self:end;transform:rotate(2deg);box-shadow:18px 30px 65px #0008;transition:transform .5s ease}
.hero-art:hover{transform:rotate(0deg) translateY(-5px)}
.hero-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.hero-art-caption{position:absolute;display:flex;justify-content:space-between;gap:12px;left:0;right:0;bottom:-36px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--paper)}
.hero-rule{position:relative;display:flex;justify-content:space-between;gap:15px;border-top:1px solid var(--line);padding-top:18px;margin-top:50px;font-size:9px;text-transform:uppercase;letter-spacing:.16em;color:#b6aea3}
.section-head h2{font-size:clamp(72px,9vw,150px)}
.release{grid-template-columns:4vw minmax(0,42vw) minmax(0,1fr);gap:3vw;align-items:center;padding:clamp(32px,5vw,80px) 0}
.release .index{align-self:start;padding-top:8px;color:#b9b0a4}
.release .art-link{width:100%;max-width:720px;aspect-ratio:1;align-self:center}
.release .art-link img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.release-copy{padding:0;align-self:center}
.release-copy h3{font-size:clamp(56px,7vw,120px);margin:clamp(35px,6vh,95px) 0 12px}
.release-copy>p{color:#bdb4a8}
.release-links{border-top:1px solid var(--line);padding-top:20px;margin-top:clamp(35px,7vh,90px)}
.release-art img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}
.next-release{position:static;inset:auto;width:auto;height:auto;padding:0;gap:0;background:transparent;font-family:inherit;text-transform:none;letter-spacing:normal}
.aphro{background:#bc862f;color:#15120d;min-height:80svh}
.aphro-mark{color:#513410!important;opacity:1!important}
.aphro-copy{padding-top:15vh;padding-bottom:15vh}
.aphro-statement{background:#d9b476;color:#15120d}
.aphro-hero{background:#b9873b}
.button:hover{background:#d9b476;color:#11110f}
@media(max-width:900px){.hero-stage{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:2vw}.hero h1{font-size:clamp(70px,12vw,120px)}.release{grid-template-columns:3vw minmax(0,47vw) minmax(0,1fr);gap:2vw}.release-copy h3{font-size:clamp(44px,7vw,80px)}}
@media(max-width:700px){.hero{padding:78px 18px 22px;min-height:100svh}.hero-stage{min-height:auto;display:flex;flex-direction:column;align-items:stretch;gap:0}.hero-type{display:contents}.hero-type .eyebrow{order:0;margin:20px 0 42px}.hero h1{order:1;font-size:clamp(78px,24vw,130px);line-height:.73;letter-spacing:-.082em;margin:0 0 42px}.hero-art{order:2;width:min(86%,480px);align-self:center;margin:0 0 48px;transform:rotate(2deg)}.hero-art-caption{bottom:-28px;font-size:8px;letter-spacing:.04em}.hero-intro{order:3;font-size:16px;margin:2px 0 18px}.hero-discover{order:4;font-size:10px}.hero-rule{margin-top:65px}.hero-rule span:nth-child(2){display:none}.section-head h2{font-size:clamp(66px,16vw,105px)}.release{display:grid;grid-template-columns:1fr;gap:0;padding:46px 0}.release .index{grid-column:1;padding:0 0 18px}.release .art-link{grid-column:1;width:100%;max-width:none}.release .art-link img{width:100%;height:auto;aspect-ratio:1;object-fit:contain}.release-copy{grid-column:1;padding:26px 0 0}.release-copy h3{font-size:clamp(58px,13vw,90px);margin:22px 0 8px}.release-links{margin-top:30px}.aphro{min-height:auto}.aphro-copy{padding:95px 18px 120px}.aphro h2{margin:16vh 0 7vh}.aphro-mark{font-size:27vw}.hero-art:hover{transform:rotate(0deg)}}
@media(prefers-reduced-motion:reduce){.hero-art,.release .art-link img{transition:none}}

/* 2026 art direction: one continuous signature, not a split placeholder wordmark. */
@font-face{font-family:Syne;src:url('/fonts/syne-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Syne;src:url('/fonts/syne-800.ttf') format('truetype');font-weight:800;font-display:swap}
.wordmark{font-family:Syne,sans-serif;font-weight:800;letter-spacing:-.055em;font-size:18px}
.hero{padding:105px 3vw 24px;background:#161310}
.hero::before{background:linear-gradient(90deg,#14120f,#241c18 60%,#14120f)}
.hero-index{position:relative;display:flex;justify-content:space-between;gap:24px;padding-bottom:14px;border-bottom:1px solid var(--line);font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:#c6bdb2}
.hero h1.hero-name{font-family:Syne,sans-serif;font-weight:800;font-size:10.3vw;line-height:.8;letter-spacing:-.085em;white-space:nowrap;margin:7vh 0 0;position:relative;z-index:3;text-align:left}
.hero-composition{position:relative;display:grid;grid-template-columns:1fr minmax(0,.82fr);gap:4vw;align-items:end;min-height:47vw;margin-top:-1.7vw}
.hero-note{padding-bottom:clamp(35px,5vw,95px);max-width:610px}
.note-number{display:none}
.hero-note p{font-family:'Instrument Serif',serif;font-size:clamp(32px,4vw,68px);line-height:1.02;margin:4vh 0 5vh}
.hero-note a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid var(--paper);padding:13px 0;display:flex;justify-content:space-between;max-width:300px}
.hero-art{width:min(100%,720px);margin-bottom:46px;transform:none;box-shadow:none}
.hero-art:hover{transform:translateY(-6px)}
.hero-art-caption{border-top:1px solid var(--line);padding-top:12px;bottom:-44px}
.hero-rule{margin-top:32px}
.section-head h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(52px,6.3vw,105px);line-height:.9;letter-spacing:-.075em}
.release-copy h3{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.07em;font-size:clamp(48px,5.8vw,105px);line-height:.92}
.release:nth-child(2){grid-template-columns:minmax(0,1fr) 4vw minmax(0,42vw)}
.release:nth-child(2) .index{grid-column:2;grid-row:1}
.release:nth-child(2) .art-link{grid-column:3;grid-row:1}
.release:nth-child(2) .release-copy{grid-column:1;grid-row:1;padding-left:8vw}
.aphro{background:#b78940;display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;padding:clamp(80px,10vw,170px) 3vw;min-height:auto}
.aphro-image{width:100%;max-width:640px;transform:rotate(-3deg)}
.aphro-image img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;box-shadow:18px 24px 60px #2a170b66}
.aphro-copy{grid-column:2;padding:0;align-self:center}
.aphro h2{font-family:Syne,sans-serif;font-weight:800;font-size:clamp(67px,7vw,118px);letter-spacing:-.085em;line-height:.8;margin:9vh 0 7vh}
.aphro h2 span{display:block;font:italic clamp(28px,3vw,52px) 'Instrument Serif';letter-spacing:0;margin-top:24px}
.aphro-copy>p:not(.eyebrow){font-size:clamp(17px,1.8vw,24px);max-width:420px}
.about .quote{font-size:clamp(64px,10vw,160px);max-width:1500px}
.about{background:#d88d79;color:#1b1512}
.about .eyebrow{color:#30201b}
.about .bio{color:#30201b}
.about .button{border-color:#1b151277}
.about .button:hover{background:#1b1512;color:#f3dfd3}
.subhero h1{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(72px,9vw,150px);letter-spacing:-.08em;line-height:.9;text-transform:uppercase}
.release-info h1{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(56px,6vw,100px);letter-spacing:-.075em;line-height:.95}
.next-release a{font-family:Syne,sans-serif;font-weight:700;letter-spacing:-.05em}
@media(max-width:700px){.subhero h1{font-size:12vw}}
footer h2{font-family:Syne,sans-serif;font-weight:700;font-size:clamp(52px,6.7vw,110px);letter-spacing:-.075em;line-height:.92}
@media(max-width:900px){.hero h1.hero-name{font-size:10.5vw}.hero-composition{grid-template-columns:1fr .9fr;gap:2vw}.hero-note p{font-size:clamp(25px,3.8vw,42px)}.release:nth-child(2) .release-copy{padding-left:4vw}}
@media(max-width:700px){.hero{padding:82px 18px 22px;min-height:auto}.hero-index{font-size:8px}.hero-index span:nth-child(3){display:none}.hero h1.hero-name{font-size:9.5vw;letter-spacing:-.085em;line-height:.9;margin:58px 0 48px}.hero-composition{display:flex;flex-direction:column-reverse;align-items:stretch;gap:0;margin:0;min-height:auto}.hero-art{width:100%;max-width:none;margin:0 0 80px}.hero-art-caption{font-size:8px;bottom:-42px}.hero-note{padding-bottom:12px}.note-number{font-size:20vw}.hero-note p{font-size:11vw;line-height:.95;margin:28px 0 35px}.hero-note a{font-size:10px}.hero-rule{margin-top:75px}.section-head h2{font-size:8vw}.release-copy h3{font-size:clamp(43px,10vw,75px)}.release:nth-child(2){display:grid;grid-template-columns:1fr;gap:0}.release:nth-child(2) .index,.release:nth-child(2) .art-link,.release:nth-child(2) .release-copy{grid-column:1;grid-row:auto;padding-left:0}.aphro{display:block;padding:90px 18px 100px}.aphro-image{width:82%;margin:0 auto 80px}.aphro-copy{padding:0}.aphro h2{font-size:15vw;margin:55px 0 50px}.aphro h2 span{font-size:10vw;margin-top:14px}.about .quote{font-size:14vw}footer h2{font-size:10vw}}