@font-face{font-family:InterTight;src:url('assets/inter-tight.woff2') format('woff2');font-weight:400 700;font-display:swap}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f2efe7;color:#172426;font-family:InterTight,Arial,sans-serif;font-size:18px;line-height:1.6}button,input,textarea,select{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%;object-fit:cover}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.045em;line-height:1}h1{font-weight:700;font-size:clamp(58px,5.3vw,82px);line-height:.97}h2{font-size:58px}h3{font-size:30px;font-weight:500}p{color:#515b55}.wrap{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}.section{padding-block:120px}.button{display:inline-flex;align-items:center;justify-content:center;border:1px solid #faf9f5;background:#faf9f5;color:#26515e;min-height:54px;padding:14px 23px;border-radius:2px;line-height:1.3;font-size:17px;font-weight:600}.button:hover{background:#d8d1c4;border-color:#d8d1c4}.text-link{display:inline-block;border-bottom:1px solid currentColor;font-size:16px;font-weight:500;padding-block:8px}.text-link:hover{opacity:.8}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #a56e4d;outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;background:white;padding:15px;z-index:100}.skip:focus{top:10px}.header{height:96px;background:#26515e;color:#faf9f5}.header-inner{display:flex;height:100%;justify-content:space-between;align-items:center;gap:24px}.brand{display:flex;align-items:center;gap:14px;line-height:1.1;color:inherit;font-size:17px;font-weight:700;letter-spacing:.02em}.mark{width:61px;height:43px;flex:none}.brand-sub{display:block;font-size:10px;letter-spacing:.17em;font-weight:500;margin-top:7px}.header nav{display:flex;align-items:center;gap:35px;font-size:16px}.header nav .button{font-size:16px;min-height:48px;padding:12px 20px}.menu{display:none}.hero{display:grid;grid-template-columns:38% 62%;height:calc(86svh - 96px);min-height:690px;max-height:880px;background:#26515e;color:#faf9f5;position:relative}.hero-copy{grid-column:1;grid-row:1;align-self:center;padding:30px 35px 60px max(38px,calc((100vw - 1328px)/2));position:relative;z-index:1}.hero .eyebrow{font-size:13px;line-height:1.5;letter-spacing:.03em;color:#d8e2db;margin-bottom:27px;max-width:360px}.hero h1{max-width:480px}.hero-intro{font-size:18px;color:#e0e7df;margin-top:27px;max-width:330px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:30px}.hero-photo{grid-column:2;grid-row:1;position:relative;min-width:0}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-position:50% 0%}.hero-photo figcaption{position:absolute;bottom:0;right:0;background:#172426d9;color:#faf9f5;padding:12px 20px;font-size:13px}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:50px;gap:30px}.section-heading p{font-size:18px}.work-gallery{display:grid;grid-template-columns:1.18fr 1fr;gap:55px 75px;align-items:start}.project{min-width:0}.photo-open{border:0;background:none;padding:0;display:block;position:relative;width:100%;text-align:left;color:inherit}.photo-open img{width:100%}.photo-open:hover{opacity:.96}.project figcaption{padding-top:18px}.project figcaption h3{font-size:29px}.project figcaption p{font-size:16px;margin-top:7px}.pool-project{grid-column:1;grid-row:1/3;padding-top:60px}.pool-project img{height:910px;object-position:50% 53%}.door-project{grid-column:2;grid-row:1;width:83%;justify-self:end}.door-project img{height:465px;object-position:50% 43%}.gelorup-project{grid-column:2;grid-row:2;width:100%;margin-left:-35px}.gelorup-project img{height:320px;object-position:center 48%}.swipe-hint{display:none}.services{padding:10px 0 110px}.services h2{margin-bottom:42px}.service-list{border-top:1px solid #bbbfb5}.service-list>div{display:grid;grid-template-columns:1.3fr 1fr;gap:65px;align-items:center;border-bottom:1px solid #bbbfb5;padding:26px 0}.service-list h3{font-size:35px}.service-list p{font-size:17px;max-width:400px}.transformation{background:#d8d1c4;padding-top:100px;padding-bottom:105px}.transformation-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:45px}.transformation-heading p{font-size:16px;color:#455048}.comparison-wrap{width:82%;margin-inline:auto}.comparison-slider{height:650px;position:relative;isolation:isolate;overflow:hidden;background:#d8d1c4}.comparison-slider img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%;pointer-events:none;user-select:none}.compare-before{clip-path:inset(0 calc(100% - var(--split)) 0 0);z-index:1}.compare-label{position:absolute;z-index:2;top:20px;background:#faf9f5f0;color:#26515e;font-size:14px;font-weight:600;padding:6px 13px;pointer-events:none}.before-label{left:20px}.after-label{right:20px}.compare-line{position:absolute;z-index:3;inset-block:0;left:var(--split);width:2px;background:#faf9f5;transform:translateX(-50%);pointer-events:none}.compare-line>span{position:absolute;top:50%;left:50%;width:36px;height:60px;transform:translate(-50%,-50%);border-radius:2px;background:#faf9f5;border:1px solid #26515e66}.compare-line>span:after{content:'';position:absolute;inset:18px 13px;border-inline:1px solid #26515e}.compare-range{position:absolute;z-index:4;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;touch-action:pan-y;margin:0;padding:0}.comparison-slider:focus-within{outline:3px solid #a56e4d;outline-offset:5px}.comparison-controls{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-top:20px}.comparison-controls p{font-size:15px}.comparison-controls>div{display:flex;gap:8px}.comparison-controls button{background:transparent;border:1px solid #6c7870;border-radius:2px;padding:9px 16px;min-height:44px;font-size:15px;color:#172426}.comparison-controls button[aria-pressed=true]{background:#26515e;color:#faf9f5;border-color:#26515e}.featured{background:#172426;color:#faf9f5}.feature-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:90px;align-items:end;margin-bottom:60px}.feature-heading h2{font-size:64px}.feature-heading>p{color:#c5d1c8;font-size:18px;max-width:400px;padding-bottom:5px}.feature-location{color:#c5d1c8;font-size:16px;margin-top:24px}.process-gallery{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:28px;align-items:start}.stage-frame{grid-column:1;grid-row:1/3}.stage-frame img{height:850px;object-position:50% 50%}.stage-deck{grid-column:2;grid-row:1}.stage-deck img{height:340px;object-position:50% 65%}.stage-structure{grid-column:3;grid-row:1;margin-top:80px}.stage-structure img{height:325px;object-position:50% 40%}.stage-finish{grid-column:2/4;grid-row:2;margin-top:20px;margin-left:20px}.stage-finish img{height:340px;object-position:50% 70%}.stage figcaption{padding-top:12px;color:#d9e1da;font-size:16px}.contact{background:#26515e;color:#faf9f5}.contact-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.contact h2{font-size:66px}.contact-copy>p{color:#dce5dd;margin-top:30px;max-width:360px;font-size:18px}.contact-phone{display:block;font-size:44px;line-height:1.1;letter-spacing:-.035em;font-weight:600;margin-top:32px}.call-button{background:transparent;color:#faf9f5;margin-top:22px;font-size:16px;min-height:50px}.call-button:hover{color:#26515e}.contact-copy p.preview-note{font-size:15px;color:#d4dfd7;border-left:2px solid #d8d1c4;padding-left:17px;margin-top:40px;max-width:350px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px}label{display:flex;flex-direction:column;gap:9px;font-size:16px;font-weight:500;line-height:1.35}.full{grid-column:1/-1}input,select,textarea{border:1px solid #91a79f;border-radius:2px;background:#ffffff06;color:#faf9f5;min-width:0;width:100%;padding:14px;font-size:17px;line-height:1.4}input:focus,textarea:focus,select:focus{background:#ffffff0c}textarea{resize:vertical}textarea::placeholder{color:#c4d1c9}select option{background:#26515e}.optional{font-size:14px;color:#d1ddd5;font-weight:400;display:inline}.file-field label{display:block;margin-bottom:12px}.file-field .optional{margin-left:8px}input[type=file]{font-size:15px;padding:12px;cursor:pointer}input::file-selector-button{border:0;background:#d8d1c4;color:#172426;border-radius:2px;padding:9px 12px;margin-right:12px;font:inherit;cursor:pointer}#file-help{color:#d4dfd7;font-size:14px;line-height:1.5;margin-top:9px}.file-thumb{display:flex;align-items:center;gap:12px;margin-top:12px;font-size:14px;overflow-wrap:anywhere}.file-thumb img{width:54px;height:54px;flex:none}.file-thumb span{min-width:0;flex:1}.file-thumb button{background:none;border:1px solid #91a79f;color:#faf9f5;border-radius:2px;padding:8px;min-height:44px;font-size:14px}form>.button{margin-top:27px}.form-note{font-size:14px;color:#d4dfd7;margin-top:12px}#form-result{margin-top:22px;background:#faf9f5;color:#172426;padding:18px;border-left:3px solid #a56e4d;font-size:16px}footer{background:#26515e;color:#faf9f5;padding:0 0 25px}footer>.wrap{border-top:1px solid #78928c;padding-top:36px}.footer-main{display:flex;justify-content:space-between;align-items:center;gap:30px}.footer-main p{font-size:16px;color:#dce5dd}.footer-main>div a{display:block;font-size:16px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;color:#cad8cf;font-size:13px;margin-top:32px}.footer-bottom>span:nth-child(2){display:none}.mobile-bar{display:none}dialog{background:#f2efe7;color:#172426;border:0;padding:55px 24px 20px;max-width:95vw;max-height:94dvh}dialog::backdrop{background:#172426ed}dialog img{max-height:75dvh;max-width:85vw;object-fit:contain;width:auto;margin:auto}dialog p{font-size:15px;margin-top:12px}.close-photo{position:absolute;top:12px;right:18px;background:none;border:0;color:#26515e;font-weight:600;font-size:16px;padding:6px}body.modal-open{overflow:hidden}[hidden]{display:none!important}
@media(min-width:1600px){.hero-copy{padding-left:max(45px,calc((100vw - 1450px)/2))}.hero h1{font-size:84px}}
@media(min-width:701px) and (max-width:1100px){.wrap{width:calc(100% - 64px)}.header nav{gap:20px}.header nav .button{display:none}.hero{grid-template-columns:42% 58%;min-height:690px;height:80svh}.hero-copy{padding:25px 26px 45px 32px}.hero h1{font-size:60px}.hero .eyebrow{font-size:12px}.hero-intro{font-size:17px}.hero-actions{gap:12px}.hero-actions .button{font-size:16px;padding-inline:16px}.hero-actions .text-link{font-size:15px}.work-gallery{gap:35px}.pool-project img{height:780px}.door-project{width:92%}.door-project img{height:390px}.gelorup-project{margin-left:0}.gelorup-project img{height:275px}.project figcaption h3{font-size:25px}.service-list>div{gap:40px;grid-template-columns:1.2fr 1fr}.service-list h3{font-size:29px}.comparison-wrap{width:90%}.comparison-slider{height:600px}.process-gallery{gap:18px}.stage-frame img{height:730px}.stage-deck img{height:270px}.stage-structure img{height:255px}.stage-finish{margin-left:0}.stage-finish img{height:300px}.feature-heading{gap:40px}.feature-heading h2{font-size:56px}.contact-grid{gap:50px;grid-template-columns:1fr 1.15fr}.contact h2{font-size:54px}.contact-phone{font-size:35px}.contact .form-grid{grid-template-columns:1fr}.contact-copy>p{font-size:17px}.footer-main{gap:20px}.footer-main .brand{font-size:14px}.footer-main .mark{width:48px}.footer-main p{font-size:14px}}
@media(max-width:700px){body{font-size:17px}.wrap{width:calc(100% - 40px)}h2{font-size:40px;line-height:1.01}.section{padding-block:78px}.header{position:absolute;z-index:10;top:0;left:0;right:0;height:86px;background:transparent}.header-inner{width:calc(100% - 32px)}.brand{font-size:14px;gap:10px}.mark{width:48px;height:35px}.brand-sub{font-size:9px;letter-spacing:.14em;margin-top:5px}.menu{display:block;background:#17242666;border:1px solid #faf9f588;color:#faf9f5;border-radius:2px;padding:10px 13px;min-height:44px;font-size:15px}.header nav{display:none;position:absolute;top:76px;left:16px;right:16px;background:#172426;color:#faf9f5;flex-direction:column;align-items:stretch;gap:0;padding:12px 20px;box-shadow:0 5px 12px #0002}.header nav.open{display:flex}.header nav>a{padding-block:13px}.header nav .button{margin-block:10px;display:flex}.hero{display:block;min-height:730px;height:92svh;max-height:980px;background:#172426}.hero-photo{position:absolute;inset:0}.hero-photo img{object-position:50% 25%;height:100%;width:100%}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#172426b3 0%,#17242608 28%,#17242640 42%,#172426da 67%,#172426f2 100%)}.hero-photo figcaption{display:none}.hero-copy{position:absolute;bottom:0;left:0;right:0;padding:0 20px 35px;max-width:none}.hero .eyebrow{font-size:12px;line-height:1.4;letter-spacing:0;margin-bottom:17px;max-width:340px;color:#e1e8e0}.hero h1{font-size:49px;line-height:.97;max-width:410px;letter-spacing:-.045em}.hero-intro{font-size:17px;line-height:1.5;max-width:330px;margin-top:20px;color:#f0f2ec}.hero-actions{margin-top:23px;gap:19px;flex-wrap:nowrap}.hero-actions .button{font-size:16px;padding:14px 16px;min-height:54px;white-space:nowrap}.hero-actions .text-link{font-size:15px;white-space:nowrap}.work{padding-bottom:60px}.section-heading{display:block;margin-bottom:28px}.section-heading p{font-size:16px;margin-top:15px}.work-gallery{display:flex;align-items:flex-start;overflow-x:auto;gap:14px;width:calc(100% + 40px);margin-inline:-20px;padding-inline:20px;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none}.work-gallery::-webkit-scrollbar{display:none}.project,.door-project,.gelorup-project{flex:0 0 90vw;width:90vw;max-width:none;margin:0;padding:0;scroll-snap-align:start}.project img,.pool-project img,.door-project img,.gelorup-project img{height:460px;object-position:50% 50%}.door-project img{object-position:50% 43%}.gelorup-project img{object-position:50% 40%}.project figcaption{padding-top:16px}.project figcaption h3{font-size:27px}.project figcaption p{font-size:16px;margin-top:7px}.swipe-hint{display:block;margin-top:25px;font-size:14px}.services{padding-block:15px 74px}.services h2{margin-bottom:28px}.service-list>div{display:block;padding-block:23px}.service-list h3{font-size:28px;max-width:330px;line-height:1.05}.service-list p{font-size:16px;line-height:1.55;margin-top:12px;max-width:330px}.transformation{padding-block:70px}.transformation>.wrap{width:calc(100% - 32px)}.transformation-heading{display:block;margin-bottom:29px;padding-inline:4px}.transformation-heading h2{font-size:39px}.transformation-heading p{font-size:15px;margin-top:20px}.comparison-wrap{width:100%}.comparison-slider{height:auto;aspect-ratio:4/5}.comparison-slider img{height:100%;object-position:50% 50%}.compare-label{font-size:13px;top:13px;padding:6px 11px}.before-label{left:12px}.after-label{right:12px}.comparison-controls{display:block;margin-top:19px}.comparison-controls p{font-size:14px}.comparison-controls>div{margin-top:15px;gap:10px}.comparison-controls button{font-size:15px;padding:10px 17px;min-height:46px}.featured{padding-block:75px}.feature-heading{display:block;margin-bottom:32px}.feature-heading h2{font-size:43px}.feature-location{font-size:15px;margin-top:22px;max-width:300px}.feature-heading>p{font-size:16px;line-height:1.6;margin-top:23px;max-width:335px}.process-gallery{display:flex;width:calc(100% + 40px);margin-left:-20px;padding-inline:20px;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:20px;scrollbar-width:none}.process-gallery::-webkit-scrollbar{display:none}.stage{flex:0 0 80vw;min-width:0;width:80vw;scroll-snap-align:start;margin:0}.stage img{height:410px;width:100%;object-position:50% 50%}.stage-structure img{object-position:50% 35%}.stage-finish img{object-position:50% 65%}.stage figcaption{font-size:16px;padding-top:14px}.contact{padding-block:75px 65px}.contact-grid{display:block}.contact h2{font-size:48px}.contact-copy>p{font-size:17px;line-height:1.55;margin-top:25px;max-width:340px}.contact-phone{font-size:39px;margin-top:28px}.call-button{display:flex;min-height:54px;width:100%;margin-top:22px;font-size:17px}.contact-copy p.preview-note{font-size:14px;margin-top:30px;max-width:335px}.contact form{margin-top:38px}.form-grid{display:grid;grid-template-columns:1fr;gap:24px}label{font-size:17px}input,select,textarea{font-size:17px;padding:15px;min-height:54px}.optional{font-size:14px}.file-field label{line-height:1.5}input[type=file]{padding:10px;font-size:14px}input::file-selector-button{padding:10px}#file-help{font-size:14px}form>.button{width:100%;min-height:56px;font-size:17px;margin-top:27px}.form-note{font-size:14px}.footer-main{display:block}.footer-main p{margin-top:24px;font-size:16px}.footer-main>div{display:flex;justify-content:space-between;margin-top:20px;gap:15px}.footer-main>div a{font-size:16px}.footer-bottom{margin-top:28px;font-size:12px;gap:12px}footer{padding-bottom:30px}footer>.wrap{padding-top:32px}.mobile-bar{position:fixed;z-index:20;bottom:0;left:0;right:0;display:grid;grid-template-columns:.8fr 1.2fr;gap:8px;background:#f2efe7;padding:8px 12px calc(8px + env(safe-area-inset-bottom));border-top:1px solid #bfc6ba}.mobile-bar a{min-height:54px;display:flex;align-items:center;justify-content:center;color:#26515e;font-size:16px;font-weight:600;border:1px solid #26515e;border-radius:2px}.mobile-bar a:last-child{background:#26515e;color:#faf9f5}dialog{padding:55px 12px 20px;max-width:95vw}dialog img{max-width:86vw}html{scroll-padding-top:20px}}
@media(max-width:380px){.hero h1{font-size:47px}.hero-copy{padding-inline:18px}.hero-actions{gap:15px}.hero-actions .button{font-size:15px;padding-inline:15px}.hero-actions .text-link{font-size:14px}.contact-phone{font-size:37px}}
@media(max-width:700px) and (max-height:760px){.hero{min-height:675px;height:92svh}.hero h1{font-size:46px}.hero-copy{padding-bottom:25px}.hero .eyebrow{margin-bottom:14px}.hero-intro{margin-top:17px}.hero-actions{margin-top:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:700px){.work-gallery{gap:12px}.project,.door-project,.gelorup-project{flex-basis:88vw;width:88vw}}

.compare-range{pointer-events:none}.compare-surface{position:absolute;inset:0;z-index:5;touch-action:pan-y;cursor:ew-resize}

.feature-heading .project-detail{font-weight:600;color:#faf9f5}input[type=file]{border-color:#91a79f;background:#ffffff06}input::file-selector-button{background:#faf9f5;color:#26515e;font-weight:600;border:1px solid #faf9f5}input::file-selector-button:hover{background:#d8d1c4;border-color:#d8d1c4}