/* The page below the preserved cover is composed as one photographic feature. */
.color-story{display:grid;grid-template-columns:42% 58%;min-height:780px;background:#dfe7dd;color:#183d37;overflow:hidden}
.color-story-text{align-self:center;padding:clamp(70px,8vw,150px) 6vw clamp(70px,8vw,150px) var(--gutter);position:relative;z-index:1}
.color-story h2{font-size:clamp(68px,5.8vw,108px);line-height:1.08;letter-spacing:.01em;margin-bottom:62px;white-space:nowrap;max-width:100%}
.color-story p{max-width:470px;font-size:clamp(19px,1.45vw,24px);line-height:1.55;margin-bottom:28px}
.color-story .color-story-fact{font-size:17px;line-height:1.7;margin-bottom:0;color:#315148}
.color-story-image{height:calc(100% - 90px);min-height:690px;margin:90px 6vw 0 0;overflow:hidden;border-radius:48% 48% 0 0 / 22% 22% 0 0}
.color-story-image img{width:100%;height:100%;object-fit:cover;object-position:46% 50%}
.living-story{background:#f6f4f0;overflow:hidden}
.living-opening{position:relative;height:clamp(640px,70vw,1050px);background:#183b36;color:#fff}
.living-opening figure,.living-opening img{width:100%;height:100%}
.living-opening img{object-fit:cover;object-position:50% 48%}
.living-opening::after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(6,26,25,.75));pointer-events:none}
.living-opening h2{position:absolute;z-index:1;bottom:clamp(36px,6vw,90px);left:var(--gutter);font-size:clamp(75px,9vw,164px);line-height:1.08;letter-spacing:.01em;max-width:1250px;text-shadow:0 2px 30px rgba(0,0,0,.1)}
.living-copy{padding:clamp(72px,8vw,130px) var(--gutter) clamp(65px,7vw,110px) 32vw}
.living-copy p{font-size:clamp(25px,2.3vw,40px);line-height:1.36;letter-spacing:-.025em;max-width:920px;margin:0}
.living-photos{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:repeat(2,minmax(260px,27vw));gap:clamp(16px,2vw,34px);padding:0 var(--gutter)}
.living-photos figure{overflow:hidden}
.living-photos .island{grid-row:1/3}
.living-photos img{width:100%;height:100%;object-fit:cover}
.living-photos .island img{object-position:50% 50%}
.living-photos .cabinetry img{object-position:35% 55%}
.living-photos .range img{object-position:50% 45%}
.kitchen-line{display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:end;padding:clamp(58px,7vw,115px) var(--gutter)}
.kitchen-line h3{font-size:clamp(62px,6.5vw,114px);letter-spacing:.01em;line-height:1.08;max-width:700px}
.kitchen-line p{font-size:19px;line-height:1.65;max-width:475px;margin:0}
.dining-moment{position:relative;padding:0 0 clamp(110px,12vw,190px) 21vw}
.dining-moment figure{width:79vw;max-width:1350px}
.dining-moment img{width:100%;aspect-ratio:1.9/1;object-fit:cover}
.dining-moment p{position:absolute;left:var(--gutter);bottom:clamp(66px,7vw,110px);max-width:440px;padding:26px 32px;background:#e5e4db;font-size:clamp(25px,2.5vw,39px);line-height:1.18;letter-spacing:-.035em;margin:0}
.blue-story{position:relative;min-height:1120px;background:#263f64;color:white;padding:clamp(110px,11vw,170px) var(--gutter) clamp(150px,15vw,230px);overflow:hidden}
.blue-intro{display:grid;grid-template-columns:1.3fr .7fr;gap:7vw;align-items:end;position:relative;z-index:1}
.blue-intro h2{font-size:clamp(78px,7.5vw,132px);line-height:1.1;letter-spacing:.01em}
.blue-intro p{max-width:450px;font-size:20px;line-height:1.62;margin:0 0 6px}
.blue-bedroom{width:70%;margin:clamp(75px,8vw,125px) 0 0 auto}
.blue-bedroom img{width:100%;aspect-ratio:1.6/1;object-fit:cover}
.blue-bath{position:absolute;width:28%;left:var(--gutter);bottom:clamp(90px,9vw,145px);box-shadow:20px 20px 0 #263f64}
.blue-bath img{width:100%;aspect-ratio:.86/1;object-fit:cover;object-position:48% 50%}
.quiet-story{position:relative;background:#dce6dc;padding:clamp(120px,12vw,190px) var(--gutter) clamp(210px,20vw,340px);overflow:hidden}
.quiet-image{width:74%;margin-left:auto}
.quiet-image img{width:100%;aspect-ratio:1.65/1;object-fit:cover}
.quiet-text{position:absolute;left:var(--gutter);bottom:clamp(75px,8vw,130px);width:min(560px,44vw);padding:clamp(34px,4vw,66px);background:#173d36;color:white}
.quiet-text h2{font-size:clamp(50px,4.7vw,86px);line-height:1.08;letter-spacing:.01em;margin-bottom:32px}
.quiet-text p{font-size:19px;line-height:1.6;margin:0}
.outside-story{background:#f8f6f0;padding:clamp(110px,12vw,190px) var(--gutter) clamp(145px,15vw,230px);overflow:hidden}
.outside-text{display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:end;margin-bottom:clamp(65px,7vw,110px)}
.outside-text h2{font-size:clamp(72px,7.5vw,136px);line-height:1.08;letter-spacing:.01em;max-width:1000px}
.outside-text p{font-size:20px;line-height:1.65;max-width:460px;margin:0}
.outside-images{position:relative;padding-right:16%}
.outside-main img{width:100%;aspect-ratio:1.7/1;object-fit:cover}
.outside-second{position:absolute;width:34%;right:0;bottom:-22%;border:15px solid #f8f6f0;border-right:0}
.outside-second img{width:100%;aspect-ratio:.95/1;object-fit:cover}
/* All chapters become a linear, legible photographic story on narrow screens. */
@media(max-width:900px){
 .color-story{grid-template-columns:1fr;min-height:0}.color-story-text{padding:100px var(--gutter) 65px}.color-story h2{font-size:clamp(68px,10vw,100px);margin-bottom:38px}.color-story-image{min-height:0;height:58vw;margin:0 var(--gutter);border-radius:48% 48% 0 0 / 32% 32% 0 0}.color-story-image img{object-position:50% 45%}
 .living-opening{height:78vw;min-height:550px}.living-opening h2{font-size:clamp(64px,10vw,110px)}.living-copy{padding-left:var(--gutter)}
 .blue-story{min-height:0;padding-bottom:145px}.blue-intro{grid-template-columns:1fr;gap:35px}.blue-intro h2{font-size:clamp(70px,10vw,115px)}.blue-intro p{max-width:680px}.blue-bedroom{width:75%;margin-top:70px}.blue-bath{width:31%;bottom:65px}
 .quiet-story{padding-bottom:245px}.quiet-image{width:85%}.quiet-text{width:55%;bottom:65px}.outside-text{grid-template-columns:1fr;gap:35px}.outside-text h2{font-size:clamp(70px,9vw,105px)}.outside-text p{max-width:680px}
}
@media(max-width:600px){
 .color-story-text{padding:80px 24px 50px}.color-story h2{font-size:clamp(54px,14vw,75px);margin-bottom:32px;white-space:normal}.color-story p{font-size:19px}.color-story .color-story-fact{font-size:16px}.color-story-image{height:auto;margin:0 24px;border-radius:48% 48% 0 0 / 30% 30% 0 0}.color-story-image img{height:auto;aspect-ratio:3/2;object-fit:cover}
 .living-opening{height:auto;min-height:0;display:flex;flex-direction:column}.living-opening figure,.living-opening img{height:auto}.living-opening img{aspect-ratio:3/2;object-fit:cover}.living-opening::after{display:none}.living-opening h2{position:relative;bottom:auto;left:auto;padding:44px 24px 52px;font-size:clamp(49px,13vw,70px);text-shadow:none}
 .living-copy{padding:70px 24px}.living-copy p{font-size:25px;line-height:1.37}.living-photos{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:10px;padding:0 24px}.living-photos .island{grid-column:1/-1;grid-row:auto}.living-photos .island img{aspect-ratio:4/3}.living-photos .cabinetry img,.living-photos .range img{aspect-ratio:1/1}.living-photos img{height:auto}
 .kitchen-line{display:block;padding:65px 24px}.kitchen-line h3{font-size:58px;margin-bottom:27px}.kitchen-line p{font-size:17px}.dining-moment{padding:0 24px 105px}.dining-moment figure{width:100%}.dining-moment img{aspect-ratio:3/2}.dining-moment p{position:relative;left:auto;bottom:auto;margin:-38px 0 0 24px;padding:20px 22px;width:calc(100% - 24px);font-size:29px}
 .blue-story{padding:85px 24px 95px}.blue-intro{gap:30px}.blue-intro h2{font-size:clamp(63px,16vw,83px)}.blue-intro p{font-size:17px}.blue-bedroom{width:100%;margin:45px 0 0}.blue-bedroom img{aspect-ratio:3/2}.blue-bath{position:relative;left:auto;bottom:auto;width:67%;margin:-18px 0 0 auto;box-shadow:none;border:10px solid #263f64;border-right:0}.blue-bath img{aspect-ratio:4/3}
 .quiet-story{padding:90px 24px 100px}.quiet-image{width:100%}.quiet-image img{aspect-ratio:3/2}.quiet-text{position:relative;left:auto;bottom:auto;width:calc(100% - 24px);margin:-36px 0 0 auto;padding:29px}.quiet-text h2{font-size:51px;margin-bottom:25px}.quiet-text p{font-size:17px}
 .outside-story{padding:90px 24px 110px}.outside-text{gap:27px;margin-bottom:45px}.outside-text h2{font-size:clamp(60px,14vw,78px)}.outside-text p{font-size:17px}.outside-images{padding-right:0}.outside-main img{aspect-ratio:3/2}.outside-second{position:relative;width:68%;right:auto;bottom:auto;margin:-15px 0 0 auto;border:10px solid #f8f6f0;border-right:0}.outside-second img{aspect-ratio:4/3}
}