.ph .pw{transform-origin:50%;width:412px;height:892px;position:absolute;top:0;left:0}.ph .pshadow{transform-origin:50%;width:771px;height:1249px;position:absolute;top:-179.31px;left:-178.99px}.ph .p3{transform-origin:50%;position:absolute;inset:0}.ph .slab{backface-visibility:visible;border-radius:77px;width:450.63px;height:927.98px;position:absolute;top:-19.31px;left:-18.99px}.ph .face{width:453.84px;height:927.98px;position:absolute;top:-19.31px;left:-18.99px}.ph .face .frame{z-index:6;pointer-events:none;background:url(/media/device/pixel-10-pro.webp) 0 0/100% 100%;position:absolute;inset:0}.ph .key{border-radius:1.2px 2.4px 2.4px 1.2px;width:3.6px;position:absolute;right:-3.2px}.ph .key.pwr{height:74.35px;top:267.48px}.ph .key.vol{height:130.36px;top:386.25px}.ph .slab .key{background:inherit;filter:brightness(.94)}.ph .slab .ant{background:#46485280;height:2.6px;position:absolute;left:0;right:0}.ph .slab .a0{top:104px}.ph .slab .a1{top:822px}.ph .screen{font-feature-settings:"tnum";--primary:#b8c6ee;--on-primary:#1e3050;--sec-c:#434752bd;--on-sec-c:#dee2f0;background:#000;border-radius:32px;width:412px;height:892px;font-family:GSF;position:absolute;top:19.31px;left:18.99px;overflow:hidden;box-shadow:0 0 0 3px #000}.ph .punch{z-index:5;background:url(/media/device/pixel-10-pro-camera.png) 50%/100% 100%;width:32.19px;height:32.19px;position:absolute;top:16.74px;left:189.9px}.ph .card{background:#121318;border-radius:24px;width:396px;height:528px;position:absolute;top:54px;left:8px;overflow:hidden}.ph .pics{transform-origin:50%;position:absolute;inset:0}.ph .pic{object-fit:cover;width:100%;height:100%;position:absolute;top:0;left:0}.ph .noise{background-size:160px 160px;position:absolute;inset:-20px}.ph .peak{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ph .veil{opacity:0;background:#000;position:absolute;inset:0}.ph .vgrid{pointer-events:none;position:absolute;inset:0}.ph .vgrid .gl{background:#ffffff80;position:absolute;box-shadow:0 0 0 .75px #00000024}.ph .tally{opacity:0;border-radius:24px;position:absolute;inset:0;box-shadow:inset 0 0 0 3px #e5392f}.ph .reticle{text-align:center;width:120px;margin-top:-26px;margin-left:-60px;position:absolute;top:50%;left:50%}.ph .reticle svg{width:44px;height:44px;margin:0 auto 8px;display:block;overflow:visible}.ph .reticle b{color:#fff;font-size:15px;font-weight:500}.ph .status{letter-spacing:.01em;color:#fff;z-index:4;justify-content:space-between;align-items:center;height:66px;padding:0 28px 0 32px;font-size:15px;font-weight:520;display:flex;position:absolute;top:0;left:0;right:0}.ph .status .icons{align-items:center;gap:6px;display:flex}.ph .status svg{display:block;overflow:visible}.ph .sb-wifi{width:17px;height:13px}.ph .sb-bars{width:15px;height:13px}.ph .sb-batt{width:27.5px;height:13.5px}.ph .slot{min-width:40px;height:40px;color:var(--on-sec-c);background:#00000038;border-radius:20px;place-items:center;padding:0 10px;display:grid;position:absolute;top:62px}.ph .slot.s0{transform-origin:20px 20px;left:16px}.ph .slot.s1{transform-origin:calc(100% - 20px) 20px;right:16px}.ph .slot>*{grid-area:1/1}.ph .slot>.ring,.ph .slot>.press{grid-area:auto}.ph .slot .ring{width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.ph .slot .plus{color:#fff;font-variation-settings:"FILL" 0, "wght" 600, "GRAD" 0, "opsz" 20;font-size:18px}.ph .slot .face2{font-size:20px}.ph .slot .wd{letter-spacing:.01em;white-space:nowrap;font-size:12px;font-weight:700}.ph .slot .press{opacity:0;background:#ffffff59;border-radius:50%;width:40px;height:40px;margin:-20px 0 0 -20px;position:absolute;top:50%;left:50%}.ph .island{color:#fff;white-space:nowrap;background:#0006;border-radius:18px;height:36px;position:absolute;top:66px;left:206px;overflow:hidden;transform:translate(-50%)}.ph .island>div{white-space:nowrap;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ph .island .lbl{letter-spacing:.01em;gap:6px;padding:0 14px;font-size:13px;font-weight:500}.ph .island .lbl .dot{opacity:.6;background:currentColor;border-radius:50%;flex:none;width:3px;height:3px}.ph .island .msg{gap:8px;padding:0 14px 0 12px;font-size:13.5px;font-weight:500}.ph .island .msg .ms{font-size:18px}.ph .island .msg.act{padding-right:4px}.ph .island .btn{background:var(--primary);height:28px;color:var(--on-primary);border-radius:14px;place-items:center;margin-left:4px;padding:0 12px;font-size:13px;font-weight:600;display:grid}.ph .island .recdot{background:#fff;border-radius:50%;width:8px;height:8px}.ph .island .sub{color:#ffffffb3;font-size:12px}.ph .lenses{transform-origin:50%;background:#0006;border-radius:22px;align-items:center;gap:2px;height:44px;padding:4px;display:flex;position:absolute;top:526px;left:206px}.ph .lens{z-index:1;color:#fff;border-radius:18px;place-items:center;width:36px;height:36px;font-size:12px;font-weight:600;display:grid;position:relative}.ph .lind{background:var(--primary);border-radius:18px;width:48px;height:36px;position:absolute;top:4px;left:4px}.ph .dial{transform-origin:206px 52px;width:412px;height:80px;position:absolute;top:490px;left:0}.ph .dval{letter-spacing:.01em;white-space:nowrap;color:#fff;font-size:16px;font-weight:700;line-height:22px;position:absolute;top:0;left:206px;transform:translate(-50%)}.ph .dpill{background:#1c1b1fbd;border-radius:24px;width:272px;height:48px;position:absolute;top:28px;left:70px;overflow:hidden}.ph .dpill svg{position:absolute;top:0;left:0;overflow:visible}.ph .dind{background:#fff;border-radius:2px;width:4px;height:23px;position:absolute;top:5.5px;left:134px;box-shadow:0 0 0 1.5px #00000073}.ph .dA{border-radius:20px;place-items:center;width:40px;height:40px;font-size:15px;font-weight:700;display:grid;position:absolute;top:32px;left:350px}.ph .modes{width:412px;height:44px;position:absolute;top:605px;left:0;overflow:hidden}.ph .mtrack{white-space:nowrap;display:flex;position:absolute;top:4px;left:0}.ph .mode{color:#ffffffa3;border-radius:18px;flex:none;align-items:center;height:36px;padding:0 16px;font-size:14px;font-weight:500;display:flex}.ph .mpill{background:var(--primary);border-radius:18px;height:36px;position:absolute;top:4px;overflow:hidden}.ph .mpill .mtrack{top:0}.ph .mpill .mode{color:var(--on-primary)}.ph .deck{gap:2px;width:412px;height:44px;padding:0 12px;display:flex;position:absolute;top:605px;left:0}.ph .cell{z-index:1;color:#fff;border-radius:22px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1px;min-width:0;height:44px;display:flex;position:relative}.ph .cell .ms{font-size:19px}.ph .cell .v{white-space:nowrap;color:#ffffffa3;font-size:11.5px;font-weight:500;line-height:14px}.ph .cind{background:var(--primary);border-radius:22px;width:63px;height:44px;position:absolute;top:0;left:0}.ph .thumb{background:#ffffff1f;border-radius:50%;width:52px;height:52px;position:absolute;top:694px;left:44px;overflow:hidden}.ph .thumb img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ph .flip{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:52px;height:52px;display:grid;position:absolute;top:694px;left:316px}.ph .flip .ms{font-size:24px}.ph .shutter{transform-origin:50%;width:100px;height:100px;position:absolute;top:670px;left:156px}.ph .shutter svg{width:100px;height:100px;position:absolute;inset:0;overflow:visible}.ph .shutter .glyph{color:#121318;font-variation-settings:"FILL" 1, "wght" 600, "GRAD" 0, "opsz" 24;width:28px;height:28px;font-size:28px;position:absolute;top:36px;left:36px}.ph .ctrl{transform-origin:206px 24px;justify-content:space-between;align-items:center;width:412px;height:48px;padding:0 40px;display:flex;position:absolute;top:788px;left:0}.ph .cbtn{color:#fff;background:#ffffff1f;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.ph .cbtn .ms{font-size:22px}.ph .kind{background:#ffffff1f;border-radius:24px;height:48px;padding:4px;display:flex;position:relative}.ph .kb{z-index:1;color:#fff;place-items:center;width:56px;height:40px;display:grid;position:relative}.ph .kb .ms{font-size:22px}.ph .kind-ind{background:var(--primary);border-radius:20px;width:56px;height:40px;position:absolute;top:4px;left:4px}.ph .ed{z-index:3;color:#e2e2e9;background:#000;display:none;position:absolute;inset:0}.ph .edtop{align-items:center;gap:4px;height:48px;display:flex;position:absolute;top:42px;left:8px;right:16px}.ph .eib{place-items:center;width:44px;height:44px;font-style:normal;display:grid}.ph .eib .ms{color:#e2e2e9;font-size:24px}.ph .edsp{flex:1}.ph .edsave{background:var(--primary);height:40px;color:var(--on-primary);border-radius:20px;place-items:center;margin-left:6px;padding:0 20px;font-size:15px;font-weight:500;display:grid}.ph .edimg{object-fit:cover;border-radius:16px;width:388px;height:291px;position:absolute;top:214px;left:12px}.ph .edstrip{justify-content:space-between;display:flex;position:absolute;top:616px;left:10px;right:10px}.ph .edcol{flex-direction:column;align-items:center;gap:9px;display:flex}.ph .edth{border-radius:14px;width:58px;height:78px;position:relative;overflow:visible}.ph .edth img{object-fit:cover;border-radius:14px;width:100%;height:100%;position:absolute;inset:0}.ph .edlab{white-space:nowrap;font-size:12.5px;font-weight:500}.ph .ednote{color:#c4c6d0;margin:0;font-size:13.5px;line-height:19px;position:absolute;top:744px;left:20px;right:20px}.ph .edtabs{gap:6px;display:flex;position:absolute;top:812px;left:12px;right:12px}.ph .edtab{color:#e2e2e9;background:#ffffff14;border-radius:20px;flex:1;justify-content:center;align-items:center;gap:6px;height:40px;font-size:13.5px;font-weight:500;display:flex}.ph .edtab:first-child{background:var(--primary);color:var(--on-primary)}.ph .edtab .ms{font-size:18px}.ph .fmt{z-index:3;color:#e2e2e9;background:#1d1f26;border-radius:28px 28px 0 0;padding:0 12px;display:none;position:absolute;inset:472px 0 0}.ph .fhandle{background:#8e9099;border-radius:2px;width:32px;height:4px;position:absolute;top:10px;left:190px}.ph .ftitle{margin:30px 8px 0;font-size:19px;font-weight:500;display:block}.ph .fcap{color:#c4c6d0;margin:6px 8px 0;font-size:13px;display:block}.ph .flab{justify-content:space-between;margin:16px 8px 8px;font-size:13px;display:flex}.ph .flab b{font-weight:500}.ph .flab span{color:#c4c6d0}.ph .fseg{gap:3px;display:flex}.ph .fopt{background:#ffffff14;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;height:40px;font-size:13.5px;font-weight:500;display:flex}.ph .fopt:first-child{border-radius:20px 8px 8px 20px}.ph .fopt:last-child{border-radius:8px 20px 20px 8px}.ph .fopt.on{background:var(--primary);color:var(--on-primary);border-radius:20px}.ph .fopt .ms{font-size:18px}.ph .frows{border-radius:20px;flex-direction:column;gap:2px;margin-top:14px;display:flex;overflow:hidden}.ph .frow{background:#ffffff0f;align-items:center;gap:14px;padding:10px 14px;display:flex}.ph .frow>.ms{color:#c4c6d0;font-size:20px}.ph .ftx{flex-direction:column;flex:1;gap:2px;display:flex}.ph .ftx b{font-size:14.5px;font-weight:500}.ph .ftx span{color:#c4c6d0;font-size:12.5px}.ph .fsw{box-sizing:border-box;border:2px solid #8e9099;border-radius:16px;flex:none;width:52px;height:32px;position:relative}.ph .fth{border-radius:10px;width:20px;height:20px;position:absolute;top:4px;left:4px}.ph .homebar{background:#ffffffd1;border-radius:2px;width:108px;height:4px;position:absolute;top:876px;left:152px}.ph .menu{transform-origin:26px -28px;color:#e1e2e8;background:#1d1f26f0;border-radius:24px;width:270px;padding:16px 12px 14px;position:absolute;top:110px;left:12px}.ph .menu b.t{padding:0 8px 14px;font-size:15.5px;font-weight:500;display:block}.ph .menu .grid{grid-template-columns:repeat(4,1fr);row-gap:12px;display:grid}.ph .menu .opt{flex-direction:column;align-items:center;gap:6px;display:flex}.ph .menu .opt i.c{background:#ffffff14;border-radius:22px;place-items:center;width:44px;height:44px;font-style:normal;display:grid}.ph .menu .opt .ms{font-size:22px}.ph .menu .opt .rawg{letter-spacing:.02em;font-size:10px;font-weight:800}.ph .menu .opt span{color:#c2c6d3;font-size:12.5px;font-weight:500}.ph .menu.scp{width:212px;padding:8px 12px 14px}.ph .scp .sch{justify-content:space-between;align-items:center;height:40px;padding:0 4px 6px 8px;display:flex}.ph .scp .sch b{font-size:15.5px;font-weight:500}.ph .scp .sch .ms{color:#c2c6d3;font-size:20px}.ph .scp .grid{grid-template-columns:repeat(3,1fr)}:root{--stick:calc(100svh - var(--hdr) - var(--tabs) - var(--band))}.lk{--xh:calc(var(--lkx,.52) * 1em);--u:calc(var(--xh) * 1.447 / 25.2);padding-left:calc(32.2 * var(--u) + .8 * var(--xh));font:500 1em/1 "Brico", var(--ff);letter-spacing:-.032em;white-space:nowrap;display:inline-block;position:relative}.lk svg{left:calc(-1.9 * var(--u));top:calc(var(--lkb,.86) * 1em + .08 * var(--xh) - 27.1 * var(--u));width:calc(36 * var(--u));height:calc(29 * var(--u));position:absolute;overflow:visible}.lk svg path{fill:none;stroke:currentColor;stroke-width:4.2px;stroke-linecap:round;stroke-linejoin:round}.fill-slot,#ph-control,#ph-corners,#ph-night,#ph-video,#ph-material{aspect-ratio:auto;width:auto}.hero{--hero:clamp(46px, min(6.3vw, 10.6vh), 210px);--pad:clamp(24px, 3vw, 56px);--phh:min(calc(100svh - var(--hdr) - var(--gut) - var(--band) - 2 * var(--pad)), 1320px);min-height:calc(100svh - var(--hdr) - var(--gut) - var(--band));padding:var(--pad) var(--px);flex-direction:column;display:flex}.hero-in{width:100%;max-width:var(--maxw);flex:1;grid-template:".ph."minmax(0,1fr)"ha ph hb""hl ph hr"".ph."minmax(0,1.2fr)/minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(28px,4.2vw,140px);margin:0 auto;display:grid}.hero-h{display:contents}.ha,.hb{font:480 var(--hero)/.98 var(--ff);letter-spacing:-.032em;text-wrap:balance;overflow-wrap:break-word;align-self:end}.ha{text-align:right;grid-area:ha}.hb{text-align:left;grid-area:hb}.hero-ph{height:var(--phh);aspect-ratio:451/928;grid-area:ph;align-self:center}.hero-ph .ph{width:auto;height:100%}.hero-l{text-align:right;flex-direction:column;grid-area:hl;align-items:flex-end;display:flex}.hero-r{flex-direction:column;grid-area:hr;align-items:flex-start;display:flex}.hero .lead{font:420 clamp(18px, .7vw + 11px, 32px)/1.35 var(--ff);color:var(--ink2);text-wrap:pretty;max-width:19em;margin-top:clamp(18px,1.8vw,40px)}.hero .hint{margin-top:clamp(16px,1.4vw,28px)}.cta{flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:clamp(20px,2vw,44px);display:flex}.cta .gp{--h:clamp(60px, 2.4vw + 34px, 104px)}.free{font:450 clamp(15px, .3vw + 12px, 20px)/1.35 var(--ff);color:var(--ink2);margin-top:14px}.hero .pfoot{left:var(--px);max-width:calc(50% - var(--px) - 260px);margin:0;position:absolute;bottom:clamp(16px,1.6vw,30px)}#ph-hero.alive .pics .pic{animation:26s ease-in-out infinite alternate drift}@keyframes drift{0%{transform:none}to{transform:scale(1.07)translate(-1.6%,.8%)}}@media (width<=1200px){.hero .pfoot{text-align:center;max-width:none;margin-top:18px;position:static}}@media (width<=900px),(aspect-ratio<=5/6){.hero{--hero:clamp(34px, 10.2vw, 110px);min-height:calc(100svh - var(--hdr) - var(--gut));padding:18px clamp(16px,4vw,48px)}.hero-in{text-align:center;grid-template:"ha""hb""hl""ph"minmax(200px,1fr)"hr"/minmax(0,1fr);justify-items:center}.ha,.hb{text-align:center}.hb{margin-top:.04em}.hero-l,.hero-r{text-align:center;align-items:center}.hero .lead{max-width:24em;margin-top:12px;font-size:clamp(16.5px,2.2vw + 8px,26px)}.hero .hint{min-height:34px;margin:10px 0 12px;padding:6px 14px 6px 10px;font-size:14.5px}.hero-ph{height:100%;min-height:200px}.cta{justify-content:center;gap:10px;margin-top:14px}.cta .gp{--h:56px}.free{margin-top:10px}.hero .pfoot{margin-top:10px;font-size:12.5px}}.glance .in{max-width:2300px}.ghead{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px 40px;display:flex}.ghead .hint{background:var(--g2);color:var(--ink);margin:0 0 .5em}.bento{margin-top:clamp(28px,3vw,60px);position:relative}.bgrid{transform-origin:0 0;position:absolute;top:0;left:0}.bgrid .tile{border-radius:44px;text-decoration:none;display:block;position:absolute;overflow:hidden}.bgrid .tile:focus-visible{outline:6px solid var(--ink);outline-offset:6px;border-radius:48px}.bgrid .lab{font:500 32px/1.12 var(--ff);opacity:.86;text-wrap:balance;margin-top:14px}.bgrid .lab .go{vertical-align:-.16em;transition:transform .4s var(--spring);margin-left:.22em;font-size:.95em}.bgrid .tile:hover .lab .go,.bgrid .tile:focus-visible .lab .go{transform:translate(8px)}.bgrid .bigw{font:500 130px/1 var(--ff);letter-spacing:-.02em;white-space:nowrap;display:inline-block}.glance .pfoot{color:var(--ink2)}.ctl{height:calc(var(--stick) + 4 * 55svh)}.ctl .stick{top:calc(var(--hdr) + var(--tabs));height:var(--stick);padding:0 var(--px);grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);column-gap:clamp(24px,3vw,80px);display:grid;position:sticky;overflow:hidden}.ctl-txt{z-index:2;align-self:center;position:relative}.h2.xl{letter-spacing:-.03em;font-size:clamp(46px,min(5.4vw,10.5vh),190px);line-height:.98;position:relative}.h2.xl .arrive{display:block}.h2.xl .dont{opacity:0;margin-top:.14em;transition:opacity .2s;position:absolute;top:100%;left:0}.ctl.dont-on .h2.xl .dont{opacity:1}.ctl-more{transition:transform .6s var(--spring)}.ctl.dont-on .ctl-more{transform:translateY(calc(1.12*clamp(46px,min(5.4vw,10.5vh),190px)))}.ctl .body{max-width:23em}.ctl-media{position:relative}#ph-control{position:absolute;inset:5% 0}.ctl .pfoot{left:var(--px);z-index:2;max-width:calc(50% - 330px);margin:0;position:absolute;bottom:clamp(14px,1.4vw,26px)}@media (width<=1200px){.ctl .pfoot{grid-column:1;max-width:26em;margin-top:16px;position:static}.ctl-txt{padding-bottom:0}}@media (width<=900px),(aspect-ratio<=5/6){.ctl .stick{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);padding:20px clamp(16px,4vw,48px) 0}.ctl-txt{align-self:start}.h2.xl{font-size:clamp(38px,9.6vw,96px)}.h2.xl .dont{margin-top:.06em}.ctl-more{transition:opacity .25s var(--ease)}.ctl.dont-on .ctl-more{opacity:0;transform:none}.ctl-media{margin:0 calc(-1*clamp(16px,4vw,48px));overflow:hidden}.ctl .body{margin-top:10px;font-size:16px}.ctl .hint{margin-top:10px}.ctl .pfoot{display:none}#ph-control{top:12px;bottom:12px}}.corners{padding-bottom:0}.crn{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,150px);display:grid}.crn-media{height:clamp(520px,74svh,1060px);position:relative}#ph-corners{height:230%;position:absolute;top:0;left:0;right:0}.crn .txt{align-self:center;padding-bottom:clamp(48px,5.6vw,140px)}.txt .clear{margin-top:22px;display:flex}@media (width<=900px){.crn{grid-template-columns:minmax(0,1fr)}.crn .txt{order:-1;padding-bottom:0}.crn-media{height:min(118vw,72svh)}#ph-corners{height:190%}}.ngt{grid-template:".ph."minmax(0,1fr)"na ph nb""nl ph nr"".ph."minmax(0,1fr)/minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(28px,4vw,130px);display:grid}.ngt-h{display:contents}.na,.nb{font:480 clamp(44px, min(5.6vw, 10vh), 190px)/.98 var(--ff);letter-spacing:-.03em;text-wrap:balance;align-self:end}.na{text-align:right;grid-area:na}.nb{grid-area:nb}.ngt-media{aspect-ratio:451/928;grid-area:ph;height:clamp(540px,80svh,1120px)}#ph-night{position:absolute;inset:0}.ngt-media{position:relative}.ngt-l{text-align:right;grid-area:nl;justify-content:flex-end;display:flex}.ngt-l .body{max-width:17em;margin-left:auto}.ngt-r{grid-area:nr}.night .pfoot{text-align:center;margin-left:auto;margin-right:auto}@media (width<=900px),(aspect-ratio<=5/6){.ngt{text-align:center;grid-template:"na""nb""nl""ph""nr"/minmax(0,1fr);justify-items:center}.na,.nb{text-align:center;font-size:clamp(40px,11vw,96px)}.ngt-l{text-align:center;justify-content:center}.ngt-l .body{margin:12px auto 0}.ngt-media{height:min(150vw,72svh);margin-top:24px}.ngt-r .hint{margin-top:18px}}.dev{height:var(--stick);min-height:700px;max-height:1600px;overflow:clip}.dlayer{z-index:0;pointer-events:none;position:absolute;inset:0}.dlayer img{display:block}.dgrid{z-index:1;height:100%;padding:clamp(20px, 2.2vw, 44px) var(--px);max-width:calc(var(--maxw) + 2 * var(--px));grid-template-columns:clamp(340px,26vw,600px) minmax(0,1fr);column-gap:clamp(20px,2vw,56px);margin:0 auto;display:grid;position:relative}.dside{align-self:center;min-height:0}.dcard{background:var(--g);border-radius:clamp(28px,2vw,44px);margin-left:calc(-1*clamp(16px,1.3vw,30px));padding:clamp(22px,1.8vw,40px) clamp(16px,1.3vw,30px)}.dcard .eyebrow,.dcard .h2{padding:0 clamp(6px,.6vw,14px)}.dcard .h2{font-size:clamp(28px,1.7vw + 10px,66px);line-height:1.06}.xtabs{gap:2px;margin-top:clamp(16px,1.6vw,34px);display:grid}.xtab{text-align:left;cursor:pointer;width:100%;color:var(--ink2);transition:background-color .35s var(--ease), grid-template-rows .45s cubic-bezier(.05, .7, .1, 1), color .3s var(--ease);background:0 0;border:0;border-radius:24px;grid-template-rows:auto 0fr;padding:13px clamp(14px,1vw,22px) 15px;display:grid;position:relative}.xtab:hover{background:color-mix(in oklab, var(--g2) 45%, transparent)}.xtab[aria-selected=true]{background:var(--g2);color:var(--ink);grid-template-rows:auto 1fr}.xtab .t{font:500 clamp(17px, .5vw + 11.5px, 27px)/1.2 var(--ff)}.xtab .d{font:400 clamp(14.5px, .3vw + 10.5px, 19px)/1.4 var(--ff);min-height:0;overflow:hidden}.xtab .d:before{content:"";height:6px;display:block}.xtab .pbar{background:color-mix(in oklab, var(--ink) 16%, transparent);opacity:0;border-radius:2px;height:3px;transition:opacity .3s;position:absolute;bottom:6px;left:clamp(14px,1vw,22px);right:clamp(14px,1vw,22px)}.xtab .pbar i{background:var(--ink);transform-origin:0;border-radius:2px;position:absolute;inset:0;transform:scaleX(0)}.xtab[aria-selected=true] .pbar{opacity:1}.xctl{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;padding:0 clamp(6px,.6vw,14px);display:flex}.xctl .btn{box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--ink) 30%, transparent);background:0 0}.xctl .hint{min-height:40px;margin:0}.xctl .hint[hidden]{display:none}.dfoot{margin-top:14px;padding:0 clamp(6px,.6vw,14px)}.xmedia{place-items:center;min-width:0;min-height:0;display:grid;position:relative}.xstage{position:relative}.xstage>.stg{transform-origin:0 0;position:absolute;top:0;left:0}.xdesc{display:none}.dcap{font:480 80px/1.02 var(--ff);letter-spacing:-.025em;color:var(--ink);text-wrap:balance;margin:0;position:absolute}.hdrp{color:#fff;background:#121214a8;border-radius:64px;align-items:center;gap:36px;height:128px;padding:0 52px;display:flex;position:absolute}.hdrp b.l{font:600 40px/1 var(--ff)}.hdrp .trk{touch-action:none;cursor:pointer;background:#ffffff38;border-radius:18px;flex:1;height:36px;position:relative}.hdrp .trk:focus-visible{outline-offset:8px;outline:4px solid #fff}.hdrp .fill{transform-origin:0;background:#fff;border-radius:18px;width:100%;position:absolute;top:0;bottom:0;left:0}.hdrp .stop{background:#ffffffb3;border-radius:3px;width:6px;height:6px;margin-left:-3px;position:absolute;top:15px}.hdrp .hdl{background:#fff;border-radius:4px;width:8px;height:68px;margin-left:-4px;position:absolute;top:-16px;left:0}.hdrp .v{text-align:right;width:120px;font:600 40px/1 var(--ff);white-space:nowrap}.cmp{background:var(--g2);touch-action:pan-y;-webkit-user-select:none;user-select:none;border-radius:40px;position:absolute;overflow:hidden}.cmp img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;top:0;left:0}.cmp-a{filter:saturate(.7)contrast(.95)}.cmp-cut{clip-path:inset(0 0 0 var(--cut,50%));position:absolute;inset:0}.cmp-b{filter:saturate(1.2)}.cmp-hi{mix-blend-mode:screen;opacity:0}.cmp-line{top:0;bottom:0;left:var(--cut,50%);cursor:ew-resize;touch-action:none;place-items:center;width:80px;margin-left:-40px;display:grid;position:absolute}.cmp-line:before{content:"";background:#fff;width:6px;position:absolute;top:0;bottom:0;left:37px}.cmp-line .knob{color:#121211;background:#fff;border-radius:36px;place-items:center;width:72px;height:72px;font-style:normal;display:grid;position:relative;box-shadow:0 2px 10px #00000038}.cmp-line .knob .ms{font-size:34px}.cmp-line:focus-visible{outline:none}.cmp-line:focus-visible .knob{box-shadow:0 0 0 6px var(--ink), 0 2px 10px #00000038}.ctag{height:56px;font:600 25px/1 var(--ff);white-space:nowrap;background:var(--primary);color:var(--onp);border-radius:28px;align-items:center;gap:12px;padding:0 24px;display:flex;position:absolute;top:26px}.ctag.l{left:26px}.ctag.r{left:calc(var(--cut,50%) + 26px)}.ctag i{opacity:.55;background:currentColor;border-radius:3px;width:6px;height:6px}.gsvg{height:auto;position:absolute;overflow:visible}.gsvg text{font-family:var(--ff)}.gsub{font:450 26px/1.35 var(--ff);color:var(--ink2);margin:0;position:absolute}.seg{gap:4px;display:inline-flex;position:absolute}.seg button{background:var(--g2);min-height:64px;color:var(--ink);cursor:pointer;font:500 22px/1 var(--ff);transition:border-radius .4s var(--spring), background-color .25s;white-space:nowrap;border:0;border-radius:10px;padding:0 30px}.seg button:first-child{border-radius:32px 10px 10px 32px}.seg button:last-child{border-radius:10px 32px 32px 10px}.seg button[aria-selected=true]{background:var(--ink);color:var(--pale);border-radius:32px}@media (width<=1100px),(aspect-ratio<=1),(height<=760px){.dev{height:auto;min-height:0;max-height:none}.dgrid{grid-template-columns:minmax(0,1fr);row-gap:16px;padding:clamp(28px,4vw,56px) clamp(16px,4vw,48px)}.dside,.dcard{display:contents}.dcard .eyebrow{order:1;margin:0}.dcard .h2{order:2}.xtabs{order:3}.xctl{order:4}.xmedia{order:5}.xdesc{order:6}.dfoot{order:7}.dcard .eyebrow,.dcard .h2{padding:0}.dcard .h2{font-size:clamp(32px,6vw,64px)}.xtabs{flex-wrap:wrap;gap:6px;margin-top:0;display:flex}.xtab{background:color-mix(in oklab, var(--g2) 55%, transparent);border-radius:22px;flex:none;grid-template-rows:auto;width:auto;max-width:100%;padding:10px 18px 12px}.xtab[aria-selected=true]{grid-template-rows:auto}.xtab .t{font-size:16px}.xtab .d{display:none}.xtab .pbar{bottom:5px;left:16px;right:16px}.xctl{margin-top:0;padding:0}.xmedia{display:block}.xdesc{min-height:2.9em;font:400 clamp(16px, .4vw + 13px, 20px)/1.45 var(--ff);margin:0;display:block}.dfoot{margin-top:0;padding:0}.xstage{margin:0 auto}}.vid{grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);align-items:center;gap:clamp(28px,5vw,150px);display:grid}.vid-media{height:clamp(560px,82svh,1180px);position:relative}#ph-video{position:absolute;inset:0}.rec{margin-top:clamp(24px,2.4vw,48px)}.rech{font:500 clamp(15px, .3vw + 12px, 20px)/1 var(--ff);color:var(--ink2);margin-bottom:12px;display:block}.recbtns{gap:4px;display:flex}.recbtns button{background:var(--g2);min-width:0;min-height:clamp(58px,1.8vw + 36px,84px);color:var(--ink);cursor:pointer;font:500 clamp(16px, .45vw + 11px, 24px)/1.1 var(--ff);transition:border-radius .45s var(--spring), background-color .25s var(--ease), color .25s var(--ease);border:0;border-radius:12px;flex:auto;justify-content:center;align-items:center;gap:10px;padding:0 clamp(14px,1vw + 4px,28px);display:inline-flex}.recbtns button:first-child{border-radius:42px 12px 12px 42px}.recbtns button:last-child{border-radius:12px 42px 42px 12px}.recbtns button[aria-checked=true]{background:var(--ink);color:var(--pale);border-radius:42px}.recbtns .ms{font-size:28px}.recnote{min-height:2.9em;font:450 clamp(15px, .35vw + 11px, 21px)/1.4 var(--ff);gap:2px;margin-top:14px;display:grid}.recnote .n2{color:var(--ink2)}.video .pfoot{margin-top:clamp(24px,2.4vw,44px)}@media (width<=900px){.vid{grid-template-columns:minmax(0,1fr)}.vid .txt{order:-1}.vid-media{height:min(150vw,74svh)}}@media (width<=520px){.recbtns{flex-direction:column}.recbtns button,.recbtns button:first-child,.recbtns button:last-child{border-radius:12px;justify-content:flex-start}.recbtns button:first-child{border-radius:30px 30px 12px 12px}.recbtns button:last-child{border-radius:12px 12px 30px 30px}.recbtns button[aria-checked=true]{border-radius:30px}}.mat{grid-template:".ph scheme"minmax(0,1fr)"top ph scheme""walls ph scheme"".ph scheme"minmax(0,1fr)/minmax(0,1fr) auto minmax(0,1fr);column-gap:clamp(28px,4vw,130px);display:grid}.mat-top{text-align:right;flex-direction:column;grid-area:top;align-items:flex-end;display:flex}.mat-top .h2{font-size:clamp(38px,3.2vw + 12px,120px)}.mat-top .body{max-width:20em}.mat-walls{flex-direction:column;grid-area:walls;justify-self:end;align-items:flex-end;margin-top:clamp(24px,2.4vw,52px);display:flex}.mat-media{aspect-ratio:451/928;grid-area:ph;height:clamp(560px,76svh,1100px);position:relative}#ph-material{position:absolute;inset:0}.mat-scheme{grid-area:scheme;place-self:center start;width:min(100%,360px)}.walls{gap:clamp(12px,1.2vw,26px);display:flex}.walls button{cursor:pointer;text-align:left;width:clamp(88px,6.4vw + 10px,190px);color:var(--ink);background:0 0;border:0;padding:0;position:relative}.walls img{aspect-ratio:11/16;object-fit:cover;background:var(--g2);border-radius:clamp(20px,1.6vw,36px);width:100%}.walls button:after{content:"";aspect-ratio:11/16;height:auto;box-shadow:0 0 0 4px var(--ink);opacity:0;transition:opacity .25s, transform .45s var(--spring);pointer-events:none;border-radius:clamp(26px,1.6vw + 6px,44px);position:absolute;top:-7px;left:-7px;right:-7px;transform:scale(.94)}.walls button[aria-checked=true]:after{opacity:1;transform:none}.walls .sw{font:500 clamp(12.5px, .35vw + 9px, 18px)/1 var(--ff);font-feature-settings:"tnum";align-items:center;gap:8px;margin-top:20px;display:flex}.walls .sw i{border-radius:50%;flex:none;width:clamp(16px,.8vw + 8px,28px);height:clamp(16px,.8vw + 8px,28px)}.tones{gap:8px;margin:0;padding:0;list-style:none;display:grid}.tones li{background:var(--g2);height:clamp(48px,1.6vw + 28px,72px);font:500 clamp(14px, .3vw + 11px, 19px)/1 var(--ff);font-feature-settings:"tnum";border-radius:40px;align-items:center;gap:14px;padding:0 20px 0 8px;display:flex}.tones li i{aspect-ratio:1;width:clamp(34px,1.3vw + 18px,56px);box-shadow:inset 0 0 0 1.5px color-mix(in oklab, var(--ink) 12%, transparent);border-radius:50%;flex:none}.material .pfoot{text-align:center;margin-left:auto;margin-right:auto}@media (width<=1000px){.mat{grid-template-rows:none;grid-template-columns:minmax(0,1fr);grid-template-areas:"top""walls""ph""scheme";justify-items:center;row-gap:28px}.mat-top{text-align:center;align-items:center}.mat-walls{justify-self:center;align-items:center;margin-top:0}.mat-media{height:min(150vw,74svh)}.mat-scheme{justify-self:center;width:100%;max-width:560px}.tones{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px}.tones li{border-radius:28px;flex-direction:column;gap:8px;height:auto;padding:8px 4px 12px;font-size:11.5px}}.ygrid{gap:var(--gut);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.ycard{background:var(--paper);border-radius:clamp(26px,2vw,44px);flex-direction:column;align-items:flex-start;padding:clamp(28px,3.4vw,84px);display:flex}.h2.m{font-size:clamp(34px,2.6vw + 14px,96px)}.ychips{flex-wrap:wrap;gap:10px;margin:clamp(22px,2vw,40px) 0 0;padding:0;list-style:none;display:flex}.ychips li{background:var(--g2);height:52px;font:500 clamp(16px, .3vw + 13px, 20px)/1 var(--ff);border-radius:26px;align-items:center;gap:10px;padding:0 22px 0 16px;display:inline-flex}.ychips .ms{font-size:26px}.tiers{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;width:100%;margin-top:clamp(22px,2vw,40px);display:grid}.tier{background:var(--g);border-radius:28px;padding:clamp(20px,1.6vw,34px)}.tier.p{background:var(--ink0);color:var(--paper)}.tier .big{font:500 clamp(40px, 2.6vw + 12px, 84px)/1 var(--ff);letter-spacing:-.02em;margin-bottom:16px;display:block}.tier p{font:400 clamp(15px, .3vw + 12px, 20px)/1.45 var(--ff)}.ycard .btn{margin-top:auto}.ycard:not(.pro) .ychips+.body{margin-top:auto;padding-top:28px}.ycard.pro .body{margin-bottom:26px}.body.sm{color:var(--ink2);font-size:clamp(15px,.3vw + 12px,20px)}@media (width<=1000px){.ygrid{grid-template-columns:minmax(0,1fr)}}@media (width<=560px){.tiers{grid-template-columns:minmax(0,1fr)}}.qgrid{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr);align-items:start;gap:28px clamp(28px,5vw,150px);display:grid}.qhead{top:calc(var(--hdr) + var(--tabs) + 32px);flex-direction:column;align-items:flex-start;gap:clamp(20px,2vw,36px);display:flex;position:sticky}@media (width<=900px){.qgrid{grid-template-columns:minmax(0,1fr)}.qhead{position:static}}.end{flex-direction:column;min-height:min(92svh,1100px);display:flex}.end>.in{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;width:100%;padding:clamp(48px,6vw,120px) 0;display:flex}.elock{font-size:min(clamp(64px,8.4vw,230px),14vw);line-height:1}.eline{font:430 clamp(22px, 1.4vw + 12px, 54px)/1.2 var(--ff);letter-spacing:-.008em;text-wrap:balance;margin-top:clamp(18px,2vw,40px)}.ecta{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px 16px;margin-top:clamp(28px,2.6vw,56px);display:flex}.egp{--h:clamp(68px, 3vw + 40px, 120px)}.end .free{margin-top:18px}.end .pfoot{text-align:center;margin:0 auto}.end{padding-bottom:clamp(28px,3vw,48px)}.ph .island .lbl .ms{font-size:17px}.ph .slot:focus-visible,.ph .dA:focus-visible,.ph .cell:focus-visible,.ph .shutter:focus-visible,.ph .menu .opt:focus-visible{outline-offset:2px;border-radius:22px;outline:3px solid #fff}.ph .dpill:focus-visible{outline-offset:3px;outline:3px solid #fff}.ph .dpill{cursor:ew-resize}.ph .island.rec{background:#b3261ed9!important}.ph .island .btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.qhead .btn{white-space:normal;text-align:left;max-width:100%;padding-top:10px;padding-bottom:10px;line-height:1.25}.ph .thumb{overflow:visible}.ph .thumb img{border-radius:50%}.ph .dq-ring{pointer-events:none;opacity:0;width:66px;height:66px;position:absolute;top:-7px;left:-7px}.ph .dq-n{background:var(--primary);min-width:18px;height:18px;color:var(--on-primary);font:700 10.5px/1 var(--ff,system-ui);opacity:0;transition:opacity .2s, transform .4s var(--spring);border-radius:9px;place-items:center;padding:0 5px;display:grid;position:absolute;top:-4px;right:-4px;transform:scale(.5)}.ph .dq-n.on{opacity:1;transform:none}.ph .cx{pointer-events:none;position:absolute;inset:0}.ph .cx-ratio{border:1px solid #ffffff42;display:none;position:absolute;box-shadow:0 0 0 1000px #00000094}.ph .cx-grid{opacity:0;width:396px;height:528px;transition:opacity .18s var(--ease,ease);position:absolute;top:0;left:0}.ph .cx-grid.on{opacity:1}.ph .cx-grid svg{width:100%;height:100%;display:block}.ph .cx-grid line{stroke:#ffffff80;stroke-width:1px;vector-effect:non-scaling-stroke}.ph .menu .opt .gg{width:16px;height:20px;display:block}.ph .menu .opt .gg rect,.ph .menu .opt .gg line{fill:none;stroke:currentColor;stroke-width:1.4px;vector-effect:non-scaling-stroke}.ph .menu .opt .rg{border:1.75px solid;border-radius:3px;display:block}.ph .cx-level{opacity:0;width:260px;height:40px;margin:-20px 0 0 -130px;transition:opacity .24s;position:absolute}.ph .cx-level.on{opacity:1}.ph .cx-level .arm{width:90px;height:2px;transition:width .26s var(--spring), background .2s;background:#ffffffd9;border-radius:1px;position:absolute;top:19px;box-shadow:0 0 6px #00000059}.ph .cx-level .arm.l{margin-right:26px;right:50%}.ph .cx-level .arm.r{margin-left:26px;left:50%}.ph .cx-level .tick{background:#ffffff73;border-radius:1px;width:2px;height:16px;position:absolute;top:12px}.ph .cx-level .tick.l{left:0}.ph .cx-level .tick.r{right:0}.ph .cx-level .deg{font:500 11.5px/1 var(--ff,system-ui);color:#fff;text-shadow:0 0 6px #0009;position:absolute;top:11px;left:50%;transform:translate(-50%)}.ph .cx-level.is-level .arm{background:#fdd663;width:104px}.ph .cx-level.is-level .arm.l{margin-right:0}.ph .cx-level.is-level .arm.r{margin-left:0}.ph .cx-level.is-level .deg{opacity:0}.ph .cx-scope{-webkit-backdrop-filter:blur(10px);opacity:0;transform-origin:0 0;width:112px;height:64px;transition:opacity .22s, transform .45s var(--spring);background:#201f23b3;border-radius:16px;position:absolute;overflow:hidden;transform:scale(.9)}.ph .cx-scope.on{opacity:1;transform:none}.ph .cx-scope canvas{width:112px;height:64px;display:block}.ph .cx-scope b{font:500 10px/1 var(--ff,system-ui);letter-spacing:.04em;color:#c9c4d1;position:absolute;top:6px;right:9px}.ph .cx-count{text-align:center;color:#fff;text-shadow:0 8px 40px #00000073;opacity:0;white-space:nowrap;font-size:170px;font-weight:800;font-stretch:120%;line-height:1;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.ph .cx-count.tick{animation:cx-tick 1s var(--spring) both}@keyframes cx-tick{0%{opacity:0;font-weight:300;transform:translateY(-50%)scale(.4)}25%{opacity:1;font-weight:800;transform:translateY(-50%)scale(1.04)}75%{opacity:1;transform:translateY(-50%)scale(1)}to{opacity:0;font-weight:900;transform:translateY(-50%)scale(1.25)}}.ph .cx-veil{opacity:0;pointer-events:none;background:#000;position:absolute;inset:0}.ph .cx-torch{pointer-events:none;opacity:0;background:radial-gradient(circle at 50% 34%,#fff7de57,#ffda9e29 58%,#0000 78%);transition:opacity .2s;position:absolute;inset:0}