:root{--ink:#16283b;--red:#d71932;--line:#d8e0e4;--muted:#526574;--paper:#f4f6f7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:400 16px/1.6 'DM Sans',Arial,sans-serif}a{color:inherit}img{display:block;max-width:100%}.wrap{width:min(1220px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:-9999px;top:8px;padding:10px;background:#fff;z-index:20}.skip:focus{left:8px}
.topline{background:var(--ink);color:#fff;font-size:.84rem;font-weight:700;padding:8px 0}.topline .wrap{display:flex;justify-content:space-between;gap:16px}.topline a{text-decoration:none}
header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50;box-shadow:0 3px 16px #102b441a}.header-inner{display:flex;align-items:center;gap:28px;min-height:96px}.brand{flex:none;width:190px}.brand img{width:100%;height:auto}nav{display:flex;gap:24px;align-items:center;margin-left:auto}nav a{text-decoration:none;font-weight:800;font-size:.88rem}nav a:hover,nav a:focus-visible,.text-link:hover{color:var(--red)}
main section[id],main article[id]{scroll-margin-top:130px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 20px;background:var(--red);border-radius:8px;color:#fff;text-decoration:none;text-transform:uppercase;font-size:.8rem;font-weight:800;letter-spacing:.03em;text-align:center}.button:hover,.button:focus-visible{background:#ad1026}.header-quote{white-space:nowrap}.breadcrumb{display:flex;gap:12px;align-items:center;padding:19px 0;font-size:.9rem;color:var(--muted)}.breadcrumb a{text-underline-offset:4px}
h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(3rem,5.5vw,5.7rem);line-height:1.07;margin-bottom:22px}h2{font-size:clamp(2rem,3.5vw,3.4rem);line-height:1.18;max-width:810px;margin-bottom:20px}h3{font-size:1.25rem;line-height:1.3}.eyebrow{color:#b51229;text-transform:uppercase;letter-spacing:.15em;font-size:.78rem;font-weight:800;margin:0 0 17px}.intro{color:var(--muted);font-size:1.08rem;max-width:720px}
.hero{background:var(--paper);padding:70px 0}.hero-grid{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:7%}.lead{font-size:1.25rem;font-weight:700;line-height:1.45;max-width:620px}.summary{color:var(--muted);max-width:620px}.hero-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:28px}.text-link{font-weight:800;text-underline-offset:5px}.product-image{margin:0}.product-image img{width:100%;aspect-ratio:1.05;object-fit:cover;border-radius:12px}.product-image figcaption{color:var(--muted);font-size:.8rem;margin-top:8px}.product-type{min-height:350px;background:var(--ink);border-radius:12px;color:#fff;display:grid;place-items:center;padding:30px;text-align:center;font:800 clamp(2.5rem,5vw,5rem)/1.1 Manrope,Arial,sans-serif}
.section{padding:86px 0}.variant-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:35px}.variant{padding:27px;border:1px solid var(--line);border-radius:12px;min-height:180px}.variant h3{margin-bottom:12px}.variant p{color:var(--muted);margin:0}.configurator{background:var(--paper)}.configurator .button{margin-top:16px}.note{color:var(--muted);font-size:.9rem;margin:19px 0 0}
#clotures{scroll-margin-top:32px}
.variant-link{display:flex;flex-direction:column;color:inherit;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.variant-link span{display:block;margin-top:auto;padding-top:20px;color:#a81025;font-weight:800}.variant-link:hover,.variant-link:focus-visible{border-color:#b51229;box-shadow:0 12px 26px #12243516;transform:translateY(-3px);outline:2px solid #b51229;outline-offset:2px}
.window-variant{padding:0;overflow:hidden}.window-variant img{display:block;width:100%;height:245px;object-fit:cover;object-position:center 40%;background:#e8e8e8}.window-variant-copy{padding:25px 27px 27px;display:flex;flex-direction:column;flex:1}
.legacy-section{background:#f3f6f8}.legacy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.legacy-card{background:#fff;border:1px solid var(--line);border-radius:12px;overflow:hidden}.legacy-card img{display:block;width:100%;height:255px;object-fit:cover;object-position:center 42%;background:#e8e8e8}.legacy-card div{padding:22px 24px 26px}.legacy-card h3{font-size:1.12rem;margin:0 0 9px}.legacy-card p{margin:0;color:var(--muted)}.legacy-realizations .legacy-card img{height:220px}.separate-products{background:#f3f6f8}.separate-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.separate-links a{display:inline-block;border:1px solid #16283b;border-radius:8px;padding:12px 18px;font-weight:800;text-decoration:none}.separate-links a:hover,.separate-links a:focus-visible{background:#16283b;color:#fff}
.configurator-frame{margin-top:30px;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 15px 35px #12243518}.configurator-frame iframe{display:block;width:100%;height:760px;border:0}.configurator-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 28px;margin-top:24px}.configurator-actions .button{margin:0}.button-outline{background:#fff;border:1px solid var(--ink);color:var(--ink)}.button-outline:hover,.button-outline:focus-visible{background:var(--ink);color:#fff}
.counsel{background:var(--ink);color:#fff;padding:60px 0}.counsel-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.counsel h2{margin:0}.counsel p{color:#e2eaf0;font-size:1.1rem;margin:0}.other{background:var(--paper)}.other-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:32px}.other-list a{display:flex;justify-content:space-between;gap:10px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:15px 18px;text-decoration:none;font-weight:800}.other-list a:hover,.other-list a:focus-visible{border-color:var(--red);color:#a81025}
.contact .phone{display:inline-block;margin:18px;font-weight:800;text-underline-offset:4px}footer{background:#0e1f30;color:#fff;padding:30px 0;font-size:.85rem}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:20px}.footer-inner>a:first-child{background:#fff;border-radius:6px;padding:6px 10px;width:160px;flex:none}.footer-inner img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;aspect-ratio:1069/424}
@media(max-width:1050px){.header-inner{flex-wrap:wrap;gap:14px;padding:15px 0}.header-quote{margin-left:auto}nav{order:3;width:100%;justify-content:center;margin:0;flex-wrap:wrap}.hero-grid{gap:4%}}
@media(max-width:700px){.wrap{width:min(100% - 32px,1220px)}.topline{display:none}.brand{width:150px}.header-quote{min-height:44px;padding:9px;font-size:.7rem;white-space:normal}nav{gap:12px 17px;justify-content:flex-start}.hero{padding:45px 0}.hero-grid,.counsel-grid{grid-template-columns:1fr;gap:28px}h1{font-size:clamp(2.6rem,10vw,4rem)}.product-type{min-height:220px}.section{padding:65px 0}.variant-grid,.other-list,.legacy-grid{grid-template-columns:1fr}.variant{min-height:0}.configurator-frame iframe{height:650px}.configurator-actions{align-items:stretch;flex-direction:column}.configurator-actions .button{width:100%}.footer-inner{flex-direction:column;align-items:flex-start}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.window-catalogue{background:var(--paper)}.window-catalogue-grid{display:grid;grid-template-columns:240px minmax(0,1fr);gap:48px;align-items:center}.window-catalogue-grid img{width:100%;height:auto;box-shadow:0 12px 25px #16283b26}.window-catalogue-grid a:focus-visible{outline:3px solid var(--red);outline-offset:5px}@media(max-width:650px){.window-catalogue-grid{grid-template-columns:1fr;gap:28px}.window-catalogue-grid>a{width:180px;justify-self:center}}

.configurator-choice{padding:28px;max-width:850px}.configurator-choice h3{font-size:1.35rem}.configurator-choice p{font-size:1rem;line-height:1.6}.configurator-choice-actions{display:flex;flex-wrap:wrap;gap:14px}.configurator-choice-actions .button{font:inherit;font-weight:700;cursor:pointer;margin-top:0}.configurator-choice-actions .button:disabled{opacity:.55;cursor:default}.configurator-status{color:#526574;margin-bottom:0}@media(max-width:640px){.configurator-choice{padding:22px 18px}.configurator-choice-actions{flex-direction:column}.configurator-choice-actions .button{width:100%}}