@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#080c0f;--text:#f6f6f7;--muted:#a2a9b1;--line:#ffffff20}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #bbcfee;outline-offset:6px}.topline{height:43px;padding:0 5.3%;display:flex;align-items:center;justify-content:space-between;font-size:10px;letter-spacing:2.1px;color:#9ea9b5;border-bottom:1px solid #ffffff09}.glass{position:sticky;top:18px;z-index:20;margin:19px 5.3% 0;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 28px;border:1px solid #ffffff25;border-top-color:#ffffff42;border-radius:50px;background:linear-gradient(120deg,#ffffff10,#ffffff03 45%,#ffffff0a);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:inset 0 1px 0 #ffffff18,inset 0 -1px 0 #ffffff08,0 12px 40px #0003}.logo{display:block;width:162px;height:44px;overflow:hidden;position:relative}.logo img{width:187px;height:auto;position:absolute;left:-13px;top:-10px;mix-blend-mode:screen}.glass nav{display:flex;gap:34px}.glass nav a{font-size:14px;color:#c0c4c9;transition:color .2s}.glass nav a:hover,.glass nav a.active{color:white}.button{display:inline-flex;gap:10px;align-items:center;justify-content:center;border:1px solid #c5cbd2;border-radius:40px;background:transparent;color:#fff;padding:15px 24px;font-weight:550;font-size:14px;line-height:1;box-shadow:none;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px);background:#ffffff12;border-color:#fff}.button span{font-size:15px;line-height:1;display:inline-flex;align-items:center}.button.small{padding:10px 18px;font-size:13px;gap:8px}.button.outline{background:transparent;color:#fff;border-color:#9ca2aa;box-shadow:none}.button.outline:hover{background:#ffffff10;border-color:#c5cbd2}.header-cta{opacity:0;transform:translateY(-6px) scale(.96);pointer-events:none;max-width:0;padding-left:0;padding-right:0;margin:0;border-width:0;overflow:hidden;transition:opacity .28s ease,transform .28s ease,max-width .28s ease,padding .28s ease}.header-cta.is-visible{opacity:1;transform:none;pointer-events:auto;max-width:180px;padding-left:18px;padding-right:18px;border-width:1px}.menu{display:none}.hero{min-height:665px;height:calc(100svh - 144px);max-height:920px;position:relative;overflow:hidden;display:flex;align-items:center;padding:55px 8.5% 100px;background:radial-gradient(ellipse at 76% 50%,#1b232b42,transparent 58%)}.hero-copy{z-index:2;position:relative;max-width:780px}.eyebrow{font-size:12px;letter-spacing:3px;color:#c1cbd6;margin:0 0 24px}h1{font-size:clamp(42px,5.3vw,82px);line-height:1.06;font-weight:450;letter-spacing:-3.8px;margin:0;color:#cbd0d8}h1 strong{font-weight:550;color:#fafafa}.intro{font-size:18px;line-height:1.6;max-width:485px;margin:24px 0 30px;color:#e0e2e5}.actions{display:flex;gap:16px;flex-wrap:wrap;align-items:center}.geometry{position:absolute;inset:0;pointer-events:none}.plane{position:absolute}.front{width:53%;height:80%;right:0;bottom:-22%;clip-path:polygon(60% 0,100% 100%,0 80%);background:linear-gradient(140deg,#8b98a8 0%,#27313b 18%,#0a1016 52%,#19222c 80%);filter:drop-shadow(0 0 10px #aebcc9)}.back{width:43%;height:98%;right:-17%;bottom:-6%;clip-path:polygon(38% 0,100% 100%,0 25%);background:linear-gradient(140deg,#87929e 0%,#20292f 31%,#03080b 64%)}.side{width:24%;height:70%;right:-3%;bottom:-22%;clip-path:polygon(0 0,100% 100%,0 83%);background:linear-gradient(90deg,#020507,#101920)}.edge{position:absolute;width:1px;height:49%;right:21.2%;bottom:-1%;background:linear-gradient(#d9e5f1,#6d819970);transform:rotate(-.3deg);box-shadow:0 0 16px #bed5ed50}.halo{position:absolute;right:5%;top:22%;width:300px;height:300px;background:#8da6bd14;filter:blur(60px)}.hero-bottom{position:absolute;bottom:29px;left:8.5%;right:8.5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.8px;color:#87919b}.hero-bottom a{display:flex;gap:24px}.hero-bottom a span{font-size:16px}.section{padding:100px 8.5%;border-top:1px solid var(--line);scroll-margin-top:0}h2{font-size:clamp(30px,3.3vw,48px);line-height:1.17;letter-spacing:-1.6px;font-weight:450;margin:0}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:46px;gap:30px}.section-heading>p{font-size:15px;color:var(--muted);line-height:1.7}.projects{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:1040px}.project-preview{height:auto;aspect-ratio:16/9;border-radius:3px;position:relative;overflow:hidden;padding:28px;transition:transform .4s}.project-preview:hover{transform:translateY(-5px)}.project-preview.shot{padding:0;background:#111;display:block}.project-preview.shot img,.project-preview.shot video{width:100%;height:100%;object-fit:cover;object-position:top center;display:block;transition:transform .5s}.project-preview.shot:hover img,.project-preview.shot:hover video{transform:scale(1.04)}.project-preview.shot .preview-foot{z-index:2;color:#fff;bottom:20px;left:22px;text-shadow:0 1px 8px #0009}.project-preview.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,#00000088);pointer-events:none}.preview-nav{display:flex;justify-content:space-between;font-size:20px;letter-spacing:-1px}.preview-nav span{font-size:8px;letter-spacing:1px}.preview-foot{position:absolute;bottom:24px;font-size:8px;letter-spacing:1px}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:18px}.project-caption h3{font-size:18px;font-weight:500;margin:0}.project-caption span{font-size:12px;color:var(--muted)}.service-layout{display:grid;grid-template-columns:1fr 1fr;gap:70px}.service-list details{border-bottom:1px solid var(--line);padding:25px 0}.service-list details:first-child{padding-top:0}summary{display:flex;align-items:center;gap:25px;cursor:pointer;font-size:22px;list-style:none}summary::-webkit-details-marker{display:none}summary span{font-size:11px;color:var(--muted)}summary b{margin-left:auto;font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{font-size:15px;color:var(--muted);line-height:1.8;margin:20px 20px 0 40px}.about{background:radial-gradient(ellipse at 100% 100%,#222d3833,transparent 70%)}.about h2 span{color:#828b96}.about-bottom{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-top:35px}.about-bottom p{max-width:580px;color:var(--muted);font-size:16px;line-height:1.8}.about-bottom .button{flex-shrink:0}footer{border-top:1px solid var(--line);margin:0 8.5%;padding:35px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.footer-contact{display:flex;gap:22px;flex-wrap:wrap}.footer-contact a:hover,.topline a:hover{color:#fff}dialog a{color:#d7dee6;text-decoration:underline;text-underline-offset:3px}.gotcha{position:absolute;left:-9999px;opacity:0;height:0;width:0;pointer-events:none}.footer-brand{font-size:24px;letter-spacing:-1.5px;font-weight:700;color:#fff}.footer-brand span{font-weight:400}dialog{width:min(540px,calc(100% - 32px));background:#10161c;color:#fff;border:1px solid #ffffff30;border-radius:24px;padding:38px;box-shadow:0 30px 100px #0009}dialog::backdrop{background:#020507b8;backdrop-filter:blur(12px)}dialog h2{font-size:36px}dialog p{color:var(--muted);font-size:14px;line-height:1.6}.close{position:absolute;right:20px;top:12px;background:none;color:#fff;border:0;font-size:30px}label{display:block;margin:20px 0;font-size:14px}.req{color:#3dd68c;margin-left:4px}input,textarea{display:block;margin-top:9px;width:100%;background:#ffffff06;color:white;border:1px solid #ffffff28;border-radius:10px;padding:13px;resize:vertical}input:focus,textarea:focus{outline:1px solid #a9bdd5}dialog .form-note{font-size:12px;margin-bottom:0}.form-success{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;min-height:280px;text-align:center}.form-success[hidden]{display:none}.form-success p{margin:0;font-size:18px;font-weight:500;color:#e8f5e9}.success-check{width:78px;height:78px}.success-check svg{width:100%;height:100%;display:block}.success-check circle{fill:none;stroke:#3dd68c;stroke-width:2.5;stroke-dasharray:151;stroke-dashoffset:151}.success-check path{fill:none;stroke:#3dd68c;stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48}.form-success.animate .success-check circle{animation:check-circle .45s ease forwards}.form-success.animate .success-check path{animation:check-mark .35s .35s ease forwards}.form-success.animate{animation:success-pop .45s ease}@keyframes check-circle{to{stroke-dashoffset:0}}@keyframes check-mark{to{stroke-dashoffset:0}}@keyframes success-pop{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.form-success.animate,.form-success.animate .success-check circle,.form-success.animate .success-check path{animation:none}.success-check circle,.success-check path{stroke-dashoffset:0}}@media(min-width:1600px){.hero{padding-left:12%}.glass{margin-left:8%;margin-right:8%}}@media(max-width:900px){.glass nav{gap:20px}.hero{min-height:630px}h1{font-size:57px;letter-spacing:-2.8px}.hero-copy{max-width:620px}.geometry{opacity:.65;transform:translateX(100px)}.section{padding:75px 7%}.service-layout{gap:30px}.section-heading{align-items:start;flex-direction:column}.project-preview{aspect-ratio:16/9}}@media(max-width:760px){.topline{height:35px;justify-content:center;font-size:8px}.topline a{display:none}.glass{height:67px;top:12px;margin:12px 5% 0;padding:0 16px}.logo{width:130px;height:38px}.logo img{width:151px;left:-10px;top:-7px}.glass>.small{margin-left:auto;margin-right:15px;font-size:11px;padding:8px 12px;gap:6px}.menu{display:block;background:none;border:0;color:white;font-size:20px;padding:8px}.glass nav{display:none;position:absolute;top:78px;left:0;right:0;padding:25px;border-radius:23px;background:#141b23f5;border:1px solid #ffffff25;flex-direction:column}.glass nav.open{display:flex}.hero{height:calc(100svh - 114px);min-height:625px;padding:58px 7% 180px;align-items:flex-start}.eyebrow{font-size:10px;letter-spacing:2.5px;margin-bottom:22px}h1{font-size:clamp(35px,8.8vw,54px);letter-spacing:-1.9px;line-height:1.1}.intro{font-size:16px;max-width:360px;margin-top:22px}.button{padding:13px 20px;font-size:13px;gap:8px}.geometry{transform:translate(30px,150px);opacity:.6}.front{width:95%;height:65%;bottom:-5%}.back{width:76%;right:-25%;height:75%;bottom:5%}.side{right:-21%;width:52%;height:54%;bottom:-3%}.edge{display:none}.hero-bottom{left:7%;right:7%;font-size:8px;letter-spacing:1px}.hero-bottom>span{max-width:155px;line-height:1.8}.hero-bottom a{gap:8px;align-items:center}.section{padding:62px 7%}.section-heading{gap:15px;margin-bottom:30px}h2{letter-spacing:-1px}.projects{grid-template-columns:1fr;gap:28px}.project-preview{aspect-ratio:16/9}.project-caption span{font-size:11px}.service-layout{grid-template-columns:1fr;gap:35px}.about-bottom{display:block;margin-top:24px}.about-bottom .button{margin-top:15px}footer{flex-wrap:wrap;gap:18px;margin:0 7%}footer .footer-brand{width:100%}.footer-contact{width:100%}dialog{padding:30px 24px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}