/* Buckingham Visuals family, adapted from the approved handoff (5 October 2026).
   Loaded last, scoped to the configurator and its landing page. */
.kitchn-theme {
  --kh-surface:#fff; --kh-text:#111; --kh-muted:#555; --kh-border:#ddd;
  --kh-radius-image:20px; --kh-radius-panel:24px; --kh-radius-control:999px;
  --kh-page-gutter:clamp(24px,7vw,110px); --kh-section-space:clamp(90px,10vw,150px);
  --kh-gallery-gap:26px; --kh-motion-ease:cubic-bezier(.2,.75,.2,1);
  --kh-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;
  --kh-glass:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.06));
  --kh-light-glass:linear-gradient(145deg,rgba(255,255,255,.95),rgba(240,240,240,.68));
  --kh-shadow:inset 0 1px #fff,0 8px 25px rgba(0,0,0,.055);
  --ink:#111; --navy:#1c203b; --burgundy:#1c203b; --wine:#444; --blue:#444;
  --muted:#626262; --quiet:#626262; --cream:#fff; --paper:#fff; --white:#fff;
  --blush:#f3f3f3; --line:#e3e3e3; --soft:#f4f4f4; --gold:#666;
  font-family:var(--kh-font); color:var(--kh-text); background:#fff;
  -webkit-font-smoothing:antialiased; letter-spacing:0;
}
.kitchn-theme :is(button,input,select,textarea,summary) {font-family:var(--kh-font);font-weight:400;letter-spacing:0}
.kitchn-theme :is(h1,h2,h3,h4) {font-family:var(--kh-font);font-weight:400;font-style:normal;letter-spacing:-.04em}
.kitchn-theme :is(h1,h2,h3) em {font-style:normal;font-weight:400;color:inherit}
.kitchn-theme :focus-visible {outline:2px solid #45577c!important;outline-offset:4px}
.kitchn-theme [hidden] {display:none!important}
.kitchn-theme :is(input,output) {font-variant-numeric:tabular-nums}
.kitchn-theme :is(.brand img,.brand-logo,.account-header img) {width:146px;height:44px;object-fit:contain;filter:none}
.kitchn-theme .brand {flex:none;width:auto}
.kitchn-theme .kh-glass {background:var(--kh-glass);border:1px solid rgba(255,255,255,.4);border-radius:24px;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 0 -1px 0 rgba(255,255,255,.08),0 12px 32px rgba(0,0,0,.12);backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%)}
.kitchn-theme .kh-skip {position:fixed;left:20px;top:-100px;z-index:300;padding:12px 20px;background:white;color:#111;border-radius:30px}
.kitchn-theme .kh-skip:focus {top:12px}

/* Configurator: compact controls and one blur layer per floating panel. */
.kh-configurator {font-family:var(--kh-font);background:#fff;color:#222}
.kh-configurator :is(header,.steps,#sidebar,.sidebar-foot) {background:#ffffffed;color:#222;border-color:#e5e5e5}
.kh-configurator :is(button,summary) {border-radius:999px;font-size:13px}
.kh-configurator :is(input,select,textarea) {border-radius:11px;border-color:#d8dadd;background:#fff;font-size:14px}
.kh-configurator input[type=color] {border-radius:10px}
.kh-configurator :is(.primary,#save-design) {background:#1c203b;color:#fff;border-color:#1c203b}
.kh-configurator .steps>[data-tab] {border-radius:999px}
.kh-configurator .steps>[data-tab].active {background:#ebedf2;color:#1c203b;border-color:transparent;box-shadow:inset 0 1px #fff}
.kh-configurator :is(.scene-tools,#selection-panel,#walk-editor,.camera-toolbar,.graphics-options,#designs-list,.design-summary-content,#modal[open]) {background:var(--kh-light-glass);border:1px solid #ffffffa8;border-radius:22px;box-shadow:inset 0 1px #fff,0 12px 32px #00000012;backdrop-filter:blur(22px) saturate(145%);-webkit-backdrop-filter:blur(22px) saturate(145%);color:#222}
.kh-configurator #sidebar {border-right:1px solid #e3e3e3;box-shadow:4px 0 22px #00000004}
.kh-configurator #panel {padding:24px}
.kh-configurator #panel h2 {font-size:25px;line-height:1.2;letter-spacing:-.035em}
.kh-configurator #panel :is(p,.muted) {color:#626262;font-size:13px;line-height:1.6}
.kh-configurator .scene-tools {border-radius:999px;padding:6px}
.kh-configurator .scene-tools button {border-radius:50%;background:transparent;box-shadow:none}
.kh-configurator .scene-tools button:hover {background:#fff}
.kh-configurator .view-toggle {padding:4px;border-radius:999px;background:var(--kh-light-glass);border:1px solid #fff;box-shadow:var(--kh-shadow)}
.kh-configurator .view-toggle button {border-radius:999px;min-height:34px;font-size:12px}
.kh-configurator .view-toggle button.active {background:#1c203b;color:#fff}
.kh-configurator .scene-top .view-actions>button,.kh-configurator .scene-top details>summary,.kh-configurator #toggle-sidebar {background:var(--kh-light-glass);border:1px solid #ffffffc9;box-shadow:var(--kh-shadow);border-radius:999px;min-height:36px}
.kh-configurator .scene-top :is(button,summary) {backdrop-filter:none;-webkit-backdrop-filter:none}
.kh-configurator #selection-panel :is(input,select) {border-radius:10px;font-size:13px;min-height:36px}
.kh-configurator #selection-panel h3 {font-size:17px;line-height:1.3}
.kh-configurator .catalog-card {border-radius:18px;overflow:hidden;border:1px solid #e2e2e2;background:#fff;box-shadow:0 4px 16px #00000004}
.kh-configurator .catalog-card img {border-radius:16px}
.kh-configurator .finish-card {border-radius:18px;overflow:hidden;border-color:#e0e0e0;background:#fff}
.kh-configurator .catalog-tabs button {border-radius:999px;padding:8px 12px;font-size:12px}
.kh-configurator .scene-bottom span {border-radius:999px;background:#ffffffb3;color:#626262;font-size:10px}
.kh-configurator #modal[open] {width:min(680px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:28px}
.kh-configurator #modal::backdrop {background:rgba(20,25,35,.18);backdrop-filter:none}
.kh-configurator .close-modal {border-radius:50%}
.kh-configurator .walk-help {border:1px solid #ffffff70;border-radius:22px;background:rgba(32,35,44,.74);box-shadow:0 8px 25px #00000014}
.kh-configurator .walk-help button {border-radius:999px}
.kh-configurator .graphics-options button {border-radius:12px}
.kh-configurator #draw-banner {border-radius:20px}
.kh-configurator .sidebar-foot {font-size:12px}
.kh-configurator :is(.config-tools-menu,.header-actions) {border-radius:999px;background:var(--kh-light-glass);border-color:#ddd;color:#222}
.kh-configurator .header-actions {padding:10px 20px;gap:20px}
.kh-configurator .header-actions :is(a,summary) {color:#222;text-transform:none;font-size:12px;letter-spacing:0}
.kh-configurator .config-tools-menu {border-radius:20px;background:#fffffff5}

/* Override the existing compact workspace shell without changing its dimensions. */
.kh-configurator .studio-header .steps>[data-tab],
.kh-configurator .studio-header .design-actions>button,
.kh-configurator .studio-header .design-actions>details>summary,
.kh-configurator .workspace .header-views .view-toggle,
.kh-configurator .workspace .header-views .view-toggle button,
.kh-configurator .workspace .header-views .view-actions>button,
.kh-configurator .workspace .header-views details>summary {border-radius:999px}
.kh-configurator .workspace .header-views .view-toggle {box-shadow:var(--kh-shadow)}
.kh-configurator #designs-list button {border-radius:12px;padding:11px 12px}
.kh-configurator #designs-list button:hover {background:#eceef2}
.kh-configurator #designs-list .designs-eyebrow {color:#626262}
.kh-configurator :is(button,summary,a) {transition:background .2s,box-shadow .2s,border-color .2s}
.kh-configurator .catalog-card:hover {border-color:#b8becb;box-shadow:0 8px 22px #0000000c}
.kh-configurator #panel {padding:23px 18px}
.kh-configurator #panel h2 {font-size:22px}
.kh-marketing .hero-label.kh-glass {border-radius:999px;background:#00000038}
.kh-marketing .site-header .brand img {filter:brightness(0) invert(1)}
.kh-marketing .site-header.scrolled .brand img,.kh-marketing .site-header.menu-open .brand img {filter:none}
.kh-marketing .image-caption.kh-glass {border-radius:16px;background:linear-gradient(115deg,#0f0f0f9e,#23232366)}
.kh-marketing .experience-caption.kh-glass {background:linear-gradient(125deg,#14141466,#14141438)}
@media(max-width:900px){
  .kh-configurator .brand-logo {width:88px}
}
@media(max-width:680px){
  .kh-configurator #designs-list,.kh-configurator .design-summary-content {position:fixed;top:95px;right:12px;width:min(310px,calc(100vw - 24px));max-height:calc(100dvh - 115px);overflow:auto}
  .kh-configurator #modal[open] {padding:20px}
  .kh-configurator #selection-panel {max-width:calc(100% - 72px)}
  .kh-configurator #panel {padding:20px 14px}
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .kh-configurator :is(.scene-tools,#selection-panel,#walk-editor,.camera-toolbar,.graphics-options,#designs-list,.design-summary-content,#modal[open]) {background:#fafafa}
  .kh-marketing :is(.image-caption,.experience-caption).kh-glass {background:#303030}
}
@media(prefers-reduced-transparency:reduce){
  .kitchn-theme :is(.kh-glass,.site-header,.site-header nav,.scene-tools,#selection-panel,#walk-editor,.graphics-options,#designs-list,.design-summary-content,#modal[open]) {backdrop-filter:none;-webkit-backdrop-filter:none;background:#fff}
  .kh-marketing :is(.image-caption,.experience-caption,.hero-label).kh-glass {background:#303030}
  .kh-marketing .site-header {color:#111}
  .kh-marketing .site-header .brand img {filter:none}
}
@media(prefers-reduced-motion:reduce){
  .kitchn-theme *,.kitchn-theme *::before,.kitchn-theme *::after {animation:none!important;transition:none!important;scroll-behavior:auto!important}
}