/* Coastal Light — spacious photography and restrained champagne */
.modern{background:#faf9f5}.modern header{background:#faf9f5}.modern h1,.modern h2,.modern h3{font-family:Editorial;font-weight:400}.modern .hero{height:auto;max-height:none;min-height:0;background:#faf9f5;color:var(--navy);display:flex;flex-direction:column;overflow:visible}.modern .hero-content{max-width:none;width:100%;padding:64px 7% 50px;text-align:center}.modern .hero .eyebrow{margin-bottom:25px}.modern h1{font-size:clamp(70px,7.2vw,110px);line-height:1.03;letter-spacing:-.065em;margin:20px 0}.modern h1 em{color:#627f85}.modern .hero-description{font-size:16px;margin:25px auto;line-height:1.6}.modern .hero-content .button{background:var(--navy);border-color:var(--navy);color:#fff}.modern .hero-photo{position:relative;order:2;width:92%;height:610px;left:4%;object-position:50% 64%}.modern .hero-shade{display:none}.modern .hero-bottom{position:relative;order:3;left:auto;right:auto;margin:0 7%;padding:25px 0;border-color:var(--line)}.modern .intro{padding-top:110px;padding-bottom:90px}.modern .intro-grid{grid-template-columns:1fr 1fr;gap:100px}.modern .service-line{display:block;margin-top:60px;padding:0}.modern .service-line article{display:grid;grid-template-columns:35px 1fr 1.3fr 170px;gap:30px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.modern .service-line article:last-child{border:0}.modern .service-line article p{margin:0}.modern .service-line h3{font-size:36px;margin:0}.modern .service-line .text-link{justify-self:end;white-space:nowrap}.modern .materials{background:#edf1ed;color:var(--navy);padding:100px 0}.modern .materials .eyebrow,.modern .materials h2 em{color:#49676f}.modern .materials .photo-note,.modern .material p{color:#53676b}.modern .material b,.modern .material div>span{color:#627f85}.modern .material img{height:290px}.modern .work{padding-top:115px}.modern .project-grid{grid-template-columns:1fr 1fr;gap:75px 45px}.modern .project{margin:0}.modern .project:first-child{grid-column:1/-1}.modern .project:first-child img{height:650px;object-position:center 65%}.modern .project:first-child .project-caption{display:flex;justify-content:space-between;align-items:center}.modern .project:first-child h3{font-size:36px}.modern .project img{height:420px}.modern .project.fourth{grid-column:1/-1;display:grid;grid-template-columns:1.5fr 1fr;gap:55px;align-items:center;background:#f0ede5}.modern .project.fourth img{height:440px}.modern .project.fourth .project-caption{padding-right:40px}.modern .project.fourth h3{font-size:37px}.modern .craft{background:#fff;min-height:650px}.modern .craft-image{order:2}.modern .craft-copy{padding:85px 12%}.modern .craft h2{font-size:64px}.modern .boundary{background:#edf1ed}.modern .closing{background:#e9dfcc;color:var(--navy)}.modern .closing .eyebrow,.modern .closing h2 em,.modern .closing-cta{color:var(--navy)}.modern .closing h2{font-size:90px}.modern .closing-cta{border-color:#8b9a99}.modern .closing-bottom{border-color:#b8bcb4}.modern footer{background:#faf9f5}
@media(max-width:1100px){.modern .service-line article{grid-template-columns:25px 1fr 1.3fr}.modern .service-line .text-link{grid-column:3;justify-self:start}.modern .intro-grid{gap:50px}.modern .material img{height:230px}.modern .craft h2{font-size:50px}.modern .closing h2{font-size:70px}}
@media(max-width:760px){.modern .hero-content{padding:50px 7% 35px}.modern .hero .eyebrow{font-size:9px;max-width:none}.modern .hero h1{font-size:66px}.modern .hero-description{font-size:14px}.modern .hero-photo{width:90%;left:5%;height:360px;object-position:45% center}.modern .hero-bottom{margin:0 7%;font-size:9px}.modern .intro{padding-top:65px;padding-bottom:45px}.modern .intro-grid{grid-template-columns:1fr;gap:12px}.modern .service-line{margin-top:35px}.modern .service-line article{grid-template-columns:24px 1fr;gap:12px;padding:25px 0}.modern .service-line h3{font-size:32px}.modern .service-line article p,.modern .service-line .text-link{grid-column:2}.modern .materials{padding:65px 0}.modern .material img{height:200px}.modern .work{padding-top:65px}.modern .project-grid{grid-template-columns:1fr;gap:40px}.modern .project:nth-child(even){margin-left:0}.modern .project:first-child img{height:360px}.modern .project:first-child .project-caption{display:block}.modern .project:first-child h3{font-size:27px}.modern .project img{height:330px}.modern .project.fourth{display:block;background:none}.modern .project.fourth img{height:310px}.modern .project.fourth .project-caption{padding-right:0}.modern .project.fourth h3{font-size:27px}.modern .craft{grid-template-columns:1fr;min-height:0}.modern .craft-image{order:0}.modern .craft-copy{padding:60px 7%}.modern .craft h2{font-size:46px}.modern .closing h2{font-size:49px}.modern .closing{padding:60px 0}}

@media(max-width:760px){.modern .hero h1{font-size:49px;line-height:1.1}}

/* Integrate the message into the project image rather than stacking two openings. */
.modern .hero{height:800px;min-height:0;display:block;overflow:hidden;background:#dce5de}.modern .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-position:50% 63%;order:0}.modern .hero-content{position:absolute;left:6%;bottom:65px;width:590px;max-width:calc(100% - 12%);padding:38px 42px 40px;background:#faf9f5f5;text-align:left;z-index:1}.modern .hero .eyebrow{font-size:9px;margin:0 0 20px;letter-spacing:.1em}.modern .hero .eyebrow i{display:none}.modern .hero h1{font-size:65px;line-height:1.08;letter-spacing:-.055em;margin:0 0 22px}.modern .hero-description{font-size:14px;line-height:1.65;margin:0 0 25px}.modern .hero-content .button{padding:15px 22px;min-height:52px}.modern .hero-bottom{position:absolute;bottom:0;left:6%;right:6%;margin:0;padding:17px 0;color:white;border:0;z-index:1;font-size:9px}.modern .hero-shade{display:block;background:linear-gradient(0deg,#07273685,transparent 22%)}
@media(max-width:1100px){.modern .hero{height:760px}.modern .hero-content{width:520px;padding:34px}.modern .hero h1{font-size:58px}}
@media(max-width:760px){.modern .hero{height:760px;min-height:0}.modern .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-position:64% center}.modern .hero-content{left:5%;bottom:55px;width:90%;max-width:none;padding:26px 25px 29px}.modern .hero .eyebrow{font-size:8px;line-height:1.7;max-width:255px;margin-bottom:18px}.modern .hero h1{font-size:44px;line-height:1.1;margin-bottom:18px}.modern .hero-description{font-size:13px;margin-bottom:22px}.modern .hero-content .button{font-size:13px}.modern .hero-bottom{left:5%;right:5%;flex-direction:row;font-size:7px;padding:17px 0;gap:10px}.modern .hero-bottom a{font-size:8px}.modern .hero-bottom a span{margin-left:8px}}
