/* REV10 / WORLD-CLASS INFORMATION ARCHITECTURE — preserve approved immersive systems, replace portfolio-in-scroll with project gateway */
.rev10-project-gateway{padding:clamp(100px,11vw,170px) 0;background:#f6f6f2;color:#111;overflow:hidden}.rev10-project-gateway .section-head h2{max-width:9ch}.rev10-gateway-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid rgba(5,5,5,.18);background:rgba(5,5,5,.18)}.rev10-gateway-grid>a{background:#f6f6f2;min-height:360px;padding:26px;display:flex;flex-direction:column;position:relative;overflow:hidden}.rev10-gateway-grid>a:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 78%,#ffd300 78% 84%,transparent 84%);transform:translate(25%,25%);transition:transform .45s cubic-bezier(.2,.8,.2,1)}.rev10-gateway-grid>a:hover:before{transform:translate(0,0)}.rev10-gateway-grid span{font:700 10px/1 var(--mono);color:#777}.rev10-gateway-grid h3{font:700 clamp(26px,1.9vw,34px)/.96 var(--display);overflow-wrap:normal;word-break:normal;text-transform:uppercase;max-width:8ch;margin:44px 0 14px;position:relative}.rev10-gateway-grid p{margin-top:auto;color:#666;line-height:1.5;max-width:25ch;position:relative}.rev10-gateway-action{border-top:1px solid rgba(5,5,5,.18);padding:24px 0 0;margin-top:28px;display:flex;justify-content:flex-end}.rev10-gateway-action a{background:#050505;color:white;padding:16px 18px;font:700 9px/1 var(--mono);letter-spacing:.08em;text-transform:uppercase}.rev10-gateway-action a:hover{background:#ffd300;color:#000}.primary-nav a{white-space:nowrap}
@media(max-width:1100px){.rev10-gateway-grid{grid-template-columns:1fr 1fr}}
@media(max-width:700px){.rev10-gateway-grid{grid-template-columns:1fr}.rev10-gateway-grid>a{min-height:240px}.rev10-gateway-grid h3{margin-top:28px}}