/* Occasion navigation and the six editorial landing pages. */
.nav-dropdown{position:relative;color:#f4eee5;font-size:.69rem}
.nav-dropdown summary{list-style:none;cursor:pointer;white-space:nowrap;opacity:.9}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown summary:after{content:"⌄";margin-left:7px;color:var(--gold2)}
.nav-dropdown:hover summary,.nav-dropdown:focus-within summary{color:var(--gold2)}
.nav-dropdown-menu{display:none;position:absolute;top:calc(100% + 17px);left:-25px;width:245px;padding:12px;background:#1b1c1a;border:1px solid rgba(240,234,223,.2);border-radius:14px;box-shadow:0 16px 38px rgba(0,0,0,.38)}
.nav-dropdown:hover .nav-dropdown-menu,.nav-dropdown:focus-within .nav-dropdown-menu,.nav-dropdown[open] .nav-dropdown-menu{display:grid}
.nav-dropdown-menu a{display:block;padding:10px 12px!important;font-size:.84rem!important;line-height:1.25;color:#e9e5dc!important;opacity:1!important;border-radius:7px}
.nav-dropdown-menu a:hover,.nav-dropdown-menu a:focus-visible{background:#31332e;color:var(--gold2)!important}
.nav-dropdown summary:focus-visible{outline:2px solid var(--gold2);outline-offset:5px}

.occasion-page .site-header{background:rgba(13,15,13,.55)}
.page-hero{position:relative;min-height:690px;height:86vh;max-height:900px;display:flex;align-items:end;overflow:hidden}
.page-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,11,8,.78),rgba(8,11,8,.21) 76%),linear-gradient(0deg,rgba(8,10,8,.75),transparent 65%)}
.page-hero-inner{position:relative;z-index:1;padding-bottom:90px}
.page-hero h1{font-family:var(--serif);font-weight:500;font-size:clamp(5rem,9vw,10rem);line-height:.78;letter-spacing:-.045em;margin:0 0 25px;max-width:1000px}
.page-hero .page-dek{font-family:var(--serif);font-size:clamp(1.25rem,2vw,1.9rem);line-height:1.22;max-width:700px;margin:0 0 30px;color:#eee7dd}
.page-hero .eyebrow{margin-bottom:28px}
.page-intro{padding:112px 0 120px;background:#171916}
.page-intro-grid{display:grid;grid-template-columns:1.15fr .75fr;gap:90px;align-items:start}
.page-intro h2,.page-heading{font-family:var(--serif);font-weight:500;font-size:clamp(3.15rem,5.2vw,6.5rem);line-height:.93;letter-spacing:-.035em;margin:0}
.page-intro p:not(.eyebrow){font-family:var(--serif);font-size:1.5rem;line-height:1.4;color:#c8c5bc;margin:32px 0 0}
.page-photo-band{display:grid;grid-template-columns:1.24fr .76fr;gap:12px;height:650px;background:#111311}
.page-photo-band .band-lead,.page-photo-band .band-pair{min-height:0}
.page-photo-band img{width:100%;height:100%;object-fit:cover}
.page-photo-band .band-pair{display:grid;grid-template-rows:1fr 1fr;gap:12px}
.page-features{background:#111311;padding:115px 0 120px}
.page-feature-head{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end;margin-bottom:54px}
.page-feature-head>p{color:#b8b4ab;font-size:1.05rem;line-height:1.65;max-width:470px;margin:0}
.page-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.page-feature{background:#1d201b;border:1px solid var(--line);padding:33px 30px 38px;min-height:245px}
.page-feature span{color:var(--gold2);font-family:var(--serif);font-size:1.45rem}
.page-feature h3{font-family:var(--serif);font-size:2.25rem;font-weight:500;line-height:1.02;margin:30px 0 13px}
.page-feature p{margin:0;color:#bbb7ac;font-size:.92rem;line-height:1.55}
.page-story{display:grid;grid-template-columns:1fr 1fr;background:#20231e;min-height:620px}
.page-story img{height:100%;min-height:620px;object-fit:cover}
.page-story-copy{display:flex;flex-direction:column;justify-content:center;padding:80px max(44px,calc((100vw - 1180px)/2)) 80px 8vw}
.page-story-copy .page-heading{font-size:clamp(3rem,4vw,5rem)}
.page-story-copy p:not(.eyebrow){font-family:var(--serif);font-size:1.42rem;line-height:1.4;color:#cbc8c0;max-width:530px}
.page-process{background:#171916;padding:110px 0}
.page-process .page-heading{max-width:760px;margin-bottom:54px}
.page-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.page-step{border-top:1px solid rgba(227,199,125,.48);padding-top:20px}
.page-step small{font-size:.72rem;letter-spacing:.14em;color:var(--gold2)}
.page-step h3{font-family:var(--serif);font-size:2rem;font-weight:500;margin:18px 0 6px}
.page-step p{font-size:.91rem;color:#b8b4ab;line-height:1.6;max-width:330px}
.page-faq{background:#111311;padding:105px 0}
.page-faq .page-heading{margin-bottom:40px}
.page-faq details{border-top:1px solid var(--line);padding:19px 0}
.page-faq details:last-child{border-bottom:1px solid var(--line)}
.page-faq summary{font-family:var(--serif);font-size:1.58rem;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}
.page-faq summary::-webkit-details-marker{display:none}
.page-faq summary:after{content:"+";font-family:var(--sans);font-weight:300;color:var(--gold2)}
.page-faq details[open] summary:after{content:"−"}
.page-faq details p{max-width:760px;color:#b8b4ab;line-height:1.7;margin:12px 0 5px}
.page-cta{position:relative;min-height:560px;display:flex;align-items:end;overflow:hidden}
.page-cta img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.page-cta:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,10,8,.88),rgba(7,10,8,.2) 85%)}
.page-cta .wrap{position:relative;z-index:1;padding-bottom:72px}
.page-cta .page-heading{max-width:800px;margin:0 0 26px}
.page-footer{background:#111311;border-top:1px solid var(--line);padding:45px 0}
.page-footer .wrap{display:flex;align-items:center;justify-content:space-between;gap:25px}
.page-footer p{color:#aaa79e;font-size:.8rem;margin:0}
.page-footer a:hover{color:var(--gold2)}
@media(max-width:1050px){.page-photo-band{height:520px}.page-story-copy{padding:60px}}
@media(max-width:820px){.main-nav{max-height:calc(100dvh - 68px);overflow-y:auto;align-items:stretch}.main-nav .nav-dropdown{font-size:1.45rem;font-family:var(--serif)}.nav-dropdown-menu{position:static;width:auto;box-shadow:none;margin-top:12px;padding:8px 0 8px 14px;background:transparent;border:0;border-left:1px solid var(--line);border-radius:0}.nav-dropdown-menu a{font-family:var(--sans)!important;font-size:1rem!important;padding:8px!important}.nav-dropdown:not([open]) .nav-dropdown-menu{display:none}.page-hero{min-height:620px;height:78vh}.page-hero-inner{padding-bottom:60px}.page-intro{padding:78px 0}.page-intro-grid,.page-feature-head{grid-template-columns:1fr;gap:22px}.page-intro p:not(.eyebrow){margin-top:0}.page-photo-band{height:430px}.page-features,.page-process,.page-faq{padding:78px 0}.page-feature-grid{grid-template-columns:1fr 1fr}.page-story{grid-template-columns:1fr}.page-story img{min-height:0;height:490px}.page-story-copy{padding:60px max(24px,calc((100vw - 680px)/2))}.page-steps{gap:18px}}
@media(max-width:560px){.page-hero{min-height:590px;height:86vh}.page-hero h1{font-size:clamp(4.8rem,19vw,7rem)}.page-hero .page-dek{font-size:1.35rem}.page-intro h2,.page-heading{font-size:3.7rem}.page-intro p:not(.eyebrow){font-size:1.28rem}.page-photo-band{grid-template-columns:1fr;height:auto}.page-photo-band .band-lead{height:370px}.page-photo-band .band-pair{grid-template-columns:1fr 1fr;grid-template-rows:190px}.page-feature-grid,.page-steps{grid-template-columns:1fr}.page-feature{min-height:0}.page-story img{height:350px}.page-story-copy{padding:58px 24px}.page-cta{min-height:440px}.page-footer .wrap{display:block}.page-footer p{margin-top:15px}}
