:root{--bg:#0a0b0a;--fg:#f2efe6;--muted:#a7aa9f;--lime:#d7f047;--line:rgba(242,239,230,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.site-header,.hero,.about,.contact,footer{width:min(1360px,calc(100% - 48px));margin:auto}.site-header{min-height:88px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand,nav{display:flex;align-items:center}.brand{gap:12px;font-size:.75rem;font-weight:700;letter-spacing:.2em}.brand-mark{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--lime);color:var(--lime);letter-spacing:0}nav{gap:30px;color:var(--muted);font-size:.8rem}.accent,.eyebrow{color:var(--lime)}.hero{min-height:760px;padding:96px 0 120px;display:grid;grid-template-columns:1.15fr .85fr;gap:72px;align-items:center}.eyebrow{display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:700}.eyebrow span{width:30px;height:1px;background:currentColor}h1,h2{letter-spacing:-.055em;line-height:.94}h1{font-size:clamp(4rem,8.8vw,8rem);margin:24px 0 34px}h1 em{font-style:normal;color:var(--lime)}.intro{max-width:620px;color:#c4c6bc;font-size:1.15rem}.actions{display:flex;gap:12px;margin-top:36px}.button{border:1px solid var(--line);padding:15px 22px;text-transform:uppercase;font-size:.78rem;font-weight:700;letter-spacing:.08em}.primary{background:var(--lime);border-color:var(--lime);color:#0a0b0a}.hero-art{min-height:610px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(215,240,71,.13),transparent 60%)}.phone{width:min(350px,80%);aspect-ratio:9/16;position:relative;border:1px solid rgba(215,240,71,.65);background:linear-gradient(145deg,#242720,#0c0d0c 65%);overflow:hidden}.ratio{position:absolute;top:20px;right:20px;color:var(--lime);font-size:.7rem}.cap{position:absolute;left:26px;padding:8px 11px;background:var(--fg);color:#0a0b0a;font-size:.74rem;letter-spacing:.08em}.cap.one{top:35%}.cap.two{top:44%;left:44px;background:var(--lime)}.cap.three{top:53%}.phone i{position:absolute;left:67%;top:12%;bottom:10%;width:1px;background:var(--lime);box-shadow:0 0 22px var(--lime)}.timeline{position:absolute;bottom:3%;left:4%;right:4%;display:flex;gap:6px;align-items:center}.timeline span{height:14px;flex:1;background:#30342b;border:1px solid #454a3d}.timeline span:nth-child(2),.timeline span:nth-child(4){height:30px;background:var(--lime)}.work{background:#efede4;color:#11120f;padding:120px max(24px,calc((100vw - 1360px)/2))}.section-head{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:end;margin-bottom:70px}.section-head .eyebrow{color:#667410}.section-head h2,.about h2{font-size:clamp(3rem,6vw,6rem);margin:24px 0 0}.section-head>p{color:#5d6057}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card video{width:100%;aspect-ratio:9/16;display:block;background:#090a09;object-fit:cover}.card-copy{display:grid;grid-template-columns:38px 1fr;gap:14px;padding-top:22px}.card-copy>span{color:#8a8d84;font-size:.72rem}.card h3{margin:0 0 10px;font-size:1.1rem}.card small{float:right;color:#797c73;font-weight:400}.card p{color:#5d6057;font-size:.86rem}.card ul{display:flex;flex-wrap:wrap;gap:7px;padding:0;list-style:none}.card li{border:1px solid #c9c7bd;padding:6px 8px;font-size:.67rem}.disclosure{max-width:780px;margin:54px 0 0 auto;padding-top:22px;border-top:1px solid #c9c7bd;color:#686b62;font-size:.8rem}.about{padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-copy{font-size:1.3rem;color:#c4c6bc}.skills{display:flex;flex-wrap:wrap;gap:9px;margin-top:40px}.skills span{border:1px solid var(--line);padding:10px 12px;color:#b7baaf;font-size:.75rem}.contact{padding:120px 0;border-top:1px solid var(--line)}.contact>p{color:var(--lime);text-transform:uppercase;letter-spacing:.16em;font-size:.72rem}.contact h2{font-size:clamp(3.6rem,8vw,8rem);margin:40px 0}.contact h2 a{color:var(--lime)}.email{border-bottom:1px solid var(--lime);color:#cfd2c6}footer{padding:28px 0 40px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#74796d;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}
@media(max-width:980px){.hero,.about,.section-head{grid-template-columns:1fr}.grid{grid-template-columns:1fr 1fr}.hero-art{min-height:520px}}
@media(max-width:680px){.site-header,.hero,.about,.contact,footer{width:calc(100% - 28px)}.brand>span:last-child{display:none}nav{gap:16px}.hero{padding:68px 0 88px;gap:30px}h1{font-size:clamp(3.4rem,17vw,5.8rem)}.actions{flex-direction:column;text-align:center}.grid{grid-template-columns:1fr;gap:60px}.work{padding-top:88px;padding-bottom:88px}.about,.contact{padding:90px 0}footer{flex-direction:column;gap:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}