/* One local type family; regular copy, medium controls, semibold headings. */
@font-face {
  font-family: 'Golos Text'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('assets/fonts/golos-text-cyrillic-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F;
}
@font-face {
  font-family: 'Golos Text'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('assets/fonts/golos-text-cyrillic-wght-normal.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Golos Text'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('assets/fonts/golos-text-latin-ext-wght-normal.woff2') format('woff2');
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: 'Golos Text'; font-style: normal; font-weight: 400 900; font-display: swap;
  src: url('assets/fonts/golos-text-latin-wght-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  --ink:#24271f; --muted:#666c61; --paper:#f8f9f5; --line:#dce1d5;
  --yellow:#f1c546; --dark:#21251f; --font:'Golos Text',Arial,sans-serif;
  --heading-tracking:-.018em; --label-tracking:.075em;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; scroll-padding-top:112px; -webkit-text-size-adjust:100%; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:var(--font); font-size:16px; line-height:1.65; font-weight:400; letter-spacing:normal; font-kerning:normal; font-synthesis:none; }
button,input,textarea,select { font:inherit; letter-spacing:normal; }
button,a { -webkit-tap-highlight-color:transparent; }
a { color:inherit; text-decoration:none; }
button { cursor:pointer; }
img { max-width:100%; display:block; }
em { font:inherit; font-style:normal; }
b,strong { font-weight:600; }
:is(a,button,summary,input,select,textarea):focus-visible { outline:3px solid #aa7600; outline-offset:4px; }
.wrap { width:min(1280px,calc(100% - 96px)); margin-inline:auto; }
.topline { background:var(--dark); color:#e5e9df; font-size:12px; line-height:1.5; }
.topline .wrap { display:flex; justify-content:space-between; padding-block:9px; }
.header { background:var(--paper); position:sticky; top:0; z-index:10; border-bottom:1px solid var(--line); }
.header-inner { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:92px; }
.brand { display:flex; flex-shrink:0; align-items:center; }
.logo { width:80px; height:80px; object-fit:contain; object-position:center; border-radius:3px; }
.header nav { display:flex; gap:28px; font-size:14px; line-height:1.4; font-weight:500; }
.header nav a:hover,.text-link:hover { color:#956706; }
.header-phone { white-space:nowrap; text-align:right; font-size:18px; line-height:1.4; font-weight:600; font-variant-numeric:lining-nums tabular-nums; }
.header-phone small { display:block; margin-top:4px; color:var(--muted); font-size:12px; font-weight:400; }
.eyebrow { font-size:12px; line-height:1.5; font-weight:500; letter-spacing:var(--label-tracking); margin:0 0 20px; }
h1,h2,h3 { font-weight:550; overflow-wrap:normal; word-break:normal; text-wrap:balance; }
h2 { font-size:clamp(34px,3.3vw,46px); line-height:1.18; letter-spacing:var(--heading-tracking); margin:0; }
h3 { font-size:24px; line-height:1.3; letter-spacing:-.01em; margin:14px 0; }
p { text-wrap:pretty; }
.hero { display:grid; grid-template-columns:1.05fr 1fr; gap:48px; padding-block:52px 44px; align-items:center; }
.hero-copy { min-width:0; }
.hero h1 { font-size:clamp(42px,4.25vw,62px); line-height:1.12; letter-spacing:-.022em; font-weight:550; margin:0 0 26px; }
.hero h1 em { color:#916817; }
.hero .lead { max-width:490px; margin:0; font-size:18px; line-height:1.7; color:#60665b; }
.hero-actions { display:flex; flex-wrap:wrap; align-items:center; gap:20px 28px; margin-top:30px; }
.button { display:inline-flex; justify-content:space-between; align-items:center; gap:20px; padding:16px 24px; min-height:56px; border:1px solid transparent; border-radius:5px; font-size:14px; line-height:1.5; font-weight:550; transition:background .18s; }
.button>span { font-size:23px; line-height:1; flex-shrink:0; }
.primary { background:var(--yellow); color:var(--ink); }
.primary:hover { background:#e8bd39; }
.outline { border-color:#a7b19a; background:transparent; }
.outline:hover { background:#dfe6d4; }
.button:disabled { opacity:.55; cursor:not-allowed; }
.wide { width:100%; }
.text-link { display:inline-block; font-size:14px; line-height:1.5; font-weight:500; border-bottom:1px solid currentColor; padding-bottom:4px; }
.micro { font-size:13px; line-height:1.55; color:var(--muted); margin:14px 0 0; }
.hero-proof { display:flex; gap:32px; border-top:1px solid var(--line); padding-top:24px; margin-top:32px; font-size:13px; line-height:1.6; color:var(--muted); }
.hero-proof b { display:block; font-size:14px; line-height:1.5; color:var(--ink); margin-bottom:4px; font-weight:550; }
.hero-photo { position:relative; margin:0; align-self:stretch; min-height:550px; border-radius:6px; overflow:hidden; background:#484d42; }
.hero-photo img { position:absolute; width:100%; height:100%; object-fit:cover; }
.hero-photo:after { content:''; position:absolute; inset:45% 0 0; background:linear-gradient(transparent,#0c130ae0); }
.photo-label { position:absolute; bottom:64px; left:28px; right:24px; z-index:1; color:white; }
.photo-label>span { font-size:11px; line-height:1.5; letter-spacing:var(--label-tracking); }
.photo-label b { display:block; font-size:27px; line-height:1.3; font-weight:500; margin-top:10px; letter-spacing:-.01em; }
.hero-photo figcaption { position:absolute; bottom:24px; left:28px; right:20px; z-index:1; color:#d2d9cc; font-size:12px; line-height:1.5; }
.service-strip { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); border-block:1px solid var(--line); padding-block:28px; gap:24px; }
.service-strip>div { position:relative; padding-left:32px; }
.service-strip span { position:absolute; left:0; top:3px; font-size:12px; color:#94701f; font-variant-numeric:tabular-nums; }
.service-strip b { display:block; font-size:15px; line-height:1.5; font-weight:550; }
.service-strip p { font-size:13px; line-height:1.65; margin:7px 0 0; color:var(--muted); }
.section { padding-block:88px; }
.section-head { display:flex; justify-content:space-between; align-items:end; gap:36px; margin-bottom:36px; }
.section-head>div { min-width:0; }
.section-head>p { max-width:355px; font-size:16px; line-height:1.7; color:var(--muted); margin:0 0 3px; }
.catalog-intro { border-top:1px solid var(--line); padding-top:28px; }
.catalog-intro h3 { font-size:25px; margin:0 0 8px; }
.catalog-intro p { font-size:15px; line-height:1.6; color:var(--muted); margin:0 0 24px; }
.catalog-filters { display:flex; flex-wrap:wrap; gap:10px; }
.catalog-filter { border:1px solid #c9cebf; background:transparent; border-radius:28px; padding:10px 18px; min-height:44px; color:var(--ink); font-size:14px; line-height:1.5; font-weight:400; }
.catalog-filter:hover { background:#e8ecdf; }
.catalog-filter.active { background:var(--dark); border-color:var(--dark); color:white; }
.catalog-count { font-size:13px; line-height:1.5; color:var(--muted); margin:20px 0 16px; }
.product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.product-card { display:flex; flex-direction:column; background:white; border:1px solid var(--line); border-radius:7px; overflow:hidden; min-width:0; }
.product-card[hidden] { display:none; }
.product-image { position:relative; }
.product-image img { width:100%; height:auto; aspect-ratio:3/2; object-fit:cover; object-position:center; }
.product-image a { display:block; }
.product-image>span { pointer-events:none; }
.product-image>span { position:absolute; bottom:12px; left:12px; padding:4px 9px; font-size:11px; line-height:1.5; color:#34392e; background:#fffffff2; border-radius:3px; }
.product-info { padding:24px; display:flex; flex-direction:column; flex:1; }
.product-info .product-number { font-size:12px; line-height:1.5; letter-spacing:.025em; color:#697160; margin:0 0 10px; }
.product-info h3 { font-size:25px; line-height:1.25; margin:0 0 12px; font-weight:550; }
.product-info>p:not(.product-number) { flex:1; font-size:14px; line-height:1.65; color:var(--muted); margin:0 0 22px; }
.product-select { display:flex; justify-content:space-between; align-items:center; gap:12px; border-top:1px solid var(--line); padding-top:16px; font-size:14px; line-height:1.5; font-weight:500; min-height:44px; }
.product-select:hover { color:#946300; }
.product-select span { font-size:23px; line-height:1; flex-shrink:0; }
.catalog-note { font-size:13px; line-height:1.7; color:var(--muted); max-width:860px; margin:26px 0 0; }
.inspiration-head { margin:64px 0 28px; }
.inspiration-head .eyebrow { margin-bottom:10px; }
.inspiration-head h3 { font-size:30px; margin:0; }
.gallery { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.tile-card img { width:100%; height:320px; object-fit:cover; border-radius:5px; }
.card-title { display:flex; justify-content:space-between; gap:14px; align-items:center; margin-top:22px; }
.card-title small { display:block; font-size:11px; line-height:1.5; letter-spacing:.06em; color:var(--muted); }
.card-title h3 { font-size:22px; line-height:1.3; margin:8px 0 0; text-wrap:pretty; }
.card-title a { display:flex; justify-content:center; align-items:center; border:1px solid #cdd1c5; border-radius:50%; flex:0 0 44px; height:44px; font-size:22px; }
.card-title a:hover { background:var(--yellow); }
.tile-card p { font-size:14px; line-height:1.65; color:var(--muted); margin:12px 0 0; }
.gallery-bottom { display:flex; align-items:center; justify-content:space-between; gap:28px; margin-top:32px; border-top:1px solid var(--line); padding-top:24px; }
.gallery-bottom p { max-width:750px; font-size:12px; line-height:1.7; color:var(--muted); margin:0; }
.gallery-bottom a { flex-shrink:0; }
.estimate-section { background:var(--dark); color:white; padding-block:80px; }
.estimate-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:start; }
.estimate-copy { padding-top:16px; }
.estimate-copy .eyebrow { color:#dfbb54; }
.estimate-copy h2 { font-size:clamp(36px,3.5vw,50px); line-height:1.18; }
.estimate-copy em { color:#ecc866; }
.estimate-copy>p:not(.eyebrow) { color:#c3caba; font-size:16px; line-height:1.7; margin:24px 0 0; max-width:450px; }
.estimate-note { display:flex; gap:18px; margin-top:32px; align-items:flex-start; }
.estimate-note>span { display:flex; align-items:center; justify-content:center; background:#3b4133; color:#f0cb6b; border-radius:50%; height:40px; flex:0 0 40px; font-size:23px; }
.estimate-note p { margin:0; color:#c3caba; font-size:14px; line-height:1.7; max-width:400px; }
.estimate-note b { display:inline-block; margin-bottom:5px; color:white; font-size:16px; font-weight:550; }
.estimate-copy>p.small { font-size:13px; line-height:1.7; max-width:420px; }
.brief { background:var(--paper); border-radius:7px; padding:32px; color:var(--ink); min-width:0; }
fieldset { border:0; padding:0; margin:0 0 28px; min-width:0; }
legend { font-size:15px; line-height:1.5; font-weight:550; margin-bottom:14px; padding:0; }
legend span { font-size:12px; color:#7a856c; margin-right:10px; font-weight:400; }
.choices { display:flex; flex-wrap:wrap; gap:8px; }
.choices label { position:relative; cursor:pointer; }
.choices input { position:absolute; opacity:0; width:100%; height:100%; margin:0; }
.choices span { display:block; border:1px solid #d3daca; border-radius:4px; padding:10px 14px; font-size:14px; line-height:1.5; background:white; }
.choices input:checked+span { background:#e9eddc; border-color:#788761; box-shadow:inset 0 0 0 1px #788761; }
.choices input:focus-visible+span { outline:3px solid #ba8c20; outline-offset:3px; }
.field { display:block; margin:0 0 20px; font-size:14px; line-height:1.5; font-weight:500; }
.field>span { font-size:12px; font-weight:400; color:var(--muted); }
.field input,.field select { display:block; width:100%; min-width:0; max-width:100%; margin-top:9px; border:1px solid #bcc5b1; border-radius:4px; padding:13px 12px; background:white; font-size:16px; font-weight:400; color:var(--ink); min-height:50px; }
.contact-fields { display:grid; grid-template-columns:1fr; min-width:0; }
.consent-check { display:flex; gap:12px; align-items:flex-start; font-size:13px; line-height:1.65; }
.consent-check input { flex:0 0 20px; width:20px; height:20px; margin:2px 0; accent-color:#6e7955; }
.consent-check a,.privacy-note a,.form-fallback a { text-decoration:underline; text-decoration-color:#929c84; text-underline-offset:3px; }
.privacy-note,.form-fallback,.brief-foot { font-size:12px; line-height:1.7; color:var(--muted); }
.privacy-note { margin:14px 0 24px; }
.brief-foot { text-align:center; margin:14px 0 0; }
.form-status { font-size:14px; line-height:1.65; margin:20px 0 0; }
.form-status.error { color:#9e2f23; }
.form-status.success { background:#e4ebdb; color:#2d4d28; border:1px solid #afc69f; padding:16px; border-radius:4px; }
.form-trap { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
.steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; margin-top:44px; }
.steps article { border-top:1px solid #a1ac94; padding-top:24px; }
.steps span { font-size:12px; line-height:1.5; color:#707966; letter-spacing:.06em; }
.steps h3 { font-size:24px; margin:24px 0 14px; text-wrap:pretty; }
.steps p { font-size:15px; line-height:1.75; color:var(--muted); max-width:340px; margin:0; }
.questions { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; border-top:1px solid var(--line); padding-top:72px; }
.questions h2 { margin-bottom:28px; }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { padding:22px 32px 22px 0; cursor:pointer; font-size:16px; line-height:1.55; font-weight:500; list-style:none; position:relative; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary:after { content:'+'; position:absolute; right:4px; top:20px; font-size:22px; line-height:1.4; color:#7f876f; font-weight:400; }
.faq-list details[open] summary:after { content:'−'; }
.faq-list p { font-size:14px; line-height:1.75; color:var(--muted); margin:0 0 24px; }
.contacts { background:#e8ecdf; padding-block:76px; }
.contact-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,1fr); gap:80px; align-items:center; }
.contacts h2 { font-size:clamp(34px,3.3vw,46px); }
.big-phone { display:inline-block; font-size:clamp(28px,2.7vw,38px); line-height:1.4; font-weight:400; letter-spacing:-.008em; font-variant-numeric:lining-nums tabular-nums; white-space:nowrap; margin-top:28px; border-bottom:1px solid #94a083; padding-bottom:3px; }
.contacts p { color:#626e56; font-size:15px; line-height:1.7; }
.contact-card { border-left:1px solid #c2cbb5; padding-left:48px; }
.contact-card h3 { font-size:29px; line-height:1.35; margin:0 0 18px; }
.contact-card .eyebrow { margin-bottom:18px; font-size:12px; }
.contact-card .button { max-width:360px; margin-top:10px; }
.contact-card a[href^='mailto'] { text-decoration:underline; text-underline-offset:3px; }
footer { padding-block:40px; }
.footer-top { display:flex; justify-content:space-between; align-items:center; gap:24px; padding-bottom:30px; }
.social-links { display:flex; gap:24px; font-size:13px; line-height:1.5; }
.footer-bottom { border-top:1px solid var(--line); padding-top:24px; display:flex; justify-content:space-between; gap:28px; align-items:start; }
.footer-bottom p { font-size:12px; line-height:1.8; color:var(--muted); margin:0; }
.legal-links { display:flex; flex-direction:column; gap:10px; font-size:12px; line-height:1.5; }
.legal-links a { text-decoration:underline; text-underline-offset:3px; text-decoration-color:#a0a993; }
.mobile-action { display:none; }
.skip { position:fixed; top:-100px; left:20px; background:var(--yellow); z-index:100; padding:10px; }
.skip:focus { top:10px; }
.sr-only { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); }
.legal-page { max-width:820px; padding:56px 0 80px; }
.legal-page h1 { font-size:clamp(30px,4vw,46px); line-height:1.2; letter-spacing:var(--heading-tracking); margin:28px 0 24px; }
.legal-page h2 { font-size:25px; line-height:1.35; letter-spacing:-.01em; margin:36px 0 16px; text-wrap:pretty; }
.legal-page p,.legal-page li { font-size:16px; line-height:1.8; }
.legal-page li+li { margin-top:12px; }
.legal-page a { text-decoration:underline; text-underline-offset:3px; }
.legal-page a[href^='tel:'],.legal-page a[href^='mailto:'] { white-space:nowrap; }
.legal-date { color:var(--muted); font-size:14px!important; }
.legal-page nav { display:flex; flex-wrap:wrap; gap:14px 24px; font-size:14px; }
.legal-page ul { padding-left:24px; }
.legal-page hr { border:0; border-top:1px solid var(--line); margin-block:32px; }

@media (max-width:1100px) {
  .wrap { width:calc(100% - 56px); }
  .header nav { gap:18px; font-size:13px; }
  .logo { width:72px; height:72px; }
  .header-phone { font-size:16px; }
  .hero { gap:28px; }
  .hero h1 { font-size:clamp(39px,4.45vw,48px); }
  .hero .lead { font-size:17px; }
  .hero-photo { min-height:540px; }
  .hero-proof { gap:22px; }
  .service-strip { gap:18px; }
  .section-head>p { max-width:320px; font-size:15px; }
  .product-grid,.gallery { gap:20px; }
  .product-info { padding:20px; }
  .product-info h3 { font-size:23px; }
  .tile-card img { height:280px; }
  .card-title h3 { font-size:21px; }
  .estimate-layout,.questions { gap:36px; }
  .brief { padding:28px; }
  .contact-layout { gap:48px; }
  .contact-card { padding-left:32px; }
  .contact-card h3 { font-size:26px; }
}
@media (max-width:800px) {
  .header nav { display:none; }
  .hero { grid-template-columns:1fr; gap:32px; padding-top:40px; }
  .hero-copy { max-width:650px; }
  .hero h1 { font-size:clamp(42px,7vw,56px); }
  .hero .lead { max-width:550px; }
  .hero-photo { min-height:460px; }
  .hero-proof { gap:40px; }
  .service-strip { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
  .section { padding-block:64px; }
  .section-head { align-items:start; gap:28px; }
  .section-head>p { max-width:260px; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .gallery { gap:16px; }
  .tile-card img { height:250px; }
  .card-title { align-items:start; gap:8px; }
  .card-title h3 { font-size:20px; }
  .card-title a { flex-basis:36px; height:36px; }
  .gallery-bottom { align-items:start; flex-direction:column; gap:20px; }
  .estimate-layout { grid-template-columns:1fr; gap:32px; }
  .estimate-copy { padding-top:0; max-width:600px; }
  .estimate-copy>p:not(.eyebrow),.estimate-copy>p.small { max-width:550px; }
  .steps { gap:24px; }
  .steps h3 { font-size:22px; }
  .questions { grid-template-columns:1fr; gap:32px; }
  .contact-layout { grid-template-columns:1fr 1fr; gap:28px; }
  .big-phone { font-size:27px; }
  .contact-card { padding-left:24px; }
  .contact-card h3 { font-size:24px; }
  .contact-card .button { font-size:13px; padding-inline:16px; }
  .footer-bottom { flex-wrap:wrap; }
}
@media (max-width:620px) {
  html { scroll-padding-top:96px; }
  .wrap { width:calc(100% - 36px); }
  .topline { font-size:11px; }
  .topline .wrap { padding-block:7px; }
  .topline .wrap span:last-child { display:none; }
  .header-inner { min-height:76px; gap:12px; }
  .logo { width:64px; height:64px; }
  .header-phone { font-size:13px; }
  .header-phone small { font-size:11px; margin-top:4px; }
  .hero { padding-block:36px; gap:30px; }
  .eyebrow { font-size:11px; line-height:1.65; letter-spacing:.065em; margin-bottom:18px; }
  .hero h1 { font-size:clamp(34px,8.6vw,48px); line-height:1.17; letter-spacing:-.018em; margin-bottom:24px; }
  .hero .lead { font-size:16px; line-height:1.75; }
  .hero-actions { gap:20px 24px; margin-top:26px; }
  .hero-actions .button { padding:15px 20px; }
  .hero-actions .text-link { font-size:14px; }
  .micro { font-size:12px; margin-top:14px; }
  .hero-proof { margin-top:26px; padding-top:22px; gap:20px; font-size:12px; }
  .hero-proof b { font-size:13px; line-height:1.5; }
  .hero-photo { min-height:390px; }
  .hero-photo img { object-position:center 54%; }
  .photo-label { left:22px; right:20px; bottom:64px; }
  .photo-label>span { font-size:10px; }
  .photo-label b { font-size:24px; }
  .hero-photo figcaption { left:22px; right:20px; bottom:22px; font-size:11px; }
  .service-strip { padding-block:26px; gap:26px 18px; }
  .service-strip>div { padding-left:0; }
  .service-strip span { position:static; display:block; margin-bottom:6px; font-size:11px; }
  .service-strip b { font-size:14px; }
  .service-strip p { font-size:13px; line-height:1.6; }
  h2 { font-size:clamp(30px,7.6vw,38px); line-height:1.22; letter-spacing:-.015em; }
  .section { padding-block:56px; }
  .section-head { display:block; margin-bottom:28px; }
  .section-head>p { max-width:440px; margin-top:20px; font-size:15px; }
  .catalog-intro { padding-top:24px; }
  .catalog-intro h3 { font-size:23px; line-height:1.3; }
  .catalog-intro p { font-size:14px; line-height:1.65; margin-bottom:22px; }
  .catalog-filters { gap:8px; }
  .catalog-filter { font-size:13px; padding:9px 14px; }
  .catalog-count { font-size:12px; margin-top:18px; }
  .product-grid { gap:14px 12px; }
  .product-info { padding:16px 14px; }
  .product-info h3 { font-size:19px; line-height:1.3; letter-spacing:-.008em; margin-bottom:10px; text-wrap:pretty; }
  .product-info .product-number { font-size:11px; line-height:1.5; letter-spacing:0; margin-bottom:8px; }
  .product-info>p:not(.product-number) { font-size:13px; line-height:1.65; margin-bottom:18px; }
  .product-select { gap:8px; font-size:12px; line-height:1.6; padding-top:14px; }
  .product-select span { font-size:20px; }
  .product-image>span { font-size:10px; line-height:1.4; padding:3px 6px; bottom:7px; left:7px; }
  .catalog-note { font-size:12px; line-height:1.75; margin-top:22px; }
  .inspiration-head { margin:46px 0 26px; }
  .inspiration-head h3 { font-size:26px; }
  .gallery { grid-template-columns:1fr; gap:32px; }
  .tile-card img { height:340px; object-position:center 57%; }
  .card-title { align-items:center; gap:16px; margin-top:20px; }
  .card-title h3 { font-size:23px; }
  .card-title a { flex-basis:44px; height:44px; }
  .estimate-section { padding-block:56px; }
  .estimate-copy h2 { font-size:clamp(30px,7.6vw,38px); }
  .estimate-copy>p:not(.eyebrow) { font-size:15px; }
  .estimate-copy>p.small { font-size:13px; }
  .estimate-note { gap:14px; margin-top:26px; }
  .estimate-note p { font-size:14px; }
  .estimate-note b { font-size:15px; }
  .brief { padding:26px 20px; }
  legend { font-size:14px; line-height:1.6; }
  legend span { margin-right:8px; }
  .choices span { font-size:13px; padding:10px 12px; }
  .steps { grid-template-columns:1fr; gap:28px; margin-top:32px; }
  .steps article { padding-top:22px; }
  .steps h3 { font-size:24px; margin:16px 0 12px; }
  .steps p { max-width:none; }
  .faq-list summary { font-size:15px; }
  .contacts { padding-block:56px; }
  .contact-layout { grid-template-columns:1fr; gap:32px; }
  .contacts h2 { font-size:clamp(30px,7.6vw,38px); }
  .big-phone { font-size:clamp(26px,7.5vw,34px); margin-top:24px; }
  .contacts p { font-size:14px; }
  .contact-card { border-left:0; border-top:1px solid #c2cbb5; padding:28px 0 0; }
  .contact-card h3 { font-size:27px; }
  .contact-card .button { max-width:none; font-size:14px; padding-inline:20px; }
  .footer-top { align-items:start; gap:24px; }
  .social-links { flex-direction:column; gap:16px; }
  .footer-bottom { flex-direction:column; gap:24px; }
  footer { padding-bottom:112px; }
  .mobile-action { display:flex; position:fixed; bottom:0; left:0; right:0; background:var(--paper); z-index:20; padding:10px 18px max(10px,env(safe-area-inset-bottom)); border-top:1px solid var(--line); gap:10px; }
  .mobile-action a { min-height:46px; display:flex; align-items:center; justify-content:center; font-size:13px; line-height:1.5; font-weight:500; flex:1; border:1px solid #c3c9b8; border-radius:4px; }
  .mobile-action a:last-child { background:var(--yellow); border-color:var(--yellow); flex:1.5; }
  .legal-page { padding-top:32px; }
  .legal-page h1 { font-size:30px; line-height:1.25; letter-spacing:-.01em; }
  .legal-page h2 { font-size:23px; }
  .legal-page p,.legal-page li { font-size:15px; }
}
@media (max-width:359px) {
  .wrap { width:calc(100% - 28px); }
  .logo { width:60px; height:60px; }
  .header-phone { font-size:12px; }
  .header-phone small { font-size:10px; }
  .hero h1 { font-size:32px; }
  .hero-proof { gap:14px; }
  .hero-proof b { font-size:12px; }
  .hero-proof>span { flex:1; }
  .product-grid { grid-template-columns:1fr; }
  .product-info { padding:22px; }
  .product-info h3 { font-size:24px; }
  .product-info>p:not(.product-number),.product-select { font-size:14px; }
  .product-info .product-number { font-size:12px; }
  .brief { padding:24px 16px; }
  .contact-card h3 { font-size:24px; }
  .legal-page h1 { font-size:28px; }
}
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  * { transition:none!important; }
}

/* Give real photographs and longer color names room on small phones. */
@media (max-width:540px) { .product-grid { grid-template-columns:1fr; gap:24px; } .product-info { padding:20px; } .product-info h3 { font-size:23px; } .product-select { font-size:14px; } }