@media(min-width:701px){.page-cases .page-head{overflow:clip visible}.page-cases .page-head .motif{top:clamp(48px,5vw,84px);bottom:auto;height:clamp(520px,52vw,820px);right:-20vw}}.page-cases .page-head+.sec .container{position:relative;z-index:1}.cases-index{list-style:none;margin:0 0 clamp(64px,8vw,128px);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.cases-index li{display:flex}.ci{flex:1;display:flex;flex-direction:column;justify-content:space-between;gap:clamp(14px,1.8vw,24px);min-height:clamp(104px,8.5vw,132px);padding:clamp(14px,1.6vw,20px);border:2px solid var(--t-accent);background:var(--t-bg);color:var(--t-display);text-decoration:none;transition:background .25s ease,color .25s ease}.ci-top{display:flex;justify-content:space-between;gap:10px;font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tr-xs);text-transform:uppercase}.ci-go{font-weight:700;transition:transform .35s cubic-bezier(.16,1,.3,1)}.ci-logo{--lk:clamp(52px,5.4vw,76px);display:block;height:calc(var(--lk) * var(--s,.5));aspect-ratio:var(--ar);max-width:100%;background:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left bottom;mask-position:left bottom}.ci:hover,.ci:focus-visible{background:var(--t-accent);color:var(--t-bg)}.ci:hover .ci-go,.ci:focus-visible .ci-go{transform:translateY(3px)}.case{scroll-margin-top:110px}.case+.case{margin-top:clamp(88px,11vw,176px)}.case-bar{display:flex;align-items:center;gap:14px;margin-bottom:clamp(14px,1.8vw,22px)}.case-k{margin:0;font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tr-xs);text-transform:uppercase;white-space:nowrap}.case-k i{font-style:normal;padding:0 .3em}.case-rule{flex:1 1 auto;min-width:24px;height:2px;background:var(--t-line)}.case-media{position:relative;margin:0;aspect-ratio:21/9;overflow:hidden;border:2px solid var(--t-accent);background:var(--t-accent)}.case-move{position:absolute;left:0;right:0;top:-48px;height:calc(100% + 96px);transform:translate3d(0,var(--py,0px),0)}.case-move img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.case-move .case-print{opacity:0;pointer-events:none}@media(hover:hover){.case-media:hover .case-print{opacity:1}}@media(hover:hover)and (prefers-reduced-motion:no-preference){.case-move img{transition:opacity .7s cubic-bezier(.16,1,.3,1)}}.case-media:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(20deg,#1d0522b8,#1d05225c 32%,#1d052200 60%)}.case-mark{--lk:clamp(72px,9vw,136px);position:absolute;z-index:2;left:clamp(18px,2.6vw,40px);bottom:clamp(18px,2.6vw,40px);height:calc(var(--lk) * var(--s,.5));aspect-ratio:var(--ar);max-width:calc(100% - 36px);background:var(--paper);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:left bottom;mask-position:left bottom}.case-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:24px clamp(20px,3vw,48px);padding-top:clamp(28px,3.4vw,52px)}.case-line{grid-column:1/7;margin:0;font-weight:800;text-transform:uppercase;letter-spacing:var(--tr-display);line-height:var(--lh-display);font-size:clamp(2rem,4.2vw,3.6rem);color:var(--t-display);text-wrap:balance}.case-copy{grid-column:8/13;display:flex;flex-direction:column;gap:clamp(14px,1.6vw,20px);min-width:0}.case-lead{margin:0;font-size:var(--fs-xl);font-weight:500;max-width:30em;text-wrap:pretty}.case-how{margin:0;max-width:34em;text-wrap:pretty}.case-how b{font-weight:700;color:var(--t-display)}.case-site{align-self:flex-start;display:inline-flex;align-items:center;gap:.4em;min-height:44px;font-size:var(--fs-sm);font-weight:700;letter-spacing:var(--tr-lg);text-transform:uppercase;color:var(--t-display);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}.case-site:hover{text-decoration-thickness:3px}.case-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:clamp(8px,1.4vw,20px) 0 0;border-top:2px solid var(--t-line)}.case-fact{display:flex;flex-direction:column-reverse;justify-content:flex-end;container-type:inline-size;min-width:0;padding:clamp(20px,2.4vw,34px) clamp(16px,2.2vw,32px) 0 0}.case-fact+.case-fact{border-left:2px solid var(--t-line);padding-left:clamp(16px,2.2vw,32px)}.case-fact dd{margin:0;font-weight:800;text-transform:uppercase;letter-spacing:-.045em;line-height:.8;white-space:nowrap;font-size:min(32cqi,6.5rem);color:var(--t-display)}.case-fact dt{margin-top:clamp(10px,1.2vw,16px);font-size:var(--fs-xs);font-weight:700;letter-spacing:var(--tr-xs);text-transform:uppercase;text-wrap:balance;max-width:22em}@media(prefers-reduced-motion:no-preference){@keyframes case-paste{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.js-stack .case-media .case-move{clip-path:inset(100% 0 0 0)}.js-stack .case-media .case-mark{opacity:0}.js-stack .case-media.is-in.is-ready .case-move{animation:case-paste 1s cubic-bezier(.76,0,.24,1) both}.js-stack .case-media.is-in.is-ready .case-mark{animation:th-rise .8s cubic-bezier(.16,1,.3,1) .75s both}@supports selector(:has(*)){.js-stack .case .case-rule{transform:scaleX(0);transform-origin:left center}.js-stack .case:has(.case-media.is-in) .case-rule{animation:ps-draw .82s cubic-bezier(.16,1,.3,1) both}}}@media(max-width:1024px){.cases-index{grid-template-columns:repeat(2,minmax(0,1fr))}.case-media{aspect-ratio:16/9}}@media(max-width:880px){.case-line,.case-copy{grid-column:1/-1}}@media(max-width:560px){.case-media{aspect-ratio:4/3}.case-bar .case-k:last-child{white-space:normal;text-align:right}.case-facts{grid-template-columns:max-content minmax(0,1fr)}.case-fact,.case-fact+.case-fact{display:contents}.case-fact dd,.case-fact dt{display:flex;align-items:center;margin:0;padding:16px 0 14px;border-top:2px solid var(--t-line)}.case-fact dd{grid-column:1;padding-right:16px;font-size:clamp(2.4rem,12vw,3rem)}.case-fact dt{grid-column:2}.case-fact:first-child dd,.case-fact:first-child dt{border-top:0}.case-fact:nth-child(1)>*{grid-row:1}.case-fact:nth-child(2)>*{grid-row:2}.case-fact:nth-child(3)>*{grid-row:3}}@media(max-width:400px){.ci{min-height:96px}.cases-index{gap:8px}}