@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Space+Mono:wght@400;700&display=swap');
:root{--black:#090a0b;--white:#f2f2ee;--silver:#a7aaa6;--line:#292c2c;--cyan:#74f4df;--violet:#9a7cff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--white);font-family:"Space Grotesk",Arial,sans-serif}a{color:inherit;text-decoration:none}
header{height:78px;padding:0 5vw;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;position:relative;z-index:5;background:rgba(9,10,11,.95)}
.logo{font:700 .85rem "Space Mono",monospace;letter-spacing:.03em}nav{display:flex;gap:34px;font:400 .63rem "Space Mono",monospace;text-transform:uppercase;letter-spacing:.1em}nav a:hover{color:var(--cyan)}
.hero{min-height:800px;padding:30px 5vw 70px;position:relative;overflow:hidden;background:radial-gradient(circle at 75% 50%,#161b1b 0,#090a0b 37%)}
.hero:before{content:"";position:absolute;width:1px;height:100%;left:50%;top:0;background:var(--line);opacity:.5}
.hero-top{display:flex;justify-content:space-between;font:400 .58rem "Space Mono",monospace;color:var(--silver);letter-spacing:.12em}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:690px}
.eyebrow{font:700 .62rem "Space Mono",monospace;letter-spacing:.16em;color:var(--cyan);margin:0 0 25px}
h1{font-size:clamp(5rem,11vw,11rem);line-height:.78;letter-spacing:-.08em;margin:0;font-weight:700}h1 span{color:var(--violet)}
.lead{max-width:520px;color:var(--silver);font-size:.94rem;line-height:1.75;margin:40px 0 28px}
.button{display:inline-flex;align-items:center;gap:28px;border:1px solid #555b59;padding:13px 16px;font:700 .62rem "Space Mono",monospace;text-transform:uppercase}.button:hover{border-color:var(--cyan);color:var(--cyan)}
.helix{height:580px;position:relative;display:flex;align-items:center;justify-content:center}.axis{position:absolute;height:85%;width:1px;background:#3b4140}
.strand{position:absolute;width:190px;height:510px;border:2px solid transparent;border-radius:50%;transform:rotate(25deg)}.strand.left{border-left-color:var(--cyan);border-right-color:var(--cyan);transform:rotate(25deg)}.strand.right{border-left-color:var(--violet);border-right-color:var(--violet);transform:rotate(-25deg)}
.node{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--white);box-shadow:0 0 0 5px #151a19}.n1{top:110px;left:46%}.n2{top:185px;left:59%}.n3{top:270px;left:39%}.n4{top:350px;left:58%}.n5{top:430px;left:42%}.n6{top:505px;left:55%}
.caption{position:absolute;bottom:0;font:400 .55rem "Space Mono",monospace;color:var(--silver);letter-spacing:.14em}
.lab{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding:125px 10vw;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.number{font:700 .65rem "Space Mono",monospace;color:var(--cyan)}.lab h2,.principle-copy h2,.contact h2{font-size:clamp(3.4rem,6vw,6.5rem);line-height:.84;letter-spacing:-.07em;margin:0 0 35px}.lab h2 i,.principle-copy h2 i,.contact h2 i{font-weight:400;color:var(--cyan)}.lab-content>p:last-child{max-width:650px;color:var(--silver);line-height:1.8}
.process{display:grid;grid-template-columns:1fr 1fr;padding:0 10vw}.process-head{grid-column:1/-1;display:flex;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);font:400 .57rem "Space Mono",monospace;color:var(--silver);letter-spacing:.12em}.step{padding:55px 45px 65px 0;border-bottom:1px solid var(--line);border-right:1px solid var(--line);display:grid;grid-template-columns:45px 1fr;column-gap:20px}.step:nth-of-type(odd){padding-left:45px;border-right:0}.step b{font:700 .6rem "Space Mono",monospace;color:var(--cyan)}.step h3{font-size:2.3rem;letter-spacing:-.05em;margin:0 0 10px}.step p{grid-column:2;color:var(--silver);line-height:1.65;max-width:300px;font-size:.84rem}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:9vw;padding:120px 10vw;border-bottom:1px solid var(--line)}.principle-art{min-height:500px;border:1px solid #303534;position:relative;display:grid;place-items:center;background:linear-gradient(135deg,#0d1010,#121313)}.principle-art:before,.principle-art:after{content:"";position:absolute;border:1px solid #303534;border-radius:50%;width:55%;height:55%}.principle-art:after{width:25%;height:25%;border-color:var(--violet)}.principle-art span{font-size:7rem;font-weight:700;letter-spacing:-.12em;z-index:1}.principle-art small{position:absolute;bottom:20px;left:20px;font:400 .55rem "Space Mono",monospace;color:var(--silver)}.principle-copy ul{list-style:none;padding:0;margin:55px 0 0;border-top:1px solid var(--line)}.principle-copy li{padding:18px 0;border-bottom:1px solid var(--line);font-size:.83rem;color:#d4d6d2}
.statement{padding:105px 10vw;background:var(--white);color:var(--black)}.statement span{font:700 .57rem "Space Mono",monospace;letter-spacing:.14em}.statement p{font-size:clamp(2.8rem,6vw,6rem);line-height:.95;letter-spacing:-.07em;max-width:1000px;margin:28px 0 0}
.contact{display:grid;grid-template-columns:1fr 2fr;gap:8vw;padding:125px 10vw}.contact h2{margin-bottom:25px}.contact p:not(.eyebrow){color:var(--silver);line-height:1.6}.contact a{display:inline-block;margin-top:18px;color:var(--cyan);font:700 .72rem "Space Mono",monospace;border-bottom:1px solid var(--cyan);padding-bottom:7px}
footer{border-top:1px solid var(--line);padding:23px 5vw;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;color:var(--silver);font:400 .55rem "Space Mono",monospace;letter-spacing:.1em}
@media(max-width:800px){nav{display:none}.hero{min-height:auto}.hero:before{display:none}.hero-grid{grid-template-columns:1fr;min-height:auto;padding-top:80px}.helix{height:420px;margin-top:45px}.lab,.principles,.contact{grid-template-columns:1fr;padding:80px 7vw;gap:45px}.process{grid-template-columns:1fr;padding:0 7vw}.step,.step:nth-of-type(odd){border-right:0;padding:42px 0}.principle-art{min-height:340px}.statement{padding:80px 7vw}}