/* Mango's real navigation language: white header, yellow mark, charcoal type,
   mango rule, charcoal quote button, and the signature yellow full-screen menu. */
.mango-demo-header{position:relative;z-index:900;background:#fff;color:#323336;border-bottom:1px solid #ecebe8;font:400 12px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase}
.mango-demo-header__inner{min-height:82px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1680px;margin:auto}
.mango-demo-header a{color:inherit;text-decoration:none}.mango-demo-header__brand{display:flex;align-items:center;white-space:nowrap}.mango-demo-header__brand img{width:24px;height:39px;object-fit:contain;filter:brightness(0)}.mango-demo-header__brand span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.mango-demo-header__nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2vw,30px)}.mango-demo-header__nav>a:not(.mango-demo-header__quote){position:relative;padding:12px 0;font-size:10px}.mango-demo-header__nav>a:not(.mango-demo-header__quote)::after{content:"";position:absolute;bottom:5px;left:0;right:0;height:3px;border-radius:3px;background:#ffcc00;transform:scaleX(0);transform-origin:left;transition:transform .25s}.mango-demo-header__nav>a:hover::after{transform:scaleX(1)}.mango-demo-header__quote{background:#323336;color:#fff!important;border-radius:3px;padding:14px 18px;font-weight:700;font-size:10px;white-space:nowrap;transition:background .2s,transform .2s}.mango-demo-header__quote:hover{background:#000;transform:translateY(-2px)}.mango-demo-header__menu{display:none;width:46px;height:46px;border:1px solid #32333650;border-radius:50%;background:transparent;color:#323336;place-items:center;cursor:pointer}.mango-demo-header__menu span,.mango-demo-header__menu span::before,.mango-demo-header__menu span::after{content:"";display:block;width:18px;height:2px;background:currentColor;position:relative;transition:transform .25s}.mango-demo-header__menu span::before,.mango-demo-header__menu span::after{position:absolute;left:0}.mango-demo-header__menu span::before{top:-6px}.mango-demo-header__menu span::after{top:6px}.mango-demo-header__menu[aria-expanded="true"] span{background:transparent}.mango-demo-header__menu[aria-expanded="true"] span::before{transform:translateY(6px) rotate(45deg)}.mango-demo-header__menu[aria-expanded="true"] span::after{transform:translateY(-6px) rotate(-45deg)}
.mango-demo-menu{position:fixed;inset:0;z-index:850;background:#ffcc00;color:#323336;padding:clamp(100px,14vh,150px) clamp(26px,8vw,130px) max(35px,env(safe-area-inset-bottom));display:flex;flex-direction:column;overflow:auto;visibility:hidden;clip-path:inset(0 0 100% 0);transition:clip-path .65s cubic-bezier(.76,0,.24,1),visibility .65s}.mango-demo-menu[data-open="true"]{visibility:visible;clip-path:inset(0)}.mango-demo-menu__eyebrow{font-size:10px;letter-spacing:.18em;margin:0 0 22px}.mango-demo-menu__links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));max-width:1050px;gap:0 7vw}.mango-demo-menu__links a{display:flex;justify-content:space-between;align-items:baseline;gap:18px;color:inherit;text-decoration:none;font:400 clamp(30px,6vw,76px)/1.18 'Cooper',Georgia,serif;letter-spacing:-.045em;border-bottom:1px solid #32333640;padding:10px 0}.mango-demo-menu__links a small{font:500 10px/1 Arial,sans-serif;letter-spacing:.12em}.mango-demo-menu__links a:hover{color:#000}.mango-demo-menu__foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:auto;padding-top:35px;font-size:11px;letter-spacing:.08em}.mango-demo-menu__foot a{color:inherit;text-decoration:none;border-bottom:1px solid;padding-bottom:5px}
.mango-demo-header :focus-visible,.mango-demo-menu :focus-visible{outline:3px solid #c2481d;outline-offset:5px}
@media(max-width:1080px){.mango-demo-header__inner{min-height:74px}.mango-demo-header__nav>a:not(.mango-demo-header__quote){display:none}.mango-demo-header__menu{display:grid}.mango-demo-header__nav{gap:14px}}
@media(max-width:560px){.mango-demo-header__inner{min-height:68px;padding:0 5%}.mango-demo-header__brand{font-size:17px}.mango-demo-header__brand img{height:38px;width:27px}.mango-demo-header__quote{padding:12px;font-size:9px}.mango-demo-menu{padding-top:105px}.mango-demo-menu__links{grid-template-columns:1fr}.mango-demo-menu__links a{font-size:clamp(34px,11vw,52px)}.mango-demo-menu__foot{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){.mango-demo-header__nav>a::after,.mango-demo-header__quote,.mango-demo-menu,.mango-demo-header__menu span,.mango-demo-header__menu span::before,.mango-demo-header__menu span::after{transition:none}}
.mango-demo-language{display:flex;align-items:center;gap:4px;border:1px solid #32333630;border-radius:999px;padding:3px;font:600 9px/1 Arial,Helvetica,sans-serif;letter-spacing:.05em}.mango-demo-language a{min-width:25px;padding:6px 5px;border-radius:999px;text-align:center;text-decoration:none}.mango-demo-language a[aria-current="true"]{background:#ffcc00;color:#323336}.mango-demo-menu__foot{flex-wrap:wrap}.mango-demo-menu__foot .mango-demo-language{margin-left:auto}@media(max-width:560px){.mango-demo-header__nav{gap:7px}.mango-demo-header__quote{padding:10px 8px}.mango-demo-menu__foot .mango-demo-language{margin-left:0}}

/* mobile hardening shared by every concept: text glyphs not emoji, gutters on .section.wrap, nothing runs off screen */
html,body{font-variant-emoji:text}
@media(max-width:760px){
  html,body{overflow-x:clip}
  .section.wrap{padding-left:max(16px,5.5%);padding-right:max(16px,5.5%)}
  .type-folio .product{grid-template-columns:1fr;min-width:0}
  .type-folio .sidebar{display:none}
  .type-folio .main-ui{min-width:0;padding-left:16px;padding-right:16px}
  .type-folio .stat-grid{grid-template-columns:1fr 1fr}
  .type-folio .stat-grid .stat.primary{grid-column:1/-1}
  .type-folio .stat strong{font-size:22px}
  .type-folio .ui-top{flex-wrap:wrap;gap:6px}
  .type-folio .ledger{display:block;overflow-x:auto;max-width:100%}
  .type-folio .ledger td{white-space:nowrap;padding-right:12px}
  .type-still .itinerary-content,.type-still .itinerary li{min-width:0}
  .type-offscript .tickets .wrap{padding-left:max(16px,5.5%);padding-right:max(16px,5.5%)}
  .type-offscript .schedule-row,.type-still .day-events li{transform:none!important;padding-left:10px;padding-right:10px}
  .type-offscript .tickets h2,.type-offscript .tickets .eyebrow,.type-offscript .tickets p{transform:none!important}
  .type-offscript .tickets .wrap>div{transform:none!important}
}

/* Edition contact: keep the plum band so the cream text reads */
.type-edition .contact{background:#392538;color:#f4f0e7}
.type-edition .contact label,.type-edition .contact small,.type-edition .contact .meta,.type-edition .contact p{color:#f4f0e7}
.type-edition .contact input,.type-edition .contact textarea{border-color:#b9a6b8;color:#f4f0e7}
.type-edition .contact input::placeholder,.type-edition .contact textarea::placeholder{color:#cdbdcc}
.type-edition .contact input:focus,.type-edition .contact textarea:focus{outline-color:#e4ed87}
@media(max-width:760px){
  .type-offscript .section-head h2,.type-offscript .info-grid h2,.type-offscript .ground-copy h2{font-size:clamp(34px,11vw,76px)}
  .type-offscript .tickets h2{font-size:clamp(36px,11.5vw,82px)}
  .type-offscript .tickets .wrap>div,.type-offscript .info-grid>div,.type-offscript .section-head>div{min-width:0}
  .type-offscript .ticket-card{max-width:100%;min-width:0}
  h1,h2,h3{overflow-wrap:break-word}
}

