.magic-page{background:#080f15;color:#f7f9fa}
.magic-page h2,.magic-page h3{font-family:Oswald,'Arial Narrow',sans-serif}
.magic-hero .hero-copy{top:19%;width:51%}
.magic-hero h1{font-size:5.2cqw;line-height:1.07}
.magic-hero h1 span:nth-child(2){color:#f7f9fa}
.magic-hero h1 span:nth-child(3){color:var(--ice)}
.magic-hero .description{max-width:35vw}
.magic-section-heading{max-width:850px;margin:0 auto 42px;text-align:center}
.magic-section-heading h2,.reaction-copy h2,.magic-testimonials>h2{margin:0 0 22px;font-size:clamp(2.5rem,4.2vw,4.8rem);font-weight:600;line-height:1.08;letter-spacing:.005em}
.magic-section-heading h2 span,.reaction-copy h2 span,.magic-testimonials>h2 span{display:block;color:var(--ice)}
.reaction-copy h2{white-space:nowrap}
.reaction-copy h2 span{display:inline}
.magic-section-heading>p:last-child,.reaction-copy>p:last-child{margin:0 auto;color:var(--body);font-size:clamp(1.125rem,1.4vw,1.35rem);line-height:1.65;max-width:43rem}
.magic-intro{padding:86px 7.3% 100px;background:#071019}
.magic-intro .magic-section-heading{margin-bottom:34px}
.magic-intro .magic-section-heading h2{font-size:clamp(3.25rem,5vw,5.5rem);margin-bottom:0}
.meet-video-wrap{width:min(100%,820px);margin:0 auto;background:#02070b;box-shadow:0 28px 70px rgba(0,0,0,.34)}
.meet-video-wrap video{display:block;width:100%;max-height:720px;background:#02070b}
.meet-details{width:min(100%,1060px);margin:58px auto 0}
.meet-story{max-width:900px;margin:0 auto;color:var(--body);font-size:clamp(1.12rem,1.35vw,1.3rem);line-height:1.72}
.meet-story p{margin:0 0 1.25em}
.meet-story p:first-child{color:var(--white);font-size:1.12em;font-weight:700;line-height:1.58}
.how-it-works{margin-top:44px;padding:28px 30px 30px;border-top:1px solid #315064;border-bottom:1px solid #315064}
.how-it-works h3{margin:0 0 20px;color:var(--ice);font-size:1.45rem;letter-spacing:.08em;text-align:center}
.how-it-works ul{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:12px 0;margin:0;padding:0;list-style:none;color:var(--white);font-size:1rem;font-weight:700;letter-spacing:.025em}
.how-it-works li{padding:0 20px}
.how-it-works li+li{border-left:1px solid #466276}
.magic-videos{padding:88px 7.3% 100px;background:#03070c}
.magic-videos .magic-section-heading{margin-bottom:44px}
.magic-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;max-width:1280px;margin:0 auto}
.magic-video-card{margin:0}
.magic-video-frame{position:relative;aspect-ratio:16/9;overflow:hidden;background:#000;box-shadow:0 24px 60px rgba(0,0,0,.28)}
.magic-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.magic-video-card h3{margin:18px 0 0;color:var(--ice);font-size:clamp(1.2rem,1.65vw,1.6rem);font-weight:600;letter-spacing:.08em}
.reaction-story{display:grid;grid-template-columns:1.08fr .88fr 1.04fr;gap:22px;padding:78px 3% 94px;background:#03070c;align-items:start}
.reaction-story figure{margin:0;overflow:hidden;background:#03070c}
.reaction-story figure img{display:block;width:100%;height:auto;border:0;clip-path:inset(1px)}
.reaction-copy{grid-column:1 / -1;display:flex;flex-direction:column;justify-content:center;padding:0 4% 16px;text-align:center}
.reaction-copy>p:last-child{margin:0 auto;max-width:44rem}
.reaction-formal{margin-top:42px!important}.reaction-awe{margin-top:0!important}.reaction-interaction{margin-top:76px!important}.reaction-rope{grid-column:2/4;margin-top:10px!important}
.event-types{padding:92px 7.3% 110px;background:#0a1822}
.event-type-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:1280px;margin:0 auto 56px;border-top:1px solid #29404f;border-bottom:1px solid #29404f}
.event-type-grid article{padding:34px 36px 38px}
.event-type-grid article+article{border-left:1px solid #29404f}
.event-type-grid span{display:block;margin-bottom:16px;color:#7395a9;font-family:Oswald,'Arial Narrow',sans-serif;letter-spacing:.14em}
.event-type-grid h3{margin:0 0 14px;color:var(--ice);font-size:clamp(1.6rem,2.1vw,2.3rem);line-height:1.15;font-weight:600}
.event-type-grid p{margin:0;color:var(--body);font-size:1.0625rem;line-height:1.65}
.corporate-moment{max-width:1280px;height:min(48vw,610px);margin:0 auto;overflow:hidden}
.corporate-moment img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 35%}
.magic-testimonials{padding:86px 7.3% 96px;background:#060d13;text-align:center}
.magic-quote-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;max-width:1200px;margin:48px auto 0;text-align:left}
.magic-quote-grid blockquote{display:flex;flex-direction:column;justify-content:space-between;min-height:300px;margin:0;padding:42px 44px;background:#0d1a24}
.magic-quote-grid blockquote p{margin:0 0 30px;font-family:Oswald,'Arial Narrow',sans-serif;font-size:clamp(1.65rem,2.25vw,2.5rem);line-height:1.34}
.magic-quote-grid footer{display:flex;flex-direction:column;gap:7px}
.quote-attribution{display:flex;align-items:baseline;gap:0}
.magic-quote-grid strong{color:var(--ice);font-size:1.05rem}
.quote-company{color:var(--ice);font-size:.95rem;line-height:1.3;text-align:left}
.quote-company::before{content:"—";margin:0 10px;color:#7395a9}
.quote-title{color:#a3b4bf;line-height:1.5}
.company-short{display:none}
.magic-booking{background:#091722}
.magic-footer{display:grid;grid-template-columns:1fr auto 1fr}
.magic-footer .speaking-link{color:var(--ice);font-size:clamp(1.05rem,1.2vw,1.25rem);font-weight:700;letter-spacing:.08em}
.magic-footer div{justify-content:flex-end}
@media(min-width:701px) and (max-width:1100px){
  .magic-hero .hero-copy{top:19%;width:46%}
  .magic-hero h1{font-size:4.6cqw}
}
@media(min-width:701px) and (max-width:760px){
  .magic-hero{grid-template-rows:auto auto}
  .magic-hero .hero-copy{display:block;position:absolute;grid-area:2 / 1;left:var(--inset);padding:0;background:none}
  .magic-hero .hero-heading,.magic-hero .hero-details{display:contents}
  .magic-hero h1{margin:0 0 1.35vw}
  .magic-hero h1 span{white-space:nowrap}
  .magic-hero .promise{font-size:2.1vw;line-height:1.35;white-space:nowrap;margin:0 0 2vw}
  .magic-hero .description{max-width:35vw;font-size:1.57vw;line-height:1.4;margin:0 0 2.35vw}
  .magic-hero .actions{flex-wrap:nowrap;gap:1.2vw}
  .magic-hero .button{flex:0 0 auto;min-height:4.4vw;padding:1.25vw 1.8vw;font-size:1.2vw;gap:.85vw;border-radius:.65vw;white-space:nowrap}
}
@media(min-width:761px) and (max-width:1100px){
  .magic-footer{grid-template-columns:1fr auto;row-gap:14px}
  .magic-footer .speaking-link{grid-column:1 / -1;grid-row:2;justify-self:center}
  .magic-footer div{white-space:nowrap}
}
@media(max-width:760px){
  .magic-intro{padding:58px 6% 64px}
  .magic-intro .magic-section-heading h2{font-size:3rem}
  .magic-section-heading{margin-bottom:30px}
  .meet-video-wrap{width:100%}
  .meet-details{margin-top:38px}
  .meet-story{font-size:1.08rem;line-height:1.65}
  .how-it-works{margin-top:34px;padding:24px 0}
  .how-it-works ul{display:grid;grid-template-columns:1fr 1fr;gap:0;font-size:.95rem}
  .how-it-works li{padding:12px 14px;text-align:center}
  .how-it-works li+li{border-left:0}
  .how-it-works li:nth-child(even){border-left:1px solid #466276}
  .how-it-works li:nth-child(n+3){border-top:1px solid #29404f}
  .magic-videos{padding:58px 6% 66px}
  .magic-video-grid{gap:18px}
  .magic-video-card h3{margin-top:14px;font-size:1.05rem}
  .reaction-story{grid-template-columns:1fr;gap:0;padding:54px 0 0}
  .reaction-copy{padding:54px 6% 36px}
  .reaction-story figure{grid-column:auto;aspect-ratio:auto;margin-top:0!important}
  .reaction-story figure img{height:auto;object-fit:contain;clip-path:none}
  .event-types{padding:58px 6% 66px}
  .event-type-grid{grid-template-columns:1fr;margin-bottom:36px}
  .event-type-grid article{padding:28px 6px}
  .event-type-grid article+article{border-left:0;border-top:1px solid #29404f}
  .corporate-moment{height:auto;aspect-ratio:4/3}
  .magic-testimonials{padding:58px 6% 66px}
  .magic-quote-grid{grid-template-columns:1fr;margin-top:32px}
  .magic-quote-grid blockquote{min-height:0;padding:30px 26px}
  .magic-footer{display:flex;align-items:flex-start;flex-direction:column}.magic-footer .speaking-link{order:2}.magic-footer div{align-items:flex-start;flex-direction:column;gap:8px}.magic-footer div>span{display:none}
}
@media(max-width:700px){
  .magic-hero .hero-heading{top:13%;width:55%}
  .magic-hero .hero-heading h1{font-size:clamp(2rem,6.4vw,2.6rem);line-height:1.06}
  .magic-hero .hero-heading h1 span{white-space:normal}
  .magic-hero .description{max-width:none}
  .magic-video-grid{grid-template-columns:1fr;gap:34px}
}
@media(max-width:420px){.magic-hero .hero-heading{top:12%;width:58%}.magic-hero .hero-heading h1{font-size:7.4vw}.magic-section-heading h2,.magic-testimonials>h2{font-size:2.35rem}.reaction-copy h2{font-size:clamp(1.9rem,9vw,2.35rem)}.how-it-works ul{grid-template-columns:1fr}.how-it-works li:nth-child(even){border-left:0}.how-it-works li+li{border-top:1px solid #29404f}.magic-quote-grid strong{font-size:.95rem}.quote-company{font-size:.82rem}.quote-company::before{margin:0 7px}.company-full{display:none}.company-short{display:inline}}
