.crumb{font:500 clamp(15px, 1.042vw, 20px)/1.3 var(--text);color:var(--muted);text-box:trim-both cap alphabetic}.case-title{font:440 clamp(44px, 5.56vw, 104px)/1 var(--display);letter-spacing:-.04em;text-box:trim-both cap alphabetic;margin-top:clamp(28px,2.78vw,52px)}.case-line{max-width:24em;font:440 clamp(20px, 1.944vw, 36px)/1.2 var(--display);letter-spacing:-.012em;text-wrap:balance;text-box:trim-both cap alphabetic;margin-top:clamp(22px,2.083vw,40px)}.facts{column-gap:var(--g);grid-template-columns:repeat(7,minmax(0,1fr));margin-top:clamp(44px,4.17vw,80px);display:grid}.facts>div{grid-column:span 2}.facts>div:last-child{grid-column:span 3}.facts dt{font:400 clamp(13px, .972vw, 18px)/1.35 var(--text);color:var(--muted);text-box:trim-both cap alphabetic}.facts dd{max-width:15em;font:450 clamp(15px, 1.25vw, 22px)/1.36 var(--text);text-wrap:balance;text-box:trim-both cap alphabetic;margin:clamp(12px,1.111vw,20px) 0 0}.facts>.fact-wide{grid-column:span 3}.facts>.fact-wide dd{max-width:22em}.head-result{margin-top:clamp(44px,4.17vw,80px)}.head-result .num{font:400 clamp(40px, 4.444vw, 84px)/1 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;text-box:trim-both cap alphabetic;display:block}.head-result .lbl{font:400 clamp(13px, .972vw, 18px)/1.35 var(--text);color:var(--muted);text-box:trim-both cap alphabetic;margin-top:clamp(12px,1.111vw,20px);display:block}.reel{position:relative}.reel .frame{--r:18px;--pad:32px;--gut:22px;--fx:calc(var(--pad) + var(--gut));--reserve:clamp(440px, 26.3vw + 134px, 720px);--side:calc(var(--reserve) - var(--pad) - var(--fx) - 32px);height:calc(100svh - 2 * var(--m));margin:0 var(--m);border-radius:var(--r);background:var(--stage);color:var(--on-stage);isolation:isolate;position:relative;overflow:hidden;container-type:size}.js .reel{height:240svh}.js .reel .frame{--w:0;top:var(--m);position:sticky}.reel .shot{right:var(--pad);width:min(100cqw - var(--reserve), (100cqh - 2 * var(--pad)) * var(--ar));aspect-ratio:var(--ar);background:var(--screen);border-radius:6px;position:absolute;top:50%;overflow:hidden;transform:translateY(-50%)}.reel .shot img{object-fit:cover;object-position:top;width:100%;height:100%;position:absolute;inset:0}.reel .shot .new{clip-path:inset(0 calc((1 - var(--w,1)) * 100%) 0 0)}.reel .edge{top:0;bottom:0;left:calc(var(--w,1) * 100%);background:var(--ink);width:2px;opacity:var(--edge,0);margin-left:-1px;position:absolute}.reel .shot .page{object-fit:initial;height:auto;transform:translateY(calc(var(--w,0) * var(--pan,0px) * -1));bottom:auto}.frame-title{left:var(--fx);max-width:var(--side);font:440 clamp(18px, 1.667vw, 32px)/1.2 var(--display);letter-spacing:-.012em;text-box:trim-both cap alphabetic;position:absolute;top:30px}.reel .state{left:var(--fx);max-width:var(--side);font:450 clamp(15px, 1.25vw, 22px)/1.3 var(--text);color:var(--on-stage-muted);text-wrap:balance;text-box:trim-both cap alphabetic;transition:opacity .3s;position:absolute;bottom:30px}.reel .result{left:var(--fx);max-width:var(--side);transition:opacity .45s;position:absolute;bottom:30px}.reel .result .num{width:max-content;font:400 clamp(88px, 8.33vw, 168px)/1 var(--display);letter-spacing:-.05em;font-variant-numeric:tabular-nums;text-box:trim-both cap alphabetic;display:block}.reel .result .lbl{font:440 clamp(15px, 1.25vw, 22px)/1.3 var(--text);color:var(--on-stage-muted);text-wrap:balance;text-box:trim-both cap alphabetic;margin-top:18px;display:block}.reel .result .lbl:only-child{font:440 clamp(22px, 2.222vw, 42px)/1.12 var(--display);letter-spacing:-.02em;color:var(--on-stage);margin-top:0}.frame-note{right:var(--pad);max-width:24em;font:400 clamp(13px, .903vw, 17px)/1.4 var(--text);color:var(--on-stage-muted);text-align:right;text-wrap:balance;text-box:trim-both cap alphabetic;position:absolute;bottom:30px}.reel .fit .shot img{object-fit:contain}@media (min-width:901px){.reel .phone .shot{--sw:min(var(--maxw), (100cqh - 2 * var(--pad)) * var(--ar), 100cqw - var(--reserve));width:var(--sw);right:calc(var(--pad) + (100cqw - var(--reserve) - var(--sw)) / 2);border-radius:10px}}html:not(.js) .reel .state{display:none}.js .reel .result,.js .reel .done .state{opacity:0}.js .reel .done .result{opacity:1}.reel .marker{opacity:0;transition-property:transform,opacity;transition-duration:0s,.2s}.reel .marker.on{opacity:1}.case-text{grid-area:1/4/auto/span 7}.case-text p{font:440 clamp(24px, 2.36vw, 44px)/1.2 var(--display);letter-spacing:-.01em;text-wrap:pretty;text-box:trim-both cap alphabetic}.case-text p+p{margin-top:clamp(20px,1.944vw,36px)}.case-text p.more{max-width:36em;font:400 clamp(15px, 1.25vw, 22px)/1.42 var(--text);letter-spacing:.002em}.case-text .source{font:400 clamp(13px, .903vw, 17px)/1.4 var(--text);letter-spacing:0;color:var(--muted);margin-top:clamp(24px,2.222vw,42px)}.changes .run{margin-top:clamp(20px,1.944vw,36px)}.change-list{grid-area:1/4/auto/-1;grid-template-columns:subgrid;display:grid}.change{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--rule);padding:clamp(20px,1.944vw,36px) 0 clamp(28px,2.5vw,48px);display:grid}.change:last-child{border-bottom:1px solid var(--rule)}.change .name{font:440 clamp(20px, 1.944vw, 36px)/1.12 var(--display);letter-spacing:-.018em;text-wrap:balance;text-box:trim-both cap alphabetic;grid-column:span 3}.change .body{grid-column:span 5}.change p{font:400 clamp(15px, 1.25vw, 22px)/1.42 var(--text);text-wrap:pretty;text-box:trim-both cap alphabetic}.change .why{color:var(--muted);margin-top:clamp(14px,1.25vw,24px)}.pair{--pad:32px;min-width:0;padding:var(--pad);background:var(--stage);color:var(--on-stage);border-radius:18px;grid-column:1/-1;justify-content:center;align-items:flex-start;gap:22px;margin-top:clamp(40px,3.89vw,76px);display:flex}.pair-side{flex:1 1 0;gap:16px;min-width:0;display:grid}.pair.tall .pair-side{flex:0 clamp(300px,25vw,460px)}.pair .pair-side{max-width:var(--nw,none)}.pair-side img,.states-tile img{background:var(--screen);border-radius:6px;width:100%;height:auto}.pair-side figcaption,.states-tile figcaption{font:450 clamp(13px, .972vw, 18px)/1.3 var(--text);color:var(--on-stage-muted);text-wrap:balance;text-box:trim-both cap alphabetic}.states .run{grid-row:1}.states-text{font:400 clamp(15px, 1.25vw, 22px)/1.42 var(--text);text-wrap:pretty;text-box:trim-both cap alphabetic;grid-area:1/4/auto/span 6}.states-board{--pad:32px;min-width:0;padding:var(--pad);background:var(--stage);color:var(--on-stage);border-radius:18px;grid-area:2/4/auto/-1;grid-template-columns:repeat(2,minmax(0,clamp(300px,25vw,460px)));justify-content:center;align-items:start;gap:clamp(28px,2.5vw,48px) 22px;margin-top:clamp(40px,3.89vw,76px);display:grid}.states-tile{gap:16px;min-width:0;display:grid}.states-board.cols{grid-template-columns:repeat(var(--cols), minmax(0, 1fr))}.proof-body{grid-area:1/4/auto/-1;grid-template-columns:subgrid;display:grid}.proof-lead{font:440 clamp(24px, 2.36vw, 44px)/1.2 var(--display);letter-spacing:-.01em;text-wrap:pretty;text-box:trim-both cap alphabetic;grid-column:1/span 7;margin-bottom:clamp(40px,3.89vw,76px)}.proof-g{font:400 clamp(13px, .972vw, 18px)/1.35 var(--text);color:var(--muted);text-box:trim-both cap alphabetic;grid-column:1/-1;margin-bottom:clamp(16px,1.389vw,26px)}.proof-list{grid-column:1/-1;grid-template-columns:subgrid;display:grid}.proof-list+.proof-g{margin-top:clamp(48px,4.44vw,84px)}.proof-row{grid-column:1/-1;grid-template-columns:subgrid;border-top:1px solid var(--rule);align-items:start;padding:clamp(20px,1.944vw,36px) 0 clamp(28px,2.5vw,48px);display:grid}.proof-row:last-child{border-bottom:1px solid var(--rule)}.proof-row dt{font:440 clamp(22px, 2.222vw, 42px)/1.12 var(--display);letter-spacing:-.012em;text-wrap:balance;text-box:trim-both cap alphabetic;grid-column:span 4}.proof-row dd{font:400 clamp(16px, 1.25vw, 23px)/1.5 var(--text);letter-spacing:.003em;text-wrap:pretty;text-box:trim-both cap alphabetic;grid-column:span 5;margin:0}.proof-row.is-num dd:not(.proof-note){font:400 clamp(40px, 4.444vw, 84px)/1 var(--display);letter-spacing:-.045em;font-variant-numeric:tabular-nums;justify-self:end}.proof-row .proof-note{font:400 clamp(13px, .903vw, 17px)/1.4 var(--text);letter-spacing:0;color:var(--muted);grid-column:5/span 5;margin-top:clamp(14px,1.25vw,24px)}.board-fig{grid-column:1/-1;grid-template-columns:subgrid;min-width:0;display:grid}.board-frame{min-width:0;padding:30px var(--pad,32px) var(--pad,32px);background:var(--stage);color:var(--on-stage);border-radius:18px;grid-column:1/-1}.board-title{font:440 clamp(18px, 1.667vw, 32px)/1.2 var(--display);letter-spacing:-.012em;text-box:trim-both cap alphabetic;padding-left:22px}.board-frame .items{justify-content:center;align-items:flex-start;gap:22px;margin-top:clamp(28px,2.5vw,48px);display:flex}.board-frame .item{align-content:start;gap:16px;min-width:0;display:grid}.board-frame img{background:var(--screen);border-radius:6px;width:100%;height:auto}.board-frame .item.film{width:min(360px,72vw)}.board-frame video{background:var(--screen);border-radius:6px;width:100%;height:auto;display:block}.board-frame .cap{font:450 clamp(13px, .972vw, 18px)/1.3 var(--text);color:var(--on-stage-muted);text-box:trim-both cap alphabetic}.board-cap{font:400 clamp(13px, .903vw, 17px)/1.4 var(--text);color:var(--muted);text-wrap:pretty;text-box:trim-both cap alphabetic;grid-column:4/span 6;margin-top:clamp(16px,1.389vw,26px)}.phones .item{width:calc((100% - (var(--n) - 1) * 22px) / var(--n));max-width:340px}.strips .item{width:min(320px, calc((100% - (var(--n) - 1) * 22px) / var(--n)))}.pages .item{width:calc((100% - (var(--n) - 1) * 22px) / var(--n))}.pages img{aspect-ratio:3/4;object-fit:cover;object-position:top}.pages a.item:hover .cap,.pages a.item:focus-visible .cap{color:var(--on-stage)}.pages a.item:hover .link:after{transform:scaleX(1)}.wide .items{grid-template-columns:repeat(var(--cols,1), minmax(0, 1fr));display:grid}.wide.contain .items{display:flex}.wide.contain img{width:auto;max-width:100%;max-height:calc(100svh - 2 * var(--m) - 140px);margin-inline:auto}.devices .items{grid-template-columns:var(--fr);display:grid}.case-foot{column-gap:var(--g);padding:clamp(112px, 11.11vw, 216px) var(--m) var(--m);grid-template-columns:repeat(12,1fr);display:grid}.case-end{font:400 clamp(15px, 1.25vw, 22px)/1.42 var(--text);text-wrap:pretty;text-box:trim-both cap alphabetic;grid-column:4/span 6;margin-bottom:clamp(20px,1.944vw,36px)}.credit{font:400 clamp(15px, 1.25vw, 22px)/1.42 var(--text);color:var(--muted);text-wrap:pretty;text-box:trim-both cap alphabetic;grid-column:4/span 6}.next{border-top:1px solid var(--rule);grid-column:4/-1;gap:clamp(14px,1.25vw,24px);margin-top:clamp(56px,5.556vw,108px);padding-top:clamp(20px,1.944vw,36px);display:grid}.next .lbl{font:400 clamp(13px, .972vw, 18px)/1.35 var(--text);color:var(--muted);text-box:trim-both cap alphabetic}.next .name{font:440 clamp(28px, 3.06vw, 60px)/1.1 var(--display);letter-spacing:-.026em;text-box:trim-both cap alphabetic}@media (min-width:901px) and (max-width:1199px){.facts{grid-template-columns:repeat(8,minmax(0,1fr))}.facts>div:last-child{grid-column:span 4}}@media (max-width:900px){.case-title{font-size:44px}.case-line{font:450 18px/1.32 var(--text);letter-spacing:0}.facts{grid-template-columns:1fr;row-gap:16px;margin-top:36px}.facts>div,.facts>div:last-child,.facts>.fact-wide{grid-column:1;grid-template-columns:6.5em minmax(0,1fr);column-gap:12px;display:grid}.facts dd,.facts>.fact-wide dd{max-width:none;margin:0;font-size:15px}.head-result{margin-top:32px}.head-result .lbl{margin-top:10px;font-size:13px}.facts dt{font-size:14px}.reel .frame{--r:14px;--pad:16px}.js .reel{height:220svh}.reel .shot{width:min(100cqw - 2 * var(--pad), (100cqh - 64px - 140px) * var(--arm,var(--ar)));aspect-ratio:var(--arm,var(--ar));top:64px;left:50%;right:auto;transform:translate(-50%)}.frame-title{max-width:none;font:450 15px/1.3 var(--text);letter-spacing:0;top:18px}.reel .state{max-width:none;font-size:13px;bottom:18px}.reel .result{max-width:calc(100cqw - var(--fx) - var(--pad));bottom:18px}.reel .result .num{font-size:76px}.reel .result .lbl{margin-top:10px;font-size:14px}.reel .result .lbl:only-child{font-size:22px}.reel .frame.wide-m{height:calc(64px + (100vw - 2 * var(--m) - 2 * var(--pad)) / var(--ar) + 150px)}.reel .wide-m .shot{width:calc(100cqw - 2 * var(--pad));height:auto;aspect-ratio:var(--ar)}.js .reel:has(.wide-m){height:170svh}.case-text,.change-list{grid-area:auto/1}.case-text p{letter-spacing:-.01em;font-size:24px;line-height:1.2}.frame-note{max-width:62%;font-size:13px;top:18px;bottom:auto}.changes .run{margin-top:0}.change-list,.change{min-width:0}.change{padding:18px 0 24px;display:block}.change .name{font-size:22px}.change .body{margin-top:14px}.change p,.states-text{font-size:15px}.states-text,.states-board{grid-area:auto/1}.pair,.states-board{--pad:16px;border-radius:14px}.pair{gap:12px;margin-top:28px}.pair:not(.tall){flex-direction:column}.pair:not(.tall) .pair-side{flex:none;width:100%}.pair.tall{scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;justify-content:flex-start;overflow-x:auto}.pair.tall .pair-side{scroll-snap-align:start;flex:none;width:72vw}.states-board,.states-board.cols{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:28px}.states-board.tall{scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);scrollbar-width:none;justify-content:flex-start;gap:12px;display:flex;overflow-x:auto}.states-board.tall .states-tile{scroll-snap-align:start;flex:none;width:72vw}.proof-body,.proof-list{display:block}.proof-body{grid-area:auto/1}.proof-lead{margin-bottom:36px;font-size:24px}.proof-g{margin-bottom:14px;font-size:14px}.proof-list+.proof-g{margin-top:40px}.proof-row{grid-template-columns:minmax(0,1fr) auto;column-gap:16px;padding:18px 0 24px}.proof-row dt{grid-column:1;font-size:22px}.proof-row dd{grid-column:1/-1;margin-top:12px;font-size:15px}.proof-row.is-num dd:not(.proof-note){grid-area:1/2;margin-top:0;font-size:44px}.proof-row .proof-note{grid-column:1/-1;font-size:13px}.board-frame{--pad:16px;border-radius:14px;padding-top:18px}.board-title{font:450 15px/1.3 var(--text);letter-spacing:0}.board-frame .items{gap:12px;margin-top:18px}.phones .items,.pages .items{scroll-snap-type:x mandatory;scrollbar-width:none;justify-content:flex-start;margin-inline:-16px;padding-inline:16px;scroll-padding-inline:16px;overflow-x:auto}.phones .item,.pages .item{scroll-snap-align:start;flex:none;width:68vw;max-width:none}.wide .items,.devices .items{grid-template-columns:1fr}.devices .item.tall{width:68vw}.strips .item{width:calc(50% - 6px)}.board-cap{grid-column:1/-1}.case-foot{grid-template-columns:1fr;padding-top:96px}.case-end,.credit,.next{grid-column:1}.next{margin-top:48px}}
