/* ============================================================
   Modenese Bespoke — clean render design system (pilot)
   Re-implementation of the Avada look, hand-written.
   Fonts: EB Garamond variable (wght 400-800), self-hosted.
   ============================================================ */

/* ---- EB Garamond (Google Fonts subsets, variable weight) ---- */
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url(/clean/fonts/SlGUmQSNjdsmc35JDF1K5GR4SDktYw.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url(/clean/fonts/SlGUmQSNjdsmc35JDF1K5GRxSDktYw.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url(/clean/fonts/SlGUmQSNjdsmc35JDF1K5GR5SDktYw.woff2) format('woff2');unicode-range:U+1F00-1FFF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url(/clean/fonts/SlGUmQSNjdsmc35JDF1K5GR2SDktYw.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url(/clean/fonts/SlGUmQSNjdsmc35JDF1K5GR6SDktYw.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url(/clean/fonts/SlGUmQSNjdsmc35JDF1K5GR7SDktYw.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 800;font-display:swap;src:url(/clean/fonts/SlGUmQSNjdsmc35JDF1K5GR1SDk.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 800;font-display:swap;src:url(/clean/fonts/SlGWmQSNjdsmc35JDF1K5GRweDs1Zw.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

/* ---- base ---- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f6f6f6;color:#121213;font-family:'EB Garamond',Arial,Helvetica,sans-serif;font-size:16px;line-height:1.88;font-weight:400}
img{max-width:100%;height:auto;border:0}
a{color:inherit;text-decoration:none}
h1,h2,h3,h4{font-weight:400;margin:0}
.mb-container{max-width:1230px;margin:0 auto;padding:0 30px}

/* ---- header ---- */
.mb-header{position:fixed;top:0;left:0;right:0;z-index:1000;background-image:linear-gradient(180deg,rgba(0,0,0,.7) 40%,rgba(0,0,0,0) 90%);background-color:transparent;padding:0 36px;transition:background-color .25s ease}
.mb-header.is-scrolled{background-color:#747474}
.mb-header__inner{display:flex;align-items:center;justify-content:flex-start;height:calc(21px + 3.59vw);max-width:none;margin:0;gap:0}
.mb-header__logo{flex:0 0 auto;display:block}
.mb-header__logo img{width:calc(15.31vw - 39px);min-width:200px;height:auto;display:block}
.mb-nav{display:flex;align-items:center;gap:0;margin:0;padding:0;list-style:none}
.mb-navwrap{margin-left:calc(3.98vw - 57.4px)}
.mb-nav>li{position:relative;margin:0 clamp(1px, calc(3.83vw - 71.5px), 45px)}
.mb-nav>li>a{display:flex;align-items:center;gap:8px;color:#fff;font-size:22px;line-height:1.2;padding:28px 23px;white-space:nowrap;text-transform:capitalize}
.mb-nav .mb-caret{width:11px;height:11px;flex:0 0 auto;display:inline-block;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg) translateY(-3px)}
.mb-nav li:hover>.mb-sub{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mb-sub{position:absolute;top:100%;left:0;min-width:300px;margin:0;padding:12px 0;list-style:none;background:#f6f6f6;box-shadow:0 14px 38px rgba(0,0,0,.18);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;pointer-events:none;z-index:1001}
.mb-sub li{position:relative}
.mb-sub a{display:block;color:#121213;font-size:20px;line-height:1.3;padding:14px 26px;white-space:nowrap}
.mb-sub a:hover{color:#000;background:#ededed}
.mb-sub .mb-sub{top:0;left:100%}
.mb-header__cta{flex:0 0 auto;margin-left:auto;margin-right:clamp(0px, calc(7.66vw - 117px), 90px);display:inline-block;color:#fff;background:#333;border:1px solid #fff;padding:13px 29px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;line-height:1.2}
.mb-header__cta:hover{background:#fff;color:#121213}
.mb-burger{display:none;background:none;border:0;padding:10px;cursor:pointer}
.mb-burger span{display:block;width:26px;height:2px;background:#fff;margin:6px 0;transition:.2s}

/* ---- page title band ---- */
.mb-titleband{background:#fff;margin-top:50px;padding:36px 20px 51px}
.mb-titleband h1,.mb-titleband .mb-pagetitle{font-size:45px;line-height:1.14;text-align:center;color:#121213}

/* ---- story section (family) ---- */
.mb-story{display:grid;grid-template-columns:48vw minmax(0,1fr);gap:0 5.15vw;align-items:center;padding:34px 0 46px}
.mb-story__img img{display:block;width:100%;height:auto}
.mb-story__text{padding:24px 30px 24px 0}
.mb-story__text h2{font-size:32px;line-height:1.15;margin:0 0 18px}
.mb-story__text p{margin:0;font-size:calc(6.4px + 0.5vw);line-height:1.65}

/* ---- interior design service ---- */
.mb-ids{background:#fff;padding:100px 30px}
.mb-ids__head{max-width:1170px;margin:0 auto 56px;text-align:center}
.mb-ids__head h1,.mb-ids__head h2{font-size:72px;line-height:1.14}
.mb-sep{max-width:1170px;margin:26px auto 0;border-top:1px solid rgba(18,18,19,.18);border-bottom:1px solid rgba(18,18,19,.18);height:6px}
.mb-ids__grid{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:calc(24px + 6.56vw) 44px;align-items:start}
.mb-ids__grid img{display:block;width:100%;height:auto}
.mb-ids__text{font-size:16px;line-height:1.88;align-self:center}
.mb-ids__text p{margin:0 0 18px}

/* ---- facade band ---- */
.mb-facade{background-color:#121213;background-size:cover;background-position:50% 50%;padding:7vw 30px}
.mb-facade__inner{margin:0 calc(7.03vw - 1px);padding-bottom:calc(189px + 5.16vw)}
.mb-facade h2{color:#fff;font-size:84px;line-height:1.1;text-align:left}
.mb-facade .mb-facade__alt,.mb-mobile-only{display:none}
.mb-facade__lead{color:#fff;font-size:calc(6.4px + 0.5vw);line-height:1.7;margin:26px 0 36px}
.mb-btn{display:inline-block;color:#fff;font-size:18px;font-weight:700;padding:20px 55px;text-align:center}
.mb-btn--brown{background:#a87246}
.mb-btn--black{background:#121213}

/* ---- form + gallery ---- */
.mb-request{padding:30px 30px 50px}
.mb-request__inner{display:grid;grid-template-columns:520px 572px;justify-content:center;gap:67px;align-items:start}
.mb-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mb-gallery img{display:block;width:100%;height:auto;aspect-ratio:276/184;object-fit:cover}

/* ---- responsive ---- */
@media (max-width:1320px){
  .mb-nav>li{margin:0 14px}
  .mb-nav>li>a{font-size:18px}
  .mb-header__logo img{width:210px;height:47px}
}
@media (max-width:1100px){
  .mb-header{background-image:linear-gradient(180deg,rgba(0,0,0,.7) 40%,rgba(0,0,0,0) 90%);padding:0 16px}
  .mb-header__inner{height:96px;justify-content:flex-start;position:relative}
  .mb-header__logo{position:static;transform:none}
  .mb-header__logo img{width:284px;height:auto;min-width:0}
  .mb-navwrap{margin-left:0}
  .mb-burger{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;right:-16px;top:0;height:100%;width:73px;background:#fff;transform:none;padding:0}
  .mb-burger span{display:block;width:22px;height:3px;background:#4a4e57;margin:4px 0}
  .mb-header__cta{display:none}
  .mb-navwrap{position:fixed;inset:96px 0 0 0;background:#161616;overflow-y:auto;display:none;padding:10px 0 40px}
  .mb-navwrap.is-open{display:block}
  .mb-nav{display:block}
  .mb-navwrap{margin-left:0}
  .mb-nav>li{margin:0}
  .mb-nav>li>a{padding:16px 26px;font-size:20px;justify-content:space-between}
  .mb-sub{position:static;opacity:1;visibility:visible;transform:none;pointer-events:auto;background:transparent;box-shadow:none;padding:0 0 0 14px;display:none}
  .mb-sub a{color:#d8d8d8;font-size:17px;padding:10px 26px}
  .mb-sub .mb-sub{position:static}
  li.is-open>.mb-sub{display:block}
  .mb-titleband{margin-top:0;padding:80px 20px 50px}
  .mb-titleband h1,.mb-titleband .mb-pagetitle{font-size:34px}
  .mb-story{grid-template-columns:1fr;gap:18px;padding:8px 0 30px}
  .mb-story__text p{font-size:16px}
  .mb-facade__inner{margin:0}
  .mb-request__inner{grid-template-columns:1fr;justify-content:stretch}
  .mb-story__text{padding:0 22px;max-width:none}
  .mb-ids{padding:48px 22px}
  .mb-ids__head{margin-bottom:30px}
  .mb-ids__head h1,.mb-ids__head h2{font-size:38px}
  .mb-ids__grid{grid-template-columns:1fr;gap:26px}
  .mb-ids__grid picture:nth-of-type(1){order:1}
  .mb-ids__text{order:2}
  .mb-ids__grid picture:nth-of-type(2){order:3}
  .mb-ids__grid picture:nth-of-type(3){order:4}
  .mb-titleband{padding-bottom:16px}
  .mb-facade__inner{padding-bottom:0}
  .mb-facade{padding:64px 22px}
  .mb-facade h2{font-size:39px;line-height:1.1}
  .mb-facade__desktop{display:none}
  .mb-facade .mb-facade__alt{display:block;font-size:39px}
  .mb-facade__lead{font-size:16px;margin:18px 0 26px;max-width:340px}
  .mb-facade .mb-btn{display:block;max-width:250px;margin:0 0 16px;padding:18px 30px}
  .mb-mobile-only{display:block}
  .mb-request__inner{grid-template-columns:1fr;gap:30px}
  .mb-request{padding:20px 16px 40px}
}
@media (max-width:1100px){
  .lar-footer__col.lar-footer__menus{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;grid-auto-flow:column;column-gap:28px;height:auto}
  .lar-footer__col.lar-footer__menus > .lar-footer__heading:nth-of-type(2){margin-top:0}
}
@media (max-width:768px){
  .mb-gallery{grid-template-columns:1fr;gap:14px}
  .mb-gallery img{aspect-ratio:auto}
}

.mb-resources{background:#fff;padding:50px 30px 70px}
.mb-resources__inner{max-width:1170px;margin:0 auto;text-align:center}
.mb-resources__inner h2{font-size:32px;margin:0 0 10px}
.mb-resources__inner p{font-size:calc(6.4px + 0.5vw);margin:0 0 22px}
.mb-resources .mb-btn--dark{margin:6px 10px}

/* ---- WhatsApp FAB (same as runtime-injected on mirror pages) ---- */
.lar-wa-fab{position:fixed;right:24px;bottom:24px;z-index:99999;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(37,211,102,.45),0 2px 6px rgba(0,0,0,.18);transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;text-decoration:none}
.lar-wa-fab:hover,.lar-wa-fab:focus-visible{background:#1ebe5d;transform:translateY(-2px) scale(1.05);box-shadow:0 12px 28px rgba(37,211,102,.55),0 4px 10px rgba(0,0,0,.22);color:#fff;outline:none}

/* ---- category hub: hero slider ---- */
.mb-hero{position:relative;height:100vh;min-height:560px;overflow:hidden;background:#121213}
.mb-hero__slide{position:absolute;inset:0;background-size:cover;background-position:50% 50%;opacity:0;transition:opacity 1.2s ease}
.mb-hero__slide.is-active{opacity:1}
.mb-hero::after{content:"";position:absolute;inset:0;background:radial-gradient(115% 90% at 0% 100%, rgba(0,0,0,.55) 0%, rgba(0,0,0,.28) 32%, rgba(0,0,0,0) 62%);pointer-events:none;z-index:1}
.mb-hero__caption{position:absolute;left:70px;bottom:110px;margin:0;color:#fff;font-size:52px;line-height:1.15;font-weight:400;max-width:880px;z-index:2}
.mb-hero__nav{position:absolute;right:70px;bottom:118px;display:flex;gap:12px;z-index:3}
.mb-hero__dot{position:relative;width:44px;height:14px;padding:0;border:0;background:none;cursor:pointer}
.mb-hero__dot::before{content:"";position:absolute;left:0;right:0;top:6px;height:2px;background:rgba(255,255,255,.35);transition:background .3s}
.mb-hero__dot::after{content:"";position:absolute;left:0;top:6px;height:2px;width:0;background:#fff}
.mb-hero__dot:hover::before{background:rgba(255,255,255,.6)}
.mb-hero__dot.is-active::after{animation:mbDotFill 6s linear forwards}
@keyframes mbDotFill{from{width:0}to{width:100%}}
/* ---- category hub: form band ---- */
.mb-band{background:#d6d6d6;padding:90px 30px}
.mb-band--white{background:#fff}
.mb-band__inner{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:585px 585px;justify-content:center;align-items:center}
.mb-band .lar-form{width:520px;max-width:100%;margin:0 auto}
.mb-band__text{text-align:center;padding:0 10px}
.mb-band__text h2{font-size:45px;line-height:1.14;margin:0 0 6px}
.mb-band__text h3{font-size:38px;line-height:1.2;margin:0 0 8px;font-weight:400}
.mb-band__crest{display:block;margin:6px auto 10px;opacity:.9;filter:brightness(.45) contrast(1.1)}
.mb-band__text p{font-size:calc(6.4px + 0.5vw);line-height:1.65;margin:0 0 18px}
/* ---- category hub: style cards ---- */
.mb-cards{background:#fff;padding:70px 30px}
.mb-cards__grid{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:7px}
.mb-card{position:relative;display:block;overflow:hidden;background:rgba(17,17,18,.9)}
.mb-card img{display:block;width:100%;height:auto;aspect-ratio:581/387;object-fit:cover;opacity:.8;transition:opacity 1s ease,transform 1s ease}
.mb-card:hover img{opacity:.41;transform:scale(1.0976)}
.mb-card__title{z-index:2}
.mb-card__title{position:absolute;top:0;left:0;right:0;margin:0;color:#fff;font-size:28px;line-height:1.14;font-weight:400;padding:14px 32px}
/* ---- category hub: essence ---- */
.mb-essence{background:#d6d6d6;padding:70px 30px}
.mb-essence__inner{max-width:1170px;margin:0 auto;text-align:center}
.mb-essence__inner h2{font-size:40px;line-height:1.2;margin:0 0 10px}
.mb-essence__sub{font-size:calc(6.4px + 0.5vw);margin:0 0 26px}
.mb-essence__inner p{font-size:calc(6.4px + 0.5vw);line-height:1.65;margin:0 0 18px}
.mb-btn--dark{background:#333;color:#fff;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:13px 29px;display:inline-block;margin-top:14px}
.mb-btn--dark:hover{background:#000}
@media (max-width:1100px){
  .mb-hero{height:100vh;height:100svh;min-height:560px}
  .mb-hero__caption{left:22px;right:22px;bottom:76px;font-size:33px}
  .mb-hero__nav{right:22px;bottom:40px;gap:10px}
  .mb-hero__dot{width:34px}
  .mb-band{padding:44px 16px}
  .mb-band__inner{grid-template-columns:1fr;gap:30px}
  .mb-band__text{padding:0}
  .mb-band__text h2{font-size:34px}
  .mb-band__text h3{font-size:28px}
  .mb-band__text p{font-size:16px}
  .mb-band .lar-form{width:100%;margin:0}
  .mb-cards{padding:34px 16px}
  .mb-cards__grid{grid-template-columns:1fr;gap:10px}
  .mb-card__title{font-size:24px;padding:12px 18px}
  .mb-essence{padding:40px 22px}
  .mb-essence__inner h2{font-size:30px}
  .mb-essence__sub,.mb-essence__inner p{font-size:16px}
}

/* ---- style detail pages ---- */
.mb-sintro{padding:36px 30px 8px}
.mb-sintro__inner{max-width:1170px;margin:0 auto}
.mb-sintro__inner h2{font-size:36.4px;line-height:1.2;margin:0 0 14px}
.mb-sintro__inner p{font-size:calc(6.4px + 0.5vw);line-height:1.65;margin:0 0 16px;max-width:901px}
.mb-sgallery{padding:10px 30px 30px}
.mb-sgallery__grid{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mb-sgallery__grid img{display:block;width:100%;height:auto;aspect-ratio:578/385;object-fit:cover}
.mb-sfinal{padding:30px 30px 70px}
.mb-sfinal__inner{max-width:1170px;margin:0 auto;display:grid;grid-template-columns:562px 520px;justify-content:space-between;align-items:start}
.mb-sfinal__text h2{font-size:36.4px;line-height:1.2;margin:0 0 16px}
.mb-sfinal__text p{font-size:calc(6.4px + 0.5vw);line-height:1.65;margin:0 0 16px}
@media (max-width:1100px){
  .mb-sintro{padding:24px 16px 4px}
  .mb-sintro__inner h2{font-size:28px}
  .mb-sintro__inner p{font-size:16px}
  .mb-sgallery{padding:8px 16px 16px}
  .mb-sgallery__grid{grid-template-columns:1fr;gap:10px}
  .mb-sfinal{padding:20px 16px 44px}
  .mb-sfinal__inner{grid-template-columns:1fr;gap:28px}
  .mb-sfinal__text h2{font-size:28px}
  .mb-sfinal__text p{font-size:16px}
}

/* ---- style gallery: hover + lightbox ---- */
.mb-gal__item{position:relative;display:block;padding:0;border:0;background:rgba(17,17,18,.9);overflow:hidden;cursor:pointer;width:100%}
.mb-gal__item img{display:block;width:100%;height:auto;aspect-ratio:578/385;object-fit:cover;opacity:.92;transition:opacity 1s ease,transform 1s ease}
.mb-gal__item:hover img{opacity:.55;transform:scale(1.0976)}
.mb-lightbox{position:fixed;inset:0;z-index:100000;background:rgba(10,10,11,.94);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .25s ease}
.mb-lightbox.is-open{opacity:1;visibility:visible}
.mb-lightbox img{max-width:92vw;max-height:86vh;display:block;box-shadow:0 24px 80px rgba(0,0,0,.6)}
.mb-lightbox__btn{position:absolute;top:50%;transform:translateY(-50%);width:64px;height:64px;border:0;background:none;cursor:pointer;color:#fff;opacity:.75;transition:opacity .2s}
.mb-lightbox__btn:hover{opacity:1}
.mb-lightbox__btn svg{width:34px;height:34px}
.mb-lightbox__prev{left:14px}
.mb-lightbox__next{right:14px}
.mb-lightbox__close{position:absolute;top:14px;right:18px;width:52px;height:52px;border:0;background:none;color:#fff;cursor:pointer;font-size:34px;line-height:1;opacity:.75}
.mb-lightbox__close:hover{opacity:1}
.mb-lightbox__count{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);color:rgba(255,255,255,.75);font-size:15px;letter-spacing:2px}
@media (max-width:768px){
  .mb-lightbox__btn{width:48px;height:48px}
  .mb-lightbox img{max-width:96vw}
}

/* ---- guide articles ---- */
.mb-article{background:#fff;padding:140px 30px 40px}
.mb-article__inner{max-width:900px;margin:0 auto}
.mb-crumbs{font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#6b6b6b;margin:0 0 18px}
.mb-crumbs a{color:#6b6b6b}
.mb-crumbs a:hover{text-decoration:underline}
.mb-crumbs span{margin:0 8px}
.mb-article h1{font-size:40px;line-height:1.2;margin:0 0 26px}
.mb-article__body h2{font-size:30px;line-height:1.25;margin:34px 0 14px}
.mb-article__body h3{font-size:24px;line-height:1.3;margin:26px 0 12px}
.mb-article__body p{font-size:17px;line-height:1.8;margin:0 0 16px}
.mb-article__body ul,.mb-article__body ol{font-size:17px;line-height:1.8;margin:0 0 16px;padding-left:26px}
.mb-article__body li{margin:0 0 6px}
.mb-article__body a{text-decoration:underline;text-underline-offset:3px}
.mb-article__body picture,.mb-article__body img{display:block;margin:22px auto}
.mb-article__body img{max-width:100%;height:auto}
.mb-article__body table{border-collapse:collapse;margin:18px 0;font-size:16px}
.mb-article__body th,.mb-article__body td{border:1px solid #ddd;padding:8px 12px;text-align:left}
.mb-related{background:#f6f6f6;padding:44px 30px 60px}
.mb-related__inner{max-width:1170px;margin:0 auto}
.mb-related__title{font-size:22px;letter-spacing:3px;text-transform:uppercase;margin:0 0 24px}
.mb-related__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.mb-related__card{display:block;font-size:15px;line-height:1.45}
.mb-related__card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;margin-bottom:10px}
.mb-related__card:hover span{text-decoration:underline}
/* ---- blog hub ---- */
.mb-bloghub{background:#fff;padding:150px 30px 60px}
.mb-bloghub__inner{max-width:1170px;margin:0 auto}
.mb-bloghub h1{font-size:45px;text-align:center;margin:0 0 44px}
.mb-bloghub__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px}
.mb-blogcard{display:flex;flex-direction:column;background:#fff;border:1px solid #e6e0d6;border-radius:6px;padding:28px}
.mb-blogcard img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.mb-blogcard h2{font-size:18.4px;line-height:1.35;margin:0 0 12px}
.mb-blogcard p{font-size:15px;line-height:1.6;color:#3c3c3c;margin:0 0 12px}
.mb-blogcard .mb-blogcard__more{margin-top:auto;color:#9a7b4f;font-weight:600}
@media (max-width:1100px){
  .mb-article{padding:120px 18px 30px}
  .mb-article h1{font-size:30px}
  .mb-article__body h2{font-size:25px}
  .mb-related__grid{grid-template-columns:repeat(2,1fr)}
  .mb-bloghub{padding:120px 16px 40px}
  .mb-bloghub__grid{grid-template-columns:1fr}
}

/* ---- content pages (carpentry/design) + contact ---- */
.mb-story--flip{grid-template-columns:minmax(0,1fr) 48vw}
.mb-story--flip .mb-story__text{padding:24px 0 24px 30px}
.mb-two{background:#fff;padding:60px 30px}
.mb-two--grey{background:#f6f6f6}
.mb-two__inner{max-width:1170px;margin:0 auto;text-align:center}
.mb-kicker{font-size:15px;letter-spacing:3px;text-transform:uppercase;color:#8a8a8a;margin:0 0 8px}
.mb-two__inner h2{font-size:36px;line-height:1.2;margin:0 0 22px}
.mb-two__grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;margin:0 0 24px}
.mb-two__grid img{display:block;width:100%;height:auto}
.mb-two__inner p{font-size:calc(6.4px + 0.5vw);line-height:1.7;margin:0 0 16px;text-align:left}
.mb-wide{background:#fff;padding:50px 30px}
.mb-wide__img{display:block;width:100%;height:auto;margin:22px 0 0}
.mb-contact__lead{text-align:center;font-size:calc(6.4px + 0.5vw);max-width:760px;margin:10px auto 0}
.mb-contactpage{padding-top:46px}
.mb-contact__info p{font-size:calc(6.4px + 0.5vw);line-height:1.8;margin:0 0 16px}
@media (max-width:1100px){
  .mb-story--flip{grid-template-columns:1fr}
  .mb-story--flip .mb-story__text{padding:0 22px}
  .mb-two{padding:36px 16px}
  .mb-two__grid{grid-template-columns:1fr;gap:16px}
  .mb-two__inner h2{font-size:27px}
  .mb-two__inner p{font-size:16px}
}

/* ---- homepage ---- */
.mb-hero__content{position:absolute;left:70px;bottom:90px;z-index:2;max-width:880px}
.mb-hero__caption--static{position:static;left:auto;bottom:auto}
.mb-hero__btns{display:flex;gap:16px;margin-top:26px;flex-wrap:wrap}
.mb-herobtn{display:inline-block;color:#fff;background:#333;border:1px solid #fff;padding:14px 28px;font-size:18px;font-weight:700;line-height:1.2}
.mb-herobtn:hover{background:#fff;color:#121213}
.mb-band__sub{font-size:19px;margin:0 0 4px}
.mb-introsplit{display:grid;grid-template-columns:1fr 1fr;min-height:580px}
.mb-introsplit__photo{background-size:cover;background-position:50% 50%;order:1}
.mb-introsplit__panel{order:2;background:#d6d6d6;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:72px 7%;}
.mb-introsplit--textleft .mb-introsplit__photo{order:2}
.mb-introsplit--textleft .mb-introsplit__panel{order:1}
.mb-introsplit__panel h2{font-size:40px;line-height:1.2;margin:0 0 10px}
.mb-introsplit__sub{font-size:calc(6.4px + 0.5vw);margin:0 0 10px}
.mb-introsplit__panel p{font-size:calc(6.4px + 0.5vw);line-height:1.65;margin:0 0 14px;max-width:565px}
.mb-introsplit__btns{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;margin-top:6px}
.mb-projband{background:#747474;padding:84px 30px 96px}
.mb-projband__inner{max-width:1240px;margin:0 auto}
.mb-projband__inner h2{color:#fff;font-size:56px;letter-spacing:1px;text-transform:uppercase;text-align:center;margin:0 0 48px;font-weight:400}
.mb-projband__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.mb-projcard{display:flex;flex-direction:column;background:#fff}
.mb-projcard img{display:block;width:100%;height:auto;aspect-ratio:283/226;object-fit:cover}
.mb-projcard__body{display:flex;flex-direction:column;flex:1;padding:18px 20px 22px}
.mb-projcard h3{font-size:18px;line-height:1.3;font-weight:400;margin:0 0 10px}
.mb-projcard h3 a{text-decoration:underline;text-underline-offset:3px}
.mb-projcard p{font-size:14px;line-height:1.55;color:#3c3c3c;margin:0 0 16px}
.mb-projcard__btn{margin-top:auto;align-self:flex-start;background:#333;color:#fff;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase;padding:9px 20px}
.mb-projcard__btn:hover{background:#000}
.mb-homenews{background:#fff;padding:0}
.mb-homenews__split{display:grid;grid-template-columns:1fr 1fr;align-items:stretch}
.mb-homenews__left{padding:70px 44px 70px max(30px, calc(50vw - 620px))}
.mb-homenews__left h2{font-size:34px;letter-spacing:2px;text-transform:uppercase;margin:0 0 26px}
.mb-homenews__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.mb-newscard{display:flex;flex-direction:column}
.mb-newscard img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin-bottom:12px}
.mb-newscard h3{font-size:16.5px;line-height:1.4;font-weight:400;margin:0 0 10px}
.mb-newscard h3 a:hover{text-decoration:underline}
.mb-newscard p{font-size:13.5px;line-height:1.55;color:#3c3c3c;margin:0 0 14px}
.mb-testimonial{background-color:#161616;background-size:cover;background-position:50% 50%;color:#fff;padding:70px 60px;display:flex;flex-direction:column;justify-content:center}
.mb-testimonial h2{font-size:32px;line-height:1.25;margin:0 0 24px}
.mb-testimonial blockquote{font-style:italic;font-size:15.5px;line-height:1.8;margin:0 0 18px}
.mb-testimonial__author{font-weight:700;letter-spacing:1px;margin:0}
.mb-homecta{background-color:#a87246;background-size:cover;background-position:50% 50%;background-blend-mode:multiply;padding:80px 30px}
.mb-homecta__inner{max-width:900px;margin:0 auto;text-align:center;color:#fff}
.mb-homecta__inner h2{font-size:40px;margin:0 0 14px}
.mb-homecta__inner p{font-size:calc(6.4px + 0.5vw);line-height:1.7;margin:0 0 18px}
@media (max-width:1100px){
  .mb-hero__content{left:22px;right:22px;bottom:60px}
  .mb-hero__btns{gap:10px}
  .mb-herobtn{font-size:15px;padding:12px 18px}
  .mb-introsplit{grid-template-columns:1fr}
  .mb-introsplit__photo{order:1!important;min-height:260px}
  .mb-introsplit__panel{order:2!important;padding:36px 18px}
  .mb-introsplit__panel h2{font-size:28px}
  .mb-introsplit__sub,.mb-introsplit__panel p{font-size:16px}
  .mb-projband{padding:36px 16px 44px}
  .mb-projband__grid{grid-template-columns:1fr 1fr;gap:14px}
  .mb-projband__inner h2{font-size:30px}
  .mb-homenews__split{grid-template-columns:1fr}
  .mb-homenews__left{padding:44px 16px}
  .mb-testimonial{padding:44px 22px}
  .mb-homenews__grid{grid-template-columns:1fr}
  .mb-homecta{padding:50px 22px}
  .mb-homecta__inner h2{font-size:30px}
}

/* RU: lists inside content blocks */
.mb-band__features{margin-top:26px}
.mb-band__features ul{list-style:none;margin:0;padding:0;display:inline-block;max-width:560px}
.mb-band__features li{font-size:calc(6.4px + 0.5vw);line-height:1.6;padding:10px 0;border-top:1px solid rgba(0,0,0,.14)}
.mb-band__features li:first-child{border-top:0}
.mb-band__text ul{list-style:none;margin:0 0 18px;padding:0}
.mb-band__text ul li{font-size:calc(6.4px + 0.5vw);line-height:1.6;padding:6px 0}
.mb-sintro__inner ul,.mb-sfinal__text ul,.mb-article__body ul,.mb-essence__inner ul{list-style:none;margin:0 0 18px;padding:0}
.mb-sintro__inner ul li,.mb-sfinal__text ul li,.mb-article__body ul li{position:relative;padding-left:24px;margin:0 0 8px;line-height:1.65;text-align:left}
.mb-sintro__inner ul li::before,.mb-sfinal__text ul li::before,.mb-article__body ul li::before{content:"\2014";position:absolute;left:0;color:#8c7b54}
.mb-essence__inner ul li{padding:8px 0;border-top:1px solid rgba(0,0,0,.12);line-height:1.6}
.mb-essence__inner ul li:first-child{border-top:0}
@media (max-width:1320px){
  .mb-band__features li,.mb-band__text ul li{font-size:15px}
}