/* Morrow & Field / Case 03. Scoped to the new archive card and case study. */
.work-card--morrow .work-card__media--morrow{background:#263127;transform:var(--work-media-drift,translate3d(0,0,0)) scale(1.012)}
.work-webgl-ready .work-archive:not(.is-list-view) .work-card--morrow .work-card__media--morrow{opacity:1}
.work-card--morrow:before{background:linear-gradient(180deg,transparent 55%,rgba(12,24,19,.97) 100%)}
.mf-preview{position:absolute;inset:0;overflow:hidden;background:radial-gradient(ellipse at 70% 20%,#4b5540 0,transparent 62%),#263127;color:#f4f1e9}
.mf-preview__guides{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#c5a77b;stroke-width:.38;opacity:.45}
.mf-preview__guides path{stroke-dasharray:1;stroke-dashoffset:0;animation:mf-line 9s ease-in-out infinite;animation-play-state:paused}
.mf-preview__label{position:absolute;left:7%;top:7%;font:500 clamp(7px,.65vw,10px)/1.3 'IBM Plex Mono',monospace;letter-spacing:.13em}
.mf-preview__swatches{position:absolute;right:7%;top:7%;display:flex;gap:5px}
.mf-preview__swatches i{display:block;width:7px;height:7px;border-radius:50%;background:#c5a77b}
.mf-preview__swatches i:nth-child(2){background:#f4f1e9}.mf-preview__swatches i:nth-child(3){background:#697564}
.work-card__media .mf-preview__seal,.mf-case-page .mf-preview__seal{position:absolute;inset:3% 3% auto auto;width:19%;height:19%;object-fit:contain;transform:none}
.mf-preview__swatches{right:25%;top:10%}
.mf-preview__desktop{position:absolute;left:5%;top:21%;width:85%;overflow:hidden;border:1px solid #899079;border-radius:8px;background:#303b31;box-shadow:0 15px 35px #0b120e70;animation:mf-screen 9s ease-in-out infinite;animation-play-state:paused}
.mf-preview__bar{display:flex;gap:4px;height:15px;align-items:center;padding-left:7px;background:#303b31}
.mf-preview__bar i{width:4px;height:4px;border-radius:50%;background:#d58575}.mf-preview__bar i:nth-child(2){background:#d5b771}.mf-preview__bar i:nth-child(3){background:#8aa878}
.work-card__media .mf-preview__screen{position:static;display:block;width:100%;height:auto;object-fit:contain;transform:none;transition:none}
.mf-preview__detail{position:absolute;right:5%;top:43%;width:27%;overflow:hidden;border:4px solid #1c271f;border-radius:18px;background:#263127;box-shadow:0 16px 30px #08130b90;animation:mf-detail 9s ease-in-out infinite;animation-play-state:paused}
.mf-preview__detail-label{display:block;padding:7px 2px 6px;text-align:center;font:500 7px/1.2 'IBM Plex Mono',monospace;letter-spacing:.13em;color:#e4d4b4}
.is-ambient-active .mf-preview__desktop,.is-ambient-active .mf-preview__detail,.is-ambient-active .mf-preview__guides path{animation-play-state:running}
.work-archive.is-list-view .mf-preview__desktop,.work-archive.is-list-view .mf-preview__detail,.work-archive.is-list-view .mf-preview__guides path{animation-play-state:paused}
.mf-preview.is-suspended .mf-preview__desktop,.mf-preview.is-suspended .mf-preview__detail,.mf-preview.is-suspended .mf-preview__guides path{animation-play-state:paused}
.work-motion-paused .mf-preview__desktop,.work-motion-paused .mf-preview__detail,.work-motion-paused .mf-preview__guides path{animation-play-state:paused}
.work-card--morrow:hover .mf-preview__screen,.work-card--morrow:focus-visible .mf-preview__screen{transform:none}
@keyframes mf-screen{0%,100%{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-5px) rotate(-2deg)}}
@keyframes mf-detail{0%,100%{transform:translateY(-2px) rotate(5deg)}50%{transform:translateY(5px) rotate(3deg)}}
@keyframes mf-line{0%,100%{stroke-dashoffset:.5;opacity:.25}50%{stroke-dashoffset:0;opacity:1}}

.mf-case-page{--mf-olive:#263127;--mf-ivory:#f4f1e9;--mf-bronze:#c5a77b;--mf-muted:#bdc3b6;background:var(--mf-olive);color:var(--mf-ivory)}
.mf-case-page .ocean,.mf-case-page .depth-gauge{display:none}
.mf-case-page main{position:relative;background:var(--mf-olive)}
.mf-case-page .mf-shell{width:min(1320px,calc(100% - 96px));margin-inline:auto}
.mf-case-page .mf-kicker{font:400 .68rem/1.5 'IBM Plex Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--mf-bronze);margin:0 0 1.5rem}
.mf-case-page h1,.mf-case-page h2,.mf-case-page h3{color:inherit;font-weight:400;letter-spacing:-.045em}
.mf-case-page .mf-hero{padding:160px 0 70px;min-height:auto;background:radial-gradient(ellipse at 90% 35%,#46503b66,transparent 55%),var(--mf-olive)}
.mf-case-page .mf-hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:6%;align-items:center}
.mf-case-page h1{font-size:clamp(3rem,5.3vw,5.5rem);line-height:1.02;margin:0 0 1.65rem}
.mf-case-page h1 span{display:block;color:var(--mf-bronze)}
.mf-case-page .mf-lead{max-width:34rem;font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.7;color:var(--mf-muted)}
.mf-case-page .mf-hero-art{position:relative;aspect-ratio:1.15;border:1px solid #c5a77b45;border-radius:24px;overflow:hidden;box-shadow:0 30px 80px #10190c60}
.mf-case-page .mf-hero-art .mf-preview__desktop{top:25%;animation-play-state:paused}
.mf-case-page .mf-hero-art .mf-preview__detail{top:45%;animation-play-state:paused}
.mf-case-page .mf-hero-art .mf-preview__guides path{animation-play-state:paused}
.mf-case-page .mf-preview__screen{display:block;width:100%;height:auto}
.mf-case-page .mf-preview__label{font-size:10px}
.mf-case-page .mf-meta{display:flex;flex-wrap:wrap;gap:1rem 2.5rem;margin-top:3.2rem;padding-top:1.5rem;border-top:1px solid #c5a77b44;font:400 .7rem/1.7 'IBM Plex Mono',monospace;color:#bdc3b6}
.mf-case-page .mf-meta strong{display:block;color:#f4f1e9;font-weight:400}
.mf-case-page .mf-film{padding:3rem 0 5rem;background:#1b231c}
.mf-case-page .mf-section-head{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}
.mf-case-page .mf-section-head h2{font-size:clamp(2rem,3.5vw,3.6rem);line-height:1.1;margin:0;max-width:22ch}
.mf-case-page .mf-section-head .mf-kicker{margin-bottom:.8rem}
.mf-case-page .mf-duration{font:400 .72rem 'IBM Plex Mono',monospace;color:var(--mf-bronze);white-space:nowrap}
.mf-case-page .mf-film-frame{margin:0;border:1px solid #c5a77b55;border-radius:16px;overflow:hidden;background:#263127}
.mf-case-page .mf-film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#263127}
.mf-case-page .mf-film-frame figcaption{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.5rem;border-top:1px solid #c5a77b33;color:var(--mf-muted);font:400 .63rem/1.6 'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.06em}
.mf-case-page .mf-light{padding:5rem 0;background:var(--mf-ivory);color:#263127}
.mf-case-page .mf-light .mf-kicker{color:#826440}
.mf-case-page .mf-story{display:grid;grid-template-columns:.78fr 1.22fr;gap:8%;align-items:start}
.mf-case-page .mf-story h2{font-size:clamp(2.5rem,4vw,4.2rem);line-height:1.04;margin:0 0 2rem;max-width:12ch}
.mf-case-page .mf-copy p{font-size:1rem;line-height:1.8;margin:0 0 1.25rem;max-width:62ch}
.mf-case-page .mf-palette{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:2rem}
.mf-case-page .mf-palette div{min-height:115px;padding:16px 12px;display:flex;flex-direction:column;justify-content:space-between;border:1px solid #26312725;font:400 .64rem/1.4 'IBM Plex Mono',monospace}
.mf-case-page .mf-palette div:nth-child(1){background:#263127;color:#f4f1e9}.mf-case-page .mf-palette div:nth-child(2){background:#f4f1e9;color:#263127}.mf-case-page .mf-palette div:nth-child(3){background:#c5a77b;color:#263127}.mf-case-page .mf-palette div:nth-child(4){background:#697564;color:#fff}
.mf-case-page .mf-details{padding:5rem 0}
.mf-case-page .mf-details-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem 6%}
.mf-case-page .mf-details h3{font-size:clamp(1.8rem,2.8vw,2.6rem);line-height:1.12;margin:0 0 1.3rem}
.mf-case-page .mf-details p{color:var(--mf-muted);line-height:1.8;max-width:58ch}
.mf-case-page .mf-comparison{position:relative;overflow:hidden;aspect-ratio:1.22;background:#263127;border-radius:14px;margin:0 0 1.3rem;--split:50%}
.mf-case-page .mf-comparison img{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}
.mf-case-page .mf-comparison .mf-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.mf-case-page .mf-comparison:after{content:'↔';position:absolute;top:50%;left:var(--split);transform:translate(-50%,-50%);display:grid;place-items:center;background:#f4f1e9;color:#263127;width:46px;height:46px;border-radius:50%;pointer-events:none;font-size:22px}
.mf-case-page .mf-comparison:before{content:'';position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#f4f1e9;z-index:1;pointer-events:none}
.mf-case-page .mf-compare-range{position:absolute;z-index:2;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize;touch-action:pan-y}
.mf-case-page .mf-comparison:focus-within{outline:3px solid #c5a77b;outline-offset:5px}
.mf-case-page .mf-compare-label{position:absolute;top:16px;left:16px;z-index:1;padding:7px 11px;border-radius:20px;background:#1b231ccf;color:#f4f1e9;font:400 .65rem 'IBM Plex Mono',monospace;pointer-events:none}
.mf-case-page .mf-compare-label--after{left:auto;right:16px}
.mf-case-page .mf-footnote{font-size:.8rem!important;line-height:1.6!important;opacity:.82}
.mf-case-page .mf-close{padding:4.5rem 0 5.5rem;background:#1b231c;text-align:center}
.mf-case-page .mf-close h2{font-size:clamp(2.4rem,4.6vw,4.5rem);line-height:1.08;max-width:17ch;margin:0 auto 1.5rem}
.mf-case-page .mf-close p{max-width:48rem;margin:0 auto 2rem;color:var(--mf-muted);line-height:1.8}
.mf-case-page .mf-actions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.mf-case-page .mf-actions a{border:1px solid #c5a77b77;border-radius:50px;padding:14px 24px;color:#f4f1e9;text-decoration:none;font-size:.85rem;transition:background .25s}
.mf-case-page .mf-actions a:hover{background:#46503b}.mf-case-page .mf-actions a:focus-visible{outline:3px solid #c5a77b;outline-offset:4px}
@media(max-width:800px){
 .mf-case-page .mf-shell{width:calc(100% - 40px)}
 .mf-case-page .mf-hero{padding-top:125px;padding-bottom:45px}
 .mf-case-page .mf-hero-grid,.mf-case-page .mf-story,.mf-case-page .mf-details-grid{grid-template-columns:1fr;gap:2.5rem}
 .mf-case-page h1{font-size:clamp(2.6rem,10vw,4.5rem)}
 .mf-case-page .mf-hero-art{max-width:550px;width:100%;margin-inline:auto}
 .mf-case-page .mf-meta{gap:1rem 2rem;margin-top:2rem}
 .mf-case-page .mf-film,.mf-case-page .mf-light,.mf-case-page .mf-details{padding:3.5rem 0}
 .mf-case-page .mf-section-head{align-items:start;gap:1rem;flex-direction:column}
 .mf-case-page .mf-film-frame{max-width:480px;margin:auto}
 .mf-case-page .mf-film-frame video{aspect-ratio:9/16}
 .mf-case-page .mf-film-frame figcaption{padding:1rem;font-size:.55rem;flex-direction:column;gap:.25rem}
 .mf-case-page .mf-palette{grid-template-columns:repeat(2,1fr)}
 .mf-case-page .mf-story h2{max-width:16ch}
 .mf-case-page .mf-close{padding:3.5rem 0}
}
@media(prefers-reduced-motion:reduce){.mf-preview__desktop,.mf-preview__detail,.mf-preview__guides path{animation:none!important;transform:none!important}.mf-preview__guides path{stroke-dashoffset:0}}