*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg: #170d27;--navy: #272873;--purple: #473366;--orange: #ff993e;--white: #ffffff;--font-display: "Oswald", "Arial Narrow", sans-serif;--font-serif-italic: "Libre Baskerville", Georgia, serif;--font-label: "Space Grotesk", sans-serif;--font-body: "Inter", "Helvetica Neue", Arial, sans-serif;--max-w: 1280px;--gutter: 60px}html{scroll-behavior:smooth}body{background-color:var(--bg);color:var(--white);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}:focus-visible{outline:2px solid var(--orange);outline-offset:3px;border-radius:4px}.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}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}.container{max-width:calc(var(--max-w) + var(--gutter) * 2);margin-inline:auto;padding-inline:var(--gutter)}.divider{height:1px;background:var(--purple);width:100%}.nav{position:fixed;top:0;inset-inline:0;z-index:100;padding:22px var(--gutter);display:flex;align-items:center;justify-content:space-between;transition:background .3s ease}.nav--scrolled{background:#170d27eb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.nav__logo-link{opacity:0;pointer-events:none;transition:opacity .3s ease}.nav--scrolled .nav__logo-link{opacity:1;pointer-events:auto}.nav__actions{display:flex;align-items:center;gap:32px}.nav__link{font-family:var(--font-body);font-weight:500;font-size:18px;color:var(--white);opacity:.85;transition:opacity .2s}.nav__link:hover{opacity:1}.btn-primary{display:inline-flex;align-items:center;justify-content:center;background:#b44313;color:var(--white);font-family:var(--font-body);font-size:16px;font-weight:400;line-height:22px;padding:14px 32px;border-radius:40px;border:1px solid #b44313;transition:background .2s,transform .15s;white-space:nowrap}.btn-primary:hover{background:#963810;border-color:#963810;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.hero{position:relative;height:100vh;min-height:700px;overflow:hidden;background-image:url(/irvine-wonder/event/hero-img.png);background-size:cover;background-position:center center;background-repeat:no-repeat}.hero:before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(to bottom,#170d2726,#170d2700 20% 55%,#170d27e0 88%,#170d27)}.hero__bg{display:none}.hero__titles{position:absolute;top:10%;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:14px;text-align:center;width:100%}.hero__hoag-logo{display:block;width:120px;height:auto}.hero__lockup{display:flex;align-items:center;justify-content:center}.hero__lockup-img{width:clamp(320px,55vw,780px);height:auto;display:block}.hero__dates{font-family:var(--font-label);font-size:clamp(16px,1.8vw,22px);font-weight:600;color:#fff;letter-spacing:.1em;text-transform:uppercase;text-shadow:0 1px 12px rgba(0,0,0,.75),0 0 32px rgba(0,0,0,.5)}.hero__cta{position:absolute;bottom:6%;left:50%;transform:translate(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px;width:100%}.hero__partners{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px}.hero__partners-label{font-family:var(--font-label);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#fff9;white-space:nowrap}.hero__partners-logos{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap}.hero__partners img{height:32px;width:auto;filter:brightness(0) invert(1);opacity:.75;flex-shrink:0;-o-object-fit:contain;object-fit:contain}.btn-outlined{display:inline-flex;align-items:center;justify-content:center;backdrop-filter:blur(51px);-webkit-backdrop-filter:blur(51px);background:#ffffff1a;border:1.6px solid rgba(255,255,255,.85);color:var(--white);font-family:var(--font-body);font-size:clamp(16px,1.8vw,22px);line-height:1.4;padding:18px 52px;border-radius:64px;transition:background .2s,transform .15s;white-space:nowrap}.btn-outlined:hover{background:#ffffff2e;transform:translateY(-2px)}.btn-outlined:active{transform:translateY(0)}.value-prop{padding:100px var(--gutter);text-align:center}.value-prop__headline{font-family:var(--font-display);font-weight:400;font-size:clamp(36px,3.9vw,56px);text-transform:uppercase;line-height:1.2;margin-bottom:28px}.value-prop__body{font-family:var(--font-body);font-size:clamp(18px,1.7vw,24px);line-height:1.45;max-width:800px;margin-inline:auto;opacity:.9}.exhibits{padding:0 var(--gutter) 120px}.exhibits__grid{position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:auto;-moz-column-gap:32px;column-gap:32px;align-items:start}.exhibits__card--center{grid-column:2;grid-row:1}.exhibits__card--left{grid-column:1;grid-row:1;padding-top:235px}.exhibits__card--right{grid-column:3;grid-row:1;padding-top:235px}.exhibits__card{display:flex;flex-direction:column;gap:28px}.exhibits__img-wrap{border-radius:16px;overflow:hidden;aspect-ratio:390 / 470}.exhibits__img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .5s ease}.exhibits__card:hover .exhibits__img-wrap img{transform:scale(1.04)}.exhibits__label{font-family:var(--font-display);font-weight:400;font-size:clamp(22px,2.4vw,34px);text-transform:uppercase;line-height:1.2}.exhibits__institute{font-family:var(--font-label);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.45;margin-top:-12px}.exhibits__desc{font-family:var(--font-body);font-size:clamp(16px,1.4vw,20px);line-height:1.45;opacity:.85}.campus-gallery{padding:0 var(--gutter) 80px}.campus-gallery__caption{font-family:var(--font-body);font-size:clamp(16px,1.4vw,20px);text-align:center;opacity:.85;margin-bottom:28px}.campus-gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campus-gallery__item{position:relative;overflow:hidden;border-radius:8px;background:var(--bg);clip-path:inset(0 round 8px)}.campus-gallery--hover-enabled .campus-gallery__item{cursor:pointer}.campus-gallery__item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transform:scale(1.01);transform-origin:center;transition:transform .5s ease;backface-visibility:hidden}.campus-gallery--hover-enabled .campus-gallery__item:hover img{transform:scale(1.06)}.campus-gallery__item:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,#000000bf,#0000 45%);opacity:0;transition:opacity .35s ease;pointer-events:none}.campus-gallery--hover-enabled .campus-gallery__item:hover:after{opacity:1}.campus-gallery__label{position:absolute;left:16px;bottom:14px;z-index:1;font-family:var(--font-label);font-size:15px;font-weight:500;letter-spacing:.02em;color:var(--white);opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .35s ease;pointer-events:none}.campus-gallery--hover-enabled .campus-gallery__item:hover .campus-gallery__label{opacity:1;transform:translateY(0)}.campus-gallery__main img{width:100%;height:100%}.campus-gallery__thumbs{display:grid;grid-template-columns:1fr 1fr;gap:12px}.campus-gallery__thumbs .campus-gallery__item{aspect-ratio:4 / 3}.eventbrite{padding:80px var(--gutter)}.slots{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:48px 56px}.slots__heading{font-family:var(--font-display);font-weight:400;font-size:clamp(28px,2.8vw,40px);text-transform:uppercase;margin-bottom:8px;line-height:1.1}.slots__embed{margin-top:32px;border-radius:12px;overflow:hidden}.slots__subhead{font-family:var(--font-body);font-size:16px;opacity:.6;margin-bottom:36px}.slots__dates{display:flex;gap:12px;margin-bottom:32px;flex-wrap:wrap}.slots__date-btn{padding:10px 24px;border-radius:40px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#ffffffa6;font-family:var(--font-body);font-size:15px;cursor:pointer;transition:all .18s}.slots__date-btn:hover{border-color:#ffffff80;color:var(--white)}.slots__date-btn.is-active{background:var(--navy);border-color:var(--navy);color:var(--white)}.slots__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px;margin-bottom:32px}.slots__time-btn{padding:14px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.18);background:#ffffff0a;color:var(--white);font-family:var(--font-body);font-size:15px;text-align:center;cursor:pointer;transition:all .18s;position:relative}.slots__time-btn:hover:not(:disabled):not(.is-full){border-color:#fff6;background:#ffffff14}.slots__time-btn.is-selected{background:var(--navy);border-color:var(--navy);color:var(--white)}.slots__time-btn.is-full{opacity:.3;cursor:not-allowed;text-decoration:line-through}.slots__time-btn .slots__availability{display:block;font-size:11px;margin-top:4px;opacity:.6}.slots__time-btn.is-selected .slots__availability{opacity:.8}.slots__cta{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.slots__cta-label{font-family:var(--font-body);font-size:15px;opacity:0;transition:opacity .25s;color:#ffffffb3}.slots__cta-label.is-visible{opacity:1}.slots__register-btn{display:inline-flex;align-items:center;gap:8px;padding:15px 36px;background:var(--orange);color:#1a0a00;font-family:var(--font-body);font-weight:600;font-size:16px;border-radius:40px;border:none;cursor:pointer;text-decoration:none;opacity:0;transform:translateY(8px);transition:opacity .25s,transform .25s,background .18s;pointer-events:none}.slots__register-btn.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}.slots__register-btn:hover{background:#ffaa5a}@media (max-width: 768px){.slots{padding:32px 24px}.slots__grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}}.info-section{padding:56px var(--gutter)}.info-row{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:start}.info-row+.info-row{margin-top:56px}.info-row__label{font-family:var(--font-display);font-weight:400;font-size:clamp(20px,2vw,28px);text-transform:uppercase;line-height:1.2;position:sticky;top:80px}.info-row__content{display:flex;flex-direction:column;gap:0}.info-block{padding-top:28px;padding-bottom:28px;border-bottom:1px solid rgba(255,255,255,.1)}.info-block:first-child{padding-top:0}.info-block:last-child{border-bottom:none;padding-bottom:0}.info-block__title{font-family:var(--font-body);font-weight:600;font-size:18px;line-height:1.4;margin-bottom:10px}.info-block__body{font-family:var(--font-body);font-size:17px;line-height:1.65;opacity:.72}.partners__label{font-family:var(--font-label);font-size:20px;letter-spacing:-.04em;margin-bottom:20px}.partners__logos{display:flex;align-items:center;gap:48px;flex-wrap:wrap}.partners__logos img{height:48px;width:auto;max-width:100%;-o-object-fit:contain;object-fit:contain;filter:brightness(0) invert(1);opacity:.85}.footer{padding:56px var(--gutter) 44px}.footer__top{margin-bottom:40px}.footer__bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.footer__legal{display:flex;align-items:center;gap:24px;font-family:var(--font-body);font-size:16px;line-height:1.45;letter-spacing:-.01em;opacity:.7}.footer__legal a:hover{opacity:1;text-decoration:underline}.footer__social{display:flex;align-items:center;gap:20px}.footer__social a{opacity:.7;transition:opacity .2s;display:flex;align-items:center}.footer__social a:hover{opacity:1}.footer__social img{width:24px;height:24px}@media (prefers-reduced-motion: no-preference){.reveal{opacity:0;transform:translateY(28px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.1s}.reveal-d2{transition-delay:.2s}.reveal-d3{transition-delay:.3s}}.exhibits__slider,.exhibits__controls{display:none}@media (max-width: 1024px){.exhibits__card--left,.exhibits__card--right{padding-top:120px}}@media (max-width: 768px){:root{--gutter: 20px}.hero{height:100svh;min-height:580px;background-size:cover;background-position:center center}.hero__titles{top:10%;width:90%}.hero__lockup-img{width:clamp(260px,80vw,480px)}.hero__cta{bottom:11%}.btn-outlined{font-size:15px;padding:14px 28px}.exhibits__grid{display:none}.exhibits__slider{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;gap:16px;padding:0 var(--gutter) 24px;margin:0 calc(-1 * var(--gutter));scrollbar-width:none}.exhibits__slider::-webkit-scrollbar{display:none}.exhibits__slide{flex:0 0 82vw;max-width:340px;scroll-snap-align:center;display:flex;flex-direction:column;gap:20px}.exhibits__slide .exhibits__img-wrap{border-radius:14px;overflow:hidden;aspect-ratio:390 / 470}.exhibits__slide .exhibits__img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.exhibits__slide .exhibits__label{font-family:var(--font-display);font-weight:400;font-size:22px;text-transform:uppercase;line-height:1.2}.exhibits__slide .exhibits__desc{font-family:var(--font-body);font-size:16px;line-height:1.5;opacity:.85}.exhibits__controls{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:24px}.exhibits__dots{display:flex;align-items:center;gap:8px}.exhibits__dot{width:8px;height:8px;border-radius:50%;background:#ffffff40;border:none;padding:0;cursor:pointer;transition:background .2s,transform .2s}.exhibits__dot.is-active{background:var(--white);transform:scale(1.25)}.exhibits__arrow{width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#ffffff0f;color:var(--white);font-size:18px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .2s,border-color .2s;flex-shrink:0}.exhibits__arrow:hover{background:#ffffff24;border-color:#ffffff80}.exhibits__arrow:disabled{opacity:.25;cursor:not-allowed}.campus-gallery{padding:0 var(--gutter) 56px}.campus-gallery__grid{grid-template-columns:1fr}.campus-gallery__main{aspect-ratio:16 / 10}.info-row{grid-template-columns:1fr;gap:24px}.info-row__label{position:static}.info-section{padding:56px var(--gutter)}.nav__link{display:none}.footer__bottom{flex-direction:column;align-items:flex-start}.value-prop{padding:56px var(--gutter)}.partners__logos{gap:28px}.partners__logos img{height:36px}}@media (max-width: 480px){.hero{background-size:cover}.footer__bottom{flex-direction:column;align-items:flex-start}}
