:root{--forest:#17352d;--deep:#0f2922;--sage:#b7c5b6;--peach:#f1c7a6;--clay:#c97b5e;--cream:#f5f1e9;--paper:#fffdf8;--ink:#17312a;--muted:#65736d;--line:rgba(23,53,45,.16);--shadow:0 28px 70px rgba(20,45,37,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:fixed;top:-90px;left:20px;z-index:99;background:#fff;padding:12px 18px}.skip:focus{top:15px}header{position:absolute;inset:0 0 auto;z-index:20;color:#fff}.nav{max-width:1240px;margin:auto;padding:24px 30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.24)}.logo{display:flex;align-items:center;gap:12px;line-height:1}.logo-icon{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--peach);border-radius:50% 50% 5px 50%;font-family:"Playfair Display";font-size:25px;color:var(--peach)}.logo b{display:block;font-family:Manrope,sans-serif;font-size:23px;letter-spacing:.24em}.logo small{display:block;font-size:7px;letter-spacing:.19em;margin-top:6px;color:rgba(255,255,255,.68)}nav{display:flex;align-items:center;gap:25px;font-size:13px;font-weight:600}nav>a:hover{color:var(--peach)}.nav-cta{padding:12px 17px;border:1px solid rgba(255,255,255,.55)}.menu{display:none;background:none;border:0;color:#fff}.hero{height:min(920px,100vh);min-height:720px;position:relative;overflow:hidden;background:linear-gradient(112deg,#102a23 0%,#173d32 62%,#235145 100%);color:#fff;display:flex;align-items:center;padding:130px max(6vw,30px) 90px}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,41,34,.95) 0,rgba(15,41,34,.66) 49%,transparent 75%)}.hero-art{position:absolute;inset:0 0 0 44%;overflow:hidden}.sun{position:absolute;width:470px;height:470px;border-radius:50%;background:#d99772;right:10%;top:14%;opacity:.9}.building{position:absolute;bottom:0;background:#e8dfd0;box-shadow:inset -20px 0 rgba(23,53,45,.09)}.building:before{content:"";position:absolute;inset:35px 20px;background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(23,53,45,.23) 29px 31px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(23,53,45,.18) 32px 34px)}.building.one{height:61%;width:26%;right:8%;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}.building.two{height:43%;width:31%;right:32%;background:#b9c6b8;clip-path:polygon(0 0,100% 12%,100% 100%,0 100%)}.arch{position:absolute;right:0;bottom:-12%;width:41%;height:58%;background:#fbf4e9;border-radius:180px 0 0 0;opacity:.34}.hero-copy{position:relative;z-index:2;max-width:760px}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;color:var(--peach)}.eyebrow.green{color:#406d5c}.eyebrow.peach{color:var(--clay)}.hero h1{font-family:"Playfair Display";font-size:clamp(55px,6.8vw,105px);line-height:.96;letter-spacing:-.035em;margin:0;max-width:820px}.hero h1 em{display:block;color:var(--peach);font-weight:600}.hero-copy>p:not(.eyebrow){max-width:610px;color:rgba(255,255,255,.72);font-size:17px;margin:28px 0}.actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.button{min-height:54px;padding:0 23px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:25px;font-size:12px;font-weight:700;cursor:pointer}.button.primary{background:var(--clay);color:#fff}.button.primary:hover{background:#da8b6c}.button.text{color:#fff;border-bottom:1px solid rgba(255,255,255,.35);padding-left:5px;padding-right:5px}.hero-note{position:absolute;z-index:3;right:6vw;bottom:55px;width:190px;padding:20px;border-left:1px solid var(--peach);color:rgba(255,255,255,.7)}.hero-note span{font-family:"Playfair Display";font-size:23px;color:var(--peach)}.hero-note p{font-size:11px;margin:4px 0}.audiences{min-height:94px;display:flex;align-items:center;background:var(--peach);overflow:auto}.audiences>p{margin:0;padding:0 35px 0 max(6vw,30px);font-size:10px;text-transform:uppercase;letter-spacing:.16em;font-weight:700;white-space:nowrap}.audiences>div{display:flex}.audiences span{white-space:nowrap;padding:0 28px;border-left:1px solid rgba(23,53,45,.23);font-size:12px;font-weight:600}.section{padding:110px max(6vw,30px)}.kicker{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.17em;font-size:10px;font-weight:700;color:#809087}.kicker:after{content:"";height:1px;width:65px;background:currentColor}.kicker span{color:var(--clay)}.kicker.light{color:rgba(255,255,255,.5)}.intro{max-width:1440px;margin:auto;display:grid;grid-template-columns:240px 1fr;gap:70px}.intro h2,.process h2,.contact h2{font-family:"Playfair Display";font-size:clamp(42px,5.2vw,72px);line-height:1.08;letter-spacing:-.025em;margin:0 0 36px}.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:55px;color:var(--muted)}.services{background:var(--forest);color:#fff}.services-title{max-width:1240px;margin:auto}.services-title h2{font-family:"Playfair Display";font-size:clamp(42px,5.4vw,74px);line-height:1.08;max-width:950px;margin:0 0 55px}.service-list{max-width:1240px;margin:auto;border-top:1px solid rgba(255,255,255,.15)}.service{display:grid;grid-template-columns:70px 80px 1fr;padding:38px 0;border-bottom:1px solid rgba(255,255,255,.15);gap:25px}.number{font-size:11px;color:var(--peach)}.service-symbol{font-family:"Playfair Display";font-size:38px;color:var(--peach)}.service h3{font-family:"Playfair Display";font-size:32px;margin:0 0 10px}.service p{color:rgba(255,255,255,.6);max-width:780px;margin:0 0 15px}.service ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:0}.service li{font-size:10px;text-transform:uppercase;letter-spacing:.08em;padding:7px 10px;border:1px solid rgba(255,255,255,.17);color:rgba(255,255,255,.72)}.value{background:var(--cream)}.value-card{max-width:1240px;margin:auto;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;box-shadow:var(--shadow)}.value-copy{padding:70px}.value-copy h2{font-family:"Playfair Display";font-size:clamp(40px,4.5vw,65px);line-height:1.08;margin:0 0 25px}.value-copy>p:last-child{color:var(--muted)}.value-points{background:#e2e7df;padding:50px}.value-points>div{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:24px 0;border-bottom:1px solid var(--line)}.value-points b{color:var(--clay);font-size:11px}.value-points strong,.value-points span{display:block}.value-points strong{font-family:"Playfair Display";font-size:20px;margin-bottom:5px}.value-points span{font-size:12px;color:var(--muted)}.process{max-width:1440px;margin:auto;display:grid;grid-template-columns:240px 1fr;gap:70px}.process-head{max-width:950px}.process ol{list-style:none;padding:0;margin:35px 0 0;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line)}.process li{padding:30px;border-right:1px solid var(--line);min-height:245px}.process li:last-child{border:0}.process li>span{color:var(--clay);font-size:11px}.process h3{font-family:"Playfair Display";font-size:24px;margin:55px 0 8px}.process li p{font-size:12px;color:var(--muted)}.maintenance-banner{min-height:620px;position:relative;overflow:hidden;background:#c77c5e;color:#fff;padding:105px max(6vw,30px);display:flex;align-items:center}.maintenance-banner>div:last-child{position:relative;z-index:2;max-width:760px}.maintenance-banner h2{font-family:"Playfair Display";font-size:clamp(45px,5.6vw,78px);line-height:1.04;margin:0 0 25px}.maintenance-banner p:not(.eyebrow){max-width:620px;color:rgba(255,255,255,.8)}.light-btn{margin-top:20px;background:#fff;color:var(--ink)}.banner-art{position:absolute;inset:0 0 0 58%;background:linear-gradient(135deg,#eab693,#b85f44);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}.banner-art div{position:absolute;background:rgba(255,255,255,.38);border:2px solid rgba(255,255,255,.2)}.banner-art div:nth-child(1){width:210px;height:390px;right:23%;bottom:0;border-radius:110px 110px 0 0}.banner-art div:nth-child(2){width:130px;height:210px;right:4%;bottom:0}.banner-art div:nth-child(3){width:150px;height:150px;border-radius:50%;right:14%;top:9%}.contact{background:var(--deep);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:90px}.contact-copy>p:not(.eyebrow){color:rgba(255,255,255,.64);max-width:550px}.phone{font-family:"Playfair Display";font-size:32px;display:block;margin-top:38px;color:var(--peach)}.contact-copy>span{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em}.lead-form{background:var(--paper);padding:40px;color:var(--ink);box-shadow:var(--shadow)}.lead-form label{display:block;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.09em;margin-bottom:17px}.lead-form input,.lead-form select,.lead-form textarea{display:block;width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:10px 0;outline:none;color:var(--ink);text-transform:none;letter-spacing:0}.lead-form input:focus,.lead-form select:focus,.lead-form textarea:focus{border-color:var(--clay)}.lead-form textarea{resize:vertical}.lead-form .button{width:100%;margin-top:8px}.lead-form small{display:block;text-align:center;color:var(--muted);font-size:9px;margin-top:10px}footer{background:#091d17;color:rgba(255,255,255,.48);padding:45px max(6vw,30px);display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:11px}.whatsapp{position:fixed;right:23px;bottom:23px;z-index:30;display:flex;align-items:center;gap:8px;background:#25d366;color:#092c17;padding:12px 17px;border-radius:99px;box-shadow:0 10px 28px rgba(0,0,0,.2);font-size:12px}.whatsapp span{font-size:18px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:1000px){nav{display:none;position:absolute;top:90px;left:20px;right:20px;padding:25px;background:var(--forest);flex-direction:column;align-items:stretch;box-shadow:var(--shadow)}nav.open{display:flex}.menu{display:flex;flex-direction:column;gap:4px;align-items:flex-end}.menu i{display:block;width:24px;height:2px;background:#fff}.menu span{font-size:8px;text-transform:uppercase;letter-spacing:.13em}.hero:after{background:linear-gradient(90deg,rgba(15,41,34,.96),rgba(15,41,34,.72))}.hero-art{left:25%;opacity:.55}.intro,.process{grid-template-columns:1fr}.value-card,.contact{grid-template-columns:1fr}.process ol{grid-template-columns:1fr 1fr}.process li:nth-child(2){border-right:0}.process li{border-bottom:1px solid var(--line)}}
@media(max-width:700px){.nav{padding:18px 20px}.logo b{font-size:19px}.hero{height:auto;min-height:760px;padding:145px 22px 100px}.hero h1{font-size:54px}.hero-art{left:-5%;opacity:.38}.hero-note{display:none}.audiences>p{padding-left:22px}.section{padding:78px 22px}.intro{gap:35px}.two-cols{grid-template-columns:1fr;gap:12px}.service{grid-template-columns:38px 45px 1fr;gap:10px}.service-symbol{font-size:28px}.service h3{font-size:25px}.service ul{display:none}.value-copy,.value-points{padding:35px 25px}.process{gap:35px}.process ol{grid-template-columns:1fr}.process li{border-right:0;min-height:180px}.process h3{margin-top:25px}.maintenance-banner{padding:80px 22px}.banner-art{left:62%;opacity:.5}.contact{gap:45px}.lead-form{padding:30px 22px}footer{flex-direction:column;align-items:flex-start}.whatsapp b{display:none}.whatsapp{padding:12px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}

/* SOHA brand refinement */
:root{--forest:#36312d;--deep:#211e1b;--sage:#c9c2bb;--peach:#d9b08a;--clay:#a87550;--cream:#f4efe8;--paper:#fffdf9;--ink:#3c3834;--muted:#706a64;--line:rgba(60,56,52,.16);--shadow:0 28px 70px rgba(48,40,34,.15)}
.logo{display:flex;align-items:center;line-height:1}.logo img{display:block;width:116px;height:64px;object-fit:contain;background:#fffaf4;border-radius:3px;padding:3px 9px}.hero{background:linear-gradient(112deg,#211e1b 0%,#3b342f 62%,#594a40 100%)}.hero:after{background:linear-gradient(90deg,rgba(33,30,27,.95) 0,rgba(52,45,40,.7) 49%,transparent 75%)}.sun{background:#b98760}.building:before{background:repeating-linear-gradient(0deg,transparent 0 28px,rgba(60,56,52,.23) 29px 31px),repeating-linear-gradient(90deg,transparent 0 31px,rgba(60,56,52,.18) 32px 34px)}.building.two{background:#c8beb4}.value-points{background:#e7e1db}.maintenance-banner{background:#9f704f}.banner-art{background:linear-gradient(135deg,#d9b08a,#83563d)}footer{background:#211e1b}
@media(max-width:1000px){.hero:after{background:linear-gradient(90deg,rgba(33,30,27,.96),rgba(52,45,40,.75))}}
@media(max-width:700px){.logo img{width:96px;height:54px}}
