:root {
  --ink: #111214;
  --ink-2: #242527;
  --paper: #f4f3f1;
  --paper-2: #e7e4df;
  --white: #ffffff;
  --acid: #d8d4cc;
  --rust: #65625e;
  --sage: #898783;
  --line: rgba(17, 18, 20, .15);
  --radius: 22px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--paper); font-family: "DM Sans", sans-serif; -webkit-font-smoothing: antialiased; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 3px solid rgba(101, 98, 94, .32); outline-offset: 3px; }

.topline { min-height: 34px; padding: 0 4.5vw; display: flex; align-items: center; justify-content: space-between; background: var(--ink); color: rgba(255,255,255,.72); font-size: 11px; letter-spacing: .06em; text-transform: uppercase; }
.text-button { border: 0; background: transparent; color: var(--acid); text-transform: uppercase; font-size: 11px; cursor: pointer; }
.site-header { height: 88px; padding: 0 4.5vw; display: flex; align-items: center; gap: 40px; border-bottom: 1px solid var(--line); background: rgba(243,240,232,.93); backdrop-filter: blur(18px); position: sticky; top: 0; z-index: 50; }
.brand { display: inline-flex; align-items: center; gap: 10px; background: none; border: 0; padding: 0; cursor: pointer; text-align: left; }
.brand > span:last-child { display: flex; flex-direction: column; line-height: .8; }
.brand strong { font: 800 24px/1 "Manrope", sans-serif; letter-spacing: -.07em; }
.brand small { font: 700 8px/1 "Manrope", sans-serif; letter-spacing: .22em; margin-top: 6px; }
.brand-mark { width: 35px; height: 34px; position: relative; display: block; }
.brand-mark i { position: absolute; width: 26px; height: 8px; border: 2px solid var(--ink); transform: skewY(-24deg); left: 3px; }
.brand-mark i:nth-child(1) { top: 2px; background: var(--acid); }
.brand-mark i:nth-child(2) { top: 12px; }
.brand-mark i:nth-child(3) { top: 22px; }
.main-nav { display: flex; gap: 26px; margin-left: auto; }
.main-nav button, footer button { border: 0; background: none; cursor: pointer; font-weight: 600; font-size: 13px; }
.main-nav button { padding: 10px 0; position: relative; }
.main-nav button::after { content: ""; position: absolute; height: 2px; left: 0; right: 100%; bottom: 5px; background: var(--rust); transition: .2s ease; }
.main-nav button:hover::after, .main-nav button.active::after { right: 0; }
.menu-button { display: none; }
.button { min-height: 50px; padding: 0 22px; border: 1px solid transparent; border-radius: 999px; font-weight: 700; font-size: 13px; cursor: pointer; transition: transform .2s, box-shadow .2s, background .2s; display: inline-flex; align-items: center; justify-content: center; gap: 10px; }
.button:hover { transform: translateY(-2px); }
.button-dark { color: white; background: var(--ink); }
.button-dark:hover { box-shadow: 0 10px 25px rgba(28,29,26,.2); }
.button-accent { color: var(--ink); background: var(--acid); }
.button-accent:hover { box-shadow: 0 10px 25px rgba(92,105,34,.2); }
.button-ghost { border-color: var(--line); background: rgba(255,255,255,.2); }
.header-cta { margin-left: 4px; min-height: 44px; padding: 0 20px; }

.page { display: none; min-height: 70vh; }
.page.active { display: block; animation: pageIn .42s ease both; }
@keyframes pageIn { from { opacity: 0; transform: translateY(5px); } to { opacity: 1; transform: none; } }
.hero-shell { min-height: 675px; padding: 75px 4.5vw 55px; display: grid; grid-template-columns: 1.02fr .98fr; align-items: center; gap: 7vw; overflow: hidden; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.eyebrow::before { content: ""; width: 24px; height: 2px; background: var(--rust); }
.hero-copy h1, .page-intro h1, .commercial-copy h1, .contact-copy h1 { font: 700 clamp(52px, 6.1vw, 91px)/.96 "Manrope", sans-serif; letter-spacing: -.065em; margin: 25px 0; max-width: 850px; }
h1 em, h2 em { font-family: Georgia, serif; font-weight: 400; letter-spacing: -.04em; }
.hero-copy > p { max-width: 580px; font-size: 18px; line-height: 1.65; color: #55564f; }
.hero-actions { display: flex; gap: 12px; margin-top: 36px; }
.micro-proof { display: flex; gap: 28px; margin-top: 56px; padding-top: 22px; border-top: 1px solid var(--line); max-width: 600px; }
.micro-proof span { display: flex; align-items: center; gap: 8px; font-size: 11px; text-transform: uppercase; letter-spacing: .04em; color: #66675f; }
.micro-proof b { color: var(--rust); }

.hero-visual { position: relative; min-height: 520px; }
.room-card { height: 480px; border-radius: 190px 190px 18px 18px; position: relative; overflow: hidden; background: #d8d5d0; box-shadow: 0 35px 80px rgba(28,29,31,.16); }
.room-card::before { content: ""; position: absolute; inset: 0; background: linear-gradient(125deg, rgba(255,255,255,.78), transparent 44%), repeating-linear-gradient(89deg, transparent 0 63px, rgba(38,35,29,.035) 64px 66px); }
.room-card::after { content: ""; position: absolute; left: -5%; right: -5%; height: 39%; bottom: 0; background: repeating-linear-gradient(108deg, #85827d 0 5px, #a9a49c 6px 42px, #6d6b67 43px 45px); transform: perspective(450px) rotateX(56deg); transform-origin: bottom; }
.visual-label { position: absolute; z-index: 4; top: 78px; left: -30px; background: var(--white); padding: 12px 17px; border-radius: 99px; box-shadow: 0 12px 30px rgba(30,25,20,.12); font-size: 11px; text-transform: uppercase; letter-spacing: .08em; }
.visual-label span { width: 8px; height: 8px; display: inline-block; background: var(--rust); border-radius: 50%; margin-right: 7px; }
.sun { position: absolute; width: 180px; height: 180px; border-radius: 50%; background: rgba(255,255,255,.62); right: -60px; top: 80px; filter: blur(2px); }
.art { position: absolute; border: 8px solid #f2ede2; box-shadow: 0 10px 25px rgba(55,45,34,.12); z-index: 2; }
.art-one { left: 15%; top: 25%; width: 90px; height: 115px; background: linear-gradient(35deg,#595856 0 35%,#aaa59d 36% 58%,#363739 59%); }
.art-two { left: 37%; top: 19%; width: 70px; height: 88px; background: radial-gradient(circle at 65% 30%,#d9d5ce 0 18%,transparent 19%), #666664; }
.sofa { position: absolute; z-index: 3; width: 58%; height: 105px; bottom: 22%; left: 11%; border-radius: 12px 12px 4px 4px; background: #737371; box-shadow: 0 14px 24px rgba(30,30,30,.2); }
.sofa::before { content: ""; position: absolute; width: 95%; height: 75px; bottom: 55px; left: 2.5%; background: #838280; border-radius: 20px 20px 2px 2px; }
.sofa::after { content: ""; position: absolute; width: 104%; left: -2%; height: 18px; bottom: -15px; border-left: 6px solid #383a34; border-right: 6px solid #383a34; }
.sofa i { position: absolute; z-index: 2; background: #575654; width: 60px; height: 45px; left: 18px; top: -25px; transform: rotate(-5deg); border-radius: 4px; }
.sofa i:nth-child(2) { left: auto; right: 18px; background: #c5c1b9; transform: rotate(6deg); }
.sofa i:nth-child(3) { width: 40%; height: 1px; background: rgba(255,255,255,.35); top: 50px; left: 30%; }
.table { position: absolute; z-index: 4; right: 12%; bottom: 16%; width: 110px; height: 42px; border-radius: 50%; background: #c8c4bc; box-shadow: 0 11px 0 -8px #353535; }
.table::after { content: ""; position: absolute; width: 6px; height: 70px; background: #444037; left: 52px; top: 28px; }
.plant { position: absolute; z-index: 3; right: 8%; bottom: 30%; width: 75px; height: 130px; border-bottom: 55px solid #77736d; border-left: 12px solid transparent; border-right: 12px solid transparent; }
.plant i { position: absolute; width: 40px; height: 75px; border-radius: 100% 0 100% 0; background: #555654; top: 12px; left: 18px; transform: rotate(-35deg); }
.plant i:nth-child(2) { transform: rotate(38deg) scale(.8); left: -5px; top: 0; }
.plant i:nth-child(3) { transform: rotate(70deg) scale(.6); left: 23px; top: -8px; }
.material-card { position: absolute; z-index: 5; right: -32px; bottom: -15px; width: 230px; height: 124px; border-radius: 16px; padding: 22px; display: flex; flex-direction: column; justify-content: flex-end; background: var(--ink); color: white; box-shadow: 0 20px 45px rgba(30,27,22,.25); overflow: hidden; }
.material-card::before { content: ""; position: absolute; inset: 0; background: repeating-linear-gradient(65deg, transparent 0 4px, rgba(255,255,255,.035) 5px 8px); }
.material-card span, .material-card strong { position: relative; }
.material-card span { font-size: 10px; color: var(--acid); text-transform: uppercase; letter-spacing: .12em; margin-bottom: 8px; }
.material-card strong { font-family: Manrope, sans-serif; font-size: 15px; }
.trust-strip { margin: 0 4.5vw; padding: 22px 3vw; background: var(--white); border: 1px solid var(--line); border-radius: 14px; display: flex; align-items: center; justify-content: space-between; text-transform: uppercase; letter-spacing: .08em; font-size: 10px; font-weight: 700; }
.trust-strip i { width: 4px; height: 4px; border-radius: 50%; background: var(--rust); }
.section-pad { padding: 120px 4.5vw; }
.section-heading { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 52px; }
.section-heading h2 { font: 700 clamp(39px, 4.6vw, 68px)/1.04 "Manrope",sans-serif; letter-spacing: -.055em; margin: 22px 0 0; }
.path-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.path-card { min-height: 390px; border-radius: var(--radius); padding: 36px; position: relative; display: flex; flex-direction: column; align-items: flex-start; overflow: hidden; }
.residential-card { background: #e1dfdb; }
.commercial-card { background: var(--ink); color: white; }
.path-number { position: absolute; top: 30px; right: 34px; font: 600 13px/1 Manrope; opacity: .55; }
.path-icon { height: 118px; width: 118px; border-radius: 50%; display: grid; place-items: center; margin-bottom: auto; }
.house-icon { background: rgba(255,255,255,.5); }
.house-icon::before { content: ""; width: 42px; height: 36px; border: 2px solid var(--ink); border-top: 0; transform: translateY(6px); }
.house-icon::after { content: ""; position: absolute; width: 31px; height: 31px; border-left: 2px solid var(--ink); border-top: 2px solid var(--ink); transform: rotate(45deg) translate(-8px,-8px); }
.building-icon { background: rgba(255,255,255,.08); display: flex; align-items: flex-end; justify-content: center; gap: 4px; padding-bottom: 30px; }
.building-icon span { width: 17px; background: var(--acid); border-radius: 2px 2px 0 0; }
.building-icon span:nth-child(1) { height: 35px; }.building-icon span:nth-child(2) { height: 53px; }.building-icon span:nth-child(3) { height: 43px; }
.path-card h3 { font: 700 31px/1.1 Manrope; letter-spacing: -.04em; margin: 25px 0 10px; }
.path-card p { max-width: 510px; line-height: 1.6; opacity: .72; margin: 0 0 24px; }
.inline-link { border: 0; background: none; padding: 0; font-weight: 800; cursor: pointer; border-bottom: 1px solid currentColor; padding-bottom: 4px; }
.inline-link span { margin-left: 8px; }

.page-intro { padding: 76px 4.5vw 58px; display: grid; grid-template-columns: 1.35fr .65fr; gap: 7vw; align-items: end; }
.page-intro h1 { font-size: clamp(48px,5.5vw,79px); margin-bottom: 0; }
.page-intro > p { font-size: 17px; line-height: 1.65; color: #5c5b55; padding-bottom: 12px; }
.studio-layout { display: grid; grid-template-columns: 260px 1fr; gap: 4vw; padding: 0 4.5vw 120px; }
.studio-filters { border-top: 1px solid var(--line); padding-top: 26px; }
.filter-step { margin-bottom: 34px; }
.filter-step > span { display: block; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .14em; margin-bottom: 14px; }
.segmented { display: flex; flex-wrap: wrap; gap: 7px; }
.segmented button, .tier-tabs button { border: 1px solid var(--line); background: rgba(255,255,255,.2); border-radius: 99px; min-height: 38px; padding: 0 14px; font-size: 11px; font-weight: 700; cursor: pointer; }
.segmented button.selected { background: var(--ink); color: white; }
.reset-filters { border: 0; border-bottom: 1px solid; padding: 0 0 3px; background: none; font-size: 11px; font-weight: 700; cursor: pointer; }
.tier-tabs { display: flex; gap: 8px; padding-bottom: 20px; border-bottom: 1px solid var(--line); overflow-x: auto; }
.tier-tabs button { min-width: 95px; }
.tier-tabs button.active { background: var(--rust); color: white; border-color: var(--rust); }
.tier-tabs button span { opacity: .6; margin-left: 5px; }
.results-meta { display: flex; justify-content: space-between; margin: 18px 0; font-size: 11px; color: #6c6b64; text-transform: uppercase; letter-spacing: .08em; }
.product-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(285px,1fr)); gap: 14px; }
.product-card { border: 1px solid var(--line); background: rgba(255,253,248,.55); border-radius: 18px; overflow: hidden; transition: transform .2s, border-color .2s, box-shadow .2s; position: relative; }
.product-card:hover { transform: translateY(-4px); box-shadow: 0 18px 40px rgba(61,53,42,.08); }
.product-card.comparing { border-color: var(--rust); box-shadow: 0 0 0 1px var(--rust); }
.swatch { height: 175px; position: relative; overflow: hidden; background: var(--swatch); }
.swatch::after { content: ""; position: absolute; inset: 0; opacity: .5; background: repeating-radial-gradient(ellipse at 45% 80%, transparent 0 4px, rgba(255,255,255,.18) 5px 7px), linear-gradient(115deg, rgba(255,255,255,.2), transparent 50%); filter: contrast(1.6); }
.swatch-label { position: absolute; z-index: 2; top: 14px; left: 14px; border-radius: 99px; background: rgba(255,255,255,.84); backdrop-filter: blur(7px); padding: 7px 10px; font-size: 9px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.swatch-price { position: absolute; z-index: 2; bottom: 14px; right: 14px; color: white; text-shadow: 0 1px 9px rgba(0,0,0,.35); font-weight: 800; letter-spacing: .15em; }
.product-body { padding: 22px; }
.product-title { display: flex; align-items: start; justify-content: space-between; gap: 10px; }
.product-title h3 { font: 700 21px/1.1 Manrope; letter-spacing: -.035em; margin: 0; }
.best-for { font-size: 11px; color: #6a6962; margin: 8px 0 18px; min-height: 30px; }
.meter-row { display: grid; grid-template-columns: 72px 1fr auto; align-items: center; gap: 8px; margin: 8px 0; font-size: 10px; text-transform: uppercase; letter-spacing: .06em; }
.meter { height: 4px; background: #dad5ca; border-radius: 4px; overflow: hidden; }
.meter i { display: block; height: 100%; background: var(--rust); }
.tradeoff { margin: 17px 0; padding: 12px 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); font-size: 12px; line-height: 1.5; color: #5c5b55; }
.tradeoff strong { color: var(--ink); }
.compare-toggle { width: 100%; height: 40px; border: 1px solid var(--line); border-radius: 99px; background: transparent; cursor: pointer; font-size: 11px; font-weight: 800; }
.comparing .compare-toggle { background: var(--ink); color: white; }
.empty-state { text-align: center; padding: 80px 20px; border: 1px dashed var(--line); border-radius: 18px; }
.empty-state strong { font: 700 24px Manrope; }
.empty-state p { color: #666; }
.compare-bar { position: fixed; z-index: 70; left: 50%; transform: translateX(-50%); bottom: 22px; width: min(780px, calc(100% - 32px)); padding: 13px 14px 13px 20px; border-radius: 17px; background: var(--ink); color: white; display: flex; align-items: center; gap: 18px; box-shadow: 0 20px 60px rgba(0,0,0,.28); }
.compare-bar[hidden] { display: none; }
.compare-bar > div:first-child { display: flex; flex-direction: column; min-width: 118px; }
.compare-bar small { opacity: .55; font-size: 9px; margin-top: 3px; }
.compare-pills { flex: 1; display: flex; gap: 7px; overflow: hidden; }
.compare-pills span { padding: 7px 10px; border: 1px solid rgba(255,255,255,.18); border-radius: 99px; font-size: 9px; white-space: nowrap; }
.compare-bar .button { min-height: 42px; }
.compare-dialog { width: min(1040px,calc(100% - 30px)); max-height: calc(100vh - 30px); border: 0; border-radius: 22px; background: var(--paper); padding: 0; box-shadow: 0 40px 100px rgba(0,0,0,.35); }
.compare-dialog::backdrop { background: rgba(21,22,19,.65); backdrop-filter: blur(5px); }
.dialog-head { padding: 28px 32px; display: flex; justify-content: space-between; border-bottom: 1px solid var(--line); }
.dialog-head h2 { margin: 7px 0 0; font: 700 32px/1 Manrope; letter-spacing: -.04em; }
.dialog-close { background: none; border: 0; font-size: 35px; cursor: pointer; }
.compare-table-wrap { overflow-x: auto; padding: 10px 32px 20px; }
#compareTable { width: 100%; min-width: 650px; border-collapse: collapse; }
#compareTable th, #compareTable td { padding: 15px 12px; text-align: left; border-bottom: 1px solid var(--line); font-size: 12px; }
#compareTable thead th:not(:first-child) { font: 700 19px Manrope; }
#compareTable tbody th { width: 140px; text-transform: uppercase; letter-spacing: .08em; font-size: 9px; }
.score-dots { display: flex; gap: 4px; }.score-dots i { width: 8px; height: 8px; border-radius: 50%; background: #d5d0c5; }.score-dots i.on { background: var(--rust); }
.dialog-foot { padding: 20px 32px 28px; display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.dialog-foot p { max-width: 520px; color: #5c5b55; font-size: 13px; }

/* Carpet studio */
.product-intro { padding-bottom: 42px; }
.product-switcher { margin: 0 4.5vw 28px; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: rgba(255,255,255,.38); }
.product-switcher button { min-height: 132px; padding: 24px 26px; border: 0; border-right: 1px solid var(--line); background: transparent; text-align: left; cursor: pointer; display: flex; flex-direction: column; align-items: flex-start; transition: background .2s,color .2s; }
.product-switcher button:last-child { border-right: 0; }
.product-switcher button > span { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.product-switcher button > strong { margin: auto 0 6px; font: 700 28px/1 "Manrope",sans-serif; letter-spacing: -.04em; }
.product-switcher button > small { font-size: 11px; opacity: .64; }
.product-switcher button:hover { background: rgba(255,255,255,.72); }
.product-switcher button.active { background: var(--ink); color: white; }
.price-levels { margin: 0 4.5vw; display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); border-radius: 18px; overflow: hidden; background: rgba(255,255,255,.38); }
.price-levels button { min-height: 150px; padding: 23px 20px; border: 0; border-right: 1px solid var(--line); background: transparent; text-align: left; cursor: pointer; display: flex; flex-direction: column; align-items: flex-start; transition: background .2s, color .2s; }
.price-levels button:last-child { border-right: 0; }
.price-levels button > span { font-size: 11px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.price-levels button > strong { margin: auto 0 8px; font: 700 27px/1 "Manrope", sans-serif; letter-spacing: -.04em; }
.price-levels button > strong small { font: 600 11px/1 "DM Sans", sans-serif; letter-spacing: 0; opacity: .62; }
.price-levels button > small { font-size: 11px; opacity: .64; }
.price-levels button:hover { background: rgba(255,255,255,.7); }
.price-levels button.active { background: var(--ink); color: white; }
.pricing-note { margin: 15px 4.5vw 48px; padding: 16px 20px; border-radius: 12px; background: #e6e3de; display: grid; grid-template-columns: 230px 1fr; gap: 24px; align-items: center; }
.pricing-note span { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.pricing-note p { margin: 0; color: #5f5e59; font-size: 13px; line-height: 1.55; }
.lvp-overview { margin: 0 4.5vw 48px; padding: 36px 38px; display: grid; grid-template-columns: 1fr .85fr; gap: 7vw; align-items: center; border-radius: 20px; background: var(--ink); color: white; overflow: hidden; position: relative; }
.lvp-overview::after { content: "22"; position: absolute; right: -18px; bottom: -55px; color: rgba(255,255,255,.035); font: 800 220px/1 "Manrope",sans-serif; letter-spacing: -.1em; pointer-events: none; }
.lvp-overview h2 { margin: 18px 0 14px; font: 700 clamp(36px,4vw,58px)/1.02 "Manrope",sans-serif; letter-spacing: -.055em; }
.lvp-overview p { margin: 0; max-width: 650px; color: rgba(255,255,255,.64); font-size: 15px; line-height: 1.65; }
.lvp-overview .eyebrow::before { background: var(--acid); }
.lvp-specs { position: relative; z-index: 1; margin: 0; display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,.14); }
.lvp-specs div { min-height: 105px; padding: 20px; display: flex; flex-direction: column; justify-content: flex-end; border-right: 1px solid rgba(255,255,255,.14); border-bottom: 1px solid rgba(255,255,255,.14); }
.lvp-specs div:nth-child(even) { border-right: 0; }
.lvp-specs div:nth-child(n+3) { border-bottom: 0; }
.lvp-specs dt { color: rgba(255,255,255,.48); font-size: 9px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.lvp-specs dd { margin: 8px 0 0; font: 700 17px/1.2 "Manrope",sans-serif; }
.lvp-fallback { align-content: center; justify-items: start; gap: 6px; padding: 64px 24px 36px; color: #191919; text-align: left; background: repeating-linear-gradient(90deg,#b5aa98 0 72px,#c8bba5 73px 145px,#a89b89 146px 218px); }
.lvp-fallback span,.lvp-fallback strong,.lvp-fallback small { position: relative; z-index: 1; }
.lvp-fallback span { font-size: 9px; letter-spacing: .13em; opacity: .62; }
.lvp-fallback strong { font: 800 27px/1.05 "Manrope",sans-serif; letter-spacing: -.04em; }
.lvp-fallback small { font-size: 11px; text-transform: none; opacity: .7; }
.lvp-wear-badge { position: absolute; z-index: 3; right: 16px; bottom: 16px; padding: 10px 12px; border-radius: 10px; background: rgba(17,18,20,.9); color: white; font: 700 16px/1 "Manrope",sans-serif; }
.lvp-card .product-photo { height: 235px; }
.lvp-card .product-photo img { object-position: center; }
.lvp-card .best-for { min-height: 64px; }
.lvp-card .tradeoff { min-height: 108px; }
.product-inquiry { min-height: 42px; border: 0; border-bottom: 1px solid var(--line); background: transparent; color: #5f5e59; cursor: pointer; font-size: 11px; font-weight: 800; }
.product-inquiry:hover { color: var(--ink); }
.lvp-overview[hidden], #carpetFilters[hidden], #lvpFilters[hidden], [data-catalog-panel][hidden] { display: none !important; }
.filter-guide { margin: 8px 0 28px; padding: 20px; border-radius: 14px; background: var(--ink); color: white; }
.filter-guide span { display: block; font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; color: var(--acid); }
.filter-guide p { margin: 10px 0 0; font-size: 13px; line-height: 1.55; color: rgba(255,255,255,.68); }
.product-grid { gap: 18px; }
.product-card { background: var(--white); border-radius: 20px; }
.product-photo { height: 215px; position: relative; overflow: hidden; background: #d8d6d2; }
.product-photo::after { content: ""; position: absolute; z-index: 2; inset: 0; background: linear-gradient(180deg,rgba(0,0,0,.05),transparent 40%,rgba(0,0,0,.18)); pointer-events: none; }
.photo-fallback { position: absolute; inset: 0; display: grid; place-items: center; padding: 30px; color: #6b6963; font-size: 12px; font-weight: 700; letter-spacing: .08em; text-align: center; text-transform: uppercase; }
.product-swatch { align-content: center; justify-items: start; gap: 6px; padding: 64px 24px 36px; color: #191919; text-align: left; background-color: #cbc5bb; background-image: repeating-linear-gradient(103deg,rgba(255,255,255,.18) 0 2px,rgba(0,0,0,.035) 2px 5px), radial-gradient(circle at 72% 28%,rgba(255,255,255,.42),transparent 38%); }
.product-swatch::after { content: ""; position: absolute; inset: 0; opacity: .3; background: repeating-radial-gradient(ellipse at 40% 60%,transparent 0 5px,rgba(255,255,255,.35) 6px 8px); mix-blend-mode: soft-light; }
.product-swatch span,.product-swatch strong,.product-swatch small { position: relative; z-index: 1; }
.product-swatch span { font-size: 9px; letter-spacing: .13em; opacity: .62; }
.product-swatch strong { max-width: 80%; font: 800 25px/1.05 Manrope,sans-serif; letter-spacing: -.04em; text-transform: none; }
.product-swatch small { max-width: 72%; font-size: 10px; letter-spacing: .03em; line-height: 1.4; text-transform: none; opacity: .68; }
.product-swatch.tone-0 { background-color: #d8d0c3; }.product-swatch.tone-1 { background-color: #c8c2b7; }.product-swatch.tone-2 { background-color: #b9b5ae; }.product-swatch.tone-3 { background-color: #d6d2ca; }.product-swatch.tone-4 { background-color: #aaa9a5; }.product-swatch.tone-5 { background-color: #c5bcaf; }
.product-photo img { width: 100%; height: 100%; display: block; position: relative; z-index: 1; object-fit: cover; object-position: center 58%; transition: transform .35s ease; }
.product-card:hover .product-photo img { transform: scale(1.025); }
.product-photo .swatch-label { z-index: 3; color: var(--ink); }
.product-photo .swatch-price { z-index: 3; bottom: 16px; right: 16px; padding: 10px 12px; border-radius: 10px; background: rgba(17,18,20,.9); color: white; text-shadow: none; letter-spacing: -.02em; font: 700 18px/1 "Manrope", sans-serif; }
.product-photo .swatch-price small { font: 600 9px/1 "DM Sans", sans-serif; letter-spacing: .04em; text-transform: uppercase; opacity: .68; }
.product-body { padding: 24px; }
.product-brand { min-height: 18px; display: flex; justify-content: space-between; gap: 14px; color: #716f69; font-size: 10px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.product-brand span { text-align: right; font-weight: 600; letter-spacing: .04em; }
.product-title h3 { margin-top: 10px; font-size: 26px; }
.best-for { min-height: 63px; margin: 8px 0 19px; color: #5f5e59; font-size: 14px; line-height: 1.5; }
.product-facts { margin: 0; border-top: 1px solid var(--line); }
.product-facts > div { padding: 11px 0; display: grid; grid-template-columns: 105px 1fr; gap: 12px; border-bottom: 1px solid var(--line); }
.product-facts dt { color: #74726c; font-size: 10px; font-weight: 700; text-transform: uppercase; letter-spacing: .06em; }
.product-facts dd { margin: 0; font-size: 12px; font-weight: 700; text-align: right; }
.tradeoff { min-height: 86px; margin: 0 0 17px; padding: 16px 0; border-top: 0; font-size: 13px; line-height: 1.55; }
.tradeoff strong { display: block; margin-bottom: 4px; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.compare-toggle { min-height: 44px; }
.product-actions { display: grid; gap: 12px; }
.product-actions a { color: #5f5e59; font-size: 11px; font-weight: 800; text-align: center; text-decoration: none; }
.product-actions a:hover { color: var(--ink); text-decoration: underline; text-underline-offset: 4px; }
#compareTable thead th small { display: block; margin-top: 6px; color: #777; font: 700 9px/1.3 "DM Sans", sans-serif; letter-spacing: .05em; text-transform: uppercase; }
#compareTable td { min-width: 175px; line-height: 1.5; vertical-align: top; }

.commercial-page { background: var(--ink); color: white; }
.commercial-hero { min-height: 620px; padding: 95px 4.5vw 80px; display: grid; grid-template-columns: 1fr .82fr; gap: 8vw; align-items: center; background: radial-gradient(circle at 70% 20%, rgba(216,255,69,.08), transparent 25%), repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(255,255,255,.035) 25%); }
.light-eyebrow::before { background: var(--acid); }
.commercial-copy h1 { margin: 25px 0; font-size: clamp(58px, 6.5vw, 96px); }
.commercial-copy p { color: rgba(255,255,255,.63); max-width: 600px; line-height: 1.65; font-size: 17px; }
.commercial-copy .button { margin-top: 25px; }
.commercial-stat-grid { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid rgba(255,255,255,.12); }
.commercial-stat-grid div { aspect-ratio: 1.2; border-right: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); padding: 26px; display: flex; flex-direction: column; justify-content: flex-end; }
.commercial-stat-grid div:nth-child(even) { border-right: 0; }
.commercial-stat-grid div:nth-child(n+3) { border-bottom: 0; }
.commercial-stat-grid strong { font: 700 clamp(34px,4vw,56px)/1 Manrope; letter-spacing: -.05em; }
.commercial-stat-grid span { margin-top: 9px; color: rgba(255,255,255,.55); font-size: 11px; text-transform: uppercase; letter-spacing: .1em; }
.commercial-stat-grid .grid-accent { background: var(--acid); color: var(--ink); }
.commercial-stat-grid .grid-accent span { color: rgba(28,29,26,.6); }
.commercial-body { background: var(--paper); color: var(--ink); border-radius: 32px 32px 0 0; }
.section-heading.dark { max-width: 900px; }
.sector-row { display: grid; grid-template-columns: repeat(4,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.sector { height: 72px; border: 0; border-right: 1px solid var(--line); background: transparent; cursor: pointer; font-weight: 700; }
.sector:last-child { border-right: 0; }.sector span { color: var(--rust); margin-right: 9px; }
.sector.active { background: var(--ink); color: white; }
.sector-detail { display: grid; grid-template-columns: 1fr .85fr; gap: 8vw; min-height: 280px; align-items: center; padding: 45px 4vw; background: #e5dfd2; border-radius: 0 0 18px 18px; }
.detail-kicker { color: var(--rust); font-size: 10px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.sector-detail h3 { font: 700 32px/1.15 Manrope; letter-spacing: -.04em; margin: 12px 0; }
.sector-detail p { line-height: 1.6; color: #605e57; }
.sector-detail ul { margin: 0; padding: 0; list-style: none; }
.sector-detail li { padding: 15px 0; border-bottom: 1px solid var(--line); font-size: 13px; }
.sector-detail li span { color: var(--rust); font-size: 10px; margin-right: 13px; }
.project-portfolio { margin-top: 105px; padding-top: 82px; border-top: 1px solid var(--line); }
.portfolio-heading { display: grid; grid-template-columns: 1.35fr .65fr; gap: 7vw; align-items: end; }
.portfolio-heading h2 { max-width: 830px; margin: 21px 0 0; font: 700 clamp(42px,5vw,72px)/1 "Manrope",sans-serif; letter-spacing: -.06em; }
.portfolio-summary { padding-left: 28px; border-left: 1px solid var(--line); }
.portfolio-summary strong { display: block; font: 700 22px/1 "Manrope",sans-serif; }
.portfolio-summary p { margin: 13px 0 0; color: #66645e; font-size: 14px; line-height: 1.6; }
.portfolio-filters { margin: 46px 0 22px; display: flex; gap: 9px; flex-wrap: wrap; }
.portfolio-filters button { min-height: 44px; padding: 0 16px; border: 1px solid var(--line); border-radius: 999px; background: transparent; cursor: pointer; font-size: 12px; font-weight: 800; transition: background .2s,color .2s,border-color .2s; }
.portfolio-filters button span { margin-left: 7px; color: #77746d; font-size: 10px; }
.portfolio-filters button.active { border-color: var(--ink); background: var(--ink); color: white; }
.portfolio-filters button.active span { color: rgba(255,255,255,.56); }
.portfolio-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 17px; }
.project-card { grid-column: span 4; min-width: 0; overflow: hidden; border: 1px solid var(--line); border-radius: 18px; background: var(--white); display: flex; flex-direction: column; }
.project-card.featured { grid-column: span 8; }
.project-visual { position: relative; min-height: 255px; overflow: hidden; background: #2b2b2b; }
.project-card.featured .project-visual { min-height: 360px; }
.project-visual img { width: 100%; height: 100%; position: absolute; inset: 0; display: block; object-fit: cover; transition: transform .45s ease; }
.project-card:hover .project-visual img { transform: scale(1.025); }
.project-visual::after { content: ""; position: absolute; inset: auto 0 0; height: 45%; background: linear-gradient(transparent,rgba(10,10,10,.7)); pointer-events: none; }
.project-location { position: absolute; z-index: 2; left: 17px; bottom: 15px; color: white; font-size: 10px; font-weight: 800; letter-spacing: .11em; text-transform: uppercase; }
.project-type { position: absolute; z-index: 2; top: 14px; left: 14px; padding: 8px 10px; border-radius: 999px; background: rgba(255,255,255,.92); color: var(--ink); font-size: 9px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.project-reference-badge { position: absolute; z-index: 2; top: 14px; right: 14px; padding: 8px 10px; border-radius: 999px; background: rgba(17,18,20,.9); color: white; font-size: 8px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.project-credit { position: absolute; z-index: 2; right: 13px; bottom: 13px; color: rgba(255,255,255,.75); font-size: 8px; }
.project-visual.no-photo { padding: 25px; display: flex; align-items: flex-end; background: linear-gradient(135deg,#252628,#494a4d 55%,#777571); }
.project-visual.no-photo::before { content: attr(data-city); position: absolute; right: -8px; top: 15px; color: rgba(255,255,255,.08); font: 800 clamp(52px,8vw,105px)/.85 "Manrope",sans-serif; letter-spacing: -.08em; text-transform: uppercase; }
.project-visual.no-photo .project-monogram { position: relative; z-index: 1; max-width: 290px; color: rgba(255,255,255,.88); font: 700 26px/1.12 "Manrope",sans-serif; letter-spacing: -.045em; }
.project-body { flex: 1; padding: 23px 22px 21px; display: flex; flex-direction: column; }
.project-index { color: var(--rust); font-size: 10px; font-weight: 800; letter-spacing: .1em; }
.project-body h3 { margin: 12px 0 7px; font: 700 22px/1.12 "Manrope",sans-serif; letter-spacing: -.035em; }
.project-card.featured .project-body h3 { font-size: 28px; }
.project-body p { margin: 0 0 20px; color: #6a6861; font-size: 13px; line-height: 1.55; }
.project-body .reference-note { margin: -8px 0 18px; padding: 10px 12px; border-left: 2px solid var(--rust); background: var(--paper); color: #706e67; font-size: 10px; font-weight: 700; line-height: 1.45; }
.project-actions { margin-top: auto; display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.project-actions a { min-height: 39px; padding: 0 13px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); font-size: 10px; font-weight: 800; text-decoration: none; transition: background .2s,color .2s,border-color .2s; }
.project-actions .maps-link { border-color: var(--ink); background: var(--ink); color: white; }
.project-actions .maps-link:hover { background: var(--rust); border-color: var(--rust); }
.project-actions .source-link:hover { border-color: var(--rust); color: var(--rust); }
.portfolio-note { max-width: 920px; margin: 22px 0 0; color: #77746d; font-size: 11px; line-height: 1.6; }
.commercial-cta { margin-top: 80px; padding: 38px 42px; border-radius: 18px; background: var(--rust); color: white; display: flex; justify-content: space-between; align-items: center; }
.commercial-cta div { display: flex; flex-direction: column; gap: 5px; }.commercial-cta span { font-size: 11px; text-transform: uppercase; letter-spacing: .1em; opacity: .7; }.commercial-cta strong { font: 700 28px Manrope; }

.about-page { background: var(--paper); }
.about-hero { min-height: 650px; padding: 88px 4.5vw; display: grid; grid-template-columns: 1fr .82fr; gap: 8vw; align-items: center; background: linear-gradient(135deg,#e2e0dc 0 58%,var(--paper) 58%); }
.about-copy h1 { margin: 24px 0; max-width: 820px; font: 700 clamp(56px,6.5vw,94px)/.95 "Manrope",sans-serif; letter-spacing: -.065em; }
.about-copy p { max-width: 650px; margin: 0; color: #55564f; font-size: 17px; line-height: 1.7; }
.about-copy .button { margin-top: 30px; }
.standards-card { padding: 38px; border-radius: 22px; background: var(--ink); color: white; box-shadow: 0 28px 70px rgba(17,18,20,.2); }
.standards-label { color: var(--acid); font-size: 11px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.standards-statement { margin: 28px 0 34px; font: 500 25px/1.45 Georgia,serif; letter-spacing: -.02em; }
.standards-signature { display: flex; flex-direction: column; gap: 5px; padding-top: 22px; border-top: 1px solid rgba(255,255,255,.14); }
.standards-signature strong { font: 700 17px/1.2 "Manrope",sans-serif; }
.standards-signature small { color: rgba(255,255,255,.52); font-size: 12px; }
.about-facts { margin-top: 34px; display: grid; grid-template-columns: repeat(3,1fr); border: 1px solid rgba(255,255,255,.13); }
.about-facts div { min-height: 92px; padding: 17px; display: flex; flex-direction: column; justify-content: flex-end; border-right: 1px solid rgba(255,255,255,.13); }
.about-facts div:last-child { border-right: 0; }
.about-facts strong { font: 700 17px/1.1 "Manrope",sans-serif; }
.about-facts span { margin-top: 7px; color: rgba(255,255,255,.5); font-size: 10px; letter-spacing: .05em; text-transform: uppercase; }
.about-values { background: var(--paper); }
.about-values .section-heading { max-width: 940px; }
.value-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.value-card { min-height: 290px; padding: 34px; border-right: 1px solid var(--line); }
.value-card:last-child { border-right: 0; }
.value-card > span { color: var(--rust); font-size: 11px; font-weight: 800; letter-spacing: .1em; }
.value-card h3 { margin: 88px 0 14px; font: 700 26px/1.1 "Manrope",sans-serif; letter-spacing: -.04em; }
.value-card p { margin: 0; color: #61615b; font-size: 15px; line-height: 1.65; }
.instagram-section { padding: 95px 6vw; display: grid; grid-template-columns: .8fr 1.2fr; gap: 8vw; align-items: center; background: var(--ink); color: white; }
.instagram-copy h2 { margin: 24px 0; font: 700 clamp(44px,5vw,72px)/1 "Manrope",sans-serif; letter-spacing: -.06em; }
.instagram-copy p { max-width: 520px; color: rgba(255,255,255,.62); font-size: 16px; line-height: 1.7; }
.instagram-copy .button { margin-top: 24px; text-decoration: none; }
.instagram-embed-shell { min-height: 570px; display: grid; place-items: center; padding: 26px; border: 1px solid rgba(255,255,255,.12); border-radius: 24px; background: #f5f4f1; overflow: hidden; }
.instagram-media { width: 100% !important; min-width: 0 !important; max-width: 540px !important; margin: 0 auto !important; border: 0 !important; background: white; }
.instagram-media > a { min-height: 470px; padding: 40px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; border: 1px solid #ddd; border-radius: 14px; color: var(--ink); text-align: center; text-decoration: none; }
.instagram-media > a strong { font: 800 28px/1 "Manrope",sans-serif; }
.instagram-media > a span { color: #666; font-size: 14px; }

.contact-shell { min-height: 760px; display: grid; grid-template-columns: .82fr 1.18fr; gap: 8vw; padding: 80px 7vw 110px; align-items: start; background: linear-gradient(90deg,#e2e0dc 0 42%,var(--paper) 42%); }
.contact-copy { position: sticky; top: 145px; }
.contact-copy h1 { font-size: clamp(48px,5vw,74px); margin-bottom: 22px; }
.contact-copy > p { max-width: 540px; color: #575a51; line-height: 1.65; }
.contact-points { margin-top: 48px; max-width: 480px; }
.contact-points > div { display: grid; grid-template-columns: 35px 1fr; border-top: 1px solid rgba(28,29,26,.15); padding: 17px 0; }
.contact-points span { color: var(--rust); font-size: 10px; }
.contact-points p { margin: 0; display: flex; flex-direction: column; gap: 4px; font-size: 12px; color: #61635b; }.contact-points strong { color: var(--ink); font-size: 13px; }
.consult-form { background: var(--white); padding: 35px; border-radius: 20px; box-shadow: 0 25px 70px rgba(57,49,39,.12); }
.form-top { display: flex; justify-content: space-between; margin-bottom: 30px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
.form-top span { font: 700 21px Manrope; }.form-top small { color: #77766f; }
fieldset { border: 0; padding: 0; margin: 0 0 22px; } legend, .consult-form > label, .field-row label { font-size: 11px; font-weight: 800; letter-spacing: .04em; }
.choice-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 9px; margin-top: 10px; }
.choice-cards input { position: absolute; opacity: 0; }
.choice-cards label span { display: flex; flex-direction: column; padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; cursor: pointer; }
.choice-cards label b { font-size: 12px; }.choice-cards label small { color: #77766f; margin-top: 3px; }
.choice-cards input:checked + span { border-color: var(--rust); background: rgba(185,88,56,.06); box-shadow: 0 0 0 1px var(--rust); }
.field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.consult-form > label, .field-row label { display: flex; flex-direction: column; gap: 8px; margin-bottom: 16px; }
input, select, textarea { width: 100%; border: 1px solid var(--line); background: #f7f4ed; border-radius: 9px; padding: 13px 14px; color: var(--ink); }
textarea { resize: vertical; }.submit-button { width: 100%; margin-top: 4px; }.prototype-note { font-size: 9px; line-height: 1.5; color: #88867f; text-align: center; margin: 12px auto 0; max-width: 410px; }
.success-card { background: var(--white); border-radius: 20px; padding: 60px 45px; box-shadow: 0 25px 70px rgba(57,49,39,.12); align-self: center; }
.success-mark { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 50%; background: var(--acid); font-size: 24px; margin-bottom: 30px; }
.success-card h2 { font: 700 44px Manrope; letter-spacing: -.05em; margin: 16px 0; }.success-card p { color: #62615b; line-height: 1.7; max-width: 540px; }.success-card .button { margin-top: 20px; }
.text-preview { padding: 22px; border: 1px solid var(--line); border-radius: 12px; background: var(--paper); font-size: 14px; color: var(--ink) !important; }
.text-actions { display: flex; gap: 10px; flex-wrap: wrap; }
.edit-message { display: block; margin-top: 22px; }

footer { min-height: 180px; background: #10110f; color: white; padding: 45px 4.5vw; display: grid; grid-template-columns: auto 1fr auto; align-items: start; gap: 40px; position: relative; }
.footer-brand .brand-mark i { border-color: white; }.footer-brand .brand-mark i:first-child { background: var(--acid); border-color: var(--acid); }.footer-brand { color: white; }
footer p { margin: 8px 0; color: rgba(255,255,255,.5); font-size: 12px; } footer > div { display: flex; gap: 22px; } footer > div button { color: white; } footer > small { position: absolute; bottom: 25px; left: 4.5vw; color: rgba(255,255,255,.35); font-size: 9px; }

.reveal { animation: reveal .6s ease both; }.delay-1 { animation-delay: .12s; }
@keyframes reveal { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: translateY(0); } }

@media (max-width: 920px) {
  .site-header { height: 75px; }.header-cta { margin-left: auto; }.main-nav { position: absolute; display: none; top: 74px; left: 0; right: 0; padding: 20px 4.5vw; flex-direction: column; background: var(--paper); border-bottom: 1px solid var(--line); }.main-nav.open { display: flex; }.menu-button { width: 42px; height: 42px; display: flex; flex-direction: column; justify-content: center; gap: 6px; border: 0; background: transparent; order: 4; }.menu-button span { width: 21px; height: 2px; background: var(--ink); }
  .hero-shell, .commercial-hero, .page-intro, .contact-shell, .about-hero, .instagram-section { grid-template-columns: 1fr; }.hero-shell { padding-top: 55px; }.hero-visual { width: min(630px,100%); margin: auto; }.page-intro { gap: 15px; }.page-intro > p { max-width: 650px; }.studio-layout { grid-template-columns: 1fr; }.studio-filters { display: grid; grid-template-columns: 1fr 1fr auto; gap: 20px; align-items: start; }.contact-shell { background: linear-gradient(180deg,#e2e0dc 0 37%,var(--paper) 37%); }.contact-copy { position: static; }.sector-row { grid-template-columns: 1fr 1fr; }.sector { border-bottom: 1px solid var(--line); }.sector-detail { grid-template-columns: 1fr; gap: 20px; }.commercial-stat-grid { width: min(600px,100%); }.commercial-hero { padding-top: 60px; }.portfolio-heading { grid-template-columns: 1fr; gap: 25px; }.portfolio-summary { max-width: 650px; }.project-card, .project-card.featured { grid-column: span 6; }.about-hero { background: #e2e0dc; }.standards-card { width: min(620px,100%); }.instagram-embed-shell { width: min(650px,100%); }
}
@media (max-width: 650px) {
  .topline span { display: none; }.topline { justify-content: center; }.header-cta { display: none; }.site-header { justify-content: space-between; }.menu-button { margin-left: auto; }.hero-shell { min-height: auto; padding: 48px 18px 60px; gap: 50px; }.hero-copy h1 { font-size: 49px; }.hero-copy > p { font-size: 15px; }.hero-actions { align-items: stretch; flex-direction: column; }.micro-proof { flex-direction: column; gap: 11px; margin-top: 35px; }.hero-visual { min-height: 420px; }.room-card { height: 390px; border-radius: 120px 120px 18px 18px; }.visual-label { left: 8px; top: 35px; }.material-card { right: -5px; width: 200px; bottom: -8px; }.trust-strip { margin: 0 18px; padding: 18px; flex-wrap: wrap; gap: 14px; }.trust-strip i { display: none; }.section-pad { padding: 80px 18px; }.section-heading h2 { font-size: 42px; }.path-grid, .product-grid, .value-grid { grid-template-columns: 1fr; }.path-card { min-height: 370px; }.page-intro { padding: 55px 18px 38px; }.page-intro h1 { font-size: 47px; }.studio-layout { padding: 0 18px 100px; }.studio-filters { grid-template-columns: 1fr; gap: 0; }.filter-step { margin-bottom: 20px; }.results-meta span:last-child { display: none; }.compare-pills { display: none; }.compare-bar { gap: 9px; }.compare-bar .button { margin-left: auto; padding: 0 15px; }.dialog-head, .compare-table-wrap, .dialog-foot { padding-left: 18px; padding-right: 18px; }.dialog-foot { flex-direction: column; align-items: stretch; }.commercial-hero { padding: 60px 18px; }.commercial-copy h1 { font-size: 55px; }.commercial-stat-grid div { padding: 18px; }.commercial-body { padding: 75px 18px; }.sector-row { display: flex; overflow-x: auto; }.sector { min-width: 160px; padding: 0 14px; }.sector-detail { padding: 28px 22px; }.project-portfolio { margin-top: 78px; padding-top: 65px; }.portfolio-heading h2 { font-size: 41px; }.portfolio-summary { padding: 0; border-left: 0; }.portfolio-filters { flex-wrap: nowrap; overflow-x: auto; padding-bottom: 4px; }.portfolio-filters button { flex: 0 0 auto; }.project-card, .project-card.featured { grid-column: 1 / -1; }.project-visual, .project-card.featured .project-visual { min-height: 245px; }.project-card.featured .project-body h3 { font-size: 23px; }.commercial-cta { padding: 28px 24px; flex-direction: column; align-items: flex-start; gap: 25px; }.about-hero { min-height: auto; padding: 55px 18px 70px; gap: 45px; }.about-copy h1 { font-size: 52px; }.standards-card { padding: 26px 20px; }.standards-statement { font-size: 21px; }.about-facts { grid-template-columns: 1fr; }.about-facts div { min-height: 76px; border-right: 0; border-bottom: 1px solid rgba(255,255,255,.13); }.about-facts div:last-child { border-bottom: 0; }.value-card { min-height: 230px; padding: 27px 22px; border-right: 0; border-bottom: 1px solid var(--line); }.value-card:last-child { border-bottom: 0; }.value-card h3 { margin-top: 55px; }.instagram-section { padding: 70px 18px; gap: 45px; }.instagram-copy h2 { font-size: 45px; }.instagram-embed-shell { min-height: 520px; padding: 12px; }.contact-shell { padding: 55px 18px 80px; gap: 55px; background: linear-gradient(180deg,#e2e0dc 0 36%,var(--paper) 36%); }.contact-copy h1 { font-size: 48px; }.consult-form { padding: 24px 18px; }.field-row { grid-template-columns: 1fr; gap: 0; } footer { grid-template-columns: 1fr; padding: 42px 18px 75px; } footer > div { flex-wrap: wrap; } footer > small { left: 18px; }
}
@media (max-width: 920px) {
  .price-levels { display: flex; overflow-x: auto; scroll-snap-type: x proximity; }
  .price-levels button { flex: 0 0 190px; scroll-snap-align: start; }
  .pricing-note { grid-template-columns: 1fr; gap: 6px; }
  .lvp-overview { grid-template-columns: 1fr; gap: 32px; }
}
@media (max-width: 650px) {
  .product-intro { padding-bottom: 30px; }
  .product-switcher { margin: 0 18px 20px; }
  .product-switcher button { min-height: 126px; padding: 18px 16px; }
  .product-switcher button > strong { font-size: 21px; }
  .price-levels { margin: 0 18px; }
  .price-levels button { min-height: 135px; flex-basis: 174px; padding: 19px 17px; }
  .pricing-note { margin: 12px 18px 35px; padding: 15px 16px; }
  .lvp-overview { margin: 0 18px 35px; padding: 28px 22px; }
  .lvp-overview h2 { font-size: 39px; }
  .lvp-specs div { min-height: 92px; padding: 15px; }
  .lvp-specs dd { font-size: 14px; }
  .product-photo { height: 235px; }
  .product-body { padding: 21px; }
  .best-for { min-height: auto; }
  .tradeoff { min-height: auto; }
}
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; } }

/* Final visitor experience */
[hidden] { display: none !important; }
a { color: inherit; }
a.button { text-decoration: none; }
a:focus-visible, dialog:focus-visible { outline: 3px solid #77736b; outline-offset: 4px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 16px; top: -70px; z-index: 100; background: white; color: var(--ink); border-radius: 10px; padding: 15px; }
.skip-link:focus { top: 12px; }
main:focus, h1:focus, .success-card:focus { outline: none; }
.site-header { background: rgba(244,243,241,.96); }
.path-section { padding-top: 68px; padding-bottom: 44px; }
.path-section .section-heading { display: grid; grid-template-columns: 1.2fr .8fr; column-gap: 7vw; margin-bottom: 36px; }
.path-section .section-heading > .eyebrow { grid-column: 1 / -1; }
.path-section h1 { margin: 24px 0 0; font: 700 clamp(50px,5.4vw,80px)/1.04 "Manrope",sans-serif; letter-spacing: -.06em; }
.section-heading > p { max-width: 440px; font-size: 16px; line-height: 1.7; color: #5f5e59; margin: 0 0 5px; }
.path-card { min-height: 318px; }
.path-icon { height: 76px; width: 76px; }
.building-icon { padding-bottom: 17px; }
.path-card h3 { margin-top: 24px; }
.path-card p { opacity: 1; color: #595750; font-size: 15px; }
.commercial-card p { color: #c5c2bc; }
.commercial-card .inline-link { color: var(--acid); }
.hero-shell { min-height: 570px; padding-top: 56px; padding-bottom: 75px; gap: 6vw; }
.hero-copy h2 { font: 700 clamp(42px,4.5vw,66px)/1.03 "Manrope",sans-serif; letter-spacing: -.055em; margin: 24px 0; }
.hero-visual { min-height: 435px; }
.room-card { height: 420px; }
.micro-proof { margin-top: 32px; gap: 20px; }
.services-section { padding-top: 95px; }
.services-section .section-heading { gap: 50px; }
.service-options { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); border: 1px solid var(--line); border-radius: 18px 18px 0 0; overflow: hidden; }
.service-options button { padding: 25px; text-align: left; border: 0; border-right: 1px solid var(--line); min-height: 145px; background: #e7e4df; font: 700 21px/1.25 "Manrope",sans-serif; cursor: pointer; display: flex; flex-direction: column; gap: 12px; }
.service-options button:last-child { border-right: 0; }
.service-options button > span { font: 700 10px/1 "DM Sans",sans-serif; letter-spacing: .12em; color: #67645d; }
.service-options button > small { font: 400 12px/1.4 "DM Sans",sans-serif; color: #67645d; }
.service-options button.active { color: white; background: var(--ink); }
.service-options button.active > span, .service-options button.active > small { color: #ccc8c0; }
.service-detail { display: grid; grid-template-columns: 1fr .7fr; gap: 8vw; padding: 38px; background: white; border: 1px solid var(--line); border-top: 0; border-radius: 0 0 18px 18px; min-height: 300px; align-items: center; }
.service-detail h3 { font: 700 32px/1.14 "Manrope",sans-serif; letter-spacing: -.04em; margin: 18px 0; }
.service-detail p { line-height: 1.65; color: #605e57; max-width: 650px; }
.service-detail .button { margin-top: 10px; }
.service-detail ul { padding: 0; margin: 0; list-style: none; }
.service-detail li { border-bottom: 1px solid var(--line); padding: 18px 0 18px 24px; font-size: 14px; position: relative; }
.service-detail li::before { content: "↗"; position: absolute; left: 0; color: var(--rust); }
.process-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); margin-top: 58px; border-top: 1px solid var(--line); }
.process-row article { padding: 28px 28px 0 0; }
.process-row article > span { font-size: 10px; letter-spacing: .1em; font-weight: 700; text-transform: uppercase; color: var(--rust); }
.process-row h3 { font: 700 22px/1.2 "Manrope",sans-serif; letter-spacing: -.035em; margin: 18px 0 12px; }
.process-row p { font-size: 14px; line-height: 1.65; color: #605e57; margin: 0; max-width: 330px; }
.catalog-search { display: flex; flex-direction: column; gap: 12px; margin-bottom: 28px; font-weight: 700; font-size: 11px; line-height: 1.5; }
.catalog-search input { margin: 0; font-weight: 400; font-size: 13px; background: white; }
.catalog-image-note { font-size: 11px; line-height: 1.6; color: #67645d; margin: 0 0 20px; }
.commercial-hero { background: repeating-linear-gradient(90deg, transparent 0 calc(25% - 1px), rgba(255,255,255,.04) 25%); }
.commercial-copy h1 { font-size: clamp(54px,5.8vw,84px); }
.commercial-stat-grid div strong { font-size: clamp(35px,4vw,57px); }
.sector-row { grid-template-columns: repeat(5,minmax(0,1fr)); }
.sector-detail { background: var(--paper-2); }
.sector { padding: 0 12px; font-size: 13px; }
.sector.active span { color: #c9c4bb; }
.project-monogram { display: none; }
.project-visual.no-photo .project-monogram { display: block; margin-bottom: 30px; }
.project-card.featured .project-visual { min-height: 300px; }
.project-credit { background: rgba(17,18,20,.62); padding: 4px 7px; border-radius: 4px; bottom: 42px; }
.project-body h3 { overflow-wrap: anywhere; }
.portfolio-note { color: #605e57; }
.portfolio-grid { gap: 20px; }
.direct-contact { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.contact-points { margin-top: 30px; }
.choice-cards input:focus-visible + span { outline: 3px solid #77736b; outline-offset: 3px; }
.choice-cards input:checked + span { background: #ece9e3; }
input,select,textarea { background: #f4f3f1; }
.prototype-note { font-size: 11px; color: #67645d; }
.text-preview { white-space: pre-wrap; overflow-wrap: anywhere; user-select: text; }
.message-status { font-size: 12px; line-height: 1.5; color: #5f5e59; margin-top: 18px; }
.compare-bar { width: min(960px,calc(100% - 32px)); }
.compare-pills { overflow-x: auto; }
.compare-pills button { background: transparent; color: white; border: 1px solid rgba(255,255,255,.3); border-radius: 999px; min-height: 40px; padding: 8px 10px; font-size: 10px; cursor: pointer; white-space: nowrap; }
.compare-pills button span { padding: 0; border: 0; margin-left: 5px; }
.compare-clear { border: 0; background: transparent; color: #d0ccc5; font-size: 26px; min-height: 40px; min-width: 32px; cursor: pointer; }
.has-shortlist footer { padding-bottom: 120px; }
.footer-phone { display: inline-block; color: #d4d0c8; margin-top: 12px; text-decoration: none; font-size: 14px; }
.no-script { padding: 24px; text-align: center; }
.instagram-embed-shell { min-height: 345px; }
.instagram-media > a { min-height: 290px; }
.instagram-media > a::before { content: "↗"; border: 1px solid #aaa59c; border-radius: 18px; width: 64px; height: 64px; display: grid; place-items: center; font-size: 28px; margin-bottom: 18px; }
@media(min-width:1450px) {
  .site-header,.hero-shell,.page-intro,.path-section,.services-section,.commercial-hero,.commercial-body,.about-hero,.about-values { padding-left: max(4.5vw,calc((100vw - 1440px)/2)); padding-right: max(4.5vw,calc((100vw - 1440px)/2)); }
}
@media(max-width:920px) {
  .path-section .section-heading { grid-template-columns: 1fr; gap: 24px; }
  .path-section .section-heading > p { max-width: 620px; }
  .services-section .section-heading { display: block; }
  .services-section .section-heading > p { margin-top: 24px; }
  .studio-filters { grid-template-columns: 1fr 1fr; }
  .service-options { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .service-options button { border-bottom: 1px solid var(--line); }
  .service-options button:nth-child(even) { border-right: 0; }
  .sector-row { display: flex; overflow-x: auto; }
  .sector { flex: 0 0 185px; }
  .service-detail { grid-template-columns: 1fr; gap: 20px; }
  .process-row { gap: 20px; }
  .hero-visual { width: min(580px,100%); }
}
@media(max-width:650px) {
  .topline { min-height: 32px; justify-content: space-between; }
  .topline > span { display: block; font-size: 9px; letter-spacing: .02em; }
  .topline .text-button { font-size: 9px; }
  .path-section { padding-top: 44px; padding-bottom: 20px; }
  .path-section .section-heading { margin-bottom: 27px; gap: 18px; }
  .path-section h1 { font-size: clamp(40px,10.8vw,54px); margin-top: 0; }
  .path-section .section-heading > p { font-size: 14px; }
  .path-card { min-height: 290px; padding: 28px; }
  .hero-shell { padding: 42px 18px 62px; }
  .hero-copy h2 { font-size: 43px; }
  .hero-visual { min-height: 400px; }
  .room-card { height: 375px; }
  .service-options button { padding: 20px 16px; font-size: 18px; min-height: 145px; }
  .service-detail { padding: 27px 22px; }
  .service-detail h3 { font-size: 29px; }
  .service-detail p { font-size: 14px; }
  .process-row { grid-template-columns: 1fr; gap: 25px; margin-top: 40px; }
  .process-row article { padding: 24px 0 0; }
  .process-row h3 { margin-top: 14px; }
  .services-section { padding-top: 68px; }
  .studio-filters { grid-template-columns: 1fr; }
  .filter-guide { display: none; }
  .commercial-copy h1 { font-size: clamp(43px,11.7vw,57px); }
  .commercial-stat-grid div strong { font-size: 37px; }
  .direct-contact .button { padding: 0 17px; }
  .compare-bar { padding: 12px; bottom: 12px; }
  .compare-bar > div:first-child { min-width: 0; }
  .compare-bar small { max-width: 125px; font-size: 10px; }
  .compare-bar .button { min-height: 44px; padding: 0 14px; font-size: 12px; }
  .compare-pills { display: none; }
  .about-copy h1 { font-size: clamp(43px,11.3vw,54px); }
  .instagram-embed-shell { min-height: 320px; }
  .instagram-media > a { min-height: 290px; padding: 22px; }
  .instagram-media > a strong { font-size: 25px; }
  .text-actions { flex-direction: column; }
  .text-actions .button { margin-top: 10px; }
  .success-card { padding: 34px 23px; }
  .success-card h2 { font-size: 34px; }
  .text-preview { padding: 17px; }
}
@media(max-width:360px) {
  .topline > span { font-size: 8px; }
  .topline .text-button { font-size: 8px; }
  .product-switcher button > strong { font-size: 18px; }
  .choice-cards label span { padding: 14px 10px; }
}
.product-grid { grid-template-columns: repeat(auto-fit,minmax(min(100%,285px),1fr)); }
.studio-main { min-width: 0; }
.project-card.featured { grid-column: span 4; }
.project-card.featured .project-visual { min-height: 255px; }
.project-card.featured .project-body h3 { font-size: 22px; }
@media(max-width:920px) { .project-card.featured { grid-column: span 6; } }
@media(max-width:650px) { .project-card.featured { grid-column: 1 / -1; } }

/* Installed carpet page */
.carpet-hero{padding:90px 6vw;display:grid;grid-template-columns:1.2fr 1fr;gap:7vw;align-items:center;background:#e7e4df}
.carpet-hero h1{font:700 clamp(48px,6vw,88px)/1.05 Manrope,sans-serif;letter-spacing:-.055em;margin:22px 0}
.carpet-lead{font-size:19px;line-height:1.7;max-width:490px;margin-bottom:30px}
.carpet-price{background:var(--ink);color:white;border-radius:28px;padding:48px 36px}
.carpet-price>span{font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#d8d4cc}
.carpet-price strong{display:block;font:700 clamp(90px,12vw,150px)/1.3 Manrope,sans-serif;letter-spacing:-.07em}
.carpet-price strong span{font:500 23px Manrope,sans-serif;letter-spacing:0;margin-left:15px}
.carpet-price p{line-height:1.9;color:#ddd}.carpet-price a{display:inline-block;margin-top:25px;color:white}
.carpet-caption{font-size:12px!important;line-height:1.7;opacity:.7;margin-top:22px;max-width:620px}
.carpet-inclusion-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:35px}
.carpet-inclusion-grid article{padding:28px;border:1px solid var(--line);border-radius:18px;background:white}
.carpet-inclusion-grid article>span{color:var(--rust);font-size:12px}.carpet-inclusion-grid h3{font:700 20px Manrope,sans-serif}.carpet-inclusion-grid p{font-size:14px;line-height:1.8;color:#65625e}
.carpet-next{background:var(--paper-2)}.carpet-next h2{font:700 clamp(32px,4vw,55px)/1.15 Manrope,sans-serif;letter-spacing:-.04em}.carpet-next>p{max-width:600px;line-height:1.8}
.carpet-home-callout{margin:40px 4.5vw;padding:32px;border:1px solid var(--line);border-radius:22px;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper-2)}.carpet-home-callout h2{font:700 clamp(24px,3vw,36px) Manrope,sans-serif;margin:12px 0}.carpet-home-callout p{max-width:620px;font-size:14px;line-height:1.7}.carpet-home-callout .button{flex-shrink:0}
@media(max-width:1100px){.main-nav{gap:14px}.site-header{gap:20px}.header-cta{display:none}}
@media(max-width:650px){.carpet-hero{grid-template-columns:1fr;padding:48px 6vw;gap:30px}.carpet-price{padding:32px 25px}.carpet-inclusion-grid{grid-template-columns:1fr}.carpet-home-callout{align-items:flex-start;flex-direction:column;padding:25px}}

.carpet-hero-new{background:#e8e3da;padding:60px 6vw;gap:6vw;min-height:660px}
.carpet-intro h1{font-size:clamp(50px,6vw,86px)}.carpet-hero-new .carpet-lead{max-width:400px;font-size:21px;margin-bottom:22px}
.carpet-inline-price{display:flex;align-items:center;gap:20px;margin:20px 0}.carpet-inline-price>strong{font:700 86px/1 Manrope,sans-serif;letter-spacing:-.07em}.carpet-inline-price>span{font-size:14px;line-height:1.8}.carpet-bundle{font-size:14px;line-height:1.8;max-width:390px;margin-bottom:25px}
.carpet-feature{position:relative;margin:0;border-radius:160px 160px 22px 22px;overflow:hidden;align-self:stretch;min-height:480px;background:#a99e8d}.carpet-feature>img{width:100%;height:100%;position:absolute;object-fit:cover}.carpet-feature:after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.75))}.carpet-feature figcaption{position:absolute;bottom:35px;left:30px;right:25px;z-index:1;color:white;display:grid;gap:12px}.carpet-feature figcaption>span{font-size:12px;letter-spacing:.08em;text-transform:uppercase}.carpet-feature figcaption strong{font:600 30px/1.2 Manrope,sans-serif}.carpet-feature figcaption small{opacity:.8;font-size:11px}
#carpet-colors{scroll-margin-top:110px;background:#faf9f7}.carpet-color-studio{display:grid;grid-template-columns:1fr 1.2fr;gap:45px;margin-top:42px;align-items:start}.carpet-color-preview{position:relative;border-radius:22px;overflow:hidden;aspect-ratio:1;background:#ddd}.carpet-color-preview>img{width:100%;height:100%;object-fit:cover}.carpet-color-caption{position:absolute;bottom:20px;left:20px;right:20px;background:rgba(255,255,255,.94);padding:18px 22px;border-radius:14px}.carpet-color-caption>span{font-size:10px;letter-spacing:.1em;text-transform:uppercase}.carpet-color-caption h3{font:700 24px Manrope,sans-serif;margin:7px 0 0}.carpet-picker-label{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.08em;margin:0 0 22px}.carpet-picker-label span{font-weight:400;letter-spacing:0}.carpet-swatch-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 12px;margin-bottom:30px}.carpet-swatch-grid button{background:none;border:2px solid transparent;border-radius:12px;padding:5px;cursor:pointer;text-align:left}.carpet-swatch-grid button img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:7px;display:block}.carpet-swatch-grid button span{display:block;font-size:11px;font-weight:600;line-height:1.3;margin-top:8px;padding:0 1px}.carpet-swatch-grid button[aria-pressed="true"]{border-color:var(--ink);background:#eee9e1}.carpet-swatch-grid button:hover{background:#eee9e1}.carpet-included .carpet-inclusion-grid article{background:transparent}.carpet-included{padding-top:65px;padding-bottom:65px}
@media(max-width:900px){.carpet-color-studio{gap:24px;grid-template-columns:1fr 1.25fr}.carpet-swatch-grid{gap:10px 5px}.carpet-feature figcaption strong{font-size:24px}}
@media(max-width:650px){.carpet-hero-new{padding:40px 6vw;min-height:0}.carpet-feature{min-height:350px;border-radius:110px 110px 18px 18px}.carpet-feature figcaption{bottom:25px;left:24px}.carpet-color-studio{grid-template-columns:1fr;gap:24px}.carpet-color-preview{max-height:380px;width:100%;aspect-ratio:1.2}.carpet-swatch-grid{gap:14px 8px}.carpet-swatch-grid button span{font-size:11px}.carpet-inline-price>strong{font-size:72px}}

/* Brighter Everyday Comfort palette */
.carpet-page{--rust:#17365c;--line:rgba(23,54,92,.18);background:#fff;color:#14243e}
.carpet-page .carpet-hero-new{background:#fff8ec}
.carpet-page .carpet-intro h1 em,.carpet-page h2 em{color:#214c7c}
.carpet-page .eyebrow{color:#17365c}
.carpet-page .eyebrow::before{background:#d78e54}
.carpet-page .carpet-inline-price>strong{color:#214c7c}
.carpet-page .carpet-inline-price b{color:#17365c}
.carpet-page .button-dark{background:#17365c;color:#fff}
.carpet-page .button-dark:hover{background:#102644;box-shadow:0 10px 25px rgba(23,54,92,.18)}
.carpet-page #carpet-colors{background:#fff}
.carpet-page .carpet-color-caption{background:rgba(255,250,240,.96);color:#14243e}
.carpet-page .carpet-swatch-grid button[aria-pressed="true"]{border-color:#214c7c;background:#e7effb}
.carpet-page .carpet-swatch-grid button:hover{background:#f1f5fc}
.carpet-page .carpet-included{background:#f2f6fc}
.carpet-page .carpet-inclusion-grid article{background:#fff;border-color:#d9e3f1}
.carpet-page .carpet-inclusion-grid article>span{color:#17365c}
.carpet-page .carpet-inclusion-grid p{color:#45556b}
.carpet-page .carpet-next{background:#fff2dc}
.carpet-page .carpet-caption{color:#45556b;opacity:1}
.carpet-home-callout{background:#fff2dc;border-color:#e9d7b6;color:#14243e}
.carpet-home-callout .eyebrow{color:#17365c}
.carpet-home-callout .button-dark{background:#17365c;color:#fff}

/* Shared white, cream, and teal palette */
:root{--ink:#14243e;--ink-2:#233b5d;--paper:#ffffff;--paper-2:#fff2dc;--acid:#e4edf8;--rust:#17365c;--sage:#8ca4c4;--line:rgba(23,54,92,.18)}
.site-header{background:rgba(255,255,255,.96)}
.topline,footer{background:#102644}
.button-dark{background:#17365c}.button-dark:hover{background:#102644;box-shadow:0 10px 25px rgba(23,54,92,.18)}
.button-accent{background:#e4edf8;color:#14243e}.button-accent:hover{box-shadow:0 10px 25px rgba(23,54,92,.16)}
.eyebrow{color:#17365c}.eyebrow::before{background:#d78e54}
.hero-copy h2 em,.path-section h1 em,.page-intro h1 em,.section-heading h2 em,.about-hero h1 em{color:#214c7c}
.residential-card,.hero-shell,.about-hero{background:#fff8ec}
.commercial-card,.material-card,.standards-card,.instagram-section,.lvp-overview,.filter-guide,.compare-bar{background:#17365c}
.commercial-page{background:#17365c}.commercial-hero{background:linear-gradient(120deg,#102644,#214c7c)}
.commercial-page .light-eyebrow,.instagram-section .eyebrow,.lvp-overview .eyebrow{color:#e4edf8}
.commercial-stat-grid .grid-accent{background:#fff2dc}.commercial-body{background:white}
.service-options button{background:#f2f6fc}.service-options button.active,.sector.active,.segmented button.selected,.product-switcher button.active,.price-levels button.active,.comparing .compare-toggle{background:#17365c}
.service-options button.active>span,.service-options button.active>small,.sector.active span{color:#e5eefb}
.pricing-note,.sector-detail{background:#fff2dc}.pricing-note p,.service-detail p,.process-row p,.page-intro>p,.hero-copy>p{color:#45556b}
.contact-shell{background:linear-gradient(90deg,#f2f6fc 0 42%,#fff 42%)}
.about-values{background:#f2f6fc}.instagram-embed-shell{background:#fff8ec}
input,select,textarea{background:#fffaf1}.choice-cards input:checked+span{background:#e7effb}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#214c7c}
.room-card{background:#f3e5cc}.room-card::after{background:repeating-linear-gradient(108deg,#a77a4c 0 5px,#d4ae7f 6px 42px,#8e623b 43px 45px)}
.art-one{background:linear-gradient(35deg,#214c7c 0 35%,#e7ba7d 36% 58%,#14243e 59%)}
.art-two{background:radial-gradient(circle at 65% 30%,#ffe1aa 0 18%,transparent 19%),#5277a1}
.sofa{background:#294c73}.sofa::before{background:#496d94}.sofa i{background:#d79560}.sofa i:nth-child(2){background:#fff2dc}
.table{background:#e3c18c}.plant{border-bottom-color:#c98b5a}.plant i{background:#627588}
@media(max-width:1000px){.contact-shell{background:linear-gradient(180deg,#f2f6fc 0 37%,#fff 37%)}.about-hero{background:#fff8ec}}

/* Original 1200 Flooring artwork */
.brand-logo-frame{display:block!important;position:relative;width:100px;height:104px;overflow:hidden;background:#fff;border-radius:6px;flex-shrink:0}
.brand-logo-frame .brand-logo{position:absolute;display:block;width:121px;max-width:none;height:auto;left:-10px;top:-26px}
.site-header{height:124px}.brand{flex-shrink:0}.footer-brand{padding:8px;background:white;border-radius:10px}
@media(max-width:1000px){.site-header{height:100px}.main-nav{top:99px}.brand-logo-frame{width:78px;height:81px}.brand-logo-frame .brand-logo{width:94px;left:-8px;top:-21px}}

.header-phone{display:flex;flex-direction:column;gap:5px;flex-shrink:0;text-decoration:none;color:#17365c;padding-left:20px;border-left:1px solid var(--line);white-space:nowrap}.header-phone span{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#45556b}.header-phone strong{font:700 17px/1.2 Manrope,sans-serif}.header-phone:hover strong{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1001px) and (max-width:1200px){.site-header{gap:18px}.main-nav{gap:15px}.header-cta{display:none}}
@media(max-width:650px){.site-header{gap:12px}.header-phone{padding-left:12px;margin-right:auto}.header-phone strong{font-size:15px}.header-phone span{font-size:9px}}

.sample-unavailable{background:#f2f6fc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#45556b;text-align:center}.sample-unavailable span{font-size:10px;text-transform:uppercase;letter-spacing:.08em}.sample-unavailable strong{font:600 20px Manrope,sans-serif}.sample-unavailable small{font-size:11px}

.commercial-stat-grid .commercial-service-value strong{font-size:clamp(23px,2.5vw,34px);line-height:1.12;letter-spacing:-.035em}.commercial-stat-grid .commercial-service-value span{line-height:1.6;color:#dbe6f5}.commercial-stat-grid .grid-accent.commercial-service-value span{color:#45556b}
@media(max-width:650px){.commercial-stat-grid .commercial-service-value strong{font-size:24px}.commercial-stat-grid .commercial-service-value{padding:22px 18px}.commercial-stat-grid .commercial-service-value span{font-size:9px}}

.portfolio-intro{font-size:18px;line-height:1.65;color:#45556b;margin:0 0 26px;max-width:760px}
@media(max-width:650px){.portfolio-intro{font-size:16px}}

.contact-email{display:inline-block;margin-top:20px;color:#17365c;font-size:15px;font-weight:600;text-underline-offset:4px;overflow-wrap:anywhere}.footer-email{display:inline-block;margin-top:9px;color:white;font-size:13px;text-underline-offset:4px;overflow-wrap:anywhere}.text-actions{flex-wrap:wrap}

.contact-honeypot{display:none!important}.inquiry-error{font-size:14px;line-height:1.6;color:#9b2525;background:#fff3f1;border-radius:10px;padding:15px}.submit-button:disabled{opacity:.65;cursor:wait}

.service-area-copy{font-size:14px!important;line-height:1.8!important;margin-top:24px;color:#45556b}.service-area-copy strong{color:#17365c}
@media(max-width:650px){.topline{padding:9px 18px;gap:8px;flex-wrap:wrap;text-align:center}.topline>span{display:block;font-size:9px;line-height:1.6}.topline .text-button{display:none}}