:root,[data-theme=dark]{--art-shadow:0 14px 30px #0000008c, 0 2px 6px #0006;--art-glow:#e56c2b42}[data-theme=light]{--art-shadow:0 10px 24px #231e1438, 0 2px 6px #231e141f;--art-glow:#e56c2b33}.ex{--ex-pad:var(--gutter,clamp(20px, 5vw, 32px));max-width:var(--w-xwide);margin:0 auto;padding-block:6px 48px}@media (min-width:768px){.ex{padding-top:24px}}.ex-pad{padding-inline:var(--ex-pad)}.ex-art{aspect-ratio:245/342;background:var(--surface-3);box-shadow:var(--art-shadow);transition:transform .22s var(--ease-sheet);border-radius:4.5%/3.2%;display:block;position:relative;overflow:hidden;transform:translateZ(0)}.ex-art img{object-fit:cover;width:100%;height:100%;display:block}.ex-art:after{content:"";opacity:0;pointer-events:none;mix-blend-mode:soft-light;background:linear-gradient(115deg, transparent 20%, #ffffff8c 38%, #ffd2a059 48%, transparent 62%) var(--hx,50%) 0 / 250% 100% no-repeat;transition:opacity .22s ease-out;position:absolute;inset:0}.ex-art--dim img{filter:saturate(.12)brightness(.82)contrast(.95)}.ex-art-empty{text-align:center;color:var(--ink-3);place-items:center;padding:12px;font-size:15px;display:grid}.art-tap{border-radius:var(--r-sm);min-width:0;color:var(--ink);-webkit-tap-highlight-color:transparent;text-decoration:none;display:block}.art-tap:focus-visible{outline:2px solid var(--brand);outline-offset:4px}@media (hover:hover) and (pointer:fine){.art-tap:hover .ex-art{transform:translateY(-3px)}}.art-tap:active .ex-art{transform:scale(.97)}.ex-tile-name,.ex-tile-sub,.ex-tile-stat{white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.ex-tile-name{margin-top:10px;font-size:15px;font-weight:600;line-height:1.25}.ex-tile-sub{color:var(--ink-3);margin-top:1px;font-size:15px;line-height:1.3}.ex-tile-stat{color:var(--ink-2);font-variant-numeric:tabular-nums;margin-top:2px;font-size:15px;line-height:1.3}.ex-hero{isolation:isolate;margin:6px var(--ex-pad) 0;border-radius:var(--r-xl);background:var(--surface);grid-template-columns:132px minmax(0,1fr);align-items:end;gap:18px;padding:22px 20px 20px;display:grid;position:relative;overflow:hidden}.ex-hero:before{content:"";z-index:-1;background:radial-gradient(circle at 26% 44%, var(--art-glow), transparent 46%);pointer-events:none;position:absolute;inset:-40%}.ex-hero .ex-art{transform:rotate(-4deg)}@media (hover:hover) and (pointer:fine){.ex-hero.art-tap:hover .ex-art{transform:rotate(-2deg)translateY(-4px)}}.ex-eyebrow{letter-spacing:.06em;text-transform:uppercase;color:var(--brand);font-size:13px;font-weight:600;display:block}.ex-hero-title{font:800 27px/1.02 var(--brand-font);letter-spacing:-.01em;text-wrap:balance;margin-top:6px;display:block}.ex-hero-set{color:var(--ink-2);margin-top:4px;font-size:16px;line-height:1.3;display:block}.ex-hero-stat{color:var(--ink-2);text-wrap:balance;margin-top:12px;font-size:16px;line-height:1.35;display:block}.ex-hero-stat b{font:800 38px/1 var(--brand-font);color:var(--ink);font-variant-numeric:tabular-nums;display:block}@media (min-width:768px){.ex-hero{grid-template-columns:170px minmax(0,1fr);align-items:center;gap:36px;padding:32px 40px}.ex-hero-title{font-size:40px}.ex-hero-stat b{font-size:56px}}.ex-shelf{margin-top:30px}.ex-shelf-head{padding:0 calc(var(--ex-pad) - 8px) 0 var(--ex-pad);justify-content:space-between;align-items:center;gap:8px;display:flex}.ex-shelf-title{font:700 22px/1.15 var(--brand-font);letter-spacing:-.005em;color:var(--ink);margin:0}.ex-shelf-title a{min-height:44px;color:inherit;align-items:center;gap:2px;text-decoration:none;display:inline-flex}.ex-shelf-title svg{width:22px;height:22px;color:var(--ink-3);transition:transform var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out);flex:none}@media (hover:hover) and (pointer:fine){.ex-shelf-title a:hover svg{color:var(--brand);transform:translate(3px)}}.ex-see-all{border-radius:var(--r-pill);height:44px;color:var(--brand);transition:background-color var(--dur-micro) var(--ease-out);align-items:center;padding:0 10px;font-size:16px;font-weight:500;text-decoration:none;display:inline-flex}.ex-see-all:active{background:var(--brand-dim)}@media (hover:hover) and (pointer:fine){.ex-see-all:hover{background:var(--brand-dim)}}.ex-row{padding:8px var(--ex-pad) 20px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ex-pad);scrollbar-width:none;gap:14px;margin:0;list-style:none;display:flex;overflow-x:auto}.ex-row::-webkit-scrollbar{display:none}.ex-row>li{scroll-snap-align:start;flex:none;width:138px}.ex-row>li.ex-row-fan{width:150px}@media (min-width:768px){.ex-row{gap:20px}.ex-row>li{width:164px}.ex-row>li.ex-row-fan{width:176px}}.ex-fan{height:150px;display:block;position:relative}.ex-fan .ex-art{width:86px;position:absolute;top:12px;left:32px}.ex-fan .ex-art:first-child{transform:rotate(-12deg)translate(-26px,8px)}.ex-fan .ex-art:nth-child(2){transform:rotate(12deg)translate(26px,8px)}.ex-fan .ex-art:nth-child(3){z-index:2}@media (hover:hover) and (pointer:fine){.art-tap:hover .ex-fan .ex-art:first-child{transform:rotate(-16deg)translate(-34px,6px)}.art-tap:hover .ex-fan .ex-art:nth-child(2){transform:rotate(16deg)translate(34px,6px)}.art-tap:hover .ex-fan .ex-art:nth-child(3){transform:translateY(-3px)}}@media (min-width:768px){.ex-fan{height:170px}.ex-fan .ex-art{width:96px;left:40px}}.ex-fan-label{text-align:center;text-wrap:balance;margin-top:8px;font-size:16px;font-weight:600;line-height:1.25;display:block}.ex-head{padding:4px var(--ex-pad) 0}.ex-title{font:800 32px/1.05 var(--brand-font);letter-spacing:-.015em;color:var(--ink);text-wrap:balance;margin:0}.ex-sub{max-width:42ch;color:var(--ink-2);margin:8px 0 0;font-size:16px;line-height:1.45}@media (min-width:768px){.ex-title{font-size:44px}.ex-sub{font-size:18px}}.ex-toolbar{padding:16px var(--ex-pad) 0;flex-wrap:wrap;align-items:center;gap:8px;display:flex}.ex-pill{border:1px solid var(--border-up);border-radius:var(--r-pill);background:var(--surface);height:40px;color:var(--ink);font:500 15px/1 var(--sans);cursor:pointer;transition:border-color var(--dur-micro) var(--ease-out), background-color var(--dur-micro) var(--ease-out);align-items:center;gap:6px;padding:0 14px;display:inline-flex}.ex-pill svg{width:18px;height:18px;color:var(--ink-3)}.ex-pill:active{background:var(--surface-2)}.ex-pill:focus-visible{outline:2px solid var(--brand);outline-offset:2px}@media (hover:hover) and (pointer:fine){.ex-pill:hover{border-color:var(--border-interactive)}}.ex-pill-badge{background:var(--brand-btn);min-width:20px;height:20px;color:var(--brand-ink);border-radius:10px;place-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-grid}.ex-pill--chip{background:var(--surface-3);border-color:#0000}.ex-count{color:var(--ink-3);font-variant-numeric:tabular-nums;align-items:center;gap:8px;margin-left:auto;font-size:15px;display:inline-flex}.ex-grid{padding:18px var(--ex-pad) 0;transition:opacity var(--dur-micro) var(--ease-out);grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px;margin:0;list-style:none;display:grid}.ex-grid .ex-tile-name{font-size:16px}.ex-grid.is-busy{opacity:.55}@media (min-width:600px){.ex-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width:900px){.ex-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}}@media (min-width:1200px){.ex-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}.ex-more{padding:30px var(--ex-pad) 0;justify-content:center;display:flex}.ex-msg{margin:16px var(--ex-pad) 0;color:var(--ink-2);flex-wrap:wrap;align-items:center;gap:12px;font-size:16px;display:flex}.ex-card{max-width:720px;margin:0 auto}.ex-stage{isolation:isolate;place-items:center;padding:18px 0 8px;display:grid;position:relative}.ex-stage:before{content:"";z-index:-1;background:radial-gradient(circle, var(--art-glow), transparent 62%);pointer-events:none;width:360px;height:360px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ex-stage .ex-art{width:218px}.ex-stage .ex-art:after{opacity:.9;animation:5.5s ease-in-out infinite ex-sheen}.ex-stage .zci{cursor:zoom-in;width:100%;height:100%;display:block}.ex-stage .zci img{object-fit:cover;width:100%;height:100%;display:block}@media (min-width:768px){.ex-stage{padding-top:12px}.ex-stage .ex-art{width:260px}}@keyframes ex-sheen{0%,to{background-position:110% 0}50%{background-position:-10% 0}}.ex-card-name{margin:14px var(--ex-pad) 0;text-align:center;font:800 30px/1.05 var(--brand-font);letter-spacing:-.01em;color:var(--ink);text-wrap:balance}.ex-card-meta{margin:6px var(--ex-pad) 0;text-align:center;color:var(--ink-2);text-wrap:balance;font-size:16px;line-height:1.4}.ex-card-meta a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--border-interactive);text-decoration-color:var(--border-interactive);text-underline-offset:3px}.ex-card-flag{margin:12px var(--ex-pad) 0;justify-content:center;display:flex}.ex-flag{border-radius:var(--r-pill);background:var(--brand-dim);height:30px;color:var(--brand);align-items:center;padding:0 12px;font-size:15px;font-weight:600;display:inline-flex}@media (min-width:768px){.ex-card-name{font-size:38px}}.ex-headline{margin:22px var(--ex-pad) 0;border-radius:var(--r-lg);background:var(--surface);text-align:center;padding:18px}.ex-headline b{font:800 48px/1 var(--brand-font);color:var(--ink);font-variant-numeric:tabular-nums;display:block}.ex-headline span{color:var(--ink-2);text-wrap:balance;margin-top:6px;font-size:16px;line-height:1.4;display:block}.ex-block{margin-top:28px}.ex-sec-h{font:700 21px/1.2 var(--brand-font);color:var(--ink);margin:0 0 12px}.ex-bars{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ex-bar{font-variant-numeric:tabular-nums;grid-template-columns:76px minmax(0,1fr) 80px;align-items:center;gap:12px;font-size:16px;display:grid}.ex-bar-label{font-weight:600}.ex-bar-value{text-align:right;color:var(--ink-2)}.ex-track{background:var(--surface-3);border-radius:6px;height:12px;overflow:hidden}.ex-track i{background:var(--border-interactive);transform-origin:0;height:100%;animation:ex-grow .7s var(--ease-sheet) both;border-radius:6px;display:block}.ex-bar--ten .ex-track i{background:var(--brand-btn)}@keyframes ex-grow{0%{transform:scaleX(0)}}.ex-price{margin:14px var(--ex-pad) 0;border-radius:var(--r-md);background:var(--surface);color:var(--ink-2);justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px;font-size:16px;display:flex}.ex-price b{font:700 22px/1 var(--brand-font);color:var(--ink);font-variant-numeric:tabular-nums}.ex-prints{padding:0 var(--ex-pad) 4px;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ex-pad);scrollbar-width:none;gap:10px;margin:0;list-style:none;display:flex;overflow-x:auto}.ex-prints::-webkit-scrollbar{display:none}.ex-prints>li{scroll-snap-align:start;flex:none}.ex-print{border-radius:var(--r-md);background:var(--surface);width:150px;color:var(--ink);transition:border-color var(--dur-micro) var(--ease-out);border:1px solid #0000;padding:14px;text-decoration:none;display:block}a.ex-print:active{border-color:var(--border-interactive)}@media (hover:hover) and (pointer:fine){a.ex-print:hover{border-color:var(--border-interactive)}}.ex-print[aria-current]{border-color:var(--brand-md);background:var(--brand-dim)}.ex-print b{white-space:nowrap;text-overflow:ellipsis;font-size:16px;font-weight:600;display:block;overflow:hidden}.ex-print span{font:800 26px/1 var(--brand-font);font-variant-numeric:tabular-nums;margin-top:8px;display:block}.ex-print small{color:var(--ink-3);margin-top:4px;font-size:15px;display:block}.ex-details{margin:28px var(--ex-pad) 0;border-radius:var(--r-md);background:var(--surface)}.ex-details>summary{cursor:pointer;border-radius:inherit;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding:0 16px;font-size:16px;font-weight:600;list-style:none;display:flex}.ex-details>summary::-webkit-details-marker{display:none}.ex-details>summary svg{width:20px;height:20px;color:var(--ink-3);transition:transform var(--dur-micro) var(--ease-out);flex:none}.ex-details[open]>summary svg{transform:rotate(180deg)}.ex-details>summary:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ex-details-body{padding:0 8px 12px}.ex-note{margin:32px var(--ex-pad) 0;max-width:62ch;color:var(--ink-3);font-size:15px;line-height:1.5}.ex-empty{margin:24px var(--ex-pad) 0;border-radius:var(--r-lg);background:var(--surface);text-align:center;padding:20px}.ex-empty p{color:var(--ink-2);margin:0;font-size:16px}.ex-empty p:first-child{color:var(--ink);font-weight:600}.ex-empty p+p{margin-top:6px}.ex-search{display:none}@media (min-width:768px){.ex-search{padding:0 var(--ex-pad) 20px;max-width:calc(var(--w-field) + 2 * var(--ex-pad));display:block}}.ex-foot{margin:44px var(--ex-pad) 0;border-top:1px solid var(--border);flex-wrap:wrap;gap:0 18px;padding-top:12px;display:flex}.ex-foot a{min-height:44px;color:var(--ink-3);transition:color var(--dur-micro) var(--ease-out);align-items:center;font-size:15px;text-decoration:none;display:inline-flex}@media (hover:hover) and (pointer:fine){.ex-foot a:hover{color:var(--ink)}}@media (prefers-reduced-motion:reduce){.ex-art,.ex-shelf-title svg,.ex-pill,.ex-grid,.ex-print,.ex-details>summary svg{transition:none}.ex-stage .ex-art:after,.ex-track i{animation:none}}.ex-tile-name,.ex-tile-sub{-webkit-line-clamp:2;white-space:normal;overflow-wrap:anywhere;-webkit-box-orient:vertical;display:-webkit-box}.ex-tile-sub{-webkit-line-clamp:1}:root{--ease-spring:cubic-bezier(.34, 1.56, .64, 1)}.ex-features{margin-top:6px}.ex-feature-track{padding:0 var(--ex-pad);overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--ex-pad);scrollbar-width:none;gap:12px;margin:0;list-style:none;display:flex;overflow-x:auto}.ex-feature-track::-webkit-scrollbar{display:none}.ex-feature-slide{scroll-snap-align:start;width:calc(100% - 14px);transition:opacity .32s var(--ease-out);flex:none;display:flex}.ex-feature-slide .art-tap .ex-art{transition:transform .46s var(--ease-spring), opacity .32s var(--ease-out)}.ex-features[data-ready] .ex-feature-slide:not(.is-active) .ex-art{opacity:.5}.ex-features:not([data-ready]) .ex-dots{visibility:hidden}.ex-feature-slide .ex-hero{width:100%;margin:0}.ex-hero-stat b{font-size:clamp(30px,9.6vw,38px)}@media (min-width:768px){.ex-hero-stat b{font-size:48px}}@media (min-width:900px){.ex-feature-slide{width:calc(50% - 6px)}.ex-features[data-ready] .ex-feature-slide:not(.is-active) .ex-art{opacity:1}.ex-feature-slide .ex-hero{grid-template-columns:140px minmax(0,1fr);gap:28px;padding:28px}.ex-feature-slide .ex-hero-title{font-size:32px}}.ex-dots{min-height:40px;padding-inline:var(--ex-pad);justify-content:center;align-items:center;margin-top:4px;display:flex;position:relative}.ex-dots-list{align-items:center;display:flex}.ex-dot{cursor:pointer;-webkit-tap-highlight-color:transparent;width:20px;height:36px;transition:width .32s var(--ease-sheet);background:0 0;border:0;place-items:center;padding:0;display:grid}.ex-dot.is-active{width:38px}.ex-dot-bar{background:var(--border-interactive);width:7px;height:7px;transition:width .32s var(--ease-sheet), background-color .2s ease-out, transform .36s var(--ease-spring);border-radius:4px;display:block;position:relative;overflow:hidden}.ex-dot.is-active .ex-dot-bar{background:var(--surface-3);width:28px}.ex-dot-bar i{background:var(--brand-btn);transform-origin:0;position:absolute;inset:0}.ex-dot-bar i.is-running{animation:ex-dwell var(--ex-dwell,5.5s) linear both}@keyframes ex-dwell{0%{transform:scaleX(0)}}.ex-dot:active .ex-dot-bar{transition-duration:.1s;transform:scale(.8)}.ex-dot:focus-visible{outline:2px solid var(--brand);outline-offset:-6px;border-radius:8px}.ex-dots-pause{top:50%;right:calc(var(--ex-pad) - 8px);width:40px;height:40px;color:var(--ink-3);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out);background:0 0;border:0;border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;transform:translateY(-50%)}.ex-dots-pause svg{width:16px;height:16px}.ex-dots-pause:active{background:var(--state-press)}.ex-dots-pause:focus-visible{outline:2px solid var(--brand);outline-offset:-2px}.art-tap .ex-art{transition:transform .46s var(--ease-spring)}.art-tap:active .ex-art{transition-duration:.11s;transition-timing-function:var(--ease-out);transform:scale(.95)}.art-tap.is-tapped .ex-art:after{animation:.7s ease-out ex-tap-sheen}@keyframes ex-tap-sheen{0%{opacity:0;background-position:130% 0}20%{opacity:1}to{opacity:0;background-position:-30% 0}}.ex-hero.art-tap{transition:transform .46s var(--ease-spring)}.ex-hero.art-tap:active{transition-duration:.11s;transition-timing-function:var(--ease-out);transform:scale(.975)}.ex-hero.art-tap:active .ex-art{transform:rotate(-7deg)scale(.96)}.art-tap:active .ex-fan .ex-art:first-child{transform:rotate(-6deg)translate(-12px,8px)scale(.95)}.art-tap:active .ex-fan .ex-art:nth-child(2){transform:rotate(6deg)translate(12px,8px)scale(.95)}.art-tap:active .ex-fan .ex-art:nth-child(3){transform:scale(.95)}.ex-pill,.ex-print,.ex-see-all,.ex-shelf-title a,.ex-foot a{transition:transform .42s var(--ease-spring), background-color var(--dur-micro) var(--ease-out), border-color var(--dur-micro) var(--ease-out), color var(--dur-micro) var(--ease-out)}.ex-pill:active,.ex-see-all:active{transition-duration:.1s;transform:scale(.94)}.ex-print:active{transition-duration:.1s;transform:scale(.96)}.ex-shelf-title a:active{transition-duration:.1s;transform:scale(.98)}.ex-shelf-title a:active svg{color:var(--brand);transform:translate(4px)}.ex-foot a:active{color:var(--ink)}.ex-details>summary{transition:background-color var(--dur-micro) var(--ease-out)}.ex-details>summary:active{background:var(--state-press)}@media (prefers-reduced-motion:reduce){.ex-feature-slide,.ex-dot,.ex-dot-bar,.ex-hero.art-tap,.art-tap .ex-art,.ex-pill,.ex-print,.ex-see-all,.ex-shelf-title a,.ex-foot a{transition:none}.art-tap.is-tapped .ex-art:after,.ex-dot-bar i.is-running{animation:none}.art-tap:active .ex-art,.ex-hero.art-tap:active,.ex-hero.art-tap:active .ex-art,.art-tap:active .ex-fan .ex-art,.ex-pill:active,.ex-see-all:active,.ex-print:active,.ex-shelf-title a:active,.ex-shelf-title a:active svg,.ex-dot:active .ex-dot-bar{transform:none}}.ex-art-tag{z-index:1;border-radius:var(--r-pill);color:#fff;max-width:88%;font:600 11px/1.25 var(--sans);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;background:#0e0c0ad6;padding:3px 8px;position:absolute;bottom:4.5%;left:6%;overflow:hidden;box-shadow:0 1px 3px #00000059}.ex-stage .ex-art-tag{padding:5px 11px;font-size:14px}@media (min-width:768px){.ex-hero .ex-art-tag{font-size:12px}}.ex-tile-name,.ex-fan-label{transition:color var(--dur-micro) var(--ease-out)}@media (hover:hover) and (pointer:fine){.art-tap:hover .ex-tile-name,.art-tap:hover .ex-fan-label{color:var(--brand)}}.ex-shelf-end{flex:none;align-items:center;gap:4px;display:inline-flex}.ex-row-nav{gap:6px;margin-left:4px;display:none}.ex-row-btn{background:var(--surface-3);width:36px;height:36px;color:var(--ink);cursor:pointer;transition:background-color var(--dur-micro) var(--ease-out), opacity var(--dur-micro) var(--ease-out), transform .42s var(--ease-spring);border:0;border-radius:50%;place-items:center;padding:0;display:grid}.ex-row-btn svg{stroke-width:2px;width:18px;height:18px}.ex-row-btn:hover:not(:disabled){background:var(--border-interactive)}.ex-row-btn:active:not(:disabled){transition-duration:.1s;transform:scale(.92)}.ex-row-btn:disabled{opacity:.35;cursor:default}.ex-row-btn:focus-visible{outline:2px solid var(--brand);outline-offset:2px}.ex-dots-step{display:none}@media (hover:hover) and (pointer:fine){.ex-row-nav{display:inline-flex}.ex-dots-step{flex:none;margin-inline:6px;display:grid}}@media (prefers-reduced-motion:reduce){.ex-row-btn{transition:none}.ex-row-btn:active:not(:disabled){transform:none}}@media (min-width:768px){.ex-prints{scroll-snap-type:none;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid;overflow:visible}.ex-prints .ex-print{width:auto;height:100%}}
