@font-face{font-family:Manrope;src:url(/_astro/manrope-latin.DHIcAJRg.woff2)format("woff2");font-weight:200 800;font-display:swap}@font-face{font-family:Plex Arabic;src:url(/_astro/plex-arabic-400.CyU-ddYS.woff2)format("woff2");font-weight:400;font-display:swap;unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Plex Arabic;src:url(/_astro/plex-arabic-500.C4MQITzh.woff2)format("woff2");font-weight:500 600;font-display:swap;unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}@font-face{font-family:Plex Arabic;src:url(/_astro/plex-arabic-700.DrtBj6UE.woff2)format("woff2");font-weight:700 800;font-display:swap;unicode-range:U+6??,U+750-77F,U+FB50-FDFF,U+FE70-FEFF,U+200C-200F}:root{--garden:#1e4033;--garden-2:#2b5444;--garden-3:#17352a;--terra:#d95f3b;--saffron:#f2b441;--sky:#8ec1de;--cream:#f7f1e5;--cream-2:#ede4d0;--ink:#1d1f1c;--ease:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.7, 0, .2, 1);--pad:clamp(20px, 4.5vw, 72px);--max:1400px;--r:clamp(22px, 2.6vw, 40px);--r-lg:clamp(28px, 4vw, 64px);--sec:clamp(72px, 10vw, 150px);--t0:2.55s;--veil-total:3.95s}html.seen{--t0:50ms;--veil-total:1.45s}*,:before,:after{box-sizing:border-box}*{margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--cream)}html.lenis,html.lenis body{height:auto}html.lenis{scroll-behavior:auto}.lenis.lenis-stopped{overflow:hidden}body{color:var(--ink);background:var(--cream);-webkit-font-smoothing:antialiased;font-family:Manrope,Plex Arabic,system-ui,sans-serif;font-size:clamp(16px,1.15vw,18px);font-weight:500;line-height:1.6;overflow-x:clip}[dir=rtl] body{font-family:Plex Arabic,Manrope,system-ui,sans-serif;line-height:1.85}img,svg{max-width:100%;display:block}img{height:auto}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}ul,ol{padding:0;list-style:none}bdi{unicode-bidi:isolate}:focus-visible{outline:3px solid var(--sky);outline-offset:3px;border-radius:6px}::selection{background:var(--saffron);color:var(--ink)}.sr{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip-link{top:10px;z-index:200;background:var(--ink);color:var(--cream);border-radius:99px;padding:12px 18px;position:fixed;inset-inline-start:10px;transform:translateY(-200%)}.skip-link:focus{transform:none}.wrap{width:100%;max-width:var(--max);padding-inline:var(--pad);margin-inline:auto}.wrap-wide{padding-inline:clamp(10px,1.6vw,24px)}[dir=rtl] .flip,.back{transform:scaleX(-1)}[dir=rtl] .back{transform:none}.h0,.h1,.h2,h3{letter-spacing:-.04em;text-wrap:balance;font-weight:800;line-height:1}.h0{font-size:clamp(46px,8vw,128px)}.h1{font-size:clamp(34px,5.2vw,84px);line-height:1.02}.h2{font-size:clamp(26px,3.1vw,46px);line-height:1.08}h3{letter-spacing:-.025em;font-size:clamp(20px,1.7vw,26px);line-height:1.15}[dir=rtl] :is(.h0,.h1,.h2,h3){letter-spacing:0;font-weight:700}[dir=rtl] .h0{font-size:clamp(42px,7vw,110px);line-height:1.28}[dir=rtl] .h1{font-size:clamp(32px,4.7vw,74px);line-height:1.32}[dir=rtl] .h2{line-height:1.4}[dir=rtl] h3{line-height:1.5}.lead{opacity:.86;max-width:34em;font-size:clamp(18px,1.55vw,23px);line-height:1.5}[dir=rtl] .lead{line-height:1.8}.label{letter-spacing:.08em;text-transform:uppercase;color:var(--terra);font-size:14px;font-weight:800}[dir=rtl] .label{letter-spacing:0;font-size:16px;font-weight:700}.note{opacity:.6;margin-top:18px;font-size:14px}.kicker{background:var(--terra);color:var(--cream);border-radius:99px;align-items:center;margin-bottom:clamp(18px,2vw,28px);padding:7px 16px;font-size:14px;font-weight:700;display:inline-flex}.kicker-saffron{background:var(--saffron);color:var(--ink)}.kicker-ink{background:var(--ink);color:var(--cream)}.sec-head{max-width:1100px;margin-bottom:clamp(34px,4.5vw,70px)}.btn{white-space:nowrap;transition:transform .5s var(--ease), background-color .3s, color .3s, box-shadow .4s;border:2px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:16px;font-weight:800;line-height:1.2;display:inline-flex}[dir=rtl] .btn{font-weight:700}.btn:hover{transform:translateY(-3px);box-shadow:0 14px 26px -14px #00000073}.btn:active{transform:scale(.97)}.btn-lg{padding:18px 30px;font-size:18px}.btn-sm{padding:10px 18px;font-size:15px}.btn-garden{background:var(--garden);color:var(--cream)}.btn-saffron{background:var(--saffron);color:var(--ink)}.btn-ink{background:var(--ink);color:var(--cream)}.btn-line{border-color:var(--ink)}.btn-line:hover{background:var(--ink);color:var(--cream)}.btn-ghost{border-color:color-mix(in srgb, var(--cream) 50%, transparent);color:var(--cream)}.btn-ghost:hover{background:var(--cream);color:var(--garden)}.btn-acc{background:var(--acc);color:var(--accfg)}.btn bdi{opacity:.8;font-weight:600}.js [data-reveal]{opacity:0;transition:opacity 1s var(--ease), transform 1.1s var(--ease);transition-delay:calc(var(--d,0) * 90ms);transform:translateY(28px)}.js [data-reveal].in{opacity:1;transform:none}.js [data-split]{opacity:0}.js [data-split].split{opacity:1}.w{vertical-align:top;margin-block:-.14em -.22em;padding-block:.14em .22em;display:inline-block;overflow:hidden}[dir=rtl] .w{margin-block:-.3em -.42em;padding-block:.3em .42em}.w>span{transition:transform 1.1s var(--ease);transition-delay:calc(var(--w) * 60ms);display:inline-block;transform:translateY(120%)}.in .w>span{transform:none}.veil{z-index:100;pointer-events:none;visibility:hidden;place-items:center;display:grid;position:fixed;inset:0}.js .veil{visibility:visible;animation:veil-off 0s linear var(--veil-total) forwards}.js:not(.seen) .veil{pointer-events:auto}@keyframes veil-off{to{visibility:hidden;pointer-events:none}}.veil-blades{grid-template-rows:repeat(12,1fr);display:grid;position:absolute;inset:0}.veil-blades:before{content:"";background:var(--garden);animation:veil-off 0s linear var(--t0) forwards;position:absolute;inset:0}html.leaving .veil-blades:before{display:none}.veil-blades i{background:var(--garden);transform-origin:50%;animation:blade-open .9s var(--ease-io) calc(var(--t0) + var(--i) * 45ms) both;margin-block:-1px}@keyframes blade-open{0%{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes blade-close{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.veil-logo{animation:logo-out .45s ease-in calc(var(--t0) - .3s) forwards;flex-direction:column;align-items:center;gap:clamp(22px,3vw,36px);display:flex;position:relative}@keyframes logo-out{to{opacity:0;transform:scale(.94)}}.veil-mark{width:clamp(104px,15vw,170px);overflow:visible}.veil-mark rect{opacity:0;animation:slat-in 1s var(--ease) calc(.2s + var(--n) * 55ms) forwards}.veil-mark .h{--tx:calc(var(--dir) * 90px);--ty:0px}.veil-mark .v{--tx:0px;--ty:calc(var(--dir) * 90px)}@keyframes slat-in{0%{opacity:0;transform:translate(var(--tx), var(--ty))}to{opacity:1;transform:none}}.veil-word{padding-block:8px;overflow:hidden}.veil-word svg{width:auto;height:clamp(30px,4.6vw,54px);animation:word-up 1s var(--ease) 1.05s forwards;transform:translateY(130%)}@keyframes word-up{to{transform:none}}.veil-skip{bottom:max(28px, env(safe-area-inset-bottom));border:1.5px solid color-mix(in srgb, var(--cream) 40%, transparent);color:var(--cream);opacity:0;animation:fade-in .6s ease .9s forwards, logo-out .3s ease calc(var(--t0) - .3s) forwards;background:0 0;border-radius:99px;padding:9px 20px;font-size:14px;font-weight:700;position:absolute;left:50%;translate:-50%}@keyframes fade-in{to{opacity:.8}}html.seen :is(.veil-logo,.veil-skip){display:none}html.leaving .veil{visibility:visible;pointer-events:auto;animation:none}html.leaving :is(.veil-logo,.veil-skip){display:none}html.leaving .veil-blades i{animation:blade-close .45s var(--ease-io) calc(var(--i) * 22ms) both}.hdr{top:12px;z-index:60;background:color-mix(in srgb, var(--cream) 84%, transparent);backdrop-filter:blur(16px)saturate(1.4);height:64px;transition:transform .7s var(--ease);border-radius:99px;justify-content:space-between;align-items:center;gap:14px;padding-inline:22px 10px;display:flex;position:fixed;inset-inline:12px;box-shadow:0 0 0 1px #1d1f1c0f,0 16px 32px -22px #00000073}.hdr.is-hidden{transform:translateY(-150%)}.hdr-logo svg{width:auto;height:30px}.hdr-nav{gap:2px;display:flex}.hdr-nav a{border-radius:99px;padding:9px 14px;font-size:15px;font-weight:600;transition:background-color .3s}.hdr-nav a:hover{background:#1d1f1c12}.hdr-end{align-items:center;gap:8px;display:flex}.langs{background:#1d1f1c12;border-radius:99px;gap:2px;padding:4px;display:flex}.langs a{border-radius:99px;padding:6px 12px;font-family:Plex Arabic,Manrope,sans-serif;font-size:14px;font-weight:700;line-height:1.5;transition:background-color .3s,color .3s}.langs a[aria-current]{background:var(--garden);color:var(--cream)}.langs-dark{background:#f7f1e51f}.langs-dark a[aria-current]{background:var(--cream);color:var(--garden)}.hdr-burger{background:var(--ink);width:44px;height:44px;color:var(--cream);border:0;border-radius:50%;place-items:center;display:none}@media (width<=1120px){.hdr-nav{display:none}.hdr-burger{display:grid}}@media (width<=680px){.hdr .langs,.hdr-cta{display:none}.hdr{height:60px;padding-inline:18px 10px}}.menu{z-index:80;background:var(--garden);color:var(--cream);clip-path:inset(0 0 100%);transition:clip-path .8s var(--ease);flex-direction:column;padding:22px clamp(22px,6vw,60px) 34px;display:flex;position:fixed;inset:0;overflow-y:auto}.menu[hidden]{display:none}.menu.is-open{clip-path:inset(0)}.menu-top{justify-content:space-between;align-items:center;display:flex}.menu-top svg[role]{width:auto;height:32px}.menu-close{background:var(--cream);width:48px;height:48px;color:var(--garden);border:0;border-radius:50%;place-items:center;display:grid}.menu-nav{flex-direction:column;margin-block:auto;padding-block:30px;display:flex}.menu-nav a{letter-spacing:-.03em;opacity:0;transition:opacity .8s var(--ease), transform .9s var(--ease);transition-delay:calc(.2s + var(--i) * 60ms);align-items:baseline;gap:18px;padding-block:8px;font-size:clamp(32px,8.5vw,62px);font-weight:800;line-height:1.25;display:flex;transform:translateY(34px)}[dir=rtl] .menu-nav a{letter-spacing:0;font-weight:700;line-height:1.6}.menu-nav a span{color:var(--saffron);letter-spacing:0;font-family:Manrope,sans-serif;font-size:14px;font-weight:700}.menu.is-open .menu-nav a{opacity:1;transform:none}.menu-foot{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.menu-phone{margin-inline-start:auto;font-size:20px;font-weight:800}.hero{--season:var(--saffron);flex-direction:column;min-height:100svh;padding-top:clamp(104px,13vh,150px);display:flex;position:relative}.hero[data-season=spring]{--season:var(--sky)}.hero[data-season=autumn]{--season:var(--terra)}.hero[data-season=winter]{--season:var(--garden)}.hero-grid{flex:1;grid-template-columns:1.06fr .94fr;align-items:center;gap:clamp(26px,4.5vw,80px);display:grid}.hero .kicker{background:var(--season);color:var(--ink);transition:background-color .8s}.hero[data-season=winter] .kicker,.hero[data-season=autumn] .kicker{color:var(--cream)}.hero .lead{margin-top:clamp(20px,2.4vw,34px)}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:clamp(26px,3vw,44px);display:flex}.hero-stage{position:relative}.hero-frame{aspect-ratio:4/4.5;border-radius:var(--r-lg);background:var(--season);isolation:isolate;width:100%;max-height:min(70svh,740px);margin-inline-start:auto;transition:background-color .8s;position:relative;overflow:hidden}.hero-photo{opacity:0;transition:opacity .2s linear, transform 2s var(--ease);position:absolute;inset:0;transform:scale(1.1)}.hero-photo.is-on{opacity:1;transform:none}.hero-photo img{object-fit:cover;width:100%;height:100%}.hero-slats{pointer-events:none;grid-template-rows:repeat(9,1fr);display:grid;position:absolute;inset:0}.hero-slats i{background:var(--season);margin-block:-1px;transform:scaleY(0)}.is-switching .hero-slats i{animation:slat-flash 1s var(--ease-io) calc(var(--i) * 32ms) both}@keyframes slat-flash{0%{transform:scaleY(0)}42%,56%{transform:scaleY(1)}to{transform:scaleY(0)}}.season-card{inset-inline-start:clamp(-34px,-2.4vw,-12px);background:var(--cream);border-radius:30px;align-items:center;gap:18px;max-width:min(360px,92%);padding:16px 22px 16px 16px;display:flex;position:absolute;bottom:clamp(18px,2.4vw,34px);box-shadow:0 24px 50px -24px #00000080}[dir=rtl] .season-card{padding:16px 16px 16px 22px}.season-mark{direction:ltr;flex:none;grid-template-columns:1fr 1fr;gap:7px;width:96px;height:96px;display:grid}.q{opacity:.32;transition:opacity .4s, transform .6s var(--ease);background:0 0;border:0;border-radius:6px;gap:5px;padding:0;display:grid}.q-h{grid-template-rows:repeat(3,1fr)}.q-v{grid-template-columns:repeat(3,1fr)}.q i{background:var(--c);border-radius:3px}.q:hover{opacity:.75}.q[aria-pressed=true]{opacity:1;transform:scale(1.07)}.season-copy{min-width:0}.season-copy small{opacity:.55;font-size:12.5px;font-weight:700;display:block}.season-copy p{font-size:14.5px;line-height:1.45;display:none}[dir=rtl] .season-copy p{line-height:1.7}.season-copy p.is-on{animation:rise .7s var(--ease);display:block}.season-copy strong{letter-spacing:-.03em;font-size:24px;font-weight:800;line-height:1.2;display:block}[dir=rtl] .season-copy strong{letter-spacing:0;font-weight:700;line-height:1.5}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.hero-strip{direction:ltr;margin-top:clamp(36px,5vw,70px);overflow:hidden}.marquee-track{direction:ltr;width:max-content;animation:70s linear infinite marquee;display:flex}.hero-strip .weave{flex:none;width:auto;height:clamp(26px,3vw,40px);margin-inline-end:clamp(3px,.4vw,5px)}@keyframes marquee{to{transform:translate(-50%)}}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.hero-frame{aspect-ratio:4/4.2;max-height:none}.season-card{inset-inline-start:12px;bottom:12px}}.systems{padding-block:var(--sec) calc(var(--sec) * .6)}.slats{gap:10px;height:clamp(480px,74svh,720px);display:flex}.slat{border-radius:var(--r);background:var(--bg);min-width:0;color:var(--fg);transition:flex-grow 1s var(--ease);isolation:isolate;flex:1 1 0;position:relative;overflow:hidden}.slat:nth-child(5){box-shadow:inset 0 0 0 2px #1d1f1c1f}.slat.is-open{flex-grow:8}.slat-tab{z-index:2;background:0 0;border:0;flex-direction:column;justify-content:space-between;align-items:center;padding:26px 0;transition:opacity .4s;display:flex;position:absolute;inset:0}.slat-no{opacity:.7;font-family:Manrope,sans-serif;font-size:15px;font-weight:800}.slat-name{writing-mode:vertical-rl;letter-spacing:-.02em;white-space:nowrap;font-size:clamp(18px,1.7vw,26px);font-weight:800}[dir=rtl] .slat-name{letter-spacing:0;font-weight:700}.slat.is-open .slat-tab{opacity:0;pointer-events:none}.slat-body{opacity:0;visibility:hidden;transition:opacity .7s var(--ease) .1s, visibility 0s .8s;position:absolute;inset:0}.slat.is-open .slat-body{opacity:1;visibility:visible;transition:opacity .9s var(--ease) .2s, visibility 0s}.slat-media{transition:transform 1.8s var(--ease);position:absolute;inset:0;transform:scale(1.14)}.slat.is-open .slat-media{transform:none}.slat-media img{object-fit:cover;width:100%;height:100%}.slat-media .shutter{width:80%;height:62%;position:absolute;inset:8% 10% 30%}.slat-card{inset-inline-start:clamp(14px,1.8vw,26px);background:var(--cream);width:min(400px,100vw - 60px);color:var(--ink);border-radius:30px;flex-direction:column;align-items:flex-start;gap:10px;padding:clamp(20px,2vw,28px);display:flex;position:absolute;bottom:clamp(14px,1.8vw,26px)}.slat-count{color:var(--terra);direction:ltr;font-family:Manrope,sans-serif;font-size:13px;font-weight:800}.slat-card h3{font-size:clamp(26px,2.6vw,40px)}.slat-card p{opacity:.8;margin-bottom:6px}@media (width<=900px){.slats{flex-direction:column;height:auto}.slat{flex:none}.slat-tab{flex-direction:row;gap:14px;width:100%;height:74px;padding:0 22px;position:relative}.slat.is-open .slat-tab{opacity:1;pointer-events:auto}.slat-name{writing-mode:horizontal-tb;margin-inline-end:auto;font-size:22px}.slat-body{opacity:1;visibility:visible;height:0;transition:height .9s var(--ease);position:relative;overflow:hidden}.slat.is-open .slat-body{height:min(460px,110vw);transition:height .9s var(--ease)}.slat-card{inset-inline:12px;width:auto;bottom:12px}}.roofsec{background:var(--garden);color:var(--cream);border-radius:var(--r-lg);padding-block:var(--sec);margin-inline:clamp(8px,1vw,14px)}.roofsec-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(30px,5vw,90px);display:grid}.roofsec-copy .lead{margin-block:clamp(18px,2vw,30px)}.ticks{gap:0;margin-block:8px 30px;display:grid}.ticks li{padding:14px 0;border-top:1px solid color-mix(in srgb, currentColor 16%, transparent);padding-inline-start:38px;position:relative}.ticks li:before{content:"";inset-inline-start:0;background:var(--saffron);border-radius:4px;width:22px;height:7px;position:absolute;top:calc(11px + .8em)}.ticks li:nth-child(3n+2):before{background:var(--terra)}.ticks li:nth-child(3n):before{background:var(--sky)}.roof-stage{background:var(--garden-3);border-radius:var(--r);padding:clamp(10px,1.6vw,24px);position:relative}.roof-stage svg{width:100%;height:auto}.roof-blade{transform-box:fill-box;transform-origin:50%;transform:rotate(calc(var(--a) * -1deg))}.roof-beams{opacity:calc(var(--open) * .3)}.roof-spots{opacity:var(--open)}.roof-sun{transform-box:fill-box;transform-origin:50%;animation:14s linear infinite sun}@keyframes sun{to{transform:rotate(360deg)}}.roof-cloud,.roof-rain,.roof-leak,.roof-drain{opacity:0;transition:opacity .5s}.roof-sun,.roof-beams,.roof-spots{transition:opacity .5s}.is-rain .roof-sun,.is-rain .roof-beams,.is-rain .roof-spots{opacity:0}.is-rain .roof-cloud,.is-rain .roof-rain{opacity:1}.is-rain .roof-leak{opacity:var(--open)}.is-rain .roof-drain{opacity:calc(1 - var(--open));animation:.7s linear infinite dash}.roof-rain path,.roof-leak path{animation:.75s linear infinite drop;animation-delay:calc(var(--i) * -.15s)}@keyframes drop{0%{opacity:0;transform:translateY(-6px)}30%{opacity:1}to{opacity:0;transform:translateY(26px)}}@keyframes dash{to{stroke-dashoffset:-26px}}.roof-read{flex-direction:column;min-width:5.2em;line-height:1.1;display:flex}.roof-read b{letter-spacing:-.04em;color:var(--saffron);text-align:start;direction:ltr;font-family:Manrope,sans-serif;font-size:clamp(38px,3.6vw,56px);font-weight:800}.roof-read span{opacity:.8;font-size:15px;font-weight:700}.roof-controls{flex-wrap:wrap;align-items:flex-end;gap:18px 26px;margin-top:22px;display:flex}.roof-slider{flex:240px;gap:10px;font-size:15px;font-weight:700;display:grid}.roof-ends{opacity:.6;justify-content:space-between;font-family:Manrope,sans-serif;font-size:13px;display:flex}.roof-ends i{font-style:normal}input[type=range]{-webkit-appearance:none;appearance:none;cursor:grab;background:0 0;width:100%;height:44px}input[type=range]::-webkit-slider-runnable-track{background:var(--garden-2);border-radius:99px;height:12px}input[type=range]::-moz-range-track{background:var(--garden-2);border-radius:99px;height:12px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--saffron);border:5px solid var(--cream);width:38px;height:38px;transition:transform .3s var(--ease);border-radius:50%;margin-top:-13px;box-shadow:0 6px 16px #00000059}input[type=range]::-moz-range-thumb{background:var(--saffron);border:5px solid var(--cream);border-radius:50%;width:28px;height:28px}input[type=range]:active::-webkit-slider-thumb{transform:scale(1.15)}.roof-modes{background:var(--garden-3);border-radius:99px;gap:4px;padding:5px;display:flex}.roof-modes button{color:var(--cream);background:0 0;border:0;border-radius:99px;align-items:center;gap:8px;padding:10px 18px;font-weight:700;transition:background-color .3s,color .3s;display:inline-flex}.roof-modes button[aria-pressed=true]{background:var(--cream);color:var(--garden)}@media (width<=900px){.roofsec-grid{grid-template-columns:1fr}.roofsec-copy>.btn{width:fit-content;margin-inline:auto;display:flex}.roof-modes{margin-inline:auto}}.why{padding-block:var(--sec)}.why-grid{grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px);display:grid}.why-card{border-radius:var(--r);background:#fff;flex-direction:column;gap:12px;padding:clamp(24px,2.4vw,36px);display:flex}.js .why-card[data-reveal].in{transition:opacity 1s var(--ease), transform .7s var(--ease), box-shadow .5s;transition-delay:0s}.why-card:hover{box-shadow:0 30px 50px -34px #0006;transform:translateY(-6px)!important}.chip{width:60px;height:60px;transition:transform .7s var(--ease);border-radius:20px;place-items:center;margin-bottom:10px;display:grid}.why-card:hover .chip{transform:rotate(-8deg)scale(1.06)}.why-card p{opacity:.78}@media (width<=900px){.why-grid{grid-template-columns:1fr 1fr}}@media (width<=600px){.why-grid{grid-template-columns:1fr}}.proof{background:var(--terra);color:var(--cream);border-radius:var(--r-lg);padding-block:var(--sec);margin-inline:clamp(8px,1vw,14px)}.proof-grid{grid-template-columns:repeat(3,1fr);gap:clamp(26px,4vw,60px) clamp(18px,3vw,50px);display:grid}.proof-grid>div{border-top:2px solid color-mix(in srgb, var(--cream) 35%, transparent);padding-top:18px}.proof-grid dd{letter-spacing:-.05em;text-align:start;align-items:baseline;gap:.12em;font-family:Manrope,sans-serif;font-size:clamp(54px,8vw,120px);font-weight:800;line-height:1;display:flex}[dir=rtl] .proof-grid dd{justify-content:flex-end}.proof-grid dd small{letter-spacing:-.02em;color:var(--ink);font-size:.3em}.proof-grid dt{opacity:.92;max-width:18em;margin-top:8px;font-weight:600}.proof-note{opacity:.75;margin-top:clamp(30px,4vw,54px);font-size:14px}@media (width<=700px){.proof-grid{grid-template-columns:1fr 1fr}}.process{padding-block:var(--sec) 0}.steps{grid-template-columns:repeat(4,1fr);gap:clamp(16px,2.4vw,40px);display:grid}.steps li{flex-direction:column;gap:10px;display:flex}.step-bar{background:var(--c);transform-origin:0;height:12px;transition:transform 1.3s var(--ease);transition-delay:calc(var(--d,0) * .14s + .1s);border-radius:6px;transform:scaleX(0)}[dir=rtl] .step-bar{transform-origin:100%}.steps li.in .step-bar{transform:none}.step-no{letter-spacing:-.04em;text-align:start;margin-top:8px;font-family:Manrope,sans-serif;font-size:clamp(34px,4vw,60px);font-weight:800;line-height:1.1}[dir=rtl] .step-no{text-align:right}.steps p{opacity:.78}@media (width<=900px){.steps{grid-template-columns:1fr 1fr}}@media (width<=520px){.steps{grid-template-columns:1fr}}.reel{padding-block:var(--sec);direction:ltr;overflow:hidden}.reel .marquee-track{animation-duration:80s}.reel:hover .marquee-track{animation-play-state:paused}.reel-item{aspect-ratio:4/3;border-radius:var(--r);flex:none;width:clamp(240px,27vw,420px);margin-inline-end:16px;overflow:hidden}.reel-item:nth-child(2n){margin-top:clamp(20px,3vw,50px)}.reel-item img{object-fit:cover;width:100%;height:100%}.contact{background:var(--garden);color:var(--cream);border-radius:var(--r-lg);padding-top:var(--sec);margin:0 clamp(8px,1vw,14px) clamp(8px,1vw,14px);overflow:hidden}.contact-title{max-width:12em}.contact-text{margin-block:clamp(18px,2vw,30px) clamp(26px,3vw,44px)}.contact-actions{flex-wrap:wrap;gap:12px;display:flex}.contact-list{grid-template-columns:repeat(4,1fr);gap:0 clamp(16px,2vw,34px);margin-top:clamp(46px,6vw,90px);display:grid}.contact-list a{border-top:1px solid color-mix(in srgb, var(--cream) 22%, transparent);grid-template-columns:auto 1fr;align-items:center;gap:2px 12px;padding-block:18px;transition:color .3s;display:grid}.contact-list a:hover{color:var(--saffron)}.contact-list .ic{color:var(--saffron);grid-row:1/3}.contact-list span{opacity:.7;font-size:14px}.contact-list bdi{text-align:start;font-size:18px;font-weight:800}[dir=rtl] .contact-list bdi{text-align:right}.contact-weave{width:100%;height:clamp(54px,7vw,100px);margin-top:var(--sec)}.foot{grid-template-columns:auto 1fr auto;align-items:center;gap:18px 30px;padding-block:30px 34px;display:grid}.foot-logo{width:auto;height:34px}.foot-tag{opacity:.7;font-size:15px}.foot-legal{color:color-mix(in srgb, var(--cream) 62%, transparent);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:10px 8px;font-size:13.5px;display:flex}.credit{align-items:center;gap:10px;display:inline-flex}.credit-logo{width:auto;height:22px;transition:opacity .3s}.credit:hover .credit-logo{opacity:.75}@media (width<=900px){.contact-list{grid-template-columns:1fr 1fr}.foot{text-align:center;grid-template-columns:1fr;justify-items:center}.foot-legal{justify-content:center}.credit{flex-basis:100%;justify-content:center;margin-top:10px}}@media (width<=520px){.contact-list{grid-template-columns:1fr}.contact-actions .btn{width:100%}}.sys-hero{background:var(--bg);color:var(--fg);border-radius:0 0 var(--r-lg) var(--r-lg);margin:0 clamp(8px,1vw,14px);padding-block:clamp(110px,15vh,160px) clamp(46px,6vw,90px)}.sys-hero-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(26px,4.5vw,80px);display:grid}.sys-back{opacity:.8;transition:opacity .3s, gap .4s var(--ease);align-items:center;gap:8px;margin-bottom:clamp(26px,4vw,60px);font-size:15px;font-weight:700;display:inline-flex}.sys-back:hover{opacity:1;gap:14px}.sys-count{color:var(--acc);text-align:start;margin-bottom:12px;font-family:Manrope,sans-serif;font-size:15px;font-weight:800}[dir=rtl] .sys-count{text-align:right}.sys-alt{border:1.5px solid color-mix(in srgb, currentColor 35%, transparent);border-radius:99px;align-items:center;gap:10px;margin-top:clamp(16px,2vw,26px);padding:8px 16px;font-weight:700;display:inline-flex}.sys-hero .lead{margin-block:clamp(16px,2vw,26px) clamp(24px,3vw,40px)}.sys-hero-media{position:relative}.frame{border-radius:var(--r);aspect-ratio:4/3;background:color-mix(in srgb, var(--fg) 10%, var(--bg));overflow:hidden}.frame img{object-fit:cover;width:100%;height:100%;transform:scale(1.14) translateY(var(--py,0px));will-change:transform}.frame-art{place-items:center;display:grid}.frame-art .shutter{width:76%}.shutter-slats rect{transform-box:fill-box;animation:shutter 5.5s var(--ease-io) infinite;animation-delay:calc((8 - var(--i)) * 90ms)}@keyframes shutter{0%,12%{opacity:1;transform:none}38%,62%{transform:translateY(calc(var(--i) * -25px)) scaleY(.35);opacity:0}88%,to{opacity:1;transform:none}}.sys-soon{top:16px;background:var(--saffron);color:var(--ink);border-radius:99px;padding:7px 14px;font-size:14px;font-weight:700;position:absolute;inset-inline-end:16px}.sys-intro{padding-block:var(--sec);grid-template-columns:1.5fr .7fr;gap:clamp(30px,6vw,110px);display:grid}.sys-intro-text{gap:clamp(18px,2vw,28px);display:grid}.sys-intro-text p{opacity:.85;max-width:40em}.sys-intro-text .big{letter-spacing:-.02em;opacity:1;font-size:clamp(22px,2.5vw,36px);font-weight:600;line-height:1.32}[dir=rtl] .sys-intro-text .big{letter-spacing:0;font-weight:500;line-height:1.7}.sys-uses ul{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.sys-uses li{background:#fff;border-radius:99px;padding:9px 18px;font-size:15px;font-weight:600}.sys-cols{padding-bottom:var(--sec);grid-template-columns:1fr 1fr;align-items:start;gap:clamp(36px,6vw,110px);display:grid}.sys-cols .h2,.sys-options .h2,.sys-gallery .h2{margin-bottom:clamp(18px,2.4vw,34px)}.ticks-lg li{padding-block:18px;font-size:clamp(17px,1.35vw,20px);font-weight:600}.ticks-lg li:before{top:calc(15px + .8em)}.specs{border-radius:var(--r);background:#fff;padding:clamp(10px,1.4vw,18px) clamp(20px,2.4vw,34px)}.specs>div{border-bottom:1px solid #1d1f1c1a;grid-template-columns:minmax(110px,.7fr) 1.3fr;gap:16px;padding-block:16px;display:grid}.specs>div:last-child{border:0}.specs dt{color:var(--terra);font-size:15px;font-weight:700}.specs dd{font-weight:600}.sys-gallery{padding-bottom:var(--sec)}.sys-gallery-head{justify-content:space-between;align-items:baseline;gap:20px;display:flex}.drag-hint{opacity:.6;align-items:center;gap:8px;font-size:14px;font-weight:700;display:inline-flex}.rail{scroll-snap-type:x proximity;padding-inline:var(--pad);scroll-padding-inline:var(--pad);scrollbar-width:none;cursor:grab;gap:clamp(12px,1.4vw,20px);display:flex;overflow-x:auto}.rail::-webkit-scrollbar{display:none}.rail.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.rail-item{aspect-ratio:3/2;border-radius:var(--r);scroll-snap-align:start;background:#fff;flex:0 0 min(86vw,880px);overflow:hidden}.rail-item img{object-fit:cover;pointer-events:none;width:100%;height:100%;transition:transform 1.4s var(--ease)}.rail-item.fit img{object-fit:contain;padding:4%}.rail-item:hover img{transform:scale(1.04)}.sys-options{padding-bottom:var(--sec)}.opt-grid{grid-template-columns:repeat(3,1fr);gap:clamp(12px,1.4vw,20px);display:grid}.opt{border-radius:var(--r);background:#fff;flex-direction:column;gap:10px;padding:clamp(18px,2vw,28px);display:flex}.opt-media{background:var(--cream);border-radius:20px;place-items:center;height:190px;margin-bottom:8px;display:grid;overflow:hidden}.opt-media img{object-fit:contain;width:auto;max-height:160px}.opt p{opacity:.78}.opt-led{gap:12px;display:flex}.opt-led i{width:34px;height:34px;animation:3.2s ease-in-out infinite led;animation-delay:calc(var(--k,0) * .4s);border-radius:50%}.opt-led i:first-child{background:var(--saffron);box-shadow:0 0 26px var(--saffron)}.opt-led i:nth-child(2){background:var(--terra);box-shadow:0 0 26px var(--terra);--k:1}.opt-led i:nth-child(3){background:var(--sky);box-shadow:0 0 26px var(--sky);--k:2}.opt-led i:nth-child(4){--k:3;background:#fff;box-shadow:0 0 26px #fff,inset 0 0 0 1px #00000014}@keyframes led{50%{opacity:.35;transform:scale(.86)}}.ask{background:var(--bg);color:var(--fg);border-radius:var(--r-lg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:clamp(28px,4.5vw,70px);display:flex;box-shadow:inset 0 0 0 2px #1d1f1c0f}.ask p{opacity:.8;margin-top:8px}.next{background:var(--bg);color:var(--fg);margin:var(--sec) clamp(8px, 1vw, 14px) clamp(8px, 1vw, 14px);border-radius:var(--r-lg);padding-block:clamp(40px,6vw,90px);display:block;box-shadow:inset 0 0 0 2px #1d1f1c0f}.next-in{grid-template-columns:1fr auto;align-items:end;gap:6px 20px;display:grid}.next small{opacity:.75;grid-column:1/-1;font-size:15px;font-weight:700}.next strong{letter-spacing:-.04em;font-size:clamp(40px,8vw,120px);font-weight:800;line-height:1.05}[dir=rtl] .next strong{letter-spacing:0;font-weight:700;line-height:1.4}.next .ic{transition:transform .8s var(--ease);width:clamp(40px,6vw,84px);height:auto}.next:hover .ic{transform:translate(14px)}[dir=rtl] .next:hover .ic{transform:scaleX(-1)translate(14px)}@media (width<=900px){.sys-hero-grid,.sys-intro,.sys-cols,.opt-grid{grid-template-columns:1fr}}.notfound{place-content:center;justify-items:start;gap:22px;min-height:80svh;padding-top:140px;display:grid}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.veil{display:none!important}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.js [data-reveal],.js [data-split],.w>span{opacity:1;transform:none}.marquee-track{animation:none}}