.work-page{padding-top:clamp(40px,7vh,96px)}.work-all{--spine:clamp(64px, 9vw, 150px);grid-area:auto/1/auto/-1;grid-template-columns:minmax(0,1fr);row-gap:clamp(20px,3vh,44px);margin:0;padding:0;list-style:none;display:grid}.work-all>li{width:calc(50% - var(--spine) / 2)}.work-all>li:nth-child(2n){justify-self:end}.work-all{row-gap:0}.work-all>li:nth-child(2n){margin-top:-31%}.work-all>li{--drawn:0}.work-one:before{content:"";z-index:3;pointer-events:none;border:1px solid var(--accent);clip-path:inset(0 0 calc((1 - var(--drawn,1)) * 100%) 0);transition:clip-path .55s cubic-bezier(.33,0,.2,1);position:absolute;inset:0}.work-one{--card-pad:clamp(14px, 1.6vw, 22px);--say-pad:clamp(2px, .4vw, 8px);padding:var(--card-pad);background-color:var(--row-ground);color:var(--row-ink);--row-ink:var(--paper);--row-ground:color-mix(in srgb, var(--paper) 6%, var(--ink));gap:clamp(14px,1.6vw,24px);transition:background-color .34s,color .34s;display:grid;position:relative}@media (hover:hover){.work-one:hover{--row-ink:var(--ink);--row-ground:var(--paper)}.work-shot img{transition:transform .5s}.work-one:hover .work-shot img{transform:scale(1.07)}}.work-shot{aspect-ratio:16/9;background-color:color-mix(in srgb, var(--row-ink) 9%, var(--row-ground));transition:background-color .34s;display:block;position:relative;overflow:hidden}.work-shot img{transform:scale(1.02)}.work-shot .hero-paper{--cell:var(--cell-page,clamp(64px, 7.4vw, 108px));--rule:color-mix(in srgb, var(--row-ink) 14%, transparent)}.work-shot img{width:86%;height:auto;display:block;position:absolute;bottom:0;left:50%;translate:-50%}.work-of{padding:0 var(--say-pad) clamp(4px, .6vw, 10px);gap:clamp(8px,.9vw,14px);display:grid}.work-meta{font-size:var(--meta);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);font-weight:600}.work-of h3{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.005em;text-transform:uppercase;margin:0;font-size:clamp(22px,2.4vw,38px);font-weight:700;line-height:1.04}.work-of .work-tags{flex-wrap:wrap;gap:clamp(6px,.6vw,10px);margin:clamp(2px,.3vw,6px) 0 0;padding:0;list-style:none;display:flex}.work-of .work-tags li{background-color:var(--accent);font-size:calc(var(--meta) * .86);letter-spacing:.08em;text-transform:uppercase;color:var(--on-accent);padding:clamp(4px,.45vw,7px) clamp(7px,.8vw,12px);font-weight:500;line-height:1}.work-line{color:color-mix(in srgb, var(--row-ink) 72%, var(--row-ground));font-size:clamp(13px,1vw,16px);line-height:1.6}.work-open{color:inherit;font-size:var(--meta);letter-spacing:.06em;text-transform:uppercase;justify-self:start;align-items:center;gap:12px;margin-top:clamp(4px,.6vw,10px);font-weight:600;text-decoration:none;display:inline-flex}.work-open span{background-color:var(--accent);width:34px;height:34px;color:var(--on-accent);flex:none;place-items:center;display:grid}.work-open svg{width:16px;height:16px}.work-of>*{opacity:0}.work-all>li.is-in .work-of>*{animation:.7s cubic-bezier(.16,1,.3,1) both band-rise}.work-all>li.is-in .work-of>:first-child{animation-delay:50ms}.work-all>li.is-in .work-of>:nth-child(2){animation-delay:.13s}.work-all>li.is-in .work-of>:nth-child(3){animation-delay:.23s}.work-all>li.is-in .work-of>:nth-child(4){animation-delay:.32s}.work-all>li.is-in .work-of>:nth-child(5){animation-delay:.41s}.work-all>li.is-shown .work-of>*{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.work-of>*{opacity:1;animation:none}}.case-over{padding:clamp(64px, 10vh, 140px) var(--gutter);background-color:var(--band);color:var(--paper)}.case-over-head,.case-over-story,.case-system-rows{width:100%;max-width:var(--sheet);--gap:var(--band-gap);--action-col:calc(var(--meta) * 9.5 + 56px);--over-title:min(var(--count-rule), calc((100cqw - var(--label-col) - var(--action-col) - 2 * var(--gap)) / 9.33));margin-inline:auto;container-type:inline-size}.case-over-head{grid-template-columns:var(--label-col) minmax(0, 1fr) var(--action-col);column-gap:var(--gap);display:grid}.case-over .grid-motion{margin:clamp(44px, 7vh, 96px) calc(-1 * var(--gutter));width:calc(100% + 2 * var(--gutter))}.case-over-label-hold{grid-area:1/1}.case-over-label{top:calc(var(--bar-h) + clamp(20px, 4vh, 44px));margin:0;margin-top:calc(.16 * var(--over-title) - .125 * var(--meta));color:var(--accent);line-height:1;font-size:var(--meta);letter-spacing:.12em;text-transform:uppercase;white-space:nowrap;font-weight:600;position:sticky}.case-over-head>h2{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;font-size:var(--over-title);letter-spacing:-.005em;text-transform:uppercase;grid-area:1/2;margin:0;font-weight:700;line-height:1.02}.case-over-head>h2 span{color:var(--accent)}.case-over-more{margin-bottom:calc(.08 * var(--over-title));color:inherit;font-size:var(--meta);letter-spacing:.06em;text-transform:uppercase;white-space:nowrap;grid-area:1/3;place-self:end;align-items:center;gap:14px;font-weight:600;text-decoration:none;display:inline-flex}.case-over-more span{background-color:var(--accent);width:42px;height:42px;color:var(--on-accent);place-items:center;display:grid}.case-over-more svg{width:18px;height:18px}.case-over-lead{font-size:var(--read);color:color-mix(in srgb, var(--paper) 72%, var(--band));grid-area:2/2;margin:clamp(18px,2.4vw,34px) 0 0;line-height:1.62}.case-over-story{--story-air:clamp(40px, 6vh, 88px);gap:var(--story-air);margin-block:clamp(48px,8vh,110px) 0;display:grid}.case-over-story section{padding-inline:calc(var(--story-air) / 2);grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);align-items:start;column-gap:clamp(20px,2.4vw,48px);display:grid}.case-over-story h2{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:clamp(17px,1.5vw,28px);font-weight:600;line-height:1.2}.case-over-story p{margin:0;font-size:clamp(14px,1.1vw,18px);line-height:1.65}.case-count{padding:clamp(48px, 7vh, 96px) var(--gutter);background-color:var(--band);color:var(--paper)}.case-count ul{width:100%;max-width:var(--sheet);grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,4vw,56px);margin-inline:auto;padding:0;list-style:none;display:grid;container-type:inline-size}.case-count li{text-align:center;justify-items:center;gap:10px;display:grid}.case-count b{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;font-size:min(var(--count-rule), calc(100cqw / 3 / 2.63));font-weight:700;line-height:.92}.case-count span{font-size:var(--meta);letter-spacing:.08em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 62%, var(--ink));font-weight:500}.case-said{padding:clamp(56px, 9vh, 120px) var(--gutter);background-color:var(--ink);color:var(--paper)}.case-said blockquote{width:100%;max-width:var(--sheet);margin:0 auto}.case-said p{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.005em;text-transform:uppercase;margin:0;font-size:clamp(22px,3.2vw,52px);font-weight:700;line-height:1.12}.case-said footer{font-size:var(--meta);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-top:clamp(18px,2.4vw,32px);font-weight:600}.case-said footer span{color:color-mix(in srgb, var(--paper) 62%, var(--ink))}.case-mock{background-color:var(--ink);aspect-ratio:16/9;border-bottom:1px solid color-mix(in srgb, var(--paper) 14%, transparent);line-height:0;position:relative;overflow:hidden}.case-mock-art{object-fit:cover;object-position:center center;will-change:transform;width:100%;height:116%;display:block;position:absolute;top:-8%;left:0}.case-mock-low{aspect-ratio:var(--shape,3 / 2)}@media (max-width:900px){.case-mock:not(.case-mock-low){aspect-ratio:4/3}}.case-system{padding:clamp(64px, 10vh, 140px) var(--gutter);background-color:var(--ink);color:var(--paper);border-bottom:1px solid color-mix(in srgb, var(--paper) 14%, transparent)}.case-system-rows{--story-air:clamp(40px, 6vh, 88px);gap:var(--story-air);display:grid}.case-system-rows>section{padding-inline:calc(var(--story-air) / 2);grid-template-columns:minmax(0,1fr) minmax(0,1.9fr);align-items:start;column-gap:clamp(20px,2.4vw,48px);display:grid}.case-system-rows h3{letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin:0;font-size:clamp(17px,1.5vw,28px);font-weight:600}.case-swatches,.case-faces{margin:0;padding:0;list-style:none;display:grid}.case-swatches{gap:clamp(10px,1.6vh,18px)}.case-swatches li{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:4px clamp(12px,1.6vw,22px);display:grid}.case-swatches li+li{border-top:1px solid color-mix(in srgb, var(--paper) 12%, transparent);padding-top:clamp(10px,1.6vh,18px)}.case-swatches li>span{aspect-ratio:1;background-color:var(--chip);width:clamp(38px,4vw,54px);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--paper) 22%, transparent);grid-row:1/span 2}.case-swatches strong{font-size:var(--read);font-weight:600}.case-swatches code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:var(--meta);letter-spacing:.04em;color:color-mix(in srgb, var(--paper) 62%, var(--ink))}.case-swatches em{font-style:normal;font-size:var(--meta);color:color-mix(in srgb, var(--paper) 62%, var(--ink));grid-column:2/span 2}.case-faces{gap:clamp(14px,2vh,24px)}.case-faces li{gap:6px;display:grid}.case-faces strong{font-family:var(--font-display), var(--font-sans), system-ui, sans-serif;letter-spacing:-.005em;font-size:clamp(22px,2.4vw,38px);font-weight:700;line-height:1.04}.case-faces span{font-size:var(--meta);letter-spacing:.06em;text-transform:uppercase;color:color-mix(in srgb, var(--paper) 62%, var(--ink))}@media (max-width:1100px){.case-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.work-all{grid-template-columns:minmax(0,1fr);row-gap:clamp(22px,5vw,34px)}.work-all>li,.work-all>li:nth-child(2n){justify-self:stretch;width:100%;margin-top:0}.work-all>li.is-on .work-one{--row-ink:var(--ink);--row-ground:var(--paper)}.work-of .work-tags li{padding:clamp(6px,1.6vw,8px) clamp(10px,2.6vw,14px);font-size:clamp(12px,3.2vw,14px)}.work-one:before{display:none}.case-story section{grid-template-columns:minmax(0,1fr);gap:clamp(10px,2.4vw,16px)}.case-facts{gap:calc(clamp(16px, 4vw, 24px) + var(--mark))}.case-count ul{grid-template-columns:minmax(0,1fr);gap:clamp(22px,5vw,34px)}.case-count b{font-size:min(var(--count-rule), calc(100cqw / 2.63))}.case-over-head{--label-col:0px;--action-col:0px;--gap:0px;grid-template-columns:minmax(0,1fr);row-gap:clamp(14px,3vh,26px)}.case-over-label-hold{grid-area:1/1}.case-over-head>h2{grid-area:2/1}.case-over-lead{grid-area:3/1;margin-top:0}.case-over-more{grid-area:4/1;place-self:auto start;margin-bottom:0}.case-over-label{margin-top:0;position:static}.case-over-story section,.case-system-rows>section{grid-template-columns:minmax(0,1fr);row-gap:clamp(12px,2.6vh,20px);padding-inline:0}}