.jr{--jr-runway:5.2;height:calc((1 + var(--jr-runway)) * 100svh);--jr-phone-h:min(72svh, calc(88vw * 1247 / 618));--jr-phu:calc(var(--jr-phone-h) / 60);--jr-notch-scale:.33;--jr-notch-y:calc(var(--jr-phone-h) * .01844 + 2.075 * var(--jr-phu) - var(--jr-phone-h) * .5);--p:0;--zoom:0;--lead:1;--dim:1;--cue:1;--ls-notify:0;--face:0;--unlock:0;--apps:-2.2;--dock:0;--widgets:-2.2;--cap1:0;--cap2:0;--cap3:0;--island:0;--island-on:0;--island-copy:0;position:relative}@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --apps{syntax:"<number>";inherits:true;initial-value:-2.2}@property --widgets{syntax:"<number>";inherits:true;initial-value:-2.2}@property --unlock{syntax:"<number>";inherits:true;initial-value:0}@property --island{syntax:"<number>";inherits:true;initial-value:0}@property --o{syntax:"<number>";inherits:false;initial-value:0}@property --w{syntax:"<number>";inherits:false;initial-value:0}@property --on{syntax:"<number>";inherits:false;initial-value:1}@property --back{syntax:"<number>";inherits:false;initial-value:0}@property --land{syntax:"<number>";inherits:false;initial-value:1}@property --ft{syntax:"<number>";inherits:false;initial-value:0}@property --fa{syntax:"<number>";inherits:false;initial-value:1}@property --fb{syntax:"<number>";inherits:false;initial-value:1}@property --fc{syntax:"<number>";inherits:false;initial-value:1}.jr__stage{justify-content:center;align-items:center;height:100svh;display:flex;position:sticky;top:0;overflow:hidden}.jr__phone{z-index:5;height:var(--jr-phone-h);aspect-ratio:618/1247;transform:scale(calc(1 + (1 - var(--zoom)) * 1.2));position:relative}[data-scene-live] .jr__phone{will-change:transform}.jr__device{height:100%}.jr__home{z-index:0;transform:scale(calc(1.06 - .06 * var(--unlock)));filter:blur(calc((1 - var(--unlock)) * 8px));position:absolute;inset:0}.jr__lock{z-index:1;transform:translate3d(0, calc(var(--unlock) * -100%), 0);position:absolute;inset:0}.jr__lock-paper{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.jr__faceid{z-index:2;pointer-events:none;opacity:clamp(0, var(--face), 1);transform:scale(calc(.6 + .4 * var(--face)));position:absolute;inset:0}.jr .hs__app,.jr .hs__slot{--back:calc(1 - var(--on));--land:calc(1 - 2.70158 * var(--back) * var(--back) * var(--back) + 1.70158 * var(--back) * var(--back));opacity:var(--on)}.jr .hs__app{--on:clamp(0, (var(--apps) - var(--o)) / 2.2, 1);transform:scale(var(--land))}.jr .hs__slot{--on:clamp(0, (var(--widgets) - var(--w)) / 2.2, 1);transform:translate3d(0, calc((1 - var(--land)) * 5%), 0) scale(calc(.3 + var(--land) * .7))}.jr .hs__dock{opacity:var(--dock);transform:translate3d(0, calc((1 - var(--dock)) * 150%), 0)}.jr__dim{z-index:15;pointer-events:none;opacity:var(--dim);background:radial-gradient(ellipse at 50% 30%, color-mix(in srgb, var(--raw-shade) 72%, transparent) 0%, color-mix(in srgb, var(--raw-shade) 45%, transparent) 45%, color-mix(in srgb, var(--raw-shade) 15%, transparent) 100%);position:absolute;inset:0}.jr__lead{z-index:20;text-align:center;opacity:var(--lead);transform:translate3d(0, calc((1 - var(--lead)) * -60px), 0);padding:0 1rem;position:absolute;top:12svh;left:0;right:0}.jr[data-lead-gone] .jr__lead{pointer-events:none}.jr__badge{background:color-mix(in srgb, var(--accent) 18%, transparent);color:var(--accent);border-radius:999px;margin-bottom:1rem;padding:.3rem .85rem;font-size:.8125rem;font-weight:500;display:inline-block}.jr__title{text-shadow:0 2px 24px color-mix(in srgb, var(--raw-shade) 60%, transparent)}.jr__blurb{max-width:36rem;color:var(--ink);text-shadow:0 1px 12px color-mix(in srgb, var(--raw-shade) 70%, transparent);margin-inline:auto}.jr__fliers{z-index:18;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.jr__flier{--fa:clamp(0, (var(--p) - var(--ft)) / .0481, 1);--fb:clamp(0, (var(--p) - var(--ft) - .0481) / .0769, 1);--fc:clamp(0, (var(--p) - var(--ft) - .125) / .0385, 1);--travel:calc(.45 * var(--fa) + .55 * var(--fb) + .25 * var(--fc));width:clamp(52px,5vw,88px);opacity:calc(var(--fa) * (1 - var(--fc)));transform:translate3d(calc(var(--travel) * var(--fx) * 1vw), calc(var(--travel) * var(--fy) * 1vh - var(--fc) * 6vh), 0) rotate(calc((.5 * var(--fa) + .5 * var(--fb)) * var(--fr) * 1deg)) scale(calc(.2 + var(--fa) * (.8 * var(--fs) - .2) + var(--fb) * .2 * var(--fs)));position:absolute}[data-scene-live] .jr__flier{will-change:transform, opacity}.jr__flier .appicon{aspect-ratio:1;width:100%;box-shadow:0 18px 40px color-mix(in srgb, var(--raw-shade) 45%, transparent);border-radius:22%}.jr__island-wrap{z-index:25;pointer-events:none;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.jr__island{--phu:calc(var(--jr-phu) / var(--jr-notch-scale));width:min(calc(27.7 * var(--phu)), 92vw);height:calc(11 * var(--phu));opacity:clamp(0, var(--island-on), 1);transform:translate3d(0, calc((1 - var(--island)) * var(--jr-notch-y)), 0) scale(calc(var(--jr-notch-scale) + var(--island) * (1 - var(--jr-notch-scale))));justify-content:center;align-items:center;display:flex;position:relative}[data-scene-live] .jr__island{will-change:transform}.jr__island-copy{z-index:30;text-align:center;opacity:var(--island-copy);transform:translate3d(0, calc((1 - var(--island-copy)) * -20px), 0);padding:0 1rem;position:absolute;top:8svh;left:0;right:0}.jr__states{flex-wrap:wrap;justify-content:center;gap:.5rem 1.25rem;margin-top:clamp(1rem,3vh,1.75rem);padding:0;list-style:none;display:flex}.jr__state{color:var(--ink-dim);opacity:.55;transition:color var(--motion-duration) var(--motion-ease), opacity var(--motion-duration) var(--motion-ease);align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.jr__state:before{content:"";background:currentColor;border-radius:50%;width:.375rem;height:.375rem}.jr[data-island-state=music] .jr__state--music,.jr[data-island-state=call] .jr__state--call,.jr[data-island-state=timer] .jr__state--timer{color:var(--accent);opacity:1}.jr__caption{z-index:30;text-align:center;width:min(90vw,40rem);text-shadow:0 2px 12px color-mix(in srgb, var(--raw-shade) 40%, transparent);font-size:clamp(1.1rem,2.5vw,1.6rem);font-weight:600;position:absolute;bottom:3.5svh;left:50%;translate:-50%}.jr__caption--1{opacity:var(--cap1);transform:translate3d(0, calc((1 - var(--cap1)) * 30px), 0)}.jr__caption--2{opacity:var(--cap2);transform:translate3d(0, calc((1 - var(--cap2)) * 30px), 0)}.jr__caption--3{color:var(--ink-dim);opacity:var(--cap3);transform:translate3d(0, calc((1 - var(--cap3)) * 30px), 0);font-size:clamp(1rem,2vw,1.25rem);font-weight:400}.jr__cue{z-index:30;color:var(--ink-dim);opacity:var(--cue);font-size:.8rem;position:absolute;bottom:3svh;left:50%;translate:-50%}@media (prefers-reduced-motion:reduce),(scripting:none),(max-width:899px),(max-height:699px){.jr{--p:1;--zoom:1;--lead:1;--dim:0;--cue:0;--ls-notify:1;--face:0;--unlock:0;--apps:99;--dock:1;--widgets:99;--cap1:1;--cap2:1;--cap3:1;--island:1;--island-on:1;--island-copy:1;height:auto}.jr__stage{text-align:center;height:auto;padding:3rem 1.25rem 4rem;display:block;position:static}.jr__lead,.jr__island-copy,.jr__caption,.jr__island-wrap{opacity:1;padding:0;position:static;transform:none}.jr__phone{margin:2.5rem auto 0;transform:none}.jr__island-wrap{margin-top:2rem}.jr__island{--phu:min(2.6svh, 3.4vw);width:min(calc(27.7 * var(--phu)), 100%);height:auto;transform:none}.jr__island-copy{margin-top:4rem}.jr__caption{width:auto;max-width:40rem;margin:1.5rem auto 0;translate:none}.jr__caption--3{margin-top:2rem}.jr__dim,.jr__fliers,.jr__cue{display:none}}