:root{
  --green:#162A2A;
  --green-dark:#0E1D1D;
  --bronze:#B58A5A;
  --bronze-dark:#967044;
  --porcelain:#F5F1EA;
  --travertine:#D8CFC2;
  --graphite:#292927;
  --muted:#696862;
  --white:#FFFFFF;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Inter',sans-serif;color:var(--graphite);background:var(--porcelain);}
h1,h2,h3,.font-serif-brand{font-family:'Playfair Display',serif;}
.text-bronze{color:var(--bronze);}
.bg-brand-green{background-color:var(--green);}
.bg-brand-greendark{background-color:var(--green-dark);}
.bg-brand-bronze{background-color:var(--bronze);}
.bg-brand-porcelain{background-color:var(--porcelain);}
.bg-brand-travertine{background-color:var(--travertine);}
.text-graphite{color:var(--graphite);}
.text-muted{color:var(--muted);}
.border-bronze{border-color:var(--bronze);}
.btn-primary{background-color:var(--bronze);color:#fff;font-weight:600;transition:.25s;display:inline-flex;align-items:center;gap:.5rem;}
.btn-primary:hover{background-color:var(--bronze-dark);transform:translateY(-1px);}
.btn-outline{border:1.5px solid var(--bronze);color:var(--bronze);font-weight:600;transition:.25s;}
.btn-outline:hover{background-color:var(--bronze);color:#fff;}
.btn-ghost-white{border:1.5px solid rgba(255,255,255,.6);color:#fff;font-weight:600;transition:.25s;}
.btn-ghost-white:hover{background-color:#fff;color:var(--green);}

/* HEADER */
#site-header{position:fixed;top:0;left:0;width:100%;z-index:5000;transition:background-color .35s ease, box-shadow .35s ease, padding .3s ease;background:linear-gradient(180deg,rgba(0,0,0,.55) 0%,rgba(0,0,0,.2) 70%,transparent 100%);padding:12px 0;}
#site-header.scrolled{background:var(--green);box-shadow:0 4px 20px rgba(0,0,0,.15);padding:10px 0;}
#site-header a, #site-header button{color:#fff;}
.header-inner{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;min-height:76px;}
.header-logo{flex-shrink:0;line-height:0;display:block;}
.header-logo-img{display:block;height:68px;width:auto;max-width:min(480px,72vw);object-fit:contain;object-position:left center;filter:drop-shadow(0 2px 6px rgba(0,0,0,.55)) drop-shadow(0 0 1px rgba(0,0,0,.8));}
.footer-brand{line-height:0;display:inline-block;}
.footer-logo-img{display:block;height:72px;width:auto;max-width:min(440px,92%);object-fit:contain;filter:drop-shadow(0 2px 4px rgba(0,0,0,.35));}
.header-nav{margin-left:auto;flex:0 1 auto;min-width:0;}
.header-nav-list{display:flex;flex-wrap:nowrap;align-items:center;gap:0;list-style:none;margin:0;padding:0;}
.header-nav-list>li{position:relative;flex:0 0 auto;}
.header-nav-list .has-dropdown{position:relative;}
#site-header .nav-link{position:relative;display:inline-flex;align-items:center;gap:3px;padding:8px 9px;font-size:13.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap;flex-shrink:0;text-shadow:0 1px 3px rgba(0,0,0,.35);border-radius:6px;transition:background .2s ease;}
#site-header .nav-link:hover{background:rgba(255,255,255,.1);}
#site-header.scrolled .nav-link{text-shadow:none;}
.header-actions{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;flex-shrink:0;margin-left:10px;}
.header-phone{border:1px solid rgba(255,255,255,.28);border-radius:999px;padding:8px 12px!important;transition:background .2s ease,border-color .2s ease;}
.header-phone:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.45);}
.header-cta{white-space:nowrap;padding:10px 16px!important;font-size:13.5px!important;box-shadow:0 4px 14px rgba(0,0,0,.18);}
@media (max-width:1399px){
  .header-phone-text{display:none;}
  .header-phone{padding:8px 10px!important;}
  #site-header .nav-link{padding:8px 7px;font-size:13px;}
  .header-logo-img{height:56px;max-width:min(380px,62vw);}
  .header-inner{min-height:68px;}
}
@media (max-width:639px){
  .header-logo-img{height:46px;max-width:min(290px,70vw);}
  .header-inner{min-height:56px;gap:8px;}
  .footer-logo-img{height:56px;}
}
#site-header,#site-header .header-inner,#site-header .header-nav,#site-header .has-dropdown{overflow:visible;}
.dropdown-panel{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility .22s ease;}
.has-dropdown:hover .dropdown-panel,.has-dropdown:focus-within .dropdown-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}
.services-mega{left:50%;width:min(940px,calc(100vw - 28px));padding-top:14px;transform:translate(-36%,8px);z-index:120;}
.has-dropdown:hover .services-mega,.has-dropdown:focus-within .services-mega{transform:translate(-36%,0);}
.mega-menu-inner{display:grid;grid-template-columns:300px minmax(0,1fr);gap:0;background:#fff;border:1px solid rgba(22,42,42,.1);border-radius:20px;box-shadow:0 28px 56px -20px rgba(14,29,29,.4);overflow:hidden;}
.mega-intro{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:380px;padding:30px 26px;color:#fff;overflow:hidden;isolation:isolate;background-color:var(--green);background-size:cover;background-position:center;}
.mega-intro::before{content:"";position:absolute;inset:0;background:linear-gradient(165deg,rgba(14,29,29,.15) 0%,rgba(14,29,29,.45) 35%,rgba(14,29,29,.94) 100%);z-index:-1;}
.mega-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.92);}
.mega-eyebrow::before{content:"";width:22px;height:3px;border-radius:100px;background:var(--bronze);flex-shrink:0;}
.mega-title{margin:0 0 10px;font-family:'Playfair Display',serif;font-size:26px;font-weight:600;line-height:1.12;letter-spacing:-.02em;max-width:12ch;color:#fff;}
.mega-desc{margin:0 0 18px;font-size:13.5px;line-height:1.55;color:rgba(255,255,255,.8);max-width:26ch;}
.mega-intro-link,
#site-header .mega-intro-link{display:inline-flex;align-items:center;gap:8px;width:fit-content;padding:10px 16px;border-radius:999px;background:var(--bronze);color:#fff!important;font-size:12.5px;font-weight:700;text-decoration:none;text-shadow:none;transition:background .2s ease,transform .2s ease;}
.mega-intro-link:hover,
#site-header .mega-intro-link:hover{background:var(--bronze-dark);transform:translateY(-1px);color:#fff!important;}
.mega-panel{display:flex;flex-direction:column;padding:24px 22px 20px;background:
  radial-gradient(120% 80% at 100% 0%,rgba(181,138,90,.08),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f8f4ee 100%);}
.mega-panel-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:16px;padding:0 4px 14px;border-bottom:1px solid rgba(22,42,42,.08);}
.mega-panel-label{margin:0;font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);}
.mega-panel-note{margin:0;font-size:12px;color:var(--muted);white-space:nowrap;}
.mega-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:10px;row-gap:4px;flex:1;align-content:start;margin:0;padding:0;list-style:none;}
.mega-links a,
#site-header .mega-links a{position:relative;display:flex;align-items:center;gap:12px;min-width:0;padding:12px 12px 12px 10px;color:var(--graphite)!important;font-size:13.5px;font-weight:600;line-height:1;text-decoration:none;text-align:left;border-radius:12px;background:transparent;border:1px solid transparent;transition:background .2s ease,border-color .2s ease,transform .2s ease;text-shadow:none;white-space:nowrap;}
.mega-links a .mega-link-text{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.mega-links a .mega-arrow{flex:0 0 auto;opacity:0;transform:translateX(-6px);color:var(--bronze);font-size:14px;font-weight:700;transition:opacity .2s ease,transform .2s ease;}
.mega-links a:hover,
#site-header .mega-links a:hover,
.mega-links a:focus-visible,
#site-header .mega-links a:focus-visible{background:#fff;border-color:rgba(181,138,90,.28);box-shadow:0 8px 20px -12px rgba(22,42,42,.25);color:var(--graphite)!important;transform:translateY(-1px);}
.mega-links a:hover .mega-arrow,
#site-header .mega-links a:hover .mega-arrow,
.mega-links a:focus-visible .mega-arrow,
#site-header .mega-links a:focus-visible .mega-arrow{opacity:1;transform:translateX(0);}
.mega-view-all,
#site-header .mega-view-all{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;padding:13px 18px;border-radius:999px;background:var(--green);color:#fff!important;font-size:13.5px;font-weight:700;text-decoration:none;text-shadow:none;transition:background .2s ease,transform .2s ease;}
.mega-view-all:hover,
#site-header .mega-view-all:hover{background:var(--green-dark);transform:translateY(-1px);color:#fff!important;}
@media (max-width:1100px){
  .mega-menu-inner{grid-template-columns:240px minmax(0,1fr);}
  .mega-intro{min-height:340px;padding:24px 20px;}
  .mega-title{font-size:22px;}
  .mega-links a,
  #site-header .mega-links a{font-size:12.5px;padding:11px 10px;gap:9px;}
}

/* LEAD FORM */
.estimate-card{background:#fff;border:1px solid #eee6d8;border-radius:20px;box-shadow:0 22px 44px -24px rgba(22,42,42,.35);padding:28px 26px;height:100%;}
.estimate-card .form-heading{margin:0 0 6px;font-family:'Playfair Display',serif;font-size:1.65rem;font-weight:600;color:var(--graphite);line-height:1.2;}
.estimate-card .form-subhead{margin:0 0 22px;font-size:.9rem;line-height:1.5;color:var(--muted);}
.lead-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 14px;}
.lead-form .field-full{grid-column:1 / -1;}
.lead-form .field-group{display:flex;flex-direction:column;gap:5px;min-width:0;}
.lead-form .field-label{font-size:10.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--green);}
.lead-form .required{color:#2F6FED;margin-left:2px;}
.lead-form .field-input{width:100%;padding:11px 13px;font-size:14.5px;font-family:inherit;color:var(--graphite);background:#fff;border:1px solid #ddd3c2;border-radius:10px;transition:border-color .2s ease,box-shadow .2s ease;}
.lead-form .field-input::placeholder{color:#9aa0a0;}
.lead-form .field-input:focus{border-color:var(--bronze)!important;box-shadow:0 0 0 3px rgba(181,138,90,.16);outline:none;}
.lead-form select.field-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%23696862' stroke-width='1.6' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:36px;}
.lead-form .field-textarea{resize:vertical;min-height:88px;line-height:1.45;}
.lead-form .form-consent{margin:14px 0 12px;font-size:11.5px;line-height:1.5;color:var(--muted);}
.lead-form .btn-submit{width:100%;justify-content:center;border-radius:12px;padding:14px 18px;font-size:15px;box-shadow:0 10px 22px -12px rgba(150,112,68,.7);}
.lead-form .form-footer-benefits{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 14px;margin-top:14px;font-size:11.5px;font-weight:600;letter-spacing:.02em;color:var(--muted);}
.lead-form .form-footer-benefits span{position:relative;padding-left:12px;}
.lead-form .form-footer-benefits span::before{content:"";position:absolute;left:0;top:50%;width:5px;height:5px;border-radius:50%;background:var(--bronze);transform:translateY(-50%);}
@media (max-width:639px){
  .estimate-card{padding:22px 18px;border-radius:16px;}
  .lead-form .form-grid{grid-template-columns:1fr;}
}

/* SERVICE AREA + MAP */
.service-area-section{padding:88px 0;background:
  radial-gradient(ellipse 80% 60% at 0% 0%,rgba(181,138,90,.08),transparent 55%),
  linear-gradient(180deg,#f7f3ec 0%,#f5f1ea 100%);}
.service-area-head{text-align:center;max-width:720px;margin:0 auto 40px;}
.service-area-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.9fr);gap:28px;align-items:stretch;}
.service-area-map-wrap{display:flex;flex-direction:column;gap:10px;min-width:0;position:relative;z-index:1;isolation:isolate;}
.service-area-map{width:100%;height:460px;border-radius:22px;overflow:hidden;border:1px solid rgba(22,42,42,.08);box-shadow:0 24px 48px -28px rgba(22,42,42,.35);background:#e8e2d6;position:relative;z-index:0;}
.service-area-map .leaflet-container,
.service-area-map .leaflet-pane,
.service-area-map .leaflet-top,
.service-area-map .leaflet-bottom{z-index:auto;}
.service-area-map .leaflet-control{z-index:2;}
.service-area-map-note{margin:0;font-size:.78rem;color:var(--muted);padding-left:4px;}
.service-area-side{display:flex;flex-direction:column;background:#fff;border:1px solid #eee6d8;border-radius:22px;padding:22px 20px;box-shadow:0 18px 36px -28px rgba(22,42,42,.28);position:relative;z-index:1;}
.service-area-side-label{margin:0 0 14px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);}
.service-area-chips{display:flex;flex-wrap:wrap;gap:8px;flex:1;align-content:flex-start;}
.service-area-section .city-chip{appearance:none;border:1px solid #e5ded2;background:#faf7f2;color:var(--graphite);border-radius:999px;padding:9px 14px;font-size:.84rem;font-weight:600;cursor:pointer;transition:background .2s ease,border-color .2s ease,color .2s ease,transform .2s ease;}
.service-area-section .city-chip:hover,.service-area-section .city-chip.is-active{background:var(--green);border-color:var(--green);color:#fff;transform:translateY(-1px);}
.service-map-pin{background:transparent!important;border:none!important;}
.service-map-pin span{display:block;width:12px;height:12px;border-radius:50%;background:var(--bronze);border:2px solid #fff;box-shadow:0 0 0 2px rgba(181,138,90,.35),0 4px 10px rgba(22,42,42,.22);}
.service-map-dot{background:transparent!important;border:none!important;}
.service-map-dot span{display:block;width:7px;height:7px;border-radius:50%;background:#162A2A;border:1.5px solid #fff;box-shadow:0 1px 4px rgba(22,42,42,.25);opacity:.9;}
.service-area-map .leaflet-control-attribution{display:none!important;}
.leaflet-popup-content{margin:10px 12px;font-size:13px;line-height:1.4;color:var(--graphite);}
.leaflet-popup-content strong{color:var(--green);}
.leaflet-container a{color:var(--bronze);}
@media (max-width:1023px){
  .service-area-layout{grid-template-columns:1fr;}
  .service-area-map{height:380px;}
}
@media (max-width:639px){
  .service-area-section{padding:68px 0;}
  .service-area-map{height:300px;border-radius:16px;}
  .service-area-side{padding:18px 16px;border-radius:16px;}
}

/* PROCESS JOURNEY - image zigzag timeline */
.process-journey{position:relative;padding:96px 0 100px;background:
  linear-gradient(180deg,#f7f3ec 0%,#efe8dc 48%,#f7f3ec 100%);
  overflow:hidden;}
.process-journey::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(22,42,42,.05) 1px,transparent 1px);background-size:22px 22px;opacity:.55;pointer-events:none;}
.process-journey-inner{position:relative;z-index:1;}
.process-journey-head{max-width:640px;margin:0 auto 56px;text-align:center;}
.process-eyebrow{margin:0 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);}
.process-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.85rem,3.4vw,2.75rem);font-weight:600;line-height:1.15;color:var(--graphite);letter-spacing:-.02em;}
.process-sub{margin:14px auto 0;max-width:46ch;font-size:1rem;line-height:1.6;color:var(--muted);}
.process-track{list-style:none;margin:0;padding:0;position:relative;display:flex;flex-direction:column;gap:42px;}
.process-track::before{content:"";position:absolute;top:24px;bottom:24px;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(181,138,90,.15),rgba(181,138,90,.7),rgba(181,138,90,.15));}
.process-step{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);align-items:center;gap:22px;}
.process-media{position:relative;width:100%;min-width:0;max-width:100%;height:230px;border-radius:22px;overflow:hidden;box-shadow:0 22px 40px -24px rgba(22,42,42,.4);border:1px solid rgba(22,42,42,.06);transform:rotate(-1deg);transition:transform .35s ease,box-shadow .35s ease;background:#d8cfc2;}
.process-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;}
.process-step:hover .process-media{transform:rotate(0deg) scale(1.02);box-shadow:0 28px 48px -22px rgba(22,42,42,.45);}
.process-node{position:relative;z-index:2;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--green);border:3px solid #f7f3ec;box-shadow:0 0 0 3px rgba(181,138,90,.45);justify-self:center;}
.process-node span{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:#fff;letter-spacing:.02em;}
.process-copy{padding:8px 4px;min-width:0;}
.process-step-label{display:inline-block;margin-bottom:8px;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--bronze);}
.process-copy h3{margin:0 0 8px;font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:600;line-height:1.2;color:var(--graphite);}
.process-copy p{margin:0;font-size:.92rem;line-height:1.55;color:var(--muted);max-width:36ch;}
.process-step:not(.process-step--flip) .process-copy{text-align:left;justify-self:start;}
.process-step:not(.process-step--flip) .process-media{justify-self:stretch;}
.process-step--flip .process-media{order:3;justify-self:stretch;transform:rotate(1deg);}
.process-step--flip .process-node{order:2;}
.process-step--flip .process-copy{order:1;text-align:right;justify-self:end;}
.process-step--flip .process-copy p{margin-left:auto;}
.process-step--flip:hover .process-media{transform:rotate(0deg) scale(1.02);}
@media (max-width:899px){
  .process-track::before{left:28px;transform:none;}
  .process-step,.process-step--flip{grid-template-columns:56px minmax(0,1fr);gap:14px 16px;}
  .process-media,.process-step--flip .process-media{grid-column:2;grid-row:1;justify-self:stretch;order:unset;height:180px;transform:none;width:100%;}
  .process-node,.process-step--flip .process-node{grid-column:1;grid-row:1 / span 2;align-self:start;margin-top:62px;order:unset;}
  .process-copy,.process-step--flip .process-copy{grid-column:2;grid-row:2;text-align:left;justify-self:stretch;order:unset;}
  .process-step--flip .process-copy p{margin-left:0;}
  .process-step:hover .process-media,.process-step--flip:hover .process-media{transform:scale(1.01);}
}
@media (max-width:639px){
  .process-journey{padding:72px 0 76px;}
  .process-journey-head{margin-bottom:40px;}
  .process-track{gap:28px;}
  .process-media,.process-step--flip .process-media{height:160px;border-radius:16px;}
  .process-copy h3{font-size:1.15rem;}
}

/* COLOR TRENDS - unique painter studio section */
.color-trends{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 70% 50% at 15% 10%,rgba(181,138,90,.18),transparent 55%),
  radial-gradient(ellipse 55% 45% at 90% 85%,rgba(138,154,130,.16),transparent 50%),
  linear-gradient(165deg,#101f1f 0%,#162A2A 42%,#1c3330 100%);
  color:#fff;}
.color-trends-bg{position:absolute;inset:0;pointer-events:none;z-index:0;}
.color-trends-inner{position:relative;z-index:2;}
.paint-hang{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;transform-origin:top center;animation:paintSway 5.5s ease-in-out infinite;}
.paint-hang .paint-string{width:1.5px;height:54px;background:linear-gradient(180deg,rgba(245,241,234,.55),rgba(245,241,234,.15));border-radius:2px;}
.paint-hang .paint-can,.paint-hang .spray-can{display:block;filter:drop-shadow(0 10px 16px rgba(0,0,0,.35));}
.paint-hang .paint-can{width:46px;height:58px;}
.paint-hang .spray-can{width:34px;height:62px;}
.paint-hang--1{left:4%;animation-duration:6.2s;}
.paint-hang--2{left:14%;top:-6px;animation-duration:5.4s;animation-delay:-1.2s;}
.paint-hang--3{right:18%;left:auto;animation-duration:6.8s;animation-delay:-.6s;}
.paint-hang--4{right:7%;left:auto;top:-4px;animation-duration:5.1s;animation-delay:-2s;}
.paint-hang--5{left:48%;top:-10px;animation-duration:7s;animation-delay:-1.6s;opacity:.85;}
.paint-hang--5 .paint-can{width:38px;height:48px;}
@keyframes paintSway{
  0%,100%{transform:rotate(-3.5deg);}
  50%{transform:rotate(3.5deg);}
}
.paint-drip{position:absolute;width:3px;border-radius:999px;opacity:.45;}
.paint-drip--a{left:22%;top:12%;height:70px;background:linear-gradient(180deg,#B58A5A,transparent);}
.paint-drip--b{right:28%;top:8%;height:56px;background:linear-gradient(180deg,#8A9A82,transparent);}
.paint-splash{position:absolute;border-radius:50%;filter:blur(1px);opacity:.22;}
.paint-splash--1{width:120px;height:120px;left:8%;bottom:12%;background:radial-gradient(circle,#C1704A,transparent 70%);}
.paint-splash--2{width:160px;height:160px;right:6%;bottom:18%;background:radial-gradient(circle,#B58A5A,transparent 70%);}
.color-trends-head{max-width:640px;margin:0 auto 48px;text-align:center;}
.color-trends-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#B58A5A;}
.color-trends-eyebrow::before,.color-trends-eyebrow::after{content:"";width:28px;height:1px;background:rgba(181,138,90,.55);}
.color-trends-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.85rem,3.4vw,2.75rem);font-weight:600;line-height:1.15;color:#fff;letter-spacing:-.02em;}
.color-trends-sub{margin:14px auto 0;max-width:42ch;font-size:1rem;line-height:1.6;color:rgba(245,241,234,.72);}
.color-swatch-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.color-chip{position:relative;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(245,241,234,.12);backdrop-filter:blur(8px);box-shadow:0 24px 40px -28px rgba(0,0,0,.55);transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease;}
.color-chip:hover{transform:translateY(-8px) rotate(-.4deg);border-color:rgba(181,138,90,.45);box-shadow:0 30px 48px -24px rgba(0,0,0,.65);}
.color-chip-swatch{position:relative;display:grid;grid-template-columns:1fr 1fr;height:118px;}
.color-chip-swatch span{display:block;height:100%;}
.color-chip-clip{position:absolute;top:10px;right:12px;width:18px;height:18px;border-radius:50%;background:radial-gradient(circle at 35% 35%,#fff 0 35%,#d8cfc2 36% 100%);box-shadow:0 2px 6px rgba(0,0,0,.25);border:1px solid rgba(255,255,255,.5);}
.color-chip-body{padding:18px 16px 20px;background:linear-gradient(180deg,rgba(14,29,29,.35),rgba(14,29,29,.72));}
.color-chip-num{display:inline-block;margin-bottom:8px;font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;color:#B58A5A;letter-spacing:.04em;}
.color-chip-body h3{margin:0 0 8px;font-size:1.02rem;font-weight:700;line-height:1.25;color:#fff;}
.color-chip-body p{margin:0;font-size:.78rem;line-height:1.5;color:rgba(245,241,234,.7);}
@media (max-width:1023px){
  .color-swatch-rail{grid-template-columns:repeat(2,minmax(0,1fr));}
  .paint-hang--5{display:none;}
}
@media (max-width:639px){
  .color-trends{padding:72px 0 64px;}
  .color-swatch-rail{grid-template-columns:1fr;}
  .paint-hang--2,.paint-hang--3{display:none;}
  .color-chip-swatch{height:96px;}
}
@media (prefers-reduced-motion:reduce){
  .paint-hang{animation:none;}
}

/* HERO */
.hero-wrap{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;}
.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg, rgba(14,29,29,.97) 0%, rgba(14,29,29,.93) 30%, rgba(22,42,42,.72) 50%, rgba(22,42,42,.25) 68%, rgba(22,42,42,.05) 82%, transparent 100%);}
.hero-content{position:relative;z-index:5;}
.trust-pill{background:rgba(181,138,90,.18);border:1px solid rgba(181,138,90,.55);}

/* Reviews marquee */
.marquee-track{display:flex;gap:1.25rem;width:max-content;animation:scrollLeft 50s linear infinite;}
.marquee-track:hover{animation-play-state:paused;}
@keyframes scrollLeft{0%{transform:translateX(0);}100%{transform:translateX(-50%);}}
.review-card{min-width:320px;max-width:320px;}

/* FAQ accordion */
.faq-item .faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.faq-item.open .faq-a{max-height:400px;}
.faq-item.open .faq-chevron{transform:rotate(45deg);}
.faq-chevron{transition:transform .25s ease;}

/* Cards */
.svc-card{transition:.3s ease;}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(22,42,42,.25);}
.fade-up{animation:fadeUp .7s ease both;}
@keyframes fadeUp{from{opacity:0;transform:translateY(18px);}to{opacity:1;transform:translateY(0);}}

.section-eyebrow{letter-spacing:.12em;font-weight:700;color:var(--bronze);text-transform:uppercase;font-size:.78rem;}

/* Timeline (About) */
.tl-dot{width:12px;height:12px;border-radius:999px;background:var(--travertine);border:2px solid var(--bronze);}
.tl-dot.active{background:var(--bronze);}
.tl-year-btn.active{background:var(--bronze);color:#fff;border-color:var(--bronze);}

/* Style filter */
.style-filter.active{background:var(--green);color:#fff;}

/* TUB VS - installation vs refinishing duel */
.tub-vs{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 70% 55% at 100% 0%,rgba(181,138,90,.12),transparent 55%),
  radial-gradient(ellipse 55% 50% at 0% 100%,rgba(22,42,42,.06),transparent 50%),
  linear-gradient(165deg,#e6ddd0 0%,#d8cfc2 48%,#efe8dc 100%);}
.tub-vs::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(135deg,rgba(255,255,255,.18) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.18) 50%,rgba(255,255,255,.18) 75%,transparent 75%,transparent);
  background-size:28px 28px;opacity:.35;pointer-events:none;}
.tub-vs-inner{position:relative;z-index:1;}
.tub-vs-head{max-width:720px;margin:0 auto 48px;text-align:center;}
.tub-vs-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);}
.tub-vs-eyebrow::before,.tub-vs-eyebrow::after{content:"";width:28px;height:1px;background:rgba(181,138,90,.55);}
.tub-vs-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.tub-vs-sub{margin:14px auto 0;max-width:46ch;font-size:1rem;line-height:1.6;color:var(--muted);}
.tub-vs-stage{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;position:relative;border-radius:24px;overflow:visible;box-shadow:0 28px 52px -28px rgba(22,42,42,.4);}
.tub-vs-panel{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:0;box-shadow:none;transition:none;}
.tub-vs-panel:hover{transform:none;box-shadow:none;}
.tub-vs-panel--refinish{background:#fff;grid-column:1;grid-row:1;border-radius:24px 0 0 24px;}
.tub-vs-panel--install{background:var(--green);grid-column:2;grid-row:1;border-radius:0 24px 24px 0;}
.tub-vs-photo{position:relative;height:210px;overflow:hidden;background:#cfc5b6;flex:0 0 auto;}
.tub-vs-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease,filter .55s ease;}
.tub-vs-panel--refinish .tub-vs-photo img{filter:grayscale(.45) saturate(.7) brightness(.92);}
.tub-vs-panel:hover .tub-vs-photo img{transform:scale(1.04);}
.tub-vs-panel--refinish:hover .tub-vs-photo img{filter:grayscale(.2) saturate(.85) brightness(.96);}
.tub-vs-tag{position:absolute;left:16px;bottom:16px;padding:7px 12px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;background:rgba(255,255,255,.92);color:var(--muted);backdrop-filter:blur(6px);box-shadow:0 8px 18px -10px rgba(22,42,42,.4);}
.tub-vs-tag--rec{background:var(--bronze);color:#fff;}
.tub-vs-body{padding:28px 28px 30px;display:flex;flex-direction:column;flex:1;}
.tub-vs-panel--refinish .tub-vs-body{padding-right:52px;}
.tub-vs-panel--install .tub-vs-body{padding-left:52px;}
.tub-vs-body h3{margin:0 0 8px;font-family:'Playfair Display',serif;font-size:1.45rem;font-weight:600;line-height:1.2;color:var(--graphite);}
.tub-vs-panel--install .tub-vs-body h3{color:#fff;}
.tub-vs-lede{margin:0 0 18px;font-size:.9rem;line-height:1.55;color:var(--muted);}
.tub-vs-panel--install .tub-vs-lede{color:rgba(245,241,234,.72);}
.tub-vs-list{list-style:none;margin:0 0 22px;padding:0;display:flex;flex-direction:column;gap:10px;}
.tub-vs-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9rem;line-height:1.4;color:var(--graphite);}
.tub-vs-panel--install .tub-vs-list li{color:rgba(245,241,234,.92);}
.tub-vs-list li span{flex:0 0 auto;width:22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;margin-top:1px;}
.tub-vs-list li.is-pro span{background:rgba(22,42,42,.08);color:var(--green);}
.tub-vs-list li.is-con span{background:rgba(150,112,68,.14);color:#967044;}
.tub-vs-panel--install .tub-vs-list li.is-pro span{background:rgba(181,138,90,.22);color:#e8c9a0;}
.tub-vs-meta{margin-top:auto;display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:18px;border-top:1px solid rgba(22,42,42,.08);}
.tub-vs-panel--install .tub-vs-meta{border-top-color:rgba(255,255,255,.12);}
.tub-vs-meta div{display:flex;flex-direction:column;gap:2px;}
.tub-vs-meta em{font-style:normal;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;color:var(--graphite);}
.tub-vs-panel--install .tub-vs-meta em{color:#fff;}
.tub-vs-meta span{font-size:.72rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);}
.tub-vs-panel--install .tub-vs-meta span{color:rgba(245,241,234,.55);}
.tub-vs-divider{grid-column:1 / -1;grid-row:1;position:absolute;inset:0;display:flex;align-items:center;justify-content:center;z-index:4;pointer-events:none;}
.tub-vs-vs{display:flex;align-items:center;justify-content:center;width:72px;height:72px;border-radius:50%;font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;letter-spacing:.08em;color:#fff;background:var(--bronze);border:5px solid #fff;box-shadow:0 12px 28px -8px rgba(22,42,42,.45),0 0 0 6px rgba(181,138,90,.2);animation:tubVsPulse 3.2s ease-in-out infinite;}
@keyframes tubVsPulse{
  0%,100%{transform:scale(1);box-shadow:0 12px 28px -8px rgba(22,42,42,.45),0 0 0 6px rgba(181,138,90,.2);}
  50%{transform:scale(1.05);box-shadow:0 16px 32px -8px rgba(22,42,42,.5),0 0 0 9px rgba(181,138,90,.12);}
}
.tub-vs-verdict{margin-top:36px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 26px;border-radius:20px;background:rgba(255,255,255,.72);border:1px solid rgba(22,42,42,.08);backdrop-filter:blur(8px);box-shadow:0 16px 32px -24px rgba(22,42,42,.28);}
.tub-vs-verdict-copy{flex:1;min-width:0;}
.tub-vs-verdict-copy p{margin:0;font-size:.95rem;line-height:1.55;color:var(--muted);max-width:62ch;}
.tub-vs-cta{flex-shrink:0;padding:12px 20px;font-size:.9rem;white-space:nowrap;}
@media (max-width:899px){
  .tub-vs-stage{display:flex;flex-direction:column;gap:0;overflow:visible;}
  .tub-vs-panel--refinish{border-radius:24px 24px 0 0;}
  .tub-vs-panel--install{border-radius:0 0 24px 24px;}
  .tub-vs-panel--refinish .tub-vs-body,
  .tub-vs-panel--install .tub-vs-body{padding:24px 22px 26px;}
  .tub-vs-divider{position:relative;inset:auto;height:0;margin:0;z-index:4;overflow:visible;}
  .tub-vs-vs{position:relative;top:-36px;margin-bottom:-36px;animation:none;}
  .tub-vs-verdict{flex-direction:column;align-items:stretch;text-align:center;padding:20px 18px;}
  .tub-vs-verdict-copy p{max-width:none;}
  .tub-vs-cta{justify-content:center;}
}
@media (max-width:639px){
  .tub-vs{padding:72px 0 64px;}
  .tub-vs-head{margin-bottom:36px;}
  .tub-vs-photo{height:170px;}
  .tub-vs-body{padding:20px 18px 22px;}
  .tub-vs-body h3{font-size:1.25rem;}
}
@media (prefers-reduced-motion:reduce){
  .tub-vs-vs{animation:none;}
  .tub-vs-panel,.tub-vs-photo img{transition:none;}
}

/* TUB INSTALL PROCESS - hanging job tickets on a work rail */
.tub-process{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 45% at 8% 0%,rgba(181,138,90,.16),transparent 55%),
  radial-gradient(ellipse 50% 40% at 92% 100%,rgba(181,138,90,.1),transparent 50%),
  linear-gradient(180deg,#101f1f 0%,#162A2A 55%,#0E1D1D 100%);
  color:#fff;}
.tub-process-inner{position:relative;z-index:1;}
.tub-process-head{max-width:680px;margin:0 auto 52px;text-align:center;}
.tub-process-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#B58A5A;}
.tub-process-eyebrow::before,.tub-process-eyebrow::after{content:"";width:28px;height:1px;background:rgba(181,138,90,.55);}
.tub-process-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:#fff;letter-spacing:-.02em;}
.tub-process-sub{margin:14px auto 0;max-width:46ch;font-size:1rem;line-height:1.6;color:rgba(245,241,234,.7);}
.tub-process-rail{list-style:none;margin:0;padding:18px 0 0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px;position:relative;}
.tub-process-rail::before{content:"";position:absolute;top:18px;left:3%;right:3%;height:3px;border-radius:3px;background:linear-gradient(90deg,transparent,rgba(181,138,90,.25) 8%,#B58A5A 50%,rgba(181,138,90,.25) 92%,transparent);box-shadow:0 0 18px rgba(181,138,90,.25);}
.tub-process-item{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;}
.tub-process-ticket{display:flex;flex-direction:column;align-items:center;transform-origin:top center;animation:ticketSway 4.8s ease-in-out infinite;z-index:2;}
.tub-process-item:nth-child(2) .tub-process-ticket{animation-duration:5.4s;animation-delay:-.8s;}
.tub-process-item:nth-child(3) .tub-process-ticket{animation-duration:4.6s;animation-delay:-1.6s;}
.tub-process-item:nth-child(4) .tub-process-ticket{animation-duration:5.8s;animation-delay:-.4s;}
.tub-process-item:nth-child(5) .tub-process-ticket{animation-duration:5.1s;animation-delay:-2s;}
.tub-process-item:nth-child(6) .tub-process-ticket{animation-duration:4.4s;animation-delay:-1.2s;}
.tub-process-string{width:1.5px;height:26px;background:linear-gradient(180deg,rgba(181,138,90,.9),rgba(181,138,90,.35));}
.tub-process-num{display:flex;align-items:center;justify-content:center;width:44px;height:36px;margin-bottom:-14px;border-radius:4px 4px 8px 8px;font-family:'Playfair Display',serif;font-size:.92rem;font-weight:700;letter-spacing:.04em;color:#fff;background:var(--bronze);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 16px -8px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.2);}
.tub-process-shot{width:100%;aspect-ratio:3/4;border-radius:18px;overflow:hidden;background:#1c3330;border:1px solid rgba(245,241,234,.1);box-shadow:0 22px 36px -22px rgba(0,0,0,.65);transition:transform .4s ease,box-shadow .4s ease,border-color .4s ease;}
.tub-process-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .55s ease;}
.tub-process-item:hover .tub-process-shot{transform:translateY(-6px);border-color:rgba(181,138,90,.55);box-shadow:0 28px 44px -18px rgba(0,0,0,.7);}
.tub-process-item:hover .tub-process-shot img{transform:scale(1.06);}
.tub-process-item h3{margin:16px 0 6px;font-family:'Playfair Display',serif;font-size:1.02rem;font-weight:600;line-height:1.25;color:#fff;}
.tub-process-item p{margin:0;font-size:.78rem;line-height:1.5;color:rgba(245,241,234,.62);}
.tub-process-note{margin:36px auto 0;text-align:center;font-size:.88rem;letter-spacing:.04em;color:rgba(181,138,90,.9);}
@keyframes ticketSway{
  0%,100%{transform:rotate(-2.4deg);}
  50%{transform:rotate(2.4deg);}
}
@media (max-width:1099px){
  .tub-process-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 20px;}
  .tub-process-rail::before{display:none;}
  .tub-process-item:nth-child(1){grid-area:1 / 1;}
  .tub-process-item:nth-child(2){grid-area:1 / 2;}
  .tub-process-item:nth-child(3){grid-area:1 / 3;}
  .tub-process-item:nth-child(4){grid-area:2 / 3;}
  .tub-process-item:nth-child(5){grid-area:2 / 2;}
  .tub-process-item:nth-child(6){grid-area:2 / 1;}
}
@media (max-width:699px){
  .tub-process{padding:72px 0 64px;}
  .tub-process-head{margin-bottom:32px;}
  .tub-process-rail{display:flex;grid-template-columns:none;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding:18px 4px 8px;scrollbar-width:thin;}
  .tub-process-rail::before{display:block;left:20px;right:20px;top:18px;}
  .tub-process-item{flex:0 0 min(74vw,260px);scroll-snap-align:start;grid-area:auto;}
  .tub-process-item h3{font-size:.98rem;}
}
@media (prefers-reduced-motion:reduce){
  .tub-process-ticket{animation:none;}
  .tub-process-shot,.tub-process-shot img{transition:none;}
}

/* TUB DELIVERS - editorial benefit spread */
.tub-delivers{position:relative;overflow:hidden;padding:96px 0 92px;background:
  radial-gradient(ellipse 55% 50% at 100% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#f7f3ec 0%,#efe8dc 100%);}
.tub-delivers-inner{position:relative;z-index:1;}
.tub-delivers-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;}
.tub-delivers-media{position:relative;border-radius:28px;overflow:hidden;min-height:560px;box-shadow:0 28px 56px -28px rgba(22,42,42,.4);background:#d8cfc2;}
.tub-delivers-media img{display:block;width:100%;height:100%;min-height:560px;object-fit:cover;object-position:center;transition:transform .7s ease;}
.tub-delivers-media:hover img{transform:scale(1.04);}
.tub-delivers-caption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;background:rgba(14,29,29,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;}
.tub-delivers-caption span{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#B58A5A;}
.tub-delivers-caption strong{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.25;}
.tub-delivers-copy{min-width:0;}
.tub-delivers-eyebrow{margin:0 0 12px;font-size:.78rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);}
.tub-delivers-title{margin:0 0 14px;font-family:'Playfair Display',serif;font-size:clamp(1.85rem,3.2vw,2.7rem);font-weight:600;line-height:1.15;color:var(--graphite);letter-spacing:-.02em;}
.tub-delivers-lede{margin:0 0 28px;font-size:1.02rem;line-height:1.65;color:var(--muted);max-width:38ch;}
.tub-delivers-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.tub-delivers-item{display:grid;grid-template-columns:auto auto minmax(0,1fr);gap:14px 12px;align-items:start;padding:18px 0;border-top:1px solid rgba(22,42,42,.1);transition:background .25s ease,padding-left .25s ease;}
.tub-delivers-item:last-child{border-bottom:1px solid rgba(22,42,42,.1);}
.tub-delivers-item:hover{padding-left:8px;background:linear-gradient(90deg,rgba(181,138,90,.08),transparent 70%);}
.tub-delivers-index{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:var(--bronze);letter-spacing:.04em;padding-top:4px;}
.tub-delivers-icon{width:40px;height:40px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(22,42,42,.08);color:var(--green);box-shadow:0 10px 20px -14px rgba(22,42,42,.35);transition:transform .3s ease,background .3s ease,color .3s ease;}
.tub-delivers-icon svg{width:20px;height:20px;}
.tub-delivers-item:hover .tub-delivers-icon{transform:translateY(-2px);background:var(--green);color:#fff;}
.tub-delivers-item h3{margin:0 0 4px;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.25;color:var(--graphite);}
.tub-delivers-item p{margin:0;font-size:.9rem;line-height:1.5;color:var(--muted);}
@media (max-width:999px){
  .tub-delivers-stage{grid-template-columns:1fr;gap:32px;}
  .tub-delivers-media,.tub-delivers-media img{min-height:340px;}
}
@media (max-width:639px){
  .tub-delivers{padding:72px 0 64px;}
  .tub-delivers-media,.tub-delivers-media img{min-height:280px;border-radius:20px;}
  .tub-delivers-item{grid-template-columns:auto minmax(0,1fr);gap:10px 12px;}
  .tub-delivers-index{display:none;}
  .tub-delivers-item h3{font-size:1.05rem;}
}

/* Cross-link service pills */
.cross-svc-pill{display:inline-flex;align-items:center;background:#fff;color:var(--graphite);border:1px solid #e5ded2;border-radius:999px;padding:10px 20px;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;}
.cross-svc-pill:hover,.cross-svc-pill:focus-visible{background:var(--green);color:#fff;border-color:var(--green);transform:translateY(-1px);}

/* Shower remodeling services mosaic */
.shower-svcs{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 65% 50% at 0% 10%,rgba(181,138,90,.1),transparent 55%),
  radial-gradient(ellipse 50% 45% at 100% 90%,rgba(22,42,42,.05),transparent 50%),
  linear-gradient(180deg,#fff 0%,#f7f3ec 100%);}
.shower-svcs::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(22,42,42,.03) 1px,transparent 1px),
  linear-gradient(90deg,rgba(22,42,42,.03) 1px,transparent 1px);
  background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 20%,transparent 75%);pointer-events:none;}
.shower-svcs-inner{position:relative;z-index:1;}
.shower-svcs-head{max-width:720px;margin:0 auto 44px;text-align:center;}
.shower-svcs-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);}
.shower-svcs-eyebrow::before,.shower-svcs-eyebrow::after{content:"";width:28px;height:1px;background:rgba(181,138,90,.55);}
.shower-svcs-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.shower-svcs-sub{margin:14px auto 0;max-width:48ch;font-size:1rem;line-height:1.6;color:var(--muted);}
.shower-svcs-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;}
.shower-svc-tile{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;min-height:240px;border:1px solid rgba(22,42,42,.08);box-shadow:0 18px 36px -28px rgba(22,42,42,.35);background:var(--green);transform:translateZ(0);}
.shower-svc-tile--lg{grid-column:span 7;min-height:340px;}
.shower-svc-tile--md{grid-column:span 5;min-height:340px;}
.shower-svc-tile--sm{grid-column:span 3;min-height:250px;}
.shower-svc-tile--wide{grid-column:span 6;min-height:260px;}
.shower-svc-media{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);transition:transform .7s cubic-bezier(.22,1,.36,1);z-index:-2;}
.shower-svc-veil{position:absolute;inset:0;background:linear-gradient(165deg,rgba(14,29,29,.18) 0%,rgba(14,29,29,.42) 38%,rgba(14,29,29,.92) 100%);z-index:-1;transition:background .35s ease;}
.shower-svc-body{position:relative;display:flex;flex-direction:column;justify-content:flex-end;height:100%;padding:22px 22px 20px;color:#fff;}
.shower-svc-num{display:inline-block;margin-bottom:10px;font-family:'Playfair Display',serif;font-size:.9rem;font-weight:600;letter-spacing:.08em;color:rgba(181,138,90,.95);}
.shower-svc-name{margin:0 0 8px;font-family:'Playfair Display',serif;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:600;line-height:1.2;letter-spacing:-.01em;max-width:16ch;}
.shower-svc-tile--sm .shower-svc-name{max-width:14ch;font-size:1.05rem;}
.shower-svc-desc{margin:0;max-width:34ch;font-size:.86rem;line-height:1.5;color:rgba(255,255,255,.78);opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;}
.shower-svc-tile--lg .shower-svc-desc,
.shower-svc-tile--md .shower-svc-desc,
.shower-svc-tile--wide .shower-svc-desc{opacity:1;transform:none;}
.shower-svc-tile::after{content:"";position:absolute;left:22px;bottom:0;width:36px;height:3px;border-radius:100px;background:var(--bronze);transform:scaleX(.55);transform-origin:left center;transition:transform .35s ease;}
.shower-svc-tile:hover .shower-svc-media,
.shower-svc-tile:focus-within .shower-svc-media{transform:scale(1.08);}
.shower-svc-tile:hover .shower-svc-veil,
.shower-svc-tile:focus-within .shower-svc-veil{background:linear-gradient(165deg,rgba(14,29,29,.28) 0%,rgba(14,29,29,.55) 40%,rgba(14,29,29,.96) 100%);}
.shower-svc-tile:hover .shower-svc-desc,
.shower-svc-tile:focus-within .shower-svc-desc{opacity:1;transform:translateY(0);}
.shower-svc-tile:hover::after,
.shower-svc-tile:focus-within::after{transform:scaleX(1);}
.shower-svcs-cta{margin-top:36px;text-align:center;}
@media (max-width:1023px){
  .shower-svc-tile--lg,.shower-svc-tile--md{grid-column:span 6;min-height:280px;}
  .shower-svc-tile--sm{grid-column:span 6;min-height:230px;}
  .shower-svc-tile--wide{grid-column:span 6;}
  .shower-svc-desc{opacity:1;transform:none;}
}
@media (max-width:639px){
  .shower-svcs{padding:72px 0 64px;}
  .shower-svcs-mosaic{gap:12px;}
  .shower-svc-tile--lg,
  .shower-svc-tile--md,
  .shower-svc-tile--sm,
  .shower-svc-tile--wide{grid-column:span 12;min-height:220px;}
  .shower-svc-name{max-width:none;}
  .shower-svc-body{padding:18px 18px 16px;}
}

/* Shower design lookbook */
.shower-design{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 45% at 100% 0%,rgba(181,138,90,.09),transparent 55%),
  linear-gradient(180deg,#f5f1ea 0%,#efe8dc 48%,#f7f3ec 100%);}
.shower-design::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(181,138,90,.35),transparent);}
.shower-design-inner{position:relative;z-index:1;}
.shower-design-head{max-width:640px;margin:0 auto 44px;text-align:center;}
.shower-design-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);}
.shower-design-eyebrow::before,.shower-design-eyebrow::after{content:"";width:28px;height:1px;background:rgba(181,138,90,.55);}
.shower-design-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.shower-design-sub{margin:14px auto 0;max-width:44ch;font-size:1rem;line-height:1.6;color:var(--muted);}
.shower-design-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;}
.shower-design-tile{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;border:1px solid rgba(22,42,42,.08);box-shadow:0 16px 32px -26px rgba(22,42,42,.4);background:var(--green);min-height:220px;}
.shower-design-tile--hero{grid-column:span 6;min-height:340px;}
.shower-design-tile--std{grid-column:span 3;min-height:240px;}
.shower-design-media{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03);transition:transform .65s cubic-bezier(.22,1,.36,1);z-index:-2;}
.shower-design-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,29,29,.05) 20%,rgba(14,29,29,.55) 62%,rgba(14,29,29,.92) 100%);z-index:-1;transition:opacity .35s ease;}
.shower-design-caption{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 18px;color:#fff;}
.shower-design-index{display:block;margin-bottom:6px;font-family:'Playfair Display',serif;font-size:.78rem;font-weight:600;letter-spacing:.1em;color:rgba(181,138,90,.95);}
.shower-design-name{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.05rem,1.4vw,1.3rem);font-weight:600;line-height:1.2;letter-spacing:-.01em;}
.shower-design-note{margin:6px 0 0;max-width:28ch;font-size:.8rem;line-height:1.45;color:rgba(255,255,255,.72);opacity:0;transform:translateY(6px);transition:opacity .3s ease,transform .3s ease;}
.shower-design-tile--hero .shower-design-note{opacity:1;transform:none;}
.shower-design-tile::after{content:"";position:absolute;left:18px;bottom:0;width:28px;height:2.5px;border-radius:100px;background:var(--bronze);transform:scaleX(.5);transform-origin:left center;transition:transform .3s ease;}
.shower-design-tile:hover .shower-design-media,
.shower-design-tile:focus-within .shower-design-media{transform:scale(1.1);}
.shower-design-tile:hover .shower-design-note,
.shower-design-tile:focus-within .shower-design-note{opacity:1;transform:translateY(0);}
.shower-design-tile:hover::after,
.shower-design-tile:focus-within::after{transform:scaleX(1);}
@media (max-width:1023px){
  .shower-design-tile--hero{grid-column:span 6;min-height:260px;}
  .shower-design-tile--std{grid-column:span 6;min-height:210px;}
  .shower-design-note{opacity:1;transform:none;}
}
@media (max-width:639px){
  .shower-design{padding:72px 0 64px;}
  .shower-design-grid{gap:12px;}
  .shower-design-tile--hero,
  .shower-design-tile--std{grid-column:span 12;min-height:200px;}
  .shower-design-caption{padding:16px;}
}

/* Why choose us - shower page */
.shower-why{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 55% 50% at 0% 0%,rgba(181,138,90,.16),transparent 55%),
  radial-gradient(ellipse 45% 40% at 100% 100%,rgba(255,255,255,.04),transparent 50%),
  linear-gradient(165deg,#162A2A 0%,#0E1D1D 55%,#132424 100%);}
.shower-why::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);
  background-size:42px 42px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 15%,transparent 75%);pointer-events:none;}
.shower-why-inner{position:relative;z-index:1;}
.shower-why-head{max-width:720px;margin:0 auto 48px;text-align:center;}
.shower-why-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);}
.shower-why-eyebrow::before,.shower-why-eyebrow::after{content:"";width:28px;height:1px;background:rgba(181,138,90,.55);}
.shower-why-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:#fff;letter-spacing:-.02em;}
.shower-why-sub{margin:14px auto 0;max-width:48ch;font-size:1rem;line-height:1.6;color:rgba(245,241,234,.68);}
.shower-why-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.15fr);gap:22px;align-items:stretch;}
.shower-why-feature{position:relative;isolation:isolate;min-height:520px;border-radius:24px;overflow:hidden;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.08);box-shadow:0 28px 48px -28px rgba(0,0,0,.55);}
.shower-why-feature-veil{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,29,29,.15) 0%,rgba(14,29,29,.45) 45%,rgba(14,29,29,.94) 100%);z-index:-1;}
.shower-why-feature-body{position:absolute;left:0;right:0;bottom:0;padding:28px 26px;}
.shower-why-stat{margin:0;font-family:'Playfair Display',serif;font-size:clamp(2.4rem,4vw,3.4rem);font-weight:600;line-height:1;color:#fff;letter-spacing:-.03em;}
.shower-why-stat-label{margin:10px 0 0;max-width:22ch;font-size:.95rem;line-height:1.45;color:rgba(245,241,234,.8);}
.shower-why-since{margin:16px 0 0;font-size:.72rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);}
.shower-why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px;}
.shower-why-item{display:grid;grid-template-columns:112px minmax(0,1fr);gap:0;align-items:stretch;overflow:hidden;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);transition:background .25s ease,border-color .25s ease,transform .25s ease;}
.shower-why-item:hover{background:rgba(255,255,255,.07);border-color:rgba(181,138,90,.4);transform:translateY(-2px);}
.shower-why-thumb{min-height:100%;background-size:cover;background-position:center;transition:transform .5s ease;}
.shower-why-item:hover .shower-why-thumb{transform:scale(1.06);}
.shower-why-copy{padding:18px 18px 18px 20px;}
.shower-why-num{display:block;margin-bottom:6px;font-family:'Playfair Display',serif;font-size:.82rem;font-weight:600;letter-spacing:.08em;color:var(--bronze);}
.shower-why-name{margin:0 0 6px;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.2;color:#fff;}
.shower-why-desc{margin:0;font-size:.88rem;line-height:1.5;color:rgba(245,241,234,.68);}
@media (max-width:1023px){
  .shower-why-layout{grid-template-columns:1fr;gap:18px;}
  .shower-why-feature{min-height:320px;}
}
@media (max-width:639px){
  .shower-why{padding:72px 0 64px;}
  .shower-why-item{grid-template-columns:88px minmax(0,1fr);}
  .shower-why-copy{padding:14px 14px 14px 14px;}
  .shower-why-name{font-size:1.05rem;}
  .shower-why-feature{min-height:280px;border-radius:18px;}
}

/* ============ Tub-to-Shower page - Conversion Transform ============ */
.t2s-page .t2s-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);}
.t2s-page .t2s-eyebrow::before{content:"";width:22px;height:2.5px;border-radius:100px;background:var(--bronze);flex-shrink:0;}
.t2s-page .t2s-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.t2s-page .t2s-title--light{color:#fff;}
.t2s-page .t2s-lede{margin:16px 0 0;font-size:1.02rem;line-height:1.65;color:var(--muted);max-width:48ch;}

/* Involve band */
.t2s-involve{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 50% 40% at 100% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f8f4ee 100%);}
.t2s-involve-inner{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;}
.t2s-involve-media{position:relative;border-radius:28px;overflow:hidden;min-height:520px;box-shadow:0 28px 56px -28px rgba(22,42,42,.4);background:#d8cfc2;}
.t2s-involve-media img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;object-position:center;transition:transform .7s ease;}
.t2s-involve-media:hover img{transform:scale(1.04);}
.t2s-involve-badge{position:absolute;left:20px;bottom:20px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;background:rgba(14,29,29,.8);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;animation:t2sBadgeFloat 4.5s ease-in-out infinite;}
.t2s-involve-badge span{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#B58A5A;}
.t2s-involve-badge strong{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.25;}
@keyframes t2sBadgeFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.t2s-involve-copy{min-width:0;}
.t2s-involve-chips{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px;}
.t2s-involve-chips li{padding:8px 14px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green);background:#fff;border:1px solid rgba(22,42,42,.1);box-shadow:0 8px 18px -14px rgba(22,42,42,.35);}
@media (max-width:1023px){
  .t2s-involve-inner{grid-template-columns:1fr;gap:32px;}
  .t2s-involve-media,.t2s-involve-media img{min-height:340px;}
}
@media (max-width:639px){
  .t2s-involve{padding:72px 0 64px;}
  .t2s-involve-media,.t2s-involve-media img{min-height:280px;border-radius:20px;}
}

/* Options mosaic */
.t2s-options{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 55% 45% at 0% 100%,rgba(181,138,90,.08),transparent 50%),
  linear-gradient(180deg,#f5f1ea 0%,#efe8dc 50%,#f7f3ec 100%);}
.t2s-options-head{max-width:680px;margin:0 auto 44px;text-align:center;}
.t2s-options-head .t2s-eyebrow{justify-content:center;}
.t2s-options-head .t2s-eyebrow::before{display:none;}
.t2s-options-head .t2s-eyebrow::after{content:"";width:22px;height:2.5px;border-radius:100px;background:var(--bronze);}
.t2s-options-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:14px;}
.t2s-opt{position:relative;isolation:isolate;overflow:hidden;border-radius:22px;min-height:220px;border:1px solid rgba(22,42,42,.08);box-shadow:0 18px 36px -26px rgba(22,42,42,.4);background:var(--green);}
.t2s-opt--hero{grid-column:span 6;min-height:360px;}
.t2s-opt--md{grid-column:span 3;min-height:360px;}
.t2s-opt--sm{grid-column:span 4;min-height:240px;}
.t2s-opt--wide{grid-column:span 4;min-height:240px;}
.t2s-opt-media{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.03);transition:transform .65s cubic-bezier(.22,1,.36,1);z-index:-2;}
.t2s-opt-veil{position:absolute;inset:0;background:linear-gradient(165deg,rgba(14,29,29,.12) 0%,rgba(14,29,29,.5) 45%,rgba(14,29,29,.94) 100%);z-index:-1;transition:opacity .35s ease;}
.t2s-opt-body{position:absolute;left:0;right:0;bottom:0;padding:22px 20px 18px;color:#fff;}
.t2s-opt-num{display:block;margin-bottom:6px;font-family:'Playfair Display',serif;font-size:.82rem;font-weight:600;letter-spacing:.1em;color:rgba(181,138,90,.95);}
.t2s-opt-body h3{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.05rem,1.5vw,1.35rem);font-weight:600;line-height:1.2;letter-spacing:-.01em;max-width:16ch;}
.t2s-opt::after{content:"";position:absolute;left:20px;bottom:0;width:28px;height:2.5px;border-radius:100px;background:var(--bronze);transform:scaleX(.45);transform-origin:left center;transition:transform .3s ease;}
.t2s-opt:hover .t2s-opt-media,.t2s-opt:focus-within .t2s-opt-media{transform:scale(1.1);}
.t2s-opt:hover::after,.t2s-opt:focus-within::after{transform:scaleX(1);}
@media (max-width:1023px){
  .t2s-opt--hero,.t2s-opt--md{grid-column:span 6;min-height:280px;}
  .t2s-opt--sm,.t2s-opt--wide{grid-column:span 6;min-height:220px;}
}
@media (max-width:639px){
  .t2s-options{padding:72px 0 64px;}
  .t2s-options-mosaic{gap:12px;}
  .t2s-opt--hero,.t2s-opt--md,.t2s-opt--sm,.t2s-opt--wide{grid-column:span 12;min-height:210px;}
  .t2s-opt-body h3{max-width:none;}
}

/* Resale insight */
.t2s-resale{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 40% 50% at 0% 50%,rgba(181,138,90,.12),transparent 60%),
  linear-gradient(180deg,#fff 0%,#f5f1ea 100%);}
.t2s-resale-panel{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;border-radius:28px;overflow:hidden;box-shadow:0 28px 52px -28px rgba(22,42,42,.38);border:1px solid rgba(22,42,42,.08);}
.t2s-resale-photo{position:relative;min-height:480px;background:#cfc5b6;}
.t2s-resale-photo img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;object-position:center;transition:transform .65s ease;}
.t2s-resale-panel:hover .t2s-resale-photo img{transform:scale(1.04);}
.t2s-resale-copy{display:flex;flex-direction:column;justify-content:center;padding:48px 44px;background:linear-gradient(165deg,#162A2A 0%,#0E1D1D 100%);color:#fff;}
.t2s-resale-copy .t2s-title{color:#fff;}
.t2s-resale-copy .t2s-lede{color:rgba(245,241,234,.78);max-width:42ch;}
.t2s-resale-copy .t2s-eyebrow{color:#e8c9a0;}
.t2s-resale-copy .t2s-eyebrow::before{background:#B58A5A;}
@media (max-width:1023px){
  .t2s-resale-panel{grid-template-columns:1fr;}
  .t2s-resale-photo,.t2s-resale-photo img{min-height:280px;}
  .t2s-resale-copy{padding:36px 28px;}
}
@media (max-width:639px){
  .t2s-resale{padding:72px 0 64px;}
  .t2s-resale-panel{border-radius:20px;}
  .t2s-resale-copy{padding:28px 22px;}
}

/* Process spine */
.t2s-process{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 50% 40% at 50% 0%,rgba(181,138,90,.18),transparent 55%),
  linear-gradient(165deg,#162A2A 0%,#0E1D1D 55%,#132424 100%);}
.t2s-process::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 10%,transparent 75%);pointer-events:none;}
.t2s-process-inner{position:relative;z-index:1;}
.t2s-process-head{max-width:680px;margin:0 auto 52px;text-align:center;}
.t2s-process-head .t2s-eyebrow{justify-content:center;color:#e8c9a0;}
.t2s-process-head .t2s-eyebrow::before{display:none;}
.t2s-process-head .t2s-eyebrow::after{content:"";width:22px;height:2.5px;border-radius:100px;background:var(--bronze);}
.t2s-process-spine{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;position:relative;max-width:820px;margin-inline:auto;}
.t2s-process-spine::before{content:"";position:absolute;left:50%;top:24px;bottom:24px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,transparent,rgba(181,138,90,.55) 12%,rgba(181,138,90,.55) 88%,transparent);animation:t2sSpinePulse 3.6s ease-in-out infinite;}
@keyframes t2sSpinePulse{0%,100%{opacity:.55}50%{opacity:1}}
.t2s-process-step{display:grid;grid-template-columns:1fr 56px 1fr;gap:18px;align-items:center;padding:18px 0;position:relative;}
.t2s-process-node{grid-column:2;display:flex;align-items:center;justify-content:center;z-index:2;}
.t2s-process-node span{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-family:'Playfair Display',serif;font-size:.88rem;font-weight:700;color:#fff;background:var(--bronze);border:3px solid #0E1D1D;box-shadow:0 0 0 4px rgba(181,138,90,.25);}
.t2s-process-shot{border-radius:18px;overflow:hidden;aspect-ratio:4/3;border:1px solid rgba(245,241,234,.1);box-shadow:0 22px 36px -22px rgba(0,0,0,.65);background:#1c3330;transition:transform .4s ease,border-color .4s ease;}
.t2s-process-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.t2s-process-step h3{margin:0;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.3;color:#fff;}
.t2s-process-step:not(.t2s-process-step--alt) .t2s-process-shot{grid-column:1;grid-row:1;}
.t2s-process-step:not(.t2s-process-step--alt) h3{grid-column:3;grid-row:1;text-align:left;}
.t2s-process-step--alt .t2s-process-shot{grid-column:3;grid-row:1;}
.t2s-process-step--alt h3{grid-column:1;grid-row:1;text-align:right;}
.t2s-process-step:hover .t2s-process-shot{transform:translateY(-4px);border-color:rgba(181,138,90,.5);}
.t2s-process-step:hover .t2s-process-shot img{transform:scale(1.06);}
@media (max-width:767px){
  .t2s-process{padding:72px 0 64px;}
  .t2s-process-spine::before{left:22px;transform:none;}
  .t2s-process-step,
  .t2s-process-step--alt{grid-template-columns:44px minmax(0,1fr);gap:14px 16px;padding:14px 0;}
  .t2s-process-node{grid-column:1;grid-row:1 / span 2;align-self:start;padding-top:8px;}
  .t2s-process-step .t2s-process-shot,
  .t2s-process-step--alt .t2s-process-shot{grid-column:2;grid-row:1;}
  .t2s-process-step h3,
  .t2s-process-step--alt h3{grid-column:2;grid-row:2;text-align:left;font-size:1.05rem;}
  .t2s-process-node span{width:40px;height:40px;font-size:.8rem;}
}
@media (prefers-reduced-motion:reduce){
  .t2s-involve-badge,.t2s-process-spine::before{animation:none;}
  .t2s-involve-media img,.t2s-opt-media,.t2s-process-shot,.t2s-process-shot img,.t2s-gal img,.t2s-resale-photo img{transition:none;}
}

/* Staggered gallery */
.t2s-gallery{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 50% 40% at 100% 0%,rgba(181,138,90,.09),transparent 55%),
  linear-gradient(180deg,#f5f1ea 0%,#fff 100%);}
.t2s-gallery-head{max-width:680px;margin:0 auto 44px;text-align:center;}
.t2s-gallery-head .t2s-eyebrow{justify-content:center;}
.t2s-gallery-head .t2s-eyebrow::before{display:none;}
.t2s-gallery-head .t2s-eyebrow::after{content:"";width:22px;height:2.5px;border-radius:100px;background:var(--bronze);}
.t2s-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(160px,auto);gap:14px;}
.t2s-gal{position:relative;isolation:isolate;overflow:hidden;border-radius:20px;border:1px solid rgba(22,42,42,.08);box-shadow:0 16px 32px -24px rgba(22,42,42,.4);background:var(--green);min-height:220px;transition:transform .4s ease,box-shadow .4s ease;}
.t2s-gal--tall{grid-column:span 4;grid-row:span 2;min-height:440px;}
.t2s-gal--std{grid-column:span 4;min-height:220px;}
.t2s-gal--wide{grid-column:span 8;min-height:220px;}
.t2s-gal img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.22,1,.36,1);}
.t2s-gal-cap{position:absolute;left:0;right:0;bottom:0;padding:20px 18px 16px;background:linear-gradient(180deg,transparent,rgba(14,29,29,.88));color:#fff;}
.t2s-gal-city{margin:0 0 4px;font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#B58A5A;}
.t2s-gal-cap h3{margin:0;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.25;}
.t2s-gal:hover{transform:translateY(-6px);box-shadow:0 28px 44px -20px rgba(22,42,42,.45);}
.t2s-gal:hover img{transform:scale(1.06);}
@media (max-width:1023px){
  .t2s-gal--tall{grid-column:span 6;grid-row:span 1;min-height:260px;}
  .t2s-gal--std,.t2s-gal--wide{grid-column:span 6;min-height:220px;}
}
@media (max-width:639px){
  .t2s-gallery{padding:72px 0 64px;}
  .t2s-gallery-grid{gap:12px;}
  .t2s-gal--tall,.t2s-gal--std,.t2s-gal--wide{grid-column:span 12;grid-row:span 1;min-height:210px;}
  .t2s-gal:hover{transform:none;}
}

/* ============ Shower-to-Tub page - Soak Studio ============ */
.s2t-page .s2t-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);}
.s2t-page .s2t-eyebrow::before{content:"";width:10px;height:10px;border-radius:50%;border:2px solid var(--bronze);flex-shrink:0;box-shadow:0 0 0 3px rgba(181,138,90,.18);}
.s2t-page .s2t-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.4vw,2.75rem);font-weight:600;line-height:1.15;color:var(--graphite);letter-spacing:-.025em;}
.s2t-page .s2t-lede{margin:18px 0 0;font-size:1.05rem;line-height:1.7;color:var(--muted);max-width:46ch;}

/* Soft wave divider */
.s2t-wave{position:absolute;left:0;right:0;top:0;height:72px;background:
  radial-gradient(ellipse 120% 80% at 10% 0%,rgba(181,138,90,.12),transparent 55%),
  radial-gradient(ellipse 90% 70% at 90% 20%,rgba(22,42,42,.05),transparent 50%);
  pointer-events:none;}

/* -- Inclusions: diagonal cascade -- */
.s2t-inclusions{position:relative;overflow:hidden;padding:100px 0 110px;background:
  linear-gradient(165deg,#ffffff 0%,#f7f3ec 42%,#efe8dc 100%);}
.s2t-inclusions-inner{position:relative;z-index:1;}
.s2t-inclusions-head{max-width:640px;margin:0 0 48px;}
.s2t-cascade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 16px;align-items:start;}
.s2t-cascade-card{position:relative;border-radius:28px 28px 18px 18px;overflow:hidden;background:#fff;border:1px solid rgba(22,42,42,.07);box-shadow:0 22px 40px -28px rgba(22,42,42,.45);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;}
.s2t-cascade-card--0{transform:translateY(0) rotate(-1.2deg);}
.s2t-cascade-card--1{transform:translateY(28px) rotate(1deg);}
.s2t-cascade-card--2{transform:translateY(8px) rotate(-.6deg);}
.s2t-cascade-card--3{transform:translateY(36px) rotate(1.4deg);}
.s2t-cascade-media{height:170px;background-size:cover;background-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1);}
.s2t-cascade-meta{padding:16px 16px 18px;display:flex;flex-direction:column;gap:6px;background:linear-gradient(180deg,#fff 0%,#faf7f2 100%);}
.s2t-cascade-num{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;letter-spacing:.08em;color:var(--bronze);line-height:1;}
.s2t-cascade-meta h3{margin:0;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:600;line-height:1.25;color:var(--graphite);}
.s2t-cascade-card:hover{transform:translateY(-6px) rotate(0deg)!important;box-shadow:0 32px 48px -22px rgba(22,42,42,.4);z-index:2;}
.s2t-cascade-card:hover .s2t-cascade-media{transform:scale(1.08);}
@media (max-width:1023px){
  .s2t-cascade{grid-template-columns:repeat(2,minmax(0,1fr));}
  .s2t-cascade-card--0,.s2t-cascade-card--1,.s2t-cascade-card--2,.s2t-cascade-card--3{transform:none;}
  .s2t-cascade-card:nth-child(even){transform:translateY(16px);}
}
@media (max-width:639px){
  .s2t-inclusions{padding:72px 0 80px;}
  .s2t-cascade{grid-template-columns:1fr;gap:14px;}
  .s2t-cascade-card,.s2t-cascade-card:nth-child(even){transform:none;}
  .s2t-cascade-media{height:150px;}
}

/* -- Resale: full-bleed + frosted glass -- */
.s2t-resale{position:relative;isolation:isolate;overflow:hidden;min-height:520px;display:flex;align-items:center;padding:88px 0;}
.s2t-resale-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);z-index:-2;animation:s2tKen 18s ease-in-out infinite alternate;}
.s2t-resale-scrim{position:absolute;inset:0;z-index:-1;background:
  linear-gradient(115deg,rgba(14,29,29,.82) 0%,rgba(14,29,29,.55) 45%,rgba(14,29,29,.35) 100%);}
@keyframes s2tKen{0%{transform:scale(1.04) translate(0,0)}100%{transform:scale(1.12) translate(-1.5%,1%)}}
.s2t-resale-inner{position:relative;width:100%;display:flex;justify-content:flex-end;}
.s2t-resale-glass{max-width:520px;padding:40px 36px;border-radius:28px;background:rgba(245,241,234,.14);backdrop-filter:blur(18px) saturate(1.2);-webkit-backdrop-filter:blur(18px) saturate(1.2);border:1px solid rgba(255,255,255,.22);box-shadow:0 28px 56px -24px rgba(0,0,0,.55);color:#fff;}
.s2t-resale-glass .s2t-eyebrow{color:#e8c9a0;}
.s2t-resale-glass .s2t-eyebrow::before{border-color:#e8c9a0;box-shadow:0 0 0 3px rgba(232,201,160,.2);}
.s2t-resale-glass .s2t-title{color:#fff;font-size:clamp(1.55rem,2.8vw,2.2rem);}
.s2t-resale-glass .s2t-lede{color:rgba(245,241,234,.86);max-width:none;}
@media (max-width:1023px){
  .s2t-resale{min-height:460px;padding:72px 0;}
  .s2t-resale-inner{justify-content:center;}
  .s2t-resale-glass{max-width:100%;}
}
@media (max-width:639px){
  .s2t-resale-glass{padding:28px 22px;border-radius:20px;}
  .s2t-resale-bg{animation:none;}
}

/* -- Tub lookbook: tall portrait panels -- */
.s2t-tubs{position:relative;overflow:hidden;padding:100px 0 96px;background:
  radial-gradient(ellipse 50% 40% at 0% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#f5f1ea 0%,#fff 55%,#f8f4ee 100%);}
.s2t-tubs-head{max-width:640px;margin:0 auto 48px;text-align:center;}
.s2t-tubs-head .s2t-eyebrow{justify-content:center;}
.s2t-lookbook{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:end;}
.s2t-look{position:relative;isolation:isolate;border-radius:26px;overflow:hidden;min-height:480px;background:var(--green);border:1px solid rgba(22,42,42,.08);box-shadow:0 24px 44px -28px rgba(22,42,42,.4);transition:transform .45s ease,box-shadow .45s ease;}
.s2t-look--mid{min-height:560px;margin-bottom:0;}
.s2t-look img{display:block;width:100%;height:100%;min-height:inherit;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.22,1,.36,1);}
.s2t-look-tab{position:absolute;top:18px;left:18px;z-index:2;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(14,29,29,.72);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.18);color:#e8c9a0;font-family:'Playfair Display',serif;font-size:1rem;font-weight:700;letter-spacing:.04em;}
.s2t-look-body{position:absolute;left:0;right:0;bottom:0;padding:28px 22px 22px;background:linear-gradient(180deg,transparent 0%,rgba(14,29,29,.55) 35%,rgba(14,29,29,.94) 100%);color:#fff;}
.s2t-look-body h3{margin:0 0 8px;font-family:'Playfair Display',serif;font-size:clamp(1.2rem,1.8vw,1.5rem);font-weight:600;line-height:1.2;}
.s2t-look-body p{margin:0;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.8);max-width:32ch;}
.s2t-look:hover{transform:translateY(-10px);box-shadow:0 36px 52px -22px rgba(22,42,42,.45);}
.s2t-look:hover img{transform:scale(1.07);}
@media (max-width:1023px){
  .s2t-lookbook{grid-template-columns:1fr;gap:16px;}
  .s2t-look,.s2t-look--mid{min-height:320px;}
}
@media (max-width:639px){
  .s2t-tubs{padding:72px 0 68px;}
  .s2t-look{border-radius:20px;min-height:280px;}
}

/* -- Process: horizontal film strip -- */
.s2t-process{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 50% at 50% 100%,rgba(181,138,90,.14),transparent 55%),
  linear-gradient(165deg,#162A2A 0%,#0E1D1D 55%,#1a3330 100%);}
.s2t-process::before{content:"";position:absolute;inset:0;background-image:
  radial-gradient(circle at 30% 40%,rgba(255,255,255,.04) 0 1px,transparent 1.5px);
  background-size:32px 32px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 10%,transparent 75%);pointer-events:none;}
.s2t-process-inner{position:relative;z-index:1;}
.s2t-process-head{margin-bottom:40px;}
.s2t-process-head .s2t-eyebrow{color:#e8c9a0;}
.s2t-process-head .s2t-eyebrow::before{border-color:#e8c9a0;box-shadow:0 0 0 3px rgba(232,201,160,.18);}
.s2t-process-head .s2t-title{color:#fff;}
.s2t-film{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;padding:8px 0 24px;scrollbar-width:thin;scrollbar-color:rgba(181,138,90,.55) transparent;}
.s2t-film:focus{outline:2px solid rgba(181,138,90,.5);outline-offset:4px;}
.s2t-film-track{list-style:none;margin:0;padding:0 5vw;display:flex;gap:18px;width:max-content;}
.s2t-film-card{scroll-snap-align:start;width:min(280px,72vw);flex:0 0 auto;}
.s2t-film-shot{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;border:1px solid rgba(245,241,234,.12);box-shadow:0 24px 40px -22px rgba(0,0,0,.65);background:#1c3330;transition:transform .4s ease,border-color .4s ease;}
.s2t-film-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.s2t-film-drop{position:absolute;right:14px;bottom:14px;width:52px;height:52px;border-radius:50% 50% 50% 12%;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:#fff;background:linear-gradient(145deg,var(--bronze),#967044);box-shadow:0 10px 20px -8px rgba(0,0,0,.5);transform:rotate(-8deg);}
.s2t-film-card h3{margin:14px 4px 0;font-family:'Playfair Display',serif;font-size:1.12rem;font-weight:600;line-height:1.3;color:#fff;}
.s2t-film-card:hover .s2t-film-shot{transform:translateY(-6px);border-color:rgba(181,138,90,.55);}
.s2t-film-card:hover .s2t-film-shot img{transform:scale(1.06);}
@media (max-width:639px){
  .s2t-process{padding:72px 0 64px;}
  .s2t-film-track{padding:0 20px;gap:14px;}
  .s2t-film-card{width:min(240px,78vw);}
}

/* -- Gallery: polaroid scatter -- */
.s2t-gallery{position:relative;overflow:hidden;padding:100px 0 110px;background:
  radial-gradient(ellipse 50% 40% at 100% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f5f1ea 100%);}
.s2t-gallery-head{max-width:640px;margin:0 auto 52px;text-align:center;}
.s2t-gallery-head .s2t-eyebrow{justify-content:center;}
.s2t-scatter{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:28px 20px;align-items:start;}
.s2t-polaroid{grid-column:span 4;background:#fff;padding:14px 14px 18px;border-radius:6px;box-shadow:0 18px 36px -20px rgba(22,42,42,.35),0 2px 0 rgba(22,42,42,.04);border:1px solid rgba(22,42,42,.06);transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease;}
.s2t-polaroid--1{grid-column:1 / span 4;}
.s2t-polaroid--2{grid-column:5 / span 4;margin-top:36px;}
.s2t-polaroid--3{grid-column:9 / span 4;margin-top:12px;}
.s2t-polaroid--4{grid-column:2 / span 4;margin-top:-8px;}
.s2t-polaroid--5{grid-column:6 / span 4;margin-top:24px;}
.s2t-polaroid--6{grid-column:9 / span 4;margin-top:48px;}
.s2t-polaroid--a{transform:rotate(-2.4deg);}
.s2t-polaroid--b{transform:rotate(1.8deg);}
.s2t-polaroid--c{transform:rotate(-1deg);}
.s2t-polaroid-frame{overflow:hidden;border-radius:3px;aspect-ratio:5/4;background:#d8cfc2;}
.s2t-polaroid-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,1,.36,1);}
.s2t-polaroid-note{padding:14px 4px 2px;}
.s2t-gal-city{margin:0 0 4px;font-size:.7rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);}
.s2t-polaroid-note h3{margin:0;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.25;color:var(--graphite);}
.s2t-polaroid:hover{transform:rotate(0deg) translateY(-10px) scale(1.02)!important;box-shadow:0 32px 48px -18px rgba(22,42,42,.4);z-index:3;}
.s2t-polaroid:hover .s2t-polaroid-frame img{transform:scale(1.06);}
@media (max-width:1023px){
  .s2t-scatter{gap:20px 16px;}
  .s2t-polaroid--1,.s2t-polaroid--2,.s2t-polaroid--3,
  .s2t-polaroid--4,.s2t-polaroid--5,.s2t-polaroid--6{grid-column:span 6;margin-top:0;}
  .s2t-polaroid--2,.s2t-polaroid--4,.s2t-polaroid--6{margin-top:20px;}
}
@media (max-width:639px){
  .s2t-gallery{padding:72px 0 80px;}
  .s2t-polaroid--1,.s2t-polaroid--2,.s2t-polaroid--3,
  .s2t-polaroid--4,.s2t-polaroid--5,.s2t-polaroid--6{grid-column:span 12;margin-top:0;transform:none;}
  .s2t-polaroid:hover{transform:none!important;}
}
@media (prefers-reduced-motion:reduce){
  .s2t-resale-bg{animation:none;}
  .s2t-cascade-card,.s2t-cascade-media,.s2t-look,.s2t-look img,.s2t-film-shot,.s2t-film-shot img,.s2t-polaroid,.s2t-polaroid-frame img{transition:none;}
}

/* ========== BATHROOM FLOORING PAGE ========== */
.floor-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);}
.floor-eyebrow::before{content:"";width:18px;height:18px;border:1.5px solid currentColor;border-radius:3px;box-shadow:inset 0 0 0 3px transparent,0 0 0 3px rgba(181,138,90,.18);background:
  linear-gradient(currentColor,currentColor) center/60% 1.5px no-repeat,
  linear-gradient(currentColor,currentColor) center/1.5px 60% no-repeat;}
.floor-eyebrow--light{color:#e8c9a0;}
.floor-eyebrow--light::before{box-shadow:inset 0 0 0 3px transparent,0 0 0 3px rgba(232,201,160,.18);}
.floor-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.floor-title--light{color:#fff;}
.floor-subhead{margin:48px 0 22px;font-family:'Playfair Display',serif;font-size:clamp(1.2rem,2vw,1.55rem);font-weight:600;line-height:1.25;color:var(--graphite);text-align:center;}

/* Signs chips inside sectionSplit */
.floor-signs-grid{list-style:none;margin:0 0 4px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.floor-sign-chip{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #eee6d8;font-size:.86rem;font-weight:600;line-height:1.35;color:var(--graphite);box-shadow:0 10px 22px -18px rgba(22,42,42,.28);transition:transform .25s ease,border-color .25s ease;}
.floor-sign-chip:hover{transform:translateY(-2px);border-color:rgba(181,138,90,.35);}
.floor-sign-mark{flex:0 0 auto;width:22px;height:22px;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:800;background:rgba(181,138,90,.14);color:var(--bronze);margin-top:1px;}
@media (max-width:639px){.floor-signs-grid{grid-template-columns:1fr;}}

/* Scope - stacked floor layers */
.floor-scope{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 50% at 100% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f7f3ec 100%);}
.floor-scope::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(22,42,42,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(22,42,42,.035) 1px,transparent 1px);
  background-size:56px 56px;mask-image:radial-gradient(ellipse 70% 60% at 50% 40%,#000 15%,transparent 75%);pointer-events:none;}
.floor-scope-inner{position:relative;z-index:1;}
.floor-scope-head{max-width:720px;margin:0 auto 44px;text-align:center;}
.floor-scope-head .floor-eyebrow{justify-content:center;}
.floor-scope-stack{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:18px;}
.floor-scope-layer{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:0;align-items:stretch;border-radius:24px;overflow:hidden;background:#fff;border:1px solid #eee6d8;box-shadow:0 22px 40px -28px rgba(22,42,42,.35);transition:transform .35s ease,box-shadow .35s ease;}
.floor-scope-layer:nth-child(even){grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
.floor-scope-layer:nth-child(even) .floor-scope-media{order:2;}
.floor-scope-layer:hover{transform:translateY(-4px);box-shadow:0 28px 48px -24px rgba(22,42,42,.4);}
.floor-scope-media{position:relative;min-height:220px;background:#d8cfc2;overflow:hidden;}
.floor-scope-media img{display:block;width:100%;height:100%;min-height:220px;object-fit:cover;transition:transform .6s ease;}
.floor-scope-layer:hover .floor-scope-media img{transform:scale(1.05);}
.floor-scope-num{position:absolute;left:16px;top:16px;width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:#fff;background:rgba(14,29,29,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);}
.floor-scope-copy{padding:32px 30px;display:flex;flex-direction:column;justify-content:center;}
.floor-scope-copy h3{margin:0 0 10px;font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:600;line-height:1.2;color:var(--graphite);}
.floor-scope-copy p{margin:0;font-size:.95rem;line-height:1.6;color:var(--muted);}
@media (max-width:799px){
  .floor-scope-layer,.floor-scope-layer:nth-child(even){grid-template-columns:1fr;}
  .floor-scope-layer:nth-child(even) .floor-scope-media{order:0;}
  .floor-scope-media,.floor-scope-media img{min-height:180px;}
  .floor-scope-copy{padding:22px 20px 24px;}
}
@media (max-width:639px){.floor-scope{padding:72px 0 64px;}}

/* Materials - sample board */
.floor-samples{position:relative;overflow:hidden;padding:96px 0 100px;background:
  radial-gradient(ellipse 55% 45% at 0% 100%,rgba(181,138,90,.12),transparent 55%),
  linear-gradient(165deg,#e6ddd0 0%,#d8cfc2 45%,#efe8dc 100%);}
.floor-samples::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(135deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);
  background-size:24px 24px;opacity:.4;pointer-events:none;}
.floor-samples-inner{position:relative;z-index:1;}
.floor-samples-head{max-width:720px;margin:0 auto 48px;text-align:center;}
.floor-samples-head .floor-eyebrow{justify-content:center;}
.floor-sample-board{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:22px 18px;align-items:start;}
.floor-sample{grid-column:span 4;background:#fff;border-radius:8px;padding:12px 12px 16px;border:1px solid rgba(22,42,42,.08);box-shadow:0 18px 36px -22px rgba(22,42,42,.4);transition:transform .4s cubic-bezier(.22,1,.36,1),box-shadow .4s ease;}
.floor-sample--1{transform:rotate(-1.8deg);}
.floor-sample--2{transform:rotate(1.4deg);margin-top:28px;}
.floor-sample--3{transform:rotate(-.8deg);}
.floor-sample--4{transform:rotate(1.2deg);margin-top:12px;}
.floor-sample--5{transform:rotate(-1.5deg);margin-top:32px;}
.floor-sample--6{transform:rotate(.9deg);}
.floor-sample-face{overflow:hidden;border-radius:4px;aspect-ratio:5/4;background:#cfc5b6;}
.floor-sample-face img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.floor-sample-label{padding:14px 4px 2px;}
.floor-sample-tag{display:inline-block;margin-bottom:6px;font-size:.68rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);}
.floor-sample-label h3{margin:0;font-family:'Playfair Display',serif;font-size:1.12rem;font-weight:600;line-height:1.25;color:var(--graphite);}
.floor-sample:hover{transform:rotate(0deg) translateY(-8px) scale(1.02)!important;box-shadow:0 28px 44px -18px rgba(22,42,42,.42);z-index:2;}
.floor-sample:hover .floor-sample-face img{transform:scale(1.06);}
@media (max-width:1023px){
  .floor-sample{grid-column:span 6;}
  .floor-sample--2,.floor-sample--5{margin-top:18px;}
  .floor-sample--1,.floor-sample--3,.floor-sample--4,.floor-sample--6{margin-top:0;}
}
@media (max-width:639px){
  .floor-samples{padding:72px 0 80px;}
  .floor-sample{grid-column:span 12;transform:none;margin-top:0!important;}
  .floor-sample:hover{transform:none!important;}
}

/* Design atelier */
.floor-atelier{position:relative;overflow:hidden;padding:96px 0 92px;background:
  radial-gradient(ellipse 50% 40% at 100% 0%,rgba(181,138,90,.08),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f5f1ea 100%);}
.floor-atelier-inner{position:relative;z-index:1;}
.floor-atelier-head{max-width:760px;margin:0 auto 8px;text-align:center;}
.floor-atelier-head .floor-eyebrow{justify-content:center;}
.floor-style-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(140px,auto);gap:14px;}
.floor-style-tile{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#d8cfc2;box-shadow:0 18px 36px -24px rgba(22,42,42,.35);}
.floor-style-tile--1{grid-column:1 / span 7;grid-row:span 2;min-height:320px;}
.floor-style-tile--2{grid-column:8 / span 5;min-height:152px;}
.floor-style-tile--3{grid-column:8 / span 5;min-height:152px;}
.floor-style-tile--4{grid-column:1 / span 12;min-height:200px;}
.floor-style-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .65s ease;}
.floor-style-tile:hover img{transform:scale(1.05);}
.floor-style-tile figcaption{position:absolute;left:14px;right:14px;bottom:14px;padding:12px 16px;border-radius:14px;background:rgba(14,29,29,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);color:#fff;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:600;line-height:1.25;}
.floor-pattern-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;}
.floor-pattern-card{background:#fff;border:1px solid #eee6d8;border-radius:20px;padding:16px;text-align:center;box-shadow:0 14px 28px -22px rgba(22,42,42,.3);transition:transform .3s ease,border-color .3s ease;}
.floor-pattern-card:hover{transform:translateY(-4px);border-color:rgba(181,138,90,.35);}
.floor-pat{height:88px;border-radius:14px;margin-bottom:14px;border:1px solid rgba(22,42,42,.06);background-color:#efe8dc;}
.floor-pat--straight{background-image:
  linear-gradient(rgba(22,42,42,.12) 1px,transparent 1px),
  linear-gradient(90deg,rgba(22,42,42,.12) 1px,transparent 1px);
  background-size:28px 28px;background-position:-1px -1px;}
.floor-pat--brick{background-image:
  linear-gradient(rgba(22,42,42,.12) 1px,transparent 1px),
  linear-gradient(90deg,rgba(22,42,42,.12) 1px,transparent 1px);
  background-size:40px 22px;background-position:0 0,20px 11px;}
.floor-pat--herring{background:
  repeating-linear-gradient(45deg,transparent,transparent 9px,rgba(22,42,42,.14) 9px,rgba(22,42,42,.14) 10px),
  repeating-linear-gradient(-45deg,transparent,transparent 9px,rgba(22,42,42,.14) 9px,rgba(22,42,42,.14) 10px),
  #efe8dc;}
.floor-pat--diag{background:
  repeating-linear-gradient(-45deg,#efe8dc 0 16px,rgba(22,42,42,.1) 16px 17px);}
.floor-pattern-card p{margin:0;font-size:.9rem;font-weight:700;color:var(--graphite);}
.floor-guidance{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.floor-guide-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eee6d8;border-radius:22px;overflow:hidden;box-shadow:0 18px 36px -26px rgba(22,42,42,.32);}
.floor-guide-media{position:relative;height:160px;overflow:hidden;background:#d8cfc2;}
.floor-guide-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.floor-guide-card:hover .floor-guide-media img{transform:scale(1.05);}
.floor-guide-media span{position:absolute;left:12px;bottom:12px;font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:#fff;background:rgba(14,29,29,.72);padding:6px 10px;border-radius:10px;}
.floor-guide-card p{margin:0;padding:18px 18px 20px;font-size:.88rem;line-height:1.6;color:var(--graphite);}
@media (max-width:899px){
  .floor-style-tile--1{grid-column:span 12;grid-row:auto;min-height:240px;}
  .floor-style-tile--2,.floor-style-tile--3{grid-column:span 6;min-height:160px;}
  .floor-style-tile--4{grid-column:span 12;}
  .floor-pattern-rail{grid-template-columns:repeat(2,minmax(0,1fr));}
  .floor-guidance{grid-template-columns:1fr;}
}
@media (max-width:639px){
  .floor-atelier{padding:72px 0 64px;}
  .floor-style-tile--2,.floor-style-tile--3{grid-column:span 12;}
  .floor-pattern-rail{grid-template-columns:1fr 1fr;gap:12px;}
}

/* Process - running bond plank course */
.floor-course{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 50% at 50% 0%,rgba(181,138,90,.16),transparent 55%),
  linear-gradient(180deg,#101f1f 0%,#162A2A 50%,#0E1D1D 100%);}
.floor-course::before{content:"";position:absolute;inset:0;background-image:
  linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
  linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:40px 40px;mask-image:radial-gradient(ellipse 75% 55% at 50% 35%,#000 10%,transparent 75%);pointer-events:none;}
.floor-course-inner{position:relative;z-index:1;}
.floor-course-head{max-width:720px;margin:0 auto 40px;text-align:center;}
.floor-course-head .floor-eyebrow{justify-content:center;}
.floor-plank-rail{list-style:none;margin:0;padding:0;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:rgba(181,138,90,.55) transparent;}
.floor-plank{flex:0 0 min(200px,70vw);scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;}
.floor-plank:nth-child(even){margin-top:28px;}
.floor-plank-shot{position:relative;aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#1c3330;border:1px solid rgba(245,241,234,.1);box-shadow:0 22px 36px -22px rgba(0,0,0,.65);transition:transform .4s ease,border-color .4s ease;}
.floor-plank-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.floor-plank:hover .floor-plank-shot{transform:translateY(-6px);border-color:rgba(181,138,90,.5);}
.floor-plank:hover .floor-plank-shot img{transform:scale(1.06);}
.floor-plank-num{display:inline-flex;margin:14px 0 6px;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:#B58A5A;letter-spacing:.04em;}
.floor-plank p{margin:0;font-size:.88rem;font-weight:600;line-height:1.35;color:#fff;}
@media (max-width:639px){
  .floor-course{padding:72px 0 64px;}
  .floor-plank:nth-child(even){margin-top:0;}
  .floor-plank{flex-basis:min(220px,78vw);}
}

/* Trust / why us */
.floor-trust{position:relative;overflow:hidden;padding:96px 0 92px;background:
  radial-gradient(ellipse 55% 50% at 0% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#f7f3ec 0%,#efe8dc 100%);}
.floor-trust-inner{position:relative;z-index:1;}
.floor-trust-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;}
.floor-trust-media{position:relative;border-radius:28px;overflow:hidden;min-height:520px;box-shadow:0 28px 56px -28px rgba(22,42,42,.4);background:#d8cfc2;}
.floor-trust-media img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;transition:transform .7s ease;}
.floor-trust-media:hover img{transform:scale(1.04);}
.floor-trust-caption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;background:rgba(14,29,29,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;}
.floor-trust-caption span{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#B58A5A;}
.floor-trust-caption strong{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.25;}
.floor-trust-copy{min-width:0;}
.floor-trust-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;}
.floor-trust-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:16px 0;border-top:1px solid rgba(22,42,42,.1);transition:padding-left .25s ease,background .25s ease;}
.floor-trust-list li:last-child{border-bottom:1px solid rgba(22,42,42,.1);}
.floor-trust-list li:hover{padding-left:8px;background:linear-gradient(90deg,rgba(181,138,90,.08),transparent 70%);}
.floor-trust-list span{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:var(--bronze);letter-spacing:.04em;}
.floor-trust-list strong{font-size:1.05rem;font-weight:700;color:var(--graphite);}
.floor-reviews{background:linear-gradient(180deg,#efe8dc 0%,#e6ddd0 100%);}
@media (max-width:999px){
  .floor-trust-stage{grid-template-columns:1fr;gap:32px;}
  .floor-trust-media,.floor-trust-media img{min-height:320px;}
}
@media (max-width:639px){
  .floor-trust{padding:72px 0 64px;}
  .floor-trust-media,.floor-trust-media img{min-height:260px;border-radius:20px;}
}
@media (prefers-reduced-motion:reduce){
  .floor-scope-layer,.floor-scope-media img,.floor-sample,.floor-sample-face img,.floor-style-tile img,.floor-pattern-card,.floor-guide-media img,.floor-plank-shot,.floor-plank-shot img,.floor-trust-media img,.floor-sign-chip{transition:none;}
}


/* =========================================================
   VANITY PAGE - mirror-wall / vanity-console layout
   ========================================================= */
.vn-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--bronze);}
.vn-eyebrow::before{content:"";width:22px;height:2px;border-radius:100px;background:var(--bronze);flex-shrink:0;}
.vn-eyebrow--light{color:#e8c9a0;}
.vn-eyebrow--light::before{background:#e8c9a0;}
.vn-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.vn-title--light{color:#fff;}
.vn-lede{margin:14px 0 0;font-size:1rem;line-height:1.65;color:var(--muted);max-width:48ch;}
.vn-lede--center{margin-left:auto;margin-right:auto;text-align:center;}
.vn-subhead{margin:52px 0 22px;font-family:'Playfair Display',serif;font-size:clamp(1.25rem,2.2vw,1.55rem);font-weight:600;color:var(--graphite);text-align:center;}
.vn-subhead--sm{font-size:1.15rem;margin-top:40px;}

/* Upgrade band */
.vn-upgrade{position:relative;overflow:hidden;padding:88px 0;background:
  radial-gradient(ellipse 70% 60% at 100% 0%,rgba(181,138,90,.12),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f7f3ec 100%);}
.vn-upgrade-stage{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:40px;align-items:center;}
.vn-upgrade-media{position:relative;border-radius:28px;overflow:hidden;min-height:420px;box-shadow:0 28px 56px -28px rgba(22,42,42,.4);background:#d8cfc2;}
.vn-upgrade-media img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover;transition:transform .7s ease;}
.vn-upgrade-media:hover img{transform:scale(1.04);}
.vn-upgrade-glow{position:absolute;inset:auto -20% -30% auto;width:55%;height:55%;background:radial-gradient(circle,rgba(181,138,90,.35),transparent 70%);pointer-events:none;}
.vn-upgrade-copy{padding:8px 0;}
.vn-upgrade-rail{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;}
.vn-upgrade-rail span{padding:9px 14px;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--green);background:rgba(22,42,42,.05);border:1px solid rgba(22,42,42,.08);}
@media (max-width:899px){
  .vn-upgrade-stage{grid-template-columns:1fr;gap:28px;}
  .vn-upgrade-media,.vn-upgrade-media img{min-height:280px;}
  .vn-upgrade{padding:72px 0;}
}

/* Included - vanity wall bays */
.vn-included{padding:96px 0 88px;background:
  linear-gradient(180deg,#f5f1ea 0%,#efe8dc 100%);}
.vn-included-head{max-width:720px;margin:0 auto 40px;text-align:center;}
.vn-included-head .vn-eyebrow{justify-content:center;}
.vn-included-head .vn-eyebrow::before{display:none;}
.vn-included-wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.vn-included-bay{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #eee6d8;border-radius:22px;overflow:hidden;box-shadow:0 18px 36px -28px rgba(22,42,42,.3);transition:transform .35s ease,box-shadow .35s ease;}
.vn-included-bay:hover{transform:translateY(-5px);box-shadow:0 26px 44px -24px rgba(22,42,42,.38);}
.vn-included-shot{position:relative;aspect-ratio:4/3;overflow:hidden;background:#d8cfc2;}
.vn-included-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.vn-included-bay:hover .vn-included-shot img{transform:scale(1.06);}
.vn-included-num{position:absolute;left:14px;top:14px;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:#fff;background:rgba(14,29,29,.78);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);}
.vn-included-bay h3{margin:0;padding:16px 18px 18px;font-size:.95rem;font-weight:700;line-height:1.35;color:var(--graphite);}
@media (max-width:999px){.vn-included-wall{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:639px){
  .vn-included{padding:72px 0 64px;}
  .vn-included-wall{grid-template-columns:1fr;}
}

/* Styles - mirror rail */
.vn-styles{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 50% at 50% 0%,rgba(181,138,90,.18),transparent 55%),
  linear-gradient(180deg,#101f1f 0%,#162A2A 55%,#0E1D1D 100%);}
.vn-styles::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:100% 48px;mask-image:linear-gradient(180deg,#000,transparent 90%);pointer-events:none;}
.vn-styles-inner{position:relative;z-index:1;}
.vn-styles-head{max-width:720px;margin:0 auto 36px;text-align:center;}
.vn-styles-head .vn-eyebrow{justify-content:center;}
.vn-styles-head .vn-eyebrow::before{display:none;}
.vn-mirror-rail{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 4px 18px;scrollbar-width:thin;scrollbar-color:rgba(181,138,90,.55) transparent;}
.vn-mirror-card{flex:0 0 min(220px,72vw);scroll-snap-align:start;margin:0;}
.vn-mirror-card:nth-child(even){margin-top:28px;}
.vn-mirror-glass{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;border:1px solid rgba(245,241,234,.14);box-shadow:0 22px 40px -20px rgba(0,0,0,.55),inset 0 0 0 1px rgba(255,255,255,.06);background:#1c3330;}
.vn-mirror-glass::after{content:"";position:absolute;inset:0;background:linear-gradient(165deg,rgba(255,255,255,.12) 0%,transparent 35%,transparent 70%,rgba(14,29,29,.45) 100%);pointer-events:none;}
.vn-mirror-glass img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.vn-mirror-card:hover .vn-mirror-glass img{transform:scale(1.06);}
.vn-mirror-card figcaption{display:flex;align-items:baseline;gap:10px;margin-top:12px;color:#fff;font-size:.88rem;font-weight:600;line-height:1.3;}
.vn-mirror-card figcaption span{font-family:'Playfair Display',serif;font-size:.85rem;font-weight:700;color:#B58A5A;}
@media (max-width:639px){
  .vn-styles{padding:72px 0 64px;}
  .vn-mirror-card:nth-child(even){margin-top:0;}
}

/* Sizes - measuring console */
.vn-sizes{padding:96px 0 88px;background:#fff;}
.vn-sizes-head{max-width:740px;margin:0 auto 36px;text-align:center;}
.vn-sizes-head .vn-eyebrow{justify-content:center;}
.vn-sizes-head .vn-eyebrow::before{display:none;}
.vn-measure{background:linear-gradient(180deg,#faf7f2 0%,#f5f1ea 100%);border:1px solid #eee6d8;border-radius:24px;padding:22px 22px 24px;box-shadow:0 20px 40px -30px rgba(22,42,42,.3);}
.vn-measure-rule{display:flex;gap:0;height:10px;margin-bottom:16px;border-radius:999px;overflow:hidden;background:rgba(22,42,42,.08);}
.vn-measure-rule span{flex:1;border-right:1px solid rgba(181,138,90,.45);}
.vn-measure-rule span:nth-child(odd){background:rgba(181,138,90,.22);}
.vn-measure-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;}
.vn-measure-table{width:100%;border-collapse:collapse;font-size:.9rem;}
.vn-measure-table th{text-align:left;padding:12px 14px;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--green);}
.vn-measure-table th:first-child{border-radius:12px 0 0 0;}
.vn-measure-table th:last-child{border-radius:0 12px 0 0;}
.vn-measure-table td{padding:14px;border-top:1px solid #eee6d8;color:var(--muted);vertical-align:top;}
.vn-measure-table tr:nth-child(even) td{background:rgba(255,255,255,.65);}
.vn-measure-table em{font-style:normal;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--bronze);}
.vn-measure-note{margin:16px 0 0;padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #eee6d8;font-size:.9rem;color:var(--graphite);}
.vn-measure-note strong{color:var(--bronze);}
.vn-custom{margin-top:40px;}
.vn-custom-copy{max-width:640px;margin-bottom:18px;}
.vn-custom-copy h3{margin:0 0 8px;font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:600;color:var(--graphite);}
.vn-custom-copy p{margin:0;font-size:.92rem;line-height:1.6;color:var(--muted);}
.vn-custom-chips{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:16px;}
.vn-chip{min-width:72px;padding:12px 14px;text-align:center;border-radius:14px;background:#faf7f2;border:1px solid #eee6d8;transition:transform .25s ease,border-color .25s ease;}
.vn-chip:hover{transform:translateY(-2px);border-color:rgba(181,138,90,.45);}
.vn-chip strong{display:block;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:var(--bronze);}
.vn-chip span{display:block;margin-top:2px;font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);}
.vn-custom-banner{margin:0;padding:16px 18px;border-radius:14px;background:var(--travertine);font-size:.9rem;line-height:1.55;color:var(--graphite);}
.vn-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.vn-feature{position:relative;padding:20px 18px 18px;border-radius:18px;background:#faf7f2;border:1px solid #eee6d8;transition:transform .3s ease,box-shadow .3s ease;}
.vn-feature:hover{transform:translateY(-3px);box-shadow:0 16px 28px -20px rgba(22,42,42,.3);}
.vn-feature-mark{display:block;margin-bottom:10px;font-family:'Playfair Display',serif;font-size:.9rem;font-weight:700;color:var(--bronze);}
.vn-feature h4{margin:0 0 8px;font-size:.92rem;font-weight:700;line-height:1.3;color:var(--graphite);}
.vn-feature p{margin:0;font-size:.8rem;line-height:1.55;color:var(--muted);}
@media (max-width:999px){.vn-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:639px){
  .vn-sizes{padding:72px 0 64px;}
  .vn-feature-grid{grid-template-columns:1fr;}
  .vn-measure{padding:16px 14px 18px;}
}

/* Sinks */
.vn-sinks{padding:96px 0 88px;background:
  radial-gradient(ellipse 55% 45% at 0% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#f7f3ec 0%,#efe8dc 100%);}
.vn-sinks-head{max-width:740px;margin:0 auto 36px;text-align:center;}
.vn-sinks-head .vn-eyebrow{justify-content:center;}
.vn-sinks-head .vn-eyebrow::before{display:none;}
.vn-sink-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-bottom:28px;}
.vn-sink-card{display:grid;grid-template-rows:auto 1fr;border-radius:22px;overflow:hidden;background:#fff;border:1px solid #eee6d8;box-shadow:0 18px 36px -28px rgba(22,42,42,.28);transition:transform .35s ease;}
.vn-sink-card:hover{transform:translateY(-4px);}
.vn-sink-media{position:relative;aspect-ratio:16/10;overflow:hidden;background:#d8cfc2;}
.vn-sink-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.vn-sink-card:hover .vn-sink-media img{transform:scale(1.05);}
.vn-sink-tag{position:absolute;left:14px;bottom:14px;padding:7px 12px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--bronze);box-shadow:0 8px 18px -10px rgba(22,42,42,.45);}
.vn-sink-body{padding:20px 20px 22px;}
.vn-sink-body h3{margin:0 0 8px;font-family:'Playfair Display',serif;font-size:1.25rem;font-weight:600;color:var(--graphite);}
.vn-sink-body p{margin:0;font-size:.9rem;line-height:1.55;color:var(--muted);}
.vn-sink-pair{margin-top:12px!important;font-size:.8rem!important;font-weight:600;color:var(--graphite)!important;}
.vn-sink-pair strong{color:var(--bronze);}
.vn-plumb{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:0;border-radius:24px;overflow:hidden;background:var(--green);box-shadow:0 24px 48px -28px rgba(14,29,29,.5);}
.vn-plumb-media{min-height:260px;background:#0E1D1D;}
.vn-plumb-media img{display:block;width:100%;height:100%;min-height:260px;object-fit:cover;opacity:.92;}
.vn-plumb-copy{padding:28px 28px 30px;display:flex;flex-direction:column;justify-content:center;}
.vn-plumb-title{margin:0 0 14px;font-size:1.05rem;font-weight:700;color:#fff;}
.vn-plumb-tags{display:flex;flex-wrap:wrap;gap:8px;}
.vn-plumb-tags span{padding:7px 12px;border-radius:999px;font-size:.75rem;font-weight:600;color:rgba(245,241,234,.92);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);}
.vn-plumb-note{margin:16px 0 0;font-size:.88rem;line-height:1.55;color:rgba(245,241,234,.7);}
@media (max-width:899px){
  .vn-sink-board{grid-template-columns:1fr;}
  .vn-plumb{grid-template-columns:1fr;}
  .vn-plumb-media,.vn-plumb-media img{min-height:200px;}
}
@media (max-width:639px){.vn-sinks{padding:72px 0 64px;}.vn-plumb-copy{padding:22px 18px 24px;}}

/* Countertop slabs */
.vn-counters{padding:96px 0 88px;background:#fff;}
.vn-counters-head{max-width:740px;margin:0 auto 36px;text-align:center;}
.vn-counters-head .vn-eyebrow{justify-content:center;}
.vn-counters-head .vn-eyebrow::before{display:none;}
.vn-slab-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.vn-slab{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#faf7f2;border:1px solid #eee6d8;box-shadow:0 16px 32px -26px rgba(22,42,42,.28);transition:transform .35s ease;}
.vn-slab:hover{transform:translateY(-4px);}
.vn-slab-face{aspect-ratio:5/3;overflow:hidden;background:#d8cfc2;}
.vn-slab-face img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.vn-slab:hover .vn-slab-face img{transform:scale(1.05);}
.vn-slab-body{padding:18px 18px 20px;flex:1;display:flex;flex-direction:column;}
.vn-slab-tag{align-self:flex-start;padding:5px 10px;border-radius:999px;font-size:.68rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase;background:var(--travertine);color:var(--graphite);}
.vn-slab-body h3{margin:10px 0 8px;font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:600;color:var(--graphite);}
.vn-slab-body p{margin:0 0 12px;font-size:.82rem;line-height:1.55;color:var(--muted);flex:1;}
.vn-slab-body ul{list-style:none;margin:0;padding:12px 0 0;border-top:1px solid rgba(22,42,42,.08);}
.vn-slab-body li{font-size:.78rem;line-height:1.45;color:var(--muted);padding:3px 0;}
.vn-slab-body li strong{color:var(--graphite);}
.vn-slab-advice{margin-top:28px;padding:22px 24px;border-radius:20px;background:linear-gradient(135deg,#f7f3ec,#efe8dc);border:1px solid #eee6d8;}
.vn-slab-advice h4{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:var(--graphite);}
.vn-slab-advice p{margin:0;font-size:.92rem;line-height:1.6;color:var(--muted);}
@media (max-width:999px){.vn-slab-board{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:639px){.vn-counters{padding:72px 0 64px;}.vn-slab-board{grid-template-columns:1fr;}}

/* Cabinets */
.vn-cabinets{padding:96px 0 88px;background:
  radial-gradient(ellipse 50% 40% at 100% 0%,rgba(181,138,90,.08),transparent 55%),
  linear-gradient(180deg,#f5f1ea 0%,#efe8dc 100%);}
.vn-cabinets-head{max-width:740px;margin:0 auto 36px;text-align:center;}
.vn-cabinets-head .vn-eyebrow{justify-content:center;}
.vn-cabinets-head .vn-eyebrow::before{display:none;}
.vn-cab-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:8px;}
.vn-cab-tier{border-radius:22px;overflow:hidden;background:#fff;border:1px solid #eee6d8;box-shadow:0 18px 36px -28px rgba(22,42,42,.28);transition:transform .35s ease;}
.vn-cab-tier:hover{transform:translateY(-4px);}
.vn-cab-media{position:relative;aspect-ratio:4/3;overflow:hidden;background:#d8cfc2;}
.vn-cab-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.vn-cab-tier:hover .vn-cab-media img{transform:scale(1.05);}
.vn-cab-media span{position:absolute;left:14px;top:14px;width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:'Playfair Display',serif;font-size:.9rem;font-weight:700;color:#fff;background:rgba(14,29,29,.78);}
.vn-cab-body{padding:18px 18px 20px;}
.vn-cab-body h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:var(--graphite);}
.vn-cab-body p{margin:0 0 12px;font-size:.88rem;line-height:1.55;color:var(--muted);}
.vn-cab-body em{font-style:normal;font-size:.75rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--bronze);}
.vn-door-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.vn-door{margin:0;border-radius:18px;overflow:hidden;background:#fff;border:1px solid #eee6d8;transition:transform .3s ease;}
.vn-door:hover{transform:translateY(-3px);}
.vn-door-face{aspect-ratio:5/4;overflow:hidden;background:#d8cfc2;}
.vn-door-face img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.vn-door:hover .vn-door-face img{transform:scale(1.05);}
.vn-door figcaption{padding:14px 14px 16px;display:flex;flex-direction:column;gap:6px;}
.vn-door figcaption strong{font-size:.92rem;color:var(--graphite);}
.vn-door figcaption span{font-size:.78rem;line-height:1.45;color:var(--muted);}
.vn-hardware{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;}
.vn-hardware li{padding:14px 16px;border-radius:14px;background:#fff;border:1px solid #eee6d8;font-size:.88rem;line-height:1.4;color:var(--graphite);box-shadow:0 10px 20px -18px rgba(22,42,42,.25);}
.vn-frame-note{margin:24px 0 0;padding:18px 20px;border-radius:16px;background:var(--travertine);font-size:.9rem;line-height:1.6;color:var(--graphite);}
@media (max-width:999px){
  .vn-cab-tiers{grid-template-columns:1fr;}
  .vn-door-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .vn-hardware{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:639px){
  .vn-cabinets{padding:72px 0 64px;}
  .vn-door-grid,.vn-hardware{grid-template-columns:1fr;}
}

/* Design mosaic */
.vn-design{padding:96px 0 88px;background:#fff;}
.vn-design-head{max-width:720px;margin:0 auto 36px;text-align:center;}
.vn-design-head .vn-eyebrow{justify-content:center;}
.vn-design-head .vn-eyebrow::before{display:none;}
.vn-design-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(160px,auto);gap:14px;}
.vn-design-tile{position:relative;margin:0;border-radius:22px;overflow:hidden;min-height:180px;box-shadow:0 18px 36px -26px rgba(22,42,42,.35);}
.vn-design-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.vn-design-tile:hover img{transform:scale(1.06);}
.vn-design-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 16px;font-size:.9rem;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(14,29,29,.78));}
.vn-design-tile--1{grid-column:span 7;grid-row:span 2;min-height:360px;}
.vn-design-tile--2{grid-column:span 5;min-height:170px;}
.vn-design-tile--3{grid-column:span 5;min-height:170px;}
.vn-design-tile--4{grid-column:span 12;min-height:220px;}
@media (max-width:899px){
  .vn-design-tile--1{grid-column:span 12;min-height:260px;}
  .vn-design-tile--2,.vn-design-tile--3{grid-column:span 6;}
}
@media (max-width:639px){
  .vn-design{padding:72px 0 64px;}
  .vn-design-tile--2,.vn-design-tile--3{grid-column:span 12;}
}

/* Process console rail */
.vn-process{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 50% at 50% 0%,rgba(181,138,90,.16),transparent 55%),
  linear-gradient(180deg,#101f1f 0%,#162A2A 50%,#0E1D1D 100%);}
.vn-process-inner{position:relative;z-index:1;}
.vn-process-head{max-width:720px;margin:0 auto 36px;text-align:center;}
.vn-process-head .vn-eyebrow{justify-content:center;}
.vn-process-head .vn-eyebrow::before{display:none;}
.vn-console-rail{list-style:none;margin:0;padding:0 0 12px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(181,138,90,.55) transparent;}
.vn-console{flex:0 0 min(190px,68vw);scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;}
.vn-console:nth-child(even){margin-top:24px;}
.vn-console-shot{aspect-ratio:4/5;border-radius:18px;overflow:hidden;background:#1c3330;border:1px solid rgba(245,241,234,.1);box-shadow:0 22px 36px -22px rgba(0,0,0,.65);transition:transform .4s ease,border-color .4s ease;}
.vn-console-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.vn-console:hover .vn-console-shot{transform:translateY(-6px);border-color:rgba(181,138,90,.5);}
.vn-console:hover .vn-console-shot img{transform:scale(1.06);}
.vn-console-num{display:inline-flex;margin:12px 0 6px;font-family:'Playfair Display',serif;font-size:1.05rem;font-weight:700;color:#B58A5A;}
.vn-console p{margin:0;font-size:.88rem;font-weight:600;line-height:1.35;color:#fff;}
@media (max-width:639px){
  .vn-process{padding:72px 0 64px;}
  .vn-console:nth-child(even){margin-top:0;}
}

/* Reviews */
.vn-reviews{padding:88px 0;background:linear-gradient(180deg,#efe8dc 0%,#e6ddd0 100%);}
.vn-review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;}
.vn-review{margin:0;padding:22px 20px;border-radius:20px;background:#fff;border:1px solid #eee6d8;box-shadow:0 14px 28px -24px rgba(22,42,42,.28);}
.vn-stars{color:var(--bronze);margin-bottom:8px;letter-spacing:2px;}
.vn-review p{margin:0 0 14px;font-size:.9rem;line-height:1.55;color:var(--graphite);}
.vn-review footer{font-size:.85rem;color:var(--muted);}
.vn-review footer strong{color:var(--graphite);}
@media (max-width:999px){.vn-review-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:639px){.vn-reviews{padding:72px 0;}.vn-review-grid{grid-template-columns:1fr;}}

/* Service area - vanity console / mirror frame */
.vn-area.service-area-section{position:relative;overflow:hidden;padding:96px 0 92px;background:
  radial-gradient(ellipse 70% 55% at 100% 0%,rgba(181,138,90,.12),transparent 55%),
  radial-gradient(ellipse 50% 45% at 0% 100%,rgba(22,42,42,.05),transparent 50%),
  linear-gradient(180deg,#fff 0%,#f7f3ec 55%,#efe8dc 100%);}
.vn-area.service-area-section::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(181,138,90,.35),transparent);pointer-events:none;}
.vn-area-inner{position:relative;z-index:1;}
.vn-area-head{max-width:740px;margin:0 auto 40px;text-align:center;}
.vn-area-head .vn-eyebrow{justify-content:center;}
.vn-area-head .vn-eyebrow::before{display:none;}
.vn-area-stage{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.9fr);gap:24px;align-items:stretch;}
.vn-area-map-frame{position:relative;padding:14px;border-radius:28px;background:
  linear-gradient(145deg,rgba(22,42,42,.06),rgba(181,138,90,.1));
  box-shadow:0 28px 52px -30px rgba(22,42,42,.4),inset 0 0 0 1px rgba(255,255,255,.65);}
.vn-area-map-frame::before{content:"";position:absolute;left:22px;right:22px;top:8px;height:3px;border-radius:100px;background:linear-gradient(90deg,transparent,rgba(181,138,90,.55),transparent);pointer-events:none;}
.vn-area .vn-area-map.service-area-map{height:480px;border-radius:18px;border:1px solid rgba(22,42,42,.1);box-shadow:none;}
.vn-area .service-area-map-note{margin-top:12px;padding-left:8px;font-size:.78rem;color:var(--muted);}
.vn-area-side.service-area-side{padding:26px 22px 22px;border-radius:24px;background:#fff;border:1px solid rgba(181,138,90,.18);box-shadow:0 22px 44px -28px rgba(22,42,42,.32);}
.vn-area-side-label{margin:0 0 16px;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);}
.vn-area-chips{gap:10px;}
.vn-area.service-area-section .city-chip{padding:10px 15px;font-size:.84rem;border-radius:999px;border:1px solid #e8dfd2;background:linear-gradient(180deg,#fff 0%,#faf7f2 100%);box-shadow:0 4px 10px -8px rgba(22,42,42,.25);}
.vn-area.service-area-section .city-chip:hover,
.vn-area.service-area-section .city-chip.is-active{background:var(--green);border-color:var(--green);color:#fff;box-shadow:0 10px 18px -12px rgba(22,42,42,.45);}
.vn-area-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:22px;padding:13px 18px;border-radius:999px;border:1.5px solid var(--bronze);color:var(--bronze);font-size:.88rem;font-weight:700;text-align:center;text-decoration:none;transition:background .2s ease,color .2s ease,transform .2s ease;}
.vn-area-cta:hover{background:var(--bronze);color:#fff;transform:translateY(-1px);}
@media (max-width:1023px){
  .vn-area-stage{grid-template-columns:1fr;}
  .vn-area .vn-area-map.service-area-map{height:380px;}
}
@media (max-width:639px){
  .vn-area.service-area-section{padding:72px 0 64px;}
  .vn-area-map-frame{padding:10px;border-radius:22px;}
  .vn-area .vn-area-map.service-area-map{height:320px;border-radius:14px;}
  .vn-area-side.service-area-side{padding:20px 16px 18px;}
}

/* Why us */
.vn-why{position:relative;overflow:hidden;padding:96px 0 92px;background:
  radial-gradient(ellipse 55% 50% at 0% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#f7f3ec 0%,#efe8dc 100%);}
.vn-why-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;}
.vn-why-media{position:relative;border-radius:28px;overflow:hidden;min-height:520px;box-shadow:0 28px 56px -28px rgba(22,42,42,.4);background:#d8cfc2;}
.vn-why-media img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;transition:transform .7s ease;}
.vn-why-media:hover img{transform:scale(1.04);}
.vn-why-caption{position:absolute;left:20px;right:20px;bottom:20px;display:flex;flex-direction:column;gap:4px;padding:16px 18px;border-radius:16px;background:rgba(14,29,29,.78);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;}
.vn-why-caption span{font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#B58A5A;}
.vn-why-caption strong{font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;line-height:1.25;}
.vn-why-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;}
.vn-why-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:16px 0;border-top:1px solid rgba(22,42,42,.1);transition:padding-left .25s ease,background .25s ease;}
.vn-why-list li:last-child{border-bottom:1px solid rgba(22,42,42,.1);}
.vn-why-list li:hover{padding-left:8px;background:linear-gradient(90deg,rgba(181,138,90,.08),transparent 70%);}
.vn-why-list span{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:var(--bronze);letter-spacing:.04em;}
.vn-why-list strong{font-size:1.05rem;font-weight:700;color:var(--graphite);}
@media (max-width:999px){
  .vn-why-stage{grid-template-columns:1fr;gap:32px;}
  .vn-why-media,.vn-why-media img{min-height:320px;}
}
@media (max-width:639px){
  .vn-why{padding:72px 0 64px;}
  .vn-why-media,.vn-why-media img{min-height:260px;border-radius:20px;}
}
@media (prefers-reduced-motion:reduce){
  .vn-upgrade-media img,.vn-included-bay,.vn-included-shot img,.vn-mirror-glass img,.vn-chip,.vn-feature,.vn-sink-card,.vn-sink-media img,.vn-slab,.vn-slab-face img,.vn-cab-tier,.vn-cab-media img,.vn-door,.vn-door-face img,.vn-design-tile img,.vn-console-shot,.vn-console-shot img,.vn-why-media img,.vn-why-list li{transition:none;}
}

/* ========== Walk-In Tub page (wit-) - low-threshold / door-entry motif ========== */
.wit-page{--wit-ink:#162a2a;--wit-mist:#f7f3ec;--wit-door:#1c3330;}
.wit-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.wit-title--light{color:#fff;}
.wit-title--center{text-align:center;}
.wit-lede{margin:16px 0 0;font-size:1.02rem;line-height:1.7;color:var(--graphite);}
.wit-lede--center{max-width:58ch;margin-left:auto;margin-right:auto;text-align:center;}
.wit-lede--light{color:rgba(245,241,234,.82);}

/* Problem / threshold compare */
.wit-problem{position:relative;overflow:hidden;padding:72px 0 88px;background:
  radial-gradient(ellipse 55% 50% at 100% 0%,rgba(181,138,90,.1),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f7f3ec 100%);}
.wit-problem-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;}
.wit-problem-stage--visual{grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;}
.wit-problem-media{position:relative;border-radius:28px;overflow:hidden;min-height:520px;box-shadow:0 28px 56px -28px rgba(22,42,42,.4);background:#d8cfc2;}
.wit-problem-media>img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;transition:transform .7s ease;}
.wit-problem-media:hover>img{transform:scale(1.04);}
.wit-threshold{position:absolute;left:18px;right:18px;bottom:18px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-radius:16px;background:rgba(14,29,29,.82);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);color:#fff;}
.wit-threshold-high,.wit-threshold-low{font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;}
.wit-threshold-high{color:rgba(245,241,234,.65);text-decoration:line-through;text-decoration-color:rgba(181,138,90,.7);}
.wit-threshold-low{color:#B58A5A;}
.wit-threshold-arrow{flex:1;height:2px;background:linear-gradient(90deg,rgba(245,241,234,.25),#B58A5A);position:relative;}
.wit-threshold-arrow::after{content:"";position:absolute;right:0;top:50%;width:8px;height:8px;border-right:2px solid #B58A5A;border-top:2px solid #B58A5A;transform:translateY(-50%) rotate(45deg);}
.wit-problem-copy{min-width:0;}
.wit-problem-inset{margin-top:28px;border-radius:20px;overflow:hidden;aspect-ratio:16/10;box-shadow:0 20px 40px -24px rgba(22,42,42,.35);border:1px solid rgba(22,42,42,.08);}
.wit-problem-inset--solo{margin-top:0;aspect-ratio:auto;min-height:520px;border-radius:28px;height:100%;}
.wit-problem-inset img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.wit-problem-inset--solo img{min-height:520px;}
.wit-problem-inset:hover img{transform:scale(1.05);}
@media (max-width:999px){
  .wit-problem-stage,.wit-problem-stage--visual{grid-template-columns:1fr;gap:22px;}
  .wit-problem-media,.wit-problem-media>img,.wit-problem-inset--solo,.wit-problem-inset--solo img{min-height:340px;}
}
@media (max-width:639px){
  .wit-problem{padding:56px 0 64px;}
  .wit-problem-media,.wit-problem-media>img,.wit-problem-inset--solo,.wit-problem-inset--solo img{min-height:260px;border-radius:20px;}
}

/* Types - door-frame rail */
.wit-types{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 50% at 50% 0%,rgba(181,138,90,.18),transparent 55%),
  linear-gradient(165deg,#162a2a 0%,#1c3330 45%,#0e1d1d 100%);}
.wit-types::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(245,241,234,.04) 1px,transparent 1px);background-size:22px 22px;pointer-events:none;}
.wit-types-inner{position:relative;z-index:1;}
.wit-types-head{max-width:720px;margin:0 auto 44px;text-align:center;}
.wit-door-rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;}
.wit-door-card{display:flex;flex-direction:column;gap:14px;min-width:0;}
.wit-door-frame{position:relative;aspect-ratio:3/4;border-radius:18px 18px 10px 10px;overflow:hidden;background:#0e1d1d;border:3px solid rgba(181,138,90,.45);box-shadow:0 24px 40px -22px rgba(0,0,0,.65),inset 0 0 0 1px rgba(255,255,255,.06);transform-origin:left center;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;}
.wit-door-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.wit-door-hinge{position:absolute;left:8px;top:18%;width:6px;height:14%;border-radius:3px;background:linear-gradient(180deg,#c4a06a,#8a6840);box-shadow:0 28px 0 #8a6840;z-index:2;}
.wit-door-handle{position:absolute;right:14px;top:50%;width:10px;height:28px;margin-top:-14px;border-radius:6px;background:linear-gradient(180deg,#d4b07a,#9a7548);box-shadow:0 0 0 1px rgba(0,0,0,.25);z-index:2;}
.wit-door-card:hover .wit-door-frame{transform:perspective(800px) rotateY(-6deg);border-color:rgba(181,138,90,.85);box-shadow:0 30px 48px -18px rgba(0,0,0,.75);}
.wit-door-card:hover .wit-door-frame img{transform:scale(1.06);}
.wit-door-card h3{margin:0;display:flex;align-items:flex-start;gap:10px;font-size:.92rem;font-weight:700;line-height:1.35;color:#f5f1ea;}
.wit-door-card h3 span{flex-shrink:0;font-family:'Playfair Display',serif;font-size:.85rem;color:#B58A5A;letter-spacing:.04em;}
@media (max-width:1099px){.wit-door-rail{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}}
@media (max-width:699px){
  .wit-types{padding:72px 0 64px;}
  .wit-door-rail{grid-template-columns:repeat(2,minmax(0,1fr));}
  .wit-door-card:last-child{grid-column:1 / -1;max-width:280px;margin:0 auto;}
}

/* Safety feature grid */
.wit-safe{padding:96px 0 88px;background:linear-gradient(180deg,#fff 0%,#f7f3ec 100%);}
.wit-safe-head{max-width:760px;margin:0 auto 44px;text-align:center;}
.wit-safe-mosaic{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;}
.wit-safe-tile{position:relative;margin:0;border-radius:22px;overflow:hidden;background:#d8cfc2;box-shadow:0 18px 36px -24px rgba(22,42,42,.35);border:1px solid rgba(22,42,42,.06);aspect-ratio:4/3;}
.wit-safe-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.wit-safe-tile:hover img{transform:scale(1.05);}
.wit-safe-tile figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 14px;border-radius:12px;background:rgba(14,29,29,.82);backdrop-filter:blur(8px);color:#fff;font-size:.84rem;font-weight:700;line-height:1.3;border:1px solid rgba(255,255,255,.1);}
.wit-safe-tile--1,
.wit-safe-tile--2,
.wit-safe-tile--3{grid-column:span 2;}
.wit-safe-tile--4,
.wit-safe-tile--5{grid-column:span 3;}
@media (max-width:899px){
  .wit-safe-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));}
  .wit-safe-tile--1,.wit-safe-tile--2,.wit-safe-tile--3,.wit-safe-tile--4,.wit-safe-tile--5{grid-column:span 1;}
  .wit-safe-tile--5{grid-column:1 / -1;max-width:420px;justify-self:center;width:100%;}
}
@media (max-width:559px){
  .wit-safe{padding:72px 0 64px;}
  .wit-safe-mosaic{grid-template-columns:1fr;gap:14px;}
  .wit-safe-tile--1,.wit-safe-tile--2,.wit-safe-tile--3,.wit-safe-tile--4,.wit-safe-tile--5{grid-column:auto;max-width:none;justify-self:stretch;}
  .wit-safe-tile{aspect-ratio:16/10;}
}

/* Upgrade safety band */
.wit-upgrade{position:relative;overflow:hidden;padding:110px 0 100px;isolation:isolate;}
.wit-upgrade-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);filter:saturate(.85);}
.wit-upgrade-scrim{position:absolute;inset:0;background:linear-gradient(115deg,rgba(14,29,29,.92) 0%,rgba(22,42,42,.78) 55%,rgba(14,29,29,.88) 100%);}
.wit-upgrade-inner{position:relative;z-index:1;text-align:center;}
.wit-upgrade-inner .wit-lede{max-width:54ch;margin-left:auto;margin-right:auto;}
.wit-upgrade-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;max-width:720px;margin-left:auto;margin-right:auto;}
.wit-upgrade-thumbs img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid rgba(245,241,234,.15);box-shadow:0 18px 32px -20px rgba(0,0,0,.55);transition:transform .4s ease,border-color .4s ease;}
.wit-upgrade-thumbs img:hover{transform:translateY(-4px);border-color:rgba(181,138,90,.55);}
@media (max-width:639px){
  .wit-upgrade{padding:80px 0 72px;}
  .wit-upgrade-thumbs{gap:10px;}
}

/* Why us */
.wit-why{padding:96px 0 88px;background:
  radial-gradient(ellipse 50% 45% at 0% 100%,rgba(181,138,90,.1),transparent 50%),
  linear-gradient(180deg,#f7f3ec 0%,#fff 100%);}
.wit-why-stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;}
.wit-why-media{position:relative;border-radius:28px;overflow:visible;}
.wit-why-media>img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:28px;box-shadow:0 28px 56px -28px rgba(22,42,42,.4);}
.wit-why-float{position:absolute;right:-28px;bottom:-28px;width:min(58%,260px);border-radius:18px;overflow:hidden;border:4px solid #fff;box-shadow:0 22px 40px -18px rgba(22,42,42,.45);animation:witFloat 5.5s ease-in-out infinite;}
.wit-why-float img{display:block;width:100%;aspect-ratio:5/4;object-fit:cover;}
@keyframes witFloat{0%,100%{transform:translateY(0);}50%{transform:translateY(-8px);}}
.wit-why-list{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;}
.wit-why-list li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center;padding:15px 0;border-top:1px solid rgba(22,42,42,.1);transition:padding-left .25s ease,background .25s ease;}
.wit-why-list li:last-child{border-bottom:1px solid rgba(22,42,42,.1);}
.wit-why-list li:hover{padding-left:8px;background:linear-gradient(90deg,rgba(181,138,90,.08),transparent 70%);}
.wit-why-list span{font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:var(--bronze);letter-spacing:.04em;}
.wit-why-list strong{font-size:1.02rem;font-weight:700;color:var(--graphite);}
@media (max-width:999px){
  .wit-why-stage{grid-template-columns:1fr;gap:36px;}
  .wit-why-float{right:16px;bottom:-20px;}
}
@media (max-width:639px){
  .wit-why{padding:72px 0 80px;}
  .wit-why-media>img{border-radius:20px;}
}

/* Process path */
.wit-process{position:relative;overflow:hidden;padding:96px 0 92px;background:
  radial-gradient(ellipse 55% 45% at 100% 0%,rgba(181,138,90,.12),transparent 55%),
  linear-gradient(180deg,#fff 0%,#efe8dc 100%);}
.wit-process-head{max-width:700px;margin:0 auto 48px;text-align:center;}
.wit-process-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;position:relative;}
.wit-process-path::before{content:"";position:absolute;top:28%;left:8%;right:8%;height:2px;background:linear-gradient(90deg,transparent,rgba(181,138,90,.45),transparent);pointer-events:none;z-index:0;}
.wit-process-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;min-width:0;}
.wit-process-shot{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:5/4;background:#d8cfc2;box-shadow:0 20px 40px -24px rgba(22,42,42,.4);border:1px solid rgba(22,42,42,.06);transition:transform .4s ease,box-shadow .4s ease;}
.wit-process-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.wit-process-step:hover .wit-process-shot{transform:translateY(-6px);box-shadow:0 28px 48px -20px rgba(22,42,42,.45);}
.wit-process-step:hover .wit-process-shot img{transform:scale(1.05);}
.wit-process-num{position:absolute;left:14px;top:14px;display:inline-flex;align-items:center;justify-content:center;min-width:48px;height:36px;padding:0 10px;border-radius:999px;font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:#fff;background:var(--bronze);box-shadow:0 10px 18px -10px rgba(0,0,0,.45);}
.wit-process-step h3{margin:0;font-size:1.05rem;font-weight:700;line-height:1.35;color:var(--graphite);padding:0 4px;}
@media (max-width:899px){
  .wit-process-path{grid-template-columns:repeat(2,minmax(0,1fr));}
  .wit-process-path::before{display:none;}
}
@media (max-width:559px){
  .wit-process{padding:72px 0 64px;}
  .wit-process-path{grid-template-columns:1fr;gap:18px;}
}

/* Reviews */
.wit-reviews{padding:88px 0 92px;background:#fff;}
.wit-reviews .wit-title{margin-bottom:40px;}
@media (max-width:639px){.wit-reviews{padding:64px 0 72px;}}

@media (prefers-reduced-motion:reduce){
  .wit-problem-media>img,.wit-problem-inset img,.wit-door-frame,.wit-door-frame img,.wit-safe-tile img,.wit-upgrade-thumbs img,.wit-process-shot,.wit-process-shot img,.wit-why-float{transition:none;animation:none;}
}

/* ========== Toilet Installation page (tl-) - rough-in / flange seal motif ========== */
.tl-page{--tl-ink:#162a2a;--tl-mist:#f7f3ec;--tl-seal:#B58A5A;}
.tl-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.tl-title--light{color:#fff;}
.tl-lede{margin:16px 0 0;font-size:1.05rem;line-height:1.7;color:var(--graphite);}
.tl-lede--light{color:rgba(245,241,234,.86);}

/* Struggle - rough-in gauges */
.tl-struggle{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 50% 45% at 0% 0%,rgba(181,138,90,.12),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f7f3ec 100%);}
.tl-struggle::before{content:"";position:absolute;inset:0;opacity:.35;pointer-events:none;background-image:
  linear-gradient(rgba(22,42,42,.04) 1px,transparent 1px),
  linear-gradient(90deg,rgba(22,42,42,.04) 1px,transparent 1px);
  background-size:48px 48px;}
.tl-struggle-inner{position:relative;z-index:1;}
.tl-struggle-head{max-width:760px;margin:0 auto 48px;text-align:center;}
.tl-gauge-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}
.tl-gauge{display:flex;flex-direction:column;gap:14px;min-width:0;}
.tl-gauge-media{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:4/5;background:#d8cfc2;box-shadow:0 22px 40px -24px rgba(22,42,42,.4);border:1px solid rgba(22,42,42,.06);}
.tl-gauge-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;filter:saturate(.92);}
.tl-gauge:hover .tl-gauge-media img{transform:scale(1.06);}
.tl-gauge-mark{position:absolute;left:14px;top:14px;z-index:2;min-width:44px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;color:#fff;background:rgba(14,29,29,.82);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.12);}
.tl-gauge-ring{position:absolute;right:14px;bottom:14px;width:54px;height:54px;border-radius:50%;border:3px solid rgba(181,138,90,.85);box-shadow:inset 0 0 0 6px rgba(14,29,29,.35),0 0 0 1px rgba(255,255,255,.15);z-index:2;pointer-events:none;}
.tl-gauge-ring::after{content:"";position:absolute;inset:16px;border-radius:50%;background:rgba(181,138,90,.9);}
.tl-gauge h3{margin:0;font-size:.95rem;font-weight:700;line-height:1.4;color:var(--graphite);padding:0 4px;}
@media (max-width:999px){.tl-gauge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;}}
@media (max-width:559px){
  .tl-struggle{padding:72px 0 64px;}
  .tl-gauge-grid{grid-template-columns:1fr;gap:14px;}
  .tl-gauge-media{aspect-ratio:16/10;}
}

/* Scope - install vs replace split */
.tl-scope{padding:96px 0 88px;background:#fff;}
.tl-scope-head{max-width:760px;margin:0 auto 48px;text-align:center;}
.tl-scope-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:stretch;}
.tl-scope-panel{display:grid;grid-template-rows:minmax(0,1.15fr) auto;border-radius:28px;overflow:hidden;background:var(--tl-mist);border:1px solid #eee6d8;box-shadow:0 24px 48px -28px rgba(22,42,42,.35);transition:transform .4s ease,box-shadow .4s ease;}
.tl-scope-panel:hover{transform:translateY(-6px);box-shadow:0 32px 56px -24px rgba(22,42,42,.42);}
.tl-scope-media{position:relative;min-height:320px;overflow:hidden;background:#d8cfc2;}
.tl-scope-media img{display:block;width:100%;height:100%;min-height:320px;object-fit:cover;transition:transform .6s ease;}
.tl-scope-panel:hover .tl-scope-media img{transform:scale(1.05);}
.tl-scope-seal{position:absolute;left:18px;bottom:18px;padding:10px 18px;border-radius:999px;font-size:.72rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:#fff;background:rgba(14,29,29,.82);backdrop-filter:blur(8px);border:1px solid rgba(181,138,90,.55);}
.tl-scope-copy{padding:28px 28px 32px;}
.tl-scope-copy h3{margin:0 0 10px;font-family:'Playfair Display',serif;font-size:1.55rem;font-weight:600;color:var(--graphite);}
.tl-scope-copy p{margin:0;font-size:.98rem;line-height:1.65;color:var(--muted);}
@media (max-width:799px){
  .tl-scope{padding:72px 0 64px;}
  .tl-scope-split{grid-template-columns:1fr;}
  .tl-scope-media,.tl-scope-media img{min-height:240px;}
  .tl-scope-copy{padding:22px 22px 26px;}
}

/* Types - showroom with flange accent */
.tl-types{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 60% 50% at 50% 0%,rgba(181,138,90,.2),transparent 55%),
  linear-gradient(165deg,#162a2a 0%,#1c3330 50%,#0e1d1d 100%);}
.tl-types::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(245,241,234,.045) 1px,transparent 1px);background-size:20px 20px;}
.tl-types-inner{position:relative;z-index:1;}
.tl-types-head{max-width:760px;margin:0 auto 48px;text-align:center;}
.tl-showroom{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
.tl-showroom-card{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0;}
.tl-showroom-frame{position:relative;aspect-ratio:3/4;border-radius:20px;overflow:hidden;background:#0e1d1d;border:2px solid rgba(181,138,90,.4);box-shadow:0 24px 44px -22px rgba(0,0,0,.65);transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;}
.tl-showroom-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.tl-flange{position:absolute;left:50%;bottom:16px;width:42px;height:42px;margin-left:-21px;border-radius:50%;border:3px solid rgba(181,138,90,.9);box-shadow:inset 0 0 0 5px rgba(14,29,29,.45),0 8px 16px -8px rgba(0,0,0,.5);z-index:2;pointer-events:none;}
.tl-flange::after{content:"";position:absolute;inset:11px;border-radius:50%;background:rgba(181,138,90,.95);}
.tl-showroom-card:hover .tl-showroom-frame{transform:translateY(-8px);border-color:rgba(181,138,90,.85);box-shadow:0 32px 52px -18px rgba(0,0,0,.75);}
.tl-showroom-card:hover .tl-showroom-frame img{transform:scale(1.06);}
.tl-showroom-card figcaption{margin:0;display:flex;align-items:flex-start;gap:10px;font-size:.92rem;font-weight:700;line-height:1.35;color:#f5f1ea;}
.tl-showroom-card figcaption span{flex-shrink:0;font-family:'Playfair Display',serif;font-size:.85rem;color:#B58A5A;letter-spacing:.04em;}
.tl-showroom-card--1 .tl-showroom-frame,
.tl-showroom-card--3 .tl-showroom-frame,
.tl-showroom-card--5 .tl-showroom-frame{transform:translateY(12px);}
.tl-showroom-card--1:hover .tl-showroom-frame,
.tl-showroom-card--3:hover .tl-showroom-frame,
.tl-showroom-card--5:hover .tl-showroom-frame{transform:translateY(4px);}
@media (max-width:899px){
  .tl-showroom{grid-template-columns:repeat(2,minmax(0,1fr));}
  .tl-showroom-card--1 .tl-showroom-frame,
  .tl-showroom-card--3 .tl-showroom-frame,
  .tl-showroom-card--5 .tl-showroom-frame{transform:none;}
  .tl-showroom-card--1:hover .tl-showroom-frame,
  .tl-showroom-card--3:hover .tl-showroom-frame,
  .tl-showroom-card--5:hover .tl-showroom-frame{transform:translateY(-8px);}
}
@media (max-width:559px){
  .tl-types{padding:72px 0 64px;}
  .tl-showroom{grid-template-columns:1fr;max-width:360px;margin:0 auto;}
}

/* Process - flange ring path */
.tl-process{position:relative;overflow:hidden;padding:96px 0 92px;background:
  radial-gradient(ellipse 55% 45% at 100% 0%,rgba(181,138,90,.12),transparent 55%),
  linear-gradient(180deg,#f7f3ec 0%,#fff 55%,#efe8dc 100%);}
.tl-process-head{max-width:720px;margin:0 auto 48px;text-align:center;}
.tl-ring-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;position:relative;}
.tl-ring-path::before{content:"";position:absolute;top:26%;left:6%;right:6%;height:2px;background:linear-gradient(90deg,transparent,rgba(181,138,90,.5),transparent);pointer-events:none;z-index:0;}
.tl-ring-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;min-width:0;}
.tl-ring-shot{position:relative;border-radius:50%;overflow:hidden;aspect-ratio:1;background:#d8cfc2;border:4px solid rgba(181,138,90,.55);box-shadow:0 20px 40px -22px rgba(22,42,42,.4),inset 0 0 0 1px rgba(255,255,255,.2);transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;}
.tl-ring-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.tl-ring-step:hover .tl-ring-shot{transform:translateY(-6px) scale(1.03);border-color:rgba(181,138,90,.95);box-shadow:0 28px 48px -18px rgba(22,42,42,.5);}
.tl-ring-step:hover .tl-ring-shot img{transform:scale(1.08);}
.tl-ring-num{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);z-index:2;min-width:40px;height:32px;padding:0 8px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:'Playfair Display',serif;font-size:.85rem;font-weight:700;color:#fff;background:var(--bronze);box-shadow:0 8px 16px -8px rgba(0,0,0,.5);}
.tl-ring-step h3{margin:0;font-size:.92rem;font-weight:700;line-height:1.35;color:var(--graphite);text-align:center;padding:0 2px;}
@media (max-width:999px){
  .tl-ring-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;}
  .tl-ring-path::before{display:none;}
  .tl-ring-step:nth-child(4),.tl-ring-step:nth-child(5){grid-column:span 1;}
}
@media (max-width:639px){
  .tl-process{padding:72px 0 64px;}
  .tl-ring-path{grid-template-columns:1fr 1fr;gap:18px;}
  .tl-ring-step:last-child{grid-column:1 / -1;max-width:220px;margin:0 auto;width:100%;}
}

/* Trust band */
.tl-trust{position:relative;overflow:hidden;padding:110px 0 100px;isolation:isolate;}
.tl-trust-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.04);filter:saturate(.88);}
.tl-trust-scrim{position:absolute;inset:0;background:linear-gradient(115deg,rgba(14,29,29,.92) 0%,rgba(22,42,42,.78) 55%,rgba(14,29,29,.88) 100%);}
.tl-trust-inner{position:relative;z-index:1;text-align:center;}
.tl-trust-inner .tl-lede{max-width:56ch;margin-left:auto;margin-right:auto;}
.tl-trust-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:36px;max-width:720px;margin-left:auto;margin-right:auto;}
.tl-trust-thumbs img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid rgba(245,241,234,.15);box-shadow:0 18px 32px -20px rgba(0,0,0,.55);transition:transform .4s ease,border-color .4s ease;}
.tl-trust-thumbs img:hover{transform:translateY(-4px);border-color:rgba(181,138,90,.55);}
@media (max-width:639px){
  .tl-trust{padding:80px 0 72px;}
  .tl-trust-thumbs{gap:10px;}
}

@media (prefers-reduced-motion:reduce){
  .tl-gauge-media img,.tl-scope-panel,.tl-scope-media img,.tl-showroom-frame,.tl-showroom-frame img,.tl-ring-shot,.tl-ring-shot img,.tl-trust-thumbs img,
  .blt-aperture-frame img,.blt-aperture,.blt-style-panel img,.blt-style-panel,.blt-why-float,.blt-beam-shot,.blt-beam-shot img{transition:none;}
}

/* ============ BATHROOM LIGHTING PAGE (blt-) ============ */
.blt-page{--blt-glow:rgba(181,138,90,.45);--blt-ink:#162a2a;}
.blt-title{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.75rem,3.2vw,2.65rem);font-weight:600;line-height:1.18;color:var(--graphite);letter-spacing:-.02em;}
.blt-title--light{color:#fff;}

/* Layer types - aperture / fixture frames */
.blt-layers{position:relative;overflow:hidden;padding:96px 0 88px;background:
  radial-gradient(ellipse 70% 50% at 50% -10%,rgba(181,138,90,.18),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f7f3ec 48%,#efe8dc 100%);}
.blt-layers::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.4;background-image:
  linear-gradient(105deg,transparent 40%,rgba(181,138,90,.06) 50%,transparent 60%),
  linear-gradient(75deg,transparent 35%,rgba(22,42,42,.03) 50%,transparent 65%);}
.blt-layers-inner{position:relative;z-index:1;}
.blt-layers-head{max-width:760px;margin:0 auto 28px;text-align:center;}
.blt-layer-rail{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin:0 auto 40px;}
.blt-layer-rail span{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--bronze);background:rgba(181,138,90,.1);border:1px solid rgba(181,138,90,.28);}
.blt-layer-rail span::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bronze);box-shadow:0 0 12px var(--blt-glow);}
.blt-aperture-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 18px;}
.blt-aperture{margin:0;display:flex;flex-direction:column;gap:14px;min-width:0;position:relative;}
.blt-aperture-glow{position:absolute;left:50%;top:18%;width:70%;height:55%;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,rgba(181,138,90,.35),transparent 70%);filter:blur(18px);pointer-events:none;z-index:0;opacity:.85;}
.blt-aperture-frame{position:relative;z-index:1;aspect-ratio:4/5;border-radius:28px;overflow:hidden;background:#0e1d1d;border:1px solid rgba(181,138,90,.35);box-shadow:
  0 0 0 6px rgba(245,241,234,.9),
  0 24px 48px -22px rgba(22,42,42,.45),
  inset 0 0 40px rgba(181,138,90,.12);
  transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;}
.blt-aperture-frame::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.12) 0%,transparent 28%,transparent 60%,rgba(14,29,29,.55) 100%);}
.blt-aperture-frame img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;filter:saturate(1.05) contrast(1.02);}
.blt-aperture:hover .blt-aperture-frame{transform:translateY(-8px);border-color:rgba(181,138,90,.75);box-shadow:
  0 0 0 6px rgba(245,241,234,.95),
  0 0 36px -4px rgba(181,138,90,.45),
  0 32px 56px -20px rgba(22,42,42,.5);}
.blt-aperture:hover .blt-aperture-frame img{transform:scale(1.06);}
.blt-aperture--2,.blt-aperture--5{transform:translateY(18px);}
.blt-aperture--2:hover,.blt-aperture--5:hover{transform:translateY(10px);}
.blt-aperture figcaption{margin:0;display:flex;align-items:flex-start;gap:10px;font-size:.95rem;font-weight:700;line-height:1.35;color:var(--graphite);padding:0 4px;}
.blt-aperture figcaption span{flex-shrink:0;font-family:'Playfair Display',serif;font-size:.85rem;color:var(--bronze);letter-spacing:.04em;}
@media (max-width:999px){
  .blt-aperture-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  .blt-aperture--2,.blt-aperture--5{transform:none;}
  .blt-aperture--2:hover,.blt-aperture--5:hover{transform:translateY(-8px);}
}
@media (max-width:639px){
  .blt-layers{padding:72px 0 64px;}
  .blt-aperture-grid{grid-template-columns:1fr;max-width:380px;margin:0 auto;}
  .blt-aperture-frame{aspect-ratio:16/11;border-radius:22px;}
}

/* Style strip - tall illuminated panels */
.blt-styles{position:relative;overflow:hidden;padding:96px 0 88px;background:var(--green-dark);isolation:isolate;}
.blt-styles::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(ellipse 40% 55% at 15% 40%,rgba(181,138,90,.22),transparent 70%),
  radial-gradient(ellipse 35% 50% at 85% 60%,rgba(181,138,90,.14),transparent 70%);}
.blt-styles-inner{position:relative;z-index:1;}
.blt-styles-head{max-width:760px;margin:0 auto 48px;text-align:center;}
.blt-styles-head .blt-title{color:#fff;}
.blt-style-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:end;}
.blt-style-panel{position:relative;margin:0;border-radius:22px;overflow:hidden;aspect-ratio:3/4.2;background:#0e1d1d;border:1px solid rgba(181,138,90,.3);box-shadow:0 28px 48px -24px rgba(0,0,0,.7);transition:transform .45s ease,border-color .45s ease,box-shadow .45s ease;}
.blt-style-panel--1{aspect-ratio:3/3.6;}
.blt-style-panel--2{aspect-ratio:3/4.4;}
.blt-style-panel--3{aspect-ratio:3/3.8;}
.blt-style-panel--4{aspect-ratio:3/4.2;}
.blt-style-panel img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;filter:brightness(.88);}
.blt-style-wash{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 35%,rgba(14,29,29,.88) 100%);}
.blt-style-panel h3{position:absolute;left:0;right:0;bottom:0;z-index:2;margin:0;padding:22px 18px;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;color:#fff;text-align:center;line-height:1.25;}
.blt-style-panel:hover{transform:translateY(-10px);border-color:rgba(181,138,90,.75);box-shadow:0 0 40px -8px rgba(181,138,90,.4),0 36px 56px -20px rgba(0,0,0,.75);}
.blt-style-panel:hover img{transform:scale(1.07);filter:brightness(1);}
@media (max-width:999px){
  .blt-style-strip{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;align-items:stretch;}
  .blt-style-panel,.blt-style-panel--1,.blt-style-panel--2,.blt-style-panel--3,.blt-style-panel--4{aspect-ratio:4/5;}
}
@media (max-width:639px){
  .blt-styles{padding:72px 0 64px;}
  .blt-style-strip{grid-template-columns:1fr;max-width:360px;margin:0 auto;}
  .blt-style-panel,.blt-style-panel--1,.blt-style-panel--2,.blt-style-panel--3,.blt-style-panel--4{aspect-ratio:16/11;}
}

/* Why - split with floating light shots */
.blt-why{padding:96px 0 88px;background:
  radial-gradient(ellipse 50% 40% at 0% 50%,rgba(181,138,90,.1),transparent 60%),
  linear-gradient(180deg,#f7f3ec 0%,#fff 100%);}
.blt-why-stage{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;}
.blt-why-media{position:relative;min-height:480px;}
.blt-why-media>img{display:block;width:100%;height:100%;min-height:480px;object-fit:cover;border-radius:28px;border:1px solid rgba(22,42,42,.08);box-shadow:0 28px 56px -28px rgba(22,42,42,.4);}
.blt-why-float{position:absolute;right:-18px;bottom:36px;width:min(46%,220px);border-radius:18px;overflow:hidden;border:3px solid #fff;box-shadow:0 18px 36px -14px rgba(22,42,42,.45),0 0 28px -6px rgba(181,138,90,.35);z-index:2;transition:transform .4s ease;}
.blt-why-float img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;}
.blt-why-float--2{left:-14px;right:auto;bottom:auto;top:28px;width:min(40%,190px);}
.blt-why-media:hover .blt-why-float{transform:translateY(-4px);}
.blt-why-copy .blt-title{margin-bottom:28px;}
.blt-why-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;}
.blt-why-list li{position:relative;display:flex;align-items:center;gap:14px;padding:16px 18px 16px 20px;border-radius:16px;background:#fff;border:1px solid #eee6d8;box-shadow:0 10px 24px -18px rgba(22,42,42,.3);overflow:hidden;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease;}
.blt-why-list li:hover{transform:translateX(4px);border-color:rgba(181,138,90,.4);box-shadow:0 14px 28px -16px rgba(22,42,42,.35);}
.blt-why-beam{position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,rgba(181,138,90,.15),var(--bronze),rgba(181,138,90,.15));box-shadow:0 0 12px var(--blt-glow);}
.blt-why-num{flex-shrink:0;font-family:'Playfair Display',serif;font-size:.9rem;font-weight:700;color:var(--bronze);}
.blt-why-list strong{font-size:.95rem;font-weight:700;color:var(--graphite);line-height:1.35;}
@media (max-width:999px){
  .blt-why-stage{grid-template-columns:1fr;gap:36px;}
  .blt-why-media{min-height:0;max-width:520px;margin:0 auto;}
  .blt-why-media>img{min-height:360px;}
}
@media (max-width:639px){
  .blt-why{padding:72px 0 64px;}
  .blt-why-media>img{min-height:280px;border-radius:22px;}
  .blt-why-float{width:42%;right:8px;bottom:16px;}
  .blt-why-float--2{left:8px;top:16px;width:36%;}
}

/* Process - light beam path */
.blt-process{position:relative;overflow:hidden;padding:96px 0 92px;background:
  radial-gradient(ellipse 60% 40% at 50% 0%,rgba(181,138,90,.12),transparent 55%),
  linear-gradient(180deg,#fff 0%,#f7f3ec 100%);}
.blt-process-head{max-width:760px;margin:0 auto 48px;text-align:center;}
.blt-beam-path{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;position:relative;}
.blt-beam-path::before{content:"";position:absolute;top:28%;left:5%;right:5%;height:3px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(181,138,90,.55),rgba(245,241,234,.9),rgba(181,138,90,.55),transparent);box-shadow:0 0 18px rgba(181,138,90,.35);pointer-events:none;z-index:0;}
.blt-beam-step{position:relative;z-index:1;display:flex;flex-direction:column;gap:14px;min-width:0;}
.blt-beam-shot{position:relative;border-radius:20px;overflow:hidden;aspect-ratio:4/5;background:#d8cfc2;border:2px solid rgba(181,138,90,.4);box-shadow:0 20px 40px -22px rgba(22,42,42,.4),0 0 24px -10px rgba(181,138,90,.35);transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease;}
.blt-beam-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.blt-beam-step:hover .blt-beam-shot{transform:translateY(-8px);border-color:rgba(181,138,90,.85);box-shadow:0 28px 48px -18px rgba(22,42,42,.5),0 0 36px -6px rgba(181,138,90,.5);}
.blt-beam-step:hover .blt-beam-shot img{transform:scale(1.07);}
.blt-beam-num{position:absolute;left:12px;top:12px;z-index:2;min-width:42px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:'Playfair Display',serif;font-size:.9rem;font-weight:700;color:#fff;background:rgba(14,29,29,.82);border:1px solid rgba(181,138,90,.55);backdrop-filter:blur(8px);box-shadow:0 8px 16px -8px rgba(0,0,0,.45);}
.blt-beam-step h3{margin:0;font-size:.92rem;font-weight:700;line-height:1.35;color:var(--graphite);text-align:center;padding:0 2px;}
@media (max-width:999px){
  .blt-beam-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}
  .blt-beam-path::before{display:none;}
}
@media (max-width:639px){
  .blt-process{padding:72px 0 64px;}
  .blt-beam-path{grid-template-columns:1fr 1fr;gap:14px;}
  .blt-beam-step:last-child{grid-column:1 / -1;max-width:240px;margin:0 auto;width:100%;}
  .blt-beam-shot{aspect-ratio:16/11;}
}

/* Reviews */
.blt-reviews{padding:88px 0 80px;background:
  radial-gradient(ellipse 55% 45% at 50% 100%,rgba(181,138,90,.1),transparent 60%),
  var(--porcelain);}
.blt-reviews-head{max-width:720px;margin:0 auto 36px;text-align:center;}
.blt-reviews-glow{position:relative;padding:8px;border-radius:28px;background:linear-gradient(135deg,rgba(181,138,90,.25),rgba(22,42,42,.06),rgba(181,138,90,.2));box-shadow:0 24px 48px -28px rgba(22,42,42,.3);}
.blt-reviews-glow>*{border-radius:22px;overflow:hidden;background:#fff;}
@media (max-width:639px){.blt-reviews{padding:64px 0 56px;}}

::-webkit-scrollbar{width:10px;height:10px;}
::-webkit-scrollbar-thumb{background:var(--travertine);border-radius:10px;}
input,select,textarea{outline:none;}
input:focus,select:focus,textarea:focus{border-color:var(--bronze)!important;box-shadow:0 0 0 3px rgba(181,138,90,.15);}
.city-chip{transition:.2s;}
.city-chip:hover{background:var(--green);color:#fff;}

/* =========================================================
   SMALL BATHROOM - Square-Foot Studio
   ========================================================= */
.sb-inner{width:100%;}
.sb-eyebrow{display:inline-flex;align-items:center;gap:10px;margin:0 0 14px;font-size:.76rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--bronze);}
.sb-eyebrow::before{content:"";width:26px;height:1px;background:currentColor;}
.sb-eyebrow--on-dark{color:#e8c9a0;}
.sb-head{max-width:640px;}
.sb-head--center{margin-left:auto;margin-right:auto;text-align:center;}
.sb-head--center .sb-eyebrow{justify-content:center;}
.sb-head--center .sb-eyebrow::before{display:none;}
.sb-head h2{margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.8rem,3.4vw,2.75rem);font-weight:600;line-height:1.15;color:var(--graphite);letter-spacing:-.02em;}
.sb-lede{margin:14px 0 0;font-size:1.02rem;line-height:1.7;color:var(--muted);max-width:54ch;}
.sb-lede--center{margin-left:auto;margin-right:auto;}
.sb-lede--on-dark{color:rgba(245,241,234,.78);}
.sb-head h2 + .sb-lede--on-dark,.sb-access-band .sb-head h2{color:#fff;}

/* Problems */
.sb-problems{position:relative;padding:96px 0 88px;background-color:#f7f3ec;background-image:
    linear-gradient(rgba(22,42,42,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(22,42,42,.035) 1px,transparent 1px),
    linear-gradient(180deg,#fff 0%,#f7f3ec 100%);
  background-size:48px 48px,48px 48px,auto;}
.sb-problems-banner{margin:0 0 40px;border-radius:28px;overflow:hidden;height:clamp(180px,28vw,280px);box-shadow:0 24px 48px -28px rgba(22,42,42,.35);}
.sb-problems-banner img{display:block;width:100%;height:100%;object-fit:cover;}
.sb-problems-stage{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.75fr);gap:36px;align-items:start;margin-top:40px;}
.sb-problem-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;border-top:1px solid rgba(22,42,42,.12);}
.sb-problem-list li{display:grid;grid-template-columns:56px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid rgba(22,42,42,.12);}
.sb-prob-num{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700;color:var(--bronze);line-height:1;padding-top:2px;}
.sb-problem-list h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:var(--graphite);}
.sb-problem-list p{margin:0;font-size:.92rem;line-height:1.6;color:var(--muted);}
.sb-impact{display:inline-block;margin-top:10px;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze);}
.sb-problems-side{margin:0;position:sticky;top:100px;border-radius:32px 8px 32px 8px;overflow:hidden;min-height:520px;box-shadow:0 28px 56px -30px rgba(22,42,42,.45);}
.sb-problems-side img{display:block;width:100%;height:100%;min-height:520px;object-fit:cover;}
@media (max-width:999px){
  .sb-problems-stage{grid-template-columns:1fr;gap:28px;}
  .sb-problems-side{position:relative;top:auto;min-height:320px;border-radius:24px;}
  .sb-problems-side img{min-height:320px;}
  .sb-problems{padding:72px 0 64px;}
}

/* Design moves - staggered media rail */
.sb-moves{padding:96px 0 88px;background:#0e1d1d;color:#fff;}
.sb-moves .sb-head h2{color:#fff;}
.sb-moves .sb-eyebrow{color:#e8c9a0;}
.sb-moves-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:44px;}
.sb-move{min-width:0;}
.sb-move:nth-child(even){transform:translateY(28px);}
.sb-move-shot{position:relative;aspect-ratio:5/4;border-radius:18px;overflow:hidden;background:#1c3330;margin-bottom:16px;border:1px solid rgba(245,241,234,.1);}
.sb-move-shot img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.sb-move:hover .sb-move-shot img{transform:scale(1.05);}
.sb-move-shot span{position:absolute;left:12px;top:12px;min-width:40px;height:32px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-family:'Playfair Display',serif;font-size:.85rem;font-weight:700;color:#fff;background:rgba(14,29,29,.8);border:1px solid rgba(181,138,90,.45);}
.sb-move h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:#fff;}
.sb-move p{margin:0;font-size:.9rem;line-height:1.55;color:rgba(245,241,234,.72);}
@media (max-width:999px){
  .sb-moves-rail{grid-template-columns:repeat(2,minmax(0,1fr));}
  .sb-move:nth-child(even){transform:none;}
}
@media (max-width:639px){
  .sb-moves{padding:72px 0 64px;}
  .sb-moves-rail{grid-template-columns:1fr;gap:28px;}
}

/* Layout strategies */
.sb-layout{padding:96px 0 88px;background:var(--porcelain);}
.sb-layout-intro{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:36px;align-items:end;margin-bottom:48px;}
.sb-layout-hero{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 48px -28px rgba(22,42,42,.35);}
.sb-layout-hero img{display:block;width:100%;height:100%;object-fit:cover;}
.sb-layout-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.95fr);gap:28px;align-items:start;}
.sb-layout-opts{display:flex;flex-direction:column;gap:0;border-left:2px solid rgba(181,138,90,.35);padding-left:22px;}
.sb-layout-opts article{padding:18px 0;border-bottom:1px solid rgba(22,42,42,.1);}
.sb-layout-opts article:last-child{border-bottom:0;}
.sb-layout-opts h3{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--graphite);}
.sb-layout-opts p{margin:0;font-size:.9rem;line-height:1.6;color:var(--muted);}
.sb-plans{background:#fff;border:1px solid #eee6d8;border-radius:24px;padding:22px;box-shadow:0 22px 44px -30px rgba(22,42,42,.3);}
.sb-plans > header h3{margin:0 0 16px;font-family:'Playfair Display',serif;font-size:1.2rem;font-weight:600;color:var(--graphite);}
.sb-plans-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.sb-plans-pair figure{margin:0;border-radius:14px;overflow:hidden;background:#d8cfc2;}
.sb-plans-pair img{display:block;width:100%;aspect-ratio:16/11;object-fit:cover;}
.sb-plans-pair figcaption{padding:10px 12px;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:var(--green);}
.sb-plan-keys{margin:16px 0 0;padding:0 0 0 18px;font-size:.88rem;line-height:1.55;color:var(--graphite);}
.sb-plan-keys li{margin-bottom:6px;}
.sb-plan-note{margin:14px 0 0;font-size:.8rem;color:var(--muted);font-style:italic;}
.sb-plan-hidden{margin:14px 0 0;padding:14px;border-radius:12px;background:var(--travertine);font-size:.86rem;line-height:1.55;color:var(--graphite);}
@media (max-width:999px){
  .sb-layout-intro,.sb-layout-grid{grid-template-columns:1fr;}
  .sb-plans-pair{grid-template-columns:1fr;}
  .sb-layout{padding:72px 0 64px;}
}

/* Storage alternating rows */
.sb-storage{padding:96px 0 88px;background:#fff;}
.sb-storage-stack{display:flex;flex-direction:column;gap:28px;margin-top:44px;}
.sb-storage-row{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:28px;align-items:center;padding:8px 0;}
.sb-storage-row--flip{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);}
.sb-storage-row--flip figure{order:2;}
.sb-storage-row--flip > div{order:1;}
.sb-storage-row figure{margin:0;position:relative;border-radius:22px;overflow:hidden;aspect-ratio:3/2;background:#d8cfc2;box-shadow:0 20px 40px -26px rgba(22,42,42,.35);}
.sb-storage-row figure img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .55s ease;}
.sb-storage-row:hover figure img{transform:scale(1.04);}
.sb-storage-row figure span{position:absolute;left:14px;bottom:14px;padding:8px 12px;border-radius:999px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:rgba(14,29,29,.78);backdrop-filter:blur(8px);border:1px solid rgba(181,138,90,.4);}
.sb-storage-row h3{margin:0 0 10px;font-family:'Playfair Display',serif;font-size:clamp(1.25rem,2vw,1.55rem);font-weight:600;color:var(--graphite);}
.sb-storage-row p{margin:0 0 14px;font-size:.95rem;line-height:1.65;color:var(--muted);}
.sb-storage-row ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:8px;}
.sb-storage-row li{position:relative;padding-left:18px;font-size:.88rem;line-height:1.5;color:var(--graphite);}
.sb-storage-row li::before{content:"";position:absolute;left:0;top:.55em;width:8px;height:8px;border-radius:50%;background:var(--bronze);}
@media (max-width:899px){
  .sb-storage-row,.sb-storage-row--flip{grid-template-columns:1fr;}
  .sb-storage-row--flip figure,.sb-storage-row--flip > div{order:initial;}
  .sb-storage{padding:72px 0 64px;}
}

/* Priorities */
.sb-priorities{padding:88px 0;background:
  radial-gradient(ellipse 50% 60% at 50% 0%,rgba(181,138,90,.12),transparent 60%),
  var(--travertine);}
.sb-quote-rail{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:36px;}
.sb-quote-rail blockquote{margin:0;padding:28px 24px;background:#fff;border-radius:20px;border-top:3px solid var(--bronze);box-shadow:0 18px 36px -28px rgba(22,42,42,.28);}
.sb-quote-rail p{margin:0;font-family:'Playfair Display',serif;font-size:1.15rem;font-style:italic;line-height:1.45;color:var(--graphite);}
.sb-quote-rail cite{display:block;margin-top:16px;font-style:normal;font-size:.78rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--bronze);}
@media (max-width:899px){.sb-quote-rail{grid-template-columns:1fr;}.sb-priorities{padding:64px 0;}}

/* Bathing decisions */
.sb-bathing{padding:96px 0 88px;background:#fff;}
.sb-bathing-split{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:44px;}
.sb-bath-panel{display:flex;flex-direction:column;min-width:0;background:var(--porcelain);border:1px solid #eee6d8;border-radius:24px;overflow:hidden;}
.sb-bath-panel figure{margin:0;aspect-ratio:16/10;overflow:hidden;background:#d8cfc2;}
.sb-bath-panel figure img{display:block;width:100%;height:100%;object-fit:cover;}
.sb-bath-body{padding:24px 22px 26px;}
.sb-bath-body h3{margin:0 0 16px;font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:600;color:var(--graphite);}
.sb-bath-body dl{margin:0 0 16px;display:flex;flex-direction:column;gap:12px;}
.sb-bath-body dl > div{display:grid;grid-template-columns:110px minmax(0,1fr);gap:10px;padding-bottom:12px;border-bottom:1px solid rgba(22,42,42,.08);}
.sb-bath-body dt{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--bronze);}
.sb-bath-body dd{margin:0;font-size:.88rem;line-height:1.5;color:var(--muted);}
.sb-bath-body ul{margin:0;padding:0 0 0 18px;font-size:.88rem;line-height:1.55;color:var(--graphite);}
.sb-bath-body li{margin-bottom:6px;}
@media (max-width:899px){
  .sb-bathing-split{grid-template-columns:1fr;}
  .sb-bath-body dl > div{grid-template-columns:1fr;}
  .sb-bathing{padding:72px 0 64px;}
}

/* Materials */
.sb-materials{padding:96px 0 88px;background:var(--porcelain);}
.sb-table-wrap{margin-top:36px;overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:20px;border:1px solid #eee6d8;background:#fff;box-shadow:0 20px 40px -30px rgba(22,42,42,.28);}
.sb-table{width:100%;min-width:760px;border-collapse:collapse;font-size:.86rem;}
.sb-table th{text-align:left;padding:14px 16px;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#fff;background:var(--green);white-space:nowrap;}
.sb-table td{padding:14px 16px;border-top:1px solid #eee6d8;color:var(--muted);vertical-align:top;line-height:1.45;}
.sb-table tr:nth-child(even) td{background:rgba(245,241,234,.45);}
.sb-table td:first-child{font-weight:700;color:var(--graphite);}
.sb-mat-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:22px;}
.sb-mat-notes article{padding:22px;border-radius:18px;background:#fff;border:1px solid #eee6d8;}
.sb-mat-notes h3{margin:0 0 10px;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;color:var(--graphite);}
.sb-mat-notes p{margin:0;font-size:.9rem;line-height:1.65;color:var(--muted);}
@media (max-width:799px){.sb-mat-notes{grid-template-columns:1fr;}.sb-materials{padding:72px 0 64px;}}

/* Lighting */
.sb-light{padding:96px 0 88px;background:#fff;}
.sb-light-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:44px;}
.sb-light-grid article{min-width:0;}
.sb-light-grid figure{margin:0 0 14px;aspect-ratio:16/11;border-radius:16px;overflow:hidden;background:#d8cfc2;}
.sb-light-grid img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease;}
.sb-light-grid article:hover img{transform:scale(1.05);}
.sb-light-grid h3{margin:0 0 8px;font-size:1rem;font-weight:700;color:var(--graphite);}
.sb-light-grid p{margin:0;font-size:.88rem;line-height:1.55;color:var(--muted);}
@media (max-width:999px){.sb-light-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:639px){.sb-light-grid{grid-template-columns:1fr;}.sb-light{padding:72px 0 64px;}}

/* Accessibility */
.sb-access{padding:96px 0 88px;background:
  radial-gradient(ellipse 70% 50% at 20% 0%,rgba(181,138,90,.18),transparent 55%),
  linear-gradient(160deg,#162a2a 0%,#0e1d1d 55%,#1c3330 100%);}
.sb-access-band{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:32px;align-items:center;margin-bottom:36px;}
.sb-access-band figure{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 28px 56px -24px rgba(0,0,0,.55);}
.sb-access-band img{display:block;width:100%;height:100%;object-fit:cover;}
.sb-access-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;}
.sb-access-grid article{padding:20px 18px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(245,241,234,.1);}
.sb-access-grid span{display:block;margin-bottom:10px;font-family:'Playfair Display',serif;font-size:1.1rem;font-weight:700;color:#B58A5A;}
.sb-access-grid h3{margin:0 0 8px;font-size:.95rem;font-weight:700;color:#fff;}
.sb-access-grid p{margin:0;font-size:.84rem;line-height:1.55;color:rgba(245,241,234,.7);}
@media (max-width:999px){
  .sb-access-band{grid-template-columns:1fr;}
  .sb-access-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:639px){
  .sb-access-grid{grid-template-columns:1fr;}
  .sb-access{padding:72px 0 64px;}
}

/* Styles mosaic */
.sb-styles{padding:96px 0 88px;background:var(--porcelain);}
.sb-styles-mosaic{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:240px 240px;gap:14px;margin-top:40px;}
.sb-style-tile{margin:0;position:relative;border-radius:20px;overflow:hidden;background:#d8cfc2;}
.sb-style-tile--1{grid-row:1 / span 2;}
.sb-style-tile img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease;}
.sb-style-tile:hover img{transform:scale(1.05);}
.sb-style-tile figcaption{position:absolute;left:0;right:0;bottom:0;padding:18px 16px;font-size:.95rem;font-weight:700;color:#fff;background:linear-gradient(transparent,rgba(14,29,29,.85));}
@media (max-width:799px){
  .sb-styles-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:auto;}
  .sb-style-tile--1{grid-row:auto;grid-column:1 / -1;aspect-ratio:16/9;}
  .sb-style-tile{aspect-ratio:4/3;}
  .sb-styles{padding:72px 0 64px;}
}

/* Approaches */
.sb-approaches{padding:96px 0 88px;background:#fff;}
.sb-approach-list{display:flex;flex-direction:column;gap:0;margin-top:40px;border-top:1px solid rgba(22,42,42,.12);}
.sb-approach-list article{display:grid;grid-template-columns:minmax(220px,.85fr) minmax(0,1.15fr);gap:28px;align-items:center;padding:32px 0;border-bottom:1px solid rgba(22,42,42,.12);}
.sb-approach-list figure{margin:0;border-radius:18px;overflow:hidden;aspect-ratio:4/3;background:#d8cfc2;}
.sb-approach-list img{display:block;width:100%;height:100%;object-fit:cover;}
.sb-approach-num{display:block;margin-bottom:8px;font-family:'Playfair Display',serif;font-size:1.6rem;font-weight:700;color:var(--bronze);line-height:1;}
.sb-approach-list h3{margin:0 0 10px;font-family:'Playfair Display',serif;font-size:1.4rem;font-weight:600;color:var(--graphite);}
.sb-approach-list p{margin:0 0 14px;font-size:.95rem;line-height:1.65;color:var(--muted);}
.sb-tags{display:flex;flex-wrap:wrap;gap:8px;}
.sb-tags span{padding:7px 12px;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--green);background:rgba(22,42,42,.05);border:1px solid rgba(22,42,42,.08);}
@media (max-width:799px){
  .sb-approach-list article{grid-template-columns:1fr;gap:16px;padding:28px 0;}
  .sb-approaches{padding:72px 0 64px;}
}

/* Process */
.sb-process{padding:96px 0 88px;background:
  linear-gradient(180deg,#f7f3ec 0%,#fff 40%,#f7f3ec 100%);}
.sb-process-track{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;counter-reset:none;}
.sb-process-track li{min-width:0;}
.sb-process-shot{position:relative;aspect-ratio:5/4;border-radius:18px;overflow:hidden;margin-bottom:14px;background:#d8cfc2;border:1px solid #eee6d8;box-shadow:0 18px 36px -24px rgba(22,42,42,.3);}
.sb-process-shot img{display:block;width:100%;height:100%;object-fit:cover;}
.sb-process-shot span{position:absolute;left:12px;top:12px;min-width:42px;height:34px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;font-family:'Playfair Display',serif;font-size:.9rem;font-weight:700;color:#fff;background:rgba(14,29,29,.82);border:1px solid rgba(181,138,90,.45);}
.sb-process-track h3{margin:0 0 8px;font-size:.98rem;font-weight:700;color:var(--graphite);line-height:1.35;}
.sb-process-track p{margin:0;font-size:.86rem;line-height:1.55;color:var(--muted);}
.sb-process-notes{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:40px;}
.sb-process-notes article{padding:24px;border-radius:18px;background:#fff;border:1px solid #eee6d8;}
.sb-process-notes h3{margin:0 0 10px;font-family:'Playfair Display',serif;font-size:1.15rem;font-weight:600;color:var(--graphite);}
.sb-process-notes p{margin:0;font-size:.9rem;line-height:1.65;color:var(--muted);}
.sb-process-notes ul{margin:0 0 12px;padding:0 0 0 18px;font-size:.88rem;line-height:1.55;color:var(--graphite);}
.sb-process-notes li{margin-bottom:6px;}
@media (max-width:999px){.sb-process-track{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media (max-width:639px){
  .sb-process-track{grid-template-columns:1fr;}
  .sb-process-notes{grid-template-columns:1fr;}
  .sb-process{padding:72px 0 64px;}
}

.sb-projects{background:var(--travertine);}

/* ============ COST GUIDE PAGE ============ */
.cost-pricing{
  padding:96px 0 88px;
  background:
    radial-gradient(ellipse 55% 45% at 100% 0%,rgba(181,138,90,.1),transparent 55%),
    linear-gradient(180deg,#fff 0%,#f7f3ec 100%);
}
.cost-pricing-head{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:40px;
  align-items:end;
  margin-bottom:48px;
}
.cost-pricing-copy{max-width:540px;padding-bottom:8px;}
.cost-pricing-mosaic{
  display:grid;
  grid-template-columns:1.1fr .9fr;
  grid-template-rows:180px 140px;
  gap:12px;
}
.cost-pricing-mosaic figure{
  margin:0;
  border-radius:18px;
  overflow:hidden;
  background:#d8cfc2;
  box-shadow:0 18px 36px -24px rgba(22,42,42,.35);
}
.cost-pricing-mosaic img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .7s ease;
}
.cost-pricing-mosaic figure:hover img{transform:scale(1.06);}
.cost-mosaic-a{grid-row:1 / span 2;}
.cost-mosaic-a img{animation:costKen 14s ease-in-out infinite alternate;}
@keyframes costKen{
  0%{transform:scale(1) translate(0,0);}
  100%{transform:scale(1.08) translate(-1.5%,1%);}
}

.cost-ledger{
  border:1px solid #eee6d8;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 24px 48px -32px rgba(22,42,42,.28);
}
.cost-ledger-head{
  display:grid;
  grid-template-columns:minmax(220px,1.15fr) minmax(160px,.7fr) minmax(0,1.15fr);
  gap:16px;
  padding:14px 22px;
  background:var(--green);
  color:#fff;
  font-size:.7rem;
  font-weight:800;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.cost-ledger-row{
  display:grid;
  grid-template-columns:minmax(220px,1.15fr) minmax(160px,.7fr) minmax(0,1.15fr);
  gap:16px;
  align-items:center;
  padding:16px 22px;
  border-top:1px solid #eee6d8;
  transition:background .25s ease, transform .25s ease;
  animation:costRowIn .55s ease both;
  animation-delay:calc(var(--i,0) * 40ms);
}
@keyframes costRowIn{
  from{opacity:0;transform:translateY(12px);}
  to{opacity:1;transform:translateY(0);}
}
.cost-ledger-row:nth-child(even){background:rgba(245,241,234,.42);}
.cost-ledger-row:hover{
  background:rgba(181,138,90,.08);
  transform:translateX(4px);
}
.cost-ledger-svc{
  display:flex;
  align-items:center;
  gap:14px;
  min-width:0;
}
.cost-ledger-svc figure{
  margin:0;
  flex:0 0 72px;
  width:72px;
  height:56px;
  border-radius:12px;
  overflow:hidden;
  background:#d8cfc2;
  box-shadow:0 8px 16px -10px rgba(22,42,42,.35);
}
.cost-ledger-svc img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.cost-ledger-row:hover .cost-ledger-svc img{transform:scale(1.08);}
.cost-ledger-num{
  display:block;
  margin-bottom:2px;
  font-family:'Playfair Display',serif;
  font-size:.78rem;
  font-weight:700;
  color:var(--bronze);
  letter-spacing:.04em;
}
.cost-ledger-svc h3{
  margin:0;
  font-size:.95rem;
  font-weight:700;
  color:var(--graphite);
  line-height:1.3;
}
.cost-ledger-price{
  margin:0;
  font-family:'Playfair Display',serif;
  font-size:1.15rem;
  font-weight:700;
  color:var(--bronze);
  line-height:1.25;
  white-space:nowrap;
}
.cost-ledger-inc{
  margin:0;
  font-size:.88rem;
  line-height:1.5;
  color:var(--muted);
}
.cost-disclaimer{
  margin:18px 0 0;
  font-size:.75rem;
  line-height:1.5;
  color:var(--muted);
}

.cost-factors{
  padding:96px 0 88px;
  background:
    radial-gradient(ellipse 60% 50% at 10% 0%,rgba(181,138,90,.22),transparent 55%),
    linear-gradient(165deg,#162a2a 0%,#0e1d1d 50%,#1a302c 100%);
}
.cost-factors-intro{
  max-width:640px;
  margin:0 auto 40px;
  text-align:center;
}
.cost-factors-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.cost-factor{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);
  gap:0;
  align-items:stretch;
  min-height:220px;
  border-radius:22px;
  overflow:hidden;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(245,241,234,.1);
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
  animation:costRowIn .6s ease both;
  animation-delay:calc(.2s + var(--i,0) * 80ms);
}
.cost-factor:nth-child(even){grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);}
.cost-factor:nth-child(even) figure{order:2;}
.cost-factor:hover{
  transform:translateY(-4px);
  border-color:rgba(181,138,90,.45);
  box-shadow:0 24px 40px -24px rgba(0,0,0,.55);
}
.cost-factor figure{
  margin:0;
  min-height:100%;
  overflow:hidden;
  background:#243636;
}
.cost-factor img{
  display:block;
  width:100%;
  height:100%;
  min-height:220px;
  object-fit:cover;
  transition:transform .65s ease;
}
.cost-factor:hover img{transform:scale(1.07);}
.cost-factor > div{
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:26px 24px;
}
.cost-factor-idx{
  display:block;
  margin-bottom:10px;
  font-family:'Playfair Display',serif;
  font-size:1.35rem;
  font-weight:700;
  color:var(--bronze);
  line-height:1;
}
.cost-factor h3{
  margin:0 0 10px;
  font-family:'Playfair Display',serif;
  font-size:1.35rem;
  font-weight:600;
  color:#fff;
  line-height:1.25;
}
.cost-factor p{
  margin:0;
  font-size:.9rem;
  line-height:1.6;
  color:rgba(245,241,234,.72);
}

@media (max-width:1099px){
  .cost-pricing-head{grid-template-columns:1fr;gap:28px;align-items:start;}
  .cost-pricing-mosaic{max-width:520px;}
  .cost-ledger-head{display:none;}
  .cost-ledger-row{
    grid-template-columns:1fr;
    gap:10px;
    padding:18px 18px;
  }
  .cost-ledger-price{white-space:normal;}
  .cost-factors-grid{grid-template-columns:1fr;}
  .cost-factor,
  .cost-factor:nth-child(even){grid-template-columns:1fr;}
  .cost-factor:nth-child(even) figure{order:initial;}
  .cost-factor figure{aspect-ratio:16/10;min-height:0;}
  .cost-factor img{min-height:0;}
}
@media (max-width:639px){
  .cost-pricing,.cost-factors{padding:72px 0 64px;}
  .cost-pricing-mosaic{grid-template-columns:1fr 1fr;grid-template-rows:140px 110px;}
  .cost-ledger-svc figure{flex-basis:60px;width:60px;height:48px;}
  .cost-ledger-svc h3{font-size:.9rem;}
  .cost-ledger-price{font-size:1.05rem;}
}

/* ========== ABOUT PAGE - craft atelier redesign ========== */
.about-story{
  position:relative;
  padding:100px 0 88px;
  background:
    linear-gradient(180deg,#fff 0%,#f7f3ec 100%);
  overflow:hidden;
}
.about-story::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(22,42,42,.045) 1px,transparent 1px);
  background-size:20px 20px;
  opacity:.7;
  pointer-events:none;
}
.about-story-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr) minmax(280px,.9fr);
  gap:36px 40px;
  align-items:start;
}
.about-story-media{
  position:relative;
  min-height:520px;
}
.about-story-shot{
  margin:0;
  overflow:hidden;
  background:#d8cfc2;
  box-shadow:0 24px 48px -28px rgba(22,42,42,.45);
}
.about-story-shot img{display:block;width:100%;height:100%;object-fit:cover;}
.about-story-shot--main{
  position:absolute;
  inset:0 18% 12% 0;
  border-radius:4px 28px 4px 28px;
  transform:rotate(-1.2deg);
  animation:aboutReveal .9s ease both;
}
.about-story-shot--sec{
  position:absolute;
  right:0;bottom:0;
  width:48%;height:42%;
  border-radius:22px 4px 22px 4px;
  border:5px solid #fff;
  transform:rotate(2deg);
  animation:aboutReveal .9s ease .12s both;
}
.about-story-shot--ter{
  position:absolute;
  left:6%;bottom:6%;
  width:34%;height:28%;
  border-radius:999px 999px 4px 999px;
  border:4px solid #fff;
  animation:aboutReveal .9s ease .22s both;
}
.about-story-badge{
  position:absolute;
  top:18px;right:8%;
  margin:0;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  width:88px;height:88px;
  border-radius:50%;
  background:var(--bronze);
  color:#fff;
  box-shadow:0 14px 28px -12px rgba(150,112,68,.55);
  animation:aboutFloat 4.5s ease-in-out infinite;
}
.about-story-badge span{font-size:.65rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.85;}
.about-story-badge strong{font-family:'Playfair Display',serif;font-size:1.35rem;font-weight:700;line-height:1;}
.about-story-copy{padding-top:12px;}
.about-story-copy h2{
  margin:10px 0 22px;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3vw,2.55rem);
  font-weight:600;
  line-height:1.15;
  color:var(--graphite);
  letter-spacing:-.02em;
}
.about-story-body{display:flex;flex-direction:column;gap:16px;}
.about-story-body p{margin:0;font-size:.95rem;line-height:1.7;color:var(--graphite);}
.about-story-form{position:sticky;top:96px;}

.about-apart{
  padding:96px 0;
  background:var(--green-dark);
  color:#fff;
}
.about-apart-head{max-width:640px;margin:0 auto 48px;text-align:center;}
.about-apart-head .section-eyebrow{color:#e8c9a0;}
.about-apart-head h2{
  margin:10px 0 0;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.65rem);
  font-weight:600;
  line-height:1.18;
  color:#fff;
}
.about-apart-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:0;}
.about-apart-item{
  display:grid;
  grid-template-columns:72px minmax(140px,.85fr) minmax(0,1.4fr);
  gap:28px;
  align-items:center;
  padding:28px 0;
  border-top:1px solid rgba(245,241,234,.12);
  transition:background .3s ease;
}
.about-apart-item:last-child{border-bottom:1px solid rgba(245,241,234,.12);}
.about-apart-item:hover{background:rgba(255,255,255,.03);}
.about-apart-num{
  font-family:'Playfair Display',serif;
  font-size:2rem;
  font-weight:700;
  color:var(--bronze);
  letter-spacing:.02em;
}
.about-apart-photo{
  margin:0;
  height:150px;
  border-radius:18px;
  overflow:hidden;
  background:#1c3330;
}
.about-apart-photo img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .55s ease;
}
.about-apart-item:hover .about-apart-photo img{transform:scale(1.05);}
.about-apart-text h3{
  margin:0 0 8px;
  font-family:'Playfair Display',serif;
  font-size:1.35rem;
  font-weight:600;
  color:#fff;
}
.about-apart-text p{margin:0;font-size:.92rem;line-height:1.6;color:rgba(245,241,234,.72);}

.about-commit{
  position:relative;
  padding:108px 0;
  overflow:hidden;
  color:#fff;
}
.about-commit-bg{
  position:absolute;inset:0;
  background-size:cover;background-position:center;
  transform:scale(1.04);
  filter:saturate(.85);
}
.about-commit-bg::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(105deg,rgba(14,29,29,.94) 0%,rgba(14,29,29,.88) 48%,rgba(22,42,42,.72) 100%);
}
.about-commit-inner{position:relative;z-index:1;}
.about-commit-head{max-width:560px;margin-bottom:40px;}
.about-commit-head h2{
  margin:0;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.65rem);
  font-weight:600;
  line-height:1.15;
  color:#fff;
}
.about-commit-ledger{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.about-commit-ledger li{
  display:grid;
  grid-template-columns:64px minmax(0,1fr);
  gap:18px;
  padding:22px 0;
  border-top:1px solid rgba(245,241,234,.16);
  animation:aboutRise .7s ease both;
}
.about-commit-ledger li:nth-child(1){animation-delay:.05s;}
.about-commit-ledger li:nth-child(2){animation-delay:.1s;}
.about-commit-ledger li:nth-child(3){animation-delay:.15s;}
.about-commit-ledger li:nth-child(4){animation-delay:.2s;}
.about-commit-ledger li:nth-child(5){animation-delay:.25s;}
.about-commit-ledger li:nth-child(6){animation-delay:.3s;}
.about-commit-ledger li:last-child{border-bottom:1px solid rgba(245,241,234,.16);}
.about-commit-idx{
  font-family:'Playfair Display',serif;
  font-size:1.5rem;
  font-weight:700;
  color:var(--bronze);
}
.about-commit-ledger h3{margin:0 0 6px;font-size:1.05rem;font-weight:700;color:#fff;}
.about-commit-ledger p{margin:0;font-size:.9rem;line-height:1.55;color:rgba(245,241,234,.72);max-width:58ch;}

.about-team{
  padding:100px 0;
  background:#fff;
}
.about-team-head{max-width:520px;margin-bottom:48px;}
.about-team-head h2{
  margin:10px 0 0;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.65rem);
  font-weight:600;
  color:var(--graphite);
  line-height:1.15;
}
.about-founder{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);
  gap:40px;
  align-items:center;
  margin-bottom:48px;
  padding-bottom:48px;
  border-bottom:1px solid rgba(22,42,42,.1);
}
.about-founder-photo{
  margin:0;
  aspect-ratio:5/4;
  border-radius:4px 32px 4px 32px;
  overflow:hidden;
  background:#d8cfc2;
  box-shadow:0 28px 50px -30px rgba(22,42,42,.4);
}
.about-founder-photo img{display:block;width:100%;height:100%;object-fit:cover;}
.about-founder-label{
  margin:0 0 10px;
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--bronze);
}
.about-founder-copy h3{
  margin:0 0 6px;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.75rem,2.8vw,2.35rem);
  font-weight:600;
  color:var(--graphite);
}
.about-founder-role{margin:0 0 16px;font-size:.95rem;font-weight:600;color:var(--bronze);}
.about-founder-bio{margin:0 0 16px;font-size:.95rem;line-height:1.65;color:var(--graphite);}
.about-founder-cred{margin:0;font-size:.78rem;font-weight:700;letter-spacing:.02em;color:var(--muted);}
.about-crew{display:flex;flex-direction:column;gap:0;}
.about-crew-row{
  display:grid;
  grid-template-columns:140px minmax(0,1fr);
  gap:24px;
  align-items:center;
  padding:26px 0;
  border-top:1px solid rgba(22,42,42,.08);
  transition:transform .3s ease;
}
.about-crew-row:last-child{border-bottom:1px solid rgba(22,42,42,.08);}
.about-crew-row:hover{transform:translateX(6px);}
.about-crew-row figure{
  margin:0;
  height:120px;
  border-radius:18px;
  overflow:hidden;
  background:#d8cfc2;
}
.about-crew-row img{display:block;width:100%;height:100%;object-fit:cover;}
.about-crew-row h3{margin:0 0 4px;font-size:1.1rem;font-weight:700;color:var(--graphite);}
.about-crew-role{margin:0 0 8px;font-size:.8rem;font-weight:700;color:var(--bronze);}
.about-crew-bio{margin:0 0 8px;font-size:.88rem;line-height:1.55;color:var(--muted);}
.about-crew-cred{margin:0;font-size:.72rem;font-weight:700;color:var(--graphite);}

.about-timeline{
  padding:100px 0;
  background:
    radial-gradient(ellipse 60% 40% at 10% 0%,rgba(181,138,90,.12),transparent 55%),
    linear-gradient(180deg,#f7f3ec 0%,#efe8dc 100%);
}
.about-timeline-head{max-width:640px;margin:0 auto 36px;text-align:center;}
.about-timeline-head h2{
  margin:10px 0 14px;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.65rem);
  font-weight:600;
  color:var(--graphite);
  line-height:1.15;
}
.about-timeline-sub{margin:0 auto;max-width:46ch;font-size:1rem;line-height:1.6;color:var(--muted);}
.about-timeline-years{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  margin-bottom:28px;
}
.about-timeline .tl-year-btn{
  padding:10px 18px;
  border-radius:999px;
  border:1px solid rgba(22,42,42,.12);
  background:rgba(255,255,255,.7);
  font-size:.85rem;
  font-weight:700;
  color:var(--graphite);
  cursor:pointer;
  transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease;
}
.about-timeline .tl-year-btn:hover{transform:translateY(-2px);border-color:var(--bronze);}
.about-timeline .tl-year-btn.active{background:var(--bronze);color:#fff;border-color:var(--bronze);}
.about-timeline-panels{position:relative;min-height:340px;}
.about-timeline-panel{
  display:none;
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  gap:0;
  align-items:stretch;
  border-radius:24px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 28px 50px -32px rgba(22,42,42,.35);
}
.about-timeline-panel.is-active{
  display:grid;
  animation:aboutReveal .4s ease both;
}
.about-timeline-photo{margin:0;min-height:340px;height:100%;background:#d8cfc2;}
.about-timeline-photo img{display:block;width:100%;height:100%;min-height:340px;object-fit:cover;}
.about-timeline-copy{padding:44px 40px;display:flex;flex-direction:column;justify-content:center;}
.about-timeline-year{
  margin:0 0 10px;
  font-family:'Playfair Display',serif;
  font-size:clamp(2.4rem,4vw,3.1rem);
  font-weight:700;
  line-height:1;
  color:var(--bronze);
}
.about-timeline-copy h3{
  margin:0 0 14px;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.35rem,2.2vw,1.65rem);
  font-weight:600;
  color:var(--graphite);
  line-height:1.2;
}
.about-timeline-copy p{margin:0;font-size:.98rem;line-height:1.7;color:var(--muted);max-width:40ch;}

.about-process{
  padding:96px 0 88px;
  background:var(--green);
  color:#fff;
}
.about-process-head{max-width:640px;margin:0 auto 40px;text-align:center;}
.about-process-head h2{
  margin:0;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.65rem);
  font-weight:600;
  line-height:1.15;
  color:#fff;
}
.about-process-rail{
  list-style:none;
  margin:0;
  padding:8px 4px 20px;
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(260px,1fr);
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  -webkit-overflow-scrolling:touch;
}
.about-process-rail::-webkit-scrollbar{height:6px;}
.about-process-rail::-webkit-scrollbar-thumb{background:rgba(181,138,90,.55);border-radius:999px;}
.about-process-step{
  scroll-snap-align:start;
  padding:0 0 8px;
  min-width:0;
}
.about-process-step figure{
  position:relative;
  margin:0 0 16px;
  height:180px;
  border-radius:18px;
  overflow:hidden;
  background:#1c3330;
}
.about-process-step img{
  display:block;width:100%;height:100%;object-fit:cover;
  transition:transform .5s ease;
}
.about-process-step:hover img{transform:scale(1.06);}
.about-process-step figure span{
  position:absolute;
  left:12px;bottom:12px;
  padding:6px 12px;
  border-radius:999px;
  background:var(--bronze);
  font-family:'Playfair Display',serif;
  font-size:.9rem;
  font-weight:700;
  color:#fff;
}
.about-process-step h3{margin:0 0 8px;font-size:1.05rem;font-weight:700;color:#fff;}
.about-process-step p{margin:0;font-size:.86rem;line-height:1.55;color:rgba(245,241,234,.7);}

.about-reviews{
  padding:100px 0;
  background:#fff;
}
.about-reviews-inner > h2{
  margin:0 auto 48px;
  max-width:640px;
  text-align:center;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.65rem);
  font-weight:600;
  color:var(--graphite);
  line-height:1.15;
}
.about-reviews-stage{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  grid-template-rows:auto auto;
  gap:22px;
  margin-bottom:36px;
}
.about-quote{
  margin:0;
  padding:32px 30px;
  background:linear-gradient(165deg,#f7f3ec,#efe8dc);
  border-left:4px solid var(--bronze);
  position:relative;
}
.about-quote--1{grid-column:1;grid-row:1 / span 2;padding:42px 38px;display:flex;flex-direction:column;justify-content:center;}
.about-quote--2{grid-column:2;grid-row:1;}
.about-quote--3{grid-column:2;grid-row:2;}
.about-quote-stars{margin:0 0 14px;color:var(--bronze);letter-spacing:.08em;font-size:.9rem;}
.about-quote-text{
  margin:0 0 18px;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.15rem,2vw,1.55rem);
  font-weight:500;
  font-style:italic;
  line-height:1.45;
  color:var(--graphite);
}
.about-quote--1 .about-quote-text{font-size:clamp(1.35rem,2.4vw,1.85rem);}
.about-quote footer{font-size:.88rem;color:var(--muted);}
.about-quote footer strong{color:var(--graphite);}
.about-reviews-rating{margin:0 0 14px;text-align:center;font-size:1.15rem;font-weight:700;color:var(--graphite);}
.about-reviews-platforms{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:18px 28px;
  color:var(--bronze);
  font-size:.85rem;
  font-weight:700;
}

.about-services{
  padding:96px 0;
  background:linear-gradient(180deg,#f7f3ec,#fff);
}
.about-services-inner > h2{
  margin:0 auto 36px;
  max-width:640px;
  text-align:center;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.65rem);
  font-weight:600;
  color:var(--graphite);
  line-height:1.15;
}
.about-services-mosaic{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  grid-auto-rows:160px;
  gap:12px;
}
.about-svc-tile{
  position:relative;
  display:block;
  overflow:hidden;
  border-radius:16px;
  background:#d8cfc2;
  text-decoration:none;
  color:#fff;
  isolation:isolate;
}
.about-svc-tile:nth-child(1){grid-column:span 2;grid-row:span 2;}
.about-svc-tile:nth-child(6){grid-column:span 2;}
.about-svc-tile img{
  position:absolute;inset:0;
  width:100%;height:100%;object-fit:cover;
  transition:transform .55s ease;
}
.about-svc-tile::after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 30%,rgba(14,29,29,.88) 100%);
  z-index:1;
}
.about-svc-tile span{
  position:absolute;
  left:16px;right:16px;bottom:16px;
  z-index:2;
  font-size:.92rem;
  font-weight:700;
  line-height:1.25;
}
.about-svc-tile:hover img{transform:scale(1.07);}
.about-svc-tile:hover span{color:#e8c9a0;}

.about-complex{
  padding:100px 0;
  background:#fff;
}
.about-complex-intro{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);
  gap:40px;
  align-items:center;
  margin-bottom:48px;
}
.about-complex-hero-img{
  margin:0;
  aspect-ratio:4/5;
  border-radius:28px 4px 28px 4px;
  overflow:hidden;
  background:#d8cfc2;
  box-shadow:0 28px 50px -30px rgba(22,42,42,.4);
}
.about-complex-hero-img img{display:block;width:100%;height:100%;object-fit:cover;}
.about-complex-intro h2{
  margin:0 0 20px;
  font-family:'Playfair Display',serif;
  font-size:clamp(1.85rem,3.2vw,2.55rem);
  font-weight:600;
  color:var(--graphite);
  line-height:1.15;
}
.about-complex-intro p{margin:0 0 14px;font-size:.95rem;line-height:1.7;color:var(--graphite);}
.about-complex-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.about-complex-item{
  display:grid;
  grid-template-columns:120px minmax(0,1fr);
  gap:18px;
  align-items:center;
  padding:14px;
  background:#f7f3ec;
  border-radius:18px;
  transition:transform .3s ease,box-shadow .3s ease;
}
.about-complex-item:hover{
  transform:translateY(-3px);
  box-shadow:0 18px 36px -24px rgba(22,42,42,.3);
}
.about-complex-item figure{
  margin:0;
  height:96px;
  border-radius:12px;
  overflow:hidden;
  background:#d8cfc2;
}
.about-complex-item img{display:block;width:100%;height:100%;object-fit:cover;}
.about-complex-item h3{margin:0 0 6px;font-size:1rem;font-weight:700;color:var(--graphite);}
.about-complex-item p{margin:0;font-size:.85rem;line-height:1.55;color:var(--muted);}

@keyframes aboutReveal{
  from{opacity:0;transform:translateY(18px);}
  to{opacity:1;transform:none;}
}
@keyframes aboutRise{
  from{opacity:0;transform:translateY(14px);}
  to{opacity:1;transform:none;}
}
@keyframes aboutFloat{
  0%,100%{transform:translateY(0);}
  50%{transform:translateY(-8px);}
}
@media (prefers-reduced-motion:reduce){
  .about-story-shot,.about-story-badge,.about-commit-ledger li,.about-timeline-panel{animation:none;}
}

@media (max-width:1099px){
  .about-story-inner{grid-template-columns:1fr 1fr;gap:28px;}
  .about-story-form{grid-column:1 / -1;position:static;max-width:480px;}
  .about-apart-item{grid-template-columns:56px minmax(120px,.7fr) minmax(0,1.3fr);gap:18px;}
  .about-services-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:140px;}
  .about-svc-tile:nth-child(1){grid-column:span 2;grid-row:span 1;}
  .about-svc-tile:nth-child(6){grid-column:span 1;}
  .about-complex-intro{grid-template-columns:1fr;gap:28px;}
  .about-complex-hero-img{aspect-ratio:16/10;max-width:640px;}
  .about-complex-grid{grid-template-columns:1fr;}
}
@media (max-width:799px){
  .about-story,.about-apart,.about-commit,.about-team,.about-timeline,.about-process,.about-reviews,.about-services,.about-complex{padding:72px 0 64px;}
  .about-story-inner{grid-template-columns:1fr;}
  .about-story-media{min-height:360px;}
  .about-apart-item{grid-template-columns:1fr;gap:14px;padding:24px 0;}
  .about-apart-photo{height:180px;}
  .about-founder{grid-template-columns:1fr;gap:24px;margin-bottom:28px;padding-bottom:28px;}
  .about-crew-row{grid-template-columns:96px minmax(0,1fr);gap:16px;}
  .about-crew-row figure{height:96px;}
  .about-timeline-panel.is-active{grid-template-columns:1fr;}
  .about-timeline-photo,.about-timeline-photo img{min-height:220px;}
  .about-timeline-copy{padding:28px 24px;}
  .about-reviews-stage{grid-template-columns:1fr;}
  .about-quote--1,.about-quote--2,.about-quote--3{grid-column:auto;grid-row:auto;}
  .about-services-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:130px;}
  .about-svc-tile:nth-child(1){grid-column:span 2;}
  .about-complex-item{grid-template-columns:88px minmax(0,1fr);}
}

/* ========== Areas We Serve - LA Route Guide ========== */
.aws-compass.service-area-section{
  position:relative;
  overflow:hidden;
  padding:88px 0 96px;
  background:linear-gradient(165deg,#0E1D1D 0%,#162A2A 48%,#1a3330 100%);
}
.aws-compass-bg{
  position:absolute;inset:0;pointer-events:none;opacity:.45;
  background:
    radial-gradient(circle at 18% 22%,rgba(181,138,90,.28),transparent 28%),
    radial-gradient(circle at 82% 78%,rgba(181,138,90,.14),transparent 34%),
    repeating-linear-gradient(90deg,transparent 0 38px,rgba(255,255,255,.03) 38px 39px),
    repeating-linear-gradient(0deg,transparent 0 38px,rgba(255,255,255,.03) 38px 39px);
}
.aws-compass-inner{position:relative;z-index:1;}
.aws-compass-layout{
  display:grid;
  grid-template-columns:minmax(0,1.55fr) minmax(240px,.7fr);
  gap:28px;
  align-items:stretch;
}
.aws-compass-mapwrap{position:relative;isolation:isolate;}
.aws-compass-ring{
  position:absolute;inset:-18px -18px -34px -18px;border-radius:50% 42% 46% 50% / 48% 44% 56% 52%;
  border:1px solid rgba(181,138,90,.35);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.06),0 0 0 12px rgba(181,138,90,.06);
  pointer-events:none;z-index:0;
  animation:awsOrbit 18s linear infinite;
}
@keyframes awsOrbit{to{transform:rotate(360deg);}}
.aws-compass .aws-leaflet.service-area-map{
  height:480px;border-radius:28px 72px 28px 72px;border:1px solid rgba(255,255,255,.12);
  box-shadow:0 30px 60px -28px rgba(0,0,0,.65);position:relative;z-index:1;overflow:hidden;
}
.aws-compass .service-area-map-note{color:rgba(223,231,228,.7);margin-top:14px;padding-left:8px;}
.aws-compass-side.service-area-side{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);
  border-radius:24px;padding:22px 18px;backdrop-filter:blur(10px);
  box-shadow:none;
}
.aws-compass .service-area-side-label{color:#e8c9a0;}
.aws-compass-chips{gap:8px;}
.aws-compass.service-area-section .city-chip{
  background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.14);color:#eef3f1;
}
.aws-compass.service-area-section .city-chip:hover,
.aws-compass.service-area-section .city-chip.is-active{
  background:var(--bronze);border-color:var(--bronze);color:#fff;
}

.aws-routes{
  position:relative;
  padding:92px 0 40px;
  background:
    linear-gradient(180deg,#f3eee5 0%,#f7f3ec 35%,#fff 100%);
}
.aws-routes-head{max-width:760px;margin:0 auto 36px;text-align:center;}
.aws-routes-h2{
  margin:0;font-family:'Playfair Display',serif;font-size:clamp(1.9rem,3.4vw,2.7rem);
  font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--graphite);
}

.aws-film{
  display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,1fr);
  gap:12px;overflow-x:auto;padding:8px 5vw 28px;margin-bottom:18px;
  scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
  scrollbar-width:thin;
}
.aws-film-shot{
  position:relative;display:block;scroll-snap-align:start;border-radius:18px;overflow:hidden;
  min-height:150px;isolation:isolate;text-decoration:none;color:#fff;
  box-shadow:0 16px 28px -20px rgba(22,42,42,.45);
  transition:transform .25s ease,box-shadow .25s ease;
}
.aws-film-shot img{width:100%;height:150px;object-fit:cover;display:block;transition:transform .55s ease;}
.aws-film-shot::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 20%,rgba(14,29,29,.88) 100%);
}
.aws-film-shot span{
  position:absolute;left:12px;right:12px;bottom:12px;z-index:1;
  font-size:.82rem;font-weight:700;line-height:1.25;
}
.aws-film-shot:hover,.aws-film-shot.is-active{transform:translateY(-4px);box-shadow:0 22px 36px -18px rgba(22,42,42,.55);}
.aws-film-shot:hover img,.aws-film-shot.is-active img{transform:scale(1.06);}
.aws-film-shot.is-active{outline:2px solid var(--bronze);outline-offset:2px;}

.aws-routes-track{position:relative;padding:10px 0 56px;}
.aws-spine{
  position:absolute;left:50%;top:0;bottom:40px;width:2px;
  background:linear-gradient(180deg,rgba(181,138,90,.15),rgba(181,138,90,.75),rgba(181,138,90,.15));
  transform:translateX(-50%);pointer-events:none;
}
.aws-route{position:relative;margin:0 0 54px;transition:transform .35s ease,opacity .35s ease;}
.aws-route.is-lit{transform:scale(1.01);}
.aws-route-rail{
  position:absolute;left:50%;top:28px;transform:translateX(-50%);z-index:3;
}
.aws-route-node{
  display:inline-flex;align-items:center;justify-content:center;
  width:46px;height:46px;border-radius:999px;
  background:var(--green);color:#e8c9a0;border:3px solid #f7f3ec;
  font-family:'Playfair Display',serif;font-size:.95rem;font-weight:700;
  box-shadow:0 10px 22px -10px rgba(22,42,42,.55);
}
.aws-route-stage{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0;
  align-items:stretch;overflow:hidden;
  border-radius:0 36px 0 36px;
  background:#fff;
  box-shadow:0 28px 56px -34px rgba(22,42,42,.4);
  border:1px solid rgba(22,42,42,.07);
}
.aws-route--flip .aws-route-stage{border-radius:36px 0 36px 0;}
.aws-route--flip .aws-route-media{order:2;}
.aws-route--flip .aws-route-copy{order:1;}
.aws-route-media{margin:0;position:relative;overflow:hidden;min-height:420px;background:#d8cfc2;}
.aws-route-media::before{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(135deg,rgba(14,29,29,.18),transparent 45%);
}
.aws-route-media img{
  display:block;width:100%;height:100%;min-height:420px;object-fit:cover;
  clip-path:polygon(0 0,100% 0,92% 100%,0 100%);
  transition:transform .7s ease;
}
.aws-route--flip .aws-route-media img{clip-path:polygon(8% 0,100% 0,100% 100%,0 100%);}
.aws-route:hover .aws-route-media img{transform:scale(1.05);}
.aws-route-copy{padding:42px 36px 34px;display:flex;flex-direction:column;justify-content:center;}
.aws-route-title{
  margin:0 0 22px;font-family:'Playfair Display',serif;
  font-size:clamp(1.55rem,2.4vw,2.15rem);font-weight:600;line-height:1.15;
  letter-spacing:-.02em;color:var(--graphite);
  position:relative;padding-bottom:14px;
}
.aws-route-title::after{
  content:"";position:absolute;left:0;bottom:0;width:54px;height:3px;border-radius:100px;background:var(--bronze);
}
.aws-stops{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;}
.aws-stops li{position:relative;}
.aws-stops li:not(:last-child)::before{
  content:"";position:absolute;left:7px;top:22px;bottom:-2px;width:1px;
  background:linear-gradient(180deg,rgba(181,138,90,.55),rgba(181,138,90,.08));
}
.aws-stops a{
  display:grid;grid-template-columns:16px minmax(0,1fr);gap:12px;align-items:center;
  padding:9px 8px 9px 0;text-decoration:none;color:var(--graphite);
  font-size:.92rem;font-weight:600;transition:color .2s ease,transform .2s ease;
}
.aws-stops a:hover{color:var(--bronze);transform:translateX(4px);}
.aws-stop-dot{
  width:14px;height:14px;border-radius:999px;border:2px solid var(--bronze);
  background:#fff;box-shadow:0 0 0 3px rgba(181,138,90,.12);
}
.aws-stops a:hover .aws-stop-dot{background:var(--bronze);}

.aws-cover{
  position:relative;overflow:hidden;min-height:560px;
  display:flex;align-items:center;padding:88px 0;
}
.aws-cover-bg{
  position:absolute;inset:0;background-size:cover;background-position:center;
  transform:scale(1.04);transition:transform 1.2s ease;
}
.aws-cover:hover .aws-cover-bg{transform:scale(1.08);}
.aws-cover-scrim{
  position:absolute;inset:0;
  background:
    linear-gradient(105deg,rgba(14,29,29,.88) 0%,rgba(14,29,29,.72) 42%,rgba(14,29,29,.35) 70%,rgba(14,29,29,.2) 100%);
}
.aws-cover-inner{
  position:relative;z-index:1;width:100%;
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.7fr);
  gap:36px;align-items:end;
}
.aws-cover-panel{max-width:560px;color:#fff;}
.aws-cover-h2{
  margin:0 0 16px;font-family:'Playfair Display',serif;
  font-size:clamp(1.9rem,3.2vw,2.7rem);font-weight:600;line-height:1.15;letter-spacing:-.02em;
}
.aws-cover-panel p{margin:0 0 26px;font-size:1.02rem;line-height:1.65;color:rgba(223,231,228,.9);}
.aws-cover-inset{
  margin:0;border-radius:24px 8px 40px 8px;overflow:hidden;
  border:1px solid rgba(255,255,255,.2);
  box-shadow:0 28px 48px -24px rgba(0,0,0,.55);
  transform:rotate(-2.5deg);
}
.aws-cover-inset img{display:block;width:100%;height:260px;object-fit:cover;}

@media (max-width:1023px){
  .aws-compass-layout,.aws-route-stage,.aws-cover-inner{grid-template-columns:1fr;}
  .aws-spine,.aws-route-rail{display:none;}
  .aws-compass-ring{display:none;}
  .aws-compass .aws-leaflet.service-area-map{height:380px;border-radius:22px;}
  .aws-route-media,.aws-route-media img{min-height:280px;}
  .aws-route-media img,.aws-route--flip .aws-route-media img{clip-path:none;}
  .aws-route-stage,.aws-route--flip .aws-route-stage{border-radius:22px;}
  .aws-route--flip .aws-route-media{order:0;}
  .aws-cover{min-height:0;padding:72px 0;}
  .aws-cover-inset{display:none;}
}
@media (max-width:639px){
  .aws-compass.service-area-section{padding:64px 0 72px;}
  .aws-routes{padding:72px 0 24px;}
  .aws-compass .aws-leaflet.service-area-map{height:300px;border-radius:16px;}
  .aws-film-shot img{height:130px;}
  .aws-route{margin-bottom:28px;}
  .aws-route-copy{padding:24px 18px 22px;}
  .aws-route-media,.aws-route-media img{min-height:220px;}
  .aws-cover-h2{font-size:1.7rem;}
}

/* BACK TO TOP */
.back-to-top{
  position:fixed;
  right:20px;
  bottom:24px;
  z-index:60;
  width:48px;
  height:48px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:none;
  border-radius:999px;
  background:var(--bronze);
  color:#fff;
  box-shadow:0 10px 28px rgba(14,29,29,.28);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transform:translateY(12px);
  transition:opacity .25s ease,visibility .25s ease,transform .25s ease,background .2s ease;
}
.back-to-top.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transform:translateY(0);
}
.back-to-top:hover{background:var(--bronze-dark);}
.back-to-top:focus-visible{outline:2px solid var(--green);outline-offset:3px;}
@media (max-width:767px){
  .back-to-top{bottom:72px;right:16px;width:44px;height:44px;}
}