@font-face{font-family:Franklin;src:url('assets/fonts/book.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:FranklinCond;src:url('assets/fonts/medium-cond.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:FranklinDisplay;src:url('assets/fonts/demi-comp.woff2') format('woff2');font-weight:800;font-display:swap}
:root{--paper:#f3f1e9;--paper-deep:#e9e6db;--ink:#2f3431;--muted:#71756e;--line:#d6d6cb;--mint:#cfeae1;--graphite:#343733;--ease:cubic-bezier(.22,1,.36,1);--gutter:clamp(24px,4.5vw,80px);--max:1600px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.5 Franklin,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}img{max-width:100%;display:block}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{border-radius:0}::selection{background:var(--mint);color:var(--ink)}:focus-visible{outline:2px solid #43856a;outline-offset:6px}.wrap{width:min(calc(100% - var(--gutter)*2),var(--max));margin-inline:auto}.display{font-family:FranklinDisplay,'Arial Narrow',sans-serif;font-weight:800;line-height:.86;letter-spacing:-.025em;text-transform:uppercase}.micro{font-family:FranklinCond,'Arial Narrow',sans-serif;font-weight:500;font-size:11px;line-height:1.45;letter-spacing:.13em;text-transform:uppercase}.subtle{color:#a3b8aa}.section{padding:130px 0}.skip{position:fixed;top:-70px;left:20px;padding:12px 20px;background:var(--ink);color:white;z-index:200}.skip:focus{top:12px}.reading-progress{height:2px;position:fixed;inset:0 0 auto;z-index:110;background:#7d9d8d;transform:scaleX(0);transform-origin:left;pointer-events:none}
/* A quiet, architectural frame. */
.header{position:sticky;top:0;z-index:80;background:rgba(243,241,233,.96);border-bottom:1px solid var(--line);transition:background .3s,box-shadow .3s;backdrop-filter:blur(18px)}.header.is-scrolled{background:rgba(243,241,233,.91);box-shadow:0 1px 20px #2f343106}.nav{height:108px;display:flex;align-items:center;justify-content:space-between;gap:32px;transition:height .4s var(--ease)}.is-scrolled .nav{height:82px}.logo{display:block;flex-shrink:0}.logo img{width:200px;height:auto}.nav-links{display:flex;gap:30px;margin-left:auto}.nav-links a,.nav-contact{font-family:FranklinCond;font-size:12px;text-transform:uppercase;letter-spacing:.09em;position:relative}.nav-links a::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}.nav-links a:hover::after,.nav-links a.is-current::after{transform:scaleX(1)}.nav-contact{display:flex;align-items:center;gap:20px;margin-left:32px}.small-arrow{font-size:22px}.mobile-menu{display:none}
/* Opening scene. */
.hero{display:grid;grid-template-columns:57% 43%;min-height:min(890px,calc(100svh - 108px));max-width:1920px;margin:auto;overflow:hidden}.hero-copy{padding:56px 50px 0 max(var(--gutter),calc((100vw - var(--max))/2));display:flex;flex-direction:column;min-width:0}.hero-eyebrow{display:flex;align-items:center;gap:10px;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:#6e9b87}.hero h1{font-size:clamp(90px,12.8vw,206px);margin-top:clamp(58px,7vw,110px);margin-left:-.02em;position:relative;z-index:2}.title-mask{display:block;overflow:hidden;padding:.025em 0}.title-mask>span{display:block}.mint-period{color:#86a793}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-top:44px;margin-bottom:68px}.hero-bottom>p{font-size:clamp(17px,1.4vw,22px);line-height:1.45;color:#656a62}.round-link{display:flex;gap:18px;align-items:center;flex-shrink:0}.circle-arrow{width:64px;height:64px;border:1px solid #a1a79c;border-radius:50%;display:grid;place-items:center;font-size:28px;transition:background .35s,border-color .35s,transform .45s var(--ease)}.round-link:hover .circle-arrow{transform:rotate(45deg);background:var(--mint);border-color:var(--mint)}.round-link .micro{max-width:85px}.hero-foot{margin-top:auto;display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:22px 0;color:var(--muted)}.hero-foot a{display:flex;gap:28px}.hero-photo{position:relative;overflow:hidden;background:#a0a698;min-width:0}.hero-photo>img{height:100%;width:100%;position:absolute;object-fit:cover;object-position:center 60%;filter:saturate(.84);transform:scale(1.025)}.hero-photo::after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#141c1670);pointer-events:none}.photo-shutter{position:absolute;inset:0;background:var(--paper);transform:scaleY(0);transform-origin:top;z-index:3}.photo-grid{position:absolute;inset:22px;border:1px solid #ffffff40;z-index:1;pointer-events:none}.photo-grid span{position:absolute;background:#ffffff40;width:10px;height:1px;top:50%;left:-5px}.photo-grid span+span{left:auto;right:-5px}.hero-photo figcaption{position:absolute;bottom:38px;left:42px;right:42px;display:flex;justify-content:space-between;gap:20px;color:#fff;z-index:2}.credentials{display:grid;grid-template-columns:1.1fr 1fr 1fr;border-bottom:1px solid var(--line);padding:36px 0}.credentials>div{display:flex;align-items:center;gap:28px;border-right:1px solid var(--line);padding:0 40px}.credentials>div:first-child{padding-left:0}.credentials>div:last-child{border:0;padding-right:0}.credential-value{font:800 58px/.9 FranklinDisplay;display:flex;align-items:end;gap:7px}.credential-value>span{font-size:26px;text-transform:uppercase}.credentials p{font-size:13px;line-height:1.5;color:var(--muted)}.credential-icon{font:400 40px/1 Franklin;color:#7c8e7f}
/* Space, light, material. */
.section-heading{display:grid;grid-template-columns:2fr 6fr 2.8fr;gap:30px;align-items:end;margin-bottom:72px}.section-index{align-self:start;padding-top:8px;color:var(--muted)}.section-heading h2{font-size:clamp(52px,6.9vw,104px)}.section-description{font-size:14px;line-height:1.6;color:var(--muted)}.solutions-layout{display:grid;grid-template-columns:1fr 1fr;gap:8.5vw;align-items:start}.service{border-top:1px solid var(--line)}.service:last-of-type{border-bottom:1px solid var(--line)}.service summary{display:grid;grid-template-columns:40px 1fr 24px;align-items:center;padding:26px 0;list-style:none;cursor:pointer;gap:8px}.service summary::-webkit-details-marker{display:none}.service summary .micro{color:#888d83}.service h3{font:800 clamp(36px,3.8vw,58px)/1 FranklinDisplay;text-transform:uppercase}.service-symbol{position:relative;width:18px;height:18px}.service-symbol::before,.service-symbol::after{content:'';position:absolute;left:0;top:8px;width:16px;height:1px;background:var(--ink);transition:transform .3s}.service-symbol::after{transform:rotate(90deg)}.service[open] .service-symbol::after{transform:rotate(0)}.service-body{padding:0 28px 30px 48px;animation:soft-in .5s var(--ease)}.service-body p{max-width:390px;color:var(--muted);font-size:15px;line-height:1.6}.text-link{font:500 12px/1.5 FranklinCond;text-transform:uppercase;letter-spacing:.09em;display:inline-flex;align-items:center;gap:45px;padding-bottom:8px;border-bottom:1px solid currentColor}.service-body .text-link{margin-top:24px}.text-link>span{font-size:20px;transition:transform .35s var(--ease)}.text-link:hover>span{transform:translate(4px,-4px)}.service-note{font-size:12px;line-height:1.5;color:var(--muted);margin-top:20px;max-width:350px}.architectural-composition{position:relative;background:#e3e6db;min-height:450px;overflow:hidden;display:flex;flex-direction:column;padding:26px}.composition-label{color:#5d685f}.glass-scene{position:relative;height:320px;margin:auto 0;perspective:900px}.glass-back{position:absolute;inset:22% 12% 12% 12%;background:linear-gradient(135deg,#a7c1b1,#d5d4bb);transform:skewY(-8deg)}.glass-pane{position:absolute;top:10%;bottom:7%;width:32%;border:1px solid #455b4d80;background:linear-gradient(120deg,#ffffff75,#d5e5db30 50%,#ffffff70);transform:rotateY(-24deg);box-shadow:10px 16px 32px #5769500c;transition:transform 1.5s var(--ease)}.pane-one{left:9%;z-index:3}.pane-two{left:34%;top:3%;bottom:14%;z-index:2}.pane-three{left:59%;top:-4%;bottom:21%;z-index:1}.glass-floor{position:absolute;width:85%;height:1px;left:7%;bottom:6%;background:#7c8e7f60;transform:rotate(-8deg)}.architectural-composition:hover .pane-one{transform:rotateY(-24deg) translateX(-20px)}.architectural-composition:hover .pane-three{transform:rotateY(-24deg) translateX(20px)}.composition-bottom{display:flex;justify-content:space-between;align-items:end;color:#5d685f}.composition-plus{font-size:30px;line-height:1}
/* A living catalogue. */
.systems-section{background:#eeeee7}.brand-explorer{display:grid;grid-template-columns:1fr 2.3fr;gap:clamp(30px,6vw,90px)}.brand-selectors{align-self:start;border-top:1px solid #bfc6b9}.brand-selector{padding:28px 22px;width:100%;display:grid;grid-template-columns:1fr 30px;align-items:center;gap:22px;background:transparent;text-align:left;border:0;border-bottom:1px solid #bfc6b9;position:relative;transition:background .4s,color .4s}.brand-selector .micro{grid-column:1/-1;color:var(--muted)}.brand-selector img{width:170px;height:52px;object-fit:contain;object-position:left center;transition:transform .4s var(--ease)}.brand-selector:last-child img{width:168px}.selector-arrow{font-size:28px;opacity:.4;transition:transform .4s,opacity .4s}.brand-selector.is-active{background:var(--mint)}.brand-selector.is-active .selector-arrow{opacity:1;transform:rotate(45deg)}.brand-selector:hover img{transform:translateX(6px)}.brand-selector.is-active::before{content:'';width:2px;background:#60816d;position:absolute;inset:0 auto 0 0}.brand-panel+.brand-panel{margin-top:65px}.tabs-ready .brand-panel{margin-top:0}.brand-panel[hidden]{display:none}.brand-panel.is-entering{animation:soft-in .6s var(--ease)}.system-photo{position:relative;aspect-ratio:2.45;overflow:hidden;background:#ccc}.system-photo img{width:100%;height:100%;object-fit:cover;transition:transform 1.3s var(--ease)}.system-photo:hover img{transform:scale(1.035)}.system-photo::after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#202c2360)}.system-photo figcaption{position:absolute;bottom:17px;left:22px;color:white;z-index:1;font-size:9px}.brand-panel-copy{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin:32px 0}.brand-panel-copy .micro{font-size:9px;color:#6d776a;margin-bottom:14px}.brand-panel-copy h3{font:800 clamp(36px,3.8vw,58px)/.94 FranklinDisplay;text-transform:uppercase;letter-spacing:-.015em}.brand-panel-copy>p{font-size:14px;line-height:1.7;color:var(--muted);padding-top:2px}.system-lines{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #cdd0c5;column-gap:24px}.system-lines a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:17px 0;border-bottom:1px solid #cdd0c5;font:800 21px/1.1 FranklinDisplay;text-transform:uppercase;transition:color .2s}.system-lines a:hover{color:#53816a}.system-lines span{font:500 9px/1.3 FranklinCond;letter-spacing:.03em;color:var(--muted);text-align:right;flex-shrink:0}.all-systems{margin-top:26px}.technical-note{font-size:11px;line-height:1.5;color:var(--muted);margin-top:30px;text-align:right}
/* Precision, in motion. */
.precision-section{background:#303831;color:var(--paper)}.precision-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.precision-copy>.micro{color:#bdc7b8}.precision-copy h2{font-size:clamp(82px,10.7vw,165px);margin:64px 0 36px}.precision-copy h2 span{color:var(--mint)}.precision-copy>p:last-child{color:#b6c1b1;line-height:1.6;font-size:16px}.precision-detail{padding-top:4px}.opening-demo{border:1px solid #a5b79b55;padding:22px 24px 16px;background:#46513e26;--opening:36px}.demo-top{display:flex;justify-content:space-between;color:#c3d5bd;font-size:9px}.demo-top>span:last-child{font-size:18px;line-height:.8}.window-drawing{display:block;width:100%;height:auto;margin:25px 0 8px;color:#c9dcc1}.sliding-leaf{transform:translateX(var(--opening));transition:transform .1s linear}.range-label{display:flex;justify-content:space-between;font-size:9px;color:#c7d6bd}.opening-range{appearance:none;-webkit-appearance:none;cursor:ew-resize;background:transparent;width:100%;height:28px;margin:12px 0 0;touch-action:pan-y}.opening-range::-webkit-slider-runnable-track{height:1px;background:#a7bf9860}.opening-range::-moz-range-track{height:1px;background:#a7bf9860}.opening-range::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-10px;border-radius:50%;background:var(--mint);border:6px solid #3d4938;outline:1px solid #a7bf9899}.opening-range::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:var(--mint);border:6px solid #3d4938;outline:1px solid #a7bf9899}.demo-caption{display:flex;justify-content:space-between;color:#a1b398;font-size:8px}.precision-features{margin-top:28px}.precision-features p{padding:16px 0;border-bottom:1px solid #9cae9140;font:800 24px/1.2 FranklinDisplay;text-transform:uppercase;display:flex;align-items:center;gap:24px}.precision-features span{font:500 9px FranklinCond;color:#a9bba1;letter-spacing:.1em}
.hardware-section{padding:56px 0 72px;border-bottom:1px solid var(--line)}.hardware-intro{display:flex;justify-content:space-between;align-items:start;margin-bottom:45px;gap:24px}.hardware-intro>.micro{color:var(--muted)}.hardware-intro>p:last-child{font-size:13px;color:var(--muted)}.hardware-logos{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:50px}.hardware-logos img{height:38px;width:100%;max-width:140px;margin:auto;object-fit:contain;mix-blend-mode:multiply}.hardware-logos img:nth-child(2),.hardware-logos img:last-child{height:44px}
/* A single, continuous process. */
.process-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:start}.process-heading{position:sticky;top:145px}.process-heading>.micro{color:var(--muted)}.process-heading h2{font-size:clamp(70px,9vw,136px);margin:48px 0 32px}.process-heading>p:not(.micro){font-size:15px;color:var(--muted);line-height:1.6}.process-heading .text-link{margin-top:38px}.process-step{display:grid;grid-template-columns:75px 1fr;gap:28px;padding:38px 0 62px;border-top:1px solid var(--line)}.process-step:last-child{border-bottom:1px solid var(--line);padding-bottom:38px}.step-number{font:800 62px/1 FranklinDisplay;color:#b9c2b3;transition:color .6s}.process-step.is-visible .step-number{color:#769580}.process-step h3{font:800 58px/.95 FranklinDisplay;text-transform:uppercase;margin-bottom:24px}.process-step p{font-size:15px;line-height:1.6;color:var(--muted);max-width:370px}.process-step .micro{display:block;margin-top:30px;color:#808a7b}
/* The next opening. */
.contact-section{background:var(--mint);padding-bottom:110px}.contact-section>.wrap>.micro{color:#647e6a}.contact-title{display:flex;align-items:center;justify-content:space-between;font-size:clamp(100px,18vw,278px);margin:40px 0 74px;border-bottom:1px solid #789d8755;padding-bottom:46px}.contact-title>span{font-family:Franklin;font-weight:400;font-size:.8em;padding-right:25px}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-copy>p{font-size:23px;line-height:1.4}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:56px;padding:0 24px;font:500 12px/1.2 FranklinCond;letter-spacing:.08em;text-transform:uppercase;transition:background .3s,transform .4s var(--ease)}.button-graphite{background:var(--graphite);color:var(--paper);margin-top:30px}.button-graphite:hover{background:#475347;transform:translateY(-3px)}.button>span{font-size:23px}.contact-data{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:28px}.contact-data .micro{display:block;color:#617b67;font-size:9px;margin-bottom:8px}.contact-data a{font:800 27px/1.1 FranklinDisplay}.contact-data>p{font-size:14px;grid-column:1/-1;line-height:1.55}.contact-form>.micro{color:#617b67;margin-bottom:24px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.field{margin:0 0 26px}.field label{font:500 10px/1.5 FranklinCond;letter-spacing:.1em;text-transform:uppercase;display:block}.field input,.field textarea{display:block;width:100%;min-width:0;padding:12px 0;background:transparent;border:0;border-bottom:1px solid #72988080;border-radius:0;font-size:15px;line-height:1.5}.field input::placeholder,.field textarea::placeholder{color:#718e7a}.field textarea{resize:vertical;min-height:110px}.field input:focus,.field textarea:focus{outline:none;border-color:var(--ink)}.submit{cursor:pointer;background:transparent;border:0;border-bottom:1px solid currentColor;padding-left:0;padding-right:0;gap:80px}
.footer{padding:52px 0 25px;background:var(--graphite);color:var(--paper);overflow:hidden}.footer-top{display:flex;justify-content:space-between;align-items:start;gap:24px}.footer-top>.micro{color:#b4b9ae}.footer-top nav{display:flex;gap:30px;font:500 12px FranklinCond;letter-spacing:.05em;text-transform:uppercase}.footer-wordmark{display:block;padding:70px 0 60px}.footer-wordmark img{width:100%;height:auto;filter:brightness(0) invert(1);opacity:.9}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #8b95854a;padding-top:22px;color:#b4b9ae;font-size:9px}.wa-float{position:fixed;right:24px;bottom:24px;z-index:90;width:62px;height:62px;border-radius:32px;background:var(--graphite);color:var(--paper);box-shadow:0 8px 28px #1c2a1d25;overflow:hidden;white-space:nowrap;transition:width .35s var(--ease),transform .35s var(--ease)}.wa-float svg{position:absolute;width:28px;height:28px;left:17px;top:17px;fill:#25d366}.wa-float>span{position:absolute;left:62px;top:23px;opacity:0;visibility:hidden;font:500 11px/1.5 FranklinCond;text-transform:uppercase;letter-spacing:.07em;transition:opacity .15s}.wa-float:focus-visible{width:245px}.wa-float:focus-visible>span{opacity:1;visibility:visible}@media(hover:hover){.wa-float:hover{width:245px;transform:translateY(-3px)}.wa-float:hover>span{opacity:1;visibility:visible;transition-delay:.1s}}
/* Motion is enhancement; all content works without it. */
@keyframes soft-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes title-in{from{transform:translateY(110%)}to{transform:translateY(0)}}@keyframes shutter-in{from{transform:scaleY(1)}to{transform:scaleY(0)}}@keyframes photo-in{from{transform:scale(1.1)}to{transform:scale(1.025)}}
@media(prefers-reduced-motion:no-preference){.motion-ready [data-reveal]{opacity:0;transform:translateY(32px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.motion-ready .title-mask>span{animation:title-in 1.4s .15s var(--ease) both}.motion-ready .title-mask:nth-child(2)>span{animation-delay:.3s}.motion-ready .photo-shutter{animation:shutter-in 1.5s .1s var(--ease) both}.motion-ready .hero-photo>img{animation:photo-in 2.5s var(--ease) both}.hero-eyebrow,.hero-bottom,.hero-foot{animation:soft-in 1.2s .5s var(--ease) both}}
@media(min-width:1700px){.hero-copy{padding-left:max(var(--gutter),calc((100vw - 1600px)/2))}.hero{min-height:870px}.hero-photo>img{object-position:center 58%}}
@media(max-width:1200px){.nav-links{gap:20px}.nav-contact{margin-left:0;font-size:11px}.logo img{width:170px}.nav{gap:22px}.hero-copy{padding-top:42px;padding-right:32px}.hero h1{font-size:13vw;margin-top:70px}.hero-bottom{flex-direction:column;align-items:flex-start;gap:32px;margin-bottom:45px}.hero-bottom>p br:last-child{display:none}.round-link .micro br{display:none}.round-link .micro{max-width:none}.circle-arrow{width:48px;height:48px;font-size:24px}.hero-photo figcaption{left:35px;right:35px}.credentials>div{padding-inline:25px;gap:18px}.section-heading{grid-template-columns:1.4fr 5fr 2fr;gap:24px}.brand-panel-copy{gap:24px}.system-lines{grid-template-columns:1fr}.system-lines a{font-size:24px}.precision-copy h2{font-size:10.7vw}.contact-data{grid-template-columns:1fr}.contact-data>p{grid-column:auto}}
@media(max-width:900px){html{scroll-padding-top:86px}.nav{height:90px}.is-scrolled .nav{height:76px}.nav-links{display:none}.nav-contact{margin-left:auto;margin-right:10px}.mobile-menu{display:block}.mobile-menu summary{width:30px;height:30px;display:flex;flex-direction:column;justify-content:center;gap:6px;cursor:pointer;list-style:none}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary>span{width:25px;height:1px;background:var(--ink);transition:transform .25s}.mobile-menu[open] summary>span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-menu[open] summary>span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.menu-links{position:absolute;top:100%;right:0;left:0;background:var(--paper);padding:24px var(--gutter) 32px;border-bottom:1px solid var(--line);box-shadow:0 20px 40px #2f343110}.menu-links a{display:block;padding:14px 0;border-bottom:1px solid var(--line);font:800 30px FranklinDisplay;text-transform:uppercase}.hero{min-height:680px}.hero-copy{padding-right:24px}.hero h1{margin-top:60px;font-size:13.1vw}.hero-bottom>p{font-size:17px}.hero-foot{font-size:9px;gap:10px}.hero-foot a{gap:15px}.hero-photo figcaption{font-size:9px}.credentials{grid-template-columns:1fr 1fr 1fr;gap:15px;padding:28px 0}.credentials>div{padding:0 15px;display:block}.credentials>div:first-child{padding-left:0}.credentials p{margin-top:10px;font-size:11px}.credential-value{font-size:45px}.credential-icon{font-size:30px}.section{padding:90px 0}.section-heading{grid-template-columns:1fr 2fr}.section-heading h2{grid-column:2}.section-description{grid-column:2}.solutions-layout{gap:40px}.architectural-composition{min-height:400px;padding:20px}.glass-scene{height:285px}.brand-explorer{grid-template-columns:1fr;gap:28px}.brand-selectors{display:grid;grid-template-columns:repeat(3,1fr)}.brand-selector{padding:22px 16px;border-right:1px solid #bfc6b9;gap:18px}.brand-selector:last-child{border-right:0}.brand-selector .micro{font-size:9px}.brand-selector img,.brand-selector:last-child img{width:130px;height:42px}.selector-arrow{font-size:23px}.brand-panel-copy{grid-template-columns:1fr 1fr}.brand-panel-copy h3{font-size:52px}.system-lines{grid-template-columns:1fr 1fr}.system-lines a{font-size:22px}.precision-layout{gap:35px}.precision-copy h2{font-size:10.6vw}.precision-copy>p:last-child{font-size:14px}.opening-demo{padding:20px 16px 14px}.demo-top{font-size:8px}.precision-features p{font-size:21px}.hardware-logos{gap:30px}.process-layout{gap:40px}.process-heading h2{font-size:9vw}.process-step{grid-template-columns:52px 1fr;gap:16px}.step-number{font-size:48px}.process-step h3{font-size:44px}.contact-title{margin:38px 0 50px}.contact-layout{gap:45px}.contact-copy>p{font-size:21px}.form-row{grid-template-columns:1fr;gap:0}.footer-top nav{gap:18px}}
@media(max-width:620px){:root{--gutter:24px}html{scroll-padding-top:78px}.nav,.is-scrolled .nav{height:78px}.logo img{width:148px}.nav-contact{font-size:9px;gap:9px;margin-right:4px;max-width:130px;line-height:1.35}.nav-contact .small-arrow{font-size:20px}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:32px var(--gutter) 0}.hero-eyebrow{font-size:9px}.hero h1{font-size:23.5vw;margin-top:46px;letter-spacing:-.015em;line-height:.88}.hero-bottom{flex-direction:row;align-items:end;margin-top:28px;margin-bottom:34px;gap:16px}.hero-bottom>p{font-size:15px;line-height:1.45}.hero-bottom>p br:last-child{display:block}.round-link{gap:0}.round-link .micro{display:none}.circle-arrow{width:50px;height:50px}.hero-foot{padding:18px 0;font-size:9px}.hero-photo{height:auto;aspect-ratio:4/5.3;margin:0 var(--gutter)}.hero-photo>img{object-position:center 68%}.photo-grid{inset:14px}.hero-photo figcaption{bottom:26px;left:28px;right:28px;font-size:8px}.credentials{grid-template-columns:1.12fr 1fr;gap:18px;padding:27px 0 30px}.credentials>div{padding:0 0 0 18px}.credentials>div:nth-child(2){border-right:0}.credentials>div:last-child{display:none}.credential-value{font-size:48px}.credential-icon{font-size:32px}.credentials p{font-size:11px}.section{padding:76px 0}.section-heading{display:block;margin-bottom:38px}.section-index{padding:0;margin-bottom:26px;font-size:10px}.section-heading h2{font-size:15vw;letter-spacing:-.015em}.section-description{font-size:13px;margin-top:26px}.section-description br{display:none}.solutions-layout{grid-template-columns:1fr;gap:40px}.service summary{padding:23px 0;grid-template-columns:30px 1fr 18px}.service h3{font-size:40px}.service-body{padding:0 12px 28px 38px}.service-body p{font-size:14px}.architectural-composition{min-height:345px}.glass-scene{height:230px}.composition-label,.composition-bottom .micro{font-size:9px}.brand-selectors{grid-template-columns:repeat(3,minmax(0,1fr))}.brand-selector{display:flex;flex-direction:column;align-items:center;padding:18px 8px;gap:16px}.brand-selector .micro{font-size:7px;letter-spacing:.02em}.brand-selector img,.brand-selector:last-child img{width:95%;height:30px;object-position:center}.selector-arrow{display:none}.brand-selector.is-active::before{inset:auto 0 0;height:2px;width:auto}.brand-panel-copy{grid-template-columns:1fr;gap:22px;margin:28px 0}.brand-panel-copy h3{font-size:48px}.brand-panel-copy>p{font-size:14px}.system-photo{aspect-ratio:1.65}.system-photo figcaption{font-size:7px;bottom:12px;left:14px}.system-lines{grid-template-columns:1fr}.system-lines a{font-size:25px;padding:16px 0}.system-lines span{font-size:9px}.technical-note{text-align:left;font-size:10px;margin-top:26px}.precision-layout{grid-template-columns:1fr;gap:45px}.precision-copy h2{font-size:23.5vw;margin:34px 0 28px}.precision-copy>p:last-child{font-size:15px}.opening-demo{padding:22px}.demo-top{font-size:8px}.precision-features p{font-size:25px;padding:18px 0}.hardware-section{padding:38px 0 46px}.hardware-intro{display:block;margin-bottom:32px}.hardware-intro>p:last-child{margin-top:16px;font-size:13px}.hardware-logos{grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.hardware-logos img{height:23px}.hardware-logos img:nth-child(2),.hardware-logos img:last-child{height:27px}.process-layout{grid-template-columns:1fr;gap:48px}.process-heading{position:static}.process-heading h2{font-size:20vw;margin:30px 0}.process-heading>p:not(.micro){font-size:14px}.process-heading .text-link{margin-top:24px}.process-step{grid-template-columns:48px 1fr;padding:30px 0 42px}.process-step h3{font-size:44px;margin-bottom:18px}.process-step p{font-size:14px}.process-step .micro{font-size:9px;margin-top:22px}.step-number{font-size:46px}.contact-section>.wrap>.micro{font-size:9px}.contact-title{font-size:25vw;margin:30px 0 38px;padding-bottom:25px}.contact-title>span{padding-right:0;font-size:.64em}.contact-layout{grid-template-columns:1fr;gap:48px}.contact-copy>p{font-size:21px}.contact-data{grid-template-columns:1fr 1fr;margin-top:38px;gap:26px 15px}.contact-data a{font-size:26px;overflow-wrap:anywhere}.contact-data>p{grid-column:1/-1}.form-row{grid-template-columns:1fr}.contact-form>.micro{font-size:10px}.footer{padding:35px 0 22px}.footer-top{flex-wrap:wrap;gap:24px 16px}.footer-top>.micro{width:100%;font-size:9px}.footer-top nav{font-size:10px;gap:18px}.footer-top>a{font-size:8px}.footer-wordmark{padding:45px 0}.footer-bottom{font-size:8px;gap:15px}.footer-bottom>span:last-child{display:none}.wa-float{right:18px;bottom:18px;width:56px;height:56px}.wa-float svg{width:26px;height:26px;left:15px;top:15px}.wa-float>span{top:20px}.wa-float:hover{width:56px}.wa-float:hover>span{visibility:hidden;opacity:0}.wa-float:focus-visible{width:56px}}
.hero h1{font-size:clamp(84px,10.6vw,178px);margin-top:clamp(42px,6vh,90px)}
body{overflow-x:clip}
.hero-photo>img{filter:none;object-position:50% 50%}
.hero-photo figcaption{justify-content:flex-start}
.nav-contact{border-bottom:1px solid #aeb7a7;padding-bottom:4px}
.credentials>div:not(:first-child){justify-content:center}
.brand-selector{grid-template-columns:1fr;min-height:174px}
.brand-selector img{width:180px;height:66px}
.brand-selector[data-brand="cortizo"] img{height:80px;width:180px}
.section-heading:not(:has(.section-description)){grid-template-columns:2fr 8.8fr}
.text-link{gap:0}
.contact-title{display:block;font-size:clamp(100px,18vw,278px)}
.footer-top>a{border-bottom:1px solid #9ba69370}
.title-mask{white-space:nowrap}
.hero-bottom{margin-top:34px;margin-bottom:44px}
@media(max-width:1200px) and (min-width:621px){.hero h1{font-size:10.8vw;margin-top:55px}}
@media(max-width:900px){.brand-selector{min-height:130px}.brand-selector img{width:130px;height:48px}.brand-selector[data-brand="cortizo"] img{width:130px;height:58px}.section-heading:not(:has(.section-description)){grid-template-columns:1fr 2fr}}
@media(max-width:620px){.hero h1{font-size:20.8vw;margin-top:42px}.hero-bottom{margin-top:28px;margin-bottom:34px}.brand-selector{min-height:94px}.brand-selector img,.brand-selector:last-child img{width:95%;height:33px}.brand-selector[data-brand="cortizo"] img{width:95%;height:40px}.brand-selector .micro{font-size:8px}.section-heading:not(:has(.section-description)){display:block}.hero-photo{aspect-ratio:4/4.4}.hero-photo>img{object-position:56% center}.nav-contact{max-width:none;margin-right:8px;font-size:10px}.nav{gap:20px}.contact-title{font-size:25vw}.credentials>div:not(:first-child){display:flex;align-items:center}}
@media(max-width:620px){.credentials>div:last-child{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.motion-ready [data-reveal]{opacity:1;transform:none}.photo-shutter{display:none}}

/* Approved Nalmat framing: original source, no enlargement or additional zoom.
   The visible source area is 800 × 1120 px; cap the frame at 400 × 560 CSS px
   to retain 2 source pixels per CSS pixel on a 2x display. */
.facade-photo{width:100%;max-width:400px;justify-self:end;min-width:0}
.facade-photo-frame{position:relative;width:100%;aspect-ratio:5/7;overflow:hidden;background:#bbcedb}
.facade-photo-frame>img{position:absolute;top:0;left:-241.25%;width:355%;max-width:none;height:auto}
.facade-photo figcaption{margin-top:14px;color:var(--muted);font-size:10px}
@media(max-width:620px){.facade-photo{justify-self:center}}

/* Each service has its own photograph; the shared frame stays still. */
.service-gallery{display:grid;width:100%;max-width:400px;justify-self:end;min-width:0}
.service-visual{grid-area:1/1;min-width:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility .35s}
.service-visual.is-active{opacity:1;visibility:visible;pointer-events:auto}
.service-photo-frame{position:relative;width:100%;aspect-ratio:5/7;overflow:hidden;background:#e4e5df}
.service-photo-frame:not(.facade-photo-frame)>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.service-visual[data-service-image="ventaneria"] img{object-position:55% 50%}
.service-visual[data-service-image="templado"] .service-photo-frame>img{position:absolute;bottom:0;left:0;width:100%;height:112%;object-fit:cover;object-position:50% 100%}
.service-visual figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;color:var(--muted);font-size:10px}
@media(max-width:620px){.service-gallery{justify-self:center}}