@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700&family=Barlow:wght@400;500;600;700&display=swap');
:root{--bg:#10151b;--text:#f1f3f6;--muted:#a3aebc;--blue:#427aff;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:Barlow,Arial,sans-serif;font-size:17px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}header{position:fixed;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:22px 5%;background:linear-gradient(#10151bef,#10151b00);backdrop-filter:blur(8px)}.brand{display:flex;align-items:center;gap:13px}.brand b{font-size:34px;letter-spacing:-3px}.brand b span{color:var(--blue);font-size:28px}.brand>span{font-size:12px;font-weight:600;letter-spacing:2px;line-height:1.35}nav{display:flex;gap:36px;align-items:center;font-size:14px}.nav-cta{border:1px solid #ffffff55;padding:12px 20px}.nav-cta span{margin-left:28px}.story{position:relative;height:660vh}.stage{position:sticky;top:0;height:100svh;overflow:hidden;background:radial-gradient(ellipse at 78% 52%,#263649 0%,#141c25 42%,#10151b 74%)}.grid-bg{position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:90px 90px}#scene{position:absolute;left:34%;right:0;top:5%;bottom:4%}#scene canvas{display:block;width:100%;height:100%}.model-note{position:absolute;right:5%;top:135px;font-size:12px;letter-spacing:2px;color:#c4cfdd}.model-note span{display:block;text-align:right;letter-spacing:0;font-size:12px;color:#7e8da1;margin-top:8px}.stage-bottom{position:absolute;bottom:32px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:2px}.progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff12}.progress i{display:block;width:0;height:100%;background:var(--blue)}.chapter{position:relative;height:110vh;padding:0 5%;display:flex;align-items:center;pointer-events:none}.chapter.first{margin-top:-100svh}.chapter-copy{width:48%;max-width:630px;pointer-events:auto}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.4px;line-height:1.8;color:var(--blue);margin:0 0 25px}h1,h2{font-family:'Barlow Condensed',Impact,'Arial Narrow',sans-serif;font-weight:600;letter-spacing:-1.5px;line-height:.98;margin:0 0 28px}h1{font-size:clamp(58px,6.7vw,108px)}h2{font-size:clamp(48px,5.6vw,86px)}em{font-style:normal;color:var(--blue)}.chapter-copy>p:not(.eyebrow){color:var(--muted);line-height:1.7;max-width:390px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:var(--blue);border:0;color:white;padding:18px 23px;font-size:14px;font-weight:600;cursor:pointer;margin-top:22px}.button:hover{background:#6090ff}.button span{font-size:23px}.chapter-number{position:absolute;left:5%;bottom:115px;color:#7f8b9c;font-size:12px;letter-spacing:2px}.tags{font-size:13px;color:#c4cfdd;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);max-width:380px}.content{padding:110px 8%;position:relative}.section-top{display:flex;justify-content:space-between;align-items:start}.section-top>span{font-size:13px;color:var(--muted)}.services{background:#f0f2f5;color:#17202b}.services h2 span{color:#798493}.service-list{margin-top:55px}details{border-top:1px solid #18223125}details:last-child{border-bottom:1px solid #18223125}summary{display:flex;align-items:center;gap:30px;padding:25px 0;font-size:clamp(20px,2.3vw,32px);cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}summary>span{font-family:Barlow,sans-serif;color:#667183;font-size:13px;width:35px}summary b{margin-left:auto;color:var(--blue);font-weight:400}details[open] summary b{transform:rotate(45deg)}details p{margin:0 0 28px 65px;max-width:650px;color:#5f6b7b;line-height:1.6}.about{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.photo{height:530px;overflow:hidden}.photo img{height:100%;width:100%;object-fit:contain;background:#000}.about p:not(.eyebrow){line-height:1.7;color:var(--muted)}.text-link{display:inline-block;margin-top:22px;padding-bottom:12px;border-bottom:1px solid var(--blue)}.contact{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact a{display:block;overflow-wrap:anywhere}.phone{font-size:25px;margin-top:42px;margin-bottom:18px}.address{color:var(--muted);line-height:1.7;margin-top:30px}form h3{font-size:22px;font-weight:500;margin:0 0 30px}label{display:block;font-size:13px;color:#bcc5d0;margin-bottom:24px}input,select,textarea{display:block;width:100%;color:white;border:0;border-bottom:1px solid #ffffff40;background:transparent;padding:12px 0;border-radius:0;outline-offset:5px;font-size:16px}select option{background:#10151b}textarea{resize:vertical}.fields{display:grid;grid-template-columns:1fr 1fr;gap:22px}form .button{width:100%;margin-top:0}.form-note{font-size:12px;color:var(--muted);line-height:1.5}footer{padding:35px 5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>a:last-child{font-size:12px;color:var(--muted)}:focus-visible{outline:2px solid #82a6ff;outline-offset:6px}
@media(min-width:1700px){.chapter-copy{margin-left:4%}}@media(max-width:760px){header{padding:18px 6%}.brand>span{font-size:10px;letter-spacing:1.3px}.brand b{font-size:28px}nav>a:not(.nav-cta){display:none}.nav-cta{padding:9px 12px;font-size:12px}.nav-cta span{margin-left:10px}.chapter{padding:110px 7% 0;align-items:flex-start;height:110vh}.chapter-copy{width:100%;max-width:none}h1{font-size:58px}h2{font-size:52px}.chapter-copy h2{font-size:54px}.chapter-copy p:not(.eyebrow){font-size:15px;line-height:1.5;max-width:300px}.eyebrow{font-size:10px;letter-spacing:1.5px;margin-bottom:18px}.chapter-copy .eyebrow{max-width:260px}.button{padding:12px 16px;margin-top:12px}.chapter-copy .tags{margin-top:16px;padding-top:12px;font-size:12px;max-width:300px}#scene{left:-8%;right:-8%;top:43%;bottom:2%}.model-note{top:auto;bottom:85px;right:6%;font-size:9px;letter-spacing:1px}.model-note span{font-size:10px}.stage-bottom{bottom:25px;left:7%;right:7%;font-size:10px;letter-spacing:1px}.scroll-hint{font-size:9px}.chapter-number{display:none}.content{padding:70px 7%}.about,.contact{grid-template-columns:1fr;gap:45px}.photo{height:320px}.about h2{font-size:52px}.service-list{margin-top:35px}summary{gap:12px;font-size:22px;padding:23px 0}summary>span{width:25px}details p{margin-left:37px;font-size:16px}footer{flex-wrap:wrap;padding:30px 7%}footer>span{order:3;flex-basis:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
