:root{--pink:#ff2ec4;--cyan:#00e7ff;--lime:#d8ff36;--ink:#050307;--muted:#b8afc0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}.cover-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.section{max-width:1240px;margin:auto;padding:110px 50px}.eyebrow{margin:0 0 28px;color:var(--cyan);font-size:12px;font-weight:800;letter-spacing:.28em;text-transform:uppercase}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:900;letter-spacing:-.05em;line-height:.92;text-transform:uppercase}h1 span,h2 em{color:var(--pink);font-style:normal;text-shadow:0 0 32px #ff2ec455}
.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;height:110px;display:flex;align-items:center;justify-content:space-between;padding:12px 48px;border-bottom:1px solid #ffffff22}.brand img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:28px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.site-header nav a:hover{color:var(--cyan)}.about-nav{color:var(--pink)}.about-nav.active{border-bottom:2px solid var(--pink);padding-bottom:7px}.nav-cta{border:1px solid var(--pink);padding:14px 19px;box-shadow:inset 0 0 18px #ff2ec422,0 0 18px #ff2ec422}
.hero{min-height:850px;height:100vh;position:relative;display:flex;align-items:center;padding:130px max(6vw,48px) 70px;overflow:hidden}.hero-image{object-fit:cover}.hero-scrim{position:absolute;inset:0;background:linear-gradient(90deg,#050307 0%,#050307dd 34%,#0503074d 72%,#05030799 100%),linear-gradient(0deg,#050307 0%,transparent 35%)}.hero-content{position:relative;z-index:2;max-width:830px}.hero h1{font-size:clamp(60px,8vw,124px);margin-bottom:28px}.hero-copy{max-width:640px;color:#ddd2e4;font-size:20px;line-height:1.65}.hero-actions{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 24px;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:900;transition:.2s}.button-primary{background:var(--pink);box-shadow:0 0 28px #ff2ec477}.button-primary:hover{background:#fff;color:#111;box-shadow:0 0 35px #fff8}.button-ghost{border:1px solid #ffffff55;background:#09060ab8}.button-ghost:hover{border-color:var(--cyan);color:var(--cyan)}.scroll-note{position:absolute;z-index:2;right:45px;bottom:40px;writing-mode:vertical-rl;text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:#bdb3c1}.scroll-note span{color:var(--pink);margin-top:10px}
.intro{position:relative}.intro:before{content:"NNE";position:absolute;right:-4vw;top:40px;font-size:260px;font-weight:900;color:#ffffff05;letter-spacing:-.08em}.section-heading{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end;margin-bottom:55px}.section-heading h2,.feature h2,.procurement h2,.operations h2,.work h2{font-size:clamp(44px,5.8vw,78px);margin:0}.section-heading>p,.feature-copy>p,.procurement-copy>p,.operations-content>p,.work-content>p{color:var(--muted);font-size:17px;line-height:1.75}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:#ffffff16}.service-card{height:430px;position:relative;overflow:hidden;background:#111}.service-card img{object-fit:cover;filter:saturate(1.12);transition:transform .5s,filter .5s}.service-card:hover img{transform:scale(1.05);filter:saturate(1.35)}.card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070308 8%,transparent 75%)}.service-card>span{position:absolute;top:24px;left:24px;color:var(--cyan);font-size:11px;letter-spacing:.2em;font-weight:800}.service-card>div:last-child{position:absolute;left:28px;right:28px;bottom:25px}.service-card h3{font-size:25px;text-transform:uppercase;margin-bottom:8px}.service-card p{color:#d1c7d5;line-height:1.55;font-size:14px;margin:0;opacity:0;max-height:0;transition:.35s}.service-card:hover p{opacity:1;max-height:80px}
.feature,.procurement{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.feature-collage{height:620px;position:relative}.image-frame{position:relative;overflow:hidden}.image-frame img{object-fit:cover}.feature-main{position:absolute;inset:0 60px 70px 0;border:1px solid #00e7ff55;box-shadow:-25px 25px 0 #ff2ec411}.feature-float{position:absolute;width:55%;height:42%;right:0;bottom:0;border:6px solid var(--ink)}.collage-label{position:absolute;left:-36px;bottom:60px;padding:12px 16px;background:var(--lime);color:#050307;font-size:10px;font-weight:900;letter-spacing:.16em;text-transform:uppercase;transform:rotate(-90deg);transform-origin:left bottom}.feature-copy ul{list-style:none;padding:0;margin:30px 0 0;border-top:1px solid #ffffff1e}.feature-copy li{padding:15px 0;border-bottom:1px solid #ffffff1e;text-transform:uppercase;letter-spacing:.1em;font-size:12px}.feature-copy li:before{content:"✦";color:var(--pink);margin-right:13px}
.operations{height:770px;position:relative}.operations>img{object-fit:cover}.operations-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050307 8%,#050307d9 45%,transparent 100%),linear-gradient(0deg,#050307 0%,transparent 35%,#05030777 100%)}.operations-content{position:relative;z-index:1;margin:0;max-width:850px}.operations-content>p{max-width:650px}.stat-row{display:flex;gap:60px;margin-top:42px;padding-top:30px;border-top:1px solid #ffffff2b}.stat-row div{display:flex;flex-direction:column}.stat-row strong{font-size:34px;color:var(--cyan)}.stat-row span{color:#aaa;font-size:11px;text-transform:uppercase;letter-spacing:.12em;margin-top:5px}
.procurement-images{height:560px;position:relative}.purchase-main{position:absolute;inset:0 0 70px 70px;border:1px solid #ff2ec455}.purchase-words{position:absolute;left:0;bottom:0;width:58%;height:auto;border:7px solid var(--ink);box-shadow:0 0 40px #7b2dff33}.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:30px}.tag-list span{padding:10px 12px;border:1px solid #ffffff28;color:#cfc5d3;font-size:10px;text-transform:uppercase;letter-spacing:.12em}
.work{max-width:none;height:720px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.work-image{object-fit:cover}.work-overlay{position:absolute;inset:0;background:linear-gradient(0deg,#050307ee,#05030755 45%,#050307cc),radial-gradient(circle,#7b2dff22,#050307aa)}.work-content{position:relative;z-index:1;max-width:800px}.work-content>p{max-width:590px;margin:25px auto 32px}.work .button{margin:auto}
footer{min-height:260px;padding:45px 50px;display:grid;grid-template-columns:300px 1fr auto;align-items:center;gap:45px;border-top:1px solid #ffffff18;background:#020103}footer img{object-fit:contain}footer>p{color:#8e8492;max-width:390px;font-size:13px;line-height:1.7;margin:0}footer>div{display:flex;flex-direction:column;gap:18px;align-items:flex-end;font-size:10px;color:#777;letter-spacing:.12em;text-transform:uppercase}footer a{color:var(--cyan)}
.about-header{background:linear-gradient(180deg,#050307dd,transparent)}.about-hero{height:760px;position:relative;display:flex;align-items:flex-end;padding:150px max(6vw,48px) 90px;overflow:hidden}.about-hero>img{object-fit:cover}.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050307ee,#05030755 70%),linear-gradient(0deg,#050307 0%,transparent 55%)}.about-hero-content{position:relative;z-index:1;max-width:900px}.about-hero h1{font-size:clamp(60px,8vw,118px);margin-bottom:28px}.about-hero-content>p:last-child{max-width:650px;color:#d5cbd9;font-size:19px;line-height:1.7}.about-story{position:relative;display:grid;grid-template-columns:.85fr 1.15fr;gap:30px 100px}.about-number{position:absolute;right:2%;top:5%;font-size:300px;font-weight:900;line-height:.8;color:#ffffff05}.about-story h2,.about-panel h2,.support-content h2,.contact-strip h2{font-size:clamp(44px,5vw,74px);margin:0}.about-prose{grid-column:2;max-width:700px}.about-prose p,.about-panel>p:not(.eyebrow),.support-content>p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.8}.about-services{display:grid;grid-template-columns:1fr 1fr;gap:2px;max-width:1320px;padding-top:20px}.about-panel{position:relative;padding:70px 60px;border:1px solid #ffffff14;background:linear-gradient(145deg,#13091a,#070408);overflow:hidden}.about-panel:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;filter:blur(90px);opacity:.22;right:-80px;top:-80px}.production-panel:before{background:var(--pink)}.purchasing-panel:before{background:var(--cyan)}.panel-number{position:absolute;right:30px;top:25px;color:#ffffff18;font-size:70px;font-weight:900}.about-panel h2{margin-bottom:35px}.support-section{height:760px;position:relative}.support-section>img{object-fit:cover}.support-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#050307f5 8%,#050307c7 52%,transparent),linear-gradient(0deg,#050307,transparent 35%,#05030799)}.support-content{position:relative;z-index:1;margin:0;max-width:850px}.support-content>p{max-width:700px}.support-promise{border-left:3px solid var(--pink);padding-left:24px;margin-top:35px}.support-promise strong{display:block;color:#fff;text-transform:uppercase;margin-top:6px}.contact-strip{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:80px}.contact-strip address{display:flex;flex-direction:column;gap:12px;padding:35px;border:1px solid #ffffff1c;background:#ffffff05;color:#c9becd;font-style:normal;font-size:15px}.contact-strip address span:first-child{color:#fff;font-weight:800;text-transform:uppercase;letter-spacing:.12em}.contact-strip address a{color:var(--cyan);font-weight:800;margin-top:12px}
@media(max-width:900px){.site-header{padding:12px 25px}.site-header nav a:not(.nav-cta):not(.about-nav){display:none}.section{padding:85px 26px}.section-heading,.feature,.procurement,.about-story,.about-services,.contact-strip{grid-template-columns:1fr;gap:50px}.about-prose{grid-column:1}.service-grid{grid-template-columns:1fr 1fr}.hero{padding-left:28px;padding-right:28px}.feature-collage,.procurement-images{height:500px}.operations-content{padding-top:100px}.operations{height:780px}.about-panel{padding:55px 35px}.about-hero{padding-left:28px;padding-right:28px}footer{grid-template-columns:1fr;text-align:center}footer img{margin:auto}footer>p{margin:auto}footer>div{align-items:center}}
@media(max-width:600px){.site-header{height:90px}.brand img{width:85px}.site-header nav{gap:9px}.about-nav{font-size:10px}.nav-cta{padding:11px 10px;font-size:10px}.hero{min-height:760px}.hero h1,.about-hero h1{font-size:52px}.hero-copy{font-size:17px}.scroll-note{display:none}.service-grid{grid-template-columns:1fr}.service-card{height:360px}.service-card p{opacity:1;max-height:80px}.section-heading h2,.feature h2,.procurement h2,.operations h2,.work h2,.about-story h2,.about-panel h2,.support-content h2,.contact-strip h2{font-size:43px}.feature-collage,.procurement-images{height:390px}.feature-main{right:35px}.stat-row{gap:22px;flex-wrap:wrap}.stat-row strong{font-size:26px}.operations{height:820px}.operations-overlay{background:#050307bb}.work{height:680px;padding-left:25px;padding-right:25px}.about-hero{height:680px;padding-bottom:65px}.about-services{padding-left:15px;padding-right:15px}.support-section{height:850px}.support-overlay{background:#050307c9}.contact-strip{padding-left:25px;padding-right:25px}footer{padding:40px 25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card img,.button{transition:none}}
