.pf-mosaic{grid-template-rows:auto 156px 300px 268px 208px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"poster poster""logo palette""feature feature""metrics stack""browser browser";gap:8px;display:grid}.pf-area-poster{aspect-ratio:16/10;grid-area:poster}.pf-area-logo{grid-area:logo}.pf-area-palette{grid-area:palette}.pf-area-feature{grid-area:feature}.pf-area-metrics{grid-area:metrics}.pf-area-stack{grid-area:stack}.pf-area-browser{grid-area:browser}@media (min-width:768px){.pf-mosaic{grid-template-rows:auto 212px 304px 112px;grid-template-columns:repeat(6,minmax(0,1fr));grid-template-areas:"poster poster poster poster poster poster""logo logo palette palette metrics metrics""feature feature feature browser browser browser""stack stack stack stack stack stack";gap:12px}.pf-area-poster{aspect-ratio:16/9}}@media (min-width:1280px){.pf-mosaic{--pf-row:clamp(86px, 6.2vw, 104px);grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:repeat(7, var(--pf-row));grid-template-areas:none}.pf-area-poster{aspect-ratio:auto;grid-area:1/1/5/8}.pf-area-logo{grid-area:1/8/3/10}.pf-area-palette{grid-area:1/10/3/13}.pf-area-browser{grid-area:3/8/5/13}.pf-area-metrics{grid-area:5/1/8/4}.pf-area-stack{grid-area:5/4/8/8}.pf-area-feature{grid-area:5/8/8/13}}.pf-pan{animation:pf-pan 24s var(--ease-in-out) infinite alternate;will-change:transform;animation-play-state:paused}[data-live=true] .pf-pan{animation-play-state:running}@keyframes pf-pan{0%{transform:scale(1)translate(0,0)}to{transform:scale(1.075)translate(.8%,-.6%)}}@media (prefers-reduced-motion:reduce){.pf-pan,.pf-site,.pf-sway,.pf-orbit{animation:none!important}}.pf-viewport{container-type:size}.pf-site{animation:pf-site 18s var(--ease-in-out) infinite alternate;will-change:transform;animation-play-state:paused}[data-live=true] .pf-site{animation-play-state:running}@keyframes pf-site{0%,8%{transform:translate(0,0)}92%,to{transform:translateY(min(0px,100cqh - 100%))}}.pf-sway{animation:pf-sway 9s var(--ease-in-out) infinite alternate;will-change:transform;animation-play-state:paused;transform:perspective(520px)rotateY(-9deg)rotateX(3deg)}.pf-orbit{animation:14s linear infinite paused pf-orbit}[data-live=true] .pf-sway,[data-live=true] .pf-orbit{animation-play-state:running}@keyframes pf-sway{to{transform:perspective(520px)rotateY(9deg)rotateX(-3deg)}}@keyframes pf-orbit{to{transform:rotate(360deg)}}.pf-scan{pointer-events:none;animation:scan 4.6s var(--ease-in-out) infinite;animation-play-state:paused;position:absolute;inset:0}[data-live=true] .pf-scan{animation-play-state:running}.pf-card-scan{pointer-events:none;opacity:0;position:absolute;inset:0}[data-live=true] .pf-card:hover .pf-card-scan,[data-live=true] .pf-card:focus-visible .pf-card-scan{opacity:1;animation:scan 2.6s var(--ease-in-out) infinite}.pf-card{transform:perspective(1100px) rotateX(var(--pf-rx,0deg)) rotateY(var(--pf-ry,0deg)) translate3d(0, var(--pf-lift,0px), 0);transition:transform .62s var(--ease-expo), border-color .3s var(--ease-out), box-shadow .42s var(--ease-out)}.pf-card .pf-card-media{transition:transform .9s var(--ease-expo)}.pf-card-brackets{opacity:0;transition:opacity .24s var(--ease-out), transform .42s var(--ease-expo);transform:scale(.985)}@media (hover:hover) and (pointer:fine){.pf-card:hover{--pf-lift:-4px;border-color:var(--color-line-2);box-shadow:var(--shadow-float);transition:transform .18s var(--ease-out), border-color .3s var(--ease-out), box-shadow .42s var(--ease-out)}.pf-card:hover .pf-card-media{transform:scale(1.035)}.pf-card:hover+.pf-card-brackets{opacity:1;transform:none}}.pf-card:focus-visible{border-color:var(--color-line-2);box-shadow:var(--shadow-float)}.pf-card:focus-visible+.pf-card-brackets{opacity:1;transform:none}.pf-card:active{--pf-lift:-1px}.pf-strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain}.pf-strip>*{scroll-snap-align:start}@media (min-width:1280px){@media (hover:hover){.pf-rail:hover .pf-rail-row:not(:hover) .pf-rail-name{color:var(--color-ink-3)}}[data-ready=true] .pf-rail-arrow{animation:pf-rail-nudge .62s var(--ease-out) calc(.42s + var(--pf-rail-i,0) * 70ms) 1}}@keyframes pf-rail-nudge{45%{color:var(--color-ink);translate:5px}}@media (prefers-reduced-motion:reduce){[data-ready=true] .pf-rail-arrow{animation:none}}.pf-sheet-scroll{scrollbar-gutter:stable;overscroll-behavior:contain}.pf-sheet{--pf-mark:var(--pf-mark-d)}:root[data-theme=dark] .pf-sheet{--pf-mark:var(--pf-mark-n)}