.patios.home .hero-content{width:min(1280px,88%);margin:0 auto;padding:220px 0 105px;text-align:left;align-self:end}
.patios.home .hero h1{font-size:clamp(4.2rem,6.8vw,7.2rem);max-width:850px;text-align:left;line-height:1.08;margin:18px 0 0;letter-spacing:-.035em}
.patios.home .hero h1 span{display:block;margin:0;white-space:nowrap}.patios.home .hero .eyebrow{margin:0 0 16px}.patios.home .hero-intro,.patios.home .hero-actions,.patios.home .hero-bottom{display:none}
.skyline header .brand{background:#082d4af2}.family-brand:nth-child(3) .family-mark{background:#082d4a;padding:10px;border-radius:12px}
.skyline.inner .inner-head.with-photo:after{background:linear-gradient(90deg,#06233ab8,#06233a55 55%,#06233a08),linear-gradient(0deg,#06233a55,transparent 45%)}
.skyline .design-body{--photo-tint:#16364bc9;--body-tint:#173b53;--body-glow:linear-gradient(145deg,transparent 25%,#87c2e52c 25.1%,transparent 55%)}
:focus-visible{outline:3px solid #13b9e8;outline-offset:5px}
@media(max-width:900px){
html{scroll-padding-top:90px}body{overflow-x:clip}main{min-width:0}body .wrap{width:90%}
body header .nav{min-height:88px;gap:12px;position:relative}body header .brand{width:clamp(165px,50vw,240px);max-width:64%;padding:8px 12px}body header .brand img{height:60px;max-width:100%}
body .mobile-toggle{display:flex;align-items:center;justify-content:center;min-width:64px;min-height:46px;font-size:14px;background:#ffffff;color:#173b53}
body .nav-links{display:none}body .nav-links.open{position:absolute;left:0;right:0;top:calc(100% + 8px);display:flex;flex-direction:column;align-items:stretch;gap:4px;padding:16px;background:#fffffff8;color:#173b53;border-radius:18px;box-shadow:0 16px 50px #061c3455;max-height:calc(100svh - 160px);overflow-y:auto;z-index:100}
body .nav-links a{display:flex;align-items:center;min-height:46px;padding:10px 14px;font-size:16px}body .nav-links .button{justify-content:center;margin-top:7px}
body.home .hero{height:auto;min-height:760px;max-height:none}body .hero-photo{object-fit:cover}
body .inner-head.with-photo{min-height:610px}body .inner-head.with-photo .head-copy{padding:200px 0 55px;max-width:90%}body .inner-head.with-photo h1{font-size:clamp(2.3rem,7vw,3.6rem);line-height:1.12;overflow-wrap:break-word}
body .section{padding-top:55px;padding-bottom:55px}body .section-intro{display:block}body .section-intro p{max-width:100%;margin-top:20px}body .button,body .text-link{min-height:44px}body .text-link{display:inline-flex;align-items:center}
body .gallery{grid-template-columns:repeat(2,minmax(0,1fr))!important}body .gallery figure{grid-column:auto!important;min-width:0;margin:0;padding-top:0!important}body .gallery-photo{width:100%;height:250px!important}body .gallery-photo img{width:100%;height:100%;object-fit:cover}body figcaption h3{font-size:1.1rem;line-height:1.3}body figcaption p{font-size:.85rem}
body .footer-invite h2{font-size:clamp(2.1rem,7vw,3.2rem)}body .footer-invite>div{flex-wrap:wrap;gap:16px}body .family-directory{grid-template-columns:1fr 1fr!important;gap:25px 18px!important}body .family-brand{min-width:0}body .family-brand>a:not(.family-mark){font-size:.7rem!important;overflow-wrap:anywhere}body .footer-nav{gap:10px 20px}body .footer-nav a{min-height:44px;display:flex;align-items:center}body .footer-bottom{flex-wrap:wrap}
body .lightbox{max-width:94vw;max-height:90svh;padding:15px}body .lightbox img{max-height:72svh;max-width:100%;object-fit:contain}body .close-lightbox{min-width:44px;min-height:44px}
.patios.home .hero-content{width:90%;padding:230px 0 85px;text-align:left}.patios.home .hero h1{font-size:clamp(3.1rem,8.5vw,5rem);max-width:100%;line-height:1.1}.patios.home .hero h1 span{margin:0;white-space:normal}.patios.home .hero .eyebrow{margin:0 0 16px;font-size:11px;max-width:100%;text-align:left}
.skyline.home .hero-content{width:90%;padding:240px 0 100px}.skyline.home .hero h1{max-width:100%;transform:none}
.painting.home .hero-content{width:90%;padding:200px 0 90px}.painting.home .hero h1{font-size:clamp(2.6rem,7vw,4rem);max-width:100%}.painting.home .hero h1 .c1-second{white-space:normal;margin-left:5%;font-size:1em}
}
@media(max-width:520px){body.home .hero{min-height:700px}body .gallery{grid-template-columns:minmax(0,1fr)!important}body .gallery-photo{height:330px!important}body .family-directory{grid-template-columns:minmax(0,1fr)!important;gap:24px!important}body .family-brand .family-mark{max-width:280px;height:80px}body .family-brand>p{min-height:0}body .family-brand>a:not(.family-mark){font-size:14px!important}body .footer-bottom{font-size:12px}body .masonry-duet{display:grid;grid-template-columns:1fr;gap:30px}.patios.home .hero h1{font-size:clamp(2.7rem,9vw,3.8rem)}}
