:root{--gold:#cf8b27;--gold-light:#e5ac53;--gold-dark:#a86714;--ink:#25231f;--muted:#77736c;--paper:#fbfaf7;--warm:#f5f0e7;--border:rgba(39,34,28,.11);--serif:"Playfair Display",serif;--sans:"DM Sans",sans-serif;--shadow:0 24px 70px rgba(40,32,23,.09)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--sans)}img{display:block;max-width:100%}a{color:inherit}.page-container{width:min(calc(100% - 48px),1440px);margin:auto}
.site-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.96);border-bottom:1px solid var(--border);box-shadow:0 10px 35px rgba(35,29,22,.04);backdrop-filter:blur(18px)}
.header-container{display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 48px),1540px);min-height:88px;margin:auto;gap:35px}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none}.brand-mark{display:flex;gap:3px;width:31px;height:42px;padding:4px;border:1px solid rgba(207,139,39,.5)}.brand-mark span{flex:1;background:linear-gradient(#efc06f,var(--gold-dark))}
.brand-copy{display:flex;flex-direction:column}.brand-copy strong{font-size:25px;font-weight:400;letter-spacing:.09em}.brand-copy em{color:var(--gold);font-style:normal}.brand-copy small{font-size:8px;font-weight:700;letter-spacing:.21em;text-transform:uppercase}
.main-nav{display:flex;gap:clamp(20px,2.6vw,42px)}.main-nav a{padding:33px 0 28px;font-size:13px;font-weight:600;text-decoration:none;text-transform:uppercase}.header-cta{display:flex;gap:17px;padding:15px 21px;color:#fff;font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase;border-radius:5px;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark))}
.section-kicker{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.section-kicker span{width:28px;height:1px;background:currentColor}.section-kicker.light{color:#efb760}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;min-height:53px;padding:0 22px;font-size:12px;font-weight:700;text-decoration:none;text-transform:uppercase;border-radius:5px}.button-gold{color:#fff;background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));box-shadow:0 16px 31px rgba(179,105,14,.22)}.button-white{color:var(--gold-dark);background:#fff}
.measure-hero{position:relative;overflow:hidden;padding:125px 0 135px;color:#fff;background:url("images/montaza.jpg") center 54%/cover no-repeat}.measure-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,14,12,.9),rgba(15,14,12,.72) 38%,rgba(15,14,12,.1))}
.measure-hero-content{position:relative;z-index:2}.measure-hero h1{margin:0 0 28px;font-family:var(--serif);font-size:clamp(58px,6vw,88px);font-weight:500;line-height:1.01;letter-spacing:-.045em}.measure-hero p{max-width:680px;margin:0 0 34px;color:rgba(255,255,255,.84);font-size:17px;line-height:1.8}
.measure-section,.installation-section{padding:105px 0;background:#fff}.section-heading{max-width:820px;margin-bottom:46px}.section-heading h2{margin:0 0 17px;font-family:var(--serif);font-size:clamp(43px,4vw,62px);font-weight:500}.section-heading p{color:var(--muted);line-height:1.8}.section-heading.compact{margin-bottom:38px}
.measure-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.measure-card{position:relative;padding:31px 29px 27px;border:1px solid var(--border);border-radius:10px;background:var(--paper);box-shadow:0 12px 35px rgba(39,31,22,.04)}.step-number{position:absolute;top:-16px;left:27px;display:grid;place-items:center;width:39px;height:39px;color:#fff;font-size:12px;border-radius:50%;background:var(--gold)}
.diagram{position:relative;height:245px}.opening-box{position:absolute;top:55px;left:50%;width:180px;height:132px;border:6px double #777;transform:translateX(-50%)}.arrow{position:absolute;font-size:10px;font-weight:700}.arrow.horizontal{top:27px;left:50%;transform:translateX(-50%)}.arrow.vertical{right:38px;top:110px;transform:rotate(90deg)}
.triple .line{position:absolute;top:61px;width:1px;height:120px;background:#777}.l1{left:35%}.l2{left:50%}.l3{left:65%}.depth .wall{position:absolute;top:48px;left:31%;width:80px;height:140px;background:#ddd5c9}.depth .profile{position:absolute;top:62px;left:calc(31% + 78px);width:68px;height:110px;border:6px double #777}.depth>span{position:absolute;top:105px;left:55%;font-size:10px;font-weight:700}
.measure-card h3{margin:0 0 10px;font-family:var(--serif);font-size:24px;font-weight:500}.measure-card p{color:var(--muted);font-size:13px;line-height:1.7}.measure-card small{display:block;margin-top:18px;padding-top:17px;color:#6d675f;border-top:1px solid var(--border)}
.mounting-section{padding:85px 0;background:var(--warm)}.mounting-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.mounting-card{overflow:hidden;border:1px solid var(--border);border-radius:10px;background:#fff;box-shadow:0 13px 38px rgba(39,31,22,.05)}.mounting-copy{display:grid;grid-template-columns:auto 1fr;gap:18px;padding:31px}.mounting-copy>i{display:grid;place-items:center;width:50px;height:50px;color:var(--gold);border:1px solid rgba(207,139,39,.28);border-radius:50%}.mounting-copy small{color:var(--gold);font-size:9px;font-weight:700;text-transform:uppercase}.mounting-copy h3{margin:6px 0 12px;font-family:var(--serif);font-size:28px;font-weight:500}.mounting-copy p{color:var(--muted);font-size:13px;line-height:1.7}.mounting-card img{width:100%;height:275px;object-fit:cover}
.installation-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.installation-grid article{position:relative;min-height:225px;padding:31px 20px 24px;text-align:center;border:1px solid var(--border);border-radius:9px;background:var(--paper)}.installation-grid span{position:absolute;top:12px;left:13px;display:grid;place-items:center;width:28px;height:28px;color:#fff;font-size:9px;border-radius:50%;background:var(--gold)}.installation-grid article>i{margin:17px 0 22px;color:var(--gold);font-size:37px}.installation-grid h3{font-size:14px}.installation-grid p{color:var(--muted);font-size:11px;line-height:1.65}
.installation-note{display:flex;align-items:center;gap:17px;margin-top:18px;padding:18px 21px;border:1px solid rgba(207,139,39,.16);border-radius:8px;background:rgba(207,139,39,.06)}.installation-note i{color:var(--gold);font-size:20px}.installation-note p{margin:0;color:#625d56;font-size:12px}
.video-panel{display:grid;grid-template-columns:minmax(360px,.8fr) minmax(0,1.2fr);overflow:hidden;margin-top:27px;border:1px solid var(--border);border-radius:10px;background:var(--paper);box-shadow:var(--shadow)}.video-copy{display:grid;grid-template-columns:auto 1fr;gap:20px;padding:46px 38px}.video-copy>i{color:var(--gold);font-size:40px}.video-copy small{color:var(--gold);font-size:9px;font-weight:700;text-transform:uppercase}.video-copy h3{margin:7px 0 13px;font-family:var(--serif);font-size:31px;font-weight:500}.video-copy p{color:var(--muted);font-size:13px;line-height:1.72}.video-panel>img{width:100%;height:100%;object-fit:cover}
.configurator-cta{padding:58px 0;color:#fff;background:linear-gradient(120deg,#b56d16,#dd9f42 50%,#b56d16)}.configurator-cta-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.configurator-cta-inner>i{display:grid;place-items:center;width:69px;height:69px;font-size:24px;border:1px solid rgba(255,255,255,.48);border-radius:50%}.configurator-cta small{font-size:10px;font-weight:700;text-transform:uppercase}.configurator-cta h2{margin:5px 0 7px;font-family:var(--serif);font-size:36px;font-weight:500}.configurator-cta p{margin:0;color:rgba(255,255,255,.82);font-size:13px}
@media(max-width:1100px){.header-cta{display:none}.measure-grid{grid-template-columns:1fr}.mounting-grid{grid-template-columns:1fr}.installation-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.main-nav{display:none}.measure-hero{padding:90px 0 100px}.measure-hero h1{font-size:48px}.installation-grid{grid-template-columns:1fr}.video-panel{grid-template-columns:1fr}.video-panel>img{min-height:320px}.configurator-cta-inner{grid-template-columns:1fr}.configurator-cta .button{justify-self:start}}
@media(max-width:560px){.page-container,.header-container{width:min(calc(100% - 32px),1440px)}.measure-hero h1{font-size:41px}.section-heading h2{font-size:39px}.mounting-copy{grid-template-columns:1fr}.video-copy{grid-template-columns:1fr;padding:32px 25px}.configurator-cta .button{width:100%}}