:root{--dark:#142d29;--dark2:#1b3b34;--lime:#d3dc9c;--cream:#f4f1e5;--ink:#263b32}
body{font-family:"Be Vietnam Pro","Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--cream)}
.wrap{width:min(1220px,calc(100% - 56px));margin:auto}
h1,h2,h3,p{margin-top:0}
.dark-stage{background:radial-gradient(circle at 75% 46%,#245144 0,#142d29 45%);color:#f5f3e9;overflow:hidden}
.site-header{background:#142d29;color:#f5f3e9;border-bottom:1px solid #ffffff26}
.header-inner{height:100px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.logo-panel{background:#f9f7ec;border-radius:8px;padding:0 5px}.logo-panel .brand-crop{width:148px;height:64px}
.site-header nav{display:flex;gap:38px;font-size:11px;text-transform:uppercase;letter-spacing:.16em;font-weight:800;color:#c7d7c9}
.site-header nav a:hover{color:var(--lime)}
.header-contact{display:flex;align-items:center;gap:20px;border:1px solid #b3c8b2;border-radius:100px;padding:15px 20px;text-transform:uppercase;letter-spacing:.08em;font-size:11px;font-weight:800}
.header-contact:hover{background:#ffffff1a}
.hero{min-height:680px;display:grid;grid-template-columns:57% 43%;position:relative;align-items:center;padding-bottom:80px}
.hero-copy{position:relative;z-index:2;padding:60px 0}
.eyebrow{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;color:#96b594;margin:0 0 26px}
.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#cbd786;margin-right:10px;box-shadow:0 0 0 5px #cbd7862e}
.hero h1{font:normal clamp(62px,6.8vw,103px)/1.03 "Noto Serif",Georgia,serif;letter-spacing:-.06em;margin:0 0 30px}
.hero h1 em{color:var(--lime);font-style:normal}
.hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.7;color:#bed0bf;max-width:550px}
.hero-actions{display:flex;gap:15px;flex-wrap:wrap;margin-top:36px}
.btn-accent,.btn-plain{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:18px 22px;border-radius:100px;font-size:12px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}
.btn-accent{background:var(--lime);color:#17372f}.btn-accent:hover{background:#e2e9b4}
.btn-plain{border:1px solid #99b29f;color:#edf2e9}.btn-plain:hover{background:#ffffff16}
.globe-stage{height:500px;position:relative;display:grid;place-items:center;isolation:isolate}
.globe{width:420px;height:420px;border:1px solid #8db39490;border-radius:50%;position:relative;overflow:hidden;background:radial-gradient(circle at 35% 28%,#3a6a52 0,#245345 34%,#17392f 70%,#0e2824 100%);box-shadow:inset -55px -35px 70px #071b1a9c,0 0 95px #b9d6a51f}
.globe::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 47px,#c6dab524 48px 49px);z-index:2}
.globe::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:inset 25px 13px 45px #efffd023,inset -25px -25px 40px #0013127d;z-index:5}
.globe-line{position:absolute;border:1px solid #c0d5ad4b;z-index:3}.vertical{top:-2%;bottom:-2%;border-radius:50%}.v1{left:23%;right:23%}.v2{left:40%;right:40%}.horizontal{left:-2%;right:-2%;border-radius:50%}.h1{top:25%;bottom:25%}.h2{top:41%;bottom:41%}
.continent{position:absolute;background:#93aa686e;filter:blur(1px);z-index:1}.c1{width:130px;height:145px;left:45px;top:96px;clip-path:polygon(0 15%,48% 0,100% 19%,84% 55%,67% 71%,53% 100%,25% 76%,10% 45%)}.c2{width:130px;height:170px;left:172px;top:185px;clip-path:polygon(21% 0,80% 9%,100% 40%,67% 95%,37% 100%,0 49%)}.c3{width:160px;height:130px;right:12px;top:82px;clip-path:polygon(0 17%,65% 0,100% 18%,82% 70%,54% 97%,13% 68%)}
.point{position:absolute;width:10px;height:10px;border-radius:50%;background:#e1e9aa;box-shadow:0 0 0 8px #d9e4a320,0 0 20px #eafbb1;z-index:6}.p1{left:26%;top:39%}.p2{left:65%;top:29%}.p3{left:70%;top:68%}
.orbit{position:absolute;border:1px solid #9dbb9380;border-radius:50%;z-index:-1}.orbit-one{width:490px;height:490px}.orbit-two{width:570px;height:270px;transform:rotate(-27deg)}
.orbit-label{position:absolute;color:#d9e7c5;font-size:10px;letter-spacing:.18em;font-weight:800}.label-one{left:-4%;top:18%}.label-two{right:-5%;top:30%}.label-three{left:13%;bottom:10%}
.hero-bottom{position:absolute;bottom:36px;left:0;right:0;display:flex;justify-content:space-between;border-top:1px solid #ffffff2f;padding-top:20px;color:#a8bea9;font-size:10px;font-weight:800;letter-spacing:.17em}
.intro{display:grid;grid-template-columns:29% 71%;gap:20px;padding:120px 0}
.intro-label{font-size:11px;letter-spacing:.15em;font-weight:800;color:#8c9f7b;padding-top:17px}.intro-label span{margin-left:10px}
.intro-content h2,.section-title h2,.process h2,.contact h2{font:normal clamp(44px,5.2vw,70px)/1.1 "Noto Serif",Georgia,serif;letter-spacing:-.055em}
.intro-content h2{margin-bottom:27px}.intro-content h2 em,.process h2 em,.contact h2 em{color:#8ca168;font-weight:normal}
.intro-content p{max-width:630px;color:#66786c;line-height:1.8;font-size:17px}
.capabilities{background:#e5e9db;padding:100px 0}
.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:42px}.section-title .eyebrow{color:#829b72;margin-bottom:16px}.section-title h2{margin-bottom:0}
.section-title>p{color:#6a7b6c;line-height:1.65;max-width:300px;margin:0}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #bbc7b5}
.cap-grid article{padding:28px 30px 32px;min-height:330px;position:relative}.cap-grid article+article{border-left:1px solid #bbc7b5}
.cap-index{font-size:12px;color:#7e9780;font-weight:800;letter-spacing:.12em}.cap-icon{height:105px;display:flex;align-items:center;font:normal 68px "Noto Serif",Georgia,serif;color:#9eac79}
.cap-grid h3{font:normal 26px "Noto Serif",Georgia,serif;margin:0 0 13px}.cap-grid p{color:#68796b;font-size:14px;line-height:1.65;max-width:270px}
.cap-arrow{position:absolute;right:25px;top:25px;color:#6a8a6a}
.portfolio{padding:110px 0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.portfolio-card{min-height:365px;position:relative;padding:25px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}
.card-one{background:#dce2bb}.card-two{background:#c7d8bf}.card-three{background:#e9d9b8}
.portfolio-card>div:first-child{position:relative;z-index:2}.portfolio-card span:first-child{font-size:10px;font-weight:800;letter-spacing:.17em;color:#647962}
.portfolio-card h3{font:normal 30px "Noto Serif",Georgia,serif;margin:13px 0;letter-spacing:-.03em}.portfolio-art{font-size:160px;text-align:center;line-height:1;filter:drop-shadow(14px 20px 12px #5060463f);transform:rotate(-10deg)}
.card-two .portfolio-art{transform:rotate(11deg)}.portfolio-arrow{position:absolute;bottom:22px;right:22px;width:42px;height:42px;border:1px solid #5d785e;border-radius:50%;display:grid;place-items:center}
.process{background:#243e35;color:#f1f2e6;padding:105px 0}.process-grid{display:grid;grid-template-columns:51% 49%;gap:8%}.process h2{margin:0 0 28px}.process h2 em{color:#c7d796}.process-grid>div:first-child>p:not(.eyebrow){color:#bacbb8;line-height:1.75;max-width:470px}.process-link{display:inline-flex;gap:35px;border-bottom:1px solid #d4e0c4;padding:0 0 12px;margin-top:25px;text-transform:uppercase;font-size:11px;letter-spacing:.1em;font-weight:800}
.process-list{border-top:1px solid #658272}.process-list>div{display:grid;grid-template-columns:60px 1fr;gap:12px;padding:27px 0;border-bottom:1px solid #658272}.process-list span{font-size:12px;color:#c6d699;font-weight:800}.process-list h3{font:normal 26px "Noto Serif",Georgia,serif;margin:0 0 9px}.process-list p{font-size:13px;color:#aec4b3;line-height:1.55;margin:0}
.contact{background:#d2dba9;color:#203d2f;padding:85px 0 25px}.contact .eyebrow{color:#647d5a}.contact-flex{display:flex;align-items:end;justify-content:space-between;gap:30px}.contact h2{font-size:clamp(55px,7vw,98px);margin-bottom:70px}.contact h2 em{color:#5d7f51}
.contact-circle{width:105px;height:105px;border:1px solid #2b4f39;border-radius:50%;display:grid;place-items:center;font-size:42px;flex:none;margin-bottom:80px;transition:transform .2s}.contact-circle:hover{transform:rotate(45deg)}
.contact-bottom{border-top:1px solid #819873;padding-top:18px;display:flex;justify-content:space-between;gap:20px;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800;color:#5f765a}
footer{display:flex;justify-content:space-between;padding:27px 0 45px;color:#778273;font-size:12px}footer a{font-weight:800;color:#385742}
@media(max-width:1100px){.globe-stage{transform:scale(.78);transform-origin:center left}.hero{grid-template-columns:53% 47%}}
@media(max-width:780px){.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:0;padding-bottom:90px}.hero-copy{padding:65px 0 0}.globe-stage{height:400px;transform:scale(.72);transform-origin:top center;margin-bottom:-100px}.intro{grid-template-columns:1fr;padding:75px 0}.cap-grid,.portfolio-grid{grid-template-columns:1fr}.cap-grid article+article{border-left:0;border-top:1px solid #bbc7b5}.cap-grid article{min-height:260px}.portfolio-card{min-height:280px}.section-title{align-items:start;flex-direction:column}.process-grid{grid-template-columns:1fr;gap:55px}.process{padding:75px 0}}
@media(max-width:550px){.wrap{width:min(100% - 34px,500px)}.header-inner{height:81px}.header-contact{padding:12px;font-size:10px;gap:7px}.hero h1{font-size:clamp(49px,12vw,70px)}.hero-copy>p:not(.eyebrow){font-size:15px}.globe-stage{height:335px;transform:scale(.56);transform-origin:top left;width:180%;margin-bottom:-120px}.hero-bottom{bottom:20px}.hero-bottom span:last-child{display:none}.intro-content h2,.section-title h2,.process h2{font-size:45px}.capabilities,.portfolio{padding:70px 0}.portfolio-art{font-size:125px}.contact{padding:70px 0 25px}.contact h2{font-size:54px;margin-bottom:50px}.contact-circle{width:65px;height:65px;font-size:27px;margin-bottom:53px}.contact-bottom{flex-direction:column}.process-list>div{grid-template-columns:42px 1fr}footer{flex-direction:column;gap:15px}}
.portfolio-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .3s}
.portfolio-card:hover .portfolio-photo{transform:scale(1.05)}
.portfolio-card::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#10281fa8 0%,transparent 52%,#10281f47 100%);z-index:1}
.portfolio-card>div:first-child{z-index:2;color:#fff}
.portfolio-card span:first-child{color:#edf3df}
.portfolio-arrow{z-index:2;color:#fff;border-color:#fff}