.pl-portal-showcase{padding-block:clamp(3.5rem,6vw,6rem) clamp(5rem,8vw,8rem)}.pl-portal-layout{grid-template-areas:"intro""media""details";gap:2.25rem;display:grid}.pl-portal-intro{grid-area:intro}.pl-portal-heading{max-width:12ch}.pl-portal-details{grid-area:details}.pl-portal-media{grid-area:media;align-self:center;min-width:0;padding-block:.5rem;position:relative}.pl-portal-stage{touch-action:pan-y pinch-zoom;padding:1rem 0 1.75rem;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;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-caption{text-align:center;text-wrap:balance;min-height:2.9em;color:var(--color-dusk);margin-top:.875rem;font-size:13px;line-height:1.45}.pl-portal-feature-icon{border-radius:var(--radius-ui,8px);width:48px;height:48px}.pl-portal-sign-in{padding-block:10px}@media (width>=640px) and (width<=1023px){.pl-portal-heading{max-width:17ch}.pl-portal-intro p{max-width:36rem}.pl-portal-features{grid-template-columns:1fr 1fr}}@media (width>=1024px){.pl-portal-layout{grid-template-columns:minmax(0,.9fr) minmax(0,1.85fr);grid-template-areas:"intro media""details media";align-items:start;gap:2rem clamp(2.5rem,4vw,4rem)}.pl-portal-showcase[data-media-side=left] .pl-portal-layout{grid-template-columns:minmax(0,1.85fr) minmax(0,.9fr);grid-template-areas:"media intro""media details"}.pl-portal-intro{align-self:end}.pl-portal-heading{font-size:clamp(3rem,4.6vw,4rem)}.pl-portal-stage{padding-top:1.5rem}}@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}}}@keyframes pl-portal-arrive{0%{transform:translateY(18px)}to{transform:translateY(0)}}@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}}