/* Original architectural sculpture: limestone, graphite and a red gateway. */
.logo{width:190px;height:66px;flex:0 0 190px}.logo img{width:544px;left:-55px;top:-199px}
.architecture-hero{position:relative;isolation:isolate;grid-template-columns:46% 54%;min-height:700px;min-height:min(820px,calc(100svh - 103px));background:#f7f5f1;overflow:hidden;border-bottom:1px solid #e7e3dd}
.architecture-hero .hero-copy{position:relative;z-index:2;padding:clamp(45px,6vw,90px) 11% 30px;justify-content:center}
.architecture-hero h1{font-size:clamp(38px,4.3vw,66px);line-height:1.45}.architecture-hero .intro{max-width:420px}.architecture-hero .hero-foot{margin-top:30px;padding-top:40px;border-top:1px solid #dcd7cf;flex-wrap:wrap;row-gap:6px}
.architecture-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;min-height:650px;direction:ltr;background:radial-gradient(ellipse at 50% 45%,#fffdf9 0%,#f7f5f100 70%)}
.architecture-art{width:120%;flex-shrink:0;transform:translate3d(var(--art-x,0px),var(--art-y,0px),0);transition:transform 1.4s cubic-bezier(.2,.7,.2,1);pointer-events:none}.architecture-art svg{display:block;width:100%;height:auto;overflow:visible}
.architecture-volume{animation:architecture-breathe 10s ease-in-out var(--delay,0s) infinite}.architecture-gateway>.architecture-volume,.architecture-gateway g .architecture-volume{animation:none}.architecture-gateway{animation:architecture-breathe 10s ease-in-out -3.6s infinite}.architecture-trace{animation:architecture-orbit 24s linear infinite}
.architecture-caption{position:absolute;bottom:36px;left:8%;right:8%;display:flex;justify-content:space-between;align-items:center;gap:14px;font:9px Archivo,sans-serif;letter-spacing:1.7px;color:#77716a}.architecture-caption>span:first-child{font-size:12px;letter-spacing:1px;color:#242424}.architecture-caption .red{color:#ed1c24}
#architecture-motion{position:absolute;right:25px;top:25px;width:36px;height:36px;border:1px solid #dcd7cf;border-radius:50%;display:grid;place-items:center;font:13px Arial;color:#746f69;background:#ffffff75}#architecture-motion:hover{color:#ed1c24;border-color:#ed1c24}
.architecture-stage.is-paused *{animation-play-state:paused!important}.architecture-stage.is-paused .architecture-art{transform:none}
@keyframes architecture-breathe{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes architecture-orbit{to{stroke-dashoffset:-1760}}
@media(max-width:1000px){.architecture-hero{grid-template-columns:48% 52%;min-height:620px}.architecture-stage{min-height:620px}.architecture-hero .hero-copy{padding-inline:9%}.architecture-caption{flex-direction:column;align-items:flex-start;font-size:8px}.architecture-hero h1{font-size:40px}}
@media(max-width:700px){.architecture-hero{display:flex;flex-direction:column;min-height:0}.architecture-hero .hero-copy{padding:40px 6% 16px}.architecture-hero h1{font-size:clamp(34px,8.7vw,46px)}.architecture-hero .intro{margin:18px 0 22px}.architecture-hero .hero-foot{display:none}.architecture-stage{min-height:0;height:410px;overflow:hidden}.architecture-art{width:min(115%,530px);margin-top:-20px}.architecture-caption{bottom:22px;left:6%;right:6%;flex-direction:row;align-items:center;font-size:7px;letter-spacing:.6px}#architecture-motion{top:14px;right:20px}}
@media(prefers-reduced-motion:reduce){.architecture-stage *{animation:none!important}.architecture-art{transform:none!important;transition:none}#architecture-motion{display:none}}
