/* MV V5 · Visible architectural gradients / source-aware photographs.
   Visual direction: Aceternity Background Gradient Animation, Background Gradient,
   and React Bits Aurora. Original, framework-free implementation for offline use.
   Sources and limitations: developer/DESIGN_SOURCES.md and IMAGE_QUALITY.md. */
:root{
  --v5-navy:#102c3d;--v5-forest:#0e493f;--v5-blue:#1e88d7;
  --v5-lime:#c5e775;--v5-cyan:#6ed6dc;--v5-paper:#f7f8f4;
  --v5-brand-gradient:linear-gradient(110deg,#c5e775 0%,#9bdfb0 46%,#65cde7 100%);
}
body{background:var(--v5-paper)}
.site-header{background:#fbfcf9;box-shadow:0 1px 0 #183c3a12}
.site-header::after{content:'';height:2px;position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(90deg,#bee16b,#55b5da 60%,#eff4e9)}
.preview-notice{background:linear-gradient(100deg,#e9f1dc,#e4eff3);color:#2e5245}
/* These gradients occupy real surface area, not an almost-invisible 1px accent. */
.gradient-host{position:relative;isolation:isolate;overflow:hidden}
.gradient-field{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:paint;background:linear-gradient(117deg,#10372f 0%,#102e41 49%,#176f9c 100%)}
.gradient-field::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#08222966 0%,#09253524 43%,transparent 78%)}
.gradient-cloud{display:block;position:absolute;width:75%;height:120%;border-radius:50%;mix-blend-mode:screen;opacity:.55;transform:translate3d(0,0,0);animation-play-state:paused}
.gradient-cloud--blue{right:-27%;top:-51%;background:radial-gradient(ellipse,#2392df 0%,#1c90d16e 34%,transparent 66%);animation:v5-flow-blue 24s ease-in-out infinite alternate;animation-play-state:paused}
.gradient-cloud--mint{right:-14%;bottom:-66%;background:radial-gradient(ellipse,#37b4a5 0%,#46bab46b 37%,transparent 69%);animation:v5-flow-mint 29s ease-in-out infinite alternate;animation-play-state:paused}
.gradient-cloud--lime{left:-31%;bottom:-83%;background:radial-gradient(ellipse,#79b856 0%,#7aaa3040 37%,transparent 67%);opacity:.5;animation:v5-flow-lime 32s ease-in-out infinite alternate;animation-play-state:paused}
.gradient-lines{position:absolute;top:-23%;bottom:-23%;right:-3%;width:34%;transform:skewX(-23deg);border-left:1px solid #e1f5e124;border-right:1px solid #e1f5e113;background:linear-gradient(90deg,#d2edf30b,transparent 55%)}
.gradient-host>.container{position:relative;z-index:1}
.gradient-host[data-gradient-active='true'] .gradient-cloud{animation-play-state:running}
@keyframes v5-flow-blue{from{transform:translate3d(-5%,0,0) scale(.95)}to{transform:translate3d(12%,17%,0) scale(1.12)}}
@keyframes v5-flow-mint{from{transform:translate3d(7%,0,0) scale(.96)}to{transform:translate3d(-19%,-16%,0) scale(1.1)}}
@keyframes v5-flow-lime{from{transform:translate3d(0,3%,0)}to{transform:translate3d(17%,-13%,0)}}
.hero-wrap--construction{background:#103544}
.hero-wrap--construction::before{display:none!important}
.hero-wrap--construction::after{height:3px;background:var(--v5-brand-gradient);opacity:1}
.hero{max-width:1240px;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);min-height:615px;gap:60px;padding-top:52px;padding-bottom:52px}
.hero-copy{position:relative;z-index:2}
.hero h1{font-size:clamp(38px,4.2vw,60px);text-shadow:0 2px 22px #091f3315}
.hero h1 .gradient-text{background:linear-gradient(95deg,#dbf590 0%,#a8ebae 42%,#82e0f0 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-lead{color:#edf4f1;max-width:420px}
.hero .eyebrow,.hero .availability,.hero-footnote p,.hero-footnote p strong{color:#e2f0e9}
.hero-footnote{border-color:#a7d2cd47}
.hero-footnote a{color:#d4f198}
.hero-visual{padding:0;max-width:385px;justify-self:end;width:100%}
.hero-photo-tag{top:14px;left:14px;right:14px;width:fit-content;max-width:calc(100% - 28px);background:#173742f2;border-color:#97b8bd66}
.hero-detail-label{position:relative;inset:auto;margin:-1px 0 0;padding:20px 22px;background:var(--v5-brand-gradient);border:0;border-radius:0 0 15px 15px;box-shadow:0 15px 32px #051e2b20;color:#142f31}
.hero-detail-label span{color:#294d43;line-height:1.4}.hero-detail-label strong{color:#142f31;font-size:20px;line-height:1.3}
/* Preserve the original scene. V4 files had invented size, not extra detail.
   No source is zoomed past its native CSS-pixel dimensions. Captions live outside the photo. */
.site-photo{margin:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto!important;min-height:0!important;overflow:hidden;max-width:100%;background:transparent;isolation:isolate}
.site-photo>img{display:block;flex:0 0 auto;width:auto!important;max-width:min(100%,var(--photo-native-width))!important;height:auto!important;max-height:var(--photo-native-height)!important;object-fit:contain!important;object-position:center!important;transform:none!important;transition:none!important;filter:none!important;image-rendering:auto;border-radius:5px}
.site-photo>figcaption{position:static!important;display:block;align-self:stretch;margin:0;padding:8px 9px 7px!important;max-width:100%!important;width:100%;border-radius:0;background:transparent!important;color:#526960;font-size:9px!important;letter-spacing:.015em;line-height:1.5;white-space:normal;text-align:center}
.hero-house{border-radius:15px 35px 0 0;padding:1px;background:#f5f8f2;box-shadow:0 0 0 1px #b5d9d583,0 20px 50px #07243230}
.hero-house>img{border-radius:14px 34px 0 0;width:100%!important}
.hero-house>figcaption{padding:7px 12px!important;color:#3d5a55;background:#f5f8f2!important;font-size:8px!important}
.focus-strip{background:linear-gradient(95deg,#eef6de 0%,#edf5ee 46%,#e5f2f9 100%);border:0}
.focus-strip>.container{padding-block:24px}.focus-strip p{color:#234744}.focus-strip .ui-icon{color:#2477ab!important}
/* Clear gradient frames + editorial layouts, with a bounded image rather than a giant blurry crop. */
.service-grid{gap:24px;align-items:stretch}
.service-card--photo{border:1px solid transparent;background:linear-gradient(#fff,#fff) padding-box,linear-gradient(130deg,#afcf70,#8bcfc3 51%,#6bb6d8) border-box;border-radius:14px;box-shadow:0 7px 22px #163b3510;display:flex;flex-direction:column;position:relative}
.service-card--photo:hover{transform:translateY(-4px);box-shadow:0 15px 34px #183e4320}
.service-image-wrap{margin:12px 12px 0;padding:24px 10px 0;position:relative;border-radius:8px;background:linear-gradient(125deg,#f2f5e9,#f7faf5 52%,#e8f2f7);border:1px solid #dce9da;min-height:198px;display:flex;align-items:flex-end;justify-content:center}
.service-photo{width:100%;border-radius:0;justify-content:flex-end}
.service-photo>img{width:auto!important;max-height:139px!important;max-width:min(100%,var(--photo-native-width))!important}
.service-photo-number{top:9px;left:11px;padding:0;border:0;background:transparent;color:#30564b;font-size:10px;letter-spacing:.13em}
.service-card__body{padding:24px;display:flex;flex-direction:column;flex:1}
.service-card__body h3{font-size:22px;line-height:1.22;letter-spacing:-.025em;color:#183f3a}
.service-card__body p{color:#456056;font-size:13px}
.service-card__body .text-link{margin-top:auto;padding-top:22px;align-self:flex-start;color:#1e6154}
.service-kicker{color:#486746}
.section-heading h2,.problem-section h2,.faq-section h2,.v5-page-heading h1,.planning-info h2{color:#123d39}
.section-heading .small-square,.v5-page-heading .small-square{background:linear-gradient(135deg,#85b844,#258dc6);box-shadow:0 0 0 5px #e5efd8}
.v5-page-heading{background:radial-gradient(ellipse at 100% 10%,#93cde033 0%,transparent 64%),radial-gradient(ellipse at 3% 100%,#badd6933 0%,transparent 61%),#f7f8f4;border-bottom:2px solid transparent;border-image:linear-gradient(90deg,#b8d980,#90c6da,transparent) 1;padding-top:44px;padding-bottom:40px;margin-top:18px;margin-bottom:28px}
/* Deep marine-to-forest contrast, with moving color off the text's central reading region. */
.construction-section{background:#102f3d;padding-block:85px}
.construction-section .gradient-field{background:linear-gradient(122deg,#102d37 0%,#103c41 50%,#13597c 100%)}
.construction-section .gradient-cloud--blue{opacity:.37;right:-50%}.construction-section .gradient-cloud--lime{opacity:.27}
.construction-copy h2>span{color:#cceb8b}.construction-copy>p:not(.eyebrow){color:#d9e9e6}
.construction-grid{gap:65px;grid-template-columns:1.2fr 1fr}
.construction-photography{max-width:359px;justify-self:end;background:transparent}
.construction-main{border-radius:12px;border:1px solid #87b1b56b;background:#163b43}
.construction-section .site-photo>figcaption{color:#deebe3;background:#163b43!important;font-size:8px!important}
.construction-photo-pair{grid-template-columns:1fr;gap:12px}
.construction-small{padding:10px 10px 0;border:1px solid #6e999d70;border-radius:9px;background:#173c45;align-items:center}
.construction-small>img{max-width:min(100%,var(--photo-native-width))!important}
.construction-small[data-photo='render-work']{align-self:center}
.work-chapter{border-color:#94c4bf3b}.work-chapters{border-color:#94c4bf3b}
.work-chapter[open]{background:linear-gradient(90deg,#b5d86913,transparent);padding-inline:13px;margin-inline:-13px;border-radius:6px}
.work-chapter>p{color:#deebe6}.work-chapter summary small{color:#c1d9d4}.chapter-number{color:#d2ef9b}
.photo-editorial-note{border-color:#7fafad77;color:#d1e4d9}
.detail-stories article{border:1px solid transparent;border-radius:14px;padding:24px;background:linear-gradient(130deg,#edf3e6,#e9f4f6) padding-box,linear-gradient(120deg,#bcd391,#98c9d9) border-box;grid-template-columns:145px 1fr;gap:24px}
.detail-image>img{width:100%!important;max-height:var(--photo-native-height)!important}
.detail-stories article h3{font-size:20px;color:#193f39}.detail-stories article>div p{color:#426056}
.secondary-photo{background:linear-gradient(120deg,#edf3e4,#e3eff5);padding:12px 12px 0;border-radius:10px;margin-bottom:21px}
.secondary-photo>img{max-width:min(100%,var(--photo-native-width))!important}
.service-hero-art{padding:24px;border:1px solid #abd1c4;background:linear-gradient(130deg,#edf5de,#e0f0f7);border-radius:16px}
.service-page-photo{max-width:100%;border-radius:0}.service-page-photo>img{max-width:min(100%,var(--photo-native-width))!important}
.about-photo-panel{max-width:359px;justify-self:center;border-radius:14px;overflow:hidden;background:linear-gradient(125deg,#eaf2dc,#dcecf5);padding:1px;box-shadow:0 0 0 1px #8bbcb46b}
.about-main-photo{border-radius:12px 12px 0 0}
.about-photo-caption{background:linear-gradient(115deg,#13372e,#1b526f);gap:13px}
/* Color-led process and coverage blocks. No decorative template statistics. */
.process-section{background:linear-gradient(112deg,#eef3e6 0%,#f3f6ee 46%,#e5f0f4 100%);border-top:1px solid #d8e4d5;border-bottom:1px solid #dce6db}
.step-number{color:#1f584b!important;background:linear-gradient(130deg,#dbeac0,#cde7e8);border:1px solid #bdd1c1;border-radius:50%;width:40px;height:40px;display:inline-grid;place-items:center;font-size:12px!important}
.coverage-teaser{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(118deg,#123f37,#125375 64%,#278bab);color:#f6fbf8}
.coverage-teaser h2{color:#f5fbf8!important}.coverage-teaser p{color:#dfefeb!important}.coverage-teaser .text-link{color:#d5ef9d!important}
.coverage-teaser .container{position:relative;z-index:1}
.states-panel{border:1px solid #96bbb3;background:linear-gradient(130deg,#dceccd,#d9eaf2);border-radius:14px}
.contact-channels .contact-channel{border:1px solid #bad3c8;background:linear-gradient(110deg,#f2f7e9,#eaf3f6);border-radius:10px}
.contact-channel strong{color:#183f3a}.contact-channel--whatsapp{background:linear-gradient(110deg,#e0efcb,#d5eceb)!important}
/* The closing CTA is intentionally unmistakable: full-width blue / mint / lime mesh. */
.cta-section{padding-block:84px;color:#123a35;background:#bcdfb1}
.cta-section .gradient-field{background:linear-gradient(112deg,#d1e99c 0%,#a6ddc3 43%,#80c9e9 100%)}
.cta-section .gradient-field::after{background:linear-gradient(95deg,#edf6c61a,transparent)}
.cta-section .gradient-cloud{mix-blend-mode:normal;opacity:.5}
.cta-section .gradient-cloud--blue{background:radial-gradient(ellipse,#389fc850,transparent 67%)}
.cta-section .gradient-cloud--mint{background:radial-gradient(ellipse,#effdd085,transparent 68%)}
.cta-section .gradient-cloud--lime{background:radial-gradient(ellipse,#e6f69a99,transparent 67%);opacity:.9;bottom:-70%}
.cta-section .gradient-lines{border-color:#14524533;background:linear-gradient(90deg,#f5fddd24,transparent)}
.cta-section h2{color:#123a35!important}.cta-section p,.cta-section .eyebrow{color:#254d43!important}
.cta-section .small-square{background:#1c6851;box-shadow:none}
.cta-inner{align-items:center}
.cta-section .motion-button.button--lime{--button-surface:#133e37;--button-ink:#fff;--button-edge:#1c5747;background:linear-gradient(105deg,#164d39,#1b4e68);color:#fff;border-color:#1d574f}
.cta-section .motion-button.button--outline-light{--button-surface:#eef7dd;--button-ink:#143a33;--button-edge:#497e6d;background:#f2f9e5;color:#143a33;border-color:#497e6d}
/* Visible gradients at rest; the rolling-label and sheen interaction from V4 are kept. */
.motion-button.button{background:linear-gradient(112deg,#174238,#1b536a);border-color:#235957;color:#fff}
.motion-button.button:hover{background:linear-gradient(112deg,#174238,#1b536a);color:#fff}
.hero-actions .motion-button.button--dark,.motion-button.button--lime{background:var(--v5-brand-gradient);border-color:#b7df98;color:#163b33;box-shadow:0 5px 18px #102d3020}
.hero-actions .motion-button.button--dark:hover,.motion-button.button--lime:hover{background:var(--v5-brand-gradient);color:#163b33}
.hero-actions .motion-button.button--outline,.motion-button.button--outline-light{background:#15394d;color:#fff;border-color:#8bb7bb}
.hero-actions .motion-button.button--outline:hover,.motion-button.button--outline-light:hover{background:#1a4356;color:#fff}
.motion-button.button--outline{background:linear-gradient(110deg,#f8fbe8,#e1eff5);color:#193d37;border-color:#8caea6}
.motion-button.button--outline:hover{background:linear-gradient(110deg,#f0f8dc,#d7eaf5);color:#193d37}
.motion-button.button--whatsapp{background:linear-gradient(105deg,#23623d,#236d66);color:#fff}
.cta-section .motion-button.button:hover{color:var(--button-ink)}
.cta-section .motion-button.button--outline-light:hover{background:#e7f1d7;color:#143a33}
.floating-whatsapp{background:linear-gradient(105deg,#1a6d3f,#1c6669);box-shadow:0 6px 25px #0e4b3e2b}
.text-link::after{background:linear-gradient(90deg,#659137,#267c99)}
.site-footer{border-top:3px solid transparent;border-image:linear-gradient(90deg,#bddb73,#559fb8) 1;background:linear-gradient(110deg,#ecf1e6,#e8eef0)}
.motion-toggle{font:inherit;font-size:11px;padding:8px 12px;min-height:36px;background:#f9fcf3;border:1px solid #93b3a1;border-radius:6px;color:#264d40;cursor:pointer}
.motion-toggle[hidden]{display:none}.motion-toggle:focus-visible{outline:3px solid #216d92;outline-offset:3px}
html[data-motion-paused='true'] .gradient-cloud{animation-play-state:paused!important}
html[data-motion-paused='true'] [data-reveal-state]{opacity:1!important;transform:none!important}
html[data-motion-paused='true'] .button-shine{display:none}
html[data-motion-paused='true'] .button-text{transition:none;transform:none!important;opacity:1!important}
html[data-motion-paused='true'] .button-text--echo{display:none}
@media(max-width:1150px){.hero{gap:36px;min-height:0}.hero h1{font-size:48px}.hero-visual{max-width:350px}.construction-grid{gap:40px}.service-card__body{padding:21px}.detail-stories article{grid-template-columns:115px 1fr;gap:18px;padding:20px}.service-card__body h3{font-size:20px}}
@media(max-width:900px){.hero{gap:25px;grid-template-columns:1.15fr 1fr}.hero h1{font-size:clamp(33px,4.6vw,42px)}.hero-detail-label strong{font-size:17px}.hero-lead{font-size:14px}.hero-visual{max-width:300px}.service-image-wrap{padding-inline:6px;min-height:177px}.service-photo>img{max-height:120px!important}.service-card__body{padding:18px}.service-card__body h3{font-size:19px}.detail-stories article{grid-template-columns:145px 1fr}.construction-grid{gap:30px}.construction-photography{max-width:325px}}
@media(max-width:650px){
 .hero{display:flex;gap:34px;padding-top:34px;padding-bottom:36px}.hero h1{font-size:clamp(34px,8.7vw,48px);line-height:1.12;letter-spacing:-.047em}.hero-visual{max-width:330px;align-self:center}.hero-lead{font-size:14px}.hero .eyebrow{font-size:9px}.hero-detail-label{padding:18px;border-radius:0 0 12px 12px}.hero-detail-label strong{font-size:18px}.hero-photo-tag{font-size:7px}
 .gradient-field{background:linear-gradient(155deg,#103c34 0%,#13364b 43%,#186f97 100%)}.gradient-cloud--blue{right:-55%;top:7%;width:115%;height:80%}.gradient-cloud--mint{height:70%;bottom:-44%;width:115%}.gradient-cloud--lime{opacity:.3;bottom:-30%;left:-87%}.gradient-lines{right:5%;width:40%}
 .service-grid{gap:22px}.service-image-wrap{padding:26px 15px 0;min-height:193px}.service-photo>img{max-height:139px!important}.service-card__body{padding:23px}.service-card__body h3{font-size:24px}.service-card__body p{font-size:14px}.service-card__body .text-link{padding-top:19px}
 .construction-section{padding-block:58px}.construction-grid{grid-template-columns:1fr;gap:34px}.construction-photography{max-width:330px;justify-self:center}.construction-photo-pair{grid-template-columns:1fr}.construction-small{padding:10px 10px 0}.construction-copy h2{font-size:34px}
 .detail-stories article{display:grid;grid-template-columns:1fr;gap:18px;padding:20px}.detail-stories article>.site-photo{max-width:251px;justify-self:center;border-radius:7px}.detail-stories article>.site-photo>img{max-height:190px!important;width:auto!important}.detail-stories article>div{padding:0}.detail-stories h3{font-size:23px}.detail-stories .text-link{font-size:12px}
 .v5-page-heading{padding-top:32px;padding-bottom:32px;margin-top:8px}.v5-page-heading h1{font-size:clamp(34px,8.7vw,46px)}.service-hero-art{padding:18px}.about-photo-panel{max-width:330px}.secondary-photo{padding:15px 15px 0}.cta-section{padding-block:58px}.cta-section .gradient-field{background:linear-gradient(135deg,#d2eaa0,#a4dfc5 54%,#80c9e9)}.cta-inner{gap:25px}
 .motion-button.button{min-height:48px}.footer-bottom{gap:18px}.motion-toggle{font-size:12px}
}
@media(prefers-reduced-motion:reduce){.gradient-cloud{animation:none!important}.gradient-host,.gradient-field,.service-card--photo{transition:none!important}.service-card--photo:hover{transform:none}.motion-toggle{display:none!important}}
@media print{.gradient-field{display:none}.gradient-host{background:#fff!important;color:#111!important}.gradient-host p,.gradient-host h1,.gradient-host h2{color:#111!important}.hero h1 .gradient-text{-webkit-text-fill-color:#111}.motion-toggle{display:none}}

/* Native source geometry. */
.site-photo[data-photo="interior"]{--photo-native-width:259px;--photo-native-height:139px}
.site-photo[data-photo="insulation"]{--photo-native-width:247px;--photo-native-height:139px}
.site-photo[data-photo="plinth"]{--photo-native-width:251px;--photo-native-height:139px}
.site-photo[data-photo="render-work"]{--photo-native-width:327px;--photo-native-height:94px}
.site-photo[data-photo="facade-detail"]{--photo-native-width:328px;--photo-native-height:72px}
.site-photo[data-photo="scaffolding"]{--photo-native-width:244px;--photo-native-height:139px}
.site-photo[data-photo="house"]{--photo-native-width:383px;--photo-native-height:477px}
.site-photo[data-photo="house-detail"]{--photo-native-width:357px;--photo-native-height:365px}


/* V6 photo repair overrides: restore premium full-bleed imagery */

.site-photo{display:flex;flex-direction:column;align-items:stretch;justify-content:stretch;overflow:hidden;max-width:100%;background:transparent;isolation:isolate}
.site-photo>img{display:block;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;object-fit:cover!important;object-position:center!important;transform:none!important;transition:transform .35s ease,filter .35s ease;border-radius:inherit;image-rendering:auto}
.site-photo:hover>img{transform:scale(1.018)!important}
.site-photo>figcaption{position:static!important;display:block;align-self:stretch;margin:0;padding:10px 12px 11px!important;width:100%;max-width:100%!important;border-radius:0;background:transparent!important;color:#526960;font-size:10px!important;letter-spacing:.01em;line-height:1.45;text-align:center}

.hero-house{height:560px;overflow:hidden}
.hero-house>img{width:100%!important;height:100%!important}

.service-image-wrap{padding:0;min-height:250px;align-items:stretch;justify-content:stretch;overflow:hidden}
.service-photo{width:100%;height:250px;min-height:250px;justify-content:stretch;overflow:hidden;border-radius:8px 8px 0 0}
.service-photo>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}

.construction-main{height:430px;overflow:hidden}
.construction-main>img{width:100%!important;height:100%!important}
.construction-small{height:200px;padding:0;overflow:hidden}
.construction-small>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}

.detail-image{height:190px;overflow:hidden}
.detail-image>img{width:100%!important;height:100%!important;max-height:none!important}
.secondary-photo{height:230px;padding:0;overflow:hidden}
.secondary-photo>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}

.service-hero-art{padding:18px}
.service-page-photo{height:390px;overflow:hidden;border-radius:12px}
.service-page-photo>img{width:100%!important;height:100%!important;max-width:none!important;max-height:none!important}

.about-main-photo{height:420px;overflow:hidden}
.about-main-photo>img{width:100%!important;height:100%!important}

@media(max-width:1150px){
  .hero-house{height:500px}
  .service-image-wrap{min-height:225px}.service-photo{height:225px;min-height:225px}
  .construction-main{height:390px}.construction-small{height:180px}
  .service-page-photo{height:340px}.about-main-photo{height:380px}
}
@media(max-width:900px){
  .hero-house{height:430px}
  .service-image-wrap{min-height:210px}.service-photo{height:210px;min-height:210px}
  .construction-main{height:340px}.construction-small{height:170px}
  .detail-image{height:200px}.secondary-photo{height:190px}
  .service-page-photo{height:300px}.about-main-photo{height:330px}
}
@media(max-width:650px){
  .hero-house{height:340px}
  .service-image-wrap{min-height:220px}.service-photo{height:220px;min-height:220px}
  .construction-photography{max-width:100%}
  .construction-main{height:300px}.construction-small{height:175px}
  .detail-stories article>.site-photo{max-width:100%;justify-self:stretch;border-radius:10px;overflow:hidden}
  .detail-stories article>.site-photo>img{width:100%!important;height:100%!important;max-height:none!important}
  .secondary-photo{height:180px}
  .service-page-photo{height:240px}.about-main-photo{height:290px}
}