:root{color-scheme:dark;--ink:#f7fbff;--muted:rgba(247,251,255,.68);--deep:#1f2b34;--blue:#62aaf7;--cyan:#82d9e8;--shadow:0 28px 70px rgba(0,0,0,.26);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;background:#26323c;color:var(--ink)}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.site-header{align-items:center;display:flex;justify-content:space-between;left:0;padding:28px clamp(22px,5vw,58px);position:fixed;right:0;top:0;z-index:30}.brand-mark{align-items:center;border:1px solid rgba(255,255,255,.28);display:inline-flex;font-weight:800;height:44px;justify-content:center;width:44px}.menu-button{align-items:center;background:transparent;border:0;cursor:pointer;display:grid;gap:6px;height:52px;justify-items:center;padding:0;width:52px}.menu-button span{background:#fff;border-radius:999px;box-shadow:0 1px 10px #00000047;display:block;height:6px;width:36px}.menu-overlay{backdrop-filter:blur(10px);background:#2b3c46f0;inset:0;opacity:0;pointer-events:none;position:fixed;transition:opacity .24s ease;z-index:20}.menu-overlay.open{opacity:1;pointer-events:auto}.menu-panel{display:grid;gap:10px;left:clamp(26px,6vw,120px);position:absolute;top:30vh}.menu-panel a{font-size:clamp(2rem,4vw,3.2rem);font-weight:800;line-height:1.08;transition:color .18s ease,transform .18s ease}.menu-panel a:hover{color:var(--cyan);transform:translate(10px)}.section-panel{min-height:100vh;padding:clamp(110px,13vh,150px) clamp(24px,6vw,120px) clamp(54px,8vh,96px);position:relative}.hero{align-items:center;background:radial-gradient(circle at 82% 20%,rgba(98,170,247,.28),transparent 32rem),linear-gradient(120deg,#26323c,#42535b 46%,#21313d);display:grid;gap:clamp(30px,5vw,70px);grid-template-columns:minmax(290px,.86fr) minmax(360px,1.14fr)}.eyebrow{color:var(--blue);font-size:clamp(1.55rem,3vw,2.7rem);font-weight:500;margin:0 0 10px}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3rem,6vw,5.3rem);line-height:1.04;margin-bottom:12px}.hero-copy h2,.history-heading h2{color:#ffffffa6;font-size:clamp(2.2rem,4.2vw,4.8rem);line-height:1.08;margin-bottom:12px}.hero-copy p,.section-intro p,.contact-list,.timeline p,.project-card span{color:var(--muted);font-size:clamp(1rem,1.45vw,1.42rem);font-weight:700;line-height:1.34}.hero-copy p{max-width:700px}.button-row,.form-actions{display:flex;flex-wrap:wrap;gap:28px;margin-top:34px}.button{align-items:center;border:2px solid var(--blue);display:inline-flex;font-size:1.05rem;font-weight:800;justify-content:center;min-height:54px;min-width:170px;padding:0 26px;transition:background .18s ease,color .18s ease,transform .18s ease}.button:hover{transform:translateY(-2px)}.button-fill{background:var(--blue);color:#172536}.button-outline{background:#14202838}.hero-portrait{min-height:min(72vh,760px);position:relative}.hero-portrait img{bottom:-8vh;filter:drop-shadow(0 26px 36px rgba(0,0,0,.34));max-height:min(76vh,790px);max-width:70%;position:absolute;right:0;z-index:2}.diamond-stack{inset:0;overflow:hidden;position:absolute}.diamond-stack span{aspect-ratio:1;background:linear-gradient(140deg,#4e7fae,#6aaaf1);box-shadow:inset 18px 18px 34px #ffffff14,inset -18px -18px 34px #00000038,var(--shadow);display:block;position:absolute;right:-8%;top:50%;transform:translateY(-50%) rotate(45deg);width:min(82vw,760px)}.diamond-stack span:nth-child(2){right:11%;width:min(55vw,520px)}.diamond-stack span:nth-child(3){right:26%;width:min(30vw,300px)}.portfolio{background:linear-gradient(130deg,#0f5268,#183846 52%,#66aef8 135%);display:grid;gap:54px;grid-template-columns:minmax(280px,.34fr) minmax(420px,.66fr)}.section-intro{align-self:center;max-width:620px}.project-grid{align-content:center;display:grid;gap:28px}.project-card{border:1px solid rgba(255,255,255,.16);box-shadow:var(--shadow);display:grid;gap:20px;overflow:hidden;padding:clamp(22px,3vw,34px);position:relative;transform-style:preserve-3d;transition:transform .16s ease}.project-card h2{font-size:clamp(2rem,4vw,4rem);line-height:1.04;margin-bottom:16px}.project-card h3{color:#ffffffb3;font-size:1.4rem}.project-card p{color:var(--blue);font-size:1.45rem;font-weight:500;margin-bottom:12px}.project-card img{box-shadow:18px 24px 34px #00000038;justify-self:end;max-width:min(100%,760px);transform:perspective(1000px) rotateY(-9deg) rotateX(2deg)}.history{background:linear-gradient(110deg,#d7ded8,#eef2ed 45%,#7fa0a7);color:#26323c;display:grid;gap:56px;grid-template-columns:minmax(260px,.34fr) minmax(560px,.66fr)}.history .eyebrow,.history-heading h1,.history-heading h2{color:#fff}.timeline{position:relative}.timeline:before{background:#233242;bottom:0;content:"";left:220px;position:absolute;top:10px;width:4px}.timeline-item{display:grid;gap:54px;grid-template-columns:180px minmax(0,1fr);padding-bottom:64px;position:relative}.timeline-item:before{background:#233242;border-radius:999px;content:"";height:14px;left:215px;position:absolute;top:10px;width:14px}.timeline time{color:#5b6670;font-size:clamp(1.7rem,3.3vw,3rem);font-weight:700;line-height:1.08;text-align:right}.timeline h3{color:#56616b;font-size:clamp(2rem,3.6vw,3.8rem);line-height:1.05;margin-bottom:18px}.timeline h4{color:#56616b;font-size:clamp(1.1rem,1.8vw,1.6rem);margin:0 0 4px}.timeline p{color:#56616b;max-width:780px}.contact{background:linear-gradient(112deg,#81999c,#778f92 48%,#26313c);display:grid;gap:56px;grid-template-columns:minmax(280px,.36fr) minmax(520px,.64fr)}.contact .eyebrow{color:#22313d}.contact-copy{align-self:center}.contact h1:after{content:" ->"}.contact-list{display:grid;gap:6px;margin-top:32px}.contact-list p{margin:0}.contact-form{align-self:center;display:grid;gap:18px}.contact-form label{display:grid}.contact-form label span{height:0;overflow:hidden}.contact-form input,.contact-form textarea{background:#25333c33;border:2px solid rgba(33,46,56,.34);color:#fff;min-height:66px;outline:0;padding:16px 24px;resize:vertical}.contact-form input:focus,.contact-form textarea:focus{border-color:#fff}.hp{display:none!important}.form-actions{justify-content:flex-end}@media(max-width:980px){.hero,.portfolio,.history,.contact{grid-template-columns:1fr}.hero-portrait{min-height:48vh;order:-1}.hero-portrait img{max-width:54%}.timeline:before,.timeline-item:before{left:0}.timeline-item{gap:26px;grid-template-columns:1fr;padding-left:32px}.timeline time{text-align:left}}@media(max-width:640px){.site-header{padding:18px}.brand-mark{height:38px;width:38px}.menu-button{height:44px;width:44px}.menu-button span{height:5px;width:30px}.section-panel{min-height:auto;padding:92px 18px 54px}.hero-copy{position:relative;z-index:3}.hero-portrait{min-height:320px}.hero-portrait img{bottom:-20px;max-width:68%}.button{min-width:140px;width:100%}.button-row,.form-actions{gap:14px}.project-card img{transform:none}}