/* Independent first-screen revision. The original page styles remain intact. */
.hero-glass{padding-top:0;overflow:hidden}
.hero-stage{position:relative;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;min-height:720px;padding:55px 0 45px;isolation:isolate}
.hero-copy{position:relative;z-index:2;pointer-events:none}.hero-copy a{pointer-events:auto}
.hero-date{font-size:17px;font-weight:600;margin:0 0 15px;letter-spacing:-.02em}
.hero-eyebrow{font-size:14px;font-weight:500;letter-spacing:.2em;margin:0 0 28px;color:var(--muted)}
.hero-glass .hero-title{font-size:clamp(64px,6.6vw,104px);letter-spacing:-.065em;line-height:.97}
.hero-glass .hero-context,.hero-glass .hero-directions{font-size:clamp(23px,2.35vw,35px);letter-spacing:-.035em;line-height:1.15}
.hero-glass .hero-context{margin-top:24px}.hero-dialogue{font-size:clamp(19px,1.65vw,25px);line-height:1.35;letter-spacing:-.025em;max-width:520px;margin:27px 0 0}
.glass-visual{position:relative;align-self:stretch;min-width:0;display:flex;align-items:center;justify-content:center;z-index:1}
.glass-visual video{display:block;width:160%;max-width:none;flex:none;mix-blend-mode:multiply;pointer-events:none}
.glass-visual .motion-toggle{bottom:18px;right:8px;background:#ffffffa8;border-color:#ddd3e6}
.hero-glass .actions{margin-top:28px;gap:12px}
.hero-footnote{display:flex;justify-content:space-between;gap:24px;padding:23px 0 30px;border-top:1px solid var(--rule);font-size:14px;color:var(--muted)}
@media(min-width:1700px){.hero-stage{min-height:800px}}
@media(max-width:1000px){.hero-stage{grid-template-columns:1.2fr 1fr;min-height:670px}.hero-glass .hero-title{font-size:68px}.hero-glass .hero-context,.hero-glass .hero-directions{font-size:26px}.hero-glass .actions{flex-direction:column;align-items:flex-start}.glass-visual video{width:200%}}
@media(max-width:740px){.hero-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:34px 0 0}.hero-date{font-size:14px;margin-bottom:12px}.hero-eyebrow{font-size:13px;margin-bottom:23px}.hero-glass .hero-title{font-size:clamp(52px,12vw,82px)}.hero-glass .hero-context,.hero-glass .hero-directions{font-size:clamp(23px,5.5vw,32px)}.hero-dialogue{font-size:20px;max-width:460px;margin-top:23px}.hero-glass .actions{flex-direction:row}.glass-visual{height:300px;margin:0 -16px;overflow:hidden}.glass-visual video{width:115%;height:auto}.glass-visual .motion-toggle{right:22px;bottom:18px}.hero-footnote{flex-wrap:wrap;justify-content:flex-start;gap:8px 22px;padding:20px 0 28px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.glass-visual .motion-toggle{display:grid}}
/* Fit the complete supplied movie beside the title; soften its rectangular edges. */
.hero-stage{min-height:630px;padding-top:40px;padding-bottom:36px;grid-template-columns:1fr 1fr}
.hero-glass .hero-title{letter-spacing:-.045em}
.glass-visual{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 9%,#000 92%,transparent)}
.glass-visual video{width:125%;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}
@media(max-width:1000px) and (min-width:741px){.hero-stage{grid-template-columns:1.2fr 1fr}.glass-visual video{width:145%}}
@media(max-width:740px){.hero-stage{min-height:0;padding-top:30px;padding-bottom:0}.glass-visual{height:270px;margin-top:10px}.glass-visual video{width:105%}}

/* The glass animation shares the page canvas instead of living in a media card. */
.hero-stage{display:block;overflow:visible;padding-block:48px;min-height:655px}
.hero-copy{width:53%;max-width:760px}
.glass-visual{position:absolute;inset:70px -12% 10px 43%;display:flex;align-items:center;overflow:visible;mask-image:none;pointer-events:none}
.glass-visual video{width:100%;height:auto;mix-blend-mode:normal;mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 72%,transparent 100%)}
.glass-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(to right,var(--paper),transparent 19%);pointer-events:none}
.glass-visual .motion-toggle{pointer-events:auto;right:17%;bottom:15px;z-index:3}
@media(max-width:1000px) and (min-width:741px){.hero-copy{width:57%}.glass-visual{left:46%;right:-20%}}
@media(max-width:740px){.hero-stage{display:flex;padding-top:30px;padding-bottom:0;min-height:0}.hero-copy{width:100%;max-width:none}.glass-visual{position:relative;inset:auto;height:260px;margin:0 -35px;align-self:stretch;overflow:hidden}.glass-visual video{width:100%}.glass-visual:after{display:none}.glass-visual .motion-toggle{right:36px;bottom:12px}}
/* Emphasize the three business directions in the main heading. */
.hero-glass .hero-directions{font-size:clamp(30px,3.15vw,48px);font-weight:600;line-height:1.12;letter-spacing:-.035em;color:#7336c5;margin-top:10px}
@media(max-width:1000px) and (min-width:741px){.hero-glass .hero-directions{font-size:32px}}
@media(max-width:740px){.hero-glass .hero-directions{font-size:clamp(28px,7.2vw,40px);line-height:1.14;margin-top:10px}}

/* Glass objects share the pearl canvas and stay clear of the reading columns. */
body{background:#f8f6f9}
.section-glass{position:relative;isolation:isolate;width:min(100%,310px);aspect-ratio:1;margin:28px 0 0;pointer-events:none}
.section-glass:before{content:"";position:absolute;inset:5%;border-radius:50%;background:radial-gradient(ellipse,#e9dff650,transparent 70%);z-index:-1}
.section-glass video{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse,#000 52%,transparent 73%)}
.section-glass-cursor{width:190px;margin-top:12px;margin-left:12px}
.section-glass-ring{width:min(100%,330px);margin-top:22px}
@media(max-width:740px){.section-glass{width:210px;margin:20px auto 0}.section-glass-cursor{width:140px;margin:12px 0 0}.section-glass-ring{width:210px;margin:16px auto 0}}
/* Metallic colors reflect the participation tier names. */
.price.silver{background:linear-gradient(135deg,#f5f6f7 0%,#d6d9de 48%,#eef0f2 72%,#c4c9d0 100%);border-color:#b9c0c9;color:#28313d}
.price.gold{background:linear-gradient(135deg,#fff8de 0%,#efd28a 48%,#fff0bd 72%,#dfb85e 100%);border-color:#c9a34e;color:#483611}
.price.platinum{background:linear-gradient(135deg,#ffffff 0%,#e1e8ed 48%,#f6f9fb 72%,#cddbe4 100%);border-color:#adbfce;color:#243a48}
.price .price-inner{background:#ffffff30}
.price .price-top>span{color:inherit;opacity:.8}
.price.silver .button{background:#46515f;border-color:#46515f}
.price.gold .button{background:#70521b;border-color:#70521b}
.price.platinum .button{background:#354f61;border-color:#354f61}
.price .button:hover{filter:brightness(1.12)}
/* Selected animated objects: generous scale without overlapping the copy. */
.section-glass-orbits{width:100%;max-width:460px;margin:28px 0 0}
.section-glass-discs{width:115%;max-width:540px;aspect-ratio:16/9;margin:38px 0 0 -7%}
.section-glass-ribbons{width:100%;max-width:570px;aspect-ratio:16/9;margin:30px 0 0}
.section-glass{isolation:auto}
.section-glass:before{display:none}
.section-glass video{mask-image:radial-gradient(ellipse,#000 48%,transparent 74%)}
.registration{background:linear-gradient(125deg,#f5f8fc,#dfe8f2);border-color:#cbd8e5}
.registration form{background:#ffffff94;border-color:#ffffffc9;box-shadow:0 12px 40px #243b5510}
/* Visible metallic outlines with a slow light sweep. */
@property --border-turn{syntax:'<angle>';initial-value:0deg;inherits:false}
.price{position:relative;border-width:2px;transition:transform .35s ease,box-shadow .35s ease}
.price:before{content:'';position:absolute;inset:-2px;border-radius:inherit;padding:2px;pointer-events:none;background:conic-gradient(from var(--border-turn),transparent 0deg,transparent 240deg,#ffffffeb 285deg,transparent 330deg);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask-composite:xor;animation:tier-shine 9s linear infinite}
.price.silver{border-color:#8d99a8;box-shadow:0 7px 20px #39495a12}
.price.gold{border-color:#ba8d31;box-shadow:0 7px 20px #976f1914}
.price.gold:before{animation-delay:-3s}
.price.platinum{background:linear-gradient(135deg,#182b40,#365570 52%,#1b3048);border-color:#adcde5;color:#f5faff;box-shadow:0 10px 30px #183c6629}
.price.platinum:before{animation-delay:-6s;background:conic-gradient(from var(--border-turn),#9ebed244,transparent 210deg,#e5f7ff 270deg,#8dc9ff 290deg,transparent 330deg)}
.price.platinum .price-inner{background:#ffffff0c}
.price.platinum .button{background:#e0effa;color:#183047;border-color:#f5fbff}
.price.platinum .price-top h3{font-weight:600}
@keyframes tier-shine{to{--border-turn:360deg}}
@media(hover:hover){.price:hover{transform:translateY(-5px);box-shadow:0 18px 35px #24395124}}
@media(max-width:740px){.section-glass-orbits{width:300px;max-width:100%;margin:22px auto}.section-glass-discs{width:100%;margin:24px auto;max-width:420px}.section-glass-ribbons{width:100%;margin:22px auto 0}}
@media(prefers-reduced-motion:reduce){.price:before{animation:none}.price{transition:none}.price:hover{transform:none}}

/* Keep the approved pearl canvas consistent between sections. */
:root{--paper:#f8f6f9}html,body,main{background-color:#f8f6f9}body{background-image:none}.section{background-color:transparent}
.section-glass video{mix-blend-mode:normal}
.registration .section-glass video{mix-blend-mode:multiply}

.price.gold .price-top h3{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.popular-badge{display:inline-block;background:#70521b;color:#fff8e7;border:1px solid #8f6c27;border-radius:4px;padding:5px 8px;font-size:12px;font-weight:600;line-height:1.2;letter-spacing:0;white-space:nowrap}

.booking-invite{display:flex;align-items:center;justify-content:center;min-height:220px}
.booking-invite .button{font-size:20px;padding:22px 32px}
.booking-page .registration{display:block;max-width:640px;margin:48px auto 72px;padding:24px}
.booking-page form{padding:32px}
.booking-page h1{font-size:clamp(30px,4vw,42px);line-height:1.1;letter-spacing:-.04em;margin:0 0 30px}
@media(max-width:740px){.booking-invite{min-height:140px}.booking-invite .button{font-size:18px;padding:18px 24px}.booking-page .registration{margin:24px auto;padding:12px}.booking-page form{padding:20px}}
/* Balance object scale and keep the orbit edges crisp. */
.section-glass-orbits{width:78%;max-width:340px;margin:26px auto 0}
.section-glass-orbits video{mask-image:none}
.section-glass-discs{width:125%;max-width:600px;margin:28px 0 0 -12%;aspect-ratio:4/3;overflow:hidden}
.section-glass-discs video{object-fit:cover;mask-image:radial-gradient(ellipse,#000 62%,transparent 85%)}
@media(max-width:740px){.section-glass-orbits{width:240px;max-width:85%;margin:20px auto}.section-glass-discs{width:100%;max-width:440px;margin:24px auto;aspect-ratio:4/3}}
/* Give the result animation a genuinely larger share of the section. */
@media(min-width:741px){#results{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%}#results .text-grid{grid-template-columns:1fr}}
#results .section-glass-discs{width:100%;max-width:none;aspect-ratio:1.2;margin:16px 0 0;overflow:visible}
#results .section-glass-discs video{width:145%;height:100%;margin-left:-22.5%;object-fit:contain;mask-image:none}
@media(max-width:740px){#results .section-glass-discs{width:calc(100% + 20px);margin:16px -10px 0;aspect-ratio:1.2}#results .section-glass-discs video{width:145%;margin-left:-22.5%}}
#results .section-glass-discs{overflow:hidden}

.section-glass-sphere{width:100%;max-width:440px;aspect-ratio:1;margin:12px auto 0}.section-glass-sphere video{mask-image:none}
@media(max-width:740px){.section-glass-sphere{width:330px;max-width:100%;margin:0 auto}}

/* Warm milk canvas, including the backgrounds baked into glass videos. */
:root{--paper:#faf9f5}
html,body,main{background:#faf9f5}
.header{background:#faf9f5e6;border-color:#ffffffa6}
.glass-visual video,.section-glass video{filter:url(#milk-canvas)}

.tools-marquee{position:relative;display:flex;align-items:center;gap:18px;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding-block:28px;margin-bottom:42px}
.tools-marquee-window{flex:1;min-width:0;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 3%,#000 97%,transparent)}
.tools-marquee-track{display:flex;width:max-content;animation:tools-scroll 42s linear infinite}
.tools-marquee-group{display:flex;align-items:center;gap:36px;padding-right:36px;flex-shrink:0}
.tools-marquee-group span{white-space:nowrap;font-size:clamp(20px,2vw,28px);line-height:1.4;letter-spacing:-.03em;color:#7336c5}
.tools-marquee-group span:after{content:'·';margin-left:36px;color:#907fa5}
.tools-motion{flex:0 0 38px;height:38px;border-radius:50%;border:1px solid var(--rule);background:transparent;cursor:pointer;font-size:16px}
.tools-marquee-window:hover .tools-marquee-track,.tools-marquee.is-paused .tools-marquee-track{animation-play-state:paused}
@keyframes tools-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.tools-marquee-track{animation:none}.tools-marquee-window{overflow-x:auto;mask-image:none}.tools-marquee-group[aria-hidden]{display:none}.tools-motion{display:none}}
/* Repeat the invitation's ice-blue treatment in two supporting sections. */
#audience,#results{background:linear-gradient(125deg,#f5f8fc,#dfe8f2);border:1px solid #cbd8e5;border-radius:28px;padding:48px clamp(24px,4vw,60px);margin-block:36px 56px}
#results .section-glass video{mix-blend-mode:multiply}
@media(max-width:740px){#audience,#results{padding:30px 22px;margin-block:24px 36px;border-radius:22px}}

#results .section-glass video{filter:url(#glass-white-canvas)}

.section-glass-audience{width:100%;max-width:350px;margin:26px auto 0}.section-glass-audience video{filter:url(#glass-white-canvas);mix-blend-mode:multiply;mask-image:none}
@media(max-width:740px){.section-glass-audience{width:260px;max-width:100%;margin:20px auto}}
