/* /style.css */
:root{--paper:#fff;--ink:#22323b;--green:#506b78;--muted:#6a767c;--line:#dbe1e4;--finish:#353b3b;--accent:#b9cad1;font-family:Heebo,Arial,sans-serif;color:var(--ink);background:#fff;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #789cad;outline-offset:5px}.wrap{width:min(1240px,calc(100% - 112px));margin-inline:auto}.skip{position:absolute;top:-100px;right:20px;padding:16px;background:#fff;z-index:101}.skip:focus{top:15px}.nav{position:absolute;inset:0 0 auto;z-index:10;color:#fff;border-bottom:1px solid #ffffff33;transition:background .3s}.nav-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px}.logo{font-family:Arial,sans-serif;font-size:31px;letter-spacing:-1.5px;font-weight:700;line-height:1}.logo span{display:block;font-size:8px;font-weight:400;letter-spacing:2px;margin-top:8px}.nav nav{display:flex;gap:34px;font-size:14px}.nav nav a{opacity:.85}.nav nav a:hover{opacity:1}.button{border:1px solid transparent;border-radius:3px;padding:14px 26px;min-height:52px;font-size:15px;line-height:1.5;font-weight:500;display:inline-flex;align-items:center;justify-content:center;transition:background .25s,border .25s}.button.dark{background:var(--ink);color:#fff}.button.dark:hover{background:#4b6472}.button.white{background:#fff;color:var(--ink)}.button.white:hover{background:#dae4e9}.nav-cta{border-color:#ffffff99;color:#fff;background:transparent;min-height:44px;font-size:14px;padding:10px 21px}.nav-cta:hover{background:#fff;color:var(--ink)}.text-link{background:transparent;border:0;border-bottom:1px solid #a8b8c0;font-size:14px;padding:7px 0;display:inline-flex;align-self:flex-start;color:var(--ink)}.text-link:hover{color:#637f8e}.text-link.light{color:#fff;border-color:#ffffff66}.eyebrow{display:block;font-size:12px;font-weight:400;letter-spacing:.5px;color:var(--muted)}.eyebrow.light{color:#d5e0e5}.hero{height:min(920px,100svh);min-height:730px;position:relative;background:#22323b;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;object-position:center 53%}.hero-shade{position:absolute;inset:0;background:linear-gradient(270deg,#0c1d2ce6 0%,#12283977 48%,#1e33300d 80%),linear-gradient(0deg,#14202ac4,transparent 30%,transparent 75%,#11232d7a)}.hero-content{position:relative;padding-top:clamp(190px,25vh,255px);z-index:1}.hero h1{font-size:clamp(48px,5.4vw,76px);font-weight:500;letter-spacing:-2px;line-height:1.22;margin:24px 0}.hero h1 span{font-weight:400;color:#e0eaec}.hero-content>p{font-size:18px;line-height:1.9;color:#dce5e9}.hero-actions{display:flex;align-items:center;gap:30px;margin-top:32px}.hero-bottom{position:absolute;bottom:48px;left:0;right:0;z-index:1;display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;border-top:1px solid #ffffff55;padding-top:22px;gap:32px}.hero-bottom-label{font-size:12px;color:#c6d2d9;line-height:1.8}.hero-bottom>a{font-size:16px;display:flex;gap:16px;align-items:center}.hero-bottom>a>span{font-size:11px;color:#b8cbd4;font-family:Arial,sans-serif}.hero-bottom>a:hover{color:#bdd7e4}.image-disclosure{position:absolute;left:24px;bottom:14px;font-size:10px;color:#d7e1e5;z-index:1}.section{padding-top:105px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:60px;margin-bottom:50px}.section-heading h2{margin-top:24px}h2{font-size:clamp(39px,4vw,57px);font-weight:500;letter-spacing:-1.5px;line-height:1.28}h2 span{color:var(--green)}.section-heading>p{font-size:16px;line-height:1.95;color:var(--muted);max-width:385px;padding-bottom:5px}.service-triptych{display:grid;grid-template-columns:.95fr 1.15fr 1fr;gap:30px}.service-card{display:block;min-width:0}.card-image{position:relative;overflow:hidden;background:#e6ecef;clip-path:polygon(0 0,100% 0,100% 92%,90% 100%,0 100%)}.screen-card .card-image{height:470px}.glass-card{padding-top:75px}.glass-card .card-image{height:325px}.pergola-card{padding-top:28px}.pergola-card .card-image{height:390px}.card-image img{transition:transform .8s cubic-bezier(.2,.6,.2,1)}.service-card:hover img{transform:scale(1.045)}.card-index{position:absolute;top:18px;right:20px;font-family:Arial,sans-serif;font-size:34px;color:#fff;line-height:1;text-shadow:0 1px 8px #15222c55}.card-discovery{position:absolute;left:17px;bottom:19px;background:#fff;padding:8px 13px;font-size:11px;opacity:0;transform:translateY(8px);transition:opacity .3s,transform .3s}.service-card:hover .card-discovery,.service-card:focus-visible .card-discovery{opacity:1;transform:none}.card-caption{padding:22px 0 0}.card-caption h3{font-size:24px;font-weight:500;letter-spacing:-.5px}.card-caption p{font-size:14px;color:var(--muted);margin-top:6px}.image-note{font-size:11px;color:#829098;margin-top:30px}.screen-section{background:#eff2f3}.screen-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.screen-copy h2{margin:26px 0}.screen-copy>p{font-size:16px;line-height:1.95;color:var(--muted);max-width:440px}.detail-controls{display:flex;margin:32px 0 22px;border-bottom:1px solid #cdd7dc;gap:12px}.detail-controls button{background:transparent;border:0;border-bottom:2px solid transparent;padding:14px 0;font-size:13px;flex:1;text-align:right;line-height:1.6}.detail-controls button>span{font-family:Arial,sans-serif;display:block;color:#8c9ca5;font-size:10px;margin-bottom:6px}.detail-controls button.active{border-bottom-color:var(--ink);font-weight:500}.screen-detail{min-height:137px}.detail-label{font-size:11px;color:#8998a0;letter-spacing:.4px;display:block}.screen-detail h3{font-size:20px;font-weight:500;line-height:1.5;margin:10px 0}.screen-detail p{font-size:14px;line-height:1.85;color:var(--muted)}.screen-copy>.text-link{margin-top:22px}.annotated-photo{height:650px;position:relative;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 95%,93% 100%,0 100%)}.annotated-photo img{object-position:center 50%}.photo-ruler{position:absolute;left:17px;top:24px;bottom:115px;display:flex;flex-direction:column;align-items:center;gap:20px;color:#fff;writing-mode:vertical-rl;font-size:9px;letter-spacing:1px;direction:ltr}.photo-ruler i{width:1px;background:#ffffff77;flex:1}.hotspot{position:absolute;left:var(--x);top:var(--y);width:38px;height:38px;border:1px solid #ffffffaa;border-radius:50%;background:#ffffffd9;color:var(--ink);font-family:Arial,sans-serif;font-size:13px;display:grid;place-items:center;transform:translate(-50%,-50%);box-shadow:0 0 0 7px #ffffff22;transition:background .3s,box-shadow .3s}.hotspot.active{background:#22323b;color:#fff;box-shadow:0 0 0 8px #ffffff66}.hotspot:hover{box-shadow:0 0 0 11px #ffffff66}.annotation-caption{position:absolute;bottom:30px;left:28px;right:28px;background:#fff;padding:16px 20px;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:13px}.annotation-caption>span:last-child{font-size:10px;color:var(--muted)}.glass-section{background:#fff}.glass-panorama{height:680px;position:relative;overflow:hidden;background:#b7c9d2}.glass-panorama>img{position:absolute;inset:0;object-position:50% 50%;transition:object-position 1.4s ease}.glass-shade{position:absolute;inset:0;background:linear-gradient(270deg,#142a37b0,transparent 75%),linear-gradient(0deg,#14263222,transparent 70%)}.glass-copy{position:relative;z-index:1;padding-top:95px;color:#fff}.glass-copy h2{font-size:62px;font-weight:400;margin:25px 0}.glass-copy h2 span{color:#e5edef}.glass-copy p{font-size:17px;line-height:1.9;color:#e2e9ec}.panorama-index{font-family:Arial,sans-serif;font-size:210px;line-height:1;font-weight:400;color:#ffffff33;position:absolute;bottom:44px;left:55px;z-index:1}.glass-detail{position:relative;background:#fff;margin-top:-40px;z-index:2;padding:32px 34px 35px;border:1px solid var(--line);display:grid;grid-template-columns:1.7fr 1fr;gap:26px 45px}.glass-tabs{display:flex;gap:20px;grid-column:1/-1;border-bottom:1px solid var(--line)}.glass-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;padding:0 10px 17px;font-size:14px}.glass-tabs button[aria-selected=true]{border-color:var(--ink);font-weight:500}.glass-detail>div[role=tabpanel]{min-height:94px}.glass-detail h3{font-size:22px;font-weight:500;margin-bottom:12px}.glass-detail p{font-size:15px;line-height:1.85;color:var(--muted);max-width:520px}.glass-detail>.button{grid-column:2;grid-row:2;align-self:center;justify-self:end}.glass-detail>div[role=tabpanel]{grid-column:1;grid-row:2}.pergola-section{padding-top:105px}.pergola-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:55px;direction:ltr;align-items:start}.pergola-photo{height:570px;position:relative;overflow:hidden}.pergola-photo img{object-position:61% center}.pergola-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#14232bc0);pointer-events:none}.pergola-photo-label{position:absolute;right:30px;left:30px;bottom:30px;z-index:1;display:flex;flex-direction:column;gap:12px;color:#fff;direction:rtl}.pergola-photo-label>span{font-size:10px;letter-spacing:1px;direction:ltr}.pergola-photo-label>strong{font-size:20px;font-weight:400;line-height:1.5}.pergola-options{direction:rtl}.pergola-options>.detail-label{margin-bottom:15px}.pergola-options details{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.pergola-options summary{display:flex;gap:18px;align-items:center;font-size:20px;padding:25px 0;font-weight:500}.pergola-options summary>span{font-family:Arial,sans-serif;font-size:11px;color:#8b9da7}.pergola-options summary:after{content:"+";font-weight:400;margin-right:auto;font-size:23px}.pergola-options details[open] summary:after{content:"−"}.pergola-options details>p{font-size:15px;line-height:1.9;color:var(--muted);padding-bottom:24px}.use-choices{display:flex;gap:8px;padding-bottom:25px}.use-choices button{background:#fff;border:1px solid var(--line);padding:8px 17px;font-size:13px;border-radius:2px}.use-choices button.selected{background:var(--ink);color:#fff;border-color:var(--ink)}.pergola-options>.button{margin-top:30px}.swatches{display:flex;gap:14px;margin-bottom:20px}.swatch{width:40px;height:40px;background:var(--swatch);border:4px solid #fff;outline:1px solid var(--line);border-radius:2px}.swatch.selected{outline-color:var(--ink)}.finish-preview{display:flex;align-items:center;gap:12px;font-size:13px}.finish-sample-color{height:24px;width:45px;display:block;background:var(--finish);transition:background .3s}.finish-name{display:block;font-size:11px;color:var(--muted);margin:13px 0 25px}.matcher{background:#22323b;padding:90px 0;color:#fff}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.match-copy h2{margin:24px 0;font-weight:400}.match-copy h2 span{color:#b9cad1}.match-copy>p{font-size:15px;color:#b4c2c9;line-height:1.9}.match-options{display:flex;flex-direction:column;margin-top:30px}.match-options button{border:0;border-bottom:1px solid #ffffff33;background:transparent;padding:22px 0;display:flex;justify-content:space-between;gap:20px;color:#9baeb9;text-align:right;font-size:17px;font-weight:400}.match-options button>span{font-family:Arial,sans-serif;font-size:11px}.match-options button.selected{color:#fff;border-bottom-color:#b9cad1}.match-result{background:#fff;color:var(--ink);transform:translateY(18px)}.match-image{height:285px;overflow:hidden}.match-image img{object-position:center 52%;transition:opacity .2s}.match-result-copy{padding:30px}.match-result h3{font-size:26px;font-weight:500;line-height:1.4;margin:13px 0}.match-result p{font-size:15px;line-height:1.9;color:var(--muted)}.match-result .text-link{margin-top:23px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative}.steps article{border-top:1px solid var(--line);padding-top:25px}.steps article>span{font-family:Arial,sans-serif;font-size:32px;display:block;color:#9aaab3;margin-bottom:35px}.steps h3{font-size:24px;font-weight:500;margin-bottom:15px}.steps p{font-size:15px;line-height:1.95;color:var(--muted)}.steps small{display:block;font-size:12px;color:#82949e;margin-top:28px}.more{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding:50px 0 70px;border-top:1px solid var(--line)}.more h2{font-size:35px;margin-top:22px}.more-links{display:flex;flex-direction:column}.more-links button{display:grid;grid-template-columns:1.1fr 1fr auto;gap:20px;align-items:center;text-align:right;border:0;border-bottom:1px solid var(--line);background:transparent;padding:22px 0}.more-links button>span{font-size:18px}.more-links small{font-size:12px;color:var(--muted)}.more-links b{font-size:22px;font-weight:400}.faq{display:grid;grid-template-columns:1fr 1.6fr;gap:60px;padding-top:35px;padding-bottom:100px}.faq h2{font-size:35px}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:22px 0;font-size:16px}.faq-list summary:after{content:"+";font-size:23px;font-weight:400}.faq-list details[open] summary:after{content:"−"}.faq-list p{font-size:15px;line-height:1.95;color:var(--muted);padding-bottom:24px}.closing{background:#e8eef1}.closing-inner{padding:80px 0;display:grid;grid-template-columns:1.4fr 1fr;gap:75px;align-items:center}.closing h2{margin-top:25px;font-size:53px}.closing p{font-size:17px;line-height:1.95;color:var(--muted);margin-bottom:28px}footer{min-height:145px;display:flex;justify-content:space-between;align-items:center;gap:30px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}.reveal.in-view{animation:rise-in .8s cubic-bezier(.2,.7,.2,1) both}.service-card.in-view .card-image{animation:clip-in 1s cubic-bezier(.2,.7,.2,1) both}.glass-panorama.in-view>img{animation:photo-settle 1.5s ease both}@keyframes rise-in{from{opacity:.3;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes clip-in{from{clip-path:polygon(0 0,100% 0,100% 0,90% 0,0 0)}to{clip-path:polygon(0 0,100% 0,100% 92%,90% 100%,0 100%)}}@keyframes photo-settle{from{transform:scale(1.055)}to{transform:scale(1)}}
dialog{border:0;padding:54px;width:min(590px,calc(100% - 32px));border-radius:18px;background:var(--paper);color:var(--ink);box-shadow:0 40px 120px #03130c50}dialog::backdrop{background:#081c16aa;backdrop-filter:blur(10px)}.close-dialog{position:absolute;left:20px;top:15px;border:0;background:transparent;width:44px;height:44px;font-size:32px;font-weight:400}.dialog-eyebrow{font-size:10px;letter-spacing:1.5px;color:var(--muted);margin-bottom:24px;text-align:right}dialog h2{font-size:38px;letter-spacing:-1px;line-height:1.25}dialog>p{font-size:15px;color:var(--muted);line-height:1.8;margin-top:12px}.brief-progress{display:flex;gap:8px;margin:28px 0}.brief-progress span{height:3px;background:var(--line);flex:1}.brief-progress span.active{background:var(--green)}.brief-options{display:flex;flex-direction:column;gap:10px}.brief-choice{border:1px solid var(--line);background:transparent;text-align:right;border-radius:10px;padding:17px 20px;font-size:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brief-choice:after{content:"";width:16px;height:16px;border:1px solid #aab6a7;border-radius:50%;flex-shrink:0}.brief-choice.selected{border-color:var(--green);background:#e6ebdf}.brief-choice.selected:after{background:var(--green);border:4px solid #c3d1b8}.brief-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.back-button{border:0;background:transparent;font-size:14px;padding:12px}.brief-summary{display:flex;flex-direction:column}.brief-summary>div{padding:16px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:15px}.brief-summary span{color:var(--muted)}#brief-feedback{font-size:13px;min-height:22px}.revealed{animation:reveal .7s ease both}@keyframes reveal{from{opacity:.2;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}
dialog{border-radius:6px}.brief-choice{border-radius:3px}.brief-choice.selected{background:#edf2f5}.brief-choice.selected:after{background:#375363;border-color:#cbd9e1}dialog::backdrop{background:#18242db0}.brief-progress span.active{background:#375363}
@media(max-width:1050px){.wrap{width:calc(100% - 64px)}.nav nav{gap:22px}.screen-grid{gap:40px}.match-grid{gap:50px}.glass-detail{grid-template-columns:1.8fr 1fr;gap:25px}.pergola-grid{gap:35px;grid-template-columns:1.3fr 1fr}.hero h1{font-size:60px}.glass-copy h2{font-size:54px}.service-triptych{gap:20px}}
@media(max-width:760px){:root{scroll-padding-top:25px}.wrap{width:calc(100% - 40px)}.nav-inner{height:80px;gap:15px}.logo{font-size:26px}.logo span{font-size:7px;letter-spacing:1.5px}.nav nav{display:none}.nav-cta{font-size:12px;min-height:40px;padding:9px 15px}.hero{min-height:720px;height:92svh;max-height:860px}.hero-image{object-position:57% center}.hero-shade{background:linear-gradient(270deg,#0c1d2cc9,#14293944 100%),linear-gradient(0deg,#14202ac4,transparent 45%,#11232d55)}.hero-content{padding-top:170px}.hero h1{font-size:clamp(40px,9.9vw,56px);font-weight:500;letter-spacing:-1.2px;line-height:1.3;margin:25px 0}.hero-content>p{font-size:15px;line-height:1.95;max-width:325px}.eyebrow{font-size:10px;letter-spacing:.3px}.hero-actions{gap:22px;margin-top:28px;align-items:flex-start;flex-direction:column}.hero-actions .button{font-size:14px;min-height:48px;padding:12px 22px}.hero-actions .text-link{font-size:13px}.hero-bottom{bottom:42px;padding-top:18px;grid-template-columns:repeat(3,1fr);gap:12px}.hero-bottom-label{display:none}.hero-bottom>a{font-size:11px;line-height:1.5;gap:7px;flex-direction:column;align-items:flex-start}.hero-bottom>a>span{font-size:10px}.image-disclosure{font-size:9px;left:20px;bottom:12px}.section{padding:60px 0}.section-heading{display:block;margin-bottom:30px}.section-heading h2{margin-top:22px}h2{font-size:38px;line-height:1.32;letter-spacing:-1px}.section-heading>p{font-size:15px;line-height:1.9;margin-top:22px}.service-triptych{grid-template-columns:1fr 1fr;gap:30px 18px}.screen-card{grid-column:1/-1;display:grid;grid-template-columns:1.25fr 1fr;gap:22px;align-items:end}.screen-card .card-image{height:315px}.screen-card .card-caption{padding-bottom:24px}.glass-card,.pergola-card{padding:0}.glass-card .card-image,.pergola-card .card-image{height:235px}.pergola-card{padding-top:35px}.card-index{font-size:25px;top:15px;right:15px}.card-caption{padding-top:17px}.card-caption h3{font-size:20px;line-height:1.4}.card-caption p{font-size:12px;line-height:1.7}.card-discovery{display:none}.image-note{font-size:10px;line-height:1.8;margin-top:25px}.screen-grid{grid-template-columns:1fr;gap:35px}.screen-copy h2{margin:23px 0}.screen-copy>p{font-size:15px}.detail-controls{margin-top:25px;gap:10px}.detail-controls button{font-size:12px;padding:12px 0}.screen-detail{min-height:135px}.screen-detail h3{font-size:19px}.screen-detail p{font-size:14px}.screen-copy>.text-link{margin-top:12px}.annotated-photo{height:520px}.annotation-caption{left:18px;right:18px;bottom:25px;padding:13px 15px;font-size:12px}.annotation-caption>span:last-child{font-size:9px}.hotspot{width:34px;height:34px;font-size:12px}.photo-ruler{font-size:8px;left:14px}.glass-panorama{height:590px}.glass-panorama>img{object-position:35% 50%}.glass-shade{background:linear-gradient(180deg,#142a37bb,transparent 85%),linear-gradient(270deg,#142a3766,transparent)}.glass-copy{padding-top:65px}.glass-copy h2{font-size:45px;font-weight:400;margin:25px 0}.glass-copy p{font-size:15px;max-width:310px;line-height:1.9}.panorama-index{font-size:130px;left:24px;bottom:55px}.glass-detail{margin-top:-35px;padding:23px 20px;grid-template-columns:1fr;gap:22px}.glass-tabs{gap:15px}.glass-tabs button{font-size:12px;padding:0 3px 14px;flex:1;white-space:nowrap}.glass-detail>div[role=tabpanel]{grid-column:1;grid-row:2;min-height:125px}.glass-detail h3{font-size:21px;line-height:1.5;margin-bottom:10px}.glass-detail p{font-size:14px;line-height:1.9}.glass-detail>.button{grid-column:1;grid-row:3;justify-self:start;min-height:46px;font-size:13px;padding:12px 18px}.pergola-grid{grid-template-columns:1fr;gap:28px}.pergola-photo{height:420px}.pergola-photo img{object-position:60% center}.pergola-photo-label{left:22px;right:22px;bottom:25px}.pergola-photo-label>strong{font-size:18px}.pergola-options summary{padding:21px 0;font-size:19px}.pergola-options details>p{font-size:15px;padding-bottom:20px}.pergola-options>.button{font-size:14px;min-height:48px;margin-top:24px}.matcher{padding:60px 0}.match-grid{grid-template-columns:1fr;gap:35px}.match-copy h2{margin:22px 0}.match-options{margin-top:22px}.match-options button{padding:20px 0;font-size:15px}.match-result{transform:none}.match-image{height:250px}.match-result-copy{padding:25px}.match-result h3{font-size:24px}.match-result p{font-size:14px}.steps{grid-template-columns:1fr;gap:30px}.steps article{padding:22px 50px 0 0;position:relative}.steps article>span{position:absolute;right:0;top:24px;font-size:22px}.steps h3{font-size:22px;margin-bottom:12px}.steps p{font-size:15px}.steps small{font-size:11px;margin-top:16px}.more{grid-template-columns:1fr;gap:20px;padding:40px 0}.more h2{font-size:31px;margin-top:19px}.more-links button{grid-template-columns:1fr auto;gap:7px;padding:19px 0}.more-links button>span{font-size:17px}.more-links small{grid-row:2;font-size:12px}.more-links b{grid-column:2;grid-row:1/3}.faq{grid-template-columns:1fr;gap:22px;padding:25px 0 60px}.faq h2{font-size:31px}.faq-list summary{font-size:15px;padding:20px 0}.faq-list p{font-size:15px}.closing-inner{grid-template-columns:1fr;gap:25px;padding:55px 0}.closing h2{font-size:38px;margin-top:23px}.closing p{font-size:15px;margin-bottom:24px}.closing .button{font-size:14px;min-height:48px}footer{min-height:155px;flex-wrap:wrap;padding:30px 0;gap:24px}footer>span{order:3;width:100%;font-size:10px}footer>a:last-child{margin-right:auto}dialog{padding:40px 26px 24px}dialog h2{font-size:30px}.brief-choice{padding:14px 16px;font-size:15px}.brief-summary>div{font-size:14px}}
@media(max-width:380px){.hero h1{font-size:37px}.hero-content{padding-top:155px}.hero-content>p{font-size:14px}.hero{min-height:690px}.hero-bottom>a{font-size:10px}h2{font-size:35px}.screen-card{gap:15px}.card-caption h3{font-size:18px}.glass-tabs{gap:9px}.glass-tabs button{font-size:11px}.annotation-caption{gap:8px}.annotation-caption>span:last-child{font-size:8px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Refinement: entrance, aligned service captions, material detail study, touch flow. */
.hero-content .eyebrow{animation:hero-enter .9s ease both}.hero-content h1{animation:hero-enter .9s .12s ease both}.hero-content>p{animation:hero-enter .9s .24s ease both}.hero-actions{animation:hero-enter .9s .36s ease both}.hero-image{animation:hero-breathe 20s ease-out both;transform-origin:58% 52%}.hero-bottom{animation:hero-enter 1s .45s ease both}.glass-card .card-image{height:395px}.pergola-card .card-image{height:442px}.card-caption{border-bottom:1px solid var(--line);padding-bottom:21px}.card-entry{display:block;font-size:12px;color:#607d8b;margin-top:17px;transition:color .2s}.service-card:hover .card-entry{color:var(--ink)}.detail-study{background:#f5f7f8;padding-bottom:85px}.study-controls{display:flex;gap:32px;border-bottom:1px solid #d6dfe4;margin-bottom:28px}.study-controls button{background:transparent;border:0;border-bottom:2px solid transparent;padding:15px 0;font-size:15px;color:var(--muted)}.study-controls button[aria-selected=true]{border-color:var(--ink);color:var(--ink);font-weight:500}.study-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:24px;align-items:start}.study-wide{position:relative;aspect-ratio:3/2;overflow:hidden;background:#d7e1e6}.study-wide img{object-fit:cover;background:#dde4e8}.study-target{position:absolute;width:62px;height:62px;border:1px solid #fff;outline:1px solid #22323b55;box-shadow:0 0 0 10px #ffffff22;transform:translate(-50%,-50%);transition:top .6s,left .6s;border-radius:2px}.study-photo-label{position:absolute;right:20px;bottom:20px;font-size:11px;background:#fffffff0;padding:8px 12px}.study-macro{position:relative;aspect-ratio:1.1;overflow:hidden;background:#d7e1e6}.study-macro img{position:absolute;max-width:none;object-fit:fill;width:auto;height:auto}.study-zoom-label{position:absolute;right:16px;bottom:16px;font-size:11px;background:#fffffff0;padding:7px 10px}.study-description{padding:24px 0}.study-description h3{font-size:23px;font-weight:500;margin:12px 0;line-height:1.5}.study-description p{font-size:14px;line-height:1.9;color:var(--muted)}.study-note{font-size:11px;color:#83929a;margin-top:18px;line-height:1.8}.mobile-project-bar{display:none}dialog{max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}.brief-choice{min-height:50px}.hotspot{min-width:44px;min-height:44px}.detail-controls button{min-height:60px}.glass-tabs button{min-height:44px}.use-choices button{min-height:44px}
@keyframes hero-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-breathe{from{transform:scale(1.045)}to{transform:scale(1)}}
@media(max-width:760px){.hero-image{object-position:60% 50%;transform-origin:60% 50%;animation-duration:14s}.service-triptych{grid-template-columns:1fr;gap:25px}.service-card,.screen-card,.glass-card,.pergola-card{display:grid;grid-template-columns:1.18fr 1fr;gap:23px;align-items:center;padding:0}.screen-card .card-image,.glass-card .card-image,.pergola-card .card-image{height:260px}.card-caption,.screen-card .card-caption{padding:15px 0 22px}.card-caption h3{font-size:22px}.card-caption p{font-size:13px;line-height:1.8}.card-entry{font-size:11px;line-height:1.8;margin-top:16px}.detail-study{padding:60px 0}.study-controls{gap:20px;margin-bottom:22px}.study-controls button{font-size:12px;flex:1;white-space:nowrap;min-height:48px}.study-grid{grid-template-columns:1fr;gap:20px}.study-target{width:45px;height:45px;box-shadow:0 0 0 6px #ffffff22}.study-aside{display:grid;grid-template-columns:1fr 1.1fr;gap:19px;align-items:start}.study-macro{aspect-ratio:.85}.study-description{padding:5px 0 0}.study-description h3{font-size:19px;line-height:1.45;margin:9px 0}.study-description p{font-size:13px;line-height:1.85}.study-description .detail-label{font-size:10px}.study-photo-label{right:12px;bottom:12px;font-size:9px;padding:6px 9px}.study-zoom-label{right:10px;bottom:10px;font-size:9px;padding:5px 8px}.study-note{font-size:10px;margin-top:20px}.screen-detail{background:#fff;border-right:2px solid #7e98a5;padding:18px 20px;min-height:155px}.screen-detail .detail-label{font-size:10px}.screen-detail h3{font-size:19px}.glass-detail>div[role=tabpanel]{min-height:145px}.annotation-caption>span:last-child{font-size:10px}.detail-controls button{font-size:13px}.hotspot{width:44px;height:44px}.mobile-project-bar{position:fixed;bottom:0;left:0;right:0;padding:11px 20px calc(11px + env(safe-area-inset-bottom));background:#fffffffa;backdrop-filter:blur(15px);border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:15px;z-index:9;transform:translateY(120%);transition:transform .3s}.mobile-project-bar.visible{transform:none}.mobile-project-bar>span{font-size:12px;line-height:1.6;max-width:150px;color:var(--muted)}.mobile-project-bar .button{font-size:12px;min-height:44px;padding:10px 17px}.mobile-project-bar.dialog-open{display:none}body{padding-bottom:env(safe-area-inset-bottom)}footer{padding-bottom:90px}.brief-actions{position:sticky;bottom:-24px;background:var(--paper);padding:15px 0 5px}.use-choices button{font-size:13px;padding:9px 18px}}
@media(max-width:380px){.service-card{gap:17px}.card-caption h3{font-size:19px}.screen-card .card-image,.glass-card .card-image,.pergola-card .card-image{height:235px}.study-aside{grid-template-columns:1fr;gap:14px}.study-macro{aspect-ratio:1.4}.study-description p{font-size:14px}.study-controls{gap:12px}.study-controls button{font-size:11px}.mobile-project-bar>span{font-size:11px}.mobile-project-bar .button{font-size:11px;padding:10px 13px}}
@media(prefers-reduced-motion:reduce){.hero-content .eyebrow,.hero-content h1,.hero-content>p,.hero-actions,.hero-image,.hero-bottom{animation:none!important}*,*:before,*:after{transition:none!important}}
/* Motion follows the architectural reading flow. */
.reading-progress{position:fixed;top:0;inset-inline:0;height:3px;background:#ffffff18;z-index:30;pointer-events:none}.reading-progress>span{display:block;width:100%;height:100%;background:#9db6c4;transform:scaleX(0);transform-origin:right;will-change:transform}.section-index{position:fixed;left:13px;top:50%;transform:translateY(-50%) translateX(-12px);z-index:8;display:flex;flex-direction:column;gap:8px;opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s}.section-index.visible{opacity:1;visibility:visible;transform:translateY(-50%)}.section-index a{position:relative;width:32px;height:34px;display:grid;place-items:center;background:#ffffffeb;border:1px solid #d9e2e6;color:#8397a2;font-family:Arial,sans-serif;font-size:10px;border-radius:2px;transition:color .3s,background .3s}.section-index a.active{background:#22323b;color:#fff;border-color:#22323b}.section-index b{position:absolute;left:40px;white-space:nowrap;background:#22323b;color:#fff;padding:7px 12px;font-family:Heebo,Arial,sans-serif;font-size:11px;font-weight:400;opacity:0;pointer-events:none;transition:opacity .2s;border-radius:2px}.section-index a:hover b,.section-index a:focus-visible b{opacity:1}.hero-image{will-change:translate;scale:1.055}.pergola-photo img{scale:1.055;will-change:translate}.hero-content{will-change:translate}.service-card .card-image{transition:filter .5s}.service-card:hover .card-caption h3{color:#506b78}.card-caption h3{transition:color .3s}.card-discovery{border:1px solid #ffffff99;backdrop-filter:blur(8px);background:#ffffffeb}.screen-detail{transition:border-color .3s}.screen-detail h3,.study-description h3{font-weight:500}.hotspot.active{animation:focused-point 2.8s ease-in-out 2}.hotspot{transition:background .3s,box-shadow .3s,scale .3s}.hotspot:hover{scale:1.07}.study-target{background:#ffffff0d;cursor:grab;touch-action:none;z-index:2;padding:0;border-radius:0;min-width:48px;min-height:48px;outline-offset:5px}.study-target:before,.study-target:after{content:"";position:absolute;background:#fff;opacity:.8;pointer-events:none}.study-target:before{width:12px;height:1px;left:calc(50% - 6px);top:50%}.study-target:after{height:12px;width:1px;top:calc(50% - 6px);left:50%}.study-target.dragging{cursor:grabbing;transition:none;background:#ffffff22}.study-macro img{transition:left .42s cubic-bezier(.2,.6,.2,1),top .42s cubic-bezier(.2,.6,.2,1),width .42s,height .42s}.study-macro.dragging img{transition:none}.study-toolbar{display:flex;justify-content:space-between;align-items:center;gap:35px;margin-top:23px;padding-top:22px;border-top:1px solid #d8e1e5}.study-toolbar>span{font-size:12px;line-height:1.8;color:#798e99;max-width:350px}.study-toolbar>div{display:flex;align-items:center;gap:15px}.study-toolbar label{font-size:12px;white-space:nowrap;color:var(--muted)}.study-toolbar input{width:110px;accent-color:#506b78;direction:ltr;cursor:pointer;min-height:35px}.study-reset{background:transparent;border:0;border-bottom:1px solid #a8b8c0;font-size:12px;padding:8px 0;color:#506b78;min-height:40px}.steps article{position:relative}.steps article:before{content:"";position:absolute;right:0;top:-1px;height:2px;width:100%;background:#7e9aaa;transform:scaleX(0);transform-origin:right;transition:transform .8s}.steps article.in-view:before{transform:scaleX(1)}.steps article.in-view>span{color:#506b78;transition:color 1s}.button{position:relative;overflow:hidden;transition:background .25s,border .25s,box-shadow .25s}.button.dark:hover{box-shadow:0 7px 20px #22323b1c}.hero .button.white:hover{box-shadow:0 8px 24px #0c1d2c25}.pergola-options details[open]>p,.faq-list details[open]>p{animation:detail-open .4s ease both}@keyframes detail-open{from{opacity:.2;transform:translateY(-5px)}to{opacity:1;transform:none}}@keyframes focused-point{50%{box-shadow:0 0 0 12px #ffffff33}}
@media(max-width:1050px){.section-index{display:none}.study-toolbar{align-items:flex-start}.study-toolbar>div{flex-wrap:wrap;gap:10px 15px}.study-toolbar>span{max-width:270px}}
@media(max-width:760px){.hero-image,.hero-content,.pergola-photo img{will-change:auto}.reading-progress{height:2px}.study-toolbar{display:block;margin-top:20px;padding-top:18px}.study-toolbar>span{display:block;font-size:11px;max-width:none}.study-toolbar>div{margin-top:15px;gap:12px 17px}.study-toolbar input{width:115px;min-height:44px}.study-reset{font-size:11px;min-height:44px}.study-target{width:48px;height:48px}.study-macro img{transition-duration:.2s}}
@media(prefers-reduced-motion:reduce){.hero-image,.hero-content,.pergola-photo img{translate:none!important;will-change:auto}.hero-image,.pergola-photo img{scale:1}.hotspot.active,.pergola-options details[open]>p,.faq-list details[open]>p{animation:none!important}}
/* Product-specific visual decisions: façade comparison, railing style, daylight scenes. */
.screen-comparison{min-width:0}.compare-visual{height:650px;position:relative;overflow:hidden;direction:ltr;background:#d1d9dd}.compare-visual>img,.compare-after{position:absolute;inset:0;width:100%;height:100%}.compare-visual img{object-position:center 50%}.compare-after{clip-path:inset(0 calc(100% - var(--split)) 0 0);pointer-events:none}.compare-label{position:absolute;top:22px;background:#fffffff0;padding:8px 12px;color:#22323b;font-size:11px;z-index:2;direction:rtl}.compare-label.before{right:20px}.compare-label.after{left:20px}.compare-handle{position:absolute;top:0;bottom:0;left:var(--split);transform:translateX(-50%);background:transparent;border:0;border-left:1px solid #fff;padding:0;width:1px;z-index:3;touch-action:none;cursor:ew-resize}.compare-handle>span{position:absolute;top:50%;left:50%;translate:-50% -50%;width:48px;height:48px;display:grid;place-items:center;background:#fff;color:#22323b;border-radius:50%;box-shadow:0 0 0 8px #ffffff33;font-family:Arial,sans-serif;font-size:24px}.compare-disclosure{position:absolute;bottom:22px;left:20px;color:#fff;background:#22323bba;padding:7px 11px;font-size:10px;direction:rtl;z-index:2}.compare-toolbar{padding:20px 0 15px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center}.compare-toolbar label{font-size:15px;font-weight:500}.compare-toolbar input{grid-row:2;grid-column:1/-1;width:100%;min-height:40px;accent-color:#506b78;direction:ltr;cursor:ew-resize}.compare-toolbar>span{font-size:11px;color:var(--muted)}.comparison-detail-caption{display:flex;justify-content:space-between;gap:20px;font-size:12px;border-top:1px solid #d0dae0;padding-top:16px}.comparison-detail-caption>span:last-child{font-size:10px;color:var(--muted)}#glass-style-image{opacity:0;transition:opacity .7s ease,object-position 1.4s ease}.glass-panorama.with-posts #glass-style-image{opacity:1}.glass-panorama.with-posts #glass-image{opacity:0}#glass-image{transition:opacity .7s ease,object-position 1.4s ease}.glass-design{position:relative;margin-top:-45px;background:#fff;z-index:2;padding:35px;display:grid;grid-template-columns:1fr 1.5fr;gap:23px 45px;border:1px solid var(--line)}.glass-design h3{font-size:25px;line-height:1.4;font-weight:500;margin-top:13px}.glass-design-choices{display:flex;gap:16px}.glass-design-choices button{flex:1;display:grid;grid-template-columns:auto 1fr;gap:9px 16px;background:#fff;border:1px solid var(--line);text-align:right;padding:20px;color:var(--muted);transition:background .3s,border .3s}.glass-design-choices button.selected{border-color:#506b78;background:#eff4f6;color:#22323b}.glass-design-choices button>span{font-family:Arial,sans-serif;font-size:10px;grid-row:1/3;margin-top:6px;color:#8299a5}.glass-design-choices strong{font-size:16px;font-weight:500;line-height:1.5}.glass-design-choices small{font-size:11px;line-height:1.7}.glass-design>p{grid-column:2;font-size:14px;line-height:1.8;color:var(--muted);min-height:50px}.design-note{font-size:10px;color:#899ba4;grid-column:1;grid-row:2;line-height:1.8;align-self:start}.glass-detail{margin-top:0;border-top:0}.pergola-scene{min-width:0}.pergola-photo{background:#22323b}.pergola-photo>img.day-scene{position:absolute;inset:0;opacity:0;transition:opacity .9s ease;object-position:61% center}.pergola-photo>img.day-scene.active{opacity:1}.scene-time-badge{position:absolute;top:20px;right:20px;color:#fff;background:#22323bbf;z-index:1;font-size:11px;padding:8px 12px;direction:rtl}.day-controls{display:flex;direction:rtl;border-bottom:1px solid var(--line)}.day-controls button{flex:1;border:0;background:#fff;border-bottom:2px solid transparent;padding:21px 12px;font-size:15px;min-height:64px;display:flex;align-items:center;justify-content:center;gap:13px}.day-controls button>span{font-family:Arial,sans-serif;font-size:10px;color:#899da7}.day-controls button.selected{border-color:#22323b;color:#22323b;font-weight:500;background:#f4f7f8}.day-description{padding:22px 0 0;direction:rtl;min-height:110px}.day-description strong{font-size:20px;font-weight:500;display:block;margin-bottom:10px}.day-description p{font-size:14px;line-height:1.9;color:var(--muted)}.day-note{direction:rtl;font-size:10px;line-height:1.8;color:#8497a2;margin-top:14px}.pergola-options{position:sticky;top:35px}
@media(max-width:1050px){.glass-design{gap:23px;grid-template-columns:1fr 1.7fr}.glass-design-choices button{padding:16px;gap:9px 10px}}
@media(max-width:760px){.compare-visual{height:510px}.compare-label{font-size:10px;padding:7px 10px;top:16px}.compare-label.before{right:14px}.compare-label.after{left:14px}.compare-disclosure{font-size:9px;bottom:16px;left:14px}.compare-toolbar label{font-size:14px}.compare-toolbar>span{font-size:10px}.compare-toolbar input{min-height:44px}.comparison-detail-caption{font-size:11px}.comparison-detail-caption>span:last-child{font-size:9px}.glass-design{grid-template-columns:1fr;padding:24px 20px;margin-top:-35px;gap:22px}.glass-design h3{font-size:23px;margin-top:12px}.glass-design-choices{gap:12px}.glass-design-choices button{padding:15px 12px;gap:7px 10px}.glass-design-choices strong{font-size:14px}.glass-design-choices small{font-size:10px}.glass-design>p{grid-column:1;min-height:50px;font-size:13px}.design-note{grid-row:auto;font-size:9px}.glass-detail{margin-top:0}.scene-time-badge{top:16px;right:16px;font-size:10px;padding:7px 10px}.day-controls button{padding:18px 8px;font-size:14px;min-height:60px;gap:10px}.day-description{padding-top:22px;min-height:120px}.day-description strong{font-size:19px}.day-description p{font-size:14px}.day-note{font-size:10px}.pergola-options{position:static}.pergola-grid{gap:40px}}
@media(prefers-reduced-motion:reduce){#glass-style-image,#glass-image,.pergola-photo>img.day-scene{transition:none!important}}
/* Materials gallery, illustrative project story, and a personal final direction. */
.material-selection{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-bottom:38px}.material-selection button{border:0;border-bottom:2px solid #d6e0e5;background:transparent;text-align:right;padding:0 0 23px;color:var(--muted);min-width:0;transition:border .3s,color .3s}.material-selection button[aria-selected=true]{border-color:#22323b;color:#22323b}.material-thumb{display:block;height:190px;overflow:hidden;background:#c9d8df;margin-bottom:20px}.material-thumb img{transition:transform .8s}.material-selection button:hover img{transform:scale(1.055)}.thumb-edge img{object-position:25% center}.thumb-base img{object-position:30% 95%;scale:1.6;transform-origin:28% 88%}.thumb-slats img{object-position:center 48%}.material-item-copy{display:flex;flex-direction:column;gap:8px}.material-item-copy small{font-size:10px;letter-spacing:.5px;color:#8298a5}.material-item-copy strong{font-size:23px;font-weight:500}.material-item-copy>span{font-size:13px;color:var(--muted);line-height:1.8}.study-explore-row{display:flex;justify-content:space-between;align-items:center;gap:30px;border-top:1px solid #d8e1e5;padding-top:23px;margin-top:18px}.study-explore-row>span{font-size:12px;color:#8296a0;line-height:1.8}.study-toolbar[hidden]{display:none}.study-target{display:none}.detail-study.exploring .study-target{display:block}.study-toolbar:not([hidden]){animation:detail-open .4s ease both}.project-story{display:grid;grid-template-columns:1.4fr 1fr;gap:65px;align-items:center}.story-photo{height:580px;position:relative;overflow:hidden;background:#c6d6df}.story-photo img{object-position:60% center;transition:opacity .3s}.story-photo:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#122934bb);pointer-events:none}.story-example{position:absolute;top:20px;right:20px;background:#ffffffec;padding:8px 12px;font-size:10px;z-index:1}.story-photo-caption{position:absolute;right:28px;left:28px;bottom:28px;color:#fff;z-index:1;display:flex;flex-direction:column;gap:10px}.story-photo-caption>span{font-size:11px;color:#d0dce2}.story-photo-caption strong{font-size:25px;font-weight:400;line-height:1.5}.story-step-buttons{display:flex;gap:20px;border-bottom:1px solid var(--line);margin-bottom:32px}.story-step-buttons button{padding:0 5px 18px;border:0;border-bottom:2px solid transparent;background:transparent;font-size:15px;flex:1;text-align:right;color:var(--muted)}.story-step-buttons button[aria-selected=true]{border-color:#22323b;color:#22323b}.story-step-buttons button>span{display:block;font-family:Arial,sans-serif;font-size:10px;color:#839ba8;margin-bottom:8px}.story-narrative h3{font-size:32px;font-weight:500;line-height:1.35;margin:19px 0 23px;letter-spacing:-.7px}.story-narrative p{font-size:15px;line-height:1.95;color:var(--muted)}#story-panel{min-height:335px}.story-facts{display:flex;flex-direction:column;margin-top:30px}.story-facts>div{padding:13px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line)}.story-facts span{font-size:12px;color:#81949f}.story-facts strong{font-size:13px;font-weight:400}.story-narrative>.text-link{margin-top:26px}.story-bottom-line{display:flex;align-items:center;gap:35px;margin-top:38px;color:#536f7e;font-size:14px}.story-bottom-line i{height:1px;flex:1;background:#d5e0e5}.story-note{font-size:11px;color:#889ca6;margin-top:22px;line-height:1.8}.personal-project{display:grid;grid-template-columns:1.15fr 1fr;gap:95px;align-items:center;padding:85px 0}.personal-copy h2{font-size:48px;line-height:1.3;margin:25px 0}.personal-copy>p{font-size:15px;line-height:1.95;color:var(--muted);margin-bottom:27px}.personal-products{display:flex;gap:8px;margin-bottom:30px}.personal-products button{background:transparent;border:1px solid #bbcbd3;padding:11px 14px;font-size:12px;min-height:44px;border-radius:2px}.personal-products button.selected{background:#22323b;border-color:#22323b;color:#fff}.personal-summary{display:flex;flex-direction:column;margin-bottom:30px}.personal-summary>div{display:flex;justify-content:space-between;align-items:center;gap:25px;border-bottom:1px solid #cad7dd;padding:15px 0}.personal-summary>div>span{font-size:12px;color:#7a929f}.personal-summary strong{font-size:15px;font-weight:500;display:flex;align-items:center;gap:10px}.personal-summary i{width:15px;height:15px;background:var(--finish);display:inline-block;border:1px solid #93a7b1}.personal-note{display:block;color:#8297a1;font-size:11px;line-height:1.9;margin-top:18px;max-width:380px}.personal-visual{position:relative;height:610px;overflow:hidden;clip-path:polygon(0 0,100% 0,100% 94%,91% 100%,0 100%)}.personal-visual img{object-position:center 50%}.personal-visual:after{content:"";position:absolute;inset:60% 0 0;background:linear-gradient(transparent,#142a36bb);pointer-events:none}.personal-image-caption{position:absolute;right:28px;left:28px;bottom:38px;display:flex;flex-direction:column;gap:12px;color:#fff;z-index:1}.personal-image-caption>span{font-size:10px;letter-spacing:1px;direction:ltr}.personal-image-caption strong{font-size:30px;font-weight:400;line-height:1.4}.personal-image-caption small{font-size:10px;color:#d0dce2}
@media(max-width:1050px){.material-selection{gap:20px}.material-thumb{height:165px}.project-story{gap:38px}.story-photo{height:550px}.personal-project{gap:50px}.personal-copy h2{font-size:42px}.personal-visual{height:580px}}
@media(max-width:760px){.material-selection{gap:14px;margin-bottom:28px}.material-thumb{height:140px;margin-bottom:16px}.material-item-copy{gap:7px}.material-item-copy small{font-size:9px;letter-spacing:0}.material-item-copy strong{font-size:16px;line-height:1.5}.material-item-copy>span{font-size:10px;line-height:1.8}.material-selection button{padding-bottom:17px}.study-explore-row{gap:20px;align-items:flex-start;padding-top:20px}.study-explore-row>span{font-size:11px;max-width:190px}.study-explore-row .text-link{font-size:12px;white-space:nowrap;min-height:44px;align-items:center;padding-top:0}.project-story{grid-template-columns:1fr;gap:32px}.story-photo{height:430px}.story-photo-caption{right:22px;left:22px;bottom:25px}.story-photo-caption strong{font-size:23px}.story-example{top:16px;right:16px;font-size:9px}.story-step-buttons{margin-bottom:25px;gap:18px}.story-step-buttons button{font-size:14px;padding-bottom:17px}.story-narrative h3{font-size:29px;margin:17px 0 20px}.story-narrative p{font-size:15px}#story-panel{min-height:310px}.story-facts{margin-top:24px}.story-facts strong{font-size:12px}.story-narrative>.text-link{margin-top:24px}.story-bottom-line{gap:12px;font-size:11px;line-height:1.7;margin-top:30px}.story-note{font-size:10px}.personal-project{grid-template-columns:1fr;gap:35px;padding:55px 0}.personal-copy h2{font-size:37px;margin:23px 0}.personal-copy>p{font-size:14px;line-height:1.9;margin-bottom:24px}.personal-products{gap:8px;margin-bottom:24px}.personal-products button{font-size:11px;padding:10px 12px;flex:1;white-space:nowrap}.personal-summary strong{font-size:14px}.personal-summary>div>span{font-size:11px}.personal-note{font-size:10px}.personal-visual{height:430px}.personal-image-caption strong{font-size:26px}.personal-image-caption{right:22px;left:22px;bottom:32px}}
@media(max-width:380px){.material-selection{gap:10px}.material-item-copy strong{font-size:14px}.material-thumb{height:120px}.material-item-copy>span{font-size:9px}.personal-products button{font-size:10px;padding:10px 8px}.personal-copy h2{font-size:34px}}
.material-item-copy small,.story-example,.story-note,.personal-note{font-size:12px}.material-item-copy>span{font-size:14px}.personal-products button{font-size:14px}.story-facts span,.story-facts strong,.personal-summary>div>span{font-size:14px}
@media(max-width:760px){.material-item-copy small{font-size:12px}.material-item-copy>span{font-size:12px}.personal-products button{font-size:13px;padding-inline:10px}.story-example,.story-note,.personal-note{font-size:12px}.story-facts span,.story-facts strong,.personal-summary>div>span{font-size:13px}.material-selection{align-items:stretch}.material-selection button{display:flex;flex-direction:column}.material-item-copy{flex:1}.material-thumb{width:100%}.personal-image-caption>span,.personal-image-caption small{font-size:12px}}

.home-directory-link{margin:30px 0 0}.home-service-links{display:flex;flex-wrap:wrap;gap:16px 24px;font-size:14px;padding-top:25px;width:100%}footer.wrap{flex-wrap:wrap}.home-service-links a:hover{text-decoration:underline}

/* /service-pages.css */
.service-page{background:#f7f7f3;color:#22323b}.service-page main{overflow:hidden}.service-nav{padding:25px max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #d8deda;gap:24px}.service-nav nav{display:flex;gap:28px}.service-nav nav a{font-size:15px}.service-nav .logo{color:#22323b}.service-breadcrumb{display:flex;gap:12px;flex-wrap:wrap;max-width:1320px;margin:32px auto;padding:0 40px;font-size:13px;color:#59696c}.service-hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:5vw;padding:20px 5vw 72px;align-items:center}.service-hero-copy h1{font-size:clamp(38px,4.3vw,68px);line-height:1.12;letter-spacing:-2px;margin:24px 0}.service-lead{font-size:25px!important;line-height:1.45!important;font-weight:500}.service-hero-copy>p:not(.service-lead){font-size:17px;line-height:1.95;color:#56666a;max-width:520px}.service-hero-copy .button{margin-top:25px}.service-jump{display:block;font-size:14px;margin-top:24px}.service-hero-photo{margin:0;position:relative;height:640px;max-height:65vw;overflow:hidden}.service-hero-photo img{width:100%;height:100%;object-fit:cover}.service-hero-photo figcaption{position:absolute;bottom:20px;right:20px;color:white;background:#22323bcc;padding:8px 13px;font-size:12px}.service-hero-drawing{height:600px;background:#22323b;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:30px}.service-hero-drawing span{width:10%;height:120%;background:linear-gradient(90deg,#68878b66,#adc1b333,#182930);transform:rotate(28deg);border:1px solid #b7c6be55}.service-hero-drawing b{position:absolute;bottom:38px;left:34px;color:#b9cdc6;letter-spacing:3px;font-size:20px;line-height:1.8;direction:ltr}.service-priorities{display:grid;grid-template-columns:repeat(3,1fr);max-width:1320px;padding:0 40px;margin:0 auto 100px}.service-priorities>div{padding:28px 35px;border-top:1px solid #b5c3bf;border-left:1px solid #d6dfd9}.service-priorities>div:last-child{border-left:0}.service-priorities span{font-size:13px;color:#687f7b}.service-priorities h2{font-size:23px;margin:16px 0 8px}.service-priorities p{font-size:16px;color:#5b6d6b}.service-editorial{max-width:1240px;margin:0 auto 100px;padding:0 40px;display:grid;grid-template-columns:1fr 1.8fr;gap:10vw;scroll-margin-top:30px}.service-editorial aside h2{font-size:40px;line-height:1.25;margin:22px 0}.service-editorial aside p{line-height:1.8;color:#687b78;font-size:17px}.service-articles article{border-top:1px solid #cdd8d3;padding:30px 0}.service-articles h2{font-size:26px;margin:0 0 15px}.service-articles p,.service-estimate p{font-size:17px;line-height:1.95;color:#516469;margin:0}.service-estimate{padding:60px;max-width:1240px;margin:0 auto 100px;background:#e8efeb;display:grid;grid-template-columns:1.3fr 1fr;gap:70px}.service-estimate h2{font-size:35px;margin:20px 0}.service-prep{border-right:1px solid #bdccc6;padding-right:40px}.service-prep h3{font-size:23px;margin:0 0 22px}.service-prep ul{padding-right:20px;margin:0 0 28px}.service-prep li{font-size:16px;line-height:1.75;margin:12px 0}.service-prep .text-link{font-size:15px}.service-faq{max-width:1240px;margin:0 auto 100px;padding:0 40px;display:grid;grid-template-columns:1fr 1.5fr;gap:80px}.service-faq h2{font-size:34px;line-height:1.35;margin-top:20px}.service-faq details{border-top:1px solid #cdd8d3;padding:22px 0}.service-faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:18px;font-weight:500}.service-faq summary::-webkit-details-marker{display:none}.service-faq summary span{font-size:24px;font-weight:400}.service-faq details[open] summary span{transform:rotate(45deg)}.service-faq details p{font-size:16px;line-height:1.9;color:#516469;padding-left:35px}.service-related,.directory-section{max-width:1320px;margin:0 auto 100px;padding:0 40px}.service-related>h2,.directory-section>h2{font-size:38px;margin:20px 0 35px}.directory-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.directory-card{background:white;display:block;border:1px solid #dbe3dc;transition:transform .3s,border-color .3s}.directory-card:hover{transform:translateY(-6px);border-color:#768e85}.directory-image{height:280px;overflow:hidden;background:#23373c;position:relative}.directory-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.directory-card:hover img{transform:scale(1.025)}.architecture-mark{display:block;width:100%;height:100%;background:repeating-linear-gradient(115deg,transparent 0 24px,#b0c6bb44 24px 25px,transparent 25px 58px);transform:scale(1.4)}.directory-copy{padding:28px}.directory-copy .eyebrow{font-size:12px}.directory-copy h3{font-size:25px;margin:14px 0 8px}.directory-copy p{font-size:16px;color:#60726e;min-height:48px}.directory-copy .text-link{font-size:15px}.service-end{text-align:center;background:#22323b;color:#f8f9f2;padding:80px 24px}.service-end h2{font-size:clamp(35px,4vw,56px);line-height:1.25;margin:24px 0}.service-end p{font-size:17px;color:#bacdc5}.service-end .button{margin-top:25px;background:#e2eee5;color:#22323b}.service-footer{max-width:1320px;margin:auto;display:block;padding:60px 40px 40px}.service-footer nav{display:flex;flex-wrap:wrap;gap:16px 30px;margin:35px 0}.service-footer nav a{font-size:15px}.service-footer p{font-size:13px;color:#667973}.directory-heading{max-width:1320px;padding:35px 40px 70px;margin:auto}.directory-heading h1{font-size:clamp(42px,5.2vw,76px);line-height:1.18;letter-spacing:-2px;margin:25px 0}.directory-heading p{font-size:20px;line-height:1.8;max-width:640px;color:#60726e}.home-service-links{display:flex;flex-wrap:wrap;gap:14px 24px;padding:25px 0;border-top:1px solid #d5dfdb;font-size:15px}.service-page a:focus-visible,.service-page summary:focus-visible{outline:3px solid #789e94;outline-offset:5px}
@media(max-width:900px){.service-nav nav{gap:15px}.service-nav nav a{font-size:13px}.service-nav .button{display:none}.service-hero{gap:30px}.service-hero-photo{height:500px}.service-editorial{gap:40px}.service-estimate{margin:0 30px 80px;padding:40px;gap:35px}.service-faq{gap:40px}.directory-grid{gap:18px}.directory-copy{padding:22px}.directory-image{height:230px}}
@media(max-width:640px){.service-nav{padding:20px;gap:15px}.service-nav nav a:not(:first-child){display:none}.service-breadcrumb{padding:0 22px;margin:24px 0;font-size:12px;gap:8px}.service-hero{display:flex;flex-direction:column;padding:10px 22px 45px;align-items:stretch}.service-hero-copy h1{font-size:44px;letter-spacing:-1.5px}.service-lead{font-size:23px!important}.service-hero-copy>p:not(.service-lead){font-size:16px}.service-hero-photo{height:390px;max-height:none}.service-hero-drawing{height:330px}.service-priorities{padding:0 22px;margin-bottom:60px;grid-template-columns:1fr}.service-priorities>div{border-left:0;padding:22px 0}.service-priorities h2{margin:10px 0 7px}.service-editorial{padding:0 22px;grid-template-columns:1fr;gap:24px;margin-bottom:55px}.service-editorial aside h2{font-size:34px}.service-articles h2{font-size:24px}.service-articles p,.service-estimate p{font-size:16px}.service-estimate{margin:0 0 65px;padding:35px 22px;grid-template-columns:1fr;gap:35px}.service-estimate h2{font-size:30px}.service-prep{border-right:0;border-top:1px solid #bdccc6;padding:30px 0 0}.service-faq{padding:0 22px;grid-template-columns:1fr;gap:20px;margin-bottom:60px}.service-faq h2{font-size:30px}.service-faq summary{font-size:17px}.service-related,.directory-section{padding:0 22px;margin-bottom:60px}.service-related>h2,.directory-section>h2{font-size:30px}.directory-grid{grid-template-columns:1fr;gap:24px}.directory-image{height:280px}.directory-copy p{min-height:0}.directory-heading{padding:10px 22px 40px}.directory-heading h1{font-size:44px;letter-spacing:-1px}.directory-heading p{font-size:18px}.service-end{padding:60px 22px}.service-footer{padding:40px 22px}.service-footer nav{gap:14px 22px}.service-footer nav a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.directory-card,.directory-image img{transition:none}.directory-card:hover,.directory-card:hover img{transform:none}}

/* /enhancements.css */
.rhythm-band{display:grid;grid-template-columns:1.3fr 1fr;min-height:430px;background:#22323b;color:#fff;margin:80px 0}.rhythm-photo{position:relative;overflow:hidden}.rhythm-photo img{height:100%;width:100%;object-fit:cover;object-position:50% 85%}.rhythm-photo small{position:absolute;bottom:22px;right:24px;font-size:12px;background:#22323bcc;padding:8px 12px}.rhythm-copy{padding:60px max(30px,5vw);display:flex;flex-direction:column;justify-content:center}.rhythm-copy h2{font-size:clamp(34px,3.4vw,52px);line-height:1.2;margin:20px 0}.rhythm-copy p{font-size:17px;line-height:1.9;color:#c4d5cf}.rhythm-copy a{font-size:16px;margin-top:18px}.rhythm-line{height:1px;background:#b9d2c6;transform-origin:right;animation:material-line 1.2s ease-out both}.guide-preview{padding:70px 0}.guide-preview-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.guide-preview h2{font-size:clamp(32px,3.4vw,48px);line-height:1.2;margin:15px 0}.guide-preview-heading>a{font-size:16px}.guide-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.guide-link{border-top:1px solid #b5c3bf;padding:25px 0;display:block}.guide-link>span{color:#617d72;font-size:14px}.guide-link h3{font-size:24px;line-height:1.5;margin:20px 0 12px}.guide-link p{font-size:16px;line-height:1.8;color:#5e706c}.guide-link>b{font-size:15px;font-weight:500}.guide-link:hover h3{text-decoration:underline;text-underline-offset:7px}.service-guide-link{padding:30px;margin:0 auto 60px;max-width:1160px;background:#e8efeb;display:flex;align-items:center;justify-content:space-between;gap:25px}.service-guide-link h2{font-size:25px;margin:12px 0}.service-guide-link a{font-size:16px}.direct-contact{font-size:15px;border-bottom:1px solid currentColor;padding-bottom:4px;margin-top:20px;align-self:start;cursor:pointer;background:none;color:inherit}.brief-lead-form{margin-top:25px}.lead-fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lead-fields label{font-size:14px;display:flex;flex-direction:column;gap:7px}.lead-fields label:last-child{grid-column:1/-1}.lead-fields input,.lead-fields textarea{font:inherit;font-size:16px;border:1px solid #b5c7bf;border-radius:0;background:#fff;padding:12px;min-height:48px;color:#22323b;width:100%;box-sizing:border-box}.lead-fields textarea{resize:vertical;min-height:80px}.lead-fields input:focus,.lead-fields textarea:focus{outline:2px solid #668b7c;outline-offset:2px}.lead-consent{display:flex;align-items:start;gap:10px;font-size:14px;line-height:1.6;margin:20px 0}.lead-consent input{margin-top:5px;width:18px;height:18px}.lead-note{font-size:14px;line-height:1.7;color:#536960}.lead-pending{background:#eef2ef;border-right:3px solid #78958a;padding:14px;font-size:14px;line-height:1.7;margin:15px 0}.lead-submit{width:100%;margin-top:12px}.lead-submit:disabled{opacity:.5;cursor:not-allowed}.brief-save{background:none;text-decoration:underline;color:#526f61;font-size:14px;padding:12px 0;cursor:pointer}.guide-reading{max-width:800px;margin:0 auto 70px;padding:0 25px}.guide-reading article{padding:30px 0;border-top:1px solid #cdd8d3}.guide-reading h2{font-size:28px;margin:0 0 18px}.guide-reading p{font-size:18px;line-height:1.95;color:#516469}.guide-checklist{background:#e8efeb;padding:30px;margin-top:30px}.guide-checklist h2{font-size:26px}.guide-checklist li{font-size:17px;line-height:1.8;margin-bottom:10px}.guide-preview .eyebrow{font-size:14px}#brief-dialog{max-height:90dvh;overflow:auto}.brief-actions:has(.brief-next-hidden){justify-content:flex-start}.brief-next-hidden{display:none!important}@keyframes material-line{from{transform:scaleX(.15);opacity:.4}to{transform:scaleX(1);opacity:1}}@media(max-width:640px){.rhythm-band{grid-template-columns:1fr;margin:45px 0}.rhythm-photo{height:290px}.rhythm-copy{padding:35px 24px}.rhythm-copy p{font-size:16px}.guide-preview{padding:40px 0}.guide-preview-heading{display:block}.guide-preview-heading>a{display:inline-block;margin-top:15px}.guide-links{grid-template-columns:1fr;gap:5px}.guide-link h3{font-size:23px;margin:14px 0}.service-guide-link{margin:0 22px 45px;padding:25px;display:block}.service-guide-link a{display:inline-block;margin-top:10px}.lead-fields{grid-template-columns:1fr}.lead-fields label:last-child{grid-column:auto}.guide-reading p{font-size:17px}.guide-reading h2{font-size:25px}}@media(prefers-reduced-motion:reduce){.rhythm-line{animation:none}}
.rhythm-band .rhythm-line{animation:none}.rhythm-band.in-view .rhythm-line{animation:material-line 1.2s ease-out both}.guide-preview .guide-links>.guide-link:first-child{padding-left:25px}.directory-section:has(+.directory-section) .directory-grid>.directory-card:first-child{border-bottom:3px solid #78978a}
@media(prefers-reduced-motion:reduce){.rhythm-band.in-view .rhythm-line{animation:none}}

/* /service-experiences.css */
.service-card .card-image{display:block}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:25px;border-top:1px solid #c7d3cc;padding-top:18px}.card-actions a{font-size:14px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;border-bottom:1px solid #c7d3cc}.card-actions .card-primary-action{grid-column:1/-1;justify-content:flex-start;font-size:17px;font-weight:500;border-bottom:0}.card-actions a:hover{text-decoration:underline;text-underline-offset:5px}.product-next-step{display:flex;align-items:center;gap:25px;padding-top:25px;padding-bottom:35px;border-top:1px solid #c5d4cc;scroll-margin-top:30px}.product-next-step>div{margin-left:auto}.product-next-step strong{display:block;font-size:25px;margin-top:10px}.product-next-step .eyebrow{font-size:13px}.product-information{font-size:15px}.service-hero-signature{display:block;padding:20px 5vw 65px}.service-signature-heading{max-width:1000px;margin-bottom:35px}.service-signature-heading h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-2px;line-height:1.12;margin:20px 0}.service-signature-heading .service-lead{font-size:26px!important;margin:20px 0}.service-feature{margin:0}.service-comparison{height:620px;position:relative;overflow:hidden;direction:ltr;background:#22323b}.service-comparison>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 50%}.service-comparison-after{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.comparison-seam{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff;pointer-events:none}.comparison-seam:after{content:'↔';position:absolute;top:50%;left:0;transform:translate(-50%,-50%);display:grid;place-items:center;width:42px;height:42px;background:#f2f6f0;color:#22323b;border-radius:50%;font-size:23px}.service-image-label{position:absolute;bottom:24px;right:24px;color:white;background:#22323bd9;padding:10px 15px;font-size:14px}.comparison-before{right:20px;top:20px;bottom:auto}.comparison-finished{left:20px;right:auto;top:20px;bottom:auto}.service-feature-controls{background:#e8efeb;padding:22px 30px;display:flex;align-items:center;gap:25px;flex-wrap:wrap}.service-feature-controls label{font-size:18px;font-weight:500}.service-feature-controls input[type=range]{flex:1;min-width:160px;accent-color:#456b60;min-height:44px;cursor:ew-resize}.service-feature-controls p{font-size:15px;margin:0;color:#526a62}.service-feature-note{font-size:13px;color:#647b71;margin:12px 0}.service-signature-intro{margin-top:30px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.service-signature-intro>p{font-size:18px;line-height:1.95;color:#536960;max-width:670px;margin:0}.service-signature-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap}.service-signature-actions>a:not(.button){font-size:15px;border-bottom:1px solid #a8bdb3;padding:10px 0}.service-glass-panorama{position:relative;height:500px;overflow:hidden}.service-glass-panorama>img{width:100%;height:100%;object-fit:cover;object-position:50% 55%}.service-glass-detail{display:grid;grid-template-columns:1fr 1.2fr;margin-right:auto;max-width:720px;background:#22323b;color:#fff;position:relative;margin-top:-85px;box-shadow:0 15px 30px #22323b15}.service-glass-crop{height:260px;overflow:hidden;position:relative}.service-glass-crop img{position:absolute;width:240%;height:240%;max-width:none;object-fit:cover;left:-45%;top:-128%}.service-glass-detail>div:last-child{padding:28px}.service-glass-detail h2{font-size:26px;line-height:1.3;margin:15px 0}.service-glass-detail p{font-size:16px;line-height:1.8;color:#bcd0c6}.service-pergola-scene{position:relative;height:570px;overflow:hidden;background:#22323b}.service-pergola-scene>img{position:absolute;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .6s}.service-pergola-scene>img.selected{opacity:1}.service-scene-buttons{display:flex;gap:8px;flex:0 0 auto}.service-scene-buttons button{background:transparent;border:1px solid #a6beb1;min-height:48px;min-width:95px;font-size:16px;padding:10px 18px;cursor:pointer;color:#22323b}.service-scene-buttons button.selected{background:#22323b;color:white;border-color:#22323b}.service-end-actions{display:flex;justify-content:center;align-items:center;gap:30px;flex-wrap:wrap}.service-end-actions>.button{margin-top:0}.service-end-actions>a:not(.button){color:#e7efe8;font-size:16px;border-bottom:1px solid #9db4a6;padding:10px 0}.service-end-actions{margin-top:30px}.service-feature button:focus-visible,.card-actions a:focus-visible{outline:3px solid #799f90;outline-offset:4px}.service-page .service-hero-signature+.service-priorities{margin-top:20px}
@media(max-width:900px){.service-signature-intro{grid-template-columns:1fr;gap:25px}.service-comparison{height:520px}.service-pergola-scene{height:470px}.product-next-step{gap:20px}.product-next-step strong{font-size:22px}.service-glass-panorama{height:430px}}
@media(max-width:640px){.card-actions{margin-top:18px;gap:10px}.card-actions a{font-size:14px;min-height:46px}.card-actions .card-primary-action{font-size:17px}.product-next-step{display:grid;grid-template-columns:1fr;gap:17px;padding-top:24px;padding-bottom:30px}.product-next-step>div{margin:0}.product-next-step .button{width:100%;justify-content:center;text-align:center;min-height:48px}.product-information{font-size:15px;min-height:44px;display:flex;align-items:center;justify-content:center}.service-hero-signature{display:block;padding:8px 22px 40px}.service-signature-heading{margin-bottom:24px}.service-signature-heading h1{font-size:43px;letter-spacing:-1.5px}.service-signature-heading .service-lead{font-size:22px!important;margin:14px 0}.service-comparison{height:390px}.service-feature-controls{padding:18px;gap:12px;display:block}.service-feature-controls input[type=range]{width:100%;margin:10px 0 0}.service-feature-controls p{font-size:14px;line-height:1.6;margin-top:8px}.service-feature-controls label{font-size:17px}.service-image-label{font-size:12px;padding:8px 10px;right:12px;bottom:12px}.comparison-before{right:12px;top:12px;bottom:auto}.comparison-finished{left:12px;right:auto;top:12px;bottom:auto}.service-feature-note{font-size:12px;line-height:1.7}.service-signature-intro{margin-top:22px;gap:20px}.service-signature-intro>p{font-size:16px;line-height:1.9}.service-signature-actions{display:grid;grid-template-columns:1fr;gap:8px}.service-signature-actions .button{width:100%;text-align:center;min-height:48px;justify-content:center}.service-signature-actions>a:not(.button){text-align:center;font-size:15px;min-height:44px;display:flex;align-items:center;justify-content:center}.service-glass-panorama{height:320px}.service-glass-detail{margin-top:0;max-width:none;grid-template-columns:1fr 1.25fr}.service-glass-crop{height:220px}.service-glass-detail>div:last-child{padding:20px}.service-glass-detail h2{font-size:22px}.service-glass-detail p{font-size:15px}.service-glass-detail .eyebrow{font-size:12px}.service-pergola-scene{height:340px}.service-scene-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.service-scene-buttons button{min-width:0;min-height:48px;padding:10px;font-size:16px}.service-end-actions{display:grid;grid-template-columns:1fr;gap:15px;max-width:360px;margin:25px auto 0}.service-end-actions .button{width:100%;justify-content:center}.screen-copy .detail-controls{gap:8px}.screen-copy .detail-controls button{min-height:46px;font-size:14px}.glass-design-choices button{min-height:58px}.glass-tabs button{min-height:46px;font-size:14px}.day-controls button{min-height:48px;font-size:15px}.use-choices button{min-height:44px;font-size:14px}.compare-toolbar label{font-size:15px}.compare-toolbar input{min-height:44px}.screen-grid .screen-comparison{grid-row:1}.screen-copy>.eyebrow{font-size:14px}.pergola-grid .pergola-scene{order:-1}.glass-copy p{font-size:16px}.section-heading>p{font-size:16px}.hero-actions .button{min-height:48px}.hero-actions .text-link{font-size:15px;min-height:44px}.mobile-project-bar .button{min-height:46px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.service-pergola-scene>img{transition:none}}

/* /design-refinement.css */
/* Architectural framing: graphite, glass light and deliberate corner geometry. */
:root{--architect-line:#aac1ca;--architect-light:#d9e9ef}
.hero h1{font-weight:700;font-size:clamp(48px,5.6vw,80px);line-height:1.2;letter-spacing:-1.7px;max-width:920px}
.hero h1 span{font-weight:300;color:#d5e8ef}
.hero-content>.eyebrow{letter-spacing:1.4px;font-size:14px}
.hero-actions .button{border-radius:3px 3px 20px 3px}
.hero-bottom{border-top-color:#ccdde04d}
.hero-bottom a{min-height:48px}
.services>.section-heading h2{font-weight:650;letter-spacing:-1.1px;line-height:1.22}
.services>.section-heading h2 span{font-weight:350}
.service-triptych{gap:32px;align-items:start}
.service-triptych .service-card{position:relative;transition:transform .35s ease;min-width:0}
.service-triptych .card-image{clip-path:none;border:1px solid #b5c9d080}
.service-triptych .screen-card .card-image{border-radius:3px 3px 62px 3px}
.service-triptych .glass-card .card-image{border-radius:62px 3px 3px 3px}
.service-triptych .pergola-card .card-image{border-radius:3px 62px 3px 3px}
.service-triptych .card-image:after{content:'';position:absolute;inset:14px;border:1px solid #eff6f580;pointer-events:none;border-radius:inherit}
.service-triptych .card-caption{position:relative;margin:-18px 18px 0 0;padding:25px 25px 22px;background:#f2f6f7;border:1px solid #d7e3e8;border-radius:3px 3px 30px 3px;z-index:1}
.service-triptych .screen-card .card-caption{padding-bottom:22px}
.service-triptych .card-caption h3{font-size:26px;font-weight:600;line-height:1.35}
.service-triptych .card-caption p{font-size:16px;line-height:1.7;color:#526b75}
.service-triptych .card-index{background:#18313acd;border:1px solid #eef5f34d;font-size:14px;min-width:40px;min-height:40px;display:grid;place-items:center}
.service-triptych .card-discovery{font-size:14px;border-radius:2px;background:#f1f7f7ef;color:#18313a}
.service-triptych .card-actions{border-top-color:#c4d5dd;gap:10px;margin-top:20px;padding-top:14px}
.service-triptych .card-actions a{font-size:14px;border-color:#c7d9df}
.service-triptych .card-actions .card-primary-action{font-size:17px;justify-content:flex-start}
.service-triptych .service-card:hover{transform:translateY(-5px)}
.service-triptych .card-image:focus-visible{outline:3px solid #648d9f;outline-offset:5px}
.detail-study{background:#182d36;color:#edf5f7;--ink:#edf5f7;--muted:#bdcfd6;padding-top:90px;padding-bottom:80px;position:relative}
.detail-study:before{content:'';position:absolute;top:0;left:5%;right:5%;height:1px;background:#9bb7c24d;pointer-events:none}
.detail-study .section-heading h2{font-weight:650;letter-spacing:-1px;line-height:1.2}
.detail-study .section-heading h2 span{font-weight:350;color:#c6dde7}
.detail-study .section-heading>p{color:#c0d2d9;font-size:17px}
.detail-study .eyebrow{color:#adc9d5}
.detail-study .material-selection{gap:20px;margin-bottom:45px}
.detail-study .material-selection button{padding:14px 14px 22px;border:1px solid #7997a44d;background:#203943;border-radius:3px;color:#d2e3e9;text-align:right}
.detail-study .material-selection button[aria-selected=true]{background:#e4eff3;color:#18313a;border-color:#e4eff3;border-radius:3px 3px 32px 3px}
.detail-study .material-selection button:hover{border-color:#b7d2de}
.detail-study .material-thumb{height:170px;border-radius:2px;clip-path:none;margin-bottom:18px}
.detail-study .material-item-copy small{font-size:12px;color:#a8c4cf}
.detail-study .material-item-copy strong{font-size:23px;color:inherit}
.detail-study .material-item-copy>span{font-size:14px;color:#b9d0da}
.detail-study .material-selection button[aria-selected=true] .material-item-copy small{color:#526f7c}
.detail-study .material-selection button[aria-selected=true] .material-item-copy>span{color:#496571}
.detail-study .study-grid{grid-template-columns:1.6fr 1fr;gap:0;align-items:center}
.detail-study .study-wide{border:1px solid #91adb85c;border-radius:3px 3px 54px 3px;aspect-ratio:1.4}
.detail-study .study-wide:after{content:'';position:absolute;inset:16px;border:1px solid #eff8f36b;pointer-events:none;border-radius:2px 2px 34px 2px}
.detail-study .study-aside{display:block;position:relative;margin-right:-48px;z-index:2;padding:27px;background:#f2f7f8;border:1px solid #c1d3db;border-radius:44px 3px 3px 3px;--ink:#22323b;--muted:#516c78;color:#22323b}
.detail-study .study-macro{aspect-ratio:1.5;border-radius:24px 2px 2px 2px;border:1px solid #b7ccd4}
.detail-study .study-description{padding:22px 0 0}
.detail-study .study-description h3{font-size:26px;font-weight:600;line-height:1.4}
.detail-study .study-description p{font-size:16px;line-height:1.85;color:#516c78}
.detail-study .study-description .detail-label{color:#647f8d;font-size:13px}
.detail-study .study-explore-row{border-color:#7d9aa552;color:#c2d7e0;margin-top:32px}
.detail-study .study-explore-row>span{font-size:15px}
.detail-study .study-explore-row button{color:#e4f0f5;font-size:15px;min-height:44px}
.detail-study .study-toolbar{color:#d7e7ee;border-color:#7294a44d}
.detail-study .study-reset{color:#e2edf1;border-color:#87a7b766}
.detail-study .study-note{color:#abc3cd;font-size:13px;line-height:1.8}
.detail-study .study-photo-label{color:#22323b;font-size:12px;background:#f2f7f8ed;z-index:1}
.detail-study .study-explore-row>span{color:#c2d7e0}
.detail-study .study-toolbar>span{color:#bcd2dd;font-size:14px}
.detail-study .study-toolbar label{font-size:14px;color:#c8dce5}
.closing{background:#e4edf1;border-top:1px solid #cfdee5}
.closing .personal-project{gap:50px;padding:85px 0;grid-template-columns:1.05fr 1fr;align-items:center}
.closing .personal-copy{padding:38px;background:#f7fafb;border:1px solid #c9dbe3;border-radius:3px 3px 64px 3px;position:relative;z-index:1}
.closing .personal-copy h2{font-size:clamp(38px,3.8vw,54px);font-weight:650;line-height:1.2;letter-spacing:-1px}
.closing .personal-copy h2 span{font-weight:350;color:#526e7c}
.closing .personal-copy>p{font-size:16px;line-height:1.9;color:#526b77}
.closing .personal-copy .eyebrow{font-size:13px;color:#648492}
.closing .personal-products{display:flex;flex-wrap:wrap;gap:8px}
.closing .personal-products button{font-size:14px;min-height:46px;padding:10px 14px;border-radius:2px;color:#24404d}
.closing .personal-products button.selected{background:#203a47;color:#fff;border-color:#203a47}
.closing .personal-summary>div{border-color:#c6d9e2;gap:15px}
.closing .personal-summary>div>span{font-size:14px;color:#597887}
.closing .personal-summary strong{font-size:16px}
.closing #personal-plan{min-height:50px;font-size:16px;border-radius:3px 3px 20px 3px}
.closing .direct-contact{font-size:15px;min-height:44px;color:#355b6d;margin-top:15px}
.closing .personal-note{font-size:13px;line-height:1.8;color:#627f8d;margin-top:16px}
.closing .personal-visual{height:660px;clip-path:none;border-radius:72px 3px 3px 3px;overflow:hidden;border:1px solid #b5cbd5;transform:translateY(-15px)}
.closing .personal-visual:before{content:'';position:absolute;inset:17px;border:1px solid #ecf6f48c;border-radius:50px 2px 2px 2px;z-index:2;pointer-events:none}
.closing .personal-image-caption{z-index:3}
.directory-card{border-radius:3px 3px 30px 3px;overflow:hidden}
.service-glass-detail{border-radius:32px 3px 3px 3px;overflow:hidden}
.service-prep{border-radius:0}
@media(max-width:1050px){.service-triptych{gap:20px}.service-triptych .card-caption{padding:20px;margin-right:10px}.service-triptych .card-caption h3{font-size:23px}.closing .personal-project{gap:25px}.closing .personal-copy{padding:28px}.detail-study .study-aside{margin-right:-30px;padding:22px}}
@media(max-width:760px){.detail-study .study-grid{grid-template-columns:1fr;gap:0}.detail-study .study-wide{aspect-ratio:1.4}.detail-study .study-aside{margin:-24px 18px 0 0;display:grid;grid-template-columns:1fr 1.2fr;gap:20px;border-radius:3px 3px 30px 3px;align-items:center}.detail-study .study-macro{aspect-ratio:.95;border-radius:3px}.detail-study .study-description{padding:0}.detail-study .study-description h3{font-size:23px}.closing .personal-project{grid-template-columns:1fr}.closing .personal-visual{height:440px;transform:none;order:-1;border-radius:46px 3px 3px 3px}.closing .personal-copy{margin:-50px 0 0 18px}.closing .personal-visual:before{border-radius:30px 2px 2px 2px}.closing .personal-image-caption{bottom:70px}}
@media(max-width:640px){.hero h1{font-size:clamp(38px,9.7vw,53px);line-height:1.24;letter-spacing:-.9px;font-weight:700}.hero h1 span{font-weight:350}.hero-content>.eyebrow{font-size:12px;letter-spacing:.6px}.hero-content>p{font-size:16px}.services>.section-heading h2{font-size:38px;letter-spacing:-.8px}.service-triptych{gap:35px}.service-triptych .card-caption{margin-top:-20px;margin-right:16px;padding:23px}.service-triptych .card-caption h3{font-size:26px}.service-triptych .screen-card .card-image{height:330px;border-radius:3px 3px 44px 3px}.service-triptych .glass-card .card-image{height:300px;border-radius:44px 3px 3px 3px}.service-triptych .pergola-card .card-image{height:310px;border-radius:3px 44px 3px 3px}.detail-study{padding:60px 0}.detail-study .section-heading h2{font-size:38px;line-height:1.22}.detail-study .section-heading>p{font-size:16px}.detail-study .material-selection{gap:10px;margin-bottom:30px}.detail-study .material-selection button{padding:7px 7px 14px}.detail-study .material-thumb{height:95px;margin-bottom:12px}.detail-study .material-item-copy strong{font-size:16px;line-height:1.45}.detail-study .material-item-copy small{font-size:12px}.detail-study .material-item-copy>span{display:none}.detail-study .study-wide{border-radius:3px 3px 35px 3px}.detail-study .study-aside{display:block;padding:22px;margin:-25px 16px 0 0;border-radius:3px 3px 32px 3px}.detail-study .study-macro{aspect-ratio:1.6}.detail-study .study-description{padding-top:20px}.detail-study .study-description h3{font-size:25px}.detail-study .study-description p{font-size:16px}.detail-study .study-explore-row{align-items:start;gap:15px}.detail-study .study-explore-row>span{font-size:14px;line-height:1.7;max-width:190px}.detail-study .study-note{font-size:12px}.closing .personal-project{padding:55px 0;gap:0}.closing .personal-visual{height:390px}.closing .personal-copy{padding:28px 22px;margin:-45px 0 0 12px;border-radius:3px 3px 38px 3px}.closing .personal-copy h2{font-size:38px;line-height:1.23}.closing .personal-products button{font-size:14px;padding:10px 12px}.closing .personal-summary>div{align-items:start}.closing .personal-summary strong{font-size:15px}.closing .personal-summary>div>span{font-size:14px}.closing #personal-plan{width:100%;min-height:50px}.closing .personal-note{font-size:12px}.directory-card{border-radius:3px 3px 24px 3px}}
@media(max-width:360px){.hero h1{font-size:35px}.closing .personal-copy h2,.detail-study .section-heading h2{font-size:34px}.closing .personal-products{gap:6px}.closing .personal-products button{padding:10px 9px}}
@media(prefers-reduced-motion:reduce){.service-triptych .service-card{transition:none}.service-triptych .service-card:hover{transform:none}}

/* /editorial-refinement.css */
/* Three complementary compositions, with existing content and interactions intact. */
.matcher{background:#e7eff3;color:#203a47;padding:95px 0;border-top:1px solid #c4d7e1;border-bottom:1px solid #c4d7e1;overflow:hidden}
.matcher .match-grid{grid-template-columns:1fr 1.1fr;gap:75px;align-items:center}
.matcher .match-copy .eyebrow{color:#5b7d8c;font-size:14px}
.matcher .match-copy h2{font-weight:650;letter-spacing:-1px;line-height:1.23;color:#203a47}
.matcher .match-copy h2 span{font-weight:350;color:#506f7e}
.matcher .match-copy>p{font-size:17px;line-height:1.85;color:#526f7c}
.matcher .match-options{gap:10px}
.matcher .match-options button{color:#536e7b;border:1px solid #c3d6df;background:#f6fafb;padding:21px;min-height:68px;font-size:17px;line-height:1.5;transition:background .25s,border-color .25s;align-items:center;border-radius:3px;text-align:right}
.matcher .match-options button.selected{background:#203a47;border-color:#203a47;color:#f1f7fa;border-radius:3px 3px 28px 3px}
.matcher .match-options button>span{font-size:14px;color:#7897a7;border-left:1px solid #aac0cb55;padding-left:14px;min-width:30px}
.matcher .match-options button.selected>span{color:#c4dce7}
.matcher .match-options button:hover{border-color:#6e95a7}
.matcher .match-result{background:none;color:#203a47;transform:none;min-width:0}
.matcher .match-image{height:480px;border-radius:54px 3px 3px 3px;border:1px solid #b0c8d5;position:relative;overflow:hidden}
.matcher .match-image:after{content:'';position:absolute;inset:15px;border:1px solid #f2f7f591;border-radius:36px 2px 2px 2px;pointer-events:none}
.matcher .match-result-copy{padding:30px 34px;margin:-65px 25px 0 0;position:relative;background:#f7fafbee;border:1px solid #c2d7e2;border-radius:3px 3px 40px 3px;z-index:1}
.matcher .match-result-copy .detail-label{color:#648494;font-size:13px}
.matcher .match-result h3{font-size:29px;font-weight:600;line-height:1.4;margin:14px 0}
.matcher .match-result p{font-size:16px;line-height:1.9;color:#516e7c}
.matcher .match-result .text-link{font-size:16px;min-height:46px;margin-top:18px;color:#234453}
.matcher button:focus-visible{outline:3px solid #789bab;outline-offset:4px}
.process{padding-top:90px;padding-bottom:75px}
.process>.section-heading h2{font-weight:650;line-height:1.22;letter-spacing:-1px}
.process>.section-heading h2 span{font-weight:350}
.process .project-story{grid-template-columns:1.35fr 1fr;gap:0;align-items:center}
.process .story-photo{height:650px;border-radius:3px 3px 58px 3px;border:1px solid #bfd1dc;overflow:hidden}
.process .story-photo:before{content:'';position:absolute;inset:16px;border:1px solid #e6f0f580;border-radius:2px 2px 38px 2px;z-index:1;pointer-events:none}
.process .story-narrative{position:relative;z-index:2;margin-right:-50px;padding:35px;background:#f0f5f7;border:1px solid #c2d7e2;border-radius:40px 3px 3px 3px;min-width:0}
.process .story-step-buttons{gap:10px;border:0;margin-bottom:28px}
.process .story-step-buttons button{border:1px solid #c2d4de;padding:16px 13px;min-height:75px;font-size:16px;line-height:1.4;background:#f9fcfd;color:#5b7c8c;border-radius:2px;min-width:0}
.process .story-step-buttons button[aria-selected=true]{background:#203a47;border-color:#203a47;color:white;border-radius:2px 2px 20px 2px}
.process .story-step-buttons button>span{font-size:12px;color:#7c9aab;margin-bottom:7px}
.process .story-step-buttons button[aria-selected=true]>span{color:#bdd6e3}
.process .story-narrative .detail-label{font-size:13px;color:#638191}
.process .story-narrative h3{font-size:34px;font-weight:600;line-height:1.32;margin:19px 0;letter-spacing:-.7px}
.process .story-narrative p{font-size:16px;color:#536f7d;line-height:1.9}
.process .story-facts{margin-top:25px}
.process .story-facts span{font-size:14px;color:#607f90}
.process .story-facts strong{font-size:15px;line-height:1.6;font-weight:500}
.process .story-narrative>.text-link{font-size:16px;min-height:46px;color:#244756}
.process .story-example{font-size:12px;z-index:2}
.process .story-photo-caption>span{font-size:13px}
.process .story-bottom-line{padding:23px 0;border-bottom:1px solid #ccdce4;font-size:15px;color:#567888;gap:28px}
.process .story-note{font-size:13px;line-height:1.8;color:#6a8897}
.guide-preview{padding-top:85px;padding-bottom:90px}
.guide-preview-heading h2{font-weight:650;letter-spacing:-1px}
.guide-preview-heading>a{font-size:16px;color:#365b6e;border-bottom:1px solid #a9c5d3;padding-bottom:10px;min-height:44px}
.guide-links{display:grid;grid-template-columns:1.1fr 1fr;gap:24px}
.guide-links .guide-link{margin:0;padding:0;border:1px solid #cadce5;border-radius:3px;overflow:hidden;background:#f4f8fa;display:grid;grid-template-columns:.6fr 1fr;align-items:stretch;min-width:0;transition:border-color .25s}
.guide-links .guide-link:first-child{padding-left:0;grid-column:1;grid-row:1/3;display:block;background:#203a47;color:#eff7fa;border-radius:3px 3px 48px 3px}
.guide-links .guide-link-visual{position:relative;min-width:0;overflow:hidden;background:#cedfe7;min-height:230px}
.guide-links .guide-link:first-child .guide-link-visual{height:300px}
.guide-link-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.guide-link-visual small{position:absolute;bottom:12px;right:12px;font-size:12px;padding:7px 9px;color:#fff;background:#203a47cf}
.guide-links .guide-link-copy{padding:26px;min-width:0}
.guide-links .guide-link-copy>span{font-size:13px;color:#608392}
.guide-links .guide-link-copy h3{font-size:24px;line-height:1.4;margin:16px 0 12px;font-weight:600;letter-spacing:-.3px}
.guide-links .guide-link-copy p{font-size:16px;line-height:1.8;color:#567480;margin:0 0 18px}
.guide-links .guide-link-copy b{font-size:15px;font-weight:500;display:inline-block;border-bottom:1px solid #a6c2d0;padding-bottom:7px}
.guide-links .guide-link:first-child .guide-link-copy{padding:30px}
.guide-links .guide-link:first-child .guide-link-copy h3{font-size:32px;line-height:1.3}
.guide-links .guide-link:first-child .guide-link-copy>span{color:#abcad9}
.guide-links .guide-link:first-child .guide-link-copy p{color:#c1d7e1}
.guide-links .guide-link:hover{border-color:#6f9aae}
.guide-links .guide-link:hover img{transform:scale(1.025)}
.guide-links .guide-link:hover h3{text-decoration-thickness:1px;text-underline-offset:5px}
@media(max-width:1050px){.matcher .match-grid{gap:40px}.matcher .match-image{height:440px}.process .story-photo{height:600px}.process .story-narrative{margin-right:-35px;padding:28px}.guide-links{gap:20px}.guide-links .guide-link:not(:first-child){grid-template-columns:.45fr 1fr}.guide-links .guide-link-copy{padding:22px}.guide-links .guide-link-copy h3{font-size:22px}}
@media(max-width:760px){.matcher .match-grid{grid-template-columns:1fr;gap:35px}.matcher .match-image{height:390px}.matcher .match-result-copy{margin-top:-55px}.process .project-story{grid-template-columns:1fr}.process .story-photo{height:460px}.process .story-narrative{margin:-40px 18px 0 0;border-radius:3px 3px 35px 3px}.process .story-photo-caption{bottom:70px}.guide-links{grid-template-columns:1fr 1fr}.guide-links .guide-link:first-child{grid-column:1/-1;grid-row:auto;display:grid;grid-template-columns:1fr 1fr}.guide-links .guide-link:first-child .guide-link-visual{height:100%;min-height:300px}.guide-links .guide-link:not(:first-child){display:block}.guide-links .guide-link:not(:first-child) .guide-link-visual{height:220px;min-height:0}}
@media(max-width:640px){.matcher{padding:60px 0}.matcher .match-copy h2{font-size:38px}.matcher .match-copy>p{font-size:16px}.matcher .match-options button{padding:17px;min-height:62px;font-size:16px}.matcher .match-image{height:330px;border-radius:38px 3px 3px 3px}.matcher .match-image:after{border-radius:24px 2px 2px 2px}.matcher .match-result-copy{padding:25px;margin:-45px 14px 0 0;border-radius:3px 3px 30px 3px}.matcher .match-result h3{font-size:26px}.matcher .match-result p{font-size:16px}.process{padding-top:60px;padding-bottom:50px}.process>.section-heading h2{font-size:38px}.process .story-photo{height:400px;border-radius:3px 3px 38px 3px}.process .story-narrative{margin:-35px 12px 0 0;padding:24px 20px}.process .story-step-buttons{gap:7px;margin-bottom:24px}.process .story-step-buttons button{padding:12px 9px;min-height:70px;font-size:15px}.process .story-narrative h3{font-size:29px;line-height:1.35}.process .story-narrative p{font-size:16px}.process .story-facts>div{gap:12px;align-items:start}.process .story-facts span{font-size:14px;min-width:45px}.process .story-facts strong{font-size:14px}.process .story-bottom-line{font-size:13px;gap:10px;line-height:1.7}.process .story-note{font-size:12px}.guide-preview{padding:55px 0}.guide-links{grid-template-columns:1fr;gap:24px}.guide-links .guide-link:first-child{display:block;grid-column:auto;border-radius:3px 3px 32px 3px}.guide-links .guide-link:first-child .guide-link-visual{height:260px;min-height:0}.guide-links .guide-link:first-child .guide-link-copy{padding:25px}.guide-links .guide-link:first-child .guide-link-copy h3{font-size:28px}.guide-links .guide-link:not(:first-child){display:grid;grid-template-columns:1fr}.guide-links .guide-link:not(:first-child) .guide-link-visual{height:220px}.guide-links .guide-link-copy{padding:24px}.guide-links .guide-link-copy h3{font-size:24px}.guide-links .guide-link-copy p{font-size:16px}.guide-links .guide-link-copy b{font-size:15px}}
@media(prefers-reduced-motion:reduce){.matcher .match-options button,.guide-links .guide-link,.guide-link-visual img{transition:none}.guide-links .guide-link:hover img{transform:none}}

/* /seo-content.css */
.service-guide-list{display:flex;flex-direction:column;gap:16px;max-width:560px}.service-guide-list a{display:block;font-size:16px;line-height:1.6;border-bottom:1px solid #b1c9d5;padding:8px 0;min-height:44px}.service-guide-list a:hover{text-decoration:underline;text-underline-offset:4px}.guide-link-type{display:flex;flex-direction:column;justify-content:center;padding:25px;box-sizing:border-box;background:#254452!important;color:#dcebf2;gap:20px}.guide-link-type>span{font-size:12px;letter-spacing:1px;direction:ltr}.guide-link-type>strong{font-size:27px;font-weight:500;line-height:1.3}.guide-hero-type{min-height:440px;background:#203a47;padding:55px;color:#e5f0f6;display:flex;flex-direction:column;justify-content:center;border-radius:3px 50px 3px 3px;gap:25px}.guide-hero-type strong{font-size:50px;font-weight:500;line-height:1.15}.guide-hero-type p{font-size:20px;line-height:1.7}.guide-hero-type .eyebrow{font-size:14px;color:#b1d2e2}.service-articles article:target{scroll-margin-top:35px}@media(max-width:640px){.service-guide-list{margin-top:20px}.service-guide-list a{font-size:16px}.guide-hero-type{min-height:280px;padding:30px;border-radius:3px 35px 3px 3px}.guide-hero-type strong{font-size:38px}.guide-link-type{min-height:180px!important}.guide-link-type>strong{font-size:29px}}

/* /finishing.css */
/* Shared closing chapter and navigation, with native accessible controls. */
.persistent-phone{position:fixed;left:22px;bottom:22px;z-index:79;display:flex;align-items:center;gap:9px;min-height:50px;padding:10px 17px;background:#203a47;color:#fff;border:1px solid #adc7d4;border-radius:3px;font-size:14px;box-sizing:border-box}.persistent-phone>span:first-child{font-size:21px}.persistent-phone:focus-visible{outline:3px solid #adc7d4;outline-offset:4px}@media(max-width:760px){.persistent-phone{left:14px;bottom:calc(14px + env(safe-area-inset-bottom))}.showroom-home.has-project-phone-bar .persistent-phone,.has-sales-phone-bar .persistent-phone{display:none}}
.mobile-navigation{display:none}
.service-page{background:#f6f9fa}.service-nav{background:#f6f9fa;border-color:#cddce3}.service-breadcrumb,.directory-heading p{color:#617e8d}.service-hero-copy>p:not(.service-lead){color:#58717f}.service-hero-drawing{background:#203a47;border-radius:3px 3px 45px 3px}.service-estimate{background:#eaf1f5;border-color:#c8dae4}.service-end{background:#203a47}.service-end .button{background:#e5eff4;color:#203a47}.service-faq details{border-color:#cddce3}.service-faq details[open]{background:#eef4f7}.service-faq details p{color:#58717f;padding-top:18px}.service-faq summary{line-height:1.6;min-height:44px}.service-faq summary span{flex-shrink:0;color:#64879a}
.more.more-finished{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:85px;border-top:1px solid #cddce3;align-items:start}
.more-heading h2{font-size:clamp(36px,3.9vw,54px);font-weight:600;line-height:1.2;letter-spacing:-1.4px;margin:20px 0 24px}
.more-heading h2 span{color:#6b8795;font-weight:400}
.more-heading p{font-size:16px;line-height:1.9;color:#5a7582;margin-bottom:24px}
.more.more-finished .more-links{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.more-links>a{position:relative;display:grid;grid-template-columns:1fr auto;gap:10px;padding:25px 0;border-bottom:1px solid #cddce3;min-height:155px;transition:color .25s}
.more-links>a .service-ordinal{grid-column:1/-1;font-size:12px;color:#829aa6;letter-spacing:1px}
.more-links>a>span{font-size:21px;font-weight:500}
.more-links>a>small:not(.service-ordinal){grid-column:1/-1;grid-row:3;font-size:14px;color:#6a8490;line-height:1.6}
.more-links>a>b{font-size:24px;font-weight:400;grid-column:2;grid-row:2;transition:transform .25s}
.more-links>a:hover{color:#59839a}.more-links>a:hover>b{transform:translate(-4px,-4px)}
.faq.wrap{display:grid;grid-template-columns:.8fr 1.2fr;column-gap:80px;row-gap:0;padding-block:80px 100px;border-top:1px solid #cddce3;counter-reset:question}
.faq-eyebrow{grid-column:1;margin-bottom:20px}.faq.wrap h2{grid-column:1;font-size:clamp(34px,3.3vw,46px);font-weight:500;letter-spacing:-1px;line-height:1.3;align-self:start}
.faq.wrap .faq-list{grid-column:2;grid-row:1/3;width:100%}
.faq-list details{border-bottom:1px solid #cddce3;padding:0}
.faq-list summary{position:relative;display:flex;justify-content:flex-start;gap:20px;align-items:center;list-style:none;padding:25px 0;min-height:82px;font-size:18px;line-height:1.6;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:before{counter-increment:question;content:counter(question,decimal-leading-zero);font-size:12px;color:#8099a6}
.faq-list summary:after{content:'+';margin-inline-start:auto;flex-shrink:0;font-size:26px;font-weight:300;color:#557588}
.faq-list details[open] summary:after{content:'−'}
.faq-list details[open]{background:#f3f7f9}
.faq-list p{padding:0 35px 26px 24px;font-size:16px;color:#58717d;line-height:1.9;max-width:620px}
footer.site-footer{display:grid;grid-template-columns:.8fr 1.2fr;gap:55px 80px;padding:75px max(32px,calc((100vw - 1240px)/2));background:#203a47;color:#e5eff4;align-items:start;border:0;margin:0;width:100%}
.site-footer .logo{display:inline-block;color:#fff}.footer-intro h2{font-size:36px;line-height:1.3;font-weight:500;letter-spacing:-.8px;margin:35px 0 18px}.footer-intro h2 span{color:#adc7d4;font-weight:400}
.footer-intro p{font-size:15px;line-height:1.9;color:#b5ccd7;margin-bottom:26px}
.footer-contact{display:inline-flex;gap:25px;align-items:center;padding-block:12px;border-bottom:1px solid #829eac;font-size:16px}.footer-contact span{font-size:23px}
.footer-business-contact{margin-top:26px;padding-top:24px;border-top:1px solid #ffffff25}.footer-business-contact p{font-size:14px;line-height:1.9;margin-bottom:14px}.footer-business-contact>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 25px}.footer-business-contact a{font-size:16px;display:inline-flex;align-items:center;min-height:44px}.footer-business-contact a:first-child{padding:10px 18px;border:1px solid #89a7b7;border-radius:3px}
.footer-directory{display:grid;grid-template-columns:1fr 1fr;gap:38px 25px;padding-top:10px}.footer-directory nav{display:flex;flex-direction:column;align-items:start;gap:12px}.footer-directory nav:last-child{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:15px 28px}.footer-directory nav:last-child h3{width:100%}
.footer-directory h3{font-size:13px;font-weight:400;color:#8fafbf;margin-bottom:10px}.footer-directory a{font-size:15px;line-height:1.7;min-height:28px}.site-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.footer-bottom{grid-column:1/-1;display:flex;align-items:center;gap:24px;justify-content:space-between;border-top:1px solid #ffffff25;padding-top:26px;color:#a7c0cd;font-size:13px}.footer-bottom small{font-size:12px}
@media(max-width:1000px){.more.more-finished,.faq.wrap,footer.site-footer{column-gap:40px}.more-links>a>span{font-size:19px}}
@media(max-width:760px){
 .nav-inner>nav,.service-nav>nav{display:none}.nav-inner{gap:16px}.nav-inner>.nav-cta,.service-nav>.button{display:none}
 .mobile-navigation{display:block;position:relative;margin-inline-start:auto;color:inherit}.mobile-navigation summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;min-height:48px;padding:10px 12px;border:1px solid currentColor;border-radius:3px;font-size:14px}.mobile-navigation summary::-webkit-details-marker{display:none}
 .mobile-navigation summary i{width:18px;height:10px;border-top:1px solid;border-bottom:1px solid;transition:transform .2s}.mobile-navigation[open] summary i{transform:rotate(-45deg)}
 .nav .mobile-navigation nav,.service-nav .mobile-navigation nav{position:absolute;top:calc(100% + 12px);inset-inline-end:0;width:min(340px,calc(100vw - 48px));max-height:calc(100svh - 110px);overflow:auto;display:flex;flex-direction:column;gap:0;background:#f6fafc;color:#203a47;box-shadow:0 18px 45px #102a3933;border:1px solid #c3d7e2;border-radius:3px 3px 30px 3px;padding:22px;z-index:30}
 .nav .mobile-navigation nav a,.service-nav .mobile-navigation nav a{display:block!important;opacity:1;padding:13px 0;min-height:48px;border-bottom:1px solid #d2e0e8;font-size:16px}.mobile-navigation .menu-label{font-size:12px;color:#688695;padding-bottom:10px}.mobile-navigation nav a.menu-contact{color:#35657e;margin-top:10px;border-bottom:0}
 .more.more-finished{grid-template-columns:1fr;gap:30px;padding-block:60px}.more-heading h2{font-size:39px}.more-heading p{font-size:16px}.more.more-finished .more-links{gap:0 20px}.more-links>a{min-height:155px}.more-links>a>span{font-size:18px}.more-links>a>small:not(.service-ordinal){font-size:13px}
 .faq.wrap{grid-template-columns:1fr;gap:0;padding-block:55px 65px}.faq-eyebrow,.faq.wrap h2,.faq.wrap .faq-list{grid-column:1;grid-row:auto}.faq.wrap h2{font-size:36px;margin-bottom:25px}.faq-list summary{font-size:16px;gap:12px}.faq-list p{padding-inline:26px 14px;font-size:15px}
 footer.site-footer{grid-template-columns:1fr;padding:55px 24px 110px;gap:40px}.footer-intro h2{font-size:34px;margin-top:28px}.footer-directory{gap:35px 20px}.footer-directory a{font-size:14px;min-height:34px}.footer-bottom{flex-wrap:wrap;gap:18px;font-size:12px}.footer-bottom small{width:100%;order:3}
}
@media(prefers-reduced-motion:reduce){.more-links>a,.more-links>a>b,.mobile-navigation summary i{transition:none}.more-links>a:hover>b{transform:none}}

.phone-icon{width:20px;height:20px;display:block;flex:none}.persistent-phone{border-radius:28px;border-color:#d0dde3;background:#f8fafb;color:#203a47;box-shadow:0 4px 18px #172f3c15;gap:10px;padding:12px 19px;font-weight:500;transition:background .2s,box-shadow .2s}.persistent-phone:hover{background:#eaf1f5;box-shadow:0 5px 20px #172f3c22}.persistent-phone .phone-icon{width:20px;height:20px}.persistent-phone:active{background:#e1ebf0}@media(prefers-reduced-motion:reduce){.persistent-phone{transition:none}}

/* /seo-infrastructure.css */
.seo-toc{background:#eef3f5;padding:24px;border-inline-start:3px solid #6e97a6;margin:24px 0 40px}.seo-toc strong{display:block;margin-bottom:12px}.seo-toc a,.seo-related a,.seo-topic-group a{display:block;padding:12px 0;color:#234e61;text-decoration:underline;text-underline-offset:5px}.seo-related{max-width:1100px;margin:32px auto;padding:24px clamp(20px,5vw,70px);border-top:1px solid #cedadd}.seo-byline{font-size:14px;color:#536b76}.seo-contact-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin:32px 0}.seo-topic-nav{display:flex;gap:12px;flex-wrap:wrap;margin:32px 0}.seo-topic-nav a{border:1px solid #c0cfd5;padding:10px 14px;border-radius:24px}.seo-topic-group{border-bottom:1px solid #d8e0e4;padding:24px 0}.seo-topic-group h2{font-size:24px}.seo-toc a:focus-visible,.seo-related a:focus-visible,.seo-topic-nav a:focus-visible{outline:3px solid #325a70;outline-offset:4px}h2[id]{scroll-margin-top:100px}@media(max-width:760px){.seo-related{padding:24px}.seo-toc{padding:18px}.seo-contact-actions{gap:18px}.seo-topic-group h2{font-size:21px}}
/* /sales-flow.css */
.sales-opening{padding:24px clamp(20px,5vw,70px);background:#edf2f3;color:#22323b}.sales-audience{font-size:19px;font-weight:600;margin:0 0 8px}.sales-area{line-height:1.7}.sales-actions{display:flex;align-items:center;flex-wrap:wrap;gap:14px}.sales-actions .button{white-space:normal;text-align:center;min-height:48px;border:0;cursor:pointer;font:inherit}.sales-whatsapp{background:#e0eee8;color:#183c32}.sales-phone{padding:14px;color:inherit}.contractor-section{padding-top:64px;padding-bottom:64px;scroll-margin-top:100px}.contractor-section h2{font-size:clamp(28px,4vw,46px);max-width:850px}.contractor-section p{max-width:850px;line-height:1.85}.contractor-section ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;padding-inline-start:24px;line-height:1.7}.service-contact-dialog{width:min(620px,calc(100vw - 28px));max-height:calc(100dvh - 28px);box-sizing:border-box;padding:30px;border:0;border-radius:12px;overflow-y:auto;overscroll-behavior:contain;color:#22323b;background:#fff}.service-contact-dialog::backdrop{background:#16252bcc}.service-contact-close{position:sticky;top:0;float:left;background:#edf2f3;border:0;width:44px;height:44px;font-size:28px;cursor:pointer}.service-contact-dialog h2{font-size:28px;line-height:1.3}.service-contact-dialog label{display:grid;gap:7px;font-size:15px;margin-bottom:14px}.sales-form-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.sales-form-fields>label:has(textarea),.contractor-fields{grid-column:1/-1}.service-contact-dialog input:not([type=checkbox]),.service-contact-dialog textarea{width:100%;min-width:0;box-sizing:border-box;min-height:46px;font:inherit;font-size:16px;padding:10px;border:1px solid #879ca5;border-radius:5px;background:white;color:#22323b}.service-contact-dialog input[readonly]{background:#f1f4f5}.service-contact-dialog .sales-consent{display:flex;align-items:flex-start;gap:10px;line-height:1.6}.sales-consent input{margin-top:5px;width:20px;height:20px;flex-shrink:0}.sales-form-note{font-size:14px;line-height:1.8}.service-contact-dialog .button{border:0;cursor:pointer;min-height:48px;font:inherit}.service-contact-dialog [aria-invalid=true]{border-color:#a72e2e!important}#service-contact-feedback{line-height:1.7;color:#8b2525}.sales-mobile-bar{display:none}.service-contact-open{overflow:hidden}.service-contact-dialog :focus-visible,.sales-opening :focus-visible,.contractor-section :focus-visible,.sales-mobile-bar :focus-visible{outline:3px solid #437e97;outline-offset:3px}@media(max-width:760px){body[data-service]{padding-bottom:calc(80px + env(safe-area-inset-bottom))}.sales-mobile-bar{position:fixed;bottom:0;inset-inline:0;z-index:80;display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:#f4f7f8;border-top:1px solid #b7c7ce}.sales-mobile-bar a,.sales-mobile-bar button{min-height:46px;display:flex;align-items:center;justify-content:center;font:inherit;font-size:15px;border:0;border-radius:5px;background:#233d49;color:white;text-decoration:none;cursor:pointer}.service-contact-open .sales-mobile-bar{display:none}.sales-actions{align-items:stretch}.sales-actions>.button,.sales-actions>.sales-phone{width:100%;box-sizing:border-box}.contractor-section ol{grid-template-columns:1fr 1fr}.service-contact-dialog{padding:20px;margin:auto}.sales-form-fields{grid-template-columns:1fr}.service-contact-dialog input,.service-contact-dialog textarea{scroll-margin:60px}}@media(prefers-reduced-motion:reduce){.service-contact-dialog,.sales-opening,.contractor-section{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Direct-contact entry: same material palette and existing typography. */
.service-signature-heading{margin-bottom:18px}.sales-opening{padding:18px 0 26px;background:transparent}.sales-area{margin:0 0 16px;color:#42594f}.sales-secondary{display:flex;flex-wrap:wrap;gap:20px;margin-top:18px}.sales-secondary button,.contractor-section button[data-quote]{border:0;border-bottom:1px solid #8da498;background:transparent;color:#22323b;font:inherit;cursor:pointer;padding:10px 0;min-height:44px}.sales-secondary a{padding:10px 0;min-height:44px;box-sizing:border-box}.contractor-section{background:#e5ece7;margin-top:30px;margin-bottom:30px;border-inline-start:4px solid #456b60;padding:clamp(24px,4vw,58px);box-sizing:border-box;max-width:calc(100% - 10vw)}.contractor-section .text-link{min-height:44px;display:flex;align-items:center}.sales-process{padding-top:34px;padding-bottom:54px}.sales-process h2{font-size:clamp(28px,3vw,40px);margin:18px 0 28px}.sales-process ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.sales-process li{border-top:1px solid #a2b7ac;padding-top:18px;min-width:0}.sales-process li>span{font-size:14px;color:#526b60}.sales-process h3{font-size:19px;line-height:1.5}.sales-process p{font-size:16px;line-height:1.8;color:#42594f}.sales-mobile-bar{box-sizing:border-box}.sales-keyboard-open .sales-mobile-bar{display:none}.sales-secondary :focus-visible,.sales-process :focus-visible{outline:3px solid #437e97;outline-offset:3px}
@media(max-width:760px){.sales-mobile-bar{grid-template-columns:1.3fr 1fr}.service-hero-signature{padding-top:8px}.service-signature-heading h1{font-size:clamp(30px,8.5vw,42px);line-height:1.18;letter-spacing:-.8px;margin:12px 0}.service-signature-heading .service-lead{font-size:18px!important;line-height:1.65!important;margin:12px 0}.sales-opening{padding:0 0 22px}.sales-area{font-size:14px;line-height:1.7}.sales-actions{gap:10px}.sales-actions>.button{width:auto;flex:1 1 150px;padding:14px 12px;min-height:50px;font-size:15px}.sales-secondary{font-size:14px;gap:14px;margin-top:10px}.sales-process ol{grid-template-columns:1fr 1fr;gap:18px}.sales-process h3{font-size:17px}.sales-process p{font-size:14px}.service-comparison,.service-pergola-scene,.service-glass-panorama{height:clamp(260px,75vw,380px)}.service-breadcrumb{margin-top:18px;margin-bottom:18px}.contractor-section .sales-actions{flex-direction:column}.contractor-section .sales-actions>.button{flex:auto;width:100%}.sales-mobile-bar .button{font-size:15px;padding:10px;white-space:normal;box-sizing:border-box}.sales-mobile-bar a{margin:0}.service-contact-dialog{max-height:calc(var(--sales-viewport-height,100dvh) - 28px)}}

/* /cms-content.css */
.cms-service-photo{margin:0;min-width:0}.cms-service-photo img{display:block;width:100%;height:auto;max-height:650px;object-fit:contain;background:#e7ebe6;border-radius:8px}.cms-service-photo figcaption{font-size:12px;color:#66747b;padding:15px 0}
/* Category media and portfolios share the CMS source on every viewport. */
.directory-image{position:relative;overflow:hidden;aspect-ratio:3/2}.directory-image img{display:block;width:100%;height:100%;object-fit:cover}.directory-image small{position:absolute;bottom:12px;right:12px;background:#f7f9f8ed;color:#263d46;padding:5px 10px;font-size:12px}.category-portfolio{width:min(1320px,calc(100% - 64px));margin:0 auto;padding:64px 0;border-top:1px solid #d8e0e2}.category-portfolio header{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:28px}.category-portfolio header span{color:#647a84;font-size:14px}.category-portfolio h2{font-size:clamp(28px,3.2vw,46px);margin:8px 0}.category-portfolio header p{max-width:400px;line-height:1.7;color:#536773}.category-portfolio .category-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;overflow:visible;padding:0;scroll-snap-type:none}.category-portfolio .our-project-card{width:auto;min-width:0;max-width:none;margin:0}.category-portfolio .our-project-image{aspect-ratio:3/2;width:100%;height:auto;border-radius:5px;overflow:hidden}.category-portfolio .our-project-image img{width:100%;height:100%;object-fit:cover}.category-portfolio figcaption p{font-size:15px;line-height:1.6}.category-portfolio [data-project-category] .project-kind{display:block}.category-portfolio .our-project-card.project-wide{grid-column:auto}@media(max-width:760px){.category-portfolio{width:calc(100% - 36px);padding:38px 0}.category-portfolio header{display:block}.category-portfolio header p{margin:10px 0 0}.category-portfolio .category-portfolio-grid{grid-template-columns:1fr;gap:24px}.directory-image{min-height:0;height:auto}.category-portfolio .our-project-image{aspect-ratio:4/3}}

.hf-projects .hf-gallery-bottom .gallery-disclosure,.category-portfolio .gallery-disclosure{font-size:12px;line-height:1.6;color:#53636b;margin:18px 0 0;font-weight:400}

/* /our-projects.css */
.our-projects{padding-top:18px!important;padding-bottom:60px!important}.our-project-heading-actions{display:flex;align-items:center;gap:30px}.our-project-heading-actions p{font-size:14px;line-height:1.8}.our-project-arrows{display:flex;gap:9px}.our-project-arrows button,.our-project-viewer-controls button{width:44px;height:44px;background:transparent;border:1px solid #cad1d0;border-radius:50%;color:inherit;font:inherit;font-size:21px;cursor:pointer}.our-project-track{display:flex;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#96a4a5 transparent;padding-bottom:18px;overscroll-behavior-x:contain}.our-project-card{margin:0;flex:0 0 calc((100% - 48px)/3);scroll-snap-align:start;min-width:0}.our-project-image{display:block;position:relative;width:100%;height:385px;padding:0;border:0;border-radius:5px;overflow:hidden;background:#e7ebe6;cursor:zoom-in}.our-project-image img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.our-project-image:hover img{transform:scale(1.03)}.our-project-image>span{position:absolute;bottom:14px;left:14px;border-radius:50%;width:36px;height:36px;display:grid;place-items:center;background:#ffffffe6;color:#26373e;font-size:20px}.our-project-card figcaption{font-size:14px;line-height:1.7;padding:16px 0 2px;color:#34434a}.our-project-note{font-size:12px;color:#64737a;margin-top:14px;line-height:1.7}.our-project-viewer{background:#15242b;color:#fff;border:0;border-radius:8px;padding:42px 24px 20px;width:min(1020px,calc(100% - 28px));max-height:calc(100dvh - 28px);overflow:auto}.our-project-viewer::backdrop{background:#08141cdb}.our-project-viewer figure{margin:0}.our-project-viewer img{max-width:100%;width:auto;height:auto;max-height:calc(100dvh - 180px);object-fit:contain;display:block;margin:auto}.our-project-viewer figcaption{text-align:center;font-size:14px;line-height:1.6;margin-top:17px}.our-project-close{position:absolute;left:12px;top:5px;font-size:30px;background:none;border:0;color:#fff;cursor:pointer;width:38px;height:38px}.our-project-viewer-controls{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:14px}.our-project-viewer-controls button{color:#fff;border-color:#697980}.our-project-viewer-controls span{font-size:12px}.our-projects button:focus-visible,.our-project-track:focus-visible{outline:3px solid #a98e61;outline-offset:4px}@media(max-width:900px){.our-project-card{flex-basis:calc((100% - 24px)/2)}.our-project-image{height:340px}}@media(max-width:760px){.our-projects{padding-top:8px!important;padding-bottom:38px!important}.our-projects .section-heading{display:block}.our-project-heading-actions{margin-top:18px;justify-content:space-between;gap:14px}.our-project-heading-actions p{font-size:13px}.our-project-arrows button{width:38px;height:38px}.our-project-track{gap:16px}.our-project-card{flex-basis:82%}.our-project-image{height:350px}.our-project-card figcaption{font-size:13px}.our-project-viewer{padding:42px 13px 18px}.our-project-viewer img{max-height:calc(100dvh - 180px)}}@media(prefers-reduced-motion:reduce){.our-project-image img{transition:none}}
.our-project-viewer-controls button{width:auto;min-width:70px;min-height:44px;padding:8px 14px;font-size:14px;border-radius:4px}.our-project-viewer{touch-action:pan-y pinch-zoom}
.gallery-ready .project-original{display:none}.project-original{display:inline-block;margin-top:8px;text-decoration:underline;min-height:44px}.our-project-image>.project-photo-count{width:auto;height:auto;left:auto;inset-inline-end:12px;border-radius:3px;padding:5px 10px;font-size:12px;background:#20363ee8;color:#fff}

/* /project-photos.css */

.project-gallery{padding-top:70px;padding-bottom:70px}.project-gallery-heading{max-width:700px;margin-bottom:30px}.project-gallery-heading h2{font-size:clamp(30px,4vw,52px);line-height:1.2;margin:14px 0}.project-gallery-heading p{color:#52626a;line-height:1.8}.project-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.project-photo{margin:0;min-width:0}.project-photo img{display:block;width:100%;height:auto;max-height:620px;object-fit:contain;background:#e9eef0;border-radius:8px}.project-photo a{display:block}.project-photo a:focus-visible{outline:3px solid #325a70;outline-offset:5px}.project-photo figcaption{display:grid;gap:8px;padding:16px 0;font-size:15px;line-height:1.6}.project-photo figcaption span{font-size:11px;letter-spacing:.07em;color:#627680}.service-hero>.project-photo{align-self:start}.project-photo-grid>.project-photo:only-child{max-width:640px}@media(max-width:760px){.project-gallery{padding-top:42px;padding-bottom:42px}.project-photo-grid{grid-template-columns:1fr;gap:24px}.project-photo img{max-height:520px}.project-gallery-heading h2{font-size:32px}}

/* /service-cro.css */
.cro-audience{border:0;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:10px}.cro-audience legend{font-size:15px;margin-bottom:10px}.cro-audience label{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid #9bafb5;border-radius:4px;background:#f6f8f8;color:#203941;cursor:pointer;font-size:15px;line-height:1.5}.cro-audience label:has(:checked){background:#233e48;color:white;border-color:#233e48}.cro-audience input{accent-color:#486d7c;width:18px;height:18px}.cro-checklist{padding:35px 0;max-width:90%;margin:auto}.cro-checklist h2{font-size:clamp(26px,3vw,38px)}.cro-checklist>div{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.cro-checklist article{border-top:1px solid #9bafb5;padding-top:14px}.cro-checklist p,.cro-quote-note p{line-height:1.8;color:#344e58;font-size:16px}.cro-quote-note{grid-column:1/-1;padding:24px;background:#eef3f4}.cro-quote-note summary{cursor:pointer;min-height:44px;display:flex;align-items:center;text-decoration:underline}.cro-work-photo{margin:0;min-width:0}.cro-work-photo img{display:block;width:100%;height:clamp(280px,38vw,510px);object-fit:contain;background:#e4ebed}.cro-work-photo figcaption{font-size:13px;line-height:1.6;padding:10px;color:#344e58}.service-contact-dialog select{width:100%;min-height:46px;border:1px solid #879ca5;padding:10px;font:inherit;font-size:16px;background:white;color:#22323b}.service-contact-dialog [hidden]{display:none!important}.cro-audience :focus-visible,.cro-quote-note :focus-visible{outline:3px solid #54879c;outline-offset:4px}
@media(max-width:760px){.cro-audience{gap:8px}.cro-audience label{flex:1 1 140px;padding:10px;font-size:14px}.cro-checklist>div{grid-template-columns:1fr;gap:10px}.cro-checklist article{padding-top:8px}.cro-checklist h3{margin-block:12px 8px}.cro-work-photo img{height:310px}.cro-quote-note{padding:18px}.service-hero .sales-secondary a[href*="project-direction"]{display:none}.pg-actions .pg-text-link{min-height:48px;display:inline-flex;align-items:center}.pg-mobile-contact,.sales-mobile-bar{padding-bottom:calc(10px + env(safe-area-inset-bottom))}}
@media(prefers-reduced-motion:reduce){.cro-audience *{transition:none!important}}
.cro-reading{border-top:1px solid #bdcbd0;padding:12px 0}.cro-reading summary{cursor:pointer;font-size:20px;font-weight:600;line-height:1.5;min-height:44px;padding-block:8px}.cro-reading p{max-width:75ch;line-height:1.85}.cro-reading :focus-visible{outline:3px solid #54879c;outline-offset:3px}
.service-editorial .cro-reading summary h2{display:inline;font-size:20px;line-height:1.5;margin:0}.service-editorial .cro-reading summary::marker{color:#456b7a}

/* /seo-practical.css */
.seo-practical{margin:24px 0 40px;padding:28px;background:#f0f4f6;border:1px solid #dbe1e4;border-radius:4px;color:#22323b}.seo-label{display:block;color:#506b78;font-size:12px;letter-spacing:.04em;margin-bottom:12px}.seo-practical h2,.seo-service-block h2{font-size:clamp(25px,3vw,38px);line-height:1.35;margin:0 0 18px;font-weight:500}.seo-practical>p,.seo-service-block p{font-size:15px;line-height:1.85;margin-bottom:18px}.seo-table-scroll{overflow:auto;max-width:100%;margin:20px 0}.seo-table-scroll table{width:100%;border-collapse:collapse;text-align:right;font-size:14px;line-height:1.8}.seo-table-scroll th,.seo-table-scroll td{padding:15px;border-bottom:1px solid #dbe1e4;vertical-align:top}.seo-table-scroll thead{background:#22323b;color:#fff}.seo-table-scroll tbody th{width:28%;font-weight:500}.seo-table-scroll tr:nth-child(even){background:#ffffff80}.seo-practical .seo-note,.seo-service-block .seo-note{font-size:13px;color:#50616b;margin-bottom:0}.seo-service-block{width:min(1240px,calc(100% - 80px));margin:55px auto;padding:0;color:#22323b}.seo-soft{background:#f0f4f6;padding:35px;border-radius:4px}.seo-photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:25px 0}.seo-photo-grid article{background:#f0f4f6;overflow:hidden;border-radius:4px}.seo-photo-grid img{height:320px;width:100%;object-fit:cover}.seo-photo-grid article>div{padding:24px}.seo-photo-grid h3,.seo-mini-grid h3{font-size:21px;font-weight:500;margin:0 0 12px}.seo-mini-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:25px;margin:25px 0}.seo-mini-grid article{border-top:2px solid #b9cad1;padding-top:20px}.seo-prep-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:25px 0}.seo-prep-list li{padding:12px 16px;border:1px solid #b9cad1;background:#ffffff70;font-size:14px}.seo-inline-link{display:inline-block;padding:12px 0;text-decoration:underline;text-underline-offset:5px;color:#304d5c;line-height:1.7}.seo-home-slogan{font-size:clamp(16px,2vw,24px)!important;line-height:1.5!important;margin:15px 0!important}.seo-table-scroll:focus-visible{outline:2px solid #506b78;outline-offset:3px}@media(max-width:760px){.seo-service-block{width:calc(100% - 40px);margin:35px auto}.seo-soft,.seo-practical{padding:20px}.seo-photo-grid{gap:14px}.seo-photo-grid img{height:220px}.seo-photo-grid article>div{padding:15px}.seo-photo-grid h3,.seo-mini-grid h3{font-size:19px}.seo-service-block p,.seo-practical>p{font-size:14px}.seo-table-scroll th,.seo-table-scroll td{padding:10px;font-size:13px}.seo-table-scroll tbody th{width:31%}.seo-prep-list li{font-size:12px}.seo-mini-grid{gap:18px}}@media(max-width:400px){.seo-photo-grid{grid-template-columns:1fr}.seo-photo-grid img{height:280px}}

.project-case{margin-top:14px;border-top:1px solid #b9cad1;padding-top:12px}.project-case summary{cursor:pointer;color:#22323b;font-weight:600;min-height:44px;display:flex;align-items:center}.project-case dl{margin:0}.project-case dl>div{margin:12px 0}.project-case dt{font-weight:600;color:#22323b}.project-case dd{margin:4px 0;line-height:1.7}.verified-profiles{display:flex;flex-wrap:wrap;gap:18px;padding:18px 0}.verified-profiles a{color:inherit}.growth-answer{margin-block:32px}