/* ============================================================
   ATRIUM — the premium planter studio
   Scoped to body.d-atrium. 1rem = 10px.
   ============================================================ */
body.d-atrium{
  --ar-stone:#f2efe8;--ar-stone2:#e7e2d7;--ar-char:#1f2220;--ar-char2:#2c302d;--ar-sage:#6f8f78;--ar-sage2:#4e6a56;--ar-brass:#b08d57;
  --ar-ink:#1f2220;--ar-soft:#50554f;--ar-mute:#878b84;--ar-line:#ddd6c8;
  --bg-primary:var(--ar-stone);--bg-secondary:var(--ar-stone2);--bg-card:#faf8f3;--bg-inset:#ebe6dc;
  --fg-primary:var(--ar-ink);--fg-soft:var(--ar-soft);--fg-muted:var(--ar-mute);--border-color:var(--ar-line);--border-strong:#cfc6b4;
  background:var(--ar-stone);color:var(--ar-ink);font-family:'Manrope',system-ui,sans-serif
}
body.d-atrium :where(h1,h2,h3){font-family:'Marcellus',Georgia,serif;font-weight:400;letter-spacing:0;line-height:1.08;color:var(--ar-ink)}
body.d-atrium :where(em){font-style:normal;color:var(--ar-sage2)}
.ar-kick{font-size:1.15rem;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--ar-brass);margin-bottom:1.4rem}

body.d-atrium .bx-nav{background:rgba(242,239,232,.94)}
body.d-atrium .bx-brand-mark{border-radius:6px;background:#fff;padding:2px}
body.d-atrium .bx-brand-mark img{object-fit:contain}
body.d-atrium .bx-brand-txt b{font-family:'Marcellus',serif;font-size:2rem;font-weight:400}
body.d-atrium .bx-nav-links a{font-size:1.35rem;letter-spacing:.04em;color:var(--ar-soft)}
body.d-atrium .bx-nav-links a::after{background:var(--ar-brass)}
body.d-atrium .bx-nav-cta{background:var(--ar-char);border-radius:0}

/* hero — the room that breathes */
.ar-hero{position:relative;overflow:hidden;margin-top:var(--nav-h);min-height:min(88vh,820px);display:flex;align-items:flex-end;background:var(--ar-char)}
.ar-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:ar-push 24s ease-in-out infinite alternate;will-change:transform}
@keyframes ar-push{from{transform:scale(1)}to{transform:scale(1.08)}}
@media (prefers-reduced-motion:reduce){.ar-hero-img{animation:none}}
.ar-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,22,21,.82) 0,rgba(20,22,21,.55) 45%,rgba(20,22,21,.05) 80%),linear-gradient(0deg,rgba(20,22,21,.55),transparent 50%)}
.ar-hero-in{position:relative;width:100%;max-width:var(--max-w);margin:0 auto;padding:8rem 3rem 9rem;color:#fff}
.ar-hero .ar-kick{color:#d9c39b}
body.d-atrium .ar-hero h1{font-size:clamp(4.4rem,6.4vw,8rem);color:#fff;max-width:14ch}
body.d-atrium .ar-hero h1 em{color:#cfe0d2}
.ar-lede{font-size:1.75rem;line-height:1.65;color:rgba(255,255,255,.82);margin-top:2.4rem;max-width:56ch}
.ar-actions{display:flex;flex-wrap:wrap;gap:1.2rem;margin-top:3.4rem}
.ar-btn{display:inline-flex;align-items:center;gap:.9rem;padding:1.6rem 2.8rem;font-size:1.35rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;transition:background .25s,color .25s,transform .25s var(--ease)}
.ar-btn-main{background:#fff;color:var(--ar-char)}
.ar-btn-main:hover{background:var(--ar-brass);color:#fff}
.ar-btn-line{border:1px solid rgba(255,255,255,.55);color:#fff}
.ar-btn-line:hover{background:rgba(255,255,255,.1)}

.ar-bar{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ar-brass)}
.ar-bar>div{padding:3.6rem 2.4rem 3rem}
.ar-bar>div+div{border-left:1px solid var(--ar-line)}
.ar-bar b{display:block;font-family:'Marcellus',serif;font-weight:400;font-size:5rem;line-height:1;color:var(--ar-ink)}
.ar-bar span{display:block;margin-top:1rem;font-size:1.3rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ar-mute)}

/* sections */
.ar-sec{padding:10rem 3rem 0}
.ar-sec>*{max-width:var(--max-w);margin-left:auto;margin-right:auto}
.ar-head{margin-bottom:5rem;max-width:760px!important;text-align:center}
.ar-head>p:last-child:not(.ar-kick){font-size:1.65rem;line-height:1.65;color:var(--ar-soft);margin-top:1.6rem}
.ar-sec h2{font-size:clamp(3.4rem,4.8vw,5.6rem)}
.ar-txt{font-size:1.65rem;line-height:1.7;color:var(--ar-soft);margin:1.6rem 0 2.6rem}

.ar-look{display:grid;grid-template-columns:repeat(5,1fr);gap:3.6rem 2.4rem}
.ar-piece{display:flex;flex-direction:column;color:inherit}
.ar-piece-img{display:block;aspect-ratio:3/4;overflow:hidden;background:#e9e4da}
.ar-piece-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ar-piece:hover .ar-piece-img img{transform:scale(1.05)}
.ar-piece-cap{display:flex;flex-direction:column;gap:.3rem;padding-top:1.4rem;border-top:1px solid transparent;transition:border-color .3s}
.ar-piece:hover .ar-piece-cap{border-color:var(--ar-brass)}
.ar-piece-cap small{font-size:1.15rem;letter-spacing:.18em;color:var(--ar-mute)}
.ar-piece-cap b{font-family:'Marcellus',serif;font-weight:400;font-size:2rem}

.ar-sectors{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;align-items:start}
.ar-sectors>*{min-width:0}
.ar-sectors ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--ar-line)}
.ar-sectors li{display:flex;align-items:center;gap:2.4rem;padding:2.4rem 0;border-bottom:1px solid var(--ar-line);font-family:'Marcellus',serif;font-size:clamp(2.2rem,2.8vw,3.2rem);transition:padding .35s var(--ease),color .3s}
.ar-sectors li span{font-family:'Manrope',sans-serif;font-size:1.2rem;letter-spacing:.2em;color:var(--ar-brass)}
.ar-sectors li i{margin-left:auto;font-size:1.6rem;color:var(--ar-sage);opacity:0;transform:translateX(-10px);transition:opacity .3s,transform .3s var(--ease)}
.ar-sectors li:hover{padding-left:1.6rem;color:var(--ar-sage2)}
.ar-sectors li:hover i{opacity:1;transform:none}

.ar-svc{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--ar-line)}
.ar-svc article{padding:4rem 3.4rem;background:#faf8f3}
.ar-svc article+article{border-left:1px solid var(--ar-line)}
.ar-svc i{font-size:2.4rem;color:var(--ar-sage)}
.ar-svc h3{font-size:2.6rem;margin:2rem 0 1.2rem}
.ar-svc p{font-size:1.55rem;line-height:1.7;color:var(--ar-soft)}

.ar-gal{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:1.6rem}
.ar-gal-item{padding:0;border:0;aspect-ratio:4/5;overflow:hidden;cursor:zoom-in;background:#e9e4da}
.ar-gal-item img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--ease)}
.ar-gal-item:hover img{transform:scale(1.04)}

.ar-about{display:grid;grid-template-columns:.9fr 1.1fr;gap:6rem;align-items:center;padding:6rem;background:var(--ar-char);color:#e9e5dc}
.ar-about>*{min-width:0}
body.d-atrium .ar-about h2{color:#fff}
body.d-atrium .ar-about h2 em{color:#cfe0d2}
.ar-logo{display:block;width:150px;background:#fff;padding:1rem;margin-bottom:2.4rem}
.ar-prose p{font-size:1.65rem;line-height:1.8;color:rgba(233,229,220,.8)}
.ar-prose p+p{margin-top:1.4rem}
.ar-rev{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.ar-rev blockquote{font-family:'Marcellus',serif;font-size:2rem;line-height:1.45}

.ar-contact{display:grid;grid-template-columns:1fr 1fr;gap:5rem;padding:5rem;background:var(--ar-stone2)}
.ar-contact>*{min-width:0}
.ar-hours{margin-top:2.4rem}
body.d-atrium .ci{border-radius:0;background:#faf8f3}
body.d-atrium .ci-ico{background:var(--ar-char);color:#d9c39b}
body.d-atrium .ci-ico.wa{background:#25d366;color:#fff}
body.d-atrium .contact-form{border-radius:0}
body.d-atrium .contact-form h3{font-size:2.6rem;margin-bottom:1.6rem}
body.d-atrium .cf-field input,body.d-atrium .cf-field textarea{border-radius:0}
body.d-atrium .btn-onbiz{background:var(--ar-char);border-radius:0;letter-spacing:.1em;text-transform:uppercase}
.ar-map{margin-top:3rem}
.ar-share{max-width:var(--max-w);margin:4rem auto 0;padding:0 3rem}
body.d-atrium .bx-foot{background:var(--ar-char);color:rgba(233,229,220,.75);margin-top:9rem}
body.d-atrium .bx-foot p,body.d-atrium .bx-foot li,body.d-atrium .bx-foot a{color:rgba(233,229,220,.7)}
body.d-atrium .bx-foot h2{color:#d9c39b}
body.d-atrium .bx-foot .bx-brand-mark{background:#fff}
body.d-atrium .bx-foot .bx-brand-txt b{color:#fff}
body.d-atrium .bx-foot .btn-onbiz{background:var(--ar-brass)}
body.d-atrium .bx-foot .btn-outline{border-color:rgba(255,255,255,.3);color:#fff}
body.d-atrium .bx-foot-bottom{border-top-color:rgba(255,255,255,.1)}

@media (max-width:1180px){.ar-look{grid-template-columns:repeat(4,1fr)}}
@media (max-width:900px){
  .ar-hero{min-height:640px}
  .ar-hero-shade{background:linear-gradient(0deg,rgba(20,22,21,.9) 0,rgba(20,22,21,.55) 55%,rgba(20,22,21,.2) 100%)}
  .ar-bar{grid-template-columns:1fr 1fr}
  .ar-bar>div:nth-child(3){border-left:0}
  .ar-bar>div:nth-child(n+3){border-top:1px solid var(--ar-line)}
  .ar-look{grid-template-columns:repeat(3,1fr)}
  .ar-sectors,.ar-about,.ar-contact{grid-template-columns:1fr;gap:3rem}
  .ar-svc{grid-template-columns:1fr}
  .ar-svc article+article{border-left:0;border-top:1px solid var(--ar-line)}
}
@media (max-width:640px){
  .ar-hero-in{padding:6rem 1.6rem 5rem}
  body.d-atrium .ar-hero h1{font-size:4rem}
  .ar-lede{font-size:1.6rem}
  .ar-bar{padding:0 1.6rem}
  .ar-bar>div{padding:2.6rem 1.2rem}
  .ar-bar b{font-size:3.6rem}
  .ar-sec{padding:7rem 1.6rem 0}
  .ar-look{grid-template-columns:1fr 1fr;gap:2.4rem 1.4rem}
  .ar-gal{grid-template-columns:1fr 1fr}
  .ar-gal-item:first-child{grid-column:span 2;aspect-ratio:16/10}
  .ar-about,.ar-contact{padding:2.8rem 1.8rem}
  .ar-share{padding:0 1.6rem}
}