@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=IBM+Plex+Mono:wght@400;500;600&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--red:#f04436;--white:#f0f0e9;--muted:#a9aaa4;--black:#101111}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:7px}header{height:108px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff25;position:relative;z-index:5}.wordmark{display:flex;gap:12px;font-size:25px;font-weight:800;line-height:.95;letter-spacing:-1px}.wordmark small{display:block;font:500 11px 'IBM Plex Mono',monospace;letter-spacing:3px;margin-top:7px}.brand-icon{color:var(--red);font-size:50px;font-family:Arial;line-height:1}.header-note{font:12px/1.6 'IBM Plex Mono',monospace;color:var(--muted);margin-left:auto;margin-right:10%}.contact-link{font:500 13px 'IBM Plex Mono',monospace;display:flex;align-items:center;gap:28px}.contact-link span{font-size:24px;color:var(--red)}.hero{min-height:690px;height:calc(100svh - 108px);max-height:960px;position:relative;overflow:hidden;border-bottom:1px solid #ffffff25}.hero-art{position:absolute;inset:0;background:radial-gradient(ellipse at 75% 50%,#381611,transparent 60%);background-size:cover;background-position:center;transform:scale(1.035);transition:transform .2s ease-out}.hero-art.loaded{background-image:linear-gradient(90deg,#101111 0%,#10111155 40%,transparent 70%),url('hero.jpg')}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,black,transparent 75%);pointer-events:none}.hero-content{position:relative;padding:64px 5%;z-index:2}.eyebrow{font:500 12px/1.5 'IBM Plex Mono',monospace;letter-spacing:1.6px;display:flex;align-items:center;gap:12px}.redline{height:2px;width:27px;background:var(--red)}h1{font:800 clamp(84px,10.4vw,166px)/.88 'Barlow Condensed','Arial Narrow',Impact,sans-serif;letter-spacing:-.025em;margin:35px 0 36px;max-width:1000px}h1 span{color:var(--red)}.intro p{font-size:18px;line-height:1.6;color:#deded7;margin:0 0 28px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border:1px solid #ffffff66;padding:17px 21px;font:500 12px 'IBM Plex Mono',monospace;transition:background .25s,color .25s}.primary:hover{background:var(--white);color:var(--black)}.primary span{font-size:22px}.hero-bottom{position:absolute;bottom:30px;left:5%;right:5%;display:flex;justify-content:space-between;color:#b8b8b1;font:11px 'IBM Plex Mono',monospace;letter-spacing:1px}.below{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:90px 5%;align-items:center}.statement{max-width:530px}.statement .eyebrow{color:var(--red)}h2{font:700 52px/.98 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.5px;margin:22px 0}.statement>p:not(.eyebrow){font-size:16px;line-height:1.8;color:var(--muted);max-width:470px}.stage{display:block;font:11px/1.6 'IBM Plex Mono',monospace;color:var(--muted);margin-top:25px}.contact-card{background:var(--red);color:#151513;padding:28px 32px;position:relative;box-shadow:0 25px 55px #0005;transform-style:preserve-3d;transition:transform .2s ease-out;max-width:590px}.card-top,.card-bottom{display:flex;justify-content:space-between;font:500 11px 'IBM Plex Mono',monospace;gap:14px}.card-top{border-bottom:1px solid #15151366;padding-bottom:20px}.card-main{display:flex;align-items:center;gap:25px;margin:23px 0}.card-symbol{font:100px Arial}.card-main h2{font-size:40px;margin:0}.email{font-size:clamp(17px,1.8vw,26px);font-weight:600;display:inline-block;border-bottom:1px solid #15151388;padding-bottom:6px}.email:hover{border-color:transparent}.card-bottom{margin-top:28px;padding-top:20px;border-top:1px solid #15151366}.card-bottom a:hover{text-decoration:underline}footer{margin:0 5%;padding:26px 0;border-top:1px solid #ffffff25;display:flex;justify-content:space-between;gap:20px;font:10px/1.5 'IBM Plex Mono',monospace;color:var(--muted)}footer button{color:inherit;font:inherit;background:none;border:0;cursor:pointer;padding:0}
@media(max-width:800px){header{height:88px}.header-note{display:none}.wordmark{font-size:21px}.brand-icon{font-size:42px}.hero{min-height:710px;height:calc(90svh - 88px)}.hero-content{padding-top:44px}h1{font-size:clamp(78px,14vw,118px);margin:32px 0}.hero-art{background-position:62% center}.hero-art.loaded{background-image:linear-gradient(90deg,#101111cc,#10111111),linear-gradient(0deg,#101111 0%,transparent 50%),url('hero.jpg')}.below{grid-template-columns:1fr;gap:45px;padding:55px 6%}.contact-card{max-width:none}.hero-bottom{font-size:9px}.hero-bottom span:first-child{max-width:230px;line-height:1.7}footer{flex-wrap:wrap;font-size:10px}footer>span:nth-child(2){display:none}}@media(max-width:420px){.contact-card{padding:23px}.card-main{gap:13px}.card-symbol{font-size:76px}.card-main h2{font-size:34px}.card-bottom{font-size:10px}.eyebrow{font-size:10px}h1{font-size:78px}.contact-link{gap:12px;font-size:11px}}
.brand-icon,.card-symbol{filter:grayscale(1);font-size:39px}.brand-icon{filter:grayscale(1) brightness(.8) sepia(1) saturate(8) hue-rotate(325deg)}.card-symbol{font-size:77px;filter:grayscale(1) brightness(.15)}.scan{position:absolute;inset:0;pointer-events:none;background:linear-gradient(transparent 48%,#f0443633 49.8%,#ffb6ad77 50%,transparent 50.2%);background-size:100% 200%;animation:scan 7s linear infinite;mix-blend-mode:screen;opacity:.7}.cursor-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle 320px at var(--x,75%) var(--y,50%),#f0443624,transparent);mix-blend-mode:screen}.hero-content .eyebrow{animation:enter .9s .05s both}h1{animation:enter 1.1s .15s both}.intro{animation:enter 1.1s .35s both}.hero-bottom{animation:enter 1s .6s both}.hero-art{animation:art-in 1.8s ease-out both}.contact-card:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 20%,#ffffff22 45%,transparent 70%);background-size:250% 100%;pointer-events:none;opacity:0;transition:opacity .3s}.contact-card:hover:before{opacity:1;animation:shine 2s ease both}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}@keyframes enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes art-in{from{opacity:0;filter:brightness(.2)}to{opacity:1;filter:brightness(1)}}@keyframes scan{from{background-position:0 150%}to{background-position:0 -50%}}@keyframes shine{from{background-position:100% 0}to{background-position:0 0}}body.paused *,body.paused *:before{animation:none!important;transition:none!important}.paused .scan,.paused .cursor-light{display:none}.paused .reveal{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before{animation:none!important;transition:none!important}.scan,.cursor-light{display:none}.reveal{opacity:1;transform:none}}
/* Interactive 3D repair study */
#scene{position:absolute;width:62%;height:100%;right:-3%;top:0;z-index:1;pointer-events:none}#scene canvas{display:block;width:100%;height:100%}.hero.has-3d{background:radial-gradient(ellipse at 77% 50%,#38211d 0%,#141515 43%,#101111 74%)}.has-3d .hero-art{opacity:0;animation:none}.has-3d .scan{display:none}.hero-content{pointer-events:none}.hero-content a{pointer-events:auto}.has-3d h1{font-size:clamp(84px,9vw,142px);max-width:800px}.scene-controls{display:none;position:absolute;right:6%;bottom:88px;z-index:4;align-items:center;flex-direction:column;gap:18px}.has-3d .scene-controls{display:flex}.scene-label{font:10px 'IBM Plex Mono',monospace;color:#b4b0a9;letter-spacing:1px}#explode{font:500 11px 'IBM Plex Mono',monospace;color:var(--white);background:#191817cc;border:1px solid #ffffff45;padding:13px 20px;cursor:pointer;transition:background .2s,border-color .2s}#explode:hover{background:#d73628;border-color:#f04436}.has-3d .hero-content{max-width:70%}.has-3d .hero-bottom{font-size:10px}.scene-controls button[hidden]{display:none}@media(max-width:800px){.hero.has-3d{min-height:1000px;height:auto;max-height:none}.has-3d .hero-content{max-width:none;padding-top:36px}.has-3d h1{font-size:clamp(70px,13vw,106px);margin:25px 0}.has-3d .intro{max-width:450px}.has-3d #scene{top:430px;right:-5%;width:110%;height:500px}.scene-controls{bottom:67px;left:5%;right:5%;gap:12px}.scene-label{font-size:9px}.has-3d .hero-bottom{bottom:23px}.has-3d .cursor-light{display:none}}@media(max-width:420px){.has-3d h1{font-size:clamp(62px,15vw,76px)}.has-3d #scene{top:440px;height:470px}.hero.has-3d{min-height:990px}}
