:root{--ink:#0f1213;--char:#171b1c;--panel:#1d2324;--cream:#f3efe6;--sand:#d7c8ad;--rust:#d45a2a;--amber:#f19a2a;--lime:#b8cd7a;--line:rgba(255,255,255,.12);--muted:#9ba7a7;--max:1220px;--radius:24px;--shadow:0 24px 70px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:#1b2224;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}img{display:block;max-width:100%}.wrap{width:min(var(--max),calc(100% - 40px));margin:auto}.eyebrow{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800;color:var(--rust)}h1,h2,h3{font-family:"Arial Narrow","Roboto Condensed",Impact,Inter,sans-serif;letter-spacing:-.035em;line-height:.98;margin:0}.display{font-size:clamp(3rem,7vw,7.1rem);max-width:11ch}.section-title{font-size:clamp(2.1rem,4.2vw,4.7rem);max-width:13ch}.lead{font-size:clamp(1.05rem,1.8vw,1.28rem);color:#536064;max-width:64ch}.pill{display:inline-flex;align-items:center;gap:.55rem;border:1px solid rgba(15,18,19,.14);border-radius:999px;padding:.55rem .82rem;font-size:.8rem;font-weight:750;background:rgba(255,255,255,.58)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.65rem;min-height:50px;padding:.86rem 1.18rem;border-radius:14px;border:1px solid transparent;font-weight:850;transition:.2s ease;cursor:pointer}.btn-primary{background:var(--rust);color:white;box-shadow:0 10px 25px rgba(212,90,42,.24)}.btn-primary:hover{transform:translateY(-2px);background:#b94a20}.btn-ghost{border-color:rgba(255,255,255,.28);color:white;background:rgba(255,255,255,.05)}.btn-light{border-color:rgba(15,18,19,.15);background:white;color:var(--ink)}.btn:hover{transform:translateY(-2px)}
.site-header{position:fixed;top:14px;left:0;right:0;z-index:1000}.nav-shell{width:min(1240px,calc(100% - 30px));margin:auto;background:rgba(15,18,19,.92);backdrop-filter:blur(15px);border:1px solid rgba(255,255,255,.1);border-radius:18px;min-height:68px;display:grid;grid-template-columns:210px 1fr 210px;align-items:center;padding:0 16px;box-shadow:0 16px 40px rgba(0,0,0,.18)}.brand{display:flex;align-items:center;gap:.72rem;color:white;min-width:0}.brand-mark{width:40px;height:40px;border-radius:11px;background:linear-gradient(145deg,var(--amber),var(--rust));position:relative;overflow:hidden;flex:0 0 auto}.brand-mark:before,.brand-mark:after{content:"";position:absolute;background:#111}.brand-mark:before{width:38px;height:7px;transform:rotate(-25deg);left:-4px;top:14px}.brand-mark:after{width:32px;height:7px;transform:rotate(25deg);right:-5px;bottom:10px}.brand strong{font-family:"Arial Narrow",Impact,sans-serif;font-size:1.36rem;letter-spacing:.04em}.brand small{display:block;color:#b9c2c1;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:6px}.desktop-nav>a,.nav-drop>button{position:relative;color:#e6ebea;border:0;background:transparent;padding:.78rem .82rem;border-radius:11px;font-weight:750;cursor:pointer}.desktop-nav>a:hover,.desktop-nav>a:focus-visible,.nav-drop>button:hover,.nav-drop>button:focus-visible{background:rgba(255,255,255,.08);outline:none}.nav-drop{position:relative}.nav-drop:after{content:"";position:absolute;left:0;right:0;top:100%;height:16px}.dropdown{position:absolute;left:50%;top:calc(100% + 12px);transform:translateX(-50%) translateY(-5px);width:290px;padding:10px;background:#15191a;border:1px solid rgba(255,255,255,.12);border-radius:16px;box-shadow:var(--shadow);opacity:0;visibility:hidden;pointer-events:none;transition:.18s ease}.nav-drop.open .dropdown{opacity:1;visibility:visible;pointer-events:auto;transform:translateX(-50%) translateY(0)}.dropdown a{display:block;color:#e9edec;padding:12px 13px;border-radius:10px}.dropdown a:hover,.dropdown a:focus-visible{background:rgba(255,255,255,.08);outline:none}.nav-actions{display:flex;justify-content:flex-end}.nav-actions .btn{min-height:44px;padding:.65rem .9rem}.burger{display:none;background:transparent;border:1px solid rgba(255,255,255,.18);color:white;width:46px;height:42px;border-radius:11px;font-size:1.35rem}.mobile-shell{display:none !important}
.hero{min-height:820px;background:var(--ink);color:white;position:relative;overflow:hidden;padding:130px 0 80px}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,18,19,.95) 0%,rgba(15,18,19,.78) 42%,rgba(15,18,19,.22) 72%,rgba(15,18,19,.1)),url('/assets/odoko-earthworks-hero.png') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:180px;background:linear-gradient(transparent,var(--ink))}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:end;min-height:610px}.hero-copy{align-self:center}.hero .eyebrow{color:#ffc170}.hero p{color:#c7d0cf;font-size:1.12rem;max-width:58ch}.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.hero-board{justify-self:end;width:min(480px,100%);background:rgba(10,13,14,.68);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.13);border-radius:26px;padding:24px;box-shadow:var(--shadow)}.board-head{display:flex;justify-content:space-between;gap:14px;align-items:center;padding-bottom:16px;border-bottom:1px solid var(--line)}.board-status{display:flex;gap:7px;align-items:center;color:#dfe9e6;font-size:.8rem}.dot{width:9px;height:9px;border-radius:50%;background:#8dc63f;box-shadow:0 0 0 5px rgba(141,198,63,.12)}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.metric{padding:17px;border-radius:16px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}.metric strong{display:block;font-size:1.7rem}.metric span{font-size:.75rem;color:#b8c0c0}.route-line{margin-top:14px;padding:16px;border-radius:16px;background:linear-gradient(120deg,rgba(241,154,42,.13),rgba(212,90,42,.04));border:1px solid rgba(241,154,42,.2)}.route-line svg{width:100%;height:110px}
.stats-band{background:var(--ink);color:white;padding:28px 0;border-top:1px solid rgba(255,255,255,.08)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.stat{padding:18px 0;border-right:1px solid rgba(255,255,255,.12)}.stat:last-child{border:0}.stat strong{display:block;font-size:2rem}.stat span{font-size:.82rem;color:#aeb8b7}.section{padding:100px 0}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-card{background:white;border-radius:22px;padding:28px;border:1px solid rgba(15,18,19,.08);box-shadow:0 18px 50px rgba(20,24,25,.07);position:relative;overflow:hidden}.service-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(var(--amber),var(--rust))}.service-card .num{font-family:monospace;color:#a1aaa9;font-size:.76rem}.service-card h3{font-size:2rem;margin:1.5rem 0 .75rem}.service-card p{color:#697476}.service-card a{font-weight:850;color:var(--rust)}.dark{background:var(--ink);color:white}.dark .lead{color:#b6c0be}.infra-diagram{background:#151a1b;border:1px solid rgba(255,255,255,.1);border-radius:30px;padding:28px;box-shadow:var(--shadow);overflow:hidden}.infra-diagram svg{width:100%;height:auto;min-height:360px}.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.chip{border:1px solid rgba(255,255,255,.15);border-radius:999px;padding:.55rem .75rem;font-size:.77rem;color:#ced7d5}.project-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.project-feature,.project-small{border-radius:26px;overflow:hidden;position:relative;min-height:440px;background:#202526;color:white}.project-feature{padding:32px;background:linear-gradient(145deg,#1b2021,#303839)}.project-small{padding:28px;min-height:210px;background:#efe7db;color:var(--ink);border:1px solid rgba(15,18,19,.08)}.project-stack{display:grid;gap:18px}.project-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:24px}.project-metrics div{padding:14px;border-radius:14px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08)}.project-metrics strong{display:block;font-size:1.4rem}.project-feature .contours{position:absolute;right:-10%;bottom:-20%;width:58%;opacity:.35}.project-small .tag{color:var(--rust);font-size:.74rem;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.project-small h3{font-size:2.1rem;margin:.75rem 0}.cta-panel{background:linear-gradient(120deg,#d65c2b,#f1a134);border-radius:30px;padding:48px;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;box-shadow:0 20px 50px rgba(212,90,42,.24)}.cta-panel h2{font-size:clamp(2.4rem,4.2vw,4.8rem);max-width:13ch}.page-hero{background:var(--ink);color:white;padding:165px 0 88px;position:relative;overflow:hidden}.page-hero:before{content:"";position:absolute;width:550px;height:550px;border-radius:50%;border:1px solid rgba(241,154,42,.15);right:-180px;top:-250px;box-shadow:0 0 0 80px rgba(241,154,42,.03),0 0 0 160px rgba(241,154,42,.02)}.page-hero .lead{color:#bac4c3}.page-hero .section-title{max-width:15ch}.bread{display:flex;gap:9px;color:#94a19f;font-size:.78rem;margin-bottom:26px}.bread a{color:#e7eceb}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:58px;align-items:start}.sticky-note{position:sticky;top:110px;background:#181d1e;color:white;border-radius:24px;padding:26px}.sticky-note h3{font-size:2rem}.scope-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:26px}.scope-item{padding:18px;border:1px solid rgba(15,18,19,.1);border-radius:16px;background:white}.scope-item strong{display:block}.timeline{display:grid;gap:14px}.timeline .step{display:grid;grid-template-columns:50px 1fr;gap:16px}.timeline .step-num{width:42px;height:42px;border-radius:14px;background:#222a2b;color:white;display:grid;place-items:center;font-weight:900}.timeline h3{font-size:1.6rem}.quote-band{padding:34px;border-radius:22px;background:#ece1d3;border-left:6px solid var(--rust);font-size:1.35rem;font-weight:720}.project-table{display:grid;gap:16px}.project-row{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;background:white;border:1px solid rgba(15,18,19,.09);border-radius:22px;padding:25px}.project-row h3{font-size:2rem}.project-data{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.project-data div{padding:12px;border-radius:12px;background:#f2eee8}.project-data small{display:block;color:#6a7473}.about-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.about-card{padding:24px;border-radius:20px;background:white;border:1px solid rgba(15,18,19,.08)}.about-card strong{font-size:1.8rem;display:block}.contact-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:24px}.contact-card,.form-card{background:white;border:1px solid rgba(15,18,19,.09);border-radius:24px;padding:30px}.contact-card h3,.form-card h3{font-size:2.3rem}.contact-item{padding:18px 0;border-bottom:1px solid rgba(15,18,19,.1)}.contact-item:last-child{border-bottom:0}.contact-item small{display:block;color:#7b8584;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.field{display:grid;gap:7px}.field.full{grid-column:1/-1}.field label{font-size:.78rem;font-weight:800;color:#495152}.field input,.field select,.field textarea{width:100%;border:1px solid #d3d6d2;border-radius:12px;padding:.88rem .95rem;background:#fbfaf7;color:#1b2224}.field textarea{min-height:130px;resize:vertical}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.brief-preview{margin-top:18px;padding:16px;border-radius:14px;background:#f2eee8;white-space:pre-wrap;font-size:.86rem}.legal{max-width:860px}.legal h2{font-size:2rem;margin-top:2rem}.legal p,.legal li{color:#566160}.footer{background:#0d1011;color:white;padding:56px 0 24px}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr .9fr;gap:28px}.footer h4{font-size:.8rem;letter-spacing:.13em;text-transform:uppercase;color:#8f9b99;margin:0 0 12px}.footer a{display:block;color:#d6dddd;margin:.42rem 0}.footer p{color:#9ca6a5}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid rgba(255,255,255,.1);padding-top:22px;margin-top:38px;color:#81908d;font-size:.78rem}.reveal{opacity:1;transform:none;transition:.35s ease}.reveal.in{opacity:1;transform:none}
@media(max-width:1160px){.nav-shell{grid-template-columns:1fr auto;min-height:64px}.desktop-nav,.nav-actions{display:none}.burger{display:block}.mobile-shell{display:none !important;position:fixed;z-index:999;top:88px;left:15px;right:15px;background:#121617;border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:14px;box-shadow:var(--shadow);max-height:calc(100vh - 110px);overflow:auto}.mobile-shell.open{display:block !important}.mobile-shell a,.mobile-toggle{display:flex;width:100%;justify-content:space-between;color:white;padding:13px 14px;border-radius:10px;border:0;background:transparent;text-align:left}.mobile-shell a:hover,.mobile-toggle:hover{background:rgba(255,255,255,.07)}.mobile-sub{display:none;padding-left:10px}.mobile-sub.open{display:block}.hero-grid,.split,.detail-grid,.contact-grid{grid-template-columns:1fr}.hero-board{justify-self:start}.project-grid{grid-template-columns:1fr}.cards-3{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.about-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.wrap{width:min(100% - 26px,var(--max))}.hero{min-height:auto;padding:120px 0 70px}.hero:before{background:linear-gradient(180deg,rgba(15,18,19,.83),rgba(15,18,19,.96)),url('/assets/odoko-earthworks-hero.png') 68% center/cover no-repeat}.hero-grid{min-height:auto;gap:30px}.display{font-size:clamp(3rem,16vw,5.2rem)}.hero-board{width:100%}.metric-grid,.stats,.cards-3,.scope-list,.about-grid,.field-grid,.project-row,.project-data{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}.section{padding:72px 0}.cta-panel{padding:30px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.page-hero{padding:140px 0 68px}.project-feature{min-height:390px}.project-row{gap:14px}.contact-card,.form-card{padding:22px}.nav-shell{width:calc(100% - 20px);top:10px}.brand small{display:none}.brand strong{font-size:1.15rem}}
@media(max-width:420px){.wrap{width:calc(100% - 22px)}.hero-cta,.form-actions{flex-direction:column;align-items:stretch}.btn{width:100%}.hero-board{padding:18px}.metric{padding:14px}.brand-mark{width:36px;height:36px}.page-hero .section-title{font-size:2.7rem}}

@media(max-width:900px) and (min-width:761px){.stats{grid-template-columns:1fr 1fr}.stat:nth-child(2){border-right:0}.stat{border-bottom:1px solid rgba(255,255,255,.12)}}