/* Shared mega-menu content, with five distinct layout treatments. */
.header{position:relative}.header nav .mega-group{position:static;border:0}.mega-group>summary{padding:12px 0}.mega-group>summary:focus-visible,.example-group>summary:focus-visible{outline:3px solid #2479cc;outline-offset:5px}.mega-group[open]>summary{color:var(--red)}.mega-group[open]>summary:after{transform:rotate(180deg)}.mega-panel{--m-bg:#fff;--m-ink:#191e2c;--m-muted:#687080;--m-line:#e6e8ed;position:absolute;inset:auto 0 auto 0;top:100%;background:var(--m-bg);color:var(--m-ink);border:1px solid var(--m-line);box-shadow:0 22px 50px #11172e25;display:grid;grid-template-columns:minmax(0,1fr) 30%;grid-template-areas:'main feature' 'guides feature' 'bottom bottom';white-space:normal;text-align:left;max-height:calc(100dvh - 130px);overflow:auto;animation:menu-appear .18s ease-out;z-index:30}.mega-main{grid-area:main;padding:26px 30px 20px;min-width:0}.mega-heading{margin-bottom:18px}.mega-kicker{font-size:9px;letter-spacing:1.8px;font-weight:800;color:var(--red);display:block;margin-bottom:8px}.mega-heading h2{font-size:26px;line-height:1.16;letter-spacing:-.8px;margin:0 0 6px;color:var(--m-ink)}.mega-heading p{font-size:12px;line-height:1.5;margin:0;color:var(--m-muted);font-weight:400}.mega-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.header nav a.mega-card,.mega-card{display:flex;gap:14px;min-width:0;text-decoration:none;padding:15px;border:1px solid var(--m-line);background:#f7f8fa;color:var(--m-ink);border-radius:4px;transition:transform .18s,border-color .18s,background .18s;font-weight:400;white-space:normal}.header nav a.mega-card:hover,.mega-card:hover{border-color:var(--red);color:var(--m-ink);background:#fff;transform:translateY(-2px)}.mega-card-image{display:none;overflow:hidden}.mega-card-image img{display:block;width:100%;height:100%;object-fit:cover}.mega-card-copy{display:flex;flex-direction:column;min-width:0;width:100%}.mega-card-number{font-size:10px;line-height:1;color:var(--red);font-weight:bold;margin:0 0 9px}.mega-card strong{font-size:15px;line-height:1.3;margin-bottom:5px;font-weight:700}.mega-card-desc{font-size:11px;line-height:1.5;font-weight:400;color:var(--m-muted)}.mega-card-action{font-size:11px;font-weight:bold;margin-top:11px;color:var(--red);display:flex;justify-content:space-between;gap:12px}.mega-feature{grid-area:feature;min-width:0;background:#f0f2f6;position:relative;display:flex;flex-direction:column;overflow:hidden}.mega-feature>img{width:100%;height:160px;object-fit:cover;display:block}.mega-feature-copy{padding:24px;display:flex;flex-direction:column;flex:1}.mega-feature h3{font-size:24px;line-height:1.12;letter-spacing:-.6px;margin:0 0 10px}.mega-feature p{font-size:12px;font-weight:400;line-height:1.6;color:var(--m-muted);margin:0 0 18px}.header nav a.mega-cta,.mega-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--red);color:#fff;text-decoration:none;font-size:12px;line-height:1.3;padding:13px 15px;border:1px solid var(--red);border-radius:3px;font-weight:700;white-space:normal;margin-top:auto}.header nav a.mega-cta:hover,.mega-cta:hover{background:#b31a28;color:#fff}.header nav a.mega-phone,.mega-phone{font-size:12px;font-weight:bold;text-decoration:none;margin-top:12px;display:block;white-space:normal}.mega-guides{grid-area:guides;padding:0 30px 23px}.mega-guide-label{font-size:9px;letter-spacing:1.5px;font-weight:700;color:var(--m-muted);display:block;margin:0 0 10px}.mega-guides>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px 18px}.header nav .mega-guides a,.mega-guides a{font-size:11px;font-weight:400;text-decoration:none;white-space:normal;line-height:1.4;display:flex;justify-content:space-between;gap:8px;color:var(--m-ink)}.mega-guides a>span{color:var(--red);font-size:12px}.mega-guides a:hover{color:var(--red)}.mega-bottom{grid-area:bottom;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:13px 30px;border-top:1px solid var(--m-line);background:var(--m-bg);font-size:10px}.header nav .mega-bottom a,.mega-bottom a{font-size:11px;text-decoration:none;white-space:normal;font-weight:bold;color:var(--m-ink)}.mega-bottom>span{font-size:10px;color:var(--m-muted);font-weight:400}.header nav a.mega-examples-link,.mega-examples-link{font-size:10px!important;color:var(--m-muted)!important;font-weight:400!important}.mega-panel a:focus-visible,.try-menu:focus-visible,.example-jump-links a:focus-visible,#reset-menu-style:focus-visible{outline:3px solid #2479cc;outline-offset:3px}
/* 01 — generous white cards and a separate photographic booking panel. */
.mega--workshop .mega-feature-copy{background:#11172e;color:white}.mega--workshop .mega-feature p{color:#c3c8d7}.mega--workshop .mega-feature .mega-kicker{color:#ff7c85}.mega--workshop .mega-feature .mega-phone{color:white}.mega--workshop .mega-card-image{display:block;flex:0 0 50px;width:50px;height:50px;border-radius:3px}.mega--workshop .mega-card-number{display:none}
/* Keep the implemented desktop dropdown within one screen, without a scroll box. */
@media(min-width:851px){
#navigation .mega--workshop{max-height:none;overflow:visible}
#navigation .mega--workshop .mega-main{padding:18px 22px 14px}
#navigation .mega--workshop .mega-heading{margin-bottom:12px}
#navigation .mega--workshop .mega-kicker{margin-bottom:5px}
#navigation .mega--workshop .mega-heading h2{font-size:23px;margin-bottom:4px}
#navigation .mega--workshop .mega-cards{gap:9px}
#navigation .mega--workshop .mega-card{padding:11px;gap:10px}
#navigation .mega--workshop .mega-card strong{font-size:14px;margin-bottom:3px}
#navigation .mega--workshop .mega-card-desc{line-height:1.35}
#navigation .mega--workshop .mega-card-action{margin-top:7px}
#navigation .mega--workshop .mega-feature>img{height:clamp(80px,17dvh,125px)}
#navigation .mega--workshop .mega-feature-copy{padding:18px}
#navigation .mega--workshop .mega-feature h3{font-size:23px;margin-bottom:8px}
#navigation .mega--workshop .mega-feature p{line-height:1.4;margin-bottom:12px}
#navigation .mega--workshop .mega-guides{padding:0 22px 15px}
#navigation .mega--workshop .mega-guide-label{margin-bottom:7px}
#navigation .mega--workshop .mega-guides>div{gap:7px 15px}
#navigation .mega--workshop .mega-bottom{padding:10px 22px}
}
@media(min-width:851px) and (max-height:650px){
#navigation .mega--workshop .mega-heading p{display:none}
#navigation .mega--workshop .mega-main{padding-top:12px;padding-bottom:10px}
#navigation .mega--workshop .mega-heading{margin-bottom:9px}
#navigation .mega--workshop .mega-card{padding:9px}
#navigation .mega--workshop .mega-feature-copy{padding:14px}
#navigation .mega--workshop .mega-guides{padding-bottom:11px}
}
/* 02 — large image on the left, dark technical service grid on the right. */
.mega--midnight{--m-bg:#10172a;--m-ink:#fff;--m-muted:#b3bdd1;--m-line:#2c354a;grid-template-columns:32% minmax(0,1fr);grid-template-areas:'feature main' 'feature guides' 'bottom bottom';border-top:3px solid var(--red)}.mega--midnight .mega-main{padding-left:28px}.mega--midnight .mega-card{background:#1c253a;border-color:#354059;border-radius:0}.header nav .mega--midnight a.mega-card:hover,.mega--midnight .mega-card:hover{background:#26324a;color:#fff;border-color:#ff6975}.mega--midnight .mega-card-action,.mega--midnight .mega-card-number,.mega--midnight .mega-kicker{color:#ff818b}.mega--midnight .mega-feature{background:#1c253a}.mega--midnight .mega-feature>img{height:190px;filter:saturate(.65)}.mega--midnight .mega-feature-copy{padding:24px}.mega--midnight .mega-feature h3{color:#fff}.mega--midnight .mega-phone{color:#fff}.mega--midnight .mega-feature .mega-cta{color:#fff}.mega--midnight .mega-guides{padding-left:28px}.mega--midnight .mega-bottom{background:#0b1120}
/* 03 — numbered editorial rows, a narrow guide column and a tall image. */
.mega--editorial{grid-template-columns:minmax(0,1.1fr) minmax(170px,.55fr) minmax(240px,.85fr);grid-template-areas:'main guides feature' 'bottom bottom bottom';border-top:5px solid var(--red)}.mega--editorial .mega-cards{grid-template-columns:1fr;gap:0}.header nav .mega--editorial a.mega-card,.mega--editorial .mega-card{padding:14px 0;background:transparent;border:0;border-bottom:1px solid var(--m-line);border-radius:0;transform:none}.mega--editorial .mega-card-copy{display:grid;grid-template-columns:26px 1fr;grid-template-areas:'n title' 'n desc' 'n action'}.mega--editorial .mega-card-number{grid-area:n;padding-top:4px}.mega--editorial .mega-card strong{grid-area:title;font-size:17px}.mega--editorial .mega-card-desc{grid-area:desc}.mega--editorial .mega-card-action{grid-area:action;margin-top:5px}.mega--editorial .mega-guides{padding:30px 18px;background:#f6f6f3;border-left:1px solid var(--m-line)}.mega--editorial .mega-guides>div{grid-template-columns:1fr;gap:15px}.mega--editorial .mega-feature>img{height:200px}.mega--editorial .mega-feature-copy{background:#fff;border-left:1px solid var(--m-line)}.mega--editorial .mega-heading h2{font-size:30px}.mega--editorial .mega-heading p{max-width:300px}
/* 04 — four equal photographic service cards, plus a horizontal booking strip. */
.mega--showroom{grid-template-columns:1fr;grid-template-areas:'main' 'feature' 'guides' 'bottom'}.mega--showroom .mega-main{padding-bottom:23px}.mega--showroom .mega-heading{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;align-items:end}.mega--showroom .mega-kicker{grid-column:1}.mega--showroom .mega-heading h2{grid-column:1}.mega--showroom .mega-heading p{grid-column:2;grid-row:1/3;text-align:right}.mega--showroom .mega-cards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.header nav .mega--showroom a.mega-card,.mega--showroom .mega-card{display:block;padding:0;overflow:hidden;background:#fff;border-radius:4px}.mega--showroom .mega-card-image{display:block;height:115px;width:100%}.mega--showroom .mega-card-copy{padding:15px}.mega--showroom .mega-card-number{display:none}.mega--showroom .mega-card-desc{min-height:34px}.mega--showroom .mega-feature{flex-direction:row;background:#11172e;color:white;margin:0 30px 20px;border-radius:3px}.mega--showroom .mega-feature>img{width:140px;height:auto;max-height:120px}.mega--showroom .mega-feature-copy{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:4px 22px;padding:17px 24px}.mega--showroom .mega-feature .mega-kicker{display:none}.mega--showroom .mega-feature h3{grid-column:1;grid-row:1;font-size:23px;margin:0}.mega--showroom .mega-feature p{grid-column:1;grid-row:2;margin:0;max-width:540px;color:#c3c8d7;font-size:11px}.mega--showroom .mega-feature .mega-cta{grid-column:2;grid-row:1/3;align-self:center;margin:0;min-width:155px}.mega--showroom .mega-feature .mega-phone{display:none}.mega--showroom .mega-guides>div{grid-template-columns:repeat(4,minmax(0,1fr))}.mega--showroom .mega-bottom{background:#f7f8fa}
/* 05 — softly rounded content boxes, with a vivid red booking desk. */
.mega--concierge{grid-template-columns:minmax(0,1fr) 34%;grid-template-areas:'main feature' 'guides feature' 'bottom bottom';padding:16px;gap:0 14px;background:#f1f3f6;border-radius:0 0 15px 15px;--m-bg:#f1f3f6}.mega--concierge .mega-main{background:#fff;padding:20px;border-radius:9px 9px 0 0}.mega--concierge .mega-heading h2{font-size:26px}.header nav .mega--concierge a.mega-card,.mega--concierge .mega-card{background:#fff;border-radius:9px;padding:13px}.mega--concierge .mega-card-image{display:block;flex:0 0 48px;width:48px;height:48px;border-radius:50%}.mega--concierge .mega-card-number{display:none}.mega--concierge .mega-feature{background:var(--red);border-radius:10px;color:white}.mega--concierge .mega-feature>img{height:140px;filter:saturate(.5)}.mega--concierge .mega-feature-copy{padding:26px}.mega--concierge .mega-feature .mega-kicker{color:#ffe0e3}.mega--concierge .mega-feature h3{font-size:31px}.mega--concierge .mega-feature p{color:#ffe0e3}.header nav .mega--concierge a.mega-cta,.mega--concierge .mega-cta{background:white;border-color:white;color:#b51827}.mega--concierge .mega-phone{color:white}.mega--concierge .mega-guides{background:white;padding:0 20px 20px;border-radius:0 0 9px 9px}.mega--concierge .mega-guides>div{grid-template-columns:repeat(2,minmax(0,1fr))}.mega--concierge .mega-guides a{background:#f4f5f7;border-radius:20px;padding:7px 11px;font-size:10px}.mega--concierge .mega-bottom{border:0;padding:15px 7px 1px}
/* The five-example comparison page. */
.menu-showcase-intro{padding-top:70px;padding-bottom:35px}.menu-showcase-intro h1{font-size:clamp(42px,5.3vw,72px);line-height:1.03;letter-spacing:-2.9px;margin:0 0 24px;max-width:850px}.menu-showcase-intro h1 em{font-style:normal;color:var(--red)}.showcase-description{font-size:17px;max-width:720px;line-height:1.7}.example-jump-links{display:flex;gap:9px;flex-wrap:wrap;margin:30px 0}.example-jump-links a{font-size:12px;text-decoration:none;padding:9px 13px;border:1px solid #d6dae3;background:white;border-radius:30px}.example-jump-links a:hover{border-color:var(--red);color:var(--red)}.active-menu-note{display:flex;align-items:center;gap:9px;font-size:12px;background:#f4f5f7;border:1px solid var(--line);border-radius:4px;padding:13px 17px;max-width:720px}.active-menu-dot{width:7px;height:7px;background:#26813b;border-radius:50%;flex:0 0 7px}.active-menu-note button{margin-left:auto;font-size:11px;border:0;background:none;text-decoration:underline;color:var(--muted);cursor:pointer}#menu-style-status{font-size:12px;min-height:20px;color:var(--red);max-width:720px}.menu-examples{padding-bottom:20px}.menu-example{margin-bottom:75px;scroll-margin-top:125px}.menu-example-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:22px}.menu-example-heading>div{position:relative;padding-left:50px}.example-number{position:absolute;left:0;top:2px;color:var(--red);font-size:15px;font-weight:700}.menu-example-heading h2{font-size:30px;letter-spacing:-.8px;margin:0 0 9px}.menu-example-heading p{font-size:13px;max-width:650px;margin:0}.try-menu{display:flex;align-items:center;gap:18px;white-space:nowrap;border:1px solid var(--navy);color:var(--navy);background:#fff;padding:12px 16px;border-radius:3px;font-size:12px;font-weight:700;cursor:pointer}.try-menu:hover,.try-menu[aria-pressed=true]{color:white;background:var(--navy)}.example-frame{border:1px solid var(--line);border-radius:6px;box-shadow:0 15px 40px #11172e0b;background:white;overflow:hidden}.example-menu-bar{display:flex;align-items:center;gap:30px;padding:20px 28px;cursor:pointer;list-style:none;font-size:12px;min-height:76px}.example-menu-bar::-webkit-details-marker{display:none}.example-menu-bar img{width:150px;height:auto;display:block;margin-right:auto}.example-menu-bar strong{color:var(--red);font-size:12px}.example-menu-bar small{color:var(--muted);margin-left:auto;font-size:10px}.mega-demo-panel{position:relative;inset:auto;top:auto;box-shadow:none;border:0;border-top:1px solid var(--m-line);max-height:none!important;animation:none;border-radius:0}.mega-demo-panel .mega-examples-link{display:none}.mega-demo-panel .mega-bottom{justify-content:space-between}.menu-pick-note{border-top:1px solid var(--line);padding-top:40px;padding-bottom:70px}.menu-pick-note h2{font-size:32px}.menu-pick-note p{max-width:680px;font-size:15px}
@keyframes menu-appear{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:851px){.header nav .mega-group[open]:before{content:'';position:absolute;left:0;right:0;top:100%;height:12px;pointer-events:none}}
@media(max-width:1100px){.mega-heading h2{font-size:23px}.mega-main{padding:23px}.mega-guides{padding-left:23px;padding-right:23px}.mega-card-desc{font-size:10px}.mega-feature-copy{padding:20px}.mega-feature h3{font-size:23px}.mega--workshop .mega-card-image{display:none}.mega--editorial{grid-template-columns:1.1fr .65fr .85fr}.mega--editorial .mega-main{padding:22px}.mega--editorial .mega-heading h2{font-size:25px}.mega--showroom .mega-card-copy{padding:12px}.mega--showroom .mega-card strong{font-size:14px}}
@media(max-width:850px){.header nav .mega-group{padding:0;border-bottom:1px solid var(--line)}.mega-group>summary{padding:14px 0}.mega-panel{position:static;display:block;max-height:none;box-shadow:none;border:1px solid var(--m-line);border-radius:5px;margin:0 0 15px;overflow:hidden;animation:none}.mega-main{padding:21px}.mega-heading h2{font-size:24px}.mega-cards{gap:10px}.header nav a.mega-card{border:1px solid var(--m-line);padding:14px}.mega-guides{padding:0 21px 21px}.mega-guides>div{grid-template-columns:repeat(2,minmax(0,1fr))}.header nav .mega-guides a{padding:5px 0;border:0}.mega-feature{display:grid;grid-template-columns:35% 1fr}.mega-feature>img{height:100%;min-height:210px;object-fit:cover}.mega-feature-copy{padding:21px}.mega-feature h3{font-size:25px}.header nav a.mega-cta{border-bottom:1px solid var(--red)}.mega-bottom{padding:15px 21px;flex-wrap:wrap}.mega-bottom>span{display:none}.header nav .mega-bottom a{padding:0;border:0}.mega--midnight .mega-main{padding:21px}.mega--midnight .mega-feature>img{height:100%}.mega--midnight .mega-guides{padding-left:21px}.mega--editorial .mega-guides{border:0;padding:21px}.mega--editorial .mega-guides>div{grid-template-columns:repeat(2,minmax(0,1fr))}.mega--editorial .mega-feature>img{height:100%}.mega--editorial .mega-feature-copy{border:0}.mega--editorial .mega-cards{grid-template-columns:1fr 1fr;gap:14px}.header nav .mega--editorial a.mega-card{border:0;border-bottom:1px solid var(--m-line);padding:12px 0}.mega--showroom .mega-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.mega--showroom .mega-feature{display:grid;margin:0 21px 20px;grid-template-columns:30% 1fr}.mega--showroom .mega-feature>img{width:100%;height:100%;max-height:none}.mega--showroom .mega-feature-copy{display:flex;padding:20px}.mega--showroom .mega-feature .mega-cta{align-self:stretch;margin-top:12px}.mega--showroom .mega-feature h3{font-size:22px}.mega--showroom .mega-feature p{margin-top:10px}.mega--showroom .mega-guides>div{grid-template-columns:repeat(2,minmax(0,1fr))}.mega--concierge{padding:12px}.mega--concierge .mega-feature{margin-top:13px}.mega--concierge .mega-feature>img{height:100%}.mega--concierge .mega-feature h3{font-size:26px}.mega--concierge .mega-feature-copy{padding:22px}.mega--concierge .mega-guides{padding:0 20px 20px}.example-menu-bar{gap:22px;padding:17px 22px}.example-menu-bar small{display:none}.example-menu-bar img{width:140px}.example-menu-bar>span{font-size:11px}.menu-example-heading{align-items:flex-start;flex-direction:column;gap:16px}.menu-example-heading .try-menu{margin-left:50px}.mega-demo-panel{margin:0;border:0;border-top:1px solid var(--m-line);border-radius:0}.mega-demo-panel .mega-card{padding:14px}.mega-demo-panel.mega--midnight .mega-card{background:#1c253a}.mega-demo-panel.mega--editorial .mega-card{padding:12px 0}.mega-demo-panel.mega--showroom .mega-card{padding:0}.menu-showcase-intro{padding-top:45px}}
@media(max-width:520px){.header nav.open{padding-left:4%;padding-right:4%}.mega-main{padding:17px}.mega-heading h2{font-size:23px}.mega-cards{grid-template-columns:1fr}.header nav a.mega-card,.mega-demo-panel .mega-card{padding:14px}.mega-card-copy{display:grid;grid-template-columns:1fr auto;grid-template-areas:'title number' 'desc desc' 'action action'}.mega-card strong{grid-area:title;font-size:16px}.mega-card-number{grid-area:number;padding-top:4px}.mega-card-desc{grid-area:desc;font-size:11px}.mega-card-action{grid-area:action;font-size:11px}.mega-feature{grid-template-columns:1fr}.mega-feature>img{height:140px;min-height:0;object-position:center 45%}.mega-feature-copy{padding:20px}.mega-feature h3{font-size:25px}.mega-feature p{max-width:320px}.mega-guides{padding:0 17px 20px}.mega-guides>div{grid-template-columns:1fr 1fr;gap:10px 14px}.mega-guides a{font-size:10px}.mega-bottom{padding:14px 17px;gap:13px}.mega--workshop .mega-card-image{display:block;flex-basis:52px;width:52px;height:52px}.mega--workshop .mega-card-copy{display:flex}.mega--midnight .mega-feature>img{height:150px}.mega--midnight .mega-feature-copy{padding:20px}.mega--editorial .mega-cards{grid-template-columns:1fr}.mega--editorial .mega-main{padding:17px}.mega--editorial .mega-card-copy{display:grid;grid-template-columns:25px 1fr;grid-template-areas:'n title' 'n desc' 'n action'}.mega--editorial .mega-feature>img{height:160px}.mega--editorial .mega-guides{padding:18px}.mega--showroom .mega-heading{display:block}.mega--showroom .mega-heading p{text-align:left;margin-top:8px}.mega--showroom .mega-main{padding:17px}.mega--showroom .mega-cards{gap:10px}.mega--showroom .mega-card-image{height:95px}.mega--showroom .mega-card-copy{display:flex;padding:11px}.mega--showroom .mega-card strong{font-size:14px}.mega--showroom .mega-card-desc{font-size:10px;min-height:44px}.mega--showroom .mega-card-action{font-size:10px}.mega--showroom .mega-feature{display:block;margin:0 17px 17px}.mega--showroom .mega-feature>img{display:none}.mega--showroom .mega-feature .mega-cta{margin-top:15px}.mega--concierge .mega-main{padding:15px}.mega--concierge .mega-card-copy{display:flex}.mega--concierge .mega-card-image{display:none}.mega--concierge .mega-guides{padding:0 15px 15px}.mega--concierge .mega-guides>div{grid-template-columns:1fr}.mega--concierge .mega-feature>img{height:140px}.mega--concierge .mega-feature h3{font-size:27px}.mega--concierge .mega-bottom{padding:15px 4px 3px}.menu-showcase-intro h1{letter-spacing:-1.7px;font-size:46px}.showcase-description{font-size:14px}.example-jump-links{gap:7px}.example-jump-links a{font-size:10px;padding:8px 11px}.active-menu-note{flex-wrap:wrap;font-size:11px;padding:12px}.active-menu-note button{margin-left:16px}.menu-example{margin-bottom:50px;scroll-margin-top:95px}.menu-example-heading>div{padding-left:37px}.example-number{font-size:13px}.menu-example-heading h2{font-size:27px}.menu-example-heading p{font-size:12px}.menu-example-heading .try-menu{margin-left:37px}.example-menu-bar{padding:17px 15px;gap:13px}.example-menu-bar img{width:115px;margin-right:5px}.example-menu-bar>span{display:none}.example-menu-bar strong{margin-left:auto}.example-frame{border-radius:4px}.menu-pick-note h2{font-size:28px}.menu-pick-note p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.mega-panel{animation:none}.mega-card{transition:none!important}}
.header nav .mega--midnight a.mega-card{background:#1c253a;border-color:#354059;color:#fff}.header nav .mega--midnight a.mega-card:hover{background:#26324a;border-color:#ff6975;color:#fff}

/* Dropdowns open exclusively through their native click/keyboard disclosure. */
.nav-group:not([open])>.mega-panel,.example-group:not([open])>.mega-panel{display:none!important}
.menu-design-banner{background:#f4f5f7;border-bottom:1px solid #e2e4e9;padding:14px 5%;display:flex;justify-content:space-between;gap:15px;font-size:13px}
.menu-design-banner a{font-weight:bold;color:var(--red)}
body[data-menu-design="midnight"] header{background:#10172a;color:white}
body[data-menu-design="midnight"] .logo{background:white;padding:7px}
body[data-menu-design="editorial"] header{border-top:4px solid var(--red)}
body[data-menu-design="editorial"] .mega-group>summary{font-family:Georgia,serif;font-size:16px}
body[data-menu-design="showroom"] .header{height:110px}
body[data-menu-design="showroom"] header{border-bottom:4px solid var(--red)}
body[data-menu-design="concierge"] header{background:#f1f3f6}
body[data-menu-design="concierge"] .header nav{background:white;border-radius:30px;padding:0 18px}
@media(max-width:850px){body[data-menu-design] .header{height:78px}body[data-menu-design] .header nav{background:white;color:#191e2c;border-radius:0;padding:20px 5%}}

.design--midnight .example-menu-bar{background:#10172a;color:white}.design--midnight .example-menu-bar img{background:white;padding:6px}.design--midnight .example-menu-bar small{color:#bbc3d4}
.design--editorial .example-menu-bar{border-top:4px solid var(--red);font-family:Georgia,serif;background:#faf9f5}
.design--showroom .example-menu-bar{min-height:100px;border-bottom:4px solid var(--red);gap:40px}
.design--concierge .example-menu-bar{margin:14px;background:#f1f3f6;border-radius:40px;min-height:65px}

/* Match the line boxes of links and disclosure labels across the main menu. */
.header nav{align-items:center}
.header nav>a,.header nav .mega-group>summary{min-height:44px;display:flex;align-items:center;line-height:20px;padding-top:12px;padding-bottom:12px}
.header nav .mega-group>summary:after{font-size:12px;line-height:20px;position:relative;top:0}
.type-example{margin-bottom:40px}.type-examples{padding-bottom:70px}.type-heading{display:flex;align-items:center;gap:18px;margin-bottom:15px}.type-heading>span{color:var(--red);font-weight:bold;font-size:13px}.type-heading h2{font-size:23px;letter-spacing:-.5px;margin:0 0 4px}.type-heading p{font-size:12px;margin:0}.type-heading>a{margin-left:auto;font-size:12px;font-weight:bold;text-decoration:none;color:var(--red)}
.type-preview{border:1px solid #dfe2e8;background:#fff;border-radius:5px;position:relative;box-shadow:0 5px 20px #11172e08}.type-preview .header{padding:0 22px;height:88px;gap:25px}.type-preview .logo{width:165px;flex-shrink:0}.type-preview nav{gap:18px}.type-preview .mega-panel{z-index:40;max-height:none;overflow:visible}.type-preview:has(.mega-group[open]){margin-bottom:560px}
.text--clean{--nav-font:Arial,Helvetica,sans-serif;--nav-weight:600;--nav-space:0px}
.text--bold{--nav-font:Arial,Helvetica,sans-serif;--nav-weight:800;--nav-space:0px}
.text--uppercase{--nav-font:Arial,Helvetica,sans-serif;--nav-weight:700;--nav-space:1px}
.text--editorial{--nav-font:Georgia,serif;--nav-weight:600;--nav-space:0px}
.text--compact{--nav-font:Tahoma,Arial,sans-serif;--nav-weight:700;--nav-space:-.3px}
:is(.type-preview,body[class*=text--]) .header nav>a,:is(.type-preview,body[class*=text--]) .header nav .mega-group>summary{font-family:var(--nav-font);font-weight:var(--nav-weight);letter-spacing:var(--nav-space);font-size:13px;line-height:20px}
.text--uppercase .header nav>a,.text--uppercase .header nav .mega-group>summary{text-transform:uppercase;font-size:11px}
.text--editorial .header nav>a,.text--editorial .header nav .mega-group>summary{font-size:15px}
@media(max-width:1100px){.type-preview .header{height:auto;min-height:88px;flex-wrap:wrap;gap:4px;padding:15px 20px}.type-preview .header nav{width:100%;margin:0;justify-content:space-between;gap:8px}.type-preview .logo{width:140px}}
@media(max-width:850px){.type-preview .header nav{display:flex;position:static;flex-direction:row;flex-wrap:wrap;padding:0;box-shadow:none;justify-content:flex-start;gap:0 18px}.type-preview .header .mega-group{padding:0;border:0}.type-preview .mega-panel{position:absolute;left:0;right:0;top:100%}.type-preview .header nav>a{border:0}.type-heading{flex-wrap:wrap}.type-heading>a{margin-left:31px}}

/* Quiet separators and a square disclosure control keep the menu easy to scan. */
.header nav{gap:0!important}
.header nav>a,.header nav>.mega-group{position:relative;margin:0;padding-left:10px;padding-right:10px;flex-shrink:0}
.header nav>a:first-child{padding-left:0}
.header nav>a:not(:first-child):before,.header nav>.mega-group:before{content:'';position:absolute;left:0;top:50%;width:1px;height:18px;background:linear-gradient(transparent,#cbd0da 25%,#cbd0da 75%,transparent);transform:translateY(-50%);pointer-events:none}
.header nav .mega-group>summary{gap:8px}
.header nav .mega-group>summary:after{content:'+';display:flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;height:21px;border:1px solid #d9dde5;background:#f6f7fa;border-radius:3px;color:var(--red);font:700 16px/1 Arial,sans-serif;transform:none;transition:background .15s,border-color .15s}
.header nav .mega-group[open]>summary:after{content:'−';transform:none;background:var(--red);border-color:var(--red);color:white}
.header nav .mega-group>summary:hover:after{border-color:var(--red)}
.header nav .mega-group[open]:before{top:50%;right:auto;left:0;width:1px;height:18px}
.type-preview .header{gap:18px}.type-preview .logo{width:145px}
@media(min-width:851px) and (max-width:1100px){.header .logo{width:160px}.header{gap:14px}.header nav>a,.header nav>.mega-group{padding-left:7px;padding-right:7px}.header nav>a,.header nav .mega-group>summary{font-size:12px}.header nav .mega-group>summary{gap:5px}.header nav .mega-group>summary:after{width:19px;height:19px;flex-basis:19px}}
@media(max-width:850px){.header nav>a,.header nav>.mega-group{padding-left:0;padding-right:0}.header nav>a:before,.header nav>.mega-group:before{display:none}.header nav .mega-group>summary{justify-content:space-between}.type-preview .header nav>a,.type-preview .header nav>.mega-group{padding-left:8px;padding-right:8px}.type-preview .header nav .mega-group>summary{gap:7px}.type-preview .header nav>a:not(:first-child):before,.type-preview .header nav>.mega-group:before{display:block}}

/* Anchor every desktop mega menu to the full header, not its label. */
.header nav>.mega-group{position:static!important}
.header nav>.mega-group:before{display:none!important}
.header nav .mega-group>summary{position:relative}
@media(min-width:851px){.header nav .mega-group>summary:before{content:'';position:absolute;left:-10px;top:50%;height:18px;width:1px;background:linear-gradient(transparent,#cbd0da 25%,#cbd0da 75%,transparent);transform:translateY(-50%)}.header nav .mega-panel{left:0;right:0;width:auto;min-width:0}.header nav .mega-group[open]:before{display:none!important}}
@media(min-width:851px) and (max-width:1100px){.header nav .mega-group>summary:before{left:-7px}}

.header-call{gap:8px;align-items:center;white-space:nowrap}.header-call .call-icon{display:block;flex:0 0 16px;width:16px;height:16px}