.site-nav{position:relative;z-index:8;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,5vw,76px);background:#f5f2eb;border-bottom:1px solid rgba(30,30,25,.1);gap:18px}.nav-brand{display:flex;align-items:center;gap:10px;color:#272923;text-decoration:none;font-size:11px;letter-spacing:.12em}.nav-brand img{width:45px;height:38px;object-fit:contain}.nav-brand>i{font-style:normal;color:#b63333;font-size:20px}.nav-brand small{font-size:8px;letter-spacing:.2em}.site-nav nav{display:flex;gap:clamp(14px,3vw,42px)}.site-nav nav a,.complete-footer a{color:#34352f;text-decoration:none;font-size:13px}.nav-cta,.big-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:#b92d31;color:#fff!important;text-decoration:none;padding:15px 20px;border-radius:999px;font-weight:650}.nav-cta{font-size:13px}.complete-page{background:#f5f2eb;color:#272923}.sub-hero,.page-intro{padding:clamp(45px,8vw,115px) clamp(22px,8vw,130px);max-width:1600px;margin:auto}.sub-hero{display:grid;grid-template-columns:.88fr 1.12fr;gap:5vw;align-items:center;min-height:520px}.sub-copy h1,.page-intro h1{font-size:clamp(48px,7vw,104px);line-height:.98;letter-spacing:-.065em;margin:24px 0}.sub-copy>p:not(.eyebrow),.page-intro>p:not(.eyebrow){max-width:570px;font-size:clamp(17px,1.5vw,21px);line-height:1.6;color:#66665f}.eyebrow{color:#ae3436;font-size:11px;font-weight:750;letter-spacing:.16em}.sub-visual{position:relative;min-height:380px;height:39vw;max-height:590px;border-radius:24px;overflow:hidden;background:#e5dfd4}.sub-visual video,.project-preview video,.gallery-video video{width:100%;height:100%;object-fit:cover}.sub-visual span{position:absolute;bottom:18px;left:20px;color:white;background:#2229;padding:10px 14px;border-radius:99px}.trust-line{font-size:12px!important;margin-top:16px}.sub-content,.before-after{padding:90px clamp(22px,8vw,130px);background:#e9e4d9}.sub-content>div:first-child{max-width:660px}.sub-content h2,.home-projects h2,.home-faq h2,.sub-bottom-cta h2,.before-after h2,.cross-services h2{font-size:clamp(34px,5vw,66px);line-height:1.03;letter-spacing:-.05em}.sub-content p:not(.eyebrow){line-height:1.7;color:#60605a}.sub-step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}.sub-step-grid article{padding:26px;border-radius:18px;background:#f7f4ed}.sub-step-grid article>span{color:#b63333}.sub-step-grid p{font-size:14px}.cross-services{padding:84px 0}.complete-wrap{max-width:1360px;margin:auto;padding:0 clamp(22px,5vw,74px)}.service-link-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:32px 0}.service-link-grid a{display:flex;justify-content:space-between;padding:18px 20px;background:#fffdf8;border:1px solid #e2ded5;border-radius:14px;text-decoration:none;color:#2c2d27}.service-link-grid a:hover{border-color:#b63333;transform:translateY(-2px)}.sub-bottom-cta{text-align:center;padding:90px 24px}.sub-bottom-cta .big-cta{margin-top:10px}.page-intro{padding-bottom:35px}.page-intro h1{max-width:950px}.media-gallery{display:grid;grid-template-columns:1.45fr .8fr;gap:16px;padding:0 clamp(22px,6vw,90px) 70px;min-height:400px}.gallery-video,.gallery-tour{position:relative;min-height:360px;border-radius:22px;overflow:hidden;background:#ddd6ca}.gallery-video video{position:absolute;inset:0}.gallery-video>div{position:absolute;bottom:24px;left:25px;color:#fff;text-shadow:0 1px 8px #222}.gallery-tour{display:flex;flex-direction:column;justify-content:end;padding:30px;background:linear-gradient(150deg,#c9bca8,#8d826f);color:#fff}.gallery-tour h2{font-size:42px;line-height:1}.gallery-tour a{color:white}.before-after{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.asset-pending{aspect-ratio:1.15;border:1px dashed #9c9384;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:30px;gap:12px;background:linear-gradient(135deg,#ede8de,#e2dbcf)}.asset-pending span,.gallery-video span,.gallery-tour>span{font-size:10px;letter-spacing:.15em}.asset-pending small{color:#68675e}.form-page{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;padding:30px clamp(22px,8vw,130px) 100px}.full-quote{display:grid;gap:18px}.full-quote label{display:grid;gap:8px;font-size:13px;font-weight:650}.full-quote input,.full-quote select,.full-quote textarea{width:100%;padding:15px 16px;border:1px solid #d6d0c4;border-radius:12px;background:#fffdf8;font:inherit;color:#272923}.form-cols{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full-quote small,.form-note{font-size:12px;color:#68675e;line-height:1.5}.consent-check{display:flex!important;align-items:flex-start}.consent-check input{width:auto!important;margin:2px 8px 0 0}.full-quote .big-cta{border:0;cursor:pointer;font:inherit}.form-aside{padding:26px;border-radius:20px;background:#e9e4d9;height:max-content}.form-aside a{display:block;color:#a52e32;font-size:23px;font-weight:700}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:25px clamp(22px,8vw,130px) 100px}.contact-details{display:grid;gap:14px}.contact-details article{padding:24px;background:#fffdf8;border-radius:16px}.contact-details article>span{font-size:10px;color:#ad3436;letter-spacing:.15em}.contact-details h2{font-size:23px}.contact-details p{line-height:1.7}.contact-details a,.guide-article a,.legal-copy a{color:#a82f33}.map-frame{width:100%;height:100%;min-height:510px;border:0;border-radius:18px}.guide-article,.legal-copy{max-width:850px;margin:0 auto 100px;padding:30px 24px;line-height:1.75}.guide-article h2,.legal-copy h2{margin-top:38px}.guide-article h3{margin-top:28px}.legal-pending{padding:18px;margin:24px 0;border-radius:10px;background:#eee2d5;color:#57473a;font-size:14px}.home-projects,.home-faq{padding:80px 0;background:#f5f2eb}.project-callout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}.project-callout p:not(.eyebrow){line-height:1.6;color:#696960}.project-preview{height:370px;border-radius:20px;position:relative;overflow:hidden}.project-preview>span{position:absolute;bottom:16px;left:18px;right:18px;background:#fff;color:#292a25;padding:15px 18px;border-radius:12px;display:flex;justify-content:space-between}.home-faq details{padding:18px 0;border-bottom:1px solid #d9d4ca;max-width:900px}.home-faq summary{cursor:pointer;font-weight:650}.home-faq details p{color:#66665f;line-height:1.6}.review-google,.text-link{color:#a82f33;font-weight:700}.complete-footer{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:30px;padding:45px clamp(22px,6vw,90px) 90px;background:#272923;color:#f5f2eb}.complete-footer p{color:#bbb9b0}.complete-footer a{display:block;color:#f5f2eb;margin:8px 0}.footer-pages{display:flex;gap:16px;flex-wrap:wrap;width:100%;grid-column:1/-1;border-top:1px solid #ffffff25;padding-top:20px}.footer-pages a{color:#eee}.mobile-bar{display:none}.cookie-box{position:fixed;z-index:20;left:18px;right:18px;bottom:18px;display:flex;align-items:center;gap:14px;padding:18px 22px;background:#272923;color:#fff;border-radius:16px;box-shadow:0 10px 40px #0003}.cookie-box[hidden]{display:none}.cookie-box div{flex:1}.cookie-box p{font-size:12px;color:#d3d0c8;margin:6px 0 0}.cookie-box button{border:0;border-radius:99px;padding:11px 15px;cursor:pointer}.cookie-box button[data-cookie=all]{background:#bd3436;color:white}.cookie-box a{color:white;font-size:12px}.service-directory{padding:85px 0;background:#f3f0e8}.service-directory h2{font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.05em}.service-directory>div>p:not(.eyebrow){max-width:540px;color:#666}.home-faq .complete-wrap>p,.home-faq .complete-wrap>h2{max-width:800px}.review-invite blockquote{display:none}.review-invite .review-rating{display:none}.site-nav .nav-brand img{border-radius:4px}.complete-page+ .complete-footer{margin:0}.complete-page .eyebrow{margin-bottom:12px}
@media(max-width:780px){.site-nav{padding:12px 16px}.site-nav nav{display:none}.nav-brand{font-size:9px}.nav-brand img{width:35px;height:30px}.nav-cta{padding:12px 14px;font-size:11px}.sub-hero{grid-template-columns:1fr;padding:48px 22px;gap:28px}.sub-copy h1,.page-intro h1{font-size:53px}.sub-visual{height:70vw;min-height:250px}.sub-step-grid{grid-template-columns:1fr;gap:9px;margin-top:25px}.sub-step-grid article{padding:19px}.sub-content{padding:55px 22px}.service-link-grid{grid-template-columns:1fr 1fr;gap:8px}.service-link-grid a{padding:15px 12px;font-size:13px}.media-gallery,.before-after,.form-page,.contact-layout,.project-callout{grid-template-columns:1fr}.media-gallery{padding:0 18px 50px}.gallery-video,.gallery-tour{min-height:300px}.before-after{padding:55px 22px;gap:28px}.form-page{padding:15px 22px 75px;gap:28px}.form-cols{grid-template-columns:1fr}.contact-layout{padding:15px 20px 80px;gap:22px}.map-frame{min-height:330px}.page-intro{padding:50px 22px 24px}.complete-footer{grid-template-columns:1fr;gap:18px;padding-bottom:100px}.footer-pages{grid-column:auto}.mobile-bar{display:grid;grid-template-columns:repeat(3,1fr);position:fixed;z-index:10;bottom:0;left:0;right:0;padding:10px 10px max(10px,env(safe-area-inset-bottom));background:#272923;color:#fff;box-shadow:0 -8px 25px #0002}.mobile-bar a{display:flex;justify-content:center;gap:7px;align-items:center;color:white;text-decoration:none;font-size:13px}.mobile-bar a:last-child{background:#b92d31;border-radius:99px;padding:10px}.cookie-box{left:10px;right:10px;bottom:75px;flex-wrap:wrap;padding:15px}.cookie-box div{flex-basis:100%}.project-preview{height:270px}.project-callout{gap:22px}.home-projects,.home-faq{padding:55px 0}.complete-wrap{padding:0 20px}.service-directory{padding:58px 0}.sub-bottom-cta{padding:65px 20px}}
@media(prefers-reduced-motion:reduce){.service-link-grid a{transition:none!important;transform:none!important}}

/* Prevent the legacy hero header rule from offsetting the global page header. */
.site-nav{top:auto;right:auto;bottom:auto;left:auto;width:100%;min-width:0;max-width:none;box-sizing:border-box;flex-wrap:nowrap}.nav-brand{flex:0 1 auto;min-width:0}.nav-brand .nav-mess-logo{width:92px;height:42px;object-fit:contain;border-radius:0}.nav-brand .nav-dan-logo{width:164px;height:48px;object-fit:contain;border-radius:0}.nav-brand>i{font-size:22px;flex:none}.site-nav nav{flex:0 0 auto}.nav-cta{flex:none}@media(max-width:780px){.nav-brand{gap:6px}.nav-brand .nav-mess-logo{width:65px;height:34px}.nav-brand .nav-dan-logo{width:112px;height:38px}.nav-brand>i{font-size:16px}.site-nav{gap:8px}.nav-cta{max-width:116px;white-space:nowrap;gap:8px;padding:11px 12px}.nav-cta span{display:none}}
/* Hero copy is intentionally reduced to the changing process card. */
#studio > .scene-name,
#studio > .bottom-note,
#studio > .concept { display:none !important; }
#studio .scene-caption.process-card { z-index:6; }
body[data-page="home"] .site-nav{position:absolute;inset:0 0 auto;z-index:20;background:transparent;border:0;box-shadow:none}
body[data-page="home"] nav.dock{display:flex!important;position:fixed!important;inset:auto auto 24px 50%!important;z-index:50!important;visibility:visible!important;opacity:1!important;transform:translateX(-50%)!important;pointer-events:auto!important}
/* Scroll turns the full-bleed video into a dimensional, floating scene. */
body[data-page="home"] #studio{perspective:1500px;perspective-origin:52% 48%;--hero-p:var(--hero-scroll,0)}
body[data-page="home"] #studio{background:#f2f0e8}
body[data-page="home"] #studio .scene{inset:0;transform:none!important;filter:none;border-radius:0;box-shadow:none;transition:none;will-change:auto;background:#f2f0e8}
body[data-page="home"] #studio .scene video{inset:0 0 0 auto;width:auto;height:100%;object-fit:contain;object-position:right center;transform:none!important;will-change:auto}
body[data-page="home"] #studio .scene img{object-fit:cover;object-position:right center;transform:none!important;filter:none;opacity:0!important;will-change:auto}
body[data-page="home"] #studio .shade{background:linear-gradient(90deg,#f5f2eb 0%,rgba(245,242,235,.97) 18%,rgba(245,242,235,.78) 31%,rgba(245,242,235,.32) 46%,transparent 60%,transparent 100%),linear-gradient(180deg,transparent 70%,rgba(242,240,232,.48) 86%,#f2f0e8 100%)!important}
body[data-page="home"] #studio .shade::after{content:none!important;display:none!important}
body[data-page="home"] #studio .shade{transform:none;transform-style:preserve-3d}
body[data-page="home"] #studio .shade::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(28,30,26,.18),transparent 48%,rgba(38,31,25,.32));opacity:var(--hero-p);transform:translateZ(10px);pointer-events:none}
body[data-page="home"] #studio .intro{transform:perspective(1000px) translate3d(calc(var(--hero-depth,0)*-52px),calc(var(--hero-depth,0)*-28px),calc(var(--hero-depth,0)*42px)) rotateY(calc(var(--hero-depth,0)*-3deg));transform-origin:left center;opacity:calc(1 - var(--hero-p)*.72);transition:none;will-change:transform,opacity}
body[data-page="home"] #studio .edition{transform:translate3d(calc(var(--hero-depth,0)*-30px),calc(var(--hero-depth,0)*-12px),35px);opacity:calc(1 - var(--hero-p)*.5);will-change:transform,opacity}
body[data-page="home"] #studio .scene-caption{transform:perspective(1000px) translate3d(calc(var(--hero-depth,0)*52px),calc(var(--hero-depth,0)*-50px),calc(var(--hero-depth,0)*150px)) rotateY(calc(var(--hero-depth,0)*-22deg)) rotateX(calc(var(--hero-depth,0)*7deg));transform-origin:80% center;transition:none;will-change:transform}
body[data-page="home"] #studio .process-card .card-face{box-shadow:0 24px 70px rgba(35,29,21,calc(.14 + var(--hero-p)*.2)),inset 0 1px rgba(255,255,255,.78)}
body[data-page="home"] #studio .atmosphere{transform:perspective(800px) translate3d(0,calc(var(--hero-depth,0)*20px),calc(var(--hero-depth,0)*80px)) rotateX(calc(var(--hero-depth,0)*-9deg));transform-origin:bottom left;opacity:calc(1 - var(--hero-p)*.42);will-change:transform,opacity}
body[data-page="home"] .site-nav{transform:translate3d(0,calc(var(--hero-p)*-12px),0);opacity:calc(1 - var(--hero-p)*.25);will-change:transform,opacity}
body[data-page="home"] #studio::after{content:"";position:absolute;z-index:2;pointer-events:none;left:-6%;right:-6%;bottom:-18%;height:42%;opacity:calc(var(--hero-depth,0)*.24);transform:perspective(700px) rotateX(66deg) scale(1.25);transform-origin:bottom center;background:repeating-linear-gradient(90deg,transparent 0 79px,rgba(255,255,255,.55) 80px),repeating-linear-gradient(0deg,transparent 0 47px,rgba(255,255,255,.48) 48px);mask-image:linear-gradient(to top,black,transparent 88%);will-change:opacity}
@media(max-width:780px){body[data-page="home"] #studio .scene video{inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center}body[data-page="home"] #studio .shade{background:linear-gradient(90deg,#f5f2eb 0%,rgba(245,242,235,.9) 24%,rgba(245,242,235,.36) 48%,transparent 68%,transparent 100%),linear-gradient(180deg,transparent 70%,rgba(242,240,232,.48) 86%,#f2f0e8 100%)!important}body[data-page="home"] #studio .scene-caption{transform:perspective(850px) translate3d(12px,calc(var(--hero-depth,0)*-28px),calc(var(--hero-depth,0)*100px)) rotateY(calc(var(--hero-depth,0)*-12deg)) rotateX(calc(var(--hero-depth,0)*4deg))}body[data-page="home"] #studio::after{opacity:calc(var(--hero-depth,0)*.15)}}
@media(prefers-reduced-motion:reduce){body[data-page="home"] #studio .scene,body[data-page="home"] #studio .scene video,body[data-page="home"] #studio .scene img,body[data-page="home"] #studio .intro,body[data-page="home"] #studio .edition,body[data-page="home"] #studio .scene-caption,body[data-page="home"] #studio .atmosphere,body[data-page="home"] .site-nav{transform:none!important;filter:none!important;opacity:1!important;transition:none!important;will-change:auto}}

/* Advantage tiles read as a run of refined cabinet fronts. */
body[data-page="home"] .benefit-band .advantage-card{
  position:relative;
  overflow:hidden;
  padding-right:34px;
  border:1px solid #9d8e7855;
  border-radius:11px;
  background:linear-gradient(145deg,#fffef9 0%,#f6f2e8 62%,#e9e1d3 100%)!important;
  box-shadow:inset 0 1px #fff, inset -5px 0 9px #77684c12, 0 10px 24px #564c3a12;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
}
body[data-page="home"] .benefit-band .advantage-card.featured{
  background:linear-gradient(145deg,#fffaf2 0%,#f0e4d6 62%,#e5d6c5 100%)!important;
}
body[data-page="home"] .benefit-band .advantage-card::before{
  content:"";
  position:absolute;
  z-index:0;
  inset:9px;
  border:1px solid #9d8e7833;
  border-radius:6px;
  box-shadow:inset 0 0 0 3px #ffffff55,inset 0 0 0 4px #9d8e7818;
  background:linear-gradient(135deg,#ffffff1f,transparent 45%);
  opacity:1;
  animation:none!important;
  pointer-events:none;
}
body[data-page="home"] .benefit-band .advantage-card::after{
  content:"";
  position:absolute;
  z-index:2;
  inset:50% 13px auto auto;
  width:3px;
  height:25px;
  padding:0;
  border:0;
  border-radius:3px;
  background:linear-gradient(90deg,#806f51,#d4c4a4 48%,#806f51);
  box-shadow:0 1px 2px #42351f55,0 0 0 1px #ffffff88;
  transform:translateY(-50%)!important;
  pointer-events:none;
}
body[data-page="home"] .benefit-band .advantage-icon,
body[data-page="home"] .benefit-band .advantage-card h3,
body[data-page="home"] .benefit-band .advantage-card p{z-index:1}
@media(max-width:600px){body[data-page="home"] .benefit-band .advantage-card{padding-right:26px}body[data-page="home"] .benefit-band .advantage-card::before{inset:7px}body[data-page="home"] .benefit-band .advantage-card::after{right:10px;height:20px}}

/* Make the metaphor unmistakable: these are inset cabinet doors, not UI tiles. */
body[data-page="home"] .benefit-band .advantage-card{
  min-height:284px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  padding:31px 27px 20px 20px;
  border-radius:3px;
  border:1px solid #87775e;
  background:linear-gradient(90deg,#e3dacb 0,#f9f6ee 4%,#f5f0e5 100%)!important;
  box-shadow:inset 0 0 0 3px #fff9,inset 5px 0 9px #68593f16,5px 5px 0 #c8bba6,7px 8px 13px #55493522;
}
body[data-page="home"] .benefit-band .advantage-card:nth-child(even){background:linear-gradient(90deg,#dbd0be 0,#f4eddf 4%,#eee5d5 100%)!important}
body[data-page="home"] .benefit-band .advantage-card.featured{background:linear-gradient(90deg,#d8c6b3 0,#f2e4d6 4%,#ead8c5 100%)!important}
body[data-page="home"] .benefit-band .advantage-card::before{
  inset:10px;
  border:3px solid #b4a58d;
  border-radius:2px;
  background:linear-gradient(135deg,#ffffff45,#ffffff08 42%,#c8b99f18);
  box-shadow:inset 0 0 0 3px #f7f2e8,inset 0 0 0 4px #aa9a8066,0 1px 2px #fff9;
}
body[data-page="home"] .benefit-band .advantage-card::after{
  inset:50% 12px auto auto;
  width:6px;
  height:43px;
  border-radius:5px;
  background:linear-gradient(90deg,#715b39 0%,#d4bf95 35%,#f0dfb7 55%,#94794e 100%);
  box-shadow:0 -15px 0 -2px #9b835c,0 15px 0 -2px #9b835c,1px 1px 3px #3227148c,0 0 0 1px #fff9;
}
body[data-page="home"] .benefit-band .advantage-icon{
  position:relative!important;
  top:auto!important;left:auto!important;
  align-self:center;
  display:grid;
  place-items:center;
  flex:none;
  width:66px;height:66px;
  margin:3px 0 20px!important;
  border:0;
  border-radius:0;
  background:transparent!important;
  color:#a53236;
  box-shadow:none!important;
}
body[data-page="home"] .benefit-band .advantage-icon svg{width:52px;height:52px;stroke-width:1.7}
body[data-page="home"] .benefit-band .advantage-card h3{
  position:relative;z-index:1;
  width:100%;margin:0!important;
  text-align:center;
  font-size:clamp(13px,.95vw,16px);
  line-height:1.2;
}
body[data-page="home"] .benefit-band .advantage-card p{
  position:relative;z-index:1;
  width:100%;margin:8px 0 0!important;
  text-align:center;
  font-size:10px;line-height:1.35;
}
@media(max-width:1100px){body[data-page="home"] .benefit-band .advantage-card{min-height:240px;padding:25px 25px 18px 18px}body[data-page="home"] .benefit-band .advantage-icon{width:58px;height:58px;margin-bottom:15px!important}body[data-page="home"] .benefit-band .advantage-icon svg{width:45px;height:45px}}
@media(max-width:600px){body[data-page="home"] .benefit-band .advantage-card{min-height:172px;padding:19px 21px 15px 12px;border-radius:3px}body[data-page="home"] .benefit-band .advantage-card::before{inset:8px;border-width:2px}body[data-page="home"] .benefit-band .advantage-card::after{right:9px;width:5px;height:31px;box-shadow:0 -11px 0 -2px #9b835c,0 11px 0 -2px #9b835c,1px 1px 3px #3227148c,0 0 0 1px #fff9}body[data-page="home"] .benefit-band .advantage-icon{width:46px;height:46px;margin:2px 0 13px!important}body[data-page="home"] .benefit-band .advantage-icon svg{width:37px;height:37px}body[data-page="home"] .benefit-band .advantage-card h3{font-size:12px}body[data-page="home"] .benefit-band .advantage-card p{font-size:9px}}

/* Cabinet fronts: a recessed shaker panel, edge banding, visible hinges and long pulls. */
body[data-page="home"] .benefit-band .advantage-grid .advantage-card{
  --door-hinge:left;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  min-height:310px;
  padding:34px 22px 22px!important;
  border:1px solid #a89b85!important;
  border-radius:2px!important;
  background:
    radial-gradient(ellipse 7px 5px at 2px 25%,#806b49 0 48%,#d8c59d 55% 72%,transparent 80%),
    radial-gradient(ellipse 7px 5px at 2px 75%,#806b49 0 48%,#d8c59d 55% 72%,transparent 80%),
    linear-gradient(90deg,#b9aa90 0,#f5f0e5 3%,#eee7d9 100%)!important;
  box-shadow:inset 2px 0 0 #fff9,inset 0 0 0 1px #fff7,5px 0 0 #c5b99f,7px 7px 13px #40372429!important;
  transform-origin:left center;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even){
  --door-hinge:right;
  padding-left:30px!important;padding-right:20px!important;
  background:
    radial-gradient(ellipse 7px 5px at calc(100% - 2px) 25%,#806b49 0 48%,#d8c59d 55% 72%,transparent 80%),
    radial-gradient(ellipse 7px 5px at calc(100% - 2px) 75%,#806b49 0 48%,#d8c59d 55% 72%,transparent 80%),
    linear-gradient(270deg,#b9aa90 0,#f5f0e5 3%,#eee7d9 100%)!important;
  box-shadow:inset -2px 0 0 #fff9,inset 0 0 0 1px #fff7,-5px 0 0 #c5b99f,-7px 7px 13px #40372429!important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card.featured{
  background:
    radial-gradient(ellipse 7px 5px at 2px 25%,#806b49 0 48%,#d8c59d 55% 72%,transparent 80%),
    radial-gradient(ellipse 7px 5px at 2px 75%,#806b49 0 48%,#d8c59d 55% 72%,transparent 80%),
    linear-gradient(90deg,#b9a68c 0,#f0e3d3 3%,#e7d8c6 100%)!important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before{
  inset:12px 15px!important;
  border:5px solid #c4b69c!important;
  border-radius:1px!important;
  background:linear-gradient(145deg,#ffffff50 0%,#ffffff08 32%,#c3b49820 100%)!important;
  box-shadow:inset 0 0 0 2px #f8f4eb,inset 0 0 0 4px #a9997b66,0 1px 0 #fff!important;
  animation:none!important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after{
  inset:50% 13px auto auto!important;
  width:8px!important;height:58px!important;
  border-radius:5px!important;
  background:linear-gradient(90deg,#755b35 0%,#c7ad7d 25%,#f2e0b5 48%,#b09260 70%,#725834 100%)!important;
  box-shadow:0 -22px 0 -2px #9a8054,0 22px 0 -2px #9a8054,1px 2px 4px #2b21166b,0 0 0 1px #fff9!important;
  transform:translateY(-50%)!important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::after{
  inset:50% auto auto 13px!important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{position:relative;z-index:1}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{margin-top:14px!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3{margin-top:auto!important;padding-top:16px!important}
@media(max-width:1100px){body[data-page="home"] .benefit-band .advantage-grid .advantage-card{min-height:265px}}
@media(max-width:600px){body[data-page="home"] .benefit-band .advantage-grid .advantage-card{min-height:190px;padding:19px 20px!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before{inset:8px 11px!important;border-width:3px!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after{height:38px!important;width:6px!important;right:9px!important;box-shadow:0 -14px 0 -2px #9a8054,0 14px 0 -2px #9a8054,1px 2px 4px #2b21166b!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::after{left:9px!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{margin-top:8px!important}}
body[data-page="home"] .benefit-band .advantage-grid{perspective:1050px;perspective-origin:50% 45%}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card{box-shadow:inset 2px 0 0 #fff9,inset 0 0 0 1px #fff7,var(--door-edge-shadow,5px 5px 14px #40372425)!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even){box-shadow:inset -2px 0 0 #fff9,inset 0 0 0 1px #fff7,var(--door-edge-shadow,-5px 5px 14px #40372425)!important}

/* One continuous cabinet carcass with six independently hinged door fronts. */
body[data-page="home"] .benefit-band{background:transparent!important}
body[data-page="home"] .benefit-band .benefit-shell{max-width:1600px;margin:0 auto;padding:12px 12px 14px;position:relative;background:linear-gradient(180deg,#d2c5ae 0,#b8a98e 4px,#e5dac7 5px,#ded2bf calc(100% - 5px),#9d8d71 calc(100% - 4px),#c4b49a 100%);box-shadow:0 2px 0 #ffffff70,inset 0 1px 1px #ffffffad,inset 0 -2px 4px #74664d42}
body[data-page="home"] .benefit-band .advantage-grid{gap:4px!important;padding:0 5px;background:linear-gradient(90deg,#89795f,#b5a589 5px,transparent 5px calc(100% - 5px),#b5a589 calc(100% - 5px),#89795f);}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card.featured{--door-hinge:left;min-height:320px!important;padding:30px 23px 22px!important;border:0!important;border-radius:0!important;color:#28271f!important;background:linear-gradient(90deg,#b4a58c 0,#e7ddcc 2%,#f2ecdf 7%,#e8decd 50%,#f8f3e9 96%,#c7b99f 100%)!important;box-shadow:inset 0 0 0 1px #fff9,inset 2px 0 3px #70634d44,var(--door-edge-shadow,4px 5px 12px #3b30201c)!important;transform-origin:left center}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even){--door-hinge:right;padding-left:24px!important;padding-right:34px!important;background:linear-gradient(270deg,#b4a58c 0,#e7ddcc 2%,#f2ecdf 7%,#e8decd 50%,#f8f3e9 96%,#c7b99f 100%)!important;box-shadow:inset 0 0 0 1px #fff9,inset -2px 0 3px #70634d44,var(--door-edge-shadow,-4px 5px 12px #3b30201c)!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before{inset:12px!important;border:3px solid #c9b99c!important;border-radius:0!important;background:linear-gradient(145deg,#ffffff27 0%,transparent 24%,#c7b99f16 100%)!important;box-shadow:inset 0 0 0 2px #faf6ed,inset 0 0 0 4px #ad9b7d99,0 1px 0 #fff!important;animation:none!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{width:72px!important;height:72px!important;margin:10px auto 0!important;border:0!important;border-radius:0!important;background:transparent!important;color:#9f3336!important;box-shadow:none!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg{width:56px!important;height:56px!important;stroke-width:1.45!important;filter:drop-shadow(0 1px 0 #fff)}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3{margin:auto 0 0!important;padding:14px 12px 0!important;text-align:center!important;font-size:clamp(13px,1.05vw,17px)!important;line-height:1.2!important;letter-spacing:-.25px}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{margin:7px 0 0!important;padding:0 10px 8px!important;text-align:center!important;color:#625d52!important;font-size:11px!important;line-height:1.4!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after{display:block!important;inset:50% 12px auto auto!important;width:7px!important;height:65px!important;border-radius:5px!important;background:linear-gradient(90deg,#5e482c,#a98751 24%,#e6d1a1 48%,#997644 73%,#5e482c)!important;box-shadow:0 -25px 0 -2px #8d7148,0 25px 0 -2px #8d7148,1px 2px 4px #3529168c!important;transform:translateY(-50%)!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::after{inset:50% auto auto 12px!important}
body[data-page="home"] .benefit-band .benefit-next{margin:23px 12px 0}
@media(max-width:1100px){body[data-page="home"] .benefit-band .advantage-grid{grid-template-columns:repeat(3,minmax(0,1fr))}body[data-page="home"] .benefit-band .advantage-grid .advantage-card{min-height:260px!important}}
@media(max-width:600px){body[data-page="home"] .benefit-band .benefit-shell{padding:8px 6px 10px}body[data-page="home"] .benefit-band .advantage-grid{gap:3px!important;padding:0 3px}body[data-page="home"] .benefit-band .advantage-grid .advantage-card{min-height:205px!important;padding:17px 13px!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before{inset:8px!important;border-width:2px!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after{width:5px!important;height:38px!important;right:7px!important;box-shadow:0 -14px 0 -2px #8d7148,0 14px 0 -2px #8d7148!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::after{left:7px!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{width:50px!important;height:50px!important;margin-top:6px!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg{width:40px!important;height:40px!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3{font-size:12px!important;padding:8px 7px 0!important}body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{font-size:9px!important;padding:0 5px 4px!important}}

/* Real cabinet construction: door leaves sit in front of a deep carcass and reveal their edges while opening. */
body[data-page="home"] .benefit-band .benefit-shell{transform-style:preserve-3d;perspective:1250px}
body[data-page="home"] .benefit-band .advantage-grid{gap:5px!important;padding:0 7px!important;background:linear-gradient(180deg,#88795f,#c6b99e 5px,#92846b 8px,#b4a589)!important;transform-style:preserve-3d}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card{overflow:visible!important;transform-style:preserve-3d!important;backface-visibility:visible!important;border:1px solid #c2b69e!important;background:linear-gradient(90deg,#a5967c 0,#e4dbc9 2%,#f7f2e8 7%,#eee7da 48%,#faf6ed 96%,#b6a88f 100%)!important;box-shadow:inset 0 0 0 1px #fff9,0 0 0 1px #a3947b,0 9px 0 #c6b89d,0 12px 18px #30291d35!important;transform-origin:left center}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even){background:linear-gradient(270deg,#a5967c 0,#e4dbc9 2%,#f7f2e8 7%,#eee7da 48%,#faf6ed 96%,#b6a88f 100%)!important;transform-origin:right center}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after{display:none!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before{inset:13px!important;border:4px solid #cbbda2!important;background:linear-gradient(145deg,#fff9 0,#ffffff18 12%,transparent 30%,#c4b79c18 100%)!important;box-shadow:inset 0 0 0 2px #fbf8f1,inset 0 0 0 5px #ac9d817d,0 1px 1px #ffffffa8!important;transform:translateZ(2px)}
body[data-page="home"] .cabinet-door-edge{position:absolute;z-index:0;top:0;right:-12px;width:12px;height:100%;background:linear-gradient(90deg,#796c56,#d7ccb7 42%,#8f8168);transform-origin:left center;transform:rotateY(90deg);backface-visibility:hidden;box-shadow:inset 0 0 0 1px #766a54}
body[data-page="home"] .advantage-card:nth-child(even) .cabinet-door-edge{right:auto;left:-12px;transform-origin:right center;transform:rotateY(-90deg)}
body[data-page="home"] .cabinet-door-pull{position:absolute;z-index:3;top:50%;right:21px;width:8px;height:62px;border-radius:5px;background:linear-gradient(90deg,#4d3b25,#a98751 22%,#f1dfb2 48%,#987444 76%,#4c3924);transform:translate3d(0,-50%,22px);box-shadow:inset 0 0 0 1px #44351f,1px 3px 5px #20180e88,0 -24px 0 -2px #8b7048,0 24px 0 -2px #8b7048}
body[data-page="home"] .advantage-card:nth-child(even) .cabinet-door-pull{right:auto;left:21px}
body[data-page="home"] .cabinet-hinge{position:absolute;z-index:3;left:7px;width:10px;height:24px;border-radius:3px;background:linear-gradient(90deg,#786345,#e0d0ad 36%,#89724f 72%,#544229);transform:translateZ(18px);box-shadow:0 1px 2px #3c2c16a8,inset 0 0 0 1px #665238}
body[data-page="home"] .cabinet-hinge-top{top:22%}
body[data-page="home"] .cabinet-hinge-bottom{top:70%}
body[data-page="home"] .advantage-card:nth-child(even) .cabinet-hinge{left:auto;right:7px}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{transform:translateZ(18px)!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3,body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{transform:translateZ(10px)}
@media(max-width:600px){body[data-page="home"] .cabinet-door-edge{right:-7px;width:7px}body[data-page="home"] .advantage-card:nth-child(even) .cabinet-door-edge{left:-7px}body[data-page="home"] .cabinet-door-pull{right:11px;width:6px;height:39px;box-shadow:inset 0 0 0 1px #44351f,1px 2px 4px #20180e88,0 -14px 0 -2px #8b7048,0 14px 0 -2px #8b7048}body[data-page="home"] .advantage-card:nth-child(even) .cabinet-door-pull{left:11px}body[data-page="home"] .cabinet-hinge{left:4px;width:7px;height:18px}body[data-page="home"] .advantage-card:nth-child(even) .cabinet-hinge{left:auto;right:4px}}
/* Keep the body behind the doors transparent so no 3D face can be painted behind an opaque grid plane. */
body[data-page="home"] .benefit-band .advantage-grid{background:transparent!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card{z-index:1}
body[data-page="home"] .benefit-band .advantage-grid{transform-style:flat!important;perspective:1050px}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card{transform-style:preserve-3d!important}
body[data-page="home"] .benefit-band .benefit-shell{box-shadow:inset 0 0 0 5px #a7987d,inset 0 0 0 8px #e4dac8,inset 0 0 0 10px #8f8168,0 12px 28px #4037241c}

/* Benefit section: show the supplied kitchen render as the hero of the story. */
body[data-page="home"] .benefit-band {
  --paper: #f5f2eb;
  position: relative;
  overflow: clip;
  padding: clamp(4px, 1.2vw, 18px) clamp(18px, 4vw, 64px) clamp(30px, 4vw, 58px);
  background: var(--paper) !important;
  color: #272720;
}
body[data-page="home"] .benefit-band .benefit-shell {
  width: min(100%, 1600px);
  max-width: 1600px;
  margin: 0 auto;
  padding: 0;
  background: transparent !important;
  box-shadow: none !important;
  transform: none !important;
  perspective: none !important;
}
body[data-page="home"] .benefit-scene {
  position: relative;
  display: grid;
  place-items: center;
  height: clamp(300px, 37vw, 520px);
  margin: 0 auto clamp(10px, 2vw, 26px);
  overflow: hidden;
  background: transparent;
}
body[data-page="home"] #benefit-canvas {
  display: block;
  width: min(100%, 1080px);
  height: 100%;
  object-fit: contain;
}
body[data-page="home"] .benefit-scene-caption,
body[data-page="home"] .benefit-scene-counter {
  position: absolute;
  bottom: 12px;
  color: #77736b;
  font: 600 10px/1.2 inherit;
  letter-spacing: .12em;
}
body[data-page="home"] .benefit-scene-caption { left: 4px; }
body[data-page="home"] .benefit-scene-counter { right: 4px; display: flex; align-items: center; gap: 8px; font-variant-numeric: tabular-nums; }
body[data-page="home"] .benefit-scene-counter i { width: 24px; height: 1px; background: #b63238; }
body[data-page="home"] .benefit-band .advantage-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: clamp(10px, 1.15vw, 18px);
  padding: 0;
  background: transparent !important;
  perspective: none !important;
  transform: none !important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card.featured {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 0;
  min-width: 0;
  min-height: 178px !important;
  padding: clamp(17px, 1.5vw, 24px) clamp(15px, 1.3vw, 22px) !important;
  overflow: hidden !important;
  border: 1px solid #e4dfd6 !important;
  border-radius: 13px !important;
  background: rgba(255,255,255,.54) !important;
  color: #292923 !important;
  box-shadow: 0 8px 24px rgba(51,44,34,.035) !important;
  transform: translateY(calc((1 - var(--reveal, 1)) * 12px)) !important;
  opacity: calc(.76 + var(--reveal, 1) * .24);
  transition: opacity .12s linear, transform .12s linear;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after { display: none !important; content: none !important; }
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 54px !important;
  height: 54px !important;
  margin: 0 0 18px !important;
  border-radius: 14px !important;
  background: #f4e4dc !important;
  color: #ae343a !important;
  box-shadow: none !important;
  transform: none !important;
  animation: none !important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg {
  width: 32px !important; height: 32px !important; stroke-width: 1.8 !important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3 {
  width: 100%;
  min-height: 2.45em;
  margin: 0 !important;
  padding: 0 !important;
  text-align: left !important;
  color: #292923 !important;
  font-size: clamp(13px, 1.02vw, 16px) !important;
  font-weight: 700;
  line-height: 1.22 !important;
  letter-spacing: -.025em;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card p {
  width: 100%;
  margin: 7px 0 0 !important;
  padding: 0 !important;
  text-align: left !important;
  color: #77736b !important;
  font-size: 11px !important;
  line-height: 1.42 !important;
}
body[data-page="home"] .benefit-band .benefit-next {
  display: flex; align-items: center; justify-content: space-between; gap: 20px;
  margin: clamp(24px, 3vw, 42px) 0 0 !important;
  padding-top: 20px;
  border-top: 1px solid #e2ddd4;
}
body[data-page="home"] .benefit-band .benefit-next > div { display: grid; gap: 6px; }
body[data-page="home"] .benefit-band .benefit-next > div span { color: #a93439; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
body[data-page="home"] .benefit-band .benefit-next > div strong { font-size: clamp(17px, 2vw, 24px); letter-spacing: -.04em; }
@media (max-width: 1000px) {
  body[data-page="home"] .benefit-band .advantage-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card { min-height: 160px !important; }
}
@media (max-width: 600px) {
  body[data-page="home"] .benefit-band { padding: 0 18px 34px; }
  body[data-page="home"] .benefit-scene { height: 270px; margin-bottom: 4px; }
  body[data-page="home"] .benefit-scene-caption, body[data-page="home"] .benefit-scene-counter { bottom: 5px; font-size: 8px; }
  body[data-page="home"] .benefit-band .advantage-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card { min-height: 158px !important; padding: 15px !important; border-radius: 11px !important; }
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon { width: 46px !important; height: 46px !important; margin-bottom: 12px !important; }
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg { width: 28px !important; height: 28px !important; }
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3 { min-height: 2.4em; font-size: 13px !important; }
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card p { font-size: 10px !important; }
  body[data-page="home"] .benefit-band .benefit-next { flex-wrap: wrap; }
}
@media (prefers-reduced-motion: reduce) {
  body[data-page="home"] .benefit-band .advantage-card { transition: none !important; transform: none !important; }
}

/* Six clear, real-world benefits directly below the hero; no decorative 3D props. */
body[data-page="home"] .benefit-band {
  overflow: visible;
  padding: clamp(20px, 2.5vw, 34px) clamp(22px, 4.2vw, 68px) clamp(32px, 4vw, 54px);
  background: #f5f2eb !important;
}
body[data-page="home"] .benefit-band .benefit-shell {
  width: min(100%, 1600px); max-width: 1600px; margin: 0 auto; padding: 0;
  background: transparent !important; box-shadow: none !important; transform: none !important;
}
body[data-page="home"] .benefit-band .advantage-grid {
  display: grid; grid-template-columns: repeat(6, minmax(0,1fr)); gap: 0;
  padding: 0; background: transparent !important; perspective: none !important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card.featured {
  position: relative; display: flex; flex-direction: column; align-items: flex-start; justify-content: flex-start;
  min-width: 0; min-height: 162px !important; margin: 0; padding: 16px clamp(12px,1.5vw,24px) !important;
  overflow: visible !important; border: 0 !important; border-radius: 0 !important;
  border-left: 1px solid #d9d3c9 !important; background: transparent !important;
  color: #292923 !important; box-shadow: none !important;
  opacity: calc(.35 + var(--reveal,1) * .65); transform: translateY(calc((1 - var(--reveal,1))*10px)) !important;
  transition: opacity .18s linear, transform .18s ease-out;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:first-child { border-left: 0 !important; }
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after { display: none !important; content: none !important; }
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon {
  display: grid; place-items: center; width: 48px !important; height: 48px !important; margin: 0 0 15px !important;
  border: 0 !important; border-radius: 13px !important; background: #eee5db !important; color: #ad3339 !important;
  box-shadow: none !important; transform: none !important; animation: none !important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg { width: 30px !important; height: 30px !important; stroke-width: 1.8 !important; }
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3 {
  width: 100%; min-height: 2.5em; margin: 0 !important; padding: 0 !important; text-align: left !important;
  color: #282821 !important; font-size: clamp(13px,1.02vw,16px) !important; font-weight: 700; line-height: 1.22 !important; letter-spacing: -.025em;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card p {
  width: 100%; margin: 6px 0 0 !important; padding: 0 !important; text-align: left !important;
  color: #77736b !important; font-size: 11px !important; line-height: 1.4 !important;
}
body[data-page="home"] .benefit-band .benefit-next {
  display: flex; align-items: center; justify-content: space-between; gap: 18px;
  margin: 16px 0 0 !important; padding: 20px 0 0; border-top: 1px solid #ded8cf;
}
body[data-page="home"] .benefit-band .benefit-next > div { display: grid; gap: 5px; }
body[data-page="home"] .benefit-band .benefit-next > div span { color: #a93439; font-size: 10px; font-weight: 700; letter-spacing: .12em; }
body[data-page="home"] .benefit-band .benefit-next > div strong { font-size: clamp(17px,2vw,23px); letter-spacing: -.04em; }
@media(max-width:1000px) {
 body[data-page="home"] .benefit-band .advantage-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(4) { border-left: 0 !important; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card { min-height: 148px !important; }
}
@media(max-width:600px) {
 body[data-page="home"] .benefit-band { padding: 14px 18px 30px; }
 body[data-page="home"] .benefit-band .advantage-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card { min-height: 146px !important; padding: 14px 12px !important; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(odd) { border-left: 0 !important; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(4) { border-left: 1px solid #d9d3c9 !important; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon { width: 44px !important; height: 44px !important; margin-bottom: 11px !important; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3 { font-size: 13px !important; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card p { font-size: 10px !important; }
 body[data-page="home"] .benefit-band .benefit-next { flex-wrap: wrap; }
}
@media(prefers-reduced-motion:reduce) { body[data-page="home"] .benefit-band .advantage-card { transition: none !important; transform: none !important; } }
/* Neutralize every earlier prototype-door rule, including its even-card variants. */
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even),
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even).featured {
  background: transparent !important; background-image: none !important; box-shadow: none !important;
  border-top: 0 !important; border-right: 0 !important; border-bottom: 0 !important;
  transform: translateY(calc((1 - var(--reveal,1))*10px)) !important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::before,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::after { display:none !important; content:none !important; }
/* Put the client-provided animated kitchen back above the benefits: the real cabinet door is visible in the scroll sequence. */
body[data-page="home"] .benefit-band .benefit-scene {
  position: relative; display: grid; place-items: center; height: clamp(245px,28vw,350px);
  margin: 0 auto 6px; overflow: hidden; background: transparent;
}
body[data-page="home"] #benefit-canvas { display:block; width:min(100%,920px); height:100%; object-fit:contain; }
body[data-page="home"] .benefit-band .benefit-scene-caption {
  position:absolute; left:0; bottom:8px; color:#77736b; font-size:9px; font-weight:600; letter-spacing:.13em;
}
@media(max-width:600px){body[data-page="home"] .benefit-band .benefit-scene{height:210px;margin-bottom:4px}body[data-page="home"] .benefit-band .benefit-scene-caption{font-size:8px}}
/* Avoid legacy 3D entrance variables leaving the copy off-screen. */
body[data-page="home"] .benefit-band .advantage-grid .advantage-card,
body[data-page="home"].benefit-scroll-ready .benefit-band .advantage-grid .advantage-card {
  opacity: calc(.82 + var(--reveal,1) * .18) !important;
  filter: none !important;
  transform: translateY(calc((1 - var(--reveal,1)) * 7px)) !important;
  transform-style: flat !important;
}

/* Six benefits presented as a single fitted run of real cabinet fronts. */
body[data-page="home"] .benefit-band { padding: clamp(16px,2vw,26px) clamp(24px,4vw,64px) 42px; background:#f5f2eb!important; }
body[data-page="home"] .benefit-band .benefit-shell { max-width:1600px; margin:0 auto; padding:0; background:transparent!important; box-shadow:none!important; }
body[data-page="home"] .benefit-band .advantage-grid {
  display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:3px; padding:9px 10px;
  background:linear-gradient(180deg,#9e8a6b 0,#c2ad88 5px,#826f55 8px,#b7a27f 100%)!important;
  box-shadow:0 12px 24px rgba(46,37,24,.14),inset 0 1px 1px #fff8,inset 0 -2px 3px #4d3b2450;
  perspective:1200px; perspective-origin:50% 45%;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card.featured,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even) {
  position:relative; isolation:isolate; overflow:visible!important; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start;
  min-width:0; min-height:250px!important; margin:0; padding:25px clamp(13px,1.35vw,22px) 19px!important;
  border:1px solid #c4b69d!important; border-radius:2px!important;
  background:linear-gradient(90deg,#b6a589 0,#eee5d5 3%,#f7f3e9 9%,#eee7d9 88%,#d2c4aa 100%)!important;
  color:#282821!important; box-shadow:inset 1px 0 2px #fff9,inset -2px 0 3px #71634b3b,2px 5px 8px #33281728!important;
  transform-origin:left center!important; transform-style:preserve-3d!important;
  opacity:1!important; filter:none!important;
  transform:perspective(1200px) rotateY(calc(var(--door-open,0) * -11deg))!important;
  transition:transform .18s ease-out!important; backface-visibility:visible;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even) {
  background:linear-gradient(270deg,#b6a589 0,#eee5d5 3%,#f7f3e9 9%,#eee7d9 88%,#d2c4aa 100%)!important;
  transform-origin:right center!important;
  transform:perspective(1200px) rotateY(calc(var(--door-open,0) * 11deg))!important;
  box-shadow:inset -1px 0 2px #fff9,inset 2px 0 3px #71634b3b,-2px 5px 8px #33281728!important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before {
  content:""!important; display:block!important; position:absolute; inset:9px!important; z-index:-1;
  border:1px solid #d6cbb8!important; border-radius:1px!important; background:linear-gradient(145deg,#ffffff28,transparent 26%,#c3b49612 100%)!important;
  box-shadow:inset 0 0 0 2px #f7f3e9,inset 0 0 0 3px #c8baa1,0 1px 0 #fff!important;
  animation:none!important; transform:translateZ(1px);
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after { content:none!important; display:none!important; }
body[data-page="home"] .benefit-band .cabinet-pull {
  position:absolute; z-index:3; top:50%; right:13px; width:6px; height:42px; border-radius:4px;
  background:linear-gradient(90deg,#675333,#b59968 24%,#f1e0b5 48%,#a18455 76%,#594629);
  box-shadow:0 0 0 1px #806944,0 1px 3px #3b2c1780,0 -15px 0 -2px #9b8153,0 15px 0 -2px #9b8153;
  transform:translate3d(0,-50%,7px);
}
body[data-page="home"] .benefit-band .advantage-card:nth-child(even) .cabinet-pull { right:auto; left:13px; }
body[data-page="home"] .benefit-band .cabinet-hinge { position:absolute; z-index:4; top:20%; left:3px; width:5px; height:19px; border-radius:2px; background:linear-gradient(90deg,#776448,#e0d0ad 45%,#80704f); box-shadow:0 1px 2px #46351c9c; }
body[data-page="home"] .benefit-band .cabinet-hinge::after { content:""; position:absolute; top:245%; left:0; width:5px; height:19px; border-radius:2px; background:inherit; box-shadow:0 1px 2px #46351c9c; }
body[data-page="home"] .benefit-band .advantage-card:nth-child(even) .cabinet-hinge { left:auto; right:3px; }
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon {
  position:relative; z-index:2; display:grid; place-items:center; width:47px!important; height:47px!important; margin:4px 0 17px!important;
  border-radius:12px!important; background:#f0e5d6!important; color:#a83238!important; box-shadow:inset 0 1px 2px #fff,0 2px 4px #80694718!important;
  transform:translateZ(9px)!important; animation:none!important;
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg { width:30px!important; height:30px!important; stroke-width:1.8!important; }
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3 {
  position:relative; z-index:2; width:100%; min-height:2.5em; margin:0!important; padding:0!important;
  text-align:left!important; font-size:clamp(14px,1.05vw,17px)!important; font-weight:700; line-height:1.22!important; letter-spacing:-.025em;
  transform:translateZ(7px);
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card p {
  position:relative; z-index:2; width:100%; margin:7px 0 0!important; padding:0!important; text-align:left!important;
  color:#6e685d!important; font-size:11px!important; line-height:1.4!important; transform:translateZ(5px);
}
body[data-page="home"] .benefit-band .benefit-next { margin-top:24px!important; }
@media(max-width:1000px) {
 body[data-page="home"] .benefit-band .advantage-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card { min-height:205px!important; }
}
@media(max-width:600px) {
 body[data-page="home"] .benefit-band { padding:12px 18px 30px; }
 body[data-page="home"] .benefit-band .advantage-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;padding:6px; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card { min-height:182px!important;padding:17px 15px!important; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even) { transform:perspective(900px) rotateY(calc(var(--door-open,0) * 7deg))!important; }
 body[data-page="home"] .benefit-band .advantage-grid .advantage-card:not(:nth-child(even)) { transform:perspective(900px) rotateY(calc(var(--door-open,0) * -7deg))!important; }
 body[data-page="home"] .benefit-band .cabinet-pull { height:31px;right:9px; }
 body[data-page="home"] .benefit-band .advantage-card:nth-child(even) .cabinet-pull { left:9px; }
}
@media(prefers-reduced-motion:reduce) { body[data-page="home"] .benefit-band .advantage-card { transition:none!important; transform:none!important; } }
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::before {
  content:""!important; display:block!important; position:absolute!important; inset:9px!important; z-index:-1!important;
  border:1px solid #d6cbb8!important; background:linear-gradient(145deg,#ffffff28,transparent 26%,#c3b49612 100%)!important;
  box-shadow:inset 0 0 0 2px #f7f3e9,inset 0 0 0 3px #c8baa1,0 1px 0 #fff!important;
  animation:none!important;
}











/* ============================================================
   Gerenderte Küchenzeile: offen, schließt sich beim Scrollen,
   die sechs Vorteile erscheinen auf den weißen Fronten.
   ============================================================ */
body[data-page="home"] .benefit-band{
  padding:0 0 clamp(30px,3.4vw,50px)!important;background:#f2eee6!important;overflow:hidden
}
body[data-page="home"] .benefit-band .benefit-shell{
  width:100%!important;max-width:none!important;margin:0!important;padding:0!important;
  background:transparent!important;box-shadow:none!important;transform:none!important;perspective:none!important
}
body[data-page="home"] .benefit-band .kitchen-scene{position:relative;width:100%;aspect-ratio:1500/453}
body[data-page="home"] .benefit-band #kitchen-canvas{display:block;width:100%;height:auto}
body[data-page="home"] .benefit-band .advantage-grid{
  position:absolute!important;inset:0!important;display:block!important;
  margin:0!important;padding:0!important;background:none!important;box-shadow:none!important;
  border:0!important;perspective:none!important;transform:none!important;pointer-events:none
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card.featured,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even),
body[data-page="home"].benefit-scroll-ready .benefit-band .advantage-grid .advantage-card{
  position:absolute!important;left:var(--l)!important;top:var(--t)!important;
  width:var(--w)!important;height:var(--h)!important;min-width:0!important;min-height:0!important;
  margin:0!important;padding:0!important;border:0!important;border-radius:0!important;
  background:none!important;box-shadow:none!important;filter:none!important;overflow:hidden!important;
  display:flex!important;align-items:center!important;justify-content:flex-start!important;
  transform:none!important;transform-style:flat!important;transition:none!important;opacity:1!important
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::before,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card::after,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::before,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(even)::after,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(odd)::before,
body[data-page="home"] .benefit-band .advantage-grid .advantage-card:nth-child(odd)::after{
  content:none!important;display:none!important;background:none!important;border:0!important;box-shadow:none!important
}
body[data-page="home"] .benefit-band .front-inner{
  width:100%;padding:0 10%;
  opacity:var(--show,1);transform:translateY(calc((1 - var(--show,1)) * 10px))
}
body[data-page="home"] .benefit-band .advantage-card:first-child .front-inner{padding:0 8% 0 clamp(18px,2.4vw,46px)}
body[data-page="home"] .benefit-band .advantage-card:last-child .front-inner{padding:0 clamp(18px,2.4vw,46px) 0 8%}
body[data-page="home"] .benefit-band .adv-num{
  display:block;margin:0 0 clamp(14px,1.5vw,24px);
  color:#b4342f;font:700 clamp(10px,.78vw,13px)/1 'Manrope',sans-serif;letter-spacing:.22em;font-style:normal
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{
  position:static!important;display:block!important;width:auto!important;height:auto!important;
  margin:0 0 clamp(14px,1.5vw,24px)!important;border:0!important;border-radius:0!important;
  background:none!important;color:#b4342f!important;box-shadow:none!important;transform:none!important;animation:none!important
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg{
  width:clamp(34px,3vw,52px)!important;height:clamp(34px,3vw,52px)!important;
  fill:none!important;stroke:currentColor!important;stroke-width:1.5!important;
  stroke-linecap:round!important;stroke-linejoin:round!important;transform:none!important;animation:none!important
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3{
  width:100%;min-height:0!important;margin:0!important;padding:0!important;display:block!important;text-align:left!important;
  color:#1d1d17!important;font:700 clamp(16px,1.52vw,26px)/1.14 'Manrope',sans-serif!important;
  letter-spacing:-.035em!important;transform:none!important
}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{
  width:100%;margin:clamp(8px,.8vw,13px) 0 0!important;padding:0!important;text-align:left!important;
  color:#6d6859!important;font-size:clamp(12px,1.02vw,16px)!important;line-height:1.45!important;transform:none!important
}
body[data-page="home"] .benefit-band .benefit-next{
  display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;
  max-width:1680px;margin:clamp(20px,2.2vw,34px) auto 0!important;padding:0 clamp(18px,3vw,52px)!important;border:0
}
@media(max-width:820px){
  body[data-page="home"] .benefit-band .front-inner{padding:0 8%}
  body[data-page="home"] .benefit-band .adv-num{margin-bottom:6px;font-size:7.5px}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{margin-bottom:6px!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg{width:20px!important;height:20px!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3{font-size:11px!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{font-size:8.5px!important;margin-top:3px!important}
}
@media(prefers-reduced-motion:reduce){body[data-page="home"] .benefit-band .front-inner{opacity:1!important;transform:none!important}}
/* Die Zeile ist wieder ein ganzes Möbelstück im Bild, kein Vollbild-Ausschnitt. */
body[data-page="home"] .benefit-band{
  padding:clamp(20px,2.4vw,38px) clamp(16px,3vw,52px) clamp(32px,3.8vw,54px)!important;overflow:visible
}
body[data-page="home"] .benefit-band .benefit-shell{
  width:min(100%,1700px)!important;max-width:1700px!important;margin:0 auto!important
}
body[data-page="home"] .benefit-band .kitchen-scene{aspect-ratio:1500/450}
body[data-page="home"] .benefit-band .front-inner{padding:0 10%!important}
body[data-page="home"] .benefit-band .advantage-card:first-child .front-inner,
body[data-page="home"] .benefit-band .advantage-card:last-child .front-inner{padding:0 10%!important}
body[data-page="home"] .benefit-band .benefit-next{padding:0!important;max-width:1700px}
/* Mobil: 3x2-Schrank statt der langen Zeile. Maße kommen aus dem Script. */
body[data-page="home"] .benefit-band .kitchen-scene{aspect-ratio:1500/600}
body[data-page="home"] .benefit-band .front-inner{padding:0 9%!important}
@media(max-width:820px){
  body[data-page="home"] .benefit-band{padding:16px 14px 26px!important}
  body[data-page="home"] .benefit-band .front-inner{padding:0 11%!important}
  body[data-page="home"] .benefit-band .adv-num{margin-bottom:9px!important;font-size:9px!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{margin-bottom:9px!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg{width:26px!important;height:26px!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3{font-size:14px!important;line-height:1.12!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{font-size:10.5px!important;margin-top:5px!important;line-height:1.35!important}
}
@media(max-width:420px){
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3{font-size:12.5px!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{font-size:9.5px!important}
  body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg{width:22px!important;height:22px!important}
}
/* Perspektive + geerdeter Schatten: der Schrank steht im Bild, nicht über die Kante. */
body[data-page="home"] .benefit-band{
  padding:clamp(22px,2.6vw,40px) clamp(18px,3.4vw,58px) clamp(34px,4vw,56px)!important;overflow:visible
}
body[data-page="home"] .benefit-band .benefit-shell{
  width:min(100%,1620px)!important;max-width:1620px!important;margin:0 auto!important;position:relative
}
body[data-page="home"] .benefit-band .kitchen-scene{aspect-ratio:1500/600}
body[data-page="home"] .benefit-band .kitchen-scene::after{
  content:"";position:absolute;left:7%;right:7%;bottom:4.5%;height:5%;
  background:radial-gradient(60% 100% at 50% 0%,rgba(60,52,34,.26),rgba(60,52,34,0) 72%);
  filter:blur(6px);pointer-events:none;z-index:-1
}
@media(max-width:820px){
  body[data-page="home"] .benefit-band{padding:14px 14px 26px!important}
  body[data-page="home"] .benefit-band .kitchen-scene::after{left:10%;right:10%;bottom:7%;height:4%}
}
/* Echtzeit-3D statt Bildsequenz: der Canvas bestimmt die Höhe selbst. */
body[data-page="home"] .benefit-band .kitchen-scene{aspect-ratio:auto!important;min-height:0}
body[data-page="home"] .benefit-band #kitchen-canvas{display:block;width:100%;height:auto}
body[data-page="home"] .benefit-band .kitchen-scene::after{display:none}
/* Textkarten auf den Echtzeit-Fronten: etwas enger, damit nichts beschnitten wird. */
body[data-page="home"] .benefit-band .front-inner{padding:0 9%!important}
body[data-page="home"] .benefit-band .adv-num{margin:0 0 9% 0!important;font-size:clamp(9px,.68vw,12px)!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon{margin:0 0 7% 0!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card .advantage-icon svg{width:clamp(26px,2.3vw,40px)!important;height:clamp(26px,2.3vw,40px)!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card h3{font-size:clamp(14px,1.28vw,22px)!important;line-height:1.12!important}
body[data-page="home"] .benefit-band .advantage-grid .advantage-card p{font-size:clamp(11px,.9vw,14px)!important;margin-top:4%!important;line-height:1.38!important}
/* Echtzeit-Canvas und Bildsequenz teilen sich denselben Platz. */
body[data-page="home"] .benefit-band #kitchen-live{display:block;width:100%;height:auto}
body[data-page="home"] .benefit-band .kitchen-scene{position:relative}
/* Echte Gegenstaende auf der Arbeitsplatte */
body[data-page="home"] .benefit-band .kitchen-props{position:absolute;inset:0;pointer-events:none;z-index:2}
body[data-page="home"] .benefit-band .kitchen-props img{
  position:absolute;height:auto;transform:translate(-50%,-100%);
  filter:drop-shadow(0 6px 10px rgba(58,50,32,.30)) drop-shadow(0 1px 2px rgba(58,50,32,.35))
}