@import url("palette.css");
/* Aon Center: the opening journey and an invitation to explore MERGE. */
.cinema{height:2460vh}
.image-space,.perspective-copy,.ambient-light,.hero-vignette{display:none!important}
.aon-journey{position:absolute;inset:0;z-index:7;overflow:hidden;background:var(--merge-dark-green);isolation:isolate}
.aon-poster,.aon-idle,.aon-frames,.aon-arrival,.aon-shade,.aon-occlusion{position:absolute;inset:0;width:100%;height:100%}
.aon-poster,.aon-idle{object-fit:cover}
.aon-idle{z-index:2}.aon-frames{z-index:1}
.aon-office-loop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:3;opacity:0;pointer-events:none}
.aon-office-loop.is-playing{opacity:1;transition:opacity .65s ease}
@media(prefers-reduced-motion:reduce){.aon-office-loop{display:none;transition:none}}
.aon-shade{z-index:5;background:linear-gradient(90deg,color-mix(in srgb, var(--merge-dark-green) 65.098%, transparent),transparent 82%),linear-gradient(0deg,color-mix(in srgb, var(--merge-dark-green) 70.196%, transparent),transparent 80%);pointer-events:none}
.aon-occlusion{background:var(--merge-dark-green);z-index:4;opacity:0;pointer-events:none}
/* The real office film supplies the glass, logos, reflections and opening doors. */
.aon-journey[data-phase="arrival"] .aon-shade{opacity:calc(.24 + var(--arrival-title,0)*.76)}
.aon-journey[data-phase="arrival"] .aon-shade:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,color-mix(in srgb, var(--merge-dark-green) 72.157%, transparent) 0%,color-mix(in srgb, var(--merge-dark-green) 47.843%, transparent) 60%,color-mix(in srgb, var(--merge-dark-green) 25.098%, transparent) 100%),linear-gradient(0deg,color-mix(in srgb, var(--merge-dark-green) 65.098%, transparent) 0%,transparent 100%);opacity:var(--arrival-title,0)}
.aon-statement{position:absolute;left:5vw;right:5vw;top:50%;translate:0 -50%;z-index:6;margin:0;opacity:0;visibility:hidden;font:400 clamp(48px,7.4vw,124px)/1.04 Epilogue,sans-serif;letter-spacing:-.065em;pointer-events:none;text-wrap:balance}
.aon-statement span,.aon-statement em{display:block}
.aon-statement em{font:300 italic 1.1em/1.04 Fraunces,Georgia,serif;letter-spacing:-.065em;color:var(--acid);margin-top:.08em}
.aon-statement-long{font-size:clamp(42px,5.8vw,96px)}
.aon-statement .aon-support{max-width:900px;margin-top:24px;font:400 clamp(22px,2.5vw,38px)/1.3 Epilogue,sans-serif;letter-spacing:-.035em;color:var(--paper)}
/* A small signature gives the invitation and destinations room to breathe. */
.aon-statement.aon-finale{left:6vw;right:6vw;max-width:1240px;margin-inline:auto;height:auto;text-align:left;font:400 16px/1.4 Epilogue,sans-serif;letter-spacing:0;text-wrap:initial}
.aon-finale .aon-signature{display:flex;align-items:center;gap:18px;margin:0 0 26px}
.aon-finale .aon-brand-plate{padding:10px 12px;background:var(--paper);border-radius:2px}
.aon-reveal-logo{position:relative;width:104px;aspect-ratio:640/170;overflow:hidden}
.aon-reveal-logo img{position:absolute;display:block;width:162.8125%;max-width:none;height:auto;left:-31.5625%;top:-72.9412%;filter:url(#aon-logo-ink)}
.aon-finale .aon-signature-copy{font:500 15px/1.3 Epilogue,sans-serif;letter-spacing:-.025em;color:var(--paper)}
.aon-finale .aon-question{margin:0;color:var(--paper);font:400 clamp(58px,6.6vw,104px)/1.04 Epilogue,sans-serif;letter-spacing:-.065em}
.aon-finale .aon-question em{margin:0;font:300 italic 1.13em/1.06 Fraunces,Georgia,serif;letter-spacing:-.06em;color:var(--paper)}
.aon-explore{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:36px;margin-top:36px;pointer-events:auto}
.aon-explore-link{position:relative;display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:90px;padding:18px 0;border-top:1px solid color-mix(in srgb, var(--merge-warm-gray) 32.157%, transparent);color:var(--paper)}
.aon-explore-link:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:var(--acid);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.aon-explore-title{font:500 clamp(17px,1.55vw,23px)/1.25 Epilogue,sans-serif;letter-spacing:-.035em;transition:color .25s}
.aon-explore-note{margin-top:7px;color:color-mix(in srgb, var(--merge-warm-gray) 72.157%, transparent);font:400 12px/1.45 Epilogue,sans-serif;letter-spacing:0}
.aon-finale .aon-explore-arrow{flex:none;font:400 25px/1 Epilogue,sans-serif;color:var(--acid);transition:transform .3s ease}
.aon-explore-link:hover:before,.aon-explore-link:focus-visible:before{transform:scaleX(1)}
.aon-explore-link:hover .aon-explore-title{color:var(--acid)}
.aon-explore-link:hover .aon-explore-arrow{transform:translate(3px,-3px)}
.aon-explore-link:focus-visible,.aon-contact-cta:focus-visible{outline:2px solid var(--acid);outline-offset:6px}
.aon-explore-contact{display:flex;align-items:center;border-top:1px solid color-mix(in srgb, var(--merge-warm-gray) 32.157%, transparent);min-height:90px;padding:16px 0}
.aon-contact-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;width:100%;max-width:290px;min-height:54px;padding:7px 7px 7px 22px;border-radius:100px;background:var(--acid);color:var(--merge-dark-green);font:500 16px/1.3 Epilogue,sans-serif;letter-spacing:-.025em;transition:background .25s}
.aon-contact-cta span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--merge-dark-green);color:var(--acid);font-size:26px;transition:transform .3s}
.aon-contact-cta:hover{background:var(--merge-mint)}
.aon-contact-cta:hover span{transform:rotate(45deg)}
@media(max-width:700px){
 .aon-statement{left:6vw;right:6vw;font-size:clamp(36px,10.4vw,66px);line-height:1.06}
 .aon-statement-long{font-size:clamp(32px,9.2vw,46px)}
 .aon-statement em{line-height:1.08}
 .aon-statement .aon-support{max-width:100%;margin-top:20px;font-size:clamp(19px,5.2vw,26px);line-height:1.35}
 .aon-statement.aon-finale{left:6vw;right:6vw}
 .aon-finale .aon-signature{gap:14px;margin-bottom:26px}
 .aon-finale .aon-brand-plate{padding:9px 10px}
 .aon-reveal-logo{width:86px}
 .aon-finale .aon-signature-copy{font-size:12px}
 .aon-finale .aon-question{font-size:clamp(35px,10vw,66px)}
 .aon-explore{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px;margin-top:26px}
 .aon-explore-link{min-height:90px;gap:9px;padding:15px 0}
 .aon-explore-title{font-size:16px}
 .aon-explore-note{font-size:11px;line-height:1.4;margin-top:6px;max-width:15em}
 .aon-finale .aon-explore-arrow{font-size:20px}
 .aon-explore-contact{min-height:90px;padding:15px 0}
 .aon-contact-cta{gap:8px;min-height:44px;padding:6px 6px 6px 14px;font-size:13px}
 .aon-contact-cta span{width:32px;height:32px;flex:none;font-size:21px}
}
@media(max-width:360px){.aon-explore{column-gap:18px}.aon-explore-title{font-size:14px}.aon-explore-note{font-size:10px}.aon-contact-cta{padding-left:10px;font-size:12px}}
@media(max-height:600px) and (min-width:701px){
 .aon-statement{font-size:min(5.7vw,11svh)}
 .aon-statement-long{font-size:min(4.5vw,9.5svh)}
 .aon-statement .aon-support{font-size:5.2svh;margin-top:14px}
 .aon-finale .aon-signature{margin-bottom:14px;gap:14px}
 .aon-reveal-logo{width:78px}
 .aon-finale .aon-brand-plate{padding:7px 10px}
 .aon-finale .aon-signature-copy{font-size:12px}
 .aon-finale .aon-question{font-size:min(5.2vw,8.5svh)}
 .aon-explore{margin-top:20px;column-gap:24px}
 .aon-explore-link,.aon-explore-contact{min-height:68px;padding:10px 0}
 .aon-explore-title{font-size:16px}
 .aon-explore-note{font-size:10px;margin-top:4px}
 .aon-contact-cta{min-height:44px;padding:6px 6px 6px 16px;font-size:14px}
 .aon-contact-cta span{height:32px;width:32px;font-size:22px}
}
@media(prefers-reduced-motion:reduce){.aon-explore-link:before,.aon-explore-title,.aon-explore-arrow,.aon-contact-cta,.aon-contact-cta span{transition:none}}
@media(scripting:none){.aon-statement{translate:none}}
.aon-location,.aon-route,.aon-pause{position:absolute;z-index:7;bottom:7%;font-size:9px;letter-spacing:.06em}
.aon-location{left:5vw}.aon-route{left:5vw;bottom:5.2%;width:110px;height:1px;background:#ffffff50}.aon-route-fill{display:block;height:100%;background:var(--acid);transform:scaleX(0);transform-origin:left}
.aon-pause{right:5vw;bottom:auto;top:110px;padding:8px 0;border-bottom:1px solid #ffffff55}.aon-pause[hidden]{display:none}
.opening-copy{z-index:9}.scroll-invitation{z-index:9}
.static-mode .cinema{height:auto}.static-mode .viewport{display:flex;flex-direction:column}
.static-mode .opening-copy{order:-2;background:linear-gradient(color-mix(in srgb, var(--merge-dark-green) 31.373%, transparent),color-mix(in srgb, var(--merge-dark-green) 73.333%, transparent)),url('media/aon/descent-orbit-poster.webp') 48% center/cover}
.static-mode .aon-journey{order:-1;position:relative;inset:auto;overflow:visible;background:var(--merge-dark-green);padding:65px 6vw;opacity:1!important;visibility:visible!important}
.static-mode .aon-poster,.static-mode .aon-idle,.static-mode .aon-frames,.static-mode .aon-arrival,.static-mode .aon-shade,.static-mode .aon-occlusion,.static-mode .aon-pause,.static-mode .aon-route,.static-mode .aon-location{display:none}
.static-mode .aon-statement{position:relative;inset:auto;margin:0 0 70px;opacity:1!important;visibility:visible!important;transform:none!important;translate:none;font-size:clamp(36px,6vw,85px)}
.static-mode .aon-statement.aon-finale{margin:90px 0 0;font-size:16px}
@media(scripting:none){.aon-statement.aon-finale{inset:auto;height:auto;margin:90px 0 0;font-size:16px}}
@media(max-width:700px){.aon-idle{object-position:48% center}.aon-location{left:6vw;bottom:12%}.aon-route{left:6vw;bottom:10.5%;width:85px}.aon-pause{top:94px;right:6vw;font-size:8px}}