.pl-portal-showcase{padding-block:clamp(2rem,4vw,4rem) clamp(4rem,7vw,7rem)}.pl-portal-layout{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,3vw,2.5rem);display:grid}.pl-portal-intro{text-align:center;width:100%;max-width:1160px;margin-inline:auto}.pl-portal-heading{text-wrap:balance}.pl-portal-description{text-wrap:pretty;max-width:42rem;margin:1.25rem auto 0;font-size:clamp(1.125rem,1.35vw,1.25rem);line-height:1.6}.pl-portal-media{width:100%;min-width:0;max-width:1160px;margin-inline:auto;position:relative}.pl-portal-stage{transform-origin:bottom;touch-action:pan-y pinch-zoom;position:relative}.pl-portal-tablet{width:100%;position:relative;container-type:inline-size}.pl-portal-tablet-rim{background:linear-gradient(140deg,#35313d,#17141d 45%,#2a2632);border:1px solid #8c8793;border-radius:4.1cqw;padding:1.9%;position:relative;box-shadow:inset 0 0 0 2px #4a4553,2px 3px #817b8a,0 28px 44px -25px #170c3061}.pl-portal-tablet-camera{aspect-ratio:1;background:#171222;border:1px solid #484154;border-radius:50%;width:.55%;position:absolute;top:50%;left:.55%}.pl-portal-tablet-screen{aspect-ratio:8/5;background:var(--color-paper);isolation:isolate;cursor:zoom-in;border:1px solid #120f19;border-radius:2.25cqw;width:100%;display:block;position:relative;overflow:hidden}.pl-portal-tablet-image{object-fit:contain;object-position:top center;opacity:0;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;transition:opacity .7s ease-in-out;display:block;position:absolute;inset:0}.pl-portal-tablet-image[data-active=true]{opacity:1}.pl-portal-scene-controls{justify-content:center;margin-bottom:clamp(1.25rem,2.5vw,2rem);display:flex}.pl-portal-scenes{flex-wrap:wrap;justify-content:center;gap:6px;display:flex}.pl-portal-scene{border-radius:var(--radius-action,9999px);min-height:44px;color:var(--color-dusk);cursor:pointer;background:0 0;border:1px solid #0000;padding:10px 15px;font-size:13px;font-weight:600;line-height:1.2;transition:background-color .2s,color .2s}.pl-portal-scene:hover{color:var(--color-ink);background:var(--color-tint)}.pl-portal-scene[aria-selected=true]{background:var(--color-grape);color:#fff}.pl-portal-footer{justify-content:space-between;align-items:center;gap:1.5rem 2rem;margin-top:clamp(1.75rem,3vw,2.5rem);display:flex}.pl-portal-footer[data-caption=false]{justify-content:center}.pl-portal-caption{text-wrap:pretty;max-width:42ch;color:var(--color-dusk);font-size:16px;line-height:1.6}.pl-portal-cta{flex-shrink:0}@media (width<=639px){.pl-portal-description{margin-top:1rem;font-size:17px}.pl-portal-scenes{gap:3px}.pl-portal-scene{padding:6px 10px;font-size:12px}.pl-portal-footer{flex-direction:column;gap:1.25rem}.pl-portal-caption{text-align:center;text-wrap:balance;min-height:3.2em;font-size:14px;line-height:1.6}}@media (width>=360px) and (width<=639px){.pl-portal-scenes{grid-template-columns:repeat(5,minmax(0,1fr));width:100%;max-width:420px;display:grid}.pl-portal-scene{justify-content:center;align-items:center;padding-inline:2px;display:flex}}@media (width<=359px){.pl-portal-scenes{max-width:248px}}@media (width>=1024px) and (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.pl-portal-showcase[data-motion=on] .pl-portal-stage{animation:linear both pl-portal-arrive;animation-timeline:view();animation-range:entry entry 75%}}}@keyframes pl-portal-arrive{0%{transform:perspective(1600px)translateY(32px)rotateX(5deg)scale(.975)}to{transform:perspective(1600px)translateY(0)rotateX(0)scale(1)}}@media (prefers-reduced-motion:reduce){.pl-portal-tablet-image{transition:none}}.pl-portal-preview{border:1px solid var(--color-line);border-radius:var(--radius-ui,8px);background:var(--color-paper);width:min(1400px,100vw - 48px);max-width:none;max-height:calc(100dvh - 48px);color:var(--color-ink);margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 100px #170c3033}.pl-portal-preview[open]{flex-direction:column;display:flex}.pl-portal-preview::backdrop{background:#170c30b8}.pl-portal-preview-header{border-bottom:1px solid var(--color-line);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;gap:20px;padding:18px 24px;display:flex}.pl-portal-preview-zoom,.pl-portal-preview-close{border:1px solid var(--color-line);border-radius:var(--radius-action,9999px);min-width:44px;min-height:44px;color:var(--color-grape);cursor:pointer;background:#fff;justify-content:center;align-items:center;gap:8px;transition:background-color .2s;display:inline-flex}.pl-portal-preview-zoom{padding:10px 16px;font-size:14px;font-weight:600}.pl-portal-preview-close{width:44px}.pl-portal-preview-zoom:hover,.pl-portal-preview-close:hover{background:var(--color-tint)}.pl-portal-preview-zoom[aria-pressed=true]{background:var(--color-grape);border-color:var(--color-grape);color:#fff}.pl-portal-preview-viewport{overscroll-behavior:contain;touch-action:pan-x pan-y pinch-zoom;scrollbar-width:thin;background:var(--color-tint);min-height:0;overflow:auto}.pl-portal-preview-image{width:100%;max-width:none;height:auto;display:block}.pl-portal-preview-viewport[data-zoomed=true] .pl-portal-preview-image{width:max(1800px,150%)}.pl-portal-preview-footer{border-top:1px solid var(--color-line);background:#fff;flex-wrap:wrap;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px 20px;padding:14px 24px;display:flex}@media (width<=639px){.pl-portal-preview{width:calc(100vw - 24px);max-height:calc(100dvh - 32px)}.pl-portal-preview-header{flex-direction:column;align-items:stretch;gap:12px;padding:16px}.pl-portal-preview-actions{justify-content:flex-end}.pl-portal-preview-header h3{font-size:18px}.pl-portal-preview-zoom{padding:10px}.pl-portal-preview-footer{padding:12px 16px}}