/* ESAM: tactile color, editorial typography, quiet working surfaces. */
:root,html[data-theme=light]{--page:#f9f9fc;--ink:#161725;--muted:#5c5e70;--panel:#fff;--field:#fff;--surface:#f0f1f7;--soft:#eceeff;--line:#dcdfe9;--purple:#304de3;--accent-button:#304de3;--accent-text:#fff;--gradient:linear-gradient(110deg,#304de3,#df247b,#ff9d32)}
html[data-theme=dark]{--page:#12131b;--ink:#f6f6fc;--muted:#b4b6c8;--panel:#1d1f2c;--field:#252737;--surface:#232537;--soft:#292d4b;--line:#3e425a;--purple:#aebcff;--accent-button:#b6c2ff;--accent-text:#151c42}
html[data-theme=sunset]{--page:#fff7fb;--ink:#291b30;--muted:#766178;--panel:#fff;--field:#fff;--surface:#f7eaf3;--soft:#f7e4f0;--line:#e6d2e1;--purple:#b51d69;--accent-button:#ad1b63;--accent-text:#fff}
body{background:var(--page);font-size:1rem}h1,h2,h3{font-weight:800;letter-spacing:-.05em;text-wrap:balance}p{line-height:1.65}.eyebrow{font-size:.875rem;letter-spacing:.09em;font-weight:700}.navlinks a{font-size:.94rem}.logo-window,html[data-theme=dark] .logo-window{background:#fff;border-radius:8px}header,html[data-theme] header{background:var(--page);border-bottom:1px solid var(--line)}
.button,html[data-theme] .button:not(.secondary){border:1px solid transparent;border-radius:999px;background:var(--accent-button);color:var(--accent-text);box-shadow:none;transition:transform .2s,box-shadow .2s}.button.secondary,html[data-theme] .button.secondary{background:var(--field);color:var(--ink);border:1px solid var(--line)}.button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #25356820;filter:none!important}.button:active{transform:translateY(0)}.button:disabled{box-shadow:none;opacity:.5}.theme-picker button{border-radius:999px}.theme-picker button[aria-pressed=true]{box-shadow:none;border-color:var(--purple)}select,input[type=search],textarea,.house-model select,html[data-theme] select,html[data-theme] textarea{border-radius:14px;border-color:var(--line)}
/* Art lives beside the task, never under the controls. */
html[data-theme] section.quick-start{position:relative;isolation:isolate;overflow:hidden;background:#f1f2f6;color:#161725;border:0;padding:56px 0 48px;min-height:415px}
.quick-start:after{content:'';position:absolute;inset:0 0 0 43%;background:url('/assets/material-sculpture.webp') center/cover no-repeat;z-index:-2;pointer-events:none}.quick-start:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f1f2f6 0%,#f1f2f6 37%,#f1f2f6ed 43%,#f1f2f600 64%);pointer-events:none}
.quick-start .shell{position:relative}.quick-start h1{font-size:clamp(2.4rem,4.1vw,3.9rem);line-height:1.04;max-width:57%;margin-top:15px;color:#191c37}.quick-start .eyebrow{color:#334abe;letter-spacing:.08em;font-size:.82rem}.quick-start p{max-width:48%;color:#4e5266}.quick-form{max-width:46%;margin-top:25px}.quick-form label{color:#33374f;font-size:.94rem}.quick-start .quick-form select,html[data-theme] .quick-start .quick-form select{background:#ffffffed;color:#171b32;border:1px solid #c6cbdc;box-shadow:0 8px 28px #242e5b0c;min-height:58px}.saved-kit{max-width:46%;border-color:#c7ccdd}.saved-kit a,.saved-kit .quiet{color:#3049bf}.saved-kit span{color:#35384a}.saved-kit small{color:#5f6373}
.mission{padding:66px 0 58px}.mission-grid{gap:64px}.mission h2{font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.07;max-width:620px}.mission .eyebrow{display:block;margin-bottom:20px}.mission-photo{border:0;padding:0;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #1d225114;transform:none}.mission-photo img{border-radius:0;transition:transform .7s}.mission-photo figcaption{background:#fffffff0!important;color:#34374b!important;border-radius:999px;padding:6px 12px}.text-link{text-underline-offset:6px;text-decoration-thickness:1px}.section{border-color:var(--line)}
.collection-preview{gap:1px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:24px}.collection-preview a,html[data-theme] .collection-preview a{border:0;border-radius:0;padding:32px 24px;min-height:165px;box-shadow:none;background:transparent;color:var(--ink);position:relative;transition:background .2s}.collection-preview a+a{border-left:1px solid var(--line)}.collection-preview a h3{font-size:1.55rem;line-height:1.15}.collection-preview a p{color:var(--muted)}.collection-preview a:nth-child(1) h3{color:var(--purple)}.collection-preview a:nth-child(2) h3{color:#c12969}.collection-preview a:nth-child(3) h3{color:#ad5909}.collection-preview a:hover{background:var(--surface)}html[data-theme=dark] .collection-preview a:nth-child(2) h3{color:#ff90bc}html[data-theme=dark] .collection-preview a:nth-child(3) h3{color:#ffb876}
.hero,.company-intro{padding-top:48px}.hero h1,.company-intro h1{line-height:1.07;max-width:850px}.hero .eyebrow,.company-intro .eyebrow{color:var(--purple)}.accent-line{height:3px;width:64px}
.kit-card,html[data-theme] .kit-card{border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:0 6px 22px #25285805;transition:transform .25s,box-shadow .25s}.kit-card:before{display:none}.kit-card h3{margin-top:18px}.kit-card .kit-number{color:var(--purple);font-weight:500}.kit-card .tag{font-size:.82rem;letter-spacing:.04em;color:var(--muted)}.catalog-grid{gap:20px}.kit-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px #2528580c}.filters button{border-radius:999px}
.guide-jumps a,html[data-theme] .guide-jumps a{border:1px solid var(--line);border-radius:999px;background:var(--field);color:var(--ink)}.video-resource,html[data-theme] .video-resource,.checklist,html[data-theme] .checklist{border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:none}.play-video{background:linear-gradient(120deg,#172b80,#3835a6);color:#fff}.play-icon{background:#fff;color:#304de3;box-shadow:0 0 0 12px #ffffff10}.feedback-callout{border:1px solid var(--line);border-radius:20px;background:var(--panel)}
.studio-section{border-top:1px solid var(--line);padding-top:48px}.studio-heading h2{font-size:clamp(2rem,3.5vw,3.3rem)}.house-inspiration,html[data-theme] .house-inspiration{border:1px solid var(--line);background:var(--soft);border-radius:22px;box-shadow:none}.house-drawing{border:1px solid var(--line);border-radius:24px;background:#f7f8fc}.house-controls{border:0;background:transparent}.paint-swatch{border-radius:50%;box-shadow:none}.paint-swatch span{border-radius:50%}.custom-paint,html[data-theme] .custom-paint{border:1px solid var(--line);border-radius:14px;background:var(--field);color:var(--ink)}
.contact-card{border:1px solid var(--line);border-radius:24px;background:var(--panel);box-shadow:none}.faq-list details{border-radius:0;border:0;border-bottom:1px solid var(--line);background:transparent!important}.company-card,html[data-theme] .company-card{border:1px solid var(--line);border-radius:22px;background:var(--panel);box-shadow:none}.company-card .eyebrow{font-size:1rem;color:var(--purple);letter-spacing:.05em}.creator-photo img{border:0;border-radius:24px;box-shadow:0 20px 60px #22234614}.creator-photo figcaption{margin-top:14px}.partner-grid{gap:20px}.partner-contact{border-top:1px solid var(--line);margin-top:36px}footer{background:var(--surface);border-top:1px solid var(--line);margin-top:32px}.footer-rule{height:2px}.mobile-menu-button{box-shadow:none;border-color:var(--line)}
@media(hover:hover){.mission-photo:hover img{transform:scale(1.035)}}
@media(max-width:800px){html[data-theme] section.quick-start{padding:28px 0 32px;min-height:0}.quick-start:after{inset:0;background-position:68% 38%;opacity:.22}.quick-start:before{background:linear-gradient(90deg,#f1f2f6 0%,#f1f2f6eb 48%,#f1f2f680 100%)}.quick-start .eyebrow{font-size:.76rem;max-width:100%;letter-spacing:.055em}.quick-start h1{font-size:2.15rem;line-height:1.08;max-width:100%;margin-top:18px}.quick-start p,.quick-form,.saved-kit{max-width:100%}.quick-start p{font-size:1rem}.quick-form{margin-top:24px}.quick-start .quick-form select{min-height:58px}.mission{padding:38px 0}.mission h2{font-size:2.1rem;line-height:1.1}.mission .eyebrow{margin-bottom:16px}.mission-grid{gap:28px}.mission-photo{border-radius:20px}.collection-preview{gap:0}.collection-preview a,html[data-theme] .collection-preview a{min-height:0;padding:26px 4px}.collection-preview a+a{border-left:0;border-top:1px solid var(--line)}.collection-preview a h3{font-size:1.5rem}.hero,.company-intro{padding-top:30px}.hero h1,.company-intro h1{font-size:2.15rem;line-height:1.1}.button{min-height:48px}.studio-section{padding-top:32px}.studio-heading h2{font-size:2rem}.house-drawing{border-radius:20px}.kit-card:hover{transform:none}.creator-photo img{border-radius:20px}.partner-grid{gap:16px}.mobile-panel .navlinks a{border-color:var(--line)}}
@media(max-width:370px){.quick-start h1{font-size:1.9rem}.mission h2,.hero h1,.company-intro h1{font-size:1.9rem}.quick-start .eyebrow{font-size:.75rem}}
@media(prefers-reduced-motion:reduce){.button,.kit-card,.mission-photo img{transition:none;transform:none!important}}

/* Violet atelier: one art language across every route and theme. */
:root{--display:'Golos Text',Arial,sans-serif;--art-image:url('/assets/material-sculpture.webp');--hero-ground:#f1f2f6;--glow:#b390ec;--display-accent:#6434c9}
html[data-theme=dark]{color-scheme:dark;--page:#09070d;--ink:#f5efff;--muted:#bfb1cc;--panel:#17101e;--field:#201729;--surface:#150e1d;--soft:#291636;--line:#44314f;--purple:#e0a6ef;--accent-button:#dca0eb;--accent-text:#1a0c22;--gradient:linear-gradient(100deg,#c878e1,#ecabef,#a878ee);--art-image:url('/assets/material-violet.webp');--hero-ground:#09070d;--glow:#b944e3;--display-accent:#dc9dec}
html[data-theme=sunset]{--display-accent:#b51d69;--glow:#ed93bd}
h1,h2,h3,.kit-number{font-family:var(--display);font-weight:900;letter-spacing:-.055em}h1,h2{text-wrap:balance}.quick-start h1,.hero h1,.company-intro h1{font-weight:900;letter-spacing:-.06em;line-height:1.03}.mission h2{font-weight:900;line-height:1.05}.eyebrow{color:var(--display-accent)}
header,html[data-theme] header{border-bottom-color:transparent;box-shadow:0 10px 35px -22px var(--glow)}
html[data-theme] section.quick-start{background:var(--hero-ground)}
.quick-start:after{inset:0 0 0 38%;background-image:var(--art-image);background-size:contain;background-position:right center;mask-image:linear-gradient(180deg,transparent,#000 16%,#000 88%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 16%,#000 88%,transparent)}
.quick-start:before{background:linear-gradient(90deg,var(--hero-ground) 0%,var(--hero-ground) 36%,transparent 67%),linear-gradient(180deg,var(--hero-ground),transparent 20%,transparent 85%,var(--hero-ground)),radial-gradient(ellipse at 78% 0%,#ca99ef55,transparent 55%)}
html[data-theme=dark] .quick-start h1{color:#f4eaff}html[data-theme=dark] .quick-start .eyebrow{color:#dda1ee}html[data-theme=dark] .quick-start p,html[data-theme=dark] .quick-form label{color:#d3c5df}html[data-theme=dark] .quick-start .quick-form select{background:#21132de8;color:#f4eaff;border-color:#79558b;box-shadow:0 0 28px #b85ae315}html[data-theme=dark] .saved-kit{border-color:#44304e}html[data-theme=dark] .saved-kit a,html[data-theme=dark] .saved-kit .quiet{color:#e5b2f5}html[data-theme=dark] .saved-kit span,html[data-theme=dark] .saved-kit small{color:#c9b8d7}
html[data-theme=dark] .theme-picker button[aria-pressed=true]{background:#dca0eb;color:#1a0c22;border-color:#dca0eb}.theme-dot.dark{background:linear-gradient(135deg,#09070d 40%,#dca0eb)}
.mission{background:radial-gradient(ellipse at 12% 55%,#b985e914,transparent 52%)}.mission h2{color:var(--display-accent)}html[data-theme=dark] .mission{background:radial-gradient(ellipse at 12% 55%,#8c389c20,transparent 52%)}.mission-photo{box-shadow:0 24px 70px -25px var(--glow)}
/* Material crops frame collection links without adding another navigation layer. */
.collection-preview{gap:18px;border:0}.collection-preview a,html[data-theme] .collection-preview a{overflow:hidden;isolation:isolate;border:1px solid var(--line);border-radius:24px;padding:150px 24px 28px;min-height:285px;background:var(--panel);box-shadow:0 16px 40px -28px var(--glow)}.collection-preview a:before{content:'';position:absolute;inset:0 0 auto;height:132px;background-image:var(--art-image);background-size:cover;background-position:70% 45%;z-index:-1;mask-image:linear-gradient(#000 65%,transparent);-webkit-mask-image:linear-gradient(#000 65%,transparent);transition:transform .5s}.collection-preview a:nth-child(2):before{background-position:85% 70%}.collection-preview a:nth-child(3):before{background-position:100% 35%}.collection-preview a h3{font-size:1.75rem;letter-spacing:-.045em}.collection-preview a p{margin-bottom:0}.collection-preview a+a{border:1px solid var(--line)}html[data-theme=dark] .collection-preview a h3{color:#e0a6ef}
.hero,.company-intro{position:relative;isolation:isolate;overflow:hidden;padding-bottom:35px}.hero:after,.company-intro:after{content:'';position:absolute;right:0;top:0;bottom:0;width:43%;z-index:-2;background:var(--art-image) right center/cover no-repeat;opacity:.22;mask-image:linear-gradient(90deg,transparent,#000);-webkit-mask-image:linear-gradient(90deg,transparent,#000)}.hero h1,.company-intro h1{color:var(--display-accent);max-width:85%;font-size:clamp(2.4rem,4.1vw,3.9rem)}.hero p,.company-intro p{position:relative;max-width:70%}
.kit-card,html[data-theme] .kit-card{background:linear-gradient(145deg,var(--panel),var(--soft));border-color:var(--line);box-shadow:0 14px 45px -32px var(--glow)}.kit-card h3{font-weight:800}.kit-card .tag{color:var(--display-accent)}html[data-theme=dark] .kit-card{background:radial-gradient(ellipse at 95% 0%,#8f409532,transparent 65%),#17101e}html[data-theme=dark] .kit-card.bug{background:radial-gradient(ellipse at 95% 0%,#8f409532,transparent 65%),#17101e}
.studio-heading{position:relative;padding:12px 0 20px}.studio-heading h2{color:var(--display-accent)}.house-inspiration,html[data-theme] .house-inspiration{background:linear-gradient(110deg,var(--soft),var(--panel));border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff15}.house-drawing{box-shadow:0 25px 65px -35px var(--glow)}html[data-theme=dark] .house-drawing{background:radial-gradient(ellipse at center,#35223f,#170e20);border-color:#583966}.house-status{color:var(--purple)}
.video-resource,html[data-theme] .video-resource,.checklist,html[data-theme] .checklist{box-shadow:0 18px 55px -38px var(--glow)}.play-video{background:linear-gradient(90deg,#100a22da,#23102dda),var(--art-image) center/cover}.play-icon{background:#e7bbf5;color:#261132;box-shadow:0 0 0 12px #dd95f018,0 0 50px #c966e944}html[data-theme=dark] .checklist input{accent-color:#dba0ef}html[data-theme=dark] .guide-top h1{color:#e6b0f5}
.company-card,html[data-theme] .company-card{background:linear-gradient(140deg,var(--soft),var(--panel));box-shadow:0 16px 48px -34px var(--glow)}.company-card h2{font-size:clamp(1.7rem,2.6vw,2.5rem);font-weight:900}.partner-grid .company-card .eyebrow{font-family:var(--display);font-weight:900;font-size:2.7rem;line-height:1;color:var(--display-accent);opacity:.7;margin-bottom:24px}.creator-photo img{box-shadow:0 25px 70px -30px var(--glow)}.partner-contact h2{color:var(--display-accent);font-size:clamp(2rem,3.6vw,3.3rem)}
.contact-card{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(140deg,var(--soft),var(--panel));border-color:var(--line)}.contact-card>div:first-child{position:relative;isolation:isolate}.contact-card>div:first-child:after{content:'';display:block;height:170px;margin-top:28px;background:var(--art-image) 75% 60%/cover;border-radius:18px;mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 20%,#000 80%,transparent)}.contact-card h2{color:var(--display-accent);font-weight:900;line-height:1.08}.contact-form{position:relative}html[data-theme=dark] .contact-form{background:#17101ed9}.footer-grid strong{font-family:var(--display);font-size:1.6rem;font-weight:900;letter-spacing:-.06em;color:var(--display-accent)}footer{background:radial-gradient(ellipse at 20% 100%,#aa65db1c,transparent 65%),var(--surface)}
@media(hover:hover){.collection-preview a:hover:before{transform:scale(1.045)}.kit-card:hover,.company-card:hover{border-color:var(--purple)}.button:hover{box-shadow:0 8px 28px -10px var(--glow)}}
@media(max-width:800px){.quick-start:after{inset:0;background-size:cover;background-position:67% center;opacity:.3}.quick-start:before{background:linear-gradient(90deg,var(--hero-ground) 0%,transparent 130%),linear-gradient(180deg,var(--hero-ground),transparent 25%,var(--hero-ground) 100%)}html[data-theme=dark] .quick-start:after{opacity:.6}.quick-start h1{font-size:2.15rem;letter-spacing:-.055em;line-height:1.07}.mission h2{font-size:2.1rem}.collection-preview{gap:16px}.collection-preview a,html[data-theme] .collection-preview a{padding:115px 22px 24px;min-height:245px}.collection-preview a:before{height:115px;background-size:100%;background-position:75% 45%}.collection-preview a h3{font-size:1.7rem}.hero h1,.company-intro h1{font-size:2.15rem;max-width:100%}.hero p,.company-intro p{max-width:100%}.hero:after,.company-intro:after{width:70%;opacity:.12}.company-card h2{font-size:1.85rem}.partner-grid .company-card .eyebrow{font-size:2.3rem;margin-bottom:18px}.contact-card>div:first-child:after{height:100px;margin-top:16px}.studio-heading h2{font-size:2rem}.contact-card h2{font-size:2rem}}
@media(max-width:370px){.quick-start h1,.mission h2,.hero h1,.company-intro h1{font-size:1.85rem}}
@media(prefers-reduced-motion:reduce){.collection-preview a:before{transition:none}}
/* Give the heavier display face room, especially in Cyrillic. */
h1,h2,h3,.quick-start h1,.hero h1,.company-intro h1{letter-spacing:-.03em}.quick-start h1{line-height:1.09}

/* Compact, centered model tiles on laptops; retain mobile touch sizing. */
@media(min-width:801px){
 .catalog-grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:18px;max-width:1000px;margin:20px auto 36px}
 .catalog-grid .kit-card{flex:0 1 calc((100% - 36px)/3);min-width:0;padding:24px 20px;text-align:center;border-radius:20px;display:flex;flex-direction:column;align-items:center}
 .catalog-grid .kit-card h3{font-size:1.35rem;line-height:1.2;margin-top:14px;overflow-wrap:anywhere}
 .catalog-grid .kit-card p{font-size:1rem;line-height:1.5;margin:12px 0;max-width:100%}
 .catalog-grid .kit-card .tag{font-size:.875rem}
 .catalog-grid .kit-foot{width:100%;justify-content:center;margin-top:auto;padding-top:18px}
 .catalog-grid .kit-foot .button{min-height:44px;padding:10px 16px;font-size:.95rem;max-width:100%}
 .catalog-grid .card-video{margin-top:10px}
 .collection-preview{max-width:900px;margin:24px auto 0;gap:18px}
 .collection-preview a,html[data-theme] .collection-preview a{min-height:235px;padding:115px 20px 22px;text-align:center}
 .collection-preview a:before{height:105px}
 .collection-preview a h3{font-size:1.45rem;line-height:1.2}
 .collection-preview a p{font-size:1rem;line-height:1.5}
}
@media(min-width:801px) and (max-width:1000px){.catalog-grid{max-width:700px}.catalog-grid .kit-card{flex-basis:calc((100% - 18px)/2)}}

/* Compact language control, stable masthead, open image compositions. */
.site-language label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
header .site-language{flex:0 0 96px;width:96px;max-width:96px;margin-left:auto}
header .site-language select{width:96px;max-width:96px;min-height:44px;height:44px;padding:8px 9px;font-size:14px!important;font-weight:700;letter-spacing:.02em;border-radius:8px;cursor:pointer;background:var(--field);box-shadow:inset 0 1px 0 #ffffff12}
header .logo-window,html[data-theme=dark] header .logo-window{background:transparent;border-radius:0;overflow:visible}
header .logo-window img{filter:none}html[data-theme=dark] header .logo-window img{filter:invert(1) hue-rotate(180deg) brightness(1.15)}
@media(min-width:1001px){header .nav{display:grid;grid-template-columns:160px minmax(0,1fr) 96px;gap:0 22px;min-height:108px;height:108px;padding-top:8px;padding-bottom:8px}header .logo-window{grid-column:1;grid-row:1}header .site-language{grid-column:3;grid-row:1;align-self:center}header .mobile-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0}header .navlinks{flex-wrap:nowrap;justify-content:center;gap:16px;margin:0}header .navlinks a{font-size:14px;padding:6px 0}header .theme-picker{margin:0;justify-content:center;gap:6px}header .theme-picker button{min-height:32px;padding:4px 10px;font-size:12px}}
@media(min-width:801px) and (max-width:1000px){header .nav{min-height:104px;display:grid;grid-template-columns:135px 1fr 96px;gap:8px;padding-top:8px;padding-bottom:8px}header .logo-window{width:135px}header .site-language{grid-column:3;grid-row:1}header .mobile-panel{grid-column:2;grid-row:1;display:flex;flex-direction:column;align-items:center;gap:4px}header .navlinks{gap:9px;flex-wrap:nowrap;margin:0}header .navlinks a{font-size:12px}header .theme-picker{margin:0}header .theme-picker button{min-height:32px;font-size:12px;padding:4px 8px}}
@media(max-width:800px){header .site-language,header .site-language select{width:88px;max-width:88px;flex-basis:88px}header .site-language select{height:48px}header .nav{min-height:72px}.mobile-menu-button{border-radius:8px!important}}
/* Keep every photographed subject in frame. */
.creator-photo{max-width:900px}.creator-photo img{height:auto;max-height:none;aspect-ratio:auto;object-fit:contain;object-position:center;border-radius:16px;box-shadow:0 20px 50px -30px var(--glow)}
.mission-photo img{width:100%;height:auto;object-fit:contain}.mission-photo{min-height:0}.mission-photo:hover img{transform:none}
.quick-start:after{mask-image:radial-gradient(ellipse 85% 90% at 60% 50%,#000 45%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 85% 90% at 60% 50%,#000 45%,transparent 76%)}
.hero:after,.company-intro:after{background-size:contain;mask-image:radial-gradient(ellipse,#000 15%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 15%,transparent 73%)}
.collection-preview a:before,.contact-card>div:first-child:after{mask-image:radial-gradient(ellipse 85% 90% at 60% 45%,#000 32%,transparent 76%);-webkit-mask-image:radial-gradient(ellipse 85% 90% at 60% 45%,#000 32%,transparent 76%)}
/* Lighter neutral charcoal, lilac, ice blue and peach rather than purple everywhere. */
html[data-theme=dark]{--page:#111419;--ink:#f5f4fa;--muted:#bdc5ce;--panel:#20252e;--field:#282f39;--surface:#1b212a;--soft:#2b3041;--line:#495363;--purple:#c7b8f5;--accent-button:#c9bcf5;--accent-text:#202133;--hero-ground:#111419;--glow:#8dc9dc;--display-accent:#d4c4fa}
html[data-theme=dark] .quick-start:before{background:linear-gradient(90deg,var(--hero-ground) 0%,var(--hero-ground) 34%,transparent 70%),linear-gradient(180deg,var(--hero-ground),transparent 25%,var(--hero-ground)),radial-gradient(ellipse at 80% 10%,#91cddd22,transparent 55%)}
html[data-theme=dark] .quick-start .quick-form select{background:#282f39ed;border-color:#677084}html[data-theme=dark] .saved-kit{border-color:var(--line)}
html[data-theme=dark] .kit-card,html[data-theme=dark] .kit-card.bug{background:linear-gradient(140deg,#2a2e3b,#20252e)}html[data-theme=dark] .kit-card:nth-child(3n+2){background:linear-gradient(140deg,#253a41,#20252e)}html[data-theme=dark] .kit-card:nth-child(3n){background:linear-gradient(140deg,#3c303a,#20252e)}
html[data-theme=dark] .collection-preview a:nth-child(2) h3,html[data-theme=dark] .company-card:nth-child(2n) .eyebrow{color:#a6dce3}html[data-theme=dark] .collection-preview a:nth-child(3) h3{color:#f6c2a4}
html[data-theme=dark] .contact-form{background:transparent}html[data-theme=dark] .house-drawing{background:radial-gradient(ellipse at center,#3c4652,#252c35)}html[data-theme=dark] .mission{background:radial-gradient(ellipse at 12% 55%,#719cb51a,transparent 55%)}
/* Precise corners and small, intentional motion. */
.button,html[data-theme] .button:not(.secondary),html[data-theme] .button.secondary,.theme-picker button,.filters button,.guide-jumps a,html[data-theme] .guide-jumps a,.paint-swatch,.paint-swatch span{border-radius:8px}
.button{position:relative;overflow:hidden;isolation:isolate;transition:transform .18s,box-shadow .18s,background .18s}.button:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,transparent 25%,#fff3 50%,transparent 75%);transform:translateX(-140%);transition:transform .5s}
.kit-card,html[data-theme] .kit-card,.company-card,html[data-theme] .company-card,.collection-preview a,html[data-theme] .collection-preview a{border-radius:14px}.play-icon{border-radius:12px}
@media(hover:hover){.button:hover:after{transform:translateX(140%)}.button:hover{transform:translateY(-2px)}.button:active{transform:translateY(1px)}.collection-preview a:hover:before{transform:translateY(-4px) scale(1.03)}.collection-preview a{transition:transform .25s,border-color .25s}.collection-preview a:hover{transform:translateY(-4px);border-color:var(--purple)}}
@media(min-width:801px){.collection-preview a:nth-child(2){margin-top:14px;margin-bottom:-14px}.collection-preview{padding-bottom:14px}}
@media(prefers-reduced-motion:reduce){.button:after{display:none}.button,.collection-preview a,.collection-preview a:before{transition:none!important;transform:none!important}}

/* One-line masthead and selectable POP! art theme. */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
#catalog-kit{width:100%;min-height:52px}.theme-picker #theme-select{width:94px;min-height:40px;padding:7px 9px;font-size:14px;font-weight:700;border-radius:8px}
@media(min-width:1101px){
 header .nav{display:flex;flex-wrap:nowrap;height:78px;min-height:78px;gap:18px;max-width:1240px;padding-top:8px;padding-bottom:8px}
 header .logo-window{width:135px;flex:0 0 135px;height:54px}header .logo-window img{width:156px;height:78px;left:-8px;top:-12px}
 header .mobile-panel{display:flex;flex-direction:row;flex:1;align-items:center;gap:18px;order:1;min-width:0}
 header .navlinks{flex:1;display:flex;flex-wrap:nowrap;justify-content:center;gap:18px;margin:0}header .navlinks a{font-size:14px}
 header .site-language{order:2;width:80px;max-width:80px;flex:0 0 80px;margin:0}header .site-language select{width:80px;max-width:80px;font-size:13px!important;padding:7px 5px;height:40px;min-height:40px}
 header .theme-picker{margin:0;display:block}header .mobile-menu-button{display:none}html{scroll-padding-top:95px}
}
@media(max-width:1100px){
 header .nav{display:flex;flex-wrap:wrap;min-height:72px;height:auto;gap:8px;padding-top:8px;padding-bottom:8px}
 header .logo-window{width:122px;height:48px;flex:0 0 122px}header .logo-window img{width:146px;height:73px;left:-10px;top:-12px}
 header .site-language{order:1;margin-left:auto;width:82px;max-width:82px;flex:0 0 82px}header .site-language select{width:82px;max-width:82px;min-height:48px;height:48px;font-size:14px!important;padding:7px}
 header .mobile-menu-button{order:2;display:flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;padding:8px;border:1px solid var(--line);background:var(--field);color:var(--ink)}
 header .mobile-panel{display:none;order:3;flex-basis:100%;width:100%;max-height:calc(100dvh - 90px);overflow:auto;padding-top:10px;border-top:1px solid var(--line)}header .mobile-panel.is-open{display:block}
 header .mobile-panel .navlinks{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0}header .mobile-panel .navlinks a{white-space:normal;font-size:15px!important;min-height:48px;padding:12px;background:var(--surface);border-radius:8px}header .mobile-panel .navlinks a:last-child{grid-column:1/-1}
 header .theme-picker{display:flex;margin:12px 0 4px;align-items:center;gap:12px}header .theme-picker label{position:static;clip-path:none;width:auto;height:auto;font-size:15px}header .theme-picker #theme-select{width:120px;min-height:48px;font-size:16px}
}
@media(max-width:370px){header .logo-window{width:108px;flex-basis:108px}.mobile-menu-button span{display:none}}
html[data-theme=pop]{color-scheme:dark;--page:#090909;--ink:#fff;--muted:#d5ced7;--panel:#171317;--field:#211a22;--surface:#211622;--soft:#342036;--line:#68415f;--purple:#f16ad4;--accent-button:#ed4dcc;--accent-text:#090909;--hero-ground:#090909;--glow:#ec4bc9;--display-accent:#f16ad4;--gradient:linear-gradient(90deg,#ed4dcc,#fff);--art-image:none}
html[data-theme=pop] header .logo-window img{filter:invert(1) hue-rotate(180deg) brightness(1.15)}
html[data-theme=pop] .quick-start h1{color:white}html[data-theme=pop] .quick-start p,html[data-theme=pop] .quick-form label,html[data-theme=pop] .saved-kit span,html[data-theme=pop] .saved-kit small{color:#ddd4df}html[data-theme=pop] .quick-start .eyebrow,html[data-theme=pop] .saved-kit a,html[data-theme=pop] .saved-kit .quiet{color:#f787df}html[data-theme=pop] .quick-start .quick-form select{background:#191219;color:white;border-color:#ae559a}
html[data-theme=pop] .quick-start:after{background:none}html[data-theme=pop] .quick-start:before{background:radial-gradient(ellipse at 85% 50%,#c12b952d,transparent 65%)}
html[data-theme=pop] .mission h2{color:#f16ad4}html[data-theme=pop] .collection-preview{gap:12px}html[data-theme=pop] .collection-preview a{padding:26px 24px;min-height:210px;border:1px solid #ed4dcc;border-radius:4px;background:#ed4dcc;color:#090909;box-shadow:none}html[data-theme=pop] .collection-preview a:before{display:none}html[data-theme=pop] .collection-preview a:nth-child(2){background:#090909;color:#fff}html[data-theme=pop] .collection-preview a:nth-child(3){background:#892474;color:#fff}html[data-theme=pop] .collection-preview a h3,html[data-theme=pop] .collection-preview a p{color:inherit}html[data-theme=pop] .collection-preview a h3{font-size:1.8rem}
html[data-theme=pop] .kit-card,html[data-theme=pop] .company-card{border-radius:5px;background:#171317;border-color:#704063}html[data-theme=pop] .kit-card:nth-child(3n+2),html[data-theme=pop] .company-card:nth-child(2n){background:#2d1629}html[data-theme=pop] .kit-card .tag{color:#f794e2}
html[data-theme=pop] .button:not(.secondary){border-radius:4px;background:#ed4dcc;color:#090909}html[data-theme=pop] .button.secondary{border-radius:4px}html[data-theme=pop] .house-drawing{background:#e8dfe9}html[data-theme=pop] .play-video{background:#84266e}html[data-theme=pop] .play-icon{background:#fff;color:#090909}html[data-theme=pop] .contact-card>div:first-child:after{display:none}html[data-theme=pop] .contact-card{background:#20131e}html[data-theme=pop] .company-intro:after,html[data-theme=pop] .hero:after{display:none}html[data-theme=pop] .mission-photo{box-shadow:8px 8px 0 #ed4dcc33}
@media(hover:hover){html[data-theme=pop] .collection-preview a:hover{transform:translateY(-4px) rotate(-1deg);box-shadow:4px 6px 0 #fff2}}
.pop-art{display:none}html[data-theme=pop] .pop-art{display:grid;position:absolute;right:25px;top:10px;width:36%;height:300px;grid-template-columns:1.15fr 1fr;grid-template-rows:1fr 1fr;gap:12px;pointer-events:none;transform:rotate(-2deg)}.pop-art span{display:grid;place-items:center;background:#ed4dcc;color:#090909;font:900 clamp(3rem,7vw,6rem)/1 'Golos Text',sans-serif;border:1px solid #ed4dcc}.pop-art span:nth-child(2){background:#090909;color:white}.pop-art span:nth-child(3){font-size:3rem;background:#090909;color:#ed4dcc}.pop-art span:nth-child(4){background:#892474;color:white}
@media(max-width:800px){html[data-theme=pop] .pop-art{position:relative;right:auto;top:auto;float:right;width:115px;height:84px;gap:4px;margin:0 0 12px 14px;transform:none}.pop-art span{font-size:1.8rem}.pop-art span:nth-child(3){font-size:1.1rem}html[data-theme=pop] .quick-start h1{clear:both}}

html[data-theme=pop] .collection-preview a:first-child{background:#ed4dcc;color:#090909}