@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-garamond-latin-normal.woff2") format("woff2");font-display:swap;font-style:normal}
@font-face{font-family:"Cormorant Garamond";src:url("fonts/cormorant-garamond-latin-italic.woff2") format("woff2");font-display:swap;font-style:italic}
@font-face{font-family:"DM Sans";src:url("fonts/dm-sans-latin-normal.woff2") format("woff2");font-display:swap;font-style:normal}

:root{--wb-ink:#1b1714;--wb-paper:#f3eee7;--wb-cream:#e8dfd3;--wb-walnut:#71452f;--wb-caramel:#ae7651;--wb-line:rgba(27,23,20,.16);--wb-serif:"Cormorant Garamond",Georgia,serif;--wb-sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.wb-page{margin:0;background:var(--wb-paper);color:var(--wb-ink);font:400 16px/1.65 var(--wb-sans);-webkit-font-smoothing:antialiased}
body.wb-page img{display:block;max-width:100%;height:auto}
body.wb-page a{color:inherit}
.wb-main{overflow:clip}.wb-wrap{width:min(calc(100% - 64px),1240px);margin-inline:auto}
.wb-skip{position:fixed;z-index:1200;top:10px;left:10px;padding:10px 14px;background:var(--wb-ink);color:#fff!important;font-size:.75rem;text-decoration:none;transform:translateY(-160%);transition:transform .2s ease}.wb-skip:focus,.wb-skip:focus-visible{transform:none}
.wb-progress{position:fixed;z-index:1002;top:0;left:0;width:100%;height:2px;pointer-events:none}.wb-progress span{display:block;width:100%;height:100%;background:var(--wb-caramel);transform:scaleX(0);transform-origin:left}
.wb-kicker{margin:0 0 16px;color:var(--wb-caramel);font-size:.67rem;font-weight:600;letter-spacing:.2em;line-height:1.4;text-transform:uppercase}
.wb-main h1,.wb-main h2,.wb-main h3{font-family:var(--wb-serif);font-weight:400}.wb-main h2{margin:0;font-size:clamp(3rem,4.8vw,5rem);letter-spacing:-.04em;line-height:.98}.wb-main h2 em{display:block;color:var(--wb-caramel);font-weight:400}
.wb-button{display:inline-flex;align-items:center;justify-content:space-between;gap:24px;min-width:220px;padding:15px 18px;border:1px solid var(--wb-ink);background:var(--wb-ink);color:#fff!important;font-size:.67rem;font-weight:600;letter-spacing:.14em;text-decoration:none;text-transform:uppercase;transition:background .3s,color .3s}.wb-button:hover{background:transparent;color:var(--wb-ink)!important}
.wb-link{display:inline-flex;align-items:center;gap:14px;width:max-content;padding-bottom:5px;border-bottom:1px solid currentColor;font-size:.67rem;font-weight:600;letter-spacing:.14em;text-decoration:none;text-transform:uppercase}.wb-link span{transition:transform .3s}.wb-link:hover span{transform:translateY(4px)}

/* Cabinet-specific hero: 3:2 bedroom photography and concise search-led copy within 90vh. */
.wb-hero{height:90vh;padding:96px 18px 18px;background:#dbd0c4}
.wb-hero__inner{display:grid;grid-template-columns:minmax(380px,.76fr) minmax(0,1.24fr);width:min(92%,1480px);height:100%;margin:auto;background:#eee7de}
.wb-hero__copy{display:flex;min-width:0;flex-direction:column;justify-content:center;padding:clamp(24px,4vh,48px) clamp(28px,3.8vw,58px)}
.wb-breadcrumb{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 clamp(18px,3.2vh,32px);font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.wb-breadcrumb a{text-decoration:none}.wb-breadcrumb a:hover{text-decoration:underline;text-underline-offset:4px}
.wb-hero h1{max-width:560px;margin:0;font-size:clamp(3rem,6.3vh,5.1rem);letter-spacing:-.052em;line-height:.84}.wb-hero h1 em{display:block;margin-top:.13em;color:var(--wb-walnut);font-size:.8em;line-height:.94;font-weight:400}
.wb-hero__intro{max-width:510px;margin:clamp(18px,2.5vh,26px) 0 0;font:400 clamp(1.05rem,2.1vh,1.3rem)/1.4 var(--wb-serif)}
.wb-hero__actions{display:flex;flex-wrap:wrap;gap:18px;align-items:center;margin-top:clamp(20px,3vh,30px)}
.wb-gallery{position:relative;width:100%;height:100%;background:#b6a697;overflow:hidden}.wb-gallery__slide{position:absolute;inset:0;display:grid;margin:0;place-items:center;opacity:0;visibility:hidden;transition:opacity .6s ease,visibility .6s}.wb-gallery__slide.is-active{opacity:1;visibility:visible}.wb-gallery__slide img{width:100%;height:100%;object-fit:cover}
.wb-gallery__index{position:absolute;z-index:2;top:18px;right:20px;color:#fff;font:400 .75rem var(--wb-serif);text-shadow:0 1px 8px rgba(0,0,0,.38)}
.wb-gallery__caption{position:absolute;z-index:2;right:16px;bottom:16px;margin:0;padding:9px 12px;background:rgba(243,238,231,.93);font-size:.58rem;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(10px)}
.wb-gallery__nav{position:absolute;z-index:3;left:16px;bottom:16px;display:flex;align-items:center;padding:5px;background:rgba(243,238,231,.94);font-size:.61rem;letter-spacing:.13em;backdrop-filter:blur(10px)}.wb-gallery__nav button{display:grid;width:35px;height:35px;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;place-items:center}.wb-gallery__nav button:hover{background:rgba(27,23,20,.08)}.wb-gallery__nav>span{min-width:60px;text-align:center}

.wb-story{padding:clamp(88px,9vw,130px) 0}.wb-section-head{display:grid;grid-template-columns:180px minmax(0,850px);gap:clamp(48px,8vw,116px);align-items:start}.wb-story__copy{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(34px,5vw,68px);max-width:940px;margin:52px 0 0 auto}.wb-story__copy p{margin:0;color:#474a46;font-size:.95rem;line-height:1.86}.wb-story__copy p:first-child{color:var(--wb-ink);font:400 1.15rem/1.72 var(--wb-serif)}
.wb-figure{position:relative;width:min(calc(100% - 36px),1480px);margin:0 auto;padding:18px;background:var(--wb-ink)}.wb-figure img{width:100%;height:min(76vh,780px);object-fit:cover}.wb-figure figcaption{position:absolute;right:34px;bottom:34px;margin:0;padding:10px 13px;background:rgba(243,238,231,.93);font-size:.59rem;letter-spacing:.13em;text-transform:uppercase;backdrop-filter:blur(10px)}

.wb-material{padding:clamp(88px,9vw,128px) 0}.wb-material__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(390px,.92fr);gap:clamp(54px,8vw,112px);align-items:center}.wb-material figure{margin:0;padding:14px;background:#ded1c3}.wb-material figure img{width:100%;aspect-ratio:1.18/1;object-fit:cover}.wb-material__grid>div>p:not(.wb-kicker){margin:26px 0 0;color:#50534f;font-size:.92rem;line-height:1.84}

.wb-storage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr);background:var(--wb-ink);color:#f5f0e8}.wb-storage>figure{display:grid;margin:0;padding:18px;background:#241d19;place-items:center}.wb-storage>figure img{width:100%;height:min(82vh,820px);object-fit:cover}.wb-storage__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(54px,5.5vw,90px)}.wb-storage__copy .wb-kicker{color:#d0a077}.wb-storage__copy h2{font-size:clamp(3rem,4.6vw,4.8rem)}.wb-storage__copy>p:not(.wb-kicker){max-width:570px;margin:24px 0 0;color:#d7d1cb;font-size:.92rem;line-height:1.84}.wb-storage__features{margin:34px 0 0;border-top:1px solid rgba(255,255,255,.18)}.wb-storage__features div{padding:18px 0;border-bottom:1px solid rgba(255,255,255,.14)}.wb-storage__features dt{color:#d0a077;font:400 1.3rem var(--wb-serif)}.wb-storage__features dd{margin:5px 0 0;color:#d7d1cb;font-size:.87rem;line-height:1.72}

.wb-custom{padding:clamp(88px,9vw,128px) 0}.wb-custom__grid{display:grid;grid-template-columns:minmax(390px,.9fr) minmax(0,1.1fr);gap:clamp(54px,8vw,112px);align-items:center}.wb-custom__grid>div>p:not(.wb-kicker){max-width:570px;margin:26px 0 0;color:#50534f;line-height:1.84}.wb-custom figure{margin:0;padding:14px;background:#ded1c3}.wb-custom figure img{width:100%;aspect-ratio:1.18/1;object-fit:cover}

.wb-specs{padding:clamp(88px,9vw,128px) 0;background:var(--wb-cream)}.wb-specs__grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(430px,1.1fr);gap:clamp(54px,9vw,130px);align-items:center}.wb-specs figure{margin:0;padding:14px;background:#d4c5b6}.wb-specs figure img{width:100%;aspect-ratio:1/1;object-fit:cover}.wb-specs__grid>div>p:not(.wb-kicker){margin:26px 0 0;line-height:1.8}.wb-specs__list{margin:30px 0 0;border-top:1px solid var(--wb-line)}.wb-specs__list div{padding:17px 0;border-bottom:1px solid var(--wb-line)}.wb-specs__list dt{color:var(--wb-walnut);font:400 1.22rem var(--wb-serif)}.wb-specs__list dd{margin:4px 0 0;color:#55514e;font-size:.87rem;line-height:1.7}

.wb-commission{padding:clamp(88px,10vw,148px) 24px;background:#211a16;color:#f5f0e8;text-align:center}.wb-commission>div{max-width:940px;margin:auto}.wb-commission .wb-kicker{color:#d0a077}.wb-commission h2{font-size:clamp(3.7rem,6.5vw,6.7rem)}.wb-commission p{max-width:680px;margin:26px auto 34px;font:400 clamp(1.15rem,1.6vw,1.42rem)/1.5 var(--wb-serif)}.wb-commission .wb-button{border-color:#fff;background:#fff;color:var(--wb-ink)!important}.wb-commission .wb-button:hover{background:transparent;color:#fff!important}.wb-back{padding:24px;background:#100d0b;color:#eee8e0;text-align:center}.wb-back a{font-size:.65rem;letter-spacing:.16em;text-decoration:none;text-transform:uppercase}.wb-back a:hover{text-decoration:underline;text-underline-offset:5px}

[data-piece-reveal]{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}[data-piece-reveal].is-visible{opacity:1;transform:none}
@media (min-width:1181px){body.wb-page .mdl-nav-container{width:min(calc(100% - 80px),1360px)}body.wb-page .mdl-nav-left,body.wb-page .mdl-nav-right{gap:26px}}
@media (min-width:901px) and (max-width:1180px){body.wb-page .mdl-nav-container{width:calc(100% - 40px)}body.wb-page .mdl-nav-left,body.wb-page .mdl-nav-right{gap:18px}}
@media (max-width:1100px) and (min-width:961px){.wb-hero__inner{grid-template-columns:minmax(350px,.84fr) minmax(0,1.16fr)}.wb-hero__copy{padding-inline:30px}.wb-hero h1{font-size:clamp(2.8rem,5.6vh,4.1rem)}.wb-button{min-width:198px}}

@media (max-width:960px){
  .wb-wrap{width:min(calc(100% - 40px),1240px)}.wb-hero{height:auto;padding:78px 10px 10px}.wb-hero__inner{grid-template-columns:1fr;width:100%;height:auto}.wb-hero__copy{justify-content:flex-start;padding:52px 28px 56px}.wb-breadcrumb{margin-bottom:38px}.wb-hero h1{font-size:clamp(3.5rem,11vw,5.4rem)}.wb-hero__intro{font-size:1.22rem}.wb-gallery{height:clamp(300px,66vw,630px)}
  .wb-section-head,.wb-story__copy,.wb-material__grid,.wb-custom__grid,.wb-specs__grid{grid-template-columns:1fr}.wb-section-head,.wb-material__grid,.wb-custom__grid,.wb-specs__grid{gap:40px}.wb-story__copy{gap:24px;margin-top:38px}
  .wb-figure{width:100%}.wb-figure img{height:auto}
  .wb-material figure,.wb-custom figure,.wb-specs figure{grid-row:1}
  .wb-storage{grid-template-columns:1fr}.wb-storage>figure img{height:auto}.wb-storage__copy{padding:70px 28px 76px}
}

@media (max-width:620px){
  .wb-wrap{width:calc(100% - 32px)}.wb-main h2{font-size:clamp(2.7rem,12vw,3.8rem)}
  .wb-hero{padding-inline:0;padding-bottom:0}.wb-hero__copy{padding:44px 18px 48px}.wb-breadcrumb{margin-bottom:30px}.wb-hero h1{font-size:clamp(3.1rem,15vw,4.7rem)}.wb-hero__intro{font-size:1.14rem}.wb-hero__actions{align-items:flex-start;flex-direction:column}.wb-gallery__caption{right:8px;bottom:58px;max-width:190px}.wb-gallery__nav{left:8px;bottom:8px}.wb-gallery__index{top:10px;right:10px}
  .wb-story,.wb-material,.wb-custom,.wb-specs{padding:76px 0}.wb-section-head,.wb-material__grid,.wb-custom__grid,.wb-specs__grid{gap:32px}.wb-story__copy p:first-child{font-size:1.08rem}
  .wb-figure{padding:8px}.wb-figure figcaption{right:16px;bottom:16px}.wb-storage>figure{padding:8px}.wb-storage__copy{padding:64px 18px 70px}
  .wb-material figure,.wb-custom figure,.wb-specs figure{padding:8px}
  .wb-commission{padding:82px 16px}.wb-commission h2{font-size:clamp(3rem,14vw,4.7rem)}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}[data-piece-reveal]{opacity:1;transform:none}}
