* { margin:0;padding:0;box-sizing:border-box;} html { font-size:16px;} @media (min-width:2560px) { html { font-size:calc(16px + .375vw);} } html, body { height:100dvh;min-width:320px;font-family:"myriad-pro",sans-serif;font-weight:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale color:#fff;position:relative;} body { margin:0;padding:0;background:url('../../img/background.webp') center center / cover no-repeat fixed;line-height:1;} body::before { content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);z-index:-1;} h1 { font-size:4.25em;text-align:center;font-family:"myriad-pro-condensed",sans-serif;color:#eeb111;} p, ul, ol, figcaption, .mobile-schedule-link { font-size:1.5em;line-height:1.2;} ul, ol { margin-left:1em;} ul li::marker { color:#eeb111;} .arc-logo { height:15em;width:auto;margin-bottom:2.5em;} .container { width:100%;max-width:1320px;margin:0 auto;padding:0 2.5em;box-sizing:content-box;} @media (min-width:2560px) { .container { max-width:calc(1320px + 34vw);} } .screensaver { position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;opacity:1;transition:opacity 1s ease;overflow:hidden;} .screensaver.hidden { opacity:0;pointer-events:none;} .screensaver .container { max-width:1440px;} body:not(.desktop) .screensaver { display:none;} .background-container { position:relative;width:100%;height:100%;overflow:hidden;background-color:#000;padding:2em;display:flex;flex-wrap:wrap;flex-direction:column;} .background-image { position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center;animation:zoomPan 30s ease-in-out infinite;} .overlay { position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0, 0, 0, 0.6);z-index:1;} .screensaver-text { z-index:2;text-align:center;width:100%;padding:0 2em;flex-grow:1;align-content:center;} .screensaver-text .arc-logo { height:25em;} .screensaver-text .arc-logo.alt-logo { height:42vh;min-height:12em;max-height:30em;max-width:100%;} .screensaver-text:has(.alt-logo-2) { } .screensaver-text .arc-logo.alt-logo-2 { margin-top:1em;height:52vh;min-height:12em;max-height:32em;max-width:100%;} .screensaver-text h1 { color:#ffffff;font-size:6em;margin-bottom:0.5em;} .screensaver-text p { color:#eeb111;font-size:clamp(1.5em, 4vh, 2em);margin-bottom:1.25em;} .screensaver-prompt { bottom:1.25em;width:100%;text-align:center;font-size:clamp(1em, 7vh, 3em);color:white;z-index:2;font-family:"myriad-pro-condensed",sans-serif;flex-grow:0;} .screensaver-prompt .icon { margin-left:auto;margin-right:auto;fill:#fff;display:block;height:1.75em;font-size:1.25em;} @keyframes zoomPan { 0% { transform:scale(1.0) translate(0%, 0%);} 50% { transform:scale(1.2) translate(-2%, -2%);} 100% { transform:scale(1.0) translate(0%, 0%);} } .nav { position:fixed;bottom:0;width:100%;background:rgba(0, 0, 0, 0.8);display:none;z-index:1001;} .nav .container { display:flex;padding:2.5em 2.5em;max-width:1600px;width:calc(100% - 5em);} @media (min-width:2560px) { .nav .container { max-width:calc(1600px + 34vw);} } .mu-logo { width:260px;margin-bottom:-20px;margin-top:-10px;height:auto;} @media (min-width:2560px) { .mu-logo { width:calc(260px + 3vw);} } .nav nav { display:flex;justify-content:space-between;width:100%;} .nav nav div { height:100%;width:2px;background-color:#eeb111;} .nav button { background:none;border:none;color:white;font-size:1em;cursor:pointer;transition:color 0.3s ease;font-family:"myriad-pro-condensed",sans-serif;text-transform:uppercase;font-weight:700;font-size:1.5em;} .nav .hamburger-menu { display:none;width:2.5em;height:2.5em;border-radius:0.5em;background-color:#666666;transition:background-color .3s ease;position:relative;z-index:1000;} .nav .hamburger-menu:hover, .nav .hamburger-menu:active, .nav .hamburger-menu:focus, .nav .hamburger-menu.active { background-color:#eeb111;} .nav .hamburger-menu span { width:26px;height:2px;margin-left:-12px;display:block;position:absolute;left:50%;background-color:#fff;-webkit-transition:background 0s ease;-moz-transition:background 0s ease;-o-transition:background 0s ease;transition:background 0s ease;border-radius:100px;font-size:0;} .nav .hamburger-menu:hover span, .nav .hamburger-menu:active span, .nav .hamburger-menu:focus span, .nav .hamburger-menu.active span { background-color:#000;} .nav .hamburger-menu span:before, .nav .hamburger-menu span:after { width:26px;height:2px;position:absolute;display:block;right:0;background-color:#fff;content:'';-webkit-transition-duration:0.3s, 0.3s;-moz-transition-duration:0.3s, 0.3s;-o-transition-duration:0.3s, 0.3s;transition-duration:0.3s, 0.3s;-webkit-transition-delay:0.3s, 0s;-moz-transition-delay:0.3s, 0s;-o-transition-delay:0.3s, 0s;transition-delay:0.3s, 0s;border-radius:100px;} .nav .hamburger-menu:hover span:before, .nav .hamburger-menu:active span:before, .nav .hamburger-menu:focus span:before, .nav .hamburger-menu.active span:before, .nav .hamburger-menu:hover span:after, .nav .hamburger-menu:active span:after, .nav .hamburger-menu:focus span:after, .nav .hamburger-menu.active span:after { background-color:#000;} .nav .hamburger-menu span:before { top:-7px;-webkit-transition-property:top, transform;-moz-transition-property:top, transform;-o-transition-property:top, transform;transition-property:top, transform;} .nav .hamburger-menu span:after { bottom:-7px;-webkit-transition-property:bottom, transform;-moz-transition-property:bottom, transform;-o-transition-property:bottom, transform;transition-property:bottom, transform;} .nav .hamburger-menu.active span { margin-left:-12.5px;background:none;} .nav .hamburger-menu.active span:before { top:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);} .nav .hamburger-menu.active span:after { bottom:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);} .nav .hamburger-menu.active span:before, .nav .hamburger-menu.active span:after { -webkit-transition-delay:0s, 0.3s;-moz-transition-delay:0s, 0.3s;-o-transition-delay:0s, 0.3s;transition-delay:0s, 0.3s;background-color:#1C1F22;} @media print, screen and (min-width:48em){ .nav button, .mu-logo { font-size:2em;} .nav .hamburger-menu { width:1.875em;height:1.875em;border-radius:0.375em;} } @media print, screen and (min-width:85em){ .nav button, .mu-logo { font-size:2.625em;} } .nav button:hover, .nav button:focus, .nav button:active, .nav button.active, .mobile-nav button:hover, .mobile-nav button:focus, .mobile-nav button:active, .mobile-nav button.active { color:#eeb111;} .mobile-nav { display:none;} .section { display:none;align-items:center;padding:2em 0 0;border-bottom:10em solid transparent;min-height:100%;overflow-y:auto;} .section:has(.copy-content) { overflow-y:initial;} @media (min-width:2560px) { .section { padding-top:calc(2em + 2vw);} } .section.active { display:flex;} .section .container { height:100%;padding-top:2.5em;padding-bottom:2.5em;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;} .section ul { margin-bottom:0.625em;} .section .container ul li { margin-bottom:0.375em;} .section .container .arc-logo { height:12em;margin-top:-3em;margin-bottom:1.5em;max-width:100%;} .section h1 { width:100%;margin-bottom:.625em;} .section h2 { line-height:1.1;font-size:2.5em;margin-bottom:.375em;} .section p, .section ul { line-height:1.6;margin-bottom:1.125em;} .section p:last-child, .section ul:last-child { margin-bottom:0;} .container:has(.ui-buttons > a:nth-child(5):last-child) { max-width:1000px;} .ui-buttons { display:flex;justify-content:center;flex-wrap:wrap;gap:2em;margin-top:0;width:100%;} .ui-button { width:10.25em;height:9.125em;padding:0em .75em .25em;border:4px solid #eeb111;background-color:white;color:#000;text-decoration:none;border-radius:1em;font-weight:600;font-size:1.5em;transition:background-color 0.3s, color 0.3s;text-align:center;display:flex;align-content:center;justify-content:center;flex-wrap:wrap;} .ui-button span { display:block;margin-top:.325em;width:100%;transform:translateZ(0);} .ui-button .icon { font-size:1em;height:4.75em;width:6em;transform:translateZ(0);} #services { position:relative;overflow:hidden;} .section:has(.copy-content) { height:100%;} .section:has(.copy-content) .container { padding-top:0;padding-bottom:0;} .copy-content { background-color:rgba(255, 255, 255, 0.95);width:100%;height:100%;margin:0 auto;padding-left:3em;padding-right:3em;overflow-y:auto;} .copy-content > div { min-height:100%;align-content:center;} .copy-content > *:first-child { padding-top:2.5rem;padding-bottom:2.5rem;} .copy-content * { color:#333;} .copy-content h1 { text-align:center;color:#000;margin-bottom:.375em;} .copy-content ul { margin-top:1em;margin-left:1em;} .copy-content ul li a { text-decoration:underline;} .info-blocks { display:grid;grid-template-columns:1fr 1fr 1fr;gap:1.5em;margin-top:2.5em;} .info-blocks > * { background-color:#e8e8e8;font-size:.75em;padding:3em;} @media screen and (orientation:portrait), (max-width:1440px) { .info-blocks { grid-template-columns:1fr;grid-template-rows:1fr 1fr 1fr;justify-items:center;} .mobile .info-blocks, .tablet .info-blocks{ display:block;justify-items:normal;margin-top:0;} .info-blocks > * { max-width:48em;} .mobile .info-blocks > *, .tablet .info-blocks > * { padding:0;background:none;max-width:none;flex-wrap:nowrap;column-gap:1.5em;margin-bottom:1.5em;} } @media screen and (orientation:portrait), (max-width:960px) { .mobile .info-blocks > *, .tablet .info-blocks > * { flex-wrap:wrap;column-gap:0;margin-bottom:0;} } .info-blocks img { max-width:100%;height:auto;} .info-blocks p, .info-blocks ul { line-height:1.25;margin-bottom:.75em;margin-top:0;} .info-blocks h2 { line-height:1.25;font-size:1.5em;} .contact-block { display:flex;flex-wrap:wrap;align-content:space-around;} .contact-section { display:grid;grid-template-columns:1fr 2.5fr;gap:1em;align-items:center;} .mobile .contact-section, .tablet .contact-section { width:100%;margin-bottom:.25em;margin-top:.25em;display:block;} .desktop a[href^="tel"], .desktop a[href^="mailto"], .tablet a[href^="tel"] { text-decoration:none;pointer-events:none;} @media screen and (orientation:portrait), (max-width:1440px) { .mobile .contact-section, .tablet .contact-section { margin-top:0;margin-bottom:1.5em;} } .mobile-contact-links { display:none;} .mobile .mobile-contact-links, .tablet .mobile-contact-links { display:block;} .contact-section .icon, .contact-section img { max-width:100%;} .mobile .contact-section .icon, .tablet .contact-section .icon, .mobile .contact-section img, .tablet .contact-section img, .mobile .mobile-contact-links + p, .tablet .mobile-contact-links + p { display:none;} .contact-section .icon { fill:#eeb111;height:6em;overflow:visible;} .contact-section .icon use { transform:scale(1.5);transform-origin:center;} .contact-section img { border:.25em solid #eeb111;height:auto;padding:.25em;background-color:#fff;} .contact-content { margin-right:-.5em;} .photo-block { background-color:#000;color:#fff;text-align:center;display:flex;flex-wrap:wrap;flex-direction:column;} .photo-block img { max-width:calc(100% + 6em);margin:-3em -3em 3em;} .photo-block figcaption { flex-grow:1;align-content:center;color:#fff;} @media screen and (orientation:portrait), (max-width:1440px) { .mobile .copy-content:has(.info-blocks), .tablet .copy-content:has(.info-blocks) { position:relative;} .mobile .copy-content:has(.info-blocks) > *:first-child, .tablet .copy-content:has(.info-blocks) > *:first-child { padding-top:12rem;} .mobile .photo-block, .tablet .photo-block { position:absolute;top:3em;display:block;height:12em;width:12em;left:50%;margin-left:-6em;border-radius:100%;border:6px solid #fff;outline:4px solid #eeb111;overflow:hidden;} .mobile .photo-block figcaption, .tablet .photo-block figcaption { display:none;} } @media screen and (orientation:portrait), (max-width:960px) { .mobile .photo-block, .tablet .photo-block { top:2em;height:9em;width:9em;margin-left:-4.5em;} } .qr-block { display:flex;flex-wrap:wrap;flex-direction:column;text-align:center;justify-content:center;align-items:center;width:100%;} .qr-block img { width:100%;border:3em solid #ffffff;margin-bottom:2em;} .schedule-qr-text { font-size:2.5em;text-transform:uppercase;font-weight:700;align-content:center;line-height:1;position:relative;z-index:5;width:fit-content;} .schedule-qr-text:before { content:'';background-image:url('../../img/qr-arrow.svg');display:block;position:absolute;background-size:100% 100%;height:3.5em;width:1.75em;bottom:50%;left:-2em;} .schedule-qr-text.qr-schedule span { font-size:1.2em;} .schedule-qr-text.qr-schedule span:first-child { letter-spacing:.045em;} .schedule-qr-text.qr-drop-in span:first-child { font-size:1.17em;letter-spacing:.04em;} .schedule-qr-text.qr-drop-in span:last-child { font-size:1.1em;} .schedule-qr-text.qr-resources span { font-size:1.2em;} .mobile-schedule-link { display:none;border:4px solid #eeb111;width:100%;padding:.75em;font-weight:600;text-transform:uppercase;text-decoration:none;letter-spacing:.04em;border-radius:.75em;line-height:1.05;transition:background-color 0.3s ease;text-align:center;} .mobile-schedule-link:hover, .mobile-schedule-link:active, .mobile-schedule-link:focus { background-color:#eeb111;} .mobile .mobile-schedule-link, .tablet .mobile-schedule-link { display:inline-block;} .mobile .qr-block img, .tablet .qr-block img, .mobile .qr-block .schedule-qr-text, .tablet .qr-block .schedule-qr-text { display:none;} .specList { margin-bottom:.5em;list-style:none;padding-left:0;column-count:2;column-gap:1em;font-size:1.5em;} .copy-content .specList { margin-top:1.5em;} @media screen and (orientation:portrait), (max-width:1440px) { .specList { column-count:1;column-gap:0;} } .specList li { position:relative;padding-left:2.5em;break-inside:avoid;-webkit-column-break-inside:avoid;} .specList li::before { width:2em;height:2em;content:' ';background-image:url('data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20id%3D%22Layer_1%22%20data-name%3D%22Layer%201%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22.5421134in%22%20height%3D%22.542118in%22%20viewBox%3D%220%200%2039.0321637%2039.0324981%22%3E%3Cdefs%3E%3Cstyle%3E%20%20%20%20%20%20.cls-1%20%7B%20%20%20%20%20%20%20%20fill%3A%20%23eeb111%3B%20%20%20%20%20%20%20%20stroke-width%3A%200px%3B%20%20%20%20%20%20%7D%20%20%20%20%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cpath%20class%3D%22cls-1%22%20d%3D%22M19.5152459%2C0C17.4603842%2C13.4944533%2C13.4941921%2C17.4606454%2C0%2C19.5162491c13.4941921%2C2.0556036%2C17.4603842%2C6.0217957%2C19.5152459%2C19.5162491%2C2.0559693-13.4944533%2C6.0223495-17.4606454%2C19.5169178-19.5162491-13.4945683-2.0556036-17.4609485-6.0217957-19.5169178-19.5162491Z%22%2F%3E%3C%2Fsvg%3E');background-size:contain;background-repeat:no-repeat;background-position:center;display:block;position:absolute;left:0;top:.05em;} .specList li h2 { font-size:1.6666666em;margin-bottom:.1875em;} .specList li p { font-size:1em;margin-top:-.25em;} .ui-button { position:relative;overflow:hidden;z-index:0;transition:color 0.5s ease;} .ui-button::before { content:"";position:absolute;top:-25%;left:-25%;width:200%;height:200%;background:#eeb111;transform:translate(-100%, -100%) rotate(45deg);transition:transform .75s ease;z-index:-1;} .ui-button:hover::before, .ui-button:focus::before { transform:translate(0, 0) rotate(45deg);} .ui-button svg { fill:#000;transition:fill .75s ease;} .ui-button:hover svg, .ui-button:focus svg { fill:white;} #back-button { font-size:1.5em;padding:0.625em 1.5em;border:none;border-radius:0.5em;z-index:9999;cursor:pointer;display:flex;align-items:center;color:#fff;background-color:#666666;transition:color .3s ease, background-color .3s ease;align-self:center;} #back-button.disabled { color:#000;} #back-button:not(.disabled):hover, #back-button:not(.disabled):active, #back-button:not(.disabled):focus { background-color:#eeb111;color:#000;} .mobile #back-button, .table #back-button { display:none;} #back-button .icon { height:.75em;width:.75em;font-size:1em;margin-right:.375em;margin-left:-.25em;fill:#fff;transition:fill .3s ease;} #back-button.disabled .icon { fill:#000;} #back-button:not(.disabled):hover .icon, #back-button:not(.disabled):active .icon, #back-button:not(.disabled):focus .icon { fill:#000;} @keyframes subtle-rotate { 0% { transform:rotate(0deg);} 25% { transform:rotate(2deg);} 50% { transform:rotate(-2deg);} 75% { transform:rotate(2deg);} 100% { transform:rotate(0deg);} } .screensaver-prompt .icon { animation:subtle-rotate 5s infinite ease-in-out;transform-origin:center;} #idleOverlay { opacity:0;pointer-events:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);color:#fff;text-align:center;padding:2em;z-index:9999;transition:opacity 1s ease;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;flex-direction:column;box-sizing:content-box;} #idleOverlay.show { opacity:1;pointer-events:auto;transition:none;} .mobile #idleOverlay, .tablet #idleOverlay { display:none;} #idleOverlay .countdown { font-variant-numeric:tabular-nums;} #cancelTimeoutButton { font-size:1.5em;font-family:"myriad-pro-condensed",sans-serif;font-weight:700;padding:0.625em 1.5em;border:none;border-radius:0.5em;z-index:9999;cursor:pointer;display:flex;align-items:center;color:#fff;background-color:#666666;margin-top:1.5em;text-transform:uppercase;transition:color .3s ease, background-color .3s ease;} #cancelTimeoutButton:hover, #cancelTimeoutButton:active, #cancelTimeoutButton:focus { background-color:#eeb111;color:#000;} @media (max-width:1660px) { h1 { font-size:4em;} .nav nav { justify-content:space-around;} #back-button { text-indent:-1000px;padding-left:.875em;padding-right:.875em;} #back-button .icon { margin:0;} .mu-logo { width:180px;} } @media (max-width:1080px) { .mobile .nav nav, .table .nav nav { flex-direction:row-reverse;} #back-button { margin-right:1em;} .nav button { display:none;} .nav .hamburger-menu { display:block;margin-right:1em;} .mobile .nav .hamburger-menu, .tablet .nav .hamburger-menu { margin-left:1em;margin-right:0;} .mobile-nav { position:fixed;top:0;width:100%;background:rgba(0, 0, 0, 0.8);opacity:0;pointer-events:none;z-index:1000;} .mobile-nav, .mobile-nav nav { width:100%;height:100%;display:flex;} .mobile-nav.open { opacity:1;pointer-events:auto;} .mobile-nav nav { flex-wrap:wrap;align-content:center;} .mobile-nav button { width:100%;padding:.375em;cursor:pointer;font-size:2em;font-family:"myriad-pro-condensed",sans-serif;text-transform:uppercase;color:#fff;font-weight:700;background:none;border:none;} .mu-logo { margin-left:auto;} .mobile .mu-logo, .table .mu-logo { margin-left:0;margin-right:auto;} .nav nav div { display:none;} .section h2 { font-size:1.875em;} .specList li p { font-size:.8em;} .specList li h2 { font-size:1.25em;} } @media (max-width:960px) { h1 { font-size:3em;} p, ul, ol, figcaption, .mobile-schedule-link { font-size:1.2em;} .info-blocks > * { font-size:1em;padding:3em;} .section h2 { font-size:1.5em;} .specList li h2 { font-size:1em;} } @media (max-width:580px) { h1 { font-size:2.25em;} .nav .container { padding:1em;width:calc(100% - 2em);} .section { padding-top:0;} .section .container { padding-left:1em;padding-right:1em;} .section .container .arc-logo { height:9em;margin-top:-1em;} .copy-content { padding-left:1.5em;padding-right:1.5em;} .info-blocks > * { padding:1.5em;} .photo-block img { max-width:calc(100% + 3em);margin:-1.5em -1.5em 1.5em;} .schedule-qr-text { font-size:1.375em;} .qr-block img { margin-bottom:1.5em;} .mobile-nav button { font-size:1.5em;} } @media (max-width:420px) { p, ul, ol, figcaption, .mobile-schedule-link { font-size:1em;} .specList li p { font-size:.66666666666em;} }