/* Shared editorial story composition; one data tree on every viewport. */
.story-local-notice{padding:108px var(--page) 18px;font-size:9px;line-height:1.6;letter-spacing:.045em;color:var(--muted);border-bottom:1px solid var(--line)}
.project-story{padding:42px var(--page) 60px;--story-gap:clamp(16px,2vw,40px);overflow:clip}
.story-intro>.metadata-links{font-size:9px;margin-bottom:28px}.story-title-row{display:flex;align-items:end;justify-content:space-between;gap:30px}.story-title-row h1{font-size:clamp(46px,7.7vw,152px);line-height:1.05;letter-spacing:-.055em;font-weight:450;margin:0}.story-title-row>div{text-align:right;font-size:10px;color:var(--muted);max-width:33%}.story-title-row .metadata-links{justify-content:flex-end;font-size:9px;margin-bottom:10px}.story-format{font-size:9px;text-transform:uppercase;letter-spacing:.05em}
.story-chapter-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;margin-top:42px}.story-chapter-nav a{font-size:8px;letter-spacing:.05em;color:var(--muted);padding-block:10px;min-height:38px}.story-chapter-nav a:hover,.story-chapter-nav a[aria-current]{color:var(--ink)}
.story-act{scroll-margin-top:110px}.story-accent .eyebrow{font-size:9px;color:var(--muted);margin-bottom:25px}.story-accent h2{font-size:clamp(56px,9.5vw,190px);font-weight:430;line-height:.98;letter-spacing:-.065em;margin:0;max-width:none}.story-rhythm>.story-accent{margin:95px 0 -360px 37%;position:relative;z-index:1;pointer-events:none}.story-opening{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:0 var(--story-gap);align-items:start}
.project-story .story-material{margin:0;min-width:0;max-width:100%;position:relative}.story-material .media-tile{width:100%;max-width:none;transition:translate .4s var(--ease);display:block}.story-material .media-preview{background:var(--charcoal)}.story-material .media-preview>img{object-fit:contain;transform:none;width:100%;height:100%;display:block;transition:opacity .35s}.story-material figcaption{display:flex;justify-content:space-between;align-items:start;gap:12px;padding-top:10px;color:var(--muted);font-size:9px;line-height:1.5}.story-material figcaption>span{max-width:75%;overflow-wrap:anywhere}.story-play,.story-enlarge{position:absolute;right:14px;bottom:12px;width:30px;height:30px;display:grid;place-items:center;color:white;font-size:22px;pointer-events:none;text-shadow:0 1px 12px #000}.story-preview-toggle{font-size:8px;letter-spacing:.04em;white-space:nowrap;display:flex;align-items:center;gap:10px;min-height:34px;margin-top:-7px;padding:4px 0;flex-shrink:0;border-bottom:1px solid var(--line)}.story-preview-toggle:hover{color:var(--ink)}.story-preview-toggle[aria-pressed=true]{color:var(--ink)}.story-preview-status{font-size:10px;line-height:1.5;color:var(--muted);margin-top:7px}.story-preview-status:empty{display:none}.story-inline{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.story-inline[hidden]{display:none!important}
.story-reels{grid-column:2/10;grid-row:1;margin-top:90px!important}.story-first-snippet{grid-column:18/25;grid-row:1;margin-top:680px!important}.story-note{font-size:clamp(15px,1.5vw,28px);line-height:1.45;letter-spacing:-.035em;max-width:18em}.story-rhythm-note{grid-column:11/17;grid-row:1;margin-top:770px;align-self:start}.story-video-count{grid-column:17/24;grid-row:1;margin-top:400px}.story-metric .story-number{font-size:clamp(76px,12vw,240px);font-weight:430;line-height:.9;letter-spacing:-.075em;font-variant-numeric:tabular-nums;margin:0}.story-number sup{font-size:.23em;letter-spacing:0;vertical-align:top;line-height:1.7;margin-left:.2em}.story-metric-label{text-transform:uppercase;font-size:10px;letter-spacing:.06em;margin-top:18px}.story-demo-label{display:block;color:var(--muted);font-size:7px;letter-spacing:.07em;margin-top:10px}
.story-hours-scene{display:grid;grid-template-columns:1fr 2fr;gap:20px 60px;align-items:start;padding:70px 0 0;margin:120px 0 160px;border-top:1px solid var(--line)}.story-hours-scene>.eyebrow{font-size:8px;color:var(--muted);max-width:14em;line-height:1.8;margin-top:10px}.story-hour-count .story-number{font-size:clamp(116px,22vw,440px)}.story-fine-note{grid-column:2;max-width:32em;font-size:9px;line-height:1.7;color:var(--muted);margin-top:24px}
.story-design>.story-accent{margin-left:7%;margin-bottom:80px}.story-design>.story-accent h2{font-size:clamp(48px,7.4vw,148px)}.story-color-scene{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:var(--story-gap);align-items:end}.story-design-note{grid-column:1/6;margin:0 0 60px}.story-color-design{grid-column:7/25}.story-snippet-scene{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));column-gap:var(--story-gap);margin-top:150px;align-items:start}.story-second-snippet{grid-column:3/9;grid-row:1}.story-third-snippet{grid-column:16/24;grid-row:1;margin-top:320px!important}.story-release-word{grid-column:10/23;grid-row:1;align-self:start;margin-top:20px;font-size:clamp(38px,7vw,140px);font-weight:430;line-height:.93;letter-spacing:-.065em;pointer-events:none}.story-small-caption{grid-column:3/10;grid-row:1;align-self:end;margin-bottom:50px;font-size:8px;letter-spacing:.07em;color:var(--muted)}
.story-mono-scene{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:var(--story-gap);align-items:center;margin-top:120px}.story-day-count{grid-column:2/7}.story-day-count .story-number{font-size:clamp(82px,13vw,260px)}.story-mono-design{grid-column:9/25}
.story-vlog{margin-top:160px}.story-vlog>.story-accent{margin-left:35%;margin-bottom:-40px;position:relative;z-index:1;pointer-events:none}.story-vlog>.story-accent h2{font-size:clamp(54px,8.2vw,164px)}.story-vlog-scene{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:var(--story-gap);align-items:start}.story-vlog-material{grid-column:2/11;grid-row:1;margin-top:90px!important}.story-vlog-note{grid-column:14/22;grid-row:1;margin-top:180px}.story-closing-mark{grid-column:19/24;grid-row:1;align-self:end;font-size:clamp(80px,16vw,280px);line-height:1;letter-spacing:-.08em;margin-bottom:35px;pointer-events:none}
.story-project-note{display:grid;grid-template-columns:1fr 2fr;gap:50px;border-top:1px solid var(--line);padding-top:30px;margin-top:140px}.story-project-note>.eyebrow{font-size:9px;color:var(--muted)}.story-project-note>p:last-child{font-size:clamp(13px,1vw,20px);line-height:1.8;max-width:52em}.story-end{display:flex;justify-content:space-between;gap:30px;margin-top:75px;padding-top:20px;border-top:1px solid var(--line)}.story-end .text-link{font-size:11px}
.story-motion .story-appear{opacity:0;translate:0 25px;transition:opacity .7s var(--ease),translate .8s var(--ease)}.story-motion .story-appear.story-visible{opacity:1;translate:0 0}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.story-material .media-tile:hover{translate:0 -4px}}
@media(min-width:2100px){.story-first-snippet{margin-top:950px!important}.story-rhythm-note{margin-top:1050px}.story-video-count{margin-top:600px}.story-third-snippet{margin-top:440px!important}.story-vlog-note{margin-top:260px}}
@media(max-width:1100px){.project-story{--story-gap:14px}.story-rhythm>.story-accent{margin-top:70px;margin-bottom:-240px}.story-reels{grid-column:1/10}.story-first-snippet{grid-column:18/25;margin-top:520px!important}.story-rhythm-note{grid-column:11/17;margin-top:600px;font-size:16px}.story-video-count{grid-column:17/25;margin-top:320px}.story-metric .story-number{font-size:100px}.story-hour-count .story-number{font-size:200px}.story-hours-scene{margin-block:90px 100px}.story-design-note{font-size:15px;margin-bottom:20px}.story-snippet-scene{margin-top:100px}.story-third-snippet{margin-top:240px!important}.story-small-caption{margin-bottom:20px}.story-vlog-note{font-size:18px}.story-mono-scene{margin-top:90px}.story-vlog{margin-top:110px}.story-project-note{margin-top:100px}}
@media(max-width:700px){.story-local-notice{padding-top:88px;font-size:8px}.project-story{padding-top:30px;--story-gap:10px}.story-intro>.metadata-links{font-size:8px;margin-bottom:22px}.story-title-row{display:block}.story-title-row h1{font-size:clamp(46px,14vw,86px)}.story-title-row>div{max-width:none;text-align:left;margin-top:20px}.story-title-row .metadata-links{justify-content:flex-start}.story-format{display:none}.story-chapter-nav{margin-top:25px;gap:12px}.story-chapter-nav a{font-size:7px;max-width:30%;line-height:1.6;min-height:44px}.story-accent .eyebrow{font-size:8px;margin-bottom:18px}.story-accent h2{font-size:clamp(48px,13vw,86px)}.story-rhythm>.story-accent{margin:50px 0 35px 15%}.story-opening{grid-template-columns:repeat(12,minmax(0,1fr));row-gap:28px}.story-reels{grid-column:1/9;grid-row:1;margin-top:0!important}.story-video-count{grid-column:9/13;grid-row:1;margin-top:30px}.story-metric .story-number{font-size:clamp(50px,14vw,90px)}.story-metric-label{font-size:8px;margin-top:12px;line-height:1.5}.story-demo-label{font-size:6px;line-height:1.7;letter-spacing:.025em}.story-rhythm-note{grid-column:1/6;grid-row:2;font-size:15px;margin-top:44px}.story-first-snippet{grid-column:7/13;grid-row:2;margin-top:0!important}.story-material figcaption{font-size:8px;gap:7px;padding-top:8px}.story-preview-toggle{font-size:7px;gap:4px;min-height:32px}.story-material figcaption>span{max-width:70%}.story-hours-scene{grid-template-columns:1fr;margin:65px 0 85px;padding-top:24px;gap:22px}.story-hours-scene>.eyebrow{max-width:none;font-size:7px;margin:0}.story-hour-count{margin-left:14%}.story-hour-count .story-number{font-size:clamp(120px,37vw,200px)}.story-fine-note{grid-column:1;margin:0 0 0 14%;font-size:8px}.story-design>.story-accent{margin:0 0 35px}.story-design>.story-accent h2{font-size:clamp(39px,10vw,68px)}.story-color-scene{grid-template-columns:repeat(12,minmax(0,1fr));gap:24px 10px}.story-design-note{grid-column:2/10;font-size:16px;margin:0}.story-color-design{grid-column:1/13}.story-snippet-scene{grid-template-columns:repeat(12,minmax(0,1fr));margin-top:55px;row-gap:30px}.story-second-snippet{grid-column:1/6;grid-row:1}.story-release-word{grid-column:7/13;grid-row:1;font-size:clamp(32px,10vw,58px);margin-top:10px}.story-third-snippet{grid-column:6/13;grid-row:2;margin-top:0!important}.story-small-caption{grid-column:1/5;grid-row:2;align-self:center;font-size:7px;line-height:1.7;margin:0;overflow-wrap:anywhere}.story-mono-scene{grid-template-columns:repeat(12,minmax(0,1fr));margin-top:65px;gap:30px 10px}.story-day-count{grid-column:2/7;grid-row:1}.story-day-count .story-number{font-size:100px}.story-mono-design{grid-column:1/13;grid-row:2}.story-vlog{margin-top:80px}.story-vlog>.story-accent{margin:0 0 35px 15%}.story-vlog>.story-accent h2{font-size:clamp(44px,12vw,70px)}.story-vlog-scene{grid-template-columns:repeat(12,minmax(0,1fr));gap:30px 10px}.story-vlog-material{grid-column:1/10;grid-row:1;margin-top:0!important}.story-vlog-note{grid-column:4/12;grid-row:2;margin-top:0;font-size:18px}.story-closing-mark{grid-column:10/13;grid-row:1;align-self:end;font-size:65px;margin-bottom:35px}.story-project-note{grid-template-columns:1fr;gap:18px;margin-top:75px;padding-top:22px}.story-project-note>p:last-child{font-size:12px;line-height:1.8}.story-end{margin-top:45px;gap:20px;align-items:start}.story-end .text-link{font-size:9px;max-width:45%;min-height:44px}.story-act{scroll-margin-top:90px}}
@media(prefers-reduced-motion:reduce){.story-motion .story-appear{opacity:1;translate:none;transition:none}.story-material .media-tile{transition:none}}

.story-number small{font-size:.29em;letter-spacing:-.03em;margin-left:.12em}.story-hour-count .story-number{font-size:clamp(100px,18vw,340px)}.story-results-narrative{grid-column:2;max-width:38em;font-size:clamp(14px,1.3vw,24px);line-height:1.6;margin-top:28px}.story-note .story-demo-label{font-size:8px;line-height:1.5;margin-top:16px;letter-spacing:.04em}.story-fine-note{margin-top:0}@media(max-width:700px){.story-results-narrative{grid-column:1;margin:0 0 0 14%;font-size:14px}.story-hour-count .story-number{font-size:clamp(90px,28vw,170px)}.story-note .story-demo-label{font-size:7px}.story-rhythm-note{font-size:13px}}

.project-story{padding-top:150px}.story-material .media-tile{touch-action:pan-y}.story-extra-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--story-gap);margin-top:70px}.story-extra-media .media-tile{max-width:100%}
/* Mobile art direction: same content and story order, no flattened gallery. */
@media(max-width:900px){
 .project-story{padding-top:118px;--story-gap:10px;overflow:visible}
 .story-title-row{display:block}.story-title-row h1{font-size:clamp(42px,10vw,80px)}.story-title-row>div{max-width:none;text-align:left;margin-top:18px}.story-title-row .metadata-links{justify-content:flex-start}.story-format{display:block}
 .story-rhythm>.story-accent{margin:50px 0 28px 12%}.story-accent h2{font-size:clamp(42px,10.5vw,88px)}
 .story-opening,.story-color-scene,.story-snippet-scene,.story-mono-scene,.story-vlog-scene{grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 10px}
 .story-material .media-preview{width:min(100%,calc(68svh * var(--story-ratio,1)));height:auto;margin-inline:auto}
 .story-reels{grid-column:1/10;grid-row:1;margin-top:0!important}.story-video-count{grid-column:9/13;grid-row:2;margin-top:0}.story-rhythm-note{grid-column:1/9;grid-row:2;font-size:14px;margin-top:4px}.story-first-snippet{grid-column:4/13;grid-row:3;margin-top:4px!important}
 .story-metric .story-number{font-size:clamp(50px,12vw,100px)}.story-metric-label{font-size:8px;line-height:1.5;margin-top:12px}
 .story-hours-scene{grid-template-columns:1fr;gap:24px;margin:58px 0 70px;padding-top:24px}.story-hours-scene>.story-note{font-size:9px}.story-hour-count{margin-left:12%}.story-hour-count .story-number{font-size:clamp(96px,27vw,200px)}.story-results-narrative{grid-column:1;margin:0 0 0 12%;font-size:14px}
 .story-design>.story-accent{margin:0 0 32px}.story-design>.story-accent h2{font-size:clamp(36px,9vw,70px)}.story-design-note{grid-column:2/12;margin:0;font-size:15px}.story-color-design{grid-column:1/13}
 .story-snippet-scene{margin-top:54px}.story-second-snippet{grid-column:1/10;grid-row:1}.story-release-word{grid-column:4/13;grid-row:2;font-size:clamp(40px,12vw,90px);margin:0}.story-third-snippet{grid-column:4/13;grid-row:3;margin-top:0!important}.story-small-caption{grid-column:1/13;grid-row:4;align-self:start;font-size:8px;margin:0}
 .story-mono-scene{margin-top:58px}.story-day-count{grid-column:2/9;grid-row:1}.story-day-count .story-number{font-size:clamp(76px,22vw,150px)}.story-mono-design{grid-column:1/13;grid-row:2}
 .story-vlog{margin-top:70px}.story-vlog>.story-accent{margin:0 0 32px 12%}.story-vlog>.story-accent h2{font-size:clamp(40px,10vw,80px)}.story-vlog-material{grid-column:1/12;grid-row:1;margin-top:0!important}.story-vlog-note{grid-column:3/13;grid-row:2;margin:0;font-size:16px}.story-closing-mark{display:none}
 .story-project-note{grid-template-columns:1fr;gap:18px;margin-top:65px}.story-project-note>p:last-child{font-size:13px}.story-end{gap:20px;margin-top:40px}.story-end .text-link{font-size:10px;max-width:46%}.story-chapter-nav{margin-top:28px;gap:12px}.story-chapter-nav a{font-size:8px;max-width:31%;line-height:1.6;min-height:44px}
 .story-material figcaption{font-size:9px}.story-extra-media{grid-template-columns:1fr;gap:28px}
}

.story-hours-scene>.story-scene-label{font-size:8px;letter-spacing:.05em;line-height:1.8;max-width:14em;margin-top:10px}.story-small-caption{font-size:8px;line-height:1.7;letter-spacing:.07em}.story-small-caption p{line-height:inherit}
@media(max-width:900px){.story-hours-scene>.story-scene-label{font-size:8px;max-width:none;margin:0}.story-small-caption{font-size:8px;max-width:none}}

@media(max-width:900px){.story-preview-toggle{min-height:44px;font-size:8px;padding-block:8px}.story-material figcaption{align-items:start;gap:12px}.story-material figcaption>span{min-width:0;max-width:68%;overflow-wrap:anywhere}}
/* Packaging process uses the same story data and media viewer on every screen. */
.story-af-search,.story-af-rethink{display:grid;grid-template-columns:repeat(24,minmax(0,1fr));gap:40px 16px;margin-top:110px;align-items:center}
.story-af-lead{grid-column:2/15}.story-af-search-number{grid-column:18/25}.story-af-packaging{grid-column:2/13;grid-row:2}.story-af-search-copy{grid-column:16/24;grid-row:2}.story-af-process-copy{grid-column:3/12}.story-af-hanger{grid-column:16/23;max-width:460px}.story-af-process-copy>.story-note{margin-top:30px}.story-af-image-context{font-size:10px!important;line-height:1.8;color:var(--muted);margin-top:30px}.story-af-approval{display:grid;grid-template-columns:1.5fr 1fr;gap:8vw;align-items:center;border-top:1px solid var(--line);padding-top:70px;margin-top:150px}.story-af-approval .story-note{margin-top:35px}.story-af-final-number .story-number{font-size:clamp(160px,26vw,480px)}
@media(max-width:900px){.story-af-search,.story-af-rethink{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 10px;margin-top:60px}.story-af-lead{grid-column:1/13;grid-row:1}.story-af-search-number{grid-column:7/13;grid-row:2}.story-af-packaging{grid-column:1/10;grid-row:3}.story-af-search-copy{grid-column:3/13;grid-row:4}.story-af-process-copy{grid-column:1/12;grid-row:1}.story-af-hanger{grid-column:5/13;grid-row:2}.story-af-approval{grid-template-columns:1fr;gap:35px;margin-top:65px;padding-top:32px}.story-af-final-number{margin-left:15%}.story-af-final-number .story-number{font-size:160px}}
.project-story section,.story-note,.story-metric{min-width:0}.story-note,.story-metric-label{overflow-wrap:anywhere}