:root{--paper:#e9e5db;--ink:#121212;--dark:#111;--muted:#6f6c65;--signal:#b8d900;--line:rgba(18,18,18,.2);--pad:clamp(20px,3.2vw,56px);--font-micro:"Helvetica Neue",Helvetica,Arial,sans-serif;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper)}a{color:inherit;text-decoration:none}img{display:block;width:100%}.skip-link{position:fixed;z-index:99;left:1rem;top:-4rem;background:#fff;padding:.8rem}.skip-link:focus{top:1rem}.site-header{position:fixed;z-index:30;inset:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:20px var(--pad);mix-blend-mode:difference;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.12em}.wordmark{font-weight:700}.site-header nav{display:flex;gap:clamp(18px,3vw,48px)}
.opening{min-height:100svh;padding:18vh var(--pad) 7vh;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;gap:1.2rem;border-bottom:1px solid var(--line)}.folio{grid-column:1/3;margin:0;font:11px/1 var(--font-micro);letter-spacing:.12em}.opening-copy{grid-column:3/10;align-self:center}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;margin:0 0 1.4rem}.opening h1{font-size:clamp(42px,6.4vw,104px);line-height:.91;letter-spacing:-.065em;font-weight:500;margin:0}.opening h1 em{font-family:Georgia,serif;font-weight:400}.opening-copy>p:last-child{max-width:36rem;font-size:clamp(16px,1.4vw,22px);line-height:1.35;margin:2rem 0}.opening-mark{grid-column:10/13;align-self:center;display:grid;grid-template-columns:1fr auto;gap:.5rem;font:10px/1 var(--font-micro);text-transform:uppercase}.opening-mark b{grid-row:1/3;grid-column:2;font-size:5rem;color:var(--signal);font-weight:400}.down{grid-column:3/6;font-size:12px;text-transform:uppercase;letter-spacing:.12em}
.story{height:430vh;position:relative}.story-stage{position:sticky;top:0;min-height:100svh;overflow:hidden;padding:11vh var(--pad) 5vh;background:var(--paper);isolation:isolate}.story--dpi .story-stage{background:var(--dark);color:#f0ede5}.rail{position:absolute;left:var(--pad);top:14vh;bottom:7vh;width:36px;display:flex;flex-direction:column;gap:12px;align-items:center;z-index:12}.rail b{font:11px var(--font-micro)}.rail>span{width:1px;background:currentColor;opacity:.3;flex:1;position:relative}.rail i{display:block;background:var(--signal);width:3px;height:var(--progress,0%)}.rail small{font:9px var(--font-micro);writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.14em}.project-meta{position:absolute;z-index:10;left:calc(var(--pad) + 7vw);top:14vh;width:24vw;min-width:250px}.project-meta h2{font-size:clamp(48px,7vw,110px);line-height:.85;letter-spacing:-.065em;font-weight:500;margin:0 0 1.5rem}.dek{font:clamp(15px,1.25vw,20px)/1.35 Georgia,serif;max-width:26rem}.roles{font-size:10px;line-height:1.65;text-transform:uppercase;letter-spacing:.11em;margin-top:2rem}.evidence{margin:0}.evidence figcaption,.linkedin figcaption,.dpi-card figcaption{font:9px/1.3 var(--font-micro);text-transform:uppercase;letter-spacing:.08em;margin-top:8px}.dd-anchor{position:absolute;z-index:8;left:39vw;top:15vh;width:min(56vw,920px);transform:translate3d(calc(var(--p)*-5vw),calc(var(--p)*4vh),0) scale(calc(1 - var(--p)*.22));transform-origin:center;transition:filter .2s}.browser-frame{background:#111;padding-top:18px;box-shadow:0 28px 70px rgba(0,0,0,.18);position:relative}.browser-frame>span{position:absolute;top:7px;width:4px;height:4px;border-radius:50%;background:#888}.browser-frame>span:nth-child(1){left:8px}.browser-frame>span:nth-child(2){left:16px}.browser-frame>span:nth-child(3){left:24px}.dd-context{position:absolute;z-index:6;width:29vw;opacity:calc((var(--p) - var(--in))*5);transform:translate3d(0,calc((1 - var(--p))*14vh),0)}.dd-context img{box-shadow:0 20px 50px rgba(0,0,0,.16)}.dd-context--fr{right:4vw;top:7vh;--in:.12}.dd-context--customer{left:38vw;bottom:5vh;--in:.3}.dd-context--government{right:7vw;bottom:5vh;--in:.43}.dd-interpretation{position:absolute;z-index:11;left:calc(var(--pad) + 7vw);bottom:8vh;width:min(44vw,680px);opacity:calc((var(--p) - .66)*5);transform:translateY(calc((1 - var(--p))*5vh))}.interpretation .statement{font:clamp(25px,3.4vw,54px)/1.02 Georgia,serif;letter-spacing:-.03em;margin:0}.credit{font-size:10px;line-height:1.55;max-width:46rem;margin:1.5rem 0 0}.scroll-note{position:absolute;right:var(--pad);bottom:4vh;font:9px var(--font-micro);text-transform:uppercase;letter-spacing:.1em;opacity:calc(1 - var(--p)*4)}
.story--dpi{height:500vh}.dpi-meta{width:29vw}.dpi-meta h2{font-size:clamp(44px,5.8vw,88px)}.dpi-series{position:absolute;inset:0}.dpi-card{position:absolute;width:45vw;max-width:760px;margin:0;box-shadow:0 20px 80px rgba(0,0,0,.4);transition:filter .2s}.dpi-card--1{z-index:8;left:43vw;top:20vh;transform:translate3d(calc(var(--p)*-5vw),calc(var(--p)*-10vh),0) rotate(calc(var(--p)*-1deg))}.dpi-card--2{z-index:7;left:51vw;top:29vh;opacity:calc((var(--p) - .13)*6);transform:translate3d(calc(var(--p)*-3vw),calc((1 - var(--p))*20vh),0) rotate(2deg)}.dpi-card--3{z-index:6;left:36vw;top:42vh;opacity:calc((var(--p) - .29)*6);transform:translate3d(calc(var(--p)*8vw),calc((1 - var(--p))*24vh),0) rotate(-2deg)}.dpi-card--4{z-index:5;left:56vw;top:55vh;opacity:calc((var(--p) - .43)*6);transform:translate3d(calc(var(--p)*-10vw),calc((1 - var(--p))*28vh),0) rotate(1deg)}.linkedin{position:absolute;margin:0;width:min(22vw,300px);right:7vw;top:7vh;z-index:10;opacity:calc((var(--p) - .6)*7);transform:translateY(calc((1 - var(--p))*20vh));box-shadow:0 18px 60px #000}.linkedin--echo{width:min(18vw,240px);right:24vw;top:12vh;z-index:4;opacity:calc((var(--p) - .68)*5);filter:brightness(.55)}.dpi-interpretation{position:absolute;z-index:12;left:calc(var(--pad) + 7vw);bottom:7vh;width:min(47vw,720px);opacity:calc((var(--p) - .76)*6);transform:translateY(calc((1 - var(--p))*5vh))}.dpi-interpretation .credit{color:#aaa}.dpi-interpretation .statement{color:#fff}.dpi-interpretation .eyebrow{color:var(--signal)}
/* DP&I refinement: Engineering leads a quieter three-image composition. */
.dd-anchor{left:calc(39vw + 150px)}
.dpi-card{width:38vw;max-width:650px}.dpi-card--1{left:45vw;top:20vh;transform:translate3d(calc(var(--p)*-3vw),calc(var(--p)*-8vh),0) rotate(calc(var(--p)*-.5deg))}.dpi-card--2{left:53vw;top:33vh;transform:translate3d(calc(var(--p)*-2vw),calc((1 - var(--p))*16vh),0) rotate(1.5deg)}.dpi-card--3{left:calc(39vw + 150px);top:48vh;transform:translate3d(calc(var(--p)*6vw),calc((1 - var(--p))*20vh),0) rotate(-1.5deg)}
.next{min-height:80svh;padding:18vh var(--pad);display:grid;grid-template-columns:2fr 7fr 3fr;gap:2rem;align-content:center}.next .folio{grid-column:1}.next .eyebrow,.next h2{grid-column:2}.next h2{font-size:clamp(42px,6vw,94px);line-height:.9;letter-spacing:-.06em;font-weight:500;margin:0}.next>p:last-of-type,.next a{grid-column:3;font:12px/1.5 var(--font-micro)}.next a{text-transform:uppercase;margin-top:3rem}

/* Section 4: real artifacts assemble inside one stable editorial window. */
.story--events{height:370vh}.story--events .story-stage{background:var(--paper);color:var(--ink)}.events-meta{width:31vw}.events-meta h2{font-size:clamp(43px,5.7vw,88px)}
.campaign-window{position:absolute;z-index:7;left:41vw;right:var(--pad);top:11vh;height:76vh;overflow:hidden;background:#111;opacity:var(--frame-ease,0);will-change:opacity;isolation:isolate;clip-path:inset(0);contain:layout paint}.campaign-artifact{position:absolute;margin:0;will-change:transform;transform-origin:center}.campaign-artifact img{width:100%;height:auto;filter:drop-shadow(0 8px 14px rgba(0,0,0,.24))}.campaign-artifact figcaption{display:none}
.campaign-artifact--landing{z-index:1;top:0;left:2.5%;width:92%;transform:translate3d(0,calc((1 - var(--landing-ease))*-100vh),0) rotate(calc(-7deg + (1 - var(--landing-ease))*-1deg))}.campaign-artifact--invite{z-index:2;left:2.5%;top:38%;width:32%;transform:translate3d(0,calc((1 - var(--invite-ease))*100vh),0) rotate(calc(10deg + (1 - var(--invite-ease))*1deg))}.campaign-artifact--autoresponder{z-index:3;right:-2.5%;top:19%;width:36%;transform:translate3d(calc((1 - var(--auto-ease))*76vw),0,0) rotate(calc(-12deg + (1 - var(--auto-ease))*-1deg))}.campaign-summary{display:none}
.event-results{position:absolute;z-index:12;left:calc(var(--pad) + 7vw);top:57vh;width:min(32vw,520px);color:var(--ink)}.event-results .eyebrow{color:#627300;margin-bottom:1rem}.results-lead{max-width:500px;font:clamp(20px,2vw,31px)/1.04 Georgia,serif;letter-spacing:-.025em;margin:0}.event-results dl{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:2.1vh 0 0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.event-results dl div{min-width:0;padding:10px 10px 9px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.event-results dl div:last-child{grid-column:1/3}.event-results dt{font:clamp(20px,1.8vw,29px)/1 Georgia,serif;color:var(--ink)}.event-results dd{margin:5px 0 0;font:7px/1.25 var(--font-micro);text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.results-note{font:7px/1.35 var(--font-micro);color:var(--muted);max-width:430px;margin:8px 0 0}
@media(max-width:800px){.site-header nav a:nth-child(2){display:none}.opening{grid-template-columns:repeat(6,1fr)}.opening-copy{grid-column:1/7}.opening-mark{grid-column:4/7}.down{grid-column:1/4}.story{height:360vh}.story-stage{padding-top:14vh}.rail{display:none}.project-meta,.dpi-meta,.events-meta{left:var(--pad);top:12vh;width:86vw}.project-meta h2{font-size:52px}.dek{max-width:82vw}.roles{display:none}.dd-anchor{left:8vw;top:40vh;width:86vw;transform:translateY(calc(var(--p)*12vh)) scale(calc(1 - var(--p)*.2))}.dd-context{width:48vw}.dd-context--fr{top:34vh;right:3vw}.dd-context--customer{left:5vw;bottom:12vh}.dd-context--government{right:4vw;bottom:10vh}.dd-interpretation,.dpi-interpretation{left:var(--pad);bottom:7vh;width:86vw}.interpretation .statement{font-size:28px}.credit{font-size:9px}.dpi-card{width:78vw}.dpi-card--1{left:18vw;top:40vh}.dpi-card--2{left:9vw;top:47vh}.dpi-card--3{left:20vw;top:55vh}.dpi-card--4{left:10vw;top:62vh}.linkedin{width:38vw;right:3vw}.linkedin--echo{display:none}.story--events{height:auto}.story--events .story-stage{position:relative;min-height:0;overflow:visible;padding:12vh var(--pad) 10vh}.story--events .events-meta{position:relative;left:auto;top:auto;width:100%}.campaign-window{position:relative;left:auto;right:auto;top:auto;height:58vh;margin-top:7vh;opacity:1}.campaign-artifact--landing{left:7%;top:5%;width:86%;transform:rotate(-1deg)}.campaign-artifact--invite{left:10%;top:auto;bottom:-34%;width:36%;transform:rotate(1.5deg)}.campaign-artifact--autoresponder{right:8%;top:auto;bottom:-32%;width:36%;transform:rotate(-1.5deg)}.event-results{position:relative;left:auto;top:auto;width:100%;margin-top:7vh}.results-lead{font-size:30px;max-width:34rem}.event-results dl{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:3vh}.event-results dl div:last-child{grid-column:1/3}.event-results dt{font-size:28px}.results-note{font-size:8px}.story--events .scroll-note{display:none}.next{grid-template-columns:1fr}.next>*{grid-column:1!important}}
@media(max-width:800px){.dpi-card{width:68vw}.dpi-card--1{left:24vw;top:40vh}.dpi-card--2{left:10vw;top:50vh}.dpi-card--3{left:22vw;top:60vh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{height:auto}.story-stage{position:relative;min-height:1200px}.story--events .story-stage{min-height:100svh}.dd-anchor,.dd-context,.dd-interpretation,.dpi-card,.linkedin,.dpi-interpretation{opacity:1;transform:none}.campaign-window{top:11vh;opacity:1}.campaign-artifact--landing{transform:rotate(-7deg)}.campaign-artifact--invite{transform:rotate(10deg)}.campaign-artifact--autoresponder{transform:rotate(-12deg)}.campaign-artifact{opacity:1}.event-results{opacity:1;transform:none}.scroll-note{display:none}}

/* Hero C3: black identity → off-white DD.ca → black DP&I. */
.opening{height:160svh;min-height:0;padding:0;display:block;position:relative;background:var(--dark);color:#fff;border:0}
.opening-stage{position:sticky;top:0;min-height:100svh;padding:18vh var(--pad) 7vh;display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:auto 1fr auto;gap:1.2rem;overflow:hidden;isolation:isolate}
.opening-field{position:absolute;z-index:-1;inset:0;background:var(--paper);transform:scaleX(var(--hero-field,0));transform-origin:left center;will-change:transform}
.opening-stage>.folio,.opening-copy,.opening-mark,.down{mix-blend-mode:difference}
.opening-copy{grid-column:2/12;text-align:center;opacity:var(--hero-copy-opacity,1);will-change:opacity}
.opening h1{font-size:clamp(48px,7.2vw,116px);line-height:.9;letter-spacing:-.066em;font-weight:500;text-wrap:wrap;cursor:default;user-select:none}
.opening h1 em{font-family:Georgia,"Times New Roman",serif;font-size:1.08em;font-weight:400;letter-spacing:-.045em}
.opening h1 .char{display:inline-block;white-space:pre;transform:translate3d(var(--char-x,0),var(--char-y,0),0);transition:transform 360ms cubic-bezier(.2,.72,.25,1);will-change:transform}
.opening h1.is-active .char{transition-duration:90ms}
.opening-copy>p:last-child{margin:2rem auto 0}
.opening-mark b{color:#fff}
.story--dd{margin-top:-18svh}
.story--dd .project-meta{opacity:clamp(0,calc(var(--p)*12),1);transform:translateY(clamp(0px,calc((.08 - var(--p))*72vh),7vh))}
.story--dd .project-meta h2{font-size:clamp(42px,5.8vw,92px);line-height:.88}
.dd-copy-final .story--dd .project-meta{width:min(39vw,500px)}
.dd-copy-final .story--dd .project-meta h2{font-size:clamp(40px,4.8vw,76px)}
.dd-copy-final .story--dd .roles{margin-top:1.25rem}
.dd-copy-final .dd-interpretation .eyebrow{color:#627300;margin-bottom:.75rem}
.dd-copy-final .dd-interpretation .statement{font-size:clamp(25px,2.7vw,42px)}

/* Keep the supporting screens editorial and clear of the text field. */
.dd-context--customer{left:57vw;bottom:2vh;width:25vw;--in:.3}
.dd-context--government{right:1vw;bottom:15vh;width:29vw;--in:.43}

@media(max-width:800px){.opening-stage{grid-template-columns:repeat(6,1fr)}.opening-copy{grid-column:1/7}.story--dd{margin-top:-10svh}.dd-context--customer{left:49vw;bottom:6vh;width:48vw}.dd-context--government{right:3vw;bottom:20vh;width:50vw}}
@media(max-width:800px){.dd-copy-final .story--dd .project-meta{width:86vw}.dd-copy-final .story--dd .project-meta h2{font-size:52px}.dd-copy-final .dd-interpretation .statement{font-size:28px}}
@media(prefers-reduced-motion:reduce){.opening{height:100svh}.opening-field{transform:none;background:#111}.opening h1{user-select:text}.opening h1 .char{transform:none!important;transition:none!important}.story--dd{margin-top:0}.story--dd .project-meta{opacity:1;transform:none}}
@media(max-width:800px) and (prefers-reduced-motion:reduce){.story--events .story-stage{min-height:0}.campaign-window{top:auto}.campaign-artifact--landing{transform:rotate(-1deg)}.campaign-artifact--invite{transform:rotate(1.5deg)}.campaign-artifact--autoresponder{transform:rotate(-1.5deg)}}
@media(min-width:801px){.event-results{width:min(29vw,460px);opacity:var(--results-ease,0);transform:translateY(calc((1 - var(--results-ease,0))*3vh));visibility:hidden;transition:visibility 0s linear .45s}.story--events[style*="--results-ease"] .event-results{visibility:visible;transition-delay:0s}}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){.event-results{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.72,.25,1)}.event-results.is-visible{opacity:1;transform:none}}

/* Section 4 final copy test: retain the approved composition, with metrics reserved for the project page. */
.story--events .events-meta{width:min(32vw,510px)}
.story--events .events-meta .dek{max-width:30rem}
.story--events .events-meta .roles{max-width:31rem}
.story--events .event-results{top:auto;bottom:7vh;width:min(31vw,500px)}
.story--events .event-results .eyebrow{margin-bottom:.85rem}
.story--events .results-lead{font-size:clamp(25px,2.7vw,42px);line-height:1.02;letter-spacing:-.03em;max-width:500px}
.story--events .results-note{font-size:10px;line-height:1.55;max-width:460px;margin:1.5rem 0 0}
@media(max-width:800px){.story--events .events-meta{width:100%}.story--events .events-meta .dek{max-width:34rem}.story--events .event-results{width:100%;margin-top:7vh}.story--events .results-lead{font-size:30px}.story--events .results-note{font-size:9px;max-width:32rem}}
@media(prefers-reduced-motion:reduce){.event-results{opacity:1!important;transform:none!important;visibility:visible!important}}

/* Section 4 campaign journey: five original artifacts, assembled as independent layers. */
@media(min-width:801px){
  .story--events{--final-hold-vh:35;height:280vh}
  .campaign-window{background:#0d0d0d}
  .campaign-artifact img{filter:drop-shadow(0 10px 18px rgba(0,0,0,.28))}
  .campaign-artifact--dreamforce-landing{z-index:1;left:19%;top:8%;width:73%;transform:translate3d(calc((1 - var(--dreamforce-landing-ease,0))*62vw),calc((1 - var(--dreamforce-landing-ease,0))*-5vh),0) scale(calc(.94 + var(--dreamforce-landing-ease,0)*.06)) rotate(-2.2deg);opacity:var(--dreamforce-landing-ease,0)}
  .campaign-artifact--napa-landing{z-index:2;left:10%;top:-7%;width:76%;transform:translate3d(calc((1 - var(--napa-landing-ease,0))*8vw),calc((1 - var(--napa-landing-ease,0))*-88vh),0) scale(calc(.95 + var(--napa-landing-ease,0)*.05)) rotate(.8deg);opacity:var(--napa-landing-ease,0)}
  .campaign-artifact--napa-email{z-index:4;left:-5%;top:32%;width:31%;transform:translate3d(calc((1 - var(--napa-email-ease,0))*-14vw),calc((1 - var(--napa-email-ease,0))*68vh),0) scale(calc(.96 + var(--napa-email-ease,0)*.04)) rotate(-1.8deg);opacity:var(--napa-email-ease,0)}
  .campaign-artifact--confirmation{z-index:5;right:-5%;top:24%;width:31%;transform:translate3d(calc((1 - var(--confirmation-ease,0))*42vw),0,0) scale(calc(.96 + var(--confirmation-ease,0)*.04)) rotate(1.5deg);opacity:var(--confirmation-ease,0)}
  .campaign-artifact--followup{z-index:6;left:30%;top:54%;width:42%;transform:translate3d(calc((1 - var(--followup-ease,0))*3vw),calc((1 - var(--followup-ease,0))*55vh),0) scale(calc(.94 + var(--followup-ease,0)*.06)) rotate(-.6deg);opacity:var(--followup-ease,0)}
}
@media(max-width:800px){
  .campaign-window{height:auto;min-height:0;padding:8vw 0 10vw;display:flex;flex-direction:column;gap:5vw;background:#0d0d0d;overflow:hidden}
  .campaign-artifact{position:relative;inset:auto!important;opacity:1!important;transform:none!important}
  .campaign-artifact--napa-landing,.campaign-artifact--dreamforce-landing{width:88%;margin-left:6%}
  .campaign-artifact--napa-email,.campaign-artifact--confirmation,.campaign-artifact--followup{width:72%}
  .campaign-artifact--napa-email{margin-left:-5%;order:3}.campaign-artifact--confirmation{margin-left:33%;order:4}.campaign-artifact--followup{margin-left:14%;order:5}
}
@media(prefers-reduced-motion:reduce){
  .story--events{height:auto}.story--events .story-stage{min-height:100svh}
  .campaign-window{opacity:1}
  .campaign-artifact--dreamforce-landing{opacity:1;transform:rotate(-2.2deg)}
  .campaign-artifact--napa-landing{opacity:1;transform:rotate(.8deg)}
  .campaign-artifact--napa-email{opacity:1;transform:rotate(-1.8deg)}
  .campaign-artifact--confirmation{opacity:1;transform:rotate(1.5deg)}
  .campaign-artifact--followup{opacity:1;transform:rotate(-.6deg)}
}

/* Section 5: a quieter, cinematic pause after the campaign systems. */
.story--films .film-frame--rotobec{top:calc(31vh - 50px)}
.story--films{height:470vh;background:var(--dark);color:#f0ede5}.films-stage{background:var(--dark);color:#f0ede5;padding:0;isolation:isolate}.story--films .rail{color:#f0ede5}.films-intro{position:absolute;z-index:12;left:calc(var(--pad) + 7vw);top:13vh}.films-intro h2{font-size:clamp(52px,7.4vw,118px);line-height:.83;letter-spacing:-.07em;font-weight:500;margin:0;color:#fff}.films-intro h2 em{font-family:Georgia,serif;font-weight:400}.films-dek{font:clamp(16px,1.35vw,21px)/1.3 Georgia,serif;margin:1.6rem 0 0;color:#b9b6af}.film-sequence,.film-frame,.film-mask{position:absolute;margin:0}.film-sequence{inset:0;z-index:4}.film-frame video{display:block;width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03)}.film-mask{inset:0;overflow:hidden;background:#171717}.film-frame figcaption{position:absolute;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline;color:#f0ede5;font:9px/1.25 var(--font-micro);text-transform:uppercase;letter-spacing:.11em}.film-frame figcaption span{color:var(--signal)}.film-frame figcaption strong{font-weight:400}.film-frame figcaption small{grid-column:2;color:#8e8c86;font:inherit;margin-top:4px}
.film-frame--rotobec{z-index:3;left:32vw;right:0;top:31vh;aspect-ratio:16/9;clip-path:inset(0 calc(var(--film-one,0)*26%) 0 0);transform:translate3d(calc(var(--film-one,0)*-3vw),0,0)}.film-frame--rotobec figcaption{left:0;top:-38px}.film-frame--georgian{z-index:4;left:45vw;right:var(--pad);top:19vh;aspect-ratio:16/9;clip-path:inset(0 0 0 calc((1 - var(--film-two,0))*100%));transform:translate3d(calc((1 - var(--film-two,0))*5vw),0,0)}.film-frame--georgian figcaption{right:0;bottom:-42px}.film-frame--uwcc{z-index:5;left:calc(var(--pad) + 7vw);width:38vw;top:38vh;aspect-ratio:16/9;clip-path:inset(calc((1 - var(--film-three,0))*100%) 0 0 0);transform:translate3d(0,calc((1 - var(--film-three,0))*4vh),0)}.film-frame--uwcc figcaption{left:0;bottom:-42px}
.films-intro{opacity:calc(1 - var(--film-intro-out,0));transform:translateY(calc(var(--film-intro-out,0)*-3vh))}.films-consequence{position:absolute;z-index:10;left:calc(var(--pad) + 7vw);top:13vh;width:min(34vw,520px);opacity:var(--film-consequence-in,0);transform:translateY(calc((1 - var(--film-consequence-in,0))*2vh));pointer-events:none}.films-consequence .eyebrow{margin:0 0 .8rem;color:var(--signal)}.films-consequence .statement{margin:0;color:#f0ede5;font:clamp(25px,2.55vw,42px)/1.04 Georgia,serif;letter-spacing:-.03em;text-wrap:balance}.films-footer{position:absolute;z-index:10;left:calc(var(--pad) + 7vw);right:var(--pad);bottom:4vh;display:flex;justify-content:space-between;align-items:baseline;gap:2rem;border-top:1px solid rgba(255,255,255,.2);padding-top:13px;opacity:var(--film-final,0)}.films-footer p{margin:0}.films-footer p:first-child{font:9px/1.4 var(--font-micro);text-transform:uppercase;letter-spacing:.09em}.films-footer p:last-child{max-width:none;white-space:nowrap;text-align:right;font:15px/1 Georgia,serif;color:#aaa}.story--films .scroll-note{color:#aaa}

@media(max-width:800px){.story--films{height:auto}.story--films .films-stage{position:relative;min-height:0;padding:13vh var(--pad) 11vh;overflow:visible}.films-intro{position:relative;left:auto;top:auto;opacity:1;transform:none}.films-intro h2{font-size:54px}.film-sequence{position:relative;inset:auto;margin-top:9vh;display:flex;flex-direction:column;gap:12vh}.film-frame{position:relative;inset:auto!important;width:100%;height:auto!important;aspect-ratio:auto;clip-path:none!important;transform:none!important}.film-mask{position:relative;inset:auto;aspect-ratio:16/9}.film-frame figcaption{position:relative;inset:auto!important;margin-top:12px}.film-frame--georgian .film-mask{margin-left:9vw;width:calc(100% - 9vw)}.film-frame--uwcc .film-mask{width:88%}.films-consequence{position:relative;inset:auto;width:min(100%,32rem);margin:12vh 0 0;opacity:1;transform:none}.films-consequence .statement{font-size:clamp(27px,8vw,38px)}.films-footer{position:relative;inset:auto;margin-top:14vh;display:block;opacity:1}.films-footer p:last-child{text-align:left;margin-top:1rem;white-space:normal}.story--films .scroll-note{display:none}}
@media(prefers-reduced-motion:reduce){.story--films{height:auto}.story--films .films-stage{position:relative;min-height:100svh}.films-intro,.films-consequence,.films-footer{opacity:1;transform:none}.film-frame{clip-path:none;transform:none}}

/* Section 6: album artwork treated as editions and physical matter. */
.story--albums{height:560vh;background:var(--paper);color:#181713}.albums-stage{background:var(--paper);color:#181713;padding:0}.story--albums .rail{color:#181713}.albums-intro{position:absolute;z-index:20;left:calc(var(--pad) + 7vw);top:13vh;width:34vw;opacity:calc(1 - var(--album-intro-out,0));transform:translateY(calc(var(--album-intro-out,0)*-2vh))}.albums-intro h2{font-size:clamp(50px,7vw,110px);line-height:.84;letter-spacing:-.07em;font-weight:500;margin:0}.albums-intro h2 em{font-family:Georgia,serif;font-weight:400}.albums-dek{font:clamp(16px,1.35vw,21px)/1.3 Georgia,serif;max-width:29rem;margin:1.6rem 0}.albums-scope{font:9px/1.5 var(--font-micro);text-transform:uppercase;letter-spacing:.09em;margin:0}.album-sequence{position:absolute;inset:0}.album{position:absolute;inset:0;pointer-events:none}.album>h3,.album>p{position:absolute;z-index:12;margin:0}.album>h3{left:calc(var(--pad) + 7vw);bottom:11vh;font-size:clamp(32px,4vw,64px);line-height:.9;letter-spacing:-.045em;font-weight:500}.album>p:not(.album-index){left:calc(var(--pad) + 7vw);bottom:7vh;font:clamp(13px,1.15vw,17px)/1 Georgia,serif}.album .album-index{right:var(--pad);top:13vh;font:9px/1 var(--font-micro);letter-spacing:.12em}.album-image{position:absolute;margin:0;overflow:hidden;background:#c7c0b3;box-shadow:0 16px 45px rgba(25,20,12,.12)}.album-image img{width:100%;height:100%;object-fit:cover}.album--captain{opacity:calc(1 - var(--captain-out,0))}.album--captain .album-image--hero{z-index:4;left:38vw;top:10vh;width:59vw;height:76vh}.album--captain .album-image--hero img{transform:scale(calc(1.04 + var(--captain-detail,0)*.08));transform-origin:42% 48%}.album--captain .album-image--detail{z-index:6;left:29vw;top:18vh;width:32vw;height:27vh;opacity:var(--captain-detail,0);transform:translateX(calc((1 - var(--captain-detail,0))*4vw)) rotate(-1.2deg)}.album--captain .album-image--object{z-index:7;right:4vw;bottom:5vh;width:31vw;height:31vh;opacity:var(--captain-detail,0);transform:translateY(calc((1 - var(--captain-detail,0))*3vh)) rotate(.8deg)}
.album--nickodemus{opacity:var(--nick-in,0)}.album--nickodemus .album-image--hero{z-index:5;left:9vw;top:8vh;width:52vw;height:76vh}.album--nickodemus .album-image--hero img{transform:scale(calc(1.01 + var(--nick-detail,0)*.05));transform-origin:52% 46%}.album--nickodemus .album-image--detail{z-index:6;right:5vw;top:14vh;width:33vw;aspect-ratio:1;opacity:var(--nick-detail,0);transform:translateY(calc((1 - var(--nick-detail,0))*3vh)) rotate(1.1deg)}.album--nickodemus .album-image--object{z-index:7;right:24vw;bottom:4vh;width:20vw;aspect-ratio:1;border-radius:50%;opacity:var(--nick-detail,0);transform:scale(calc(.92 + var(--nick-detail,0)*.08))}.album--nickodemus>h3,.album--nickodemus>p:not(.album-index){left:65vw}.album--nickodemus>h3{bottom:17vh}.album--nickodemus>p:not(.album-index){bottom:13vh}
.album--trio{opacity:var(--trio-in,0)}.album--trio .album-image--hero{z-index:5;left:28vw;right:3vw;top:9vh;height:70vh}.album--trio .album-image--hero img{transform:scale(calc(1.02 + var(--trio-detail,0)*.05));transform-origin:60% 50%}.album--trio .album-image--detail{z-index:6;left:8vw;top:20vh;width:27vw;height:43vh;opacity:var(--trio-detail,0);transform:translateX(calc((1 - var(--trio-detail,0))*-3vw)) rotate(-1deg)}.album--trio .album-image--object{z-index:4;right:6vw;bottom:3vh;width:27vw;height:30vh;opacity:var(--trio-detail,0);transform:translateY(calc((1 - var(--trio-detail,0))*3vh)) rotate(1deg)}.album--trio>h3{bottom:12vh}.album--trio>p:not(.album-index){bottom:8vh}
.album-coda{position:absolute;z-index:30;inset:0;background:#181713;color:#f0ede5;opacity:var(--album-coda,0);pointer-events:none}.album-coda figure{position:absolute;margin:0;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.3)}.album-coda figure img{width:100%;height:100%;object-fit:cover}.album-coda figure:nth-child(1){left:9vw;top:16vh;width:28vw;height:59vh;transform:rotate(-1deg)}.album-coda figure:nth-child(2){left:36vw;top:10vh;width:29vw;height:64vh;transform:rotate(.7deg)}.album-coda figure:nth-child(3){right:8vw;top:22vh;width:28vw;height:52vh;transform:rotate(-.5deg)}.album-coda p{position:absolute;left:9vw;right:8vw;bottom:5vh;margin:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.28);font:clamp(19px,2vw,31px)/1.05 Georgia,serif}.story--albums .scroll-note{z-index:40;color:#5e594f}

@media(max-width:800px){.story--albums{height:auto}.story--albums .albums-stage{position:relative;min-height:0;padding:13vh var(--pad) 11vh;overflow:visible}.albums-intro{position:relative;left:auto;top:auto;width:100%;opacity:1;transform:none}.albums-intro h2{font-size:52px}.albums-scope{max-width:18rem}.album-sequence{position:relative;inset:auto;margin-top:10vh;display:flex;flex-direction:column;gap:16vh}.album{position:relative;inset:auto;opacity:1!important;display:grid;grid-template-columns:1fr 1fr;gap:12px;pointer-events:auto}.album>h3,.album>p{position:relative;inset:auto!important;grid-column:1/3}.album>h3{font-size:36px;order:0}.album>p:not(.album-index){font-size:15px;order:1;margin-top:-6px}.album .album-index{order:-1}.album-image{position:relative;inset:auto!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;opacity:1!important;transform:none!important}.album-image img{transform:none!important}.album-image--hero{grid-column:1/3;order:2;aspect-ratio:4/3!important}.album-image--detail{grid-column:1;order:3;aspect-ratio:1!important}.album-image--object{grid-column:2;order:3;aspect-ratio:1!important}.album--nickodemus .album-image--object{border-radius:50%}.album-coda{position:relative;inset:auto;margin:18vh calc(var(--pad)*-1) -11vh;height:78svh;opacity:1}.album-coda figure:nth-child(1){left:5vw;top:14vh;width:43vw;height:42vh}.album-coda figure:nth-child(2){left:31vw;top:9vh;width:43vw;height:45vh}.album-coda figure:nth-child(3){right:4vw;top:20vh;width:41vw;height:37vh}.album-coda p{left:var(--pad);right:var(--pad);bottom:8vh}.story--albums .scroll-note{display:none}}
@media(prefers-reduced-motion:reduce){.story--albums{height:auto}.story--albums .albums-stage{position:relative;min-height:100svh}.albums-intro,.album,.album-image,.album-coda{opacity:1;transform:none}.album-sequence{display:none}.album-coda{position:absolute;inset:0}}

/* Section 6 performance pass: normal document flow, transparent objects, no scroll-bound transforms. */
.story--albums{height:auto;background:var(--paper)}.story--albums .albums-stage{position:relative;top:auto;min-height:0;overflow:hidden;padding:0;background:var(--paper)}.story--albums .rail,.story--albums .scroll-note{display:none}.albums-intro{position:relative;left:auto;top:auto;width:auto;min-height:82svh;padding:17vh var(--pad) 10vh calc(var(--pad) + 7vw);display:flex;flex-direction:column;justify-content:center;opacity:1;transform:none}.albums-intro h2{max-width:900px}.albums-dek{max-width:34rem}.album-sequence{position:relative;inset:auto}.album{position:relative;inset:auto;min-height:100svh;padding:10vh var(--pad) 9vh calc(var(--pad) + 7vw);display:grid;grid-template-columns:1.05fr 1fr;grid-template-rows:auto 1fr auto;column-gap:5vw;align-items:center;pointer-events:auto;opacity:1!important;border-top:1px solid rgba(24,23,19,.16)}.album>h3,.album>p{position:relative!important;inset:auto!important;margin:0;z-index:4}.album .album-index{grid-column:1;grid-row:1;font:9px/1 var(--font-micro);letter-spacing:.12em;align-self:start}.album>h3{grid-column:1;grid-row:3;font-size:clamp(38px,4.8vw,76px);line-height:.88;letter-spacing:-.055em}.album>p:not(.album-index){grid-column:1;grid-row:3;align-self:end;margin-bottom:-2.1rem;font:clamp(14px,1.15vw,18px)/1 Georgia,serif}.album-image{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;aspect-ratio:auto!important;margin:0;background:transparent;box-shadow:none;overflow:visible;opacity:0!important;transform:translateY(28px)!important;transition:opacity .7s ease,transform .85s cubic-bezier(.2,.72,.25,1)}.album.is-visible .album-image{opacity:1!important;transform:none!important}.album-image img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 20px rgba(25,20,12,.12));transform:none!important}.album-image--hero{grid-column:2;grid-row:1/4;z-index:2;transition-delay:.05s}.album-image--detail{grid-column:1;grid-row:2;align-self:center;justify-self:end;width:52%!important;z-index:1;transition-delay:.14s}.album-image--object{grid-column:1;grid-row:2;align-self:end;justify-self:start;width:46%!important;z-index:2;transition-delay:.22s}.album--captain{background:var(--paper)}.album--captain .album-image--hero{width:min(62vw,880px)!important;justify-self:end}.album--captain .album-image--detail{margin-right:1vw}.album--captain .album-image--object{margin:0 0 -3vh 5vw}.album--nickodemus{background:var(--paper);grid-template-columns:1fr 1.1fr}.album--nickodemus .album-image--hero{width:min(59vw,820px)!important;justify-self:end}.album--nickodemus .album-image--detail{width:43%!important;justify-self:start;margin-left:5vw}.album--nickodemus .album-image--object{width:31%!important;justify-self:end;border-radius:50%;overflow:hidden;margin-right:1vw}.album--nickodemus>h3,.album--nickodemus>p:not(.album-index){left:auto}.album--trio{background:var(--paper)}.album--trio .album-image--hero{width:min(65vw,940px)!important;justify-self:end}.album--trio .album-image--detail{width:42%!important;justify-self:start;margin-left:3vw}.album--trio .album-image--object{width:40%!important;justify-self:end}.album-coda{position:relative;inset:auto;min-height:92svh;padding:12vh var(--pad) 10vh calc(var(--pad) + 7vw);display:grid;grid-template-columns:1.15fr .9fr 1.1fr;gap:2vw;align-items:center;background:#181713;color:#f0ede5;opacity:1;pointer-events:auto}.album-coda figure{position:relative!important;inset:auto!important;width:auto!important;height:auto!important;margin:0;overflow:visible;box-shadow:none;transform:none!important}.album-coda figure img{width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 14px 24px rgba(0,0,0,.25))}.album-coda p{position:absolute;left:calc(var(--pad) + 7vw);right:var(--pad);bottom:6vh;margin:0;padding-top:12px;border-top:1px solid rgba(255,255,255,.28);font:clamp(19px,2vw,31px)/1.05 Georgia,serif}

@media(max-width:800px){.albums-intro{min-height:auto;padding:14vh var(--pad) 12vh}.album{min-height:0;padding:11vh var(--pad);display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto auto;gap:12px}.album .album-index{grid-column:1/3;grid-row:1}.album>h3{grid-column:1/3;grid-row:2;margin-top:4vh}.album>p:not(.album-index){grid-column:1/3;grid-row:3;margin:0 0 4vh}.album-image--hero{grid-column:1/3!important;grid-row:4!important;width:100%!important}.album-image--detail{grid-column:1!important;grid-row:5!important;width:100%!important;margin:2vh 0 0!important}.album-image--object{grid-column:2!important;grid-row:5!important;width:100%!important;margin:2vh 0 0!important}.album-image{opacity:1!important;transform:none!important;transition:none}.album-coda{margin:0;min-height:82svh;height:auto;padding:12vh var(--pad) 18vh;grid-template-columns:1fr 1fr;gap:1rem}.album-coda figure:nth-child(1){grid-column:1/3}.album-coda p{left:var(--pad);right:var(--pad);bottom:7vh}}
@media(prefers-reduced-motion:reduce){.album-sequence{display:block}.album-image{opacity:1!important;transform:none!important;transition:none!important}.album-coda{position:relative;inset:auto}}

/* Section 6 reduction: three visual identities share one compact sticky stage. */
.story--albums{height:360vh;background:var(--paper);color:#181713}
.story--albums .albums-stage{position:sticky;top:0;min-height:100svh;overflow:hidden;padding:0;background:var(--paper)}
.story--albums .rail{display:flex;color:#181713}.story--albums .scroll-note,.album-coda{display:none}
.albums-intro{position:absolute;z-index:20;left:calc(var(--pad) + 7vw);top:13vh;width:34vw;min-height:0;padding:0;display:block;opacity:calc(1 - var(--album-intro-out,0));transform:translateY(calc(var(--album-intro-out,0)*-2vh));pointer-events:none}
.albums-intro h2{max-width:900px}.albums-dek{max-width:34rem}
.album-sequence{position:absolute;inset:0}
.album{position:absolute;inset:0;min-height:0;padding:0;display:block;pointer-events:none;border:0;background:transparent!important}
.album>h3,.album>p{position:absolute!important;z-index:12;margin:0}
.album .album-index{right:var(--pad)!important;left:auto!important;top:13vh!important;font:9px/1 var(--font-micro);letter-spacing:.12em}
.album>h3{left:calc(var(--pad) + 7vw)!important;bottom:11vh!important;font-size:clamp(38px,4.7vw,74px);line-height:.88;letter-spacing:-.055em;font-weight:500}
.album>p:not(.album-index){left:calc(var(--pad) + 7vw)!important;bottom:7vh!important;font:clamp(14px,1.1vw,17px)/1 Georgia,serif}
.album-image,.album-image--hero{position:absolute!important;margin:0;background:transparent;box-shadow:none;overflow:hidden;clip-path:inset(0 0 10% 0)}
.album-image img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 16px 24px rgba(25,20,12,.13));transform:none!important}
.album--captain{opacity:calc(1 - var(--captain-out,0))!important}.album--captain .album-image--hero,.album--nickodemus .album-image--hero,.album--trio .album-image--hero{left:31vw!important;right:auto!important;top:10vh!important;width:66vw!important;height:72vh!important;opacity:1!important}
.album--captain .album-image--hero{transform:translateY(calc(var(--captain-detail,0)*-1.5vh)) scale(calc(.985 + var(--captain-detail,0)*.015))!important}
.album--nickodemus{opacity:clamp(0,calc(var(--nick-in,0) - var(--trio-in,0)),1)!important}.album--nickodemus .album-image--hero{transform:translateX(calc((1 - var(--nick-in,0))*2vw)) scale(calc(.985 + var(--nick-in,0)*.015))!important}
.album--trio{opacity:var(--trio-in,0)!important}.album--trio .album-image--hero{transform:translateY(calc((1 - var(--trio-in,0))*2vh)) scale(calc(.985 + var(--trio-in,0)*.015))!important}

@media(max-width:800px){
  .story--albums{height:auto}.story--albums .albums-stage{position:relative;min-height:0;overflow:visible;padding:13vh var(--pad) 11vh}.story--albums .rail{display:none}
  .albums-intro{position:relative;inset:auto;width:100%;min-height:0;padding:0;opacity:1;transform:none}.albums-intro h2{font-size:52px}
  .album-sequence{position:relative;inset:auto;margin-top:11vh;display:flex;flex-direction:column;gap:14vh}
  .album,.album--captain,.album--nickodemus,.album--trio{position:relative;inset:auto;min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;opacity:1!important}
  .album .album-index{position:relative!important;inset:auto!important;grid-row:1;grid-column:1}
  .album>h3,.album--nickodemus>h3{position:relative!important;inset:auto!important;grid-row:2;grid-column:1;margin-top:4vh;font-size:36px}
  .album>p:not(.album-index),.album--nickodemus>p:not(.album-index){position:relative!important;inset:auto!important;grid-row:3;grid-column:1;margin:.45rem 0 5vh;font-size:15px}
  .album-image,.album-image--hero,.album--captain .album-image--hero,.album--nickodemus .album-image--hero,.album--trio .album-image--hero{position:relative!important;inset:auto!important;grid-row:4;grid-column:1;width:100%!important;height:auto!important;opacity:1!important;clip-path:none;transform:none!important}
  .album-image img{width:100%;height:auto}
}

@media(prefers-reduced-motion:reduce){
  .story--albums{height:auto}.story--albums .albums-stage{position:relative;min-height:0;padding:13vh var(--pad) 11vh;overflow:visible}.story--albums .rail{display:none}
  .albums-intro{position:relative;inset:auto;width:100%;opacity:1;transform:none}.album-sequence{position:relative;inset:auto;margin-top:11vh;display:flex;flex-direction:column;gap:14vh}
  .album,.album--captain,.album--nickodemus,.album--trio{position:relative;inset:auto;min-height:80svh;display:grid;grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);grid-template-rows:auto 1fr auto;opacity:1!important}
  .album .album-index{position:relative!important;inset:auto!important;grid-column:1;grid-row:1}.album>h3,.album--nickodemus>h3{position:relative!important;inset:auto!important;grid-column:1;grid-row:3}.album>p:not(.album-index),.album--nickodemus>p:not(.album-index){position:relative!important;inset:auto!important;grid-column:1;grid-row:3;align-self:end;margin-bottom:-2rem}
  .album-image,.album-image--hero,.album--captain .album-image--hero,.album--nickodemus .album-image--hero,.album--trio .album-image--hero{position:relative!important;inset:auto!important;grid-column:2;grid-row:1/4;width:100%!important;height:auto!important;opacity:1!important;clip-path:none;transform:none!important}
  .album-image img{width:100%;height:auto}
}

@media(max-width:800px) and (prefers-reduced-motion:reduce){.album,.album--captain,.album--nickodemus,.album--trio{min-height:0;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.album .album-index{grid-column:1;grid-row:1}.album>h3,.album--nickodemus>h3{grid-column:1;grid-row:2;margin-top:4vh}.album>p:not(.album-index),.album--nickodemus>p:not(.album-index){grid-column:1;grid-row:3;margin:.45rem 0 5vh}.album-image,.album-image--hero,.album--captain .album-image--hero,.album--nickodemus .album-image--hero,.album--trio .album-image--hero{grid-column:1;grid-row:4}}

/* Section 6 final: DP&I-style progressive evidence accumulation. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
  .story--albums{height:430vh}
  .story--albums .albums-stage{background:var(--paper)}
  .albums-intro{left:calc(var(--pad) + 7vw);top:9vh;width:29vw;opacity:1;transform:none}
  .albums-intro h2{font-size:clamp(42px,5.25vw,80px);margin-bottom:1.25rem}
  .albums-intro .albums-dek{display:block;font:clamp(15px,1.18vw,19px)/1.34 Georgia,serif;max-width:26rem;margin:0 0 1.35rem}
  .albums-intro .albums-scope{display:block;font-size:9px;line-height:1.55;max-width:27rem}
  .album{opacity:1!important}
  .album .album-index{display:none}
  .album>h3{left:calc(var(--pad) + 7vw)!important;bottom:auto!important;font-size:clamp(20px,1.8vw,30px);line-height:.92;letter-spacing:-.045em;color:#181713;transition:none}
  .album>p:not(.album-index){display:none}
  .album--captain>h3{top:44vh!important;opacity:1}
  .album--nickodemus>h3{top:48.25vh!important;opacity:var(--nick-in,0)}
  .album--trio>h3{top:52.5vh!important;opacity:var(--trio-in,0)}
  .albums-interpretation{position:absolute;z-index:12;left:calc(var(--pad) + 7vw);bottom:5.5vh;width:min(30vw,470px);opacity:var(--albums-consequence-in,0);transform:translateY(calc((1 - var(--albums-consequence-in,0))*4vh));pointer-events:none}
  .albums-interpretation .eyebrow{color:#566f62;margin-bottom:.75rem}
  .albums-interpretation .statement{font-size:clamp(23px,2.25vw,38px);line-height:1.03;letter-spacing:-.03em}
  .albums-interpretation .credit{max-width:29rem;margin-top:1rem;color:#5e594f;font-size:9px;line-height:1.5}
  .album-image,.album-image--hero{overflow:visible;clip-path:none;will-change:transform,opacity;transition:none!important}
  .album-image img{filter:drop-shadow(0 16px 22px rgba(25,20,12,.18))}
  .album--trio .album-image img{filter:drop-shadow(0 5px 5px rgba(25,20,12,.12)) drop-shadow(0 22px 28px rgba(25,20,12,.22))}
  .album.album--captain .album-image.album-image--hero{z-index:3;left:34vw!important;top:12vh!important;width:53vw!important;height:68vh!important;opacity:1!important;transform:translate3d(calc(var(--album-settle,0)*-3vw),calc(var(--album-settle,0)*-4vh),0) rotate(-1.2deg)!important}
  .album.album--nickodemus .album-image.album-image--hero{z-index:4;left:56vw!important;top:27vh!important;width:40vw!important;height:55vh!important;opacity:var(--nick-in,0)!important;transform:translate3d(calc((1 - var(--nick-in,0))*10vw),calc((1 - var(--nick-in,0))*16vh),0) rotate(1.5deg)!important}
  .album.album--trio .album-image.album-image--hero{z-index:5;left:38vw!important;top:46vh!important;width:43vw!important;height:48vh!important;opacity:var(--trio-in,0)!important;transform:translate3d(calc((1 - var(--trio-in,0))*-6vw),calc((1 - var(--trio-in,0))*20vh),0) rotate(-1.5deg)!important}
}

/* Mobile pass — preserve the editorial argument in a stable vertical flow. */
html,body{max-width:100%;overflow-x:clip}
:where(a,button):focus-visible{outline:2px solid var(--signal);outline-offset:4px}

@media(max-width:800px){
  :root{--pad:clamp(18px,5.5vw,30px)}
  html{scroll-padding-top:82px}
  body{padding-bottom:58px}
  .site-header{padding:14px var(--pad);font-size:10px;line-height:1;background:rgba(17,17,17,.84);backdrop-filter:blur(10px);mix-blend-mode:normal;color:#fff}
  .site-header nav{gap:2px}.site-header nav a:nth-child(2){display:inline-flex}
  .site-header a{min-height:44px;display:inline-flex;align-items:center;padding:0 8px}.site-header .wordmark{padding-left:0}

  .opening{height:auto;min-height:100svh;margin:0}
  .opening-stage{position:relative;min-height:100svh;padding:clamp(96px,15svh,132px) var(--pad) 34px;display:flex;flex-direction:column;gap:0;overflow:hidden}
  .opening-stage>.folio{margin-bottom:clamp(48px,9svh,84px)}
  .opening-copy{width:100%;text-align:left;opacity:1}
  .opening h1{font-size:clamp(38px,11.3vw,54px);line-height:.94;letter-spacing:-.057em;text-wrap:balance;user-select:text}
  .opening h1 br{display:none}.opening h1 .word{display:inline-block;white-space:nowrap}
  .opening-copy>p:last-child{max-width:31rem;margin:1.5rem 0 0;font-size:clamp(15px,4.25vw,18px);line-height:1.38}
  .opening-copy>p:last-child br{display:none}
  .opening-mark{margin:clamp(42px,8svh,72px) 0 0 auto;align-self:auto;font-size:9px}
  .down{position:relative;margin-top:auto;min-height:44px;justify-content:center;align-items:center;align-self:center}

  .story,.story--dd,.story--dpi{height:auto;margin:0;scroll-margin-top:64px}
  .story-stage,.story--dd .story-stage,.story--dpi .story-stage{position:relative;min-height:0;padding:clamp(92px,13svh,120px) var(--pad) clamp(96px,14svh,132px);overflow:visible;display:flex;flex-direction:column}
  .project-meta,.dpi-meta,.events-meta{position:relative!important;inset:auto!important;width:100%!important;min-width:0;opacity:1!important;transform:none!important;order:1}
  .project-meta h2,.dd-copy-final .story--dd .project-meta h2,.story--dpi .dpi-meta h2{font-size:clamp(42px,12.5vw,58px);line-height:.9;margin-bottom:1.35rem}
  .dek,.story--dpi .dpi-meta .dek{max-width:34rem;font-size:clamp(16px,4.4vw,19px);line-height:1.42}
  .roles{display:block;max-width:31rem;margin-top:1.5rem;font-size:9px}
  .scroll-note{display:none!important}

  .story--dd .dd-anchor,.story--dd .dd-context{position:relative;inset:auto;width:100%;opacity:1;transform:none;margin:clamp(52px,9svh,84px) 0 0;order:2}
  .story--dd .dd-context{order:3;margin-top:clamp(34px,6svh,56px)}
  .story--dd .dd-context--customer{order:4}.story--dd .dd-context--government{order:5}
  .story--dd .dd-anchor img,.story--dd .dd-context img{max-height:72svh;object-fit:cover;object-position:top}
  .story--dd .dd-interpretation{position:relative;inset:auto;width:100%;opacity:1;transform:none;margin-top:clamp(68px,11svh,104px);order:6}
  .story--dd>.story-stage>.project-cta{order:7;margin-top:2rem}

  .story--dpi .dpi-series{position:relative;inset:auto;display:flex;flex-direction:column;gap:clamp(36px,7svh,64px);margin-top:clamp(56px,10svh,88px);order:2}
  .story--dpi .dpi-card,.story--dpi .linkedin{position:relative;inset:auto!important;width:100%;max-width:none;opacity:1;transform:none;margin:0;box-shadow:0 16px 38px rgba(0,0,0,.3)}
  .story--dpi .linkedin--main{order:3;margin-top:clamp(40px,8svh,72px)}.story--dpi .linkedin--echo{display:none}
  .story--dpi .dpi-interpretation{position:relative;inset:auto;width:100%;opacity:1;transform:none;margin-top:clamp(68px,11svh,104px);order:4}
  .story--dpi>.story-stage>.project-cta{order:5;margin-top:2rem}

  .story--events .story-stage{display:flex}.story--events .events-meta{order:1}
  .story--events .campaign-window{order:2;margin-top:clamp(56px,10svh,88px);padding:6vw;gap:clamp(28px,6vw,48px)}
  .campaign-artifact--napa-email{order:1!important}.campaign-artifact--napa-landing{order:2!important}.campaign-artifact--confirmation{order:3!important}.campaign-artifact--dreamforce-landing{order:4!important}.campaign-artifact--followup{order:5!important}
  .campaign-artifact--napa-landing,.campaign-artifact--dreamforce-landing,.campaign-artifact--napa-email,.campaign-artifact--confirmation,.campaign-artifact--followup{width:100%;margin:0}
  .campaign-artifact figcaption{display:block;color:#aaa;margin-top:9px;font:9px/1.35 var(--font-micro);text-transform:uppercase;letter-spacing:.08em}
  .story--events .event-results{order:3;margin-top:clamp(64px,11svh,96px)}
  .story--events>.story-stage>.project-cta{order:4;margin-top:2rem}

  .story--films .films-stage,.story--albums .albums-stage,.story--operations .operations-stage{display:flex;flex-direction:column}
  .films-intro,.albums-intro,.operations-intro{order:1}.film-sequence,.album-sequence,.operations-evidence{order:2}
  .films-consequence,.albums-interpretation,.operations-interpretation{order:3}
  .story--films .project-cta,.story--albums .project-cta,.story--operations .project-cta{order:4;margin-top:2rem}
  .films-footer{order:5;margin-top:clamp(64px,11svh,96px)}
  .film-sequence{gap:clamp(56px,10svh,88px)}.film-frame--georgian .film-mask,.film-frame--uwcc .film-mask{width:100%;margin-left:0}
  .story--albums .album-sequence{gap:clamp(72px,13svh,112px)}
  .story--albums .album{padding:0;min-height:0}.story--albums .album-image--hero{min-height:0;aspect-ratio:4/3!important}
  .operations-evidence{gap:clamp(48px,9svh,76px)}
  .operations-plane{overflow:visible;background:transparent;box-shadow:none}.operations-plane img{box-shadow:0 12px 28px rgba(0,0,0,.22)}
  .operations-plane::after{display:block;margin-top:10px;font:9px/1.35 var(--font-micro);text-transform:uppercase;letter-spacing:.1em;color:#aaa}
  .operations-plane--intake::after{content:"01 · Intake"}.operations-plane--tracker::after{content:"02 · Tracker"}.operations-plane--planner::after{content:"03 · Tasks / Planner"}.operations-plane--teams::after{content:"04 · Automation / Teams"}

  .project-cta{min-height:44px;align-items:center;padding:.35rem 0}
  .about-closing{scroll-margin-top:64px}.about-closing__stage{padding-top:clamp(92px,13svh,120px)}
  .about-closing h2{font-size:clamp(38px,10.6vw,52px)}
  .about-closing__links{gap:10px}.about-closing__links a,.about-closing__footer a{min-height:44px;display:inline-flex;align-items:center;padding:0 8px}

  .chapter-nav{--chapter-color:#f0ede5;display:block;left:0;right:0;top:auto;bottom:0;height:58px;padding:7px 8px;background:rgba(17,17,17,.94);backdrop-filter:blur(12px);color:#f0ede5;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .chapter-nav::-webkit-scrollbar{display:none}.chapter-progress{display:none}
  .chapter-nav ol{position:relative;display:flex;align-items:center;width:max-content;height:44px;margin:0;padding:0}
  .chapter-nav li{position:relative;inset:auto!important;transform:none;margin:0}
  .chapter-nav a{min-width:44px;min-height:44px;justify-content:center;opacity:.5}
  .chapter-nav a[aria-current=true]{opacity:1;background:rgba(184,217,0,.14);color:var(--signal)}
  .chapter-nav a small{display:none}
}

@media(max-width:359px){
  .site-header{padding-left:12px;padding-right:12px}.site-header nav a{padding:0 6px;font-size:9px}.wordmark{max-width:82px;line-height:1.15}
  .opening h1{font-size:clamp(35px,11.1vw,40px)}
}

@media(min-width:801px) and (max-width:900px) and (pointer:coarse){
  :root{--pad:32px}.site-header a,.project-cta,.about-closing__links a,.about-closing__footer a{min-height:44px;display:inline-flex;align-items:center}
}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  .opening,.story,.about-closing{height:auto!important}.opening-stage,.story-stage,.about-closing__stage{position:relative!important}
  .project-cta,.interpretation,.event-results,.films-consequence,.films-footer{opacity:1!important;visibility:visible!important;transform:none!important}
}

@media(max-width:800px){
  .albums-interpretation{position:relative;inset:auto;width:100%;margin-top:13vh}
  .albums-interpretation .statement{font-size:28px}
  .albums-interpretation .credit{font-size:9px}
  .story--albums .album-sequence{gap:13vh}
  .story--albums .album{display:flex;flex-direction:column}
  .story--albums .album .album-index{order:0}
  .story--albums .album>h3{order:1;margin-top:3vh}
  .story--albums .album>p:not(.album-index){order:2;margin:.5rem 0 4vh}
  .story--albums .album-image--hero{order:3;width:100%!important;min-height:48svh}
  .story--albums .album-image img{object-fit:contain}
}

@media(min-width:801px) and (prefers-reduced-motion:reduce){
  .story--albums{height:auto}
  .story--albums .albums-stage{position:relative;min-height:0;padding:13vh var(--pad) 12vh;overflow:visible}
  .story--albums .albums-intro{position:relative;inset:auto;width:min(48rem,70vw);padding:0;opacity:1;transform:none}
  .story--albums .album-sequence{position:relative;inset:auto;margin-top:12vh;display:flex;flex-direction:column;gap:13vh}
  .story--albums .album{position:relative;inset:auto;min-height:62svh;display:grid;grid-template-columns:minmax(230px,.62fr) minmax(0,1.38fr);grid-template-rows:auto 1fr auto;column-gap:7vw;opacity:1!important}
  .story--albums .album .album-index{display:block;position:relative!important;inset:auto!important;grid-column:1;grid-row:1}
  .story--albums .album>h3{position:relative!important;inset:auto!important;grid-column:1;grid-row:3;font-size:clamp(38px,4.2vw,68px)}
  .story--albums .album>p:not(.album-index){display:block;position:relative!important;inset:auto!important;grid-column:1;grid-row:3;align-self:end;margin-bottom:-2rem}
  .story--albums .album-image--hero{position:relative!important;inset:auto!important;grid-column:2;grid-row:1/4;width:100%!important;height:auto!important;min-height:52svh;opacity:1!important;clip-path:none;transform:none!important}
  .story--albums .albums-interpretation{position:relative;inset:auto;width:min(48rem,70vw);margin:13vh 0 2vh calc(var(--pad) + 7vw);opacity:1;transform:none}
}

/* Section 7: About / closing. */
.about-closing{position:relative;height:150vh;background:var(--dark);color:#f0ede5}
.about-closing__stage{position:sticky;top:0;min-height:100svh;height:100svh;padding:clamp(6rem,13vh,9rem) var(--pad) 0;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:1fr auto;column-gap:clamp(12px,1.5vw,24px);overflow:hidden;border-top:1px solid rgba(240,237,229,.2);background:var(--dark)}
.about-closing__copy{grid-column:2/12;align-self:center;display:grid;grid-template-columns:repeat(10,minmax(0,1fr));column-gap:clamp(12px,1.5vw,24px);padding:0 0 clamp(5rem,10vh,8rem)}
.about-closing__copy .eyebrow{grid-column:1/-1;margin:0 0 clamp(2.5rem,5vh,4.5rem)}
.about-closing h2{grid-column:1/9;max-width:16em;margin:0;font-size:clamp(40px,4.7vw,76px);font-weight:500;line-height:.96;letter-spacing:-.052em;text-wrap:balance}
.about-closing__bio{grid-column:1/6;max-width:38rem;margin:clamp(3rem,6vh,5rem) 0 0;font:clamp(16px,1.2vw,19px)/1.52 Georgia,serif;text-wrap:pretty}
.about-closing__credentials{grid-column:1/6;max-width:38rem;margin:1.6rem 0 0;font:9px/1.65 var(--font-micro);text-transform:uppercase;letter-spacing:.09em;color:#aaa}
.about-closing__links{grid-column:1/6;display:flex;gap:clamp(1.75rem,3vw,3.75rem);margin-top:clamp(2.75rem,5vh,4rem)}
.about-closing__links a{padding-bottom:.38rem;border-bottom:1px solid currentColor;font-size:11px;text-transform:uppercase;letter-spacing:.13em}
.about-closing__copy>*{opacity:var(--about-copy-in,0);transform:translateY(calc((1 - var(--about-copy-in,0))*24px))}
.about-closing__copy h2{opacity:var(--about-statement-in,0);clip-path:inset(0 0 calc((1 - var(--about-statement-in,0))*100%) 0);transform:translateY(calc((1 - var(--about-statement-in,0))*36px))}
.about-closing__footer{grid-column:1/-1;display:flex;justify-content:space-between;gap:2rem;padding:1.3rem 0;border-top:1px solid rgba(240,237,229,.2);font:9px/1 var(--font-micro);text-transform:uppercase;letter-spacing:.11em;opacity:var(--about-footer-in,0);transform:translateY(calc((1 - var(--about-footer-in,0))*14px))}
.about-closing__footer p{margin:0}.about-closing__footer nav{display:flex;gap:clamp(1rem,2.5vw,2.8rem)}

@media(max-width:800px){
  .about-closing{height:auto;min-height:0}
  .about-closing__stage{position:relative;inset:auto;height:auto;min-height:0;padding:13vh var(--pad) 0;display:flex;flex-direction:column;overflow:visible}
  .about-closing__copy{display:block;padding:0 0 11vh}
  .about-closing__copy>*,.about-closing__footer{clip-path:none;opacity:1;transform:none}
  .about-closing h2{font-size:clamp(38px,11.5vw,58px);line-height:.95}
  .about-closing__bio{max-width:34rem;margin-top:3rem;font-size:16px}.about-closing__credentials{max-width:34rem}.about-closing__links{flex-wrap:wrap}
  .about-closing__footer{flex-direction:column}.about-closing__footer nav{justify-content:space-between}
}

@media(prefers-reduced-motion:reduce){
  .about-closing{height:auto}.about-closing__stage{position:relative;height:auto;min-height:100svh}
  .about-closing__copy>*,.about-closing__footer{clip-path:none;opacity:1;transform:none;transition:none}
}

/* Editorial project links */
.project-cta{display:inline-flex;align-items:baseline;gap:.38em;width:max-content;margin-top:1.5rem;padding:.22rem 0 .34rem;font-size:clamp(15px,1.12vw,18px);font-weight:500;line-height:1.2;letter-spacing:-.01em;border-bottom:1px solid currentColor;opacity:0;visibility:hidden;transform:translateY(7px);transition:opacity .35s ease,transform .35s ease,visibility 0s linear .35s;color:var(--ink);pointer-events:none}
.project-cta.is-visible{opacity:1;visibility:visible;transform:none;transition-delay:0s;pointer-events:auto}
.project-cta span{display:inline-block;transition:transform .2s ease}
.project-cta:hover span{transform:translate(3px,-1px)}
.project-cta:focus-visible{outline:2px solid var(--signal);outline-offset:5px;border-color:transparent}
.project-cta--dark{color:#f0ede5}
.story-stage>.project-cta--mid,.story-stage>.project-cta--films-corner,.albums-stage>.project-cta--bridge,.operations-stage>.project-cta--bridge{position:absolute;z-index:26;margin:0}
.story--dd .project-cta--mid{left:calc(var(--pad) + 7vw);top:calc(60vh - 10px)}
.story--dpi .project-cta--mid{left:calc(var(--pad) + 7vw);top:54.8vh}
.story--events .project-cta--mid{left:calc(var(--pad) + 7vw);top:52vh}
.project-cta--films-corner{left:calc(var(--pad) + 7vw);right:auto;top:auto;bottom:12vh}
.albums-stage>.project-cta--bridge{left:calc(var(--pad) + 7vw);top:61.9vh}
.operations-stage>.project-cta--bridge{left:calc(var(--pad) + 7vw);top:68vh}

/* Section 7 — Operating System */
.story--operations{height:520vh;background:var(--dark);color:#f0ede5}
.operations-stage{background:var(--dark);color:#f0ede5;padding:0;isolation:isolate}
.story--operations .rail{color:#f0ede5}
.operations-intro{position:absolute;z-index:20;left:calc(var(--pad) + 7vw);top:8vh;width:34vw}
.operations-intro .eyebrow{color:var(--signal)}
.operations-intro h2{font-size:clamp(43px,5.35vw,82px);line-height:.85;letter-spacing:-.065em;font-weight:500;margin:0 0 1.2rem;color:#fff}
.operations-dek{font:clamp(15px,1.18vw,19px)/1.34 Georgia,serif;max-width:27rem;margin:0 0 1.25rem;color:#b9b6af}
.operations-scope{font:9px/1.55 var(--font-micro);text-transform:uppercase;letter-spacing:.09em;max-width:28rem;margin:0;color:#8e8c86}
.operations-intro .project-cta{margin-top:1.25rem}
.operations-labels{position:absolute;z-index:22;left:calc(var(--pad) + 7vw);top:51vh;list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.3rem;font-size:clamp(18px,1.6vw,26px);line-height:1;letter-spacing:-.035em;color:#f0ede5}
.operations-label{opacity:0}.operations-label--intake{opacity:var(--ops-label-intake,1)}.operations-label--tracker{opacity:var(--ops-label-tracker,0)}.operations-label--tasks{opacity:var(--ops-label-tasks,0)}.operations-label--automation{opacity:var(--ops-label-automation,0)}
.operations-evidence{position:absolute;inset:0;z-index:5;pointer-events:none}
.operations-plane{position:absolute;margin:0;background:#171717;overflow:hidden;box-shadow:0 12px 28px rgba(0,0,0,.22);will-change:transform,opacity}
.operations-plane img{display:block;width:100%;height:100%;object-fit:cover}
.operations-plane--intake{z-index:5;left:44.8vw;top:14.8vh;width:40vw;aspect-ratio:1.973;transform:translate3d(calc(var(--p,0)*-1.2vw),calc(var(--p,0)*-.6vh),0)}
.operations-plane--tracker{z-index:7;left:51.5vw;top:30.7vh;width:44vw;aspect-ratio:1.81;opacity:var(--ops-tracker-in,0);transform:translate3d(calc((1 - var(--ops-tracker-in,0))*9vw),calc((1 - var(--ops-tracker-in,0))*8vh),0)}
.operations-plane--planner{z-index:9;left:34.2vw;top:45.2vh;width:34vw;aspect-ratio:1.81;opacity:var(--ops-tasks-in,0);transform:translate3d(calc((1 - var(--ops-tasks-in,0))*-7vw),calc((1 - var(--ops-tasks-in,0))*10vh),0)}
.operations-plane--teams{z-index:11;left:55.8vw;top:61.4vh;width:27.5vw;aspect-ratio:1.6;opacity:var(--ops-automation-in,0);transform:translate3d(calc((1 - var(--ops-automation-in,0))*7vw),calc((1 - var(--ops-automation-in,0))*8vh),0)}
.operations-plane--tracker img,.operations-plane--planner img,.operations-plane--teams img{object-position:left top}
.operations-interpretation{position:absolute;z-index:24;left:calc(var(--pad) + 7vw);bottom:4.5vh;width:min(30vw,470px);opacity:var(--ops-consequence-in,0);transform:translateY(calc((1 - var(--ops-consequence-in,0))*4vh));pointer-events:none}
.operations-interpretation .eyebrow{color:var(--signal);margin-bottom:.7rem}.operations-interpretation .statement{font-size:clamp(21px,2.05vw,34px);line-height:1.03;letter-spacing:-.03em;color:#fff}.operations-interpretation .credit{max-width:29rem;margin-top:.85rem;color:#8e8c86;font-size:9px;line-height:1.48}.story--operations .scroll-note{z-index:30;color:#8e8c86}

@media(max-width:800px){
  .project-cta{opacity:1;visibility:visible;transform:none;pointer-events:auto;margin-top:1.4rem}
  .story-stage>.project-cta--mid,.story-stage>.project-cta--films-corner{position:relative;inset:auto;left:auto;right:auto;top:auto;margin-top:1.4rem}
  .albums-stage>.project-cta--bridge,.operations-stage>.project-cta--bridge{position:relative;inset:auto;left:auto;top:auto;margin-top:8vh}
  .story--operations{height:auto}.story--operations .operations-stage{position:relative;min-height:0;overflow:visible;padding:13vh var(--pad) 12vh}.story--operations .rail,.story--operations .scroll-note{display:none}
  .operations-intro{position:relative;inset:auto;width:100%}.operations-intro h2{font-size:52px}.operations-evidence{position:relative;inset:auto;margin-top:9vh;display:flex;flex-direction:column;gap:7vh}
  .operations-plane{position:relative;inset:auto!important;width:100%!important;height:auto!important;aspect-ratio:1.78;opacity:1!important;transform:none!important}.operations-plane--intake{aspect-ratio:1.9}.operations-plane--teams{aspect-ratio:1.6}.operations-labels{display:none}
  .operations-interpretation{position:relative;inset:auto;width:100%;margin-top:11vh;opacity:1;transform:none}.operations-interpretation .statement{font-size:28px}
}
@media(prefers-reduced-motion:reduce){.project-cta{opacity:1;visibility:visible;transform:none;transition:none;pointer-events:auto}.project-cta span{transition:none}}

/* Global progress + chapter navigation */
.rail{display:none!important}
.chapter-nav{--chapter-color:#f0ede5;position:fixed;z-index:34;left:var(--pad);top:14vh;bottom:7vh;display:grid;grid-template-columns:24px 1px;gap:10px;align-items:stretch;color:var(--chapter-color);opacity:1;transition:color .2s ease,opacity .18s ease}
.chapter-nav[data-active="top"]{opacity:0;visibility:hidden;pointer-events:none}
.chapter-nav[data-theme="light"]{--chapter-color:var(--ink)}
.chapter-nav[data-theme="dark"]{--chapter-color:#f0ede5}
.chapter-nav ol{position:relative;list-style:none;margin:9px 0;padding:0;align-self:stretch}
.chapter-nav li{position:absolute;right:0;top:var(--chapter-position,0%);margin:0;padding:0;transform:translateY(-50%)}
.chapter-nav a{position:relative;display:flex;align-items:center;justify-content:flex-end;min-width:24px;min-height:18px;color:inherit;font:10px/1 var(--font-micro);letter-spacing:.08em;opacity:.38;transition:opacity .18s ease,color .18s ease}
.chapter-nav a:hover,.chapter-nav a:focus-visible{opacity:.76}
.chapter-nav a[aria-current="page"]{opacity:1}
.chapter-nav a:focus-visible{outline:1px solid currentColor;outline-offset:3px;border-radius:1px}
.chapter-nav a small{position:absolute;left:calc(100% + 24px);top:50%;width:max-content;max-width:210px;padding:7px 10px 7px 30px;transform:translateY(-50%) translateX(-4px);border:1px solid rgba(240,237,229,.2);background:#181713;color:#f0ede5;box-shadow:0 8px 24px rgba(0,0,0,.14);font:9px/1.2 var(--font-micro);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .16s ease,transform .18s cubic-bezier(.2,.72,.25,1),visibility 0s linear .16s}
.chapter-nav a small::before{content:"";position:absolute;left:9px;top:50%;width:12px;height:1px;background:var(--signal);transform:translateY(-50%)}
.chapter-nav[data-theme="light"] a small{border-color:rgba(18,18,18,.18);background:var(--paper);color:var(--ink);box-shadow:0 8px 24px rgba(18,18,18,.1)}
.chapter-nav a:hover small,.chapter-nav a:focus-visible small{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0);transition-delay:0s}
.chapter-progress{position:relative;width:1px;height:calc(100% - 18px);margin:9px 0;justify-self:center;background:color-mix(in srgb,currentColor 28%,transparent);overflow:visible}
.chapter-progress i{position:absolute;left:0;top:0;width:1px;height:var(--page-progress,0%);background:var(--signal);transition:height .08s linear}
@media(max-width:800px){.chapter-nav{display:none}}
@media(prefers-reduced-motion:reduce){.chapter-nav,.chapter-nav a,.chapter-nav a small,.chapter-progress i{transition:none}}

/* Hero copy + build/assembly interaction — v2. */
.opening-copy{grid-column:2/12}
.opening-copy .eyebrow{margin-bottom:clamp(1rem,2.2vh,1.5rem)}
.opening h1{font-size:clamp(44px,6vw,97px);line-height:.92}
.opening-copy>p:last-child{max-width:46rem}
.opening-mark-spacer{grid-column:10/13;justify-self:end;align-self:end;margin:0 clamp(8px,1.8vw,28px) clamp(5.5rem,10vh,8rem) 0;display:flex;gap:clamp(1.4rem,3vw,3.5rem);font:10px/1 var(--font-micro);text-transform:uppercase;visibility:hidden;white-space:nowrap}
.down-spacer{grid-column:1/13;justify-self:center;align-self:end;font-size:12px;line-height:1;text-transform:uppercase;letter-spacing:.12em;visibility:hidden;white-space:nowrap}
.opening-mark{position:absolute;grid-column:1/-1;grid-row:1/-1;right:0;bottom:calc(12vh - 50px);height:14px;margin:0;display:flex;align-items:center;gap:clamp(1.4rem,3vw,3.5rem);white-space:nowrap;line-height:1}
.opening-mark b{display:none}
.down{position:absolute;grid-column:1/-1;grid-row:1/-1;left:50%;bottom:calc(12vh - 50px);height:14px;display:inline-flex;align-items:center;gap:.55em;white-space:nowrap;text-align:center;line-height:1;transform:translateX(calc(-50% + .55em))}
.down>span{display:inline-block;animation:selected-work-arrow 1.9s cubic-bezier(.45,0,.3,1) 2}
.hero-cursor{position:fixed;z-index:60;left:0;top:0;width:18px;height:18px;border-radius:50%;background:#fff;mix-blend-mode:difference;pointer-events:none;opacity:0;visibility:hidden;will-change:transform}
.hero-cursor.is-visible{opacity:1;visibility:visible}
.opening h1 .char{letter-spacing:var(--char-space,0);transition:transform 260ms cubic-bezier(.2,.72,.25,1),letter-spacing 260ms cubic-bezier(.2,.72,.25,1)}
.opening h1.is-active .char{transition-duration:150ms}
@keyframes selected-work-arrow{0%,18%,100%{transform:translateY(0)}55%{transform:translateY(5px)}76%{transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){.opening h1{cursor:none}}
@media(max-width:800px){.opening-mark-spacer,.down-spacer{display:none}.opening-mark{position:static;grid-column:4/7;grid-row:auto;justify-self:end;align-self:end;height:auto;margin-right:0}.down{position:static;grid-column:1/7;grid-row:auto;justify-self:center;align-self:end;height:auto;transform:none}.hero-cursor{display:none}}
@media(prefers-reduced-motion:reduce){.down>span{animation:none}.hero-cursor{transition:none}.opening h1 .char{letter-spacing:0!important}}

/* DP&I copy test: preserve the approved composition while giving the longer editorial copy room. */
.story--dpi .dpi-meta{width:min(34vw,540px)}
.story--dpi .dpi-meta h2{font-size:clamp(40px,4.8vw,76px);line-height:.9;text-wrap:balance}
.story--dpi .dpi-meta .dek{max-width:31rem;text-wrap:pretty}
.story--dpi .dpi-meta .roles{max-width:31rem;line-height:1.55}
.story--dpi .dpi-interpretation{width:min(49vw,760px)}
.story--dpi .dpi-interpretation .statement{font-size:clamp(24px,3vw,48px);text-wrap:balance}
.story--dpi .dpi-interpretation .credit{max-width:48rem;text-wrap:pretty}

@media(max-width:800px){
  .story--dpi .dpi-meta{width:86vw}
  .story--dpi .dpi-meta h2{font-size:clamp(40px,12vw,52px)}
  .story--dpi .dpi-meta .dek{max-width:82vw}
  .story--dpi .dpi-interpretation{width:86vw}
  .story--dpi .dpi-interpretation .statement{font-size:28px}
}

/* Static reading time after each project composition resolves. */
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
  .story--dd{--final-hold-vh:90;height:520vh}
  .story--dpi{--final-hold-vh:120;height:620vh}
  .story--events{--final-hold-vh:35;height:280vh}
  .story--films{--final-hold-vh:75;height:545vh}
  .story--albums{--final-hold-vh:90;height:520vh}
  .story--operations{--final-hold-vh:60;height:500vh}
}

/* Mobile-pass cascade guards: these must remain last in the stylesheet. */
@media(max-width:800px){
  .opening h1 br{display:block}.opening h1{overflow-wrap:normal;word-break:normal;hyphens:none}.opening h1 .word{display:inline-block;white-space:nowrap}
  .opening-mark{margin-top:24px}.down{margin-top:44px}
  .chapter-nav{display:block;left:0;right:0;top:auto;bottom:0;height:58px;padding:7px 8px;background:rgba(17,17,17,.94);color:#f0ede5;overflow-x:auto;overflow-y:hidden;opacity:1!important;visibility:visible!important;pointer-events:auto!important}
  .chapter-nav ol{position:relative;display:flex;align-items:center;width:max-content;height:44px;margin:0;padding:0}
  .chapter-nav li{position:relative;inset:auto!important;transform:none;margin:0}
  .chapter-nav a{min-width:44px;min-height:44px;justify-content:center}
  .chapter-nav a small,.chapter-progress{display:none}
}
@media(min-width:801px) and (max-width:900px){
  .site-header a,.project-cta,.about-closing__links a,.about-closing__footer a{min-height:44px;display:inline-flex;align-items:center}
}

/* Mobile pass micro-adjustments — 2026-09-06. */
.mobile-only{display:none}
.hero-copy-mobile{display:none}
.operations-plane figcaption{display:none}
@media(min-width:801px){
  .operations-plane{overflow:visible}
  .operations-plane figcaption{position:absolute;left:0;bottom:-30px;display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline;color:#f0ede5;font:9px/1.25 var(--font-micro);text-transform:uppercase;letter-spacing:.11em;white-space:nowrap}
  .operations-plane figcaption span{color:var(--signal)}
  .operations-plane figcaption strong{font-weight:400}
}
@media(max-width:800px){
  .opening h1 .desktop-only{display:none!important}
  .opening h1 .mobile-only{display:block!important}
  .opening h1{font-size:clamp(32px,9.7vw,42px)}
  .opening-mark{width:100%;margin:24px auto 0;align-self:center;justify-content:center;text-align:center}
  .down{width:100%;margin:44px auto 0;align-self:center;justify-content:center;text-align:center}

  .story--albums .album-sequence{gap:8px}
  .story--albums .album>h3{margin-top:8px}
  .story--albums .album>p:not(.album-index){margin-bottom:12px}
  .story--albums .albums-interpretation{margin-top:20px}

  .operations-plane::after{content:none!important}
  .operations-plane,.operations-plane--intake,.operations-plane--tracker,.operations-plane--planner,.operations-plane--teams{height:auto!important;aspect-ratio:auto!important;overflow:visible!important}
  .operations-plane img{width:100%;height:auto!important;object-fit:contain}
.operations-plane figcaption{position:relative!important;inset:auto!important;display:grid!important;grid-template-columns:auto 1fr;column-gap:12px;align-items:baseline;width:100%;min-height:28px;margin:12px 0 0;font:9px/1.25 var(--font-micro);text-transform:uppercase;letter-spacing:.11em;color:#f0ede5;opacity:1!important;visibility:visible!important;transform:none!important}

/* Global editorial microtype: retain hierarchy while removing the terminal aesthetic. */
:is(.site-header,.folio,.eyebrow,.opening-mark,.rail,.roles,figcaption,.scroll-note,.credit,.event-results dd,.results-note,.films-footer p:first-child,.albums-scope,.album-index,.about-closing__credentials,.about-closing__footer,.operations-scope,.chapter-nav,.opening-mark-spacer){font-family:var(--font-micro)}
:is(.folio,.eyebrow,.opening-mark,.rail,.roles,figcaption,.scroll-note,.event-results dd,.films-footer p:first-child,.albums-scope,.album-index,.about-closing__credentials,.operations-scope,.chapter-nav,.opening-mark-spacer){font-weight:500;letter-spacing:.075em}
.site-header,.about-closing__footer{font-weight:500;letter-spacing:.07em}
  .operations-plane figcaption span{color:var(--signal)}
  .operations-plane figcaption strong{font-weight:400}

  .about-closing__copy h2{display:block;opacity:1!important;visibility:visible!important;clip-path:none!important;transform:none!important}
}

/* Hero mobile layout matched to the approved reference. */
@media(max-width:800px){
  .opening{height:calc(100svh - 58px);min-height:700px}
  .opening-stage{position:relative;height:100%;min-height:700px;padding:0 var(--pad);display:block;overflow:hidden}
  .opening-stage>.folio{position:absolute;left:var(--pad);top:15svh;margin:0}
  .opening-copy{position:absolute;left:var(--pad);right:var(--pad);top:24svh;width:auto;text-align:left}
  .hero-copy-desktop{display:none}
  .hero-copy-mobile{display:block}
  .opening h1{font-size:clamp(32px,9.7vw,42px);line-height:1;letter-spacing:-.052em}
  .opening h1 .hero-copy-mobile br{display:block!important}
  .opening h1 .hero-copy-mobile>.word:first-child{margin-left:0!important}
  .opening-copy>p:last-child{margin-top:1.35rem;max-width:100%;font-size:clamp(14px,4vw,17px);line-height:1.4}
  .opening-mark{position:absolute;left:var(--pad);right:auto;top:54svh;bottom:auto;width:auto;height:auto;margin:0;display:flex;justify-content:flex-start;align-items:center;text-align:left;gap:clamp(28px,9vw,42px);mix-blend-mode:difference}
  .down{position:absolute;left:50%;top:73svh;bottom:auto;width:max-content;min-height:44px;margin:0;display:inline-flex;justify-content:center;align-items:center;transform:translateX(-50%);text-align:center;mix-blend-mode:difference}
  .chapter-nav{display:flex;align-items:center;justify-content:center;padding:7px 0}
  .chapter-nav ol{min-width:100%;width:max-content;margin:0 auto;padding:0 12px;justify-content:center}
}

@media(max-width:350px){
  .opening{min-height:660px}.opening-stage{min-height:660px}
  .opening-stage>.folio{top:14svh}.opening-copy{top:22svh}.down{top:72svh}
  .chapter-nav{justify-content:flex-start}.chapter-nav ol{justify-content:flex-start;margin:0}
}

/* Accessibility + performance pass — non-visual safeguards. */
:where(a[href],button,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid #b8ff00;
  outline-offset:4px;
  border-radius:2px;
  box-shadow:0 0 0 2px #111;
}
.site-header :where(a[href]):focus-visible{
  outline-color:#fff;
  box-shadow:0 0 0 2px #111;
}
.skip-link{color:#111;mix-blend-mode:normal}
.skip-link:focus-visible{top:1rem;outline-color:#111;box-shadow:0 0 0 3px #fff}
.project-cta:focus-visible{
  opacity:1;
  visibility:visible;
  transform:none;
  pointer-events:auto;
}
img{height:auto}
video{background:#111}

@media(hover:none),(pointer:coarse),(max-width:800px){
  .site-header a,.down,.chapter-nav a,.project-cta,.about-closing__links a,.about-closing__footer a{
    min-width:44px;
    min-height:44px;
    display:inline-flex;
    align-items:center;
  }
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .opening,.story,.about-closing{height:auto!important;min-height:0}
  .opening-stage,.story-stage,.about-closing__stage{position:relative!important;inset:auto!important;height:auto!important;min-height:100svh}
  .evidence,.interpretation,.event-results,.film-frame,.films-consequence,.album,.operations-plane,.operations-interpretation,.project-cta{
    opacity:1!important;
    visibility:visible!important;
    clip-path:none!important;
    transform:none!important;
    transition:none!important;
  }
  video{visibility:visible}
}

@media(forced-colors:active){
  :where(a[href],button,[tabindex]:not([tabindex="-1"])):focus-visible{
    outline:3px solid Highlight;
    box-shadow:none;
    forced-color-adjust:auto;
  }
  a[href]{text-decoration:underline;text-underline-offset:.22em}
  .chapter-progress i{background:Highlight}
  .chapter-nav a[aria-current="page"]{outline:2px solid Highlight}
}

@media(max-width:800px){
  body{overflow-wrap:anywhere}
  .opening h1,.opening h1 .word{overflow-wrap:normal;word-break:normal}
  .project-meta,.films-intro,.albums-intro,.operations-intro,.interpretation,.about-closing__copy{max-width:100%}
}

/* Global editorial microtype: retain hierarchy while removing the terminal aesthetic. */
:is(.site-header,.folio,.eyebrow,.opening-mark,.rail,.roles,figcaption,.scroll-note,.credit,.event-results dd,.results-note,.films-footer p:first-child,.albums-scope,.album-index,.about-closing__credentials,.about-closing__footer,.operations-scope,.chapter-nav,.opening-mark-spacer){font-family:var(--font-micro)}
:is(.folio,.eyebrow,.opening-mark,.rail,.roles,figcaption,.scroll-note,.event-results dd,.films-footer p:first-child,.albums-scope,.album-index,.about-closing__credentials,.operations-scope,.chapter-nav,.opening-mark-spacer){font-weight:500;letter-spacing:.075em}
.site-header,.about-closing__footer{font-weight:500;letter-spacing:.07em}

/* Pre-final P0: reserve copy columns while preserving image/image overlap. */
@media(min-width:801px){
 .story--dd .dd-interpretation{width:38vw;max-width:calc(100% - var(--pad)*2)}
 .story--events .campaign-window{left:calc(var(--pad) + 39vw + 40px)}
 .chapter-nav a small{left:0;top:100%;width:calc(7vw - 16px);max-width:calc(7vw - 16px);padding:6px;white-space:normal;overflow-wrap:anywhere;transform:none}
 .chapter-nav a small::before{display:none}
 .chapter-nav a:hover small,.chapter-nav a:focus-visible small{transform:none}
}
.chapter-nav a{opacity:.75}
.chapter-nav a:hover,.chapter-nav a:focus-visible,.chapter-nav a[aria-current="page"]{opacity:1}

/* P1A: trim mobile spacing in the two closing project chapters. */
@media(max-width:800px){
  .story--events .campaign-window{margin-top:clamp(44px,7svh,64px)}
  .story--events .event-results{margin-top:clamp(48px,8svh,72px)}
  .story--operations .operations-evidence{margin-top:7vh;gap:5vh}
  .story--operations .operations-interpretation{margin-top:8vh}
  .story--operations .operations-stage{padding-bottom:9vh}
}

/* P1B.6: chapter navigation shares the existing editorial header. */
@media(min-width:801px){
 .site-header{display:grid;grid-template-columns:minmax(max-content,1fr) minmax(352px,560px) minmax(max-content,1fr);gap:32px;padding:8px var(--pad);height:64px;mix-blend-mode:normal;background:#111;color:#f0ede5}
 .site-header[data-theme="light"]{background:var(--paper);color:var(--ink)}
 .site-header>nav[aria-label="Primary navigation"]{justify-self:end;gap:clamp(18px,2.4vw,36px)}
 .site-header>.wordmark,.site-header>nav[aria-label="Primary navigation"] a{display:inline-flex;align-items:center;min-height:44px}
 .site-header .chapter-nav{position:relative;inset:auto;display:block;width:100%;height:48px;opacity:1;visibility:visible;pointer-events:auto;color:inherit;transition:none}
 .site-header .chapter-nav ol{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));height:44px;margin:0;padding:0}
 .site-header .chapter-nav li{position:relative;inset:auto;transform:none}
 .site-header .chapter-nav a{justify-content:center;min-height:44px;width:100%;font-size:10px}
 .site-header .chapter-nav a[aria-current="page"]{font-weight:700}
 .site-header .chapter-progress{justify-self:stretch;position:absolute;left:6.25%;right:6.25%;bottom:0;width:auto;height:1px;margin:0;background:color-mix(in srgb,currentColor 28%,transparent)}
 .site-header .chapter-progress i{width:var(--chapter-progress,0%);height:1px;transition:none}
 .site-header .chapter-nav a small{left:50%;top:calc(100% + 12px);width:max-content;max-width:200px;transform:translateX(-50%);padding:8px 10px;box-shadow:none;font-size:10px}
 .site-header .chapter-nav a:hover small,.site-header .chapter-nav a:focus-visible small{transform:translateX(-50%)}
}

/* P1B.6 final: global menu stays visible; only chapter navigation begins at DD.ca. */
.chapter-nav[data-active="top"]{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

/* P1I-B — Integrated homepage: three complete artifacts, reference-led proportions.
   240vh total / 100vh sticky / 100vh progress + 40vh explicit final hold.
   Artifacts settle at 80%: 80vh of animation followed by 60vh fully composed. */
.story--events .campaign-window{background:transparent;opacity:1;overflow:visible;clip-path:none;contain:none;isolation:isolate;will-change:auto;padding:0}
.story--events .campaign-artifact{margin:0;box-shadow:none;transition:none;transform-origin:center}
.story--events .campaign-artifact img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;filter:none;box-shadow:none}
@media(min-width:801px){
  .story--events{--final-hold-vh:40;height:240vh}
  .story--events .story-stage{height:100vh;min-height:100vh;padding:0}
  .story--events .campaign-window{left:50.8vw;right:auto;top:14vh;width:min(42vw,69vh);height:auto;aspect-ratio:766/875;margin:0;display:block}
  .story--events .campaign-artifact{position:absolute;bottom:auto;right:auto;will-change:opacity,transform}
  .story--events .campaign-artifact--invite{z-index:2;left:0;top:6.8%;width:32.6%;opacity:var(--invite-ease,0);transform:translate3d(calc((1 - var(--landing-ease,0))*8px),calc((1 - var(--invite-ease,0))*24px),0)}
  .story--events .campaign-artifact--landing{z-index:1;left:30%;top:0;width:43.6%;opacity:var(--landing-ease,0);transform:translate3d(0,calc((1 - var(--landing-ease,0))*28px),0)}
  .story--events .campaign-artifact--confirmation{z-index:3;left:71.1%;top:23.8%;width:29%;opacity:var(--confirmation-ease,0);transform:translate3d(0,calc((1 - var(--confirmation-ease,0))*24px),0)}
  .story--events .campaign-artifact figcaption{display:none}
  .story--events .event-results{opacity:var(--results-ease,0);transform:translateY(calc((1 - var(--results-ease,0))*20px));visibility:visible;transition:none}
  .story--events .project-cta{opacity:var(--results-ease,0);transform:translateY(calc((1 - var(--results-ease,0))*20px));transition:none}
  .story--events .project-cta:focus-visible{opacity:1;transform:none}
}
@media(max-width:800px){
  .story--events .campaign-window{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;gap:28px;margin-top:40px;padding:0}
  .story--events .campaign-artifact{position:relative;inset:auto!important;order:initial!important;width:min(100%,300px);margin:0;opacity:1!important;transform:none!important;will-change:auto}
  .story--events .campaign-artifact--invite,.story--events .campaign-artifact--confirmation{width:min(82%,246px)}
  .story--events .campaign-artifact figcaption{display:block;margin-top:10px;color:var(--muted);font-size:9px;line-height:1.4}
  .story--events .event-results{inset:auto;margin-top:40px;opacity:1;transform:none;transition:none}
}
@media(min-width:801px) and (prefers-reduced-motion:reduce){
  .story--events .story-stage{height:100vh!important;min-height:100vh}
  .story--events .campaign-artifact{opacity:1!important;transform:none!important;will-change:auto}
}

/* Final regression QA: reuse the readable Films flow when motion is reduced. */
@media(min-width:801px) and (prefers-reduced-motion:reduce){
  .story--films .films-stage{display:flex;flex-direction:column;padding:13vh var(--pad) 11vh;overflow:visible}
  .story--films .rail{display:none}
  .films-intro{position:relative;inset:auto;order:1}
  .film-sequence{position:relative;inset:auto;order:2;margin-top:9vh;display:flex;flex-direction:column;gap:12vh}
  .film-frame{position:relative;inset:auto!important;width:100%;height:auto!important;aspect-ratio:auto}
  .film-mask{position:relative;inset:auto;aspect-ratio:16/9}
  .film-frame figcaption{position:relative;inset:auto!important;margin-top:12px}
  .films-consequence{position:relative;inset:auto;order:3;width:min(100%,32rem);margin:12vh 0 0}
  .story--films .project-cta{position:relative;inset:auto;order:4;margin-top:2rem}
  .films-footer{position:relative;inset:auto;order:5;margin-top:clamp(64px,11svh,96px);flex-wrap:wrap}
  .films-footer p:last-child{white-space:normal;text-align:left}
}
@media(prefers-reduced-motion:reduce){
  .about-closing__copy h2{clip-path:none;opacity:1;transform:none}
}

/* Keep the reduced-motion DP&I consequence below its static artifact canvas. */
@media(min-width:801px) and (prefers-reduced-motion:reduce){
  .story--dpi .dpi-interpretation{position:relative;inset:auto;margin-left:7vw;padding-top:90vh;padding-bottom:7vh}
}

/* Final targeted visual polish. Keep choreography and theme thresholds unchanged. */
.site-header{transition:background-color 240ms var(--motion-ease),color 240ms var(--motion-ease),border-color 240ms var(--motion-ease)}
.story--events .campaign-artifact img{filter:drop-shadow(0 16px 22px rgba(25,20,12,.18))}
@media(min-width:801px){
  /* Reference canvas: 2046 x 1153 CSS pixels. Scale its whole artwork field
     proportionally on narrower desktops instead of letting capped assets grow
     relative to the viewport and collide with the consequence. */
  .story--dpi .dpi-card,.story--dpi .linkedin{translate:0 6.5vh}
  .story--dpi .dpi-card{width:min(31.7693vw,650px)}
  .story--dpi .linkedin--main{width:min(14.6628vw,300px)}
  .story--dpi .linkedin--echo{width:min(11.7302vw,240px)}
}
@media(min-width:801px) and (prefers-reduced-motion:no-preference){
  .album.album--trio .album-image.album-image--hero{left:30vw!important;top:calc(56vh - 40px)!important;width:41.7vw!important}
}
@media(min-width:801px) and (prefers-reduced-motion:reduce){
  .story--dpi .dpi-interpretation{padding-top:96.5vh}
}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* Public polish: preserve desktop geometry; let mobile annotations follow copy. */
.opening-copy-group{display:contents}
@media(max-width:800px){
  .opening-copy-group{display:block;position:absolute;left:var(--pad);right:var(--pad);top:24svh}
  .opening-copy-group .opening-copy{position:static;width:auto}
  .opening-copy-group .opening-mark{position:static;justify-self:start;width:100%;margin:24px 0 0;min-height:14px}
}
@media(max-width:350px){.opening-copy-group{top:22svh}}
/* Original labels leave the clipped hero only while accompanying DD.ca. */
.opening-mark.is-dd-label,.down.is-dd-label{position:fixed;top:var(--label-safe-top);bottom:auto;left:var(--label-left);right:auto;transform:none;margin:0;z-index:20;color:#fff;mix-blend-mode:difference}

@media(min-width:801px){
  .story--dd .dd-context--fr{top:max(7vh,calc(var(--hero-label-safe-top,84px) + 34px))}
}

/* Preview polish: static mobile hero and contextual header surfaces. */
@media(max-width:800px){
  .site-header{background:var(--dark);color:var(--paper);backdrop-filter:none}
  .site-header[data-theme="light"]{background:var(--paper);color:var(--ink)}
  .opening{background:var(--dark);color:#fff;transition:none}
  .opening-stage>.folio,.opening-copy,.opening-mark,.down{mix-blend-mode:normal}
  .opening-field{display:none}
}