/* Landing styles are deliberately scoped away from the shared order form. */
.main-site{background:#f7f4ee!important;color:#342f2b;font-family:Manrope,Arial,sans-serif}
.main-site .site-nav{position:relative!important;display:flex!important;align-items:center;justify-content:space-between;max-width:1280px;margin:auto;padding:24px 5%!important;background:transparent!important;border:0!important;box-shadow:none!important;border-bottom:1px solid #dedbd3!important;border-radius:0!important}
.main-site .site-nav img{width:110px;height:42px;object-fit:contain}
.main-site .site-nav nav{display:flex;align-items:center;gap:28px}
.main-site .site-nav nav a{font:600 12px/1.4 Manrope,Arial,sans-serif;text-decoration:none}
.main-site .site-nav nav a:last-child{background:transparent!important;color:#304b3a!important;border:1px solid #c9d0c6!important;padding:10px 16px;border-radius:30px}
.main-site .brand-hero{display:grid!important;grid-template-columns:1fr 1.1fr!important;align-items:center;gap:60px!important;max-width:1280px;margin:0 auto!important;padding:76px 5% 88px!important;background:transparent!important;min-height:0!important;border:0!important}
.main-site .hero-copy{padding:0!important;transform:none!important;max-width:520px}
.main-site .eyebrow{font:700 10px/1.5 Manrope,Arial,sans-serif!important;letter-spacing:.2em!important;color:#52624e!important}
.main-site .hero-copy h1{font:600 clamp(38px,4.8vw,66px)/1.06 Manrope,Arial,sans-serif!important;letter-spacing:-.055em!important;color:#302f29!important;margin:22px 0!important;max-width:650px!important}
.main-site .hero-copy p{font:400 15px/1.85 Manrope,Arial,sans-serif!important;color:#766f65!important;max-width:390px!important;margin:0 0 30px!important}
.main-site .brand-button{display:inline-flex;align-items:center;gap:22px;background:#294634!important;border:1px solid #294634!important;color:white!important;font:650 12px/1.4 Manrope,Arial,sans-serif!important;border-radius:40px!important;padding:15px 23px!important;text-decoration:none;transition:transform .2s,background .2s}
.main-site .brand-button:hover{transform:translateY(-2px);background:#20392a!important}
.main-site .hero-visual{position:relative!important;width:100%!important;aspect-ratio:4/5!important;height:auto!important;min-height:0!important;margin:0!important;transform:none!important;border:0!important;padding:0!important;border-radius:150px 150px 8px 8px!important;overflow:hidden!important;box-shadow:none!important;background:#e8e1d5!important}
.main-site .hero-visual::before,.main-site .hero-visual::after{display:none!important}
.main-site .hero-visual>img,.main-site .hero-video{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:65% center!important;border-radius:0!important}
.main-site .video-toggle{position:absolute;right:20px;bottom:20px;background:#f7f4eede!important;border:1px solid #fff8!important;border-radius:30px!important;color:#294634!important;font:600 11px Manrope,Arial,sans-serif;padding:11px 17px!important;z-index:2}
.main-site .story-section{display:grid!important;grid-template-columns:1fr 1fr!important;gap:80px!important;align-items:center;max-width:1160px!important;margin:70px auto!important;padding:70px 30px!important;border-top:1px solid #dedbd3!important;background:transparent!important;transform:none!important;border-radius:0!important}
.main-site .story-section>div{transform:none!important;background:transparent!important;padding:0!important;border:0!important;box-shadow:none!important}
.main-site .story-section h2,.main-site .contact-section h2{font:550 clamp(29px,3.5vw,44px)/1.15 Manrope,Arial,sans-serif!important;letter-spacing:-.045em!important;color:#302f29!important;margin:18px 0!important}
.main-site .story-section p,.main-site .contact-section p{font:400 14px/1.9 Manrope,Arial,sans-serif!important;color:#766f65!important;max-width:430px}
.main-site .story-media{aspect-ratio:1/1;overflow:hidden;border-radius:8px!important}
.main-site .story-media img,.main-site .story-media video{width:100%!important;height:100%!important;object-fit:cover;border-radius:8px!important}
.main-site .contact-section{max-width:1100px;margin:0 auto!important;padding:70px 30px 90px!important;background:transparent!important;text-align:center!important;border-top:1px solid #dedbd3!important;border-radius:0!important}
.main-site .contact-section p{margin:0 auto 25px!important}
.main-site .social-link{display:inline-block;margin:14px 20px;color:#304b3a!important;font-size:12px;text-underline-offset:5px}
.main-site .brand-footer{display:flex!important;justify-content:space-between;align-items:center;gap:24px;padding:30px 5%!important;background:#eee9df!important;color:#746d63!important;border:0!important}
.main-site .brand-footer img{width:95px!important;height:auto;filter:none!important}.main-site .brand-footer p{font-size:11px!important}
@media(max-width:700px){
 .main-site .site-nav{padding:18px 22px!important}.main-site .site-nav img{width:86px}.main-site .site-nav nav{gap:16px}.main-site .site-nav nav a{font-size:10px}.main-site .site-nav nav a.nav-shop{display:none}.main-site .site-nav nav a:last-child{padding:8px 10px}
 .main-site .brand-hero{grid-template-columns:1fr!important;gap:32px!important;padding:46px 24px 48px!important}.main-site .hero-copy h1{font-size:43px!important;max-width:420px!important}.main-site .hero-copy p{font-size:13px!important;margin-bottom:22px!important}.main-site .hero-visual{aspect-ratio:5/4!important;border-radius:80px 80px 6px 6px!important}.main-site .brand-button{padding:13px 20px!important}
 .main-site .story-section{grid-template-columns:1fr!important;gap:28px!important;margin:35px 0!important;padding:45px 24px!important}.main-site .story-media{aspect-ratio:5/4}.main-site .contact-section{padding:50px 24px 60px!important}.main-site .brand-footer{align-items:flex-start;flex-direction:column;padding:26px 24px!important;gap:10px}
}
@media(prefers-reduced-motion:no-preference){.main-site .hero-copy{animation:kira-enter .8s both}.main-site .hero-visual{animation:kira-enter 1.1s both}.main-site .hero-visual>img{animation:kira-drift 20s ease-in-out infinite alternate}@keyframes kira-enter{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}@keyframes kira-drift{from{scale:1}to{scale:1.045}}}


/* Pastikan judul & deskripsi contact-section selalu center, apapun override lain. */
.main-site .contact-section{text-align:center!important}
.main-site .contact-section h2{margin:18px auto!important;max-width:760px!important}
.main-site .contact-section p{margin:0 auto 25px!important;text-align:center!important}