:root{--glass:rgba(255,255,255,.72);--glass-edge:rgba(255,255,255,.9);--glass-shadow:0 20px 60px #243e2510,inset 0 1px 0 #ffffffeb;--ink:#17271f;--accent:#426c40}
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse at 0 10%,#d5e7ce 0,transparent 36%),radial-gradient(ellipse at 100% 40%,#d7e8e4 0,transparent 42%),#f1f4ef;color:var(--ink)}
::selection{background:#c3dfb3;color:#17271f}
.site-header,.service-list article,.project,.contact-card,.login-panel,.module,.office-top,.office-banner{background:var(--glass);border:1px solid var(--glass-edge);box-shadow:var(--glass-shadow);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}
.site-header{margin-top:20px;min-height:92px;padding:16px 26px;border-radius:30px;position:relative;z-index:5}
.site-header nav{gap:24px}.site-header nav a{border-radius:999px}.site-header .login-link{padding:12px 20px;background:#ffffffa8;box-shadow:inset 0 1px 0 white,0 4px 12px #233c2110;border:1px solid #fff}
.brand-name{letter-spacing:-.055em}.brand-dot,.hero h1 em{color:var(--accent)}.hero{padding-top:48px}.hero h1{font-weight:650;letter-spacing:-.065em}
.hero-media{border-radius:36px;border:1px solid #ffffffd9;box-shadow:0 28px 65px #263e2824;isolation:isolate}.hero-project-image{height:590px;flex:none}.media-caption{position:absolute;left:16px;right:16px;bottom:16px;border-radius:20px;padding:18px;background:#162a20c9;border:1px solid #ffffff55;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff}
.button{border-radius:999px;border:1px solid #ffffff8c;box-shadow:inset 0 1px 0 #ffffff7a,0 8px 22px #243e2517;transition:transform .18s,box-shadow .18s,background .18s}.button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff8c,0 12px 25px #243e2525}.lime{background:linear-gradient(145deg,#c5e4a7,#a7cf8b)}.dark{background:linear-gradient(145deg,#35513d,#1b3024)}
.hero-foot{border:0;gap:12px;padding-top:25px}.hero-foot>span{background:#ffffff85;border:1px solid #fff;border-radius:999px;padding:8px 16px;color:#465640}.hero-foot a{align-self:center}
.section{gap:7%}.service-list{display:grid;gap:14px}.service-list article{padding:26px;border-radius:26px;grid-template-columns:32px 1fr}.service-list article:last-child{border:1px solid var(--glass-edge)}
.work-section{background:#e0e9df70;border-top:1px solid #fff;border-bottom:1px solid #fff}.project-gallery{gap:28px;align-items:start}.project{padding:14px;border-radius:30px;overflow:hidden}.project-photo{border-radius:21px;background:#dce5d9}.project-photo figcaption{background:#ffffffdd;border:1px solid #fff;border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#203326;box-shadow:0 4px 14px #18392012}.project>.eyebrow,.project>h3,.project>p{margin-left:12px;margin-right:12px}.project>p:last-child{margin-bottom:18px}.stage-controls{gap:6px;margin:14px 4px 24px}.stage-controls button{border-radius:999px;background:#ffffff87;border:1px solid #fff;color:#384d3a;box-shadow:inset 0 1px 0 white}.stage-controls button[aria-pressed=true]{background:#2c4736;border-color:#2c4736;color:#fff;box-shadow:inset 0 1px 0 #ffffff36,0 4px 10px #243e2517}
.contact-card{padding:32px;border-radius:30px;align-self:center}.site-footer{border-top:1px solid #cdd9cd}.original-brand{border-radius:14px}.menu-toggle{border-radius:999px;background:#ffffffbd;border-color:#fff}
.login-page{background:radial-gradient(ellipse at 85% 10%,#cee0c5,transparent 60%),#edf2eb}.login-aside{margin:20px;border-radius:32px;background:radial-gradient(ellipse at top right,#6f8b63,transparent 75%),linear-gradient(150deg,#233b2a,#142a22);border:1px solid #ffffff80;box-shadow:var(--glass-shadow);padding:48px}.login-panel{padding:32px;border-radius:32px;max-width:460px}.login-main{padding:36px}.field input{background:#ffffffbe;border-radius:16px;border:1px solid #c3d0bf;box-shadow:inset 0 2px 5px #243e2506}.password-wrap input{border-radius:16px 0 0 16px}.password-wrap button{border-radius:0 16px 16px 0;background:#ffffffc9;border-color:#c3d0bf}.form-message{color:#842813}
.office-body{background:radial-gradient(ellipse at top right,#d0e3c8,transparent 60%),#edf2ec}.office-sidebar{margin:18px 0 18px 18px;border-radius:28px;background:linear-gradient(150deg,#314b3be8,#172f24f5);border:1px solid #ffffff80;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.office-nav a,.office-nav button{border-radius:16px}.office-nav a.active{background:#ffffff1c;color:#e0efcd;box-shadow:inset 0 1px 0 #ffffff3b;border:1px solid #ffffff2b}.office-top{padding:20px;border-radius:22px}.office-top button{border-radius:999px;background:#ffffffa1}.office-banner{border-radius:24px;background:#dceacdd9;border-color:#f5fff0}.module{border-radius:26px}.badge{border-radius:999px}
@media(max-width:1050px){.site-header{padding:16px 20px}.site-header nav{gap:15px}.site-header .login-link{padding:10px 14px}.service-list article{padding:22px}.contact-card{padding:25px}.login-aside{padding:32px}}
@media(max-width:760px){.site-header{min-height:80px;margin-top:12px;border-radius:25px;padding:15px 18px}.site-header nav{top:88px;left:0;right:0;border:1px solid #fff;border-radius:24px;background:#f2f6eff2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 20px 45px #1b342a20}.site-header nav a{padding:12px 16px;border:0}.site-header .login-link{margin-top:8px;padding:12px 16px}.hero{padding-top:28px}.hero h1{font-size:clamp(3.3rem,12vw,5rem)}.hero-media{min-height:0;border-radius:28px}.hero-project-image{height:460px}.media-caption{left:12px;right:12px;bottom:12px;padding:14px 12px;font-size:.65rem;gap:10px}.hero-foot{gap:8px}.hero-foot>span{padding:7px 11px;font-size:.76rem}.service-list article{border-radius:23px}.project{border-radius:26px;padding:10px}.project-photo{border-radius:18px}.project-gallery{gap:22px}.stage-controls{margin-bottom:18px}.stage-controls button{font-size:.79rem;padding:8px 11px}.contact-card{padding:24px}.login-aside{margin:12px;padding:28px;border-radius:26px}.login-main{padding:12px 16px 32px}.login-panel{padding:25px;border-radius:26px}.office-sidebar{margin:12px;border-radius:24px}.office-main{padding-top:10px}.office-top{padding:16px}.original-brand{width:min(100%,320px)}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.site-header,.service-list article,.project,.contact-card,.login-panel,.module,.office-top{background:#f9fbf6}.media-caption{background:#20392e}.project-photo figcaption{background:#fff}}
@media(prefers-reduced-transparency:reduce){.site-header,.service-list article,.project,.contact-card,.login-panel,.module,.office-top{background:#f9fbf6;backdrop-filter:none;-webkit-backdrop-filter:none}.media-caption{background:#20392e}.project-photo figcaption{background:#fff}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}