html,body,#root{min-width:320px;min-height:100%;margin:0}:root{--background:#081b26;--surface:#102c3a;--surface-light:#173b4b;--text:#f4f7f8;--muted:#a9bbc4;--accent:#5ed0c4;--border:#ffffff1f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--background);color:var(--text);margin:0;font-family:Inter,Segoe UI,Arial,sans-serif}a{color:inherit;text-decoration:none}.site{min-height:100vh}.header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:92px;margin:0 auto;display:flex}.brand{letter-spacing:.18em;font-size:.86rem;font-weight:700}.nav{gap:34px;display:flex}.nav a{color:var(--muted);font-size:.92rem;transition:color .2s}.nav a:hover{color:var(--text)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;width:min(1180px,100% - 48px);min-height:620px;margin:0 auto;display:grid}.eyebrow,.section-label{color:var(--accent);letter-spacing:.18em;font-size:.76rem;font-weight:700}.hero h1{letter-spacing:-.04em;max-width:700px;margin:20px 0 24px;font-size:clamp(2.8rem,4.6vw,4.7rem);line-height:1.02}.hero h1 span{color:var(--accent)}.hero-description{max-width:650px;color:var(--muted);font-size:1.12rem;line-height:1.8}.hero-actions{gap:14px;margin-top:38px;display:flex}.button{border:1px solid var(--border);border-radius:6px;padding:14px 22px;font-size:.9rem;font-weight:600;transition:background .2s,border-color .2s,transform .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);border-color:var(--accent);color:#06201f}.button-secondary:hover{background:var(--surface)}.portrait-container{position:relative}.portrait-container:before{content:"";border:1px solid var(--accent);opacity:.38;border-radius:14px;position:absolute;inset:18px -14px -14px 18px}.portrait{z-index:1;object-fit:cover;object-position:center top;border-radius:14px;width:100%;max-height:520px;display:block;position:relative}.about{color:#10252d;background:#f0f4f3;grid-template-columns:.35fr 1fr;gap:70px;padding:110px max(24px,50vw - 590px);display:grid}.about .section-label{color:#247f78}.about-content{max-width:800px}.about h2,.section-heading h2{letter-spacing:-.035em;margin:0 0 24px;font-size:clamp(2.2rem,4vw,3.8rem)}.about p{color:#53666d;margin:0 0 22px;font-size:1.08rem;line-height:1.85}.about p:last-child{margin-bottom:0}.work{width:min(1180px,100% - 48px);margin:0 auto;padding:110px 0}.section-heading{margin-bottom:50px}.section-heading h2{margin-top:12px}.section-intro{max-width:720px;color:var(--muted);margin:0;font-size:1.08rem;line-height:1.8}.project-grid{gap:18px;display:grid}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:90px 1fr;gap:28px;padding:38px;transition:transform .2s,border-color .2s,background .2s;display:grid}.project-card:hover{background:var(--surface-light);border-color:#5ed0c473;transform:translateY(-3px)}.project-number{color:var(--accent);letter-spacing:.15em;font-size:.8rem;font-weight:700}.project-type{color:var(--accent);letter-spacing:.14em;margin:0 0 14px;font-size:.7rem;font-weight:700}.project-content h3{letter-spacing:-.02em;margin:0 0 16px;font-size:1.65rem}.project-content>p:not(.project-type){max-width:850px;color:var(--muted);margin:0;line-height:1.75}.project-meta{color:#c8d5da;gap:8px;margin-top:22px;font-size:.9rem;line-height:1.6;display:grid}.project-meta strong{color:var(--text);font-weight:600}.project-tags{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.project-tags span{border:1px solid var(--border);color:#c7d6dc;border-radius:5px;padding:7px 10px;font-size:.74rem}.project-link{color:var(--accent);align-items:center;gap:10px;margin-top:28px;font-size:.9rem;font-weight:700;transition:gap .2s,color .2s;display:inline-flex}.project-link:hover{color:var(--text);gap:14px}.capabilities{width:min(1180px,100% - 48px);margin:0 auto;padding:110px 0}.capability-grid{grid-template-columns:repeat(2,1fr);gap:18px;display:grid}.capability-group{border:1px solid var(--border);background:#ffffff06;border-radius:10px;padding:30px}.capability-group h3{margin:0 0 14px;font-size:1.25rem}.capability-group p{color:var(--muted);margin:0;line-height:1.75}.contact{color:#10252d;background:#f0f4f3;padding:110px max(24px,50vw - 590px)}.contact-content{max-width:760px}.contact .section-label{color:#247f78}.contact h2{letter-spacing:-.035em;margin:16px 0 20px;font-size:clamp(2.4rem,4vw,4rem)}.contact p{color:#53666d;max-width:680px;margin:0;font-size:1.1rem;line-height:1.8}.contact-link{color:#247f78;align-items:center;gap:10px;margin-top:30px;font-size:1rem;font-weight:700;transition:gap .2s;display:inline-flex}.contact-link:hover{gap:14px}footer{background:var(--background);border-top:1px solid var(--border);width:100%;color:var(--muted);letter-spacing:.08em;justify-content:space-between;align-items:center;gap:24px;margin:0;padding:28px max(24px,50vw - 590px);font-size:.8rem;display:flex}@media (width<=850px){.hero{grid-template-columns:1fr;gap:45px;padding:70px 0}.portrait-container{max-width:550px}.about{grid-template-columns:1fr;gap:30px}.capability-grid{grid-template-columns:1fr}}@media (width<=600px){.header{width:min(100% - 32px,1180px)}.nav{gap:16px}.nav a:nth-child(2){display:none}.hero,.work,.capabilities{width:min(100% - 32px,1180px)}.hero h1{font-size:2.65rem;line-height:1.04}.hero-actions{flex-direction:column;align-items:flex-start}.project-card{grid-template-columns:1fr;gap:12px;padding:26px}footer{flex-direction:column;align-items:flex-start;gap:10px}}