.case{padding:80px var(--gutter) 0}@media(min-width:1200px){.case{padding-top:116px}}.page-case{--appear: 1.4}.case-header{max-width:913px;margin:0 auto;text-align:center}.crumb{font-size:13px;line-height:15px;letter-spacing:.02em;color:var(--ink)}.crumb a{transition:color .15s var(--ease-out)}@media(hover:hover)and (pointer:fine){.crumb a:hover{color:var(--muted)}}.case-title{margin-top:40px;font-size:38px;line-height:46px;font-weight:600;letter-spacing:.01em;color:var(--fg);text-wrap:balance}@media(max-width:639px){.case-title{font-size:30px;line-height:38px}}.case-actions{margin-top:24px;display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.btn-ghost{height:40px;padding:8px 16px;border-radius:8px;display:inline-flex;align-items:center;gap:8px;font-size:13px;line-height:20px;letter-spacing:0;color:var(--button-fg);transition:background-color .15s var(--ease-out),transform .16s var(--ease-out)}.btn-ghost img{width:16px;height:16px}.btn-ghost:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.btn-ghost:hover{background:#18181b0f}}.case-body{margin:80px auto 0;display:flex;flex-direction:column;align-items:center;gap:80px}.case-end{margin:80px auto}@media(max-width:1023px){.case-body{margin-top:40px;gap:40px}}.case-body>section.copy:not(:first-child){margin-top:24px}@media(max-width:1023px){.case-body>section.copy:not(:first-child){margin-top:40px}}.case-body{--img-m: 80px}@media(max-width:1023px){.case-body{--img-m: 40px}}.case-body>:is(.shot-slot,.shot-row,.figure,.illustration){margin-block:var(--img-m)}.case-body>:is(.shot-slot,.shot-row,.figure,.illustration)+:is(.shot-slot,.shot-row,.figure,.illustration){margin-top:0}.case-body>:is(.shot-slot,.shot-row,.figure,.illustration)+section.copy{margin-top:0}.case-body>.quote{margin-block:104px}.case-body>:is(.shot-slot,.shot-row,.figure,.illustration)+.quote{margin-top:calc(104px - var(--img-m))}.case-body>.quote+:is(.shot-slot,.shot-row,.figure,.illustration,section.copy){margin-top:0}.case-body>:last-child{margin-bottom:0}.copy{width:100%;max-width:604px}.copy h2{margin-bottom:24px;font-size:22px;line-height:32px;font-weight:500;letter-spacing:.02em;color:var(--fg)}.copy>*+*{margin-top:16px}.copy>h2+*{margin-top:0}.lead{color:var(--muted)}.list{list-style:disc;padding-left:25.5px}.list li::marker{color:var(--fg)}.list--plain{list-style:none;padding-left:0;display:flex;flex-direction:column;gap:16px}.facts{display:grid;grid-template-columns:109px minmax(0,1fr);row-gap:8px;line-height:32px}.copy>.facts{margin-top:20px}.facts dt{color:var(--muted)}@media(max-width:479px){.facts{grid-template-columns:100px minmax(0,1fr);line-height:28px}}.quote{width:100%;max-width:604px;border-left:1.5px solid var(--muted);padding-left:16px}.quote p{font-size:22px;line-height:32px;letter-spacing:.02em;color:var(--fg)}.quote footer{margin-top:13px;color:var(--muted)}.figure{width:100%;max-width:1040px;display:flex;flex-direction:column;align-items:center;gap:24px}.figure>figcaption{width:100%;max-width:604px}.illustration{width:271px;max-width:60%;height:auto}.shot-slot{position:relative;width:100%;max-width:1040px;aspect-ratio:700 / 402}.figure>.shot-slot{max-width:none}.shot-row{width:100%;max-width:1040px;display:grid;grid-template-columns:277fr 414fr;column-gap:calc(100% * 9 / 700);aspect-ratio:700 / 241}.shot-row>.shot-slot{aspect-ratio:auto;height:100%;max-width:none}@media(max-width:639px){.shot-row{grid-template-columns:1fr;row-gap:16px;aspect-ratio:auto}.shot-row>.shot-slot{height:auto}.shot-row>.shot-slot:first-child{aspect-ratio:277 / 241}.shot-row>.shot-slot:last-child{aspect-ratio:414 / 241}}.shot{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;border-radius:24px;overflow:hidden;background:var(--shot);box-shadow:var(--elev-2);text-align:left;cursor:zoom-in}div.shot{cursor:default}.shot--logo-icite{background:radial-gradient(341.8% 176.8% at 50% 174.25%,#576875,#44505b,#303840,#1d2126 75%,#131518,#09090b)}.shot-stage{position:absolute;left:0;top:0;width:100%;height:100%;overflow:hidden;transform-origin:0 0}.shot.is-open .shot-stage{overflow:visible}.shot-img{position:absolute;max-width:none;object-fit:cover}.shot-img--r{border-radius:12px}.shot-crop{position:absolute;overflow:hidden}.shot-crop>img{position:absolute;max-width:none}.shot.is-open .window{border-radius:var(--open-radius, 12px)}.shot-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.shot.is-open .shot-video{border-radius:var(--open-radius, 0)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);cursor:zoom-out;outline:none}.lightbox-img{position:absolute;max-width:none;transform-origin:0 0;clip-path:inset(0% 0% 0% 0% round 16px)}.shot.is-open{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;width:auto;border-radius:0;box-shadow:none;cursor:zoom-out}.window{position:absolute;border-radius:12px;overflow:hidden;background:#18181b}.window>img{width:100%;height:auto;max-width:none;will-change:transform}.phone{position:absolute;aspect-ratio:176.288 / 358;border-radius:14.5%/7.1%;background:linear-gradient(160deg,#3c3c42,#1d1d21 55%,#2b2b30);box-shadow:inset 0 0 0 1px #ffffff24,0 0 0 1px #0000002e,0 18px 36px -18px #00000073}.phone:before,.phone:after{content:"";position:absolute;width:1.1%;border-radius:2px;background:#2a2a2f}.phone:before{left:-1%;top:18%;height:9%}.phone:after{right:-1%;top:24%;height:12%}.phone-screen{position:absolute;top:1.1%;right:2.4%;bottom:1.1%;left:2.4%;border-radius:12.3%/5.9%;overflow:hidden;background:#000}.phone-screen video,.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}.phone-screen:after{content:"";position:absolute;top:1.5%;left:50%;width:31%;height:3.4%;transform:translate(-50%);border-radius:999px;background:#000}.shot-slot--seals{aspect-ratio:700 / 339}.seals{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;container-type:inline-size;display:flex;align-items:center}.seal-track{--seal: 23cqw ;--gap: calc(100cqw * 11 / 700);--o: calc((100cqw - var(--seal)) / 2 - var(--seal) - var(--gap));display:flex;flex:none;transform:translate(var(--o))}.seals[data-drift=left] .seal-track{--gap: calc(100cqw * 17 / 700)}.seal-track img{flex:none;width:var(--seal);height:auto;margin-right:var(--gap)}@media(max-width:639px){.shot-slot--seals{aspect-ratio:16 / 10}.seal-track{--seal: 40cqw;--gap: calc(40cqw * 11 / 161)}.seals[data-drift=left] .seal-track{--gap: calc(40cqw * 17 / 161)}}@media(prefers-reduced-motion:no-preference){.seals.is-looping .seal-track{animation:drift-right 96s linear infinite}.seals.is-looping[data-drift=left] .seal-track{animation-name:drift-left}.seals.is-paused .seal-track{animation-play-state:paused}}@media(hover:hover)and (pointer:fine){.seals:hover .seal-track{animation-play-state:paused}}@keyframes drift-right{0%{transform:translate(calc(var(--o) - 50%))}to{transform:translate(var(--o))}}@keyframes drift-left{0%{transform:translate(var(--o))}to{transform:translate(calc(var(--o) - 50%))}}.seals-edge{position:absolute;top:0;bottom:0;z-index:1;width:17%;pointer-events:none;--to: to right}.seals-edge--l{left:0}.seals-edge--r{right:0;--to: to left}.seals-edge>i{position:absolute;top:0;right:0;bottom:0;left:0}.seals-edge>i:nth-child(1){--mask: linear-gradient(var(--to), #000 0%, #000 35%, transparent 100%);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}.seals-edge>i:nth-child(2){--mask: linear-gradient(var(--to), #000 0%, #000 20%, transparent 65%);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.seals-edge>i:nth-child(3){--mask: linear-gradient(var(--to), #000 0%, transparent 35%);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.seals-edge>i{-webkit-mask-image:var(--mask);mask-image:var(--mask)}.seals-edge:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(var(--to),var(--shot) 0%,transparent 100%)}.shot--clip.is-open .shot-stage{overflow:hidden}.phone-screen[data-rotate] img{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;filter:blur(4px);transition:opacity .7s var(--ease-out),filter .7s var(--ease-out)}.phone-screen[data-rotate] img.is-shown{opacity:1;filter:none}html.is-locked{overflow:hidden}