@property --wf-edge-top{syntax:"<length>";inherits:false;initial-value:0}@property --wf-edge-bottom{syntax:"<length>";inherits:false;initial-value:0}.sp-table:has(>#pf2-cases[data-shut=home]){clip-path:polygon(0 calc(min(0px, calc(var(--sp-edge-a) - 1px)) + var(--wf-edge-top)), 100% calc(var(--sp-edge-a) + min(0px, calc(var(--sp-edge-a) - 1px)) + var(--wf-edge-top)), 100% calc(100% - min(0px, calc(var(--sp-edge-b) - 1px)) + var(--wf-edge-bottom)), 0 calc(100% - var(--sp-edge-b) - min(0px, calc(var(--sp-edge-b) - 1px)) + var(--wf-edge-bottom)));background-position:0 var(--wf-edge-top), 0 var(--wf-edge-bottom), 0 0, 0 var(--wf-edge-top);background-repeat:no-repeat,no-repeat,repeat,no-repeat}.sp-table:has(>#pf2-cases[data-shut=home]):before,.sp-table:has(>#pf2-cases[data-shut=home]):after{content:"";pointer-events:none;background-color:var(--m15-surface-dark);position:absolute;left:0;right:0}.sp-table:has(>#pf2-cases[data-shut=home]):before{height:var(--wf-reach-above,0px);background-image:var(--sp-shade-a), var(--m15-table-grain), radial-gradient(clamp(620px, 78vw, 1400px) clamp(440px, 54vw, 900px) at 28% calc(50% + 140px), #808a9a13 0%, #808a9a12 8.33%, #808a9a10 16.67%, #808a9a0c 25%, #808a9a09 33.33%, #808a9a06 41.67%, #808a9a04 50%, #808a9a03 58.33%, #808a9a02 66.67%, #808a9a01 75%, #808a9a00 83.33%, #808a9a00 91.67%, #808a9a00 100%);background-position:0 100%,0 0,0 0;background-repeat:no-repeat,repeat,no-repeat;background-size:auto,160px 160px,100% 200%;bottom:100%}.sp-table:has(>#pf2-cases[data-shut=home]):after{height:var(--wf-reach-below,0px);background-image:var(--sp-shade-b), var(--m15-table-grain);background-position:0 0,0 0;background-repeat:no-repeat,repeat;background-size:auto,160px 160px;top:100%}.sp-table:has(>#pf2-cases[data-shut=home]),#pf2-cases[data-shut=home]{--wf-head:clamp(72px, 6.4vw, 112px);--wf-foot:clamp(34px, 3.4vw, 58px)}.sp-table:has(>#pf2-cases[data-shut=home]){padding-bottom:calc(var(--wf-head) - var(--wf-foot) + var(--sp-edge-b))}@media (width<=900px){.sp-table:has(>#pf2-cases[data-shut=home]),#pf2-cases[data-shut=home]{--wf-foot:48px}}#pf2-cases[data-shut=home]{--wf-fs:clamp(36px, 4vw, 56px);--wf-p:clamp(140px, 11.5vw, 236px);--wf-gap:clamp(48px, 5vw, 96px);--wf-plate-gap:clamp(10px, 1.25vw, 22px);--wf-ink:var(--m15-table-ink,#f5f4f1f0);--wf-ink-2:var(--m15-table-ink-2,#f5f4f1bd);--wf-ink-3:var(--m15-table-ink-3,#f5f4f194);--wf-rule:var(--m15-table-rule,#f5f4f124);--wf-dot:#f5f4f16b;--wf-backing:#f5f4f10d;--wf-contact:0 0 0 .5px #0000008c, 0 2px 3px -1px #00000080, 4px 9px 16px -7px #0009;padding:var(--wf-head) 0 0}#pf2-cases[data-shut=home] .work-statement{letter-spacing:-.03em;font-size:clamp(40px,min(6.6vw,12.6svh),124px);line-height:.94}#pf2-cases[data-shut=home] .case{--strip-shift:0px}#pf2-cases[data-shut=home] .case:not(.is-open){--plate:var(--wf-p);--plate-gap:var(--wf-plate-gap)}#pf2-cases[data-shut=home] .case .ci{transition:box-shadow .24s linear}#pf2-cases[data-shut=home] .case:not(.is-open):not(.is-closing) .ci{background:var(--wf-backing)}#pf2-cases[data-shut=home] .case:not(.is-open):not(.is-closing):not(.is-morphing) .ci{box-shadow:var(--wf-contact)}@media (hover:hover) and (pointer:fine){#pf2-cases[data-shut=home] .case:not(.is-open):not(.is-closing) .case-row:hover:after{background:0 0}#pf2-cases[data-shut=home] .case:not(.is-open):not(.is-closing) .case-row:hover:not(:has(.case-toggle:focus-visible)) .case-surface{opacity:0}}#pf2-cases[data-shut=home] .case .ci:after{content:"";z-index:3;opacity:1;pointer-events:none;background:linear-gradient(#ecf0f633,#ecf0f633) 0 0/100% .5px no-repeat,linear-gradient(#ecf0f633,#ecf0f633) 0 0/.5px 100% no-repeat,linear-gradient(#0000006b,#0000006b) 0 100%/100% .5px no-repeat,linear-gradient(#0000006b,#0000006b) 100% 0/.5px 100% no-repeat;display:block;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){#pf2-cases[data-shut=home] .case:is(.is-open,.is-closing) .ci:after{display:none}}#pf2-cases[data-shut=home] .case .ci:has(>:is(img,video):is(.is-transition-source,.is-hover-source)){box-shadow:none;background:0 0}#pf2-cases[data-shut=home] .case .ci:has(>:is(img,video):is(.is-transition-source,.is-hover-source)):after{display:none}#pf2-cases[data-shut=home] .case .case-surface{background:0 0}#pf2-cases[data-shut=home] .case .case-name{font-size:var(--wf-fs);letter-spacing:-.03em;text-transform:uppercase;white-space:nowrap;color:var(--wf-ink);line-height:.86}#pf2-cases[data-shut=home] .case .case-tags{gap:0}#pf2-cases[data-shut=home] .case .case-tag{min-width:0;height:auto;color:var(--wf-ink-3);font:500 11px/16px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;background:0 0;padding:0;display:inline-block}#pf2-cases[data-shut=home] .case .case-tag+.case-tag{background:radial-gradient(circle closest-side, var(--wf-dot) 70%, transparent 100%) no-repeat calc(.55em + .5ch - 1.25px) calc(50% - .5px) / 2.5px 2.5px;padding-left:calc(1.24em + 1ch)}@media (hover:hover) and (pointer:fine){#pf2-cases[data-shut=home] .case-row:hover .case-tag{background-color:#0000}}#pf2-cases[data-shut=home] .case-toggle:focus-visible:not([data-focus-quiet])~.case-heading .case-tag{background-color:#0000}#pf2-cases[data-shut=home] .case .case-mark{visibility:hidden!important}#pf2-cases[data-shut=home] .case .case-shut{top:26px;right:var(--margin,20px);z-index:2;pointer-events:none;font:500 11px/16px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--wf-ink);align-items:center;gap:.6em;position:absolute}@media (hover:none) and (width>=901px){#pf2-cases[data-shut=home] .case .case-row .case-desc{margin-top:max(16px,52px - clamp(30px,2.8vw,48px))}}#pf2-cases[data-shut=home] .case-row:before{background:var(--wf-rule)}#pf2-cases[data-shut=home] .case:last-child{border-bottom-color:#0000}#pf2-cases[data-shut=home] .case-list-end{visibility:hidden}#pf2-cases[data-shut=home] .case .case-desc{color:var(--wf-ink-2)}@media (width>=901px){#pf2-cases[data-shut=home] .case .case-heading{margin-top:calc(var(--wf-fs) * -.14);align-self:start;row-gap:18px}#pf2-cases[data-shut=home] .case .case-row{grid-template-columns:minmax(max-content, calc(max(var(--wf-fs) * var(--wf-name,5.2), var(--wf-tags,395px)) + var(--wf-gap))) 0px minmax(0, 1fr);padding-top:clamp(30px,2.8vw,48px);padding-bottom:var(--wf-foot);gap:0}#pf2-cases[data-shut=home] .case:not(.is-open) .case-lead{display:contents}#pf2-cases[data-shut=home] .case:not(.is-open) .case-strip{width:calc(100% + var(--margin));grid-area:1/3;align-self:start;align-items:flex-start;margin-left:0}@media (hover:hover) and (pointer:fine){#pf2-cases[data-shut=home] .case:not(.is-open):not(.is-closing):not(.is-morphing) .case-strip{clip-path:inset(-16px 0 -48px -16px)}}#pf2-cases[data-shut=home] .case .case-desc{grid-area:1/3;place-self:start end;max-width:46ch;margin:-2px 0 0}#pf2-cases[data-shut=home] .case.is-open .case-row{row-gap:22px}}@media (width<=900px){#pf2-cases[data-shut=home]{--wf-fs:30px;--wf-p:calc(clamp(140px, 38vw, 190px) * 1.12)}#pf2-cases[data-shut=home] .work-statement{font-size:clamp(38px,11.2vw,56px)}#pf2-cases[data-shut=home] .work-label{margin-top:28px}#pf2-cases[data-shut=home] .case .case-name{letter-spacing:-.01em;line-height:.92}#pf2-cases[data-shut=home] .case .case-heading{grid-column:1/-1;row-gap:14px}#pf2-cases[data-shut=home] .case .case-tags{max-width:calc(100vw - 2 * var(--margin));flex-wrap:wrap}#pf2-cases[data-shut=home] .case .case-row{padding-top:26px;padding-bottom:var(--wf-foot)}#pf2-cases[data-shut=home] .case:not(.is-open) .case-strip{margin:12px calc(var(--margin) * -1) 0;padding:0 var(--margin);width:auto}}@media not all and (hover:hover) and (pointer:fine){#pf2-cases[data-shut=home] .case-list .case{--plate:var(--wf-p);--plate-gap:var(--wf-plate-gap)}#pf2-cases[data-shut=home] .case-list .case .ci{background:var(--wf-backing);box-shadow:var(--wf-contact)}@media (width<=900px){#pf2-cases[data-shut=home] .case .case-strip{clip-path:none;width:auto;max-width:none;margin:12px calc(var(--margin) * -1) -24px;padding:0 var(--margin) 24px}}@media (width>=901px){#pf2-cases[data-shut=home] .case:not(.is-open) .case-strip{clip-path:none;margin-bottom:-24px;padding-bottom:24px}}}.hero-copy h1 .ln,.work-statement .ln,.faq-statement .ln,.close-statement .ln,.hero-copy h1 .ln>span,.work-statement .ln>span,.faq-statement .ln>span,.close-statement .ln>span{display:block}html.m15-boot .hero-copy h1 .ln,html.m15-boot .faq-statement,html.m15-boot .close-statement,html.m15-boot .sv-hw{visibility:hidden}.sec-work{z-index:2;color:var(--sa-cream);--colw:calc((100vw - 2 * var(--margin) - 11 * 16px) / 12);background:0 0;padding:max(200px,22vw) 0 max(64px,6vw);position:relative}.work-intro{padding:0 var(--margin);margin-bottom:max(42px,2.4vw)}.work-statement{max-width:20ch;font-family:var(--font-display);font-weight:var(--font-display-weight);font-stretch:var(--font-display-stretch);letter-spacing:-.012em;color:var(--sa-cream);text-wrap:balance;margin:0;font-size:clamp(32px,4.4vw,66px);line-height:1.1}.work-label,.crew-label,.faq-label,.close-label{font-family:var(--font-ui);letter-spacing:.14em;text-transform:uppercase;color:#f5f4f185;margin:0;font-size:11px;font-weight:500}.work-label{text-align:right;margin:78px 0 0}.case:last-child{border-bottom:1px solid #f5f4f129}.case{overflow-anchor:none;position:relative;overflow-x:clip}.case-row{grid-template-columns:minmax(0, calc(var(--colw) * 2 + 16px)) minmax(0, calc(var(--colw) * 3 + 32px)) minmax(0, calc(var(--colw) * 1 + 16px)) minmax(0, 1fr);width:100%;padding:19px var(--margin);color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f5f4f129;align-items:center;gap:16px;transition:background .32s cubic-bezier(.16,1,.3,1);display:grid;position:relative;overflow:visible}.case-toggle{z-index:1;appearance:none;cursor:pointer;background:0 0;border:0;width:100%;position:absolute;inset:0}.case-name{font-family:var(--font-display);font-weight:var(--font-display-weight);font-stretch:var(--font-display-stretch);text-transform:uppercase;letter-spacing:-.005em;color:var(--sa-cream);white-space:nowrap;align-self:baseline;font-size:clamp(19px,1.6vw,24px)}.case-tags{flex-wrap:nowrap;align-self:baseline;gap:3px;min-width:0;display:flex}.case-tag{height:22px;min-width:calc(16px + var(--n,0) * (1ch + .1em));font-family:var(--font-ui);letter-spacing:.1em;text-transform:uppercase;color:var(--sa-cream);white-space:nowrap;background:#000;align-items:center;padding:0 8px;font-size:11px;font-style:normal;font-weight:500;transition:background .26s cubic-bezier(.16,1,.3,1);display:flex}.case-tag.is-deci{opacity:1}@media (prefers-reduced-motion:reduce){.case-tag,.ci img,.ci video{opacity:1;transition:none}.case-row:before,.case .case-name,.case .case-tags,.case .case-mark,.case .ci{opacity:1;transition:none;transform:none}.case-row,.case-name,.case-strip,.case-strip img{transition-duration:1ms!important}}.case-mark{font-family:var(--font-ui);letter-spacing:.12em;text-transform:uppercase;color:#f5f4f1b3;white-space:nowrap;align-items:center;gap:0;font-size:11px;font-weight:500;display:flex}.case-view{opacity:0;max-width:0;margin:0;padding-left:0;transition:max-width .42s cubic-bezier(.16,1,.3,1),opacity .26s linear;display:inline-block;overflow:hidden}.case-pm{margin:0 .45em;transition:color .24s;display:inline-block}.case-br{color:#f5f4f185;font-weight:500;transition:color .24s}@media (hover:hover) and (pointer:fine){.case-row:hover .case-br{color:#f5f4f1b8}.case-row:hover .case-view{opacity:1;max-width:90px;padding-left:.45em}.case-row:hover:after{background:#f5f4f10a}.case-row:hover .case-tag{background:#000}.case-row:hover .case-pm{color:var(--sa-red)}.case-row:hover .ci img,.case-row:hover .ci video{filter:brightness(1.07)saturate(1.04)}.faq-item:hover .case-br{color:#f5f4f1b8}}.case-strip{z-index:2;gap:var(--plate-gap);scrollbar-width:none;pointer-events:none;grid-area:1/4;justify-content:flex-start;width:100%;display:flex;position:relative}.case.is-open .case-strip{pointer-events:auto}.case:not(.is-open):not(.is-closing) .case-strip{clip-path:inset(0)}.case:not(.is-open) .case-strip{width:calc(100% + var(--margin));margin-right:calc(var(--margin) * -1)}.case-lead{gap:var(--plate-gap);flex:0 0 100%;justify-content:flex-end;display:flex}@media (width<=1023px){.case-lead{display:contents}}.case{--plate:clamp(140px, 11vw, 190px);--plate-gap:clamp(3px, .55vw, 11px)}@media (width<=900px){.case{--plate:clamp(140px, 38vw, 190px)}}.case.is-open{--plate:min(420px, calc(var(--vh,1svh) * 46));--plate-gap:8px}@media (width>=1024px){#pf2-cases .case:not(.is-open) .case-lead{display:contents}#pf2-cases .case:not(.is-open) .case-strip{margin-left:var(--strip-shift,0px);width:calc(100% - var(--strip-shift,0px) + var(--margin))}#pf2-cases .case-list .case:first-of-type{--strip-shift:-8px}#pf2-cases .case-list .case:nth-of-type(2){--strip-shift:calc(14vw - 82px)}#pf2-cases .case-list .case:nth-of-type(3){--strip-shift:calc(8vw - 82px)}#pf2-cases .case-list .case:nth-of-type(4){--strip-shift:calc(10.5vw - 82px)}#pf2-cases .case-list .case:nth-of-type(5){--strip-shift:calc(20vw - 82px)}#pf2-cases .case-list .case:nth-of-type(6){--strip-shift:calc(11vw - 82px)}#pf2-cases .case-list .case:nth-of-type(7){--strip-shift:calc(24vw - 82px)}}.case.is-open .case-lead{display:contents}.case.is-open .case-strip{width:auto;max-width:none;margin-inline:calc(var(--margin) * -1);padding-inline:var(--margin);overscroll-behavior-x:contain;cursor:grab;grid-area:3/1/auto/-1;padding-block:6px}.case.is-open.is-settled .case-strip{touch-action:auto;overscroll-behavior-x:contain;scrollbar-width:none;cursor:grab;overflow-x:auto}.case-strip img,.case-strip video{-webkit-user-drag:none;-webkit-touch-callout:none;user-select:none}.case.is-open .case-strip::-webkit-scrollbar{display:none}.case.is-open .case-strip.is-drag{cursor:grabbing}.case.is-open.is-settled .case-strip{perspective:1600px;perspective-origin:50%;margin-block:-22px;padding-block:28px}.case.is-open.is-settled .ci{transform:var(--warp-t,none)}.case.is-open.is-settled .ci:after{content:"";z-index:3;opacity:var(--warp-dim,0);pointer-events:none;background:#050505;position:absolute;inset:0}.case.is-open.is-settled .ci:before{content:"";z-index:4;opacity:var(--warp-lit,0);pointer-events:none;background:linear-gradient(104deg,#f5f4f16b 0%,#f5f4f112 36%,#0000 64%);position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.case.is-open.is-settled .ci{transform:none}.case.is-open.is-settled .ci:after,.case.is-open.is-settled .ci:before{display:none}}.case.is-open .case-row{row-gap:22px}.ci{height:var(--plate);background:#101010;flex:none;display:block;position:relative;overflow:hidden}.ci:has(>:is(img,video):is(.is-transition-source,.is-hover-source)){background:0 0}.case.is-open .ci:has(>:is(img,video):is(.is-transition-source,.is-hover-source)):after,.case.is-open .ci:has(>:is(img,video):is(.is-transition-source,.is-hover-source)):before{opacity:0}.ci-l{width:calc(var(--plate) * var(--ar,1.5))}.ci-p{width:calc(var(--plate) * var(--ar,.8))}.ci img,.ci video{object-fit:cover;object-position:top center;pointer-events:none;opacity:0;width:100%;height:100%;position:absolute;inset:0}.ci img.is-in,.ci video.is-in{opacity:1}.ci img,.ci video{filter:none;transition:filter .52s cubic-bezier(.16,1,.3,1),opacity .64s cubic-bezier(.16,1,.3,1)}.case.is-morphing .ci img,.case.is-morphing .ci video{transition:none}.ci img{z-index:2}.case.is-open .ci img,.case.is-open .ci video{filter:none}.ci video{z-index:2}.case-desc{font-family:var(--font-body);color:#f5f4f1c7;opacity:0;pointer-events:none;grid-area:1/4;align-self:baseline;margin:0;font-size:16px;line-height:1.5;transition:opacity .34s cubic-bezier(.22,1,.36,1),transform .46s cubic-bezier(.22,1,.36,1);transform:translateY(10px)}.case.is-open .case-desc{opacity:1;transition-delay:.19s;transform:none}.case.is-closing .case-desc{transition-duration:.75s,.75s;transition-delay:0s}.work-label{opacity:0;transform:translateY(20px)}.sec-work.is-seen .work-label{opacity:1;transition:opacity .9s cubic-bezier(.16,1,.3,1) .12s,transform .9s cubic-bezier(.16,1,.3,1) .12s;transform:none}.case-row{border-top-color:#0000}.case-row:before{content:"";background:#f5f4f129;height:1px;position:absolute;top:-1px;left:0;right:0}.case-row:after{content:"";z-index:-1;height:100%;transform:scaleY(var(--tint-s,1));transform-origin:top;pointer-events:none;transition:background .32s cubic-bezier(.16, 1, .3, 1), transform var(--tint-d,0s) var(--tint-e,cubic-bezier(.22, 1, .36, 1));background:0 0;position:absolute;top:0;left:0;right:0}.case{--rowDelay:0s}@media (width<=900px){.case-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name mark""tags tags""desc desc""acts acts""strip strip";gap:10px}.case-name{grid-area:name}.case-tags{grid-area:tags;align-self:baseline}.case-mark{grid-area:mark}.case-desc{grid-area:desc;align-self:start;max-width:none;max-height:0;transition:opacity .34s;overflow:hidden}.case.is-open .case-desc{max-height:12em}.case .case-acts{grid-area:acts}.case-strip{grid-area:strip;justify-content:flex-start;width:100%}.case-lead{display:contents}.case.is-open .case-strip{grid-area:strip}.case.is-open .case-acts{grid-area:acts}.case.is-open .case-row{row-gap:14px}.case.is-open{--plate:min(210px, 42vw)}.work-statement{max-width:none}.work-label{text-align:left;text-align:left}}.case-row:has(.case-toggle:focus-visible:not([data-focus-quiet])){outline:1px solid var(--sa-cream);outline-offset:-2px;background:#f5f4f10a}.case-toggle:focus-visible:not([data-focus-quiet])~.case-heading .case-tag{background:#000}.case-toggle:focus-visible:not([data-focus-quiet])~.case-mark .case-pm{color:var(--sa-red)}.case-toggle:focus-visible:not([data-focus-quiet])~.case-strip .ci img,.case-toggle:focus-visible:not([data-focus-quiet])~.case-strip .ci video{filter:brightness(1.07)saturate(1.04)}.case-acts{z-index:2;opacity:0;pointer-events:none;grid-area:2/1/auto/-1;justify-content:flex-start;align-items:center;gap:8px;height:0;transition:opacity .32s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.case.is-open .case-acts{opacity:1;pointer-events:auto;height:50px;transition-delay:.22s}.case.is-closing .case-acts{transition-duration:.75s;transition-delay:0s}.case-acts .cbtn{transition:background .18s,color .18s,border-color .18s}html.m15-static .hero-copy .eyebrow,html.m15-static .hero-copy .support,html.m15-static .ticker,html.m15-static .work-label,html.m15-static .case-tag,html.m15-static .ci img,html.m15-static .ci video,html.m15-static .crew-label,html.m15-static .crew-copy,html.m15-static .crew-facts,html.m15-static .faq-head>:not(.faq-statement),html.m15-static .faq-q,html.m15-static .sec-close>:not(.close-statement),html.m15-static .sv-huge,html.m15-static .sv-sub{opacity:1;visibility:visible;transition:none;animation:none;transform:none}html.m15-static .case-toggle,html.m15-static .case-mark{display:none}html.m15-static .case-row{grid-template-columns:minmax(0,1fr);grid-template-areas:"name""tags""desc""acts""strip";row-gap:14px}html.m15-static .case-name{grid-area:name}html.m15-static .case-tags{grid-area:tags}html.m15-static .case-desc{opacity:1;pointer-events:auto;grid-area:desc;max-width:none;height:auto;max-height:none;overflow:visible;transform:none}html.m15-static .case-acts{opacity:1;pointer-events:auto;grid-area:acts;height:auto}html.m15-static .case-strip{grid-area:auto;width:100%}
