@layer reset,variables,base,layout,components;@layer page{.case-header h1{max-inline-size:22ch}.case-back{font-family:var(--font-label);font-weight:900;font-size:var(--fs-sm);text-transform:uppercase;letter-spacing:var(--tracking-label);color:var(--text-muted);text-decoration:none;display:inline-block}@media (hover:hover){.case-back:hover{color:var(--text)}}.case-vertical{color:inherit;text-decoration-line:underline;text-decoration-color:var(--accent);text-underline-offset:.2em}.case-vertical:hover{color:var(--text)}.case-context{color:var(--text-muted)}.case-hero__media{max-inline-size:var(--measure)}.case-hero__media.media-frame--portrait{max-inline-size:18rem}.narrative{max-inline-size:var(--measure);color:var(--text-muted)}.narrative>*+*{margin-block-start:var(--space-md)}.narrative strong{color:var(--text)}.deliverables{gap:var(--space-sm);counter-reset:deliverable;max-inline-size:var(--measure);padding:0;list-style:none;display:grid}.deliverables__item{counter-increment:deliverable;grid-template-columns:var(--space-lg) 1fr;column-gap:var(--space-2xs);display:grid}.deliverables__item:before{content:counter(deliverable, decimal-leading-zero);font-family:var(--font-label);font-weight:900;font-size:var(--fs-sm);letter-spacing:var(--tracking-label);color:var(--accent-text);grid-area:1/1}.deliverables__name{color:var(--text);grid-column:2}.deliverables__detail{font-size:var(--fs-sm);color:var(--text-muted);grid-column:2}.case-header,.case-made{--section-pad:clamp(var(--space-lg), 1.5rem + 3vw, var(--space-2xl))}.case-made{--bleed:max(var(--gutter), (100vw - var(--wrap-max)) / 2 + var(--gutter));overflow-x:clip}.case-made__grid{gap:var(--space-lg);display:grid}.case-frames{gap:var(--space-sm);grid-template-columns:repeat(2,1fr);align-items:end;margin-inline-start:10%;margin-inline-end:calc(-1 * var(--bleed));display:grid}.case-frames__frame{display:block}.case-frames__frame:focus-visible{border-color:var(--accent)}@media (hover:hover){.case-frames__frame:hover{border-color:var(--accent)}}.case-frames__label{padding:var(--space-3xs) var(--space-2xs);background:var(--scrim);font-family:var(--font-label);letter-spacing:var(--tracking-label);text-transform:uppercase;color:var(--text);text-wrap:balance;font-size:.6875rem;font-weight:900;position:absolute;inset-block-end:0;inset-inline-start:0}.case-made{--overhang:calc(-1 * (var(--section-pad) + clamp(2rem, 1rem + 6vw, 6rem)))}@media (width<=57.99rem){.case-frames{display:contents}.case-made__grid>.narrative{order:0}.case-made__grid>.deliverables{order:2}.case-frames__frame{inline-size:calc(52% + var(--bleed));order:1;justify-self:end;margin-inline-end:calc(-1 * var(--bleed))}.case-frames__frame:last-child:not(:first-child){z-index:1;order:3;justify-self:start;margin-block-end:var(--overhang);margin-inline-start:calc(-1 * var(--bleed));margin-inline-end:0;position:relative}.case-frames__frame:first-child{border-inline-end-width:0}.case-frames__frame:last-child:not(:first-child){border-inline-start-width:0}.case-made{--overhang:calc(-1 * (var(--section-pad) + clamp(1rem, .5rem + 2vw, 1.5rem)))}.case-back{padding-block:var(--space-2xs);margin-block:calc(-1 * var(--space-2xs))}}@media (width<=47.99rem){.case-frames__frame{inline-size:min(calc(52% + var(--bleed)), calc(18rem + var(--bleed)))}.case-frames__frame:last-child:not(:first-child) .case-frames__label{padding-inline-start:var(--bleed)}}@media (width>=48rem) and (width<=57.99rem){.case-made__grid{column-gap:var(--space-lg);grid-template-columns:minmax(0,1fr) 14rem}.case-made__grid>.narrative{grid-area:1/1}.case-made__grid>.deliverables{grid-area:2/1;align-self:start}.case-frames__frame{inline-size:calc(100% + var(--bleed));grid-area:1/2;place-self:start;margin-inline-end:calc(-1 * var(--bleed))}.case-frames__frame:last-child:not(:first-child){border-inline-start-width:var(--frame-w);border-inline-end-width:0;grid-area:2/2;align-self:end;margin-inline-start:0;margin-inline-end:calc(-1 * var(--bleed))}}@media (width<=35.99rem){.case-header>.wrap{--stack-gap:var(--space-md)}.case-header h1{font-size:clamp(2.75rem,13.5vw,3.5rem)}}@media (width>=58rem){.case-made__grid{grid-template-columns:minmax(0, var(--measure)) minmax(0, 1fr);column-gap:var(--space-2xl);grid-template-rows:auto 1fr}.case-made__grid>.narrative{grid-area:1/1}.case-made__grid>.deliverables{grid-area:2/1;align-self:start}.case-frames{z-index:1;grid-area:1/2/-1;align-self:end;margin-block-end:var(--overhang);margin-inline-start:0;position:relative}}}