/* Loaded after the legacy stylesheet so the atelier stays visually aligned with BYGRANITE. */
body:has(.atelier-site-header){--accent:#cfb53b;--accent-deep:#a99028;--text:#f7f5ef;--muted:#c7c4bb;--line:rgba(255,255,255,.11);font-family:"DM Sans",sans-serif;background:#141414}
body:has(.atelier-site-header) .page-shell{overflow:visible}
body:has(.atelier-site-header) h1,body:has(.atelier-site-header) h2,body:has(.atelier-site-header) h3{font-family:"Plus Jakarta Sans","DM Sans",sans-serif;text-transform:none}
.atelier-site-header{position:sticky;z-index:100;top:0;width:100%;max-width:none;min-height:72px;padding:0 clamp(20px,4vw,64px);background:rgba(20,20,20,.92);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(18px)}
.atelier-brand{gap:12px}.atelier-brand strong{font-size:1.5rem;letter-spacing:-.05em;color:#fff}.atelier-brand span{padding-left:12px;border-left:1px solid rgba(255,255,255,.2);color:#cfb53b;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}
.atelier-site-header .site-nav{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none}.atelier-site-header .site-nav a{color:rgba(255,255,255,.78);font-size:.88rem}.atelier-site-header .site-nav a:hover,.atelier-site-header .site-nav a.is-current{color:#cfb53b}.atelier-site-header .site-nav .atelier-call-link{padding:12px 18px;border-radius:6px;background:#cfb53b;color:#111;font-weight:700}
body:has(.atelier-site-header) .page-main{padding-top:0}body:has(.atelier-site-header) .page-intro{margin-top:28px}body:has(.atelier-site-header) .eyebrow,body:has(.atelier-site-header) .card-label{color:#cfb53b}
.atelier-heading{max-width:980px!important}.atelier-heading h2{font-size:clamp(1.7rem,3vw,2.8rem)}.atelier-layout{grid-template-columns:minmax(0,1.5fr) minmax(390px,.75fr);gap:20px}
.preview-shell,.control-panel{border-radius:18px;border:1px solid rgba(255,255,255,.09)}.preview-shell{top:92px;max-height:calc(100vh - 108px);padding:20px;background:#202020}.control-panel{top:92px;max-height:calc(100vh - 108px);padding:18px;background:#1c1c1c}.control-panel:before{background:#cfb53b}
.control-panel-intro{position:sticky;z-index:4;top:-18px;margin:-8px -4px 10px;padding:18px 4px 14px;background:linear-gradient(#1c1c1c 86%,transparent)}.control-panel-intro h3{max-width:26ch;font-size:1.15rem}.control-panel-hint{margin:8px 0 0;color:#aaa69c;font-size:.88rem;line-height:1.5}
.atelier-step{margin:10px 0 0!important;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:#242424;overflow:hidden}.atelier-step-toggle{width:100%;min-height:66px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:12px;align-items:center;padding:11px 14px;border:0;color:#fff;background:transparent;text-align:left;cursor:pointer}.atelier-step-toggle:hover{background:rgba(255,255,255,.035)}
.atelier-step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:rgba(207,181,59,.13);color:#cfb53b;font-weight:700}.atelier-step-toggle small{display:block;color:#8e8b84;font-size:.68rem;text-transform:uppercase;letter-spacing:.1em}.atelier-step-toggle strong{display:block;margin-top:2px;font-size:.96rem}.atelier-step-state{color:#cfb53b;font-size:.74rem;font-weight:700}
.atelier-step-body{display:none;padding:2px 14px 16px}.atelier-step.is-open{border-color:rgba(207,181,59,.38)}.atelier-step.is-open .atelier-step-body{display:block}.atelier-step.is-open .atelier-step-number{background:#cfb53b;color:#111}.atelier-step .control-heading{display:none}.atelier-step .surface-browser{margin-top:6px;padding:10px;border-radius:10px;background:#1b1b1b}.atelier-step .surface-grid{max-height:280px}.atelier-step .surface-selected{grid-template-columns:76px 1fr;border-radius:10px}.atelier-step .surface-selected-visual{border-radius:8px}.atelier-step .surface-card{border-radius:9px}.atelier-step .surface-card-image{border-radius:7px}.atelier-step .surface-brand-tab{min-height:34px;padding:0 11px;border-radius:6px}.atelier-step .surface-brand-tab.is-active{color:#111;background:#cfb53b}.atelier-step .surface-search-input{min-height:42px;border-radius:7px}.contact-card{border-color:rgba(207,181,59,.28);background:linear-gradient(145deg,rgba(207,181,59,.09),rgba(255,255,255,.025))}.button-primary{background:#cfb53b;color:#111}
@media(max-width:1050px){.atelier-site-header .site-nav a:not(.nav-highlight-link):not(.atelier-call-link){display:none}.atelier-layout{grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr)}}
@media(max-width:760px){.atelier-site-header{min-height:64px;padding:0 14px}.atelier-brand strong{font-size:1.18rem}.atelier-brand span{display:none}.atelier-site-header .site-nav{gap:8px}.atelier-site-header .site-nav .nav-highlight-link{display:none}.atelier-site-header .site-nav .atelier-call-link{display:inline-flex;padding:10px 12px;font-size:.76rem}body:has(.atelier-site-header) .page-intro{display:none}.atelier{width:100%;padding:12px}.atelier>.section-heading{margin:4px 0 12px}.atelier>.section-heading .eyebrow{display:none}.atelier>.section-heading h2{font-size:1.25rem;line-height:1.3}.atelier-layout{display:flex;flex-direction:column;gap:10px}.atelier .preview-shell{position:sticky;z-index:30;top:70px;width:100%;max-height:none;padding:10px;overflow:hidden;border-radius:12px;box-shadow:0 16px 30px rgba(0,0,0,.38)}.atelier .preview-header{margin-bottom:8px;padding-bottom:8px}.atelier .preview-header>div:first-child{display:none}.atelier .preview-header-actions{width:100%;flex-direction:row;justify-content:space-between;align-items:center}.atelier .preview-reference-chip{display:none}.atelier .view-toggle{width:100%;display:grid;grid-template-columns:1fr 1fr}.atelier .view-toggle .chip{min-height:36px;padding:6px 10px;justify-content:center}.atelier .preview-stage{min-height:0;aspect-ratio:16/8.4}.atelier .preview-stage-3d-frame{min-height:0;aspect-ratio:16/8.4}.atelier .preview-stage-3d-badge,.atelier .preview-stage-3d-spotlight,.atelier .preview-stage-3d-specs,.atelier .preview-caption{display:none}.atelier .control-panel{position:relative;top:auto;width:100%;max-height:none;overflow:visible;padding:12px;border-radius:12px}.control-panel-intro{position:static;margin:0 0 8px;padding:4px 2px 10px;background:none}.control-panel-intro h3{font-size:1rem}.control-panel-hint{font-size:.8rem}.atelier-step-toggle{min-height:58px}.atelier-step .surface-grid{max-height:42vh}.atelier-step .surface-selected{grid-template-columns:62px 1fr}}