.slot[data-astro-cid-xe6mumh2]{isolation:isolate;background:#ececec;border-radius:24px;position:relative;overflow:hidden}.slot[data-astro-cid-xe6mumh2].dark{background:linear-gradient(160deg,#1d1d1d,#0a0a0a 60%,#2a2a2a)}.slot[data-astro-cid-xe6mumh2] img[data-astro-cid-xe6mumh2]{width:100%;height:100%;position:absolute;inset:0}.slot-ph[data-astro-cid-xe6mumh2]{text-align:center;background-image:repeating-linear-gradient(135deg,#00000009 0 1px,#0000 1px 14px);flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:16px;display:flex;position:absolute;inset:0}.dark[data-astro-cid-xe6mumh2] .slot-ph[data-astro-cid-xe6mumh2]{background-image:repeating-linear-gradient(135deg,#ffffff0d 0 1px,#0000 1px 14px)}.slot-l[data-astro-cid-xe6mumh2]{font:500 11px/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:#6b6b6b}.slot-s[data-astro-cid-xe6mumh2]{font:400 12px/1 var(--sans);letter-spacing:.06em;color:#9a9a9a}.dark[data-astro-cid-xe6mumh2] .slot-l[data-astro-cid-xe6mumh2]{color:#9a9a9a}.dark[data-astro-cid-xe6mumh2] .slot-s[data-astro-cid-xe6mumh2]{color:#6b6b6b}.case .pg-hero h1{max-width:none}.meta{border-top:1px solid #0000001f;flex-wrap:wrap;gap:20px clamp(28px,4vw,72px);margin-top:clamp(32px,4vw,56px);padding-top:24px;display:flex}.meta dt{font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#6b6b6b}.meta dd{margin-top:10px;font-size:16px}.meta a{border-bottom:1px solid}.case-hero{margin-top:-20px}.case-hero .slot{border-radius:40px}.story{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3vw,56px);display:grid}.story>div{padding-top:clamp(24px,3vw,36px)}.story .k,.nextp .k{font:500 11px/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#6b6b6b}.story p:last-child{font:400 clamp(16px,1.15vw,18px)/1.65 var(--sans);letter-spacing:0;color:#222;margin-top:14px}.brand{background:#f2f2f2}.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;display:grid}.web{background:#fff}.devices{grid-template-columns:minmax(0,3fr) minmax(0,1fr);align-items:end;gap:clamp(20px,3vw,48px);display:grid}.devices figure{margin:0}.browser{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 50px 100px -50px #00000073,0 0 0 1px #00000014}.browser .bar{background:#f4f4f4;border-bottom:1px solid #e2e2e2;align-items:center;gap:7px;height:38px;padding:0 16px;display:flex}.browser .bar i{background:#cfcfcf;border-radius:50%;width:10px;height:10px}.browser .bar span{max-width:320px;font:400 12px/1 var(--sans);color:#8a8a8a;background:#fff;border-radius:20px;flex:1;margin-left:14px;padding:5px 12px}.browser .slot{border-radius:0}.phone{background:#0b0b0b;border-radius:44px;padding:10px;box-shadow:0 50px 100px -40px #00000080}.gallery{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.nextp{background:#fff;padding-bottom:clamp(60px,8vw,120px)}.nextp a{flex-direction:column;gap:18px;padding-top:clamp(36px,4vw,56px);display:flex}.nextp .n{font:700 clamp(34px,4.34vw,74px)/.92 var(--disp);letter-spacing:-.025em;transition:transform .8s var(--ease)}.nextp a:hover .n{transform:translate(14px)}.pgrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,2.4vw,36px) 20px;display:grid}.pcard{flex-direction:column;gap:16px;display:flex}.pcard .slot{transition:transform 1s var(--ease);border-radius:28px}.pcard:hover .slot{transform:scale(.985)}.pcard .t{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.pcard h3{font:700 clamp(21px,1.92vw,32px)/1 var(--disp);letter-spacing:-.035em}.pcard .tag{font:400 11px/1.3 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#5e5e5e;white-space:nowrap}.pcard p{color:#444;max-width:52ch;font-size:15px;line-height:1.5}@media (width<=900px){.story{grid-template-columns:1fr}}@media (width<=760px){.pair,.gallery,.pgrid{grid-template-columns:minmax(0,1fr)}.devices{grid-template-columns:1fr}.phone{justify-self:center;width:62%}.case-hero .slot{border-radius:24px}}.pull{flex-direction:column;align-items:flex-start;gap:32px;margin-top:clamp(64px,8vw,130px);display:flex}.pull blockquote p{font:700 clamp(30px,3.31vw,58px)/1 var(--disp);letter-spacing:-.045em;max-width:20ch}.pull blockquote footer{font:500 11px/1.4 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:#6b6b6b;margin-top:24px}.gallery.n2{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.n1{grid-template-columns:minmax(0,1fr)}@media (width<=760px){.gallery.n2{grid-template-columns:1fr}}.brand .sh p{color:#222;max-width:52ch;font-size:clamp(16px,1.25vw,19px);line-height:1.6}.delivered{flex-wrap:wrap;gap:8px;margin-top:24px;list-style:none;display:flex}.delivered li{font:400 14px/1.2 var(--sans);background:#fff;border:1px solid #bdbdbd;border-radius:40px;padding:9px 15px}.slot.shot-top img{object-position:top center}.case-hero-end{margin-top:20px}.vstack{gap:clamp(32px,4vw,56px);max-width:960px;margin:0 auto;display:grid}.vstack .tile .m.tall{width:min(100%,420px)}.vstack .tile:has(.m.tall) .cap{width:100%;max-width:420px;margin-left:auto;margin-right:auto}.case-head{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:clamp(28px,4vw,72px);display:grid}.case-head .ch-img .slot{border-radius:24px}.case-head h1{margin-top:14px}.case .story>div{padding-top:20px}.bw{background:#f2f2f2}.bw-grid{grid-template-columns:minmax(0,.62fr) minmax(0,2fr);align-items:center;gap:20px;display:grid}.bw-logos{gap:20px;display:grid}.bw .devices{margin:0}.bw-foot{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;margin-top:24px;display:flex}.bw-foot p{color:#333;max-width:56ch;line-height:1.6}@media (width<=900px){.case-head,.bw-grid{grid-template-columns:1fr}.bw-logos{grid-template-columns:1fr 1fr}.bw .devices{grid-template-columns:minmax(0,3fr) minmax(0,1fr);gap:12px}.bw .phone{border-radius:20px;justify-self:stretch;width:100%;padding:5px}.bw .browser{border-radius:12px}}.case-head{padding-bottom:clamp(28px,3vw,48px)}.case-head+.sec{padding-top:0}@media (width<=760px){.pcard .t{flex-direction:column;gap:8px}.pcard .tag{white-space:normal}}.phone{background:#151515;border-radius:38px;padding:6px;position:relative;box-shadow:inset 0 0 0 1px #3a3a3a,0 0 0 1px #00000014,0 28px 60px -28px #0006}.phone:after{content:"";z-index:2;background:#0a0a0a;border-radius:20px;width:26%;height:15px;position:absolute;top:14px;left:50%;translate:-50%}@media (width<=900px){.bw .phone{border-radius:15px;padding:3px;box-shadow:inset 0 0 0 1px #3a3a3a,0 14px 30px -16px #0006}.bw .phone .slot{border-radius:12px}.bw .phone:after{width:24%;height:5px;top:6px}}.phone{border-radius:24px}.phone .slot{border-radius:19px}@media (width<=900px){.bw .phone{border-radius:10px}.bw .phone .slot{border-radius:8px}}