.hero{width:min(76%,900px)}
.hero h1{font-size:64px;line-height:1.07;letter-spacing:0}
.hero p{font-size:19px;line-height:1.6;max-width:620px}
.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.hero-contact{color:#fff;text-decoration:none;font-size:15px;border-bottom:1px solid #ffffff60;padding:12px 0}
.hero-contact:hover{color:#ffb576}
.hero-facts{display:flex;gap:24px;flex-wrap:wrap;margin-top:28px;color:#c9d4de;font-size:12px}
.hero-facts span+span{border-left:1px solid #ffffff40;padding-left:24px}
.journey{height:180svh}
#solutions,#work,#contact{scroll-margin-top:110px}
.project-details{margin-top:22px;border-top:1px solid #d2a57060;text-align:left}
.project-details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 0;color:#f4c58e;cursor:pointer;font-size:14px}
.project-details summary::-webkit-details-marker{display:none}
.project-details summary span{font-size:23px;transition:transform .2s}
.project-details[open] summary span{transform:rotate(45deg)}
.project-details summary:focus-visible{outline:2px solid #ffb576;outline-offset:3px}
.project-details p{font-size:14px!important;line-height:1.7!important}
.project-details a{display:inline-block;color:#f4c58e;font-size:14px;line-height:1.6;margin:8px 0;text-underline-offset:5px}
.exhibit-copy{overflow:visible;min-width:0}
.project-exhibit{height:auto}
.magic-gate.opening,.magic-gate.opening .gate-orbit{animation-duration:.45s}
.magic-gate.closing,.magic-gate.closing .gate-orbit{animation-duration:.25s}
.magic-gate.quick.opening,.magic-gate.quick.opening .gate-orbit{animation-duration:.3s}
@media(max-width:750px){.hero{width:86%;left:7%;top:49%}.hero h1{font-size:40px}.hero p{font-size:16px}.hero p br{display:none}.hero-actions{gap:12px 20px}.hero-facts{gap:12px;font-size:11px;margin-top:20px}.hero-facts span+span{padding-left:12px}.hero .eyebrow{font-size:10px;margin-bottom:18px}.hero-contact{font-size:13px}.hero .primary{padding:15px 20px}.journey{height:160svh}.project-details p{font-size:14px!important}}
@media(max-width:380px){.hero h1{font-size:34px}.hero-facts{gap:8px}.hero-facts span+span{padding-left:8px}}
@media(prefers-reduced-motion:reduce){.journey{height:auto}.project-details summary span{transition:none}}