/* KAIZO v4 / WORLD BUILDERS. A cinematic, usable, progressive studio system. */
:root{--v4-gold:#efcc8c;--v4-surface:#121e2b;--theme-a:#755028;--theme-b:#1b4666;--theme-c:#303151;--theme-base:#090f17;--theme-strength:1}
html[data-theme=mesh]{--theme-a:#354d80;--theme-b:#604168;--theme-c:#244b52}
html[data-theme=cyber]{--theme-a:#353277;--theme-b:#126276;--theme-c:#3d235c}
html[data-theme=ambient]{--theme-a:#3e456d;--theme-b:#315978;--theme-c:#514069}
html[data-theme=minimal]{--theme-a:#162131;--theme-b:#111a26;--theme-c:#131c29}
html[data-theme=aurora-teal]{--theme-a:#135c5b;--theme-b:#174765;--theme-c:#352554}
html[data-theme=cobalt]{--theme-a:#153e84;--theme-b:#185c87;--theme-c:#352f61}
html[data-theme=amethyst]{--theme-a:#573c7f;--theme-b:#283763;--theme-c:#603851}
html[data-theme=ember]{--theme-a:#723c20;--theme-b:#422934;--theme-c:#672b22}
html[data-theme=midnight]{--theme-a:#1b2c66;--theme-b:#25214b;--theme-c:#163344}
html[data-theme=blueprint]{--theme-a:#1b4875;--theme-b:#143c54;--theme-c:#133256}
html[data-theme=carbon]{--theme-a:#313940;--theme-b:#262c33;--theme-c:#3b3330}
html[data-theme=rose-noir]{--theme-a:#63344d;--theme-b:#3a2b50;--theme-c:#493050}
html[data-theme=forest]{--theme-a:#224b3c;--theme-b:#183a43;--theme-c:#45472e}
html[data-theme=copper]{--theme-a:#6b432c;--theme-b:#2e3b47;--theme-c:#583b46}
html[data-theme=arctic]{--theme-a:#355268;--theme-b:#25465e;--theme-c:#314569}
html body::before,html[data-theme] body::before{background:radial-gradient(ellipse 65% 70% at 98% 10%,var(--theme-a),transparent 74%),radial-gradient(ellipse 75% 50% at -15% 24%,var(--theme-b),transparent 68%),radial-gradient(ellipse 65% 40% at 75% 90%,var(--theme-c),transparent 80%),var(--theme-base);opacity:var(--theme-strength);z-index:-5}
html body::after{z-index:-4;opacity:.32;background-size:42px 42px;mask-image:linear-gradient(#000,transparent 85%)}
html[data-theme=blueprint] body::after{background-image:linear-gradient(#96cced40 1px,transparent 1px),linear-gradient(90deg,#96cced40 1px,transparent 1px);background-size:36px 36px}
html[data-theme=carbon] body::after{background-image:repeating-linear-gradient(45deg,#ffffff18 0 1px,transparent 1px 8px);mask-image:none;opacity:.2}
html[data-theme=minimal] #site-bg-gradient{display:none}
#site-bg-gradient{z-index:-3!important;inset:-12%!important;width:124%;height:124%;max-width:none;opacity:var(--grad-opacity,.5)!important;filter:blur(var(--grad-blur,60px));background:radial-gradient(ellipse at 10% 35%,var(--grad-1),transparent 60%),radial-gradient(ellipse at 90% 25%,var(--grad-3),transparent 65%),radial-gradient(ellipse at 55% 80%,var(--grad-2),transparent 65%);animation:studio-aurora var(--grad-speed,36s) ease-in-out infinite alternate;isolation:isolate;mix-blend-mode:normal}
#site-bg-gradient::before,#site-bg-gradient::after{content:none!important}
#site-bg-gradient[data-style=mesh]{background:radial-gradient(at 15% 10%,var(--grad-3),transparent 50%),radial-gradient(at 90% 15%,var(--grad-1),transparent 60%),radial-gradient(at 20% 90%,var(--grad-2),transparent 65%)}
#site-bg-gradient[data-style=radial]{background:radial-gradient(ellipse at center,var(--grad-3),var(--grad-2) 45%,var(--grad-1) 75%)}
#site-bg-gradient[data-style=conic]{background:conic-gradient(from 45deg,var(--grad-1),var(--grad-2),var(--grad-3),var(--grad-1))}
#site-bg-gradient[data-style=linear]{background:linear-gradient(135deg,var(--grad-1),var(--grad-2) 45%,var(--grad-3))}
#site-bg-gradient[data-style=spotlight]{background:radial-gradient(ellipse 50% 90% at 80% 0,var(--grad-3),transparent 80%),var(--grad-1)}
#site-bg-image{z-index:-2!important}#site-bg{z-index:-1!important}
@keyframes studio-aurora{from{transform:translate(-2%,-1%) scale(1)}to{transform:translate(2%,3%) scale(1.08)}}
.container,.site-header .header-in{width:min(1320px,calc(100% - 96px));max-width:1320px}
.brand-name{font-family:"Kaizo Circuit",var(--font-body);font-size:1.55rem;letter-spacing:.15em}
body>.site-header{background:#0b121bd9!important}.header-in{height:88px;gap:48px}
.studio-hero{gap:56px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);padding:72px 0 64px;min-height:750px}
.studio-hero .kicker{font-size:.875rem;letter-spacing:.13em}.slogan-stack{font-size:clamp(3rem,4.6vw,4.25rem);line-height:1.03;letter-spacing:-.055em;font-weight:800;min-height:3.15em}
.gold{color:#f4d295}.studio-lead{max-width:490px;margin-top:28px;color:#c0cad7;line-height:1.8}
.hero-ctas .btn{min-height:54px}.btn{border-radius:8px}.btn-gold{background:linear-gradient(115deg,#f6dca6,#dcb06a);border-color:#f5d9a0;box-shadow:0 4px 24px #f4c97718,inset 0 1px #fff6}
.btn-outline{border-color:#68768b70;background:#15233375}.btn-outline:hover{background:#e2c38a14;border-color:#d9ba80}
.slogan-controls{margin-top:24px}.cycle-dot{width:44px}.cycle-dot span{width:9px;height:9px;border-radius:50%;background:#71829b}.cycle-dot.is-active span{width:9px;background:#f0ce90;box-shadow:0 0 0 5px #efcc8c12}.micro-label{display:none}.motion-toggle{margin-left:4px}
.studio-proof{font-size:.875rem;color:#c0cad6;padding-top:20px;margin-top:12px;gap:12px 18px}
.spotlight{border-radius:12px;border-color:#b198705c;background:linear-gradient(145deg,#202c3a,#111d2a);box-shadow:0 30px 90px #0005,0 0 0 6px #dab77505;overflow:clip}
.studio-feature-top{font-size:.875rem;letter-spacing:.07em;background:#0c172590;padding:18px 24px;border-bottom:1px solid #d9be8926}
.spotlight-slides{display:grid;isolation:isolate;position:relative}
.spotlight-slide{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .65s ease,visibility .65s;transform:none}
.spotlight-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;z-index:1}
.studio-feature-image{aspect-ratio:16/10;border:0}.studio-feature-image img{transition:transform 6s ease;object-position:center}.spotlight-slide.is-active .studio-feature-image img{transform:scale(1.025)}
.studio-feature-info{padding:24px 28px 22px;min-height:0}.studio-feature-info h2{font-size:2rem;margin:0 0 12px}.studio-feature-info .eyebrow{font-size:.875rem;letter-spacing:.08em}
.studio-feature-info p{color:#bac7d8;-webkit-line-clamp:2;min-height:3.3em;font-size:1rem;line-height:1.65}
.spotlight-buy{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px}.spotlight-buy .price{font-size:1.15rem}.spotlight-buy .quick-add{border-color:#d6b67580;background:#d6b67510;color:#f1d195}
.spotlight-footer{padding:14px 22px;gap:12px;background:#0c172570;border-top:1px solid #b7c9e020;flex-wrap:wrap}
.spotlight-dots{gap:8px}.spotlight-dot{width:44px;height:44px;border:1px solid #7990ae55;border-radius:8px;background:#182739;color:#c4cfde;transition:background .25s,border-color .25s,box-shadow .25s;position:relative}
.spotlight-dot.is-active{color:#1b160d;background:#ecd09b;border:1px solid #f5e0b6;box-shadow:0 2px 16px #dfb67120}.spotlight-dot:hover{border-color:#e8c487;color:#f6e0b6}.spotlight-dot.is-active:hover{color:#1b160d}
.spotlight-arrows .icon-btn{background:#162536}.spotlight-media-tag{font-size:.875rem;background:#081728cc}.round-arrow{width:44px;height:44px}
.category-section{padding:24px 0 56px}.category-intro{display:block;margin-bottom:24px}.category-intro h2{font-size:clamp(1.9rem,3vw,2.7rem);margin:8px 0}.category-intro .eyebrow{color:#e5bf7d;letter-spacing:.12em}
.studio-categories{gap:12px}.studio-categories>a{min-height:176px;display:grid;grid-template-columns:1fr auto;align-content:space-between;align-items:start;gap:22px 8px;border-radius:10px;border:1px solid #8c9aac55;padding:20px;isolation:isolate;background:#102031;overflow:hidden;transition:background .3s,border-color .3s,box-shadow .3s}
.studio-categories>a .category-art{position:absolute;inset:0;z-index:-2;opacity:.18;transition:opacity .5s,transform .6s}.category-art img{width:100%;height:100%;object-fit:cover;filter:saturate(.7)}
.studio-categories>a::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0b162744,#0b172de8);z-index:-1}
.studio-categories>a:hover{border-color:#d9bb7e;background:#1e3043;box-shadow:0 12px 30px #0003}.studio-categories>a:hover .category-art{opacity:.36;transform:scale(1.06)}
.studio-categories .category-icon{grid-column:1;grid-row:1;width:42px;height:42px;border:1px solid #d9bf8c45;background:#d9bf8c0b;border-radius:8px;color:#efd298}.category-icon .icon{width:23px;height:23px}
.studio-categories>a>span:not(.category-art):not(.category-icon){grid-column:1/-1;grid-row:2}.studio-categories small{font-size:.875rem;letter-spacing:.06em;color:#a9b8cc}.studio-categories strong{font-size:1.05rem;margin-top:4px;letter-spacing:-.02em;color:#f4eddf}
.studio-categories>a>.icon{display:block;grid-column:2;grid-row:1;color:#d4b47c;margin:4px 0 0;width:20px;height:20px}
.section-head h2{font-size:clamp(1.9rem,3vw,2.75rem);letter-spacing:-.045em}.section-head p{max-width:640px}.section-head .eyebrow{letter-spacing:.12em;font-size:.875rem}
.home-managed{border-top:1px solid #b1c5de18}.home-managed .section-head{margin-bottom:0}
.rail-controls{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:20px 0 16px}.rail-position{font-size:.875rem;font-variant-numeric:tabular-nums;color:#b7c7dc;min-width:60px;text-align:center}
.studio-rail{display:grid!important;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/3);grid-template-columns:none!important;gap:24px;overflow-x:auto;overflow-y:hidden;padding:3px 0 20px;scroll-snap-type:x mandatory;scroll-padding-inline:0;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#ac8b524f #152236;max-width:100%}
.studio-rail>*{scroll-snap-align:start;min-width:0}.studio-rail .product-card{width:auto}
.card.product-card{border-radius:10px;background:linear-gradient(150deg,#1c2a3b,#111c29) padding-box,linear-gradient(145deg,#76869d77,#e4bf7940) border-box;box-shadow:0 10px 35px #0002}
.card.product-card:hover{background:linear-gradient(150deg,#203147,#152434) padding-box,linear-gradient(145deg,#eec884aa,#5279a45e) border-box;box-shadow:0 16px 35px #0004}
.card-body{padding:24px}.card-title{min-height:2.8em;line-height:1.4;font-size:1.25rem;font-weight:700}.card-excerpt{font-size:1rem;color:#bcc9da;line-height:1.7}
.card-foot{gap:14px 10px;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center}.card-foot .price-stack{max-width:none!important}.card-foot .price{font-size:1.25rem}.card-foot .quick-add{margin:0;padding:10px 12px;color:#f1d49e;border-color:#d4b58170;gap:8px}.quick-add .icon{width:19px;height:19px}.quick-add span{white-space:nowrap;font-size:.9375rem}.card-detail-link{grid-column:1/-1;justify-content:space-between;width:100%;border-top:1px solid #c1d3eb15;padding-top:12px;margin-top:2px;font-size:.875rem;color:#b5c7de;min-height:44px}
.card-media{aspect-ratio:16/10}.category-badge{background:#0f1e2fe8;backdrop-filter:blur(8px);border-color:#c8b38260;font-weight:600;font-size:.875rem}.resource-meta>span{border-radius:4px;color:#b9c9de;background:#0b182778}
.feedback-card{background:linear-gradient(140deg,#1c2a3be8,#111d2beb);border-color:#9caeca40;border-radius:10px}.feedback-card blockquote{color:#cdd5e1}.feedback-feed{gap:24px}.feedback-card{flex-basis:calc((100% - 48px)/3)}.feedback-card .avatar{border-radius:8px;background:#26384d;color:#eed09a}
.home-journal{border-top:1px solid #b1c5de20}.journal-card{border-radius:10px;border-color:#9cb3d54f;background:linear-gradient(145deg,#1b2b3dec,#121e2beb)}.journal-card h3{font-size:1.35rem;line-height:1.4;margin:0 0 16px}.journal-cover{aspect-ratio:16/9}.journal-tag{text-transform:uppercase;font-size:.875rem;letter-spacing:.04em;background:#be925f14;border-color:#be925f60;color:#efd098}
.article-figure{margin:0 0 40px}.article-figure .article-cover{margin:0}.article-figure figcaption{font-size:.875rem;line-height:1.7;color:#b8c4d6;margin-top:12px}.blog-article .prose{max-width:740px}.blog-article .prose h2{scroll-margin-top:115px}.article-related{margin-top:40px;padding:24px;border:1px solid #a38b6850;background:#b4925420;border-radius:10px}
.suggestions{border:1px solid #c9ac7759;border-radius:10px;background:linear-gradient(135deg,#a1804720,#172b40b3);padding:0 24px 24px;margin-bottom:28px;overflow:hidden}.suggestions>summary{display:flex;align-items:center;justify-content:space-between;min-height:68px;cursor:pointer;font-weight:650;list-style:none;gap:16px;color:#f2d397}.suggestions>summary::-webkit-details-marker{display:none}.suggestions>summary>span{display:flex;gap:12px;align-items:center}.suggestions[open]>summary>.icon{transform:rotate(180deg)}.suggestions:not([open]){padding-bottom:0}
.suggestions-top{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.suggestions-top p{font-size:.875rem;margin:0;max-width:630px}.suggestions-top .btn{flex:none}
.suggestion-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.suggestion-item{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:start;gap:14px;padding:16px;background:#101e30bd;border:1px solid #8ea5c62b;border-radius:8px}.suggestion-image{border-radius:6px;overflow:hidden;display:block;aspect-ratio:1}.suggestion-image img{width:100%;height:100%;object-fit:cover}.suggestion-category{font-size:.875rem;color:#afc1d8}.suggestion-item h3{font-size:1rem;line-height:1.5;margin:4px 0 12px;letter-spacing:-.02em;min-height:3em}.suggestion-item .btn{padding:8px 10px;min-height:44px;gap:6px}
.studio-custom{border-radius:12px;background:radial-gradient(ellipse at 95% 0,#bd894647,transparent 60%),linear-gradient(120deg,#162738,#152232);border-color:#bd965f77}.studio-custom .eyebrow{letter-spacing:.12em}
.cart-account{padding:0 24px 20px;border-bottom:1px solid #8dabc228}.cart-account p{font-size:.875rem;margin:0 0 12px}.cart-error{margin:0 24px 20px;padding:16px;border:1px solid #e7988170;background:#49271f;color:#ffe1d4;font-size:1rem;line-height:1.65;border-radius:8px}.cart-drawer{overflow-y:auto}.cart-item-name{overflow-wrap:anywhere}.cart-foot{margin-top:auto}.cart-drawer [aria-busy=true]{cursor:wait}.cart-total{font-variant-numeric:tabular-nums}
.page-loader{position:fixed;inset:0;z-index:2400;pointer-events:none;display:grid;place-items:center;opacity:0;transition:opacity .2s;background:#08121cd9;backdrop-filter:blur(10px)}.page-loader.is-active{opacity:1}.page-loader.is-leaving{opacity:0}.page-loader__veil{display:none}.page-loader__badge{display:grid;justify-items:center;gap:20px;position:static;transform:none;padding:32px}.page-loader__stack{width:112px;height:112px;position:relative}.page-loader__mark{position:absolute;inset:0;width:100%;height:100%}.page-loader__mark.line path{fill:none;stroke:#efd196;stroke-width:4;stroke-dasharray:1000;animation:studio-mark 1.8s ease-in-out infinite}.page-loader__mark.solid{opacity:.92!important;fill:#eccc90}.page-loader__word{display:block!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;font:750 1.25rem/1.3 var(--font-body);letter-spacing:.35em;color:#f2d79f}
@keyframes studio-mark{0%{stroke-dashoffset:1000;opacity:.5}65%,100%{stroke-dashoffset:0;opacity:1}}
.studio-reveal{animation:studio-arrive .7s both}@keyframes studio-arrive{from{opacity:.2;translate:0 18px}to{opacity:1;translate:0 0}}
@media(min-width:1600px){.studio-hero{padding-top:96px}.slogan-stack{font-size:4.5rem}}
@media(max-width:1199px){.container,.site-header .header-in{width:calc(100% - 56px)}.studio-hero{gap:32px;min-height:700px}.header-in{gap:28px}.slogan-stack{font-size:3.2rem}.studio-feature-info{padding:24px}.studio-categories>a{padding:16px;min-height:165px}.suggestion-item{grid-template-columns:1fr}.suggestion-image{aspect-ratio:16/9;width:100%}.card-foot{grid-template-columns:1fr}.card-foot .quick-add{width:100%;justify-content:center}.studio-proof{gap:12px}.spotlight-buy{flex-wrap:wrap}}
@media(max-width:960px){.studio-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:center}.slogan-stack{font-size:2.8rem}.studio-feature-top{padding:16px;font-size:.875rem;gap:8px}.studio-feature-info{padding:20px}.studio-feature-info h2{font-size:1.7rem}.spotlight-footer{padding:12px;justify-content:center}.spotlight-dots{gap:4px}.spotlight-arrows{gap:8px}.studio-rail{grid-auto-columns:calc((100% - 24px)/2)}.feedback-card{flex-basis:calc((100% - 24px)/2)}.studio-categories{grid-template-columns:repeat(3,minmax(0,1fr))}.studio-categories>a{min-height:160px}.suggestion-grid{gap:12px}.suggestions{padding-inline:20px}.suggestion-item{padding:12px}.suggestion-item .quick-add{width:100%}.header-in{height:80px}}
@media(max-width:720px){.container,.site-header .header-in{width:calc(100% - 40px)}.header-in{height:76px;gap:12px}.brand-name{font-size:1.25rem}.header-actions{gap:6px}.studio-hero{display:flex;flex-direction:column;align-items:stretch;gap:36px;padding:40px 0;min-height:0}.slogan-stack{font-size:clamp(2.9rem,8.5vw,3.7rem);min-height:3.15em}.studio-hero .kicker{font-size:.875rem;letter-spacing:.04em}.studio-lead{margin-top:20px}.studio-feature-top{padding:18px 20px}.studio-feature-info{padding:24px}.studio-feature-info h2{font-size:1.9rem}.studio-feature-image{aspect-ratio:16/10}.spotlight-buy{flex-wrap:nowrap}.spotlight-footer{padding:16px;justify-content:space-between}.spotlight-dots{gap:5px}.spotlight-dot{width:44px}.spotlight-arrows .icon-btn{width:44px}.spotlight-arrows{gap:6px}.category-section{padding:12px 0 40px}.studio-categories{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.studio-categories>a{min-height:155px;padding:18px}.studio-categories>a:last-child{grid-column:1/-1;min-height:130px}.studio-categories>a>.icon{display:block}.studio-categories strong{font-size:1rem}.studio-rail{grid-auto-columns:88%;gap:16px}.studio-rail .card-foot{grid-template-columns:1fr auto}.studio-rail .card-foot .quick-add{width:auto}.studio-rail .card-body{padding:20px}.feedback-card{flex-basis:88%}.feedback-feed{gap:16px}.feedback-section{overflow:visible}.rail-controls{margin-top:20px}.rail-position{font-size:.875rem}.section-head{gap:20px}.section-head h2{font-size:2rem}.card-title{min-height:0}.suggestions-top{flex-direction:column;align-items:flex-start;gap:16px}.suggestion-grid{grid-template-columns:1fr}.suggestion-item{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:16px}.suggestion-image{aspect-ratio:1}.suggestion-item h3{min-height:0}.suggestion-item .quick-add{width:auto}.suggestions>summary{font-size:1rem;line-height:1.6;gap:12px}.suggestions{padding-inline:16px}.catalog-tools{margin-top:20px}.studio-custom h2{font-size:2.4rem}.article-figure figcaption{font-size:.875rem}.card-foot{grid-template-columns:1fr auto}.card-foot .quick-add{width:auto}.buy-panel,.dynamic-product .buy-panel{padding:24px}.studio-rail .review{padding:22px}}
@media(max-width:380px){.container,.site-header .header-in{width:calc(100% - 32px)}.brand-name{font-size:1.05rem}.brand img{width:26px;height:26px}.header-actions .icon-btn{width:42px;min-width:42px}.header-actions{gap:4px}.spotlight-footer{justify-content:center}.spotlight-buy{flex-wrap:wrap}.spotlight-dots{gap:5px}.slogan-stack{font-size:2.7rem}.studio-rail .card-foot{grid-template-columns:1fr}.studio-rail .card-foot .quick-add{width:100%}}
@media(prefers-reduced-motion:reduce){#site-bg-gradient{animation:none!important}.studio-reveal{animation:none}.spotlight-slide{transition:none}.page-loader{backdrop-filter:none}.page-loader__mark.line path{animation:none;stroke-dashoffset:0}.studio-feature-image img,.category-art{transform:none!important}::view-transition-old(root),::view-transition-new(root){animation:none!important}}

.search-hit-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}.search-hit-row .search-hit{min-width:0}.search-hit-row .search-hit-body{min-width:0}.search-quick-add{color:#edc988;border-color:#b89a6770;margin-right:4px;flex:none}.search-hit-row:not(:has(.search-quick-add)){grid-template-columns:1fr}
@media(max-width:720px){.spotlight-footer{justify-content:center}.spotlight-arrows{display:none}.spotlight-dots{gap:8px}.search-hit{grid-template-columns:44px minmax(0,1fr);gap:12px}.search-hit>img{width:44px;height:44px}.search-hit .price{grid-column:2}.search-quick-add{align-self:start;margin-top:16px}.search-hit-sub{font-size:.875rem}}