/* Rimba editorial identity: charcoal, parchment and warm copper. */
:root { --forest:#232b22; --forest-dark:#171915; --cream:#f2eee5; --sand:#daceb8; --terracotta:#a35732; --ink:#24281f; }
html { scroll-padding-top:100px; }
body.rimba-editorial { background:var(--cream); color:var(--ink); }
.rimba-editorial .container { max-width:1280px; padding-inline:32px; }
.rimba-editorial h1,.rimba-editorial h2 { font-family:"Playfair Display",Georgia,serif; font-weight:600; letter-spacing:-.055em; }
.rimba-editorial h1 em,.rimba-editorial h2 em { font-family:inherit; font-style:italic; font-weight:400; }
.rimba-editorial h2 { font-size:clamp(2.7rem,4.7vw,4.8rem); line-height:1.08; }
.rimba-editorial .section-space { padding-block:100px; }
.rimba-editorial .section-kicker { font-size:.66rem; letter-spacing:.2em; color:#9b512f; margin-bottom:24px; }
.rimba-editorial .section-kicker::after { display:none; }
.rimba-editorial .btn { transition:background .25s, color .25s, transform .25s; }
.rimba-editorial .btn:hover { transform:translateY(-3px); }
.rimba-editorial .btn-primary { --bs-btn-bg:#cf9e6f; --bs-btn-border-color:#cf9e6f; --bs-btn-color:#171915; --bs-btn-hover-bg:#e7b88b; --bs-btn-hover-border-color:#e7b88b; --bs-btn-hover-color:#171915; padding:16px 25px; font-size:.82rem; font-weight:600; }
.rimba-editorial a:focus-visible,.rimba-editorial button:focus-visible { outline:2px solid #b37a44; outline-offset:5px; }
.editorial-skip { position:fixed; z-index:9999; top:8px; left:8px; padding:12px 20px; background:#f2eee5; color:#171915; transform:translateY(-150%); }
.editorial-skip:focus { transform:none; }
/* A luminance mask removes the black backdrop while preserving the supplied logo artwork. */
.rimba-editorial .brand-logo { width:62px; height:auto; mask-image:url("../pic/logo.jpeg"); mask-mode:luminance; mask-size:contain; mask-position:center; mask-repeat:no-repeat; }
.rimba-editorial .navbar-brand { margin:0; padding:0; }
.rimba-editorial .navbar { padding:14px 0; background:#171915; border-bottom:1px solid rgba(255,255,255,.09); }
.rimba-editorial .navbar.nav-scrolled { padding:8px 0; background:rgba(23,25,21,.96); backdrop-filter:blur(16px); }
.rimba-editorial .nav-link { font-size:.76rem; color:#d9dccf; }
.rimba-editorial .navbar .btn { font-size:.74rem; border-color:#8e9581; padding-block:10px; }
.editorial-hero { position:relative; overflow:hidden; background:#171915; color:#f2eee5; padding-top:142px; }
.editorial-hero-grid { display:grid; grid-template-columns:1.1fr 1fr; gap:6%; align-items:center; padding-bottom:62px; }
.editorial-hero-copy { padding-block:28px; }
.editorial-hero .section-kicker { color:#cba87d; }
.editorial-hero h1 { font-size:clamp(4.1rem,6.8vw,6.8rem); line-height:1.01; margin:0 0 28px; }
.editorial-hero h1 em { color:#d2b189; }
.editorial-lead { max-width:380px; font-size:.93rem; line-height:1.85; color:#bfc2b5; }
.editorial-actions { display:flex; align-items:center; gap:26px; margin-top:32px; flex-wrap:wrap; }
.editorial-actions .btn span { margin-left:18px; }
.editorial-text-link { display:inline-flex; align-items:center; gap:24px; color:inherit; font-size:.82rem; text-decoration:none; border-bottom:1px solid currentColor; padding-block:8px; }
.editorial-text-link:hover { color:#cf9e6f; }
.hero-origin-line { display:flex; flex-wrap:wrap; gap:12px; margin-top:48px; color:#929887; font-size:.6rem; text-transform:uppercase; letter-spacing:.12em; }
.hero-origin-line span + span::before { content:"/"; margin-right:12px; color:#d2b189; }
.editorial-hero-art { position:relative; padding:0 16px 28px 0; }
.hero-photo-frame { aspect-ratio:4/5; overflow:hidden; border-radius:48% 48% 2px 2px; position:relative; background:#2d2b21; }
.editorial-product-photo { width:100%; height:116%; margin-top:-8%; object-fit:cover; }
.hero-orbit { position:absolute; z-index:1; right:-5px; top:60px; writing-mode:vertical-rl; letter-spacing:.2em; font-size:.6rem; color:#d2b189; }
.hero-product-label { position:absolute; bottom:0; left:-24px; right:40px; display:flex; align-items:center; justify-content:space-between; padding:22px 26px; background:#eee9dd; color:#292b22; text-decoration:none; font-family:"Playfair Display",Georgia,serif; font-size:1.4rem; box-shadow:0 16px 30px #0002; }
.hero-product-label small { display:block; color:#77664e; font: .6rem "DM Sans",sans-serif; letter-spacing:.12em; text-transform:uppercase; margin-bottom:6px; }
.hero-bottom-line { display:flex; align-items:center; justify-content:space-between; gap:16px; padding-block:20px; border-top:1px solid #ffffff17; font-size:.6rem; text-transform:uppercase; letter-spacing:.12em; color:#adb19e; }
.hero-bottom-line a { color:inherit; text-decoration:none; }
.hero-bottom-line a span { display:inline-block; margin-left:14px; animation:rimba-nudge 2.8s ease-in-out infinite; }
@keyframes rimba-nudge { 0%,100% { transform:translateY(-3px); } 50% { transform:translateY(3px); } }
.rimba-editorial .trust-strip { background:#e7e2d5; box-shadow:none; }
.rimba-editorial .trust-item { min-height:100px; border-color:#24281f18; }
.rimba-editorial .trust-item strong { font-size:1.7rem; }
.rimba-editorial .trust-item span { font-size:.59rem; color:#686e60; }
.rimba-editorial .trust-item i { font-size:1.4rem; color:#7a6d50; }
.rimba-editorial .packaging-section { background:#f2eee5; }
.rimba-editorial .packaging-grid { gap:36px 24px; }
.rimba-editorial .packaging-card { background:transparent; box-shadow:none; border-radius:0; }
.rimba-editorial .packaging-photo { border-radius:3px; background:#25251c; }
.rimba-editorial .packaging-photo img { transition:transform .8s cubic-bezier(.2,.7,.2,1); }
.rimba-editorial .packaging-photo:hover img { transform:scale(1.025); }
.rimba-editorial .packaging-card figcaption { padding:19px 0; border-bottom:1px solid #292b2224; }
.rimba-editorial .packaging-card h3 { font-family:"Playfair Display",Georgia,serif; font-weight:500; font-size:1.5rem; }
.rimba-editorial .packaging-card figcaption small { font-size:.59rem; }
.rimba-editorial .about-section { background:#e8e4d8; }
.rimba-editorial .story-photo { border-radius:2px 44% 2px 2px; box-shadow:none; }
.rimba-editorial .story-visual::before { border-color:#a9987d; }
.rimba-editorial .origin-card { border-radius:0; background:#283224; }
.rimba-editorial .vision-card { border-radius:0; background:#f2eee58c; border-left:1px solid #ac7954; }
.rimba-editorial .mission-card,.rimba-editorial .value-card,.rimba-editorial .advantage-card { border-radius:3px; box-shadow:none; border-color:#2630221a; background:#f2eee5; }
.rimba-editorial .mission-card:hover,.rimba-editorial .advantage-card:hover { transform:translateY(-5px); }
.rimba-editorial .products-section { background:#252b22; background-image:none; }
.rimba-editorial .products-section h2 em { color:#cfac81; }
.rimba-editorial .product-card { border-radius:3px; box-shadow:none; background:#f2eee5; }
.rimba-editorial .product-art { border-radius:0; }
.rimba-editorial .product-body h3 { font-family:"Playfair Display",Georgia,serif; font-size:1.6rem; }
.rimba-editorial .flavour-tags span { border-radius:2px; }
.rimba-editorial .product-specs li { border-radius:0; background:#e9e3d6; }
.forest-interlude { position:relative; min-height:580px; display:flex; align-items:center; overflow:hidden; background:#171915; color:#f2eee5; }
.forest-interlude>img { position:absolute; top:-12%; left:0; width:100%; height:124%; object-fit:cover; }
.forest-interlude-shade { position:absolute; inset:0; background:linear-gradient(90deg,#101b13d9,#101b1330); }
.forest-interlude-copy { position:relative; padding-block:110px; }
.forest-interlude .section-kicker { color:#dfc6a4; }
.forest-interlude h2 { max-width:780px; margin-bottom:32px; font-size:clamp(3rem,5.7vw,6rem); }
.forest-interlude h2 em { color:#e4c5a0; }
.rimba-editorial .gallery-section { background:#f2eee5; }
.rimba-editorial .gallery-item { border-radius:3px; }
.rimba-editorial .global-section { background:#293425; background-image:none; }
.rimba-editorial .shipping-card { border-radius:3px; }
.rimba-editorial .testimonials-section { background:#e8e4d8; }
.rimba-editorial .testimonial-card { box-shadow:none; border-radius:3px; }
.rimba-editorial .faq-section { background:#f2eee5; }
.rimba-editorial .accordion-item,.rimba-editorial .accordion-button { background:transparent; }
.rimba-editorial .contact-section { padding-block:110px; background:#353e2d; }
.rimba-editorial .contact-section h2 { max-width:820px; margin-inline:auto; }
.rimba-editorial .contact-section h2 em { color:#d2b189; }
.rimba-editorial .contact-section .section-kicker { color:#d2b189!important; }
.rimba-editorial footer { background:#171915; background-image:none; }
.rimba-editorial .footer-brand .brand-logo { width:94px; }
.rimba-editorial .footer-bottom { border-color:#ffffff1a; }
.rimba-editorial .floating-wa { background:#283c29; border:1px solid #78826a!important; box-shadow:0 6px 24px #0002; }
/* Content stays available if scripts fail; animation is progressive enhancement. */
.rimba-editorial .reveal { opacity:1; transform:none; }
.rimba-editorial .reveal.rimba-awaiting { opacity:0; transform:translateY(25px); transition:opacity .8s ease,transform .8s cubic-bezier(.2,.7,.2,1); }
.rimba-editorial .reveal.is-visible { opacity:1; transform:none; }
@media(min-width:992px) {
    .editorial-hero-copy { animation:rimba-enter 1s ease both; }
    .editorial-hero-art { animation:rimba-enter 1.3s ease both; }
    @keyframes rimba-enter { from { opacity:0; translate:0 20px; } to { opacity:1; translate:0 0; } }
}
@media(max-width:991.98px) {
    .rimba-editorial .container { padding-inline:24px; }
    .rimba-editorial .navbar-collapse { background:#23291f; border:1px solid #ffffff12; }
    .editorial-hero { padding-top:125px; }
    .editorial-hero-grid { gap:35px; grid-template-columns:1fr 1fr; }
    .editorial-hero h1 { font-size:clamp(3rem,7vw,4.7rem); }
    .hero-origin-line { margin-top:30px; }
    .editorial-actions { gap:15px; }
    .hero-product-label { left:-12px; right:20px; padding:16px; font-size:1.15rem; }
    .rimba-editorial .section-space { padding-block:72px; }
    .forest-interlude { min-height:460px; }
}
@media(max-width:767.98px) {
    .editorial-hero-grid { grid-template-columns:minmax(0,1fr); gap:25px; }
    .editorial-hero h1 { font-size:clamp(2.65rem,12vw,5rem); }
    .editorial-hero h1 em br { display:block; }
    .editorial-hero-copy { padding-top:5px; min-width:0; }
    .editorial-hero-art { max-width:460px; width:100%; margin-inline:auto; }
    .hero-photo-frame { aspect-ratio:1/1.1; }
    .editorial-product-photo { object-position:center 64%; }
    .hero-product-label { left:0; right:32px; }
    .hero-orbit { right:0; }
    .hero-bottom-line>span:last-child { display:none; }
    .hero-origin-line { font-size:.55rem; }
    .rimba-editorial .brand-logo { width:48px; }
    .rimba-editorial .navbar { padding-block:9px; }
    .editorial-hero { padding-top:104px; }
    .rimba-editorial .contact-section { padding-block:75px; }
}
@media(max-width:575.98px) {
    .rimba-editorial .container { padding-inline:20px; }
    .rimba-editorial .section-space { padding-block:60px; }
    .rimba-editorial .packaging-grid { gap:20px; }
    .rimba-editorial .packaging-photo { aspect-ratio:auto; }
    .rimba-editorial .packaging-photo img { height:auto; }
    .hero-bottom-line { font-size:.5rem; }
    .forest-interlude { min-height:430px; }
    .forest-interlude-copy { padding-block:75px; }
    .rimba-editorial .story-visual { min-height:420px; }
    .rimba-editorial .story-photo { height:400px; }
}
@media(prefers-reduced-motion:reduce) {
    .rimba-editorial *, .rimba-editorial *::before, .rimba-editorial *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
    .rimba-editorial [data-parallax] { transform:none!important; }
    .rimba-editorial .reveal.rimba-awaiting { opacity:1; transform:none; }
}