:root{--brand-green:#105840;--brand-green-bright:#379048;--brand-green-soft:#e8f4ec;--brand-green-shadow:#10584038;color:#14213d;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f9fc;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 0 0,#37904829,#0000 28rem),linear-gradient(#f7f9fc 0%,#eef4f8 100%);min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}main{overflow:hidden}.site-header{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);justify-content:space-between;align-items:center;gap:1rem;width:min(1160px,100% - 32px);margin:0 auto;padding:1rem 0;display:flex;position:sticky;top:0}.logo{align-items:center;gap:.65rem;font-size:1.05rem;font-weight:800;display:inline-flex}.logo img{object-fit:contain;background:0 0;border-radius:8px;width:52px;height:42px}.logo span{color:#0b172a;font-weight:900}.nav{background:#ffffffd1;border:1px solid #14213d14;border-radius:8px;align-items:center;gap:.65rem;padding:.35rem;display:flex;box-shadow:0 16px 40px #14213d14}.nav a{color:#41516a;border-radius:6px;padding:.65rem .85rem;font-size:.94rem;font-weight:700}.nav a:hover,.nav-cta{background:var(--brand-green-soft);color:var(--brand-green)}.menu-button{color:#14213d;background:#fff;border:1px solid #14213d1f;border-radius:8px;justify-content:center;align-items:center;width:42px;height:42px;display:none}.hero{grid-template-columns:minmax(0,1.1fr) minmax(320px,.75fr);align-items:center;gap:clamp(1.5rem,4vw,4rem);width:min(1160px,100% - 32px);min-height:calc(100vh - 84px);margin:0 auto;padding:clamp(3rem,8vw,7rem) 0;display:grid}.eyebrow{color:var(--brand-green);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:.5rem;margin:0 0 .85rem;font-size:.82rem;font-weight:900;display:inline-flex}h1,h2,h3,p{margin-top:0}h1{color:#0b172a;max-width:840px;margin-bottom:1rem;font-size:clamp(2.55rem,7vw,5.8rem);line-height:.98}h2{color:#0b172a;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04}h3{color:#0b172a;font-size:1.18rem}.hero-copy{color:#526177;max-width:680px;margin-bottom:1.7rem;font-size:clamp(1.05rem,2vw,1.25rem)}.hero-actions,.contact-actions{flex-wrap:wrap;gap:.85rem;display:flex}.primary-button,.secondary-button{border-radius:8px;justify-content:center;align-items:center;gap:.55rem;min-height:48px;padding:.85rem 1.05rem;font-weight:800;display:inline-flex}.primary-button{color:#fff;background:var(--brand-green);box-shadow:0 18px 34px var(--brand-green-shadow)}.secondary-button{color:#14213d;background:#fff;border:1px solid #14213d1f}.hero-panel{background:#ffffffe6;border:1px solid #14213d1a;border-radius:8px;padding:clamp(1.2rem,3vw,1.8rem);box-shadow:0 30px 70px #14213d1f}.profile-card{border-bottom:1px solid #14213d1a;align-items:center;gap:1rem;padding-bottom:1.2rem;display:flex}.avatar-logo{object-fit:contain;background:0 0;flex:none;width:96px;height:74px}.profile-card h2{margin-bottom:.15rem;font-size:1.45rem}.profile-card p,.quote,.section-heading p,.service-card p,.project-detail p,.contact-section p{color:#5d6a7d}.rating-row{color:#f4a261;flex-wrap:wrap;align-items:center;gap:.35rem;margin:1.2rem 0;font-weight:800;display:flex}.rating-row span{color:#41516a;width:100%}.quote{grid-template-columns:auto 1fr;gap:.7rem;margin-bottom:0;font-size:1.05rem;display:grid}.stats-grid,.section,.contact-section{width:min(1160px,100% - 32px);margin:0 auto}.stats-grid{grid-template-columns:repeat(3,1fr);gap:1rem;padding:0 0 5rem;display:grid}.stats-grid div,.service-card,.process-item,.contact-section{background:#ffffffdb;border:1px solid #14213d1a;border-radius:8px}.stats-grid div{padding:1.25rem}.stats-grid strong{color:var(--brand-green);font-size:clamp(1.35rem,3vw,2rem);display:block}.stats-grid span{color:#5d6a7d}.section{padding:5rem 0}.muted-section{position:relative}.section-heading{max-width:720px;margin-bottom:2rem}.service-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.service-card{padding:1.3rem}.service-card svg{color:var(--brand-green);margin-bottom:1rem}.project-rail{overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scrollbar-color:var(--brand-green) #14213d1a;grid-auto-columns:minmax(210px,245px);grid-auto-flow:column;gap:1rem;margin:0 -.25rem;padding:.25rem .25rem 1rem;display:grid;overflow-x:auto}.project-thumb{scroll-snap-align:start;color:inherit;text-align:left;cursor:pointer;background:#ffffffe6;border:1px solid #14213d1a;border-radius:8px;gap:.85rem;padding:.8rem;display:grid;box-shadow:0 16px 34px #14213d14}.project-thumb:hover,.project-thumb:focus-visible{border-color:#10584059;outline:none;transform:translateY(-2px)}.project-thumb-media,.project-detail-media{background:linear-gradient(145deg,#1058402e,#37904814),#0b172a;border-radius:8px;place-items:center;display:grid;overflow:hidden}.project-thumb-media{height:150px}.project-thumb-media img,.project-detail-media img{object-fit:contain;object-position:center;width:100%;height:100%}.project-thumb-content{gap:.35rem;display:grid}.project-thumb-content span,.project-detail-content>span{color:var(--brand-green);font-size:.82rem;font-weight:900}.project-thumb-content strong{color:#0b172a;font-size:1rem;line-height:1.2}.project-thumb-content small{color:#5d6a7d;font-weight:700}.project-detail{background:#ffffffe6;border:1px solid #14213d1a;border-radius:8px;grid-template-columns:minmax(260px,.44fr) minmax(0,1fr);gap:clamp(1rem,3vw,2rem);margin-top:1.4rem;padding:clamp(1rem,3vw,1.5rem);display:grid;overflow:hidden}.project-detail-media{min-height:380px}.project-detail-content{align-self:center}.project-detail-content h3{margin-bottom:.65rem;font-size:clamp(1.5rem,3vw,2.2rem)}.project-role{color:#14213d;margin-bottom:.35rem;font-weight:900}.project-date{color:#41516a;margin-bottom:1rem;font-weight:800}.skill-list{flex-wrap:wrap;gap:.5rem;margin:1.25rem 0;display:flex}.skill-list span{background:var(--brand-green-soft);color:var(--brand-green);border:1px solid #10584029;border-radius:999px;padding:.45rem .7rem;font-size:.78rem}.project-detail-actions{flex-wrap:wrap;align-items:center;gap:.65rem;display:flex}.project-detail-actions a,.project-detail-actions button{min-height:42px;color:var(--brand-green);background:#fff;border:1px solid #10584029;border-radius:8px;align-items:center;gap:.35rem;padding:.65rem .8rem;font-weight:900;display:inline-flex}.project-detail-actions button{cursor:pointer}.process-section{grid-template-columns:.75fr 1fr;align-items:start;gap:2rem;display:grid}.process-list{gap:.85rem;display:grid}.process-item{grid-template-columns:auto 1fr auto;align-items:center;gap:1rem;padding:1rem;display:grid}.process-item span{color:var(--brand-green);font-weight:900}.process-item p{color:#41516a;margin:0;font-weight:700}.process-item svg{color:var(--brand-green-bright)}.contact-section{background:#0b172a;grid-template-columns:1fr auto;align-items:center;gap:2rem;margin-bottom:2rem;padding:clamp(1.4rem,4vw,2.4rem);display:grid}.contact-section h2,.contact-section p{color:#fff}.contact-section p{opacity:.78;max-width:620px}@media (width<=900px){.menu-button{display:inline-flex}.nav{flex-direction:column;align-items:stretch;width:min(320px,100vw - 32px);padding:.65rem;display:none;position:absolute;top:calc(100% + .4rem);right:0}.nav.open{display:flex}.nav a{width:100%}.hero,.process-section,.contact-section{grid-template-columns:1fr}.hero{min-height:auto;padding-top:3rem}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail{grid-template-columns:1fr}.contact-actions{justify-content:flex-start}}@media (width<=640px){.site-header,.hero,.stats-grid,.section,.contact-section{width:min(100% - 24px,1160px)}h1{font-size:2.65rem}.stats-grid,.service-grid{grid-template-columns:1fr}.project-rail{grid-auto-columns:minmax(190px,78vw)}.project-detail-media{min-height:300px}.project-detail-actions a,.project-detail-actions button{flex:100%;justify-content:center}.stats-grid{padding-bottom:2.5rem}.section{padding:3.2rem 0}.primary-button,.secondary-button{width:100%}}
