.premium-home{--deep:#073b37;--deepest:#042c29;--lime:#c8f369;--cream:#f5f7f2;--orange:#ef8155;background:var(--deepest);overflow-x:hidden}.premium-header{position:absolute;top:0;left:0;right:0;background:rgba(4,44,41,.32);border-color:rgba(255,255,255,.13);color:#fff;z-index:50}.premium-header .brand em{color:#a9c3bd}.premium-header .brand-mark{background:var(--lime);color:var(--deep)}.premium-header .main-nav a,.premium-header .nav-group>button{color:#fff}.premium-header .menu-button{color:#fff;background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}.premium-header .nav-dropdown{color:#122b2b}
.premium-hero{min-height:100svh;background:var(--deepest);position:relative;color:#fff;overflow:hidden;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(4,44,41,.98) 0%,rgba(4,44,41,.94) 23%,rgba(4,44,41,.4) 55%,rgba(4,44,41,.05) 100%),url('hero-building-systems-natural.webp');background-size:cover;background-position:center}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,44,41,.65),transparent 38%),radial-gradient(circle at 18% 48%,transparent 0,rgba(4,44,41,.2) 60%)}.hero-noise{position:absolute;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitchTiles'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.hero-content{position:relative;z-index:3;padding:96px max(6vw,32px) 40px;max-width:820px}.hero-kicker{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.18em;color:#bdd2cc;font-size:10px;font-weight:700;margin-bottom:clamp(18px,2.8vh,32px)}.hero-kicker .hero-kicker-line{flex:0 0 32px;width:32px;height:1px;background:var(--lime)}.hero-kicker [data-i18n]{width:auto;height:auto;background:none}.premium-hero h1{font:700 clamp(52px,6.4vw,96px)/.94 'Manrope';letter-spacing:-.065em;margin:0 0 clamp(18px,2.8vh,30px)}.premium-hero h1 i{font-style:normal;color:var(--lime)}.premium-hero .hero-content>p{max-width:615px;color:#c4d3d0;font-size:17px;line-height:1.75;margin:0}
html[lang="en"] .hero-content{max-width:min(980px,72vw)}
html[lang="en"] .premium-hero h1{font-size:clamp(44px,5.1vw,78px);line-height:1.04;letter-spacing:-.052em;text-wrap:balance}
@media(max-width:1050px){.hero-image{background-position:58% center}}
@media(max-width:760px){.premium-header .main-nav{background:var(--deepest)}.premium-header .nav-group>button{color:#fff}.hero-image{opacity:.5;background-position:67% center}.hero-content,html[lang="en"] .hero-content{max-width:none;padding:110px 24px 40px}.premium-hero h1{font-size:48px;line-height:1}.hero-kicker{align-items:flex-start;line-height:1.45}html[lang="en"] .premium-hero h1{font-size:clamp(38px,11vw,48px);line-height:1.06;letter-spacing:-.045em}}
@media(prefers-reduced-motion:no-preference){.hero-image{animation:heroReveal 1.3s ease-out both}.hero-content>*{animation:rise .8s ease-out both}.hero-content h1{animation-delay:.08s}.hero-content>p{animation-delay:.16s}@keyframes heroReveal{from{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}