@import url('/garden-gate-page.css');
.gg-page{--gg-blue:#0088bf;--gg-rule:#d7e5ec;--gg-copy:#617d8d;overflow:clip;background:#fff;line-height:1.7}.gg-page .gg-section{padding-block:54px}.gg-page h2{font-size:clamp(29px,3vw,42px);font-weight:600}.gg-page h3{font-weight:600}.gg-page .gg-label{margin-bottom:18px}.gg-page button,.gg-page input{font:inherit}.gg-page button{cursor:pointer;border:1px solid #cddfe8;background:#fff;color:#173e51;border-radius:4px;min-height:44px;padding:10px 16px}.gg-page :is(button,input):focus-visible{outline:3px solid #0088bf;outline-offset:4px}.gg-page .gg-primary{background:#0087bb;border-color:#0087bb;color:#fff;border-radius:3px}.gg-page .gg-section-heading{gap:55px;margin-bottom:30px}.gg-page .gg-section-heading>p{font-size:15px;line-height:1.8}
.ga-hero{position:relative;background:linear-gradient(110deg,#fff,#eff8fc);padding-top:12px}.gg-page .gg-breadcrumb{position:relative;z-index:2;border:0;margin:0;padding:0;font-size:10px}.ga-hero-grid{display:grid;grid-template-columns:40% 60%;align-items:center;min-height:510px}.ga-hero-copy{position:relative;z-index:2;padding-block:35px}.gg-page .ga-hero-copy h1{font-size:clamp(42px,4.6vw,70px);font-weight:450;line-height:1.03;letter-spacing:-.055em}.gg-page .ga-hero-copy h2{font-size:clamp(23px,2.4vw,36px);color:#0088bf;line-height:1.2;margin:10px 0 18px}.ga-hero-copy p{font-size:14px;color:#607a88;line-height:1.8}.ga-outline{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;border:1px solid #0088bf;border-radius:3px;color:#007caf;font-size:12px;font-weight:600;padding:14px 20px;min-height:48px}.ga-hero-scene{position:relative;min-width:0;height:510px}.ga-hero-scene>img{position:absolute;width:120%;max-width:none!important;height:100%;object-fit:cover;object-position:65% center;right:calc(-1 * var(--site-content-right,30px));mask-image:linear-gradient(90deg,transparent,#000 30%)}.ga-hero-scene[data-ready=true]>img{opacity:.12;filter:blur(2px);mask-image:linear-gradient(0deg,transparent 15%,#000)}.ga-hero-scene [data-gate-hero-host]{position:absolute;inset:0 -25px 0 -50px}.ga-hero-scene canvas{display:block;width:100%;height:100%}.ga-annotation{position:absolute;z-index:2;font-size:10px;line-height:1.5;color:#587181;background:#ffffffd9;padding:10px 13px;border-left:1px solid #0088bf}.ga-annotation strong{font-weight:500;color:#284e60}.ga-annotation-top{right:17%;top:12%}.ga-annotation-bottom{right:0;bottom:30%}.ga-hero-action{position:absolute;bottom:20px;right:0;color:#007cad;font-size:11px;display:flex;align-items:center;gap:35px;min-height:44px}
.ga-studio{background:linear-gradient(115deg,#f4f9fc,#fff 65%,#edf6fa)}.ga-subtitle{font-size:14px;color:var(--gg-copy);margin-top:12px!important}.ga-tabs{display:flex;gap:12px;max-width:720px;margin:25px 0 5px}.gg-page .ga-tabs button{display:flex;align-items:center;justify-content:center;gap:16px;flex:1;background:#eaf3f7;border-color:transparent;min-height:58px;font-size:13px}.ga-tabs svg{width:36px;height:30px}.gg-page .ga-tabs button[aria-selected=true]{color:#fff;background:#0088bf}.ga-lab{display:grid;grid-template-columns:170px minmax(0,1fr) 132px;align-items:center;min-height:440px;gap:8px}.gg-page .ga-model-copy h3{font-size:22px;margin-bottom:12px}.ga-model-copy p{font-size:12px;line-height:1.75;color:#607b8b}.ga-model-copy output{font-size:12px;font-weight:600;color:#0088bf;display:block;margin-top:20px}.ga-viewport{position:relative;height:440px;min-width:0}.ga-model-host,.ga-fallback{position:absolute;inset:0}.ga-model-host{touch-action:pan-y}.ga-model-host canvas{display:block;width:100%;height:100%}.ga-model-host:empty{display:none}.ga-fallback svg{width:100%;height:100%}.ga-fallback[hidden]{display:none}.ga-canvas-hint{position:absolute;bottom:5px;left:0;right:0;text-align:center;pointer-events:none;font-size:10px;color:#647e8c}.ga-views{display:flex;flex-direction:column;gap:12px}.gg-page .ga-views button{padding:5px;border-color:transparent;background:transparent;text-align:left;font-size:10px;color:#587082}.gg-page .ga-views button:hover,.gg-page .ga-views button[aria-pressed=true]{border-color:#0088bf}.ga-view-sketch{height:76px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#e0edf0,#fff);margin-bottom:5px}.ga-view-sketch svg{width:75px;height:55px;color:#2e655f}.ga-controls{display:flex;gap:18px;align-items:center;flex-wrap:wrap;border-top:1px solid #d6e5ed;padding-top:22px}.ga-controls button{font-size:11px}.ga-controls .gg-primary{min-width:160px}.ga-range,.ga-zoom{font-size:10px;color:#526e7e;display:flex;flex-direction:column;gap:4px;flex:1;min-width:130px}.ga-controls input{accent-color:#0088bf;height:30px;width:100%;margin:0}.ga-zoom{max-width:130px}.ga-parts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px}.ga-parts>span{font-size:9px;color:#577a8a;letter-spacing:.07em;margin-right:14px}.gg-page .ga-parts button{background:transparent;border:0;border-bottom:1px solid #c5dce6;border-radius:0;font-size:11px;padding:8px}.gg-page .ga-parts button[aria-pressed=true]{color:#0088bf;border-color:#0088bf}.gg-page .ga-part-note{font-size:11px;color:#587484;line-height:1.7;margin:12px 0 0;min-height:38px}
.gg-page .gg-opening-pair{gap:60px}.gg-page .gg-opening-pair article{border:0;padding:0}.gg-page .gg-opening-pair article+article{border-left:1px solid #d9e7ed;padding-left:40px}.gg-page .gg-diagram{width:100%;max-width:480px;max-height:200px}.gg-page .gg-opening-pair h3{font-size:23px}.gg-page .gg-opening-pair p{font-size:13px;line-height:1.8}.gg-page .gg-dimensions{padding-block:36px;background:#f7fafc}.gg-page .gg-dimensions h2{font-size:28px}.gg-page .gg-dimensions-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:10px 40px;margin-bottom:25px}.gg-page .gg-dimensions-intro>.gg-label{grid-column:1/-1;margin:0}.gg-page .gg-dimensions-intro>p:last-child{font-size:12px;line-height:1.8;margin:0}.gg-page .gg-dimension-tables{grid-template-columns:repeat(3,1fr);gap:28px}.gg-page .gg-dimension-extra{grid-column:auto}.gg-page .gg-dimension-group caption{font-size:17px;padding-bottom:13px}.gg-page .gg-dimension-group td{font-size:12px;padding-block:6px}.gg-page .gg-dimension-group th{font-size:10px}.gg-page .gg-dimension-group td+td,.gg-page .gg-dimension-group th+th{padding-left:6px}.gg-page .gg-dimension-extra th:first-child{width:38%}
.gg-page .gg-appearance{background:linear-gradient(110deg,#eff7fb,#fff)}.gg-page .gg-appearance-heading{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:10px 60px;align-items:center}.gg-page .gg-appearance-heading>.gg-label{grid-column:1/-1;margin:0}.gg-page .gg-appearance-heading>p:last-child{font-size:14px;line-height:1.8;margin:0}.gg-page .gg-materials{gap:18px;margin-top:30px}.gg-page .gg-materials article{background:#fff;border:0;padding:0 0 20px}.gg-page .gg-materials img{display:block;width:100%;height:300px;object-fit:cover}.gg-page .gg-materials h3{font-size:24px;margin:18px 20px 10px}.gg-page .gg-materials p{font-size:12px;line-height:1.8;padding:0 20px}.gg-page .gg-control{position:relative;padding-block:0;overflow:hidden}.ga-hardware-visual{position:absolute;inset:0 0 0 30%;pointer-events:none}.ga-hardware-visual img{width:100%;height:100%;object-fit:cover;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 38%,#000 80%,transparent)}.gg-page .gg-control-layout{position:relative;grid-template-columns:1fr 1fr;gap:35%;padding-block:50px;min-height:430px}.gg-page .gg-control-layout>div>p:not(.gg-label){font-size:13px;line-height:1.8;margin-top:18px}.gg-page .gg-control-list{background:#ffffffed;align-self:center;padding:5px 16px}.gg-page .gg-control-list>div{padding:14px 0}.gg-page .gg-control-list dt{font-size:16px}.gg-page .gg-control-list dd{font-size:11px;line-height:1.7;margin-top:8px}.ga-intro{padding-block:30px;background:#f4f8fa}.ga-intro .gg-wrap{display:grid;grid-template-columns:1fr 2fr;gap:15px 50px}.gg-page .ga-intro .gg-lead{margin:0;font-size:23px;line-height:1.4}.gg-page .ga-intro .gg-current-copy{margin:0;font-size:13px;line-height:1.8}.gg-page .ga-intro .gg-uses{grid-column:1/-1;margin:5px 0 0;padding-top:15px;color:#5b7788;font-size:11px}.gg-page .gg-quote-layout,.gg-page .gg-faq-layout{gap:60px}.gg-page .gg-quote-note{background:#f1f8fb}.gg-page .gg-quote-layout>div>p:not(.gg-label){font-size:13px;line-height:1.85;margin-top:18px}.gg-page .gg-faq{background:#f5f9fb}.gg-page .gg-questions summary{font-size:15px;min-height:54px;padding-block:15px}.gg-page .gg-related-list strong{font-size:19px}.gg-page .gg-related-list p{font-size:12px}.gg-page .gg-related-list{gap:20px 35px}.gg-page .gg-related-list a{min-height:44px}.gg-page .ga-closing{position:relative;overflow:hidden;background:#eff7fb;color:#082d3f;--gg-blue:#0088bf;padding:50px 0 25px}.ga-closing-image{position:absolute;inset:0 0 0 auto;width:65%;height:100%;object-fit:cover;mask-image:linear-gradient(90deg,transparent,#000 50%)}.gg-page .ga-closing .gg-wrap{position:relative}.gg-page .ga-closing .gg-closing-content{display:block}.gg-page .ga-closing h2{max-width:550px}.gg-page .ga-closing .gg-closing-content>div>p:not(.gg-label){max-width:450px;color:#557386;font-size:13px;margin-top:16px}.gg-page .ga-closing .gg-closing-actions{margin-top:24px;max-width:300px}.gg-page .ga-closing .gg-whatsapp{color:#006d99;border-color:#7aaec4;background:#ffffffde}.gg-page .ga-closing .gg-region{max-width:450px;display:block;margin-top:25px;padding-top:15px;border-color:#aecbd9}.gg-page .ga-closing .gg-region strong{font-size:13px}.gg-page .ga-closing .gg-region p{font-size:11px;color:#4b6e80;margin-top:5px}.gg-page .ga-visual-note{font-size:10px;color:#5a7788;padding-block:13px;margin-bottom:0}
@media(min-width:1700px){.ga-hero-grid{min-height:620px}.ga-hero-scene{height:620px}.ga-viewport{height:510px}.ga-lab{min-height:510px}.gg-page .gg-materials img{height:390px}}
@media(min-width:701px){.gg-page .ga-closing .gg-closing-content,.gg-page .ga-closing .gg-region{max-width:48%}}
@media(max-width:1050px){.ga-lab{grid-template-columns:140px minmax(0,1fr) 100px}.ga-hero-grid{grid-template-columns:43% 57%}.ga-hero-scene{height:440px}.ga-hero-grid{min-height:440px}.ga-annotation{font-size:9px}.ga-viewport{height:360px}.ga-lab{min-height:360px}.gg-page .gg-control-layout{gap:20%}.gg-page .gg-dimension-tables{gap:16px}.ga-controls{gap:12px}.gg-page .gg-materials img{height:240px}}
@media(max-width:700px){.gg-page .gg-section{padding-block:38px}.ga-hero-grid{display:flex;flex-direction:column;align-items:stretch}.ga-hero-copy{padding:25px 0 0}.gg-page .ga-hero-copy h1{font-size:46px}.gg-page .ga-hero-copy h2{font-size:27px}.ga-hero-copy p{font-size:13px}.ga-hero-copy p br{display:none}.ga-hero-scene{height:310px}.ga-hero-scene [data-gate-hero-host]{inset:0 -20px}.ga-hero-scene>img{right:-20px;width:calc(100% + 40px);mask-image:linear-gradient(0deg,#000 70%,transparent)}.ga-annotation-top{top:12px;right:5%}.ga-annotation-bottom{right:0;bottom:24%}.ga-hero-action{bottom:0}.ga-tabs{gap:6px}.gg-page .ga-tabs button{gap:6px;padding:8px 4px;font-size:10px;min-height:52px}.ga-tabs svg{width:25px}.ga-lab{display:grid;grid-template-columns:1fr;gap:0;min-height:0}.ga-model-copy{display:grid;grid-template-columns:1fr auto;gap:0 14px;margin-top:20px}.gg-page .ga-model-copy h3{font-size:20px;margin:0}.ga-model-copy p{grid-column:1/-1;grid-row:2;font-size:12px;margin:8px 0 0}.ga-model-copy output{margin:0;align-self:center;font-size:11px}.ga-viewport{height:300px;grid-row:2}.ga-views{flex-direction:row;justify-content:center;margin-top:5px}.gg-page .ga-views button{flex:1;text-align:center;font-size:10px}.ga-view-sketch{height:50px}.ga-view-sketch svg{height:40px;width:65px}.ga-controls{margin-top:18px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.ga-controls .gg-primary{min-width:0}.ga-controls .ga-range{min-width:0}.ga-controls .ga-zoom{max-width:none;min-width:0}.gg-page .ga-controls button{padding:10px;font-size:11px}.ga-controls [data-gate-mode]{grid-column:1/-1}.ga-parts{gap:5px}.ga-parts>span{width:100%;margin:0}.gg-page .ga-parts button{font-size:10px;padding:6px;flex:1}.gg-page .ga-part-note{font-size:10px;min-height:50px}.gg-page .gg-opening-pair article+article{border-left:0;border-top:1px solid #d9e7ed;padding:25px 0 0;margin-top:25px}.gg-page .gg-dimensions-intro,.gg-page .gg-appearance-heading{display:block}.gg-page .gg-dimensions-intro h2{margin:12px 0}.gg-page .gg-dimensions-intro>p:last-child{font-size:12px}.gg-page .gg-dimension-tables{display:block}.gg-page .gg-dimension-group+.gg-dimension-group{margin-top:24px}.gg-page .gg-dimension-group td{font-size:13px}.gg-page .gg-appearance-heading h2{margin-top:14px}.gg-page .gg-appearance-heading>p:last-child{margin-top:18px;font-size:13px}.gg-page .gg-materials{display:grid;grid-template-columns:1fr;gap:24px}.gg-page .gg-materials article{padding:0 0 18px}.gg-page .gg-materials img{height:330px}.gg-page .gg-control{padding-top:0}.ga-hardware-visual{position:relative;inset:auto;height:280px;margin-inline:-20px}.ga-hardware-visual img{mask-image:none;object-position:center}.gg-page .gg-control-layout{display:block;padding:25px 0 0;min-height:0}.gg-page .gg-control-list{margin-top:25px;padding:0;background:#f6fafc}.gg-page .gg-control-list>div{padding:15px}.gg-page .gg-control-list dd{font-size:12px}.ga-intro .gg-wrap{display:block}.gg-page .ga-intro .gg-current-copy{margin-top:18px}.gg-page .ga-intro .gg-uses{margin-top:20px}.gg-page .gg-quote-layout,.gg-page .gg-faq-layout{display:block}.gg-page .gg-questions{margin-top:24px}.gg-page .gg-related-list{grid-template-columns:1fr 1fr;gap:20px}.gg-page .gg-related-list a{min-height:60px}.ga-closing-image{width:100%;height:260px;position:relative;inset:auto;mask-image:linear-gradient(0deg,transparent,#000 25%)}.gg-page .ga-closing{padding-top:0}.gg-page .ga-closing h2{font-size:30px}.gg-page .ga-closing .gg-closing-actions{max-width:none}.gg-page .ga-visual-note{font-size:9px;line-height:1.7}.ga-subtitle br{display:none}}
.gg-page .gg-architectural{display:block;width:100%;height:auto;margin:20px 0;overflow:visible;stroke:none}.gg-page .gg-architectural text{stroke:none}.ga-view-sketch img{display:block;width:100%;height:100%;object-fit:contain}.gg-page .ga-model-host[hidden]{display:none}.gg-page .gg-dimension-group caption{min-height:55px}.gg-page .ga-fallback{overflow:hidden}
@media(prefers-reduced-motion:reduce){.gg-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}}