/* Composition follows the approved Matrix Vault concept. */
header{height:15%;max-height:145px;padding:0 4.75%;border:0;gap:30px}header .brand{letter-spacing:4px;font-weight:500;font-size:12px}header .monogram{font-size:45px}header nav{gap:32px;font-size:11px;letter-spacing:1px}header nav a span{display:none}.motion{position:fixed;right:18px;bottom:16px;z-index:12;background:#04100be6;backdrop-filter:blur(10px);padding:10px 13px}.hero{height:100svh;min-height:650px;max-height:1200px}.environment{inset:-1%;background-image:url('assets/matrix-vault-approved.png');background-position:center;background-size:cover;transform:translate(var(--px,0px),var(--py,0px)) scale(1.015);animation:scene-breathe 18s ease-in-out infinite alternate}.vignette{background:linear-gradient(90deg,#0008,transparent 48%),linear-gradient(0deg,#02080535,transparent 25%)}.hero-copy{padding:0;position:absolute;left:4.75%;top:25.6%;width:44%;pointer-events:none}.eyebrow{font-size:clamp(9px,.8vw,14px);letter-spacing:4px;line-height:1.5;color:#83ffc2;white-space:nowrap}h1{font-family:Orbitron,Arial,sans-serif;font-weight:900;font-size:clamp(62px,5.5vw,102px);line-height:1.04;letter-spacing:-4px;color:#f5fff9;margin:24px 0 26px;text-shadow:0 0 4px #a8ffd030;transform:scaleX(1.08);transform-origin:left center}.intro{font-size:clamp(12px,1.1vw,19px);letter-spacing:3px;line-height:1.65;color:#e0e8e2;margin:0 0 32px;white-space:nowrap}.actions{gap:25px;flex-wrap:nowrap}.actions .button{height:53px;padding:0 25px;font-size:12px;letter-spacing:1.5px;font-weight:600}.actions .primary{min-width:240px}.actions .secondary{min-width:165px;justify-content:center;border:1px solid #80ffc0;background:#010b0560}.hero-projects{position:absolute;bottom:5%;left:4.75%;right:4.75%;display:grid;grid-template-columns:1fr 1fr;gap:4.5%;z-index:3}.hero-project{padding:0;display:flex;align-items:center;height:110px;border:1px solid #a3f2bd45;background:#010a06b8;backdrop-filter:blur(10px);text-align:left;transition:border-color .25s,transform .25s}.hero-project:hover{border-color:#75ffb2;transform:translateY(-4px)}.hero-thumb{display:block;width:38%;height:100%;flex-shrink:0;background-image:url('assets/concept-reference.webp');background-repeat:no-repeat;border-right:1px solid #92c5a12b}.thumb-friends{background-size:625% 840%;background-position:5.65% 94.5%}.thumb-agent{background-size:625% 840%;background-position:61.9% 94.5%}.hero-project-text{padding:0 24px;letter-spacing:3px;font-size:13px;line-height:1.5}.hero-project-text small{display:block;color:#66ffae;font:10px 'IBM Plex Mono',monospace;letter-spacing:2px;margin-top:10px}.hero-arrow{margin-left:auto;margin-right:25px;font-size:25px;font-weight:400}.hero::after{inset:45% -20% 12%;background:radial-gradient(ellipse at 65% 70%,#8affad25,transparent 55%)}@keyframes scene-breathe{from{scale:1}to{scale:1.025}}.paused .environment{animation-play-state:paused!important}.paused::after,.paused .hero::after{animation-play-state:paused!important}
@media(min-aspect-ratio:2/1){.hero{min-height:720px}.environment{background-position:center 45%}.hero-copy{top:24%}}
@media(max-width:1100px) and (min-width:701px){.hero{min-height:650px}.environment{background-position:60% center}header .brand>span:last-child{display:block;font-size:9px;letter-spacing:2px}header nav{gap:20px;font-size:10px}.hero-copy{width:48%;top:28%}h1{font-size:6.1vw}.intro{font-size:12px;letter-spacing:1.4px}.actions{gap:15px}.actions .button{min-width:0;font-size:10px;padding:0 20px}.hero-project{height:90px}.hero-project-text{padding:0 15px;font-size:10px;letter-spacing:2px}.hero-project-text small{font-size:8px;letter-spacing:1px}.hero-arrow{margin-right:12px}.eyebrow{letter-spacing:2px}}
@media(max-width:700px){header{height:90px;max-height:none;padding:0 6%;gap:15px}header .brand>span:last-child{display:none}header nav{gap:17px;font-size:9px;letter-spacing:0}header .monogram{font-size:35px}.hero{height:1000px;min-height:100svh;max-height:none}.environment{inset:0;background-size:auto 740px;background-position:64% bottom;background-repeat:no-repeat;background-color:#020805}.vignette{background:linear-gradient(180deg,#010705 0%,#010705ed 20%,#01070580 40%,transparent 65%,#01070580 100%)}.hero-copy{left:6%;top:145px;width:88%}.eyebrow{font-size:9px;letter-spacing:2px}h1{font-size:clamp(45px,11vw,75px);letter-spacing:-2px;margin:24px 0;transform:scaleX(1.04)}.intro{font-size:11px;letter-spacing:1px;white-space:normal;margin-bottom:25px}.actions{gap:12px}.actions .button{font-size:9px;min-width:0;padding:0 18px;height:46px;letter-spacing:1px}.hero-projects{left:6%;right:6%;bottom:30px;grid-template-columns:1fr;gap:12px}.hero-project{height:76px}.hero-thumb{width:30%}.hero-project-text{font-size:10px;padding:0 17px;letter-spacing:2px}.hero-project-text small{font-size:8px;margin-top:5px}.hero-arrow{font-size:20px;margin-right:20px}.motion{bottom:8px;right:8px;font-size:8px}.hero::after{inset:45% -20% 15%}}
@media(prefers-reduced-motion:reduce){.environment{animation:none;scale:1}}