/* Static-first presentation: the engineering work remains visible without JS. */
[hidden]{display:none!important}
.hero h1{font-size:clamp(48px,5.3vw,84px);line-height:1.05}
.hero-description{max-width:570px}
.hero-art{pointer-events:none}
.hero-art #mesh{background:radial-gradient(ellipse at center,#a8753826,transparent 65%)}
.hero-art #mesh:after{content:"";position:absolute;inset:15%;border:1px solid #efa94e30;border-radius:50%;box-shadow:0 0 0 35px #efa94e05,0 0 0 70px #efa94e04;transform:rotate(-20deg)}
.principles article>span{font-size:10px;letter-spacing:.07em}
.static-case{border-top:1px solid var(--line);padding-top:18px;margin-top:20px}
.static-case summary{color:var(--accent);font-size:13px;cursor:pointer;padding:4px 0}
.static-case h4{font-size:15px;margin:24px 0 8px}
.static-case p,.static-case li{font-size:13px;line-height:1.75;min-height:0}
.static-case ul{padding-left:18px;color:var(--muted)}
.project-grid{align-items:start}
.project-info>p{min-height:0}
.evidence-links a{overflow-wrap:anywhere}
.contact .button{overflow-wrap:anywhere;max-width:100%}
.reading-mode .hero-art,.reading-mode .hero-grid,.reading-mode .hero-glow{display:none}
.reading-mode .hero{display:block;min-height:0;padding-bottom:60px}
.reading-mode .hero-copy{max-width:800px}
.reading-mode .project-art{display:none}
.reading-mode .section{padding-top:55px;padding-bottom:55px}
@media(max-width:700px){.hero h1{font-size:clamp(43px,11vw,64px)}.hero-art{min-height:430px}.contact .button{font-size:11px;gap:8px;padding:14px}.oracle-projects{grid-template-columns:1fr}.hero-foot{flex-wrap:wrap}.project-metrics{flex-wrap:wrap}}