.stories-page{--story-line:#d8d2c6}.stories-page .site-header{border-bottom:1px solid var(--story-line)}.stories-page nav [aria-current=page]{border-bottom-color:var(--olive)!important}.breadcrumb{display:flex;flex-wrap:wrap;gap:11px;font-size:14px;color:var(--muted);padding-top:28px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.collection-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:end;padding:60px 0 55px}.collection-heading h1{font-size:clamp(48px,6vw,84px)}.collection-heading>p{font-size:18px;max-width:430px;line-height:1.65;padding-bottom:7px}.story-collection{display:grid;grid-template-columns:1fr 1fr;gap:55px 36px;padding-bottom:90px}.story-card{display:flex;flex-direction:column}.story-card .story-cover{overflow:hidden;background:var(--cream)}.story-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .4s}.story-card:hover img{transform:scale(1.018)}.story-card-body{padding-top:24px}.story-card-body .eyebrow{font-size:12px;letter-spacing:.1em;color:var(--muted);margin-bottom:12px}.story-card h2{font-size:clamp(29px,3vw,42px);max-width:560px}.story-card p:not(.eyebrow){margin-top:17px;max-width:570px;line-height:1.7}.story-card .text-link{margin-top:24px;align-self:flex-start}.story-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:6%;align-items:center;background:var(--cream)}.story-card:first-child img{aspect-ratio:1.13;object-position:50% 55%}.story-card:first-child .story-card-body{padding:35px 12% 40px 0}.story-card:first-child h2{font-size:clamp(36px,4vw,55px)}.story-enquiry{background:var(--olive);color:var(--paper);padding:65px 0}.story-enquiry>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center}.story-enquiry p:not(.eyebrow){max-width:410px}.story-enquiry .button{margin-top:25px}.article-heading{max-width:940px;padding:58px 0 45px}.article-heading h1{font-size:clamp(42px,5.5vw,76px);max-width:900px}.article-heading .eyebrow{color:var(--olive);font-size:12px}.article-deck{font-size:20px;line-height:1.6;max-width:740px;margin-top:25px}.project-facts{border-block:1px solid var(--story-line);display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:21px 0;margin-bottom:36px}.project-facts dt{font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:5px}.project-facts dd{margin:0;font-size:16px}.article-hero img{width:100%;max-height:720px;aspect-ratio:1.8;object-fit:cover;object-position:50% 55%}.article-hero.square-photo img{aspect-ratio:1.8;object-position:center 56%}.article-hero figcaption,.article-image figcaption{font-size:14px;color:var(--muted);padding-top:11px}.article-section{display:grid;grid-template-columns:.65fr 1.5fr;gap:8%;padding:65px 0;max-width:1120px}.article-section h2{font-size:36px}.article-prose{max-width:700px}.article-prose p{font-size:17px;line-height:1.8}.article-prose p+p{margin-top:20px}.article-image img{width:100%;height:auto;object-fit:cover}.article-image.full-photo img{max-height:800px;object-fit:contain;background:var(--cream)}.article-pair{display:grid;grid-template-columns:1fr 1fr;gap:30px}.article-pair img{aspect-ratio:3/4;object-fit:cover}.detail-list{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:35px 0 65px;border-top:1px solid var(--story-line)}.detail-list h3{font-size:26px;margin-bottom:15px}.detail-list p{font-size:16px;line-height:1.75;color:var(--muted)}.project-next{margin-top:70px;border-top:1px solid var(--story-line);padding:44px 0 55px;display:flex;align-items:center;justify-content:space-between;gap:30px}.project-next h2{font-size:32px;max-width:560px}.project-next .eyebrow{font-size:12px;color:var(--muted);margin-bottom:12px}.article-contact{background:var(--cream);padding:40px 5%;display:flex;gap:30px;justify-content:space-between;align-items:center}.article-contact p{max-width:470px;font-size:18px}.article-contact .button{flex-shrink:0}.project-error{padding:90px 0}.project-error p{margin-top:25px}.project-error .button{margin-top:30px}
@media(max-width:900px){.collection-heading{gap:5%}.story-card:first-child{gap:5%;grid-template-columns:1fr 1fr}.story-card:first-child .story-card-body{padding-right:8%}.story-card:first-child h2{font-size:36px}.article-section{gap:6%;grid-template-columns:.7fr 1.5fr}.article-heading{padding-top:45px}.article-hero img{aspect-ratio:1.5}.article-section h2{font-size:30px}}
@media(max-width:680px){.breadcrumb{font-size:13px;gap:8px;padding-top:23px}.collection-heading{display:block;padding:36px 0}.collection-heading h1{font-size:48px}.collection-heading>p{font-size:17px;margin-top:25px}.story-collection{display:block;padding-bottom:50px}.story-card{margin-bottom:42px}.story-card:first-child{display:block;padding:0 0 28px}.story-card:first-child img{aspect-ratio:4/3}.story-card:first-child .story-card-body{padding:25px 7% 0}.story-card:first-child h2,.story-card h2{font-size:33px}.story-card p:not(.eyebrow){font-size:16px;margin-top:15px}.story-card-body{padding-top:20px}.story-card .text-link{margin-top:20px}.story-enquiry{padding:45px 0}.story-enquiry>.wrap{display:block}.story-enquiry>.wrap>div+div{margin-top:28px}.article-heading{padding:34px 0 29px}.article-heading h1{font-size:43px}.article-deck{font-size:18px;margin-top:22px}.project-facts{grid-template-columns:1fr;gap:16px;padding:20px 0;margin-bottom:25px}.project-facts>div{display:grid;grid-template-columns:95px 1fr;gap:15px}.project-facts dt{font-size:11px;padding-top:3px}.project-facts dd{font-size:15px}.article-hero img,.article-hero.square-photo img{aspect-ratio:4/3}.article-section{display:block;padding:38px 0}.article-section h2{font-size:31px;margin-bottom:22px}.article-prose p{font-size:16px}.article-pair{grid-template-columns:1fr;gap:27px}.article-pair img{aspect-ratio:auto;max-height:640px;object-fit:contain;background:var(--cream)}.article-hero figcaption,.article-image figcaption{font-size:13px}.detail-list{grid-template-columns:1fr;padding:30px 0 40px;gap:28px}.detail-list h3{font-size:26px;margin-bottom:10px}.project-next{margin-top:44px;padding:32px 0;display:block}.project-next h2{font-size:29px}.project-next .text-link{margin-top:24px}.article-contact{display:block;padding:28px 7%}.article-contact p{font-size:17px}.article-contact .button{margin-top:25px}}
.bathroom-story .article-hero{max-width:850px;margin-inline:auto}
.bathroom-story .article-hero img{aspect-ratio:auto;max-height:850px;object-fit:contain;background:var(--cream)}
.bathroom-story .article-image.full-photo{max-width:850px;margin-inline:auto}
.bathroom-story .article-pair img{aspect-ratio:2/3;object-fit:contain;background:var(--cream)}
.bathroom-story .detail-list{margin-top:45px}
/* Paul: every photo stays within the homepage project-card dimensions. */
.compact-lead,.compact-photo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}
.compact-lead{align-items:center}
.compact-lead .article-section{display:block;padding:0;max-width:500px}
.compact-lead .article-section h2{margin-bottom:22px}
.compact-story .article-image{min-width:0}
.compact-story .article-image img{display:block;width:100%;height:auto;aspect-ratio:1.48;object-fit:contain;background:var(--cream)}
.compact-photo-grid{row-gap:40px}
.compact-story .project-comparison{border-top:1px solid var(--story-line);margin-top:60px}
.compact-story .detail-list{margin-top:60px}
@media(max-width:680px){.compact-lead,.compact-photo-grid{grid-template-columns:1fr;gap:30px}.compact-story .article-image img{aspect-ratio:4/3}.compact-story .project-comparison,.compact-story .detail-list{margin-top:40px}}