/* Supplied official palette and phone artwork, adapted to the event workflow. */
.event-page .site-header{background:#fffdf6;border-color:#eadfc9}.event-page .brand{background:transparent;padding:0}.event-page .brand img{width:185px;height:auto}.event-page .desktop-nav a{color:#062b4f}.event-page .desktop-nav a:hover{color:#08704f}.event-page .menu-toggle span{background:#062b4f}.event-page .mobile-nav{background:#fffdf6}.event-page .mobile-nav>a{color:#062b4f}
.event-page .mockup-hero{background:#fbf8ef url('../images/event-mockup/background.svg') center bottom/100% 100% no-repeat;border-bottom:0}
.event-page .mockup-hero:after{display:none}.event-page .mockup-hero .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);min-height:760px;align-items:center}
.event-page .mockup-hero .hero-copy{padding:45px 15px 105px clamp(28px,4vw,64px)}.event-page .mockup-hero .kicker{font-size:10px;color:#062b4f;letter-spacing:.22em;margin-bottom:18px}.event-page .mockup-hero h1{color:#062b4f;font-size:clamp(45px,5.1vw,78px);line-height:.99;letter-spacing:-.055em;margin-bottom:22px}.event-page .mockup-hero h1 span{background:linear-gradient(110deg,#e99b08,#efb62c);background-clip:text;-webkit-background-clip:text}.event-page .mockup-hero .hero-lead{color:#12375b;font-size:18px;line-height:1.65;font-weight:500;max-width:565px}.event-page .mockup-hero .hero-sub{color:#516b73;font-size:13px;max-width:520px;margin-bottom:22px}.event-page .mockup-hero .primary-cta{color:#062b4f;box-shadow:none;background:linear-gradient(115deg,#ffd66c,#f3b72a)}.mockup-hero .emerald-discover{color:#062b4f;border-color:#536981}.event-page .mockup-hero .emerald-free{color:#516b73}.mockup-hero .emerald-benefits{color:#12375b;gap:15px}.mockup-hero .emerald-benefits li>span{color:#08704f}.event-page .mockup-hero .hero-meta{max-width:480px}.event-page .mockup-hero .meta-card{border-color:#94acb0}.event-page .mockup-hero .meta-card strong{color:#062b4f}.event-page .mockup-hero .meta-card small{color:#456478}.event-page .mockup-hero .meta-card span{color:#08704f}
.mockup-art{position:relative;margin:0 15px 30px 0;min-width:0;align-self:center;padding:5px 0 15px;z-index:2}.mockup-art picture{display:block}.mockup-art img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain;filter:drop-shadow(0 14px 10px #062b4f15)}.mockup-art figcaption{font-size:9px;line-height:1.7;color:#f5f7f3;background:#062b4fe8;border-radius:8px;max-width:420px;padding:8px 12px;margin:10px auto 0;text-align:center}
@media(max-width:1100px) and (min-width:961px){.event-page .mockup-hero h1{font-size:58px}.event-page .mockup-hero .hero-copy{padding-left:32px}.event-page .mockup-hero .hero-lead{font-size:16px}}
@media(max-width:960px){.event-page .mockup-hero .hero-grid{grid-template-columns:minmax(0,1fr);min-height:0}.event-page .mockup-hero{background-size:auto 100%;background-position:65% bottom}.event-page .mockup-hero .hero-copy{max-width:720px;padding:40px 30px 10px}.event-page .mockup-hero h1{font-size:64px}.mockup-art{width:min(550px,95%);margin:0 auto 20px}.mockup-art img{max-height:670px}.event-page .brand img{width:160px}}
@media(max-width:600px){.event-page .mockup-hero .hero-copy{padding:32px 23px 15px}.event-page .mockup-hero h1{font-size:clamp(43px,11.9vw,66px)}.event-page .mockup-hero .kicker{font-size:8px;line-height:1.7;letter-spacing:.17em;max-width:280px}.event-page .mockup-hero .hero-lead{font-size:16px;line-height:1.65}.event-page .mockup-hero .hero-sub{font-size:12px}.mockup-art{width:min(330px,88%);margin-bottom:22px}.mockup-art img{max-height:520px}.mockup-art figcaption{font-size:8px}.event-page .mockup-hero{background-position:60% bottom}.event-page .brand img{width:142px}.mockup-hero .emerald-benefits{gap:12px}}
/* Mobile: lead with the supplied phone hero, then the invitation copy. */
@media(max-width:600px){.event-page .mockup-hero .mockup-art{grid-row:1;width:min(285px,78%);margin:14px auto 0;padding-bottom:0}.event-page .mockup-hero .mockup-art img{max-height:365px;width:100%;object-fit:contain}.event-page .mockup-hero .mockup-art figcaption{font-size:8px;margin-top:8px}.event-page .mockup-hero .hero-copy{grid-row:2;padding-top:22px}}
@media(max-width:600px){.event-page .mockup-hero{background-size:100% 150px;background-position:center bottom}.event-page .mockup-hero .hero-copy{padding-bottom:155px}}