/* Bella's atelier theme — dark forest canvas, emerald signature, Bricolage display. Loaded after site/interiors CSS on every public page. */
@font-face{font-family:'Bricolage Grotesque';src:url('/assets/fonts/bricolage-grotesque-latin-wght.woff2') format('woff2');font-weight:200 800;font-style:normal;font-display:swap}
:root{
  --forest:#082d22;--ink-green:#061f18;--brand:#009640;--emerald:var(--brand);--emerald-bright:var(--brand);--sage-soft:#b9c9b1;--stone:#cbbd9f;--cream:#f2ecdd;
  --text:#ece8dc;--text-muted:#b9c9b1;--hairline:#b9c9b126;--panel:#0b3628;
  --paper:var(--forest);--ink:var(--text);--muted:var(--text-muted);--soft:var(--panel);--line:var(--hairline);--dark:var(--ink-green);--sage:var(--emerald);
  --display:'Bricolage Grotesque',Inter,Arial,sans-serif;color-scheme:dark
}
html{background:var(--ink-green)}
body,body.interior-page,body.home-experience{background:var(--forest);color:var(--text);font-size:17px}
p{color:var(--text-muted);font-size:17px;line-height:1.7}
h1,h2,h3,.interior-page h1,.interior-page h2{font-family:var(--display);color:var(--cream);font-weight:500;font-variation-settings:'opsz' 96}
h1,h2{letter-spacing:-.035em;line-height:1.02}
h1{font-size:clamp(44px,6.4vw,96px)}h2{font-size:clamp(34px,4.4vw,64px)}h3{letter-spacing:-.02em}
em,.interior-page em{font-family:var(--display);font-style:normal;font-weight:300;letter-spacing:-.03em;color:var(--sage-soft)}
::selection{background:var(--emerald);color:var(--ink-green)}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--sage-soft);outline-offset:4px}
.eyebrow,.interior-page .eyebrow{color:var(--sage-soft);font-size:12px;letter-spacing:.16em}
.eyebrow i{background:var(--emerald)}
.section-index,.interior-art-number,.interior-group-mark,.interior-trace,.interior-swatches{display:none}

/* Buttons and links */
.button,.interior-page .button{background:var(--emerald);border-color:var(--emerald);color:#03190c;font-weight:600;font-size:15px;border-radius:999px;padding:15px 24px;gap:22px}
.button:hover,.interior-page .button:hover{background:var(--cream);border-color:var(--cream);color:#03190c}
.button.inverse,.interior-page .button.inverse{background:var(--cream);border-color:var(--cream);color:var(--ink-green)}
.button.inverse:hover{background:var(--sage-soft);border-color:var(--sage-soft)}
.text-link{border-bottom:1px solid var(--emerald);color:var(--cream)}
.text-link:hover{color:var(--sage-soft)}
.skip-link{background:var(--cream);color:var(--ink-green)}
.scroll-progress{background:var(--emerald);height:2px}

/* Top bar: inset forest capsule */
.site-header,.home-experience .site-header,.interior-page .site-header{position:sticky;top:12px;z-index:60;height:66px;width:min(1240px,calc(100% - 24px));margin:12px auto 0;padding:0 10px 0 8px;gap:28px;border:1px solid #b9c9b124;border-radius:999px;background:#061f18e8;backdrop-filter:blur(14px) saturate(1.2);-webkit-backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 18px 40px -24px #000c}
.site-header.scrolled{background:#061f18f5}
.brand,.home-experience .brand,.interior-page .brand{width:auto;margin-right:auto;padding:5px 14px;border-radius:999px;background:var(--cream);line-height:0}
.brand img{width:118px;height:auto}
.desktop-nav{gap:30px}
.desktop-nav .nav-link{position:relative;color:var(--text);font-size:15px;padding:6px 0}
.desktop-nav .nav-link:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--brand);transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.desktop-nav .nav-link:hover,.desktop-nav .nav-link[aria-current=page]{color:var(--cream);border-bottom:0}
.desktop-nav .nav-link:hover:after,.desktop-nav .nav-link[aria-current=page]:after,.desktop-nav .nav-link:focus-visible:after{transform:none}
.header-actions{gap:18px}
.language-toggle{color:#b9c9b199;font-size:13px;padding:8px 4px;gap:5px}
.language-toggle .is-active{color:var(--cream)}
.language-toggle:hover{color:var(--sage-soft)}
.header-quote.button{min-height:46px;padding:11px 20px;font-size:14px}
.menu-toggle span{background:var(--cream)}
.mobile-nav,.interior-page .mobile-nav{position:absolute;top:calc(100% + 8px);left:0;right:0;border-radius:24px;background:var(--ink-green);border:1px solid #b9c9b124;padding:12px 22px 20px;box-shadow:0 30px 60px -30px #000}
.mobile-nav a{color:var(--cream);border-color:var(--hairline)!important;font-family:var(--display);font-size:22px}
.mobile-nav a[aria-current=page]{color:var(--cream);text-decoration:underline;text-decoration-color:var(--brand);text-decoration-thickness:2px;text-underline-offset:6px}

/* Shared surfaces become darker panels instead of white slabs */
.services-section,.service-aside,.material-section,.closing-cta,.interior-page .closing-cta,.legal-draft,.form-feedback{background:var(--panel);color:var(--text)}
.closing-cta,.interior-page .closing-cta{background:var(--ink-green);border-top:1px solid var(--hairline)}
.closing-cta::before,.interior-page .closing-cta::before{display:none}
.hero-image,.project-photo,.modal-image,.interior-art-canvas,.material-visual,.service-card-image>span{background:var(--panel)}
.interior-art-canvas::after{display:none}
.interior-art figcaption,.interior-art figcaption small,.hero-foot,.project-category,.project-caption>span{color:var(--text-muted)}
.project-caption h3{color:var(--cream);font-family:var(--display);font-size:20px}
.project-open{background:var(--cream);color:var(--ink-green)}
.form-grid label,label{color:var(--text)}
.form-grid input,.form-grid select,.form-grid textarea,input,select,textarea{background:var(--ink-green)!important;color:var(--cream)!important;border:1px solid #b9c9b140!important;border-radius:12px}
.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--brand)!important}
select option{background:var(--ink-green);color:var(--cream)}
.form-feedback.is-error{background:#3a1512;color:#ffd9d2}
.faq details,.faq-list details{border-color:var(--hairline)}
.faq summary{color:var(--cream);font-size:19px}
.project-dialog{background:var(--ink-green);color:var(--text)}
.project-dialog::backdrop{background:#020b08d9}
.modal-close,.modal-prev,.modal-next{background:var(--cream);color:var(--ink-green)}
.comparison{background:var(--panel)}
.compare-label{background:var(--ink-green);color:var(--cream)}
.compare-divider{background:var(--cream)}
.compare-divider>span{background:var(--cream);color:var(--ink-green)}
.motion-toggle,.motion-note{background:var(--ink-green);color:var(--cream)}
hr,[class*=divider-line]{border-color:var(--hairline)}
*{border-color:var(--hairline)}
.interior-page a:not(.button):not(.brand):hover{color:var(--sage-soft)}

/* Footer */
.site-footer,.home-experience .site-footer,.interior-page .site-footer{background:var(--ink-green);color:var(--text);border-top:1px solid var(--hairline)}
.footer-brand>a{display:inline-block;padding:8px 16px;border-radius:999px;background:var(--cream);line-height:0}
.footer-brand img{width:140px;height:auto}
.footer-label{color:var(--sage-soft)}
.footer-links a,.footer-contact a{color:var(--cream)}
.footer-bottom,.footer-bottom a{color:#b9c9b1b3}

@media (max-width:800px){
  .site-header,.home-experience .site-header,.interior-page .site-header{height:60px;top:8px;margin-top:8px;width:calc(100% - 16px);padding:0 6px 0 6px}
  .brand img{width:100px}
  .brand,.home-experience .brand,.interior-page .brand{padding:4px 11px}
  .header-quote{display:none}
  .menu-toggle{display:grid}
  body,p{font-size:16px}
}
@media (prefers-reduced-motion:reduce){.desktop-nav .nav-link:after{transition:none}}
.button:focus-visible{outline:2px solid var(--cream);outline-offset:3px}