.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:58px 0 64px;border-bottom:1px solid var(--line);margin-bottom:54px}
.hero h1{font-size:clamp(34px,3.5vw,48px);line-height:1.16;letter-spacing:-.045em;margin-bottom:26px}
.hero .subtitle{font-size:22px;font-weight:600;line-height:1.55;color:var(--text);max-width:510px}
.hero-visual{border-radius:100px 18px 18px 18px;overflow:hidden;background:var(--tint);box-shadow:var(--shadow)}
.hero-visual>img{width:100%;height:395px;object-fit:cover}
.palette-strip{display:grid;grid-template-columns:repeat(5,1fr);height:54px}
.palette-strip span:nth-child(1){background:#594174}.palette-strip span:nth-child(2){background:#b1a1c7}.palette-strip span:nth-child(3){background:#d8c3a8}.palette-strip span:nth-child(4){background:#b78369}.palette-strip span:nth-child(5){background:#869486}
.grid,.benefits{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:56px}
.card{min-width:0}.card h2{margin-top:0}
.services-grid{background:var(--surface);padding:36px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);gap:48px}
.service-image img{max-height:380px;margin:auto;object-fit:contain}
.list,.benefits ul{padding:0;margin:0 0 24px;list-style:none}
.list li,.benefits li{position:relative;padding:8px 0 8px 24px;font-size:16px;color:var(--muted);line-height:1.65}
.list li:before,.benefits li:before{content:'';position:absolute;left:0;top:19px;width:6px;height:6px;border-radius:50%;background:var(--brand)}
.benefits .card:first-child{padding:16px 10px 16px 0}
.benefits img{border-radius:var(--radius);width:100%;max-height:380px;object-fit:cover}
.card-img img{border-radius:var(--radius);width:100%;height:400px;object-fit:cover}
.brands{font-size:15px;line-height:1.8;color:var(--muted)}
.brands-section{border-top:1px solid var(--line);text-align:center}
.brands-section img{width:100%;max-width:920px;margin:auto;border-radius:12px}
.reviews-section .section-inner{display:grid;grid-template-columns:1fr 1.4fr;gap:20px 48px;align-items:center}
.reviews-section h2{margin:0}.reviews-section .section-inner>div:first-of-type{grid-column:2;grid-row:1/3}
.reviews-section img{border-radius:var(--radius);max-height:430px;object-fit:contain;margin:auto}
.reviews-section .section-inner>div:last-child{align-self:start}
@media(max-width:1000px){.hero{gap:32px}.hero h1{font-size:38px}.hero-visual>img{height:380px}.grid,.benefits{gap:32px}.services-grid{padding:28px}}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:30px;padding:36px 0;margin-bottom:32px}.hero h1{font-size:35px;max-width:600px}.hero .subtitle{max-width:600px}.hero-visual{border-radius:48px 14px 14px 14px}.hero-visual>img{height:290px;object-position:center}.palette-strip{height:32px}.grid,.benefits{grid-template-columns:1fr;gap:28px}.services-grid{padding:26px}.service-image img{max-height:260px}.services-grid .service-image{border-bottom:1px solid var(--line);padding-bottom:22px}.benefits .card:first-child{padding:0}.card-img img{height:280px}.reviews-section .section-inner{display:flex;flex-direction:column;align-items:flex-start;gap:24px}.reviews-section h2{margin:0}.reviews-section .section-inner>div:first-of-type{width:100%}.reviews-section img{max-height:380px}.brands-section{text-align:left}.list li,.benefits li{font-size:15px}}
@media(max-width:380px){.hero h1{font-size:31px}.hero-visual>img{height:240px}.services-grid{padding:20px}}

/* Quiet northern facade palette and accessible manual carousel. */
.facade-slider{min-width:0;position:relative}
.facade-slides{aspect-ratio:780/506;overflow:hidden;touch-action:pan-y}
.facade-slide{height:100%}.facade-slide[hidden]{display:none}
.facade-slide img{width:100%;height:100%;object-fit:cover}
.facade-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 16px;background:#f0f1ed;color:#35413f}
.facade-controls[hidden]{display:none}
.facade-controls button{display:grid;place-items:center;min-width:44px;min-height:44px;border:0;border-radius:50%;background:transparent;color:inherit;cursor:pointer;font:inherit;font-size:22px}
.facade-controls button:hover{background:#dce2de}
.facade-controls button:focus-visible,.facade-slider:focus-visible{outline:2px solid #475e61;outline-offset:-3px}
.facade-count{font-size:13px;font-variant-numeric:tabular-nums;white-space:nowrap}
.facade-dots{display:flex;gap:0;margin-left:auto}
.facade-dots button{min-width:30px;font-size:0}
.facade-dots button:before{content:'';width:6px;height:6px;border-radius:50%;background:#aeb8b3}
.facade-dots button[aria-pressed="true"]:before{background:#475e61;box-shadow:0 0 0 3px #d4ddda}
.palette-strip{height:28px}.palette-strip span:nth-child(1){background:#a5b5bb}.palette-strip span:nth-child(2){background:#c1cdca}.palette-strip span:nth-child(3){background:#e2dfd4}.palette-strip span:nth-child(4){background:#c8bfb5}.palette-strip span:nth-child(5){background:#939e94}
.card-img img{object-fit:contain;background:#f5f5f4}
@media(max-width:380px){.facade-controls{padding:8px;gap:6px}.facade-dots button{min-width:28px}}

/* Larger catalogue within its frame; keep the complete fan visible. */
.card-img{overflow:hidden;border-radius:var(--radius);background:#f5f5f4}
.card-img img{height:auto;aspect-ratio:4/3;object-fit:cover;transform:scale(1.16);border-radius:0}
@media(max-width:760px){.hero .subtitle{font-size:20px}}

.benefits img{max-height:none;height:auto;aspect-ratio:4/3;object-fit:contain}

/* Text reviews with a quiet Avito signature. */
.reviews-section .reviews-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.6fr);gap:48px;align-items:start}
.reviews-section .reviews-layout>div:first-of-type{grid-column:auto;grid-row:auto;width:auto}
.reviews-section .reviews-layout>div:last-child{align-self:start}
.reviews-section .reviews-intro{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.reviews-section .reviews-intro h2{margin:0;font-size:30px}
.reviews-section img.avito-mark{width:150px;height:150px;max-height:none;object-fit:contain;margin:4px 0;border-radius:0}
.reviews-source{color:var(--muted);font-size:15px;margin:0}
.reviews-content{min-width:0;width:100%}.reviews-list{display:grid;gap:16px}
.review-card{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:14px}
.review-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;flex-wrap:wrap}
.review-card h3{font-size:17px;line-height:1.4;margin:0;letter-spacing:0}
.review-date{color:var(--muted);font-size:13px}
.review-stars{color:#98772d;font-size:19px;letter-spacing:2px;margin:8px 0 12px}
.review-card p{font-size:15px;line-height:1.7;margin:0;color:var(--text)}
.review-excerpt{display:block;margin-top:12px;color:var(--muted);font-size:12px}
.reviews-more{margin-top:20px}.reviews-more summary{display:inline-flex;align-items:center;min-height:44px;padding:12px 22px;background:var(--brand);color:white;border-radius:8px;cursor:pointer;list-style:none;font-size:14px;font-weight:600}
.reviews-more summary::-webkit-details-marker{display:none}.reviews-more summary:focus-visible{outline:3px solid var(--text);outline-offset:3px}
.reviews-more .reviews-collapse{display:none}.reviews-more[open] .reviews-expand{display:none}.reviews-more[open] .reviews-collapse{display:inline}.reviews-more[open] .reviews-list{margin-top:20px}
@media(max-width:760px){.reviews-section .reviews-layout{grid-template-columns:1fr;gap:28px}.reviews-section .reviews-intro{gap:16px}.reviews-section .reviews-intro h2{font-size:25px}.reviews-section img.avito-mark{width:110px;height:110px}.review-card{padding:20px}}

/* Center the Avito identity and enlarge the mark to 150%. */
.reviews-section .reviews-intro{align-items:center;text-align:center;gap:28px}
.reviews-section img.avito-mark{width:225px;height:225px;max-width:100%;margin:8px auto}
@media(max-width:760px){.reviews-section img.avito-mark{width:165px;height:165px}.reviews-section .reviews-intro{gap:24px}}

.tikkurila-teaser{display:grid;grid-template-columns:1.05fr 1fr;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--tint);margin:24px 0 48px}
.tikkurila-teaser-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:32px;gap:22px}
.tikkurila-teaser-copy h3{font-size:25px;line-height:1.3;margin:0;letter-spacing:-.02em}
.tikkurila-teaser-copy p{margin:0;font-size:17px;font-weight:600;color:var(--brand)}
.tikkurila-teaser-copy .btn{margin-top:4px}
.tikkurila-teaser-image{display:flex;align-items:center;background:#f6f3ed}
.tikkurila-teaser-image img{display:block;width:100%;height:auto;object-fit:contain;margin:0}
@media(max-width:650px){.tikkurila-teaser{grid-template-columns:1fr}.tikkurila-teaser-copy{padding:26px;gap:18px}.tikkurila-teaser-copy h3{font-size:23px}}

/* Home FAQ: catalogue swatches sampled from the tinting price table. */
.home-faq-color-1 summary{background:rgba(190,150,81,0.25)}
.home-faq-color-2 summary{background:rgba(25,57,116,0.25)}
.home-faq-color-3 summary{background:rgba(148,148,148,0.25)}
.home-faq-color-4 summary{background:rgba(133,32,46,0.25)}
.home-faq-color-5 summary{background:rgba(202,192,190,0.25)}
.home-faq-color-6 summary{background:rgba(65,50,45,0.25)}
.home-faq-color-7 summary{background:rgba(186,178,155,0.25)}
.home-faq-color-8 summary{background:rgba(97,98,102,0.25)}
.home-faq-color-9 summary{background:rgba(141,110,92,0.25)}
.home-faq-color-10 summary{background:rgba(246,251,245,0.25)}

.home-faq-list{display:grid;gap:16px;margin:28px 0}
.home-faq-item{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface)}
.home-faq-item summary{display:block;cursor:pointer;list-style:none}
.home-faq-item summary::-webkit-details-marker{display:none}
.home-faq-item summary::marker{content:''}
.home-faq-item summary:focus-visible{outline:3px solid var(--brand);outline-offset:-4px}
.home-faq-question{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 20px;min-height:64px;color:#171717;font-size:16px;font-weight:600;line-height:1.45}
.home-faq-icon{position:relative;flex:0 0 28px;height:28px;border:1px solid currentColor;border-radius:50%}
.home-faq-icon::before,.home-faq-icon::after{content:'';position:absolute;left:7px;right:7px;top:12px;height:2px;background:currentColor}
.home-faq-icon::after{transform:rotate(90deg)}
.home-faq-item[open] .home-faq-icon::after{display:none}


.home-faq-answer{padding:24px 28px;background:var(--bg);border-top:1px solid var(--line)}
.home-faq-answer p{margin:0;font-size:16px;line-height:1.75}
@media(max-width:760px){.home-faq-question{padding:16px 18px;font-size:16px;gap:12px}.home-faq-answer{padding:20px 18px}.home-faq .button-row .btn{text-align:center}}