/* Everyday photography: active days, thoughtful pauses, good company. */
.hony-moments{padding-top:30px;padding-bottom:82px}
.moments-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:32px}
.moments-heading .eyebrow{color:var(--accent);margin-bottom:17px}
.moments-heading h2{font-size:clamp(2.3rem,3.7vw,3.8rem);margin-bottom:0;max-width:650px}
.moments-heading>p{max-width:265px;font-size:.92rem;line-height:1.75;color:var(--muted);margin:0 0 4px}
.moments-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.moment-photo{margin:0;min-width:0}
.moment-photo-frame{position:relative;aspect-ratio:4/5;border-radius:21px;overflow:hidden;background:#f7e2d7}
.moment-photo:nth-child(2) .moment-photo-frame{background:#f1dce2}
.moment-photo:nth-child(3) .moment-photo-frame{background:#e9e5cc}
.moment-photo-frame>img{display:block;width:100%;height:100%;object-fit:cover;filter:none;mix-blend-mode:normal;opacity:1}
.moment-photo-number{position:absolute;left:18px;top:18px;display:grid;place-items:center;min-width:38px;min-height:38px;border-radius:50%;background:#fff9efed;color:var(--green);font-size:.66rem;font-weight:700;letter-spacing:.04em}
.moment-photo figcaption{padding:21px 1px 0}
.moment-photo h3{font-size:1.33rem;letter-spacing:-.04em;line-height:1.3;font-weight:800;margin-bottom:8px}
.moment-photo figcaption p{font-size:.84rem;line-height:1.7;color:var(--muted);margin:0;max-width:310px}
.moments-footer{display:flex;justify-content:center;margin-top:31px}
.moments-footer .inline-link{font-size:.8rem}
.story-photo{position:relative;margin:0;border-radius:24px;overflow:hidden;isolation:isolate;background:#f3d9df;min-width:0}
.story-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;filter:none;mix-blend-mode:normal}
.story-photo>figcaption{position:absolute;bottom:22px;left:20px;right:20px;margin:auto;max-width:max-content;padding:11px 17px;border-radius:40px;background:#fff9efed;color:var(--green);font-size:.56rem;font-weight:700;letter-spacing:.07em;line-height:1.65;text-align:center}
.story-hero .story-photo{min-height:520px;border-radius:190px 190px 24px 24px}
.story-making .story-photo{min-height:570px}
.story-terrace .story-photo{min-height:540px}
.story-terrace .story-photo>img{object-position:50% center}
@media(min-width:761px) and (max-width:1040px){.moments-gallery{gap:17px}.moments-heading{gap:25px}.moments-heading h2{font-size:3.7vw}.moments-heading>p{font-size:.85rem;max-width:230px}.moment-photo h3{font-size:1.15rem}.moment-photo figcaption p{font-size:.78rem}.story-hero .story-photo{min-height:460px}.story-making .story-photo{min-height:570px}.story-terrace .story-photo{min-height:500px}}
@media(max-width:760px){.hony-moments{padding-top:8px;padding-bottom:52px}.moments-heading{display:block;margin-bottom:27px}.moments-heading .eyebrow{font-size:.55rem;margin-bottom:15px}.moments-heading h2{font-size:clamp(2.3rem,8.5vw,3.2rem);max-width:460px;margin-bottom:17px}.moments-heading>p{font-size:.87rem;line-height:1.75;max-width:330px;margin:0}.moments-gallery{display:flex;gap:17px;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-6.82%;padding-inline:6%;padding-bottom:18px;scrollbar-width:thin;scrollbar-color:#bd8b91 transparent;overscroll-behavior-x:contain}.moment-photo{flex:0 0 81%;max-width:360px;scroll-snap-align:center}.moment-photo-frame{border-radius:19px;aspect-ratio:4/5}.moment-photo-number{left:14px;top:14px;min-width:34px;min-height:34px;font-size:.59rem}.moment-photo figcaption{padding-top:18px}.moment-photo h3{font-size:1.21rem;margin-bottom:8px}.moment-photo figcaption p{font-size:.81rem;line-height:1.7;padding-right:10px}.moments-footer{margin-top:20px;justify-content:flex-start}.moments-footer .inline-link{font-size:.76rem}.story-hero .story-photo{min-height:440px;width:100%;max-width:520px;margin:auto;border-radius:160px 160px 21px 21px}.story-making .story-photo{min-height:460px;width:100%;max-width:520px;margin:auto}.story-terrace .story-photo{min-height:430px;width:100%;max-width:520px;margin:auto}.story-photo>figcaption{font-size:.5rem;padding:10px 14px;left:15px;right:15px;bottom:18px}}
@media(max-width:370px){.moment-photo{flex-basis:87%}.story-hero .story-photo{min-height:400px}.story-making .story-photo{min-height:420px}}
