.hero{background:#000;height:100svh;padding:0;display:block;position:relative;overflow:hidden}.hero-artboard{width:1600px;height:900px;transform:translate(-50%, -50%) scale(var(--hero-scale,1));transform-origin:50%;position:absolute;top:calc(50% + 32px);left:50%}.hero h1{letter-spacing:0;z-index:2;width:1250px;height:530px;margin:0;font-family:Anton,sans-serif;font-size:174px;line-height:1;position:absolute;top:0;left:0;transform:none}.hero h1 .reference-line{transform-origin:0 0;white-space:nowrap;margin:0;position:absolute;left:32px}.hero h1 .line-first{top:30px;transform:scaleX(.883)}.hero h1 .line-second{top:194px;transform:scaleX(.877)}.hero h1 .line-third{top:358px;transform:scaleX(.864)}.hero .hero-photo{object-fit:cover;max-width:none;height:auto;box-shadow:none;pointer-events:none;background:0 0;margin:0;padding:0;display:block;position:absolute;transform:none}.hero .reference-party{aspect-ratio:208/230;object-position:50% 58%;z-index:1;width:208px;top:26px;left:970px;transform:rotate(-5deg)}.hero .reference-desk{aspect-ratio:330/395;object-position:50% 42%;z-index:1;width:330px;top:335px;left:89px;transform:rotate(5deg)}.hero .reference-library{aspect-ratio:282/235;object-position:55% 54%;z-index:1;width:220px;top:420px;left:583px;transform:rotate(-4deg)}.hero .reference-classroom{aspect-ratio:300/230;object-position:50% 57%;z-index:3;width:300px;top:464px;left:955px;transform:rotate(-6deg)}.hero .reference-portrait{aspect-ratio:342/437;object-position:53% 80%;z-index:3;width:270px;top:243px;left:1305px;transform:rotate(5deg)}.hero .menu-trigger{z-index:5;width:max(58px, calc(44px / var(--hero-scale)));height:max(52px, calc(44px / var(--hero-scale)));justify-content:center;padding:8px;position:absolute;top:46px;right:37px}.hero .menu-trigger .menu-icon{gap:6px;width:42px;display:grid}.hero .menu-icon i{height:4px}.hero-date,.hero-location{white-space:nowrap;transform-origin:0;font-family:Anton,sans-serif;font-size:38px;line-height:1.1;position:absolute;top:824px;transform:scaleX(.94)}.hero-date{left:32px}.hero-location{left:353px;transform:scaleX(.9)}.hero .scroll-cue{justify-content:center;align-items:center;width:94px;height:52px;margin:0;padding:0;display:flex;position:absolute;top:812px;left:901px}.hero .scroll-cue span{letter-spacing:0;font-family:Anton,sans-serif;font-size:35px;font-weight:400}.hero .ticket-button{width:198px;height:max(61px, calc(44px / var(--hero-scale)));border:1px solid #fff;justify-content:center;min-width:0;padding:0;font-family:Anton,sans-serif;font-size:36px;line-height:1;position:absolute;top:813px;right:46px}@media (max-aspect-ratio:1){.hero-artboard{--portrait-unit:min(1vw, .55svh);width:100%;height:100%;inset:0;transform:none}.hero h1{width:100%;height:calc(49 * var(--portrait-unit));top:12%}.hero h1 .reference-line{left:4.44%}.hero h1 .line-first{font-size:calc(19.78 * var(--portrait-unit));top:0;transform:scaleX(.94)}.hero h1 .line-second{top:calc(20 * var(--portrait-unit));font-size:calc(13.33 * var(--portrait-unit));transform:scaleX(.87)}.hero h1 .line-third{top:calc(33.33 * var(--portrait-unit));font-size:calc(15.33 * var(--portrait-unit));transform:scaleX(.88)}.hero .menu-trigger{top:max(16px, env(safe-area-inset-top));width:48px;height:48px;right:4.44%}.hero .menu-trigger .menu-icon{gap:5px;width:26px}.hero .menu-icon i{height:2px}.hero .reference-desk{object-position:50% 42%;width:43%;height:33%;top:43%;left:7%}.hero .reference-party{object-position:50% 58%;width:28%;height:18%;top:39%;left:62%}.hero .reference-portrait{object-position:53% 65%;width:30%;height:22%;top:59%;left:62%}.hero .reference-library{width:24%;height:13%;top:70%;left:36%}.hero .reference-classroom{width:29%;height:10%;top:73%;left:7%}.hero-date,.hero-location{font-size:16px;top:auto;left:4.44%;transform:none}.hero-date{bottom:calc(max(24px, env(safe-area-inset-bottom)) + 23px)}.hero-location{bottom:max(24px, env(safe-area-inset-bottom))}.hero .ticket-button{top:auto;right:4.44%;bottom:max(22px, env(safe-area-inset-bottom));width:31%;height:48px;font-size:clamp(18px,5.1vw,32px)}.hero .scroll-cue{top:auto;left:46%;bottom:max(22px, env(safe-area-inset-bottom));width:44px;height:48px}.hero .scroll-cue span{font-size:19px}}@media (min-aspect-ratio:1) and (max-height:500px){.hero-date,.hero-location{font-size:max(38px, calc(14px / var(--hero-scale,1)))}.hero .ticket-button{top:auto;bottom:calc(8px / var(--hero-scale,1));font-size:max(36px, calc(16px / var(--hero-scale,1)))}.hero .scroll-cue{top:auto;bottom:calc(8px / var(--hero-scale,1));width:max(94px, calc(44px / var(--hero-scale,1)));height:max(52px, calc(44px / var(--hero-scale,1)))}}@media (prefers-reduced-motion:reduce){.hero-artboard{transition:none}}.hero .ticket-button{transition:background .18s,color .18s}.hero .ticket-button:hover{color:#000;background:#fff}.hero .menu-icon i{transition:transform .18s}.hero .menu-trigger:hover .menu-icon i:first-child{transform:translate(4px)}.hero .menu-trigger:hover .menu-icon i:last-child{transform:translate(-4px)}