/* Project navigation belongs to the shared header, with one menu interaction. */
.site-header{position:sticky;top:0;background:rgba(244,242,236,.96);backdrop-filter:blur(14px)}
.header-project{position:absolute;left:var(--pad)}
.project-toggle,.project-label{text-transform:uppercase;letter-spacing:-.025em}
.project-toggle:hover,.project-label:hover,.menu-toggle:hover{background:var(--volt)}
.header-menu-icon{font-size:19px;line-height:.8;transition:transform .18s}
[data-header-toggle][aria-expanded="true"] .header-menu-icon{transform:rotate(45deg)}
.project-menu{position:absolute;left:0;top:calc(100% + 10px);width:max-content;min-width:220px;max-width:calc(100vw - 2 * var(--pad));max-height:calc(100dvh - 110px);overflow:auto;display:flex;flex-direction:column;gap:4px;padding:8px;background:var(--paper);border:1px solid var(--rule);border-radius:24px;box-shadow:0 12px 30px #0001}
.project-menu[hidden]{display:none}
.project-menu .pill{justify-content:flex-start;min-height:44px;line-height:1.25}
.project-menu a:hover{background:var(--volt)}
.project-menu a[aria-current]{background:var(--ink);color:var(--paper)}
@media(min-width:651px) and (max-width:1000px){.has-project .wordmark{left:50%;transform:translateX(-50%)}}
@media(max-width:650px){
 .has-project.site-header{height:118px;align-items:flex-start;padding-top:16px}
 .has-project .wordmark{top:16px;min-height:40px}
 .has-project .header-project{top:66px}
 .has-project .project-toggle,.has-project .project-label{min-height:36px;font-size:12px}
 .project-menu{max-height:calc(100dvh - 130px)}
 html:has(.has-project){scroll-padding-top:130px}
 .has-project~main .opening{padding-top:20px}
}
@media(max-width:360px){.site-header .wordmark{left:var(--pad);transform:none}}
/* A visible story, the work, and one optional route into depth. */
.essentials .moment-label{font-size:13px;color:var(--muted)}
.essentials .parent-project{color:var(--muted);text-decoration:underline;text-underline-offset:4px}
.essentials .opening-grid{margin-bottom:36px}
.essentials .project-meta{justify-content:center;flex-wrap:wrap;text-align:center;gap:8px 36px}
.essentials .project-meta p:last-child:not(:first-child){color:var(--muted);max-width:58ch}
.essentials .essential-chapter{padding-block:105px 30px}
.essentials .chapter-heading{margin-bottom:60px}
.essentials .chapter-heading h2{max-width:25ch;margin-top:16px;font-size:clamp(38px,4.7vw,72px);line-height:1.05}
.essentials .chapter-heading .eyebrow{font-size:12px}
.essentials .chapter-heading .chapter-statement{max-width:52ch;margin:20px auto 0;font-size:clamp(18px,1.65vw,26px);line-height:1.4;text-wrap:balance}
/* Essential context stays visible; only supporting detail needs a click. */
.lightship-depth.essentials .opening-copy p+p{margin-top:1em}
.essentials .chapter-heading .chapter-context{max-width:62ch;margin:24px auto 0;font-size:var(--body);line-height:1.5;text-wrap:pretty}
.essentials .chapter-heading .chapter-context+.chapter-context{margin-top:1em}
.essentials .chapter-phase-note{max-width:62ch;margin:0 auto 32px;font-size:var(--body);line-height:1.5;color:var(--muted);text-align:center;text-wrap:pretty}
/* Updated case studies: centered titles and paragraphs on a shared reading width. */
.rivian-depth.essentials .opening-copy p+p{margin-top:1em}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .essential-chapter .chapter-heading{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:0;margin-bottom:56px}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .chapter-heading h2{margin-top:0}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .essential-chapter .chapter-heading h2{grid-column:1/-1;max-width:none;font-size:clamp(38px,5.1vw,80px);text-align:center}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth) .chapter-reading{grid-column:3/11;width:100%;max-width:60ch;font-size:var(--body);justify-self:center;margin-top:32px;text-align:center}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .essential-chapter .chapter-context{max-width:none;margin:0;font-size:var(--body);line-height:1.5;text-wrap:pretty}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .essential-chapter .chapter-context+.chapter-context{margin-top:24px}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .essential-chapter .story-trigger{margin-top:24px}
.rivian-depth .chapter-partner-credit{max-width:70ch;margin:24px auto 0;font-size:13px;line-height:1.6;color:var(--muted)}
.rivian-depth .chapter-partner-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:650px){
 :is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .essential-chapter .chapter-heading{row-gap:0;margin-bottom:36px}
 :is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .essential-chapter .chapter-heading h2{font-size:38px;line-height:1.08;text-wrap:balance}
 :is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth) .chapter-reading{grid-column:1/-1;margin-top:24px;max-width:34ch}
}
.story-trigger{margin-top:26px}
.story-card{width:min(680px,calc(100vw - 48px))}
.story-card .dialog-top{margin-bottom:40px}
.story-card h2{margin-bottom:28px}
.chapter-story-copy{font-size:18px;line-height:1.55;text-wrap:pretty}
.chapter-story-copy p{font-size:inherit;line-height:inherit}
.chapter-story-copy p+p{margin-top:20px}
.chapter-story-copy>div+div,.chapter-story-copy>section+section{margin-top:26px}
.chapter-story-copy .eyebrow{font-size:12px;margin-bottom:16px}
.chapter-story-copy a{text-decoration:underline;text-underline-offset:3px}
.chapter-story-copy .case-copy{max-width:none;margin:0;text-align:left}
.chapter-story-copy .chapter-summary{font-size:inherit!important;max-width:none!important}
.chapter-story-copy .tnf-season-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:25px}
.chapter-story-copy .tnf-season-strip article{display:grid;gap:6px}
.chapter-story-copy .tnf-season-strip span{font-size:12px;color:var(--muted)}
.chapter-story-copy .tnf-context-card{margin-block:25px}
.chapter-story-copy .tnf-context-card h5{font-size:20px;margin:12px 0}
.chapter-story-copy .tnf-context-card a{font-size:13px}
.chapter-story-copy .tnf-context-metric{display:block;font-size:22px}
.chapter-story-copy .willco-boundary,.chapter-story-copy .serial-character-note,.chapter-story-copy .tnf-context-boundary{margin-top:28px}
.essentials .chapter-lead{max-width:1320px;margin:auto}
.essentials .chapter-lead figure{margin:0}
.essentials .chapter-lead img{max-height:780px;object-fit:contain}
.lightship-depth #workplace .chapter-lead img{max-height:none}
.essentials .chapter-lead figcaption{display:none}
/* Lightship uses the source proportions, one content width and one spacing rhythm. */
.lightship-depth.essentials{--lightship-media-gap:48px}
.lightship-depth.essentials .chapter-artwork{max-width:1320px;margin-inline:auto}
.lightship-depth.essentials .chapter-lead img,
.lightship-depth.essentials .chapter-artwork .editorial-photo img{height:auto;max-height:none;object-fit:contain}
.lightship-depth.essentials :is(.chapter-lead,.chapter-artwork) .image-link{background:transparent;border-radius:0}
.lightship-depth.essentials .chapter-artwork :is(.launch-pair,.company-pair,.lost-pair,.lightship-identity-marks){grid-template-columns:var(--media-columns,1fr 1fr);align-items:start;gap:28px;max-width:var(--media-row-width,1320px);margin:var(--lightship-media-gap) auto 0}
.lightship-depth.essentials .chapter-artwork :is(.launch-pair,.company-pair,.lost-pair,.lightship-identity-marks)>figure{margin:0;padding:0;min-width:0}
.lightship-depth.essentials .chapter-artwork .editorial-photo-wide{margin-top:var(--lightship-media-gap)!important}
.lightship-depth.essentials .chapter-artwork .editorial-photo-wide:first-child{margin-top:0!important}
.lightship-depth.essentials .chapter-artwork .editorial-photo+.editorial-photo{margin-top:var(--lightship-media-gap)}
.lightship-depth.essentials .chapter-artwork :is(.launch-pair,.company-pair,.lost-pair,.lightship-identity-marks)>.editorial-photo+.editorial-photo{margin-top:0}
.lightship-depth.essentials .lightship-identity-sequence{gap:var(--lightship-media-gap);margin-bottom:var(--lightship-media-gap)}
.lightship-depth.essentials .lightship-brand-applications{gap:var(--lightship-media-gap);margin-bottom:var(--lightship-media-gap)}
.lightship-depth.essentials .chapter-artwork :is(.lightship-identity-sequence,.lightship-brand-applications)>.editorial-photo{margin:0}
.lightship-depth.essentials .chapter-artwork .lightship-identity-marks{margin:0}
.lightship-depth.essentials .lightship-identity-art{position:static;aspect-ratio:auto;overflow:visible;background:transparent}
.lightship-depth.essentials .lightship-identity-art .image-link{position:relative;inset:auto}
.lightship-depth.essentials .lightship-identity-art img{position:static;width:100%;max-width:100%;height:auto;left:auto;top:auto;transform:none}
.lightship-depth.essentials .chapter-artwork figcaption{padding-top:12px}
.lightship-depth.essentials .study-presentation .orbit-card{background:transparent;box-shadow:none}
.lightship-depth.essentials .study-presentation .orbit-card .image-link{background:transparent}
.lightship-depth.essentials .study-presentation .orbit-track{display:none}
.lightship-depth.essentials .study-presentation[data-layout=static] .orbit-stage{aspect-ratio:var(--study-active-ratio,16/9);max-width:1320px}
@media(max-width:650px){
 .lightship-depth.essentials{--lightship-media-gap:28px}
 .lightship-depth.essentials .chapter-artwork :is(.launch-pair,.company-pair,.lost-pair,.lightship-identity-marks){grid-template-columns:1fr}
}
.essentials .essential-chapter:has(>.shell>.chapter-disclosure[open]) .chapter-lead{display:none}
.essentials .essential-disclosure{margin-top:26px}
.essentials .essential-disclosure>summary{width:max-content;max-width:100%;min-height:44px;margin:0 auto;display:flex;align-items:center;justify-content:center;gap:25px;border:0;border-radius:999px;background:#e7e5dd;padding:12px 19px;font-size:14px;line-height:1.2;transition:background .18s}
.essentials .essential-disclosure>summary:hover{background:var(--volt)}
.essentials .essential-disclosure>summary .disclosure-symbol{font-size:22px;line-height:.8}
.essentials .essential-disclosure[open]>summary{display:none}
/* Reveal the label within the control itself, only on pointer hover or keyboard focus. */
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .hover-disclosure{--control-open-width:calc(5em + 64px);--control-width:44px;--label-opacity:0;--label-shift:-5px;position:relative;display:inline-flex;vertical-align:top;width:var(--control-width);height:44px;min-height:44px;max-width:100%;padding:0;gap:0;border:0;border-radius:999px;overflow:hidden;font-size:var(--body);cursor:pointer;transition:width 440ms cubic-bezier(.22,1,.36,1),background 220ms ease,color 220ms ease}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials summary.hover-disclosure{display:flex;margin-inline:auto;list-style:none}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials summary.hover-disclosure::-webkit-details-marker{display:none}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .essential-disclosure[open]>summary.hover-disclosure{display:none}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .hover-disclosure .hover-disclosure-label{position:absolute;left:18px;top:50%;font-family:"F37 Moon",sans-serif;font-size:var(--body);font-weight:700;line-height:1.2;white-space:nowrap;opacity:var(--label-opacity);transform:translate(var(--label-shift),-50%);pointer-events:none;transition:opacity 180ms ease,transform 360ms cubic-bezier(.22,1,.36,1)}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .hover-disclosure .hover-disclosure-icon{position:absolute;right:0;top:0;width:44px;height:44px;pointer-events:none}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth) .hover-disclosure-icon::before,:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth) .hover-disclosure-icon::after{content:"";position:absolute;top:50%;left:50%;width:14px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth) .hover-disclosure-icon::after{transform:translate(-50%,-50%) rotate(90deg)}
:is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .hover-disclosure:focus-visible{--control-width:var(--control-open-width);--label-opacity:1;--label-shift:0px;background:var(--volt)}
@media(hover:hover) and (pointer:fine){
 :is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .hover-disclosure:hover{--control-width:var(--control-open-width);--label-opacity:1;--label-shift:0px}
}
/* Touch users see the destination immediately; no hover or second tap is needed. */
@media(hover:none){
 :is(.rivian-depth,.lightship-depth,.tnf-depth,.nike-depth,.serial-depth,.terrascout-depth).essentials .hover-disclosure{--control-width:var(--control-open-width);--label-opacity:1;--label-shift:0px}
}
.essentials .chapter-artwork{padding-top:0}
.essentials .chapter-artwork:focus{outline:none}
.essentials .essential-disclosure[open]>.chapter-artwork{padding-top:0}
.chapter-end{display:flex;justify-content:center;padding-top:36px}
.chapter-end .more-button{margin-top:0}
.essentials .chapter-detail-copy{max-width:58ch;margin:0 auto 45px;text-align:center}
.essentials .chapter-detail-copy p+p{margin-top:20px}
.essentials .chapter-artwork>.media+.media{margin-top:45px}
.essentials .chapter-artwork>.media-pair+.media{margin-top:45px}
.essentials .chapter-artwork .media-pair{align-items:center}
.nike-archive-additions{margin-top:45px}
.nike-archive-additions>.media,.nike-archive-additions>.media-pair{margin-block:0 45px}
.nike-archive-additions img{width:100%;height:auto;object-fit:contain}
.rivian-brand-slides{display:grid;gap:45px;max-width:1320px;margin:45px auto 0}
.rivian-identity-details{display:grid;grid-template-columns:1.55fr 1fr;gap:35px;align-items:center;margin-top:45px}
.legacy-chapter-content .rivian-identity-details>.editorial-photo{margin:0}
.legacy-chapter-content .rivian-brand-slides>.editorial-photo{margin:0;width:100%}
.legacy-chapter-content .rivian-brand-slides>.brand-slide-portrait{max-width:640px;justify-self:center}
.legacy-chapter-content .rivian-environment-sequence{display:grid;gap:45px;max-width:1320px;margin-inline:auto}
.legacy-chapter-content .rivian-environment-sequence .editorial-photo{margin:0}
.rivian-environment-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px;align-items:start}
.legacy-chapter-content .rivian-environment-credit{margin:0;max-width:85ch;font-size:12px;line-height:1.6;color:var(--muted)}
.rivian-environment-credit a{text-decoration:underline;text-underline-offset:3px}
.lightship-brand-applications{display:grid;gap:45px;max-width:1320px;margin:0 auto 45px}
.legacy-chapter-content .lightship-brand-applications>.editorial-photo{margin:0}
.lightship-identity-sequence{display:grid;gap:45px;max-width:1320px;margin:0 auto 75px}
.legacy-chapter-content .lightship-identity-sequence>.editorial-photo{margin:0}
.lightship-identity-marks{display:grid;grid-template-columns:2fr 1fr;gap:30px}
.legacy-chapter-content .lightship-identity-marks>.editorial-photo{margin:0}
/* Frame the supplied artwork; the gallery retains the complete original pages. */
.lightship-identity-art{position:relative;aspect-ratio:2.5;overflow:hidden;background:#fff}
.lightship-symbol-display .lightship-identity-art{aspect-ratio:1.25}
.lightship-identity-art .image-link{position:absolute;inset:0;background:#fff}
.essentials .lightship-identity-art img{position:absolute;width:200%;max-width:none;max-height:none;height:auto;left:-64%;top:50%;transform:translateY(-50%)}
.essentials .lightship-symbol-display img{width:300%;left:-123%}
.lightship-identity-marks figcaption{padding-top:12px}
.lightship-product-films{max-width:1320px;margin:75px auto 0;scroll-margin-top:150px}
.lightship-product-films .work-chapter-head{margin-bottom:45px}
.lightship-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:45px 30px}
.lightship-film-grid>:only-child{grid-column:1/-1}
.legacy-chapter-content .lightship-film-grid>.editorial-photo{margin:0}
.lightship-film-grid video{display:block;width:100%;height:auto;aspect-ratio:16/9;background:#111;object-fit:contain}
.lightship-film-grid figcaption{padding-top:12px}
.project-hero-motion video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#101410}
.portrait-hero-motion video{max-height:800px}
@media(max-width:650px){.portrait-hero-motion video{aspect-ratio:9/16;max-height:75svh}}
.project-hero-motion figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px}
.project-feature-motion{width:100%;margin:0}
.project-feature-motion figcaption{padding-block:13px 22px}
.hero-motion-toggle{flex:none;min-height:44px;padding:8px 16px;border:1px solid currentColor;border-radius:999px;font:inherit;color:inherit;background:transparent;cursor:pointer}
.hero-motion-toggle:hover{background:var(--volt);color:var(--ink)}
.hero-motion-toggle[hidden]{display:none}
.chapter-story-copy .detail-sources{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;font-size:13px;line-height:1.5}
.chapter-story-copy .detail-sources a{text-decoration:underline;text-underline-offset:4px}
.lightship-depth .chapter-lead>.study-card{border:0;padding:0}
#direction .nike-archive-additions{max-width:960px;margin-inline:auto}
.essentials .project-credits{padding-block:70px 28px;text-align:center}
.essentials .project-credits p{max-width:85ch;margin:auto;font-size:13px;line-height:1.6;color:var(--muted)}
/* Large figures keep their graphic weight; the context is always visible. */
.essentials .project-proof{padding-top:90px;padding-bottom:20px;scroll-margin-top:100px}
.project-proof h2{max-width:26ch;margin:0 auto 56px;text-align:center;font-size:clamp(32px,3.8vw,56px);font-weight:400;line-height:1.08;letter-spacing:-.045em;text-wrap:balance}
.project-proof .proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 48px;max-width:1200px;margin:0 auto;text-align:center}
.project-proof .proof-grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}
.project-proof .proof-grid-single{grid-template-columns:minmax(0,1fr)}
.project-proof .proof-grid:not(.proof-grid-three)>.proof-stat:last-child:nth-child(odd){grid-column:1/-1}
.project-proof .proof-stat{min-width:0}
.project-proof .proof-metric{display:block;font-size:clamp(64px,8.4vw,128px);font-weight:400;line-height:1.08;letter-spacing:-.06em;font-variant-numeric:lining-nums;white-space:nowrap}
.project-proof .proof-metric-compact{font-size:clamp(60px,7.8vw,118px)}
.project-proof .proof-metric-word{font-size:clamp(36px,4.5vw,64px);white-space:normal;text-wrap:balance}
.project-proof .proof-kicker{display:block;margin-top:18px;font-size:17px;line-height:1.4}
.project-proof .proof-desc{max-width:34ch;margin:10px auto 0;font-size:17px;line-height:1.5;text-wrap:pretty}
.project-proof .proof-note{max-width:45ch;margin:14px auto 0;font-size:13px;line-height:1.5;color:var(--muted);text-wrap:pretty}
.project-proof .proof-copy{max-width:62ch;margin-inline:auto;text-align:center}
.project-proof .proof-grid+.proof-copy,.project-proof .proof-grid-secondary{margin-top:48px}
.project-proof .proof-copy p{font-size:var(--body);font-weight:400;line-height:1.5;text-wrap:pretty}
.project-proof .proof-copy p+p{margin-top:24px}
.essentials .project-proof .project-credits{padding:32px 0 0}
@media(min-width:651px) and (max-width:900px){
 .project-proof .proof-grid-three{grid-template-columns:repeat(2,minmax(0,1fr))}
 .project-proof .proof-grid-three>.proof-stat:last-child{grid-column:1/-1}
}
@media(max-width:650px){
 .essentials .project-proof{padding-top:60px;scroll-margin-top:135px}
 .project-proof h2{margin-bottom:36px}
 .project-proof .proof-grid{grid-template-columns:minmax(0,1fr);gap:36px}
 .project-proof .proof-metric{font-size:clamp(64px,20vw,100px)}
 .project-proof .proof-metric-compact{font-size:clamp(60px,19vw,92px)}
 .project-proof .proof-metric-word{font-size:42px}
 .project-proof .proof-kicker{margin-top:12px}
 .project-proof .proof-desc{font-size:16px}
 .project-proof .proof-grid+.proof-copy,.project-proof .proof-grid-secondary{margin-top:36px}
 .project-proof .proof-copy p+p{margin-top:20px}
}
.essentials .study-closing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:24px;padding-block:48px 65px;margin-top:30px;border:0}
.essentials .study-closing .contact-link{grid-column:2;grid-row:1;justify-self:center;justify-content:center;max-width:100%;margin:0;font-size:clamp(25px,3vw,40px);font-weight:400}
.essentials .next-study{grid-column:3;grid-row:1;justify-self:end;display:inline-flex;align-items:center;gap:18px;min-height:52px;max-width:100%;padding:14px 22px;border-radius:999px;background:#e7e5dd;color:var(--ink);font-size:17px;font-weight:400;line-height:1.2;transition:background 220ms ease}
.essentials .next-study span{flex-shrink:0}
.essentials .next-study:focus-visible{background:var(--volt)}
@media(hover:hover) and (pointer:fine){.essentials .next-study:hover{background:var(--volt)}}
@media(max-width:800px){
 .essentials .study-closing{grid-template-columns:minmax(0,1fr)}
 .essentials .study-closing .contact-link{grid-column:1}
 .essentials .next-study{grid-column:1;grid-row:2}
}
.project-background{border-top:1px solid var(--rule);padding-top:30px;margin-top:35px}
.project-background h3{font-size:23px;line-height:1.2;margin-bottom:20px;letter-spacing:-.035em}
.project-background p{font-size:17px;line-height:1.55}
.project-background p+p{margin-top:18px}
.project-background .eyebrow{font-size:12px;margin-bottom:12px}
.project-background .tnf-season-strip{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-block:25px}
.project-background .tnf-season-strip article{display:grid;gap:6px}
.project-background .tnf-season-strip span{font-size:12px;color:var(--muted)}
.project-background .tnf-context-card{margin-block:25px}
.project-background .tnf-context-card h5{font-size:20px;margin:12px 0}
.project-background .tnf-context-card a,.project-background .detail-sources{font-size:13px}
.project-background a{text-decoration:underline;text-underline-offset:3px}
.project-background .tnf-context-metric{display:block;font-size:22px}
.project-background .case-copy,.project-background .willco-client-intro,.project-background .willco-boundary,.project-background .serial-character-note{margin-bottom:25px}
.project-background .case-copy p+p,.project-background .willco-client-intro-copy p+p,.project-background .willco-boundary-copy p+p,.project-background .serial-character-note-copy p+p{margin-top:18px}
.willco-clients{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;padding-top:45px;padding-bottom:90px}
.willco-clients .study-card-image{aspect-ratio:1.2}
.willco-clients .study-card-image img{width:100%;height:100%;object-fit:cover;background:#e9e7e0}
.willco-clients .study-card-header{padding-block:0 20px}
.willco-clients .study-card-header h2{font-size:clamp(24px,2.4vw,36px)}
.willco-clients .client-premise{font-size:16px;color:var(--muted);margin-top:16px}
@media(max-width:650px){
 .lightship-brand-applications{gap:28px;margin-bottom:28px}
 .lightship-identity-sequence{gap:28px;margin-bottom:48px}
 .lightship-identity-marks{grid-template-columns:1fr;gap:28px}
 .lightship-symbol-display .lightship-identity-art{aspect-ratio:2.5}
 .essentials .lightship-symbol-display img{width:200%;left:-65%}
 .lightship-film-grid{grid-template-columns:1fr;gap:28px}
 .lightship-product-films{margin-top:48px}
 .legacy-chapter-content .rivian-environment-sequence{gap:28px}
 .rivian-environment-pair{grid-template-columns:1fr;gap:28px}
 .rivian-identity-details{grid-template-columns:1fr;gap:28px;margin-top:28px}
 .rivian-brand-slides{gap:28px;margin-top:28px}
 .story-trigger{margin-top:22px}
 .story-card{width:100%}
 .chapter-story-copy{font-size:17px;line-height:1.5}
 .chapter-end{padding-top:28px}
 .essentials .project-kicker{gap:12px;flex-wrap:wrap}
 .essentials .moment-label{font-size:12px}
 .essentials .essential-chapter{padding-block:68px 20px}
 .essentials .chapter-heading{margin-bottom:35px}
 .essentials .chapter-heading h2{font-size:36px;max-width:22ch;line-height:1.08}
 .essentials .chapter-heading h2 br{display:none}
 .essentials .chapter-heading .eyebrow{font-size:11px}
 .essentials .chapter-heading .chapter-statement{margin-top:16px;font-size:18px}
 .essentials .essential-disclosure{margin-top:20px}
 .essentials .essential-disclosure[open]>.chapter-artwork{padding-top:0}
 .essentials .project-credits{padding-top:45px}
 .essentials .project-credits p{font-size:12px}
 .essentials .study-closing{padding-block:30px 40px;gap:25px}
 .essentials .next-study{font-size:14px}
 .project-background p{font-size:16px}
 .willco-clients{grid-template-columns:1fr;gap:45px;padding-top:25px;padding-bottom:40px}
 .willco-clients .study-card-header h2{font-size:30px}
}

/* The North Face: the athlete evidence remains visible before the gallery. */
.tnf-depth.essentials .opening-copy p+p{margin-top:1em}
.tnf-depth .project-kicker{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}
/* One lead image; a twelve-column gallery aligns product views and development. */
.tnf-depth.essentials :is(.chapter-lead,.chapter-artwork){max-width:1320px;margin-inline:auto}
.tnf-depth.essentials .tnf-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 28px;align-items:start}
.tnf-depth.essentials .tnf-grid-figure{grid-column:span var(--tnf-span,6);min-width:0;margin:0}
.tnf-depth.essentials .tnf-grid-figure .image-link{display:block;position:relative;width:100%;border:0;border-radius:0;background:#fff;overflow:hidden}
.tnf-depth.essentials .tnf-grid-figure img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.tnf-depth.essentials .tnf-grid-figure figcaption{display:block;margin:0;padding-top:12px;font-size:14px;line-height:1.5;color:var(--muted)}
.tnf-depth.essentials .tnf-grid-figure figcaption a{text-decoration:underline;text-underline-offset:3px}
.tnf-depth.essentials .tnf-product-photo .image-link{aspect-ratio:4/3;background:var(--photo-background,#fff)}
.tnf-depth.essentials .tnf-product-photo img{height:100%;object-fit:contain}
.tnf-depth.essentials .chapter-lead .tnf-product-photo .image-link{aspect-ratio:3/2}
.tnf-depth.essentials .tnf-gallery-grid .tnf-span-6:last-child:nth-child(odd){grid-column:4/span 6}
.tnf-depth.essentials .chapter-lead .tnf-camp-lead img{object-fit:cover;object-position:50% 50%}
.tnf-depth.essentials .tnf-gallery-grid .tnf-source-image .image-link{aspect-ratio:16/10}
.tnf-depth.essentials .tnf-gallery-grid .tnf-source-image img{height:100%;object-fit:contain}
/* Performance boards keep their native proportions, without letterbox strips. */
.tnf-depth.essentials #trail-performance .chapter-artwork{max-width:none}
.tnf-depth.essentials #trail-performance .tnf-gallery-grid .tnf-source-image .image-link{aspect-ratio:auto}
.tnf-depth.essentials #trail-performance .tnf-gallery-grid .tnf-source-image img{height:auto}
.tnf-depth.essentials #trail-performance .tnf-gallery-grid .tnf-edge-trim .image-link{aspect-ratio:var(--tnf-crop-ratio)}
.tnf-depth.essentials #trail-performance .tnf-edge-trim img{position:absolute;top:var(--tnf-crop-top);left:var(--tnf-crop-left);width:var(--tnf-crop-width);height:auto;max-width:none}
/* Development and product families read as full-width stacks on one white canvas. */
.tnf-depth.essentials :is(#lifestyle,#heritage){--tnf-inset:clamp(20px,4vw,72px);--tnf-stack-gap:clamp(32px,4vw,64px)}
.tnf-depth.essentials :is(#lifestyle,#heritage) :is(.chapter-lead,.chapter-artwork){max-width:none}
.tnf-depth.essentials .tnf-gallery-stack{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tnf-stack-gap)}
.tnf-depth.essentials .tnf-stack-canvas{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--tnf-stack-gap);padding:var(--tnf-inset);background:#fff}
.tnf-depth.essentials .tnf-stack-canvas>.tnf-stack-figure{grid-column:1}
.tnf-depth.essentials .tnf-stack-figure .image-link{aspect-ratio:auto;background:#fff}
.tnf-depth.essentials .tnf-stack-figure img{width:100%;height:auto;max-height:none;object-fit:contain}
.tnf-depth.essentials .chapter-lead .tnf-stack-figure .image-link{padding:var(--tnf-inset);box-sizing:border-box}
.tnf-depth.essentials .tnf-stack-figure.tnf-portrait-view img{height:clamp(440px,70vw,1000px);width:100%;object-fit:contain}
.tnf-depth.essentials .tnf-group-caption{margin:12px 0 0;padding:0;font-size:14px;line-height:1.5;color:var(--muted)}
.tnf-depth.essentials .tnf-stack-figure .tnf-view-caption{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:650px){
 .tnf-depth.essentials .tnf-gallery-grid{grid-template-columns:1fr;gap:28px}
 .tnf-depth.essentials .tnf-grid-figure{grid-column:1}
 .tnf-depth.essentials .tnf-gallery-grid .tnf-span-6:last-child:nth-child(odd){grid-column:1}
}

/* Nike: product families keep their sketches and finished shoes together. */
.nike-depth.essentials .opening h1{max-width:24ch;text-wrap:balance}
.nike-depth.essentials .opening-copy p+p{margin-top:1em}
.nike-depth.essentials .chapter-headline{margin:0 auto 28px;font-size:clamp(22px,2.1vw,30px);font-weight:400;line-height:1.25;letter-spacing:-.03em;text-wrap:balance}
.nike-depth.essentials :is(.chapter-lead,.chapter-artwork){max-width:1320px;margin-inline:auto}
.nike-depth.essentials :is(.chapter-lead,.chapter-artwork) .media-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;align-items:start;margin:0}
.nike-depth.essentials :is(.chapter-lead,.chapter-artwork) figure{margin:0;min-width:0}
.nike-depth.essentials :is(.chapter-lead,.chapter-artwork) img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.nike-depth.essentials :is(.chapter-lead,.chapter-artwork) .image-link{background:#fff;border-radius:0}
.nike-depth.essentials :is(.chapter-lead,.chapter-artwork) figcaption{display:block;margin:0;padding-top:12px;font-size:14px;line-height:1.5;color:var(--muted)}
.nike-depth.essentials .chapter-artwork>*+*{margin-top:48px!important}
/* Lunar boards and Zoom product imagery use the full content width. */
.nike-depth.essentials :is(#lunar,#zoom-elite-5) :is(.chapter-lead,.chapter-artwork){max-width:none}
.nike-depth.essentials :is(#lunar,#zoom-elite-5) .chapter-lead>figure+figure{margin-top:48px}
/* Free drawings share the page canvas, rather than individual slide frames. */
.nike-depth.essentials .free-sketch-wall{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(32,minmax(0,1fr));aspect-ratio:1 / 1.22;width:100%;margin:0 auto clamp(64px,8vw,128px);isolation:isolate}
.nike-depth.essentials .free-wall-sketch{position:relative;grid-area:var(--sketch-area);min-width:0;min-height:0;margin:0;padding:10px;display:flex;align-items:center;justify-content:center;mix-blend-mode:multiply}
.nike-depth.essentials .free-wall-sketch .image-link{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:100%;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.nike-depth.essentials .free-wall-sketch img{display:block;width:100%;height:100%;max-height:none;object-fit:contain;pointer-events:none;transform:none}
.nike-depth.essentials .free-wall-sketch .image-link:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.essentials .image-preview-trigger{width:100%;padding:0;border:0;border-radius:0;color:inherit;font:inherit;line-height:0;cursor:default}
.essentials .image-preview-trigger:focus-visible{outline:2px solid var(--ink);outline-offset:4px}
.essentials .image-preview-trigger.is-previewing img{opacity:0}
.project-image-preview{position:fixed;inset:0;z-index:60;pointer-events:none;overflow:hidden}
.project-image-preview[hidden]{display:none}
.project-image-preview::before{content:"";position:absolute;inset:0;background:#fff;opacity:0;transition:opacity 400ms cubic-bezier(.22,1,.36,1)}
.project-image-preview.is-open::before{opacity:1}
.project-image-preview>img{position:absolute;left:0;top:0;display:block;max-width:none;max-height:none;object-fit:contain;transform-origin:0 0}
@media(min-width:651px) and (max-width:1000px){
 .nike-depth.essentials .free-sketch-wall{aspect-ratio:1 / 1.35}
 .nike-depth.essentials .free-wall-sketch{padding:5px}
}
@media(max-width:650px){
 .nike-depth.essentials .free-sketch-wall{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none;grid-auto-flow:row dense;grid-auto-rows:110px;aspect-ratio:auto;gap:10px 8px;margin-bottom:64px}
 .nike-depth.essentials .free-wall-sketch{grid-area:auto;grid-row:span 1;padding:0}
 .nike-depth.essentials .free-wall-sketch.is-portrait{grid-row:span 2}
 .nike-depth.essentials .free-wall-sketch:nth-child(9){grid-column:1 / -1;grid-row:span 2}
 .nike-depth.essentials :is(.chapter-lead,.chapter-artwork) .media-pair{grid-template-columns:1fr;gap:28px}
 .nike-depth.essentials .chapter-artwork>*+*{margin-top:28px!important}
 .nike-depth.essentials :is(#lunar,#zoom-elite-5) .chapter-lead>figure+figure{margin-top:28px}
}

/* Serial 1 follows the same reading rhythm and keeps the artwork uncropped. */
.serial-depth.essentials .opening-copy p+p{margin-top:1em}
.serial-depth.essentials :is(.chapter-lead,.chapter-artwork){max-width:1320px;margin-inline:auto}
.serial-depth .serial-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:48px 28px}
.serial-depth .serial-gallery-grid>.serial-figure{grid-column:span var(--serial-span,12);min-width:0;margin:0}
.serial-depth.essentials :is(.chapter-lead,.chapter-artwork) .image-link{display:block;position:relative;width:100%;aspect-ratio:auto;background:transparent;border:0;border-radius:0;overflow:hidden}
.serial-depth.essentials :is(.chapter-lead,.chapter-artwork) img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.serial-depth .serial-figure figcaption{padding-top:12px}
.serial-depth .serial-project-context .chapter-reading{margin-inline:auto}
@media(max-width:650px){
 .serial-depth .serial-gallery-grid{grid-template-columns:1fr;gap:28px}
 .serial-depth .serial-gallery-grid>.serial-figure{grid-column:1}
}

/* Terrascout: one lead per chapter and original proportions throughout. */
.terrascout-depth.essentials .opening-copy p+p{margin-top:1em}
.terrascout-depth.essentials .chapter-headline{margin:0 auto 28px;font-size:clamp(22px,2.1vw,30px);font-weight:400;line-height:1.25;letter-spacing:-.03em;text-wrap:balance}
.terrascout-depth .chapter-intro-detail{margin-top:36px}
.terrascout-depth .chapter-intro-detail h3{margin:0 0 20px;font-size:clamp(20px,1.8vw,26px);font-weight:400;line-height:1.3;letter-spacing:-.025em;text-wrap:balance}
.terrascout-depth .terrascout-product-hero{width:100%;max-width:1920px;margin-inline:auto}
.terrascout-depth .terrascout-product-hero img{display:block;width:100%;height:auto;object-fit:contain}
.terrascout-depth.essentials :is(.chapter-lead,.chapter-artwork){max-width:1320px;margin-inline:auto}
.terrascout-depth.essentials .chapter-lead:has(.terrascout-portrait){max-width:840px}
.terrascout-depth .terrascout-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;gap:48px 28px}
.terrascout-depth .terrascout-gallery-grid>.terrascout-figure{grid-column:var(--terrascout-start,auto) / span var(--terrascout-span,12);min-width:0;margin:0}
.terrascout-depth.essentials :is(.chapter-lead,.chapter-artwork) .image-link{display:block;position:relative;width:100%;aspect-ratio:auto;background:transparent;border:0;border-radius:0;overflow:hidden}
.terrascout-depth.essentials :is(.chapter-lead,.chapter-artwork) img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
.terrascout-depth .terrascout-figure figcaption{padding-top:12px}
.terrascout-depth .terrascout-business .chapter-reading{margin-inline:auto}
.terrascout-depth .terrascout-business .chapter-context{max-width:none}
@media(max-width:650px){
 .terrascout-depth .terrascout-gallery-grid{grid-template-columns:1fr;gap:28px}
 .terrascout-depth .terrascout-gallery-grid>.terrascout-figure{grid-column:1}
}

/* One hero asset, reordered ahead of the introduction only on phones.
   Only layout divs use display:contents; the enclosing section keeps its semantics. */
@media(max-width:650px){
 .essentials .project-opening{display:grid;grid-template-columns:minmax(0,1fr);padding-block:24px 12px}
 .essentials .project-opening :is(.opening,.opening-grid){display:contents}
 .essentials .project-opening .project-kicker{order:0;margin-inline:var(--pad)}
 .essentials .project-opening h1{order:1;margin:24px var(--pad) 28px;max-width:none}
 .essentials .project-opening>.hero-image{order:2;width:100%;min-width:0}
 .essentials .project-opening .opening-copy{order:3;max-width:none;margin:28px var(--pad) 0;padding:0;text-align:left}
 .essentials .project-opening .project-meta{order:4;margin:24px var(--pad) 0}
 .essentials .opening-copy p{font-size:18px;line-height:1.55}
 .essentials .opening-copy p+p{margin-top:1em}
 .essentials :is(.chapter-reading,.chapter-context,.chapter-copy,.chapter-phase-note,.chapter-detail-copy,.chapter-lead-story p){text-align:left}
 .essentials .essential-chapter .chapter-context{font-size:18px;line-height:1.55}
 .essentials .chapter-heading .chapter-statement{font-size:18px;line-height:1.55;text-align:left;text-wrap:pretty}
 .essentials .chapter-reading .story-trigger,.essentials .opening-copy>.more-button{display:flex;margin-inline:auto}
 .essentials .essential-chapter .hover-disclosure .hover-disclosure-label{font-weight:400}
 .essentials .more-button{font-weight:400;font-size:17px;min-height:44px}
 .essentials .chapter-artwork>.media+.media,.essentials .chapter-artwork>.media-pair+.media{margin-top:28px}
 .tnf-depth.essentials :is(#lifestyle,#heritage){--tnf-inset:12px;--tnf-stack-gap:28px}
 .tnf-depth.essentials .tnf-stack-figure.tnf-portrait-view img{height:auto}
}