:root{--paper:#e9e5db;--ink:#121212;--dark:#101010;--light:#f0ede5;--muted:#79756c;--signal:#b8d900;--line:rgba(18,18,18,.22);--pad:clamp(20px,3.2vw,56px);font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--dark);font-synthesis:none}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;overflow-x:hidden;background:var(--paper)}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
p,h1,h2,h3,figure{margin-top:0}
.skip-link{position:fixed;z-index:100;left:1rem;top:-5rem;background:#fff;color:#111;padding:.8rem}
.skip-link:focus{top:1rem}
.site-header{position:absolute;z-index:30;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad);color:var(--light);font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.wordmark{font-weight:700}
.site-header nav{display:flex;gap:clamp(18px,3vw,48px)}
.eyebrow,.folio,.scope,.snapshot,.credit,figcaption{font:12px/1.4 var(--font-micro);text-transform:uppercase;letter-spacing:.1em}
.eyebrow{line-height:1.35;letter-spacing:.14em;margin-bottom:1.4rem}
.hero{min-height:100svh;position:relative;overflow:hidden;background:var(--dark);color:var(--light);padding:16vh var(--pad) 7vh;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto auto;gap:1.5rem}
.folio{grid-column:1/3;z-index:3}
.hero-copy{grid-column:2/7;align-self:center;z-index:3}
.hero h1{font-size:clamp(52px,8.2vw,132px);line-height:.84;letter-spacing:-.072em;font-weight:500;margin:0}
.hero h1 em{font-family:Georgia,serif;font-weight:400}
.hero-dek{font:clamp(19px,1.65vw,27px)/1.3 Georgia,serif;max-width:27ch;margin:2rem 0 0}
.hero-art{position:absolute;z-index:1;inset:4vh -4vw -2vh 43vw;margin:0}
.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--dark),rgba(16,16,16,.5) 18%,transparent 50%)}
.hero-art img{height:100%;object-fit:contain;filter:drop-shadow(0 30px 50px rgba(0,0,0,.38));transform:rotate(1.2deg) scale(1.05)}
.scope{position:absolute;right:var(--pad);bottom:9vh;z-index:3;white-space:nowrap}
.snapshot{grid-column:2/8;grid-row:4;z-index:3;display:flex;align-items:center;gap:.85rem;margin:0}
.snapshot i{width:4px;height:4px;border-radius:50%;background:var(--signal)}
.section{padding:clamp(100px,13vw,200px) var(--pad);display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,3vw,48px);border-top:1px solid var(--line)}
.section-dark{background:var(--dark);color:var(--light);border-color:#333}
.section-dark .eyebrow{color:var(--signal)}
.section h2,.section-head h2{font-size:clamp(42px,5.8vw,88px);line-height:.93;letter-spacing:-.06em;font-weight:500;margin:0}
.territory>div{grid-column:2/7}
.lead{grid-column:8/12;align-self:end;font:clamp(19px,1.65vw,27px)/1.4 Georgia,serif}
.worlds{padding:clamp(110px,14vw,210px) var(--pad) clamp(130px,18vw,270px);overflow:hidden}
.section-head{margin-left:8.333%;max-width:62rem}
.worlds>.section-head{margin-bottom:clamp(120px,17vw,260px)}
.world{position:relative;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2vw,32px);align-items:start}
.world+.world{margin-top:clamp(140px,18vw,280px)}
.world-nick+.world-trio{margin-top:clamp(90px,12vw,180px)}
.world-title{grid-column:2/6;position:relative;z-index:2}
.world-title p{color:#777;font:12px/1.4 var(--font-micro)}
.world-title h3{font-size:clamp(46px,6.8vw,108px);line-height:.86;letter-spacing:-.07em;font-weight:500;margin:0}
.world-title span{display:block;margin-top:1rem;font:clamp(17px,1.4vw,22px)/1.2 Georgia,serif;color:#aaa}
.world>figure:not(.detail){grid-column:6/13;margin:0}
.world>figure img{width:100%;height:100%;object-fit:cover}
.world-captain>figure:not(.detail){aspect-ratio:1.5/1}
.world-nick>figure:not(.detail){grid-column:2/9;aspect-ratio:1}
.world-nick .world-title{grid-column:8/13;grid-row:1;margin-top:14vh}
.world-trio>figure:not(.detail){grid-column:4/11;aspect-ratio:1.15/1}
.world-trio .world-title{grid-column:1/5;grid-row:1;margin-top:40vh}
.world .detail{position:absolute;margin:0;box-shadow:0 18px 42px rgba(0,0,0,.3)}
.world-nick .detail{right:2%;bottom:-13%;width:28%;transform:rotate(2deg)}
.world-trio .detail{right:0;bottom:-11%;width:30%;transform:rotate(-1.5deg)}
.world-line{grid-column:6/10;font:clamp(18px,1.5vw,24px)/1.42 Georgia,serif;margin-top:2rem}
.world-nick .world-line{grid-column:2/7}
.world-trio .world-line{grid-column:4/9}
.credit{grid-column:10/13;color:#858585;margin-top:2rem;text-transform:none;letter-spacing:.04em;font-size:10px}
.credit b{color:#d8d5cd}
.world-nick .credit{grid-column:7/11}
.world-trio .credit{grid-column:9/13}
.craft{display:block;padding-bottom:clamp(130px,18vw,270px)}
.craft .section-head{margin-bottom:clamp(100px,14vw,210px)}
.craft-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2vw,32px);align-items:start}
.craft-grid figure{margin:0}
.crop{overflow:hidden;background:#d0c9bd}
.crop img{height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.22,1,.36,1)}
.craft-grid figure:hover img{transform:scale(1.018)}
.craft-type{grid-column:2/12}
.craft-type .crop{aspect-ratio:1.9/1}
.craft-type img{object-position:center 48%}
.craft-label{grid-column:2/6;margin-top:clamp(90px,10vw,150px)!important}
.craft-label .crop{aspect-ratio:1;border-radius:50%}
.craft-package{grid-column:6/13;margin-top:clamp(170px,18vw,270px)!important}
.craft-package .crop{aspect-ratio:5/3}
.craft-package img{object-position:center}
.craft-grid figcaption{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--line);padding-top:1rem;margin-top:1rem}
.craft-grid figcaption span{color:var(--muted)}
.release{padding:clamp(110px,14vw,210px) var(--pad) clamp(140px,18vw,280px)}
.release .section-head{margin-bottom:clamp(100px,14vw,210px)}
.release-sequence{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2vw,32px);align-items:start}
.release-sequence figure{margin:0}
.release-wide{grid-column:2/13}
.release-square{grid-column:2/7;margin-top:clamp(90px,11vw,160px)!important}
.release-object{grid-column:7/13;margin-top:clamp(220px,25vw,380px)!important}
.release-sequence img{height:100%;object-fit:contain}
.release-wide img{aspect-ratio:1.5/1}
.release-square img{aspect-ratio:1}
.release-object img{aspect-ratio:5/3}
.release-sequence figcaption{padding-top:1rem;color:#888;border-top:1px solid #444}
.coda{min-height:100svh;position:relative;overflow:hidden;background:#1c1a17;color:var(--light);display:flex;align-items:flex-end;padding:8vh var(--pad)}
.coda-art{position:absolute;inset:5vh 0 14vh}
.coda-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 24px 34px rgba(0,0,0,.4))}
.coda-art img:nth-child(1){width:48%;left:3%;top:0;transform:rotate(-2deg)}
.coda-art img:nth-child(2){width:39%;left:34%;top:14%;transform:rotate(2deg)}
.coda-art img:nth-child(3){width:43%;right:-2%;top:32%;transform:rotate(-2deg)}
.coda-copy{position:relative;z-index:2;width:min(58rem,75%);border-top:1px solid rgba(255,255,255,.35);padding-top:1.2rem}
.coda-copy .eyebrow{color:var(--signal)}
.coda-copy>p:last-child{font:clamp(28px,4vw,62px)/1.02 Georgia,serif;letter-spacing:-.04em;margin:0}
.section-signal{background:var(--signal);padding:clamp(100px,13vw,200px) var(--pad) 0;display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(24px,3vw,48px)}
.outcome-main{grid-column:2/11}
.outcome-main h2{font-size:clamp(42px,5.8vw,88px);line-height:.94;letter-spacing:-.06em;font-weight:500;margin:0}
.outcome-note{grid-column:8/13;margin:6vh 0 13vh;font:clamp(17px,1.35vw,22px)/1.48 Georgia,serif}
.next-project{grid-column:1/-1;width:calc(100% + var(--pad)*2);margin:0 calc(var(--pad)*-1);min-height:92svh;background:var(--dark);color:var(--light);padding:15vh var(--pad);display:grid;grid-template-columns:2fr 7fr 3fr;gap:2rem;align-content:center}
.next-project__link{grid-column:2}
.next-project__meta{display:grid;grid-template-columns:max-content clamp(90px,10.5vw,215px) max-content;align-items:center;gap:14px;width:max-content;margin:0 0 1.6rem calc(-16.6667vw + var(--pad)/3 - 1.333rem);font:11px/1.4 var(--font-micro);letter-spacing:.1em;text-transform:uppercase}
.next-project__meta i{height:1px;background:var(--signal);transition:transform .22s;transform-origin:left}
.next-project__link:hover .next-project__meta i,.next-project__link:focus-visible .next-project__meta i{transform:scaleX(1.06)}
.next-project h2{font-size:clamp(44px,6.2vw,96px);line-height:.88;letter-spacing:-.065em;font-weight:500;margin:0}
.next-project nav{grid-column:3;align-self:end;display:flex;flex-direction:column;gap:1.7rem}
.editorial-link{display:inline-flex;gap:.45rem;width:max-content;padding-bottom:.35rem;text-transform:uppercase;font-size:12px;letter-spacing:.1em;background:linear-gradient(currentColor,currentColor) left bottom/0 1px no-repeat;transition:background-size .22s}
.editorial-link:hover,.editorial-link:focus-visible{background-size:100% 1px}
.editorial-link span{transition:transform .22s}
.editorial-link.back{color:#999}
.editorial-link.back:hover,.editorial-link.back:focus-visible{color:var(--light)}
.editorial-link.back:hover span,.editorial-link.back:focus-visible span{transform:translateX(-4px)}
.editorial-link.next:hover span,.editorial-link.next:focus-visible span{transform:translateX(4px)}
footer{padding:32px var(--pad);display:flex;justify-content:space-between;background:var(--paper);font:12px/1.4 var(--font-micro);text-transform:uppercase;letter-spacing:.09em}
:where(a[href]):focus-visible{outline:3px solid #b8ff00;outline-offset:4px;box-shadow:0 0 0 2px #111}
.reveal{overflow:hidden}
.reveal img{clip-path:inset(0 0 100% 0);transform:scale(1.02);transition:clip-path 1s cubic-bezier(.22,1,.36,1),transform 1.2s cubic-bezier(.22,1,.36,1)}
.reveal.is-visible img{clip-path:inset(0);transform:scale(1)}

@media(max-width:800px){:root{--pad:20px}
.site-header a{min-width:44px;min-height:44px;display:inline-flex;align-items:center}
.site-header nav a{justify-content:center}
.site-header nav a:nth-child(2){display:none}
.hero{padding-top:18vh;display:flex;flex-direction:column;min-height:100svh;gap:0}
.folio{margin-bottom:10vh}
.hero h1{font-size:clamp(46px,14vw,64px);line-height:.88}
.hero-dek{font-size:19px;max-width:92%}
.hero-art{position:relative;inset:auto;width:calc(100% + var(--pad)*2);height:44svh;margin:6vh calc(var(--pad)*-1) 0}
.hero-art:after{background:linear-gradient(0deg,rgba(16,16,16,.28),transparent 45%)}
.hero-art img{transform:rotate(.5deg) scale(1.06)}
.scope{position:static;order:4;white-space:normal;font-size:11px;line-height:1.55;padding-top:5vh}
.snapshot{order:5;flex-wrap:wrap;padding-top:1.5rem}
.section{display:block;padding:90px var(--pad)}
.section h2,.section-head h2{font-size:clamp(39px,12vw,58px)}
.lead{margin-top:4rem}
.worlds,.release{padding:96px var(--pad) 120px}
.section-head,.worlds>.section-head{margin:0 0 88px}
.world{display:flex;flex-direction:column}
.world+.world{margin-top:132px}
.world-title,.world-nick .world-title,.world-trio .world-title{order:0;margin:0;width:100%}
.world-title h3{font-size:clamp(48px,14vw,68px)}
.world>figure:not(.detail),.world-nick>figure:not(.detail),.world-trio>figure:not(.detail){order:1;width:calc(100% + 20px);margin:42px -20px 0 0;aspect-ratio:4/3}
.world-nick>figure:not(.detail){margin-left:-20px;margin-right:0}
.world .detail{position:relative;order:2;right:auto!important;bottom:auto!important;width:58%!important;align-self:flex-end;margin:-12vw 0 0;transform:rotate(1.5deg)!important}
.world-line,.world-nick .world-line,.world-trio .world-line{order:3;margin:36px 0 0;width:100%}
.credit,.world-nick .credit,.world-trio .credit{order:4;margin-top:24px;width:100%}
.craft{padding:96px var(--pad) 120px}
.craft .section-head{margin:0 0 76px}
.craft-grid{display:block}
.craft-grid figure,.craft-image,.craft-color{width:100%;margin:0 0 86px!important}
.craft-type .crop{aspect-ratio:4/3}
.craft-color .crop{aspect-ratio:4/5}
.craft-grid figcaption{font-size:10px;line-height:1.45;letter-spacing:.06em}
.release-sequence{display:block}
.release-sequence figure,.release-wide,.release-square,.release-object{width:100%;margin:0 0 86px!important}
.release-wide img,.release-object img{aspect-ratio:4/3}
.coda{min-height:88svh;padding-bottom:7vh}
.coda-art{inset:5vh -18vw 23vh}
.coda-art img:nth-child(1){width:75%;left:-5%}
.coda-art img:nth-child(2){width:68%;left:33%;top:24%}
.coda-art img:nth-child(3){width:73%;right:-16%;top:47%}
.coda-copy{width:100%}
.coda-copy>p:last-child{font-size:clamp(28px,9vw,42px)}
.section-signal{display:block;padding:90px var(--pad) 0}
.outcome-note{margin:4rem 0 90px}
.next-project{display:flex;flex-direction:column;min-height:80svh;margin-top:0;padding:15vh var(--pad)}
.next-project__link{margin-top:auto}
.next-project__meta{grid-template-columns:max-content minmax(24px,1fr) minmax(0,max-content);width:100%;margin-left:0;font-size:9px}
.next-project h2{font-size:48px}
.next-project nav{align-self:flex-start;margin-top:4rem;order:2}
.editorial-link{min-height:44px;align-items:center}
footer{gap:1rem;font-size:9px}
}

/* Album identities refinement */
.briefs-intro{grid-column:2/7}
.brief-list{grid-column:7/13}
.brief{display:grid;grid-template-columns:1fr 3fr;gap:1rem 2rem;padding:2rem 0;border-top:1px solid var(--line)}
.brief:first-child{padding-top:0;border-top:0}
.brief-index{grid-column:1;font:11px/1.4 var(--font-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.brief h3{grid-column:2;font:500 clamp(27px,2.8vw,44px)/1 Arial,Helvetica,sans-serif;letter-spacing:-.045em;margin:0}
.brief>p:not(.brief-index):not(.brief-role):not(.proposition),.brief blockquote{grid-column:2;font:clamp(16px,1.25vw,20px)/1.48 Georgia,serif;margin:.5rem 0 0}
.brief-role{grid-column:2;font:10px/1.4 var(--font-micro);text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}
.proposition,.brief blockquote{grid-column:2;border-left:1px solid var(--signal);padding-left:1.25rem;font:italic clamp(18px,1.6vw,25px)/1.35 Georgia,serif!important}
.world-captain .captain-lp{grid-column:5/13;aspect-ratio:auto!important}
.world-captain .captain-back{position:absolute;right:0;bottom:-21%;width:32%;margin:0;box-shadow:0 18px 42px rgba(0,0,0,.35);transform:rotate(1.5deg)}
.nick-composition{grid-column:2/9;position:relative;min-height:52vw}
.nick-composition figure,.trio-composition figure{margin:0}
.nick-front{position:absolute;inset:0 16% auto 0;width:68%;z-index:2}
.nick-back{position:absolute;right:0;top:18%;width:48%;z-index:1}
.nick-label{position:absolute;right:4%;bottom:0;width:31%;z-index:3;filter:drop-shadow(0 18px 30px rgba(0,0,0,.42))}
.trio-composition{grid-column:4/12;position:relative;min-height:46vw}
.trio-front{position:absolute;left:0;top:0;width:70%;z-index:2}
.trio-back{position:absolute;right:0;top:31%;width:42%;z-index:1;box-shadow:0 18px 42px rgba(0,0,0,.3)}
.world-trio .world-line{position:relative;z-index:4}
.world-trio .credit{position:relative;z-index:4}
.extensions{padding:clamp(110px,14vw,210px) var(--pad) clamp(140px,18vw,280px)}
.extensions .section-head{margin-bottom:clamp(100px,14vw,190px)}
.extensions-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:clamp(18px,2vw,32px);align-items:start}
.extensions-grid figure{margin:0}
.extensions-grid img{height:100%;object-fit:contain}
.extension-captain{grid-column:2/13}
.extension-captain img{aspect-ratio:1.975/1}
.extension-nick{grid-column:2/6;margin-top:clamp(90px,11vw,160px)!important}
.extension-nick img{aspect-ratio:1}
.extension-trio{grid-column:6/13;margin-top:clamp(180px,20vw,300px)!important}
.extension-trio img{aspect-ratio:5/3}
.extensions-grid figcaption{padding-top:1rem;color:#888;border-top:1px solid #444}

@media(max-width:800px){.briefs-intro{margin-bottom:72px}
.brief-list{width:100%}
.brief{display:block;padding:32px 0}
.brief h3{font-size:34px;margin:12px 0 22px}
.brief>p:not(.brief-index),.brief blockquote{margin-top:18px}
.world-captain .captain-lp{width:calc(100% + 20px);margin:42px -20px 0 0!important}
.world-captain .captain-back{position:relative;order:2;right:auto;bottom:auto;width:64%;align-self:flex-end;margin:-12vw 0 0;transform:rotate(1.5deg)}
.nick-composition,.trio-composition{order:1;width:calc(100% + 20px);margin:42px -20px 0 0;min-height:132vw}
.nick-composition{margin-left:-20px;margin-right:0}
.nick-front{width:78%}
.nick-back{top:32%;width:63%}
.nick-label{width:45%;right:2%}
.trio-composition{min-height:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trio-front,.trio-back{position:relative;inset:auto;width:100%;align-self:start}
.trio-front{grid-column:1/-1;width:86%}
.trio-back{grid-column:2;margin-top:-18%;z-index:3}
.world-nick .world-line,.world-trio .world-line{order:2}
.world-nick .credit,.world-trio .credit{order:3}
.extensions{padding:96px var(--pad) 120px}
.extensions .section-head{margin:0 0 76px}
.extensions-grid{display:block}
.extensions-grid figure{width:100%;margin:0 0 86px!important}
.extension-captain img,.extension-trio img{aspect-ratio:auto}
}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
.reveal img{clip-path:none;transform:none;transition:none}
.next-project__meta i,.editorial-link,.editorial-link span,.crop img{transition:none}
}

@media(forced-colors:active){:where(a[href]):focus-visible{outline:3px solid Highlight;box-shadow:none}
}

/* P1B.3: real artwork details, contained compositions, no hero changes. */
.world-captain .world-title{grid-column:1/5}
.world.world-captain>figure.captain-back{position:relative;grid-column:9/13;grid-row:2;inset:auto;width:100%;aspect-ratio:auto!important;transform:none;box-shadow:none}
.world-captain .world-line{grid-column:2/7;grid-row:2}
.world-captain .credit{grid-column:2/7;grid-row:3;margin-top:0}
.nick-composition{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;min-height:0;align-items:start}
.nick-front,.nick-back,.nick-label{position:relative;inset:auto;width:100%;filter:none}
.nick-front{grid-column:1/-1;width:78%}
.nick-back{grid-column:1;width:100%}
.nick-label{grid-column:2;width:80%;align-self:center;justify-self:end;border-radius:50%;overflow:hidden}
.world-nick+.world-trio{margin-top:clamp(80px,8vw,120px)}
.trio-composition{display:grid;grid-template-columns:1.6fr 1fr;gap:24px;min-height:0}
.trio-front,.trio-back{position:relative;inset:auto;width:100%;box-shadow:none}
.trio-front{grid-column:1/-1;width:78%}
.trio-back{grid-column:2;margin:0}
.world-trio .world-title{margin-top:0;grid-column:1/4}
.craft .section-head{margin-bottom:72px}
.craft-grid{row-gap:80px}
.craft-grid figure{margin:0!important;min-width:0}
.craft-type{grid-column:2/13}
.craft-type .crop{aspect-ratio:2.8}
.craft-type .crop img{object-position:center top}
.craft-machine{grid-column:1/8}
.craft-machine .crop{aspect-ratio:1.1;position:relative}
.craft-machine .crop img{position:absolute;width:145%;height:auto;max-width:none;left:-18%;top:-10%}
.craft-label{grid-column:9/13;align-self:center}
.craft-label .crop{aspect-ratio:1;background:transparent}
.craft-texture{grid-column:2/9}
.craft-texture .crop{aspect-ratio:1.2;position:relative}
.craft-texture .crop img{position:absolute;width:150%;height:auto;max-width:none;left:-25%;top:-22%}
.craft-interior{grid-column:9/13;align-self:end}
.craft-interior .crop{background:transparent}
.craft-interior .crop img{height:auto}
.craft-grid figcaption{display:grid;grid-template-columns:1fr 2fr;text-transform:none;letter-spacing:0;font:16px/1.5 Georgia,serif}
.craft-grid figcaption b{font:11px/1.6 var(--font-micro);text-transform:uppercase;letter-spacing:.07em}
.craft-grid figcaption span{color:#555249}
.craft-grid figcaption small{display:block;margin-top:12px;font:12px/1.5 Arial,Helvetica,sans-serif;color:var(--ink)}
.craft-label figcaption,.craft-interior figcaption{grid-template-columns:1fr}
@media(max-width:800px){
.world-captain .captain-back{width:85%;margin:24px 0 0!important;align-self:flex-end}
.world-captain .credit{margin-top:24px}
.nick-composition,.trio-composition{width:100%;margin:36px 0 0;gap:28px;min-height:0;display:flex;flex-direction:column}
.nick-front,.trio-front{width:100%}
.nick-back,.trio-back{width:88%;align-self:flex-end;margin:0}
.nick-label{width:68%;align-self:flex-start}
.world-nick+.world-trio{margin-top:96px}
.craft-grid{display:grid;grid-template-columns:1fr;gap:56px}
.craft-grid figure{grid-column:1;width:100%;margin:0!important}
.craft-type .crop{aspect-ratio:1;position:relative}
.craft-type .crop img{position:absolute;width:260%;height:auto;max-width:none;right:0;top:0}
.craft-grid figcaption{grid-template-columns:1fr;gap:10px;font-size:16px}
.craft-label .crop{width:100%}
}