:root{--green:#0a3d2e;--green2:#0f513c;--gold:#d8a94a;--ink:#17211d;--cream:#f3f1e9;--white:#fff;--line:rgba(255,255,255,.17)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Manrope,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}
.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:86px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;color:white;border-bottom:1px solid var(--line);transition:.3s}.nav.scrolled{height:72px;background:rgba(7,35,27,.94);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px}.brand-logo{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 2px 8px rgba(0,0,0,.22))}.brand strong,.brand small{display:block;line-height:1}.brand strong{font-size:17px;letter-spacing:3px}.brand small{font-size:9px;letter-spacing:5.4px;margin-top:6px;color:#d9dedb}
nav{display:flex;gap:34px;align-items:center;font-size:14px;font-weight:600}nav a:not(.nav-contact){opacity:.78}nav a:hover{opacity:1;color:var(--gold)}.nav-contact{border:1px solid rgba(255,255,255,.45);padding:10px 18px}.menu{display:none;color:white;background:transparent;border:1px solid #ffffff55;padding:8px 12px}
.hero{height:min(880px,100svh);min-height:690px;position:relative;color:white;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,26,19,.92) 0%,rgba(3,26,19,.65) 38%,rgba(3,26,19,.08) 72%),linear-gradient(0deg,rgba(3,24,18,.6),transparent 45%)}
.hero-content{position:absolute;left:clamp(22px,8vw,125px);top:50%;transform:translateY(-43%);max-width:790px}.eyebrow,.section-tag{margin:0 0 24px;color:var(--gold);font-size:12px;font-weight:800;letter-spacing:3px}.hero h1,.intro h2,.business h2,.chain h2,.contact h2{font:600 clamp(48px,6.2vw,96px)/.98 "Playfair Display",serif;letter-spacing:-2.5px;margin:0}.hero h1 em,.chain h2 em,.contact h2 em{font-style:italic;color:#e9c777}.lead{max-width:680px;font-size:18px;color:#e2e8e4;margin:28px 0 34px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:28px;padding:15px 20px;font-size:14px;font-weight:700;border:1px solid #ffffff70}.button span{font-size:19px}.primary{background:var(--gold);border-color:var(--gold);color:#173125}.primary:hover{background:#edc168}.ghost:hover{background:#ffffff15}.hero-foot{position:absolute;right:clamp(22px,5vw,76px);bottom:30px;display:flex;gap:15px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#d4dad6}
.intro{padding:120px clamp(22px,8vw,125px);display:grid;grid-template-columns:1.05fr .95fr;gap:10vw}.intro h2{font-size:clamp(43px,5vw,74px);color:var(--green)}.intro-copy{padding-top:35px;border-top:1px solid #99a59f}.intro-copy>p:first-child{font-size:22px;line-height:1.55;margin-top:0}.intro-copy>p:nth-child(2){color:#5b6761}.facts{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:42px}.facts div{border-top:2px solid var(--gold);padding-top:14px}.facts strong,.facts span{display:block}.facts strong{font:600 42px "Playfair Display",serif;color:var(--green)}.facts span{font-size:13px;color:#68746e}
.business{background:var(--green);color:white;padding:110px clamp(22px,5vw,76px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:65px}.section-head h2{font-size:clamp(42px,5vw,72px)}.section-head>p{max-width:420px;color:#bfcfc7}.light{color:#e4ba61}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.card{min-height:525px;padding:28px;position:relative;transition:transform .3s ease,filter .3s ease;display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1)}.card-niaga{background:#315f55}.card-logistics{background:#3f5f6a}.card-plantation{background:#5b6946}.card-industri{background:#6b5549}.card:hover{transform:translateY(-8px);filter:brightness(1.08)}.card-num{font-size:11px;color:rgba(255,255,255,.62)}.icon{margin:38px 0 30px;width:49px;height:49px;border:1px solid #e7c16f88;display:grid;place-items:center;color:#f0cd7d;font-size:23px}.card h3{font-size:28px;line-height:1.12;letter-spacing:.5px;margin:0 0 17px}.card p{font-size:14px;color:rgba(255,255,255,.76)}.card .card-kicker{color:#f0cd7d;font-size:12px;font-weight:800;letter-spacing:.8px;margin:0 0 12px}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:20px}.tags span{border:1px solid #ffffff35;padding:5px 8px;font-size:10px;color:rgba(255,255,255,.84);text-transform:uppercase;letter-spacing:.7px}
.chain{padding:120px clamp(22px,8vw,125px);background:#162720;color:white;display:grid;grid-template-columns:.85fr 1.15fr;gap:10vw}.chain h2{font-size:clamp(48px,5.3vw,78px)}.chain-heading>p:last-child{color:#b9c6c0;max-width:500px;margin-top:30px}.chain-steps{padding:0;margin:0;list-style:none;border-top:1px solid var(--line)}.chain-steps li{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:24px 0;border-bottom:1px solid var(--line)}.chain-steps li>span{color:var(--gold);font-size:12px}.chain-steps strong{font-size:20px}.chain-steps p{margin:4px 0 0;color:#aebdb6;font-size:14px}.chain-steps li:hover strong{color:#e8c477}
.values{padding:120px clamp(22px,8vw,125px);display:grid;grid-template-columns:1.15fr .85fr;gap:10vw}.value-statement blockquote{font:600 clamp(32px,4vw,57px)/1.2 "Playfair Display",serif;color:var(--green);margin:0}.value-list>div{display:grid;grid-template-columns:42px 130px 1fr;gap:10px;border-top:1px solid #aeb7b2;padding:24px 0}.value-list span{color:var(--gold);font-size:12px}.value-list h3,.value-list p{margin:0}.value-list h3{font-size:18px}.value-list p{font-size:14px;color:#65716b}
.contact{padding:110px clamp(22px,8vw,125px);background:#172b24;color:white;text-align:center}.contact h2{font-size:clamp(45px,6vw,86px)}.contact>p:not(.section-tag){color:#c0cbc6;margin:28px auto;max-width:600px}.contact .button{margin-top:10px}
footer{background:#0c1c16;color:#a7b4ae;padding:35px clamp(22px,5vw,76px);display:flex;justify-content:space-between;align-items:center;font-size:12px}.footer-brand{color:white}
@media(max-width:900px){.nav{height:72px}.menu{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#082e22;padding:22px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:720px}.hero-content{transform:translateY(-40%)}.hero h1{font-size:clamp(48px,12vw,70px)}.hero-foot{display:none}.intro,.values,.chain{grid-template-columns:1fr;gap:55px}.cards{grid-template-columns:1fr 1fr}.card:nth-child(2){border-right:0}.card{min-height:465px;border-bottom:1px solid var(--line)}.section-head{display:block}.section-head>p{margin-top:25px}.value-list>div{grid-template-columns:35px 110px 1fr}}
@media(max-width:560px){.hero{min-height:760px}.hero-content{top:46%}.lead{font-size:16px}.hero-actions{display:grid}.button{justify-content:space-between}.intro,.business,.chain,.values,.contact{padding-top:80px;padding-bottom:80px}.intro-copy>p:first-child{font-size:19px}.facts{grid-template-columns:1fr}.cards{grid-template-columns:1fr}.card{border-right:0;min-height:430px}.icon{margin:28px 0}.value-list>div{grid-template-columns:32px 1fr}.value-list p{grid-column:2}footer{align-items:flex-start;gap:25px;flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card,.nav{transition:none}}