@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#0b1d2b;--deep:#091b2a;--blue:#2376c7;--blue2:#338fe1;--paper:#f5f7f8;--muted:#61717d;--line:#d8e0e6}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}.wrap{width:min(100% - 96px,1320px);margin-inline:auto}.skip{position:absolute;z-index:100;top:-60px;left:20px;background:white;padding:12px}.skip:focus{top:20px}.site-header{position:absolute;z-index:10;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:29px max(48px,calc((100vw - 1320px)/2));border-bottom:1px solid #ffffff38}.brand img{display:block;width:184px;height:auto}.site-header nav{display:flex;align-items:center;gap:34px}.site-header nav>a{color:white;font-family:Manrope,Arial,sans-serif;font-size:15px;font-weight:800;letter-spacing:.01em;transition:color .2s}.site-header nav>a:hover{color:#9fd1ff}.site-header nav .nav-cta{border:1px solid #ffffff80;padding:13px 17px;margin-left:10px}.nav-cta span{margin-left:18px}.menu-toggle{display:none}.hero{min-height:750px;height:min(850px,100svh);position:relative;background:#142d3d;color:white;overflow:hidden}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,18,28,.91) 0%,rgba(4,18,28,.68) 39%,rgba(4,18,28,.18) 100%),linear-gradient(0deg,rgba(4,18,28,.55),transparent 38%)}.hero-inner{position:relative;z-index:1;padding-top:clamp(205px,25vh,285px)}.eyebrow{display:flex;align-items:center;gap:13px;color:var(--blue);font-weight:800;font-size:11px;letter-spacing:.18em}.eyebrow.light{color:#9ed1ff}.eyebrow-line{width:24px;height:2px;background:currentColor}.hero h1,.statement h2,.contact h2{font-family:Manrope,Arial,sans-serif;font-weight:800;letter-spacing:-.065em}.hero h1{font-size:clamp(54px,6.3vw,96px);line-height:1.05;margin:27px 0 24px;max-width:920px}.hero h1 em,.statement h2 em,.contact h2 em{font-style:normal;color:#75baff}.hero p{font-size:19px;line-height:1.65;max-width:600px;color:#eef6fc;margin:0}.hero-actions{display:flex;gap:13px;margin-top:36px}.button{min-height:54px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:15px 22px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button.primary{background:var(--blue);color:white}.button.primary:hover{background:#1263b3}.button.ghost{border:1px solid #ffffffa8;color:white;background:#ffffff0f}.button.ghost:hover{background:#ffffff30}.scroll-note{position:absolute;bottom:38px;left:max(48px,calc((100vw - 1320px)/2));z-index:2;display:flex;align-items:center;gap:14px;color:#e8f2f9;font-size:10px;font-weight:800;letter-spacing:.16em}.scroll-note>span:first-child{writing-mode:vertical-rl}.scroll-line{height:42px;width:1px;background:#e8f2f9}.hero-index{position:absolute;z-index:2;bottom:40px;right:max(48px,calc((100vw - 1320px)/2));font-size:12px;letter-spacing:.18em;font-weight:700}.section{padding-top:112px;padding-bottom:120px}.section-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.tiny-id{font-weight:800;font-size:11px;letter-spacing:.15em;color:#8a9aa5}.intro-grid,.process-head{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:end}.intro h2,.process h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.055em;font-size:clamp(40px,4.3vw,65px);line-height:1.1;margin:0}.intro h2 span,.process h2 span{color:var(--blue)}.intro-grid>p,.process-head>p{font-size:17px;line-height:1.75;color:var(--muted);max-width:430px;margin:0 0 5px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:58px}.service-card{min-width:0;background:white;display:flex;flex-direction:column;border:1px solid #e0e6ea;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-8px);box-shadow:0 24px 45px #0a2d491c}.card-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;font-size:10px;font-weight:800;letter-spacing:.15em;color:#70808c}.arrow{font-size:20px;line-height:1;color:var(--blue)}.card-art{height:235px;background:#dce8f1;position:relative;overflow:hidden;display:block}.card-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b264050,transparent 55%)}.art-height{background:linear-gradient(145deg,#8bb5d1,#deecf4 70%)}.height-lines{position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent 0 46px,#28699930 47px 49px),repeating-linear-gradient(0deg,transparent 0 52px,#28699930 53px 55px);transform:perspective(300px) rotateY(-12deg) scale(1.2)}.height-tower{position:absolute;width:72px;height:260px;border-left:12px solid #2e5875;border-right:12px solid #2e5875;left:45%;top:12%;transform:rotate(-9deg);background:repeating-linear-gradient(0deg,transparent 0 46px,#2e5875 47px 59px)}.art-build{background:linear-gradient(145deg,#b4c9d9,#e6edf2)}.build-block{position:absolute;background:#457291;box-shadow:inset -18px 0 #345c79}.b1{width:105px;height:185px;left:17%;bottom:-20px}.b2{width:135px;height:240px;left:47%;bottom:-35px;background:#6c94ad}.b3{width:65px;height:140px;right:-6px;bottom:0;background:#294d6a}.art-chimney{background:linear-gradient(140deg,#769ebc,#e8f0f5)}.chimney-body{position:absolute;width:95px;height:195px;background:#385e7b;left:45%;bottom:-20px;transform:skewY(-6deg);box-shadow:14px 0 #284e6b}.chimney-body:before{content:'';position:absolute;width:114px;height:20px;background:#233f55;left:-10px;top:-4px}.smoke{position:absolute;border:8px solid #dcebf3;border-right:0;border-bottom:0;border-radius:70%;width:80px;height:90px;left:47%;top:25px;transform:rotate(20deg)}.s2{left:56%;top:-24px;transform:rotate(-15deg)}.art-earth{background:linear-gradient(150deg,#c0d4e1 0 50%,#9cb8ca 50%)}.earth-line{position:absolute;display:block;width:130%;height:86px;left:-10%;border-top:15px solid #406e8e;border-radius:50%}.e1{bottom:82px;transform:rotate(-12deg)}.e2{bottom:18px;transform:rotate(8deg);border-color:#2d5878}.e3{bottom:-42px;transform:rotate(-10deg);border-color:#7598af}.card-bottom{padding:26px 22px 32px;display:flex;flex-direction:column;gap:9px;min-height:160px}.card-bottom strong{font-family:Manrope,Arial,sans-serif;font-size:20px;letter-spacing:-.035em;color:var(--blue)}.card-bottom>span{color:#63737e;font-size:13px;line-height:1.6}.statement{background:var(--deep);color:white;padding:110px 0 115px;overflow:hidden}.statement-grid{display:grid;grid-template-columns:.45fr 1fr;gap:80px}.statement-side{display:flex;flex-direction:column;justify-content:space-between;min-height:330px}.statement-mark{font-family:Manrope,Arial,sans-serif;font-size:220px;line-height:.7;font-weight:800;letter-spacing:-.13em;color:#ffffff10}.statement-mark span{color:#2376c744}.statement-copy h2{font-size:clamp(54px,6vw,90px);line-height:1.09;margin:0 0 30px}.statement-copy p{color:#b5c5d1;font-size:18px;line-height:1.75;max-width:620px;margin:0 0 30px}.text-link{font-weight:800;color:#8fcaff;border-bottom:1px solid #8fcaff;padding-bottom:10px;display:inline-flex;gap:50px}.process{padding-bottom:130px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:70px}.step{border-top:2px solid var(--blue);padding-top:22px}.step-number{color:var(--blue);font-size:12px;font-weight:800}.step h3{font-family:Manrope,Arial,sans-serif;font-size:22px;margin:30px 0 10px}.step p{color:var(--muted);line-height:1.7;font-size:15px;max-width:320px;margin:0}.contact{background:#11324c;color:white;padding:105px 0 110px}.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:100px}.contact h2{font-size:clamp(58px,6vw,90px);line-height:1.08;margin:28px 0}.contact p{max-width:470px;color:#c5d8e7;font-size:17px;line-height:1.7}.contact-domain{font-family:Manrope,Arial,sans-serif;font-size:22px;font-weight:800;margin-top:80px;padding-top:15px;border-top:1px solid #ffffff60;display:flex;justify-content:space-between;max-width:440px}.contact-domain span{color:#75baff}.inquiry{background:white;color:var(--ink);padding:35px;display:flex;flex-direction:column;align-self:start;box-shadow:0 25px 60px #071b2b2e}.inquiry label{font-size:12px;font-weight:800;margin:0 0 8px}.inquiry input,.inquiry textarea,.inquiry select{width:100%;background:#f4f7f9;color:var(--ink);border:1px solid #d8e1e7;padding:14px;margin-bottom:20px;border-radius:0;outline:none}.inquiry :is(input,textarea,select):focus{border-color:var(--blue);box-shadow:0 0 0 2px #2376c726}.inquiry textarea{resize:vertical}.form-button{width:100%;border:0}.form-result{border-top:1px solid var(--line);padding-top:22px;margin-top:24px}.form-result[hidden]{display:none}.form-result textarea{margin-top:8px}.copy-button{border:0;background:#e5f1fc;color:#135d9c;font-size:13px;font-weight:800;padding:12px 16px}.copy-button:hover{background:#d4e8fa}#copy-status{font-size:12px;margin-left:10px;color:#176d3c}.site-footer{background:#081722;color:white}.footer-inner{display:flex;align-items:center;gap:35px;padding:35px 0}.footer-inner img{width:160px}.footer-inner span{color:#90a5b4;font-size:12px;margin-left:auto}.footer-inner a{font-size:12px;font-weight:800;margin-left:30px}.footer-inner a:hover{color:#8fcaff}
@media(max-width:1100px){.site-header nav{gap:18px}.site-header nav>a{font-size:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.card-art{height:220px}.contact-grid{gap:50px}.statement-grid{gap:45px}}
@media(max-width:760px){.wrap{width:min(100% - 40px,1320px)}.site-header{padding:20px}.brand img{width:150px}.menu-toggle{display:flex;flex-direction:column;gap:5px;justify-content:center;width:42px;height:42px;border:1px solid #ffffff80;background:#0b1d2b88}.menu-toggle span{height:2px;width:20px;background:white;margin-left:9px}.site-header nav{display:none;position:absolute;top:83px;left:0;right:0;background:#091b2a;padding:18px 20px 25px;flex-direction:column;align-items:stretch;gap:0}.site-header nav.open{display:flex}.site-header nav>a{font-size:16px;padding:13px 0;border-bottom:1px solid #ffffff30}.site-header nav .nav-cta{margin:16px 0 0;padding:15px}.hero{min-height:700px;height:100svh}.hero-shade{background:linear-gradient(90deg,#061824dc,#06182480),linear-gradient(0deg,#061824aa,transparent)}.hero-inner{padding-top:190px}.hero h1{font-size:clamp(48px,10vw,72px)}.hero p{font-size:16px;max-width:440px}.scroll-note{left:20px;bottom:25px}.hero-index{right:20px;bottom:29px}.section{padding-top:75px;padding-bottom:85px}.intro-grid,.process-head,.statement-grid,.contact-grid{grid-template-columns:1fr;gap:24px}.intro h2,.process h2{font-size:clamp(39px,8vw,58px)}.intro-grid>p,.process-head>p{font-size:16px}.service-grid{margin-top:38px}.statement{padding:80px 0}.statement-side{min-height:auto}.statement-mark{display:none}.statement-copy h2,.contact h2{font-size:clamp(50px,10vw,74px)}.statement-copy p{font-size:16px}.steps{gap:20px}.contact{padding:80px 0}.contact-domain{margin:30px 0}.footer-inner{flex-wrap:wrap}.footer-inner span{margin-left:0}.footer-inner a{margin-left:auto}}
@media(max-width:530px){.hero-actions{flex-direction:column;align-items:flex-start}.hero-actions .button{min-width:215px}.hero h1{font-size:49px}.service-grid,.steps{grid-template-columns:1fr}.card-art{height:190px}.card-bottom{min-height:auto}.steps{margin-top:45px}.step h3{margin-top:16px}.inquiry{padding:24px}.footer-inner{display:grid;grid-template-columns:1fr auto;gap:18px}.footer-inner span{grid-row:2;grid-column:1/-1}.footer-inner a{grid-row:1;grid-column:2}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card,.button{transition:none}.hero-video{display:none}}
.card-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.chimney-photo img{object-position:center 32%}
.height-photo img{object-position:center 43%}
.earth-photo img{object-position:center 45%}
