/* Home Decor Collection: every section wears the finish of the product it sells. */
:root{--ink:#191614;--ink2:#5B544F;--ink3:#7A726C;--white:#FFFFFF;--marble:#EFEEEB;--marble2:#E2E0DC;--tobacco:#6D3B2C;--tobacco2:#552C20;--claret:#4E1C1E;--agean:#2B3966;--oak:#C2A276;--oak2:#D8C29F;--pearl:#D9DADB;--legal:#100E0C;--serif:'Marcellus','Cormorant Garamond',Georgia,serif;--sans:Commissioner,system-ui,-apple-system,'Segoe UI',sans-serif;--gut:20px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-synthesis:none}
button,input,select,textarea{font-family:inherit}
body.hc{margin:0;background:var(--white);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.hc img{display:block;max-width:100%;height:auto}
.hc a{color:inherit}
.hc h1,.hc h2,.hc h3{font-family:var(--serif);font-weight:600;margin:0;text-wrap:balance;letter-spacing:-0.01em;color:inherit}
.hc h1{font-size:72px;line-height:1}
.hc h2{font-size:46px;line-height:1.06}
.hc h3{font-size:27px;line-height:1.12}
:where(.hc) p{margin:0}
:where(.hc) :is(ul,ol){margin:0;padding:0}
.nb{white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:#fff;padding:10px 14px;z-index:99}
.skip:focus{left:8px;top:8px}
.wrap{max-width:1280px;margin:0 auto;padding:0 40px}
.sec{padding:100px 0}
.sec.tight{padding:72px 0}
.lede{font-size:19px;color:var(--ink2);max-width:680px}
.hc * + .lede{margin-top:18px}
.dark .lede,.dark .ink2{color:rgba(255,255,255,.8)}
.dark{color:#FFFFFF}
.g-white{background:var(--white)}.g-marble{background:var(--marble)}.g-claret{background:var(--claret)}.g-agean{background:var(--agean)}.g-oak{background:var(--oak)}.g-tobacco{background:var(--tobacco)}.g-ink{background:var(--ink)}.g-pearl{background:var(--pearl)}
.blend{mix-blend-mode:multiply}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 22px;border-radius:0;font:600 15.5px/1.15 var(--sans);text-decoration:none;white-space:nowrap;border:0;cursor:pointer;text-align:center;box-shadow:none;transition:background .15s}
body .btn.tob,body .btn.tob:visited{background:var(--tobacco);color:#FFFFFF}
body .btn.tob:is(:hover,:focus-visible){background:var(--tobacco2);color:#FFFFFF}
body .btn.mar{background:var(--marble);color:var(--ink)}
body .btn.mar:is(:hover,:focus-visible){background:var(--marble2);color:var(--ink)}
body .btn.wht{background:#FFFFFF;color:var(--ink)}
body .btn.wht:is(:hover,:focus-visible){background:var(--marble);color:var(--ink)}
body .btn.ghost{background:rgba(255,255,255,.14);color:#FFFFFF}
body .btn.ghost:is(:hover,:focus-visible){background:rgba(255,255,255,.24);color:#FFFFFF}
.btns{display:flex;gap:12px;flex-wrap:wrap}
* + .btns{margin-top:32px}
.soon{cursor:default}
a.lnk,.lnk{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.btn.soon,.tile.soon{opacity:.55}
/* notice + header */
.notice{background:var(--marble);font-size:13.5px;color:var(--ink2)}
.notice .wrap{display:flex;justify-content:space-between;gap:24px;min-height:38px;align-items:center}
.notice a{color:var(--ink);font-weight:600;text-decoration:none}


/* header: room tabs with finish chips; each opens a full-width panel in that finish */
.top{background:#FFFFFF;position:relative;z-index:30;border-bottom:1px solid var(--marble2)}
.top>.wrap{display:flex;align-items:center;gap:24px;min-height:84px}
.rooms{display:flex;align-self:stretch;margin-left:auto}
.rT{display:flex;align-items:center;gap:10px;background:none;border:0;border-radius:0;font:600 15px/1 var(--sans);color:var(--ink);padding:0 13px;cursor:pointer;position:relative;white-space:nowrap}
.rT::after{content:"";position:absolute;left:13px;right:13px;bottom:-1px;height:3px;background:transparent}
.rT:hover::after,.rT[aria-expanded="true"]::after{background:var(--ink)}
.rT:focus-visible{outline:2px solid var(--ink);outline-offset:-6px}
.sw{display:block;flex:none;width:14px;height:14px;box-shadow:inset 0 0 0 1px rgba(25,22,20,.2)}
.t-oak{background:var(--oak);color:var(--ink)}.t-agean{background:var(--agean);color:#FFFFFF}.t-ink{background:var(--ink);color:#FFFFFF}.t-tobacco{background:var(--tobacco);color:#FFFFFF}.t-marble{background:var(--marble);color:var(--ink)}
.shop{flex:none}
.menuBtn{display:none}
.rPanels{position:absolute;left:0;right:0;top:100%}
.rP{box-shadow:0 26px 50px rgba(25,22,20,.2)}
.rPin{display:grid;grid-template-columns:290px minmax(0,1fr) 290px;gap:48px;padding-top:40px;padding-bottom:44px}
.rPh .pg,.strip .pg{display:block;font:600 13px/1 var(--sans);letter-spacing:.06em;opacity:.78}
.rPh b{display:block;font-family:var(--serif);font-size:32px;line-height:1.06;font-weight:600;margin-top:12px}
.rPimg{margin-top:22px;aspect-ratio:4/3;overflow:hidden;background:rgba(255,255,255,.12)}
.rPimg img{width:100%;height:100%;object-fit:cover}
.rPl{list-style:none;display:grid;grid-template-columns:1fr 1fr;column-gap:36px;align-content:start}
.rPl :is(a,.soon){display:grid;grid-template-columns:46px minmax(0,1fr);column-gap:10px;padding:15px 0 16px;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent);text-decoration:none;color:inherit}
.rPl .no{grid-row:span 2;font:600 13px/1.7 var(--sans);opacity:.78}
.rPl b{font-family:var(--serif);font-size:21px;line-height:1.15;font-weight:600}
.rPl .h{font-size:14px;line-height:1.4;margin-top:3px;opacity:.86}
.rPl a:hover b,.rPl a:focus-visible b{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.rPq{border-left:1px solid color-mix(in srgb,currentColor 24%,transparent);padding-left:32px;align-self:start}
.rPq small{display:block;font-size:14px;font-weight:600;opacity:.86}
.rPq p{font-family:var(--serif);font-size:22px;line-height:1.28;margin-top:10px}
.hc .rPtool{display:inline-flex;align-items:center;gap:12px;min-height:48px;padding:0 18px;margin-top:24px;font-weight:600;font-size:15px;text-decoration:none;background:#FFFFFF;color:var(--ink)}
.hc .t-oak .rPtool,.hc .t-marble .rPtool{background:var(--ink);color:#FFFFFF}
.rPtool i{width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.deck{display:none}
.rPtel{margin:22px 0 0}
.rPtel dt{font-size:14px;font-weight:600;color:var(--ink2);margin-top:14px}
.rPtel dd{margin:2px 0 0;font-family:var(--serif);font-size:24px;line-height:1.2}
@media (max-width:1180px){.rT{padding:0 9px;font-size:14px;gap:8px}.rT::after{left:9px;right:9px}.rPin{grid-template-columns:240px minmax(0,1fr) 250px;gap:36px}}
@media (max-width:1060px){
.rooms,.shop,.rPanels{display:none}
.menuBtn{display:inline-flex;margin-left:auto;align-items:center;gap:12px;min-height:44px;padding:0 16px;background:var(--marble);border:0;border-radius:0;font:600 15px/1 var(--sans);color:var(--ink);cursor:pointer}
.menuBtn i{width:16px;height:12px;background:linear-gradient(var(--oak) 0 3px,transparent 3px 4.5px,var(--agean) 4.5px 7.5px,transparent 7.5px 9px,var(--tobacco) 9px 12px)}
.menuBtn[aria-expanded="true"]{background:var(--ink);color:#FFFFFF}
.deck:not([hidden]){display:block;position:absolute;left:0;right:0;top:100%;background:#FFFFFF;max-height:calc(100vh - 110px);overflow-y:auto;box-shadow:0 24px 40px rgba(25,22,20,.2)}
.strip summary{display:grid;grid-template-columns:34px minmax(0,1fr) auto 14px;align-items:center;column-gap:14px;min-height:74px;padding:14px 32px;list-style:none;cursor:pointer}
.strip summary::-webkit-details-marker{display:none}
.strip summary b{font-family:var(--serif);font-size:24px;line-height:1.1;font-weight:600}
.strip summary small{font-size:13.5px;opacity:.86}
.strip summary i{width:9px;height:9px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-3px)}
.strip[open] summary i{transform:rotate(225deg) translateY(-1px)}
.strip .sl{display:grid;padding:0 32px 22px 80px}
.strip .sl a{display:block;padding:11px 0;border-top:1px solid color-mix(in srgb,currentColor 24%,transparent);text-decoration:none;color:inherit}
.strip .sl b{display:block;font-size:16.5px;font-weight:600}
.strip .sl span{display:block;font-size:14px;opacity:.86;line-height:1.4}
.strip .sl a.slTool{font-weight:600;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.deckFoot{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 32px 26px}
.deckTel{text-decoration:none}
.deckTel small{display:block;font-size:13.5px;color:var(--ink2)}
.deckTel b{display:block;font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.2}
}
@media (max-width:860px){.strip summary{padding:12px 20px;grid-template-columns:28px minmax(0,1fr) auto 14px}.strip summary b{font-size:21px}.strip .sl{padding:0 20px 20px 62px}.deckFoot{flex-direction:column;align-items:stretch;padding:20px}.deckFoot .btn{width:100%}}
.word{font-family:var(--serif);font-weight:700;font-size:27px;line-height:1;text-decoration:none;white-space:nowrap;letter-spacing:-0.01em;color:var(--ink)}
body .ddT:is(:hover,:focus){background:transparent;color:var(--ink);box-shadow:none}
/* hero: finish hero */
.fh-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);min-height:600px}
.fh-hero .txt{display:flex;flex-direction:column;justify-content:center;padding:64px 64px 72px max(40px,calc((100vw - 1280px)/2 + 40px))}
.fh-hero h1{font-size:72px;line-height:.98;letter-spacing:-0.02em}
.fh-hero .lede{margin-top:24px;font-size:19.5px;max-width:540px}
.fh-hero .ph{position:relative;min-height:600px;background:var(--marble)}
.fh-hero .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.fh-hero .ph.contain img{object-fit:contain;padding:48px}
.fh-hero.home{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
.fh-hero.home .txt{padding-right:56px;padding-top:72px;padding-bottom:80px}
.fh-hero.home h1{font-size:clamp(48px,4.8vw,72px);line-height:1}
.fh-hero.home .lede{max-width:560px}
.fh-hero.home{min-height:640px}
.fh-hero.home .ph{min-height:640px}
.crumb{display:flex;gap:10px;font-size:14px;margin-bottom:26px;color:var(--ink2)}
.dark .crumb{color:rgba(255,255,255,.72)}
.crumb a{text-decoration:none;font-weight:600;color:inherit}
.dark .crumb a{color:#FFFFFF}
.heroCap{display:flex;gap:28px;margin-top:44px;font-size:14px;color:var(--ink2)}
.dark .heroCap{color:rgba(255,255,255,.75)}
.heroCap b{display:block;color:inherit;font-size:15px;color:var(--ink)}
.dark .heroCap b{color:#FFFFFF}
/* section head */
.sh{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:44px}
.sh>div{max-width:900px}
.sh .btn{flex:none}
.sh.solo{display:block}
/* split: photo + text */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.split.wide{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}
.split .photo{overflow:hidden;background:var(--marble);min-height:480px;position:relative}
.split .photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.split .photo.contain{background:var(--marble)}
.split .photo.contain img{object-fit:contain;padding:36px}
.split.flip>.photo{order:2}
/* fact tiles */
.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px}
* + .facts{margin-top:30px}
.facts>div{background:#FFFFFF;padding:20px 22px;display:flex;flex-direction:column;gap:4px}
.g-white .facts>div,.facts.on-white>div{background:var(--marble)}
.dark .facts>div{background:rgba(255,255,255,.09)}
.facts b{font-size:20px;font-weight:700;line-height:1.2}
.facts span{font-size:14.5px;color:var(--ink2);line-height:1.45}
.dark .facts span{color:rgba(255,255,255,.78)}
.facts.c3{grid-template-columns:repeat(3,1fr)}
.facts.c4{grid-template-columns:repeat(4,1fr)}
/* spec strip */
.spec{display:grid;grid-template-columns:repeat(3,1fr);background:var(--marble)}
* + .spec{margin-top:28px}
.spec>div{padding:16px 18px}
.spec b{display:block;font-size:22px;font-weight:700;line-height:1.2}
.spec span{font-size:13px;color:var(--ink2)}
.g-marble .spec{background:#FFFFFF}
/* tool panel */
.tool{background:#FFFFFF;padding:36px}
.g-white .tool{background:var(--marble)}
.dark .tool{background:rgba(255,255,255,.08)}
.tool h3{margin-bottom:6px}
.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;align-items:end}
* + .fields{margin-top:24px}
.fields label,.tool label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
.fields input,.fields select{font:600 24px/1 var(--sans);padding:12px 14px;border:2px solid var(--ink);border-radius:0;width:100%;background:#FFFFFF;color:var(--ink);min-height:56px;appearance:none}
.dark .fields input,.dark .fields select{border-color:#FFFFFF;background:transparent;color:#FFFFFF}
.dark .fields select option{color:var(--ink)}
.out{display:flex;flex-direction:column;gap:6px}
* + .out{margin-top:24px}
.out b,.big{font-family:var(--serif);font-size:46px;line-height:1;font-weight:600}
.out span{font-size:15px;color:var(--ink2)}
.dark .out span{color:rgba(255,255,255,.8)}
/* segmented control */
.seg{display:flex;flex-wrap:wrap;background:var(--marble);padding:4px}
.seg button{flex:1 1 0;min-width:max-content}
* + .seg{margin-top:26px}
.g-marble .seg{background:var(--marble2)}
.dark .seg{background:rgba(255,255,255,.12)}
.seg button{border:0;background:transparent;color:var(--ink);font:600 15px/1.2 var(--sans);min-height:48px;cursor:pointer;border-radius:0;padding:6px 10px}
.seg button small{display:block;font-weight:500;font-size:12.5px;color:var(--ink2);margin-top:2px}
.dark .seg button{color:#FFFFFF}
.dark .seg button small{color:rgba(255,255,255,.7)}
body .seg button:is(:hover,:focus){background:transparent;color:inherit;box-shadow:none}
body .seg button[aria-pressed="true"]{background:#FFFFFF;color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.12)}
body .dark .seg button[aria-pressed="true"]{color:var(--claret)}
body .seg button[aria-pressed="true"] small{color:var(--ink2)}
/* bars drawn to scale */
.bars{display:flex;flex-direction:column;gap:10px}
* + .bars{margin-top:26px}
.bar{display:grid;grid-template-columns:76px minmax(0,1fr) 96px;gap:14px;align-items:center;font-size:14px}
.bar i{display:block;height:26px;background:var(--marble2);transition:width .2s,background .2s}
.bar b{font-weight:700}
.bar small{font-size:13px;font-weight:600;text-align:right}
.bar.fit i{background:var(--ink3)}
.bar.best i{background:var(--tobacco)}
.dark .bar i{background:rgba(255,255,255,.14)}
.dark .bar.fit i{background:rgba(255,255,255,.45)}
.dark .bar.best i{background:#FFFFFF}
/* lineup stage (to scale) */
/* product range */
.range{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px var(--gut)}
.range.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.pr{display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:10px;text-decoration:none}
.pr .im{background:var(--marble);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden}
.g-marble .pr .im{background:#FFFFFF}
.pr .im img{width:100%;height:100%;object-fit:contain;padding:18px}
.pr .im.cover img{object-fit:cover;padding:0}
.pr b{font-family:var(--serif);font-size:23px;line-height:1.12;font-weight:600}
.pr .m{font-size:13px;color:var(--ink2)}
.pr p{font-size:15px;color:var(--ink2);line-height:1.5}
.pr .go{font-weight:600;font-size:15px;align-self:end;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:3px}
.dark .pr p,.dark .pr .m{color:rgba(255,255,255,.75)}
/* room tiles */
.mosaic{display:grid;grid-template-columns:1.25fr 1fr 1fr;grid-template-rows:auto auto;gap:24px var(--gut)}
.tile{display:flex;flex-direction:column;gap:14px;text-decoration:none}
.tile .im{overflow:hidden;background:var(--marble)}
.tile .im img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
a.tile:hover .im img{transform:scale(1.03)}
.tile.big{grid-row:1 / 3}
.tile.big .im{flex:1 1 0;min-height:560px;height:0}
.tile.sm .im{height:268px}
.tile b{font-family:var(--serif);font-size:24px;line-height:1.1;font-weight:600;display:block}
.tile span{font-size:15px;color:var(--ink2)}
.tiles4{display:grid;grid-template-columns:repeat(4,1fr);gap:24px var(--gut)}
.tiles4 .tile .im,.tiles3 .tile .im{height:240px}
.tiles3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px var(--gut)}
/* answer cards */
.ans{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.ans.c3{grid-template-columns:repeat(3,1fr)}
.ans.c2{grid-template-columns:repeat(2,1fr)}
.ans>div{background:#FFFFFF;padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.g-white .ans>div{background:var(--marble)}
.dark .ans>div{background:#FFFFFF;color:var(--ink)}
.ans .q{font-size:15px;font-weight:600;color:var(--ink2)}
.ans .a1{font-family:var(--serif);font-size:32px;line-height:1.05;font-weight:600;color:var(--tobacco)}
.ans p{font-size:15px;color:var(--ink2);line-height:1.5}
.ans a{font-weight:600;font-size:15px;margin-top:auto}
/* questions list (FAQ) */
.dark .qa-i .a{color:rgba(255,255,255,.8)}
/* steps */
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.steps.c2{grid-template-columns:1fr 1fr}
.steps.c3{grid-template-columns:repeat(3,1fr)}
.steps>div{background:var(--marble);padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.g-marble .steps>div{background:#FFFFFF}
.dark .steps>div{background:rgba(255,255,255,.08)}
.steps strong{font-family:var(--serif);font-size:42px;line-height:1;color:var(--tobacco);font-weight:600}
.dark .steps strong{color:#FFFFFF}
.steps b{font-size:18px;line-height:1.25}
.steps span{font-size:15px;color:var(--ink2);line-height:1.5}
.dark .steps span{color:rgba(255,255,255,.78)}
/* timeline */
.tline{list-style:none;display:flex;flex-direction:column}
.tline li{display:grid;grid-template-columns:110px minmax(0,1fr);gap:24px;padding:22px 0}
.tline .yr{font-family:var(--serif);font-size:36px;line-height:1;font-weight:600;color:var(--tobacco)}
.tline strong{display:block;font-size:18px;margin-bottom:4px}
.tline span{font-size:15.5px;color:var(--ink2)}
/* phone lines */
.lines{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--gut)}
.lines>div{background:var(--marble);padding:30px 28px;display:flex;flex-direction:column;gap:8px}
.g-marble .lines>div{background:#FFFFFF}
.lines small{font-size:14px;font-weight:600;color:var(--ink2)}
.lines b{font-size:30px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap}
.lines span{font-size:15px;color:var(--ink2)}
/* compare table */
.cmp{width:100%;border-collapse:separate;border-spacing:0 6px;font-size:16px}
.cmp th,.cmp td{text-align:left;padding:16px 20px;vertical-align:top}
.cmp thead th{font:600 15px/1.2 var(--sans);color:var(--ink2);padding-bottom:8px}
.cmp tbody th{font-weight:600;width:24%;background:var(--marble2)}
.cmp tbody td{background:#FFFFFF}
.g-white .cmp tbody td{background:var(--marble)}
.g-white .cmp tbody th{background:var(--marble2)}
.cmpWrap{overflow-x:auto}
/* model index */
.idx{columns:4;column-gap:32px}
.idx div{break-inside:avoid;padding:0 0 18px}
.idx b{display:block;font-family:var(--serif);font-size:20px;line-height:1.15;font-weight:600}
.idx span{display:block;font-size:14px;color:var(--ink2);line-height:1.4;margin-top:3px}
.idx a{text-decoration:none}
.idx a:hover b{text-decoration:underline}
/* works / does not */
.wd{display:grid;grid-template-columns:1fr 1fr;gap:var(--gut)}
.wd>div{background:#FFFFFF;padding:28px}
.g-white .wd>div{background:var(--marble)}
.wd h3{font-size:24px;margin-bottom:14px}
.wd li{list-style:none;padding:8px 0 8px 30px;position:relative;font-size:16px}
.wd li::before{content:'';position:absolute;left:4px;top:15px;width:12px;height:7px;border-left:2.5px solid var(--tobacco);border-bottom:2.5px solid var(--tobacco);transform:rotate(-45deg)}
.wd .no li::before{width:14px;height:2.5px;border:0;background:var(--ink3);transform:none;top:19px}
/* hang (ceiling) */
.ceilingBand{background:var(--marble);position:relative;height:440px}
.ceilingBand .slab{position:absolute;left:0;right:0;top:0;height:22px;background:var(--marble2)}
.hangRow{position:absolute;left:0;right:0;top:22px;bottom:0;display:grid;grid-template-columns:1.7fr 1fr;align-items:start}
.hangRow>div{display:flex;flex-direction:column;align-items:center;height:100%}
.hangRow>div:first-child img{width:86%;max-width:720px;margin-top:60px}
.hangRow>div:last-child img{height:330px;width:auto}
.hangCap{display:grid;grid-template-columns:1.7fr 1fr;margin-top:22px}
.hangCap div{text-align:center;display:flex;flex-direction:column;gap:4px;padding:0 12px}
.hangCap b{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.1}
.hangCap span{font-size:14.5px;color:var(--ink2)}
.hangCap a{font-weight:600;font-size:14.5px;margin-top:6px}
/* address redirect */
.addr{background:#FFFFFF;padding:28px;display:flex;flex-direction:column;gap:12px}
* + .addr{margin-top:32px}
.addr .url{display:flex;align-items:center;gap:12px;background:var(--marble);padding:14px 16px;font:600 16px/1 var(--sans)}
.addr .url s{color:var(--ink2);text-decoration-thickness:2px}
.addr .arrow{font-size:14px;color:var(--ink2);padding-left:16px}
/* coupon */
.no{font-family:var(--serif);font-size:132px;line-height:.9;font-weight:600}
.ways{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.ways>div{background:#FFFFFF;color:var(--ink);padding:26px 24px;display:flex;flex-direction:column;gap:8px}
.ways b{font-family:var(--serif);font-size:36px;line-height:1;font-weight:600;color:var(--tobacco)}
.ways strong{font-size:17px;line-height:1.3}
.ways span{font-size:14.5px;color:var(--ink2);line-height:1.5}
/* swatch chips of real paint colors */
.chips{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}
.chip{display:flex;flex-direction:column;background:#FFFFFF}
.chip i{display:block;height:120px}
.chip b{font-size:15px;padding:12px 14px 0;line-height:1.25}
.chip span{font-size:13px;color:var(--ink2);padding:2px 14px 14px}
/* room plan (rugs) */
.planWrap{background:#FFFFFF;padding:28px}
.plan{position:relative;background:var(--oak2);aspect-ratio:16/13;overflow:hidden;box-shadow:inset 0 0 0 6px #FFFFFF}
.plan .rug{position:absolute;background:var(--tobacco);transition:all .25s}
.plan .sofa{position:absolute;background:var(--ink);transition:all .25s}
.plan .lbl{position:absolute;font-size:12.5px;font-weight:600}
.plan .lblRug{color:#FFFFFF;transform:translate(-50%,-50%)}
.plan .lblSofa{color:#FFFFFF;transform:translate(-50%,-50%)}
@media (max-width:860px){.planWrap{padding:12px}}
/* notes */
.src{font-size:13.5px;color:var(--ink2);max-width:760px}
* + .src{margin-top:24px}
.dark .src{color:rgba(255,255,255,.78)}
.src a{color:inherit}
/* prose (legal + about) */
.read{display:grid;grid-template-columns:260px minmax(0,720px);gap:72px;align-items:start}
.read nav{position:sticky;top:24px;display:flex;flex-direction:column;gap:2px;font-size:14.5px}
.read nav a{text-decoration:none;padding:6px 0;color:var(--ink2)}
.read nav a:hover{color:var(--ink)}
.read section{padding:0 0 36px}
.read h2{font-size:32px;margin-bottom:14px}
.read p,.read li{font-size:17px;color:var(--ink2);line-height:1.7}
.read p+p{margin-top:14px}
.read ul{padding-left:20px;margin-top:10px}
.read li+li{margin-top:6px}
.read a{font-weight:600}
/* contact form */
.note{display:flex;flex-direction:column;gap:18px;background:var(--marble);padding:36px}
.note label{display:flex;flex-direction:column;gap:8px;font-size:14px;font-weight:600}
.note input,.note select,.note textarea{font:500 17px/1.4 var(--sans);padding:12px 14px;border:2px solid var(--ink);border-radius:0;background:#FFFFFF;color:var(--ink);width:100%}
.note .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.note .btn{align-self:flex-start}
.note .hp{position:absolute;left:-9999px}
.formMsg{background:#FFFFFF;padding:14px 16px;font-weight:600}
.formMsg.ok{color:var(--tobacco)}
/* 404 */
.nf .nfCode{font-family:var(--serif);font-size:140px;line-height:.9;font-weight:600;color:var(--tobacco)}
.nf h1{font-size:56px;margin-top:12px}
.nfLinks{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:40px}
.nfLinks a,.nfLinks span{background:var(--marble);padding:22px;text-decoration:none;font-size:17px}
/* index page */
.allIdx{display:grid;grid-template-columns:repeat(3,1fr);gap:40px var(--gut)}
.allIdx h2{font-size:28px;margin-bottom:12px}
.allIdx a,.allIdx span{display:block;padding:10px 0;text-decoration:none}
.allIdx b{display:block;font-size:17px}
.allIdx small{display:block;font-size:14px;color:var(--ink2)}
/* footer */
.foot{background:var(--ink);color:#D8D3CE;padding:0}
.foot>.wrap{padding-top:64px}
.foot .cols{display:grid;grid-template-columns:1.6fr repeat(5,1fr);gap:32px}
.foot .word{color:#FFFFFF;font-size:30px}
.foot .fBrand p{font-size:14.5px;line-height:1.6;margin-top:16px;max-width:320px}
.foot .fh{margin:0 0 14px;font:600 15px/1.2 var(--sans);color:#FFFFFF;letter-spacing:0}
.foot .cols a{display:block;text-decoration:none;font-size:14.5px;padding:4px 0;color:#D8D3CE}
.foot .cols a:hover{color:#FFFFFF}

.legal{margin-top:64px;background:var(--legal);padding:26px 0;font-size:14px;color:#B3ACA5}
.legal .wrap{display:flex;justify-content:space-between;gap:40px;align-items:flex-start}
.legal p{max-width:620px}
.legal nav{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:flex-end}
.legal a{color:#D8D3CE;text-decoration:none}
/* vertical rhythm for stacked blocks inside columns */
h2 + .facts,h2 + .tool,h3 + p,.lede + .tool,.lede + .stage,.lede + .seg,.lede + .bars{margin-top:24px}
.tool + .src,.facts + .btns,.spec + .btns,.bars + .btns,.out + .btns{margin-top:28px}
h2 + p:not(.lede){margin-top:16px}
@media (max-width:1120px){
.menuBtn{display:inline-flex;margin-left:auto;align-items:center;min-height:44px;padding:0 18px;background:var(--marble);border:0;font:600 15px/1 var(--sans);color:var(--ink);border-radius:0;cursor:pointer}
}
/* tablet */
@media (max-width:1100px){
.wrap{padding:0 32px}
.hc h1{font-size:60px}
.fh-hero h1{font-size:60px}
.fh-hero.home{grid-template-columns:1fr 1fr}
.foot .cols{grid-template-columns:repeat(4,1fr)}
.foot .cols>div:first-child{grid-column:1 / 5}
.range{grid-template-columns:repeat(3,1fr)}
.ans{grid-template-columns:1fr 1fr}
.idx{columns:3}
.steps{grid-template-columns:1fr 1fr}
.chips{grid-template-columns:repeat(4,1fr)}
}
/* phone */
@media (max-width:860px){
:root{--gut:12px}
body.hc{font-size:16px}
.wrap{padding:0 20px}
.sec{padding:64px 0}
.sec.tight{padding:48px 0}
.hc h1{font-size:44px}
.hc h2{font-size:36px}
.hc h3{font-size:23px}
.lede{font-size:17px}
.notice .wrap{flex-direction:column;align-items:flex-start;gap:2px;padding-top:8px;padding-bottom:8px}
.top>.wrap{min-height:64px;gap:12px}
.word{font-size:21px}
.fh-hero,.fh-hero.home{grid-template-columns:minmax(0,1fr);min-height:0}
.fh-hero .txt{padding:36px 20px 40px}
.fh-hero h1{font-size:42px;line-height:1.02}
.fh-hero.home h1{font-size:clamp(32px,9.4vw,50px)}
.fh-hero .lede{font-size:17px;margin-top:18px}
.fh-hero .ph,.fh-hero.home .ph{min-height:290px;order:-1}
.fh-hero .ph.contain img{padding:20px}
.fh-hero .btns,.btns.stack{flex-direction:column}
.fh-hero .btns .btn,.btns.stack .btn{width:100%}
.heroCap{flex-direction:column;gap:12px;margin-top:28px}
.crumb{margin-bottom:18px}
.sh{flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:32px}
.split,.split.wide{grid-template-columns:1fr!important;gap:32px}
.split .photo{min-height:280px}
.split.flip>.photo{order:0}
.facts,.facts.c3,.facts.c4{grid-template-columns:1fr!important}
.spec>div{padding:12px 10px}
.spec b{font-size:17px}
.tool{padding:22px 18px}
.fields{grid-template-columns:1fr!important}
.out b,.big{font-size:38px}
.bar{grid-template-columns:56px minmax(0,1fr) 72px;gap:10px;font-size:13px}
.range,.range.c3{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:24px 12px}
.pr b{font-size:19px}
.pr p{font-size:14px}
.pr .im img{padding:10px}
.mosaic{grid-template-columns:1fr 1fr;gap:20px 12px}
.tile.big{grid-column:1 / 3;grid-row:auto}
.tile.big .im{min-height:300px}
.tile.sm .im,.tiles4 .tile .im,.tiles3 .tile .im{height:170px}
.tiles4{grid-template-columns:1fr 1fr}
.tiles3{grid-template-columns:1fr}
.tile b{font-size:19px}
.tile span{font-size:13.5px}
.ans,.ans.c3,.ans.c2{grid-template-columns:1fr}
.steps,.steps.c2,.steps.c3{grid-template-columns:1fr}
.tline li{grid-template-columns:76px minmax(0,1fr);gap:16px;padding:18px 0}
.tline .yr{font-size:27px}
.lines{grid-template-columns:1fr}
.lines b{font-size:26px}
.cmp{font-size:14.5px}
.cmp th,.cmp td{padding:12px}
.idx{columns:2;column-gap:18px}
.wd{grid-template-columns:1fr}
.ceilingBand{height:230px}
.hangRow>div:first-child img{margin-top:34px}
.hangRow>div:last-child img{height:170px}
.hangCap{grid-template-columns:1fr;gap:20px}
.no{font-size:88px}
.ways{grid-template-columns:1fr}
.chips{grid-template-columns:repeat(2,1fr)}
.chip i{height:90px}
.read{grid-template-columns:1fr;gap:24px}
.read nav{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 16px}
.read h2{font-size:27px}
.note{padding:22px 18px}
.note .row2{grid-template-columns:1fr}
.note .btn{width:100%}
.nf .nfCode{font-size:96px}
.nf h1{font-size:38px}
.nfLinks{grid-template-columns:1fr}
.allIdx{grid-template-columns:1fr}
.foot{padding-top:56px}
.foot .cols{grid-template-columns:1fr 1fr;gap:28px 20px}
.foot .cols>div:first-child{grid-column:1 / 3}
.legal .wrap{flex-direction:column;gap:12px}
.legal nav{justify-content:flex-start}
}
/* heights to scale with base circles */
.gline{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;background:var(--marble);padding:40px 28px 32px}
.gline .col{display:grid;grid-template-rows:subgrid;grid-row:span 6;justify-items:center;text-align:center;gap:10px}
.gline .stand{height:440px;display:flex;align-items:flex-end;justify-content:center;width:100%}
.gline .stand img{height:100%;width:auto;max-width:none;mix-blend-mode:multiply}
.gline .base{height:86px;display:flex;align-items:center;justify-content:center}
.gline .base i{display:block;border-radius:50%;background:var(--marble2)}
.gline b{font-family:var(--serif);font-size:26px;line-height:1.1;font-weight:600}
.gline .model{font-size:13.5px;color:var(--ink2)}
.gline dl{margin:6px 0 0;display:grid;grid-template-columns:1fr 1fr;width:100%;background:#FFFFFF}
.gline dl div{padding:12px 8px}
.gline dt{font-size:12.5px;color:var(--ink2)}
.gline dd{margin:0;font-weight:700;font-size:17px}
.gline .btn{width:100%;margin-top:6px}
.modes{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 20px}
* + .modes{margin-top:28px}
.modes span{font-family:var(--serif);font-size:24px;line-height:1.15;font-weight:600}
@media (max-width:860px){
.gline{grid-template-columns:1fr 1fr;padding:24px 12px;gap:28px 10px}
.gline .stand{height:300px}
.gline b{font-size:21px}
.modes{grid-template-columns:1fr 1fr}
.modes span{font-size:20px}
}
/* filters */
.filters{display:grid;grid-template-columns:1.4fr 1.1fr 1fr;gap:20px;margin-bottom:12px}
.flab{display:block;font-size:14px;font-weight:600;margin-bottom:8px}
.filters .seg{margin:0}
.fcount{font-size:15px;color:var(--ink2);margin:18px 0 26px}
.fnone{font-size:17px;padding:24px;background:var(--marble);margin-top:12px}
.range .pr[hidden]{display:none}
@media (max-width:860px){.filters{grid-template-columns:1fr}.filters .seg{overflow-x:auto}.filters .seg button{white-space:nowrap;padding:6px 12px}}
/* drawn diagrams and planks */
.diag{margin:0;background:var(--marble);padding:28px}
.g-marble .diag{background:#FFFFFF}
.diag svg{display:block;width:100%;height:auto}
.planks{display:flex;flex-direction:column;gap:18px}
.planks>div{display:grid;grid-template-columns:minmax(0,1fr) 150px;grid-template-rows:auto auto;column-gap:24px;align-items:center}
.planks i{grid-row:1 / 3;display:block;height:46px;background:linear-gradient(90deg,#C9AE86,#B89A72 40%,#C4A57D 70%,#B08F66)}
.planks b{font-size:18px}
.planks span{font-size:14px;color:var(--ink2)}
@media (max-width:860px){.planks>div{grid-template-columns:1fr;row-gap:6px}.planks i{grid-row:auto;height:30px}.diag{padding:14px}}
/* shelf + studs */
.planks i.shelfbar{background:#FFFFFF;box-shadow:0 2px 0 rgba(25,22,20,.18);height:22px}
.g-white .planks i.shelfbar{background:var(--marble2)}
.wallStuds{position:relative;height:200px;background:repeating-linear-gradient(90deg,var(--marble2) 0,var(--marble2) 3px,transparent 3px,transparent calc(100% / 3)) ,#FFFFFF;background-size:100% 100%;border-right:3px solid var(--marble2)}
.shelfOnWall{position:absolute;left:0;top:90px;height:20px;background:var(--ink);transition:width .25s}
/* fan in a room */
.fanRoom .room{position:relative;height:420px;background:#FFFFFF;overflow:hidden}
.fanRoom .rod{position:absolute;left:50%;top:0;width:4px;margin-left:-2px;background:var(--ink);transition:height .25s}
.fanRoom .fanbar{position:absolute;left:22%;right:22%;height:10px;background:var(--ink);transition:top .25s}
.fanRoom .floorLine{position:absolute;left:0;right:0;bottom:0;height:10px;background:var(--oak)}
.fanRoom .line7{position:absolute;left:0;right:0;border-top:2px dashed var(--tobacco)}
.fanRoom .h7{position:absolute;right:8px;font-size:12.5px;font-weight:600;color:var(--tobacco)}
@media (max-width:860px){.fanRoom .room{height:300px}}
/* home hero facts strip */
.heroFacts{background:#FFFFFF}
.heroFacts .wrap{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--gut)}
.heroFacts .wrap>div{padding:30px 0;display:flex;flex-direction:column;gap:4px}
.heroFacts span{font-size:13px;font-weight:600;color:var(--ink2)}
.heroFacts b{font-family:var(--serif);font-size:24px;line-height:1.15;font-weight:700}
.heroFacts small{font-size:14px;color:var(--ink2)}
.heroFacts a{font-weight:600}
@media (max-width:860px){.heroFacts .wrap{grid-template-columns:1fr 1fr;gap:0 16px}.heroFacts .wrap>div{padding:18px 0}.heroFacts b{font-size:19px}}
/* questions: index of questions, then short answer first */
.ask{display:grid;grid-template-columns:290px minmax(0,1fr);gap:64px;margin-top:40px;align-items:start}
.askIdx{position:sticky;top:24px;display:flex;flex-direction:column;border-top:2px solid var(--ink)}
.askIdx a{padding:12px 0 13px;border-bottom:1px solid var(--marble2);font-size:15.5px;font-weight:600;line-height:1.35;text-decoration:none;color:var(--ink)}
.askIdx a:hover,.askIdx a:focus-visible{text-decoration:underline;text-underline-offset:3px}
.g-marble .askIdx a,.g-marble .askList .qa-i{border-color:#D3D0CB}
.askList .qa-i{padding:30px 0 32px;border-top:1px solid var(--marble2);scroll-margin-top:24px}
.askList .qa-i:first-child{border-top:2px solid var(--ink);padding-top:26px}
.qa-i .q{font-family:var(--serif);font-size:27px;line-height:1.14;font-weight:600}
.qa-i .a{margin-top:12px;font-size:16.5px;color:var(--ink2);max-width:760px}
.qa-i .a .short{font-size:19px;line-height:1.45;font-weight:600;color:var(--ink)}
.qa-i .a p + p{margin-top:8px}
.qa-i .a a{font-weight:600;color:var(--ink)}
@media (max-width:1100px){.ask{grid-template-columns:230px minmax(0,1fr);gap:40px}}
@media (max-width:860px){.ask{grid-template-columns:1fr;gap:24px;margin-top:28px}.askIdx{position:static}.askIdx a{font-size:15px;padding:10px 0}.qa-i .q{font-size:23px}.qa-i .a .short{font-size:17.5px}.askList .qa-i{padding:24px 0 26px}}
/* full index */
.fidx{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 48px}
.fidx h2{font-size:28px;border-top:2px solid var(--ink);padding-top:16px}
.fidx h2 .pg{display:block;font:600 13px/1 var(--sans);letter-spacing:.06em;color:var(--ink2);margin-bottom:8px}
.fidx ul{list-style:none;margin-top:8px}
.fidx a{display:block;padding:12px 0;border-bottom:1px solid var(--marble2);text-decoration:none}
.fidx b{display:block;font-weight:600;font-size:16.5px}
.fidx span{display:block;font-size:14.5px;color:var(--ink2)}
.fidx a:hover b{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.fidx{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.fidx{grid-template-columns:1fr;gap:32px}}
/* text pages (trust pages) */
.prose{max-width:760px}
.prose h2{font-size:34px;margin-top:48px}
.prose h2:first-child{margin-top:0}
.prose p,.prose ul{margin-top:14px;color:var(--ink2)}
.prose ul{padding-left:22px}
.prose li + li{margin-top:6px}
.prose a{font-weight:600;color:var(--ink)}
.prose strong{color:var(--ink)}
@media (max-width:860px){.prose h2{font-size:28px;margin-top:36px}}
/* text-only hero for the trust pages */
.fh-hero.solo{grid-template-columns:1fr;min-height:0}
.fh-hero.solo .txt{padding:64px max(40px,calc((100vw - 1280px)/2 + 40px)) 72px}
.fh-hero.solo .lede{max-width:760px}
.lines.one{grid-template-columns:1fr}
@media (max-width:1100px){.fh-hero.solo .txt{padding:56px 32px 64px}}
@media (max-width:860px){.fh-hero.solo .txt{padding:36px 20px 44px}}
/* wall planner: paint chip + art hanging height, drawn to scale */
.paints{display:flex;flex-wrap:wrap;gap:8px}
.paints button{display:flex;align-items:center;gap:10px;min-height:44px;padding:0 14px 0 8px;background:#FFFFFF;border:1px solid var(--marble2);border-radius:0;font:600 14px/1.2 var(--sans);color:var(--ink);cursor:pointer}
.paints button i{display:block;width:26px;height:26px;background:var(--c);box-shadow:inset 0 0 0 1px rgba(25,22,20,.15)}
.paints button[aria-pressed="true"]{border:2px solid var(--ink);padding-left:7px}
.wallPlan{position:relative;background:var(--marble2);padding:0 0 18px}
.wallPlan .wp{position:relative;aspect-ratio:4/3;background:#DFD6C1;overflow:hidden;transition:background .2s}
.wallPlan .eye{position:absolute;left:0;right:0;bottom:52.78%;border-top:1px dashed rgba(25,22,20,.55)}
.wallPlan .eye span{position:absolute;right:10px;top:4px;font-size:12.5px;font-weight:600;color:var(--ink)}
.wallPlan .furn{position:absolute;left:20%;right:20%;bottom:0;background:#6D5A4B}
.wallPlan .art{position:absolute;left:50%;transform:translateX(-50%);background:#FFFFFF;box-shadow:0 0 0 6px #2B2622,0 6px 14px rgba(0,0,0,.18)}
.wallPlan .hk{position:absolute;left:50%;width:10px;height:10px;margin:0 0 -5px -5px;background:var(--tobacco);border-radius:50%}
.wallPlan .base{position:absolute;left:0;right:0;bottom:0;height:3.5%;background:#FFFFFF}
.wallPlan .cap{display:flex;justify-content:space-between;font-size:13px;color:var(--ink2);padding:10px 14px 0}
.chipsGrid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px var(--gut)}
.chipsGrid>div{display:flex;flex-direction:column}
.chipsGrid i{display:block;aspect-ratio:1/1;background:var(--c);box-shadow:inset 0 0 0 1px rgba(25,22,20,.12)}
.chipsGrid b{font-family:var(--serif);font-size:18px;line-height:1.15;margin-top:10px}
.chipsGrid span{font-size:13.5px;color:var(--ink2);font-weight:600}
@media (max-width:1100px){.chipsGrid{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (max-width:860px){.chipsGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px 12px}.chipsGrid b{font-size:16px}}
/* parts finder card and quick fixes */
.partCard,.verdict{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px;margin-top:24px;background:var(--marble2)}
.partCard>div,.verdict>div{background:#FFFFFF;padding:26px 26px 28px;display:flex;flex-direction:column;gap:6px}
.partCard small,.verdict small{font-size:14px;font-weight:600;color:var(--tobacco)}
.partCard b,.verdict b{font-family:var(--serif);font-size:22px;line-height:1.18;font-weight:600}
.partCard span,.verdict span{font-size:15.5px;color:var(--ink2)}
.partCard a,.verdict a{font-weight:600;color:var(--ink)}
.fixes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut);margin-top:32px}
.fixes>div{background:#FFFFFF;padding:26px 26px 28px;border-top:3px solid var(--ink)}
.fixes h3{font-size:23px}
.fixes ol{margin-top:14px;padding-left:20px;display:grid;gap:8px;font-size:15.5px;color:var(--ink2)}
@media (max-width:1100px){.fixes{grid-template-columns:1fr 1fr}}
@media (max-width:860px){.partCard,.verdict,.fixes{grid-template-columns:1fr}.partCard>div,.verdict>div,.fixes>div{padding:20px}}
.names{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 var(--gut);margin-top:18px}
.names a{display:block;padding:12px 0;border-bottom:1px solid var(--marble2);text-decoration:none;color:var(--ink)}
.names b{display:block;font-weight:600;font-size:16px}
.names span{display:block;font-size:13.5px;color:var(--ink2)}
.names a:hover b{text-decoration:underline;text-underline-offset:3px}
@media (max-width:1100px){.names{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:860px){.names{grid-template-columns:1fr 1fr}}
.cmp.vs thead th{font-family:var(--serif);font-size:21px;font-weight:600;color:var(--ink);line-height:1.2}
.cmp.vs thead th span{display:block;font-family:var(--sans);font-size:14px;font-weight:500;color:var(--ink2)}
.answer{margin-top:24px;background:var(--marble);padding:28px 30px;max-width:900px;display:flex;flex-direction:column;gap:8px}
.answer b{font-family:var(--serif);font-size:24px;line-height:1.2;font-weight:600}
.answer span{color:var(--ink2)}
@media (max-width:860px){.answer{padding:22px 20px}.answer b{font-size:20px}}

/* text on oak needs ink, not ink2 */
.g-oak .lede,.g-oak .src,.g-oak .ink2,.g-oak .crumb,.g-oak .crumb a,.g-oak .crumb span{color:#2A2420}
.g-oak :is(p,span,small,li){color:#2A2420}
.hc .chTel{margin-top:22px}
/* furniture ledger: one row per piece, like a catalog order sheet */
.inv{margin-top:22px;border-top:2px solid var(--ink)}
.inv a{display:grid;grid-template-columns:96px minmax(0,1fr) minmax(0,1.9fr) 140px;column-gap:24px;align-items:baseline;padding:17px 0;border-bottom:1px solid #D3D0CB;text-decoration:none;color:var(--ink)}
.inv .rm{font-size:13px;font-weight:600;color:var(--tobacco)}
.inv b{font-family:var(--serif);font-size:21px;line-height:1.2;font-weight:600}
.inv span{font-size:15.5px;color:var(--ink2)}
.inv .sz{text-align:right;font-weight:600;color:var(--ink)}
.inv a:hover b,.inv a:focus-visible b{text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px}
.bar em{grid-column:2 / -1;font-style:normal;font-size:12.5px;line-height:1.3;opacity:.85;margin-top:-2px}
@media (max-width:860px){.inv a{grid-template-columns:minmax(0,1fr) auto;row-gap:2px;padding:14px 0}.inv .rm{grid-column:1/-1}.inv b{font-size:19px}.inv span:not(.rm):not(.sz){grid-column:1/-1;order:3}.inv .sz{grid-row:2;grid-column:2}}

/* two fonts only: every display number uses the heading serif */
.lines b,.out b,.big,.no,.tline .yr,.chTel b,.rPtel dd,.deckTel b{font-family:var(--serif);font-weight:400;letter-spacing:0}
.hc h1,.hc h2,.hc h3{font-weight:400;letter-spacing:0}
/* number steppers on every calculator */
.step{display:flex;align-items:stretch}
.step input{flex:1;min-width:0;text-align:center;-moz-appearance:textfield}
.step input::-webkit-outer-spin-button,.step input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.step button{flex:none;width:48px;border:2px solid var(--ink);background:#FFFFFF;color:var(--ink);font:500 22px/1 var(--sans);cursor:pointer;border-radius:0;display:flex;align-items:center;justify-content:center;padding:0}
.step button:first-child{border-right:0}
.step button:last-child{border-left:0}
.step button:hover,.step button:focus-visible{background:var(--ink);color:#FFFFFF}
.dark .step button{border-color:#FFFFFF}
/* room guide cards, filled in the section's own finish (no hairlines) */
.gcards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-top:40px}
.gcards a{display:flex;flex-direction:column;gap:8px;min-height:132px;padding:24px 26px 26px;text-decoration:none;color:inherit;background:rgba(255,255,255,.1);transition:background .15s,color .15s}
.gcards a b{font-family:var(--serif);font-weight:400;font-size:24px;line-height:1.15;display:flex;justify-content:space-between;gap:12px}
.gcards a b::after{content:"";flex:none;width:9px;height:9px;margin-top:9px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg)}
.gcards a span{font-size:15px;line-height:1.45;opacity:.88}
.dark .gcards a:hover,.dark .gcards a:focus-visible{background:rgba(255,255,255,.2)}
.g-oak .gcards a{background:#FFFFFF;color:var(--ink)}
.g-oak .gcards a span{color:var(--ink2);opacity:1}
.g-oak .gcards a:hover,.g-oak .gcards a:focus-visible{background:var(--ink);color:#FFFFFF}
.g-oak .gcards a:hover span,.g-oak .gcards a:focus-visible span{color:rgba(255,255,255,.85)}
.gcards.on-light a{background:var(--marble);color:var(--ink)}
.gcards.on-light a span{color:var(--ink2);opacity:1}
.gcards.on-light a:hover,.gcards.on-light a:focus-visible{background:var(--ink);color:#FFFFFF}
.gcards.on-light a:hover span,.gcards.on-light a:focus-visible span{color:rgba(255,255,255,.85)}
.tvq{display:flex;flex-direction:column;justify-content:center;padding:48px;background:rgba(255,255,255,.08)}
.tvq small{font-size:14px;font-weight:600;opacity:.85}
.tvq p{font-family:var(--serif);font-size:32px;line-height:1.22;margin-top:12px}
@media (max-width:860px){.gcards{grid-template-columns:1fr;gap:10px;margin-top:28px}.gcards a{min-height:0;padding:18px 20px 20px}.gcards a b{font-size:21px}.tvq{padding:28px 22px}.tvq p{font-size:24px}}

/* footer */
.fTop{background:#24201D}
.fTop .wrap{display:grid;grid-template-columns:120px minmax(0,1fr);gap:40px;align-items:center;padding-top:44px;padding-bottom:44px}
.fSeal{display:grid;grid-template-columns:1fr 1fr;gap:6px;width:96px}
.fSeal .sw{width:45px;height:45px;box-shadow:none}
.fSay .fBig{font-family:var(--serif);font-size:34px;line-height:1.15;color:#FFFFFF}
.fSay p+p{margin-top:10px;font-size:15.5px;line-height:1.6;max-width:820px;color:#D8D3CE}
.fSay a{color:#FFFFFF;font-weight:600;text-decoration:underline;text-underline-offset:3px}
.social{margin-top:28px}
.sCap{display:block;font-size:13.5px;color:#BDB6AF;margin-bottom:12px}
.social div{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:320px}
.foot .social a{display:flex;align-items:center;gap:10px;min-height:46px;padding:0 14px!important;background:rgba(255,255,255,.08);color:#FFFFFF;font-size:14.5px;font-weight:600;transition:background .15s}
.foot .social a:hover,.foot .social a:focus-visible{background:#FFFFFF;color:var(--ink)}
.social svg{width:20px;height:20px;fill:currentColor;flex:none}
.legal p{line-height:1.6}
@media (max-width:860px){.fTop .wrap{grid-template-columns:1fr;gap:20px;padding-top:32px;padding-bottom:32px}.fSeal{grid-template-columns:repeat(4,1fr);width:auto;max-width:200px}.fSeal .sw{width:auto;height:28px}.fSay .fBig{font-size:27px}.foot>.wrap{padding-top:44px}.social div{max-width:none}}
.foot .cols a.word{font-size:28px;color:#FFFFFF;padding:0;line-height:1.1}
/* questions as filled cards, no hairlines */
.askIdx{border-top:0;gap:6px}
.askIdx a{background:var(--marble);border:0!important;padding:12px 16px 13px}
.g-marble .askIdx a{background:#FFFFFF}
.askIdx a:hover,.askIdx a:focus-visible{background:var(--ink);color:#FFFFFF;text-decoration:none}
.askList{display:grid;gap:12px}
.askList .qa-i,.askList .qa-i:first-child{background:var(--marble);border:0!important;padding:28px 32px 30px}
.g-marble .askList .qa-i{background:#FFFFFF}
@media (max-width:860px){.askList .qa-i,.askList .qa-i:first-child{padding:20px 20px 22px}.askIdx{display:none}}