/* Bureau Bos — Architectonic Redesign Overlay */
:root{
  --bb-bg:#f7f7f2;
  --bb-paper:#ffffff;
  --bb-text:#1f2d2f;
  --bb-muted:#6c7a7c;
  --bb-accent:#8ea486;
  --bb-accent-2:#c8d1bc;
  --bb-line:rgba(95,117,100,.18);
  --bb-shadow:0 18px 42px rgba(32,47,40,.10);
  --bb-radius:18px;
}
html,body{background:var(--bb-bg)!important;color:var(--bb-text)!important;scroll-behavior:smooth}
body{position:relative}
body:before{
  content:"";
  position:fixed;inset:0;pointer-events:none;z-index:0;
  background:
    linear-gradient(90deg, transparent 0 24px, var(--bb-line) 24px 25px) 0 0/25px 25px,
    linear-gradient(0deg, transparent 0 24px, var(--bb-line) 24px 25px) 0 0/25px 25px,
    radial-gradient(circle at 12% 10%, rgba(143,164,134,.18), transparent 35%),
    radial-gradient(circle at 88% 85%, rgba(200,209,188,.22), transparent 30%);
  opacity:.55;
}
main,header,footer,.site,.container,.wrap,.wrapper{position:relative;z-index:1}
section,article,.card,.project,.content-block,.elementor-widget-wrap,.elementor-section-wrap{
  border-radius:var(--bb-radius);
}
h1,h2,h3,h4,.title{
  letter-spacing:-.02em;
  color:var(--bb-text)!important;
}
a{transition:all .25s ease}
a:hover{color:var(--bb-accent)!important}
button,.button,.btn,input[type='submit'],.wp-element-button{
  border-radius:999px!important;
  border:1px solid transparent!important;
  background:linear-gradient(120deg,var(--bb-accent),#b4c2ab)!important;
  color:#fff!important;
  box-shadow:0 8px 20px rgba(95,117,100,.25);
  transition:transform .2s ease, box-shadow .2s ease;
}
button:hover,.button:hover,.btn:hover,input[type='submit']:hover,.wp-element-button:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 26px rgba(95,117,100,.35);
}
img{border-radius:14px}
.hero,.banner,.page-header,.elementor-top-section:first-child{
  position:relative;
  overflow:hidden;
}
.hero:after,.banner:after,.page-header:after,.elementor-top-section:first-child:after{
  content:"";
  position:absolute;right:-4rem;top:-4rem;width:15rem;height:15rem;border:1.5px solid var(--bb-line);
  transform:rotate(45deg);
  border-radius:1.2rem;
}
/* recurring architecture motif */
.bb-arch-mark{
  position:fixed;right:20px;bottom:18px;z-index:12;
  width:64px;height:64px;border-radius:50%;backdrop-filter:blur(6px);
  border:1px solid var(--bb-line);
  background:rgba(255,255,255,.66);
  display:grid;place-items:center;
  box-shadow:var(--bb-shadow);
}
.bb-arch-mark svg{width:34px;height:34px;opacity:.7}
@media (max-width:900px){
  body:before{opacity:.38}
  .bb-arch-mark{width:52px;height:52px;right:12px;bottom:12px}
}