@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap');
:root{--ink:#101820;--navy:#07131f;--cyan:#63e6ff;--paper:#f3f1eb;--muted:#71808b;--line:rgba(16,24,32,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.site-header{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:28px 6vw;color:#fff}.brand{font-weight:700;letter-spacing:.18em;font-size:1.15rem}.brand span{color:var(--cyan)}.nav{display:flex;align-items:center;gap:28px;font-size:.82rem}.nav a{opacity:.8}.nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.35);padding:12px 16px;border-radius:30px;opacity:1!important}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:1.5rem}.hero{min-height:760px;background:radial-gradient(circle at 78% 38%,#173d50 0,#0a1b2a 34%,#07131f 70%);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:130px 6vw 80px;position:relative;overflow:hidden}.hero-content{position:relative;z-index:2;max-width:650px}.eyebrow,.section-label{font-size:.72rem;letter-spacing:.18em;font-weight:700;color:var(--cyan)}h1,h2{font-size:clamp(3.2rem,7vw,7.4rem);line-height:.98;letter-spacing:-.065em;margin:25px 0}h1 em,h2 span{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-.04em}h2{font-size:clamp(2.6rem,5vw,5.4rem)}.hero-copy{max-width:420px;color:#b7c5ce;line-height:1.7;font-size:1.05rem}.actions{display:flex;gap:12px;margin-top:32px;flex-wrap:wrap}.button{display:inline-block;border-radius:30px;padding:15px 22px;font-size:.85rem;font-weight:700}.primary{background:var(--cyan);color:#07131f}.secondary{border:1px solid rgba(255,255,255,.35);color:#fff}.hero-visual{height:450px;position:relative;display:flex;align-items:center;justify-content:center}.house{width:390px;height:260px;position:relative;background:linear-gradient(135deg,#253e4b,#10232f);border:1px solid #44606d;box-shadow:0 30px 100px #0008}.roof{position:absolute;left:-35px;top:-90px;width:460px;height:160px;background:linear-gradient(135deg,#344f5b,#10232f);clip-path:polygon(50% 0,100% 100%,0 100%);border-bottom:1px solid #63818d}.glass{position:absolute;left:35px;top:45px;width:320px;height:145px;background:linear-gradient(120deg,#78d7e933,#09151fcc);border:1px solid #62808b}.door{position:absolute;bottom:0;left:165px;width:65px;height:175px;background:#08141d;border:1px solid #52717e}.light{position:absolute;width:12px;height:12px;border-radius:50%;background:var(--cyan);box-shadow:0 0 25px var(--cyan)}.l1{left:70px;top:85px}.l2{right:70px;top:85px}.l3{left:280px;top:210px}.visual-caption{position:absolute;bottom:0;right:0;color:#7e9baa;font-size:.75rem;max-width:180px;line-height:1.5}.section{padding:120px 6vw}.intro{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.section p{max-width:620px;color:#66737b;line-height:1.8;font-size:1.05rem}.work-section{background:#fff}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.work-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:28px}.project-art{height:340px;display:flex;align-items:center;justify-content:center;font-size:2rem;letter-spacing:.12em;color:#fff}.ai-art{background:radial-gradient(circle at 50% 40%,#245c70,#07131f 70%)}.pos-art{background:linear-gradient(135deg,#d6c9ae,#68756c);color:#17231f}.demo-art{background:linear-gradient(135deg,#aebdca,#344c5c)}.project-meta{display:flex;justify-content:space-between;color:#8b969c;font-size:.65rem;letter-spacing:.1em;margin-top:18px}.project h3{font-size:1.45rem;margin:15px 0 5px}.project p{font-size:.9rem;margin:0}.services-section{background:#e8e6df}.service-list{margin-top:55px;border-top:1px solid var(--line)}.service-list>div{display:grid;grid-template-columns:10% 35% 55%;align-items:center;padding:28px 0;border-bottom:1px solid var(--line)}.service-list span{color:#8b969c}.service-list h3{font-size:1.8rem;margin:0}.service-list p{margin:0;font-size:.9rem}.about-section{display:grid;grid-template-columns:.7fr 1.3fr;gap:8vw}.about-section h2{margin-top:0}.contact-section{background:var(--navy);color:#fff;text-align:center;padding:130px 6vw}.contact-section h2{margin:25px 0}.contact-section>p:not(.eyebrow){color:#9db0bb;margin:0 auto 30px}.footer{background:#07131f;color:#8fa1ab;border-top:1px solid #28404d;display:flex;justify-content:space-between;align-items:center;padding:35px 6vw;font-size:.75rem}.footer p{margin:10px 0}.footer .brand{color:#fff}@media(max-width:800px){.site-header{padding:22px 6vw}.menu-toggle{display:block}.nav{display:none;position:absolute;top:75px;left:6vw;right:6vw;background:#102432;padding:22px;flex-direction:column;align-items:flex-start;border:1px solid #38505d}.nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:150px;min-height:900px}.hero-visual{margin-top:40px;height:300px}.house{transform:scale(.72)}.visual-caption{bottom:-20px}.intro,.about-section{grid-template-columns:1fr;gap:30px}.section{padding:80px 6vw}.section-heading{display:block}.work-grid{grid-template-columns:1fr}.project-art{height:280px}.service-list>div{grid-template-columns:15% 85%;gap:12px}.service-list p{grid-column:2}.footer{display:block}.contact-section{padding:90px 6vw}}