.pg-grid{--pg-ink:var(--ink,#1b1b39);--pg-dim:var(--dim,#6b6b76);--pg-accent:var(--accent,#3965fa);--pg-line:#1b1b3924;--pg-frame:#fff;--pg-display:var(--display,system-ui, sans-serif);--pg-mono:var(--mono,ui-monospace, monospace);--pg-stagger:clamp(0px, 12vh, 140px);padding-bottom:var(--pg-stagger);color:var(--pg-ink);grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(56px,9vh,110px) clamp(20px,4vw,64px);display:grid}.pg-card{--e:0;--p:0;--off:0px;--lag:0px;--lean:-2.5deg;min-width:0;opacity:var(--e);translate:0 calc(var(--off) + (1 - var(--e)) * 110px + var(--p) * var(--lag));rotate:calc((1 - var(--e)) * var(--lean));transform-origin:0 100%;will-change:translate, opacity;transition:filter .45s}.pg-card:nth-child(2n){--off:var(--pg-stagger);--lag:46px;--lean:2.5deg;transform-origin:100% 100%}@media (hover:hover){.pg-grid:has(.pg-media:hover) .pg-card:not(:has(.pg-media:hover)){filter:grayscale(.7)opacity(.5)}}.pg-media{--rx:0deg;--ry:0deg;--sx:50%;--sy:50%;border:1px solid var(--pg-line);background:var(--pg-frame);width:100%;color:inherit;text-align:left;font:inherit;cursor:pointer;isolation:isolate;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));border-radius:14px;padding:0;transition:transform .6s cubic-bezier(.22,1,.36,1),box-shadow .5s;display:block;position:relative;overflow:hidden;box-shadow:0 1px #1b1b390a,0 12px 30px -18px #1b1b3959}.pg-media:hover{transition:transform .15s linear,box-shadow .5s;box-shadow:0 1px #1b1b390a,0 34px 60px -28px #1b1b398c}.pg-media:focus-visible{outline:2px solid var(--pg-accent);outline-offset:4px}.pg-media:after{content:"";z-index:2;pointer-events:none;background:radial-gradient(420px circle at var(--sx) var(--sy), #ffffff47, transparent 60%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.pg-media:hover:after{opacity:1}.pg-chrome{border-bottom:1px solid var(--pg-line);align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.pg-chrome i{background:var(--pg-line);border-radius:50%;width:8px;height:8px;transition:background-color .3s}.pg-media:hover .pg-chrome i:first-child{background:#ff5f57}.pg-media:hover .pg-chrome i:nth-child(2){background:#febc2e;transition-delay:50ms}.pg-media:hover .pg-chrome i:nth-child(3){background:#28c840;transition-delay:.1s}.pg-chrome span{font:500 10px / 1 var(--pg-mono);letter-spacing:.06em;color:var(--pg-dim);white-space:nowrap;text-overflow:ellipsis;flex:1;margin-left:8px;overflow:hidden}.pg-shot{aspect-ratio:16/10;background:var(--c,var(--pg-ink));clip-path:inset(0 0 calc((1 - var(--e)) * 100%) 0);place-items:center;display:grid;position:relative;overflow:hidden}.pg-shot img{object-fit:cover;object-position:top center;width:100%;height:100%;scale:calc(1.2 - var(--e) * .1);translate:0 calc(var(--p) * 4%);transition:transform .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:0}.pg-media:hover .pg-shot img{transform:scale(1.06)}.pg-noshot{font-family:var(--pg-display);text-align:center;color:#fff6;padding:0 1.5rem;font-size:clamp(1.4rem,3vw,2.6rem);line-height:1}.pg-badge{z-index:3;background:var(--pg-frame);width:46px;height:46px;color:var(--pg-ink);opacity:0;border-radius:50%;place-items:center;font-size:18px;transition:scale .45s cubic-bezier(.34,1.56,.64,1),opacity .3s,rotate .45s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;bottom:14px;right:14px;rotate:-45deg;scale:.6;box-shadow:0 8px 20px -8px #00000073}.pg-media:hover .pg-badge,.pg-media:focus-visible .pg-badge{opacity:1;rotate:0deg;scale:1}.pg-meta{align-items:baseline;gap:12px;margin-top:18px;display:flex}.pg-idx{font:700 11px / 1 var(--pg-mono);letter-spacing:.2em;color:var(--pg-accent)}.pg-meta h3{font-family:var(--pg-display);font-size:clamp(22px,2.3vw,34px);font-weight:var(--pg-display-weight,400);letter-spacing:-.02em;margin:0;line-height:1;position:relative}.pg-meta h3:after{content:"";background:var(--pg-accent);transform-origin:0;height:2px;transition:scale .5s cubic-bezier(.22,1,.36,1);position:absolute;bottom:-4px;left:0;right:0;scale:0 1}.pg-card:has(.pg-media:hover) .pg-meta h3:after{scale:1}.pg-type{font:500 10px / 1 var(--pg-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--pg-dim);white-space:nowrap;margin-left:auto}.pg-blurb{max-width:52ch;font:400 clamp(12px, 1.05vw, 14px) / 1.7 var(--pg-mono);color:var(--pg-dim);margin:12px 0 0}.pg-tags{flex-wrap:wrap;gap:7px;margin:14px 0 0;padding:0;list-style:none;display:flex}.pg-tags li{border:1px solid var(--pg-line);font:500 10px / 1 var(--pg-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--pg-dim);border-radius:999px;padding:5px 11px}@media (width<=760px){.pg-grid{grid-template-columns:1fr;padding-bottom:0}.pg-card:nth-child(2n){--off:0px;--lag:0px}.pg-type{display:none}}@media (prefers-reduced-motion:reduce){.pg-card,.pg-media,.pg-shot img,.pg-badge{transition:none}.pg-media{transform:none}}.as{--as-bg:var(--bg,#f4f4f6);--as-ink:var(--ink,#1b1b39);--as-dim:var(--dim,#6b6b76);--as-accent:var(--accent,#3965fa);--as-line:#1b1b3924;--as-display:var(--display,system-ui, sans-serif);--as-display-weight:400;--as-mono:var(--mono,ui-monospace, monospace);--as-pad:clamp(1.5rem, 6vw, 6rem);z-index:2;background:var(--as-bg);color:var(--as-ink);padding:clamp(3rem,8vh,6rem) 0 clamp(4rem,10vh,8rem);position:relative;overflow:hidden}.as-head,.as-copy{max-width:1180px;padding-inline:var(--as-pad);box-sizing:content-box;margin-inline:auto}.as-kicker{font:500 10px / 1 var(--as-mono);letter-spacing:.28em;text-transform:uppercase;color:var(--as-accent);align-items:center;gap:1rem;margin-bottom:1.25rem;display:flex}.as-kicker i{background:var(--as-line);width:80px;height:1px}.as-head h2{font-family:var(--as-display);font-weight:var(--as-display-weight);letter-spacing:-.04em;margin:0;font-size:clamp(3rem,8vw,7rem);line-height:.95}.as-head p{max-width:48ch;font:400 clamp(.75rem, 1vw, .9rem) / 1.8 var(--as-mono);color:var(--as-dim);margin:2rem 0 0}.as-band{margin-top:clamp(4rem,12vh,8rem)}.as-title{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.as-idx{font:700 11px / 1 var(--as-mono);letter-spacing:.2em;color:var(--as-accent)}.as-title h3{font-family:var(--as-display);font-weight:var(--as-display-weight);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,4.5vw,3.8rem);line-height:1}.as-type{font:500 10px / 1 var(--as-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--as-dim);margin-left:auto}.as-copy p{max-width:60ch;font:400 clamp(.78rem, 1.05vw, .9rem) / 1.8 var(--as-mono);color:var(--as-dim);margin:1rem 0 0}.as-tags{flex-wrap:wrap;gap:7px;margin:1rem 0 0;padding:0;list-style:none;display:flex}.as-tags li{border:1px solid var(--as-line);font:500 10px / 1 var(--as-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--as-dim);border-radius:999px;padding:5px 11px}.as-rail{width:max-content;padding:24px var(--as-pad) 48px;will-change:translate;gap:clamp(18px,2.4vw,34px);margin-top:clamp(2rem,5vh,3rem);display:flex}.as-phone{--e:0;--step:0px;--w:clamp(170px, 17vw, 250px);width:var(--w);aspect-ratio:1290/2796;padding:calc(var(--w) * .012);border-radius:calc(var(--w) * .19);opacity:var(--e);translate:0 calc((1 - var(--e)) * 120px + var(--step));rotate:calc((1 - var(--e)) * 6deg);background:linear-gradient(135deg,#f2f2f4 0%,#9d9da3 22%,#e9e9ec 45%,#85858b 70%,#d9d9dd 100%);flex:none;margin:0;transition:transform .5s cubic-bezier(.22,1,.36,1),filter .4s,box-shadow .5s;position:relative;box-shadow:0 40px 60px -34px #0a0a1a8c,0 10px 20px -12px #0a0a1a4d}.as-phone:nth-child(2n){--step:30px}.as-phone:before,.as-phone:after{content:"";width:calc(var(--w) * .012);background:#a9a9ae;position:absolute}.as-phone:before{left:calc(var(--w) * -.008);height:3.2%;box-shadow:0 calc(var(--w) * .11) 0 0 #a9a9ae, 0 calc(var(--w) * .11) 0 0 #a9a9ae;border-radius:2px 0 0 2px;top:17%}.as-phone:after{right:calc(var(--w) * -.008);border-radius:0 2px 2px 0;height:10%;top:27%}.as-bezel{height:100%;padding:calc(var(--w) * .03);border-radius:calc(var(--w) * .178);background:#0b0b0d;display:block;box-shadow:inset 0 0 0 1px #ffffff14}.as-screen{border-radius:calc(var(--w) * .15);background:#111;height:100%;display:block;position:relative;overflow:hidden}.as-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.as-island{top:calc(var(--w) * .03);width:30%;height:calc(var(--w) * .085);background:#000;border-radius:999px;position:absolute;left:50%;translate:-50%}@media (hover:hover){.as-phone:hover{transform:translateY(-16px)scale(1.04);box-shadow:0 60px 80px -40px #0a0a1a99,0 14px 24px -12px #0a0a1a4d}.as-rail:has(.as-phone:hover) .as-phone:not(:hover){filter:grayscale(.6)opacity(.55)}}@media (width<=760px){.as-type{width:100%;margin-left:0}}@media (prefers-reduced-motion:reduce){.as-phone{transition:none}}