/* Quiet editorial bands, scoped to Hero and Selected Work. */
.phase1 .product-hero.immersive-hero{min-height:0;padding:36px 5vw 90px}
.immersive-position{margin-bottom:30px}
.phase1 .immersive-hero h1{font-size:clamp(54px,6.5vw,94px)}
.immersive-description{margin-top:26px;font-size:15px;max-width:60ch}
.immersive-actions{margin-top:30px;gap:16px}
.immersive-actions .product-button,.immersive-actions .product-contact{box-shadow:none;backdrop-filter:none;border-radius:999px}
.immersive-actions .product-contact{background:#f4f8f1e8}
.immersive-footnote{margin-top:24px;background:none;backdrop-filter:none;padding:0}
.phase1 .product-work{padding:56px 5vw 48px;background:#f5f4ed}
.work-heading{margin-bottom:36px;align-items:center}
.work-heading h2{font-size:clamp(34px,3.2vw,50px);line-height:1.1}
.work-heading>p{font-size:11px;line-height:1.7;max-width:30ch}
.work-list{gap:0}
.work-feature{grid-template-columns:minmax(0,.85fr) minmax(0,1.65fr);gap:5vw;padding:44px 0;border-top:1px solid #23382e30;align-items:center}
.work-feature:last-child{border-bottom:1px solid #23382e30}
.work-copy{grid-column:1;grid-row:1;padding:0;max-width:36ch}
.work-visual{grid-column:2;grid-row:1;border-radius:3px;background:none}
.work-visual img{border-radius:3px;object-fit:contain;height:auto;transition:filter .25s}
.work-visual-arrow{display:none}
.work-index{font-size:9px;letter-spacing:1.6px;margin-bottom:24px;color:#5a675e}
.work-copy h3{font:400 clamp(48px,5vw,76px)/1 Georgia,'Times New Roman',serif;letter-spacing:-.055em;margin:0 0 24px}
.work-description{font-size:15px;line-height:1.65;max-width:31ch;margin:0 0 24px;color:#334b3b}
.work-tags{gap:8px 0;font-size:10px;line-height:1.5;margin-bottom:28px;color:#4f6055}
.work-tags li:not(:last-child)::after{content:'\00B7';margin:0 9px}
.work-link{font-size:12px;min-height:48px;gap:34px;border-bottom-color:#23382e50;transition:border-color .2s,color .2s}
.work-link:hover{color:#526b4b;border-bottom-color:#526b4b}
.previous-work{border-top:0;margin-top:20px;padding-top:0}
@media(max-width:760px){
 .phase1 .product-hero.immersive-hero{padding:26px 6vw 64px}
 .immersive-position{margin-bottom:26px}.phase1 .immersive-hero h1{font-size:clamp(40px,10.8vw,64px)}
 .immersive-description{font-size:13px;max-width:35ch;margin-top:22px}
 .immersive-actions{margin-top:26px}.immersive-footnote{font-size:8px;max-width:32ch;line-height:1.7;margin-top:22px}
 .phase1 .product-work{padding:34px 6vw 28px}
 .work-heading{gap:16px;margin-bottom:24px}.work-heading h2{font-size:36px}.work-heading>p{font-size:11px}
 .work-feature{grid-template-columns:1fr;gap:26px;padding:28px 0 32px}
 .work-copy{grid-column:1;grid-row:1;max-width:100%}
 .work-visual{grid-column:1;grid-row:2}
 .work-index{font-size:9px;margin-bottom:18px}.work-copy h3{font-size:52px;margin-bottom:18px}
 .work-description{font-size:14px;max-width:36ch;margin-bottom:18px}.work-tags{font-size:9px;margin-bottom:12px}
 .work-link{min-height:44px}.previous-work{margin-top:18px}
}

/* Project-led composition: image dominance, shared grid, identity-specific contrast. */
.phase1 .product-work{padding:42px 2vw 32px}
.product-work .work-heading{margin:0 3vw 28px;align-items:baseline}
.product-work .work-heading h2{font-size:clamp(34px,3.3vw,54px)}
.product-work .work-list{gap:18px}
.product-work .work-feature{grid-template-columns:minmax(230px,.85fr) minmax(0,2.4fr);gap:2.5vw;padding:22px 22px 22px 3vw;border:1px solid #23382e20;border-radius:4px;overflow:hidden}
.product-work .work-relay{background:#eeebe3;color:#2d342b}
.product-work .work-rove{background:#242623;color:#f3f0e7;border-color:#242623}
.product-work .work-copy{max-width:none}
.product-work .work-copy h3{font:400 clamp(62px,7.3vw,118px)/.95 Georgia,'Times New Roman',serif;letter-spacing:-.065em;margin:0 0 24px}
.product-work .work-index{font-size:9px;letter-spacing:1.3px;margin:0 0 26px;color:#596057}
.product-work .work-description{font-size:14px;line-height:1.65;max-width:29ch;margin:0 0 22px;color:#3d473c}
.product-work .work-tags{font-size:9px;line-height:1.6;color:#586357;margin-bottom:20px}
.product-work .work-link{color:inherit;border-bottom-color:#45544260;font-size:12px;gap:28px}
.product-work .work-visual{border-radius:2px}
.product-work .work-visual img{border-radius:2px;width:100%;height:auto;object-fit:contain}
.product-work .work-rove .work-index,.product-work .work-rove .work-tags{color:#c3c7ba}
.product-work .work-rove .work-description{color:#e5e7dc}
.product-work .work-rove .work-link{border-bottom-color:#e5e7dc70}
.product-work .work-link:hover{color:inherit;border-bottom-color:currentColor}
.product-work .work-link span{transition:translate .2s}
@media(hover:hover){.product-work .work-link:hover span{translate:2px -2px}}
.product-work .previous-work{margin:18px 3vw 0}
@media(max-width:1000px) and (min-width:761px){.product-work .work-feature{grid-template-columns:minmax(220px,.9fr) minmax(0,1.7fr);gap:24px;padding:24px}.product-work .work-copy h3{font-size:70px}.product-work .work-description{font-size:13px}}
@media(max-width:760px){
 .phase1 .product-work{padding:32px 3vw 26px}
 .product-work .work-heading{margin:0 3vw 24px;align-items:start}
 .product-work .work-heading h2{font-size:34px}
 .product-work .work-list{gap:18px}
 .product-work .work-feature{grid-template-columns:1fr;gap:0;padding:0;border-radius:3px}
 .product-work .work-visual{grid-column:1;grid-row:1;border-radius:0}
 .product-work .work-visual img{border-radius:0}
 .product-work .work-copy{grid-column:1;grid-row:2;padding:26px 6vw 28px}
 .product-work .work-index{margin-bottom:18px;font-size:9px}
 .product-work .work-copy h3{font-size:clamp(64px,18vw,90px);margin-bottom:20px}
 .product-work .work-description{font-size:14px;max-width:36ch;margin-bottom:18px}
 .product-work .work-tags{font-size:9px;margin-bottom:14px}
 .product-work .work-link{min-height:48px}
 .product-work .previous-work{margin:18px 3vw 0}
}
@media(prefers-reduced-motion:reduce){.product-work .work-link span{translate:none!important;transition:none}}

/* Fine stationary grain, limited to Relay's key art. */
.product-work .work-relay .work-visual{position:relative;isolation:isolate}
.product-work .work-relay .work-visual::after{content:'';position:absolute;inset:0;border-radius:inherit;background:url('assets/relay-grain.svg') repeat;opacity:.30;mix-blend-mode:multiply;pointer-events:none}