.work__standfirst{font-family:var(--voice);font-style:italic;font-weight:430;font-size:var(--caption-clip);color:var(--ink-70);margin:0;line-height:1.25}.work{overflow-x:clip}.work__empty{color:var(--ink-70);text-transform:none;letter-spacing:0;margin:2rem 0 0}.spread{grid-template-columns:minmax(0,1fr);row-gap:1.75rem;margin-top:clamp(4rem,9vh,7rem);padding-top:clamp(2.5rem,5vh,4rem);display:grid;position:relative}.work__standfirst+.spread{margin-top:clamp(3rem,6vh,5rem)}.spread__rule{background:var(--ink-40);transform-origin:0;height:1px;position:absolute;inset:0 0 auto}.spread--flip .spread__rule{transform-origin:100%}.spread__figure{aspect-ratio:var(--ratio,16 / 10);background:color-mix(in srgb, var(--ink) 6%, var(--bg));position:relative;overflow:hidden}.spread__media{position:absolute;inset:0}.spread__img{object-fit:cover}.spread__video{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.spread__loop-toggle{z-index:3;background:color-mix(in srgb, var(--bg) 60%, transparent);width:44px;height:44px;box-shadow:inset 0 0 0 1px var(--ink-40);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:var(--ink);cursor:pointer;opacity:.75;transition:opacity var(--t-fast) var(--ease-out);border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;bottom:.75rem;right:.75rem}.spread__loop-toggle:hover,.spread__loop-toggle:focus-visible{opacity:1}.spread__hit{z-index:2;position:absolute;inset:0}@media (hover:hover) and (prefers-reduced-motion:no-preference){.spread__img,.spread__video,.dcard__img{transition:transform .7s var(--ease-editorial)}:is(.spread__figure:hover .spread__img,.spread__figure:hover .spread__video,.dcard:not(:has(.dcard__video)):hover .dcard__img){transform:scale(1.045)}}.spread__empty{color:var(--ink-70);text-align:center;text-transform:none;letter-spacing:0;place-items:center;margin:0;padding:1rem;display:grid;position:absolute;inset:0}.spread__text{align-content:end;gap:1.25rem;display:grid}.spread__kicker{color:var(--ink-70)}.spread__headline{font-family:var(--display);font-size:var(--text-display-md);letter-spacing:-.025em;text-wrap:balance;margin:0;font-weight:700;line-height:1}.spread__paragraph{max-width:58ch;font-family:var(--voice);font-size:var(--body);white-space:pre-line;color:var(--ink);margin:0;font-weight:420;line-height:1.5}.spread__number{border-top:1px solid var(--ink-40);max-width:36ch;font-family:var(--voice);font-style:italic;font-weight:430;font-size:var(--caption-clip);color:var(--ink);margin:.5rem 0 0;padding-top:1rem;line-height:1.25}.spread__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;margin-top:.5rem;display:flex}.spread__chip{border:1px solid var(--ink-40);min-height:2.5rem;color:var(--ink-70);font-family:var(--display);font-size:var(--label);transition:color var(--t-fast) var(--ease-out), border-color var(--t-fast) var(--ease-out);border-radius:999px;align-items:center;padding:.4rem .9rem;line-height:1.2;text-decoration:none;display:inline-flex}.spread__chip:hover{color:var(--ink);border-color:var(--ink-70)}@media (max-width:899px),(pointer:coarse){.spread__chip{min-height:44px}}.spread__more{min-height:44px;font-family:var(--display);font-size:var(--label);letter-spacing:.02em;color:var(--ink-70);text-underline-offset:.2em;text-decoration:none;-webkit-text-decoration-color:var(--ink-40);text-decoration-color:var(--ink-40);transition:color var(--t-fast) var(--ease-out);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.spread__more:hover{color:var(--ink);text-decoration-line:underline}.spread__deliverables{--card-h:clamp(200px, 26vw, 340px);margin:.5rem calc(-1 * var(--gutter)) 0;padding:0 var(--gutter) .75rem;scroll-snap-type:x proximity;scroll-padding-inline:var(--gutter);scrollbar-width:thin;scrollbar-color:var(--ink-40) transparent;gap:1rem;list-style:none;display:flex;overflow-x:auto}.dcard{scroll-snap-align:start;flex:none;align-content:start;gap:.6rem;display:grid;position:relative}.dcard__media{height:var(--card-h);aspect-ratio:16/9;background:color-mix(in srgb, var(--ink) 6%, var(--bg));position:relative;overflow:hidden}.dcard[data-aspect="9:16"] .dcard__media{aspect-ratio:9/16}.dcard__img,.dcard__video{object-fit:cover}.dcard__video{z-index:1;width:100%;height:100%;position:absolute;inset:0}.dcard__blank{color:var(--ink-70);font-family:var(--voice);text-align:center;background:radial-gradient(circle at 30% 20%,#ff4b2b29,#0000 60%),radial-gradient(circle at 80% 90%,#ff4f9a24,#0000 55%),#f4efe70a;place-items:center;margin:0;padding:1.25rem;font-size:clamp(1rem,1.4vw,1.25rem);font-style:italic;line-height:1.3;display:grid;position:absolute;inset:0}.dcard__title{max-width:calc(var(--card-h) * 16 / 9);font-family:var(--display);font-size:var(--label);color:var(--ink);margin:0;font-weight:600;line-height:1.35}.dcard[data-aspect="9:16"] .dcard__title,.dcard[data-aspect="9:16"] .dcard__meta{max-width:calc(var(--card-h) * 9 / 16)}.dcard__link{color:inherit;text-underline-offset:.2em;text-decoration:none;-webkit-text-decoration-color:var(--ink-40);text-decoration-color:var(--ink-40)}.dcard__link:after{content:"";z-index:2;position:absolute;inset:0}.dcard__link:hover{text-decoration-line:underline}.dcard__meta{max-width:calc(var(--card-h) * 16 / 9);font-family:var(--display);font-size:var(--label);color:var(--ink-70);margin:0;line-height:1.35}.dcard__loop-toggle{z-index:3;background:color-mix(in srgb, var(--bg) 55%, transparent);width:44px;height:44px;color:var(--ink);cursor:pointer;opacity:.7;transition:opacity var(--t-fast) var(--ease-out);border:0;border-radius:999px;place-items:center;padding:0;display:grid;position:absolute;top:.5rem;right:.5rem}.dcard__loop-toggle:hover,.dcard__loop-toggle:focus-visible{opacity:1}@media (scripting:none){.spread__video,.spread__loop-toggle,.dcard__video,.dcard__loop-toggle{display:none}}@media (min-width:900px){.spread{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:2.5rem 1.5rem}.spread--landscape .spread__figure{grid-column:1/8}.spread--landscape .spread__text{grid-column:8/13}.spread--portrait .spread__figure{grid-column:1/6}.spread--portrait .spread__text,.spread--flip.spread--landscape .spread__figure{grid-column:6/13}.spread--flip.spread--landscape .spread__text{grid-area:1/1/auto/6}.spread--flip.spread--portrait .spread__figure{grid-column:8/13}.spread--flip.spread--portrait .spread__text{grid-area:1/1/auto/8}.spread__deliverables{grid-column:1/-1}.spread--standalone.spread--landscape .spread__figure{grid-column:1/13}.spread--standalone.spread--landscape .spread__text{grid-column:1/9}}.work-page{padding-top:calc(var(--header-h) + 2rem);background:var(--bg);color:var(--ink);padding-bottom:clamp(5rem,12vh,9rem)}.work-page__folio{color:var(--ink-70);margin:0 0 1.5rem}.work-page .spread{margin-top:0;padding-top:0}.work-page__nav{border-top:1px solid var(--ink-40);flex-wrap:wrap;justify-content:space-between;gap:1rem 2rem;margin-top:clamp(3rem,6vh,5rem);padding-top:1.5rem;display:flex}.work-page__link{min-height:44px;font-family:var(--display);font-size:var(--label);letter-spacing:.02em;color:var(--ink);text-underline-offset:.2em;text-decoration:none;-webkit-text-decoration-color:var(--ink-40);text-decoration-color:var(--ink-40);align-items:center;gap:.5rem;font-weight:600;display:inline-flex}.work-page__link--quiet{color:var(--ink-70);font-weight:500}.work-page__link:hover{color:var(--ink);text-decoration-line:underline}
