@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--red:#dc302f;--ink:#15191e;--paper:#f5f5f1;--muted:#70757b;--line:#d9dbd8}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:100px;display:flex;align-items:center;justify-content:space-between;padding:16px 5%;background:var(--paper);position:relative;z-index:4}.brand{width:170px;display:block}.brand img{max-width:100%;max-height:70px;object-fit:contain}.brand>span{font-size:23px;font-weight:800;line-height:1}.brand-red,.red{color:var(--red)}.brand small{display:block;letter-spacing:6px;font-size:12px;margin-top:5px}nav{display:flex;gap:32px;font-size:12px;font-weight:700}nav a:hover{color:var(--red)}.header-contact{font-size:12px;font-weight:800;border-bottom:1px solid var(--ink);padding:12px 0}.header-contact span{padding-left:24px;color:var(--red)}.hero{min-height:690px;height:calc(100svh - 100px);max-height:960px;position:relative;background:#15191e;color:white;overflow:hidden}.hero-photo{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,15,20,.95) 0%,rgba(10,15,20,.72) 40%,rgba(10,15,20,.2) 100%),url('https://images.unsplash.com/photo-1486406146926-c627a92ad1ab?auto=format&fit=crop&w=2400&q=85') center 45%/cover;animation:zoom 18s ease-out both}.hero-grid{position:absolute;inset:0;background:linear-gradient(90deg,transparent 49.9%,#ffffff0c 50%,transparent 50.1%),linear-gradient(90deg,transparent 74.9%,#ffffff0b 75%,transparent 75.1%)}.hero-content{position:relative;padding:90px 6% 110px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:12px}.eyebrow i,.status-dot{display:inline-block;width:6px;height:6px;background:var(--red);border-radius:50%}.hero h1{font-size:clamp(66px,7.8vw,120px);font-weight:500;line-height:1.02;letter-spacing:-6px;margin:35px 0 26px}em{font-style:normal;color:var(--red)}.hero-copy{color:#c8cbcf;font-size:16px;line-height:1.8;margin-bottom:35px}.button{display:inline-flex;gap:36px;align-items:center;background:var(--red);padding:20px 24px;font-size:12px;font-weight:800;transition:background .2s}.button:hover{background:#b92322}.button span{font-size:20px}.text-link{display:inline-flex;align-items:center;gap:24px;margin-left:26px;font-size:12px;font-weight:700}.hero-note{position:absolute;right:6%;bottom:145px;display:flex;gap:15px;align-items:center}.hero-note p{font-size:9px;letter-spacing:1.5px;line-height:2}.hero-note strong{font-size:13px;letter-spacing:0;font-weight:500}.cross{color:var(--red);font-size:40px;font-weight:400}.hero-bottom{position:absolute;bottom:0;left:6%;right:6%;padding:22px 0;border-top:1px solid #ffffff30;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}.intro-strip{padding:38px 6%;display:grid;grid-template-columns:1fr 1fr 60px;align-items:center;gap:40px;border-bottom:1px solid var(--line)}.intro-strip p:first-child{font-size:23px;line-height:1.5;margin:0}.intro-strip strong{font-weight:500;color:var(--muted)}.intro-strip p:nth-child(2){font-size:13px;line-height:1.8;color:var(--muted);max-width:400px}.intro-strip>a{font-size:42px;color:var(--red)}.section{padding:105px 6%}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:40px;margin-bottom:50px}.dark{color:#72777b}.section h2{font-size:clamp(34px,3.8vw,58px);font-weight:500;line-height:1.15;letter-spacing:-2px;margin:0 0 22px}.section-heading p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.8}.service-list{border-top:1px solid #bfc3c3}details{border-bottom:1px solid #cbd0cf}summary{cursor:pointer;display:flex;align-items:center;gap:28px;padding:27px 0;list-style:none}summary::-webkit-details-marker{display:none}.service-no{color:var(--red);font-family:monospace;font-size:12px;min-width:25px}summary h3{font-size:clamp(19px,2vw,29px);font-weight:500;letter-spacing:-.7px;margin:0;flex:1}.service-label{font-size:9px;letter-spacing:1.3px;color:var(--muted)}.plus{font-size:28px;font-weight:400;width:35px;text-align:center;transition:transform .2s}details[open] .plus{transform:rotate(45deg);color:var(--red)}.service-body{margin-left:53px;display:flex;gap:50px;align-items:start;padding:0 0 30px;font-size:13px;line-height:1.8}.service-body p{margin:0;max-width:550px;color:var(--muted)}.service-body a{margin-left:auto;white-space:nowrap;color:var(--red);font-weight:700}.system{background:var(--ink);color:white;display:grid;grid-template-columns:1fr 1.5fr;gap:30px;align-items:center}.system-heading>p:not(.eyebrow){color:#969ea7;font-size:14px;line-height:1.8}.system h2{margin-top:35px}.system-info{border-top:1px solid #ffffff25;max-width:340px;padding-top:25px;margin-top:40px;min-height:170px}.system-info>span{font:10px monospace;letter-spacing:1px;color:var(--red)}.system-info h3{font-size:22px;font-weight:500;margin:15px 0 12px}.system-info p{font-size:12px;color:#9da4ac;line-height:1.8}.building-wrap{position:relative}.building{width:100%;display:block}.hotspot{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:36px;height:36px;border:1px solid #f46d66;border-radius:50%;background:#15191e;color:white;cursor:pointer;font:11px monospace;transition:background .2s,box-shadow .2s}.hotspot:hover,.hotspot.active{background:var(--red);box-shadow:0 0 0 8px #dc302f22}.hotspot:focus-visible{outline:3px solid white;outline-offset:4px}.diagram-caption{text-align:center;font:9px monospace;letter-spacing:1px;color:#9da4ac}.diagram-caption .status-dot{margin-right:10px}.pipe{stroke-dasharray:1100;stroke-dashoffset:1100;animation:draw 6s ease-in-out infinite}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.steps article{border-top:2px solid #d9dcda;padding-top:25px;position:relative}.steps article:before{content:'';position:absolute;height:2px;top:-2px;left:0;background:var(--red);width:35%}.steps span{font:11px monospace;color:var(--red)}.steps h3{font-size:26px;font-weight:500;margin:32px 0 18px;letter-spacing:-1px}.steps p{font-size:13px;color:var(--muted);line-height:1.9;max-width:300px}.about{background:#e9ece9;display:grid;grid-template-columns:1fr 1.15fr;gap:10%;align-items:center}.about-art{aspect-ratio:1.2;background:var(--ink);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden}.about-art:before,.about-art:after{content:'';width:90%;height:60%;border:1px solid #ffffff1b;position:absolute;transform:rotate(-30deg)}.about-art:after{transform:rotate(30deg)}.about-art>span{font-family:'Barlow Condensed',sans-serif;font-size:clamp(90px,13vw,210px);font-weight:700;color:#fff;z-index:1;letter-spacing:-5px}.about-art>div{font:8px monospace;letter-spacing:2px;color:#9da4ac;z-index:1}.about h2{margin-top:35px}.about p:not(.eyebrow){font-size:14px;color:#62696d;line-height:1.9;max-width:480px}.ink{margin:20px 0 0;border-bottom:1px solid #9b9e9e;padding-bottom:14px}.contact{background:var(--red);color:white}.contact .eyebrow{opacity:.7}.contact-head{display:flex;justify-content:space-between;align-items:center;margin-top:35px}.contact h2{font-size:clamp(54px,7vw,100px);letter-spacing:-4px}.contact em{color:#ffffff85}.big-arrow{font-size:110px;line-height:1;transition:transform .25s}.big-arrow:hover{transform:translate(8px,-8px)}.contact-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;border-top:1px solid #ffffff50;margin-top:40px;padding-top:35px;font-size:12px;line-height:1.9}.contact-label{font-size:9px;letter-spacing:1.4px;opacity:.65;margin-bottom:18px}.contact-grid a{display:block;overflow-wrap:anywhere}.contact-grid a:hover{text-decoration:underline}.contact-grid>div:last-child>p:last-child{font-size:10px;opacity:.8}footer{display:flex;justify-content:space-between;gap:20px;padding:30px 6%;font-size:9px;letter-spacing:.5px}footer>span:first-child{font-weight:800}footer>span:nth-child(2){color:var(--muted)}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}a:focus-visible,summary:focus-visible{outline:2px solid currentColor;outline-offset:6px}@keyframes draw{0%{stroke-dashoffset:1100}60%,100%{stroke-dashoffset:0}}@keyframes zoom{from{transform:scale(1.06)}to{transform:scale(1)}}
@media(min-width:1600px){.section{padding-left:max(6%,calc((100vw - 1450px)/2));padding-right:max(6%,calc((100vw - 1450px)/2))}}@media(max-width:900px){header{height:85px}.brand{width:140px}nav{gap:18px;font-size:10px}.header-contact{font-size:10px}.hero{height:auto;min-height:660px}.hero-content{padding-top:80px}.hero h1{letter-spacing:-3px}.hero-note{display:none}.section{padding:75px 6%}.section-heading{grid-template-columns:1fr;gap:15px}.service-label{display:none}.system{grid-template-columns:1fr 1.2fr;gap:15px}.system h2{font-size:40px}.contact-grid{grid-template-columns:1fr 1fr}.contact-grid>div:first-child{grid-column:1/-1}.about{gap:7%}.about-art>div{font-size:6px;letter-spacing:1px}}
@media(max-width:600px){header{height:80px;padding:12px 6%}.brand{width:125px}.brand img{max-height:54px}nav{display:none}.header-contact{font-size:10px}.header-contact span{padding-left:10px}.hero{min-height:670px}.hero-content{padding-top:75px}.hero h1{font-size:64px;letter-spacing:-3.4px;margin-top:40px}.hero-copy{font-size:14px}.eyebrow{font-size:8px;letter-spacing:1.2px}.hero .text-link{display:flex;margin:25px 0 0;width:fit-content}.hero-bottom{font-size:7px;gap:20px;line-height:1.7}.hero-bottom span:last-child{max-width:80px;text-align:right}.hero-photo{background-position:60% center}.intro-strip{grid-template-columns:1fr 40px;gap:18px;padding-top:30px;padding-bottom:30px}.intro-strip p:first-child{font-size:19px}.intro-strip p:nth-child(2){grid-column:1;grid-row:2;margin:0;font-size:12px}.intro-strip>a{grid-column:2;grid-row:1/3}.section{padding:65px 6%}.section h2{font-size:35px;letter-spacing:-1.5px}.section-heading{margin-bottom:30px}.section-heading p:not(.eyebrow){font-size:12px}summary{gap:12px;padding:23px 0}summary h3{font-size:20px}.service-no{font-size:10px;min-width:20px}.service-body{margin-left:32px;display:block;font-size:12px}.service-body a{display:inline-block;margin-top:15px}.system{grid-template-columns:1fr}.system-heading>p:not(.eyebrow){font-size:12px}.system-info{max-width:none;min-height:140px;margin-top:25px}.system h2{font-size:44px}.building-wrap{margin:0 -3%}.hotspot{width:30px;height:30px;font-size:9px}.steps{grid-template-columns:1fr;gap:22px}.steps article{display:grid;grid-template-columns:30px 1fr;padding-top:20px;gap:8px 16px}.steps h3{margin:0;font-size:24px}.steps span{padding-top:6px}.steps p{grid-column:2;margin:0;max-width:none}.about{grid-template-columns:1fr;gap:40px}.about-art{aspect-ratio:1.6}.about-art>span{font-size:150px}.about-art>div{font-size:8px}.about p:not(.eyebrow){font-size:13px}.contact h2{font-size:52px;letter-spacing:-2.5px}.big-arrow{font-size:65px}.contact-grid{grid-template-columns:1fr;gap:15px}.contact-grid>div:first-child{grid-column:auto}.contact-label{margin-bottom:8px}footer{flex-wrap:wrap;font-size:8px}footer>span:nth-child(2){order:3;flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}.pipe{stroke-dashoffset:0}}