/* Brand adaptation of the shared Agder Varmepumpe template. */
.brand img{position:static;width:218px;max-width:100%;height:auto}
.footer-top .brand img{width:190px}
.hero-brand{width:min(440px,78vw);padding:0}
.hero-brand img{display:block;width:100%;height:auto}
.hero-slider [data-slide='0'] .hero-photo{object-position:53% center}
.hero-slider [data-slide='1'] .hero-photo{object-position:center 42%}
.hero-slider [data-slide='2'] .hero-photo{object-position:center}
.hero-slider .hero-shade{background:linear-gradient(0deg,#201c1abd,transparent 90%),linear-gradient(90deg,#201c1a85,transparent 85%)}
.preview-link{border:0;background:none;padding:0;font:inherit;color:inherit;text-decoration:underline;text-underline-offset:4px}
.skip-link{top:10px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
.skip-link:focus{clip-path:none;width:auto;height:auto}
dialog{border:1px solid var(--line);padding:45px;width:calc(100% - 32px);max-width:560px;max-height:calc(100dvh - 40px);overflow:auto;color:var(--ink)}
dialog::backdrop{background:#20202090}
dialog h2{font-size:2rem}dialog>p:not(.eyebrow){margin-top:20px;font-size:.9375rem}dialog>small{display:block;margin-top:20px;color:var(--muted);font-size:.8125rem}
.close-dialog{position:absolute;top:6px;right:8px;width:44px;height:44px;border:0;background:none;font-size:28px}
.dialog-links{margin-top:25px;border-top:1px solid var(--line)}.dialog-links a{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:14px 0;font-size:.875rem}.dialog-links strong{color:var(--red);font-weight:600}
body:has(dialog[open]){overflow:hidden}
@media(max-width:900px){.brand img{width:205px}}
@media(max-width:700px){.brand img{width:190px}.hero-slider .hero-shade{background:linear-gradient(0deg,#201c1af0,#201c1a80 50%,#201c1a08 95%)}dialog{padding:42px 24px 28px}.dialog-links a{flex-wrap:wrap}.footer-bottom{font-size:.75rem}}
@media(max-width:900px){.header:not(.menu-ready) .menu-toggle{display:none}.header:not(.menu-ready) .desktop-nav{display:flex;flex-wrap:wrap;width:100%;margin:0;gap:20px}.header:not(.menu-ready) .header-inner{height:auto;min-height:92px;flex-wrap:wrap;padding-block:15px}}

/* Template components with painter-specific content. */
.product-visual{padding:0;background:var(--pale)}
.product-visual img{object-fit:cover;transform:none}
.product-price-note{font-size:.8125rem;margin-top:12px}
.product-detail p{font-size:1rem}
.product-detail .feature-list li{font-size:.875rem;padding-block:10px;gap:10px}
.product-name{font-size:1.8rem}
.product-card{scroll-margin-top:128px}
.about-process-heading{max-width:650px;margin-bottom:32px}
.about-faq{max-width:none;display:grid;grid-template-columns:1fr 1.7fr;column-gap:70px}
.about-faq>.eyebrow{grid-column:1;margin-bottom:12px}
.about-faq h2{grid-column:1;grid-row:2/5}
.about-faq details{grid-column:2}
.contact-form fieldset{border:0;margin:0;padding:0;min-width:0}
.contact-form .form-note{margin-bottom:24px}
.contact-address .text-link{margin-top:12px}
.form-result{scroll-margin-top:130px}
@media(max-width:700px){.about-faq{display:block}.product-card{scroll-margin-top:105px}.catalogue-room figcaption{font-size:.75rem}.catalogue-intro h1{font-size:clamp(2.8rem,12vw,3.7rem)}.product-name{font-size:1.8rem}.contact-copy h1{font-size:clamp(2.6rem,11vw,3.2rem)}}

.preview-only{padding-block:100px 120px;min-height:58vh}.preview-only h1{max-width:760px}.preview-only>p:not(.eyebrow){margin:24px 0 32px}.preview-only .preview-link{display:block;margin-top:24px}
@media(max-width:700px){.hero-brand{padding:0}.preview-only{padding-block:65px 80px}.preview-only h1{font-size:2.8rem}}

.service-photo img{object-position:center top}
@media(max-width:700px){.hero-slider [data-slide='0'] .hero-photo{object-position:80% center}}

/* Two transparent logo layers reveal the original colours like a brush stroke. */
.paint-logo{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;border-radius:0;cursor:pointer;-webkit-tap-highlight-color:transparent;filter:drop-shadow(0 1px 3px #0002)}
.paint-logo:disabled{cursor:default;opacity:1}
.paint-logo:focus-visible{outline:2px solid white;outline-offset:10px}
.paint-logo-white{filter:brightness(0) invert(1)}
.paint-logo .paint-logo-color{position:absolute;inset:0;clip-path:polygon(0 0,-10% 0,-7% 12%,-11% 25%,-5% 38%,-8% 50%,-4% 63%,-9% 75%,-2% 88%,-6% 100%,0 100%);transition:clip-path 1.25s cubic-bezier(.4,0,.2,1);pointer-events:none}
.paint-logo[aria-pressed="true"] .paint-logo-color{clip-path:polygon(0 0,110% 0,113% 12%,109% 25%,115% 38%,112% 50%,116% 63%,111% 75%,118% 88%,114% 100%,0 100%)}
@media(prefers-reduced-motion:reduce){.paint-logo .paint-logo-color{transition:none}}