.jb4-home .jb4-hero.renovation-hero{--hero-header-height:8.25rem;min-height:calc(100svh - var(--hero-header-height));isolation:isolate;background:var(--home-paper);align-items:center;padding-block:2.5rem 3.5rem;display:grid;position:relative;overflow:clip}.jb4-home .renovation-hero .jb4-hero-grid{grid-template-columns:minmax(0,.74fr) minmax(0,1.26fr);gap:1.5rem;width:100%;position:relative}.jb4-home .renovation-hero .jb4-hero-copy{z-index:2;max-width:31rem;padding:0}.jb4-home .renovation-hero .jb4-h1{letter-spacing:-.045em;text-wrap:balance;font-size:clamp(2.5rem,3.7vw,2.875rem);line-height:1.08}.jb4-home .renovation-hero .jb4-hero-sub{max-width:27rem;margin-top:1.5rem;font-size:1rem;line-height:1.75}.jb4-home .renovation-hero .jb4-hero-copy>*{animation:none}.jb4-home .renovation-hero .jb4-hero-ctas{flex-direction:column;align-items:flex-start;gap:.75rem}.renovation-hero .renovation-scene{align-self:center;min-width:0;height:min(34rem,100svh - 15rem);min-height:27rem;margin:0;position:relative}.renovation-hero .renovation-model{width:100%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.renovation-hero .renovation-site{width:94%;min-width:0;position:relative}.renovation-hero .renovation-house{outline:none;width:100%;height:auto;display:block}.renovation-hero .renovation-phone{perspective:60rem;z-index:1;width:21%;margin-bottom:0;padding-bottom:0;position:absolute;bottom:-1rem;right:0}.jb4-home .renovation-hero .renovation-phone .jb3-phone{--w:100%;transform-origin:50% 80%;box-shadow:.25rem .125rem 0 color-mix(in srgb, var(--home-paper) 25%, var(--home-dark)), .5rem .25rem 0 var(--home-dark), .75rem .75rem 1rem -.5rem color-mix(in srgb, var(--home-dark) 30%, transparent), 1.5rem 2rem 2.5rem -.75rem color-mix(in srgb, var(--home-dark) 24%, transparent);border-radius:13%/6%;padding:2.5%;position:relative;transform:rotateY(-22deg)rotateX(8deg)rotate(12deg)}.renovation-hero .renovation-phone .jb3-phone img{border-radius:11%/5%}.renovation-hero .renovation-notes{flex-wrap:wrap;justify-content:center;gap:.75rem 1.25rem;max-width:64%;margin-inline:auto;padding-top:.75rem;display:flex;position:absolute;bottom:-.5rem;left:12%}.renovation-hero .renovation-note{color:var(--home-green);white-space:nowrap;align-items:center;gap:.375rem;font-size:.8125rem;font-weight:500;display:flex}.renovation-hero .renovation-note>svg{width:1rem;height:1rem}.renovation-hero .renovation-note span{color:var(--jb-ink)}@media (prefers-reduced-motion:no-preference){.renovation-hero .renovation-house{animation:renovation-arrive var(--duration-dramatic) var(--ease-out-quart) both}.renovation-hero .renovation-phone{animation:renovation-arrive var(--duration-dramatic) var(--ease-out-quart) var(--duration-base) both}.renovation-hero .renovation-note{animation:renovation-arrive var(--duration-slower) var(--ease-out-quart) var(--duration-dramatic) both}.renovation-hero .renovation-note-photo{animation-delay:calc(var(--duration-dramatic) + var(--duration-base))}.renovation-hero .renovation-note-materials{animation-delay:calc(var(--duration-dramatic) + var(--duration-slower))}}@keyframes renovation-arrive{0%{opacity:0;translate:0 .875rem}to{opacity:1;translate:0}}@media (max-width:1200px) and (min-width:961px){.jb4-home .renovation-hero .jb4-hero-ctas{gap:.625rem}.jb4-home .renovation-hero .jb-btn{padding-inline:1rem;font-size:.875rem}}@media (max-width:960px){.renovation-hero .renovation-phone{width:17%;bottom:0}.renovation-hero .renovation-notes{justify-content:flex-start;max-width:80%}.jb4-home .jb4-hero.renovation-hero{padding-block:3rem 3.5rem}.jb4-home .renovation-hero .jb4-hero-grid{grid-template-columns:1fr;gap:1.5rem}.jb4-home .renovation-hero .jb4-hero-copy{max-width:36rem}.jb4-home .renovation-hero .jb4-h1{font-size:clamp(2.625rem,6.5vw,3.75rem)}.jb4-home .renovation-hero .jb4-hero-sub{max-width:32rem}.renovation-hero .renovation-scene{aspect-ratio:auto;justify-self:center;width:min(42rem,100%);height:auto;min-height:0}.renovation-hero .renovation-model{width:100%;position:relative;top:0;left:0;transform:none}.jb4-home .renovation-hero .jb4-hero-ctas{flex-direction:row}}@media (max-width:600px){.jb4-home .jb4-hero.renovation-hero{padding-block:1.5rem 2rem}.jb4-home .renovation-hero .jb4-hero-grid{gap:1.25rem}.jb4-home .renovation-hero .jb4-h1{font-size:clamp(2.375rem,9.4vw,3.25rem)}.jb4-home .renovation-hero .jb4-hero-sub{margin-top:1.25rem;font-size:.9375rem;line-height:1.65}.jb4-home .renovation-hero .jb4-hero-ctas{flex-wrap:wrap;align-items:center;gap:.75rem}.jb4-home .renovation-hero .jb4-hero-ctas .jb-btn{flex:0 auto;gap:.5rem;min-height:3rem;padding-inline:.875rem;font-size:.8125rem}.renovation-hero .renovation-scene{aspect-ratio:auto}.renovation-hero .renovation-model{grid-template-columns:1fr;gap:0;width:100%;display:grid;left:0}.renovation-hero .renovation-site{width:100%;padding-bottom:0}.renovation-hero .renovation-house{width:110%;max-width:none;margin-left:-5%}.renovation-hero .renovation-phone{justify-self:end;width:6rem;margin-top:-.5rem;margin-bottom:1.5rem;margin-right:2.5rem;position:relative;left:0}.renovation-hero .renovation-notes{flex-direction:column;align-items:flex-start;gap:1.25rem;padding-top:2rem;position:absolute;top:100%;bottom:auto;left:0}}