:root{
  color-scheme:light;
  --maroon:#7a1f2e; --maroon-dk:#5e1622; --brass:#b8894a; --brass-lt:#d9b27a;
  --ink:#1f1512; --text:#2d221d; --muted:#6c5d54; --line:#e4d9cc;
  --cream:#faf7f2; --warm:#f3ece2; --paper:#ffffff;
  --serif:'Playfair Display',Georgia,'Times New Roman',serif;
  --sans:'Jost','Avenir Next','Segoe UI',system-ui,sans-serif;
  --wrap:1240px;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);color:var(--ink);line-height:1.12;margin:0;text-wrap:balance;font-weight:700}
h2 em,h1 em{font-style:italic;color:var(--maroon)}
p{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:clamp(16px,4vw,48px)}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brass)}
.eyebrow::before{content:"";width:28px;height:1px;background:currentColor}
:focus-visible{outline:2px solid var(--brass);outline-offset:3px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 30px;font:600 13px/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:0;cursor:pointer;transition:background .2s,transform .15s,color .2s}
.btn-fill{background:var(--maroon);color:#fff}
.btn-fill:hover{background:var(--ink);transform:translateY(-1px)}
.btn-line{background:none;color:var(--ink);padding-inline:0;border-bottom:1.5px solid var(--brass);padding-bottom:4px}
.btn-line:hover{color:var(--maroon)}
.sec{padding-block:clamp(64px,9vw,112px)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:44px}
.sec-head h2{font-size:clamp(30px,3.6vw,48px);margin-top:14px;max-width:18ch}
.sec-head p{max-width:46ch;color:var(--muted)}

/* cursor (desktop only) */
#cur,#ring{position:fixed;left:0;top:0;border-radius:50%;pointer-events:none;z-index:999;transform:translate(-50%,-50%);display:none}
#cur{width:8px;height:8px;background:var(--brass)}
#ring{width:34px;height:34px;border:1px solid var(--brass);opacity:.5;transition:width .2s,height .2s,opacity .2s}
#ring.big{width:58px;height:58px;opacity:.2}
@media (pointer:fine) and (prefers-reduced-motion:no-preference){#cur,#ring{display:block}}

/* top bar + header */
.topbar{background:var(--maroon);color:#f6e9e3;font-size:13px;letter-spacing:.08em}
.topbar .wrap{display:flex;justify-content:space-between;gap:16px;padding-block:9px;flex-wrap:wrap}
.topbar b{color:var(--brass-lt);font-weight:600}
.topbar a{text-decoration:none;color:#fff;font-weight:600}
header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(250,247,242,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:box-shadow .3s}
header.scrolled{box-shadow:0 8px 30px rgba(31,21,18,.08)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:10px}
.logo img{height:78px;width:auto;transition:height .3s}
header.scrolled .logo img{height:60px}
.links{display:flex;gap:22px;list-style:none;margin:0;padding:0}
.links a{white-space:nowrap;font-size:12.5px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:var(--muted);transition:color .2s}
.links a:hover{color:var(--maroon)}
.nav-right{display:flex;align-items:center;gap:18px}
.phone{font-weight:600;font-size:17px;text-decoration:none;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}
.menu-btn{display:none;background:none;border:1px solid var(--line);padding:10px 12px;cursor:pointer;font:600 12px var(--sans);letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
@media (max-width:1180px){.links{display:none}.menu-btn{display:block}
  .links.open{display:flex;flex-direction:column;position:absolute;left:0;right:0;top:100%;background:var(--cream);padding:18px clamp(16px,4vw,48px) 24px;border-bottom:1px solid var(--line);gap:16px}}
@media (max-width:640px){.nav-right .btn,.nav-right .phone{display:none}.logo img{height:52px}}

/* hero */
.hero{display:grid;grid-template-columns:1.15fr 1fr;min-height:min(720px,86vh);background:var(--cream);overflow:hidden}
.hero-photo{position:relative;overflow:hidden;min-height:380px}
.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 60%;transform:scale(1.08);animation:settle 9s cubic-bezier(.2,.6,.2,1) forwards}
.hero-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(250,247,242,0) 55%,rgba(250,247,242,.55) 80%,var(--cream) 100%)}
.hero-cap{position:absolute;left:24px;bottom:22px;z-index:2;background:rgba(31,21,18,.72);color:#f3e6da;font-size:12px;letter-spacing:.16em;text-transform:uppercase;padding:8px 14px;backdrop-filter:blur(4px)}
@keyframes settle{to{transform:scale(1)}}
.hero-text{display:flex;flex-direction:column;justify-content:center;gap:22px;padding:clamp(40px,6vw,80px) clamp(16px,5vw,72px) clamp(40px,6vw,80px) clamp(16px,2vw,24px)}
.hero h1{font-size:clamp(40px,4.6vw,68px);font-weight:500;letter-spacing:-.01em}
.hero h1 em{font-weight:700}
.tagline{font-family:var(--serif);font-style:italic;color:var(--maroon);font-size:19px}
.hero-body{color:var(--muted);max-width:44ch;font-size:17px;font-weight:300}
.hero-ctas{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.proof{display:flex;gap:clamp(20px,3vw,40px);flex-wrap:wrap;padding-top:26px;margin-top:6px;border-top:1px solid var(--line)}
.proof div{display:flex;flex-direction:column}
.proof strong{font-family:var(--serif);font-size:30px;color:var(--maroon);line-height:1;font-variant-numeric:tabular-nums}
.proof span{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.rise{animation:rise .7s both}
@keyframes rise{from{opacity:0;transform:translateY(16px)}}
.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}.d5{animation-delay:.55s}
@media (max-width:900px){.hero{grid-template-columns:1fr;min-height:0}.hero-photo{min-height:52vw}.hero-photo::after{background:linear-gradient(180deg,rgba(250,247,242,0) 60%,var(--cream) 100%)}.hero-text{padding-inline:clamp(16px,4vw,48px);padding-top:8px}}

/* floor strip */
.strip{background:var(--ink)}
.strip .wrap{display:grid;grid-template-columns:repeat(6,1fr)}
.strip a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:24px 8px;text-decoration:none;color:rgba(255,255,255,.72);font-size:12px;letter-spacing:.2em;text-transform:uppercase;border-right:1px solid rgba(255,255,255,.08);transition:background .25s,color .25s}
.strip a:last-child{border-right:0}
.strip a:hover{background:var(--maroon);color:#fff}
.strip svg{width:34px;height:22px;stroke:var(--brass-lt);fill:none;stroke-width:1.4}
@media (max-width:760px){.strip .wrap{grid-template-columns:repeat(3,1fr);padding-inline:0}.strip a{border-bottom:1px solid rgba(255,255,255,.08)}}

/* floors bento */
.floors{background:var(--warm)}
.bento{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:210px;gap:6px}
.card{position:relative;overflow:hidden;background:var(--ink);text-decoration:none;color:#fff}
.card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.card:hover img{transform:scale(1.06)}
.card .ov{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;padding:26px;background:linear-gradient(0deg,rgba(24,15,12,.9) 0%,rgba(24,15,12,.25) 55%,rgba(24,15,12,0) 80%)}
.card .tag{align-self:flex-start;background:var(--brass);color:var(--ink);font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;padding:5px 10px;margin-bottom:6px}
.card h3{color:#fff;font-size:26px}
.card p{font-size:14.5px;color:rgba(255,255,255,.78);max-width:40ch;max-height:0;opacity:0;overflow:hidden;transition:max-height .45s,opacity .35s}
.card .go{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass-lt);font-weight:600;opacity:0;transform:translateY(8px);transition:opacity .3s .08s,transform .3s .08s}
.card:hover p,.card:focus-visible p{max-height:120px;opacity:1}
.card:hover .go,.card:focus-visible .go{opacity:1;transform:none}
@media (hover:none){.card p{max-height:none;opacity:1}.card .go{opacity:1;transform:none}}
.c-hard{grid-column:span 7;grid-row:span 2}.c-lvp{grid-column:span 5}.c-carpet{grid-column:span 5}
.c-lam,.c-tile,.c-ref{grid-column:span 4;grid-row:span 1}
.also{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:28px}
.also div{background:var(--cream);padding:22px 24px}
.also b{display:block;font-family:var(--serif);font-size:19px;color:var(--ink);margin-bottom:4px}
.also span{font-size:14.5px;color:var(--muted)}
@media (max-width:900px){.bento{grid-template-columns:1fr 1fr;grid-auto-rows:240px}.c-hard{grid-column:span 2;grid-row:span 1}.c-lvp,.c-carpet,.c-lam,.c-tile,.c-ref{grid-column:span 1}.also{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.bento{grid-template-columns:1fr}.c-hard,.c-lvp,.c-carpet,.c-lam,.c-tile,.c-ref{grid-column:span 1}.also{grid-template-columns:1fr}}

/* why */
.why{display:grid;grid-template-columns:1fr 1fr;gap:clamp(40px,6vw,88px);align-items:center}
.why h2{font-size:clamp(30px,3.4vw,46px);margin-block:14px 20px}
.why p{color:var(--muted);max-width:56ch}
.why p+p{margin-top:14px}
.pillars{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}
.pillar{background:var(--paper);border:1px solid var(--line);padding:18px 20px}
.pillar b{display:block;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink);margin-bottom:4px}
.pillar span{font-size:14.5px;color:var(--muted)}
.why-photo{position:relative}
.why-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.why-badge{position:absolute;left:-22px;bottom:-22px;background:var(--maroon);color:#fff;padding:24px 28px;max-width:260px}
.why-badge strong{font-family:var(--serif);font-size:40px;line-height:1;display:block}
.why-badge span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;opacity:.85}
@media (max-width:900px){.why{grid-template-columns:1fr}.why-badge{left:12px;bottom:12px}.pillars{grid-template-columns:1fr}}

/* projects */
.projects{background:var(--paper)}
.proj-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.proj{margin:0}
.proj .frame{position:relative;overflow:hidden;aspect-ratio:4/3;background:var(--warm)}
.proj img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .6s,transform .7s}
.proj:hover img{transform:scale(1.04)}
.proj figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:14.5px;color:var(--muted)}
.proj figcaption b{color:var(--ink);font-weight:500}
.ba .img-before{opacity:0}
.ba.show-before .img-before{opacity:1}
.ba.show-before .img-after{opacity:0}
.ba-toggle{position:absolute;top:14px;left:14px;z-index:2;display:flex;background:rgba(250,247,242,.92);border:1px solid var(--line)}
.ba-toggle button{border:0;background:none;padding:8px 14px;font:600 11.5px var(--sans);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);cursor:pointer}
.ba-toggle button[aria-pressed="true"]{background:var(--maroon);color:#fff}
@media (max-width:900px){.proj-grid{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.proj-grid{grid-template-columns:1fr}}

/* finder */
.finder{background:var(--ink);color:#e9ded4}
.finder h2{color:#fff}
.finder .sec-head p{color:rgba(233,222,212,.7)}
.rooms{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}
.rooms button{background:none;border:1px solid rgba(255,255,255,.22);color:#e9ded4;padding:11px 20px;font:500 14px var(--sans);letter-spacing:.08em;cursor:pointer;transition:all .2s}
.rooms button:hover{border-color:var(--brass-lt)}
.rooms button[aria-pressed="true"]{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.picks{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pick{border:1px solid rgba(255,255,255,.14);padding:24px;background:rgba(255,255,255,.03);animation:rise .45s both}
.pick .rank{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-lt)}
.pick h3{color:#fff;font-size:24px;margin-block:8px 10px}
.pick p{font-size:15px;color:rgba(233,222,212,.78)}
.finder-note{margin-top:22px;font-size:14.5px;color:rgba(233,222,212,.6)}
@media (max-width:860px){.picks{grid-template-columns:1fr}}

/* mobile showroom */
.mobile{display:grid;grid-template-columns:.9fr 1.1fr;background:var(--warm)}
.mobile-photo{position:relative;min-height:460px}
.mobile-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.mobile-text{padding:clamp(48px,7vw,96px) clamp(16px,6vw,88px);display:flex;flex-direction:column;justify-content:center;gap:20px}
.mobile-text h2{font-size:clamp(30px,3.4vw,46px)}
.mobile-text>p{color:var(--muted);max-width:52ch}
.steps{list-style:none;margin:6px 0 10px;padding:0;display:grid;gap:14px;counter-reset:s}
.steps li{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:baseline;counter-increment:s}
.steps li::before{content:counter(s,decimal-leading-zero);font-family:var(--serif);font-size:24px;color:var(--maroon);font-weight:700}
@media (max-width:860px){.mobile{grid-template-columns:1fr}.mobile-photo{min-height:90vw}}

/* design center */
.center{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}
.center-photos{display:grid;grid-template-columns:1fr;gap:10px}
.center-photos img{width:100%;height:100%;object-fit:cover;aspect-ratio:3/4}
.center-photos img:first-child{aspect-ratio:4/3}
.facts{display:grid;gap:18px;margin-top:26px}
.fact{display:grid;grid-template-columns:120px 1fr;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.fact dt{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--brass);font-weight:600}
.fact dd{margin:0;color:var(--ink);overflow-wrap:anywhere;min-width:0}
.fact a{color:var(--maroon)}
@media (max-width:900px){.center{grid-template-columns:1fr}}
@media (max-width:480px){.fact{grid-template-columns:1fr;gap:4px}}
.center>*,.why>*,.est>*,.hero>*,.mobile>*{min-width:0}

/* reviews */
.reviews{background:var(--warm);overflow:hidden}
.rev-top{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.stars{color:var(--brass);letter-spacing:3px;font-size:18px}
.rev-stage{position:relative;margin-top:36px;min-height:240px}
.rev{position:absolute;inset:0;opacity:0;transform:translateX(24px);transition:opacity .6s,transform .6s;pointer-events:none}
.rev.on{opacity:1;transform:none;pointer-events:auto;position:relative}
.rev blockquote{margin:0;font-family:var(--serif);font-style:italic;font-size:clamp(24px,3vw,38px);line-height:1.3;color:var(--ink);max-width:28ch;text-wrap:balance}
.rev blockquote::before{content:"\201C";color:var(--maroon)}
.rev blockquote::after{content:"\201D";color:var(--maroon)}
.rev cite{display:block;margin-top:22px;font-style:normal;font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--maroon);font-weight:600}
.rev-ctrl{display:flex;align-items:center;gap:14px;margin-top:30px}
.rev-ctrl button{background:none;border:1px solid var(--line);width:44px;height:44px;cursor:pointer;font-size:18px;color:var(--ink)}
.rev-ctrl button:hover{border-color:var(--maroon);color:var(--maroon)}
.dots{display:flex;gap:8px}
.dots button{width:28px;height:3px;border:0;padding:0;background:var(--line);cursor:pointer}
.dots button[aria-current="true"]{background:var(--maroon)}

/* areas */
.areas h2{font-size:clamp(26px,2.8vw,38px);margin-top:12px}
.area-list{columns:4 180px;column-gap:28px;margin:28px 0 0;padding:0;list-style:none}
.area-list li{padding:8px 0;border-bottom:1px solid var(--line);break-inside:avoid;color:var(--ink)}

/* estimate */
.estimate{background:var(--maroon);color:#f6e9e3}
.est{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:start}
.est h2{color:#fff;font-size:clamp(32px,3.6vw,50px)}
.est-lead{margin-top:16px;color:rgba(246,233,227,.8);max-width:42ch}
.big-phone{display:block;margin-top:28px;font-family:var(--serif);font-size:clamp(32px,4vw,46px);color:#fff;text-decoration:none;font-variant-numeric:tabular-nums;user-select:all}
.est-sub{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass-lt)}
form{background:var(--cream);color:var(--text);padding:clamp(22px,3vw,36px);display:grid;grid-template-columns:1fr 1fr;gap:14px}
.f{display:flex;flex-direction:column;gap:6px}
.f.full{grid-column:1/-1}
.f label{font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);font-weight:500}
.f input,.f select,.f textarea{border:1px solid var(--line);background:#fff;padding:12px 14px;font:15px var(--sans);color:var(--text);border-radius:0}
.f textarea{min-height:96px;resize:vertical}
.f input:focus,.f select:focus,.f textarea:focus{outline:none;border-color:var(--brass)}
.visit{display:flex;gap:18px;flex-wrap:wrap;font-size:15px}
.visit label{display:flex;gap:8px;align-items:center;text-transform:none;letter-spacing:0;font-size:15px;color:var(--text)}
form .btn{grid-column:1/-1;width:100%;padding-block:17px}
.form-msg{grid-column:1/-1;background:var(--warm);border-left:3px solid var(--brass);padding:12px 14px;font-size:14.5px}
@media (max-width:860px){.est{grid-template-columns:1fr}form{grid-template-columns:1fr}}

footer{background:var(--ink);color:rgba(233,222,212,.7);font-size:14.5px}
.foot{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:32px;padding-block:56px 36px}
.foot img{height:56px;width:auto;filter:brightness(0) invert(1);opacity:.8}
.foot h4{margin:0 0 12px;font:600 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-lt)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.foot a{text-decoration:none}
.foot a:hover{color:#fff}
.legal{border-top:1px solid rgba(255,255,255,.08);padding-block:18px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot{grid-template-columns:1fr}}

.pre{opacity:0;transform:translateY(22px)}
.reveal{transition:opacity .7s,transform .7s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.pre{opacity:1;transform:none}}

/* Wix-style hero pieces */
:root{--gold:#dab767;--gold-dk:#c49a45;--wine:#5d2a2f}
.hero-photo img{object-position:30% 55%}
.wix-h1{font-family:'Bitter',Georgia,serif;font-style:italic;font-weight:400;color:#7a7a7a;font-size:clamp(34px,3.3vw,50px);line-height:1.22;letter-spacing:0}
.wix-h1 em{font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-weight:400;color:#8b1a24}
.hero-callout{position:absolute;right:-1px;bottom:36px;z-index:3;background:#5a262b;color:#fff;padding:16px 22px 18px;max-width:300px;border:1px solid rgba(255,255,255,.5);box-shadow:0 12px 30px rgba(31,21,18,.25)}
.hero-callout b{display:block;font-family:'Bitter',Georgia,serif;font-style:italic;font-weight:400;font-size:28px;line-height:1.1;margin-bottom:6px}
.hero-callout span{display:block;padding-left:12px;font-size:16px;line-height:1.4;font-weight:300}
.gold-strip{display:flex;flex-wrap:wrap;align-items:flex-start;gap:clamp(18px,2.6vw,34px);padding-block:4px}
.gs{display:flex;flex-direction:column;gap:4px;text-decoration:none}
.gs strong{font-family:'Libre Baskerville',Georgia,serif;font-weight:700;font-size:36px;line-height:1;color:var(--gold)}
.gs span{font-size:13px;font-style:italic;color:var(--wine)}
.gold-btn b{background:var(--gold);color:#fff;font-family:'Libre Baskerville',Georgia,serif;font-weight:700;font-size:16px;letter-spacing:.01em;padding:11px 18px;transition:background .2s,transform .15s;text-shadow:-1px -1px 0 #5e1622,1px -1px 0 #5e1622,-1px 1px 0 #5e1622,1px 1px 0 #5e1622,0 1px 0 #5e1622,0 -1px 0 #5e1622,1px 0 0 #5e1622,-1px 0 0 #5e1622}
.gold-btn:hover b{background:var(--gold-dk);transform:translateY(-1px)}
.hero .tagline{font-family:var(--sans);font-weight:600;font-style:italic;color:#8b1a24;font-size:19px}
@media (max-width:900px){.hero-callout{position:relative;right:auto;bottom:auto;margin:-60px 16px 0 auto;width:fit-content}.hero-photo{display:flex;flex-direction:column;justify-content:flex-end}}

/* secondary pages */
.crumbs{display:flex;gap:10px;flex-wrap:wrap;padding-block:14px;font-size:13px;letter-spacing:.08em;color:var(--muted)}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--maroon)}
.page-hero{position:relative;overflow:hidden;min-height:clamp(420px,46vw,560px);display:flex;align-items:center}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 70%;transform:scale(1.06);animation:settle 9s cubic-bezier(.2,.6,.2,1) forwards}
.page-hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,var(--cream) 0%,rgba(250,247,242,.94) 38%,rgba(250,247,242,.55) 62%,rgba(250,247,242,0) 85%)}
.page-hero-text{position:relative;z-index:2;display:flex;flex-direction:column;gap:22px;padding-block:56px;width:100%}
.page-hero-text>*{max-width:600px}
.page-hero .hero-body{color:var(--text)}
@media (max-width:760px){.page-hero::before{background:linear-gradient(180deg,rgba(250,247,242,.55) 0%,rgba(250,247,242,.94) 45%,var(--cream) 100%)}}
.lvp-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,6vw,80px);align-items:start}
.lvp-intro h2,.lvp-process h2,.faq-wrap h2{font-size:clamp(30px,3.4vw,46px);margin-block:14px 20px}
.lvp-intro p,.lvp-process p{color:var(--muted);max-width:56ch}
.lvp-intro p+p{margin-top:14px}
.benefits{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line)}
.benefits li{background:var(--paper);padding:20px 22px}
.benefits b{display:block;font-family:var(--serif);font-size:19px;color:var(--ink);margin-bottom:4px}
.benefits span{font-size:14.5px;color:var(--muted)}
.compare-sec{background:var(--warm)}
.table-wrap{overflow-x:auto;background:var(--paper);border:1px solid var(--line)}
.compare{width:100%;border-collapse:collapse;min-width:620px;font-size:15px}
.compare th,.compare td{padding:16px 18px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.compare thead th{font-family:var(--serif);font-size:19px;color:var(--ink)}
.compare tbody th{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);font-weight:600;white-space:nowrap}
.compare .hl{background:rgba(218,183,103,.14)}
.compare thead .hl{color:var(--maroon)}
.table-note{margin-top:16px;color:var(--muted)}
.table-note a{color:var(--maroon)}
.lvp-gallery{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lvp-gallery figure{margin:0;overflow:hidden}
.lvp-gallery img{width:100%;aspect-ratio:16/7;object-fit:cover;transition:transform .7s}
.lvp-gallery figure:hover img{transform:scale(1.04)}
.lvp-gallery figcaption{padding-top:10px;font-size:14.5px;color:var(--muted)}
.room-picks{margin-top:4px}
.lvp-process{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(32px,6vw,80px);align-items:start}
.lvp-process .steps b{color:var(--ink);font-weight:600}
.faq-sec{background:var(--paper)}
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(32px,6vw,80px);align-items:start}
.faq details{border-bottom:1px solid var(--line);padding-block:18px}
.faq details:first-child{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;font-family:var(--serif);font-size:20px;color:var(--ink);display:flex;justify-content:space-between;gap:16px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--maroon);font-family:var(--sans);font-size:24px;line-height:1;transition:transform .25s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq details p{margin-top:10px;color:var(--muted);max-width:62ch}
@media (max-width:900px){.lvp-intro,.lvp-process,.faq-wrap{grid-template-columns:1fr}.lvp-intro>*,.lvp-process>*,.faq-wrap>*{min-width:0}}
@media (max-width:560px){.benefits,.lvp-gallery{grid-template-columns:1fr}}

/* hero balance: photo ~40%, text slides over the fade */
.hero{grid-template-columns:40fr 60fr}
.hero-photo img{object-position:18% 55%}
.hero-photo::after{background:linear-gradient(90deg,rgba(250,247,242,0) 45%,rgba(250,247,242,.6) 75%,var(--cream) 100%)}
.hero-text{position:relative;z-index:2;margin-left:-5vw;padding-left:0;padding-right:clamp(16px,6vw,96px)}
.hero-text .hero-body{max-width:52ch}
@media (max-width:900px){.hero{grid-template-columns:1fr}.hero-text{margin-left:0;padding-left:clamp(16px,4vw,48px)}.hero-photo::after{background:linear-gradient(180deg,rgba(250,247,242,0) 60%,var(--cream) 100%)}}
.hero{min-height:min(640px,80vh)}
.hero-photo img{object-position:12% 55%}
/* hero rebalance v2: ~45/55, text fully in the cream */
.hero{grid-template-columns:45fr 55fr}
.hero-photo img{object-position:34% 55%}
.hero-photo::after{background:linear-gradient(90deg,rgba(250,247,242,0) 58%,rgba(250,247,242,.7) 85%,var(--cream) 100%)}
.hero-text{margin-left:0;padding-left:clamp(24px,3vw,48px)}
/* gold button: dark-red text, clean sans, no outline */
.gold-btn b{font-family:var(--sans);font-weight:600;font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:#5e1622;text-shadow:none;padding:13px 22px}
.gold-btn:hover b{background:#e3c47e;color:#4a1019}
/* keep the hero headline on three lines on wider screens */
@media (min-width:901px){.wix-h1 .ln{display:block;white-space:nowrap}}
.f{min-width:0}.f input,.f select,.f textarea{width:100%;min-width:0}
/* hero spacing tweaks */
.hero-text .gold-strip{margin-top:14px}
.hero-text .tagline{margin-bottom:-12px}
/* estimate pill: white center, gold rim, red lettering */
.gold-btn b{background:#fff;border:2px solid var(--gold);border-radius:999px;color:#7a1f2e;font-family:var(--sans);font-weight:600;font-size:15.5px;letter-spacing:.12em;text-transform:uppercase;text-shadow:none;padding:13px 28px;box-shadow:0 4px 14px rgba(122,31,46,.08);transition:background .2s,border-color .2s,box-shadow .2s,transform .15s}
.gold-btn:hover b{background:#fdf8ee;border-color:var(--gold-dk);color:#5e1622;box-shadow:0 8px 22px rgba(122,31,46,.14);transform:translateY(-1px)}
.gold-btn span{padding-left:6px}
/* content round: Wix homepage copy */
.hero-h1{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:var(--brass);display:flex;align-items:center;gap:12px;margin:0 0 -6px}
.hero-h1::before{content:"";width:28px;height:1px;background:currentColor}
.why h2{font-size:clamp(28px,3vw,42px)}
.why-lead{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--maroon)!important;margin-bottom:18px}
.checks{list-style:none;margin:0 0 22px;padding:0;display:grid;gap:12px}
.checks li{display:grid;grid-template-columns:26px 1fr;gap:8px;color:var(--ink);font-size:17px}
.checks li::before{content:"";width:18px;height:18px;margin-top:4px;border-radius:50%;background:var(--gold) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.5l2.5 2.5L12 5.5' fill='none' stroke='%235e1622' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.why-cta{font-size:17px;color:var(--ink)!important}
.why-cta a{color:var(--maroon);font-weight:600;text-decoration:none;white-space:nowrap}
.why-badge span:first-child{display:block;margin-bottom:6px}
.choose{background:var(--paper)}
.choose-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(36px,6vw,80px);align-items:start}
.choose-photo{position:sticky;top:110px}
.choose-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.choose-copy h2{font-size:clamp(28px,3vw,42px);margin-block:14px 18px}
.choose-copy h3{font-size:clamp(21px,2vw,26px);margin-block:30px 12px;color:var(--maroon);font-style:italic}
.choose-copy p{color:var(--muted);max-width:62ch;font-size:16.5px}
.craft{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:start;margin-bottom:28px}
.craft h2{font-size:clamp(28px,3vw,42px);margin-top:14px}
.craft-copy p{color:var(--muted);font-size:16.5px}
.craft-copy p+p{margin-top:14px}
.craft-copy a{color:var(--maroon);font-weight:600;text-decoration:none;white-space:nowrap}
.proj-note{color:var(--muted);font-size:14.5px;margin-bottom:18px}
.types{background:var(--cream)}
.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.type{background:var(--paper);border:1px solid var(--line);border-top:3px solid var(--maroon);padding:26px 24px}
.type h3{font-size:21px;margin-bottom:14px}
.type h3 span{display:block;font-size:15px;font-style:italic;color:var(--maroon);margin-top:4px}
.type ul{margin:0;padding-left:18px;display:grid;gap:8px;color:var(--muted);font-size:15px}
.type ul li::marker{color:var(--gold-dk)}
.type-link{display:inline-block;margin-top:16px;color:var(--maroon);font-weight:600;font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none}
.rev-h{font-size:clamp(28px,3vw,42px);flex-basis:100%;margin-bottom:6px}
@media (max-width:1100px){.type-grid{grid-template-columns:1fr 1fr}}
@media (max-width:900px){.choose-grid,.craft{grid-template-columns:1fr}.choose-photo{position:static}.choose-grid>*,.craft>*{min-width:0}}
@media (max-width:560px){.type-grid{grid-template-columns:1fr}}
.hero .hero-h1{font-family:var(--sans);font-size:12.5px;font-weight:600;letter-spacing:.24em;line-height:1.4;color:var(--brass)}
.f input[type=radio]{width:auto}
/* keep the approved headline look now that it is a <p> */
.hero .wix-h1{font-size:clamp(40px,4.6vw,68px);font-weight:500;letter-spacing:-.01em;margin:0}
.hero .wix-h1 em{font-weight:700}
/* estimate pill sized to the 36px stat numbers so the captions line up */
.gold-btn b{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:36px;padding:0 22px;font-size:13.5px;line-height:1;align-self:flex-start}
@media (min-width:901px){.hero-text .gold-strip{flex-wrap:nowrap}.gold-btn b{letter-spacing:.08em;padding:0 18px;white-space:nowrap}}
/* review round 2 (Sept 28) */
/* Wix/v2 feature strip under the hero, light version */
.features{background:var(--warm);border-block:1px solid var(--line)}
.features .wrap{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(12px,2vw,28px);padding-block:30px}
.feat{display:flex;flex-direction:column;align-items:center;text-align:center;gap:6px}
.feat svg{width:30px;height:30px;fill:none;stroke:var(--brass);stroke-width:1.5;stroke-linejoin:round;stroke-linecap:round;margin-bottom:4px}
.feat b{font-family:var(--serif);font-size:18px;font-weight:700;color:var(--wine);line-height:1.25}
.feat span{font-size:14px;line-height:1.45;color:var(--muted);max-width:26ch}
@media (max-width:900px){.features .wrap{grid-template-columns:repeat(2,1fr);row-gap:26px}.feat:last-child{grid-column:1/-1}}
/* alternate light/dark: strip (warm) > floors (cream) > about (warm) */
.floors{background:var(--cream)}
#about{background:var(--warm)}
/* floor finder: straight brown, a touch lighter */
.finder{background:#2b231c}
/* reviews: quote in red, name in a mid gray and a bit bigger */
.rev blockquote{color:var(--maroon)}
.rev cite{color:#6e6e6e;font-size:15px}
/* review round 3 (Sept 28) */
/* tighter sections overall */
.sec{padding-block:clamp(48px,6vw,84px)}
.sec-head{margin-bottom:32px}
.features .wrap{padding-block:20px}
.feat{gap:4px}
.floors{padding-block:clamp(40px,4.5vw,64px)}
/* Complete Flooring Store: design center photo, only slightly taller than the text */
.why{align-items:stretch}
.why-photo{min-height:360px}
.why-photo img{position:absolute;left:0;right:0;top:-18px;bottom:0;width:100%;height:calc(100% + 18px);aspect-ratio:auto;object-fit:cover;object-position:50% 45%}
/* design center box: red, white type, simple stacked info */
.why-badge{left:-28px;bottom:-28px;max-width:none;width:min(300px,80%);padding:22px 26px 20px;box-shadow:0 14px 30px rgba(31,21,18,.22);z-index:2}
.why-badge .wb-label{display:block;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);opacity:1;margin:0 0 10px;font-weight:600}
.why-badge p{margin:0;color:#fff}
.wb-addr{font-family:var(--serif);font-size:21px;line-height:1.3;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.25)}
.wb-hours{font-size:14px;line-height:1.5;padding-top:12px;color:rgba(255,255,255,.85)!important}
.wb-link{display:inline-block;margin-top:12px;color:#fff;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
.wb-link:hover{color:var(--gold)}
@media (max-width:900px){.why-photo{min-height:0}.why-photo img{position:static;height:auto;aspect-ratio:4/3}.why-badge{position:relative;left:auto;bottom:auto;width:auto;margin:-40px 16px 0}}
/* floor finder: accent words in gold instead of red */
.finder h2 em{color:var(--gold)}
/* break up the two white sections: Choose goes dark brown */
.choose{background:#2b231c}
.choose-copy h2{color:#fff}
.choose-copy h2 em{color:var(--gold)}
.choose-copy h3{color:var(--gold)}
.choose-copy p{color:rgba(240,230,220,.82)}
.choose .eyebrow{color:var(--gold)}
.why-badge{left:-56px;bottom:-36px;width:318px;padding:18px 22px 16px}
.why-badge .wb-label{font-size:11px;letter-spacing:.14em;white-space:nowrap;margin-bottom:8px}
.wb-addr{font-size:20px;padding-bottom:10px}
.wb-hours{font-size:13px;padding-top:10px}
.wb-link{margin-top:10px}
@media (max-width:900px){.why-badge{left:auto;bottom:auto;width:auto}}
/* reviews: two quotes side by side, three rotating sets */
.rev{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.rq{margin:0}
.rev blockquote{font-size:clamp(21px,2vw,27px);line-height:1.4;max-width:none;text-wrap:pretty}
.rev-stage{min-height:0}
@media (max-width:760px){.rev{grid-template-columns:1fr;gap:28px}}
/* stack the sets in one cell so the section height never jumps between sets */
.rev-stage{display:grid}
.rev,.rev.on{grid-area:1/1;position:relative;inset:auto}
/* product-page hero: solid cream carries past the text, then fades to the photo */
@media (min-width:761px){.page-hero::before{background:linear-gradient(90deg,var(--cream) 0%,var(--cream) 52%,rgba(250,247,242,.92) 60%,rgba(250,247,242,.5) 72%,rgba(250,247,242,0) 88%)}}
/* comparison table: equal rows, text centered in each row, maroon header + row titles */
.compare tbody tr{height:74px}
.compare th,.compare td{vertical-align:middle;padding-block:12px}
.compare thead th{background:var(--maroon);color:#fff;border-bottom:0;padding-block:18px}
.compare thead .hl{background:var(--maroon-dk);color:var(--gold)}
.compare tbody th{color:var(--maroon);font-size:12.5px}
.compare tbody tr:last-child th,.compare tbody tr:last-child td{border-bottom:0}
.compare tbody td.hl{color:var(--ink);font-weight:600}
.compare tbody tr:hover th,.compare tbody tr:hover td{background:rgba(122,31,46,.04)}
.compare tbody tr:hover td.hl{background:rgba(218,183,103,.22)}
.compare{min-width:820px}
/* round 4: lighter brown (latte) on Choose + Floor Finder so red accents can read */
:root{--latte:#c8b094;--latte-ink:#2a1f19}
.choose,.finder{background:var(--latte);color:var(--latte-ink)}
.choose .eyebrow,.finder .eyebrow{color:var(--maroon)}
.choose-copy h2,.finder h2{color:var(--ink)}
.choose-copy h2 em,.finder h2 em{color:var(--maroon)}
.choose-copy h3{color:var(--maroon)}
.choose-copy p,.finder .sec-head p,.finder-note{color:#3b2e25}
.rooms button{border-color:rgba(42,31,25,.35);color:var(--latte-ink)}
.rooms button:hover{border-color:var(--maroon);color:var(--maroon)}
.rooms button[aria-pressed="true"]{background:var(--maroon);border-color:var(--maroon);color:#fff}
.pick{background:rgba(255,255,255,.4);border-color:rgba(42,31,25,.14)}
.pick .rank{color:var(--maroon);font-weight:600}
.pick h3{color:var(--ink)}
.pick p{color:#3b2e25}
/* yellow rule (Sept 28): bright gold on dark/colored backgrounds, mustard on white/light backgrounds */
:root{--brass-lt:#dab767}                 /* every "on dark" yellow now uses the bright gold */
.card .tag{background:var(--gold)}        /* tags sit on dark photo overlays */
/* on light backgrounds: mustard */
.gs strong{color:var(--brass)}
.gold-btn b{border-color:var(--brass)}
.gold-btn:hover b{border-color:#9c7238}
.checks li::before{background-color:var(--brass)}
.type ul li::marker{color:var(--brass)}
@media (min-width:901px){.hero-text .gold-strip{gap:28px}.hero-text .gs:first-child span,.hero-text .gold-btn span{white-space:nowrap}.hero-text .gs:nth-child(2) span{max-width:190px}.hero-text .gs{flex:0 0 auto}}
/* round 5: dark brown #2b231c as an accent (boxes/buttons), not as a section background */
:root{--espresso:#2b231c}
.why-badge{background:var(--espresso)}
.rooms button[aria-pressed="true"]{background:var(--espresso);border-color:var(--espresso);color:#fff}
.pick{background:var(--espresso);border-color:var(--espresso)}
.pick .rank{color:var(--gold)}
.pick h3{color:#fff}
.pick p{color:rgba(240,230,220,.82)}
/* tighten the gap between Flooring types and Visit our design center by about a third */
.types{padding-bottom:clamp(32px,4vw,56px)}
#visit{padding-top:clamp(32px,4vw,56px)}
.est h2 em{color:var(--gold)}
/* footer v2: white, links in a soft brown rounded box, color logo on the right (kitty-corner to the header logo) */
footer{background:var(--paper);color:var(--text);border-top:1px solid var(--line)}
.foot{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:clamp(32px,5vw,72px);align-items:center;padding-block:48px 32px}
.foot-box{display:grid;grid-template-columns:auto auto auto;justify-content:start;column-gap:clamp(36px,4.5vw,64px);row-gap:28px;background:rgba(200,176,148,.28);border:1px solid rgba(43,35,28,.08);border-radius:22px;padding:30px clamp(26px,3vw,40px)}
.foot h4{color:var(--brass)}
.foot ul{gap:7px}
.foot li{color:var(--text)}
.foot a{color:var(--text)}
.foot a:hover{color:var(--maroon)}
.foot-brand{text-align:right;display:flex;flex-direction:column;align-items:flex-end;gap:12px}
.foot-brand img{height:auto;width:clamp(180px,17vw,230px);filter:none;opacity:1}
.foot-brand p{margin:0;max-width:26ch;font-size:14px;color:var(--muted);font-style:italic}
.legal{border-top:1px solid var(--line);color:var(--muted)}
@media (max-width:980px){.foot{grid-template-columns:1fr}.foot-brand{order:-1;align-items:center;text-align:center}.foot-box{justify-content:stretch}}
@media (max-width:640px){.foot-box{grid-template-columns:1fr 1fr}.foot-box>div:last-child{grid-column:1/-1}}
@media (min-width:981px){.foot{grid-template-columns:auto 1fr}.foot-brand{justify-self:end}}
.foot-box{background:rgba(200,176,148,.34)}
/* floor finder v3: bright white cards with a thin red pin-line just inside the edge */
.pick{background:#fff;border:0;outline:1px solid var(--maroon);outline-offset:-6px;box-shadow:0 6px 18px rgba(42,31,25,.10)}
.pick .rank{color:var(--maroon)}
.pick h3{color:var(--ink)}
.pick p{color:var(--text)}
/* room buttons: hover = red outline + red type; selected = the same on bright white */
.rooms button:hover{border-color:var(--maroon);color:var(--maroon);background:transparent}
.rooms button[aria-pressed="true"]{background:#fff;border-color:var(--maroon);color:var(--maroon)}
/* round 6: floor card tags back to brand red */
.card .tag{background:var(--maroon);color:#fff}
/* design center box: warm tan accents instead of gold on the dark brown, tighter spacing */
.why-badge .wb-label{color:#d9c4a8}
.wb-link{border-bottom-color:#d9c4a8}
.wb-link:hover{color:#d9c4a8}
.why .why-badge p{margin:0}
.why .why-badge .wb-addr{padding-bottom:8px}
.why .why-badge .wb-hours{padding-top:8px}
.why-badge .wb-link{margin-top:8px}
/* round 7 (vinyl page) */
/* comparison table: three product columns exactly equal */
.compare{table-layout:fixed}
.compare thead th:first-child,.compare tbody th{width:22%}
.compare thead th:not(:first-child){width:26%}
.compare tbody th{white-space:normal}
/* benefit tiles: equal columns, white cards with the red pin-line (matches the Floor Finder cards) */
.benefits{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:1fr;gap:14px;background:none;border:0}
.benefits li{background:#fff;padding:22px 24px;outline:1px solid var(--maroon);outline-offset:-6px;box-shadow:0 6px 18px rgba(42,31,25,.08)}
.benefits b{color:var(--maroon)}
.benefits span{color:var(--text)}
@media (max-width:560px){.benefits{grid-template-columns:1fr;grid-auto-rows:auto}}
/* round 8: yellow sitting on red gets a lighter, softer gold (mustard stays for white/light backgrounds) */
:root{--gold-on-red:#f0d690}
.topbar b{color:var(--gold-on-red)}
.compare thead .hl{color:var(--gold-on-red)}
.estimate .eyebrow{color:var(--gold-on-red)!important}
.est h2 em,.est-sub{color:var(--gold-on-red)}
/* round 9 (trial): bright gold everywhere mustard was used, including on white/light backgrounds */
:root{--brass:#dab767}
.gold-btn:hover b{border-color:var(--gold-dk)}

/* ===== round 10 (Oct 30): Eric's markup ===== */
/* hero: real North Tacoma install */
.hero-photo img{object-position:64% 62%}
/* phones/tablets: stack photo over text (the later 45/55 rule was overriding the old stack rule) */
@media (max-width:900px){
  .hero{grid-template-columns:minmax(0,1fr);min-height:0}
  .hero-photo{min-height:62vw}
  .hero-photo img{object-position:62% 62%}
  .hero-photo::after{background:linear-gradient(180deg,rgba(250,247,242,0) 62%,var(--cream) 100%)}
  .hero-text{margin-left:0;padding:6px clamp(16px,4vw,48px) 44px;gap:18px}
  .hero .wix-h1{font-size:clamp(34px,8.6vw,52px)}
  .hero-text .gold-strip{gap:18px 26px}
}
/* feature strip: colored icons (filled, multi-tone) instead of line stencils */
.feat svg.ficon{width:46px;height:46px;fill:none;stroke:none;stroke-width:0;margin-bottom:4px}
/* Flooring dropdown in the main menu */
.links{align-items:center}
.has-drop{position:relative}
.drop-top{display:inline-flex;align-items:center;gap:7px;background:none;border:0;padding:0;cursor:pointer;white-space:nowrap;font:500 12.5px/1.65 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);transition:color .2s}
.drop-top svg{width:10px;height:10px;stroke:currentColor;fill:none;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s}
.has-drop:hover .drop-top,.has-drop.open .drop-top{color:var(--maroon)}
.has-drop:hover .drop-top svg,.has-drop.open .drop-top svg{transform:rotate(180deg)}
.has-drop::after{content:"";position:absolute;left:-20px;right:-20px;top:100%;height:34px}
.drop{position:absolute;top:calc(100% + 30px);left:-24px;min-width:280px;list-style:none;margin:0;padding:12px 0;background:#fff;border:1px solid var(--line);border-top:3px solid var(--maroon);box-shadow:0 18px 40px rgba(31,21,18,.14);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:60}
header.scrolled .drop{top:calc(100% + 21px)}
.has-drop:hover .drop,.has-drop.open .drop{opacity:1;visibility:visible;transform:none}
.links .drop a{display:block;padding:9px 24px;font-size:13px;letter-spacing:.08em;color:var(--text)}
.links .drop a:hover{background:var(--warm);color:var(--maroon)}
.drop .drop-sep{margin-top:8px;padding-top:8px;border-top:1px solid var(--line)}
@media (max-width:1180px){
  .links.open{align-items:stretch}
  .has-drop::after{display:none}
  .drop-top{font-size:12.5px}
  .drop{position:static;display:none;opacity:1;visibility:visible;transform:none;min-width:0;margin:10px 0 0;padding:2px 0;background:transparent;border:0;border-left:2px solid var(--maroon);box-shadow:none}
  .has-drop.open .drop{display:block}
  .links .drop a{padding:7px 16px}
  .drop .drop-sep{margin-top:4px;padding-top:4px}
}
/* Know your options moved up under the floor cards; now 5 cards (tile added) */
.types{background:var(--warm);padding-bottom:clamp(48px,6vw,84px)}
.type-grid{grid-template-columns:repeat(6,minmax(0,1fr))}
.type{grid-column:span 2}
.type:nth-child(4),.type:nth-child(5){grid-column:span 3}
@media (max-width:1100px){.type-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.type,.type:nth-child(4){grid-column:auto}.type:nth-child(5){grid-column:1/-1}}
@media (max-width:560px){.type-grid{grid-template-columns:1fr}.type:nth-child(5){grid-column:auto}}
/* Visit: carries "A Complete Flooring Store in Puyallup"; two photos (storefront + design center) */
#visit{padding-top:clamp(48px,6vw,84px);padding-bottom:clamp(32px,4vw,52px)}
.center-photos.two{grid-template-columns:1.4fr 1fr;height:clamp(340px,34vw,470px)}
.center-photos.two img,.center-photos.two img:first-child{height:100%;aspect-ratio:auto}
.center-photos.two img:last-child{object-position:50% 40%}
.center-lead{font-family:var(--serif);font-style:italic;font-size:21px;color:var(--maroon);margin-top:12px}
.center-body{color:var(--muted);max-width:52ch;margin-top:10px}
@media (max-width:900px){.center-photos.two{height:62vw}}
/* Mobile Showroom: slim band (espresso card, used as an accent box) */
.mshow{background:var(--cream);padding-block:0 clamp(48px,6vw,84px)}
.mshow-card{display:grid;grid-template-columns:minmax(0,34%) minmax(0,1fr);align-items:center;gap:clamp(24px,3.5vw,52px);background:var(--espresso);border-radius:18px;overflow:hidden;padding-right:clamp(24px,4vw,56px);box-shadow:0 14px 34px rgba(31,21,18,.16)}
.mshow-photo{position:relative;align-self:stretch;min-height:230px}
.mshow-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.mshow-text{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding-block:30px}
.mshow .eyebrow{color:#d9c4a8}
.mshow h2{color:#fff;font-size:clamp(23px,2.1vw,30px)}
.mshow h2 em{color:var(--gold)}
.mshow p{color:rgba(239,228,216,.82);max-width:62ch;font-size:15.5px}
.mshow-link{margin-top:6px;white-space:nowrap;color:#fff;font-weight:600;font-size:12px;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;border:1px solid rgba(217,196,168,.65);border-radius:999px;padding:11px 20px;transition:background .2s,border-color .2s}
.mshow-link:hover{background:rgba(255,255,255,.08);border-color:#d9c4a8}
@media (max-width:860px){.mshow-card{grid-template-columns:minmax(0,1fr);padding:0}.mshow-photo{min-height:50vw}.mshow-text{padding:22px 22px 28px}}
/* footer: compact service-area line replaces the big "Where we work" sections */
.foot-areas{padding-block:0 26px}
.foot-areas h4{margin:0 0 8px;font:600 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.foot-areas p{margin:0;font-size:14px;line-height:1.9;color:var(--muted)}
.foot-areas .fa-lead{color:var(--text);margin-right:4px}
.foot-areas a{color:var(--text);text-decoration:none;white-space:nowrap}
.foot-areas a[href]:hover{color:var(--maroon)}
.foot-areas a:not(:last-child)::after{content:"·";color:var(--brass);margin:0 4px 0 9px}
/* LVP page: warmer six-photo style gallery, no captions */
.lvp-gallery.six{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.lvp-gallery.six img{aspect-ratio:3/2}
@media (max-width:860px){.lvp-gallery.six{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.lvp-gallery.six{grid-template-columns:1fr}}
/* LVP page: design center photo under "How it works" intro */
.process-photo{width:100%;aspect-ratio:4/3;object-fit:cover;margin-top:26px;box-shadow:0 10px 26px rgba(31,21,18,.12)}
.process-sec{background:var(--warm)}
/* LVP page: one-line city list replaces the big "Where we install" section */
.city-line{margin-top:clamp(36px,4vw,52px);padding-top:22px;border-top:1px solid var(--line);font-size:14.5px;line-height:1.85;color:var(--muted)}
.city-line b{color:var(--ink);font-weight:600}
.city-line a{color:var(--text);text-decoration:none;white-space:nowrap}
.city-line a[href]:hover{color:var(--maroon)}

/* ===== round 11 (Oct 30, Steve) ===== */
/* uneven two-column sections: the shorter column sticks under the header and rides along
   until its bottom lines up with the taller side (same as the KC Martin and All Vovo sites).
   Both columns get sticky; only the shorter one can actually move. */
@media (min-width:901px){
  .lvp-intro,.lvp-process,.faq-wrap,.est,.craft,.center{align-items:start}
  .lvp-intro>*,.lvp-process>*,.faq-wrap>*,.est>*,.craft>*,.center>*{position:sticky;top:124px}
}
/* How it works: bigger step numbers */
.lvp-process .steps{gap:24px}
.lvp-process .steps li{grid-template-columns:84px 1fr;align-items:start}
.lvp-process .steps li::before{font-size:50px;line-height:.9;letter-spacing:-.01em}
.lvp-process .steps li span{padding-top:4px}
@media (max-width:560px){.lvp-process .steps li{grid-template-columns:64px 1fr}.lvp-process .steps li::before{font-size:40px}}
/* reviews: calmer, roomier italic (Libre Baskerville, already used for the hero's red words) */
.rev blockquote{font-family:'Libre Baskerville',Georgia,serif;font-size:clamp(19px,1.7vw,23px);line-height:1.62;letter-spacing:.01em;word-spacing:.04em}

/* ===== round 12 (Oct 30, Steve) ===== */
/* header: solid white, no see-through/blur */
header{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
@media (max-width:1180px){.links.open{background:#fff}}
/* footer redesign: logo left (lines up with the header logo), link columns, espresso design center card, maroon bottom bar to bookend the top bar */
footer.site-foot{background:var(--warm);color:var(--text);border-top:0;font-size:15px}
footer.site-foot::before{content:"";display:block;height:3px;background:var(--gold)}
.ft-top{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr) minmax(0,.95fr) minmax(0,.65fr) minmax(0,1.5fr);gap:clamp(24px,2.6vw,36px);padding-block:clamp(48px,5vw,68px) 38px;align-items:start}
.ft-logo{display:inline-block}
.ft-logo img{width:clamp(190px,16vw,228px);height:auto;display:block}
.ft-tag{margin-top:14px;font-family:var(--serif);font-style:italic;font-weight:700;font-size:19px;line-height:1.3;color:var(--maroon)}
.ft-about{margin-top:8px;max-width:34ch;font-size:14.5px;line-height:1.6;color:var(--muted)}
.ft-rating{margin-top:12px;font-size:13.5px;color:var(--text);white-space:nowrap}
.ft-rating .stars{font-size:14px;letter-spacing:2px;margin-right:6px;color:var(--gold-dk)}
.ft-btn{margin-top:18px;padding:13px 24px}
.ft-col h4{display:inline-block;margin:8px 0 16px;padding-bottom:9px;border-bottom:2px solid var(--gold);font:600 12px var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--maroon)}
.ft-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ft-col a{color:var(--text);text-decoration:none;font-size:15px;line-height:1.35;transition:color .2s}
.ft-col a:hover,.ft-col a[aria-current]{color:var(--maroon)}
.ft-visit{background:var(--espresso);color:#efe4d8;border-radius:16px;padding:26px 26px 24px;box-shadow:0 14px 30px rgba(31,21,18,.16)}
.ft-visit-label{display:block;margin-bottom:10px;font:600 11.5px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#d9c4a8}
.ft-addr{font-family:var(--serif);font-size:20px;line-height:1.3;color:#fff}
.ft-dir{display:inline-block;margin-top:9px;padding-bottom:2px;border-bottom:1px solid #d9c4a8;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#fff;text-decoration:none}
.ft-dir:hover{color:#d9c4a8}
.ft-phone{display:block;margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.16);font-family:var(--serif);font-size:26px;line-height:1.1;color:var(--gold);text-decoration:none;font-variant-numeric:tabular-nums}
.ft-hours{margin-top:8px;font-size:13.5px;line-height:1.55;color:rgba(239,228,216,.85)}
.ft-email{margin-top:8px;font-size:12.5px;color:rgba(239,228,216,.85);overflow-wrap:anywhere}
.site-foot .foot-areas{position:relative;padding-block:22px 26px;border-top:0}
.site-foot .foot-areas::before{content:"";position:absolute;top:0;left:clamp(16px,4vw,48px);right:clamp(16px,4vw,48px);border-top:1px solid rgba(43,35,28,.12)}
.site-foot .foot-areas h4{color:var(--maroon)}
.ft-legal{background:var(--maroon);color:#f6e9e3;font-size:13px;letter-spacing:.04em}
.ft-legal .wrap{display:flex;justify-content:space-between;gap:8px 16px;flex-wrap:wrap;padding-block:14px}
@media (max-width:1100px){
  .ft-top{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ft-brand{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:36px;align-items:center}
  .ft-logo{grid-row:1/span 4}
  .ft-brand .ft-tag{margin-top:0}
  .ft-btn{justify-self:start}
  .ft-visit{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px;align-items:start}
  .ft-visit-label{grid-column:1/-1}
  .ft-addr{grid-column:1;grid-row:2}
  .ft-dir{grid-column:1;grid-row:3;justify-self:start}
  .ft-phone{grid-column:2;grid-row:2;margin-top:0;padding-top:0;border-top:0}
  .ft-hours{grid-column:2;grid-row:3;margin-top:6px}
  .ft-email{grid-column:2;grid-row:4}
}
@media (max-width:640px){
  .ft-top{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:30px}
  .ft-brand{display:block}
  .ft-brand .ft-tag{margin-top:14px}
  .ft-col:last-of-type{grid-column:1/-1}
  .ft-visit{display:block}
  .ft-phone{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.16)}
}

/* ===== Round 14 (Oct 30): full-site build components ===== */
.hp{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}
.ft-email a{color:inherit;text-decoration:none;white-space:nowrap}
.ft-email a:hover{color:#fff}
.foot-areas h4 a{color:inherit;text-decoration:none}
.form-msg.ok{color:#1f6b3a}
.more-link{margin-top:26px;text-align:center}
.more-link a,.rev-all,.text-link{font-weight:600;font-size:14px;letter-spacing:.06em;color:var(--maroon);text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px}
.more-link a:hover,.rev-all:hover,.text-link:hover{color:var(--ink)}
.rev-top .rev-all{margin-left:auto}
.tint-sec{background:var(--warm)}
.type-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.type-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.type-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.type-grid.two .type,.type-grid.three .type,.type-grid.four .type{grid-column:auto!important}
@media (max-width:760px){.type-grid.two,.type-grid.three,.type-grid.four{grid-template-columns:minmax(0,1fr)}}
.types.no-tint{background:transparent}
.fq-sec{background:var(--warm)}
.fq-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:clamp(22px,3vw,34px)}
.fq-top .rev-all{margin-left:auto}
.fq-meta{color:var(--muted);font-size:14px}
.fq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,4vw,56px)}
.fq-grid.one{grid-template-columns:minmax(0,1fr);max-width:920px}
.fq blockquote{font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-size:clamp(17px,1.45vw,20px);line-height:1.7;letter-spacing:.01em;word-spacing:.04em;color:var(--ink);margin:0;max-width:none}
.fq cite{display:block;margin-top:14px;font-style:normal;font-size:12.5px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
@media (max-width:760px){.fq-grid{grid-template-columns:minmax(0,1fr)}}
.lvp-gallery.four{grid-template-columns:repeat(2,minmax(0,1fr))}
.lvp-gallery.four img{aspect-ratio:3/2}
.side-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:14px;box-shadow:0 18px 40px -24px rgba(43,35,28,.45)}
/* page heads, blog */
.page-h1{font-size:clamp(34px,4.2vw,58px);margin-top:16px;max-width:22ch}
.page-h1 em{font-style:italic;color:var(--maroon)}
.lead{font-size:clamp(17px,1.4vw,19px);color:var(--text);max-width:62ch;margin-top:18px}
.blog-head{padding-bottom:0}
.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,36px)}
.blog-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
.post-card{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;display:flex;flex-direction:column}
.post-card.feature{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.pc-img{display:block;overflow:hidden}
.pc-img img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .6s ease}
.post-card:hover .pc-img img{transform:scale(1.04)}
.pc-body{padding:22px 24px 26px;display:flex;flex-direction:column;gap:10px}
.post-card.feature .pc-body{padding:clamp(24px,3vw,44px);justify-content:center}
.pc-body time,.post-meta{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brass)}
.pc-body h2,.pc-body h3{font-size:clamp(20px,1.8vw,26px);line-height:1.2}
.post-card.feature .pc-body h2{font-size:clamp(26px,2.6vw,38px)}
.pc-body h2 a,.pc-body h3 a{color:var(--ink);text-decoration:none}
.pc-body h2 a:hover,.pc-body h3 a:hover{color:var(--maroon)}
.pc-body p{margin:0;color:var(--muted)}
.pc-body .text-link{align-self:flex-start;margin-top:4px}
@media (max-width:860px){.blog-grid,.blog-grid.three,.post-card.feature{grid-template-columns:minmax(0,1fr)}}
.post-head{padding-top:clamp(28px,4vw,52px)}
.post-meta{margin-top:14px}
.post-hero{margin-top:clamp(22px,3vw,34px)}
.post-hero img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:18px;display:block}
.post-wrap{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:clamp(28px,5vw,72px);padding-block:clamp(32px,4vw,56px);align-items:start}
.prose{font-size:17.5px;line-height:1.8;max-width:70ch;color:var(--text)}
.prose h2{font-size:clamp(24px,2.2vw,32px);margin:1.6em 0 .5em}
.prose p{margin:0 0 1.1em}
.prose ul{margin:0 0 1.2em;padding-left:1.2em}
.prose li{margin:.35em 0}
.prose a{color:var(--maroon)}
.post-aside{position:sticky;top:124px}
.aside-card{background:var(--espresso);color:#efe4d8;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:14px}
.aside-card .eyebrow{color:var(--gold)}
.aside-card p{margin:0;font-size:15px}
.aside-phone{color:var(--gold);font-family:var(--serif);font-size:24px;text-decoration:none}
@media (max-width:900px){.post-wrap{grid-template-columns:minmax(0,1fr)}.post-aside{position:static}}
.more-posts{background:var(--warm)}
/* about, reviews, contact, work, areas */
.about-grid,.rev-head-grid,.contact-grid,.mshow-page{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.about-grid p{max-width:62ch}
.about-photos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:14px}
.about-photos img:first-child{margin-top:40px}
.pillars{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.pillar{background:#fff;border:1px solid var(--line);border-top:3px solid var(--maroon);border-radius:12px;padding:22px}
.pillar b{font-family:var(--serif);font-size:20px;color:var(--ink);display:block;margin-bottom:8px}
.pillar p{margin:0;font-size:15px;color:var(--muted)}
.svc-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.svc-links a{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid var(--line);border-radius:10px;padding:16px 18px;color:var(--ink);text-decoration:none;font-weight:500}
.svc-links a:hover{border-color:var(--maroon);color:var(--maroon)}
.svc-links span{color:var(--maroon)}
.rating-card{background:var(--espresso);color:#efe4d8;border-radius:18px;padding:clamp(26px,3vw,40px);text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}
.rating-card strong{font-family:var(--serif);font-size:72px;line-height:1;color:var(--gold)}
.rating-card .stars{font-size:22px;color:var(--gold)}
.rating-card p{margin:0}
.rating-card .text-link{color:var(--gold)}
.big-fq blockquote{font-size:clamp(18px,1.6vw,22px);max-width:62ch}
.review-wall{columns:3 300px;column-gap:20px}
.rcard{break-inside:avoid;margin:0 0 20px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px}
.rcard .stars{color:var(--gold);letter-spacing:2px}
.rcard blockquote{margin:10px 0 0;font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-size:15.5px;line-height:1.7;color:var(--ink)}
.rcard blockquote p{margin:0 0 .8em}
.rcard cite{font-style:normal;font-size:12px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.contact-grid{align-items:start}
.contact-facts{margin:26px 0 0;display:grid;gap:16px}
.contact-facts div{display:grid;grid-template-columns:90px 1fr;gap:12px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.contact-facts dt{font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);padding-top:3px}
.contact-facts dd{margin:0}
.contact-facts a{color:var(--maroon)}
.cf-phone{font-family:var(--serif);font-size:30px;text-decoration:none}
.contact-note{margin-top:18px;color:var(--muted)}
.contact-note a{color:var(--maroon)}
.map-card{display:grid;gap:14px}
.map-card iframe{width:100%;aspect-ratio:4/3;border:0;border-radius:16px;background:var(--warm)}
.map-card img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:16px}
.proj-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.wk{margin:0;position:relative;overflow:hidden;border-radius:12px}
.wk img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;transition:transform .6s ease}
.wk:hover img{transform:scale(1.04)}
.wk figcaption{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;padding:26px 14px 10px;background:linear-gradient(transparent,rgba(43,35,28,.72));color:#fff;font-size:13px}
.wk figcaption span{opacity:.85}
.ticks{list-style:none;padding:0;margin:22px 0 26px;display:grid;gap:10px}
.ticks li{padding-left:30px;position:relative}
.ticks li::before{content:"✓";position:absolute;left:0;top:0;color:var(--maroon);font-weight:700}
.side-photo.tall{aspect-ratio:4/5}
.area-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.area-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px}
.area-card h3{font-size:22px}
.area-card h3 a{color:var(--ink);text-decoration:none}
.area-card h3 a:hover{color:var(--maroon)}
.area-sub{margin:0;font-size:13px;color:var(--muted)}
.area-card ul{list-style:none;margin:4px 0 6px;padding:0;display:grid;gap:4px;font-size:14.5px}
.area-card ul a{color:var(--text);text-decoration:none}
.area-card ul a:hover{color:var(--maroon)}
.area-card .text-link{margin-top:auto;align-self:flex-start;font-size:13px}
@media (max-width:1100px){.pillars,.svc-links,.area-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.about-grid,.rev-head-grid,.contact-grid,.mshow-page{grid-template-columns:minmax(0,1fr)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.pillars,.svc-links,.area-grid,.proj-grid.two{grid-template-columns:minmax(0,1fr)}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.wk figcaption{font-size:11.5px;padding:20px 8px 6px}}
/* city hubs & spokes */
.legacy-copy p{margin:0 0 1em;max-width:66ch}
.legacy-copy .h-sub,.h-sub{font-size:clamp(22px,2vw,28px)!important;margin:0 0 14px;line-height:1.25}
.legacy-copy p+.h-sub{margin-top:30px}
.svc-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.svc-card{display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:20px;text-decoration:none;color:var(--text);transition:border-color .2s,transform .2s}
.svc-card:hover{border-color:var(--maroon);transform:translateY(-2px)}
.svc-card b{font-family:var(--serif);font-size:20px;color:var(--ink)}
.svc-card span{font-size:14.5px;color:var(--muted);flex:1}
.svc-card em{font-style:normal;font-size:13px;font-weight:600;letter-spacing:.04em;color:var(--maroon)}
.svc-card.local{border-top:3px solid var(--maroon)}
.hub-local{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start}
.hub-photos{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.hub-photos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:12px}
.hub-photos img:first-child{grid-row:span 2;aspect-ratio:auto;height:100%}
.related{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start}
.related p{max-width:52ch}
.rel-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.rel-links a{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 18px;text-decoration:none;height:100%;box-sizing:border-box}
.rel-links a:hover{border-color:var(--maroon)}
.rel-links b{color:var(--ink);font-weight:600}
.rel-links span{font-size:13.5px;color:var(--maroon)}
@media (min-width:901px){.hub-local>*,.related>*{position:sticky;top:124px}}
@media (max-width:1100px){.svc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:900px){.hub-local,.related{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.svc-grid,.rel-links{grid-template-columns:minmax(0,1fr)}}

/* ===== Round 15 (Oct 31): depth, color & tighter spacing (Steve's review) ===== */
:root{--crimson:#7a1f2e;--crimson-dk:#4f1019;--crimson-lt:#9b2a3c;--shadow-sm:0 1px 2px rgba(43,35,28,.06),0 4px 12px rgba(43,35,28,.08);--shadow-md:0 2px 4px rgba(43,35,28,.06),0 12px 28px -6px rgba(43,35,28,.18);--shadow-lg:0 4px 8px rgba(43,35,28,.08),0 26px 50px -14px rgba(43,35,28,.32)}
/* tighter sections everywhere */
.sec{padding-block:clamp(36px,4.2vw,60px)}
.sec-head{margin-bottom:26px}
.floors{padding-block:clamp(32px,3.6vw,52px)}
.city-line{margin-top:28px;padding-top:18px}
/* highlight behind italic heading words on light backgrounds */
.sec:not(.estimate):not(.types-red) h2 em,.page-h1 em{background:linear-gradient(transparent 62%,rgba(218,183,103,.38) 62%,rgba(218,183,103,.38) 92%,transparent 92%);padding-inline:.06em}
.finder h2 em,.choose h2 em{background:linear-gradient(transparent 62%,rgba(255,255,255,.45) 62%,rgba(255,255,255,.45) 92%,transparent 92%)}
/* buttons with depth */
.btn{box-shadow:0 6px 16px -6px rgba(122,31,46,.55);transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px rgba(122,31,46,.6)}
.btn-gold{background:var(--gold);color:var(--ink);font-weight:700}
.btn-gold:hover{background:#e6c77d}
.gold-btn b{box-shadow:0 6px 16px -8px rgba(184,137,74,.7);transition:transform .2s,box-shadow .2s}
.gold-btn:hover b{transform:translateY(-2px);box-shadow:0 12px 22px -8px rgba(184,137,74,.8)}
/* cards with depth + hover lift */
.benefits li,.type,.pillar,.area-card,.svc-card,.rel-links a,.post-card,.svc-links a,.ccard{box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s,border-color .25s}
.benefits li:hover,.type:hover,.pillar:hover,.area-card:hover,.svc-card:hover,.rel-links a:hover,.post-card:hover,.svc-links a:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.benefits li{border-radius:10px}
.benefits li b{position:relative}
.lvp-gallery figure,.wk,.proj .frame,.hub-photos img,.side-photo,.process-photo,.choose-photo img,.center-photos img,.about-photos img{box-shadow:var(--shadow-md);border-radius:12px;overflow:hidden}
.lvp-gallery figure img{transition:transform .6s ease}
.lvp-gallery figure:hover img{transform:scale(1.05)}
/* FAQ toggles as cards */
.faq details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:10px;box-shadow:var(--shadow-sm);transition:box-shadow .25s,border-color .25s}
.faq details[open]{border-color:rgba(122,31,46,.35);box-shadow:var(--shadow-md);border-left:4px solid var(--maroon)}
.faq summary::after{width:28px;height:28px;border-radius:50%;background:var(--warm);display:grid;place-items:center;flex:none}
.faq details[open] summary::after{background:var(--maroon);color:#fff}
/* tables */
.table-wrap{box-shadow:var(--shadow-md);border-radius:12px;overflow:auto}
/* feature quote band */
.fq{background:#fff;border-radius:16px;padding:26px 28px;box-shadow:var(--shadow-md);border-top:4px solid var(--maroon)}
.fq-grid.one .fq{border-top-color:var(--gold)}

/* --- homepage: flooring types on crimson --- */
.types-red{background:radial-gradient(120% 90% at 85% 0%,var(--crimson-lt) 0%,var(--crimson) 45%,var(--crimson-dk) 100%);color:#f6e9e3;position:relative;overflow:hidden}
.types-red::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 2px,transparent 2px 120px);pointer-events:none}
.types-red .wrap{position:relative}
.types-red .eyebrow{color:var(--gold)}
.types-red h2{color:#fff}
.types-red h2 em{color:var(--gold)}
.types-red .sec-head p{color:rgba(246,233,227,.85)}
.opt-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px}
.opt{grid-column:span 2;display:flex;flex-direction:column;background:#fff;border-radius:16px;overflow:hidden;text-decoration:none;color:var(--text);box-shadow:0 10px 30px -10px rgba(0,0,0,.45);transition:transform .3s,box-shadow .3s}
.opt:nth-child(4),.opt:nth-child(5){grid-column:span 3}
.opt:hover{transform:translateY(-6px);box-shadow:0 22px 44px -14px rgba(0,0,0,.6)}
.opt-top{display:flex;align-items:center;gap:14px;padding:20px 22px;color:#fff;background:var(--c1);background:linear-gradient(135deg,var(--c1),var(--c2))}
.opt-top svg{width:44px;height:44px;flex:none;color:var(--c2);filter:drop-shadow(0 3px 6px rgba(0,0,0,.18))}
.opt-top h3{color:#fff;font-size:21px;line-height:1.2}
.opt-top h3 span{display:block;font-family:var(--sans);font-size:13px;font-weight:500;letter-spacing:.06em;opacity:.9;margin-top:3px}
.opt ul{margin:0;padding:20px 22px 8px 40px;display:grid;gap:8px;font-size:15px;color:var(--muted);flex:1;align-content:start}
.opt ul li::marker{color:var(--c1)}
.opt-go{margin:12px 22px 22px;align-self:flex-start;display:inline-flex;align-items:center;gap:10px;background:var(--c1);color:#fff;font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;padding:12px 18px;border-radius:999px;box-shadow:0 8px 18px -8px var(--c1);transition:gap .25s,background .25s}
.opt-go b{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.22);font-size:14px;transition:transform .25s}
.opt:hover .opt-go{gap:14px;background:var(--c2)}
.opt:hover .opt-go b{transform:translateX(3px)}
.opt-eng{--c1:#c3843d;--c2:#9a6427}
.opt-solid{--c1:#86512f;--c2:#5d371f}
.opt-water{--c1:#2b8a99;--c2:#1c6574}
.opt-carpet{--c1:#b4697a;--c2:#8d4a5a}
.opt-tile{--c1:#c0663f;--c2:#97482a}
@media (max-width:1100px){.opt-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.opt,.opt:nth-child(4),.opt:nth-child(5){grid-column:auto}}
@media (max-width:600px){.opt-grid{grid-template-columns:minmax(0,1fr)}}

/* --- homepage: How We Help in chunks --- */
.choose-lead{font-size:17.5px!important;color:#2f241d!important}
.help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 6px}
.help{background:#fff;border-radius:12px;padding:16px 18px;box-shadow:var(--shadow-sm);border-left:4px solid var(--maroon);transition:transform .25s,box-shadow .25s}
.help:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.help b{display:block;font-family:var(--serif);font-size:18px;color:var(--ink);margin-bottom:4px}
.help span{font-size:14.5px;color:#4a3a2e;line-height:1.55}
.help-list{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:10px}
.help-list li{position:relative;padding-left:34px;color:#2f241d;font-size:15.5px}
.help-list li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:var(--maroon);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center;box-shadow:0 4px 10px -4px rgba(122,31,46,.6)}
@media (max-width:560px){.help-grid{grid-template-columns:1fr}}

/* --- homepage: Floor Finder with energy --- */
.finder{background:radial-gradient(90% 120% at 10% 0%,#dcc4a2 0%,#c8a77e 55%,#b48c5f 100%);position:relative}
.finder::after{content:"";position:absolute;left:0;right:0;bottom:0;height:6px;background:linear-gradient(90deg,var(--maroon),var(--gold),var(--maroon))}
.rooms{gap:10px}
.rooms button{background:#fff!important;border:0!important;border-radius:999px;color:var(--ink)!important;font-weight:600;padding:12px 20px;box-shadow:0 6px 14px -6px rgba(43,35,28,.35);transition:transform .2s,box-shadow .2s,background .2s,color .2s}
.rooms button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -8px rgba(43,35,28,.45);color:var(--maroon)!important}
.rooms button[aria-pressed="true"]{background:linear-gradient(135deg,var(--crimson-lt),var(--crimson))!important;color:#fff!important;box-shadow:0 10px 24px -8px rgba(122,31,46,.75)}
.picks{gap:18px}
.pick{display:flex;flex-direction:column;text-decoration:none;background:#fff;border:0;outline:none;border-radius:16px;padding:24px 24px 22px;box-shadow:var(--shadow-md);transition:transform .25s,box-shadow .25s}
.pick:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}
.pick .rank{align-self:flex-start;background:var(--warm);color:var(--maroon);padding:5px 10px;border-radius:999px;font-weight:700}
.pick p{flex:1}
.pick-go{margin-top:14px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--maroon)}
.pick.top{background:linear-gradient(150deg,var(--crimson-lt),var(--crimson) 55%,var(--crimson-dk));box-shadow:0 18px 40px -14px rgba(122,31,46,.75)}
.pick.top .rank{background:var(--gold);color:var(--ink)}
.pick.top h3{color:#fff}
.pick.top p{color:rgba(255,240,235,.88)}
.pick.top .pick-go{color:var(--gold)}

/* --- photo-collage page header --- */
.phead{position:relative;overflow:hidden;padding-block:clamp(26px,3.4vw,48px) clamp(30px,3.8vw,54px);background:var(--cream)}
.phead-ghost{position:absolute;inset:-20px;background-size:cover;background-position:center;opacity:.10;filter:blur(2px) saturate(1.1)}
.phead-ghost::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cream) 30%,rgba(250,247,242,.4))}
.phead-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:center}
.phead-text .lead{margin-top:14px}
.phead-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
.phead-links a{background:#fff;border-radius:999px;padding:8px 16px;font-size:13.5px;font-weight:600;color:var(--maroon);text-decoration:none;box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.phead-links a:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
.phead-links a.text-link{background:none;box-shadow:none;border-bottom:1px solid currentColor;border-radius:0;padding:8px 2px 2px}
.phead-photos{position:relative;height:clamp(260px,28vw,380px)}
.pp{position:absolute;margin:0;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-lg);border:6px solid #fff;animation:rise .7s both}
.pp img{width:100%;height:100%;object-fit:cover;display:block}
.pp1{left:4%;top:6%;width:56%;height:84%;transform:rotate(-3deg);z-index:2}
.pp2{right:0;top:0;width:46%;height:56%;transform:rotate(3deg);z-index:1;animation-delay:.12s}
.pp3{right:8%;bottom:0;width:44%;height:50%;transform:rotate(-1.5deg);z-index:3;animation-delay:.24s}
@media (max-width:900px){.phead-grid{grid-template-columns:minmax(0,1fr)}.phead-photos{height:clamp(220px,60vw,320px)}}

/* --- reviews page --- */
.rev-hero{background:radial-gradient(110% 120% at 90% 10%,var(--crimson-lt),var(--crimson) 50%,var(--crimson-dk));color:#f6e9e3;padding-block:clamp(34px,4.4vw,64px);position:relative;overflow:hidden}
.rev-hero::after{content:"”";position:absolute;right:-20px;bottom:-140px;font-family:var(--serif);font-size:520px;line-height:1;color:rgba(255,255,255,.06);pointer-events:none}
.rev-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.8fr);gap:clamp(24px,4vw,64px);align-items:center;position:relative;z-index:1}
.rev-hero .eyebrow{color:var(--gold)}
.rev-hero .page-h1{color:#fff}
.rev-hero .page-h1 em{color:var(--gold);background:none}
.rev-hero .lead{color:rgba(246,233,227,.88)}
.rev-score{background:#fff;color:var(--ink);border-radius:20px;padding:30px 28px;text-align:center;box-shadow:0 26px 60px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;gap:8px}
.rev-score strong{font-family:var(--serif);font-size:84px;line-height:1;color:var(--maroon)}
.rev-score .stars{color:var(--gold);font-size:26px;letter-spacing:4px}
.rev-score p{margin:0 0 6px;color:var(--muted)}
.rev-score p b{color:var(--ink)}
.review-wall{columns:3 300px;column-gap:20px}
.rcard{position:relative;break-inside:avoid;margin:0 0 20px;border-radius:18px;padding:26px 26px 22px;box-shadow:var(--shadow-md);border:0;transition:transform .25s,box-shadow .25s;overflow:hidden}
.rcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.rq-mark{position:absolute;right:16px;top:-14px;font-family:var(--serif);font-size:120px;line-height:1;opacity:.14}
.rcard .stars{letter-spacing:3px;font-size:17px}
.rcard blockquote{margin:12px 0 14px;font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-size:15.5px;line-height:1.72}
.rcard blockquote p{margin:0 0 .8em}
.rcard cite{font-style:normal;font-size:12px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.t-white{background:#fff;color:var(--ink)} .t-white .stars{color:var(--gold-dk)} .t-white cite{color:var(--maroon)} .t-white .rq-mark{color:var(--maroon)}
.t-red{background:linear-gradient(150deg,var(--crimson-lt),var(--crimson) 60%,var(--crimson-dk));color:#fff} .t-red .stars{color:var(--gold)} .t-red cite{color:var(--gold)} .t-red .rq-mark{color:#fff}
.t-gold{background:linear-gradient(150deg,#f3dfb0,#e7c983);color:#2b1d12} .t-gold .stars{color:var(--maroon)} .t-gold cite{color:var(--maroon)} .t-gold .rq-mark{color:var(--maroon)}
.t-dark{background:linear-gradient(150deg,#3a2e25,var(--espresso));color:#f3e7da} .t-dark .stars{color:var(--gold)} .t-dark cite{color:var(--gold)} .t-dark .rq-mark{color:var(--gold)}
.rev-wall-sec{background:linear-gradient(180deg,var(--warm),var(--cream))}
.rev-photos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.rev-photos img{width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;box-shadow:var(--shadow-md);transition:transform .3s}
.rev-photos img:hover{transform:translateY(-4px) rotate(-.6deg)}
@media (max-width:900px){.rev-hero-grid{grid-template-columns:minmax(0,1fr)}.rev-photos{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* --- contact page: form up top --- */
.contact-sec{padding-top:clamp(26px,3vw,44px)}
.contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,4vw,56px);align-items:start}
.contact-info .lead{margin-top:14px}
.contact-call{display:inline-flex;flex-direction:column;margin-top:20px;font-family:var(--serif);font-size:clamp(30px,3vw,40px);color:var(--maroon);text-decoration:none;line-height:1.1}
.contact-call span{font-family:var(--sans);font-size:12px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--brass);margin-bottom:6px}
.contact-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:22px}
.ccard{background:#fff;border-radius:12px;padding:16px 18px;border-top:3px solid var(--maroon)}
.ccard.wide{grid-column:1/-1}
.ccard b{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--brass)}
.ccard p{margin:6px 0 0;font-size:15px}
.ccard a{color:var(--maroon)}
.contact-photo{width:100%;aspect-ratio:16/8;object-fit:cover;border-radius:14px;margin-top:18px;box-shadow:var(--shadow-md)}
.contact-form{position:sticky;top:110px;background:linear-gradient(160deg,var(--crimson-lt),var(--crimson) 55%,var(--crimson-dk));border-radius:20px;padding:clamp(22px,2.6vw,34px);box-shadow:0 26px 60px -22px rgba(122,31,46,.7);color:#f6e9e3}
.contact-form .eyebrow{color:var(--gold)}
.contact-form h2{color:#fff;font-size:clamp(24px,2.4vw,32px);margin:10px 0 8px}
.contact-form h2 em{color:var(--gold)}
.contact-form .form-head p{margin:0 0 16px;color:rgba(246,233,227,.85);font-size:15px}
.form-card form{background:#fff;border-radius:14px;padding:clamp(18px,2vw,26px);box-shadow:0 10px 30px -14px rgba(0,0,0,.45)}
@media (max-width:900px){.contact-grid{grid-template-columns:minmax(0,1fr)}.contact-form{position:static;order:-1}}

/* ===== Round 16 (Oct 31): background rhythm — white + sand + dark/crimson bands (less cream) ===== */
:root{--sand:#efe2cf;--sand-dk:#e6d4bb}
body{background:#fff}

.tint-sec,.compare-sec.tint-sec,.types,.work-group.tint-sec,.area-group.tint-sec,.more-posts,.reviews,.blog-list-sec{background:var(--sand)}
.types.no-tint{background:#fff}
.compare-sec{background:#fff}
.faq-sec{background:linear-gradient(180deg,var(--sand),#f6ecdf)}
.faq-sec .city-line{border-top-color:rgba(122,31,46,.18)}
/* How it works: dark espresso band with gold numbers */
.process-sec{background:radial-gradient(100% 140% at 0% 0%,#4a3a2e,var(--espresso) 60%,#211a14);color:#efe4d8}
.process-sec .eyebrow{color:var(--gold)}
.process-sec h2{color:#fff}
.process-sec h2 em{color:var(--gold);background:none}
.process-sec .lvp-process p{color:rgba(239,228,216,.82)}
.process-sec .steps li{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px 18px;transition:background .25s,transform .25s}
.process-sec .steps li:hover{background:rgba(255,255,255,.09);transform:translateX(4px)}
.process-sec .steps li::before{color:var(--gold)}
.process-sec .steps b{color:#fff}
.process-sec .steps span{color:rgba(239,228,216,.85)}
.process-sec .process-photo{border:6px solid rgba(255,255,255,.9);box-shadow:0 24px 50px -20px rgba(0,0,0,.7)}
/* review quotes band: crimson */
.fq-sec{background:radial-gradient(110% 130% at 90% 0%,var(--crimson-lt),var(--crimson) 55%,var(--crimson-dk))}
.fq-sec .eyebrow{color:var(--gold)}
.fq-sec .stars{color:var(--gold)}
.fq-sec .fq-meta{color:rgba(246,233,227,.8)}
.fq-sec .rev-all{color:var(--gold)}
.fq{border-top-color:var(--gold)}
/* homepage bands */
.reviews{background:linear-gradient(180deg,#fff,var(--sand))}
.choose{background:radial-gradient(90% 120% at 100% 0%,#d9c09c,#c8a77e 60%,#b99064)}
/* benefits tiles pop on white */
.benefits li{background:#fff;box-shadow:var(--shadow-sm)}
.tint-sec .benefits li{background:#fff}
/* phead on white with sand wash */
.phead{background:linear-gradient(180deg,var(--sand),#fff)}
.phead-ghost::after{background:linear-gradient(90deg,var(--sand) 25%,rgba(239,226,207,.35))}
/* lightbox */
.lb{position:fixed;inset:0;z-index:200;background:rgba(20,14,10,.88);display:grid;place-items:center;padding:4vw;opacity:0;pointer-events:none;transition:opacity .25s}
.lb.on{opacity:1;pointer-events:auto}
.lb img{max-width:min(1200px,92vw);max-height:84vh;border-radius:10px;box-shadow:0 30px 80px rgba(0,0,0,.6);transform:scale(.96);transition:transform .25s}
.lb.on img{transform:scale(1)}
.lb p{color:#efe4d8;margin:14px 0 0;text-align:center;font-size:14.5px}
.lb button{position:absolute;top:18px;right:22px;width:44px;height:44px;border-radius:50%;border:0;background:rgba(255,255,255,.14);color:#fff;font-size:24px;cursor:pointer}
.zoomable{cursor:zoom-in}
.types.types-red{background:radial-gradient(120% 90% at 85% 0%,var(--crimson-lt) 0%,var(--crimson) 45%,var(--crimson-dk) 100%)}
.floors,.mshow,.projects,#visit{background:#fff}
.features{background:var(--sand);border-block:0}
.hero,.page-hero{background:var(--cream)}
footer.site-foot{background:var(--sand)}
.rcard blockquote{color:inherit!important}
.contact-form h2 em,.estimate h2 em,.mshow h2 em,.types-red h2 em{background:none!important}

/* ===== Round 17 (Oct 31, Steve): softer highlight, lighter tan, 3-shade picks, bigger type cards ===== */
/* Highlight line behind italic heading words: much fainter, everywhere (watermark, not a marker) */
.sec:not(.estimate):not(.types-red) h2 em,.page-h1 em,.finder h2 em,.choose h2 em{background:linear-gradient(transparent 64%,rgba(218,183,103,.17) 64%,rgba(218,183,103,.17) 90%,transparent 90%)}
/* Lighter, less caramel tan on How We Help and Floor Finder (red accents unchanged) */
.choose{background:radial-gradient(90% 120% at 100% 0%,#f1e6d6,#e6d4bb 60%,#dac4a4)}
.finder{background:radial-gradient(90% 120% at 10% 0%,#efe3d1 0%,#e3cfb2 55%,#d6bd99 100%)}
/* Floor Finder picks: three shades of red, white pin line inside each card */
.picks .pick{outline:1.5px solid rgba(255,255,255,.85);outline-offset:-8px}
.picks .pick:nth-child(1){background:linear-gradient(150deg,var(--crimson-lt),var(--crimson) 55%,var(--crimson-dk));box-shadow:0 18px 40px -14px rgba(122,31,46,.7)}
.picks .pick:nth-child(2){background:linear-gradient(150deg,#c4606f,#ab4253 60%,#963446);box-shadow:0 16px 34px -14px rgba(150,52,70,.6)}
.picks .pick:nth-child(3){background:linear-gradient(150deg,rgba(255,244,244,.92),rgba(240,205,210,.88));box-shadow:0 14px 30px -14px rgba(122,31,46,.35)}
.picks .pick:nth-child(1) h3,.picks .pick:nth-child(2) h3{color:#fff}
.picks .pick:nth-child(1) p,.picks .pick:nth-child(2) p{color:rgba(255,240,235,.9)}
.picks .pick:nth-child(1) .rank{background:var(--gold);color:var(--ink)}
.picks .pick:nth-child(2) .rank{background:#fff;color:var(--maroon)}
.picks .pick:nth-child(1) .pick-go{color:var(--gold)}
.picks .pick:nth-child(2) .pick-go{color:#ffe4a6}
.picks .pick:nth-child(3){outline-color:#fff}
.picks .pick:nth-child(3) h3{color:var(--ink)}
.picks .pick:nth-child(3) p{color:#4a3438}
.picks .pick:nth-child(3) .rank{background:var(--maroon);color:#fff}
.picks .pick:nth-child(3) .pick-go{color:var(--maroon)}
/* Flooring types cards: bigger, easier-to-read type */
.opt-top{padding:22px 24px}
.opt-top h3{font-size:24px}
.opt-top h3 span{font-size:14.5px}
.opt ul{font-size:17px;line-height:1.5;gap:10px;color:#4a3a2e;padding:22px 24px 8px 44px}
.opt-go{font-size:14px}
/* softer, more even tan (less of a light-to-dark fade) */
.choose{background:radial-gradient(110% 130% at 100% 0%,#f3e9db,#e9dac4 55%,#e1cdb1)}
.finder{background:radial-gradient(110% 130% at 10% 0%,#f1e6d6 0%,#e7d6bd 55%,#ddc8aa 100%)}

/* ===== Round 18 (Oct 31): Design Center page (/design-center) ===== */
.dc-hero{position:relative;overflow:hidden;color:#fff;background:var(--crimson-dk);isolation:isolate}
.dc-hero-bg{position:absolute;inset:0;z-index:-2;overflow:hidden}
.dc-hero-bg img{width:100%;height:100%;object-fit:cover;object-position:62% 55%;animation:dcZoom 24s ease-in-out infinite alternate}
.dc-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(58,10,18,.95) 0%,rgba(104,24,38,.88) 34%,rgba(122,31,46,.5) 60%,rgba(43,35,28,.12) 100%),linear-gradient(0deg,rgba(40,16,16,.35),transparent 45%)}
@keyframes dcZoom{from{transform:scale(1.02)}to{transform:scale(1.12) translateX(-1.5%)}}
.dc-hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center;min-height:min(640px,78vh);padding-block:56px 70px}
.dc-hero .eyebrow{color:var(--gold)}
.dc-hero .eyebrow::before{background:var(--gold)}
.dc-h1{font-family:var(--sans);font-size:15px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,240,232,.92);margin:16px 0 12px;line-height:1.5}
.dc-h1 span{color:var(--gold)}
.dc-display{font-family:var(--serif);font-size:clamp(42px,5.4vw,74px);line-height:1.03;font-weight:700;margin:0 0 20px;color:#fff;text-wrap:balance;text-shadow:0 2px 24px rgba(0,0,0,.25)}
.dc-display em{color:var(--gold);font-style:italic}
.dc-lead{font-size:18px;line-height:1.65;color:rgba(255,242,236,.92);max-width:560px;margin:0 0 26px}
.dc-cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:22px}
.dc-hero .btn-fill{background:var(--gold);color:var(--ink);box-shadow:0 12px 26px -12px rgba(0,0,0,.6)}
.dc-hero .btn-fill:hover{background:#fff;color:var(--maroon)}
.dc-btn-ghost{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.75)}
.dc-btn-ghost:hover{background:#fff;color:var(--maroon);transform:translateY(-1px)}
.dc-status{display:inline-flex;flex-wrap:wrap;align-items:center;gap:6px 10px;background:rgba(0,0,0,.28);border:1px solid rgba(255,255,255,.2);padding:9px 16px;border-radius:999px;font-size:14px;margin:0;color:#fff}
.dc-status i{width:9px;height:9px;border-radius:50%;background:var(--gold);flex:none}
.dc-status.is-open i{background:#5fd38d;animation:dcPulse 2s infinite}
.dc-status.is-closed i{background:#f0b45a}
.dc-status small{opacity:.78;font-size:13px}
@keyframes dcPulse{0%{box-shadow:0 0 0 0 rgba(95,211,141,.55)}70%{box-shadow:0 0 0 10px rgba(95,211,141,0)}100%{box-shadow:0 0 0 0 rgba(95,211,141,0)}}
.dc-hero-art{position:relative;justify-self:center;width:min(380px,100%);transform:translateY(var(--py,0))}
.dc-hf{margin:0;border-radius:18px;overflow:hidden;border:8px solid #fff;box-shadow:0 34px 70px -24px rgba(0,0,0,.7);transform:rotate(2.5deg);transition:transform .45s}
.dc-hf:hover{transform:rotate(0) scale(1.02)}
.dc-hf img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}
.dc-chip{position:absolute;background:#fff;color:var(--ink);border-radius:14px;padding:12px 16px;box-shadow:var(--shadow-lg);display:grid;gap:2px;animation:dcFloat 6s ease-in-out infinite;z-index:2}
.dc-chip b{font-family:var(--serif);font-size:22px;line-height:1.1;color:var(--maroon)}
.dc-chip b span{font-size:14px;color:#e2a93b;letter-spacing:1px}
.dc-chip small{font-size:12.5px;color:var(--muted);font-weight:500}
.dc-chip1{left:-54px;bottom:60px}
.dc-chip2{right:-34px;top:36px;animation-delay:-3s}
@keyframes dcFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:900px){.dc-hero-grid{grid-template-columns:1fr;min-height:0;padding-block:40px 64px;gap:34px}.dc-hero-art{width:min(300px,78%)}.dc-chip1{left:-26px;bottom:34px}.dc-chip2{right:-20px}.dc-hero::before{background:linear-gradient(180deg,rgba(58,10,18,.93) 0%,rgba(104,24,38,.86) 55%,rgba(122,31,46,.74) 100%)}}

/* marquee of floor types */
.dc-marquee{background:var(--espresso);overflow:hidden;border-bottom:3px solid var(--gold)}
.dc-track{display:flex;width:max-content;animation:dcMarq 40s linear infinite}
.dc-marquee:hover .dc-track,.dc-marquee:focus-within .dc-track{animation-play-state:paused}
.dc-track ul{display:flex;list-style:none;margin:0;padding:0}
.dc-track li{display:flex;align-items:center}
.dc-track a{display:block;padding:18px 26px;font-family:var(--serif);font-style:italic;font-size:22px;color:#f3e6d6;text-decoration:none;transition:color .2s}
.dc-track a:hover{color:var(--gold)}
.dc-track span{color:var(--gold);font-size:13px}
@keyframes dcMarq{to{transform:translateX(-50%)}}

/* alternating strips */
.dc-strip{background:#fff;position:relative}
.dc-strip-alt{background:var(--sand)}
.dc-row{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(40px,5.5vw,88px);align-items:center}
.dc-flip .dc-media{order:2}
.dc-media{position:relative}
.dc-num{position:absolute;top:-46px;left:-18px;font-family:var(--serif);font-size:128px;line-height:1;font-weight:700;color:var(--maroon);opacity:.13;z-index:0;pointer-events:none}
.dc-flip .dc-num{left:auto;right:-14px}
.dc-ph{margin:0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative;z-index:1;background:#eee}
.dc-ph img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.2,1);cursor:zoom-in}
.dc-ph:hover img{transform:scale(1.05)}
.dc-main img{aspect-ratio:4/3}
.dc-main.dc-tall img{aspect-ratio:1/1;object-position:50% 40%}
.dc-inset{position:absolute;width:40%;right:-26px;bottom:-38px;border:7px solid #fff;z-index:2;transform:rotate(3deg);transition:transform .4s}
.dc-inset:hover{transform:rotate(0) scale(1.03)}
.dc-inset img{aspect-ratio:1/1}
.dc-flip .dc-inset{right:auto;left:-26px;transform:rotate(-3deg)}
.dc-flip .dc-inset:hover{transform:rotate(0) scale(1.03)}
.dc-copy{position:relative;z-index:1}
.dc-copy h2{font-size:clamp(32px,3.6vw,48px);margin:12px 0 16px}
.dc-copy>p{font-size:17px;line-height:1.7;color:#4a3a2e;margin:0 0 18px}

/* tabs */
.dc-tabimgs{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:1/1;z-index:1;background:#e9dccb}
.dc-tabimg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.06);transition:opacity .6s,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.dc-tabimg.on{opacity:1;transform:scale(1)}
.dc-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:4px 0 16px}
.dc-tab{font:600 14px var(--sans);letter-spacing:.03em;padding:11px 18px;border-radius:999px;border:1.5px solid var(--line);background:#fff;color:var(--ink);cursor:pointer;transition:all .25s;box-shadow:var(--shadow-sm)}
.dc-tab:hover{border-color:var(--maroon);color:var(--maroon);transform:translateY(-2px)}
.dc-tab[aria-selected=true]{background:var(--maroon);border-color:var(--maroon);color:#fff;box-shadow:0 10px 22px -10px rgba(122,31,46,.85)}
.dc-tabpanel{display:none;background:var(--warm);border-left:4px solid var(--maroon);border-radius:12px;padding:18px 20px}
.dc-tabpanel.on{display:block;animation:dcIn .45s ease}
.dc-tabpanel p{margin:0 0 10px;font-size:16.5px;line-height:1.6;color:#3b2e25}
.dc-tablinks{display:flex;flex-wrap:wrap;gap:8px 20px;margin:0!important}
.dc-tablinks a{font-weight:700;font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--maroon);text-decoration:none}
.dc-tablinks a b{display:inline-block;transition:transform .2s}
.dc-tablinks a:hover b{transform:translateX(4px)}
@keyframes dcIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

/* tick cards */
.dc-ticks{list-style:none;margin:0;padding:0;display:grid;gap:12px}
.dc-ticks li{position:relative;padding:14px 16px 14px 54px;background:#fff;border-radius:12px;box-shadow:var(--shadow-sm);font-size:15.5px;line-height:1.55;color:#4a3a2e;transition:transform .25s,box-shadow .25s}
.dc-ticks li:hover{transform:translateX(5px);box-shadow:var(--shadow-md)}
.dc-ticks li::before{content:"✓";position:absolute;left:16px;top:50%;translate:0 -50%;width:24px;height:24px;border-radius:50%;background:var(--maroon);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}
.dc-ticks b{color:var(--ink)}

/* "sounds like you" chips + answer bubble */
.dc-copy>p.dc-asklabel{font-size:12.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brass);margin:4px 0 10px}
.dc-asks{display:flex;flex-wrap:wrap;gap:10px}
.dc-ask{font:500 15px var(--sans);padding:10px 16px;border-radius:14px 14px 14px 4px;border:0;background:var(--warm);color:var(--ink);cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}
.dc-ask:hover{transform:translateY(-2px);background:#efe2cf}
.dc-ask[aria-pressed=true]{background:var(--maroon);color:#fff;box-shadow:0 10px 22px -10px rgba(122,31,46,.85)}
.dc-copy>p.dc-answer{margin:16px 0 0;padding:18px 22px;background:linear-gradient(135deg,var(--crimson-lt),var(--crimson));color:#fff;border-radius:4px 18px 18px 18px;font-size:16.5px;line-height:1.55;box-shadow:0 16px 32px -16px rgba(122,31,46,.75);min-height:3.4em}
.dc-answer.pop{animation:dcIn .4s ease}

/* install badge + steps */
.dc-badge{position:absolute;left:-20px;bottom:30px;z-index:2;background:var(--maroon);color:#fff;padding:14px 18px;border-radius:12px;box-shadow:var(--shadow-lg);font-size:14px;max-width:220px;line-height:1.35;outline:1.5px solid rgba(255,255,255,.7);outline-offset:-6px}
.dc-badge b{display:block;font-family:var(--serif);font-size:20px;color:var(--gold)}
.dc-steps{list-style:none;counter-reset:s;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.dc-steps li{counter-increment:s;background:#fff;border-radius:14px;padding:16px 16px 16px 62px;position:relative;box-shadow:var(--shadow-sm);transition:transform .25s,box-shadow .25s}
.dc-steps li:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
.dc-steps li::before{content:counter(s);position:absolute;left:16px;top:16px;width:32px;height:32px;border-radius:50%;background:var(--espresso);color:var(--gold);font:700 16px var(--serif);display:grid;place-items:center}
.dc-steps b{display:block;font-family:var(--serif);font-size:18px;color:var(--ink);margin-bottom:2px}
.dc-steps span{display:block;font-size:14.5px;color:#4a3a2e;line-height:1.5}

/* stats band */
.dc-stats{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 15% 0%,var(--crimson-lt),var(--crimson) 50%,var(--crimson-dk));color:#fff;padding-block:clamp(46px,5vw,72px);isolation:isolate}
.dc-stats-bg{position:absolute;inset:0;z-index:-1;background:url(/img/dc-inlay.jpg) center/cover;opacity:.14;mix-blend-mode:luminosity}
.dc-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;text-align:center}
.dc-stat{padding:20px 12px;border-radius:16px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);transition:transform .3s,background .3s}
.dc-stat:hover{transform:translateY(-4px);background:rgba(255,255,255,.12)}
.dc-stat b{display:block;font-family:var(--serif);font-size:clamp(40px,4.4vw,58px);line-height:1;color:var(--gold);font-variant-numeric:tabular-nums}
.dc-stat small{display:block;margin-top:10px;font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:rgba(255,240,232,.88)}
.dc-quote{margin:36px auto 0;text-align:center}
.dc-quote blockquote{margin:0 auto;max-width:820px;font-family:'Libre Baskerville',Georgia,serif;font-style:italic;font-size:clamp(18px,1.8vw,22px);line-height:1.75;color:#fff}
.dc-quote figcaption{margin-top:14px;font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}

/* plan your visit */
.dc-visit{background:#fff}
.dc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:6px 0 18px}
.dc-card{background:var(--warm);border-radius:14px;padding:18px 16px;transition:transform .25s,box-shadow .25s}
.dc-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.dc-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--maroon);margin-bottom:10px;box-shadow:0 8px 16px -8px rgba(122,31,46,.85)}
.dc-ic svg{width:19px;height:19px;fill:#fff}
.dc-card b{display:block;font-family:var(--serif);font-size:18px;color:var(--ink)}
.dc-card p{margin:4px 0 8px;font-size:14.5px;line-height:1.5;color:#4a3a2e}
.dc-card p a{color:var(--maroon);font-weight:700;text-decoration:none;font-size:16px}
.dc-mini{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--maroon);text-decoration:none}
.dc-live.is-open{color:#1d7f46}.dc-live.is-closed{color:#9a5a17}
.dc-bring{background:var(--sand);border-radius:16px;padding:18px 20px}
.dc-copy>.dc-bring p.dc-bring-h,.dc-bring-h{margin:0 0 12px;font-weight:600;color:var(--ink);font-size:16px}
.dc-bring-h small{font-weight:400;color:var(--muted);font-size:13.5px}
.dc-checks{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.dc-check{display:flex;align-items:center;gap:10px;text-align:left;font:500 14.5px/1.35 var(--sans);color:var(--ink);background:#fff;border:1.5px solid transparent;border-radius:12px;padding:11px 14px;cursor:pointer;box-shadow:var(--shadow-sm);transition:all .2s}
.dc-check::before{content:"";flex:none;width:20px;height:20px;border-radius:6px;border:2px solid var(--maroon);transition:all .2s}
.dc-check:hover{border-color:rgba(122,31,46,.35)}
.dc-check[aria-pressed=true]{background:#fbf2f3;color:var(--maroon)}
.dc-check[aria-pressed=true]::before{background:var(--maroon) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3 3 7-7' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}

@media (max-width:980px){.dc-row{grid-template-columns:1fr}.dc-flip .dc-media{order:0}.dc-media{max-width:640px;margin-bottom:30px}.dc-stats-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){.dc-cards,.dc-checks,.dc-steps{grid-template-columns:1fr}.dc-inset{width:44%;right:-6px;bottom:-26px}.dc-flip .dc-inset{left:-6px}.dc-num{font-size:84px;top:-30px;left:-4px}.dc-flip .dc-num{right:-4px}.dc-badge{left:10px;bottom:14px}.dc-track a{font-size:19px;padding:15px 20px}}
@media (prefers-reduced-motion:reduce){.dc-track{animation:none;flex-wrap:wrap;width:auto;justify-content:center}.dc-track ul[aria-hidden]{display:none}.dc-track ul{flex-wrap:wrap;justify-content:center}.dc-hero-bg img,.dc-chip,.dc-status.is-open i{animation:none}}
.center-more{margin:22px 0 0}
.center-more .btn b{transition:transform .2s}.center-more .btn:hover b{transform:translateX(4px)}
.ft-visit-label{text-decoration:none}a.ft-visit-label:hover{text-decoration:underline}
/* r18 fixes: numbers in the copy column, hero crop, visit layout */
.dc-num,.dc-flip .dc-num{position:static;display:block;font-size:76px;line-height:.85;margin:0 0 8px;color:transparent;-webkit-text-stroke:1.5px rgba(122,31,46,.45);opacity:1;font-style:italic}
.dc-hero-bg img{object-position:58% 96%}
.dc-visit .dc-row{grid-template-columns:.85fr 1.15fr;align-items:start}
.dc-visit .dc-media{margin-top:8px}
.dc-card{padding:16px 14px}
.dc-card p{font-size:14px}
@media (max-width:640px){.dc-num,.dc-flip .dc-num{font-size:60px}}
@media (max-width:980px){.dc-visit .dc-row{grid-template-columns:1fr}.dc-visit .dc-media{margin-top:0}}

/* ===== Round 19 (Nov 2, Steve): reviews brick wall, no white cards ===== */
.review-wall{columns:auto;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:20px;align-items:stretch}
.review-wall .rcard{margin:0;display:flex;flex-direction:column}
@media (max-width:899px){.review-wall .rcard{grid-column:1/-1}}
.review-wall .rcard cite{margin-top:auto;padding-top:4px}
.review-wall .rcard blockquote{margin-bottom:16px}
.wall-short blockquote{font-size:17px;line-height:1.65}
.wall-wide blockquote{columns:2 320px;column-gap:44px}
.wall-wide blockquote p{break-inside:avoid}
@media (min-width:900px){
  .wall-tish{grid-area:1/1/2/8}
  .wall-stress{grid-area:1/8/2/13}
  .wall-s1{grid-area:2/1/3/4}
  .wall-s2{grid-area:2/4/3/7}
  .wall-s3{grid-area:2/7/3/10}
  .wall-s4{grid-area:2/10/3/13}
  .wall-brady{grid-area:3/1/4/9}
  .wall-brenda{grid-area:3/9/4/13}
  .wall-wide{grid-area:4/1/5/13}
}
@media (min-width:900px) and (max-width:1100px){.wall-short blockquote{font-size:15.5px}}

/* ===== Round 19b (Nov 2, Steve): red benefit cards that turn white on hover; light gray separator sections ===== */
:root{--stone:#eeebe6}
.compare-sec:not(.tint-sec),.gray-sec{background:var(--stone)}
.gray-sec .benefits li:not(:hover){box-shadow:0 10px 24px -12px rgba(79,16,25,.55)}
.benefits li{position:relative;isolation:isolate;overflow:hidden;background:#fff;outline:1.5px solid rgba(255,255,255,.6);outline-offset:-7px;box-shadow:0 10px 24px -12px rgba(79,16,25,.55);transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,outline-color .3s}
.benefits li::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(150deg,var(--crimson-lt),var(--crimson) 58%,var(--crimson-dk));transition:opacity .35s}
.benefits li b{color:var(--gold-on-red);transition:color .3s}
.benefits li span{color:rgba(255,244,240,.9);transition:color .3s}
.benefits li:hover{transform:translateY(-6px) scale(1.03);box-shadow:0 24px 40px -16px rgba(43,35,28,.4);outline-color:var(--maroon);z-index:1}
.benefits li:hover::before{opacity:0}
.benefits li:hover b{color:var(--maroon)}
.benefits li:hover span{color:var(--text)}
.tint-sec .benefits li{background:#fff}
@media (hover:none){.benefits li:hover{transform:none}}