.moments-page{background:#fffdfa}
.moments-page .header nav .active:after{right:0}
.moments-kicker{margin:0;color:#a08058;font:600 11px/1.35 var(--heading);letter-spacing:.15em;text-transform:uppercase}

/* A warm editorial hero, clearly separated from the retained cream navigation. */
.moments-hero{overflow:hidden;background:var(--brand);color:#fff}
.moments-hero-inner{min-height:685px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:76px;position:relative}
.moments-hero-copy{padding:65px 0 76px}
.moments-hero .breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;margin:0 0 54px;color:#eaded2b8;font:500 9px var(--heading);letter-spacing:.08em;text-transform:uppercase}
.moments-hero .breadcrumb span{color:#d6bc83}
.moments-hero .moments-kicker{color:#d7be87}
.moments-hero h1{margin:15px 0 26px;color:#fffaf5;font:400 82px/.86 var(--display);letter-spacing:-.025em}
.moments-hero h1 span,.moments-hero h1 em{display:block}
.moments-hero h1 em{margin-left:55px;color:#e1aaa5;font-size:.94em;font-style:italic}
.moments-hero-copy>p:not(.breadcrumb,.moments-kicker){max-width:505px;margin:0;color:#f2e6dadb;font:400 17px/1.78 var(--body)}
.hero-jump{display:inline-flex;align-items:center;gap:38px;margin-top:35px;padding-bottom:8px;border-bottom:1px solid #ccb37c;color:#fff8eb;font:600 10px var(--heading);letter-spacing:.07em;text-transform:uppercase}
.hero-jump span{font-size:15px}
.moments-hero-image{height:585px;margin:0;position:relative;overflow:hidden;background:#452329}
.moments-hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,#2512168c);pointer-events:none}
.moments-hero-image img{height:100%;object-fit:cover;object-position:center 55%}
.moments-hero-image figcaption{position:absolute;z-index:2;right:0;bottom:0;min-width:245px;padding:20px 25px;display:flex;align-items:center;gap:16px;background:#a18b5e;color:#fff}
.moments-hero-image figcaption b{font:400 30px/1 var(--display)}
.moments-hero-image figcaption span{padding-left:15px;border-left:1px solid #ffffff59;font:600 8px/1.5 var(--heading);letter-spacing:.1em;text-transform:uppercase}

.moments-intro{padding:108px 0 0;background:#fffdfa}
.moments-intro-inner{display:grid;grid-template-columns:1.05fr .95fr;align-items:end;gap:24px 105px}
.moments-intro-inner>.moments-kicker{grid-column:1/-1}
.moments-intro h2{margin:0;color:#312925;font:400 57px/1.02 var(--display)}
.moments-intro h2 em{color:var(--brand);font-style:italic}
.moments-intro-inner>div{padding-bottom:4px}
.moments-intro-inner>div p{margin:0;color:#5d524c;font:400 16px/1.78 var(--body)}
.moments-intro-inner>div p+p{margin-top:16px}
.occasion-nav{margin-top:72px;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d6c9bc;border-bottom:1px solid #d6c9bc}
.occasion-nav a{min-height:90px;padding:0 24px;display:flex;align-items:center;gap:16px;border-left:1px solid #d6c9bc;color:#443936;font:600 13px var(--heading);transition:background .2s,color .2s}
.occasion-nav a:first-child{border-left:0}
.occasion-nav a:hover{background:#f4ede4;color:var(--brand)}
.occasion-nav span{color:#a58962;font:400 21px var(--display)}

.occasion-story{padding:122px 0;background:#f4ede4;scroll-margin-top:30px}
.occasion-story:nth-child(even){background:#fffdfa}
.occasion-story-inner{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:92px}
.occasion-gallery{height:625px;display:grid;grid-template-columns:1.22fr .78fr;grid-template-rows:1fr 1fr;gap:14px}
.occasion-gallery figure{margin:0;overflow:hidden;background:#e6dace}
.occasion-gallery .occasion-main{grid-row:1/-1}
.occasion-gallery img{height:100%;object-fit:cover;transition:transform .5s ease}
.occasion-gallery figure:hover img{transform:scale(1.018)}
.occasion-copy{padding:5px 25px 5px 0}
.occasion-index{display:block;margin-bottom:39px;color:#957a59;font:600 9px var(--heading);letter-spacing:.15em;text-transform:uppercase}
.occasion-copy h2{margin:13px 0 25px;color:#312925;font:400 61px/.96 var(--display);letter-spacing:-.01em}
.occasion-copy h2 em{display:block;color:var(--brand);font-style:italic}
.occasion-copy>p:not(.moments-kicker){margin:0;color:#5c514b;font:400 16px/1.78 var(--body)}
.occasion-copy>p:not(.moments-kicker)+p{margin-top:14px}
.occasion-link{display:inline-flex;align-items:center;gap:38px;margin-top:31px;padding-bottom:8px;border-bottom:1px solid #9b8876;color:var(--brand);font:600 10px var(--heading);letter-spacing:.07em;text-transform:uppercase}
.occasion-link span{font-size:15px}

/* Alternate the editorial rhythm without turning the page into a rigid catalogue. */
.celebration-story .occasion-story-inner,.just-because-story .occasion-story-inner{grid-template-columns:.8fr 1.2fr}
.celebration-story .occasion-gallery,.just-because-story .occasion-gallery{grid-column:2}
.celebration-story .occasion-copy,.just-because-story .occasion-copy{grid-column:1;grid-row:1;padding:5px 0 5px 25px}
.celebration-story .occasion-main img{object-position:center}
.wedding-story{background:#5a3036;color:#fff}
.wedding-story .occasion-index,.wedding-story .moments-kicker{color:#d7be87}
.wedding-story .occasion-copy h2{color:#fffaf5}
.wedding-story .occasion-copy h2 em{color:#e1aaa5}
.wedding-story .occasion-copy>p:not(.moments-kicker){color:#f2e5d9dc}
.wedding-story .occasion-link{border-color:#c9b37e;color:#fff7e8}
.wedding-story .occasion-gallery figure{background:#49252c}

.moments-contact{padding:103px 0 108px;background:#a18b5e;color:#fff}
.moments-contact-inner{display:grid;grid-template-columns:1.12fr .88fr;align-items:end;gap:100px}
.moments-contact .moments-kicker{color:#f2e0b3}
.moments-contact h2{margin:14px 0 0;color:#fffaf4;font:400 58px/1 var(--display)}
.moments-contact h2 em{color:#f4e4c5;font-style:italic}
.moments-contact-inner>div:last-child p{max-width:480px;margin:0 0 29px;color:#fff9efdf;font:400 16px/1.75 var(--body)}
.moments-contact .button.gold{background:var(--brand);color:#fffaf5}

@media(max-width:1100px){
  .moments-hero-inner{grid-template-columns:1fr 1fr;gap:48px}
  .moments-hero h1{font-size:70px}
  .moments-intro-inner{gap:24px 62px}
  .occasion-story-inner{gap:58px}
  .occasion-copy h2{font-size:53px}
}

@media(max-width:900px){
  .moments-hero-inner{padding-top:56px;grid-template-columns:1fr;gap:42px}
  .moments-hero-copy{padding:0}
  .moments-hero .breadcrumb{margin-bottom:37px}
  .moments-hero h1{font-size:71px}
  .moments-hero-image{height:570px}
  .moments-intro-inner,.moments-contact-inner{grid-template-columns:1fr;gap:25px}
  .moments-intro h2{font-size:52px}
  .moments-intro-inner>div{max-width:680px}
  .occasion-nav{grid-template-columns:1fr 1fr}
  .occasion-nav a:nth-child(3){border-left:0;border-top:1px solid #d6c9bc}
  .occasion-nav a:nth-child(4){border-top:1px solid #d6c9bc}
  .occasion-story-inner,.celebration-story .occasion-story-inner,.just-because-story .occasion-story-inner{grid-template-columns:1fr;gap:53px}
  .occasion-gallery,.celebration-story .occasion-gallery,.just-because-story .occasion-gallery{grid-column:1;grid-row:auto}
  .occasion-copy,.celebration-story .occasion-copy,.just-because-story .occasion-copy{grid-column:1;grid-row:auto;padding:0;max-width:680px}
  .celebration-story .occasion-copy,.just-because-story .occasion-copy{grid-row:1}
  .occasion-copy h2{font-size:58px}
}

@media(max-width:620px){
  .moments-kicker{font-size:9px}
  .moments-hero-inner{padding-top:37px;gap:32px}
  .moments-hero .breadcrumb{margin-bottom:29px;font-size:8px}
  .moments-hero h1{font-size:51px}
  .moments-hero h1 em{margin-left:28px}
  .moments-hero-copy>p:not(.breadcrumb,.moments-kicker){font-size:15px;line-height:1.72}
  .moments-hero-image{height:355px}
  .moments-hero-image figcaption{min-width:204px;padding:15px 18px}
  .moments-hero-image figcaption b{font-size:25px}
  .moments-intro{padding-top:73px}
  .moments-intro h2{font-size:40px}
  .moments-intro-inner>div p{font-size:15px;line-height:1.72}
  .occasion-nav{margin-top:47px}
  .occasion-nav a{min-height:72px;padding:0 12px;gap:10px;font-size:11px}
  .occasion-nav span{font-size:18px}
  .occasion-story{padding:78px 0 84px}
  .occasion-story-inner,.celebration-story .occasion-story-inner,.just-because-story .occasion-story-inner{gap:39px}
  .occasion-gallery{height:510px;grid-template-columns:1fr 1fr;grid-template-rows:1.22fr .78fr;gap:9px}
  .occasion-gallery .occasion-main{grid-column:1/-1;grid-row:1}
  .occasion-index{margin-bottom:25px;font-size:8px}
  .occasion-copy h2{margin-top:10px;font-size:43px}
  .occasion-copy>p:not(.moments-kicker){font-size:15px;line-height:1.72}
  .moments-contact{padding:76px 0 81px}
  .moments-contact-inner{gap:31px}
  .moments-contact h2{font-size:42px}
  .moments-contact-inner>div:last-child p{font-size:15px;line-height:1.72}
}