/* Architecture hero for the homepage. */
body[data-concept="architecture"] .hero{background:#080d15}
body[data-concept="architecture"] .hero::before{background:none}
body[data-concept="architecture"] .hero::after{z-index:1;background:linear-gradient(90deg,#080d15 0%,#080d15f2 27%,#080d15a1 48%,#080d1514 79%),linear-gradient(0deg,#080d15a6,transparent 25%)}
body[data-concept="architecture"] .hero-inner{z-index:3}
body[data-concept="architecture"] .hero h1{max-width:950px;text-shadow:0 2px 34px #080d1580}
body[data-concept="architecture"] .hero h1 em{color:#f1e8de}
body[data-concept="architecture"] .hero-intro{color:#d0d6dd}
body[data-concept="architecture"] .field-hint{max-width:250px;line-height:1.5}
.concept-media{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.concept-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:69% center;animation:concept-drift 18s ease-in-out infinite alternate}
@keyframes concept-drift{from{transform:scale(1.015) translateX(0)}to{transform:scale(1.065) translateX(-1.2%)}}
.concept-foot{align-items:center}
@media(max-width:900px){
  body[data-concept="architecture"] .hero::after{background:linear-gradient(90deg,#080d15f5 0%,#080d15c4 41%,#080d1533 100%),linear-gradient(0deg,#080d15b5,transparent 29%)}
}
@media(max-width:700px){
  body[data-concept="architecture"] .hero::after{background:linear-gradient(0deg,#080d15 0%,#080d15d4 26%,#080d1580 56%,#080d156e 100%)}
  .concept-image img{object-position:90% center;opacity:.82}
  body[data-concept="architecture"] .hero-copy{margin-top:65px}
  body[data-concept="architecture"] .hero h1{font-size:clamp(58px,12.2vw,90px)}
  .concept-foot{display:block}
  .concept-foot>span:last-child{display:none}
  .statement-mark{display:none}
  .footer-inner{flex-direction:column;align-items:flex-start;gap:9px}
  .footer-inner>a{margin-bottom:7px}
}
@media(prefers-reduced-motion:reduce){.concept-image img{animation:none}}