.collection-page{max-width:1320px;margin:auto;padding:56px 48px 100px}.collection-kicker{text-transform:uppercase;letter-spacing:.17em;color:var(--color-accent);font-size:11px}.collection-heading{justify-content:space-between;align-items:end;gap:36px;margin-top:26px;padding-bottom:48px;display:flex}.collection-heading h1{letter-spacing:-.065em;font-size:clamp(70px,9vw,124px);font-weight:500;line-height:1}.collection-heading h1 em{font-family:Georgia,serif;font-weight:400}.collection-heading>p{max-width:370px;color:var(--color-foreground-muted);padding-bottom:5px;font-size:17px;line-height:1.8}.collection-rule{border-top:1px solid var(--line-strong);text-transform:uppercase;letter-spacing:.14em;color:var(--color-foreground-subtle);justify-content:space-between;gap:20px;padding:18px 0 24px;font-size:10px;display:flex}.design-feature{border:1px solid var(--line-soft);background:var(--panel-fill);border-radius:16px;grid-template-columns:1.5fr 1fr;display:grid;overflow:hidden}.design-preview{background:linear-gradient(145deg, var(--color-surface-elevated), var(--color-surface));align-items:center;min-width:0;padding:48px 36px;display:flex}.design-browser{border:1px solid var(--line-strong);width:100%;box-shadow:0 20px 40px var(--shadow-soft);border-radius:8px;transition:transform .3s;overflow:hidden;transform:rotate(-3deg)}.design-feature:hover .design-browser,.design-feature:focus-visible .design-browser{transform:rotate(0)translateY(-4px)}.design-browser-bar{background:var(--control-fill);align-items:center;gap:5px;padding:11px 14px;display:flex}.design-browser-bar i{background:var(--color-foreground-subtle);opacity:.6;border-radius:50%;width:5px;height:5px}.design-browser-bar span{color:var(--color-foreground-subtle);margin-left:12px;font-size:10px}.design-browser-image{aspect-ratio:1.22;background:var(--color-surface);position:relative}.design-browser-image img{object-fit:cover;object-position:top}.design-feature-copy{flex-direction:column;justify-content:center;align-items:start;padding:44px 34px;display:flex}.design-feature-copy h2{letter-spacing:-.035em;margin-top:24px;font-size:clamp(26px,3vw,40px);line-height:1.15}.design-feature-copy p{color:var(--color-foreground-muted);margin-top:22px;font-size:15px;line-height:1.85}.collection-tags{flex-wrap:wrap;gap:7px;margin-top:24px;display:flex}.collection-tags span{border:1px solid var(--line-soft);border-radius:99px;padding:5px 9px;font-size:10px}.collection-cta{color:var(--color-accent);align-items:center;gap:18px;margin-top:36px;font-size:13px;display:flex}.collection-cta b{border:1px solid var(--line-strong);border-radius:50%;place-items:center;width:40px;height:40px;font-size:20px;font-weight:400;transition:background .18s;display:grid}.design-feature:hover .collection-cta b,.play-feature:hover .collection-cta b{background:var(--nav-active)}.collection-note{border-top:1px solid var(--line-soft);grid-template-columns:1fr 1.3fr;gap:60px;margin:64px 0;padding:32px 0;display:grid}.collection-note h2{letter-spacing:-.035em;font-size:30px;line-height:1.25}.collection-note p{color:var(--color-foreground-muted);font-size:16px;line-height:1.9}.collection-footer{border-top:1px solid var(--line-strong);flex-wrap:wrap;justify-content:space-between;gap:24px;padding-top:24px;font-size:13px;display:flex}.collection-footer a{text-underline-offset:5px;text-decoration:underline}.play-feature{border:1px solid var(--line-soft);background:var(--panel-fill);border-radius:16px;display:block;overflow:hidden}.play-contact-sheet{background:var(--color-surface);grid-template-columns:1fr 1.35fr 1fr;align-items:center;gap:14px;padding:30px;display:grid;overflow:hidden}.play-contact-sheet figure{aspect-ratio:1;border:1px solid var(--line-strong);border-radius:6px;transition:transform .3s;position:relative;overflow:hidden}.play-contact-sheet figure:first-child{transform:rotate(-5deg)translateY(12px)}.play-contact-sheet figure:last-child{transform:rotate(5deg)translateY(12px)}.play-feature:hover .play-contact-sheet figure{transform:rotate(0)}.play-contact-sheet img{object-fit:cover}.play-contact-sheet figcaption{background:var(--control-fill);color:var(--color-foreground);border-radius:4px;padding:5px 8px;font-size:10px;position:absolute;bottom:10px;left:10px}.play-feature-copy{grid-template-columns:1.1fr 1fr;gap:50px;padding:32px 36px 38px;display:grid}.play-feature-copy h2{letter-spacing:-.04em;margin-top:15px;font-size:clamp(28px,3.5vw,44px);line-height:1.15}.play-feature-copy p{color:var(--color-foreground-muted);font-size:15px;line-height:1.8}.play-feature-copy .collection-cta{margin-top:20px}.play-note{position:relative}.play-note h2 em{color:var(--color-accent);font-family:Georgia,serif;font-weight:400}@media (max-width:760px){.collection-page{padding:36px 24px 90px}.collection-heading{padding-bottom:32px;display:block}.collection-heading>p{margin-top:25px;font-size:16px}.design-feature{grid-template-columns:1fr}.design-preview{padding:30px 24px}.design-browser-image{aspect-ratio:1.4}.design-feature-copy{padding:28px}.collection-note{grid-template-columns:1fr;gap:22px;margin:44px 0}.play-contact-sheet{gap:8px;padding:24px 12px}.play-contact-sheet figcaption{padding:3px 5px;font-size:9px;bottom:5px;left:5px}.play-feature-copy{grid-template-columns:1fr;gap:22px;padding:28px}}