/* Shared across collection, party, activity, and information pages. */
.skip-link{z-index:30}
.event-header{position:relative;z-index:20;background:#fbf5e9;color:#49372e;border-bottom:1px solid #ded2c0}
.event-header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1480px;min-height:86px;margin:0 auto;padding:14px 40px}
.event-brand{display:inline-flex;align-items:center;gap:9px;flex:none;color:#49372e;text-decoration:none;font:500 31px/1 'Fraunces',Georgia,serif;letter-spacing:-1.6px;white-space:nowrap}
.event-brand img{display:block;flex:none;width:38px;height:38px}
.event-brand-dot{color:#a53e30}
.event-navigation{display:flex;align-items:center;gap:12px;font-family:'DM Sans',Arial,sans-serif}
.event-shortcuts{display:flex;align-items:center;gap:7px}
/* One seasonal palette follows each occasion through desktop and mobile. */
.event-navigation [data-event=halloween]{--event-ink:#65300f;--event-soft:#fff0da;--event-color:#ffb052;--event-border:#ed9a36;--event-glow:#ffb05240;--event-motion:event-pumpkin-rock}
.event-navigation [data-event=christmas]{--event-ink:#204e38;--event-soft:#e9f3e9;--event-color:#c8e5cc;--event-border:#98c8a2;--event-glow:#a3d5b336;--event-motion:event-tree-jingle}
.event-navigation [data-event=birthday]{--event-ink:#742c50;--event-soft:#fceaf1;--event-color:#f6c2d8;--event-border:#e9a0c0;--event-glow:#f4accf40;--event-motion:event-cake-pop}
.event-shortcut{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:11px 17px;border:1px solid transparent;border-radius:999px;color:#695649;text-decoration:none;font-size:13px;line-height:1.4;font-weight:500;white-space:nowrap;transition:background .2s,border-color .2s,box-shadow .2s}
.event-icon{display:block;flex:none;width:21px;height:21px;transform-origin:50% 75%}
.event-shortcut:is(:hover,:focus-visible,:active){background:var(--event-color);border-color:var(--event-border);color:var(--event-ink);box-shadow:0 3px 16px var(--event-glow)}
.event-shortcut[aria-current]{background:var(--event-color);border-color:var(--event-border);color:var(--event-ink);box-shadow:0 3px 18px var(--event-glow)}
.event-header a:focus-visible,.event-header summary:focus-visible{outline:2px solid #a53e30;outline-offset:4px}
.event-picker{position:relative;display:none}
.event-picker-overflow{display:block}
.event-picker summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:9px 14px;border:1px solid #d9cdb8;border-radius:12px;cursor:pointer;list-style:none;font-size:13px;line-height:1.4;font-weight:500}
.event-picker summary::-webkit-details-marker{display:none}
.event-picker summary:hover,.event-picker[open] summary{background:#f1e7d8}
.event-picker-mobile-label{display:none;align-items:center;gap:9px}
.event-picker-mobile-label small{display:block;color:#79685c;font-size:9px;font-weight:400;line-height:1.3;margin-bottom:2px;letter-spacing:.3px}
.event-chevron{width:16px;height:16px;flex:none}
.event-picker[open] .event-chevron{transform:rotate(180deg)}
.event-picker-panel{position:absolute;top:calc(100% + 12px);right:0;width:340px;max-width:calc(100vw - 32px);padding:17px 10px 10px;background:#fffaf1;border:1px solid #ded2c0;border-radius:16px;box-shadow:0 16px 40px #49372e26}
.event-picker-heading{margin:0 9px 10px;color:#79685c;font:500 10px/1.5 'DM Sans',Arial,sans-serif;letter-spacing:1px;text-transform:uppercase}
.event-picker-list{display:grid;gap:4px;max-height:60svh;overflow-y:auto;padding:4px}
.event-picker-option{display:flex;align-items:center;gap:12px;min-height:76px;padding:12px 10px;border:1px solid transparent;border-radius:10px;color:#49372e;text-decoration:none}
.event-picker-option:is(:hover,:focus-visible){background:var(--event-soft)}
.event-picker-option[aria-current]{background:var(--event-soft);border-color:var(--event-border)}
.event-picker-icon{display:grid;place-items:center;flex:none;width:36px;height:38px;border-radius:10px;background:var(--event-color);color:var(--event-ink)}
.event-picker-copy{display:block;flex:1;min-width:0}
.event-picker-title{display:flex;align-items:center;gap:8px;font-size:14px;line-height:1.4;font-weight:600}
.event-picker-title small{padding:2px 5px;border:1px solid #d9cdb8;border-radius:4px;color:#79685c;font-size:9px;line-height:1.3;font-weight:400}
.event-picker-description{display:block;margin-top:4px;color:#79685c;font-size:11px;line-height:1.5}
.event-selected{font-size:15px;color:var(--event-ink)}
.event-picker summary[data-event]:is(:hover,:focus-visible,:active),.event-picker[open] summary[data-event]{background:var(--event-color);border-color:var(--event-border);color:var(--event-ink)}
.event-picker summary[data-event]:is(:hover,:focus-visible,:active) .event-picker-mobile-label small,.event-picker[open] summary[data-event] .event-picker-mobile-label small{color:var(--event-ink)}

/* Collection and party navigation share the hero photo. */
.photo-header .event-header{position:absolute;inset:0 0 auto;background:transparent;border-bottom:0;color:#fff8e9}
.photo-header .event-header-inner{min-height:76px;padding-block:12px}
.photo-header .event-brand{color:#fff8e9;text-shadow:0 2px 12px #21160db3}
.photo-header .event-brand img{filter:brightness(0) invert(1) drop-shadow(0 2px 8px #21160d80)}
.photo-header .event-brand-dot{color:#f5dfba}
.photo-header .event-shortcut,.photo-header .event-picker summary{background:#231912bd;border-color:#fff4e652;color:#fff8e9;box-shadow:0 2px 12px #21160d26;backdrop-filter:blur(8px)}
.photo-header .event-shortcut:is(:hover,:focus-visible,:active),.photo-header .event-shortcut[aria-current],.photo-header .event-picker summary[data-event]:is(:hover,:focus-visible,:active),.photo-header .event-picker[open] summary[data-event]{background:var(--event-color);border-color:var(--event-border);color:var(--event-ink);box-shadow:0 3px 20px var(--event-glow)}
.photo-header .event-picker summary:not([data-event]):hover,.photo-header .event-picker[open] summary:not([data-event]){background:#49372eed;border-color:#fff4e699}
.photo-header .event-picker-mobile-label small{color:#f5dfba}
.photo-header .event-picker summary[data-event]:is(:hover,:focus-visible,:active) .event-picker-mobile-label small,.photo-header .event-picker[open] summary[data-event] .event-picker-mobile-label small{color:var(--event-ink)}
.photo-header .event-header a:focus-visible,.photo-header .event-header summary:focus-visible{outline-color:#fff8e9}
.photo-header .event-picker-panel a:focus-visible{outline-color:#a53e30}

/* A little seasonal hello, then stillness. Hover and keyboard focus replay it. */
.event-shortcut::before,.event-shortcut::after{content:"";position:absolute;pointer-events:none;opacity:0;background:var(--event-ink);clip-path:polygon(50% 0,63% 37%,100% 50%,63% 63%,50% 100%,37% 63%,0 50%,37% 37%)}
.event-shortcut::before{width:8px;height:8px;top:6px;left:37px;--spark-x:4px;--spark-y:-6px}
.event-shortcut::after{width:5px;height:5px;bottom:6px;left:14px;--spark-x:-4px;--spark-y:4px}
@keyframes event-welcome{0%,100%{transform:rotate(0) translateY(0)}30%{transform:rotate(-10deg) translateY(-2px)}60%{transform:rotate(7deg) translateY(0)}80%{transform:rotate(-3deg) translateY(0)}}
@keyframes event-pumpkin-rock{0%,100%{transform:rotate(0)}22%{transform:rotate(-16deg)}46%{transform:rotate(12deg)}68%{transform:rotate(-7deg)}84%{transform:rotate(4deg)}}
@keyframes event-tree-jingle{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg)}45%{transform:rotate(8deg)}65%{transform:rotate(-5deg)}82%{transform:rotate(3deg)}}
@keyframes event-cake-pop{0%,100%{transform:translateY(0) scale(1)}28%{transform:translateY(-4px) scale(1.08)}50%{transform:translateY(1px) scale(.97)}72%{transform:translateY(-2px) scale(1.03)}}
@keyframes event-spark{0%,100%{opacity:0;transform:translate(0,0) scale(.35)}30%{opacity:.8}70%{opacity:.65;transform:translate(var(--spark-x),var(--spark-y)) scale(1)}90%{opacity:0;transform:translate(var(--spark-x),var(--spark-y)) scale(.6)}}
@media(prefers-reduced-motion:no-preference){
  :where(.lookbook-home) .event-shortcut:where([aria-current]) .event-icon,:where(.lookbook-home) .event-picker summary:where([data-event]) .event-icon{animation:event-welcome .85s .4s both}
  .event-shortcut:is(:hover,:focus-visible) .event-icon,.event-picker-option:is(:hover,:focus-visible) .event-icon,.event-picker summary[data-event]:is(:hover,:focus-visible) .event-icon{animation:var(--event-motion) .7s both}
  .event-shortcut:is(:hover,:focus-visible)::before,.event-shortcut:is(:hover,:focus-visible)::after{animation:event-spark .75s both}
}
@media(prefers-reduced-motion:reduce){.event-shortcut{transition:none}}
@media(max-width:960px){
  .event-navigation:has(.event-picker-overflow) .event-shortcuts{display:none}
  .event-picker-overflow .event-picker-mobile-label{display:flex}
  .event-picker-overflow .event-picker-desktop-label{display:none}
}
@media(max-width:760px){
  .event-header-inner{min-height:78px;padding:12px 20px;gap:16px}
  .event-brand{gap:7px;font-size:27px;letter-spacing:-1.3px}
  .event-brand img{width:32px;height:32px}
  .event-shortcuts{display:none}
  .event-picker{display:block}
  .event-picker-mobile-label{display:flex}
  .event-picker-desktop-label{display:none}
  .event-picker summary{padding:8px 11px;gap:10px;min-height:50px}
  .event-picker summary .event-icon{width:18px;height:18px}
}
@media(max-width:370px){
  .event-header-inner{padding-inline:14px;gap:10px}
  .event-brand{font-size:24px;gap:5px}
  .event-brand img{width:27px;height:27px}
  .event-picker summary{gap:7px;padding-inline:9px;font-size:12px}
  .event-picker-mobile-label{gap:7px}
}
@media print{.event-header{display:none!important}}