/* Calm photographic presentation. Original brand, architecture and documents remain intact. */
body{background:#fbfcfc}
.header.light{background:#fff;box-shadow:0 1px 0 #00446312}
.header-contact{border-radius:3px}
.hero-back{background:#fbfcfc;padding-bottom:100px;text-align:left}
.hero-clouds:after{background:linear-gradient(0deg,#fbfcfc 0%,transparent 24%)}
.hero-scene-cover{fill:#fbfcfc}
.hero-back .about-top{width:100%;display:grid;grid-template-columns:1.35fr .65fr;gap:7%;align-items:end;max-width:1480px;margin:0 auto 45px}
.about-top .eyebrow,.projects-heading .eyebrow{font-size:11px;letter-spacing:1.4px;color:#52737e;margin-bottom:22px}
.hero-back h2{font-size:clamp(35px,4.15vw,66px);line-height:1.13;letter-spacing:-.045em;font-weight:500;text-align:left}
.about-copy .back-intro{font-size:17px;line-height:1.75;margin:0 0 20px;color:#52737e;max-width:350px}
.about-copy .about-details{margin:0;max-width:none;text-align:left;border-color:#d7e1e4}
.about-details summary{font-size:13px;justify-content:space-between;gap:15px;padding:13px 0}
.about-details .expanded-copy{padding:12px 0 0}.about-details .expanded-copy p{font-size:14px;text-align:left;line-height:1.8}
.hero-back .glass-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;max-width:1480px;width:100%;margin:0 auto}
.glass-studies .glass-study,.glass-studies .glass-study:nth-child(2){display:block;width:100%;margin:0;aspect-ratio:auto;clip-path:none;transform:none;background:none;text-align:left;overflow:visible}
.glass-study .study-image{position:relative;display:block;right:auto;bottom:auto;aspect-ratio:4/5;overflow:hidden;background:#e5ebeb}
.glass-study .study-image img{height:100%;width:100%;object-fit:cover;object-position:50% 45%}
.glass-study:nth-child(2) .study-image img{object-position:42% 52%}
.glass-study:nth-child(3) .study-image img{object-position:50% 35%}
.glass-study .study-caption{position:static;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0;font-size:16px;letter-spacing:-.2px;color:#004463;border-bottom:1px solid #d7e1e4}
.study-caption b{font-size:23px;font-weight:400}
.glass-study:hover .study-caption{color:#1d7186}
.selected-projects{background:#f0f4f3;padding-top:95px;padding-bottom:95px}
.projects-heading{display:flex;align-items:end;justify-content:space-between;gap:50px;margin:0 auto 45px;max-width:1480px}
.projects-heading h2{font-size:clamp(40px,4.7vw,70px);font-weight:500;line-height:1.07}
.projects-heading .glass-underline{background:none;color:#1d7186}
.projects-heading>p{font-size:15px;line-height:1.7;max-width:330px;padding-bottom:4px}
.project-feature-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:65px 32px;max-width:1480px;margin:auto}
.project-feature{min-width:0}
.feature-photo{display:block;position:relative;width:100%;height:clamp(420px,44vw,640px);padding:0;background:#e6eae7;border:0;overflow:hidden;text-align:left}
.feature-photo>img{height:100%;width:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.project-kitchen .feature-photo>img{object-position:52% 45%}
.project-mirror .feature-photo>img{object-position:50% 46%;transform:scale(1.42);transform-origin:50% 42%}
.feature-photo:hover>img{transform:scale(1.035)}
.project-mirror .feature-photo:hover>img{transform:scale(1.46)}
.photo-open{position:absolute;right:18px;bottom:18px;display:grid;place-items:center;background:#ffffffed;width:44px;height:44px;color:#004463;font-size:25px}
.feature-caption{padding-top:23px}
.feature-caption>span{display:block;font-size:10px;letter-spacing:1.4px;color:#52737e;margin-bottom:10px}
.feature-caption h3{font-size:clamp(23px,2.3vw,35px);line-height:1.16;letter-spacing:-.035em;font-weight:500}
.project-railing{grid-column:1/-1;display:grid;grid-template-columns:1.5fr .75fr;align-items:center;gap:6%;padding-top:15px}
.project-railing .comparison{aspect-ratio:16/10;border-radius:0;background:#e5e9e6}
.project-railing .comparison-base{object-position:55% 38%}
.project-railing .comparison-detail img{object-position:50% 43%}
.project-railing .comparison-labels{inset:18px 18px auto}.project-railing .comparison-labels span{background:#004463c9;font-size:9px;letter-spacing:1px}

.project-railing .comparison-divider{opacity:0;transition:opacity .2s}
.project-railing .comparison:hover .comparison-divider,.project-railing .comparison:focus-within .comparison-divider{opacity:1}
.project-railing .comparison-bottom{height:auto;min-height:48px;margin-top:12px;flex-wrap:wrap}
.comparison-presets button{font-size:12px;min-height:44px}
.project-railing .comparison-enlarge{width:44px;height:44px}
.project-railing .feature-caption{padding:0 0 46px}
.project-railing .feature-caption h3{font-size:clamp(30px,3.25vw,48px);line-height:1.1;margin-bottom:22px}
.project-railing .feature-caption>p{font-size:16px;line-height:1.7;max-width:300px}
.project-railing .feature-caption .perspective-note{font-size:12px;margin-top:22px;color:#6e858c}
.project-text-link{display:inline-flex;align-items:center;gap:28px;margin-top:30px;padding:12px 0;border-bottom:1px solid #97b4bc;font-size:14px}
.project-text-link>span{font-size:23px}
.downloads{background:#fbfcfc;border-top:1px solid #e3e9e9;padding-top:80px;padding-bottom:80px}
.process{background:#edf2f2;padding-top:75px;padding-bottom:75px}
.process .eyebrow{color:#52737e;font-size:11px;letter-spacing:1.2px}
.process-step,.process-step:last-child{border-color:#cddbdd}.process-step p{color:#52737e}
.site-footer{background:#00394f}
.footer-logo{background:#fff}
#project-dialog{background:#fff;padding:54px 25px 24px}
#project-dialog .dialog-close{right:9px;top:6px;width:44px;height:44px}
#project-dialog img{max-height:74svh}
@media(min-width:1800px){.hero-back,.selected-projects{padding-left:var(--gutter);padding-right:var(--gutter)}}
@media(max-width:1000px){.hero-back .about-top{grid-template-columns:1.3fr .8fr;gap:6%}.about-copy .back-intro{font-size:15px}.project-feature-grid{gap:50px 25px}.project-railing{grid-template-columns:1.4fr .85fr;gap:5%}.projects-heading>p{font-size:14px}.feature-photo{height:450px}}
@media(max-width:760px){
 .hero-back{padding-bottom:60px}
 .hero-back .about-top{display:block;margin-bottom:30px}
 .hero-back h2{font-size:clamp(29px,7.6vw,50px);line-height:1.18}
 .about-top .eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:18px}
 .about-copy{margin-top:24px}.about-copy .back-intro{max-width:400px;font-size:15px;margin-bottom:12px}
 .hero-back .glass-studies{display:flex;justify-content:flex-start;gap:16px;width:calc(100% + 12vw);margin-left:-6vw;margin-right:-6vw;padding:0 6vw 8px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-left:6vw;scrollbar-width:thin;scrollbar-color:#aec3c8 transparent}
 .glass-studies .glass-study,.glass-studies .glass-study:nth-child(2){flex:0 0 78vw;scroll-snap-align:start}
 .glass-study .study-image{aspect-ratio:4/5}.glass-study .study-caption{font-size:15px;padding:16px 0}
 .selected-projects{padding-top:60px;padding-bottom:55px}
 .projects-heading{display:block;margin-bottom:30px}.projects-heading h2{font-size:clamp(36px,9vw,50px)}
 .projects-heading .eyebrow{font-size:10px;letter-spacing:1.2px;margin-bottom:18px}
 .projects-heading>p{margin-top:22px;font-size:14px}
 .project-feature-grid{display:block}.project-feature+.project-feature{margin-top:38px}
 .feature-photo{height:auto;aspect-ratio:4/3}.project-mirror .feature-photo{aspect-ratio:4/5;max-height:570px}
 .feature-caption{padding-top:18px}.feature-caption h3{font-size:26px}.feature-caption>span{font-size:9px}
 .project-railing{display:block;padding-top:0}.project-railing .comparison{aspect-ratio:4/3}
 .project-railing .feature-caption{padding-top:18px;padding-bottom:0}.project-railing .feature-caption h3{font-size:30px;margin-bottom:16px}
 .project-railing .feature-caption h3 br{display:none}.project-railing .feature-caption h3 br:after{content:' '}
 .project-railing .feature-caption>p{font-size:15px;max-width:360px}.project-railing .feature-caption .perspective-note{margin-top:16px}
 .project-text-link{margin-top:16px}
 .downloads,.process{padding-top:55px;padding-bottom:55px}
 .downloads #downloads-title{font-size:clamp(26px,7.3vw,34px)}
}
@media(prefers-reduced-motion:reduce){.feature-photo>img{transition:none}}
