/* Bathroom journal: a photographic index and calm, readable article pages. */
.blog-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:30px 0 55px}.blog-intro h1{font-size:clamp(3rem,5vw,5.2rem);line-height:1.04;letter-spacing:-.045em;margin:22px 0}.blog-intro p{font-size:1.08rem;line-height:1.85;max-width:550px;margin-bottom:25px}.blog-intro figure,.blog-aside figure{margin:0;min-width:0}.blog-cover{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.blog-intro figcaption,.blog-aside figcaption{font-size:.75rem;line-height:1.7;margin-top:12px;color:#536150}.blog-aside figcaption a{text-decoration:underline;text-underline-offset:3px}.blog-controls{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr) auto;gap:22px;align-items:end;background:#e9eee3;border-radius:15px;padding:25px 28px}.blog-controls label{display:block;font-weight:600;font-size:.8125rem;margin-bottom:10px}.blog-controls input,.blog-controls select{width:100%;min-width:0;min-height:49px;border:1px solid #b9c9ae;background:#fffef8;border-radius:7px;color:#244633;padding:12px;font:inherit;font-size:.9375rem}.blog-controls button{min-height:49px;background:transparent;border:1px solid #8da27d;border-radius:25px;padding:12px 19px;color:#294b36}.blog-count{margin:23px 0;font-size:.875rem;color:#4d654e}.blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 25px}.blog-card{min-width:0}.blog-card-link{display:flex;flex-direction:column;height:100%;border-radius:14px;overflow:hidden;background:#f2eee3;border:1px solid #e0e1d3}.blog-card-image{width:100%;aspect-ratio:8/5;object-fit:cover;transition:filter .18s}.blog-card-link:hover .blog-card-image{filter:brightness(1.06)}.blog-card-copy{padding:25px;display:flex;flex-direction:column;flex:1}.blog-card-copy .eyebrow{font-size:.66rem;line-height:1.7}.blog-card h3{font:400 clamp(1.3rem,1.8vw,1.65rem)/1.24 Georgia,serif;letter-spacing:-.02em;margin:14px 0}.blog-card p{font-size:.875rem;line-height:1.8;margin:0 0 24px;color:#4d6253}.blog-read{display:flex;align-items:center;justify-content:space-between;font-size:.75rem;margin-top:auto;padding-top:15px;border-top:1px solid #cdd6c5}.blog-read b{font-weight:400;font-size:1.25rem}.blog-empty{padding:30px;background:#f1e9db;border-radius:12px}.blog-empty h2{font-size:1.8rem;margin-bottom:15px}.blog-meta{display:flex;flex-wrap:wrap;gap:12px 23px;font-size:.75rem;color:#58674f;padding-bottom:30px;border-bottom:1px solid #d4dccd}.blog-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(250px,1fr);gap:90px;padding-top:40px;padding-bottom:80px;align-items:start}.blog-prose{min-width:0;max-width:760px}.blog-prose h2{scroll-margin-top:35px}.blog-toc{padding:25px 28px;background:#ecf0e5;border:1px solid #dce3d3;border-radius:12px;margin-bottom:40px;display:grid;gap:13px;font-size:.875rem;line-height:1.7}.blog-toc strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.blog-toc a{color:#2d543e}.blog-aside{display:grid;gap:35px;min-width:0}.blog-more{padding:25px;border:1px solid #cfdbc7;border-radius:12px}.blog-more .eyebrow{font-size:.6875rem;display:block;margin-bottom:15px}.blog-more>a{display:block;font-size:.9375rem;line-height:1.6;padding:16px 0;border-bottom:1px solid #d5dece}.blog-more>a:last-child{border:0;padding-bottom:0}.blog-more>a:hover{color:#916237}.blog-next{background:#efe7d8;padding:28px;border-radius:12px;margin-top:40px}.blog-next h2{font-size:1.7rem!important;margin-top:0}.blog-next p{font-size:.9375rem}.blog-next .button{margin-top:16px;color:white}.blog-home{background:#eeeee2}.blog-home .section-heading h2{font-size:clamp(2rem,3.5vw,3.4rem)}
@media(max-width:1000px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.blog-layout{gap:40px}.blog-intro{gap:35px}.blog-controls{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.blog-controls button{grid-column:1/-1;justify-self:start}.blog-home .blog-card:last-child{grid-column:1/-1}.blog-home .blog-card:last-child .blog-card-link{display:grid;grid-template-columns:1fr 1fr}.blog-home .blog-card:last-child .blog-card-image{height:100%;aspect-ratio:auto}}
@media(max-width:700px){.blog-intro{grid-template-columns:1fr;padding-top:5px;padding-bottom:15px;gap:30px}.blog-intro h1{font-size:3.1rem}.blog-intro p{font-size:1rem}.blog-intro .blog-cover{aspect-ratio:16/10}.blog-layout{grid-template-columns:1fr;gap:35px;padding-bottom:50px}.blog-aside{grid-template-columns:1fr 1fr;gap:20px}.blog-aside .blog-cover{aspect-ratio:1/1}.blog-more{padding:20px}.blog-controls{padding:23px}.blog-card-copy{padding:20px}.blog-next{padding:25px}.blog-card h3{font-size:1.5rem}}
@media(max-width:500px){.blog-grid,.blog-controls,.blog-aside{grid-template-columns:1fr}.blog-home .blog-card:last-child .blog-card-link{display:flex}.blog-home .blog-card:last-child .blog-card-image{height:auto;aspect-ratio:8/5}.blog-meta{gap:10px 15px}.blog-intro h1{font-size:2.75rem}.blog-toc{padding:22px}.blog-controls input{font-size:1rem}.blog-card-copy{padding:24px}}
@media(prefers-reduced-motion:reduce){.blog-card-image{transition:none}}