@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-ext-wght-normal.d1990364.woff2) format("woff2-variations");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-cyrillic-wght-normal.2ffcac4f.woff2) format("woff2-variations");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-greek-wght-normal.6b69666c.woff2) format("woff2-variations");unicode-range:u+0370-0377,u+037a-037f,u+0384-038a,u+038c,u+038e-03a1,u+03a3-03ff}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-vietnamese-wght-normal.383b32a0.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-ext-wght-normal.f5cc7610.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Manrope Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/manrope-latin-wght-normal.fedf4c92.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/dm-mono-latin-ext-400-normal.3d7b48a6.woff2) format("woff2"),url(/_next/static/media/dm-mono-latin-ext-400-normal.5c4b3754.woff) format("woff");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:DM Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_next/static/media/dm-mono-latin-400-normal.0488ee5d.woff2) format("woff2"),url(/_next/static/media/dm-mono-latin-400-normal.473b4a21.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-vietnamese-wght-normal.96a5d80f.woff2) format("woff2-variations");unicode-range:u+0102-0103,u+0110-0111,u+0128-0129,u+0168-0169,u+01a0-01a1,u+01af-01b0,u+0300-0301,u+0303-0304,u+0308-0309,u+0323,u+0329,u+1ea0-1ef9,u+20ab}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-latin-ext-wght-normal.232ded7b.woff2) format("woff2-variations");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/_next/static/media/bricolage-grotesque-latin-wght-normal.3e340e57.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}:root{--canvas:#fff;--ink:#17191c;--muted:#555b64;--surface:#f1f2f4;--line:#dde0e4;--accent:#f5d547;--font-body:"Manrope Variable",Manrope,sans-serif;--font-mono:"DM Mono",monospace;--page-gutter:64px;--radius:8px;color:var(--ink);background:var(--canvas);font-family:var(--font-body);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--canvas);color:var(--ink)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,summary{cursor:pointer}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600}p{line-height:1.65}::selection{background:var(--accent);color:var(--ink)}:focus-visible{outline:3px solid #2758d8;outline-offset:5px}a,button{touch-action:manipulation}.page-width{max-width:1440px;padding-inline:var(--page-gutter);margin-inline:auto}.eyebrow{font:400 12px/16px var(--font-mono);letter-spacing:.06em}.text-link{text-decoration:underline;text-underline-offset:5px;font-size:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 24px;background:var(--ink);color:white;border:1px solid transparent;border-radius:var(--radius);font-size:14px;line-height:18px;font-weight:500;transition:background-color .18s,transform .18s}.button:hover{background:#34383e;transform:translateY(-2px)}.button.button-outline{border-color:var(--line);background:transparent}.button.yellow{background:var(--accent);color:var(--ink)}.action-row{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.skip-link{position:fixed;z-index:1000;left:20px;top:12px;padding:12px;background:var(--ink);color:white;transform:translateY(-160%)}.skip-link:focus{transform:none}.wordmark{font-size:25px;font-weight:800;letter-spacing:-.05em;white-space:nowrap}.wordmark>span{color:var(--accent);font-size:28px;margin-right:6px}.home-hero{display:grid;grid-template-columns:minmax(0,600fr) minmax(0,640fr);gap:48px;align-items:center;padding-top:72px;padding-bottom:56px;min-height:580px}.hero-copy{display:flex;flex-direction:column;gap:24px}.status-dot{display:flex;gap:10px;align-items:center}.status-dot:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--ink);flex-shrink:0}.hero-copy h1{font-size:clamp(60px,5.56vw,80px);line-height:1.05;letter-spacing:-.055em}.hero-description{max-width:450px;font-size:18px;line-height:29px;color:var(--muted)}.hero-copy .action-row{margin-top:8px}.optical-stage{aspect-ratio:640/486;background:#e9ebef;border-radius:12px;position:relative;overflow:clip;container-type:inline-size}.stage-label{position:absolute;top:4.5%;left:3.75%;font:400 1.72cqw/1.3 var(--font-mono);letter-spacing:.08em;color:var(--muted)}.optical-poster{position:absolute;left:15.625%;top:14.8%;width:43.125%;height:70%;padding:3.75%;background:#17191c;border-radius:6px;rotate:-9deg;color:#f1f2f4;box-shadow:0 30px 40px #17191c25;display:flex;flex-direction:column;transform:translate(var(--pointer-x,0),var(--pointer-y,0));transition:transform .3s ease-out}.optical-poster>.eyebrow{font-size:1.56cqw;line-height:1.2}.optical-poster svg{width:100%;flex:1;min-height:0;color:var(--accent)}.poster-caption{font-size:2.34cqw}.magnetic-card,.poster-caption{display:flex;justify-content:space-between}.magnetic-card{position:absolute;right:4.375%;top:25.72%;width:35.94%;height:35%;padding:3.44%;rotate:7deg;background:var(--accent);color:var(--ink);border-radius:8px;box-shadow:0 18px 32px #17191c16;flex-direction:column}.magnetic-card>.eyebrow{font-size:1.72cqw;line-height:1.2}.magnetic-card strong{font-size:2.18cqw;line-height:1.2}.magnetic-dot{align-self:center;display:grid;place-items:center;width:10.625cqw;height:10.625cqw;border-radius:50%;background:var(--ink);color:white;font-size:4.68cqw;transform:translate(calc(var(--pointer-x, 0px) * -1),calc(var(--pointer-y, 0px) * -1));transition:transform .25s ease-out}.stage-caption{position:absolute;right:6.56%;bottom:5.76%;width:39.06%;padding:2.96% 3.44%;display:flex;align-items:center;justify-content:space-between;gap:2.8%;background:white;border-radius:8px;box-shadow:0 12px 28px #17191c0b}.stage-caption p{font-size:2.03cqw;line-height:1.54}.stage-swatches{display:flex;gap:.625cqw}.stage-swatches i{width:2.18cqw;height:2.18cqw;border-radius:50%;background:var(--ink)}.stage-swatches i:nth-child(2){background:var(--accent)}.stage-swatches i:nth-child(3){background:var(--line)}.home-free{padding-top:40px;padding-bottom:72px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:32px}.section-heading .eyebrow{margin-bottom:14px}.section-heading h2{font-size:44px;line-height:49px;letter-spacing:-.04em}.featured-pair{display:grid;grid-template-columns:1.515fr 1fr;gap:24px}.featured-image{height:300px;background:var(--surface);border-radius:8px;overflow:hidden}.featured-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.featured-card:hover img{transform:scale(1.025)}.featured-image.contain{background:#e8a0ae}.featured-image.contain img{object-fit:contain}.card-caption{display:flex;justify-content:space-between;gap:16px;padding-top:16px;font-size:14px}.card-caption span+span{color:var(--muted);font-size:12px}.home-pro{background:var(--ink);color:#f1f2f4;padding-block:64px}.home-pro h2{font-size:48px;line-height:54px}.pro-intro{width:300px;flex-shrink:0}.pro-intro p{font-size:14px;line-height:23px;color:#bec2c9;margin-bottom:20px}.template-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}.mini-art{min-height:174px;aspect-ratio:245/174;border-radius:6px;padding:18px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.mini-brand{font-size:9px;font-weight:600;letter-spacing:.04em}.mini-art strong{font-size:26px;line-height:1.12;letter-spacing:-.045em;max-width:200px}.mini-rule{height:1px;background:currentColor;opacity:.4}.theme-marketing .mini-art{background:#2758d8!important;color:white!important}.theme-playful .mini-art{background:#e2ec79!important}.theme-saas .mini-art strong{font:500 22px/1.3 var(--font-mono)}.theme-startup .mini-art strong{font-family:Georgia,serif}.agent-section{padding-block:80px;display:grid;grid-template-columns:1fr 1.4fr;gap:100px;align-items:center}.agent-section h2{font-size:42px;line-height:48px;letter-spacing:-.04em;margin:16px 0}.agent-section>div>p:last-child{font-size:15px;color:var(--muted);max-width:330px}.install-terminal{border:1px solid var(--line);border-radius:8px;overflow:hidden}.install-terminal>div{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid var(--line)}.install-terminal pre{padding:30px 24px;background:var(--surface);font:14px/1.8 var(--font-mono);overflow:auto;margin:0}.install-terminal>p{padding:16px 24px;display:flex;justify-content:space-between;font:11px/1.5 var(--font-mono);color:var(--muted)}.copy-button{border:1px solid var(--line);border-radius:6px;background:white;padding:6px 12px;font-size:12px;min-height:34px}.site-footer{background:var(--accent);color:var(--ink);padding:64px var(--page-gutter);display:flex;flex-direction:column;gap:64px}.footer-bottom,.footer-top{max-width:1312px;width:100%;margin:auto;display:flex;justify-content:space-between;gap:40px}.footer-top h2{font-size:62px;line-height:67px;letter-spacing:-.05em}.footer-links{display:flex;gap:80px;padding-top:8px}.footer-links>div{display:flex;flex-direction:column;gap:16px;font-size:14px}.footer-links .eyebrow{margin-bottom:8px}.footer-bottom{align-items:flex-end;font-size:12px}.footer-bottom .wordmark{font-size:48px;line-height:1}.footer-bottom>div{display:flex;gap:24px}@media (max-width:1100px){:root{--page-gutter:32px}.home-hero{gap:30px}.hero-copy h1{font-size:64px}.hero-copy .eyebrow{font-size:10px}.home-pro h2,.section-heading h2{font-size:38px;line-height:1.15}.pro-intro{width:260px}.agent-section{gap:40px}.footer-top h2{font-size:50px;line-height:1.1}.footer-links{gap:40px}.mini-art strong{font-size:21px}}@media (max-width:767px){:root{--page-gutter:24px}.home-hero{grid-template-columns:1fr;gap:32px;padding-top:40px;padding-bottom:40px}.hero-copy{gap:22px}.hero-copy h1{font-size:52px;line-height:56px}.hero-copy .eyebrow{font-size:10px;line-height:16px;letter-spacing:.03em}.hero-description{font-size:16px;line-height:26px}.hero-copy .action-row{gap:18px}.hero-copy .button{padding:14px 16px;font-size:12px}.action-row .text-link{font-size:13px}.optical-stage{width:100%}.stage-label{font-size:2.1cqw}.home-free{padding-top:24px;padding-bottom:40px}.section-heading{align-items:flex-start;flex-direction:column;gap:20px;margin-bottom:24px}.section-heading h2{font-size:30px;line-height:35px}.featured-pair{grid-template-columns:1fr;gap:24px}.featured-image{height:auto;aspect-ratio:342/160}.card-caption{font-size:13px;padding-top:12px}.card-caption span+span{font-size:11px}.home-pro{padding-block:40px}.home-pro h2{font-size:32px;line-height:37px}.pro-intro{width:100%}.pro-intro p{max-width:420px}.template-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.template-strip>.mini-template:last-child{grid-column:span 2}.mini-art{min-height:130px}.mini-art strong{font-size:23px}.mini-template:last-child .mini-art{aspect-ratio:342/130}.agent-section{grid-template-columns:1fr;gap:28px;padding-block:48px}.agent-section h2{font-size:34px;line-height:39px}.install-terminal pre{font-size:11px;padding:22px 16px}.install-terminal>div{padding:16px}.install-terminal>p{padding:14px 16px;font-size:9px;gap:8px}.site-footer{padding-block:40px;gap:40px}.footer-top{flex-direction:column;gap:32px}.footer-top h2{font-size:36px;line-height:40px}.footer-links{gap:64px}.footer-links>div{font-size:13px}.footer-bottom{flex-wrap:wrap;gap:24px;align-items:center}.footer-bottom .wordmark{font-size:34px;width:100%}.footer-bottom>span{flex:1}.footer-bottom>div{gap:16px}}.page-intro{padding-block:64px 48px;display:flex;flex-direction:column;gap:20px}.page-intro h1{font-size:72px;line-height:76px;letter-spacing:-.055em}.page-intro>p:last-child{font-size:18px;color:var(--muted);max-width:640px}.catalog-page{padding-bottom:80px}.catalog-toolbar{display:flex;gap:24px;align-items:end;margin-bottom:24px}.search-field{flex:1}.runtime-filter,.search-field{display:flex;flex-direction:column;gap:10px;font-size:13px}.runtime-filter select,.search-field input{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:14px 16px;min-height:50px;color:var(--ink)}.filter-chips{display:flex;gap:10px;flex-wrap:wrap}.filter-chips button,.variant-list button{border:1px solid var(--line);background:white;padding:9px 16px;border-radius:6px;font-size:12px;min-height:40px}.filter-chips button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.result-count{margin:24px 0 20px;font:12px var(--font-mono);color:var(--muted)}.component-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.component-thumbnail{aspect-ratio:16/10;background:var(--surface);border-radius:8px;overflow:hidden}.component-thumbnail img{width:100%;height:100%;object-fit:cover;transition:transform .3s}.component-card:hover img{transform:scale(1.025)}.component-card h2{font-size:15px;line-height:21px}.component-card>p{font-size:13px;line-height:21px;color:var(--muted);margin-top:10px;max-width:42ch}.empty-state{padding:100px 24px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:20px;min-height:440px}.empty-state h1{font-size:48px;line-height:1.1;letter-spacing:-.045em}.empty-state h2{font-size:28px}.empty-state p{color:var(--muted)}.documentation{display:flex;max-width:1600px;margin:auto}.category-sidebar{width:240px;flex-shrink:0;padding:40px 32px;border-right:1px solid var(--line);display:flex;flex-direction:column;align-items:flex-start;gap:22px;font-size:14px}.category-sidebar .eyebrow{color:var(--muted);margin-bottom:8px}.category-sidebar a[aria-current=page]{font-weight:700;text-decoration:underline;text-underline-offset:5px}.sidebar-pro{margin-top:20px;padding-top:28px;border-top:1px solid var(--line);width:100%;display:flex;flex-direction:column;gap:10px}.sidebar-pro small{font:10px var(--font-mono)}.component-detail{flex:1;min-width:0;padding:40px 48px 80px}.breadcrumb{font-size:11px;color:var(--muted);display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.component-detail>h1{font-size:48px;line-height:54px;letter-spacing:-.045em}.detail-description{font-size:16px;line-height:26px;color:var(--muted);margin:12px 0 28px;max-width:80ch}.detail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.segmented{display:flex;gap:4px;background:var(--surface);padding:4px;border-radius:8px}.segmented button{background:transparent;border:0;border-radius:6px;padding:9px 16px;font-size:13px}.segmented button[aria-pressed=true]{background:white;box-shadow:0 1px 3px #0001}.preview-options{display:flex;align-items:center;gap:16px;font-size:12px}.preview-options button{border:0;background:transparent;min-height:40px}.detail-workspace{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:24px;align-items:start}.detail-preview-column{min-width:0}.live-preview{position:relative;height:440px;background:#151719;border:1px solid var(--line);border-radius:8px;overflow:hidden;display:flex;align-items:center;justify-content:center;margin:auto;width:100%}.live-preview[data-scheme=light]{background:#f1f2f4}.live-preview>img{width:100%;height:100%;object-fit:contain}.live-preview>.button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);white-space:nowrap;box-shadow:0 4px 25px #0003}.live-preview iframe{width:100%;height:100%;border:0;display:block;background:inherit}.live-preview.narrow{max-width:390px;height:650px}.preview-loading{position:absolute;inset:0;display:flex;flex-direction:column;gap:16px;align-items:center;justify-content:center;font-size:14px}.preview-loading button{padding:10px 16px;border:1px solid var(--line);border-radius:6px;background:white}.install-command{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 20px;background:var(--surface);border:1px solid var(--line);border-radius:8px;margin-top:16px}.install-command code{font:12px/1.7 var(--font-mono);overflow-wrap:anywhere}.install-command .copy-button{flex-shrink:0}.variant-list{display:flex;gap:8px;flex-wrap:wrap;margin-top:16px}.detail-section{margin-top:48px}.detail-section h2{font-size:26px;line-height:32px;letter-spacing:-.03em;margin-bottom:16px}.detail-section p{font-size:14px;line-height:24px;color:var(--muted);margin-bottom:20px}.code-panel{background:#17191c;color:#f1f2f4;border-radius:8px;position:relative;padding:24px 20px}.code-panel>.copy-button{position:absolute;top:12px;right:12px;color:var(--ink)}.code-panel pre{font:12px/1.8 var(--font-mono);overflow:auto;padding-top:28px;margin:0;tab-size:2}.table-scroll{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px;text-align:left}td,th{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}th{font-weight:600;background:var(--surface)}td code{font-family:var(--font-mono);font-size:11px}.control-panel{border:1px solid var(--line);border-radius:8px;padding:20px;gap:24px}.control-field,.control-panel{display:flex;flex-direction:column}.control-field{gap:10px;font-size:13px;line-height:20px}.control-field select,.control-field textarea{width:100%;padding:10px;border:1px solid var(--line);border-radius:6px;background:white;resize:vertical;font-size:12px}.control-field input[type=checkbox]{align-self:flex-start;width:20px;height:20px;accent-color:var(--ink)}.control-field input[type=color]{width:100%;height:36px;background:white;border:1px solid var(--line);border-radius:6px}.control-field input[type=range]{width:100%;accent-color:var(--ink)}.control-field output{font:11px var(--font-mono);color:var(--muted)}.reset-controls{background:white;border:1px solid var(--line);border-radius:6px;min-height:38px;font-size:12px}.control-panel>p{line-height:20px}.control-panel>p,.source-link{font-size:12px;color:var(--muted)}.source-link{margin-top:32px}.source-link a{text-decoration:underline;text-underline-offset:4px}.fullscreen-preview{min-height:100svh;position:relative}.fullscreen-preview .live-preview{height:100svh;border:0;border-radius:0}.preview-back{position:fixed;left:16px;bottom:16px;background:white;padding:12px 18px;border-radius:8px;border:1px solid var(--line);font-size:12px;box-shadow:0 2px 15px #0001}.templates-page{padding-bottom:80px}.template-intro{flex-direction:row;justify-content:space-between;align-items:end;gap:40px}.template-intro .eyebrow{margin-bottom:20px}.template-intro>p{width:340px}.templates-layout{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start}.template-list{gap:56px}.template-art,.template-list{display:flex;flex-direction:column}.template-art{min-height:380px;border-radius:8px;padding:32px;justify-content:space-between;gap:40px;overflow:hidden}.template-art-nav{display:flex;justify-content:space-between;gap:16px;font-size:12px}.template-art h2{font-size:72px;line-height:76px;letter-spacing:-.05em;max-width:600px}.template-art-line{font:10px/16px var(--font-mono);padding-top:20px;border-top:1px solid}.theme-marketing .template-art{background:#2758d8!important;color:white!important}.theme-playful .template-art{background:#e2ec79!important}.theme-playful .template-art h2{font-weight:800;letter-spacing:-.065em}.theme-saas .template-art h2{font-family:var(--font-mono);font-size:60px;line-height:1.1;letter-spacing:-.06em}.theme-startup .template-art h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.template-card>.card-caption h2{font-size:22px}.template-card>p{font-size:14px;color:var(--muted);margin-top:12px}.template-pages{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.template-pages span{border:1px solid var(--line);padding:7px 10px;border-radius:4px;font:11px var(--font-mono)}.pro-offer{padding:32px;border:1px solid var(--line);border-radius:8px;position:sticky;top:24px;display:flex;flex-direction:column;gap:24px}.pro-offer h2{font-size:28px;line-height:34px;letter-spacing:-.03em}.offer-price{font-size:40px;font-weight:600;line-height:1}.offer-price span{font-size:12px;font-weight:400;display:block;margin-top:12px;color:var(--muted)}.pro-offer ul{padding-left:18px;margin:0;display:flex;flex-direction:column;gap:12px;font-size:13px;line-height:21px}.license-note{font-size:12px!important;line-height:20px!important;color:var(--muted)}.availability{padding:16px;background:var(--surface);border-radius:6px;display:flex;flex-direction:column;gap:8px;font-size:13px}.availability span{font-size:12px;line-height:19px;color:var(--muted)}.included-pages{display:flex;flex-wrap:wrap;gap:12px;list-style:none;padding:0}.included-pages li{padding:14px 18px;background:var(--surface);border-radius:6px;font-size:13px}.product-faq{max-width:860px;margin:96px auto 0}.product-faq h2{font-size:38px;letter-spacing:-.04em;margin-bottom:32px}.product-faq details{border-bottom:1px solid var(--line);padding:22px 0}.product-faq summary{font-size:16px;font-weight:600}.product-faq details p{padding-top:16px;font-size:14px;color:var(--muted)}.prose-page{padding-block:64px 96px}.prose-page h1{font-size:64px;letter-spacing:-.055em;margin:20px 0 40px}.prose-page h2{font-size:26px;letter-spacing:-.03em;margin:40px 0 16px}.prose-page p{font-size:16px;color:var(--muted);margin-bottom:20px}.prose-page a{text-decoration:underline;text-underline-offset:4px}@media (max-width:1200px){.detail-workspace{grid-template-columns:minmax(0,1fr) 210px}.component-detail{padding-inline:32px}.category-sidebar{width:200px;padding-inline:24px}.templates-layout{grid-template-columns:minmax(0,1fr) 320px;gap:24px}.pro-offer{padding:24px}.template-art h2{font-size:58px;line-height:1.05}}@media (max-width:950px){.category-sidebar{display:none}.detail-workspace{grid-template-columns:minmax(0,1fr) 220px}.component-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-layout{grid-template-columns:1fr}.pro-offer{position:static;max-width:640px}.template-intro>p{width:300px}.template-art h2{font-size:72px}.template-art{min-height:390px}}@media (max-width:767px){.page-intro{padding-block:40px 32px;gap:16px}.page-intro h1{font-size:48px;line-height:52px}.page-intro>p:last-child{font-size:15px}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:16px}.component-grid{grid-template-columns:1fr;gap:32px}.component-thumbnail{aspect-ratio:16/9}.component-card>p{max-width:none}.filter-chips{gap:8px}.filter-chips button{font-size:11px;padding-inline:12px}.component-detail{padding:32px 24px 48px}.component-detail>h1{font-size:38px;line-height:43px}.detail-description{font-size:14px;line-height:23px}.detail-workspace{grid-template-columns:1fr}.control-panel{order:2;display:grid;grid-template-columns:1fr 1fr;gap:20px}.control-panel>.reset-controls,.control-panel>h2,.control-panel>p{grid-column:1/-1}.control-field{min-width:0}.detail-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.preview-options{width:100%;justify-content:space-between;gap:10px}.live-preview{height:400px}.install-command{padding:14px;gap:12px}.install-command code{font-size:10px}.install-command .copy-button{padding:6px 8px;font-size:10px}.detail-section{margin-top:32px}.code-panel pre{font-size:10px}.template-intro{align-items:flex-start;flex-direction:column;gap:20px}.template-intro>p{width:auto}.template-art{padding:24px;min-height:330px;gap:32px}.template-art h2{font-size:48px;line-height:52px}.theme-saas .template-art h2{font-size:40px}.template-art-line,.template-art-nav{font-size:9px}.template-list{gap:40px}.template-card>.card-caption{flex-wrap:wrap;gap:10px}.template-card>.card-caption h2{font-size:20px}.template-card>.card-caption>span{font-size:10px}.product-faq{margin-top:56px}.product-faq h2{font-size:32px}.product-faq summary{font-size:14px;line-height:22px}.prose-page{padding-block:40px 64px}.prose-page h1{font-size:48px}.prose-page p{font-size:14px;line-height:24px}}.gallery-intro{flex-direction:row;align-items:flex-end;justify-content:space-between;gap:80px;padding-top:48px;padding-bottom:40px}.gallery-intro .eyebrow{margin-bottom:16px}.gallery-intro>p:last-child{width:350px;font-size:16px;line-height:26px}.gallery-toolbar{display:flex;align-items:center;justify-content:space-between;gap:32px}.gallery-categories{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.gallery-categories button{display:flex;align-items:center;gap:8px;background:transparent;border:0;border-radius:99px;padding:10px 14px;min-height:40px;font-size:12px;white-space:nowrap}.gallery-categories button[aria-pressed=true]{background:var(--ink);color:white}.gallery-categories small{font:10px var(--font-mono)}.gallery-search{display:flex;align-items:center;gap:10px;width:220px;min-width:180px;border-bottom:1px solid var(--line);font-size:20px}.gallery-search input{width:100%;background:none;border:0;padding:10px 0;min-height:44px;font-size:12px;outline-offset:0}.gallery .result-count{display:flex;justify-content:space-between;font-size:10px;margin-block:16px 24px}.gallery .result-count>span{color:var(--muted)}.gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}.gallery-grid.editorial{grid-template-columns:repeat(12,minmax(0,1fr))}.gallery-grid.editorial>.gallery-item{grid-column:span 4}.gallery-grid.editorial>.gallery-item:first-child{grid-column:span 7}.gallery-grid.editorial>.gallery-item:nth-child(2){grid-column:span 5}.gallery-art{position:relative;aspect-ratio:1.6;background:var(--surface);border-radius:8px;overflow:hidden}.editorial>.gallery-item:nth-child(-n+2) .gallery-art{height:340px;aspect-ratio:auto}.gallery-art>a{display:block;height:100%}.gallery-art img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.gallery-item:hover .gallery-art>a img{transform:scale(1.025)}.gallery-footer .gallery-art{background:#e8a0ae}.gallery-footer .gallery-art img{object-fit:contain}.gallery-art iframe{border:0;width:100%;height:100%;display:block}.gallery-play{position:absolute;right:20px;bottom:20px;padding:10px 16px;border:1px solid #17191c18;border-radius:99px;background:white;color:var(--ink);font-size:12px;min-height:40px;box-shadow:0 2px 12px #0001;transition:background-color .18s,transform .18s}.gallery-play:hover{background:var(--accent);transform:translateY(-2px)}.gallery-stop{position:absolute;right:12px;top:12px;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;background:white;font-size:24px;line-height:1}.gallery-caption{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:14px}.gallery-caption h2{font-size:15px;line-height:22px}.gallery-caption>span{font:9px/16px var(--font-mono);color:var(--muted);white-space:nowrap}.gallery-item>p{font-size:12px;line-height:20px;color:var(--muted);margin-top:8px;max-width:55ch}.component-product{padding-top:40px;padding-bottom:56px}.component-product .component-detail{padding:0}.component-product .breadcrumb{margin-bottom:24px}.component-product-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:24px}.component-product-heading h1{font-size:44px;line-height:50px;letter-spacing:-.045em}.component-product-heading p{font-size:15px;line-height:25px;color:var(--muted);margin-top:12px;max-width:900px}.component-product-heading>.button{flex-shrink:0}.product-preview-tools{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:12px}.product-preview-tools>.eyebrow{font-size:10px;color:var(--muted)}.component-product .live-preview{height:580px}.component-product .live-preview.narrow{max-width:390px;height:680px}.preview-loading{background:var(--surface);overflow:hidden}.preview-loading>img{width:100%;height:100%;object-fit:contain}.preview-loading>span{position:absolute;bottom:20px;left:20px;padding:10px 16px;background:white;border:1px solid var(--line);border-radius:99px;font-size:12px}.product-panel-anchor{scroll-margin-top:24px;margin-top:24px}.product-action-bar{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px 20px;border:1px solid var(--line);border-radius:8px}.product-tabs{display:flex;gap:8px;align-items:center}.product-tabs button{padding:9px 16px;border:0;border-radius:6px;background:transparent;font-size:12px;min-height:36px}.product-tabs button[aria-pressed=true]{background:var(--ink);color:white}.product-action-bar>.eyebrow{font-size:10px;color:var(--muted)}.customize-surface,.usage-surface{padding:32px;background:var(--surface);border:1px solid var(--line);border-top:0;border-radius:0 0 8px 8px;margin-top:-5px}.customize-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.customize-heading h2,.usage-surface h2{font-size:26px;letter-spacing:-.03em}.customize-heading button{padding-inline:16px}.customize-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin-bottom:24px}.customize-surface .variant-list{margin:0 0 24px}.usage-surface{display:grid;grid-template-columns:1fr 1fr;gap:40px}.usage-surface h2{margin-bottom:14px}.usage-surface>div>p{font-size:14px;color:var(--muted);line-height:24px}.usage-surface .install-command{background:white;margin-bottom:16px}.usage-surface .code-panel{min-width:0}.component-reference{margin-top:32px}.component-reference details{border-bottom:1px solid var(--line)}.component-reference summary{list-style:none;font-size:14px;min-height:52px;padding:16px 0;display:flex;justify-content:space-between;gap:24px}.component-reference details>div{padding:16px 0 32px}.component-reference details>div>p{max-width:90ch;font-size:14px;line-height:24px;color:var(--muted);margin-bottom:24px}.component-source{display:flex;justify-content:space-between;gap:24px;font-size:11px;color:var(--muted);margin-top:24px}.component-source a{text-decoration:underline;text-underline-offset:4px}@media (max-width:1200px){.gallery-toolbar{align-items:flex-start;gap:24px;flex-wrap:wrap}.gallery-search{margin-left:auto}.gallery-intro{gap:40px}.gallery-intro h1{font-size:64px;line-height:68px}.gallery-categories{gap:4px}.gallery-categories button{padding-inline:12px}.component-product-heading p{max-width:70ch}.customize-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:950px){.gallery-grid,.gallery-grid.editorial{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-grid.editorial>.gallery-item,.gallery-grid.editorial>.gallery-item:first-child,.gallery-grid.editorial>.gallery-item:nth-child(2){grid-column:span 1}.editorial>.gallery-item:nth-child(-n+2) .gallery-art{height:auto;aspect-ratio:1.6}.gallery-intro h1{font-size:54px;line-height:58px}.gallery-intro>p:last-child{width:280px}.usage-surface{grid-template-columns:1fr;gap:24px}.component-product .live-preview{height:520px}.product-action-bar>.eyebrow{font-size:9px}}@media (max-width:767px){.gallery-intro{flex-direction:column;align-items:flex-start;gap:20px;padding-top:40px;padding-bottom:28px}.gallery-intro h1{font-size:48px;line-height:52px}.gallery-intro>p:last-child{width:auto;max-width:340px;font-size:14px;line-height:23px}.gallery-toolbar{flex-direction:column;gap:16px;align-items:stretch}.gallery-categories{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;margin-inline:-24px;padding-inline:24px;scrollbar-width:none}.gallery-categories::-webkit-scrollbar{display:none}.gallery-search{width:100%;margin:0}.gallery .result-count{font-size:9px;gap:16px;margin-block:16px 20px}.gallery-grid,.gallery-grid.editorial{grid-template-columns:1fr;gap:32px}.gallery-grid.editorial>.gallery-item,.gallery-grid.editorial>.gallery-item:first-child,.gallery-grid.editorial>.gallery-item:nth-child(2){grid-column:auto}.editorial>.gallery-item:nth-child(-n+2) .gallery-art,.gallery-art{height:230px;aspect-ratio:auto}.gallery-play{right:14px;bottom:14px}.gallery-caption{gap:12px}.gallery-caption>span{font-size:8px}.gallery-item>p{font-size:12px}.component-product{padding-top:28px;padding-bottom:40px}.component-product-heading{flex-direction:column;align-items:flex-start;gap:16px;margin-bottom:20px}.component-product-heading h1{font-size:36px;line-height:41px}.component-product-heading p{font-size:14px;line-height:23px}.component-product-heading>.button{min-height:40px;padding:10px 16px;font-size:12px}.product-preview-tools{flex-direction:column;align-items:flex-start;gap:6px}.product-preview-tools>.eyebrow{font-size:9px}.product-preview-tools .preview-options{justify-content:flex-start;gap:24px;font-size:11px}.component-product .live-preview{height:560px}.component-product .live-preview.narrow{height:680px}.product-panel-anchor{margin-top:16px}.product-action-bar{padding:8px;gap:12px}.product-tabs{width:100%;gap:4px;justify-content:space-between}.product-tabs button{font-size:11px;padding:9px 10px}.product-action-bar>.eyebrow{display:none}.customize-surface,.usage-surface{padding:24px 16px}.customize-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}.customize-heading h2,.usage-surface h2{font-size:24px}.component-source{flex-direction:column;gap:12px}.preview-loading>span{font-size:10px;left:12px;bottom:12px}.usage-surface .install-command{flex-wrap:wrap}.usage-surface .install-command .copy-button,.usage-surface .install-command code{font-size:11px}}:root{--on-ink:#fff}.theme-toggle{display:grid;place-items:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%;background:var(--canvas);color:var(--ink);font-size:20px;line-height:1}.button{color:var(--on-ink)}.button.button-outline{color:var(--ink)}.button.yellow{color:#17191c}.copy-button{background:var(--canvas);color:var(--ink)}.home-pro{background:#17191c}.site-footer,.site-footer .text-link{color:#17191c}.code-panel>.copy-button{color:#17191c;background:#fff}.control-field select,.control-field textarea,.customize-surface .variant-list button,.reset-controls{background:var(--canvas);color:var(--ink)}.gallery-play,.gallery-stop,.preview-loading>span{color:#17191c}.usage-surface .install-command{background:var(--canvas)}.wordmark{color:var(--ink)}.site-footer .wordmark{color:#17191c}html.dark{--canvas:#151719;--ink:#f0f1f3;--muted:#b4b8c0;--surface:#22252b;--line:#343a43;--on-ink:#17191c;color-scheme:dark}html.dark .home-pro{border-block:1px solid var(--line)}html.dark .install-terminal pre{color:var(--ink)}html.dark .component-product .live-preview{border-color:#414750}html.dark .gallery-footer .gallery-art{background:#e8a0ae}html.dark .code-panel{border:1px solid var(--line)}html.dark .pro-offer .button{color:var(--on-ink)}html.dark .filter-chips button{background:var(--canvas);color:var(--ink)}html.dark .filter-chips button[aria-pressed=true]{background:var(--ink);color:var(--on-ink)}html.dark .preview-back{background:var(--canvas);color:var(--ink)}@media (max-width:767px){.theme-toggle{width:34px;height:34px;font-size:18px}}.gallery-categories button[aria-pressed=true],.product-tabs button[aria-pressed=true]{color:var(--on-ink)}.template-cover{position:relative;overflow:hidden;aspect-ratio:1.44;background:var(--surface);border:1px solid var(--line);border-radius:8px}.template-cover>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.mini-art.mini-cover{padding:0;aspect-ratio:1.2;overflow:hidden}.mini-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.template-preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-bottom:16px}.template-preview-toolbar>.eyebrow{font-size:9px}.template-browser{position:relative;height:600px;background:var(--surface);border:1px solid var(--line);border-radius:8px;overflow:hidden;margin-inline:auto}.template-browser.mobile{max-width:390px}.template-browser>iframe{border:0;width:100%;height:100%;background:#fff}.template-browser>img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.template-browser>.gallery-play{bottom:24px;right:24px}.template-live-preview{padding-top:4px}@media (max-width:767px){.template-preview-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.template-browser{height:560px}.template-preview-toolbar .preview-options{justify-content:flex-start;gap:24px;font-size:12px}.template-browser>.gallery-play{right:16px;bottom:16px}}.topic-links{display:flex;flex-wrap:wrap;gap:.65rem 1.25rem;margin-block:1.5rem;font-size:.875rem;line-height:1.6}.topic-links a{text-decoration:underline;text-underline-offset:.2em}:root{--ease-settle:cubic-bezier(0.19,1,0.22,1);--ease-press:cubic-bezier(0.25,0.46,0.45,0.94)}.optical-stage{color:#17191c}.stage-label{color:#555b64}.magnetic-card{color:#17191c}.magnetic-dot{color:#fff}.magnetic-dot,.stage-swatches i{background:#17191c}.stage-swatches i:nth-child(3){background:#dde0e4}.skip-link{color:var(--on-ink)}.button,.gallery-play{transition:background-color .16s ease,border-color .16s ease,transform .15s var(--ease-press)}.button:hover{background:var(--ink);transform:none}.button.button-outline:hover{background:transparent}.button.yellow:hover{background:var(--accent)}.gallery-play:hover{background:#fff;transform:none}.component-card:hover img,.featured-card:hover img,.gallery-item:hover .gallery-art>a img{transform:none}.component-thumbnail img,.featured-image img,.gallery-art img,.mini-cover img,.template-cover>img{transition:transform .24s var(--ease-settle)}.copy-button,.gallery-stop,.reset-controls,.theme-toggle,.variant-list button{transition:background-color .15s ease,border-color .15s ease,transform .15s var(--ease-press)}.theme-toggle{width:44px;height:44px}.copy-button,.gallery-categories button,.gallery-play,.gallery-stop,.preview-options button,.product-tabs button,.reset-controls,.variant-list button{min-height:44px}.gallery-stop{width:44px;height:44px}.product-tabs button{transition:none}@media (hover:hover) and (pointer:fine){.button:hover{background:color-mix(in srgb,var(--ink) 84%,var(--canvas))}.button.button-outline:hover{background:var(--surface);border-color:var(--muted)}.button.yellow:hover,.gallery-play:hover{background:#f5d547}.copy-button:hover,.reset-controls:hover,.theme-toggle:hover,.variant-list button:hover{background:var(--surface);border-color:var(--muted)}.gallery-stop:hover{background:#f5d547;border-color:#17191c}.component-card:hover img,.featured-card:hover img,.gallery-item:hover .gallery-art>a img,.mini-template:hover .mini-cover img,.template-card>a:hover .template-cover>img{transform:scale(1.018)}.footer-links a:hover{text-decoration:underline;text-underline-offset:5px}}.button:active:not(:focus-visible),.copy-button:active:not(:focus-visible),.gallery-play:active:not(:focus-visible),.gallery-stop:active:not(:focus-visible),.reset-controls:active:not(:focus-visible),.theme-toggle:active:not(:focus-visible),.variant-list button:active:not(:focus-visible){transform:scale(.98)}:is(a,button,summary):focus-visible{transition:none}@keyframes vfx-surface-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes vfx-preview-enter{0%{opacity:.4}to{opacity:1}}.customize-surface,.usage-surface{animation:vfx-surface-enter .18s var(--ease-settle)}.gallery-art iframe,.live-preview iframe,.template-browser iframe{animation:vfx-preview-enter .2s ease}.component-reference summary:after{content:"+";font:20px/20px var(--font-mono)}.component-reference details[open]>summary:after{content:"−"}.component-reference summary>span:last-child{display:none}.component-reference details[open]>div{animation:vfx-preview-enter .16s ease}.prose-page{max-width:1000px}.prose-page h1{font-size:72px;line-height:76px;padding-bottom:40px;border-bottom:1px solid var(--line);margin-bottom:32px}.prose-page h2{line-height:34px;margin-top:44px}.prose-page p{max-width:76ch;line-height:28px}.prose-page .eyebrow{line-height:16px;font-size:12px;color:var(--ink)}.prose-page h1+p{font-size:17px;line-height:29px}.empty-state:has(h1){min-height:640px;padding:80px 24px;gap:24px;justify-content:center}.empty-state h1{max-width:640px;font-size:72px;line-height:76px;letter-spacing:-.055em;text-wrap:balance}.empty-state:has(h1)>p:not(.eyebrow){max-width:440px}.empty-state:has(h1)>.button{background:var(--accent);color:#17191c}@media (max-width:767px){.gallery-art>a img{object-fit:contain}.gallery-toolbar{min-width:0}.gallery-categories{width:calc(100% + 48px);min-width:0;max-width:calc(100% + 48px)}.gallery-categories button{flex-shrink:0}.gallery .result-count,.gallery-caption>span{font-size:10px}.product-preview-tools .preview-options{flex-wrap:wrap;column-gap:20px;row-gap:0}.product-tabs button{font-size:12px}.component-product-heading>.button{min-height:44px}.prose-page h1{font-size:52px;line-height:56px;padding-bottom:28px;margin-bottom:28px}.prose-page h2{font-size:24px;line-height:31px;margin-top:36px}.prose-page h1+p,.prose-page p{font-size:15px;line-height:26px}.prose-page .eyebrow{font-size:10px;line-height:16px}.empty-state:has(h1){min-height:580px;padding-block:64px}.empty-state h1{max-width:340px;font-size:48px;line-height:52px}.empty-state:has(h1)>p:not(.eyebrow){font-size:15px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.component-thumbnail img,.featured-image img,.gallery-art img,.magnetic-dot,.mini-cover img,.optical-poster,.template-cover>img{transform:none!important;transition:none}.button,.copy-button,.gallery-play,.gallery-stop,.reset-controls,.theme-toggle,.variant-list button{transform:none!important;transition:background-color .12s ease,border-color .12s ease}.customize-surface,.usage-surface{animation:vfx-preview-enter .12s ease}.component-reference details[open]>div,.gallery-art iframe,.live-preview iframe,.template-browser iframe{animation-duration:.12s}}.mini-art.mini-cover{min-height:0;width:100%}@media (min-width:768px) and (max-width:1100px){.template-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.template-strip .card-caption{font-size:13px}}.component-reference details:has(summary:focus-visible)>div,main:has(.product-tabs button:focus-visible) .customize-surface,main:has(.product-tabs button:focus-visible) .usage-surface{animation:none}.customize-actions{display:flex;align-items:center;gap:8px}.usage-surface .variant-list{margin-block:20px}.usage-surface .variant-list button[aria-pressed=true]{background:var(--ink);color:var(--on-ink);border-color:var(--ink)}@media (max-width:767px){.customize-heading{align-items:flex-start;flex-wrap:wrap}.customize-actions{margin-left:auto}}:root{--exhibit-canvas:#f7f8fa;--exhibit-ink:#17191c;--exhibit-muted:#626873;--exhibit-line:#e3e5e9;--exhibit-surface:#fff;--exhibit-on-ink:#fff;--exhibit-selection:#e7edf8;--font-display:"Bricolage Grotesque Variable","Bricolage Grotesque",sans-serif;--canvas:var(--exhibit-canvas);--ink:var(--exhibit-ink);--muted:var(--exhibit-muted);--line:var(--exhibit-line);--page-gutter:48px;scrollbar-color:#c0c4cd var(--exhibit-canvas)}html.dark{--exhibit-canvas:#17191e;--exhibit-ink:#f1f3f7;--exhibit-muted:#aeb5c2;--exhibit-line:#353941;--exhibit-surface:#20232a;--exhibit-on-ink:#17191c;--exhibit-selection:#323e53;--canvas:var(--exhibit-canvas);--ink:var(--exhibit-ink);--muted:var(--exhibit-muted);--line:var(--exhibit-line)}::selection{background:#b9d5fc;color:#17191c}input,textarea{caret-color:#3875d2}.exhibit-width{width:100%;max-width:1440px;padding-inline:48px;margin-inline:auto}.exhibit-footer .wordmark{display:inline-flex;align-items:center;gap:9px;font-family:var(--font-display);font-size:26px;font-weight:700;letter-spacing:-.04em}.exhibit-introduction{padding-block:56px 36px;display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.exhibit-introduction h1{font:600 clamp(44px,4.72vw,68px) /1.06 var(--font-display);letter-spacing:-.035em;text-wrap:balance}.exhibit-introduction>div{width:320px;flex-shrink:0;padding-bottom:8px}.exhibit-introduction p{font-size:15px;line-height:25px;color:var(--muted);margin-bottom:18px}.exhibit-link{display:inline-flex;align-items:center;gap:8px;min-height:36px;font-size:14px;font-weight:600}.exhibit-link svg{flex-shrink:0}.exhibit-wall{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:16px}.exhibit-live{height:512px;position:relative;border-radius:16px;isolation:isolate;overflow:hidden;background:#2677a4;color:white}.exhibit-live-poster,.exhibit-live>iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}.exhibit-live>iframe{opacity:0;transition:opacity .22s ease-out}.exhibit-live>iframe.is-ready{opacity:1}.exhibit-live-content{position:absolute;inset:0;padding:28px;flex-direction:column;pointer-events:none;text-shadow:0 1px 12px #10304735;background:linear-gradient(180deg,#0b264016,transparent 40%,#0b264030)}.exhibit-live-content,.exhibit-live-top{display:flex;justify-content:space-between}.exhibit-live-top{align-items:center;font-size:12px;gap:12px}.exhibit-live-top>div{display:flex;align-items:center;gap:14px}.exhibit-live-kind,.exhibit-live-top>span{padding:6px 10px;border-radius:20px;background:#12384ed9}.exhibit-live-top button{display:grid;place-items:center;width:36px;height:36px;border:1px solid #ffffff59;background:#153f5c6b;border-radius:50%;color:white;pointer-events:auto}.exhibit-live-type{font:600 76px/1 var(--font-display);letter-spacing:-.04em;padding-bottom:20px}.exhibit-live-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.exhibit-scenes{display:inline-flex;padding:6px;gap:4px;background:#13394fee;border-radius:30px;pointer-events:auto}.exhibit-scenes button{min-height:34px;padding:7px 15px;border:0;border-radius:24px;background:transparent;color:#f5f9ff;font-size:12px}.exhibit-scenes button[aria-pressed=true]{background:#fff;color:#17191c}.exhibit-live-bottom a{display:inline-flex;align-items:center;gap:7px;font-size:12px;min-height:36px;padding:8px 12px;border-radius:22px;background:#12384ed9;pointer-events:auto}.exhibit-live-error{position:absolute;inset:70px 28px auto auto;max-width:230px;padding:14px;border-radius:10px;background:#102b45;color:white;font-size:12px;pointer-events:auto}.exhibit-live-error button{display:block;border:0;color:white;padding:8px 0 0;background:none;text-decoration:underline;text-underline-offset:3px}.exhibit-sections{display:grid;grid-template-rows:1fr 1fr;gap:16px;min-width:0}.exhibit-section{display:flex;flex-direction:column;overflow:hidden;border-radius:16px;color:#17191c}.exhibit-hero-contour{background:#efecdf}.exhibit-footer-vinyl{background:#e9a1b1}.exhibit-section-image{min-height:0;height:202px;display:flex;align-items:center;overflow:hidden}.exhibit-section-image img{width:100%;height:100%;object-fit:cover}.exhibit-footer-vinyl .exhibit-section-image img,.exhibit-hero-contour .exhibit-section-image img{object-fit:contain}.exhibit-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:14px}.exhibit-section .exhibit-caption{padding:13px 18px;font-size:12px;flex:1}.exhibit-caption>span:last-child{display:flex;align-items:center;gap:7px;font-size:12px}.exhibit-pick .exhibit-caption>span:last-child{color:var(--muted)}.exhibit-selection{padding-block:76px 56px}.exhibit-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:24px}.exhibit-home h2{font:600 36px/1.15 var(--font-display);letter-spacing:-.025em;text-wrap:balance}.exhibit-picks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.exhibit-pick{min-width:0}.exhibit-pick-image{height:265px;border-radius:14px;overflow:hidden;margin-bottom:13px;background:var(--surface)}.exhibit-pick-image img{width:100%;height:100%;object-fit:cover}.exhibit-source{padding-block:52px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);gap:80px}.exhibit-source>div:first-child p{color:var(--muted);max-width:430px;font-size:15px;line-height:25px;margin-block:14px 18px}.exhibit-terminal{background:#17191c;color:#f6f7f9;padding:24px 28px;border-radius:14px;min-width:0}.exhibit-terminal>div{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#b5bcc8;font-size:11px}.exhibit-terminal .copy-button{min-height:34px;padding:6px 12px;border:1px solid #454a54;background:transparent;color:#f6f7f9;border-radius:6px;font-size:11px}.exhibit-terminal pre{font:12px/25px var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:18px 0}.exhibit-terminal p{display:flex;gap:20px;border-top:1px solid #3b3d43;padding-top:16px;color:#b5bcc8;font-size:11px}.exhibit-footer{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;padding-block:32px 24px;gap:30px}.exhibit-footer>div{display:flex;flex-direction:column;gap:12px}.exhibit-footer nav,.exhibit-footer>div>span{font-size:12px;color:var(--muted)}.exhibit-footer nav{display:flex;align-items:flex-start;flex-wrap:wrap;gap:24px;padding-top:10px}.exhibit-footer>p{grid-column:1/-1;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.component-product{padding-top:30px}.component-product .breadcrumb{font-family:var(--font-body);font-size:12px;letter-spacing:0;margin-bottom:16px;color:var(--muted)}.catalog-page>.page-intro:not(.gallery-intro){padding-block:40px 26px;gap:12px}.catalog-page>.page-intro:not(.gallery-intro) h1{font:600 48px/1.1 var(--font-display);letter-spacing:-.035em}.catalog-page>.page-intro:not(.gallery-intro)>.eyebrow{display:none}@media (hover:hover) and (pointer:fine){.exhibit-footer a:hover,.exhibit-link:hover,.exhibit-live-bottom a:hover{text-decoration:underline;text-underline-offset:4px}.exhibit-live-top button:hover{background:#153f5c}.exhibit-scenes button:not([aria-pressed=true]):hover{background:#ffffff20}.exhibit-pick-image img,.exhibit-section-image img{transition:transform .24s var(--ease-settle)}.exhibit-pick:hover img,.exhibit-section:hover img{transform:scale(1.018)}}@media (max-width:1100px){.exhibit-introduction{gap:30px}.exhibit-introduction h1{font-size:54px}.exhibit-introduction>div{width:280px}.exhibit-live-type{font-size:64px}.exhibit-live-bottom{flex-wrap:wrap;gap:4px}}@media (max-width:800px){:root{--page-gutter:24px}.exhibit-width{padding-inline:24px}.exhibit-introduction{align-items:flex-start;flex-direction:column;padding-block:36px 28px;gap:22px}.exhibit-introduction h1{font-size:clamp(38px,6.7vw,52px);line-height:1.1}.exhibit-introduction>div{width:100%;padding:0}.exhibit-introduction p{font-size:14px;line-height:23px;max-width:450px;margin-bottom:12px}.exhibit-wall{grid-template-columns:1fr}.exhibit-live{height:410px}.exhibit-live-content{padding:24px}.exhibit-live-type{font-size:60px}.exhibit-live-bottom{flex-wrap:nowrap}.exhibit-sections{grid-template-columns:1fr 1fr;grid-template-rows:auto}.exhibit-section-image{height:180px}.exhibit-selection{padding-block:48px 40px}.exhibit-home h2{font-size:30px}.exhibit-section-heading{align-items:flex-start;flex-direction:column;gap:10px}.exhibit-picks{gap:20px;grid-template-columns:repeat(2,minmax(0,1fr))}.exhibit-pick:last-child{grid-column:1/-1}.exhibit-pick-image{height:220px}.exhibit-source{grid-template-columns:1fr;gap:26px;padding-block:36px}.exhibit-footer{grid-template-columns:1fr;gap:24px}.exhibit-footer nav{gap:20px;padding:0}}@media (max-width:480px){:root{--page-gutter:20px}.exhibit-width{padding-inline:20px}.exhibit-introduction h1{font-size:39px}.exhibit-introduction h1 br{display:block}.exhibit-live{height:386px;border-radius:14px}.exhibit-live-content{padding:22px}.exhibit-live-type{font-size:52px;line-height:1.04;padding-bottom:0}.exhibit-live-kind{display:none}.exhibit-live-bottom{flex-direction:column;align-items:flex-start;gap:6px}.exhibit-live-bottom a{min-height:32px;font-size:11px}.exhibit-scenes button{min-height:34px;padding:7px 13px}.exhibit-sections{grid-template-columns:1fr}.exhibit-section-image{height:180px}.exhibit-picks{grid-template-columns:1fr;gap:24px}.exhibit-pick:last-child{grid-column:auto}.exhibit-pick-image{height:230px}.exhibit-pick[data-category=Heroes] .exhibit-pick-image{height:auto;aspect-ratio:1120/640;background:#171916}.exhibit-pick[data-category=Heroes] .exhibit-pick-image img{object-fit:contain}.exhibit-caption{font-size:13px}.exhibit-terminal{padding:20px}.exhibit-terminal pre{font-size:11px}.exhibit-terminal p{gap:16px;font-size:10px}}@media (prefers-reduced-motion:reduce){.exhibit-live>iframe,.exhibit-pick-image img,.exhibit-section-image img{transition:none}.exhibit-pick:hover img,.exhibit-section:hover img{transform:none}}