:root{--bg:#101820;--panel:#182630;--panel2:#1c3440;--mint:#6fe1d0;--white:#f5f7f8;--muted:#bac7cd;--line:#334751}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.site-header{display:flex;align-items:center;justify-content:space-between;padding:26px 0}.brand{font-size:15px;font-weight:800;letter-spacing:.12em}.brand span,.eyebrow,em{color:var(--mint)}nav{display:flex;gap:26px}nav a,footer a{font-size:14px;color:var(--muted)}nav a:hover,footer a:hover{color:var(--mint)}.menu-toggle{display:none}.hero{padding:105px 0 40px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.18em}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(52px,8.4vw,110px);line-height:1.03;letter-spacing:-.065em;margin:23px 0 28px}h1 em,h2 em{font-style:normal}.hero>p{max-width:590px;color:var(--muted);font-size:clamp(18px,2.3vw,23px)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 60px}.btn{display:inline-block;padding:14px 23px;border-radius:7px;font-weight:700;font-size:14px}.primary{background:var(--mint);color:var(--bg)}.primary:hover{background:#a0f3e7}.secondary{border:1px solid #71818a}.secondary:hover{border-color:var(--mint)}.hero-art{height:290px;border-radius:14px;background:radial-gradient(ellipse at 50% 70%,#23535b 0%,#152b36 40%,#101820 80%);position:relative;overflow:hidden}.orb{position:absolute;width:400px;height:150px;border:1px solid #5cdecc77;border-radius:50%;transform:rotate(-18deg);left:28%;top:24%;box-shadow:0 0 45px #43d6c222}.orb-two{transform:rotate(24deg);left:35%;top:35%;width:340px}.grid-overlay{position:absolute;inset:0;background-image:linear-gradient(#7dffed0c 1px,transparent 1px),linear-gradient(90deg,#7dffed0c 1px,transparent 1px);background-size:35px 35px;mask-image:linear-gradient(transparent,#000)}.section{padding:105px 0 20px;scroll-margin-top:25px}h2{font-size:clamp(35px,5vw,62px);line-height:1.12;letter-spacing:-.045em;margin:15px 0 18px}.intro{color:var(--muted);max-width:680px;font-size:18px;margin-bottom:35px}.cards{display:grid;gap:18px}.three{grid-template-columns:repeat(3,1fr)}.two{grid-template-columns:repeat(2,1fr)}.card,.project{background:var(--panel);border:1px solid var(--line);border-radius:12px;overflow:hidden}.card{padding:34px}.card-icon{display:block;color:var(--mint);font-size:38px;margin-bottom:27px}.card h3,.project h3{font-size:23px;margin-bottom:9px}.card p,.project p,.about p{color:var(--muted)}.project-visual{height:220px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1e4551,#101820);color:#7fe7d9;font-size:85px;font-weight:800;letter-spacing:-.1em}.visual-two{background:linear-gradient(135deg,#18333d,#276268)}.project-body{padding:25px}.about{max-width:1120px}.about p{max-width:720px;font-size:18px}.contact{margin-top:100px;padding:90px 0;background:#1c3440}.contact p{color:var(--muted);font-size:18px}.contact .hint{font-size:12px;margin:16px 0 0}footer{display:flex;justify-content:space-between;gap:20px;padding:35px 0;color:var(--muted);font-size:13px}footer div{display:flex;gap:22px}@media(max-width:700px){.site-header{flex-wrap:wrap}.menu-toggle{display:block;background:none;border:1px solid var(--line);border-radius:6px;color:var(--white);padding:7px 12px;font-size:20px}nav{display:none;width:100%;flex-direction:column;gap:12px;padding:22px 0 0}nav.open{display:flex}.hero{padding-top:65px}.hero-art{height:200px}.orb{left:4%}.orb-two{left:12%}.section{padding-top:75px}.three,.two{grid-template-columns:1fr}.contact{margin-top:75px;padding:65px 0}footer{flex-direction:column}}

.ph{font-size:12px;font-weight:600;color:var(--mint);letter-spacing:.04em;vertical-align:middle}.more{color:var(--mint);font-size:14px}:focus-visible{outline:2px solid var(--mint);outline-offset:3px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.project-shot{padding:0;display:block;height:auto;max-height:260px;overflow:hidden}.project-shot img{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.shots{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:16px 0}.shots img{width:100%;height:60px;object-fit:cover;object-position:top left;border:1px solid var(--line);border-radius:6px;display:block}.shots a:hover img{border-color:var(--mint)}@media(max-width:700px){.shots{grid-template-columns:repeat(3,1fr)}}