:root{
  --bp-ink:#11110f;
  --bp-muted:#6f706b;
  --bp-line:rgba(17,17,15,.12);
  --bp-paper:#f5f4f0;
  --bp-paper-2:#ebeae5;
  --bp-white:#fff;
  --bp-stone:#b8b2a6;
  --bp-radius:28px;
  --bp-max:1380px;
  --bp-ease:cubic-bezier(.2,.75,.25,1);
}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--bp-paper);color:var(--bp-ink);font-family:"Manrope","Helvetica Neue",Arial,sans-serif;overflow-x:hidden}
::selection{background:#222;color:#fff}
a:where(:not(#header4-l, #header4-l *)){text-decoration:none}@media(min-width:1367px){a{text-decoration:none}}
.container,.container-fluid{max-width:var(--bp-max);margin-left:auto;margin-right:auto;padding-left:clamp(22px,4vw,64px);padding-right:clamp(22px,4vw,64px)}
section:where(:not(#header4-l, #header4-l *)){position:relative}@media(min-width:1367px){section{position:relative}}
.mbr-fonts-style:where(:not(#header4-l, #header4-l *)){font-family:"Manrope","Helvetica Neue",Arial,sans-serif!important}@media(min-width:1367px){.mbr-fonts-style{font-family:"Manrope","Helvetica Neue",Arial,sans-serif!important}}
.display-1:where(:not(#header4-l, #header4-l *)){font-size:clamp(3.25rem,8vw,8.2rem)!important;line-height:.89!important;letter-spacing:-.065em!important;font-weight:400!important}@media(min-width:1367px){.display-1{font-size:clamp(3.25rem,8vw,8.2rem)!important;line-height:.89!important;letter-spacing:-.065em!important;font-weight:400!important}}
.display-2:where(:not(#header4-l, #header4-l *)){font-size:clamp(2rem,4.3vw,4.5rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:400!important}@media(min-width:1367px){.display-2{font-size:clamp(2rem,4.3vw,4.5rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:400!important}}
.display-5{font-size:clamp(1.3rem,2.1vw,2rem)!important;line-height:1.25!important}
.display-7:where(:not(#header4-l, #header4-l *)){font-size:clamp(1rem,1.15vw,1.12rem)!important;line-height:1.72!important}@media(min-width:1367px){.display-7{font-size:clamp(1rem,1.15vw,1.12rem)!important;line-height:1.72!important}}
strong:where(:not(#header4-l, #header4-l *)){font-weight:500!important}@media(min-width:1367px){strong{font-weight:500!important}}

/* HEADER — custom, independent from Mobirise/Bootstrap navigation */
.bp-site-header{
  position:fixed; inset:0 0 auto 0; z-index:9999;
  height:84px; color:#fff;
  transition:transform .42s var(--bp-ease),background .32s ease,height .32s ease,box-shadow .32s ease;
  background:linear-gradient(to bottom,rgba(10,10,9,.36),rgba(10,10,9,.04));
  border-bottom:1px solid rgba(255,255,255,.10);
}
.bp-site-header.is-scrolled{
  height:72px; background:rgba(17,17,15,.88);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  box-shadow:0 12px 34px rgba(0,0,0,.10);
}
.bp-site-header.is-hidden{transform:translateY(-105%)}
.bp-header-inner{height:100%;max-width:var(--bp-max);margin:0 auto;padding:0 clamp(22px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:32px}
.bp-brand{display:flex;align-items:baseline;gap:10px;color:#fff!important;white-space:nowrap;position:relative;z-index:2}
.bp-brand-main{font-size:16px;font-weight:500;letter-spacing:.12em;line-height:1}
.bp-brand-sub{font-size:9px;font-weight:400;letter-spacing:.22em;line-height:1;opacity:.62}
.bp-desktop-nav{display:flex;align-items:center;gap:28px;height:100%}
.bp-desktop-nav a{color:#fff!important;font-size:12px;line-height:1;letter-spacing:.105em;font-weight:400;position:relative;padding:6px 0}
.bp-desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:#fff;transition:right .3s var(--bp-ease)}
.bp-desktop-nav a:hover:after,.bp-desktop-nav a:focus-visible:after{right:0}
.bp-menu-toggle{display:none;width:44px;height:44px;padding:0;border:0;background:transparent;position:relative;z-index:10002;cursor:pointer}
.bp-menu-toggle span{position:absolute;left:10px;width:24px;height:1px;background:#fff;transition:transform .34s var(--bp-ease),top .34s var(--bp-ease),opacity .2s ease}
.bp-menu-toggle span:first-child{top:18px}.bp-menu-toggle span:last-child{top:25px}
.bp-mobile-menu{display:none}
body.bp-menu-open{overflow:hidden!important;touch-action:none}

@media(max-width:1199px){
  .bp-site-header,.bp-site-header.is-scrolled{height:72px;background:rgba(17,17,15,.58);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}
  .bp-site-header.menu-open{height:72px;transform:none!important;background:#11110f;border-bottom-color:rgba(255,255,255,.12);box-shadow:none}
  .bp-header-inner{padding-left:clamp(20px,4vw,42px);padding-right:clamp(16px,3vw,34px)}
  .bp-brand-main{font-size:14px}.bp-brand-sub{font-size:8px}
  .bp-desktop-nav{display:none}
  .bp-menu-toggle{display:block;flex:0 0 44px}
  .bp-site-header.menu-open .bp-menu-toggle span:first-child{top:22px;transform:rotate(45deg)}
  .bp-site-header.menu-open .bp-menu-toggle span:last-child{top:22px;transform:rotate(-45deg)}
  .bp-mobile-menu{
    display:flex;position:fixed;left:0;right:0;top:72px;height:calc(100dvh - 72px);
    padding:clamp(28px,5vh,54px) clamp(22px,5vw,58px) max(24px,env(safe-area-inset-bottom));
    flex-direction:column;justify-content:space-between;overflow:auto;overscroll-behavior:contain;
    background:#11110f;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);
    transition:opacity .28s ease,transform .34s var(--bp-ease),visibility .28s step-end;
  }
  .bp-site-header.menu-open .bp-mobile-menu{opacity:1;visibility:visible;pointer-events:auto;transform:none;transition:opacity .28s ease,transform .34s var(--bp-ease),visibility 0s}
  .bp-mobile-nav{display:flex;flex-direction:column;border-top:1px solid rgba(255,255,255,.16)}
  .bp-mobile-nav a{display:grid;grid-template-columns:46px 1fr;align-items:center;min-height:clamp(58px,8vh,76px);border-bottom:1px solid rgba(255,255,255,.13);color:#fff!important;font-size:clamp(20px,3.4vw,32px);font-weight:400;letter-spacing:-.025em;line-height:1.05}
  .bp-mobile-nav a span{font-size:10px;letter-spacing:.12em;opacity:.46;font-weight:400}
  .bp-mobile-contact{display:grid;grid-template-columns:auto 1fr 1fr;gap:12px 28px;align-items:center;padding-top:30px;color:rgba(255,255,255,.55);font-size:11px;letter-spacing:.08em}
  .bp-mobile-contact a{color:rgba(255,255,255,.78)!important;font-size:12px;letter-spacing:.03em}
}
@media(max-width:767px){
  .bp-mobile-menu{padding-top:26px}
  .bp-mobile-nav a{grid-template-columns:38px 1fr;min-height:60px;font-size:22px}
  .bp-mobile-contact{grid-template-columns:1fr;gap:7px;padding-top:26px}
  .bp-mobile-contact span{margin-bottom:4px}
}
@media(orientation:landscape) and (max-height:560px) and (max-width:1199px){
  .bp-mobile-menu{padding-top:18px;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(220px,.6fr);gap:42px;align-items:start}
  .bp-mobile-nav a{min-height:46px;font-size:18px}
  .bp-mobile-contact{grid-template-columns:1fr;align-content:end;padding-top:8px}
}

/* HERO */
.cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){min-height:100svh!important;background-position:center!important;background-size:cover!important;background-attachment:scroll;align-items:flex-end!important}@media(min-width:1367px){.cid-t4Xv25DTzt{min-height:100svh!important;background-position:center!important;background-size:cover!important;background-attachment:scroll;align-items:flex-end!important}}
.cid-t4Xv25DTzt:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,10,9,.18) 12%,rgba(10,10,9,.12) 48%,rgba(10,10,9,.76) 100%);z-index:1}
.cid-t4Xv25DTzt .mbr-overlay:where(:not(#header4-l, #header4-l *)){opacity:0!important}@media(min-width:1367px){.cid-t4Xv25DTzt .mbr-overlay{opacity:0!important}}
.cid-t4Xv25DTzt .container-fluid{position:relative;z-index:2;max-width:var(--bp-max);width:100%;padding-bottom:clamp(48px,8vh,92px)}
.cid-t4Xv25DTzt .row{justify-content:flex-start!important}
.cid-t4Xv25DTzt .content-wrap{width:min(1100px,100%)!important;padding:0!important;text-align:left!important}
.cid-t4Xv25DTzt .mbr-section-title:where(:not(#header4-l, #header4-l *)){text-align:left!important;color:#fff!important;margin:0!important}@media(min-width:1367px){.cid-t4Xv25DTzt .mbr-section-title{text-align:left!important;color:#fff!important;margin:0!important}}
.cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){max-width:1000px;text-wrap:balance}@media(min-width:1367px){.cid-t4Xv25DTzt h1{max-width:1000px;text-wrap:balance}}
.cid-t4Xv25DTzt h2{font-size:clamp(.85rem,1.2vw,1.05rem)!important;letter-spacing:.24em!important;text-transform:uppercase;line-height:1.4!important;margin-top:28px!important;opacity:.78}
.bp-hero-kicker{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:12px;letter-spacing:.18em;text-transform:uppercase;margin-bottom:22px;opacity:.82}
.bp-hero-kicker:before{content:"";width:36px;height:1px;background:currentColor}
.bp-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}
.bp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border-radius:999px;font-size:13px;letter-spacing:.06em;transition:all .3s var(--bp-ease);border:1px solid rgba(255,255,255,.5)}
.bp-btn-light{background:#fff;color:#111!important;border-color:#fff}
.bp-btn-light:hover{transform:translateY(-2px);background:#eee}
.bp-btn-ghost{color:#fff!important;background:rgba(255,255,255,.05)}
.bp-btn-ghost:hover{background:rgba(255,255,255,.14);transform:translateY(-2px)}

/* EDITORIAL CONTENT */
body>section:not(.menu):not(.header4):not(.footer7){padding-top:clamp(72px,9vw,132px)!important;padding-bottom:clamp(72px,9vw,132px)!important;background:var(--bp-paper)!important}
body>section:nth-of-type(even):not(.menu):not(.header4):not(.footer7){background:var(--bp-paper-2)!important}
.card-title{color:var(--bp-ink)!important;text-wrap:balance}.mbr-section-title:where(:not(#header4-l, #header4-l *)){color:var(--bp-ink)!important;text-wrap:balance}@media(min-width:1367px){.mbr-section-title{color:var(--bp-ink)!important;text-wrap:balance}}
.icon-text,.panel-text{color:#545550!important}.mbr-text:where(:not(#header4-l, #header4-l *)){color:#545550!important}@media(min-width:1367px){.mbr-text{color:#545550!important}}
.content15 .mbr-section-title,.features12 .card-title,.features11 .mbr-section-title,.features15 .mbr-section-title,.content17 .mbr-section-title{max-width:920px}
.content15 .mbr-text,.features12 .mbr-text,.features15 .mbr-text{max-width:920px}
.content15 p,.features12 p,.features15 p{font-weight:300}
.bp-eyebrow{font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:#77766f;margin-bottom:20px;display:block}

/* FEATURE CARDS */
.features12 .row{gap:26px 0}
.features12 .card-wrapper,.features12 .item,.features11 .card-wrapper{border-top:1px solid var(--bp-line);padding-top:28px!important;background:transparent!important;border-radius:0!important;box-shadow:none!important}
.features12 .icon-box{display:none!important}
.features12 .text-box{padding-left:0!important}
.features12 .icon-title{font-size:1.03rem!important;letter-spacing:.01em;color:var(--bp-ink)!important;margin-bottom:12px}
.features12 .icon-text{font-size:.96rem!important;line-height:1.65!important;font-weight:300}

/* IMAGES & GALLERIES */
.image4 img,.features11 img,.features15 img,.mbr-gallery img{border-radius:var(--bp-radius)!important;overflow:hidden;display:block}
.image4 .image-wrapper,.mbr-gallery .item-wrapper,.mbr-gallery .item{overflow:hidden;border-radius:var(--bp-radius)!important}
.image4 img,.mbr-gallery img{transition:transform .8s var(--bp-ease),filter .8s var(--bp-ease)}
.image4 a:hover img,.mbr-gallery .item:hover img{transform:scale(1.025)}
.gallery6 .mbr-gallery-row,.gallery3 .mbr-gallery-row{padding:0!important}
.mbr-gallery .item{padding:8px!important}
.mbr-gallery .item-wrapper{box-shadow:none!important;background:#ddd}
.mbr-gallery .icon-focus,.mbr-gallery .icon-video{display:none!important}

/* MODEL / COLOR PRESENTATION */
#beton-panel-modelleri,#brut-beton-panel,#beton-panel-renkleri{text-align:left!important;padding-bottom:32px!important}
#beton-panel-modelleri .mbr-section-title,#brut-beton-panel .mbr-section-title,#beton-panel-renkleri .mbr-section-title{text-transform:none!important}
#gallery2-39 .item-wrapper{border-radius:22px!important}

/* FAQ */
#content17-2m .toggle-panel{max-width:1050px;margin:48px auto 0}
#content17-2m .card{background:transparent!important;border:0!important;border-top:1px solid var(--bp-line)!important;border-radius:0!important;margin:0!important}
#content17-2m .card:last-child{border-bottom:1px solid var(--bp-line)!important}
#content17-2m .card-header{background:transparent!important;border:0!important;padding:24px 0!important}
#content17-2m .panel-title{display:flex!important;align-items:center;justify-content:space-between;color:var(--bp-ink)!important}
#content17-2m .panel-title-edit{font-size:clamp(1.05rem,1.6vw,1.35rem)!important;line-height:1.35!important;font-weight:400!important}
#content17-2m .panel-body{padding:0 0 28px!important;max-width:850px}
#content17-2m .panel-text{font-size:1rem!important;line-height:1.75!important}
#content17-2m .sign,#content17-2m .mbr-iconfont{font-size:18px!important}

/* CONTACT */
#contacts2-3g{background:#171714!important;color:#fff!important}
#contacts2-3g .mbr-section-title,#contacts2-3g .mbr-text,#contacts2-3g a{color:#fff!important}
#contacts2-3g .container{padding-top:24px;padding-bottom:24px}
#form8-1m{background:#171714!important;color:#fff!important;padding-top:48px!important;padding-bottom:88px!important}
#form8-1m .mbr-section-title,#form8-1m .mbr-text{color:#fff!important}
#form8-1m input,#form8-1m textarea{border-radius:14px!important;border:1px solid rgba(255,255,255,.18)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;min-height:54px}
#form8-1m .btn{border-radius:999px!important;background:#fff!important;color:#111!important;border-color:#fff!important;padding:14px 24px!important}

/* FOOTER */
.footer7{background:#0d0d0c!important;border-top:1px solid rgba(255,255,255,.08);padding:34px 0!important}
.footer7 p,.footer7 a{color:rgba(255,255,255,.56)!important;font-size:12px!important;letter-spacing:.035em}

/* CTA LINKS */
.mbr-section-btn .btn,.btn-primary,.btn-info,.btn-success{border-radius:999px!important;padding:13px 22px!important;font-size:13px!important;letter-spacing:.045em!important;background:var(--bp-ink)!important;border-color:var(--bp-ink)!important;color:#fff!important;box-shadow:none!important;transition:transform .3s var(--bp-ease),background .3s ease!important}
.mbr-section-btn .btn:hover,.btn-primary:hover,.btn-info:hover,.btn-success:hover{transform:translateY(-2px)!important;background:#2c2c28!important}

/* cleanup */
.mbr-arrow-up{background:rgba(17,17,15,.75)!important;border-radius:50%!important;right:20px!important;bottom:20px!important}

@media(max-width:991px){
  .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){min-height:92svh!important}@media(min-width:1367px){.cid-t4Xv25DTzt{min-height:92svh!important}}
  .cid-t4Xv25DTzt .container-fluid{padding-bottom:42px}
}
@media(max-width:767px){
  :root{--bp-radius:20px}
  .display-1:where(:not(#header4-l, #header4-l *)){font-size:clamp(3rem,15vw,5rem)!important}@media(min-width:1367px){.display-1{font-size:clamp(3rem,15vw,5rem)!important}}
  .display-2:where(:not(#header4-l, #header4-l *)){font-size:clamp(2rem,9vw,3rem)!important}@media(min-width:1367px){.display-2{font-size:clamp(2rem,9vw,3rem)!important}}
  .cid-t4Xv25DTzt h2{font-size:.78rem!important}
  .bp-hero-actions{gap:10px}
  .bp-btn{width:100%}
  body>section:not(.menu):not(.header4):not(.footer7){padding-top:68px!important;padding-bottom:68px!important}
  .mbr-gallery .item{padding:5px!important}
  #content17-2m .card-header{padding:20px 0!important}
}
@media(prefers-reduced-motion:reduce){*:where(:not(#header4-l, #header4-l *)){scroll-behavior:auto!important;transition:none!important;animation:none!important}@media(min-width:1367px){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}}

/* V3 — Artstone-inspired editorial refinement; original brand/content retained */
body{font-family:"Manrope","Helvetica Neue",Arial,sans-serif}
.mbr-fonts-style:where(:not(#header4-l, #header4-l *)){font-family:"Manrope","Helvetica Neue",Arial,sans-serif!important}@media(min-width:1367px){.mbr-fonts-style{font-family:"Manrope","Helvetica Neue",Arial,sans-serif!important}}
.display-1:where(:not(#header4-l, #header4-l *)){font-size:clamp(3.6rem,8.7vw,8.9rem)!important;line-height:.88!important;letter-spacing:-.068em!important;font-weight:400!important}@media(min-width:1367px){.display-1{font-size:clamp(3.6rem,8.7vw,8.9rem)!important;line-height:.88!important;letter-spacing:-.068em!important;font-weight:400!important}}
.display-2:where(:not(#header4-l, #header4-l *)){font-size:clamp(2.1rem,4.1vw,4.2rem)!important;line-height:1.02!important;letter-spacing:-.052em!important;font-weight:400!important}@media(min-width:1367px){.display-2{font-size:clamp(2.1rem,4.1vw,4.2rem)!important;line-height:1.02!important;letter-spacing:-.052em!important;font-weight:400!important}}
.display-7:where(:not(#header4-l, #header4-l *)){font-size:clamp(.98rem,1.05vw,1.08rem)!important;line-height:1.78!important;font-weight:300!important}@media(min-width:1367px){.display-7{font-size:clamp(.98rem,1.05vw,1.08rem)!important;line-height:1.78!important;font-weight:300!important}}
.bp-eyebrow{font-size:10px;letter-spacing:.25em;font-weight:500;color:#76756f;margin-bottom:26px}

/* header: thinner, calmer, architectural */
.bp-site-header{height:78px;background:linear-gradient(to bottom,rgba(9,9,8,.44),rgba(9,9,8,0));border-bottom-color:rgba(255,255,255,.08)}
.bp-site-header.is-scrolled{height:68px;background:rgba(17,17,15,.91)}
.bp-brand-main{font-size:15px;letter-spacing:.145em;font-weight:600}
.bp-brand-sub{font-size:8px;letter-spacing:.26em;opacity:.58}
.bp-desktop-nav{gap:31px}.bp-desktop-nav a{font-size:11px;letter-spacing:.12em;font-weight:500}

/* hero: image first, editorial copy second */
.cid-t4Xv25DTzt{background-image:url("../../images/beton-panel-mimari-dis-cephe-hero.jpg")!important;}.cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){
  min-height:100svh!important;
  background-image:url("../../images/beton-panel-mimari-dis-cephe-hero.jpg")!important;
  background-position:center 46%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:#353632!important;
  display:flex!important;align-items:flex-end!important;
}@media(min-width:1367px){.cid-t4Xv25DTzt{
  min-height:100svh!important;
  background-image:url("../../images/beton-panel-mimari-dis-cephe-hero.jpg")!important;
  background-position:center 46%!important;
  background-size:cover!important;
  background-repeat:no-repeat!important;
  background-color:#353632!important;
  display:flex!important;align-items:flex-end!important;
}}
.cid-t4Xv25DTzt:before{background:linear-gradient(90deg,rgba(8,8,7,.74) 0%,rgba(8,8,7,.38) 47%,rgba(8,8,7,.08) 74%),linear-gradient(180deg,rgba(8,8,7,.15) 0%,rgba(8,8,7,.04) 52%,rgba(8,8,7,.62) 100%)}
.cid-t4Xv25DTzt .container-fluid{padding-bottom:clamp(38px,6.6vh,72px)!important}
.cid-t4Xv25DTzt .content-wrap{width:min(960px,82vw)!important}
.cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){max-width:900px!important;text-transform:none!important}@media(min-width:1367px){.cid-t4Xv25DTzt h1{max-width:900px!important;text-transform:none!important}}
.bp-hero-kicker{font-size:10px;letter-spacing:.235em;font-weight:500;margin-bottom:24px;opacity:.9}
.bp-hero-kicker:before{width:30px;opacity:.7}
.bp-hero-lead{max-width:660px;color:rgba(255,255,255,.9);font-size:clamp(1.02rem,1.5vw,1.32rem);line-height:1.52;font-weight:300;letter-spacing:-.018em;margin:26px 0 0}
.bp-hero-actions{margin-top:30px}
.bp-btn{min-height:46px;padding:0 20px;border-radius:2px;font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.bp-btn-light:hover{transform:none;background:#e8e8e4}.bp-btn-ghost:hover{transform:none;background:rgba(255,255,255,.12)}
.bp-hero-meta{margin-top:clamp(38px,6vh,68px);padding-top:18px;border-top:1px solid rgba(255,255,255,.24);display:grid;grid-template-columns:repeat(3,max-content);gap:34px;color:rgba(255,255,255,.78);font-size:10px;letter-spacing:.12em;text-transform:uppercase}
.bp-hero-meta span{display:flex;align-items:center;gap:9px}.bp-hero-meta b{font-size:9px;font-weight:400;opacity:.48}

/* less card-like, more editorial */
body>section:not(.menu):not(.header4):not(.footer7){padding-top:clamp(86px,10vw,150px)!important;padding-bottom:clamp(86px,10vw,150px)!important}
.features12 .card-wrapper,.features12 .item,.features11 .card-wrapper{padding-top:32px!important}
.features12 .icon-title{font-size:.94rem!important;text-transform:uppercase;letter-spacing:.10em;font-weight:500!important}
.image4 img,.features11 img,.features15 img,.mbr-gallery img{border-radius:2px!important}
.image4 .image-wrapper,.mbr-gallery .item-wrapper,.mbr-gallery .item{border-radius:2px!important}
#gallery2-39 .item-wrapper{border-radius:2px!important}
.mbr-section-btn .btn,.btn-primary,.btn-info,.btn-success{border-radius:2px!important;text-transform:uppercase;font-size:11px!important;letter-spacing:.11em!important;font-weight:500!important}

@media(max-width:1199px){
  .bp-site-header,.bp-site-header.is-scrolled{height:68px}.bp-site-header.menu-open{height:68px}.bp-mobile-menu{top:68px;height:calc(100dvh - 68px)}
  .cid-t4Xv25DTzt .content-wrap{width:min(900px,92vw)!important}
}
@media(max-width:767px){
  .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){min-height:92svh!important;background-position:58% center!important}@media(min-width:1367px){.cid-t4Xv25DTzt{min-height:92svh!important;background-position:58% center!important}}
  .cid-t4Xv25DTzt:before{background:linear-gradient(90deg,rgba(8,8,7,.71),rgba(8,8,7,.20)),linear-gradient(180deg,rgba(8,8,7,.12) 0%,rgba(8,8,7,.12) 50%,rgba(8,8,7,.74) 100%)}
  .cid-t4Xv25DTzt .content-wrap{width:100%!important}
  .display-1:where(:not(#header4-l, #header4-l *)){font-size:clamp(3.2rem,16vw,5.1rem)!important;letter-spacing:-.06em!important}@media(min-width:1367px){.display-1{font-size:clamp(3.2rem,16vw,5.1rem)!important;letter-spacing:-.06em!important}}
  .bp-hero-lead{max-width:92%;font-size:1rem;line-height:1.55;margin-top:20px}
  .bp-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:24px}
  .bp-btn{width:100%;padding:0 12px;font-size:9px;min-height:44px}
  .bp-hero-meta{grid-template-columns:1fr 1fr 1fr;gap:8px;margin-top:30px;font-size:8px;letter-spacing:.07em}
  .bp-hero-meta span{display:block}.bp-hero-meta b{display:block;margin-bottom:5px}
}

/* V4 — STEP 1: header + hero + editorial intro */
:root{
  --bp-max:1440px;
}

/* Header refinement */
.bp-site-header{height:76px}
.bp-site-header.is-scrolled{height:66px}
.bp-brand{gap:11px}
.bp-brand-main{font-size:14px;letter-spacing:.17em;font-weight:600}
.bp-brand-sub{font-size:7px;letter-spacing:.30em;opacity:.54}
.bp-desktop-nav{gap:27px}
.bp-desktop-nav a{font-size:10.5px;letter-spacing:.135em}
.bp-desktop-nav .bp-nav-cta{
  border:1px solid rgba(255,255,255,.55);
  padding:11px 15px;
  margin-left:6px;
  transition:background .25s ease,color .25s ease,border-color .25s ease;
}
.bp-desktop-nav .bp-nav-cta:after{display:none}
.bp-desktop-nav .bp-nav-cta:hover,.bp-desktop-nav .bp-nav-cta:focus-visible{background:#fff;color:#111!important;border-color:#fff}

/* Hero refinement */
.cid-t4Xv25DTzt .container-fluid{padding-bottom:clamp(44px,7vh,84px)!important}
.cid-t4Xv25DTzt .content-wrap{width:min(1080px,86vw)!important}
.cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
  max-width:1040px!important;
  font-size:clamp(3.7rem,7.7vw,8rem)!important;
  line-height:.91!important;
  letter-spacing:-.061em!important;
}@media(min-width:1367px){.cid-t4Xv25DTzt h1{
  max-width:1040px!important;
  font-size:clamp(3.7rem,7.7vw,8rem)!important;
  line-height:.91!important;
  letter-spacing:-.061em!important;
}}
.bp-hero-lead{max-width:720px;font-size:clamp(1rem,1.28vw,1.22rem);line-height:1.6;margin-top:30px}
.bp-hero-actions{margin-top:32px}
.bp-hero-meta{margin-top:clamp(42px,6.5vh,70px);gap:42px}

/* First editorial section */
.bp-intro{
  padding:clamp(92px,10vw,156px) 0 clamp(84px,9vw,138px)!important;
  background:#f5f4f0!important;
}
.bp-intro-grid{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.62fr);
  gap:clamp(56px,8vw,138px);
  align-items:start;
}
.bp-intro-heading h2{
  margin:0;
  max-width:930px;
  font-family:"Manrope","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(2.65rem,5.2vw,5.9rem);
  line-height:.98;
  letter-spacing:-.058em;
  font-weight:400;
  color:var(--bp-ink);
}
.bp-intro-heading h2 span{color:#8a8982}
.bp-intro-copy{padding-top:41px;max-width:560px}
.bp-intro-copy p{margin:0 0 23px;color:#5d5e59;font-size:clamp(.99rem,1.05vw,1.08rem);line-height:1.78;font-weight:300}
.bp-intro-copy .bp-intro-lead{font-size:clamp(1.18rem,1.55vw,1.5rem);line-height:1.55;letter-spacing:-.025em;color:#1d1d1a;font-weight:400;margin-bottom:27px}
.bp-text-link{display:inline-flex;align-items:center;gap:12px;margin-top:10px;color:#111!important;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;border-bottom:1px solid rgba(17,17,15,.36);padding-bottom:7px}
.bp-text-link span{font-size:14px;transition:transform .25s ease}
.bp-text-link:hover span{transform:translate(2px,-2px)}
.bp-intro-specs{
  margin-top:clamp(76px,8vw,124px);
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border-top:1px solid var(--bp-line);
}
.bp-intro-specs article{padding:25px clamp(18px,2vw,30px) 0 0;border-right:1px solid var(--bp-line);min-height:180px}
.bp-intro-specs article:not(:first-child){padding-left:clamp(18px,2vw,30px)}
.bp-intro-specs article:last-child{border-right:0}
.bp-intro-specs span{display:block;font-size:9px;letter-spacing:.15em;color:#8d8c85;margin-bottom:27px}
.bp-intro-specs h3{margin:0 0 13px;font-size:13px;line-height:1.3;text-transform:uppercase;letter-spacing:.09em;font-weight:600;color:#171714}
.bp-intro-specs p{margin:0;color:#6a6a64;font-size:.92rem;line-height:1.62;font-weight:300;max-width:260px}

@media(max-width:1199px){
  .bp-site-header,.bp-site-header.is-scrolled{height:68px}
  .bp-intro-grid{grid-template-columns:1fr .72fr;gap:56px}
  .bp-intro-specs{grid-template-columns:repeat(2,1fr)}
  .bp-intro-specs article:nth-child(2){border-right:0}
  .bp-intro-specs article:nth-child(n/**/+3){border-top:1px solid var(--bp-line);padding-top:28px;margin-top:28px}
}
@media(max-width:767px){
  .bp-brand-main{font-size:12px;letter-spacing:.145em}.bp-brand-sub{font-size:6.5px}
  .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){min-height:94svh!important}@media(min-width:1367px){.cid-t4Xv25DTzt{min-height:94svh!important}}
  .cid-t4Xv25DTzt .container-fluid{padding-bottom:34px!important}
  .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){font-size:clamp(3rem,14vw,4.7rem)!important;line-height:.94!important;letter-spacing:-.056em!important}@media(min-width:1367px){.cid-t4Xv25DTzt h1{font-size:clamp(3rem,14vw,4.7rem)!important;line-height:.94!important;letter-spacing:-.056em!important}}
  .bp-hero-kicker{font-size:8.5px;letter-spacing:.18em;margin-bottom:19px}
  .bp-hero-lead{font-size:.96rem;line-height:1.58;max-width:96%;margin-top:20px}
  .bp-hero-actions{margin-top:24px}
  .bp-hero-meta{margin-top:30px;padding-top:15px}
  .bp-intro{padding:76px 0 72px!important}
  .bp-intro-grid{grid-template-columns:1fr;gap:26px}
  .bp-intro-heading h2{font-size:clamp(2.55rem,11vw,4rem);line-height:1.01}
  .bp-intro-copy{padding-top:0;max-width:none}
  .bp-intro-copy .bp-intro-lead{font-size:1.12rem}
  .bp-intro-specs{margin-top:60px;grid-template-columns:1fr}
  .bp-intro-specs article,.bp-intro-specs article:not(:first-child){border-right:0;border-top:1px solid var(--bp-line);padding:22px 0;min-height:0;margin:0}
  .bp-intro-specs article:first-child{border-top:1px solid var(--bp-line)}
  .bp-intro-specs span{margin-bottom:14px}
  .bp-intro-specs p{max-width:100%}
}

/* V5 — STEP 2: editorial collection / models */
.bp-collection{
  background:#151513!important;
  color:#f4f3ef;
  padding:clamp(96px,10vw,164px) 0 clamp(92px,10vw,154px)!important;
  overflow:hidden;
}
.bp-shell{max-width:var(--bp-max);padding-left:clamp(24px,4vw,64px)!important;padding-right:clamp(24px,4vw,64px)!important}
.bp-collection .bp-eyebrow{color:rgba(255,255,255,.48);margin-bottom:30px}
.bp-collection-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.55fr);gap:clamp(56px,8vw,132px);align-items:end;margin-bottom:clamp(64px,8vw,118px)}
.bp-collection-head h2{margin:0;max-width:850px;font-size:clamp(3rem,6.2vw,7.1rem);line-height:.91;letter-spacing:-.064em;font-weight:400;color:#f4f3ef}
.bp-collection-head h2 span{color:#77766f}
.bp-collection-intro{padding-bottom:8px;max-width:500px}
.bp-collection-intro p{margin:0 0 28px;color:rgba(255,255,255,.62);font-size:clamp(.98rem,1.08vw,1.08rem);line-height:1.78;font-weight:300}
.bp-collection .bp-text-link{color:#f4f3ef!important;border-bottom-color:rgba(255,255,255,.28)}
.bp-collection-grid{display:grid;grid-template-columns:1.16fr .84fr;grid-template-rows:auto auto;gap:clamp(18px,2vw,32px);align-items:start}
.bp-collection-item{margin:0;min-width:0}
.bp-collection-item--hero{grid-row:1 / span 2}
.bp-collection-item--detail{margin-top:clamp(0px,3vw,54px)}
.bp-collection-item--material{width:78%;justify-self:end;margin-top:clamp(18px,3vw,48px)}
.bp-collection-item--space{grid-column:1 / -1;width:58%;margin-top:clamp(38px,7vw,108px);margin-left:auto}
.bp-collection-media{position:relative;overflow:hidden;background:#24241f}
.bp-collection-item--hero .bp-collection-media{aspect-ratio:1.04/1}
.bp-collection-item--detail .bp-collection-media{aspect-ratio:1.42/1}
.bp-collection-item--material .bp-collection-media{aspect-ratio:1.2/1}
.bp-collection-item--space .bp-collection-media{aspect-ratio:1.63/1}
.bp-collection-media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important;filter:saturate(.82) contrast(1.025);transition:transform .8s cubic-bezier(.22,.61,.36,1),filter .5s ease}
.bp-collection-item:hover .bp-collection-media img{transform:scale(1.018);filter:saturate(.95) contrast(1.02)}
.bp-collection-item figcaption{display:grid;grid-template-columns:32px minmax(0,1fr);column-gap:14px;row-gap:5px;padding-top:16px;border-top:1px solid rgba(255,255,255,.13);margin-top:13px}
.bp-collection-item figcaption>span{grid-row:1 / span 2;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.37);padding-top:3px}
.bp-collection-item figcaption strong{font-size:12px;line-height:1.35;letter-spacing:.105em;text-transform:uppercase;font-weight:500;color:#f4f3ef}
.bp-collection-item figcaption small{font-size:11px;line-height:1.5;letter-spacing:.02em;font-weight:300;color:rgba(255,255,255,.43)}
.bp-collection-foot{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-top:clamp(72px,9vw,136px);padding-top:24px;border-top:1px solid rgba(255,255,255,.16)}
.bp-collection-foot p{max-width:690px;margin:0;color:rgba(255,255,255,.45);font-size:.9rem;line-height:1.7;font-weight:300}
.bp-collection-cta{display:inline-flex;flex:0 0 auto;align-items:center;gap:13px;color:#f4f3ef!important;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.34)}
.bp-collection-cta span{font-size:14px;transition:transform .25s ease}.bp-collection-cta:hover span{transform:translate(2px,-2px)}
@media(max-width:991px){
  .bp-collection-head{grid-template-columns:1fr;gap:32px}.bp-collection-intro{max-width:630px}
  .bp-collection-grid{grid-template-columns:1.08fr .92fr}
  .bp-collection-item--material{width:90%}.bp-collection-item--space{width:72%}
}
@media(max-width:767px){
  .bp-collection{padding:82px 0 78px!important}
  .bp-collection-head{margin-bottom:58px;gap:24px}.bp-collection .bp-eyebrow{margin-bottom:20px}
  .bp-collection-head h2{font-size:clamp(2.85rem,13vw,4.5rem);line-height:.95}
  .bp-collection-intro p{font-size:.96rem;line-height:1.7}
  .bp-collection-grid{display:block}.bp-collection-item,.bp-collection-item--material,.bp-collection-item--space{width:100%;margin:0 0 46px}
  .bp-collection-item--hero .bp-collection-media{aspect-ratio:.92/1}
  .bp-collection-item--detail .bp-collection-media,.bp-collection-item--material .bp-collection-media,.bp-collection-item--space .bp-collection-media{aspect-ratio:1.34/1}
  .bp-collection-item figcaption{padding-top:13px;margin-top:10px}
  .bp-collection-foot{display:block;margin-top:30px;padding-top:22px}.bp-collection-foot p{font-size:.84rem;margin-bottom:28px}.bp-collection-cta{font-size:9.5px}
}

/* V6 — STEP 3: editorial projects / application gallery */
.bp-projects{
  background:#f5f4f0!important;
  color:#171714;
  padding:clamp(100px,11vw,174px) 0 clamp(96px,10vw,160px)!important;
  overflow:hidden;
}
.bp-projects .bp-eyebrow{margin-bottom:30px;color:#77766f}
.bp-projects-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.56fr);
  gap:clamp(56px,8vw,136px);
  align-items:end;
  margin-bottom:clamp(70px,9vw,128px);
}
.bp-projects-title-wrap h2{
  margin:0;
  max-width:900px;
  font-size:clamp(3rem,6.25vw,7.2rem);
  line-height:.91;
  letter-spacing:-.064em;
  font-weight:400;
  color:#171714;
}
.bp-projects-title-wrap h2 span{color:#9a9992}
.bp-projects-intro{max-width:520px;padding-bottom:7px}
.bp-projects-intro p{margin:0 0 29px;color:#62625d;font-size:clamp(.98rem,1.06vw,1.08rem);line-height:1.78;font-weight:300}
.bp-projects-grid{
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  column-gap:clamp(18px,2vw,32px);
  row-gap:clamp(54px,7vw,110px);
  align-items:start;
}
.bp-project{margin:0;min-width:0}
.bp-project--hero{grid-column:1 / span 8}
.bp-project--portrait{grid-column:10 / span 3;margin-top:clamp(50px,8vw,130px)}
.bp-project--wide{grid-column:2 / span 5}
.bp-project--living{grid-column:8 / span 5;margin-top:clamp(80px,10vw,160px)}
.bp-project--panorama{grid-column:1 / span 12;margin-top:clamp(12px,2vw,28px)}
.bp-project--detail{grid-column:1 / span 4}
.bp-project--reception{grid-column:5 / span 4;margin-top:clamp(58px,7vw,110px)}
.bp-project--interior{grid-column:9 / span 4;margin-top:clamp(12px,2vw,36px)}
.bp-project-media{overflow:hidden;background:#deddd8;position:relative}
.bp-project--hero .bp-project-media{aspect-ratio:1.5/1}
.bp-project--portrait .bp-project-media{aspect-ratio:.77/1}
.bp-project--wide .bp-project-media{aspect-ratio:1.32/1}
.bp-project--living .bp-project-media{aspect-ratio:1.38/1}
.bp-project--panorama .bp-project-media{aspect-ratio:2.05/1}
.bp-project--detail .bp-project-media,.bp-project--reception .bp-project-media,.bp-project--interior .bp-project-media{aspect-ratio:1.16/1}
.bp-project-media img{
  width:100%;height:100%;display:block;object-fit:cover;border-radius:0!important;
  filter:saturate(.88) contrast(1.015);
  transition:transform .85s cubic-bezier(.22,.61,.36,1),filter .45s ease;
}
.bp-project:hover .bp-project-media img{transform:scale(1.014);filter:saturate(.98) contrast(1.015)}
.bp-project figcaption{
  display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;row-gap:5px;
  margin-top:13px;padding-top:14px;border-top:1px solid #d3d2cc;
}
.bp-project figcaption>span{grid-row:1 / span 2;font-size:9px;letter-spacing:.14em;color:#9c9b94;padding-top:2px}
.bp-project figcaption strong{font-size:11px;line-height:1.4;letter-spacing:.115em;text-transform:uppercase;font-weight:600;color:#1b1b18}
.bp-project figcaption small{font-size:11px;line-height:1.5;font-weight:300;color:#76756f}
.bp-projects-foot{
  display:flex;align-items:flex-end;justify-content:space-between;gap:48px;
  margin-top:clamp(78px,10vw,142px);padding-top:24px;border-top:1px solid #cfcec8;
}
.bp-projects-foot p{max-width:680px;margin:0;color:#77766f;font-size:.9rem;line-height:1.72;font-weight:300}
.bp-projects-cta{display:inline-flex;flex:0 0 auto;align-items:center;gap:12px;color:#171714!important;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;border-bottom:1px solid #77766f;padding-bottom:7px}
.bp-projects-cta span{font-size:14px;transition:transform .25s ease}.bp-projects-cta:hover span{transform:translate(2px,-2px)}
@media(max-width:991px){
  .bp-projects-head{grid-template-columns:1fr;gap:32px}.bp-projects-intro{max-width:650px}
  .bp-project--hero{grid-column:1 / span 8}.bp-project--portrait{grid-column:9 / span 4}
  .bp-project--wide{grid-column:1 / span 6}.bp-project--living{grid-column:7 / span 6}
  .bp-project--detail{grid-column:1 / span 4}.bp-project--reception{grid-column:5 / span 4}.bp-project--interior{grid-column:9 / span 4}
}
@media(max-width:767px){
  .bp-projects{padding:82px 0 78px!important}
  .bp-projects .bp-eyebrow{margin-bottom:20px}
  .bp-projects-head{margin-bottom:58px;gap:24px}
  .bp-projects-title-wrap h2{font-size:clamp(2.85rem,13vw,4.5rem);line-height:.95}
  .bp-projects-intro p{font-size:.96rem;line-height:1.7}
  .bp-projects-grid{display:block}
  .bp-project,.bp-project--portrait,.bp-project--living,.bp-project--reception,.bp-project--interior{margin:0 0 48px}
  .bp-project--hero .bp-project-media,.bp-project--wide .bp-project-media,.bp-project--living .bp-project-media,.bp-project--panorama .bp-project-media,.bp-project--detail .bp-project-media,.bp-project--reception .bp-project-media,.bp-project--interior .bp-project-media{aspect-ratio:1.28/1}
  .bp-project--portrait .bp-project-media{aspect-ratio:.9/1}
  .bp-project figcaption{margin-top:10px;padding-top:12px}
  .bp-projects-foot{display:block;margin-top:28px;padding-top:22px}.bp-projects-foot p{font-size:.84rem;margin-bottom:28px}.bp-projects-cta{font-size:9.5px}
}

/* V7 — STEP 4: performance + technical editorial system */
.bp-performance{
  background:#e8e7e1!important;
  color:#171714;
  padding:clamp(96px,10vw,160px) 0 clamp(94px,10vw,156px)!important;
}
.bp-performance-head{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.55fr);
  gap:clamp(56px,8vw,132px);
  align-items:end;
  margin-bottom:clamp(62px,8vw,106px);
}
.bp-performance .bp-eyebrow{margin-bottom:28px;color:#77766f}
.bp-performance h2,
.bp-technical h2{
  margin:0;
  font-size:clamp(3rem,6vw,6.9rem);
  line-height:.92;
  letter-spacing:-.062em;
  font-weight:400;
  color:#171714;
}
.bp-performance h2 span,.bp-technical h2 span{color:#8f8e87}
.bp-performance-intro{max-width:500px;padding-bottom:6px}
.bp-performance-intro p{margin:0;color:#64635e;font-size:clamp(.98rem,1.06vw,1.08rem);line-height:1.78;font-weight:300}
.bp-performance-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  border-top:1px solid #c9c8c1;
  border-bottom:1px solid #c9c8c1;
}
.bp-performance-grid article{min-height:250px;padding:30px clamp(24px,3vw,44px) 34px 0;border-right:1px solid #c9c8c1}
.bp-performance-grid article:nth-child(3n/**/+2),.bp-performance-grid article:nth-child(3n/**/+3){padding-left:clamp(24px,3vw,44px)}
.bp-performance-grid article:nth-child(3n){border-right:0}
.bp-performance-grid article:nth-child(n/**/+4){border-top:1px solid #c9c8c1}
.bp-performance-grid article>span{display:block;margin-bottom:46px;font-size:9px;letter-spacing:.16em;color:#999890}
.bp-performance-grid h3{margin:0 0 15px;font-size:13px;line-height:1.35;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:#171714}
.bp-performance-grid p{margin:0;max-width:330px;color:#6a6963;font-size:.92rem;line-height:1.68;font-weight:300}

.bp-technical{
  background:#151513!important;
  color:#f4f3ef;
  padding:clamp(100px,11vw,176px) 0!important;
}
.bp-technical-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(380px,1.1fr);gap:clamp(64px,9vw,150px);align-items:start}
.bp-technical .bp-eyebrow{display:block;color:rgba(255,255,255,.45);margin-bottom:30px}
.bp-technical h2{color:#f4f3ef;margin-bottom:clamp(38px,5vw,66px)}
.bp-technical h2 span{color:#72716a}
.bp-technical-copy{padding-top:4px}
.bp-technical-copy>p{max-width:620px;margin:0 0 20px;color:rgba(255,255,255,.56);font-size:.98rem;line-height:1.78;font-weight:300}
.bp-technical-copy .bp-technical-lead{color:rgba(255,255,255,.83);font-size:clamp(1.08rem,1.35vw,1.3rem);line-height:1.65}
.bp-technical-links{display:flex;flex-wrap:wrap;gap:28px 38px;margin-top:42px}
.bp-technical-links a{display:inline-flex;gap:12px;align-items:center;color:#f4f3ef!important;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.32)}
.bp-technical-links a span{font-size:14px;transition:transform .25s ease}.bp-technical-links a:hover span{transform:translate(2px,-2px)}
.bp-technical-visual figure{margin:0}
.bp-technical-media{aspect-ratio:1.18/1;overflow:hidden;background:#292923}
.bp-technical-media img{display:block;width:100%;height:100%;object-fit:cover;border-radius:0!important;filter:saturate(.82) contrast(1.02)}
.bp-technical-visual figcaption{display:grid;grid-template-columns:34px minmax(0,1fr);column-gap:14px;row-gap:5px;margin-top:12px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.bp-technical-visual figcaption>span{grid-row:1 / span 2;font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.34);padding-top:2px}
.bp-technical-visual figcaption strong{font-size:11px;letter-spacing:.11em;text-transform:uppercase;font-weight:600;color:#f4f3ef}
.bp-technical-visual figcaption small{font-size:11px;font-weight:300;color:rgba(255,255,255,.43)}
.bp-tech-facts{margin:clamp(44px,5vw,72px) 0 0;border-top:1px solid rgba(255,255,255,.16)}
.bp-tech-facts>div{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;padding:19px 0;border-bottom:1px solid rgba(255,255,255,.16)}
.bp-tech-facts dt{margin:0;font-size:9px;letter-spacing:.14em;text-transform:uppercase;font-weight:500;color:rgba(255,255,255,.37)}
.bp-tech-facts dd{margin:0;font-size:12px;letter-spacing:.055em;font-weight:400;color:rgba(255,255,255,.82)}
@media(max-width:991px){
  .bp-performance-head{grid-template-columns:1fr;gap:28px}.bp-performance-intro{max-width:650px}
  .bp-performance-grid{grid-template-columns:repeat(2,1fr)}
  .bp-performance-grid article,.bp-performance-grid article:nth-child(3n/**/+2),.bp-performance-grid article:nth-child(3n/**/+3){padding-left:0;padding-right:30px;border-right:1px solid #c9c8c1;border-top:1px solid #c9c8c1}
  .bp-performance-grid article:nth-child(1),.bp-performance-grid article:nth-child(2){border-top:0}
  .bp-performance-grid article:nth-child(even){border-right:0;padding-left:30px}
  .bp-technical-grid{grid-template-columns:1fr;gap:60px}.bp-technical-copy>p{max-width:700px}.bp-technical-visual{max-width:760px}
}
@media(max-width:767px){
  .bp-performance{padding:82px 0 78px!important}.bp-performance .bp-eyebrow{margin-bottom:20px}.bp-performance-head{margin-bottom:54px;gap:22px}
  .bp-performance h2,.bp-technical h2{font-size:clamp(2.85rem,13vw,4.5rem);line-height:.95}
  .bp-performance-grid{grid-template-columns:1fr;border-bottom:0}
  .bp-performance-grid article,.bp-performance-grid article:nth-child(3n/**/+2),.bp-performance-grid article:nth-child(3n/**/+3),.bp-performance-grid article:nth-child(even){min-height:0;padding:22px 0 24px;border-right:0;border-top:1px solid #c9c8c1}
  .bp-performance-grid article:first-child{border-top:0}.bp-performance-grid article>span{margin-bottom:18px}
  .bp-technical{padding:82px 0!important}.bp-technical-grid{gap:52px}.bp-technical h2{margin-bottom:34px}
  .bp-technical-copy .bp-technical-lead{font-size:1.05rem}.bp-technical-copy>p{font-size:.94rem;line-height:1.7}
  .bp-technical-links{display:grid;gap:18px;margin-top:34px}.bp-technical-links a{width:max-content}
  .bp-technical-media{aspect-ratio:1/1}.bp-tech-facts{margin-top:38px}
}

/* STEP 5 — Colors / material palette */
.bp-colors{background:#f2f0eb;color:#111;padding:clamp(88px,10vw,156px) 0;}
.bp-colors-shell{width:min(1480px,calc(100% - 72px));margin:0 auto;}
.bp-colors-head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);column-gap:clamp(56px,8vw,140px);align-items:end;margin-bottom:clamp(56px,6vw,92px);}
.bp-colors-kicker{grid-column:1/-1;font-size:11px;line-height:1.2;letter-spacing:.18em;font-weight:700;margin-bottom:22px;color:#6b6964;}
.bp-colors h2{font-family:inherit;font-size:clamp(48px,7vw,112px);line-height:.88;letter-spacing:-.055em;font-weight:500;margin:0;max-width:900px;}
.bp-colors-copy{max-width:560px;margin-left:auto;}
.bp-colors-copy p{font-size:clamp(16px,1.15vw,19px);line-height:1.65;margin:0 0 18px;color:#4b4945;}
.bp-colors-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,2vw,36px) clamp(16px,1.5vw,26px);}
.bp-color-item{margin:0;min-width:0;}
.bp-color-media{aspect-ratio:1/1;overflow:hidden;background:#ddd9d0;}
.bp-color-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1);}
.bp-color-item:hover .bp-color-media img{transform:scale(1.018);}
.bp-color-item figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 1px 0;border-top:1px solid rgba(17,17,17,.14);margin-top:12px;}
.bp-color-item strong{font-size:13px;letter-spacing:.08em;font-weight:650;}
.bp-color-item span{font-size:11px;color:#77736c;white-space:nowrap;}
.bp-colors-foot{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;border-top:1px solid rgba(17,17,17,.18);margin-top:clamp(58px,7vw,98px);padding-top:26px;}
.bp-colors-foot p{margin:0;max-width:660px;font-size:14px;line-height:1.6;color:#5c5954;}
.bp-colors-cta{display:inline-flex;align-items:center;gap:12px;color:#111;text-decoration:none;font-size:13px;font-weight:650;letter-spacing:.04em;border-bottom:1px solid #111;padding:0 0 6px;}
.bp-colors-cta:hover{color:#111;opacity:.62;}
@media(max-width:991.98px){
  .bp-colors-shell{width:min(100% - 40px,1100px)}
  .bp-colors-head{grid-template-columns:1fr;row-gap:30px;}
  .bp-colors-copy{margin-left:0;max-width:720px;}
  .bp-colors-grid{grid-template-columns:repeat(3,minmax(0,1fr));}
}
@media(max-width:767.98px){
  .bp-colors{padding:78px 0 84px;}
  .bp-colors-shell{width:calc(100% - 28px);}
  .bp-colors-head{margin-bottom:46px;}
  .bp-colors h2{font-size:clamp(44px,14vw,68px);line-height:.92;}
  .bp-colors-copy p{font-size:15px;}
  .bp-colors-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;}
  .bp-color-item figcaption{display:block;padding-top:10px;margin-top:8px;}
  .bp-color-item strong,.bp-color-item span{display:block;}
  .bp-color-item strong{font-size:12px;}
  .bp-color-item span{font-size:10px;margin-top:3px;white-space:normal;}
  .bp-colors-foot{grid-template-columns:1fr;align-items:start;margin-top:56px;}
  .bp-colors-cta{justify-self:start;}
}

/* STEP 6 — FAQ / Contact / Footer */
.bp-faq{background:#f7f6f2;color:#111;padding:clamp(90px,10vw,156px) 0}
.bp-faq-shell,.bp-contact-shell,.bp-footer-shell{width:min(1480px,calc(100% - 72px));margin:0 auto}
.bp-faq-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:clamp(50px,8vw,130px);align-items:end;margin-bottom:clamp(58px,7vw,96px)}
.bp-faq-head .bp-eyebrow{display:block;margin-bottom:24px;color:#77736c}
.bp-faq h2,.bp-contact h2{font-family:inherit;font-size:clamp(50px,7vw,112px);line-height:.9;letter-spacing:-.055em;font-weight:500;margin:0}
.bp-faq h2 span{color:#8d8a83}
.bp-faq-head>p{margin:0;max-width:570px;font-size:clamp(16px,1.15vw,19px);line-height:1.7;color:#53504b}
.bp-faq-list{border-top:1px solid rgba(17,17,17,.25)}
.bp-faq-list details{border-bottom:1px solid rgba(17,17,17,.2)}
.bp-faq-list summary{list-style:none;display:grid;grid-template-columns:54px minmax(0,1fr) 34px;gap:20px;align-items:center;padding:28px 0;cursor:pointer}
.bp-faq-list summary::-webkit-details-marker{display:none}
.bp-faq-no{font-size:10px;letter-spacing:.15em;color:#8a867f}
.bp-faq-list summary strong{font-size:clamp(18px,1.6vw,25px);font-weight:500;letter-spacing:-.02em}
.bp-faq-plus{position:relative;width:20px;height:20px;justify-self:end}
.bp-faq-plus:before,.bp-faq-plus:after{content:"";position:absolute;left:2px;top:9px;width:16px;height:1px;background:#111;transition:transform .25s ease}
.bp-faq-plus:after{transform:rotate(90deg)}
.bp-faq-list details[open] .bp-faq-plus:after{transform:rotate(0)}
.bp-faq-answer{padding:0 54px 30px 74px;max-width:1050px}
.bp-faq-answer p{margin:0;color:#5c5954;font-size:15px;line-height:1.8}

.bp-contact{background:#171714;color:#f5f3ed;padding:clamp(90px,10vw,154px) 0}
.bp-contact-shell{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);gap:clamp(70px,10vw,170px);align-items:start}
.bp-contact .bp-eyebrow{display:block;color:rgba(255,255,255,.42);margin-bottom:28px}
.bp-contact h2{color:#f5f3ed;margin-bottom:34px}
.bp-contact h2 span{color:#77756e}
.bp-contact-intro>p{max-width:650px;margin:0;color:rgba(255,255,255,.58);font-size:clamp(16px,1.15vw,19px);line-height:1.72;font-weight:300}
.bp-contact-primary{display:inline-flex;align-items:center;gap:13px;color:#f5f3ed!important;margin-top:44px;padding-bottom:7px;border-bottom:1px solid rgba(255,255,255,.45);font-size:13px;font-weight:600;letter-spacing:.04em}
.bp-contact-primary:hover{opacity:.65;color:#f5f3ed!important}
.bp-contact-list{border-top:1px solid rgba(255,255,255,.18)}
.bp-contact-list>a,.bp-contact-address{display:grid;grid-template-columns:38px 120px minmax(0,1fr) 24px;gap:10px;align-items:center;min-height:92px;padding:18px 0;border-bottom:1px solid rgba(255,255,255,.18);color:#f5f3ed!important;text-decoration:none}
.bp-contact-list>a:hover{opacity:.65}
.bp-contact-list span{font-size:9px;letter-spacing:.14em;color:rgba(255,255,255,.32)}
.bp-contact-list small{font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:rgba(255,255,255,.4)}
.bp-contact-list strong{font-size:14px;line-height:1.55;font-weight:450;color:#f5f3ed}
.bp-contact-list i{font-style:normal;font-size:16px;color:rgba(255,255,255,.45)}

.bp-footer{background:#0d0d0b;color:#f2f0e9;padding:56px 0 30px}
.bp-footer-top{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:start;padding-bottom:56px;border-bottom:1px solid rgba(255,255,255,.14)}
.bp-footer-brand{display:inline-flex;width:max-content;align-items:flex-start;color:#f2f0e9!important;text-decoration:none}
.bp-footer-logo{display:block;width:206px;height:auto;max-width:100%;opacity:.94;transition:opacity .25s ease}
.bp-footer-brand:hover .bp-footer-logo{opacity:1}
.bp-footer-nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:18px 34px}
.bp-footer-nav a{color:rgba(255,255,255,.58)!important;font-size:11px;letter-spacing:.09em;text-transform:uppercase;text-decoration:none}
.bp-footer-nav a:hover{color:#fff!important}
.bp-footer-bottom{display:flex;justify-content:space-between;gap:30px;padding-top:24px}
.bp-footer-bottom p{margin:0;font-size:10px;letter-spacing:.08em;color:rgba(255,255,255,.35)}

@media(max-width:991.98px){
 .bp-faq-shell,.bp-contact-shell,.bp-footer-shell{width:min(100% - 40px,1100px)}
 .bp-faq-head,.bp-contact-shell{grid-template-columns:1fr;gap:42px}
 .bp-faq-head>p{max-width:720px}.bp-contact-list{max-width:760px}
 .bp-footer-top{grid-template-columns:1fr;gap:38px}.bp-footer-nav{justify-content:flex-start}
 .bp-footer-logo{width:188px}
}
@media(max-width:767.98px){
 .bp-faq{padding:80px 0}.bp-faq-shell,.bp-contact-shell,.bp-footer-shell{width:calc(100% - 28px)}
 .bp-faq-head{margin-bottom:48px;gap:24px}.bp-faq h2,.bp-contact h2{font-size:clamp(44px,14vw,68px);line-height:.92}
 .bp-faq-list summary{grid-template-columns:34px minmax(0,1fr) 24px;gap:12px;padding:23px 0}
 .bp-faq-list summary strong{font-size:17px;line-height:1.35}.bp-faq-answer{padding:0 0 24px 46px}.bp-faq-answer p{font-size:14px;line-height:1.72}
 .bp-contact{padding:80px 0}.bp-contact-shell{gap:54px}.bp-contact-primary{margin-top:34px}
 .bp-contact-list>a,.bp-contact-address{grid-template-columns:30px minmax(0,1fr) 20px;gap:8px;min-height:84px}
 .bp-contact-list small{grid-column:2}.bp-contact-list strong{grid-column:2}.bp-contact-list i{grid-column:3;grid-row:1 / span 2}.bp-contact-list span{grid-row:1 / span 2}
 .bp-contact-address{grid-template-rows:auto auto}.bp-contact-address small{grid-column:2}.bp-contact-address strong{grid-column:2 / 4}
 .bp-footer{padding-top:44px}.bp-footer-top{padding-bottom:40px}.bp-footer-nav{display:grid;grid-template-columns:repeat(2,max-content);gap:16px 34px}
 .bp-footer-logo{width:170px}
 .bp-footer-bottom{display:grid;gap:10px}.bp-footer-bottom p{line-height:1.5}
}

/* STEP 7 — final system QA / cleanup */
:root{--bp-radius:2px}
body{font-family:"Manrope","Helvetica Neue",Arial,sans-serif}
.mbr-fonts-style:where(:not(#header4-l, #header4-l *)){font-family:"Manrope","Helvetica Neue",Arial,sans-serif!important}@media(min-width:1367px){.mbr-fonts-style{font-family:"Manrope","Helvetica Neue",Arial,sans-serif!important}}
button,summary{-webkit-tap-highlight-color:transparent}a:where(:not(#header4-l, #header4-l *)){-webkit-tap-highlight-color:transparent}@media(min-width:1367px){a{-webkit-tap-highlight-color:transparent}}
button:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}a:focus-visible:where(:not(#header4-l, #header4-l *)){outline:2px solid currentColor;outline-offset:5px}@media(min-width:1367px){a:focus-visible{outline:2px solid currentColor;outline-offset:5px}}
.bp-btn,.mbr-section-btn .btn,.btn-primary,.btn-info,.btn-success{border-radius:2px!important}
.bp-btn{min-height:50px;padding:0 24px;font-size:11px;letter-spacing:.115em;text-transform:uppercase;font-weight:600}
.bp-btn-light:hover,.bp-btn-ghost:hover{transform:none}
.bp-site-header{will-change:transform}
.bp-mobile-menu{-webkit-overflow-scrolling:touch}
.bp-collection,.bp-performance,.bp-technical,.bp-projects,.bp-colors,.bp-faq,.bp-contact{scroll-margin-top:76px}
@media(max-width:1199px){
  html{scroll-padding-top:72px}
  .bp-site-header,.bp-site-header.is-scrolled,.bp-site-header.menu-open{height:68px}
  .bp-mobile-menu{top:68px;height:calc(100dvh - 68px)}
}
@media(max-width:767.98px){
  .bp-btn{width:auto;min-width:0}
  .bp-hero-actions{display:grid;grid-template-columns:1fr 1fr;max-width:430px}
  .bp-hero-actions .bp-btn:first-child{grid-column:1/-1}
  .bp-faq-list summary{touch-action:manipulation}
}
@media(max-width:420px){
  .bp-hero-actions{grid-template-columns:1fr}
  .bp-hero-actions .bp-btn:first-child{grid-column:auto}
}

/* STEP 8 — visual rhythm / proportion refinement */
:root{
  --bp-max:1420px;
  --bp-paper:#f4f3ef;
  --bp-paper-2:#eeede8;
}

/* Hero: calmer scale, cleaner crop, stronger image hierarchy */
.cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){
  min-height:min(100svh,980px)!important;
  background-position:center 48%!important;
}@media(min-width:1367px){.cid-t4Xv25DTzt{
  min-height:min(100svh,980px)!important;
  background-position:center 48%!important;
}}
.cid-t4Xv25DTzt:before{
  background:
    linear-gradient(90deg,rgba(9,9,8,.44) 0%,rgba(9,9,8,.16) 54%,rgba(9,9,8,.06) 100%),
    linear-gradient(180deg,rgba(9,9,8,.08) 20%,rgba(9,9,8,.12) 54%,rgba(9,9,8,.72) 100%);
}
.cid-t4Xv25DTzt .container-fluid{padding-bottom:clamp(46px,6.7vh,74px)}
.cid-t4Xv25DTzt .content-wrap{width:min(920px,100%)!important}
.cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
  max-width:900px;
  font-size:clamp(3.65rem,6.55vw,6.65rem)!important;
  line-height:.92!important;
  letter-spacing:-.058em!important;
}@media(min-width:1367px){.cid-t4Xv25DTzt h1{
  max-width:900px;
  font-size:clamp(3.65rem,6.55vw,6.65rem)!important;
  line-height:.92!important;
  letter-spacing:-.058em!important;
}}
.bp-hero-kicker{margin-bottom:18px;font-size:10px;letter-spacing:.19em;opacity:.72}
.bp-hero-kicker:before{width:30px}
.bp-hero-lead{max-width:620px!important;font-size:clamp(.98rem,1.15vw,1.14rem)!important;line-height:1.66!important;margin-top:24px!important;color:rgba(255,255,255,.82)!important}
.bp-hero-actions{margin-top:30px;gap:10px}
.bp-hero-meta{margin-top:clamp(30px,4vh,44px)!important;padding-top:14px!important;gap:30px!important;border-top-color:rgba(255,255,255,.17)!important;color:rgba(255,255,255,.62)!important}

/* Global section rhythm */
.bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq{border-top:1px solid rgba(17,17,15,.08)}
.bp-collection,.bp-technical,.bp-contact{border-top:1px solid rgba(255,255,255,.09)}
.bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq,.bp-contact{
  padding-top:clamp(86px,8vw,124px)!important;
  padding-bottom:clamp(86px,8vw,124px)!important;
}
.bp-collection,.bp-technical{
  padding-top:clamp(92px,8.4vw,132px)!important;
  padding-bottom:clamp(92px,8.4vw,132px)!important;
}
.bp-eyebrow,.bp-colors-kicker{font-size:10px!important;letter-spacing:.18em!important;font-weight:600!important}

/* Headings: reduce oversized editorial jumps */
.bp-intro-heading h2,
.bp-collection-head h2,
.bp-performance h2,
.bp-technical h2,
.bp-projects-title-wrap h2,
.bp-colors h2,
.bp-faq h2,
.bp-contact h2{
  font-size:clamp(2.9rem,5.5vw,5.85rem)!important;
  line-height:.94!important;
  letter-spacing:-.052em!important;
  font-weight:450!important;
}

/* Intro: more air, less card-like specs */
.bp-intro-grid{gap:clamp(48px,7vw,110px)!important;align-items:start!important}
.bp-intro-copy{padding-top:34px!important}
.bp-intro-specs{margin-top:clamp(58px,6vw,86px)!important}
.bp-intro-specs article{min-height:155px!important;padding-top:22px!important}
.bp-intro-specs span{margin-bottom:22px!important}

/* Collection: retain drama without oversized voids */
.bp-collection-head{margin-bottom:clamp(54px,6.5vw,88px)!important}
.bp-collection-grid{gap:clamp(16px,1.6vw,26px)!important}
.bp-collection-item--detail{margin-top:clamp(0px,2vw,34px)!important}
.bp-collection-item--material{margin-top:clamp(16px,2.2vw,34px)!important}
.bp-collection-item--space{margin-top:clamp(30px,5vw,72px)!important;width:61%!important}
.bp-collection-foot{margin-top:clamp(58px,6vw,88px)!important}

/* Performance: lighter density */
.bp-performance-head{margin-bottom:clamp(52px,6vw,82px)!important}
.bp-performance-grid article{min-height:218px!important;padding-top:26px!important;padding-bottom:28px!important}
.bp-performance-grid article>span{margin-bottom:34px!important}

/* Technical: keep image prominent, copy tighter */
.bp-technical-grid{grid-template-columns:minmax(0,.82fr) minmax(430px,1.18fr)!important;gap:clamp(60px,8vw,122px)!important;align-items:center!important}
.bp-technical h2{margin-bottom:clamp(30px,4vw,48px)!important}
.bp-technical-media{aspect-ratio:1.28/1!important}
.bp-technical-links{margin-top:34px!important}

/* Projects: stronger sequence, slightly denser rhythm */
.bp-projects-head{margin-bottom:clamp(54px,6.5vw,90px)!important}
.bp-projects-grid{gap:clamp(16px,1.7vw,28px)!important}
.bp-projects-foot{margin-top:clamp(58px,6vw,88px)!important}

/* Colors: give samples priority over heading */
.bp-colors-head{margin-bottom:clamp(48px,5vw,72px)!important}
.bp-colors-grid{gap:clamp(22px,1.8vw,30px) clamp(14px,1.35vw,22px)!important}
.bp-colors-foot{margin-top:clamp(50px,5.5vw,76px)!important}

/* FAQ / contact / footer finish */
.bp-faq-head{margin-bottom:clamp(48px,5.5vw,72px)!important}
.bp-faq-list summary{padding:24px 0!important}
.bp-contact-shell{gap:clamp(58px,8vw,126px)!important}
.bp-contact h2{margin-bottom:28px!important}
.bp-contact-list>a,.bp-contact-address{min-height:84px!important}
.bp-footer{padding-top:48px!important}
.bp-footer-top{padding-bottom:46px!important}

@media(max-width:1199px){
  .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){min-height:760px!important;background-position:center 50%!important}@media(min-width:1367px){.cid-t4Xv25DTzt{min-height:760px!important;background-position:center 50%!important}}
  .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){font-size:clamp(3.2rem,8vw,5.75rem)!important;max-width:780px}@media(min-width:1367px){.cid-t4Xv25DTzt h1{font-size:clamp(3.2rem,8vw,5.75rem)!important;max-width:780px}}
  .bp-hero-meta{margin-top:30px!important}
  .bp-technical-grid{grid-template-columns:1fr 1fr!important;gap:48px!important}
}

@media(max-width:991.98px){
  .bp-intro-heading h2,
  .bp-collection-head h2,
  .bp-performance h2,
  .bp-technical h2,
  .bp-projects-title-wrap h2,
  .bp-colors h2,
  .bp-faq h2,
  .bp-contact h2{font-size:clamp(2.8rem,8vw,4.9rem)!important}
  .bp-technical-grid{grid-template-columns:1fr!important;align-items:start!important}
  .bp-technical-visual{max-width:760px}
}

@media(max-width:767.98px){
  .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){min-height:100svh!important;background-position:56% center!important}@media(min-width:1367px){.cid-t4Xv25DTzt{min-height:100svh!important;background-position:56% center!important}}
  .cid-t4Xv25DTzt:before{
    background:linear-gradient(180deg,rgba(9,9,8,.16) 0%,rgba(9,9,8,.10) 38%,rgba(9,9,8,.80) 100%);
  }
  .cid-t4Xv25DTzt .container-fluid{padding-bottom:32px!important}
  .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){font-size:clamp(2.9rem,13vw,4.75rem)!important;line-height:.94!important;max-width:620px}@media(min-width:1367px){.cid-t4Xv25DTzt h1{font-size:clamp(2.9rem,13vw,4.75rem)!important;line-height:.94!important;max-width:620px}}
  .bp-hero-kicker{font-size:9px;margin-bottom:14px}
  .bp-hero-lead{font-size:.98rem!important;line-height:1.56!important;margin-top:18px!important;max-width:520px!important}
  .bp-hero-actions{margin-top:22px!important;gap:8px!important}
  .bp-hero-meta{grid-template-columns:repeat(3,1fr)!important;gap:10px!important;margin-top:24px!important;font-size:8px!important;letter-spacing:.08em!important}
  .bp-hero-meta span{display:block!important;line-height:1.45}
  .bp-hero-meta b{display:block;margin-bottom:3px}
  .bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq,.bp-contact,.bp-collection,.bp-technical{padding-top:72px!important;padding-bottom:76px!important}
  .bp-intro-heading h2,
  .bp-collection-head h2,
  .bp-performance h2,
  .bp-technical h2,
  .bp-projects-title-wrap h2,
  .bp-colors h2,
  .bp-faq h2,
  .bp-contact h2{font-size:clamp(2.55rem,12vw,4.1rem)!important;line-height:.96!important}
  .bp-intro-copy{padding-top:0!important}
  .bp-intro-specs{margin-top:46px!important}
  .bp-intro-specs article{min-height:0!important}
  .bp-collection-item--space{width:100%!important;margin-top:22px!important}
  .bp-performance-grid article{min-height:0!important}
  .bp-technical-media{aspect-ratio:1.15/1!important}
  .bp-faq-list summary{padding:20px 0!important}
}

@media(max-width:420px){
  .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){font-size:clamp(2.65rem,12.4vw,3.55rem)!important}@media(min-width:1367px){.cid-t4Xv25DTzt h1{font-size:clamp(2.65rem,12.4vw,3.55rem)!important}}
  .bp-hero-meta{grid-template-columns:1fr 1fr 1fr!important}
}


/* STEP 9 — responsive device QA */
@media(max-width:1199px){
  .bp-header-inner{
    padding-left:max(clamp(20px,4vw,42px),calc(env(safe-area-inset-left) + 14px));
    padding-right:max(clamp(16px,3vw,34px),calc(env(safe-area-inset-right) + 14px));
  }
  .bp-mobile-menu{
    padding-left:max(clamp(22px,5vw,58px),calc(env(safe-area-inset-left) + 18px));
    padding-right:max(clamp(22px,5vw,58px),calc(env(safe-area-inset-right) + 18px));
    padding-bottom:max(24px,calc(env(safe-area-inset-bottom) + 18px));
  }
  /* Portrait tablets should retain the full architectural hero instead of a short 760px crop. */
  .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){min-height:min(100svh,900px)!important}@media(min-width:1367px){.cid-t4Xv25DTzt{min-height:min(100svh,900px)!important}}
}

/* Phone landscape: width-based tablet rules otherwise make the first screen too tall. */
@media(orientation:landscape) and (max-height:560px) and (max-width:1199px){
  .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){
    min-height:100svh!important;
    background-position:center 49%!important;
  }@media(min-width:1367px){.cid-t4Xv25DTzt{
    min-height:100svh!important;
    background-position:center 49%!important;
  }}
  .cid-t4Xv25DTzt .container-fluid{
    padding-top:72px!important;
    padding-bottom:max(18px,env(safe-area-inset-bottom))!important;
  }
  .cid-t4Xv25DTzt .content-wrap{width:min(760px,92%)!important}
  .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
    max-width:720px;
    font-size:clamp(2.35rem,6.4vw,3.55rem)!important;
    line-height:.93!important;
  }@media(min-width:1367px){.cid-t4Xv25DTzt h1{
    max-width:720px;
    font-size:clamp(2.35rem,6.4vw,3.55rem)!important;
    line-height:.93!important;
  }}
  .bp-hero-kicker{margin-bottom:8px!important;font-size:8px!important}
  .bp-hero-lead{margin-top:10px!important;font-size:.84rem!important;line-height:1.42!important;max-width:650px!important}
  .bp-hero-actions{margin-top:12px!important;display:flex!important;gap:8px!important}
  .bp-btn{min-height:40px!important;padding:0 16px!important;font-size:9px!important}
  .bp-hero-meta{
    display:flex!important;
    align-items:center!important;
    gap:16px!important;
    margin-top:12px!important;
    padding-top:9px!important;
    font-size:7px!important;
  }
  .bp-hero-meta span{display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap}
  .bp-hero-meta b{display:inline!important;margin:0!important}
}

@media(max-width:767.98px){
  .bp-brand{gap:8px}
  .bp-brand-main{font-size:13px}
  .bp-brand-sub{font-size:7px;letter-spacing:.19em}
  .bp-mobile-menu{padding-top:22px}
}

@media(max-width:374px){
  .bp-brand-sub{display:none}
  .bp-brand-main{font-size:12px;letter-spacing:.1em}
  .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){font-size:2.5rem!important}@media(min-width:1367px){.cid-t4Xv25DTzt h1{font-size:2.5rem!important}}
  .bp-hero-meta{gap:6px!important}
}

/* STEP 10 — CONTRAST / READABILITY GUARD
   Explicit section surfaces prevent legacy Mobirise/Bootstrap rules from
   forcing dark-section text onto light backgrounds (or vice versa). */
body.bp-premium > section.bp-intro,
body.bp-premium > section.bp-performance,
body.bp-premium > section.bp-projects,
body.bp-premium > section.bp-colors,
body.bp-premium > section.bp-faq{
  background:#f5f4f0!important;
  color:#171714!important;
}
body.bp-premium > section.bp-performance{background:#e8e7e1!important}
body.bp-premium > section.bp-colors{background:#f2f0eb!important}
body.bp-premium > section.bp-faq{background:#f7f6f2!important}

body.bp-premium > section.bp-collection,
body.bp-premium > section.bp-technical,
body.bp-premium > section.bp-contact{
  background:#171714!important;
  color:#f4f3ef!important;
}
body.bp-premium > section.bp-collection{background:#151513!important}
body.bp-premium > section.bp-technical{background:#151513!important}

/* Light-surface text */
body.bp-premium .bp-intro h2,
body.bp-premium .bp-intro h3,
body.bp-premium .bp-performance h2,
body.bp-premium .bp-performance h3,
body.bp-premium .bp-projects h2,
body.bp-premium .bp-projects h3,
body.bp-premium .bp-colors h2,
body.bp-premium .bp-colors h3,
body.bp-premium .bp-faq h2,
body.bp-premium .bp-faq summary,
body.bp-premium .bp-faq summary strong{
  color:#171714!important;
}
body.bp-premium .bp-intro p,
body.bp-premium .bp-performance p,
body.bp-premium .bp-projects p,
body.bp-premium .bp-colors p,
body.bp-premium .bp-faq p{
  color:#5b5a55!important;
}
body.bp-premium .bp-intro .bp-eyebrow,
body.bp-premium .bp-performance .bp-eyebrow,
body.bp-premium .bp-projects .bp-eyebrow,
body.bp-premium .bp-faq .bp-eyebrow,
body.bp-premium .bp-colors-kicker{
  color:#6f6d67!important;
}
body.bp-premium .bp-text-link,
body.bp-premium .bp-projects-cta,
body.bp-premium .bp-colors-cta{
  color:#171714!important;
}
body.bp-premium .bp-text-link:hover,
body.bp-premium .bp-text-link:focus-visible,
body.bp-premium .bp-projects-cta:hover,
body.bp-premium .bp-projects-cta:focus-visible,
body.bp-premium .bp-colors-cta:hover,
body.bp-premium .bp-colors-cta:focus-visible{
  color:#171714!important;
  opacity:.62;
}

/* Dark-surface text */
body.bp-premium .bp-collection h2,
body.bp-premium .bp-collection h3,
body.bp-premium .bp-collection strong,
body.bp-premium .bp-technical h2,
body.bp-premium .bp-technical h3,
body.bp-premium .bp-technical strong,
body.bp-premium .bp-contact h2,
body.bp-premium .bp-contact h3,
body.bp-premium .bp-contact strong{
  color:#f4f3ef!important;
}
body.bp-premium .bp-collection p,
body.bp-premium .bp-technical p,
body.bp-premium .bp-contact p{
  color:rgba(255,255,255,.68)!important;
}
body.bp-premium .bp-collection .bp-eyebrow,
body.bp-premium .bp-technical .bp-eyebrow,
body.bp-premium .bp-contact .bp-eyebrow{
  color:rgba(255,255,255,.52)!important;
}
body.bp-premium .bp-collection a,
body.bp-premium .bp-technical a,
body.bp-premium .bp-contact a{
  color:#f4f3ef!important;
}
body.bp-premium .bp-collection a:hover,
body.bp-premium .bp-collection a:focus-visible,
body.bp-premium .bp-technical a:hover,
body.bp-premium .bp-technical a:focus-visible,
body.bp-premium .bp-contact a:hover,
body.bp-premium .bp-contact a:focus-visible{
  color:#fff!important;
}

/* Header states must always retain contrast, including transparent state. */
body.bp-premium .bp-site-header .bp-brand,
body.bp-premium .bp-site-header .bp-desktop-nav a,
body.bp-premium .bp-site-header .bp-mobile-nav a,
body.bp-premium .bp-site-header .bp-mobile-contact a{
  color:#fff!important;
}

/* Hero stays intentionally white-on-image. */
body.bp-premium .cid-t4Xv25DTzt .bp-hero-kicker,body.bp-premium .cid-t4Xv25DTzt .bp-hero-lead,body.bp-premium .cid-t4Xv25DTzt .bp-hero-meta{
  color:#fff!important;
}body.bp-premium .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)),body.bp-premium .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
  color:#fff!important;
}@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt,body.bp-premium .cid-t4Xv25DTzt h1{
  color:#fff!important;
}}
body.bp-premium .cid-t4Xv25DTzt .bp-btn-light{color:#111!important}
body.bp-premium .cid-t4Xv25DTzt .bp-btn-ghost{color:#fff!important}

/* FAQ focus/hover remain visible on light surface. */
body.bp-premium .bp-faq-list summary:hover,
body.bp-premium .bp-faq-list summary:focus-visible{color:#000!important}
body.bp-premium .bp-faq-list summary:focus-visible{outline:1px solid rgba(17,17,15,.34);outline-offset:8px}

/* Footer contrast */
body.bp-premium .bp-footer{background:#0d0d0b!important;color:#f2f0e9!important}
body.bp-premium .bp-footer a{color:rgba(255,255,255,.68)!important}
body.bp-premium .bp-footer a:hover,
body.bp-premium .bp-footer a:focus-visible{color:#fff!important}
body.bp-premium .bp-footer-brand strong{color:#f2f0e9!important}

/* The current contact section is legitimate content; never hide it as a legacy tail block. */
body.bp-premium > section.bp-contact{display:block!important}

/* STEP 11 — COMPLETE TEXT CONTRAST LOCK
   Covers nested text nodes that legacy classes can recolor independently. */
body.bp-premium :is(.bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq) :is(h1,h2,h3,h4,h5,h6,strong,b,summary,label,dt,dd){
  color:#171714!important;
}
body.bp-premium :is(.bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq) :is(p,li,small){
  color:#5b5a55!important;
}
body.bp-premium :is(.bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq) a:not(.bp-btn-light):not(.bp-btn-ghost){
  color:#171714!important;
}
body.bp-premium :is(.bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq) a:not(.bp-btn-light):not(.bp-btn-ghost):hover,
body.bp-premium :is(.bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq) a:not(.bp-btn-light):not(.bp-btn-ghost):focus-visible{
  color:#000!important;
}
/* Preserve intentionally muted labels, but never near-white on light surfaces. */
body.bp-premium :is(.bp-intro,.bp-performance,.bp-projects,.bp-colors,.bp-faq) :is(.bp-eyebrow,.bp-colors-kicker,.bp-faq-no,figcaption>span,.bp-color-item>span){
  color:#6f6d67!important;
}

body.bp-premium :is(.bp-collection,.bp-technical,.bp-contact) :is(h1,h2,h3,h4,h5,h6,strong,b,summary,label,dt,dd){
  color:#f4f3ef!important;
}
body.bp-premium :is(.bp-collection,.bp-technical,.bp-contact) :is(p,li,small){
  color:rgba(255,255,255,.72)!important;
}
body.bp-premium :is(.bp-collection,.bp-technical,.bp-contact) a{
  color:#f4f3ef!important;
}
body.bp-premium :is(.bp-collection,.bp-technical,.bp-contact) a:hover,
body.bp-premium :is(.bp-collection,.bp-technical,.bp-contact) a:focus-visible{
  color:#fff!important;
}
body.bp-premium :is(.bp-collection,.bp-technical,.bp-contact) :is(.bp-eyebrow,figcaption>span,.bp-contact-list span,.bp-contact-list small,.bp-tech-facts dt){
  color:rgba(255,255,255,.56)!important;
}
body.bp-premium .bp-technical .bp-tech-facts dd,
body.bp-premium .bp-contact-list strong{
  color:#f4f3ef!important;
}

/* Explicit CTA state contrast. */
body.bp-premium .bp-btn-light,
body.bp-premium .bp-btn-light:hover,
body.bp-premium .bp-btn-light:focus-visible{background:#fff!important;color:#111!important;border-color:#fff!important}
body.bp-premium .bp-btn-ghost,
body.bp-premium .bp-btn-ghost:hover,
body.bp-premium .bp-btn-ghost:focus-visible{color:#fff!important;border-color:rgba(255,255,255,.55)!important}

/* STEP 12 — COLLECTION + TECHNICAL READABILITY, LIGHT SURFACES
   These two sections are intentionally locked to light surfaces with dark type.
   This avoids any legacy background/text collision across browsers/devices. */
body.bp-premium section.bp-collection{
  background:#f1f0eb!important;
  color:#171714!important;
  border-top-color:rgba(17,17,20,.09)!important;
}
body.bp-premium section.bp-technical{
  background:#e9e8e2!important;
  color:#171714!important;
  border-top-color:rgba(17,17,20,.09)!important;
}
body.bp-premium section.bp-collection :is(h1,h2,h3,h4,h5,h6,strong,b,summary,label,dt,dd),
body.bp-premium section.bp-technical :is(h1,h2,h3,h4,h5,h6,strong,b,summary,label,dt,dd){
  color:#171714!important;
}
body.bp-premium section.bp-collection :is(p,li,small),
body.bp-premium section.bp-technical :is(p,li,small){
  color:#55544f!important;
}
body.bp-premium section.bp-collection :is(.bp-eyebrow,figcaption>span),
body.bp-premium section.bp-technical :is(.bp-eyebrow,figcaption>span,.bp-tech-facts dt){
  color:#706e67!important;
}
body.bp-premium section.bp-collection a,
body.bp-premium section.bp-technical a{
  color:#171714!important;
  border-color:rgba(17,17,20,.28)!important;
}
body.bp-premium section.bp-collection a:hover,
body.bp-premium section.bp-collection a:focus-visible,
body.bp-premium section.bp-technical a:hover,
body.bp-premium section.bp-technical a:focus-visible{
  color:#000!important;
}
body.bp-premium section.bp-collection .bp-collection-head h2 span,
body.bp-premium section.bp-technical h2 span{
  color:#77756e!important;
}
body.bp-premium section.bp-collection .bp-collection-item figcaption,
body.bp-premium section.bp-technical .bp-technical-visual figcaption,
body.bp-premium section.bp-technical .bp-tech-facts{
  border-color:rgba(17,17,20,.16)!important;
}
body.bp-premium section.bp-technical .bp-tech-facts>div{
  border-bottom-color:rgba(17,17,20,.16)!important;
}
body.bp-premium section.bp-technical .bp-tech-facts dd{
  color:#171714!important;
}
body.bp-premium section.bp-collection .bp-collection-foot{
  border-top-color:rgba(17,17,20,.16)!important;
}
body.bp-premium section.bp-collection .bp-collection-foot p{
  color:#66645e!important;
}


/* STEP 13 — INTRO + PERFORMANCE REFINEMENT
   Aligns the two informational sections to one editorial system. */
body.bp-premium .bp-intro{
  background:#f7f6f2!important;
}
body.bp-premium .bp-intro-grid,
body.bp-premium .bp-performance-head{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.54fr)!important;
  gap:clamp(52px,7vw,112px)!important;
  align-items:end!important;
}
body.bp-premium .bp-intro-heading h2,
body.bp-premium .bp-performance h2{
  max-width:860px;
  font-size:clamp(2.8rem,5.15vw,5.6rem)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
  font-weight:430!important;
}
body.bp-premium .bp-intro-copy,
body.bp-premium .bp-performance-intro{
  max-width:520px!important;
  padding-top:0!important;
  padding-bottom:4px!important;
}
body.bp-premium .bp-intro-copy .bp-intro-lead{
  font-size:clamp(1.08rem,1.28vw,1.28rem)!important;
  line-height:1.62!important;
  margin-bottom:20px!important;
}
body.bp-premium .bp-intro-copy p,
body.bp-premium .bp-performance-intro p{
  font-size:clamp(.95rem,1vw,1.03rem)!important;
  line-height:1.72!important;
}

/* Intro facts: less card-like, more material-spec editorial. */
body.bp-premium .bp-intro-specs{
  margin-top:clamp(54px,5.4vw,76px)!important;
  border-top:1px solid rgba(17,17,20,.16)!important;
  border-bottom:1px solid rgba(17,17,20,.16)!important;
}
body.bp-premium .bp-intro-specs article,
body.bp-premium .bp-intro-specs article:not(:first-child){
  min-height:0!important;
  padding-top:22px!important;
  padding-bottom:24px!important;
  margin:0!important;
  border-color:rgba(17,17,20,.12)!important;
}
body.bp-premium .bp-intro-specs span{
  margin-bottom:28px!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
  color:#7b7972!important;
}
body.bp-premium .bp-intro-specs h3{
  margin-bottom:10px!important;
  font-size:clamp(1.08rem,1.25vw,1.28rem)!important;
  line-height:1.25!important;
  letter-spacing:-.025em!important;
  text-transform:none!important;
  font-weight:520!important;
}
body.bp-premium .bp-intro-specs p{
  max-width:250px!important;
  font-size:.88rem!important;
  line-height:1.58!important;
}

/* Performance: calm architectural matrix, not six cards. */
body.bp-premium .bp-performance{
  background:#ebeae5!important;
}
body.bp-premium .bp-performance-head{
  margin-bottom:clamp(46px,5vw,68px)!important;
}
body.bp-premium .bp-performance-grid{
  border-top:1px solid rgba(17,17,20,.18)!important;
  border-bottom:1px solid rgba(17,17,20,.18)!important;
}
body.bp-premium .bp-performance-grid article{
  min-height:190px!important;
  padding-top:22px!important;
  padding-bottom:24px!important;
  border-color:rgba(17,17,20,.13)!important;
}
body.bp-premium .bp-performance-grid article>span{
  margin-bottom:30px!important;
  color:#7b7972!important;
}
body.bp-premium .bp-performance-grid h3{
  margin-bottom:10px!important;
  font-size:clamp(1.05rem,1.18vw,1.22rem)!important;
  line-height:1.3!important;
  letter-spacing:-.018em!important;
  text-transform:none!important;
  font-weight:520!important;
}
body.bp-premium .bp-performance-grid p{
  max-width:300px!important;
  font-size:.88rem!important;
  line-height:1.6!important;
}

@media(max-width:991px){
  body.bp-premium .bp-intro-grid,
  body.bp-premium .bp-performance-head{
    grid-template-columns:1fr!important;
    gap:26px!important;
    align-items:start!important;
  }
  body.bp-premium .bp-intro-copy,
  body.bp-premium .bp-performance-intro{max-width:650px!important}
  body.bp-premium .bp-intro-specs{grid-template-columns:repeat(2,1fr)!important}
  body.bp-premium .bp-intro-specs article:nth-child(2){border-right:0!important}
  body.bp-premium .bp-intro-specs article:nth-child(n/**/+3){border-top:1px solid rgba(17,17,20,.12)!important}
}
@media(max-width:767px){
  body.bp-premium .bp-intro-heading h2,
  body.bp-premium .bp-performance h2{
    font-size:clamp(2.45rem,11vw,3.8rem)!important;
    line-height:.99!important;
  }
  body.bp-premium .bp-intro-specs{
    grid-template-columns:1fr!important;
    margin-top:42px!important;
  }
  body.bp-premium .bp-intro-specs article,
  body.bp-premium .bp-intro-specs article:not(:first-child){
    border-right:0!important;
    border-top:1px solid rgba(17,17,20,.12)!important;
    padding:19px 0 21px!important;
  }
  body.bp-premium .bp-intro-specs article:first-child{border-top:0!important}
  body.bp-premium .bp-intro-specs span{margin-bottom:14px!important}
  body.bp-premium .bp-performance-head{margin-bottom:38px!important}
  body.bp-premium .bp-performance-grid article,
  body.bp-premium .bp-performance-grid article:nth-child(3n/**/+2),
  body.bp-premium .bp-performance-grid article:nth-child(3n/**/+3),
  body.bp-premium .bp-performance-grid article:nth-child(even){
    min-height:0!important;
    padding:19px 0 21px!important;
  }
  body.bp-premium .bp-performance-grid article>span{margin-bottom:14px!important}
  body.bp-premium .bp-intro-specs p,
  body.bp-premium .bp-performance-grid p{max-width:100%!important}
}

/* STEP 14 — PROJECTS REFINEMENT
   Keeps the eight real applications, but gives them a clearer architectural portfolio hierarchy. */
body.bp-premium .bp-projects{
  background:#f4f3ef!important;
}
body.bp-premium .bp-projects-head{
  grid-template-columns:minmax(0,1.08fr) minmax(320px,.54fr)!important;
  gap:clamp(52px,7vw,112px)!important;
  align-items:end!important;
  margin-bottom:clamp(52px,5.8vw,82px)!important;
}
body.bp-premium .bp-projects-title-wrap h2{
  max-width:860px!important;
  font-size:clamp(2.8rem,5.15vw,5.6rem)!important;
  line-height:.96!important;
  letter-spacing:-.05em!important;
  font-weight:430!important;
}
body.bp-premium .bp-projects-intro{
  max-width:520px!important;
  padding-bottom:4px!important;
}
body.bp-premium .bp-projects-intro p{
  margin-bottom:22px!important;
  font-size:clamp(.95rem,1vw,1.03rem)!important;
  line-height:1.72!important;
}
body.bp-premium .bp-projects-grid{
  column-gap:clamp(18px,1.8vw,28px)!important;
  row-gap:clamp(46px,5.5vw,82px)!important;
}
/* First pair: clear lead project + quiet vertical counterpoint. */
body.bp-premium .bp-project--hero{grid-column:1 / span 8!important}
body.bp-premium .bp-project--portrait{grid-column:10 / span 3!important;margin-top:clamp(34px,5vw,76px)!important}
/* Second pair: balanced, but intentionally not symmetrical. */
body.bp-premium .bp-project--wide{grid-column:2 / span 5!important}
body.bp-premium .bp-project--living{grid-column:8 / span 5!important;margin-top:clamp(44px,6vw,96px)!important}
/* Full-width pause in the middle of the sequence. */
body.bp-premium .bp-project--panorama{grid-column:1 / span 12!important;margin-top:0!important}
/* Closing trio kept calmer and more consistent. */
body.bp-premium .bp-project--detail{grid-column:1 / span 4!important}
body.bp-premium .bp-project--reception{grid-column:5 / span 4!important;margin-top:clamp(32px,4vw,62px)!important}
body.bp-premium .bp-project--interior{grid-column:9 / span 4!important;margin-top:0!important}
body.bp-premium .bp-project-media{
  background:#deddd8!important;
  border-radius:2px!important;
}
body.bp-premium .bp-project-media img{
  border-radius:2px!important;
  filter:saturate(.92) contrast(1.015)!important;
}
body.bp-premium .bp-project:hover .bp-project-media img{
  transform:scale(1.01)!important;
  filter:saturate(.98) contrast(1.018)!important;
}
body.bp-premium .bp-project figcaption{
  grid-template-columns:30px minmax(0,1fr)!important;
  column-gap:12px!important;
  row-gap:4px!important;
  margin-top:11px!important;
  padding-top:12px!important;
  border-top-color:rgba(17,17,20,.15)!important;
}
body.bp-premium .bp-project figcaption>span{
  font-size:8.5px!important;
  letter-spacing:.15em!important;
  color:#7b7972!important;
}
body.bp-premium .bp-project figcaption strong{
  font-size:11.5px!important;
  line-height:1.35!important;
  letter-spacing:.095em!important;
  font-weight:620!important;
}
body.bp-premium .bp-project figcaption small{
  font-size:11.5px!important;
  line-height:1.48!important;
  color:#66645e!important;
}
body.bp-premium .bp-projects-foot{
  margin-top:clamp(54px,5.5vw,78px)!important;
  padding-top:20px!important;
  border-top-color:rgba(17,17,20,.16)!important;
}
body.bp-premium .bp-projects-foot p{
  max-width:620px!important;
  font-size:.88rem!important;
  line-height:1.65!important;
  color:#66645e!important;
}

@media(max-width:991px){
  body.bp-premium .bp-projects-head{
    grid-template-columns:1fr!important;
    gap:26px!important;
    align-items:start!important;
  }
  body.bp-premium .bp-projects-intro{max-width:650px!important}
  body.bp-premium .bp-project--hero{grid-column:1 / span 8!important}
  body.bp-premium .bp-project--portrait{grid-column:9 / span 4!important;margin-top:28px!important}
  body.bp-premium .bp-project--wide{grid-column:1 / span 6!important}
  body.bp-premium .bp-project--living{grid-column:7 / span 6!important;margin-top:36px!important}
  body.bp-premium .bp-project--detail{grid-column:1 / span 4!important}
  body.bp-premium .bp-project--reception{grid-column:5 / span 4!important;margin-top:28px!important}
  body.bp-premium .bp-project--interior{grid-column:9 / span 4!important}
}
@media(max-width:767px){
  body.bp-premium .bp-projects-head{margin-bottom:44px!important}
  body.bp-premium .bp-projects-title-wrap h2{
    font-size:clamp(2.45rem,11vw,3.8rem)!important;
    line-height:.99!important;
  }
  body.bp-premium .bp-projects-grid{display:block!important}
  body.bp-premium .bp-project,
  body.bp-premium .bp-project--portrait,
  body.bp-premium .bp-project--wide,
  body.bp-premium .bp-project--living,
  body.bp-premium .bp-project--panorama,
  body.bp-premium .bp-project--detail,
  body.bp-premium .bp-project--reception,
  body.bp-premium .bp-project--interior{
    margin:0 0 42px!important;
  }
  body.bp-premium .bp-project--hero .bp-project-media,
  body.bp-premium .bp-project--wide .bp-project-media,
  body.bp-premium .bp-project--living .bp-project-media,
  body.bp-premium .bp-project--detail .bp-project-media,
  body.bp-premium .bp-project--reception .bp-project-media,
  body.bp-premium .bp-project--interior .bp-project-media{aspect-ratio:1.3/1!important}
  body.bp-premium .bp-project--portrait .bp-project-media{aspect-ratio:.86/1!important}
  body.bp-premium .bp-project--panorama .bp-project-media{aspect-ratio:1.62/1!important}
  body.bp-premium .bp-project figcaption{margin-top:9px!important;padding-top:10px!important}
  body.bp-premium .bp-projects-foot{display:block!important;margin-top:18px!important;padding-top:18px!important}
  body.bp-premium .bp-projects-foot p{margin-bottom:24px!important}
}

/* STEP 15 — Colors refinement / curated material palette */
.bp-colors{padding:clamp(96px,10vw,148px) 0;background:#f2f0eb;color:#111}
.bp-colors-head{grid-template-columns:minmax(0,1fr) minmax(360px,.72fr);align-items:start;margin-bottom:clamp(72px,8vw,118px)}
.bp-colors h2{font-size:clamp(48px,6vw,92px);line-height:.91;letter-spacing:-.05em;max-width:780px}
.bp-colors-copy{max-width:520px;padding-top:3px}
.bp-colors-copy p{font-size:clamp(15px,1vw,18px);line-height:1.72;color:#55524d}
.bp-color-groups{display:grid;gap:clamp(84px,9vw,132px)}
.bp-color-group{display:grid;grid-template-columns:minmax(190px,.28fr) minmax(0,1fr);gap:clamp(34px,5vw,82px);align-items:start}
.bp-color-group-head{position:sticky;top:110px;padding-top:4px;border-top:1px solid rgba(17,17,17,.28)}
.bp-color-group-no{display:block;margin-top:16px;font-size:10px;line-height:1;letter-spacing:.18em;color:#8a867f}
.bp-color-group h3{margin:18px 0 14px;font-size:clamp(18px,1.5vw,24px);line-height:1.1;letter-spacing:-.02em;font-weight:550;color:#111}
.bp-color-group-head p{margin:0;max-width:260px;font-size:12px;line-height:1.65;color:#77736d}
.bp-color-group-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:clamp(18px,2vw,30px);row-gap:clamp(42px,4vw,66px)}
.bp-color-media{aspect-ratio:4/5;background:#dedbd3;border-radius:2px}
.bp-color-media img{transition:transform .5s cubic-bezier(.2,.7,.2,1),filter .4s ease}
.bp-color-item:hover .bp-color-media img{transform:scale(1.012)}
.bp-color-item figcaption{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:baseline;padding:12px 0 0;margin-top:10px;border-top:1px solid rgba(17,17,17,.17)}
.bp-color-item strong{font-size:12px;letter-spacing:.1em;font-weight:650;color:#111}
.bp-color-item span{font-size:10px;letter-spacing:.02em;color:#8b877f}
.bp-colors-foot{margin-top:clamp(86px,9vw,132px);padding-top:30px}
@media(max-width:1100px){
  .bp-color-group{grid-template-columns:1fr;gap:32px}
  .bp-color-group-head{position:static;display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:14px;align-items:baseline;padding-top:16px}
  .bp-color-group-no{margin-top:0}.bp-color-group h3{margin:0}.bp-color-group-head p{grid-column:2;margin-top:9px;max-width:600px}
  .bp-color-group-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:767.98px){
  .bp-colors{padding:80px 0 88px}
  .bp-colors-head{margin-bottom:58px;row-gap:26px}
  .bp-colors h2{font-size:clamp(42px,13vw,62px)}
  .bp-color-groups{gap:72px}
  .bp-color-group{gap:28px}
  .bp-color-group-head{grid-template-columns:36px minmax(0,1fr)}
  .bp-color-group h3{font-size:17px}.bp-color-group-head p{font-size:11px;line-height:1.6}
  .bp-color-group-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 12px}
  .bp-color-media{aspect-ratio:1/1.16}
  .bp-color-item figcaption{display:block;padding-top:9px;margin-top:8px}.bp-color-item span{margin-top:3px}
  .bp-colors-foot{margin-top:72px}
}
@media(max-width:389px){
  .bp-color-group-grid{grid-template-columns:1fr 1fr;gap:30px 10px}
  .bp-color-item strong{font-size:11px}.bp-color-item span{font-size:9px}
}

/* STEP 16 — Unified typography system */
:root{
  --bp-type-eyebrow:11px;
  --bp-type-body:16px;
  --bp-type-body-lg:18px;
  --bp-type-caption:11px;
  --bp-type-meta:10px;
  --bp-type-h2:clamp(46px,5.15vw,78px);
  --bp-type-h3:clamp(18px,1.45vw,24px);
  --bp-leading-body:1.68;
  --bp-leading-h2:.94;
}
body.bp-premium .bp-eyebrow,
body.bp-premium .bp-colors-kicker,
body.bp-premium .bp-hero-kicker{
  font-size:var(--bp-type-eyebrow)!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  font-weight:620!important;
}
body.bp-premium .bp-intro h2,
body.bp-premium .bp-collection h2,
body.bp-premium .bp-performance h2,
body.bp-premium .bp-technical h2,
body.bp-premium .bp-projects h2,
body.bp-premium .bp-colors h2,
body.bp-premium .bp-faq h2,
body.bp-premium .bp-contact h2{
  font-size:var(--bp-type-h2)!important;
  line-height:var(--bp-leading-h2)!important;
  letter-spacing:-.045em!important;
  font-weight:500!important;
}
body.bp-premium .bp-intro-lead,
body.bp-premium .bp-collection-intro p,
body.bp-premium .bp-performance-intro p,
body.bp-premium .bp-technical-lead,
body.bp-premium .bp-projects-intro p,
body.bp-premium .bp-colors-copy p,
body.bp-premium .bp-faq-head>p,
body.bp-premium .bp-contact-copy>p{
  font-size:var(--bp-type-body)!important;
  line-height:var(--bp-leading-body)!important;
  font-weight:400!important;
}
body.bp-premium .bp-intro-lead,
body.bp-premium .bp-technical-lead{
  font-size:var(--bp-type-body-lg)!important;
}
body.bp-premium .bp-text-link,
body.bp-premium .bp-collection-cta,
body.bp-premium .bp-projects-cta,
body.bp-premium .bp-colors-cta,
body.bp-premium .bp-technical-links a,
body.bp-premium .bp-contact a{
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.08em!important;
  font-weight:620!important;
}
body.bp-premium .bp-collection-item figcaption strong,
body.bp-premium .bp-project figcaption strong,
body.bp-premium .bp-color-item strong,
body.bp-premium .bp-technical-visual figcaption strong{
  font-size:12px!important;
  line-height:1.35!important;
  letter-spacing:.075em!important;
  font-weight:620!important;
}
body.bp-premium .bp-collection-item figcaption small,
body.bp-premium .bp-project figcaption small,
body.bp-premium .bp-color-item span,
body.bp-premium .bp-technical-visual figcaption small{
  font-size:var(--bp-type-caption)!important;
  line-height:1.5!important;
  letter-spacing:.01em!important;
  font-weight:400!important;
}
body.bp-premium .bp-collection-item figcaption>span,
body.bp-premium .bp-project figcaption>span,
body.bp-premium .bp-technical-visual figcaption>span,
body.bp-premium .bp-color-group-no,
body.bp-premium .bp-faq-no{
  font-size:var(--bp-type-meta)!important;
  line-height:1.2!important;
  letter-spacing:.16em!important;
  font-weight:500!important;
}
body.bp-premium .bp-color-group h3{
  font-size:var(--bp-type-h3)!important;
  line-height:1.12!important;
  letter-spacing:-.02em!important;
  font-weight:560!important;
}
body.bp-premium .bp-color-group-head p,
body.bp-premium .bp-intro-specs p,
body.bp-premium .bp-performance-item p,
body.bp-premium .bp-tech-facts dd,
body.bp-premium .bp-faq-answer p{
  font-size:13px!important;
  line-height:1.62!important;
  font-weight:400!important;
}
body.bp-premium .bp-intro-specs h3,
body.bp-premium .bp-performance-item h3,
body.bp-premium .bp-tech-facts dt{
  font-size:11px!important;
  line-height:1.3!important;
  letter-spacing:.11em!important;
  font-weight:650!important;
}
body.bp-premium .bp-faq summary strong{
  font-size:clamp(17px,1.35vw,21px)!important;
  line-height:1.35!important;
  letter-spacing:-.015em!important;
  font-weight:520!important;
}
body.bp-premium .bp-footer,
body.bp-premium .bp-footer a,
body.bp-premium .bp-footer p{
  font-size:11px!important;
  line-height:1.55!important;
  letter-spacing:.035em!important;
}
@media(max-width:991.98px){
  :root{
    --bp-type-h2:clamp(42px,7.2vw,64px);
    --bp-type-body:15px;
    --bp-type-body-lg:17px;
  }
}
@media(max-width:767.98px){
  :root{
    --bp-type-eyebrow:10px;
    --bp-type-h2:clamp(38px,11vw,54px);
    --bp-type-body:15px;
    --bp-type-body-lg:16px;
    --bp-type-caption:10.5px;
    --bp-type-meta:9px;
  }
  body.bp-premium .bp-text-link,
  body.bp-premium .bp-collection-cta,
  body.bp-premium .bp-projects-cta,
  body.bp-premium .bp-colors-cta,
  body.bp-premium .bp-technical-links a,
  body.bp-premium .bp-contact a{font-size:11.5px!important}
  body.bp-premium .bp-intro-specs p,
  body.bp-premium .bp-performance-item p,
  body.bp-premium .bp-tech-facts dd,
  body.bp-premium .bp-faq-answer p{font-size:12.5px!important}
}

/* STEP 17 — FAQ / Contact / Footer refinement */
body.bp-premium .bp-faq{
  padding-top:clamp(82px,8vw,126px)!important;
  padding-bottom:clamp(84px,8vw,128px)!important;
}
body.bp-premium .bp-faq-head{
  align-items:end;
  gap:clamp(44px,6vw,96px)!important;
  margin-bottom:clamp(42px,4.8vw,64px)!important;
}
body.bp-premium .bp-faq-head>p{
  max-width:520px!important;
  color:#5b5852!important;
}
body.bp-premium .bp-faq-list{
  border-top-color:rgba(17,17,15,.18)!important;
}
body.bp-premium .bp-faq-list details{
  border-bottom-color:rgba(17,17,15,.14)!important;
}
body.bp-premium .bp-faq-list summary{
  grid-template-columns:44px minmax(0,1fr) 28px!important;
  gap:18px!important;
  min-height:76px;
  padding:20px 0!important;
  transition:color .2s ease,opacity .2s ease;
}
body.bp-premium .bp-faq-list summary:hover{
  opacity:.72;
}
body.bp-premium .bp-faq-list summary:focus-visible{
  opacity:1;
  outline:1px solid rgba(17,17,15,.26)!important;
  outline-offset:6px!important;
}
body.bp-premium .bp-faq-no{
  color:#8c8880!important;
}
body.bp-premium .bp-faq-plus{
  width:18px!important;
  height:18px!important;
}
body.bp-premium .bp-faq-plus:before,
body.bp-premium .bp-faq-plus:after{
  width:14px!important;
  top:8px!important;
  background:#34332f!important;
}
body.bp-premium .bp-faq-answer{
  max-width:930px!important;
  padding:0 48px 24px 62px!important;
}
body.bp-premium .bp-faq-answer p{
  color:#5a5751!important;
  line-height:1.72!important;
}

body.bp-premium .bp-contact{
  padding-top:clamp(86px,8vw,128px)!important;
  padding-bottom:clamp(86px,8vw,128px)!important;
}
body.bp-premium .bp-contact-shell{
  grid-template-columns:minmax(0,1fr) minmax(390px,.82fr)!important;
  gap:clamp(54px,7vw,108px)!important;
}
body.bp-premium .bp-contact .bp-eyebrow{
  margin-bottom:22px!important;
}
body.bp-premium .bp-contact h2{
  margin-bottom:24px!important;
}
body.bp-premium .bp-contact-intro>p{
  max-width:590px!important;
  margin:0!important;
  color:rgba(255,255,255,.62)!important;
  font-size:var(--bp-type-body)!important;
  line-height:var(--bp-leading-body)!important;
  font-weight:400!important;
}
body.bp-premium .bp-contact-primary{
  margin-top:34px!important;
  padding-bottom:6px!important;
  border-bottom-color:rgba(255,255,255,.34)!important;
}
body.bp-premium .bp-contact-list{
  border-top-color:rgba(255,255,255,.14)!important;
}
body.bp-premium .bp-contact-list>a,
body.bp-premium .bp-contact-address{
  grid-template-columns:34px 96px minmax(0,1fr) 20px!important;
  min-height:78px!important;
  padding:15px 0!important;
  border-bottom-color:rgba(255,255,255,.14)!important;
}
body.bp-premium .bp-contact-list>a{
  transition:opacity .2s ease;
}
body.bp-premium .bp-contact-list>a:hover,
body.bp-premium .bp-contact-list>a:focus-visible{
  opacity:.72!important;
}
body.bp-premium .bp-contact-list small{
  color:rgba(255,255,255,.46)!important;
}
body.bp-premium .bp-contact-list span{
  color:rgba(255,255,255,.30)!important;
}
body.bp-premium .bp-contact-list strong{
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
body.bp-premium .bp-contact-list i{
  color:rgba(255,255,255,.42)!important;
}

body.bp-premium .bp-footer{
  padding:44px 0 24px!important;
}
body.bp-premium .bp-footer-top{
  align-items:center!important;
  padding-bottom:38px!important;
  gap:46px!important;
}
body.bp-premium .bp-footer-brand strong{
  font-size:17px!important;
  letter-spacing:.055em!important;
}
body.bp-premium .bp-footer-brand span{
  margin-top:7px!important;
}
body.bp-premium .bp-footer-nav{
  gap:14px 28px!important;
}
body.bp-premium .bp-footer-nav a{
  color:rgba(255,255,255,.62)!important;
  letter-spacing:.075em!important;
}
body.bp-premium .bp-footer-bottom{
  padding-top:19px!important;
}
body.bp-premium .bp-footer-bottom p{
  color:rgba(255,255,255,.38)!important;
}

@media(max-width:991.98px){
  body.bp-premium .bp-faq-head{gap:26px!important}
  body.bp-premium .bp-contact-shell{grid-template-columns:1fr!important;gap:48px!important}
  body.bp-premium .bp-contact-list{max-width:none!important}
  body.bp-premium .bp-footer-top{align-items:start!important}
}

@media(max-width:767.98px){
  body.bp-premium .bp-faq{padding-top:68px!important;padding-bottom:72px!important}
  body.bp-premium .bp-faq-head{margin-bottom:34px!important}
  body.bp-premium .bp-faq-list summary{
    grid-template-columns:30px minmax(0,1fr) 22px!important;
    gap:10px!important;
    min-height:68px;
    padding:17px 0!important;
  }
  body.bp-premium .bp-faq-answer{padding:0 0 20px 40px!important}
  body.bp-premium .bp-contact{padding-top:70px!important;padding-bottom:72px!important}
  body.bp-premium .bp-contact-shell{gap:42px!important}
  body.bp-premium .bp-contact h2{margin-bottom:20px!important}
  body.bp-premium .bp-contact-primary{margin-top:28px!important}
  body.bp-premium .bp-contact-list>a,
  body.bp-premium .bp-contact-address{
    grid-template-columns:28px minmax(0,1fr) 18px!important;
    gap:7px!important;
    min-height:74px!important;
    padding:14px 0!important;
  }
  body.bp-premium .bp-contact-list small{grid-column:2!important}
  body.bp-premium .bp-contact-list strong{grid-column:2!important;font-size:12.5px!important}
  body.bp-premium .bp-contact-list i{grid-column:3!important;grid-row:1 / span 2!important}
  body.bp-premium .bp-contact-list span{grid-row:1 / span 2!important}
  body.bp-premium .bp-contact-address strong{grid-column:2 / 4!important}
  body.bp-premium .bp-footer{padding-top:38px!important;padding-bottom:22px!important}
  body.bp-premium .bp-footer-top{gap:30px!important;padding-bottom:32px!important}
  body.bp-premium .bp-footer-nav{grid-template-columns:repeat(2,max-content)!important;gap:13px 28px!important}
  body.bp-premium .bp-footer-bottom{padding-top:17px!important;gap:8px!important}
}

/* STEP 18 — premium image radius system */
:root{
  --bp-image-radius-desktop:28px;
  --bp-image-radius-tablet:22px;
  --bp-image-radius-mobile:18px;
  --bp-swatch-radius-desktop:20px;
  --bp-swatch-radius-tablet:18px;
  --bp-swatch-radius-mobile:16px;
}

/* Only real image surfaces — never text/card containers */
body.bp-premium .bp-collection-media,
body.bp-premium .bp-technical-media,
body.bp-premium .bp-project-media{
  border-radius:var(--bp-image-radius-desktop)!important;
  overflow:hidden!important;
}
body.bp-premium .bp-collection-media img,
body.bp-premium .bp-technical-media img,
body.bp-premium .bp-project-media img{
  border-radius:inherit!important;
}

body.bp-premium .bp-color-media{
  border-radius:var(--bp-swatch-radius-desktop)!important;
  overflow:hidden!important;
}
body.bp-premium .bp-color-media img{
  border-radius:inherit!important;
}

@media (max-width:1024px){
  body.bp-premium .bp-collection-media,
  body.bp-premium .bp-technical-media,
  body.bp-premium .bp-project-media{
    border-radius:var(--bp-image-radius-tablet)!important;
  }
  body.bp-premium .bp-color-media{
    border-radius:var(--bp-swatch-radius-tablet)!important;
  }
}

@media (max-width:600px){
  body.bp-premium .bp-collection-media,
  body.bp-premium .bp-technical-media,
  body.bp-premium .bp-project-media{
    border-radius:var(--bp-image-radius-mobile)!important;
  }
  body.bp-premium .bp-color-media{
    border-radius:var(--bp-swatch-radius-mobile)!important;
  }
}


/* STEP 22 — Concretta header identity + readable navigation */
body.bp-premium .bp-site-header .bp-header-inner{
  max-width:1440px;
}
body.bp-premium .bp-concretta-brand{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:max-content;
  text-decoration:none!important;
}
body.bp-premium .bp-concretta-wordmark{
  display:inline-flex;
  align-items:baseline;
  font-family:"Manrope",Arial,sans-serif;
  font-size:31px;
  line-height:.9;
  font-weight:600;
  letter-spacing:-.065em;
  color:#fff;
}
body.bp-premium .bp-concretta-outline{
  color:transparent;
  -webkit-text-stroke:1.15px rgba(255,255,255,.96);
  text-stroke:1.15px rgba(255,255,255,.96);
  font-weight:500;
}
body.bp-premium .bp-concretta-solid{
  color:#fff;
  font-weight:600;
}
body.bp-premium .bp-concretta-brand .bp-brand-sub{
  font-size:8.5px!important;
  line-height:1!important;
  letter-spacing:.20em!important;
  font-weight:500!important;
  opacity:.72!important;
  color:#fff!important;
}
body.bp-premium .bp-desktop-nav{
  gap:clamp(20px,1.8vw,30px)!important;
}
body.bp-premium .bp-desktop-nav a{
  font-size:14px!important;
  line-height:1!important;
  letter-spacing:.035em!important;
  font-weight:500!important;
  padding:9px 0!important;
  opacity:.96;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}
body.bp-premium .bp-desktop-nav a:hover,
body.bp-premium .bp-desktop-nav a:focus-visible{
  opacity:1;
}

@media (max-width:1360px) and (min-width:1200px){
  body.bp-premium .bp-header-inner{padding-left:28px;padding-right:28px;gap:24px}
  body.bp-premium .bp-concretta-wordmark{font-size:29px}
  body.bp-premium .bp-concretta-brand{gap:11px}
  body.bp-premium .bp-concretta-brand .bp-brand-sub{font-size:8px!important}
  body.bp-premium .bp-desktop-nav{gap:20px!important}
  body.bp-premium .bp-desktop-nav a{font-size:13px!important}
}

@media (max-width:1199px){
  body.bp-premium .bp-concretta-brand{gap:11px}
  body.bp-premium .bp-concretta-wordmark{font-size:28px}
  body.bp-premium .bp-concretta-brand .bp-brand-sub{font-size:8px!important;letter-spacing:.18em!important}
  body.bp-premium .bp-mobile-nav a{
    font-weight:500!important;
  }
}

@media (max-width:600px){
  body.bp-premium .bp-concretta-wordmark{font-size:26px}
  body.bp-premium .bp-concretta-brand .bp-brand-sub{display:none!important}
}

@media (max-width:390px){
  body.bp-premium .bp-concretta-wordmark{font-size:24px}
}


/* STEP 23 — exact Concretta brand logo + Concretta header scale */
body.bp-premium .bp-site-header{
  height:82px;
}
body.bp-premium .bp-site-header.is-scrolled{
  height:72px;
}
body.bp-premium .bp-site-header .bp-header-inner{
  max-width:1440px;
  padding-left:clamp(24px,3.2vw,48px);
  padding-right:clamp(24px,3.2vw,48px);
  gap:28px;
}
body.bp-premium .bp-concretta-brand{
  display:flex;
  align-items:center;
  min-width:max-content;
  gap:0!important;
  line-height:0;
}
body.bp-premium .bp-concretta-logo{
  display:block;
  width:224px;
  height:auto;
  max-width:none;
  object-fit:contain;
}
body.bp-premium .bp-concretta-wordmark,
body.bp-premium .bp-concretta-brand .bp-brand-sub{
  display:none!important;
}
body.bp-premium .bp-desktop-nav{
  gap:clamp(22px,1.7vw,30px)!important;
}
body.bp-premium .bp-desktop-nav a{
  font-size:15px!important;
  line-height:1!important;
  letter-spacing:0!important;
  font-weight:500!important;
  padding:10px 0!important;
  opacity:.97;
}

@media (max-width:1360px) and (min-width:1200px){
  body.bp-premium .bp-concretta-logo{width:202px;}
  body.bp-premium .bp-desktop-nav{gap:18px!important;}
  body.bp-premium .bp-desktop-nav a{font-size:14px!important;}
}

@media (max-width:1199px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{height:72px;}
  body.bp-premium .bp-concretta-logo{width:186px;}
  body.bp-premium .bp-mobile-menu{top:72px;height:calc(100dvh - 72px);}
}

@media (max-width:600px){
  body.bp-premium .bp-concretta-logo{width:170px;}
}

@media (max-width:390px){
  body.bp-premium .bp-concretta-logo{width:160px;}
}


/* STEP 24 — Concretta.com header parity: exact logo, type scale and tablet rhythm */
body.bp-premium .bp-site-header{
  height:86px!important;
  background:linear-gradient(to bottom,rgba(12,12,11,.52),rgba(12,12,11,.14))!important;
  border-bottom:1px solid rgba(255,255,255,.10)!important;
  box-shadow:none!important;
}
body.bp-premium .bp-site-header.is-scrolled{
  height:74px!important;
  background:rgba(24,23,21,.88)!important;
  -webkit-backdrop-filter:blur(14px)!important;
  backdrop-filter:blur(14px)!important;
}
body.bp-premium .bp-site-header .bp-header-inner{
  width:100%!important;
  max-width:1480px!important;
  height:100%!important;
  margin:0 auto!important;
  padding:0 clamp(34px,4vw,64px)!important;
  gap:34px!important;
}
body.bp-premium .bp-concretta-brand{
  flex:0 0 auto!important;
  display:flex!important;
  align-items:center!important;
  line-height:0!important;
}
body.bp-premium .bp-concretta-logo{
  display:block!important;
  width:228px!important;
  height:auto!important;
  max-width:none!important;
  object-fit:contain!important;
}
body.bp-premium .bp-desktop-nav{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:clamp(22px,1.7vw,30px)!important;
  height:100%!important;
  margin-left:auto!important;
}
body.bp-premium .bp-desktop-nav a{
  color:#fff!important;
  font-family:"Manrope","Helvetica Neue",Arial,sans-serif!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:400!important;
  letter-spacing:0!important;
  padding:10px 0!important;
  opacity:.96!important;
  white-space:nowrap!important;
  text-transform:none!important;
}
body.bp-premium .bp-desktop-nav a:after{
  bottom:1px!important;
  height:1px!important;
  background:rgba(255,255,255,.9)!important;
}

@media (max-width:1360px) and (min-width:1200px){
  body.bp-premium .bp-site-header .bp-header-inner{padding-left:34px!important;padding-right:34px!important;gap:24px!important;}
  body.bp-premium .bp-concretta-logo{width:214px!important;}
  body.bp-premium .bp-desktop-nav{gap:20px!important;}
  body.bp-premium .bp-desktop-nav a{font-size:13.5px!important;}
}

/* Concretta tablet header: brand row + visible navigation row */
@media (max-width:1199px) and (min-width:768px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{
    height:122px!important;
    background:rgba(24,23,21,.82)!important;
    -webkit-backdrop-filter:blur(13px)!important;
    backdrop-filter:blur(13px)!important;
  }
  body.bp-premium .bp-site-header .bp-header-inner{
    position:relative!important;
    height:72px!important;
    max-width:none!important;
    padding:0 28px!important;
    align-items:center!important;
  }
  body.bp-premium .bp-concretta-logo{width:208px!important;}
  body.bp-premium .bp-menu-toggle{
    display:block!important;
    flex:0 0 40px!important;
    width:40px!important;
    height:40px!important;
    margin-left:auto!important;
  }
  body.bp-premium .bp-menu-toggle span{left:9px!important;width:22px!important;}
  body.bp-premium .bp-desktop-nav{
    display:flex!important;
    position:absolute!important;
    left:0!important;
    right:0!important;
    top:72px!important;
    height:50px!important;
    padding:0 28px!important;
    justify-content:flex-end!important;
    gap:clamp(16px,2.2vw,24px)!important;
    border-top:1px solid rgba(255,255,255,.04)!important;
  }
  body.bp-premium .bp-desktop-nav a{
    font-size:13px!important;
    font-weight:400!important;
    padding:8px 0!important;
  }
  body.bp-premium .bp-mobile-menu{
    top:122px!important;
    height:calc(100dvh - 122px)!important;
  }
}

@media (max-width:767px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{
    height:74px!important;
    background:rgba(24,23,21,.76)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
  }
  body.bp-premium .bp-site-header .bp-header-inner{
    height:74px!important;
    padding-left:max(20px,env(safe-area-inset-left))!important;
    padding-right:max(16px,env(safe-area-inset-right))!important;
    gap:14px!important;
  }
  body.bp-premium .bp-concretta-logo{width:190px!important;}
  body.bp-premium .bp-desktop-nav{display:none!important;}
  body.bp-premium .bp-menu-toggle{display:block!important;flex:0 0 42px!important;width:42px!important;height:42px!important;}
  body.bp-premium .bp-mobile-menu{top:74px!important;height:calc(100dvh - 74px)!important;}
}

@media (max-width:390px){
  body.bp-premium .bp-concretta-logo{width:182px!important;}
}
@media (max-width:360px){
  body.bp-premium .bp-concretta-logo{width:174px!important;}
}


/* STEP 25 — HEADER PARITY FROM concretta_final.zip (V431/V425/V349/V345)
   Source of truth: user's concretta_final.zip, not the live site. */
body.bp-premium .bp-site-header{
  height:78px!important;
  background:rgba(18,17,15,.18)!important;
  border:0!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:blur(8px) saturate(108%)!important;
  backdrop-filter:blur(8px) saturate(108%)!important;
  transition:transform .28s cubic-bezier(.22,.61,.36,1),background .28s ease,box-shadow .28s ease,height .28s ease!important;
}
body.bp-premium .bp-site-header::after{
  content:"";position:absolute;left:clamp(22px,4.6vw,76px);right:clamp(22px,4.6vw,76px);bottom:0;height:1px;
  background:rgba(255,255,255,.12);pointer-events:none;
}
body.bp-premium .bp-site-header.is-scrolled{
  height:70px!important;
  background:rgba(26,23,20,.88)!important;
  box-shadow:0 10px 30px rgba(15,12,10,.13)!important;
  -webkit-backdrop-filter:blur(14px) saturate(115%)!important;
  backdrop-filter:blur(14px) saturate(115%)!important;
}
body.bp-premium .bp-site-header.is-scrolled::after{background:rgba(201,181,160,.18)!important;}
body.bp-premium .bp-site-header .bp-header-inner{
  width:100%!important;max-width:none!important;height:100%!important;margin:0!important;
  padding:8px clamp(20px,3.25vw,52px)!important;gap:0!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
}
body.bp-premium .bp-concretta-brand{
  flex:0 0 auto!important;display:flex!important;align-items:center!important;line-height:0!important;
  margin-right:clamp(20px,2.8vw,42px)!important;
}
body.bp-premium .bp-concretta-logo{
  display:block!important;width:clamp(208px,14.8vw,224px)!important;height:auto!important;max-width:none!important;
  object-fit:contain!important;opacity:.97!important;transform:translateY(1px)!important;
}
body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
  width:clamp(194px,13.5vw,206px)!important;height:auto!important;
}
body.bp-premium .bp-desktop-nav{
  display:flex!important;align-items:center!important;justify-content:flex-end!important;flex-wrap:nowrap!important;
  margin-left:auto!important;gap:1px!important;height:100%!important;
}
body.bp-premium .bp-desktop-nav a{
  min-height:42px!important;display:flex!important;align-items:center!important;justify-content:center!important;
  padding:0 10px!important;color:rgba(255,255,255,.94)!important;
  font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:1!important;
  letter-spacing:.075em!important;text-shadow:0 1px 12px rgba(0,0,0,.16)!important;white-space:nowrap!important;
  opacity:1!important;text-transform:none!important;
}
body.bp-premium .bp-desktop-nav a:hover,body.bp-premium .bp-desktop-nav a:focus-visible{color:#d8c6b2!important;}
body.bp-premium .bp-desktop-nav a::after{display:none!important;}

@media (min-width:1101px){
  body.bp-premium .bp-concretta-brand{
    margin-left:calc(clamp(54px,7.6vw,132px) - clamp(22px,4.6vw,76px) - 7.2px)!important;
  }
}
@media (min-width:992px) and (max-width:1189px){
  body.bp-premium .bp-site-header .bp-header-inner{padding-left:20px!important;padding-right:20px!important;}
  body.bp-premium .bp-concretta-brand{margin-right:16px!important;}
  body.bp-premium .bp-desktop-nav{gap:0!important;}
  body.bp-premium .bp-desktop-nav a{min-height:40px!important;padding-left:7px!important;padding-right:7px!important;}
}
@media (min-width:992px) and (max-width:1100px){
  body.bp-premium .bp-concretta-logo{width:clamp(194px,18vw,202px)!important;}
  body.bp-premium .bp-concretta-brand{
    margin-left:calc(clamp(34px,5vw,58px) - clamp(22px,4.6vw,76px) - 6.5px)!important;
  }
}

/* Exact Concretta final mobile/tablet header geometry */
@media (max-width:991px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{
    height:68px!important;
    background:linear-gradient(180deg,rgba(28,24,21,.78) 0%,rgba(28,24,21,.44) 64%,rgba(28,24,21,0) 100%)!important;
    box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{
    background:rgba(27,24,21,.965)!important;
    box-shadow:0 12px 34px rgba(15,12,10,.16)!important;
    -webkit-backdrop-filter:blur(16px) saturate(108%)!important;backdrop-filter:blur(16px) saturate(108%)!important;
  }
  body.bp-premium .bp-site-header::after{display:none!important;}
  body.bp-premium .bp-site-header .bp-header-inner{
    height:100%!important;padding:8px 14px!important;align-items:center!important;justify-content:space-between!important;
  }
  body.bp-premium .bp-concretta-brand{margin:0!important;padding:0!important;align-self:flex-start!important;min-width:0!important;}
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:clamp(164px,42vw,186px)!important;height:auto!important;max-width:none!important;transform:translateY(1px)!important;opacity:1!important;
  }
  body.bp-premium .bp-desktop-nav{display:none!important;}
  body.bp-premium .bp-menu-toggle{
    display:flex!important;position:absolute!important;top:12px!important;right:12px!important;width:44px!important;height:44px!important;
    margin:0!important;padding:0!important;border:1px solid rgba(238,226,214,.18)!important;border-radius:50%!important;
    background:rgba(25,21,18,.16)!important;align-items:center!important;justify-content:center!important;box-shadow:none!important;
    -webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;
  }
  body.bp-premium .bp-site-header.menu-open .bp-menu-toggle{background:rgba(255,255,255,.045)!important;border-color:rgba(220,197,174,.28)!important;}
  body.bp-premium .bp-menu-toggle .hamburger{position:relative!important;width:22px!important;height:16px!important;margin:0!important;}
  body.bp-premium .bp-menu-toggle .hamburger span{
    position:absolute!important;right:0!important;left:auto!important;width:22px!important;height:1px!important;background:#f3eee8!important;
    transform:none!important;opacity:1!important;transition:transform .2s ease,top .2s ease,opacity .16s ease!important;
  }
  body.bp-premium .bp-menu-toggle .hamburger span:nth-child(1){top:1px!important;}
  body.bp-premium .bp-menu-toggle .hamburger span:nth-child(2),
  body.bp-premium .bp-menu-toggle .hamburger span:nth-child(3){top:7.5px!important;}
  body.bp-premium .bp-menu-toggle .hamburger span:nth-child(4){top:14px!important;}
  body.bp-premium .bp-site-header.menu-open .bp-menu-toggle .hamburger span:nth-child(1){top:7.5px!important;transform:rotate(45deg)!important;}
  body.bp-premium .bp-site-header.menu-open .bp-menu-toggle .hamburger span:nth-child(4){top:7.5px!important;transform:rotate(-45deg)!important;}
  body.bp-premium .bp-site-header.menu-open .bp-menu-toggle .hamburger span:nth-child(2),
  body.bp-premium .bp-site-header.menu-open .bp-menu-toggle .hamburger span:nth-child(3){opacity:0!important;}
  body.bp-premium .bp-mobile-menu{
    display:block!important;position:absolute!important;inset:auto 12px auto auto!important;top:calc(100% + 6px)!important;
    width:calc(100vw - 24px)!important;max-width:none!important;max-height:calc(100dvh - 80px)!important;height:auto!important;
    margin:0!important;padding:12px 18px 18px!important;overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    border:1px solid rgba(232,216,200,.10)!important;border-radius:14px!important;background:rgba(29,26,23,.985)!important;
    box-shadow:0 22px 56px rgba(8,7,6,.28)!important;-webkit-backdrop-filter:blur(18px) saturate(108%)!important;backdrop-filter:blur(18px) saturate(108%)!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-5px)!important;
    transition:opacity .2s ease,visibility .2s ease,transform .2s ease!important;
  }
  body.bp-premium .bp-site-header.menu-open .bp-mobile-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:none!important;}
  body.bp-premium .bp-mobile-nav{display:flex!important;flex-direction:column!important;width:100%!important;border:0!important;}
  body.bp-premium .bp-mobile-nav a{
    display:flex!important;align-items:center!important;justify-content:flex-start!important;grid-template-columns:none!important;
    min-height:52px!important;margin:0!important;padding:0 2px!important;border-bottom:1px solid rgba(235,221,207,.08)!important;
    color:rgba(248,243,237,.94)!important;font-family:Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:400!important;
    line-height:1.2!important;letter-spacing:.045em!important;text-align:left!important;text-shadow:none!important;
  }
  body.bp-premium .bp-mobile-nav a:last-child{border-bottom:0!important;}
  body.bp-premium .bp-mobile-nav a > span{display:none!important;}
  body.bp-premium .bp-mobile-contact{display:none!important;}
  body.bp-menu-open{overflow:hidden!important;touch-action:none!important;}
}
@media (min-width:701px) and (max-width:991px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{height:76px!important;}
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-top:9px!important;padding-bottom:9px!important;
    padding-left:max(22px,env(safe-area-inset-left))!important;padding-right:max(22px,env(safe-area-inset-right))!important;
  }
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{width:clamp(184px,22vw,202px)!important;max-width:202px!important;}
  body.bp-premium .bp-concretta-brand{margin-left:calc(clamp(34px,5vw,58px) - 18px - 6.4px)!important;align-self:center!important;}
  body.bp-premium .bp-menu-toggle{top:15px!important;right:max(20px,env(safe-area-inset-right))!important;width:46px!important;height:46px!important;}
  body.bp-premium .bp-mobile-menu{
    top:calc(100% + 8px)!important;right:max(22px,env(safe-area-inset-right))!important;
    width:min(720px,calc(100vw - 48px))!important;max-width:720px!important;max-height:calc(100dvh - 94px)!important;
    padding:16px 24px 22px!important;border-radius:18px!important;
  }
  body.bp-premium .bp-mobile-nav a{min-height:56px!important;font-size:15px!important;}
}
@media (max-width:700px){
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-top:max(8px,env(safe-area-inset-top))!important;
    padding-left:max(12px,env(safe-area-inset-left))!important;
    padding-right:max(12px,env(safe-area-inset-right))!important;
  }
  body.bp-premium .bp-concretta-brand{margin-left:-5.8px!important;}
  body.bp-premium .bp-menu-toggle{right:max(10px,env(safe-area-inset-right))!important;}
  body.bp-premium .bp-mobile-menu{
    right:max(10px,env(safe-area-inset-right))!important;
    width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))!important;
    max-width:calc(100vw - 20px - env(safe-area-inset-left) - env(safe-area-inset-right))!important;
    max-height:calc(100dvh - 80px - env(safe-area-inset-top) - env(safe-area-inset-bottom))!important;
    padding-left:16px!important;padding-right:16px!important;
  }
}

/* STEP 26 — Beton Panel Renkleri / horizontal material swatches */
body.bp-premium .bp-color-group-grid{
  grid-template-columns:repeat(2,minmax(0,1fr));
  column-gap:clamp(22px,2.4vw,38px);
  row-gap:clamp(38px,4vw,58px);
}
body.bp-premium .bp-color-media{
  aspect-ratio:3 / 2!important;
}
body.bp-premium .bp-color-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}
@media (max-width:1100px){
  body.bp-premium .bp-color-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:767.98px){
  body.bp-premium .bp-color-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:30px 12px;
  }
  body.bp-premium .bp-color-media{
    aspect-ratio:4 / 3!important;
  }
}
@media (max-width:389px){
  body.bp-premium .bp-color-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:28px 10px;
  }
}

/* STEP 27 — Hero typography refinement */
body.bp-premium .cid-t4Xv25DTzt .content-wrap{
  width:min(860px,100%)!important;
}
body.bp-premium .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
  max-width:820px!important;
  font-size:clamp(3.25rem,5vw,5.15rem)!important;
  line-height:.96!important;
  letter-spacing:-.046em!important;
  font-weight:500!important;
  text-wrap:balance;
}@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt h1{
  max-width:820px!important;
  font-size:clamp(3.25rem,5vw,5.15rem)!important;
  line-height:.96!important;
  letter-spacing:-.046em!important;
  font-weight:500!important;
  text-wrap:balance;
}}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-kicker{
  margin-bottom:16px!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-lead{
  max-width:600px!important;
  margin-top:22px!important;
  font-size:clamp(.98rem,1.05vw,1.08rem)!important;
  line-height:1.62!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-actions{
  margin-top:26px!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-meta{
  margin-top:clamp(28px,3.5vh,40px)!important;
}

@media (max-width:1199px){
  body.bp-premium .cid-t4Xv25DTzt .content-wrap{width:min(760px,100%)!important}
  body.bp-premium .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
    max-width:730px!important;
    font-size:clamp(3rem,6.25vw,4.5rem)!important;
    line-height:.97!important;
  }@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt h1{
    max-width:730px!important;
    font-size:clamp(3rem,6.25vw,4.5rem)!important;
    line-height:.97!important;
  }}
}

@media (max-width:767.98px){
  body.bp-premium .cid-t4Xv25DTzt .content-wrap{width:100%!important}
  body.bp-premium .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
    max-width:92%!important;
    font-size:clamp(2.5rem,10.8vw,3.45rem)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt h1{
    max-width:92%!important;
    font-size:clamp(2.5rem,10.8vw,3.45rem)!important;
    line-height:.98!important;
    letter-spacing:-.04em!important;
  }}
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-kicker{margin-bottom:12px!important}
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-lead{
    max-width:94%!important;
    margin-top:16px!important;
    font-size:.95rem!important;
    line-height:1.55!important;
  }
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-actions{margin-top:20px!important}
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-meta{margin-top:22px!important}
}

@media (max-width:420px){
  body.bp-premium .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
    font-size:clamp(2.35rem,10.2vw,3.05rem)!important;
    max-width:96%!important;
  }@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt h1{
    font-size:clamp(2.35rem,10.2vw,3.05rem)!important;
    max-width:96%!important;
  }}
}

@media (orientation:landscape) and (max-height:560px) and (max-width:1199px){
  body.bp-premium .cid-t4Xv25DTzt h1:where(:not(#header4-l, #header4-l *)){
    max-width:650px!important;
    font-size:clamp(2.15rem,5.2vw,3.15rem)!important;
    line-height:.96!important;
  }@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt h1{
    max-width:650px!important;
    font-size:clamp(2.15rem,5.2vw,3.15rem)!important;
    line-height:.96!important;
  }}
}
nn/* STEP 29 — Hero/header integration + editorial hero CTA */
body.bp-premium .bp-site-header{
  background:linear-gradient(180deg,rgba(14,13,12,.12) 0%,rgba(14,13,12,.045) 58%,rgba(14,13,12,0) 100%)!important;
  -webkit-backdrop-filter:blur(2px) saturate(104%)!important;
  backdrop-filter:blur(2px) saturate(104%)!important;
  box-shadow:none!important;
}
body.bp-premium .bp-site-header::after{
  background:rgba(255,255,255,.075)!important;
}
body.bp-premium .bp-site-header.is-scrolled{
  background:rgba(22,20,18,.78)!important;
  -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
  backdrop-filter:blur(14px) saturate(112%)!important;
  box-shadow:0 8px 26px rgba(8,7,6,.10)!important;
}
body.bp-premium .bp-site-header.is-scrolled::after{
  background:rgba(255,255,255,.09)!important;
}

body.bp-premium .cid-t4Xv25DTzt .bp-hero-actions{
  display:flex!important;
  align-items:center!important;
  margin-top:28px!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-editorial-link{
  display:inline-flex!important;
  align-items:center!important;
  gap:14px!important;
  width:auto!important;
  min-height:0!important;
  padding:0 0 8px!important;
  border:0!important;
  border-bottom:1px solid rgba(255,255,255,.52)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-family:Manrope,Arial,sans-serif!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.2!important;
  letter-spacing:.07em!important;
  text-transform:none!important;
  text-decoration:none!important;
  transition:border-color .24s ease,color .24s ease,transform .24s ease!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-editorial-link span{
  display:inline-block!important;
  font-size:15px!important;
  line-height:1!important;
  transform:translateY(-1px)!important;
  transition:transform .24s ease!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-editorial-link:hover,
body.bp-premium .cid-t4Xv25DTzt .bp-hero-editorial-link:focus-visible{
  color:#f3eee8!important;
  border-bottom-color:rgba(255,255,255,.92)!important;
  transform:none!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-editorial-link:hover span,
body.bp-premium .cid-t4Xv25DTzt .bp-hero-editorial-link:focus-visible span{
  transform:translate(3px,2px)!important;
}

@media (max-width:991px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header.is-scrolled{
    background:linear-gradient(180deg,rgba(18,16,14,.34) 0%,rgba(18,16,14,.12) 60%,rgba(18,16,14,0) 100%)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  body.bp-premium .bp-site-header.is-scrolled{
    background:rgba(24,21,19,.82)!important;
    -webkit-backdrop-filter:blur(14px) saturate(108%)!important;
    backdrop-filter:blur(14px) saturate(108%)!important;
  }
  body.bp-premium .bp-site-header.menu-open{
    background:rgba(24,21,19,.96)!important;
  }
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-actions{
    display:flex!important;
    margin-top:22px!important;
  }
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-editorial-link{
    font-size:12px!important;
    padding-bottom:7px!important;
    gap:12px!important;
  }
}
@media (max-width:420px){
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-editorial-link{font-size:11.5px!important;}
}

/* STEP 30 — Header fully integrated with hero at page top */
body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open){
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  box-shadow:none!important;
  border:0!important;
}
body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open)::after{
  display:none!important;
  background:transparent!important;
}
body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open) .bp-concretta-logo{
  opacity:1!important;
  filter:drop-shadow(0 1px 10px rgba(0,0,0,.20));
}
body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open) .bp-desktop-nav a{
  color:#fff!important;
  text-shadow:0 1px 14px rgba(0,0,0,.30)!important;
}
body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open) .bp-menu-toggle{
  background:transparent!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}
@media (max-width:991px){
  body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open){
    background:transparent!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    box-shadow:none!important;
  }
  body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open) .bp-menu-toggle{
    background:rgba(14,12,10,.08)!important;
    border-color:rgba(255,255,255,.22)!important;
    box-shadow:none!important;
  }
}

/* STEP31 — Beton Panel Modelleri: stronger editorial hover zoom (3x previous 1.018 delta) */
@media (hover:hover) and (pointer:fine){
  body.bp-premium .bp-collection-item:hover .bp-collection-media img{
    transform:scale(1.054)!important;
  }
}

/* STEP34 — Markalarımız mega menu: exact Concretta-final desktop behavior/design */
body.bp-premium .bp-mega-nav-item{position:static!important;display:flex;height:100%;align-items:center}
body.bp-premium .bp-mega-trigger{cursor:default!important}
@media (min-width:992px){
  body.bp-premium .bp-mega-panel{
    display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;
    position:fixed;left:0;right:0;top:78px;z-index:10020;width:100vw;
    min-height:0;max-height:calc(100vh - 96px);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;
    margin:0;padding:35px clamp(34px,4vw,64px) 31px;
    background:rgba(43,41,37,.94);
    border-top:1px solid rgba(222,209,194,.16);border-bottom:1px solid rgba(255,255,255,.055);
    box-shadow:0 20px 48px rgba(20,18,16,.16);
    -webkit-backdrop-filter:blur(18px) saturate(104%);backdrop-filter:blur(18px) saturate(104%);
    opacity:0;visibility:hidden;pointer-events:none;transform:translateY(5px);
    transition:opacity .16s ease,visibility .16s ease,transform .16s ease;
  }
  body.bp-premium .bp-site-header.is-scrolled .bp-mega-panel{top:70px;max-height:calc(100vh - 84px)}
  body.bp-premium .bp-mega-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
  body.bp-premium .bp-mega-column{min-width:0;padding:0 clamp(20px,2.3vw,38px);text-align:center}
  body.bp-premium .bp-mega-column+.bp-mega-column{border-left:1px solid rgba(232,220,205,.10)}
  body.bp-premium .bp-desktop-nav .bp-mega-brand{
    display:block!important;width:100%!important;min-height:0!important;margin:0 0 20px!important;padding:0 0 9px!important;
    color:rgba(250,246,241,.97)!important;border-bottom:1px solid rgba(224,211,196,.16)!important;
    font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.25!important;font-weight:500!important;
    letter-spacing:.075em!important;text-transform:none!important;text-align:center!important;text-decoration:none!important;
    transition:color .16s ease,border-color .16s ease!important;
  }
  body.bp-premium .bp-desktop-nav .bp-mega-brand:hover{color:#ead9c7!important;border-bottom-color:rgba(234,217,199,.38)!important}
  body.bp-premium .bp-mega-products{display:block;width:100%}
  body.bp-premium .bp-desktop-nav .bp-mega-products a{
    display:block!important;width:100%!important;min-height:0!important;padding:3px 0!important;
    color:rgba(235,228,219,.82)!important;background:transparent!important;
    font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;line-height:1.4!important;font-weight:400!important;
    letter-spacing:.025em!important;text-transform:none!important;text-align:center!important;text-decoration:none!important;
    transition:color .15s ease,transform .15s ease!important;
  }
  body.bp-premium .bp-desktop-nav .bp-mega-products a:hover{color:#ead9c7!important;transform:translateY(-1px)}
  body.bp-premium .bp-mega-panel a::after{display:none!important}
  body.bp-premium .bp-site-header.mega-open{transform:none!important;background:rgba(27,26,24,.18)!important;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}
}

/* Keep Concretta-size header links readable before switching to compact menu. */
@media (max-width:1260px) and (min-width:992px){
  body.bp-premium .bp-desktop-nav>a,body.bp-premium .bp-desktop-nav>.bp-mega-nav-item>.bp-mega-trigger{font-size:14px!important;padding-left:6px!important;padding-right:6px!important;letter-spacing:.055em!important}
  body.bp-premium .bp-concretta-brand{margin-right:10px!important}
}

/* Mobile/tablet Markalarımız accordion */
body.bp-premium .bp-mobile-mega{border-bottom:1px solid rgba(235,221,207,.08)}
body.bp-premium .bp-mobile-mega-trigger{
  width:100%;min-height:52px;margin:0;padding:0 2px;border:0;background:transparent;color:rgba(248,243,237,.94);
  display:grid;grid-template-columns:34px 1fr 30px;align-items:center;text-align:left;
  font:400 14px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.045em;cursor:pointer;
}
body.bp-premium .bp-mobile-mega-trigger>span{font-size:10px;letter-spacing:.14em;color:rgba(220,197,174,.66)}
body.bp-premium .bp-mobile-mega-trigger>b{justify-self:end;color:rgba(220,197,174,.82);font:300 21px/1 Arial,Helvetica,sans-serif}
body.bp-premium .bp-mobile-mega-trigger[aria-expanded="true"]>b{font-size:0}
body.bp-premium .bp-mobile-mega-trigger[aria-expanded="true"]>b::after{content:"−";font-size:21px}
body.bp-premium .bp-mobile-mega-panel{display:none;margin:0 0 10px;padding:8px;background:rgba(43,41,37,.97);border:1px solid rgba(231,219,205,.10);border-radius:6px;box-shadow:0 14px 34px rgba(0,0,0,.18)}
body.bp-premium .bp-mobile-mega-panel.is-open{display:block}
body.bp-premium .bp-mobile-mega-column{padding:13px 0 12px;border-top:1px solid rgba(255,255,255,.06)}
body.bp-premium .bp-mobile-mega-column:first-child{border-top:0}
body.bp-premium .bp-mobile-mega-brand{display:block!important;padding:.66rem .7rem!important;color:#faf5ef!important;font:500 14px/1.25 Arial,Helvetica,sans-serif!important;letter-spacing:.045em!important;text-transform:none!important;text-decoration:none!important}
body.bp-premium .bp-mobile-mega-column>div{margin:0 0 6px 10px;padding:2px 0 4px 10px;border-left:1px solid rgba(229,214,196,.20)}
body.bp-premium .bp-mobile-mega-column>div a{display:block!important;padding:7px .7rem!important;color:rgba(235,228,219,.84)!important;font:400 14px/1.4 Arial,Helvetica,sans-serif!important;text-decoration:none!important;white-space:normal!important;overflow-wrap:anywhere!important}
@media (min-width:992px){body.bp-premium .bp-mobile-mega{display:none!important}}
@media (max-width:991px){body.bp-premium .bp-mega-nav-item{display:none!important}body.bp-premium .bp-mobile-mega{display:block}}

/* STEP33 — Beton Panel Renkleri premium modal */
body.bp-premium .bp-color-item{cursor:pointer}
body.bp-premium .bp-color-item:focus-visible{outline:1px solid rgba(24,22,20,.55);outline-offset:6px;border-radius:20px}
body.bp-premium .bp-color-item .bp-color-media{position:relative}
body.bp-premium .bp-color-item .bp-color-media::after{
  content:"Büyüt ↗";position:absolute;right:14px;bottom:13px;padding:7px 10px;border-radius:999px;
  background:rgba(22,20,18,.58);color:#fff;font:500 10px/1 Arial,Helvetica,sans-serif;letter-spacing:.08em;
  opacity:0;transform:translateY(4px);transition:opacity .25s ease,transform .25s ease;pointer-events:none;
  backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)
}
@media (hover:hover){
  body.bp-premium .bp-color-item:hover .bp-color-media::after{opacity:1;transform:none}
}
body.bp-color-modal-open{overflow:hidden}
body.bp-premium .bp-color-modal{
  position:fixed;inset:0;z-index:99999;display:grid;place-items:center;padding:28px;
  background:rgba(12,11,10,.88);opacity:0;visibility:hidden;pointer-events:none;
  transition:opacity .28s ease,visibility .28s ease;
  backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)
}
body.bp-premium .bp-color-modal.is-open{opacity:1;visibility:visible;pointer-events:auto}
body.bp-premium .bp-color-modal__dialog{
  position:relative;width:min(920px,calc(100vw - 56px));height:min(820px,calc(100dvh - 56px));
  display:grid;grid-template-rows:minmax(0,1fr) auto;background:#f0ece6;border-radius:26px;overflow:hidden;
  box-shadow:0 30px 90px rgba(0,0,0,.38);transform:translateY(10px) scale(.992);
  transition:transform .32s cubic-bezier(.2,.75,.25,1)
}
body.bp-premium .bp-color-modal.is-open .bp-color-modal__dialog{transform:none}
body.bp-premium .bp-color-modal__media{position:relative;min-height:0;background:#ded8d0;overflow:hidden}
body.bp-premium .bp-color-modal__image{width:100%;height:100%;display:block;object-fit:cover;user-select:none;-webkit-user-drag:none}
body.bp-premium .bp-color-modal__meta{
  display:grid;grid-template-columns:1fr auto;align-items:end;gap:22px;padding:18px 24px 20px;background:#f4f0ea;color:#1e1b18
}
body.bp-premium .bp-color-modal__name{font:600 18px/1.15 Arial,Helvetica,sans-serif;letter-spacing:.045em}
body.bp-premium .bp-color-modal__sub{display:block;margin-top:5px;color:#777069;font:400 11px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.055em;text-transform:uppercase}
body.bp-premium .bp-color-modal__count{color:#756f68;font:500 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em}
body.bp-premium .bp-color-modal__close,
body.bp-premium .bp-color-modal__nav{
  position:absolute;z-index:3;border:0;color:#fff;background:rgba(20,18,16,.40);cursor:pointer;
  backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);transition:background .2s ease,transform .2s ease
}
body.bp-premium .bp-color-modal__close{top:18px;right:18px;width:44px;height:44px;border-radius:50%;font:300 25px/1 Arial,Helvetica,sans-serif}
body.bp-premium .bp-color-modal__nav{top:50%;width:48px;height:62px;margin-top:-31px;border-radius:999px;font:300 27px/1 Arial,Helvetica,sans-serif}
body.bp-premium .bp-color-modal__prev{left:18px}.bp-color-modal__next{right:18px}
@media (hover:hover){
  body.bp-premium .bp-color-modal__close:hover,body.bp-premium .bp-color-modal__nav:hover{background:rgba(20,18,16,.66)}
  body.bp-premium .bp-color-modal__prev:hover{transform:translateX(-2px)}
  body.bp-premium .bp-color-modal__next:hover{transform:translateX(2px)}
}
body.bp-premium .bp-color-modal__close:focus-visible,body.bp-premium .bp-color-modal__nav:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media (max-width:767px){
  body.bp-premium .bp-color-modal{padding:12px}
  body.bp-premium .bp-color-modal__dialog{width:100%;height:min(720px,calc(100dvh - 24px));border-radius:20px}
  body.bp-premium .bp-color-modal__meta{padding:15px 17px 17px}
  body.bp-premium .bp-color-modal__name{font-size:16px}
  body.bp-premium .bp-color-modal__nav{width:42px;height:54px;margin-top:-27px;font-size:23px}
  body.bp-premium .bp-color-modal__prev{left:10px}body.bp-premium .bp-color-modal__next{right:10px}
  body.bp-premium .bp-color-modal__close{top:10px;right:10px;width:40px;height:40px;font-size:23px}
  body.bp-premium .bp-color-item .bp-color-media::after{display:none}
}
@media (max-width:480px){
  body.bp-premium .bp-color-modal__dialog{height:calc(100dvh - 24px)}
  body.bp-premium .bp-color-modal__image{object-fit:cover}
}


/* STEP35 — Warm concrete charcoal mega-menu palette for Betonpaneller */
@media (min-width:992px){
  body.bp-premium .bp-mega-panel{background:rgba(43,41,37,.94)!important;}
}

/* STEP36 — keep Concretta logo size unchanged while header scroll state changes */
@media (min-width:1361px){
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:clamp(208px,14.8vw,224px)!important;
  }
}
@media (min-width:1200px) and (max-width:1360px){
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:214px!important;
  }
}
@media (min-width:1101px) and (max-width:1199px){
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:208px!important;
  }
}
@media (min-width:992px) and (max-width:1100px){
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:clamp(194px,18vw,202px)!important;
  }
}

/* STEP37 — Markalarımız mega menu: Concretta final exact alignment + spacing
   Source geometry mirrored from concretta_final.zip; Betonpaneller warm-concrete palette retained. */
@media (min-width:992px){
  body.bp-premium .bp-mega-panel{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:0!important;
    padding:35px clamp(34px,4vw,64px) 31px!important;
    align-items:start!important;
  }
  body.bp-premium .bp-mega-column{
    min-width:0!important;
    padding:0 clamp(20px,2.3vw,38px)!important;
    text-align:center!important;
    align-self:start!important;
  }
  body.bp-premium .bp-desktop-nav .bp-mega-brand{
    display:block!important;
    width:100%!important;
    margin:0 0 20px!important;
    padding:0 0 9px!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:500!important;
    letter-spacing:.075em!important;
    text-align:center!important;
  }
  body.bp-premium .bp-mega-products{
    display:block!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.bp-premium .bp-desktop-nav .bp-mega-products a{
    display:block!important;
    width:100%!important;
    min-height:0!important;
    margin:0!important;
    padding:3px 0!important;
    font-size:14px!important;
    line-height:1.4!important;
    font-weight:400!important;
    letter-spacing:.025em!important;
    text-align:center!important;
  }
}

/* Concretta final mobile/tablet vertical rhythm. */
@media (max-width:991px){
  body.bp-premium .bp-mobile-mega-panel{
    margin:0 0 10px!important;
    padding:2px 0 6px!important;
    border-radius:0!important;
  }
  body.bp-premium .bp-mobile-mega-column{
    padding:13px 0 12px!important;
  }
  body.bp-premium .bp-mobile-mega-brand{
    margin:0!important;
    padding:4px 2px 9px!important;
    font-size:14px!important;
    line-height:1.25!important;
    font-weight:500!important;
  }
  body.bp-premium .bp-mobile-mega-column>div{
    margin:0 0 6px 10px!important;
    padding:2px 0 4px 10px!important;
  }
  body.bp-premium .bp-mobile-mega-column>div a{
    margin:0!important;
    padding:7px 0!important;
    font-size:12.5px!important;
    line-height:1.3!important;
  }
}

/* STEP38 — canonical Concretta-final mega menu geometry.
   This block intentionally resets legacy Betonpaneller mega-menu layout rules. */
@media (min-width:992px){
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-nav-item.mega-nav-item{
    position:static!important;display:flex!important;align-items:center!important;height:100%!important;
    margin:0!important;padding:0!important;
  }
  body.bp-premium .bp-site-header .bp-mega-panel.mega-menu-panel{
    display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:0!important;
    position:fixed!important;left:0!important;right:0!important;top:78px!important;z-index:10020!important;
    width:100vw!important;min-width:100vw!important;min-height:0!important;max-height:calc(100vh - 96px)!important;
    overflow-x:hidden!important;overflow-y:auto!important;overscroll-behavior:contain!important;
    margin:0!important;padding:35px clamp(34px,4vw,64px) 31px!important;
    background:rgba(43,41,37,.94)!important;
    border-top:1px solid rgba(222,209,194,.16)!important;border-right:0!important;border-bottom:1px solid rgba(255,255,255,.055)!important;border-left:0!important;
    border-radius:0!important;box-shadow:0 20px 48px rgba(20,18,16,.16)!important;
    -webkit-backdrop-filter:blur(18px) saturate(104%)!important;backdrop-filter:blur(18px) saturate(104%)!important;
    align-items:start!important;text-align:center!important;
    opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(5px)!important;
    transition:opacity .16s ease,visibility .16s ease,transform .16s ease!important;
  }
  body.bp-premium .bp-site-header.is-scrolled .bp-mega-panel.mega-menu-panel{top:70px!important;max-height:calc(100vh - 84px)!important;}
  body.bp-premium .bp-site-header .bp-mega-panel.mega-menu-panel.is-open{
    opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important;
  }
  body.bp-premium .bp-site-header .bp-mega-column.mega-column{
    display:block!important;min-width:0!important;margin:0!important;padding:0 clamp(20px,2.3vw,38px)!important;
    text-align:center!important;align-self:start!important;border-top:0!important;
  }
  body.bp-premium .bp-site-header .bp-mega-column.mega-column + .bp-mega-column.mega-column{
    border-left:1px solid rgba(232,220,205,.10)!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-brand.mega-brand-link{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;
    margin:0 0 20px!important;padding:0 0 9px!important;
    color:rgba(250,246,241,.97)!important;background:transparent!important;
    border:0!important;border-bottom:1px solid rgba(224,211,196,.16)!important;border-radius:0!important;
    font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:500!important;line-height:1.25!important;
    letter-spacing:.075em!important;text-transform:none!important;text-align:center!important;text-decoration:none!important;
    text-shadow:none!important;white-space:normal!important;opacity:1!important;
  }
  body.bp-premium .bp-site-header .bp-mega-products.mega-product-list{
    display:block!important;width:100%!important;margin:0!important;padding:0!important;border:0!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-products.mega-product-list .mega-product-link{
    display:block!important;width:100%!important;height:auto!important;min-height:0!important;
    margin:0!important;padding:3px 0!important;
    color:rgba(235,228,219,.82)!important;background:transparent!important;border:0!important;border-radius:0!important;
    font-family:Arial,Helvetica,sans-serif!important;font-size:14px!important;font-weight:400!important;line-height:1.4!important;
    letter-spacing:.025em!important;text-transform:none!important;text-align:center!important;text-decoration:none!important;
    text-shadow:none!important;white-space:normal!important;overflow-wrap:anywhere!important;opacity:1!important;
    transition:color .15s ease,transform .15s ease!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-products.mega-product-list .mega-product-link:hover{
    color:#ead9c7!important;transform:translateY(-1px)!important;
  }
  body.bp-premium .bp-site-header .bp-mega-panel.mega-menu-panel a::after{display:none!important;content:none!important;}
}

/* Concretta-final mobile/tablet vertical rhythm, reset from legacy BP accordion rules. */
@media (max-width:991px){
  body.bp-premium .bp-mobile-mega-panel{
    margin:0 0 10px!important;padding:2px 0 6px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;
  }
  body.bp-premium .bp-mobile-mega-column{
    margin:0!important;padding:13px 0 12px!important;border-top:1px solid rgba(235,221,207,.07)!important;
  }
  body.bp-premium .bp-mobile-mega-column:first-child{border-top:0!important;}
  body.bp-premium .bp-mobile-mega-brand{
    display:block!important;margin:0!important;padding:4px 2px 9px!important;
    color:#dbc5ad!important;font-size:14px!important;font-weight:500!important;line-height:1.25!important;letter-spacing:.075em!important;text-transform:none!important;text-align:left!important;
  }
  body.bp-premium .bp-mobile-mega-column>div{
    display:block!important;margin:0!important;padding:0 0 0 13px!important;border-left:1px solid rgba(220,197,174,.17)!important;
  }
  body.bp-premium .bp-mobile-mega-column>div a{
    display:block!important;margin:0!important;padding:7px 0!important;
    color:rgba(241,234,226,.78)!important;font-size:12.5px!important;font-weight:400!important;line-height:1.3!important;letter-spacing:.01em!important;text-align:left!important;white-space:normal!important;
  }
}

/* STEP40 — screenshot-matched Concretta mega menu alignment / vertical rhythm */
@media (min-width: 992px){
  body.bp-premium .bp-site-header .bp-mega-panel.mega-menu-panel{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    column-gap:0!important;
    padding:40px max(72px,7vw) 36px!important;
    min-height:395px!important;
    align-items:stretch!important;
    background:rgba(43,41,37,.94)!important;
  }
  body.bp-premium .bp-site-header .bp-mega-column.mega-column{
    position:relative!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    justify-content:flex-start!important;
    padding:0 clamp(34px,3.3vw,52px)!important;
    min-height:315px!important;
    text-align:center!important;
  }
  body.bp-premium .bp-site-header .bp-mega-column.mega-column + .bp-mega-column.mega-column{
    border-left:1px solid rgba(224,211,196,.11)!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-brand.mega-brand-link{
    display:block!important;
    width:100%!important;
    margin:0 0 6px!important;
    padding:8px 0 13px!important;
    border-bottom:1px solid rgba(224,211,196,.18)!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:16px!important;
    font-weight:500!important;
    line-height:1.3!important;
    letter-spacing:.035em!important;
    text-align:center!important;
    white-space:normal!important;
  }
  body.bp-premium .bp-site-header .bp-mega-products.mega-product-list{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    padding-top:1px!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-products.mega-product-list .mega-product-link{
    display:block!important;
    margin:0!important;
    padding:12px 0!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:16px!important;
    font-weight:400!important;
    line-height:1.42!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-products.mega-product-list .mega-product-link:hover{
    transform:none!important;
    color:#ead9c7!important;
  }
}

@media (min-width: 992px) and (max-width: 1260px){
  body.bp-premium .bp-site-header .bp-mega-panel.mega-menu-panel{
    padding-left:38px!important;
    padding-right:38px!important;
  }
  body.bp-premium .bp-site-header .bp-mega-column.mega-column{
    padding-left:24px!important;
    padding-right:24px!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-brand.mega-brand-link,
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-products.mega-product-list .mega-product-link{
    font-size:15px!important;
  }
}

/* STEP 41 — Hero project form CTA pairing */
body.bp-premium .cid-t4Xv25DTzt .bp-hero-actions{
  gap:28px!important;
  flex-wrap:wrap!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-project-link{
  border-bottom-color:rgba(255,255,255,.34)!important;
}
body.bp-premium .cid-t4Xv25DTzt .bp-hero-project-link:hover,
body.bp-premium .cid-t4Xv25DTzt .bp-hero-project-link:focus-visible{
  border-bottom-color:rgba(255,255,255,.92)!important;
}
@media (max-width:991px){
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-actions{gap:18px!important;}
}
@media (max-width:520px){
  body.bp-premium .cid-t4Xv25DTzt .bp-hero-actions{gap:14px 18px!important;}
}

/* STEP42 — Mega menu compact typography / single-line product labels */
@media (min-width: 992px){
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-brand.mega-brand-link{
    font-size:15px!important;
    line-height:1.25!important;
    letter-spacing:.03em!important;
    white-space:nowrap!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-products.mega-product-list .mega-product-link{
    font-size:14px!important;
    line-height:1.35!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    padding:11px 0!important;
  }
}
@media (min-width: 992px) and (max-width: 1260px){
  body.bp-premium .bp-site-header .bp-mega-column.mega-column{
    padding-left:18px!important;
    padding-right:18px!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-brand.mega-brand-link{
    font-size:14px!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-products.mega-product-list .mega-product-link{
    font-size:13px!important;
  }
}
@media (min-width: 992px) and (max-width: 1080px){
  body.bp-premium .bp-site-header .bp-mega-panel.mega-menu-panel{
    padding-left:22px!important;
    padding-right:22px!important;
  }
  body.bp-premium .bp-site-header .bp-mega-column.mega-column{
    padding-left:12px!important;
    padding-right:12px!important;
  }
  body.bp-premium .bp-site-header .bp-desktop-nav .bp-mega-products.mega-product-list .mega-product-link{
    font-size:12px!important;
  }
}


/* STEP44 — Color modal → project request CTA */
body.bp-premium .bp-color-modal__meta{
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
}
body.bp-premium .bp-color-modal__request{
  appearance:none;border:0;background:transparent;color:#2a2723;padding:4px 0 5px;
  font:500 12px/1.25 Arial,Helvetica,sans-serif;letter-spacing:.04em;cursor:pointer;
  position:relative;white-space:nowrap;text-align:left;
}
body.bp-premium .bp-color-modal__request::after{
  content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;opacity:.38;
  transform-origin:left center;transition:transform .24s ease,opacity .24s ease;
}
body.bp-premium .bp-color-modal__request span{display:inline-block;margin-left:5px;transition:transform .24s ease}
@media (hover:hover){
  body.bp-premium .bp-color-modal__request:hover::after{transform:scaleX(.72);opacity:.7}
  body.bp-premium .bp-color-modal__request:hover span{transform:translate(2px,-2px)}
}
body.bp-premium .bp-color-modal__request:focus-visible{outline:2px solid #575047;outline-offset:5px}
@media (max-width:767px){
  body.bp-premium .bp-color-modal__meta{grid-template-columns:1fr auto;gap:12px 16px;align-items:center}
  body.bp-premium .bp-color-modal__identity{min-width:0}
  body.bp-premium .bp-color-modal__request{grid-column:1 / -1;grid-row:2;font-size:12px;justify-self:start;margin-top:1px}
  body.bp-premium .bp-color-modal__count{grid-column:2;grid-row:1}
}

/* STEP 47 — Renkler deneme: premium material library / NO COLOR FILTERS */
body.bp-premium .bp-colors{
  background:#f3f1ec!important;
}
body.bp-premium .bp-color-group-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  column-gap:clamp(18px,2vw,28px)!important;
  row-gap:clamp(36px,4vw,54px)!important;
}
body.bp-premium .bp-color-media{
  aspect-ratio:5 / 4!important;
  border-radius:16px!important;
  overflow:hidden!important;
  background:#ddd9d0!important;
}
body.bp-premium .bp-color-media img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  filter:none!important;
  transform:none;
  transition:transform .5s cubic-bezier(.2,.7,.2,1)!important;
}
body.bp-premium .bp-color-item:hover .bp-color-media img{
  transform:scale(1.015)!important;
  filter:none!important;
}
body.bp-premium .bp-color-item figcaption{
  display:flex!important;
  justify-content:space-between!important;
  align-items:baseline!important;
  gap:10px!important;
  margin-top:10px!important;
  padding:0!important;
  border:0!important;
}
body.bp-premium .bp-color-item strong{
  font-size:12px!important;
  line-height:1.25!important;
  letter-spacing:.08em!important;
  font-weight:600!important;
  color:#24221f!important;
}
body.bp-premium .bp-color-item span{
  font-size:9.5px!important;
  line-height:1.35!important;
  letter-spacing:.02em!important;
  color:#8a867f!important;
}
body.bp-premium .bp-color-group-head{
  border-top-color:rgba(36,34,31,.16)!important;
}
body.bp-premium .bp-color-group-no{
  color:#aaa59d!important;
  font-size:9px!important;
  letter-spacing:.16em!important;
}
body.bp-premium .bp-color-group h3{
  font-size:clamp(16px,1.2vw,20px)!important;
  font-weight:500!important;
  letter-spacing:.02em!important;
}
body.bp-premium .bp-color-group-head p{
  color:#8a867f!important;
  font-size:11px!important;
  line-height:1.6!important;
}
@media (max-width:1100px){
  body.bp-premium .bp-color-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.bp-premium .bp-color-media{
    aspect-ratio:4 / 3!important;
  }
}
@media (max-width:767.98px){
  body.bp-premium .bp-color-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:28px 12px!important;
  }
  body.bp-premium .bp-color-media{
    aspect-ratio:4 / 3!important;
    border-radius:14px!important;
  }
  body.bp-premium .bp-color-item figcaption{
    display:block!important;
    margin-top:8px!important;
  }
  body.bp-premium .bp-color-item span{
    display:block!important;
    margin-top:3px!important;
  }
}
@media (max-width:389px){
  body.bp-premium .bp-color-group-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:26px 10px!important;
  }
  body.bp-premium .bp-color-media{
    border-radius:14px!important;
  }
}

/* STEP50 — Open-tone visibility stage only; preserve original color assets */
body.bp-premium .bp-color-media{
  background:#e9e7e2!important;
  border:1px solid rgba(61,56,50,.16)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28),0 1px 2px rgba(36,31,27,.025)!important;
  padding:2px!important;
  box-sizing:border-box!important;
}
body.bp-premium .bp-color-media img{
  border-radius:13px!important;
  filter:none!important;
}
body.bp-premium .bp-color-modal__media{
  background:#e9e7e2!important;
  padding:clamp(12px,1.6vw,22px)!important;
  box-sizing:border-box!important;
}
body.bp-premium .bp-color-modal__image{
  border:1px solid rgba(61,56,50,.16)!important;
  border-radius:12px!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.24),0 6px 24px rgba(36,31,27,.045)!important;
  background:#e9e7e2!important;
  filter:none!important;
  box-sizing:border-box!important;
}
@media (max-width:767.98px){
  body.bp-premium .bp-color-media{padding:1px!important;}
  body.bp-premium .bp-color-media img{border-radius:12px!important;}
  body.bp-premium .bp-color-modal__media{padding:10px!important;}
  body.bp-premium .bp-color-modal__image{border-radius:10px!important;}
}

/* STEP59 — Cementare final header geometry parity */
@media (min-width:1190px){
  body.bp-premium .bp-site-header .bp-header-inner{
    width:100%!important;
    max-width:none!important;
    padding-left:clamp(54px,5.2vw,104px)!important;
    padding-right:clamp(54px,5.2vw,104px)!important;
    gap:0!important;
    justify-content:flex-start!important;
    align-items:center!important;
  }
  body.bp-premium .bp-concretta-brand{
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:224px!important;
    max-width:224px!important;
    height:auto!important;
  }
  body.bp-premium .bp-desktop-nav{
    --bp-cementare-nav-width:clamp(730px,55vw,1010px);
    display:flex!important;
    flex:0 1 var(--bp-cementare-nav-width)!important;
    width:var(--bp-cementare-nav-width)!important;
    max-width:var(--bp-cementare-nav-width)!important;
    min-width:0!important;
    height:100%!important;
    margin-left:clamp(42px,5vw,96px)!important;
    margin-right:auto!important;
    padding:0!important;
    align-items:center!important;
    justify-content:space-between!important;
    gap:0!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item{
    flex:0 0 auto!important;
    margin:0!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger{
    min-height:42px!important;
    padding-left:8px!important;
    padding-right:8px!important;
    display:inline-flex!important;
    align-items:center!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:14px!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:.018em!important;
    white-space:nowrap!important;
  }
  body.bp-premium .bp-desktop-nav .bp-header-tools{
    flex:0 0 auto!important;
    margin-left:0!important;
    padding-left:0!important;
  }
}
@media (min-width:1440px) and (min-aspect-ratio:16/10){
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-left:clamp(86px,6.2vw,126px)!important;
    padding-right:clamp(86px,6.2vw,126px)!important;
  }
  body.bp-premium .bp-desktop-nav{
    --bp-cementare-nav-width:clamp(900px,51.8vw,1060px);
    margin-left:clamp(88px,7vw,144px)!important;
  }
}
@media (min-width:1800px) and (min-aspect-ratio:2/1){
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-left:clamp(112px,6.2vw,132px)!important;
    padding-right:clamp(112px,6.2vw,132px)!important;
  }
  body.bp-premium .bp-desktop-nav{
    --bp-cementare-nav-width:clamp(1010px,51vw,1080px);
    margin-left:clamp(126px,7.2vw,152px)!important;
  }
}
@media (min-width:1280px) and (max-width:1599px) and (max-aspect-ratio:16/10){
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-left:clamp(62px,5vw,78px)!important;
    padding-right:clamp(62px,5vw,78px)!important;
  }
  body.bp-premium .bp-desktop-nav{
    --bp-cementare-nav-width:clamp(748px,55vw,860px);
    margin-left:clamp(44px,4.2vw,66px)!important;
  }
}
@media (min-width:1190px) and (max-aspect-ratio:4/3){
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-left:clamp(46px,4.2vw,66px)!important;
    padding-right:clamp(46px,4.2vw,66px)!important;
  }
  body.bp-premium .bp-desktop-nav{
    --bp-cementare-nav-width:clamp(710px,58vw,820px);
    margin-left:clamp(30px,3.2vw,50px)!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger{
    padding-left:6px!important;
    padding-right:6px!important;
  }
}
@media (min-width:1190px) and (max-width:1279px){
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-left:clamp(42px,4.2vw,54px)!important;
    padding-right:clamp(42px,4.2vw,54px)!important;
  }
  body.bp-premium .bp-desktop-nav{
    --bp-cementare-nav-width:clamp(690px,59vw,742px);
    margin-left:clamp(28px,3vw,40px)!important;
  }
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:202px!important;
    max-width:202px!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger{
    font-size:13px!important;
    padding-left:5px!important;
    padding-right:5px!important;
  }
}

/* STEP62 — Concretta concretta.html logo + hero copy placement parity
   Source geometry: concretta-brand-v121.css + concretta-brand-hero-align-v368.css */
@media (min-width:1200px){
  body.bp-premium .bp-site-header .bp-header-inner{
    width:100%!important;
    max-width:none!important;
    padding-left:calc(clamp(54px,7.6vw,132px) - 6px)!important;
    padding-right:clamp(54px,5vw,96px)!important;
  }
  body.bp-premium .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){
    min-height:100vh!important;
    min-height:100dvh!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:150px 0 80px!important;
  }@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt{
    min-height:100vh!important;
    min-height:100dvh!important;
    display:flex!important;
    align-items:flex-end!important;
    padding:150px 0 80px!important;
  }}
  body.bp-premium .cid-t4Xv25DTzt .container-fluid{
    width:auto!important;
    max-width:none!important;
    margin-left:clamp(54px,7.6vw,132px)!important;
    margin-right:clamp(54px,5vw,96px)!important;
    padding:0!important;
  }
  body.bp-premium .cid-t4Xv25DTzt .row{
    margin:0!important;
  }
  body.bp-premium .cid-t4Xv25DTzt .content-wrap{
    width:min(820px,100%)!important;
    max-width:820px!important;
    padding:0!important;
  }
}

@media (min-width:768px) and (max-width:1199px){
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-left:calc(clamp(34px,5vw,58px) - 6px)!important;
  }
  body.bp-premium .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){
    min-height:100vh!important;
    min-height:100dvh!important;
    display:flex!important;
    align-items:flex-end!important;
    padding-top:150px!important;
    padding-bottom:80px!important;
  }@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt{
    min-height:100vh!important;
    min-height:100dvh!important;
    display:flex!important;
    align-items:flex-end!important;
    padding-top:150px!important;
    padding-bottom:80px!important;
  }}
  body.bp-premium .cid-t4Xv25DTzt .container-fluid{
    width:auto!important;
    max-width:none!important;
    margin-left:clamp(34px,5vw,58px)!important;
    margin-right:clamp(26px,4vw,48px)!important;
    padding:0!important;
  }
  body.bp-premium .cid-t4Xv25DTzt .row{margin:0!important;}
}

@media (max-width:767.98px){
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-left:20px!important;
  }
  body.bp-premium .cid-t4Xv25DTzt:where(:not(#header4-l, #header4-l *)){
    min-height:700px!important;
    padding-top:132px!important;
    padding-bottom:58px!important;
  }@media(min-width:1367px){body.bp-premium .cid-t4Xv25DTzt{
    min-height:700px!important;
    padding-top:132px!important;
    padding-bottom:58px!important;
  }}
  body.bp-premium .cid-t4Xv25DTzt .container-fluid{
    width:auto!important;
    max-width:none!important;
    margin-left:26px!important;
    margin-right:26px!important;
    padding:0!important;
  }
  body.bp-premium .cid-t4Xv25DTzt .row{margin:0!important;}
}

/* STEP64 — mikrobetonzemin_final_yayında sibling header parity
   Geometry adapted from mbz-concretta-header-true-exact.css V71. */
@media (min-width:992px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open){
    height:78px!important;
    min-height:78px!important;
    background:linear-gradient(180deg,rgba(53,44,37,.56) 0%,rgba(53,44,37,.22) 68%,rgba(53,44,37,0) 100%)!important;
    border:0!important;
    box-shadow:none!important;
    -webkit-backdrop-filter:blur(0) saturate(103%)!important;
    backdrop-filter:blur(0) saturate(103%)!important;
  }
  body.bp-premium .bp-site-header.is-scrolled{
    height:78px!important;
    min-height:78px!important;
    background:rgba(35,32,29,.72)!important;
    -webkit-backdrop-filter:blur(15px) saturate(112%)!important;
    backdrop-filter:blur(15px) saturate(112%)!important;
    box-shadow:none!important;
    border:0!important;
  }
  body.bp-premium .bp-site-header .bp-header-inner{
    width:100%!important;
    max-width:none!important;
    height:78px!important;
    min-height:78px!important;
    margin:0!important;
    padding:8px clamp(20px,3.25vw,52px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:0!important;
    box-sizing:border-box!important;
  }
  body.bp-premium .bp-concretta-brand{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    margin:0 clamp(20px,2.8vw,42px) 0 0!important;
    padding:0!important;
    height:auto!important;
  }
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    display:block!important;
    width:auto!important;
    max-width:clamp(162px,16vw,226px)!important;
    height:2.78rem!important;
    max-height:2.78rem!important;
    object-fit:contain!important;
    opacity:.97!important;
    transform:none!important;
    filter:none!important;
  }
  body.bp-premium .bp-desktop-nav{
    display:flex!important;
    flex:1 1 auto!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:100%!important;
    margin:0 0 0 auto!important;
    padding:0!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    flex-wrap:nowrap!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item{
    flex:0 0 auto!important;
    margin:0 2px!important;
  }
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item{
    display:flex!important;
    align-items:center!important;
    height:100%!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger{
    min-height:40px!important;
    height:40px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    margin:0!important;
    padding:0 11px!important;
    font-family:Arial,Helvetica,sans-serif!important;
    font-size:12px!important;
    font-weight:500!important;
    line-height:1!important;
    letter-spacing:.075em!important;
    white-space:nowrap!important;
  }
}

@media (min-width:992px) and (max-width:1180px){
  body.bp-premium .bp-site-header .bp-header-inner{padding-left:20px!important;padding-right:20px!important;}
  body.bp-premium .bp-concretta-brand{margin-right:16px!important;}
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    height:2.7rem!important;max-height:2.7rem!important;max-width:205px!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger{
    padding-left:8px!important;padding-right:8px!important;font-size:11.5px!important;letter-spacing:.055em!important;
  }
}

@media (max-width:991px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open){
    height:72px!important;
    min-height:72px!important;
    background:rgba(30,27,24,.28)!important;
    -webkit-backdrop-filter:blur(8px)!important;
    backdrop-filter:blur(8px)!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{
    height:72px!important;
    min-height:72px!important;
    background:rgba(35,32,29,.90)!important;
    -webkit-backdrop-filter:blur(12px)!important;
    backdrop-filter:blur(12px)!important;
    border:0!important;
    box-shadow:none!important;
  }
  body.bp-premium .bp-site-header .bp-header-inner{
    width:100%!important;
    max-width:none!important;
    height:72px!important;
    min-height:72px!important;
    margin:0!important;
    padding-left:15px!important;
    padding-right:15px!important;
    gap:0!important;
  }
  body.bp-premium .bp-concretta-brand{margin:0!important;padding:0!important;display:flex!important;align-items:center!important;}
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:auto!important;
    max-width:186px!important;
    height:2.46rem!important;
    max-height:2.46rem!important;
    object-fit:contain!important;
    transform:none!important;
  }
  body.bp-premium .bp-menu-toggle{margin-left:auto!important;right:auto!important;}
  body.bp-premium .bp-mobile-menu{top:72px!important;height:calc(100dvh - 72px)!important;}
}

/* STEP65 — MIKROBETONZEMIN FINAL: exact sister-site header geometry + typography.
   Source: mikrobetonzemin_final_yayında.zip / mbz-concretta-header-true-exact.css.
   Logo asset is byte-identical; only geometry/typography is normalized here. */
@media (min-width:992px){
  body.bp-premium .bp-site-header{
    height:82px!important;
    background:linear-gradient(180deg,rgba(53,44,37,.56) 0%,rgba(53,44,37,.22) 68%,rgba(53,44,37,0) 100%)!important;
    border:0!important;box-shadow:none!important;
    -webkit-backdrop-filter:blur(0) saturate(103%)!important;backdrop-filter:blur(0) saturate(103%)!important;
  }
  body.bp-premium .bp-site-header.is-scrolled{
    height:70px!important;
    background:linear-gradient(180deg,rgba(53,44,37,.70) 0%,rgba(53,44,37,.34) 68%,rgba(53,44,37,0) 100%)!important;
    box-shadow:0 10px 28px rgba(20,16,13,.16)!important;
  }
  body.bp-premium .bp-site-header::after{display:none!important;}
  body.bp-premium .bp-site-header .bp-header-inner{
    width:100%!important;max-width:none!important;height:100%!important;margin:0!important;
    padding:8px clamp(22px,4.6vw,76px)!important;gap:0!important;
    align-items:center!important;justify-content:flex-start!important;
  }
  body.bp-premium .bp-concretta-brand{
    flex:0 0 auto!important;display:flex!important;align-items:center!important;line-height:0!important;
    margin-right:16px!important;
  }
  body.bp-premium .bp-concretta-logo{
    width:clamp(208px,14.8vw,224px)!important;height:auto!important;max-width:none!important;
    object-fit:contain!important;opacity:.97!important;transform:translateY(1px)!important;
  }
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:clamp(194px,13.5vw,206px)!important;height:auto!important;
  }
  body.bp-premium .bp-desktop-nav{
    margin-left:auto!important;display:flex!important;align-items:center!important;justify-content:flex-end!important;
    gap:1px!important;height:100%!important;flex-wrap:nowrap!important;
  }
  body.bp-premium .bp-desktop-nav a{
    min-height:42px!important;padding:0 10px!important;display:flex!important;align-items:center!important;justify-content:center!important;
    color:rgba(255,255,255,.97)!important;
    font-family:"Jost",Arial,Helvetica,sans-serif!important;font-size:15px!important;font-weight:500!important;line-height:1.25!important;
    letter-spacing:.045em!important;text-transform:none!important;text-shadow:0 2px 14px rgba(0,0,0,.34)!important;white-space:nowrap!important;
  }
  body.bp-premium .bp-desktop-nav a:hover,body.bp-premium .bp-desktop-nav a:focus-visible{color:#ead7c2!important;}
}
@media (min-width:1101px){
  body.bp-premium .bp-concretta-brand{
    margin-left:calc(clamp(54px,7.6vw,132px) - clamp(22px,4.6vw,76px) - 7.2px)!important;
  }
}
@media (min-width:992px) and (max-width:1189px){
  body.bp-premium .bp-desktop-nav{gap:0!important;}
  body.bp-premium .bp-desktop-nav a{min-height:40px!important;padding-left:7px!important;padding-right:7px!important;}
}
@media (min-width:992px) and (max-width:1100px){
  body.bp-premium .bp-concretta-logo{width:clamp(194px,18vw,202px)!important;}
  body.bp-premium .bp-concretta-brand{
    margin-left:calc(clamp(34px,5vw,58px) - clamp(22px,4.6vw,76px) - 6.5px)!important;
  }
}
@media (max-width:991px){
  body.bp-premium .bp-mobile-nav a,
  body.bp-premium .bp-mobile-tools,
  body.bp-premium .bp-mobile-tools *{font-family:"Jost",Arial,Helvetica,sans-serif!important;}
  body.bp-premium .bp-mobile-nav a{font-weight:400!important;letter-spacing:.045em!important;}
}

/* STEP66 — Mikrobetonzemin final sibling header: exact visual rhythm */
@media (min-width:992px){
  body.bp-premium .bp-site-header{
    height:96px!important;
    min-height:77px!important;
    background:rgba(26,21,17,.12)!important;
    -webkit-backdrop-filter:blur(6px) saturate(108%)!important;
    backdrop-filter:blur(6px) saturate(108%)!important;
    border-bottom:1px solid rgba(255,253,249,.12)!important;
    box-shadow:0 3px 16px rgba(0,0,0,.045)!important;
  }
  body.bp-premium .bp-site-header.is-scrolled{
    height:64px!important;
    background:rgba(86,69,51,.88)!important;
    -webkit-backdrop-filter:blur(14px) saturate(112%)!important;
    backdrop-filter:blur(14px) saturate(112%)!important;
    border-bottom:1px solid rgba(177,163,116,.24)!important;
    box-shadow:0 4px 18px rgba(32,25,20,.14)!important;
  }
  body.bp-premium .bp-site-header .bp-header-inner{
    height:100%!important;
    max-width:none!important;
    padding:8px clamp(20px,3.25vw,52px)!important;
    gap:0!important;
    justify-content:flex-start!important;
  }
  body.bp-premium .bp-concretta-brand{
    flex:0 0 auto!important;
    display:flex!important;
    align-items:center!important;
    height:100%!important;
    margin:0 clamp(.6rem,1.1vw,1.15rem) 0 0!important;
    padding:0 clamp(.8rem,1.35vw,1.4rem) 0 0!important;
    position:relative!important;
    transform:none!important;
  }
  body.bp-premium .bp-concretta-brand::after{
    content:""!important;
    position:absolute!important;
    right:0!important;
    top:50%!important;
    width:1px!important;
    height:3.1rem!important;
    transform:translateY(-50%)!important;
    background:linear-gradient(180deg,transparent,rgba(211,200,164,.62),transparent)!important;
    display:block!important;
  }
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header:not(.is-scrolled) .bp-concretta-logo{
    width:auto!important;
    height:5rem!important;
    max-width:none!important;
    object-fit:contain!important;
    filter:none!important;
    transform:none!important;
  }
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:auto!important;
    height:3rem!important;
    max-width:none!important;
    transform:none!important;
  }
  body.bp-premium .bp-desktop-nav{
    margin-left:auto!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-end!important;
    gap:0!important;
    flex-wrap:nowrap!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item{
    margin:0 .65rem!important;
  }
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item{
    height:100%!important;
    display:flex!important;
    align-items:center!important;
  }
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger{
    min-height:42px!important;
    padding:.7rem 0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    font-family:"Jost",Arial,Helvetica,sans-serif!important;
    font-size:15px!important;
    line-height:1!important;
    font-weight:500!important;
    letter-spacing:.045em!important;
    text-transform:none!important;
    white-space:nowrap!important;
    color:#fffdf9!important;
    text-shadow:none!important;
  }
  body.bp-premium .bp-desktop-nav > a:hover,
  body.bp-premium .bp-desktop-nav > a:focus-visible,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger:hover,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger:focus-visible{color:#d3c8a4!important;}
}
@media (min-width:992px) and (max-width:1189px){
  body.bp-premium .bp-site-header .bp-header-inner{padding-left:18px!important;padding-right:18px!important;}
  body.bp-premium .bp-concretta-brand{margin-right:.55rem!important;padding-right:.8rem!important;}
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header:not(.is-scrolled) .bp-concretta-logo{height:4rem!important;}
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item{margin-left:.38rem!important;margin-right:.38rem!important;}
  body.bp-premium .bp-desktop-nav > a,
  body.bp-premium .bp-desktop-nav > .bp-mega-nav-item > .bp-mega-trigger{font-size:13px!important;letter-spacing:.035em!important;}
}
@media (max-width:991px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{
    height:77px!important;
    min-height:77px!important;
  }
  body.bp-premium .bp-site-header{background:rgba(26,21,17,.18)!important;-webkit-backdrop-filter:blur(8px) saturate(108%)!important;backdrop-filter:blur(8px) saturate(108%)!important;}
  body.bp-premium .bp-site-header.is-scrolled,
  body.bp-premium .bp-site-header.menu-open{background:#564533!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;}
  body.bp-premium .bp-site-header .bp-header-inner{padding-left:20px!important;padding-right:18px!important;gap:0!important;}
  body.bp-premium .bp-concretta-brand{height:100%!important;display:flex!important;align-items:center!important;margin:0!important;padding:0!important;transform:none!important;}
  body.bp-premium .bp-concretta-brand::after{display:none!important;content:none!important;}
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo,
  body.bp-premium .bp-site-header:not(.is-scrolled) .bp-concretta-logo{
    width:auto!important;
    height:3.8rem!important;
    max-width:none!important;
    transform:none!important;
    filter:none!important;
  }
  body.bp-premium .bp-mobile-menu{top:77px!important;height:calc(100dvh - 77px)!important;background:#564533!important;}
  body.bp-premium .bp-mobile-nav > a,
  body.bp-premium .bp-mobile-mega-trigger{
    font-family:"Jost",Arial,Helvetica,sans-serif!important;
    font-weight:500!important;
    letter-spacing:.045em!important;
  }
}
@media (max-width:420px){
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo,
  body.bp-premium .bp-site-header:not(.is-scrolled) .bp-concretta-logo{height:3.35rem!important;}
}

/* STEP67 — Mikrobetonzemin final logo/header parity: exact logo scale, no logo divider */
@media (min-width:992px){
  body.bp-premium .bp-site-header,
  body.bp-premium .bp-site-header:not(.is-scrolled):not(.menu-open){
    height:96px!important;
    min-height:96px!important;
  }
  body.bp-premium .bp-site-header.is-scrolled{
    height:70px!important;
    min-height:70px!important;
  }
  body.bp-premium .bp-site-header .bp-header-inner{
    padding-top:8px!important;
    padding-bottom:8px!important;
  }
  body.bp-premium .bp-concretta-brand{
    margin-left:0!important;
    margin-right:clamp(.6rem,1.1vw,1.15rem)!important;
    padding:0!important;
    border:0!important;
  }
  body.bp-premium .bp-concretta-brand::before,
  body.bp-premium .bp-concretta-brand::after{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    background:none!important;
  }
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header:not(.is-scrolled) .bp-concretta-logo{
    width:auto!important;
    height:5rem!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    transform:none!important;
    opacity:1!important;
  }
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo{
    width:auto!important;
    height:3rem!important;
    max-width:none!important;
    max-height:none!important;
    transform:none!important;
  }
}
@media (max-width:991.98px){
  body.bp-premium .bp-concretta-brand{
    margin:0!important;
    padding:0!important;
    border:0!important;
  }
  body.bp-premium .bp-concretta-brand::before,
  body.bp-premium .bp-concretta-brand::after{
    display:none!important;
    content:none!important;
  }
  body.bp-premium .bp-concretta-logo,
  body.bp-premium .bp-site-header.is-scrolled .bp-concretta-logo,
  body.bp-premium .bp-site-header:not(.is-scrolled) .bp-concretta-logo{
    width:auto!important;
    height:3.8rem!important;
    max-width:none!important;
    max-height:none!important;
    object-fit:contain!important;
    transform:none!important;
    opacity:1!important;
  }
}

/* BP — Mikrobetonzemin tarzı yukarı çık butonu */
.bp-scroll-top{
  position:fixed;
  right:20px;
  bottom:20px;
  width:46px;
  height:46px;
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(255,255,255,.34);
  border-radius:50%;
  background:rgba(17,17,15,.78);
  color:#fff;
  box-shadow:none;
  cursor:pointer;
  z-index:4999;
  opacity:0;
  visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background-color .2s ease;
  -webkit-tap-highlight-color:transparent;
}
.bp-scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.bp-scroll-top svg{width:18px;height:18px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.bp-scroll-top:focus-visible{outline:2px solid currentColor;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.bp-scroll-top:hover{background:rgba(17,17,15,.96)}}
@media(max-width:767px){.bp-scroll-top{right:16px;bottom:16px;width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.bp-scroll-top{transition:none}}
