.lp-frame{--lp-rim:clamp(2.5px, .55cqi, 6px);--lp-bezel:clamp(9px, 2.3cqi, 22px);--lp-radius:clamp(14px, 3.4cqi, 34px);padding:var(--lp-rim);border-radius:var(--lp-radius);background:linear-gradient(135deg,#f7f7f5 0%,#bdbdb8 22%,#ecece9 46%,#a9a9a4 72%,#e2e2df 100%);box-shadow:inset 0 .5px #ffffffb3,0 clamp(10px,2.2cqi,26px) clamp(18px,4cqi,48px) clamp(-12px,-1.6cqi,-6px) #02020161,0 clamp(2px,.4cqi,4px) clamp(4px,.8cqi,10px) #02020129}.lp-bezel{height:100%;padding:var(--lp-bezel);border-radius:calc(var(--lp-radius) - var(--lp-rim));background:#0b0b0a;position:relative}.lp-bezel:before{content:"";aspect-ratio:1;background:radial-gradient(circle at 35% 35%,#4a5566 0%,#1a1f27 45%,#050607 100%);border-radius:50%;width:clamp(4px,.62cqi,8px);margin-inline:auto;position:absolute;inset-block-start:calc(var(--lp-bezel) / 2);inset-inline:0;transform:translateY(-50%)}.lp-bezel:after{content:"";inset:var(--lp-bezel);pointer-events:none;z-index:1;background:linear-gradient(118deg,#ffffff29 0%,#ffffff0d 34%,#fff0 34.5%);border-radius:clamp(3px,.7cqi,8px);position:absolute}.pf-media.lp-media{background:0 0;border-radius:0;overflow:visible;container-type:inline-size}.lp-media .lp-frame{aspect-ratio:1.45;position:absolute;inset-block-start:4%;inset-inline:10%}.lp-view{background:#fff;border-radius:clamp(3px,.7cqi,8px);height:100%;position:relative;overflow:hidden;container-type:size}.lp-card .pf-meta{text-align:center;justify-content:center}.pf-card.lp-card .lp-view img{object-fit:cover;object-position:top;width:100%;height:auto;min-height:100%;display:block;transform:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.pf-card.lp-card .lp-view img{transition:transform .9s var(--ease-out)}.pf-card.lp-card:hover .lp-view img,.pf-card.lp-card:focus-visible .lp-view img{transition:transform 6s cubic-bezier(.45,0,.55,1);transform:translateY(min(0px,100cqh - 100%))}}.pf-switch{text-align:center;font-size:calc((16px) * var(--a11y-fs,1));margin-block:calc(clamp(28px,3.5vw,48px)/-2.5) clamp(28px,3.5vw,48px)}.pf-switch a{min-height:44px;color:var(--ink);text-underline-offset:5px;align-items:center;gap:8px;font-weight:600;text-decoration:underline;display:inline-flex}.pf-switch svg{flex:none}.lp-shot{padding-block-end:clamp(16px,2.5vw,32px);container-type:inline-size}.lp-stage{--lp-aspect:1.45;--lp-top:56px;--lp-gap:clamp(12px, 3svh, 32px);--lp-ctrl:60px;--lp-h:calc(100svh - var(--lp-top) - 2 * var(--lp-gap) - var(--lp-ctrl));--lp-w:min(100cqi, var(--lp-h) * var(--lp-aspect));--lp-th:calc(var(--lp-w) / var(--lp-aspect))}@media (orientation:portrait){.lp-stage{--lp-aspect:.75}}@media (width>=1024px){.lp-stage{--lp-top:64px}}.lp-shot .lp-frame{aspect-ratio:var(--lp-aspect);width:var(--lp-w);margin-inline:auto}.lp-screen{background:#fff;border-radius:clamp(3px,.7cqi,8px);height:100%;position:relative;overflow:hidden;container-type:size}.lp-screen picture,.lp-screen img{width:100%;height:auto;display:block}.lp-screen picture{height:100%}.lp-screen img{object-fit:cover;object-position:top;min-height:100%}@media (width<=600px){.lp-stage{--lp-aspect:.4615;--lp-gap:12px}.lp-shot .lp-frame{--lp-rim:2.5px;--lp-bezel:7px;--lp-radius:46px}.lp-shot .lp-screen,.lp-shot .lp-bezel:after{border-radius:calc(var(--lp-radius) - var(--lp-rim) - var(--lp-bezel))}.lp-shot .lp-bezel:before{aspect-ratio:auto;z-index:2;background:#050505;border-radius:999px;width:30%;height:22px;inset-block-start:calc(var(--lp-bezel) + 9px);transform:none;box-shadow:inset 0 0 0 1px #ffffff0d}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){:where(:root:not(.lite)) .lp-stage .lp-screen img{will-change:transform;animation-name:lp-page-peek;animation-timing-function:linear;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 130svh}}}@keyframes lp-page-peek{0%{transform:translateY(0)}to{transform:translateY(min(0px,max(-250cqh,100cqh - 100%)))}}.lp-controls{justify-content:center;gap:10px;padding-block-start:12px;display:flex}.lp-controls .btn{font-size:calc((15px) * var(--a11y-fs,1));white-space:nowrap;padding-inline:20px}.lp-controls .btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px}@media (width<=600px){.lp-controls{justify-content:flex-start;gap:8px}.lp-controls .btn{padding-inline:16px}}@media (width<=374px){.lp-controls{gap:6px}.lp-controls .btn{font-size:calc((13px) * var(--a11y-fs,1));padding-inline:10px}}.lp-related{margin-block-start:8px}.lp-related a{min-height:44px;color:var(--ink);text-underline-offset:5px;align-items:center;gap:8px;font-weight:600;text-decoration:underline;display:inline-flex}
