/* ===========================================================================
   WHAT MAKES YOU SICK? · tor-dawn.css, ROUND 11 SKIN "TORONTO, FIRST LIGHT" (7 Oct 2026)
   Layered OVER tor.css + tor-wow.css. Gal + Zman: the fire hero "looks very Stranger Things... like World War is coming";
   the page is about healing, prosperity and growth. Everything else on the page was signed off, so this layer only:
   1. re-lights the page from the NEW photograph: the same harbour at sunrise. Two grounds, as in round 10: the deep lake
      blue (sampled off the plate's water, #082842) and the warm paper. The light is the sunrise's champagne gold, never
      red; the red stays where it earns its place: the buttons and the 110% band (Zman: "the 110% money-back red is great").
   2. sets the title larger and lit, the kicker with no line before it, the hero's one button where the pass was;
   3. builds the TICKET BOARD (four tickets, the Prosperity Manual's shape, Toronto's paper and ink);
   4. takes every short line before a kicker away (Zman: "All the dashes need to go away"), and the hairline that ran
      along under the nav;
   5. the days: the fire becomes the sunrise, each plate says what that day is, the words under them larger.
   =========================================================================== */

:root{
  --night:#071F35; --night-2:#082440; --night-3:#0E3156;
  --navy:#0C223D; --navy-2:#12304F; --navy-3:#1B4168;
  --text:#0C1F36; --text-2:rgba(12,31,54,.76); --text-3:rgba(12,31,54,.58);
  --on-navy:#FBF6EC; --on-navy-2:rgba(251,246,236,.80); --on-navy-3:rgba(251,246,236,.56);
  --amber:#F8D296; --amber-deep:#8E5E16; --amber-soft:#FCE6BF;
  --champ:#FCE1B3; --honey:#EDB46A;
  --line-navy:rgba(252,225,179,.16);
  /* the sunrise: champagne into honey. --lit on the deep blue, --lit-ink (deeper, readable) on paper */
  --lit:linear-gradient(100deg,#FFF4DE 0%,#FCDCA6 36%,#F4BF74 70%,#ECA556 100%);
  --lit-ink:linear-gradient(100deg,#8A5810 0%,#AE7726 46%,#94601A 100%);
  --lit-gold:linear-gradient(100deg,#FFF4DE 0%,#FCDCA6 40%,#F4BF74 100%);
}

/* ---------- no line before any kicker, anywhere; no hairline under the nav ---------- */
.eyebrow::before,.mono-tag::before,.hero-kick::before{content:none;display:none}
.eyebrow,.mono-tag,.hero-kick{gap:0}
.nav-prog{display:none}

/* ---------- the top strip + nav: the deep lake, champagne words ---------- */
.ticker{background:linear-gradient(90deg,#061A2E 0%,#0E3156 50%,#061A2E 100%);color:var(--champ)}
.dot{background:var(--champ);box-shadow:0 0 10px 2px rgba(252,225,179,.6)}
.nav.stuck{background:rgba(7,31,53,.93);box-shadow:0 1px 0 rgba(252,225,179,.12),0 18px 40px -24px rgba(0,0,0,.6)}
.nav-links a:hover{color:var(--champ)}

/* ---------- HERO ---------- */
.hero,.hero-media{background:var(--night)}
.hero{--tfs:clamp(64px,8.3vw,136px)}
/* the words' side settles into the deep morning blue (the plate's own left), the foot into the lake */
.hero-scrim{background:linear-gradient(90deg,rgba(5,24,44,.74) 0%,rgba(5,24,44,.56) 24%,rgba(5,24,44,.2) 44%,rgba(5,24,44,0) 58%),
  linear-gradient(0deg,rgba(5,24,44,.6) 0%,rgba(5,24,44,.22) 18%,rgba(5,24,44,0) 36%)}
.hero-body{grid-template-areas:"copy" "dates" "act";grid-template-rows:auto auto auto;align-content:center}
.hero-kick{color:var(--champ);letter-spacing:.26em;font-size:12.5px}
.hero-title{font-weight:640;line-height:.9;letter-spacing:-.034em;margin-top:18px;color:#FFFDF8;
  text-shadow:0 2px 40px rgba(4,20,38,.42)}
.hero-title .lit{background-image:var(--lit);font-weight:560;filter:drop-shadow(0 2px 22px rgba(4,20,38,.38))}
.hero-tag{color:var(--champ);font-size:clamp(20px,1.7vw,26px);line-height:1.28;max-width:30ch;margin-top:24px}
.hero-sub{color:rgba(251,246,236,.88);margin-top:16px}
.hero-dates{color:#FFFDF8}
.hero-dates-venue{color:rgba(251,246,236,.74)}
/* the button row is now the widest line on a laptop (button + the 110% line, ~490 px), so the picture's fit (--tend, where
   the widest line ends; the CN Tower stands 40 px clear of it) counts it too */
/* round 12: the button now leads with the maple seal, so the row is ~580 to 604 px: the floor counts it */
.hero{--tend:calc(max(var(--gutter),50vw - 670px + var(--gutter)) + max(5.4 * var(--tfs),600px))}
.hero-act{grid-area:act;align-self:start;justify-self:start;display:flex;align-items:center;flex-wrap:wrap;gap:16px 40px;margin-top:clamp(28px,4.2vh,44px)}
.hero-act .btn svg{flex:0 0 auto}
/* the guarantee in type: the number struck in the sunrise's gold, the words stacked beside it */
.hero-110{margin:0;display:flex;align-items:center;gap:12px}
.hero-110 b{font-family:var(--display);font-weight:640;font-size:clamp(44px,3.6vw,56px);line-height:.9;letter-spacing:-.03em;font-variant-numeric:lining-nums;
  color:transparent;-webkit-text-fill-color:transparent;background-image:var(--foil-bright);-webkit-background-clip:text;background-clip:text;
  padding-right:.04em;filter:drop-shadow(0 2px 14px rgba(4,20,38,.5));font-variation-settings:"SOFT" 0,"WONK" 0}
.hero-110 span{max-width:9.5em;font:700 15px/1.2 var(--body);letter-spacing:.06em;text-transform:uppercase;color:#FFFDF8}
@media (min-width:1000px) and (max-height:820px){
  .hero{--tfs:clamp(58px,6.9vw,104px)}
  .hero-tag{margin-top:14px}
  .hero-act{margin-top:20px}
}
@media (max-width:999px){
  .hero-media::after{background:linear-gradient(180deg,rgba(7,31,53,0) 40%,rgba(7,31,53,.78) 62%,rgba(7,31,53,.96) 76%,var(--night) 88%)}
  .hero{--tfs:clamp(54px,9.4vw,82px)}
  .hero-act{order:3;margin-top:24px}
  .hero-dates{order:2}
}
@media (max-width:640px){
  .hero{--tfs:clamp(46px,13.6vw,60px)}
  .hero-kick{letter-spacing:.16em;font-size:11.5px}
  .hero-tag{font-size:18.5px;margin-top:12px}
  .hero-act{gap:12px}
  .hero-act .btn{width:100%}
  .hero-110{width:100%;justify-content:center}
}
@media (max-width:400px){.hero{--tfs:46px}}

/* ---------- THE TICKET BOARD: the paper sheet over the photograph, four tickets side by side. ROUND 11b (Zman, 7 Oct):
   each card wears a royal-blue edge with a soft blue light coming off it, the gold of the sunrise on its pills and ticks,
   and the edge brightens where the hand's light is nearest (tor.js handLight sets --cx/--cy on every card). ---------- */
.tickets-sec{--royal:#2E5BD0;--royal-2:#5B86F0;
  background:radial-gradient(900px 520px at 88% 0%,rgba(252,214,150,.22),transparent 62%),
  radial-gradient(1100px 620px at 50% 70%,rgba(46,91,208,.07),transparent 64%),
  radial-gradient(900px 600px at 0% 100%,rgba(252,214,150,.12),transparent 60%),var(--paper)}
.tickets-sec .eyebrow{color:var(--amber-deep)}
.tickets-sec h2.big{max-width:none}
.tk-head{max-width:880px}
.board{margin-top:clamp(36px,4.4vw,56px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(16px,1.7vw,26px);align-items:stretch}
.tk{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;padding:clamp(22px,1.9vw,28px) clamp(18px,1.7vw,26px) 22px;border-radius:20px;
  background:linear-gradient(180deg,#F5F8FF 0%,#FFFFFF 34%,#FFFFFF 100%);color:var(--text);
  box-shadow:0 0 0 1.5px rgba(46,91,208,.55),0 0 46px -4px rgba(58,108,236,.38),0 30px 60px -28px rgba(30,64,160,.5);
  transition:translate .45s cubic-bezier(.34,1.56,.64,1),box-shadow .35s ease}
.tk.is-day{background:linear-gradient(180deg,#F3F6FD 0%,#FDFBF6 34%,#FDFBF6 100%)}
/* the edge that answers the hand: a ring of royal-blue light, brightest nearest the pointer */
.tk-edge{position:absolute;inset:0;z-index:2;pointer-events:none;border-radius:inherit;padding:2px;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(260px 260px at var(--cx,50%) var(--cy,-40%),rgba(120,160,255,1),rgba(70,120,240,.55) 38%,rgba(46,91,208,0) 72%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.tk::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:0;transition:opacity .4s ease;
  background:radial-gradient(340px 300px at var(--cx,50%) var(--cy,0%),rgba(70,120,240,.10),transparent 70%)}
.board:hover .tk-edge,.board:hover .tk::before{opacity:1}
@media (hover:hover){.tk:hover{translate:0 -6px;box-shadow:0 0 0 1.5px rgba(46,91,208,.78),0 0 48px -4px rgba(58,108,236,.42),0 34px 64px -26px rgba(30,64,160,.55)}}
.tk-top{display:flex;flex-direction:column}
.tk-tag{margin:0}
.tk-tag span{display:inline-block;padding:6px 12px 6px;border-radius:999px;font:700 11.5px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase}
.tk.is-seat .tk-tag span{background:linear-gradient(180deg,#3A69DE 0%,#2448B4 100%);color:#fff;box-shadow:0 6px 14px -8px rgba(36,72,180,.8),inset 0 1px 0 rgba(255,255,255,.25)}
.tk.is-day .tk-tag span{background:#fff;color:#2448B4;box-shadow:inset 0 0 0 1.5px rgba(46,91,208,.55)}
.tk-name{margin:16px 0 0;font-family:var(--display);font-weight:640;font-size:clamp(25px,2.05vw,31px);line-height:1.02;letter-spacing:-.022em;color:var(--navy);
  min-height:2.04em;text-wrap:balance;font-variation-settings:"SOFT" 0,"WONK" 0}
.tk-price{margin:14px 0 0;display:flex;align-items:baseline;gap:8px;font-family:var(--display);color:var(--navy)}
.tk-price span{font-weight:640;font-size:clamp(46px,3.9vw,60px);line-height:1;letter-spacing:-.03em;font-variant-numeric:lining-nums;font-variation-settings:"SOFT" 0,"WONK" 0}
.tk-cur{font-style:normal;font-size:.5em;vertical-align:.62em;margin-right:.04em;letter-spacing:0;color:#A06C1E}
.tk-price small{font:700 13px/1 var(--body);letter-spacing:.12em;color:#A06C1E}
/* the gold pills: "All 3 days" and the dates (Zman: "the circle, Friday 13th to Sunday 15th, should maybe be gold") */
.tk-chips{margin:16px 0 0;display:flex;flex-wrap:wrap;gap:8px}
.tk-chips span{padding:7px 12px;border-radius:999px;font:700 13px/1.2 var(--body);white-space:nowrap;color:#4A3006;
  background:linear-gradient(180deg,#FDEBC6 0%,#F2C77F 100%);box-shadow:inset 0 0 0 1px rgba(160,108,30,.28),0 6px 12px -8px rgba(160,108,30,.7)}
.tk-blurb{margin:16px 0 0;font-size:16px;line-height:1.5;color:var(--text-2);font-weight:600;min-height:4.5em}
.tk-list{list-style:none;margin:18px 0 0;padding:18px 0 0;box-shadow:inset 0 1px 0 rgba(46,91,208,.16)}
.tk-list li{display:flex;gap:11px;align-items:flex-start;font-size:15.5px;line-height:1.45;color:var(--text-2)}
.tk-list li+li{margin-top:11px}
.tk-list b{color:var(--navy);font-weight:700}
/* the ticks: gold, in a small gold coin */
.tk-list svg{flex:0 0 auto;width:20px;height:20px;margin-top:0;padding:3.5px;border-radius:50%;color:#7A4E0E;
  background:linear-gradient(180deg,#FDEBC6 0%,#F0C171 100%);box-shadow:inset 0 0 0 1px rgba(160,108,30,.3)}
.tk-foot-in{margin-top:auto;padding-top:24px}
.tk-buy{width:100%;gap:14px;padding:18px 18px;font-size:16.5px}
.tk-buy i{width:1px;height:18px;background:rgba(255,255,255,.42)}
.tk-buy b{font-weight:800}
/* the line under each button: bigger, bold and dark (Zman: "bold, dark, and stand out a bit more") */
.tk-note{margin:12px 0 0;text-align:center;font-size:15px;line-height:1.4;font-weight:700;color:var(--navy);text-wrap:balance}
/* four across: every note gets two lines of room, so the four buttons stand on one line */
@media (min-width:1200px){.tk-note{min-height:2.8em}}
.tk-foot{margin:clamp(28px,3.2vw,40px) auto 0;max-width:62ch;text-align:center;text-wrap:balance;font-size:18px;line-height:1.5;font-weight:700;color:var(--navy)}
@media (max-width:1199px){
  .board{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tk-name{min-height:0}
  .tk-blurb{min-height:3em}
}
@media (max-width:640px){
  .board{grid-template-columns:1fr;gap:18px}
  .tk-blurb{min-height:0}
  .tk-price span{font-size:50px}
}

/* ---------- THE HAND'S LIGHT (round 11b): one soft royal-blue light that follows the mouse over the whole page, like
   Love Languages' bloom. It only adds light (screen), so it shows on the deep blue and the photograph and never greys the
   paper; it moves by transform alone (no repaint). Mouse devices only (tor.js). ---------- */
.hand-light{position:fixed;left:0;top:0;z-index:55;width:760px;height:760px;margin:-380px 0 0 -380px;pointer-events:none;border-radius:50%;
  background:radial-gradient(closest-side,rgba(74,124,255,.38),rgba(60,104,230,.16) 46%,rgba(46,91,208,0) 100%);
  mix-blend-mode:screen;opacity:0;transition:opacity .6s ease;will-change:transform;transform:translate3d(-999px,-999px,0)}
.hand-light.is-on{opacity:1}
.hand-light.is-on.is-soft{opacity:.4}

/* ---------- THE DAYS: the sunrise from the hero carries on. The deep lake blue at the edges, the morning sky lifting in
   the middle, and the sun itself, champagne into honey, low behind Meir's three days. ---------- */
/* a real sunrise passes through LIGHT on its way from blue to gold (a thin gold over mid blue only reads grey), so the
   glow is built in rings, each nearly opaque: gold-white at the core, peach, then a pale morning sky, then the deep blue.
   It sits on the plates (they are opaque paper, so it shows above and between them) and ends before their words. */
.days{color:#fff;isolation:isolate;
  background:
    radial-gradient(17% 6% at 50% 29.5%,rgba(255,246,226,.95),rgba(255,236,200,0) 100%),
    radial-gradient(34% 10% at 50% 30%,rgba(250,206,140,.85),rgba(248,196,128,0) 100%),
    radial-gradient(52% 15% at 50% 31%,rgba(160,190,220,.5),rgba(120,160,200,0) 100%),
    radial-gradient(70% 60% at 0% 0%,rgba(5,24,44,.95),rgba(5,24,44,0) 70%),
    linear-gradient(172deg,#082642 0%,#123E6C 30%,#1E4C7A 46%,#123A62 64%,#082440 100%)}
.days.under-top{padding-top:calc(var(--secpad) + var(--r-sheet) + clamp(8px,1.6vw,24px))}
.days::before{background:linear-gradient(180deg,rgba(8,36,64,0) 0%,rgba(8,36,64,.55) 45%,rgba(8,36,64,.9) 78%,#082440 100%)}
/* round 11b (Zman, 7 Oct: the space under the airport box "is massive... at least half the size... nice and tight and flowing"):
   round 10's long burn-down (one section pad + up to 160 px) is cut to a short run; the colour still flows into the room */
.days{padding-bottom:clamp(36px,4vw,56px)}
.days .eyebrow{color:var(--champ)}
.days h2.big{text-shadow:0 2px 30px rgba(4,20,38,.35)}
.days .lit{background-image:var(--lit-gold)}
.days .lede{color:rgba(251,246,236,.9)}
.days .plates::before{background:rgba(252,236,206,.34);box-shadow:0 1px 0 rgba(4,20,38,.35)}
.pl-stand{filter:drop-shadow(0 1px 1px rgba(4,20,38,.42)) drop-shadow(0 26px 30px rgba(4,20,38,.5))}
.pl-day.is-lift .pl-stand{filter:drop-shadow(0 1px 1px rgba(4,20,38,.42)) drop-shadow(0 34px 36px rgba(4,20,38,.56))}
@media (hover:hover){.pl-day:hover .pl-stand{filter:drop-shadow(0 1px 1px rgba(4,20,38,.42)) drop-shadow(0 34px 36px rgba(4,20,38,.56))}}
/* each plate says what the day IS, on a printed strip at its foot */
.plates{--plh:clamp(224px,18.4vw,268px)}
.pl-plate{grid-template-rows:auto auto minmax(0,1fr) auto}
.pl-lab{grid-area:4/1/5/-1;margin:14px -18px -15px -20px;padding:10px 12px 11px 20px;font:700 13.5px/1.2 var(--body);letter-spacing:.01em;
  background:var(--navy);color:var(--champ);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-day.is-book .pl-lab{background:#1E4C78;color:#FFFDF8}
.pl-day.is-book .pl-plate{height:82%}
/* the words under the plates and the three facts, larger (Zman: "you have to have a magnifying glass") */
.days .pl-what{font-size:17px;line-height:1.5;max-width:24ch;color:rgba(251,246,236,.86)}
.days .pl-day.is-book .pl-what{color:rgba(251,246,236,.8)}
.days .pl-what b{color:#fff}
.days .pl-price{color:var(--champ)}
.days .days-facts b{font-size:13px;letter-spacing:.18em;color:var(--champ);margin-bottom:10px}
.days .days-facts span{font-size:17px;line-height:1.55;color:rgba(251,246,236,.9)}
.days .days-facts li{border-top-color:rgba(252,236,206,.28)}
.days .days-facts a{border-bottom-color:rgba(252,225,179,.75)}
.days .fly{box-shadow:0 0 0 2px rgba(255,253,248,.85),0 40px 70px -36px rgba(4,20,38,.75)}
@media (max-width:1279px){.plates{--plh:clamp(232px,20vw,262px)}}
@media (max-width:979px){
  /* stacked plates: no sun behind a column (it reads as a smudge beside the words); the morning light comes in from the
     top right instead */
  .days{background:
    radial-gradient(80% 16% at 100% 14%,rgba(250,206,140,.28),rgba(248,196,128,0) 100%),
    radial-gradient(90% 30% at 0% 0%,rgba(5,24,44,.95),rgba(5,24,44,0) 70%),
    linear-gradient(176deg,#082642 0%,#123E6C 16%,#1E4C7A 38%,#123A62 66%,#082440 100%)}
  .plates{--plw:150px}
  .pl-plate{height:142px;grid-template-rows:auto minmax(0,1fr) auto auto}
  .pl-day.is-book .pl-plate{height:126px}
  .pl-lab{grid-area:4/1/5/-1;margin:8px -12px -11px -14px;padding:7px 10px 8px 14px;font-size:12px;white-space:normal;line-height:1.2}
  .days .pl-what{max-width:40ch;font-size:16.5px}
  .days .days-facts span{font-size:16.5px}
}

/* ---------- THE ROOM, THEIR WORDS, IS THIS YOU, THE SEAT, THE CLOSE: the same deep lake, lit by the sunrise, not the fire ---------- */
.roomfilm{background:radial-gradient(900px 640px at 82% 26%,rgba(246,192,116,.14),transparent 66%),
  radial-gradient(800px 640px at 6% 88%,rgba(43,90,134,.24),transparent 66%),
  linear-gradient(180deg,var(--night-2) 0%,var(--night) 100%)}
.phone-stage::before{background:radial-gradient(45% 42% at 50% 50%,rgba(246,192,116,.26),rgba(43,90,134,.12) 55%,transparent 72%)}
.reel::before{background:radial-gradient(50% 50% at 50% 50%,rgba(252,214,150,.16),rgba(43,90,134,.1) 50%,transparent 72%)}
.reel-frame{box-shadow:0 50px 90px -40px rgba(0,0,0,.8),0 0 0 1px rgba(252,225,179,.18)}
.proof{background:radial-gradient(1000px 520px at 14% 0%,rgba(246,192,116,.08),transparent 62%),
  radial-gradient(1000px 640px at 90% 82%,rgba(43,90,134,.22),transparent 62%),var(--night-2)}
.vid-rail::before{background:linear-gradient(90deg,var(--night-2),rgba(8,36,64,0))}
.vid-rail::after{background:linear-gradient(270deg,var(--night-2),rgba(8,36,64,0))}
.vid-by{color:var(--champ)}
.you{background:radial-gradient(900px 560px at 50% 18%,rgba(246,192,116,.13),transparent 64%),
  radial-gradient(800px 500px at 50% 96%,rgba(43,90,134,.22),transparent 64%),var(--night-2)}
.pull{color:var(--champ)}
.rules{border-image:linear-gradient(180deg,#F4C784,#B07A26) 1}
.seats{background:radial-gradient(60% 52% at 50% 74%,rgba(246,192,116,.24),rgba(43,90,134,.1) 55%,transparent 76%),
  radial-gradient(800px 520px at 6% 6%,rgba(43,90,134,.26),transparent 62%),var(--night)}
.close-scrim{background:radial-gradient(70% 60% at 50% 46%,rgba(246,192,116,.14),transparent 70%),
  linear-gradient(180deg,rgba(7,31,53,.9) 0%,rgba(7,31,53,.74) 50%,var(--night) 100%)}
.foot{border-top-color:rgba(252,225,179,.1)}
.sticky-in{background:linear-gradient(180deg,#123D68 0%,#071F35 100%);
  box-shadow:0 26px 60px -24px rgba(0,0,0,.7),0 0 0 1px rgba(252,225,179,.14),inset 0 1px 0 rgba(252,225,179,.34)}
.sticky-face{box-shadow:0 0 0 2px rgba(252,225,179,.75),0 0 18px rgba(252,225,179,.3)}
.modal-scrim{background:rgba(7,31,53,.8)}
.btn-dark{background:linear-gradient(180deg,#17406A 0%,#0B2642 100%);
  box-shadow:inset 0 1px 0 rgba(252,225,179,.22),inset 0 0 0 1px rgba(252,225,179,.12),0 14px 30px -14px rgba(4,20,38,.6)}
.btn-dark:hover{background:linear-gradient(180deg,#1D4C7C 0%,#0E2E50 100%)}
.btn:focus-visible{outline-color:var(--honey)}

/* ---------- no dotted or dashed lines anywhere (Zman: "All the dashes need to go away"): the date plates keep their
   punched notches but lose the dotted perforation; the seat ticket's tear line, its add-a-day rows and the popup's total
   rule become plain hairlines ---------- */
.pl-plate::before{content:none;display:none}
.gt-stub{border-left:1px solid rgba(12,34,61,.14)}
.gt-adds li{border-bottom:1px solid rgba(12,34,61,.1)}
.m-total{border-top:1px solid rgba(12,34,61,.12)}
.ticket ul{border-bottom:1px solid rgba(247,245,240,.16)}
@media (max-width:900px){.gt-stub{border-left:0;border-top:1px solid rgba(12,34,61,.14)}}

/* ---------- ROUND 12 (7 Oct 2026): THE MAPLE BUTTONS. Zman asked for the ticket buttons and the hero's button to carry the
   Canadian flag "with a red hue around it, just to make it stand out". Take 1 squeezed the whole flag into the button (red
   bars down both ends, a white middle); his verdict: "those red bars on the side... just make it look cheap... make it
   look more premium", pointing at the airport box, where the flag is the box itself and the button inside stays clean.
   So the button stays the page's lit red (the one buying colour, his favourite), and the flag is pressed into one small
   white seal at its front: the flag's own red maple leaf on white, like the leaf on the airport box. A deeper red light
   round it, and a slow sheen across it under the hand. Picked from three renders (the white leaf alone; the seal between
   the words; the seal leading), the seal leading. ---------- */
.btn-maple{position:relative;isolation:isolate;overflow:hidden;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),inset 0 0 0 1px rgba(255,150,150,.22),0 16px 34px -12px rgba(255,36,64,.75),0 0 56px -10px rgba(255,52,52,.6)}
.btn-maple:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.36),inset 0 0 0 1px rgba(255,160,160,.3),0 20px 40px -12px rgba(255,36,64,.85),0 0 70px -8px rgba(255,60,60,.7)}
/* the sheen: one soft band of light that crosses the button when the hand arrives */
.btn-maple::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,rgba(255,255,255,0) 32%,rgba(255,255,255,.26) 47%,rgba(255,255,255,0) 62%);transform:translateX(-110%);transition:transform .9s cubic-bezier(.2,.7,.2,1)}
.btn-maple:hover::after{transform:translateX(110%)}
/* the seal: the flag's white with its red leaf, a little raised. Round 12b (Zman: "make the little circle with the leaf in
   there a bit bigger... make sure all of them are aligned and centered"): the seal is larger and sits at the SAME place in
   every button (pinned to its left edge, centred top to bottom), and the words are centred in the rest of the button. */
.btn-maple{justify-content:center;--cs:40px;--cx:12px;--cg:14px;padding-left:calc(var(--cx) + var(--cs) + var(--cg))}
.maple-coin{position:absolute;left:var(--cx);top:50%;width:var(--cs);height:var(--cs);margin-top:calc(var(--cs) / -2);
  display:grid;place-items:center;border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#FFFFFF 0%,#FBF4EA 60%,#EFE2CF 100%);
  box-shadow:0 0 0 1.5px rgba(255,255,255,.6),0 2px 7px rgba(110,4,20,.48),inset 0 -2px 3px rgba(150,100,40,.18)}
/* the leaf at 58% of the seal, nudged down a hair: its stem makes the box sit higher than the leaf looks */
.maple-coin .flag-leaf{display:block;width:calc(var(--cs) * .58);height:calc(var(--cs) * .62);fill:#D52B1E;translate:0 .5px}
.hero-act .btn-maple{--cs:42px;--cx:12px;--cg:14px;gap:12px;padding-right:30px}
/* the ticket board: seal, then the words and the price centred in the rest */
.tk-buy.btn-maple{--cs:36px;--cx:9px;--cg:10px;gap:10px;padding-right:12px}
/* four across, the button takes a little of the card's margin so the seal and every word sit on one line */
@media (min-width:1200px){.tk-buy.btn-maple{width:calc(100% + 20px);margin-left:-10px;margin-right:-10px}}
@media (min-width:1340px){.tk-buy.btn-maple{width:calc(100% + 24px);margin-left:-12px;margin-right:-12px;font-size:16px;gap:9px}}
@media (min-width:1200px) and (max-width:1339px){.tk-buy.btn-maple{--cs:33px;--cx:8px;--cg:8px;gap:8px;font-size:15px;padding-right:10px}}
@media (prefers-reduced-motion:reduce){.btn-maple::after{transition:none;display:none}}

/* ---------- ROUND 12 (Zman, 7 Oct 2026): THE DAYS IN THE HERO. The Prosperity Manual's little "Live in" boxes, "on the
   right-hand side, below Meir's face... like a little card section... the money manual has a little dropdown with all the
   details... nice and clean". Three cards (the day with Gal, the seminar, the extra day with Meir) in the lake's glass
   with a champagne edge, the Manual's gold strip "Click to see details"; the details open in ONE panel under the row.
   Desktop: the cards float on the photograph just under his chin (the plate's measured chin line, the same 0.44 the fit
   checks use), right of the CN Tower (--tend + 88 px) to the nav's right edge; the panel opens over the water, so
   nothing on the page moves and the photograph never re-crops. 1000 to 1199: the three as a short list. Phones: the
   cards come after the 110% line and the panel slides open under them. Built by tor.js (CONFIG.live). ---------- */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.hero-live{position:absolute;z-index:6;right:var(--gutter);--hlg:30px;
  top:calc(-56px + .44 * max(100% + 56px, 100vw / 2.6042) + var(--hlg));
  width:min(620px, 100% - var(--tend) - 88px - var(--gutter))}
.hero-live[hidden]{display:none}
.hl-label{margin:0 0 11px;font:700 11.5px/1 var(--body);letter-spacing:.24em;text-transform:uppercase;color:var(--champ);text-shadow:0 1px 12px rgba(4,20,38,.7)}
.hl-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.hl-card{position:relative;isolation:isolate;display:flex;flex-direction:column;min-width:0;border-radius:14px;overflow:hidden;container-type:inline-size;
  background:linear-gradient(180deg,rgba(20,62,104,.6) 0%,rgba(7,31,53,.84) 100%);
  -webkit-backdrop-filter:blur(12px) saturate(1.2);backdrop-filter:blur(12px) saturate(1.2);
  box-shadow:inset 0 1px 0 rgba(252,225,179,.42),inset 0 0 0 1px rgba(252,225,179,.2),0 24px 44px -24px rgba(0,0,0,.8);
  transition:box-shadow .3s ease,translate .35s cubic-bezier(.34,1.56,.64,1)}
.hl-card>p{padding-left:16px;padding-right:12px}
.hl-tag{padding-top:15px;font:700 11px/1.25 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--champ)}
.hl-n{margin-top:9px;display:flex;align-items:baseline;gap:6px;font-family:var(--display);font-size:clamp(30px,26cqi,42px);line-height:.92;letter-spacing:-.03em;
  color:#FFFDF8;font-variant-numeric:lining-nums;font-variation-settings:"SOFT" 0,"WONK" 0}
.hl-n b{font-weight:640}
.hl-to{font-style:italic;font-weight:500;font-size:16px;letter-spacing:0;color:var(--champ)}
.hl-wd{margin-top:7px;font:700 14px/1.25 var(--body);color:#FFFDF8}
.hl-line{margin-top:5px;margin-bottom:14px;font-size:13px;line-height:1.4;color:rgba(251,246,236,.74);flex:1 0 auto;text-wrap:balance}
.hl-cta{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:40px;padding:10px 12px;border:0;border-radius:0;cursor:pointer;
  font:800 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:#3A2606;white-space:nowrap;
  background:linear-gradient(180deg,#FDEBC6 0%,#F2C77F 100%);box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:filter .2s ease}
.hl-cta:hover{filter:brightness(1.05)}
.hl-cta b{font-weight:800}
.hl-cta svg{width:11px;height:11px;flex:0 0 auto;display:block}
.hl-i-tap{fill:#3A2606}
.hl-i-up{fill:none;stroke:#3A2606;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.hl-hide,.hl-card .hl-i-up{display:none}
.hl-card.is-open .hl-see,.hl-card.is-open .hl-i-tap{display:none}
.hl-card.is-open .hl-hide{display:inline}
.hl-card.is-open .hl-i-up{display:block}
.hl-card.is-open{box-shadow:inset 0 1px 0 rgba(252,225,179,.7),inset 0 0 0 1.5px rgba(252,225,179,.6),0 24px 44px -24px rgba(0,0,0,.8)}
@media (hover:hover){.hl-card:hover{translate:0 -3px}}
.hl-cta:focus-visible{outline:3px solid var(--honey);outline-offset:-3px}
/* the one panel: all three share one cell under the row, so switching cards cross-fades in place */
.hl-panels{position:absolute;left:0;right:0;top:100%;display:grid}
.hl-more{grid-area:1/1;display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s cubic-bezier(.22,1,.36,1)}
.hl-more.is-open{grid-template-rows:1fr}
.hl-more-in{min-height:0;overflow:hidden;visibility:hidden;transition:visibility 0s linear .55s}
.hl-more.is-open .hl-more-in{visibility:visible;transition:visibility 0s}
.hl-pad{margin-top:10px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:12px 24px;padding:18px 20px 18px;border-radius:14px;
  background:linear-gradient(180deg,rgba(20,62,104,.86) 0%,rgba(7,31,53,.95) 100%);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
  box-shadow:inset 0 1px 0 rgba(252,225,179,.45),inset 0 0 0 1px rgba(252,225,179,.24),0 30px 50px -24px rgba(0,0,0,.85);
  opacity:0;translate:0 -8px;transition:opacity .3s ease,translate .45s cubic-bezier(.22,1,.36,1)}
.hl-more.is-open .hl-pad{opacity:1;translate:0 0;transition-delay:.06s}
.hl-head{font-family:var(--display);font-weight:620;font-size:19px;line-height:1.2;letter-spacing:-.01em;color:#FFFDF8;font-variation-settings:"SOFT" 0,"WONK" 0}
.hl-venue{margin-top:8px;font:700 14px/1.4 var(--body);color:#FFFDF8}
.hl-addr{margin-top:2px;font-size:13.5px;line-height:1.45;color:rgba(251,246,236,.74)}
.hl-when{font-size:13.5px;line-height:1.5;color:rgba(251,246,236,.84)}
.hl-price{margin-top:6px;font-size:13.5px;line-height:1.5;font-weight:700;color:var(--champ)}
/* round 12b (Zman: the panel's button "should go to the tickets here at the bottom"): a small lit-red pill, the page's one
   buying colour, down to the ticket board */
.hl-go{margin-top:12px;display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:10px 16px;border-radius:999px;
  font:800 12px/1 var(--body);letter-spacing:.06em;color:#fff;
  background:linear-gradient(180deg,#FF3550 0%,#E3122F 52%,#C20D29 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.3),inset 0 0 0 1px rgba(255,150,150,.22),0 10px 24px -10px rgba(255,36,64,.75),0 0 30px -8px rgba(255,52,52,.5);
  transition:box-shadow .2s ease,translate .2s ease}
.hl-go:hover{translate:0 -1px;box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 0 0 1px rgba(255,160,160,.3),0 14px 28px -10px rgba(255,36,64,.85),0 0 40px -6px rgba(255,60,60,.6)}
.hl-go:focus-visible{outline:3px solid var(--honey);outline-offset:3px}
.hl-go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
/* the drop-down: on a laptop the open panel floats like a menu, over the water and, on a short screen, over the top of the
   paper below (the hero lifts above that sheet while a panel is open); a click anywhere else closes it */
@media (min-width:1000px){.hero.hl-open{z-index:4;overflow:visible}}
/* short laptops: the card's own line steps aside, so the cards stay compact under his chin */
@media (min-width:1000px) and (max-height:820px){.hero-live{--hlg:24px}.hl-line{display:none}.hl-wd{margin-bottom:14px}}
/* narrow cards: the strip's words tighten so "Click to see details" stays on one line */
@container (max-width:184px){.hl-cta{font-size:10px;letter-spacing:.07em;padding-left:6px;padding-right:6px;gap:6px}}
/* 1000 to 1199: the cards as three short tiles (no line), the strip says "Details" */
@media (min-width:1000px) and (max-width:1199px){
  .hl-row{gap:8px}
  .hl-card>p{padding-left:12px;padding-right:8px}
  .hl-tag{padding-top:12px;font-size:10px;letter-spacing:.12em}
  .hl-line{display:none}
  .hl-wd{font-size:12.5px;margin-bottom:12px}
  .hl-cl{display:none}
  .hl-pad{grid-template-columns:minmax(0,1fr)}
}
/* phones and tablets: after the 110% line, three tiles, the panel slides open under them in the flow */
@media (max-width:999px){
  .hero-live{position:relative;top:auto;right:auto;width:auto;margin:30px 0 0;padding:0 var(--gutter)}
  .hl-row{gap:8px}
  .hl-card>p{padding-left:12px;padding-right:8px}
  .hl-tag{padding-top:12px;font-size:10px;letter-spacing:.12em}
  .hl-n{font-size:clamp(26px,24cqi,36px)}
  .hl-to{font-size:13px}
  .hl-wd{font-size:12.5px;margin-bottom:12px}
  .hl-line{display:none}
  .hl-cta{min-height:44px;padding:8px 6px;font-size:10px;letter-spacing:.08em;gap:6px}
  .hl-cl{display:none}
  .hl-panels{position:static}
  .hl-pad{grid-template-columns:minmax(0,1fr);padding:16px 18px}
}
@media (min-width:641px) and (max-width:999px){.hl-line{display:block;margin-bottom:12px}.hl-cl{display:inline}.hl-cta{font-size:11px;letter-spacing:.12em}}
/* the tiles (phones and 1000 to 1199): the tag always on one line, sized to its tile, so the three numbers line up */
@media (max-width:1199px){.hl-tag{white-space:nowrap;font-size:clamp(8.5px,9cqi,10px);letter-spacing:.1em}}
@media (prefers-reduced-motion:reduce){.hl-more,.hl-pad,.hl-card{transition:none}}

/* ---------- ROUND 12b (Zman, 7 Oct 2026): THE AIRPORT BOX MOVES UP, between the ticket board and the days ("From the top,
   you get the Pick Your Day in Toronto section, and then below that should be the little box with From the Airport, and
   then... the days"). Its own band in the days' deep lake blue (sampled off the days' top edge, so the two read as one
   ground), the board's paper sheet ends over it; the box itself keeps the look he liked (the flag pressed into the box,
   the white ring). The days now start right under it. ---------- */
.fly-band{position:relative;padding:calc(var(--r-sheet) + clamp(40px,4.6vw,64px)) 0 0;
  background:linear-gradient(90deg,rgb(5,25,46) 0%,rgb(11,36,62) 25%,rgb(18,51,84) 55%,rgb(15,50,86) 80%,rgb(14,52,90) 100%)}
@media (max-width:979px){.fly-band{background:linear-gradient(90deg,rgb(6,25,46) 0%,rgb(11,35,58) 25%,rgb(16,45,72) 55%,rgb(19,47,75) 80%,rgb(20,49,75) 100%)}}
.fly-band .fly{margin-top:0;box-shadow:0 0 0 2px rgba(255,253,248,.85),0 40px 70px -36px rgba(4,20,38,.75)}
.fly-band .fly .eyebrow{color:var(--amber-deep)}
.fly-band + .days.under-top{padding-top:clamp(56px,6.4vw,96px)}
/* the sunrise behind Meir's three days was placed by percentages of the days section (29.5% down), which only held while
   the airport box sat at its foot. It now hangs from the plates themselves (the same three rings, the same sizes, its
   centre just above the tall plates' tops), so it stays behind the days whatever sits above or below them. */
@media (min-width:980px){
  .days{background:
    radial-gradient(70% 60% at 0% 0%,rgba(5,24,44,.95),rgba(5,24,44,0) 70%),
    linear-gradient(172deg,#082642 0%,#123E6C 30%,#1E4C7A 46%,#123A62 64%,#082440 100%)}
  .days .plates::after{content:"";position:absolute;z-index:-1;left:50%;top:-10px;width:100vw;height:640px;translate:-50% -50%;pointer-events:none;
    background:
      radial-gradient(17vw 66px at 50% 50%,rgba(255,246,226,.95),rgba(255,236,200,0) 100%),
      radial-gradient(34vw 112px at 50% 52%,rgba(250,206,140,.85),rgba(248,196,128,0) 100%),
      radial-gradient(52vw 168px at 50% 54%,rgba(160,190,220,.5),rgba(120,160,200,0) 100%)}
}