@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#11232b;--navy:#0c222c;--orange:#f36f37;--paper:#f7f5ef;--line:#d8dfdf}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.nav{height:92px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font:800 20px/1 "Manrope";letter-spacing:.12em}.brand small{font-size:8px;letter-spacing:.22em;margin-top:7px}.brandMark{width:37px;height:37px;display:flex;gap:3px;align-items:flex-end}.brandMark i{display:block;width:9px;background:var(--orange);transform:skewY(-25deg)}.brandMark i:nth-child(1){height:22px}.brandMark i:nth-child(2){height:31px}.brandMark i:nth-child(3){height:37px}.nav nav{display:flex;gap:34px;font-size:14px;font-weight:600}.nav nav a:hover{color:var(--orange)}.navCta{border:1px solid var(--ink);padding:13px 20px;font-size:13px;font-weight:700}.navCta:hover{background:var(--ink);color:white}.hero{border-top:1px solid var(--line);padding:54px 0 82px}.heroGrid{display:grid;grid-template-columns:1.04fr .96fr;min-height:570px;gap:48px;align-items:center}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.19em;color:var(--orange);margin:0 0 22px}.hero h1,.sectionHead h2,.process h2,.contact h2{font-family:"Manrope";letter-spacing:-.055em}.hero h1{font-size:clamp(54px,7vw,94px);line-height:.96;margin:0;font-weight:500}.hero h1 em{display:block;font-style:normal;color:var(--orange)}.lead{font-size:19px;line-height:1.65;color:#52636a;max-width:600px;margin:32px 0}.heroActions{display:flex;align-items:center;gap:32px}.primary{display:inline-flex;justify-content:space-between;align-items:center;gap:28px;background:var(--orange);color:#fff;padding:17px 22px;font-weight:700;font-size:14px}.primary:hover{background:#d95725}.textLink{font-weight:700;font-size:14px;border-bottom:1px solid;padding:14px 0}.textLink span{margin-left:16px}.proof{margin-top:54px;padding-left:18px;border-left:3px solid var(--orange);display:flex;flex-direction:column}.proof b{font-size:14px}.proof span{color:#64747a;font-size:13px;margin-top:4px}.glassArt{height:570px;background:#bfd4da;position:relative;overflow:hidden;isolation:isolate}.glassArt:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#fff8,transparent 50%),linear-gradient(165deg,transparent 64%,#0c222c29 64%)}.sun{position:absolute;width:180px;height:180px;border-radius:50%;background:#f2e8ce;right:14%;top:12%}.frame{position:absolute;border:12px solid var(--navy);background:linear-gradient(135deg,#fff7,#26657a2e);box-shadow:0 16px 30px #17394535}.frame span{position:absolute;left:50%;top:0;bottom:0;border-left:8px solid var(--navy)}.frameA{width:54%;height:64%;left:8%;bottom:-5%;transform:skewY(-5deg)}.frameB{width:42%;height:47%;right:-7%;bottom:15%;transform:skewY(6deg)}.glassArt>p{position:absolute;top:44px;left:42px;font:600 13px/1.5 "Manrope";letter-spacing:.08em;text-transform:uppercase}.section{padding:115px 0}.sectionHead{display:grid;grid-template-columns:1.3fr .7fr;gap:80px;align-items:end;margin-bottom:58px}.sectionHead h2{font-size:clamp(38px,5vw,62px);line-height:1.05;font-weight:500;margin:0}.sectionHead>p{color:#66777d;line-height:1.7;margin:0}.serviceGrid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}.service{padding:32px 26px 34px;border-right:1px solid var(--line);min-height:300px;display:flex;flex-direction:column}.service:first-child{border-left:1px solid var(--line)}.service>span{font:700 12px "Manrope";color:var(--orange)}.service h3{font:600 21px/1.2 "Manrope";margin:48px 0 16px}.service p{color:#6a797e;font-size:14px;line-height:1.65;margin:0}.service a{margin-top:auto;font-size:13px;font-weight:700}.service a b{color:var(--orange);margin-left:8px}.projects{background:var(--navy);color:white;padding:110px 0}.sectionHead.light>p{color:#aac0c7}.projectGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:26px}.project{grid-column:span 4}.project1,.project4{grid-column:span 7}.project2,.project5{grid-column:span 5}.projectVisual{height:300px;position:relative;overflow:hidden;background:linear-gradient(145deg,#d5e7eb,#7396a0);border:1px solid #ffffff1c}.project1 .projectVisual,.project5 .projectVisual{background:linear-gradient(155deg,#f0e6d6,#94b7c0)}.project3 .projectVisual,.project6 .projectVisual{background:linear-gradient(120deg,#95b7c0,#cfdee1)}.windowPane{position:absolute;inset:11% 13%;border:8px solid #18333d;background:linear-gradient(135deg,#ffffff55,#3b829744)}.windowPane:after{content:"";position:absolute;left:50%;inset-block:0;border-left:5px solid #18333d}.windowLine{position:absolute;width:120%;border-top:4px solid #f0f1e9;transform:rotate(-28deg);left:-10%;bottom:30%}.project h3{font:600 18px "Manrope";margin:18px 0 6px}.project p{margin:0;color:#8fa9b1;font-size:13px}.process{padding:120px 0}.process>h2{font-size:clamp(40px,5vw,64px);font-weight:500;margin:0 0 58px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:55px}.steps>div{border-top:1px solid #bfc9c9;padding-top:26px}.steps b{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--orange);color:white;font-size:13px}.steps h3{font:600 20px "Manrope";margin:28px 0 10px}.steps p{color:#68787d;line-height:1.6;font-size:14px}.contact{background:#dbe9ec;padding:95px 0}.contactInner{display:grid;grid-template-columns:1.2fr .8fr;gap:110px;align-items:center}.contact h2{font-size:clamp(46px,6vw,76px);font-weight:500;line-height:1;margin:0 0 24px}.contactInner>div>p:last-child{color:#5d7179;max-width:570px;line-height:1.7}.contactCard{background:white;padding:36px}.contactCard small{letter-spacing:.15em;font-weight:700;color:#73878e}.contactCard>a:first-of-type{display:block;font:600 clamp(28px,4vw,44px) "Manrope";margin:16px 0 28px}.contactCard .primary{display:flex}.contactCard p{font-size:13px;color:#7a8b91;margin:22px 0 0}footer{padding:48px 0;display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:40px}footer>p,footer>small{color:#738187;font-size:12px}.floatWa{display:none;position:fixed;right:18px;bottom:18px;background:#25d366;color:white;padding:12px 17px;border-radius:999px;align-items:center;gap:9px;box-shadow:0 10px 30px #092e1a40;z-index:10}.floatWa span{font-size:10px;border:1px solid white;border-radius:50%;width:26px;height:26px;display:grid;place-items:center}.floatWa b{font-size:13px}
@media(max-width:900px){.nav nav{display:none}.heroGrid{grid-template-columns:1fr;min-height:auto}.glassArt{height:430px}.sectionHead{grid-template-columns:1fr;gap:24px}.serviceGrid{grid-template-columns:1fr 1fr}.service:nth-child(3){border-left:1px solid var(--line)}.project{grid-column:span 6!important}.contactInner{grid-template-columns:1fr;gap:50px}footer{grid-template-columns:1fr;gap:18px}.floatWa{display:flex}}
@media(max-width:600px){.shell{width:calc(100% - 30px)}.nav{height:76px}.navCta{display:none}.brand strong{font-size:17px}.hero{padding:38px 0 58px}.heroGrid{gap:42px}.hero h1{font-size:53px}.lead{font-size:16px;margin:24px 0}.heroActions{flex-direction:column;align-items:stretch;gap:8px}.textLink{text-align:center}.proof{margin-top:35px}.glassArt{height:345px}.frame{border-width:8px}.frame span{border-left-width:5px}.section,.process{padding:78px 0}.sectionHead{margin-bottom:38px}.sectionHead h2,.process>h2{font-size:40px}.serviceGrid{grid-template-columns:1fr}.service,.service:nth-child(3){border-left:1px solid var(--line);min-height:240px}.service h3{margin-top:30px}.projects{padding:78px 0}.project{grid-column:span 12!important}.projectVisual{height:250px}.steps{grid-template-columns:1fr;gap:35px}.contact{padding:75px 0}.contact h2{font-size:46px}.contactCard{padding:25px}.contactCard>a:first-of-type{font-size:29px}footer{padding-bottom:100px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}