/* Discovery home. Shared PocketPlay tokens; imagery comes from our live products. */
.home-page .pp-nav { display: none; }
.home-page .pp-header__end { margin-left: auto; }
.home-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; padding:28px 0 24px; }
.home-kicker { display:block; font:10px var(--font-mono); letter-spacing:.14em; color:var(--ink-2); }
.home-heading h1 { font-size:30px; line-height:1.3; letter-spacing:-.04em; margin:6px 0 0; }
.home-heading p { color:var(--ink-2); font-size:14px; margin:0 0 4px; }
.home-feature { border-radius:var(--r-l); overflow:hidden; background:var(--surface); border:1px solid var(--line-2); }
.home-stage { position:relative; height:416px; touch-action:pan-y; background:#101612; }
.home-slide { position:absolute; inset:0; overflow:hidden; color:#fff; background:#111713; }
.home-slide[hidden] { display:none; }
.home-slide__image { position:absolute; inset:0 0 0 25%; }
.home-slide__image img { width:100%; height:100%; object-fit:cover; object-position:center; }
.home-slide__shade { position:absolute; inset:0; background:linear-gradient(90deg,#102019 0%,rgba(16,32,25,.97) 22%,rgba(16,32,25,.68) 44%,rgba(16,32,25,.02) 75%); }
.home-slide[data-product="tarot"] .home-slide__shade { background:linear-gradient(90deg,#19141c 0%,rgba(25,20,28,.97) 22%,rgba(25,20,28,.62) 44%,rgba(25,20,28,.04) 75%); }
.home-slide[data-product="hacker"] .home-slide__shade,.home-slide[data-product="pelosi"] .home-slide__shade { background:linear-gradient(90deg,#091410 0%,rgba(9,20,16,.97) 22%,rgba(9,20,16,.7) 42%,transparent 75%); }
.home-slide__copy { position:relative; z-index:1; height:100%; width:48%; padding:54px 0 48px 44px; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.home-slide__eyebrow { display:flex; align-items:center; gap:10px; color:#e4e8dd; font-size:12px; letter-spacing:.05em; }
.home-slide__eyebrow span { width:3px; height:3px; border-radius:50%; background:currentColor; }
.home-slide h2 { font-size:40px; letter-spacing:-.04em; line-height:1.2; max-width:12em; margin:18px 0 16px; color:#fff; text-wrap:balance; }
.home-slide__copy p { color:#e1e6dd; font-size:15px; line-height:1.8; max-width:27em; margin:0; }
.home-slide__cta { display:inline-flex; align-items:center; gap:24px; min-height:46px; margin-top:28px; background:#f5f2eb; color:#17150f; border-radius:var(--r-s); padding:10px 20px; font-weight:650; font-size:14px; text-decoration:none; transition:background .2s; }
.home-slide__cta:hover { background:#fff; }
.home-slide__edition { position:absolute; right:22px; bottom:19px; padding:5px 9px; border-radius:5px; background:rgba(0,0,0,.55); color:#fff; font:10px var(--font-mono); letter-spacing:.12em; }
.home-feature__bar { display:flex; align-items:center; justify-content:space-between; min-height:60px; padding:0 16px 0 24px; gap:16px; }
.home-feature-tabs { display:flex; gap:24px; }
.home-feature:not([data-ready]) .home-feature-tabs { visibility:hidden; }
.home-feature-tab { display:flex; align-items:center; gap:8px; position:relative; border:0; background:none; color:var(--ink-2); font:600 13px var(--font-sans); min-height:60px; padding:0 4px; cursor:pointer; }
.home-feature-tab::after { content:""; position:absolute; left:0; right:0; bottom:0; height:3px; background:transparent; }
.home-feature-tab[aria-pressed="true"] { color:var(--ink); }
.home-feature-tab[aria-pressed="true"]::after { background:var(--ink); }
.home-feature-tab__number { font:11px var(--font-mono); opacity:.7; }
.home-feature-controls { display:flex; align-items:center; gap:4px; }
.home-feature-controls[hidden] { display:none; }
.home-rotation,.home-arrow { display:inline-flex; justify-content:center; align-items:center; min-height:40px; border:0; background:transparent; color:var(--ink-2); cursor:pointer; border-radius:var(--r-xs); }
.home-rotation { font:12px var(--font-sans); min-width:48px; padding:0 8px; }
.home-arrow { width:40px; }
.home-arrow:hover,.home-rotation:hover { background:var(--hover); color:var(--ink); }
.home-channels { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; padding:22px 0 0; }
.home-channel { display:flex; align-items:center; gap:10px; padding:13px 12px; min-height:64px; border:1px solid var(--line-2); border-radius:var(--r-m); background:var(--surface); text-decoration:none; font-size:14px; font-weight:650; transition:border-color .2s,background .2s; }
.home-channel:hover { border-color:var(--line-3); background:var(--surface-2); }
.home-channel .pp-glyph { flex-shrink:0; box-shadow:none; border-radius:8px; }
.home-channel__arrow { margin-left:auto; width:14px; height:14px; color:var(--ink-2); }
.home-section { margin-top:64px; }
.home-section .pp-section__head { margin-bottom:22px; }
.home-section .pp-section__head h2 { font-size:24px; letter-spacing:-.035em; }
.home-section .pp-section__head p { color:var(--ink-2); font-size:14px; }
.home-products { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px 24px; }
.home-product { min-width:0; text-decoration:none; }
.home-product__cover { aspect-ratio:16/9; overflow:hidden; position:relative; border-radius:var(--r-m); border:1px solid var(--line-2); background:var(--bg-2); }
.home-product__cover img { width:100%; height:100%; object-fit:cover; transition:transform .35s var(--ease); }
.home-product:hover .home-product__cover img { transform:scale(1.035); }
.home-product__open { position:absolute; right:12px; bottom:12px; width:30px; height:30px; display:grid; place-items:center; border-radius:50%; color:#fff; background:rgba(0,0,0,.65); }
.home-product__open svg { width:16px; height:16px; }
.home-product__meta { display:flex; align-items:center; justify-content:space-between; gap:12px; margin-top:14px; }
.home-product h3 { font-size:18px; letter-spacing:-.02em; margin:0; }
.home-product__meta>span { color:var(--ink-2); font-size:11px; white-space:nowrap; }
.home-product>p { color:var(--ink-2); font-size:13px; line-height:1.75; margin:6px 0 0; }
.home-utilities { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--line-2); }
.home-utility { display:flex; align-items:center; gap:14px; padding:22px 18px 22px 0; text-decoration:none; border-bottom:1px solid var(--line-2); }
.home-utility>.pp-glyph { flex-shrink:0; box-shadow:none; }
.home-utility>span:not(.pp-glyph) { flex:1; min-width:0; }
.home-utility b { display:block; font-size:15px; }
.home-utility small { display:block; color:var(--ink-2); margin-top:5px; font-size:12px; line-height:1.5; }
.home-utility>svg { width:16px; height:16px; flex-shrink:0; color:var(--ink-2); }
.home-utility:hover b { text-decoration:underline; text-underline-offset:4px; }
.home-reading { display:grid; grid-template-columns:minmax(0,1.8fr) minmax(0,1fr); gap:64px; }
.home-articles { border-top:1px solid var(--line-2); }
.home-article { position:relative; display:block; padding:19px 32px 19px 0; border-bottom:1px solid var(--line-2); text-decoration:none; }
.home-article>div { display:flex; gap:16px; font-size:11px; color:var(--ink-2); }
.home-article time { font-family:var(--font-mono); }
.home-article h3 { margin:7px 0 0; font-size:16px; font-weight:600; line-height:1.6; }
.home-article>svg { position:absolute; right:0; top:50%; width:16px; color:var(--ink-2); }
.home-article:hover h3 { text-decoration:underline; text-underline-offset:4px; }
.home-community { border-left:1px solid var(--line-2); padding:14px 0 0 36px; }
.home-community h2 { font-size:26px; letter-spacing:-.03em; line-height:1.35; margin:18px 0 14px; }
.home-community p { font-size:14px; line-height:1.8; color:var(--ink-2); }
.home-community .pp-btn { margin-top:24px; }
.home-about { display:flex; justify-content:space-between; gap:16px; margin:60px 0 16px; padding-top:22px; border-top:1px solid var(--line-2); font-size:12px; color:var(--ink-2); }
.home-about a { display:inline-flex; align-items:center; gap:8px; }
.home-about svg { width:14px; height:14px; }
.home-empty { padding:24px 0; color:var(--ink-2); font-size:14px; }
.home-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
.home-page :is(a,button):focus-visible { outline:3px solid var(--accent-text,#4c5bff); outline-offset:4px; }
.home-slide a:focus-visible { outline-color:#fff; }
@media (max-width:1100px) {
 .home-slide__copy { width:56%; padding-left:32px; }
 .home-slide h2 { font-size:36px; }
 .home-channel { padding:12px 10px; gap:8px; }
 .home-channel__arrow { display:none; }
 .home-reading { gap:32px; }
 .home-products { gap:28px 20px; }
}
@media (max-width:760px) {
 .home-heading { padding:22px 0 18px; align-items:start; }
 .home-heading h1 { font-size:26px; }
 .home-heading>p { display:none; }
 .home-stage { height:360px; }
 .home-slide__image { inset:0; }
 .home-slide__image img { height:240px; object-position:center 40%; }
 .home-slide__shade,.home-slide[data-product] .home-slide__shade { background:linear-gradient(0deg,rgba(7,15,11,.98),rgba(7,15,11,.83) 38%,rgba(7,15,11,.08) 86%); }
 .home-slide__copy { width:100%; padding:24px; justify-content:flex-end; }
 .home-slide h2 { max-width:16em; font-size:30px; margin:12px 0; }
 .home-slide__copy p { font-size:13px; max-width:30em; line-height:1.7; }
 .home-slide__cta { min-height:42px; font-size:13px; padding:10px 16px; margin-top:18px; }
 .home-slide__edition { top:14px; bottom:auto; right:14px; font-size:9px; }
 .home-feature__bar { min-height:52px; padding:0 8px 0 12px; gap:4px; }
 .home-feature-tabs { gap:12px; flex:1; }
 .home-feature-tab { min-height:52px; font-size:12px; gap:4px; padding:0 2px; }
 .home-feature-tab__number { display:none; }
 .home-rotation { display:none; }
 .home-feature-controls { gap:0; }
 .home-arrow { width:40px; }
 .home-channels { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; padding-top:16px; }
 .home-channel { min-height:56px; padding:10px; font-size:13px; gap:8px; }
 .home-channel .pp-glyph { width:28px; height:28px; }
 .home-channel .pp-glyph svg { width:16px; height:16px; }
 .home-products { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px 16px; }
 .home-section { margin-top:44px; }
 .home-section .pp-section__head h2 { font-size:21px; }
 .home-section .pp-section__head p { font-size:13px; }
 .home-product__meta { display:block; margin-top:10px; }
 .home-product h3 { font-size:17px; }
 .home-product__meta>span { display:none; }
 .home-product>p { font-size:12px; line-height:1.7; }
 .home-product__open { width:26px; height:26px; right:8px; bottom:8px; }
 .home-utilities { grid-template-columns:repeat(2,minmax(0,1fr)); column-gap:20px; }
 .home-utility { gap:10px; padding:18px 0; }
 .home-utility>.pp-glyph { width:32px; height:32px; }
 .home-utility b { font-size:14px; }
 .home-utility>svg { display:none; }
 .home-reading { grid-template-columns:1fr; gap:32px; }
 .home-community { border-left:0; border-top:1px solid var(--line-2); padding:28px 0 0; }
 .home-about { margin-top:40px; flex-wrap:wrap; }
}
@media (max-width:400px) {
 .home-stage { height:332px; }
 :lang(en) .home-stage { height:370px; }
 .home-slide__copy { padding:20px; }
 .home-slide h2 { font-size:28px; }
 .home-slide__eyebrow { font-size:11px; }
 .home-feature-tabs { gap:9px; }
 .home-feature-tab { font-size:11px; }
 .home-arrow { width:40px; }
 .home-channel { padding:10px 8px; gap:6px; font-size:12px; }
 .home-channel .pp-glyph { width:24px; height:24px; }
 .home-heading h1 { font-size:24px; }
 .home-heading .home-kicker { font-size:9px; }
 .home-utilities { column-gap:12px; }
}
@media (prefers-reduced-motion:reduce) {
 .home-rotation { display:none; }
 .home-page *, .home-page *::before, .home-page *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
}