.jr{inset-inline-start:max(28px,calc(50% - var(--w)/2 + 12px));inline-size:158px;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent);mask-image:linear-gradient(transparent,#000 22%,#000 78%,transparent)}.jl{position:relative;will-change:transform}.jl button{display:flex;align-items:center;gap:12px;inline-size:100%;block-size:var(--ih,30px);font-size:13.5px;font-weight:600;color:var(--ink);text-align:start;white-space:nowrap;position:relative;z-index:1;transition:color .3s}.jl button i{inline-size:9px;block-size:9px;border-radius:50%;flex:none;margin-inline-start:1px;background:var(--paper);box-shadow:inset 0 0 0 1.5px var(--grey2);transition:background .3s,box-shadow .3s}.jl button.done i{background:var(--ink);box-shadow:none}.jl button.on{color:var(--blue)}.jl button.on i{background:var(--blue);box-shadow:0 0 0 4px var(--blue-soft)}.jl button:hover span{text-decoration:underline;text-underline-offset:4px}.jb,.jf{position:absolute;inset-inline-start:5px;inline-size:1.5px;transform-origin:50% 0}.jb{background:var(--hair)}.jf{background:var(--ink)}.jm{inset-inline:0;inset-block-start:var(--nav);block-size:2px;background:var(--hair);display:none;opacity:0}.jm i{display:block;block-size:100%;background:var(--blue);transform-origin:0 50%;transform:scaleX(0)}html:not(.js) .jr,html:not(.js) .jm{display:none}@media(max-width:860px){.jr{display:none}.jm{display:block}}.gc{position:relative;display:flex;flex-direction:column;overflow:hidden;border-radius:22px;background:var(--card);box-shadow:var(--sh3);text-decoration:none;color:var(--ink);transition:translate .35s var(--ease),box-shadow .35s}.gc.lg{grid-column:span 2;grid-row:span 2}.gc.wide{grid-column:span 2;flex-direction:row}.gc:hover,.gc:focus-visible{translate:0 -4px;box-shadow:var(--sh3),0 22px 40px -18px #0f123347}@media(prefers-reduced-motion:no-preference){.snap .sw{transition:scale .4s var(--ease)}.gc:hover .snap .sw,.gc:focus-visible .snap .sw{scale:1.03}}.gc:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.snap{position:relative;flex:1;min-block-size:0;overflow:hidden;background:var(--paper);pointer-events:none}.gc.nt .snap{background:var(--note)}.gc.bs .snap{background:var(--blue-soft)}.gc.wide .snap{background:var(--note)}.gc .snap.fig{background:var(--card)}.snap.fig img{display:block;inline-size:100%;block-size:100%;object-fit:contain}.snap .mat{position:absolute;inset:14px 14px 0;overflow:hidden;border-radius:12px 12px 0 0}.gc.lg .snap .mat{inset:18px 18px 0}.snap .sw{position:absolute;inset-inline-start:calc(var(--cx) * -1);inset-block-start:calc(var(--cy) * -1);inline-size:560px;block-size:var(--ch,600px)}.snap .sw .frame,.snap .sw .inner,.snap .sw .win{block-size:100%}.snap .sw .win{background:var(--p-color-surface-primary);border:1px solid var(--p-color-border-primary);border-radius:var(--p-r-lg);box-shadow:var(--p-shadow-raised);overflow:hidden}.snap .sw .main{min-block-size:0}.snap .sw .body{position:relative;flex:1;min-block-size:0}.snap .sw .bd{position:absolute;inset:16px}.snap .sw .bd>.pn{position:absolute;inset:0}.snap .pn{opacity:1;visibility:visible}.gx{padding:14px 18px 16px;flex:none;background:var(--card)}.gc.lg .gx{padding:18px 24px 22px}.gc.wide .gx{inline-size:42%;align-self:center;padding:20px 22px}.gc.wide .snap{flex:none;inline-size:58%}.gx h3{font-size:17px;line-height:1.25}.gc.lg .gx h3{font-size:clamp(22px,2vw,28px)}.gc.wide .gx h3{font-size:20px}.gx .gm{display:grid;grid-template-rows:0fr;transition:grid-template-rows .4s var(--ease)}.gx .gm>div{overflow:hidden;opacity:0;transition:opacity .3s}.gc:hover .gm,.gc:focus-visible .gm{grid-template-rows:1fr}.gc:hover .gm>div,.gc:focus-visible .gm>div{opacity:1}.gx p{font-size:14px;color:var(--ink2);line-height:1.5;margin-block-start:6px}.gc.lg .gx p{font-size:15.5px}.gx em{display:block;margin-block-start:8px;font-style:normal;font-size:13.5px;font-weight:600;color:var(--blue)}@media(hover:none){.gx .gm{grid-template-rows:1fr}.gx .gm>div{opacity:1}}@media(max-width:860px){.gg{gap:12px}.gx h3{font-size:16px}.gx p{font-size:13.5px}}.gg{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:300px;grid-auto-flow:dense;gap:16px;margin-block-start:36px}.gal{border-block-start:0;padding-block-start:24px}.gh h2{font-size:clamp(28px,3vw,42px);margin-block-start:12px}#close{border-block-start:0;padding-block-start:96px}#close .wrap{text-align:center}@media(max-width:1100px){.gg{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.gg{grid-template-columns:1fr;grid-auto-rows:340px}.gc.lg{grid-column:auto;grid-row:auto}.gc.wide{grid-column:auto;flex-direction:column}.gc.wide .snap,.gc.wide .gx{inline-size:auto}.gc.wide .snap{flex:1}.gc.wide .gx{align-self:stretch;padding:14px 18px 16px}}.film{position:relative}.film .stage{position:sticky;inset-block-start:0;block-size:100svh;overflow:hidden;background:var(--sky);color:var(--fg)}.film .stage>*{position:absolute}.film .sun{inset-block-start:-20%;inset-inline-start:0;inline-size:46vw;block-size:140%;background:#ffeecd8c;filter:blur(70px);rotate:18deg;pointer-events:none}.hero{inset-inline-start:max(32px,calc(50% - var(--w)/2 + 32px));inset-block-start:50%;inline-size:min(36vw,470px);translate:0 -50%}.hero h1{font-size:clamp(40px,4.4vw,64px);margin-block-start:16px}.hero .lede{margin-block-start:20px;font-size:clamp(17px,1.5vw,20px);color:var(--ink2);max-inline-size:24em}.hero .ctas{justify-content:flex-start;margin-block-start:28px}.hero .jump{margin-block-start:22px}.hero .jump a{font-size:15px;font-weight:600;color:var(--ink2);text-decoration:none}#caps{inset:0;pointer-events:none}#caps>.cap{pointer-events:auto;position:absolute;inset-block-start:calc(50% - 128px);inset-inline-start:calc(max(32px,50% - var(--w)/2 + 12px) + 172px);inline-size:min(30vw,390px)}#caps>.cap .eb{color:var(--fg2);margin-block-end:14px}#caps>.cap h2{font-size:clamp(30px,3vw,42px)}#caps>.cap p{font-size:17px;margin-block-start:16px;color:var(--fg2);max-inline-size:24em}#caps>.cap .sh{display:inline-block;margin-block-start:18px;font-weight:600;font-size:15px;color:var(--ink);text-decoration:none;border-block-end:1px solid var(--grey2);padding-block-end:2px}#caps>.cap .sh:hover{border-color:var(--ink)}#fw{inset-inline-start:0;inset-block-start:0;inline-size:730px;block-size:640px;transform-origin:0 0}#fw .frame,#fw .inner,#fw .win{block-size:100%}#fw .win{box-shadow:var(--p-shadow-raised)}#fw .main{min-block-size:0}#fw .body{position:relative;flex:1;min-block-size:0}#fw .bd{position:absolute;inset:16px}#fw .bd>.pn{position:absolute;inset:0}.js #fw{opacity:0}.js #caps>.cap{opacity:0}.js #fw .bd>.pn{opacity:0;visibility:hidden}#fw.nosb .sb{display:none}@media(max-width:860px){.hero{inset-inline:20px;inline-size:auto;inset-block-start:calc(var(--nav) + 24px);translate:none}.hero h1{font-size:36px;margin-block-start:10px}.hero .lede{font-size:16px;margin-block-start:12px}.hero .ctas{margin-block-start:18px}.hero .micro{margin-block-start:10px}#caps>.cap{inset-inline-start:20px;inset-inline-end:20px;inline-size:auto;inset-block-start:calc(var(--nav) + 26px)}#caps>.cap h2{font-size:28px}#caps>.cap p{font-size:16px;margin-block-start:10px}#caps>.cap .sh{margin-block-start:10px;font-size:14px}.hero .jump a,#caps>.cap .sh{position:relative}.hero .jump a:before,#caps>.cap .sh:before{content:"";position:absolute;inset:-14px -10px}#fw{inline-size:min(366px,calc(100vw - 24px))}#fw .pagehead{block-size:48px}#fw .wsub{padding-block-start:6px}#fw .bd{inset-block:8px}}@media(max-width:860px)and (max-height:520px)and (orientation:landscape){.hero,#caps>.cap{inset-inline-end:calc(min(366px,100vw - 24px) + 44px)}.hero{inset-block-start:calc(var(--nav) + 8px)}.hero h1{font-size:30px}#caps>.cap{inset-block-start:calc(var(--nav) + 10px)}#caps>.cap h2{font-size:24px}#caps>.cap p{font-size:15px}}html:not(.js) .film .stage{position:static;block-size:auto;overflow:visible;padding-block:var(--nav) 48px}html:not(.js) .film .stage>*{position:static;translate:none;transform:none;inline-size:auto;max-inline-size:620px;margin:32px auto;padding-inline:20px}html:not(.js) .film .stage>.sun,html:not(.js) .film .stage>.rl{display:none}html:not(.js) #caps{display:grid;gap:32px}html:not(.js) #caps>.cap{position:static;translate:none;inline-size:auto}html:not(.js) #fw{inline-size:auto;block-size:auto}html:not(.js) #fw .win{block-size:auto}html:not(.js) #fw .body{position:static}html:not(.js) #fw .bd{position:static;display:grid;gap:24px}html:not(.js) #fw .bd>.pn{position:relative;min-block-size:470px}