.sec-title{font-size:clamp(30px,4.2vw,54px);font-weight:var(--w-judul);color:var(--green);margin:0;line-height:1.05}.sec-sub{opacity:.78;margin:8px 0 0;font-size:14px;line-height:1.7}.hero{background:linear-gradient(#1e804d 0%,#186841 55%,#145734 100%);position:relative;overflow:hidden}.hero-inner{z-index:2;flex-direction:column;align-items:center;padding:clamp(22px,3.6vw,44px) 16px clamp(28px,3.6vw,44px);display:flex;position:relative}.hero .hero-title img{width:min(290px,48vw)}.hero-sub{color:var(--cream);letter-spacing:3px;text-shadow:0 1px 6px #0006;text-align:center;margin:6px 0 0;font-size:clamp(12px,1.2vw,14px)}.wheel{--sz:330px;--sp:300px;--yu:44px;--tilt:12deg;--sc1:.62;--sc2:.46;width:min(1040px,100%);height:calc(var(--sz) + 52px);touch-action:pan-y;user-select:none;cursor:grab;outline:none;margin-top:clamp(6px,1.6vw,18px);position:relative}.wheel:focus-visible{outline-offset:8px;border-radius:24px;outline:2px dashed #f7f3e799}.wheel-item{width:var(--sz);margin-left:calc(var(--sz) / -2);pointer-events:none;--sc:var(--sc2);opacity:0;transform:translate(calc(var(--d) * var(--sp)), calc(var(--ad) * var(--yu))) rotate(calc(var(--d) * var(--tilt))) scale(var(--sc));flex-direction:column;align-items:center;gap:4px;transition:transform .55s cubic-bezier(.34,1.32,.44,1),opacity .4s;display:flex;position:absolute;top:0;left:50%}.wheel-item.pos-1{--sc:var(--sc1);opacity:.8}.wheel-item.pos-0{--sc:1;opacity:1;z-index:3}.wheel-item img{width:var(--sz);height:var(--sz);object-fit:contain;filter:drop-shadow(0 10px 16px #0000004d)saturate(.6)brightness(.85);transition:filter .4s;display:block}.wheel-item.pos-0 img{filter:drop-shadow(0 20px 26px #0000006b)}.wheel-label{opacity:0;align-items:center;gap:6px;margin-top:-6px;transition:opacity .3s;display:flex}.wheel-item.pos-0 .wheel-label{opacity:1}.wheel-name{font-weight:var(--w-judul);color:var(--cream);text-shadow:0 1px 6px #00000080;white-space:nowrap;font-size:clamp(20px,2vw,26px)}.arrow-doodle{font-weight:var(--w-judul);color:var(--cream);font-size:24px;animation:2.5s ease-in-out infinite wob;display:inline-block}.wheel-arrow{z-index:5;top:calc(var(--sz) * .42);border:2px solid var(--cream);width:48px;height:48px;color:var(--cream);cursor:pointer;background:#155c39b3;border-radius:50%;justify-content:center;align-items:center;padding:0;font-size:20px;display:inline-flex;position:absolute}.wheel-arrow:hover{background:var(--green)}.wheel-arrow.left{left:0}.wheel-arrow.right{right:0}@media (width>=901px){.wheel-item.pos-1 .wheel-label{opacity:.85}.wheel-item.pos-2{opacity:.3}}@media (width<=900px){.wheel{--sz:260px;--sp:210px;--yu:34px}}@media (width<=560px){.wheel{--sz:236px;--sp:150px;--yu:26px;--tilt:10deg;--sc1:.6}.wheel-arrow{width:42px;height:42px}}.hero-cta{flex-direction:column;align-items:center;gap:8px;margin-top:clamp(10px,1.4vw,18px);display:flex}.hero-pick{font-weight:var(--w-judul);color:var(--cream);text-shadow:0 1px 6px #0006;text-align:center;margin:0;font-size:clamp(22px,2.3vw,30px)}.hero-hint{color:#f7f3e7c7;text-align:center;margin:0;font-size:12px}.home-about{padding:clamp(40px,6vw,80px) clamp(16px,5vw,60px)}.about-card{background:var(--cream-deep);border-radius:24px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(20px,4.5vw,64px);max-width:1180px;margin:0 auto;padding:clamp(16px,2.4vw,28px);display:grid}.about-photo{aspect-ratio:8/7;object-fit:cover;border-radius:22px;width:100%;display:block}.about-copy{flex-direction:column;gap:16px;padding-right:clamp(0px,2vw,28px);display:flex}.about-copy p{margin:0;font-size:clamp(15px,1.25vw,17px);line-height:1.9}@media (width<=720px){.about-card{grid-template-columns:1fr}.about-photo{aspect-ratio:16/10}}.promo-section{background:var(--green);color:var(--cream);padding:clamp(36px,4.8vw,60px) 0 clamp(40px,5.4vw,68px);overflow:hidden}.promo-title{color:var(--cream);text-align:center;margin:0 16px}.promo-kosong{text-align:center;opacity:.85;margin:16px;font-size:14px}.promo-stage{--w:min(330px,68vw);--pg:calc(var(--w) * .78);height:calc(var(--w) * 1.25);touch-action:pan-y;user-select:none;margin-top:clamp(18px,2.6vw,30px);position:relative}.promo-track{height:100%;position:relative}.promo-card{width:var(--w);height:100%;margin-left:calc(var(--w) / -2);background:var(--cream);color:var(--ink);--sc:.7;opacity:0;pointer-events:none;transform:translateX(calc(var(--d) * var(--pg))) scale(var(--sc));border-radius:18px;flex-direction:column;text-decoration:none;transition:transform .45s cubic-bezier(.3,1.2,.4,1),opacity .35s,filter .35s;display:flex;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 14px 30px #00000047}.promo-card.pos-1{--sc:.82;opacity:.72;filter:brightness(.8);pointer-events:auto;z-index:2}.promo-card.pos-0{--sc:1;opacity:1;pointer-events:auto;z-index:3}.promo-card:hover{color:var(--ink)}.promo-poster{object-fit:cover;width:100%;height:100%;display:block}.promo-photo{object-fit:cover;flex:auto;width:100%;min-height:0;display:block}.promo-body{flex-direction:column;flex:none;gap:5px;padding:14px 16px 18px;display:flex}.promo-tag{font-size:11px;font-weight:var(--w-judul);color:var(--green);letter-spacing:.1em}.promo-name{font-weight:var(--w-judul);color:var(--green-dark);font-size:clamp(18px,1.7vw,22px);line-height:1.2}.promo-desc{opacity:.8;font-size:13px;line-height:1.55}.promo-arrow{z-index:5;width:52px;height:52px;color:var(--cream);cursor:pointer;background:#16603a73;border:none;border-radius:50%;justify-content:center;align-items:center;margin-top:-26px;padding:0 0 6px;font-size:44px;line-height:1;display:inline-flex;position:absolute;top:50%}.promo-arrow:hover{background:#16603acc}.promo-arrow.left{left:max(6px, calc(50% - var(--pg) - var(--w) * .41 - 62px))}.promo-arrow.right{right:max(6px, calc(50% - var(--pg) - var(--w) * .41 - 62px))}.journal-section,.ig-section{padding:clamp(40px,6vw,72px) clamp(16px,5vw,60px) 0}.ig-section{padding-bottom:clamp(44px,7vw,90px)}.panel{background:var(--cream-deep);border-radius:24px;max-width:1320px;margin:0 auto;padding:clamp(18px,2.6vw,32px)}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:6px 16px;display:flex}.link-more{font-weight:var(--w-judul);white-space:nowrap;padding:10px 0;font-size:15px}.journal-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(14px,1.8vw,24px);margin-top:clamp(16px,2.4vw,28px);display:grid}.journal-card{background:var(--cream-soft);border:2px solid var(--border);color:var(--ink);border-radius:18px;flex-direction:column;transition:transform .25s,border-color .25s;display:flex;overflow:hidden}.journal-card:hover{border-color:var(--green);color:var(--ink);transform:translateY(-4px)}.journal-card img{aspect-ratio:16/10;object-fit:cover;width:100%;display:block}.journal-body{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 18px 20px;display:flex}.chip-cat{font-size:11px;font-weight:var(--w-judul);color:var(--cream);background:var(--green);letter-spacing:.08em;border-radius:999px;padding:4px 12px}.journal-title{font-weight:var(--w-judul);color:var(--green-dark);font-size:16px;line-height:1.4}.journal-sum{opacity:.75;font-size:13px;line-height:1.6}@media (width<=1000px){.journal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.journal-grid{grid-template-columns:1fr;gap:12px}.journal-card{border-radius:16px;grid-template-columns:116px 1fr;display:grid}.journal-card img{aspect-ratio:auto;height:100%;min-height:128px}.journal-body{gap:6px;padding:12px 14px}.journal-title{font-size:15px}}.ig-head{text-align:center;flex-direction:column;align-items:center;gap:12px;display:flex}.ig-head .sec-sub{max-width:560px;margin:0}.ig-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(8px,1.2vw,16px);margin-top:clamp(18px,2.6vw,30px);display:grid}.ig-grid img{aspect-ratio:1;object-fit:cover;border-radius:16px;width:100%;display:block}@media (width<=900px){.ig-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ig-grid img{border-radius:12px}}