:root{--shade-k:1;--tray-r:22px;--tray-lip:6px;--lit:#ffffff12;--tray-bg:color-mix(in srgb, var(--surface) 72%, var(--paper));--pill-top:color-mix(in srgb, white 7%, var(--surface));--pill-shadow:var(--k-raised), inset 0 0 0 1px color-mix(in srgb, var(--rule) 80%, transparent);--pill-shadow-hover:var(--k-raised-hover), inset 0 0 0 1px color-mix(in srgb, var(--ink-3) 70%, transparent);--pill-shadow-press:var(--k-raised-press), inset 0 0 0 1px color-mix(in srgb, var(--rule) 80%, transparent)}.case-tray{padding:var(--tray-lip);border-radius:var(--tray-r);background-color:var(--tray-bg);background-image:var(--k-face);box-shadow:var(--k-card)}.case-core{border-radius:calc(var(--tray-r) - var(--tray-lip));background:var(--paper-2);position:relative;overflow:hidden}.case-core:after{content:"";border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--rule) 55%, transparent), inset 1px 1px 0 #ffffff12;position:absolute;inset:0}.case-slot{border-radius:calc(var(--tray-r) - var(--tray-lip));border:1px dashed var(--ink-3);background:var(--paper-2)}.case-pill{background:linear-gradient(180deg, var(--pill-top), var(--surface));min-height:2.5rem;box-shadow:var(--k-raised);font-family:var(--font-sans);font-size:var(--fs-small);color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:translate var(--k-dur) var(--k-ease), box-shadow var(--k-dur) var(--k-ease), color var(--dur-1) ease;border:0;border-radius:999px;align-items:center;gap:.625rem;padding-inline:1.125rem 1rem;font-weight:500;line-height:1.2;display:inline-flex}.case-pill-sm{min-height:2rem;padding-inline:.875rem;font-size:.8125rem}.case-pill-icon{width:2.5rem;color:var(--ink-2);justify-content:center;padding:0}.case-pill:disabled{opacity:.4;cursor:inherit;box-shadow:var(--k-raised);translate:none}.case-option:has(:checked){box-shadow:var(--k-top), inset 0 0 0 1.5px var(--work), var(--k-contact), var(--k-ambient)}.case-option:has(:focus-visible){outline:2px solid var(--ink-2);outline-offset:3px}@media (hover:hover) and (pointer:fine){.case-pill:hover:not(:disabled){translate:0 var(--k-lift);box-shadow:var(--k-raised-hover)}}.case-pill:active:not(:disabled){translate:0 var(--k-sink);box-shadow:var(--k-raised-press);transition-duration:var(--k-dur-press)}.case-pill:focus-visible{outline:2px solid var(--ink-2);outline-offset:3px}.case-chip{background:color-mix(in srgb, var(--paper) 82%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:1.75rem;box-shadow:inset 0 1px 0 var(--lit), inset 0 0 0 1px color-mix(in srgb, var(--rule) 80%, transparent), 2px 4px 10px -4px rgb(0 0 0/calc(.5 * var(--shade-k,1)));color:var(--ink);white-space:nowrap;transition:opacity var(--dur-2) ease;border-radius:999px;align-items:center;padding-inline:.75rem;font-size:.8125rem;font-weight:500;line-height:1.2;display:inline-flex}@media (prefers-reduced-motion:reduce){.case-pill{transition:box-shadow var(--dur-1) ease, color var(--dur-1) ease}}.case-head{--hero-h:min(58vh, 580px);padding-top:clamp(1.5rem,.75rem + 2.5vw,3.5rem)}.case-head-grid{grid-template-columns:minmax(0, 1fr) min(var(--col), 100%) minmax(0, 1fr);grid-template-rows:auto auto auto auto auto auto auto 1fr;display:grid}.case-head-grid>*{grid-column:2}.case-head-dek{color:var(--ink);margin-top:1rem}.case-head-grid>.case-hero{grid-area:3/1/auto/-1;margin-top:clamp(1.25rem,1rem + 1vw,2rem)}.case-head-grid>.case-summary{grid-row:4}.case-head-grid>.case-quick{grid-row:5}.case-head-grid>.case-byline{grid-row:6}.case-head-grid>.case-meta{grid-row:7}.case-hero-frame{width:min(100%, var(--wide), calc(var(--cw) * 1px + 12px), calc(var(--hero-h) * var(--cr) + 12px))}.case-hero-frame:not(.case-tray){width:min(100%, var(--wide), calc(var(--cw) * 1px), calc(var(--hero-h) * var(--cr)))}.case-hero-core{aspect-ratio:var(--cr)}@media not (min-width:40rem){.case-hero-core[data-narrow]{aspect-ratio:var(--cr-narrow)}}.case-hero-core[data-narrow] img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.case-meta,.case-byline,.case-facts{gap:1.125rem 2rem;margin-top:2.25rem;display:grid}.case-byline+.case-meta{margin-top:1.125rem}@media (min-width:30rem){.case-meta,.case-byline,.case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}.case-facts{display:none}.case-meta dt,.case-byline dt,.case-facts dt{color:var(--ink);font-weight:500}.case-meta dd,.case-byline dd,.case-facts dd{color:var(--ink-2);text-wrap:pretty;margin-top:.125rem}@media (min-width:64rem){.case-head[data-cover=stack] .case-head-grid{max-width:var(--wide);grid-template-rows:auto auto 1fr auto auto auto;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);column-gap:clamp(2.5rem,5vw,4.5rem);margin-inline:auto}.case-head[data-cover=stack] .case-head-grid>.case-head-title{grid-area:1/1}.case-head[data-cover=stack] .case-head-grid>.case-head-dek{grid-area:2/1}.case-head[data-cover=stack] .case-head-grid>.case-byline{grid-area:3/1;grid-template-columns:minmax(0,1fr);align-self:start;gap:.875rem;margin-top:1.5rem}.case-head[data-cover=stack] .case-head-grid>.case-summary{grid-area:1/2/5;margin-top:.75rem}.case-head[data-cover=stack] .case-head-grid>.case-quick{grid-area:4/1;margin-top:1.5rem}.case-head[data-cover=stack] .case-head-grid>.case-hero{grid-area:5/1/auto/-1;margin-top:clamp(1.75rem,1rem + 2vw,2.75rem)}.case-head[data-cover=stack] .case-head-grid>.case-meta{grid-area:6/1/auto/-1;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:2.5rem}.case-head[data-cover=side]{--hero-h:min(72vh, 680px)}.case-head[data-cover=side] .case-head-grid{grid-template-rows:auto auto auto auto auto auto auto 1fr;grid-template-columns:minmax(0,26rem) minmax(0,1fr);column-gap:clamp(2rem,4vw,4rem)}.case-head[data-cover=side] .case-head-grid>:not(.case-hero){grid-column:1}.case-head[data-cover=side] .case-head-grid>.case-hero{grid-area:1/2/9;align-self:start;margin-top:.5rem}.case-head[data-cover=side] .case-head-grid>.case-hero .case-hero-frame{width:min(100%, calc(var(--hero-h) * var(--cr) + 12px));margin-inline:0}.case-head[data-cover=side] .case-head-grid>.case-hero .case-hero-frame:not(.case-tray){width:min(100%, calc(var(--hero-h) * var(--cr)))}.case-head[data-cover=side] .case-head-grid>.case-hero .case-caption{margin-inline:0}.case-head[data-cover=side] .case-head-grid>.case-meta{display:none}.case-head[data-cover=side] .case-facts{max-width:var(--col);margin-top:2rem;display:grid}}.case-summary{margin-top:2.5rem;container-type:inline-size}.case-summary dl{font-size:1rem;line-height:1.5}.case-summary dl>div+div{margin-top:1.125rem}.case-summary dt{color:var(--ink);font-weight:500}.case-summary dd{color:var(--ink-2);text-wrap:pretty;margin-top:.125rem}@container (min-width:34rem){.case-summary dl>div{grid-template-columns:7.75rem minmax(0,1fr);column-gap:1rem;display:grid}.case-summary dd{margin-top:0}}.case-quick{margin-top:1.75rem}.case-body,.case-quick-end,.case-next{margin-top:var(--flow-section)}:root[data-theme=light]{--shade-k:.3;--lit:#ffffffe6}
.hs{padding-top:clamp(7rem,4rem + 9vw,12rem)}.hs-intro{max-width:52rem}.hs-line{max-width:34rem;color:var(--ink-2);text-wrap:pretty;margin-top:1.5rem}.hs-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.hs-label{color:var(--ink-2)}.hs-work{margin-top:clamp(5rem,3rem + 6vw,9rem)}.hs-list{gap:clamp(3rem,2rem + 3vw,5rem);margin-top:1.5rem;display:grid}.hs-row{color:inherit;border-radius:var(--tray-r);gap:1.5rem;text-decoration:none;display:grid}@media (min-width:48rem){.hs-row{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(2rem,1rem + 2.5vw,4rem)}}.hs-row:focus-visible{outline:2px solid var(--ink);outline-offset:6px}.hs-core{aspect-ratio:16/10}.hs-img{object-fit:cover;width:100%;height:100%;display:block}.hs-title{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.hs-arrow{color:var(--ink-2);flex:none;transition:transform .2s cubic-bezier(.2,0,0,1),color .2s}.hs-outcome{color:var(--ink-2);text-wrap:pretty;max-width:34rem;margin-top:.875rem}@media (hover:hover) and (pointer:fine){.hs-row:hover .hs-arrow{color:var(--ink);transform:translate(2px,-2px)}}@media (prefers-reduced-motion:reduce){.hs-row:hover .hs-arrow{transform:none}}.hs-soon{margin-top:1.5rem}.hs-chip{border:1px solid var(--rule);color:var(--ink-2);background:color-mix(in oklab, var(--paper) 70%, transparent);border-radius:999px;align-items:center;margin-bottom:1.25rem;padding:.3125rem .75rem;display:inline-flex}.hs-chip-quiet{flex:none;margin-bottom:0}.hs-soon-card{cursor:default}.hs-soon-core{justify-content:space-between;align-items:center;gap:1rem;padding:clamp(1.25rem,1rem + 1vw,1.75rem) clamp(1.25rem,1rem + 1.5vw,2rem);display:flex}.hs-soon-title{color:var(--ink-2);margin-top:.25rem}
