/* One responsive alignment system for the October review. */
:root{--cg-content:1440px;--cg-gutter:clamp(20px,4vw,64px)}
html body[data-page] .wrap,html body[data-page][class] #konsultasi .wrap{width:min(var(--cg-content),calc(100% - var(--cg-gutter)*2))!important;max-width:var(--cg-content)!important;margin-left:auto!important;margin-right:auto!important;box-sizing:border-box!important}
html body[data-page] main>section{border-top:0!important;border-bottom:0!important}
html body[data-page] .site-header .header-inner{position:relative;max-width:1680px!important;width:calc(100% - var(--cg-gutter)*2)!important;margin-inline:auto!important}
@media(min-width:1201px){html body[data-page] #main-nav{position:absolute!important;left:50%!important;transform:translateX(-50%)!important;display:flex!important;justify-content:center!important;gap:clamp(14px,1.4vw,28px)!important;width:max-content!important;margin:0!important}html body[data-page] #main-nav>a,html body[data-page] .catalog-nav-top>a{font-size:15px!important;white-space:nowrap}}
html body[data-page] .welcome-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;gap:36px!important}
html body[data-page] .welcome-copy{padding-left:0!important;margin-left:0!important}
html body[data-page] .welcome-hero .contact-stage{justify-self:end!important;max-width:100%!important}
html body[data-page] #konsultasi .wrap{display:block!important}
html body[data-page] #konsultasi .consult-overview{display:grid!important;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}
html body[data-page][class] #konsultasi #guide-consult,html body[data-page][class] #konsultasi .consult-result{display:flex!important;flex-direction:column!important;width:100%!important;max-width:none!important;height:auto!important;min-width:0!important;margin:0!important;padding:28px!important;border:1px solid #dce5f3!important;border-radius:24px!important;background:#fff!important;gap:18px!important;box-sizing:border-box!important}
html body[data-page] .consult-field{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:650;color:#21344e}
html body[data-page] .consult-field select,html body[data-page] #consult-branch{width:100%;min-height:48px;padding:10px 14px;border:1px solid #cad7eb;border-radius:10px;background:#f8faff;color:#21344e;font:inherit;box-sizing:border-box}
html body[data-page] #konsultasi .business-preview{margin-top:auto}
html body[data-page][class] #konsultasi .business-preview .sector-panel{display:grid!important;grid-template-columns:140px 1fr!important;min-height:0!important}
html body[data-page][class] #konsultasi .business-preview .sector-panel[hidden]{display:none!important}
html body[data-page][class] #konsultasi .business-preview .shelf-photo{height:150px!important;min-height:0!important}
html body[data-page][class] #konsultasi .business-preview .sector-copy{padding:14px!important}
html body[data-page][class] #konsultasi .business-preview h3{font-size:19px!important;margin:0 0 6px!important}
html body[data-page][class] #konsultasi .business-preview p{font-size:14px!important;margin:0!important}
html body[data-page] #konsultasi .business-preview ul{display:none!important}
html body[data-page] #konsultasi .consult-result>*{margin-top:0!important;margin-bottom:0!important}
html body[data-page] #konsultasi #consult-title{font-size:25px!important}
html body[data-page] #konsultasi .consult-branch{margin-top:auto!important}
html body[data-page] #konsultasi .consult-whatsapp{width:100%;box-sizing:border-box;text-align:center}
html body[data-page][class] .catalogue-product{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;align-self:stretch!important}
html body[data-page][class] .catalogue-product .product-card-link{display:block!important;flex:initial!important;min-height:0!important;height:auto!important;padding:10px!important}
html body[data-page][class] .catalogue-product .product-picture{width:100%!important;height:auto!important;aspect-ratio:1!important}
html body[data-page][class] .catalogue-product .product-picture img{width:100%!important;height:100%!important;object-fit:contain!important}
html body[data-page][class] .catalogue-product .product-name{font-size:15px!important;line-height:1.45!important;min-height:44px!important;max-height:66px!important;margin:7px 0!important;display:-webkit-box!important;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
html body[data-page][class] .catalogue-product .product-card-footer{margin-top:auto!important;grid-template-columns:minmax(0,1fr) 40px!important;gap:4px!important;padding:10px!important;min-height:60px!important}
html body[data-page][class] .catalogue-product .product-store-price{white-space:nowrap!important;overflow-wrap:normal!important;font-size:clamp(13px,1.1vw,17px)!important;word-break:normal!important}
html body[data-page][class] .catalogue-grid{grid-template-columns:repeat(auto-fill,minmax(195px,1fr))!important;align-items:stretch!important;grid-auto-rows:auto!important}
html body[data-page] .product-price-context,html body[data-page] .catalogue-price-explainer{display:none!important}
html body[data-page] #about-logos-0:not(.is-expanded){grid-template-columns:repeat(6,minmax(0,1fr))!important;max-height:none!important}
html body[data-page] #about-logos-0:not(.is-expanded)>:nth-child(n+13){display:none!important}
html body[data-page] .catalog-icon-grid{scroll-behavior:auto!important;scroll-snap-type:none!important}
html body[data-page] .catalog-motion-toggle{border:1px solid #cad7ed;border-radius:50%;width:40px;height:40px;background:white;color:#2643ae;margin-top:10px;float:right}
html body[data-page] #cerita.branch-story:not([data-compact-model]){height:auto!important;min-height:0!important;padding-top:20px!important}
html body[data-page] #cerita .branch-stage{position:relative!important;top:auto!important;height:clamp(600px,calc(100svh - 100px),880px)!important;min-height:0!important}
html body[data-page] .history-motion-toggle{position:absolute;bottom:12px;left:var(--cg-gutter);z-index:5;background:white;border:1px solid #c9d5e7;border-radius:24px;padding:10px 18px;color:#2942ac;font:inherit;font-size:14px}
html body[data-page] .branch-hint{display:none!important}
html body[data-page] .branch-reconstruction{font-size:12px!important}
html body[data-page] .locator-phone,html body[data-page] .branch-phone{display:inline-flex!important;align-items:center;gap:6px;white-space:nowrap!important;word-break:normal!important;overflow-wrap:normal!important;font-weight:650;text-decoration:none}
html body[data-page] .locator-phone:before,html body[data-page] .branch-phone:before{content:'☎';font-size:18px}
html body[data-page][class] #lokasi .is-map{display:flex!important;flex-direction:column!important;padding:0!important;gap:0!important;overflow:hidden;min-height:580px!important}
html body[data-page][class] #lokasi .is-map .branch-preview-copy{padding:20px 24px 0!important}
html body[data-page][class] #lokasi .is-map .branch-preview-copy>.eyebrow,html body[data-page][class] #lokasi .is-map .branch-preview-copy>h2,html body[data-page][class] #lokasi .is-map .branch-description{display:none!important}
html body[data-page][class] #lokasi #home-store-finder{width:100%!important;padding:12px 24px 18px!important;box-sizing:border-box;background:transparent!important;border:0!important}
html body[data-page][class] #lokasi .locator-stores{display:none!important}
html body[data-page][class] #lokasi .locator-layout{display:block!important}
html body[data-page][class] #lokasi .locator-map{height:410px!important;min-height:0!important;width:100%!important;border-radius:16px!important}
html body[data-page] .locator-toolbar{display:flex!important;align-items:center;gap:10px;flex-wrap:wrap}
html body[data-page] .locator-toolbar>div{margin-right:auto}
html body[data-page] .locator-toolbar h3{margin:0!important;font-size:22px!important}
html body[data-page] .locator-toolbar .eyebrow{display:none!important}
html body[data-page] .locator-toolbar button,html body[data-page] .locator-toolbar>a{display:inline-flex;align-items:center;min-height:44px;padding:10px 18px;border:1px solid #bccce9;border-radius:24px;background:white;color:#2944af;text-decoration:none;font:inherit;font-size:14px;box-sizing:border-box}
html body[data-page] .locator-toolbar [data-locate]{background:#2140b8;color:#fff}
html body[data-page] .locator-status,html body[data-page] .locator-note{font-size:13px!important;margin:8px 0!important}
html body[data-page] .store-popup-card{font:14px/1.5 Arial,sans-serif;max-width:260px;color:#223650}
html body[data-page] .store-popup-card strong{display:block;font-size:20px;margin:4px 0}
html body[data-page] .store-popup-card a{color:#2343b7}
html body[data-page] .store-popup-card .branch-links{display:flex;gap:12px;margin-top:10px}
html body[data-page] .store-popup-distance{font-weight:bold;color:#2045b8}
html body[data-page] .locator-store.is-nearest{box-shadow:inset 0 0 0 2px #2b49b7;background:#eef3ff!important}
@media(max-width:900px){html body[data-page] .welcome-layout{grid-template-columns:1fr!important}html body[data-page] #konsultasi .consult-overview{grid-template-columns:1fr}html body[data-page] #about-logos-0:not(.is-expanded){grid-template-columns:repeat(4,minmax(0,1fr))!important}html body[data-page] #about-logos-0:not(.is-expanded)>:nth-child(n+9){display:none!important}}
@media(max-width:600px){html body[data-page][class] #konsultasi #guide-consult,html body[data-page][class] #konsultasi .consult-result{padding:20px!important}html body[data-page] #about-logos-0:not(.is-expanded){grid-template-columns:repeat(3,minmax(0,1fr))!important}html body[data-page] #about-logos-0:not(.is-expanded)>:nth-child(n+7){display:none!important}html body[data-page][class] #lokasi .is-map .branch-preview-copy{padding:16px 12px 0!important}html body[data-page][class] #lokasi #home-store-finder{padding:12px!important}html body[data-page][class] #lokasi .locator-map{height:370px!important}html body[data-page] #cerita .branch-stage{height:700px!important}html body[data-page] .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
html body[data-page] .app-icon svg{width:26px!important;height:26px!important;transform:none!important;flex:none;display:block}
html body[data-page] .app-app .app-icon{background:#fff!important}
html body[data-page][class] main#lokasi .branch-location-preview{display:grid!important;grid-template-columns:1fr 1.3fr!important;gap:24px!important;padding:24px!important}
html body[data-page][class] main#lokasi #home-store-finder{display:block!important;grid-column:1/-1;grid-row:1;padding:0!important}
html body[data-page][class] main#lokasi .locator-layout{display:grid!important;grid-template-columns:1.3fr 1fr!important;gap:24px!important}
html body[data-page][class] main#lokasi .locator-map{height:640px!important;grid-column:1;grid-row:1}
html body[data-page][class] main#lokasi .locator-stores{display:grid!important;grid-template-columns:1fr 1fr!important;gap:14px!important}
html body[data-page][class] main#lokasi .locator-store{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:8px!important;padding:16px!important;border:1px solid #dbe4f2;border-radius:16px;background:#fff}
html body[data-page][class] main#lokasi .locator-store img{width:100%!important;height:125px!important;object-fit:contain!important;background:#f3f6fa!important}
html body[data-page][class] main#lokasi .locator-store p{margin:0!important;font-size:13px!important}
html body[data-page][class] main#lokasi .locator-store button{font-size:17px!important;text-align:left!important}
html body[data-page][class] main#lokasi .locator-store .branch-links{display:flex!important;flex-wrap:wrap;gap:10px!important;font-size:13px!important}
html body[data-page][class] main#lokasi .branch-preview-copy{padding:24px 0!important}
html body[data-page][class] main#lokasi .branch-chapters [data-location-map]{display:none!important}
html body[data-page][class] main#lokasi .branch-model-view{display:block!important;min-width:0}
html body[data-page] .store-page img[src*="/assets/oct8/store-"]{object-fit:contain!important;height:480px!important;background:#edf2f8}
@media(max-width:900px){html body[data-page][class] main#lokasi .branch-location-preview,html body[data-page][class] main#lokasi .locator-layout{grid-template-columns:1fr!important}html body[data-page][class] main#lokasi .locator-map{height:430px!important}html body[data-page][class] main#lokasi .branch-preview-copy{grid-row:2}html body[data-page][class] main#lokasi .branch-model-view{grid-row:3}}
html body[data-page][class] #program.wrap,html body[data-page][class] #home-rumah.wrap,html body[data-page][class] #merek.wrap,html body[data-page][class] #ulasan>.wrap,html body[data-page][class] #konsultasi>.wrap,html body[data-page][class] #lokasi>.wrap,html body[data-page][class] #lifestyle.wrap{padding-left:0!important;padding-right:0!important}
html body[data-page] #home-rumah .section-head{display:flex!important;justify-content:space-between!important}
html body[data-page] .oct8-story .article-heading{max-width:1000px}
html body[data-page] .oct8-prose{max-width:800px;margin:40px auto;font-size:18px;line-height:1.8}
html body[data-page] .oct8-prose section{margin:32px 0}
html body[data-page] .oct8-prose h2{font-size:27px;margin:0 0 12px}
html body[data-page] .oct8-reels{display:flex;justify-content:center;gap:24px;flex-wrap:wrap;margin:40px 0}
html body[data-page] .oct8-reels>div{width:min(100%,400px)}
html body[data-page] .oct8-reels iframe{display:block;width:100%;height:590px;border:1px solid #dbe4f2;border-radius:16px;background:#fff;margin-bottom:12px}
html body[data-page] .gathering-video{display:block;width:100%;aspect-ratio:16/9;height:auto;max-height:720px;object-fit:contain;background:#101826;border-radius:24px;margin:24px 0}
html body[data-page] .gathering-gallery{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:40px 0}
html body[data-page] .gathering-gallery img{display:block;width:100%;height:auto;border-radius:18px}
html body[data-page] .gathering-gallery img:last-child{grid-column:1/-1}
html body[data-page] .coc-story-cover{display:flex!important;flex-direction:column;justify-content:center;align-items:center;background:#edf3ff!important;color:#2442b6!important;gap:10px;padding:28px;box-sizing:border-box}
html body[data-page] .coc-story-cover span{font-size:clamp(30px,4vw,60px);font-weight:800}
html body[data-page] .coc-story-cover strong{font-size:17px;letter-spacing:.1em;text-align:center}
@media(max-width:600px){html body[data-page] .gathering-gallery{grid-template-columns:1fr}html body[data-page] .oct8-prose{font-size:16px}}
html body[data-page][class] #ulasan>.wrap{max-width:var(--cg-content)!important;width:min(var(--cg-content),calc(100% - var(--cg-gutter)*2))!important}
html body[data-page] #program,html body[data-page] #home-rumah,html body[data-page] #ulasan,html body[data-page] #konsultasi,html body[data-page] #lokasi{scroll-margin-top:125px}
html body[data-page][class] #ulasan{border:0!important;box-shadow:none!important}
html body[data-page][class] #ulasan::before,html body[data-page][class] #ulasan::after{border:0!important;box-shadow:none!important}
html body[data-page][class] #konsultasi{border:0!important}
.oct8-sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
html body[data-page] #home-rumah .section-heading{display:flex!important;justify-content:space-between!important}
html body[data-page][class] main#lokasi .locator-stores{grid-column:2!important;grid-row:1!important;height:auto!important;max-height:none!important;overflow:visible!important}
html body[data-page][class] main#lokasi .locator-map{height:680px!important}
@media(max-width:900px){html body[data-page][class] main#lokasi .locator-stores{grid-column:1!important;grid-row:2!important}html body[data-page][class] main#lokasi .locator-map{height:430px!important}}
@media(max-width:600px){html body[data-page][class] main#lokasi .locator-stores{grid-template-columns:1fr!important}html body[data-page][class] main#lokasi .branch-location-preview{padding:14px!important}html body[data-page][class] main#lokasi .locator-store img{height:180px!important}}
html body[data-page][class] main #program.wrap,html body[data-page][class] main #home-rumah.wrap,html body[data-page][class] main #lifestyle.wrap,html body[data-page][class] main #merek.wrap{width:min(var(--cg-content),calc(100% - var(--cg-gutter)*2))!important;max-width:var(--cg-content)!important}
html body[data-page][class] main #ulasan .reviews-grid,html body[data-page][class] main #ulasan .review-wall{border-bottom:0!important}
@media(max-width:600px){html body[data-page][class] .catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}html body[data-page][class] .catalogue-product .product-card-footer{grid-template-columns:minmax(0,1fr) 34px!important;padding:8px!important}html body[data-page][class] .catalogue-product .favorite-button{width:32px!important;height:32px!important;min-width:32px!important}html body[data-page][class] .catalogue-product .product-name{font-size:13px!important}html body[data-page][class] .catalogue-product .product-store-price{font-size:12px!important}}
html body[data-page][class] .seo-store-layout>img{object-fit:contain!important;aspect-ratio:auto!important;height:auto!important;max-height:560px!important;width:100%!important;background:#edf2f8;border-radius:20px}
@media(max-width:600px){html body[data-page] #cerita .branch-nav{bottom:64px!important}html body[data-page] #cerita .branch-reconstruction{display:none!important}html body[data-page] #cerita .history-motion-toggle{bottom:8px!important}}
/* October 8 owner review: calmer scale, continuous sections, compact desktop composition. */
:root{--cg-content:1200px;--cg-gutter:clamp(18px,6vw,112px)}
html body[data-page][class] .wrap,html body[data-page][class] #konsultasi .wrap{width:min(var(--cg-content),calc(100% - var(--cg-gutter)*2))!important}
html body[data-page][class] main>section{border:0!important;border-radius:0!important;box-shadow:none!important}
html body[data-page][class] #ulasan,html body[data-page][class] #konsultasi{margin-block:0!important;border-radius:0!important;border:0!important;background:#edf3fb!important}
html body[data-page][class] #ulasan:before,html body[data-page][class] #ulasan:after,html body[data-page][class] #konsultasi:before,html body[data-page][class] #konsultasi:after{display:none!important}
html body[data-page][class] #konsultasi{padding-block:44px!important}
html body[data-page][class] #konsultasi .wrap>h2{font-family:LeagueSpartan,Arial,sans-serif!important;font-size:clamp(24px,3vw,38px)!important;background:linear-gradient(110deg,#229cda,#193bd5)!important;background-clip:text!important;-webkit-background-clip:text!important;color:transparent!important;-webkit-text-fill-color:transparent!important;margin:10px 0 14px!important}
html body[data-page][class] .welcome-layout{grid-template-columns:minmax(0,1fr) 420px!important;gap:28px!important;padding-block:40px!important;align-items:center!important}
html body[data-page][class] .welcome-heading{font-size:clamp(35px,4vw,54px)!important;line-height:1.08!important;max-width:600px!important}
html body[data-page][class] .welcome-description{font-size:18px!important;line-height:1.55!important;max-width:430px!important;min-height:3.1em;margin:24px 0!important}
html body[data-page][class] .welcome-hero .contact-stage{position:relative!important;display:block!important;box-sizing:border-box!important;width:420px!important;max-width:420px!important;padding:0 0 0 130px!important;margin:0!important;min-height:0!important;justify-self:end!important;grid-column:2!important;grid-row:1/3!important}
html body[data-page][class] .contact-phone{width:290px!important;max-width:none!important;margin:0!important;border-radius:38px!important;border:5px solid #71839a!important;padding:6px!important;transform:none!important}
html body[data-page][class] .contact-stage .hero-kaca{position:absolute!important;top:25px!important;left:0!important;right:auto!important;width:145px!important;display:block!important;transform:none!important}
html body[data-page][class] .hero-kaca .kaca-grid{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
html body[data-page][class] .hero-kaca .kaca-card{width:145px!important;height:103px!important;min-height:0!important;background:#f4f8ffed!important;border:1px solid white!important;border-radius:20px!important;padding:0!important;transform:rotate(-5deg)!important}
html body[data-page][class] .hero-kaca .kaca-card:nth-child(even){transform:rotate(4deg)!important}
html body[data-page][class] .hero-kaca .strength-art,html body[data-page][class] .hero-kaca .kaca-wallet{width:92px!important;height:92px!important;position:absolute!important;top:6px!important;left:7px!important}
html body[data-page][class] .hero-kaca .kaca-letter{display:grid!important;place-items:center!important;right:12px!important;top:12px!important;width:38px!important;height:38px!important;font-size:23px!important}
html body[data-page][class] .hero-kaca .kaca-name{display:none!important}
html body[data-page][class] .phone-screen{padding:40px 10px 16px!important;border-radius:29px!important}
html body[data-page][class] .phone-screen h2{font-size:26px!important;line-height:1.08!important;margin:15px 0 20px!important}
html body[data-page][class] .phone-apps{display:grid!important;grid-template-columns:1fr!important;gap:7px!important}
html body[data-page][class] .phone-app{display:flex!important;flex-direction:row!important;align-items:center!important;min-height:52px!important;gap:10px!important;padding:8px 10px!important;border-radius:14px!important}
html body[data-page][class] .phone-app strong{font-size:12px!important;line-height:1.2!important}
html body[data-page][class] .phone-app small{font-size:10px!important;display:block!important;margin-top:3px!important}
html body[data-page][class] .phone-app .app-icon{display:grid!important;place-items:center!important;flex:0 0 31px!important;width:31px!important;height:31px!important;padding:0!important;border-radius:9px!important;line-height:1!important;color:white!important}
html body[data-page][class] .phone-app .app-icon svg{width:22px!important;height:22px!important;display:block!important;fill:initial}
html body[data-page][class] .whatsapp-app .app-icon svg{fill:currentColor!important;stroke:none!important}
html body[data-page][class] .jingle-app .app-icon{font-size:0!important}
html body[data-page][class] .jingle-app .app-icon svg{fill:none!important;stroke:currentColor!important}
html body[data-page][class] .phone-screen:before{display:none!important}
html body[data-page][class] .welcome-facts{grid-column:1!important;grid-row:2!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;padding-top:24px!important;margin-top:10px!important;border:0!important}
html body[data-page][class] .welcome-facts dd{font-size:34px!important}
html body[data-page][class] .welcome-facts dt{font-size:12px!important;line-height:1.5!important}
html body[data-page][class] .catalog-icon-grid{display:flex!important;flex-flow:row nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;gap:18px!important;padding:12px 0!important;width:100%!important;max-width:100%!important;scroll-snap-type:none!important;scroll-behavior:auto!important;touch-action:pan-x pan-y;cursor:grab}
html body[data-page][class] .catalog-icon-grid .catalog-icon,html body[data-page][class] .catalog-icon-grid.mobile-condensed .catalog-icon:nth-child(n+9){display:block!important;flex:0 0 118px!important;width:118px!important;min-width:118px!important}
html body[data-page][class] .catalog-icon-grid .catalog-icon>a{display:flex!important;flex-direction:column!important;align-items:center!important;gap:10px!important;min-height:0!important}
html body[data-page][class] .catalog-icon-grid .category-art{width:84px!important;height:84px!important;min-width:84px!important}
html body[data-page][class] .catalog-icon-grid strong{font-size:12px!important;line-height:1.4!important;max-width:112px!important;text-align:center!important}
html body[data-page][class] .mobile-category-toggle,html body[data-page][class] .catalog-motion-toggle{display:none!important}
html body[data-page][class] .visits-wall{background:#cfa879 url('/assets/october/corkboard.webp') repeat!important;background-size:440px!important;border:9px solid #af7950!important;border-radius:16px!important;box-shadow:inset 0 0 12px #56351c42,0 7px 20px #31436612!important;padding:25px!important;gap:24px 18px!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
html body[data-page][class] .visits-wall:before,html body[data-page][class] .visits-wall:after{display:none!important}
html body[data-page][class] .visit-polaroid{width:100%!important;min-width:0!important;max-width:160px!important;justify-self:center;box-sizing:border-box!important;padding:8px 8px 13px!important;transform:rotate(-3deg)!important}
html body[data-page][class] .visit-polaroid:nth-child(even){transform:rotate(3deg)!important}
html body[data-page][class] .visit-polaroid img{width:100%!important;height:130px!important;object-fit:cover!important}
html body[data-page][class] .visit-polaroid strong{font-size:15px!important}
html body[data-page][class] .visit-polaroid small{font-size:12px!important}
html body[data-page][class] .visit-polaroid:before{display:block!important;content:''!important;position:absolute!important;top:-7px!important;left:48%!important;width:10px!important;height:10px!important;border:0!important;border-radius:50%!important;background:#bf3e30!important;box-shadow:1px 2px 3px #44231366!important;transform:none!important}
html body[data-page][class] #konsultasi .consult-overview{grid-template-columns:1fr 1fr!important;gap:20px!important}
html body[data-page][class] #konsultasi #guide-consult,html body[data-page][class] #konsultasi .consult-result{padding:22px!important;gap:16px!important}
html body[data-page][class] #konsultasi .business-preview{margin:0 0 4px!important}
html body[data-page][class] #konsultasi .business-preview .sector-panel{grid-template-columns:120px 1fr!important;border-radius:14px!important}
html body[data-page][class] #konsultasi .business-preview .shelf-photo{height:130px!important}
html body[data-page][class] #konsultasi .business-preview h3{font-size:18px!important}
html body[data-page][class] #konsultasi .business-preview p{font-size:12px!important;line-height:1.5!important}
html body[data-page][class] #konsultasi .consult-field{font-size:14px!important;gap:6px!important}
html body[data-page][class] #konsultasi .consult-intro{font-size:16px!important;margin-bottom:24px!important}
html body[data-page][class] #consult-links{display:grid!important;grid-template-columns:1fr 1fr!important;list-style:none!important;padding:0!important;gap:8px!important}
html body[data-page][class] #consult-links li{border:0!important;padding:0!important}
html body[data-page][class] #consult-links label{display:flex;align-items:flex-start;gap:9px;background:#f2f6fc;border:1px solid #dce5f3;border-radius:10px;padding:12px;min-height:58px;box-sizing:border-box;cursor:pointer;font-size:14px;line-height:1.4;color:#294064}
html body[data-page][class] #consult-links input{appearance:auto!important;width:17px!important;height:17px!important;flex:0 0 17px;margin:2px 0;accent-color:#2745ba}
html body[data-page][class] #consult-links label:has(input:checked){background:#e5edff;border-color:#5574cb}
html body[data-page][class] #consult-summary,html body[data-page][class] .consult-note{font-size:13px!important;line-height:1.5!important}
html body[data-page][class] #catalog-subnav{max-width:560px!important;width:min(560px,90vw)!important;padding:18px!important}
html body[data-page][class] #catalog-subnav .catalog-audiences{display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important}
html body[data-page][class] #catalog-subnav a{padding:16px!important;min-height:54px!important;font-size:15px!important;border-radius:12px!important}
html body[data-page][class] #catalog-subnav strong{font-size:16px!important}
html body[data-page][class] .catalogue-product .product-store-price{font-size:16px!important;line-height:1.4!important}
/* Both map and model occupy the same right-hand stage. */
html body[data-page][class] section#lokasi .branch-location-preview,html body[data-page][class] section#lokasi .branch-location-preview.is-map{display:grid!important;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)!important;gap:24px!important;padding:28px!important;min-height:420px!important;align-items:center!important;border-radius:24px!important;box-sizing:border-box}
html body[data-page][class] section#lokasi .branch-preview-copy{grid-column:1!important;grid-row:1!important;padding:0!important;min-width:0}
html body[data-page][class] section#lokasi .branch-preview-copy>.eyebrow,html body[data-page][class] section#lokasi .branch-preview-copy>h2{display:block!important}
html body[data-page][class] section#lokasi .branch-preview-copy>h2{font-size:34px!important;margin:14px 0!important}
html body[data-page][class] section#lokasi .branch-description{font-size:15px!important}
html body[data-page][class] section#lokasi .branch-model-view,html body[data-page][class] section#lokasi #home-store-finder{grid-column:2!important;grid-row:1!important;width:100%!important;min-width:0!important;padding:0!important;margin:0!important}
html body[data-page][class] section#lokasi #home-store-finder[hidden],html body[data-page][class] section#lokasi .is-map .branch-model-view,html body[data-page][class] section#lokasi .is-map .branch-contact,html body[data-page][class] section#lokasi .is-map .branch-model-note,html body[data-page][class] section#lokasi .is-map .branch-description{display:none!important}
html body[data-page][class] .home-map-controls{display:none!important}
html body[data-page][class] .is-map .home-map-controls{display:block!important}
html body[data-page][class] section#lokasi .locator-map{height:365px!important;width:100%!important;border-radius:16px!important}
html body[data-page][class] section#lokasi .locator-layout{display:block!important}
html body[data-page][class] section#lokasi .branch-canvas{height:330px!important}
html body[data-page][class] section#lokasi .branch-chapters{display:flex!important;flex-wrap:wrap!important;gap:6px!important;margin:18px 0!important}
html body[data-page][class] section#lokasi .branch-chapters button{font-size:11px!important;padding:9px 11px!important;min-height:38px!important;border-radius:10px!important}
html body[data-page][class] section#lokasi .branch-hours,html body[data-page][class] section#lokasi .branch-phone{font-size:14px!important}
html body[data-page][class] section#lokasi .branch-actions{gap:8px!important;margin-block:18px!important}
html body[data-page][class] section#lokasi .branch-actions .button{font-size:12px!important;padding:12px 15px!important;min-height:42px!important}
html body[data-page][class] section#lokasi .branch-model-note{font-size:11px!important;line-height:1.5!important}
html body[data-page][class] .home-map-controls .locator-toolbar{gap:8px!important;margin:16px 0!important}
html body[data-page][class] .home-map-controls .locator-toolbar>*{font-size:12px!important;padding:10px 12px!important;min-height:40px!important}
html body[data-page][class] .home-map-controls [data-fit]{display:none!important}
html body[data-page][class] .nearest-store{padding:12px;background:white;border-radius:12px;margin-top:12px;display:grid;grid-template-columns:58px 1fr;gap:4px 10px;font-size:12px}
html body[data-page][class] .nearest-store[hidden]{display:none!important}
html body[data-page][class] .nearest-store>span{grid-column:1/-1;font-size:10px;letter-spacing:.12em;color:#3258ad}
html body[data-page][class] .nearest-store>img{width:58px;height:72px;object-fit:cover;grid-column:1;grid-row:2/6;border-radius:8px}
html body[data-page][class] .nearest-store p{margin:0;font-size:11px!important;line-height:1.4}
html body[data-page][class] .nearest-store a{color:#2448bd}
html body[data-page][class] .compact-store-popup .leaflet-popup-content-wrapper{padding:0!important;border-radius:12px!important;background:white!important}
html body[data-page][class] .compact-store-popup .leaflet-popup-content{margin:10px!important;width:200px!important}
html body[data-page][class] .compact-store-popup .store-popup-card{font:12px/1.45 Arial,sans-serif!important}
html body[data-page][class] .compact-store-popup .store-popup-card>img{width:100%!important;height:90px!important;object-fit:cover!important;border-radius:7px!important;margin:0 0 8px!important}
html body[data-page][class] .compact-store-popup .store-popup-card>strong{font:700 15px/1.3 Arial,sans-serif!important;margin:4px 0!important}
html body[data-page][class] .compact-store-popup .store-popup-card>p{font:12px/1.4 Arial,sans-serif!important;margin:6px 0!important}
html body[data-page][class] .compact-store-popup .store-directions{display:block!important;background:#2944b7!important;color:white!important;padding:8px!important;border-radius:7px!important;font-size:12px!important;text-align:center;min-height:0!important}
html body[data-page][class] .compact-store-popup .leaflet-popup-close-button{width:22px!important;height:22px!important;line-height:22px!important;font-size:19px!important;background:white!important;border-radius:50%!important;right:5px!important;top:5px!important}
html body[data-page][class] .store-map-label{font:600 11px/1.25 Arial,sans-serif!important;padding:4px 7px!important;border-radius:6px!important}
html body[data-page][class] main#lokasi .locator-layout{grid-template-columns:minmax(0,1.8fr) minmax(240px,1fr)!important}
html body[data-page][class] main#lokasi .locator-map{height:690px!important}
html body[data-page][class] main#lokasi .locator-stores{grid-template-columns:1fr 1fr!important;gap:10px!important;grid-column:2!important;grid-row:1!important}
html body[data-page][class] main#lokasi .locator-store{padding:10px!important;min-width:0!important}
html body[data-page][class] main#lokasi .locator-store img{height:120px!important;aspect-ratio:1.2!important;object-fit:cover!important;background:none!important}
html body[data-page][class] .seo-store-layout>img{object-fit:cover!important;aspect-ratio:1!important;height:auto!important}
html body[data-page][class] .history-title{position:absolute;top:24px;left:6%;z-index:3;font-family:LeagueSpartan,Arial,sans-serif!important;font-size:32px!important;margin:0!important;background:linear-gradient(110deg,#229cda,#193bd5);background-clip:text;-webkit-background-clip:text;color:transparent!important}
html body[data-page][class] .careers-page .gathering-video{height:clamp(180px,26vw,340px)!important;max-height:340px!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center 65%!important;background:transparent!important}
html body[data-page][class] .journal-masthead{position:relative!important;display:grid!important;grid-template-columns:minmax(0,1fr) 220px!important;gap:12px 36px!important;padding:42px 0 30px!important;width:min(var(--cg-content),calc(100% - var(--cg-gutter)*2))!important;margin-inline:auto!important}
html body[data-page][class] .journal-edition{position:static!important;display:flex!important;flex-wrap:wrap!important;justify-content:space-between!important;gap:10px!important;grid-column:1/-1!important;font-size:11px!important;letter-spacing:.1em!important}
html body[data-page][class] .journal-masthead h1,html body[data-page][class] .journal-masthead>p{grid-column:1!important;position:static!important;margin:0!important;max-width:none!important}
html body[data-page][class] .journal-masthead h1{font-size:42px!important}
html body[data-page][class] .journal-masthead>p{font-size:17px!important;line-height:1.6!important}
html body[data-page][class] .journal-masthead .story-envelope{position:relative!important;inset:auto!important;grid-column:2!important;grid-row:2/4!important;transform:rotate(-4deg)!important;width:220px!important;height:150px!important;align-self:center!important;margin:0!important}
html body[data-page][class] .lifestyle-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
@media(max-width:1100px){
 html body[data-page][class] .welcome-layout{grid-template-columns:minmax(0,1fr) 340px!important;gap:18px!important}
 html body[data-page][class] .welcome-hero .contact-stage{zoom:.8}
 html body[data-page][class] .welcome-heading{font-size:40px!important}
 html body[data-page][class] .welcome-facts dd{font-size:26px!important}
 html body[data-page][class] .welcome-facts dt{font-size:10px!important}
 html body[data-page][class] .welcome-description{font-size:16px!important}
 html body[data-page][class] .welcome-actions .button{font-size:12px!important;padding:12px!important}
}
@media(max-width:760px){
 :root{--cg-gutter:20px}
 html body[data-page][class] .welcome-hero{padding-top:82px!important}
 html body[data-page][class] .welcome-layout{grid-template-columns:minmax(0,1fr) 250px!important;gap:12px!important;padding-top:20px!important}
 html body[data-page][class] .welcome-hero .contact-stage{zoom:.6}
 html body[data-page][class] .welcome-copy h1{font-size:30px!important}
 html body[data-page][class] .welcome-description{font-size:13px!important;margin:14px 0!important}
 html body[data-page][class] .welcome-copy>.eyebrow{font-size:9px!important}
 html body[data-page][class] .welcome-facts{gap:8px!important}
 html body[data-page][class] .welcome-facts dd{font-size:23px!important}
 html body[data-page][class] .welcome-facts dt{font-size:9px!important}
 html body[data-page][class] .welcome-actions{flex-wrap:wrap!important;gap:8px!important}
 html body[data-page][class] .welcome-actions .button{font-size:11px!important;padding:9px!important;min-height:38px!important;flex:none!important}
 html body[data-page][class] .catalog-icon-grid{gap:10px!important}
 html body[data-page][class] .catalog-icon-grid .catalog-icon{width:82px!important;min-width:82px!important;flex:0 0 82px!important}
 html body[data-page][class] .catalog-icon-grid .category-art{width:62px!important;height:62px!important;min-width:62px!important}
 html body[data-page][class] .catalog-icon-grid strong{font-size:10px!important;max-width:80px!important}
 html body[data-page][class] .visits-wall{grid-template-columns:repeat(3,minmax(0,1fr))!important;padding:18px 12px!important;gap:16px 10px!important}
 html body[data-page][class] .visit-polaroid img{height:100px!important}
 html body[data-page][class] .visit-polaroid strong{font-size:12px!important}
 html body[data-page][class] .visit-polaroid small{font-size:10px!important}
 html body[data-page][class] #konsultasi{padding-block:28px!important}
 html body[data-page][class] #konsultasi .consult-overview{gap:12px!important}
 html body[data-page][class] #konsultasi #guide-consult,html body[data-page][class] #konsultasi .consult-result{padding:14px!important;gap:12px!important;border-radius:16px!important}
 html body[data-page][class] #konsultasi .business-preview .sector-panel{grid-template-columns:1fr!important}
 html body[data-page][class] #konsultasi .business-preview .shelf-photo{height:100px!important}
 html body[data-page][class] #konsultasi .business-preview .sector-copy{padding:10px!important}
 html body[data-page][class] #konsultasi .business-preview h3{font-size:16px!important}
 html body[data-page][class] #konsultasi .business-preview p{font-size:11px!important}
 html body[data-page][class] #konsultasi .consult-field,html body[data-page][class] #konsultasi .consult-branch{font-size:12px!important}
 html body[data-page][class] #konsultasi select{font-size:12px!important;padding:8px!important;min-height:38px!important}
 html body[data-page][class] #konsultasi .consult-intro{font-size:13px!important}
 html body[data-page][class] #konsultasi #consult-title{font-size:18px!important}
 html body[data-page][class] #consult-links{grid-template-columns:1fr!important;gap:6px!important}
 html body[data-page][class] #consult-links label{font-size:12px!important;min-height:42px!important;padding:8px!important;gap:7px!important}
 html body[data-page][class] #consult-summary,html body[data-page][class] .consult-note{font-size:11px!important}
 html body[data-page][class] #konsultasi .eyebrow{font-size:10px!important}
 html body[data-page][class] #consult-whatsapp{font-size:12px!important;padding:10px 8px!important;min-height:40px!important;line-height:1.4!important}
 html body[data-page][class] #consult-more{font-size:11px!important}
 html body[data-page][class] section#lokasi .branch-location-preview,html body[data-page][class] section#lokasi .branch-location-preview.is-map{grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr)!important;padding:16px!important;gap:12px!important;min-height:320px!important;margin:0!important}
 html body[data-page][class] section#lokasi .branch-preview-copy>h2{font-size:25px!important}
 html body[data-page][class] section#lokasi .branch-preview-copy>.eyebrow{font-size:9px!important;line-height:1.5!important}
 html body[data-page][class] section#lokasi .branch-description{font-size:12px!important}
 html body[data-page][class] section#lokasi .branch-chapters{gap:4px!important;margin:12px 0!important}
 html body[data-page][class] section#lokasi .branch-chapters button{font-size:9px!important;padding:7px!important;min-height:32px!important}
 html body[data-page][class] section#lokasi .branch-hours,html body[data-page][class] section#lokasi .branch-phone{font-size:11px!important}
 html body[data-page][class] section#lokasi .branch-actions{flex-wrap:wrap!important;margin-block:10px!important}
 html body[data-page][class] section#lokasi .branch-actions .button{font-size:10px!important;padding:8px!important;min-height:34px!important}
 html body[data-page][class] section#lokasi .branch-model-note{font-size:9px!important}
 html body[data-page][class] section#lokasi .locator-map{height:300px!important}
 html body[data-page][class] section#lokasi .branch-canvas{height:260px!important}
 html body[data-page][class] .home-map-controls .locator-toolbar>*{font-size:10px!important;padding:8px!important;min-height:34px!important}
 html body[data-page][class] .home-map-controls .locator-status{font-size:10px!important}
 html body[data-page][class] .home-map-controls .nearest-store{grid-template-columns:1fr!important}
 html body[data-page][class] .home-map-controls .nearest-store img{display:none!important}
 html body[data-page][class] .store-map-label{font-size:9px!important;padding:3px 4px!important}
 html body[data-page][class] main#lokasi .locator-layout{grid-template-columns:minmax(0,1.5fr) minmax(160px,1fr)!important;gap:12px!important}
 html body[data-page][class] main#lokasi .locator-map{height:660px!important}
 html body[data-page][class] main#lokasi .locator-stores{grid-template-columns:1fr!important;grid-column:2!important;grid-row:1!important;max-height:660px!important;overflow-y:auto!important}
 html body[data-page][class] main#lokasi .locator-store img{height:105px!important}
 html body[data-page][class] .journal-masthead{grid-template-columns:minmax(0,1fr) 140px!important;gap:12px 18px!important;padding:100px 0 25px!important}
 html body[data-page][class] .journal-masthead h1{font-size:30px!important}
 html body[data-page][class] .journal-edition{font-size:9px!important}
 html body[data-page][class] .journal-masthead>p{font-size:13px!important}
 html body[data-page][class] .journal-masthead .story-envelope{width:140px!important;height:100px!important}
 html body[data-page][class] .lifestyle-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:10px!important}
 html body[data-page][class] .lifestyle-grid .lifestyle-image{height:130px!important}
 html body[data-page][class] .lifestyle-copy{padding:10px!important}
 html body[data-page][class] .lifestyle-copy h2,html body[data-page][class] .lifestyle-copy h3{font-size:15px!important;line-height:1.3!important}
 html body[data-page][class] .lifestyle-copy p{font-size:11px!important;line-height:1.5!important}
 html body[data-page][class] .lifestyle-copy .eyebrow{font-size:8px!important;line-height:1.5!important}
 html body[data-page][class] .lifestyle-copy .article-read{font-size:10px!important}
 html body[data-page][class] .catalogue-product .product-store-price{font-size:14px!important}
 html body[data-page][class] #cerita .history-title{top:20px!important;font-size:25px!important}
}
@media(max-width:520px){
 html body[data-page][class] .welcome-layout{grid-template-columns:1fr!important;row-gap:20px!important}
 html body[data-page][class] .welcome-copy{grid-column:1!important;grid-row:1!important}
 html body[data-page][class] .welcome-copy h1{font-size:36px!important;max-width:none!important}
 html body[data-page][class] .welcome-hero .contact-stage{grid-column:1!important;grid-row:3!important;zoom:.75;justify-self:center!important}
 html body[data-page][class] .welcome-description{max-width:none!important;min-height:3em!important}
 html body[data-page][class] .welcome-facts{grid-row:2!important}
 html body[data-page][class] #konsultasi .consult-overview{gap:8px!important}
 html body[data-page][class] #konsultasi #guide-consult,html body[data-page][class] #konsultasi .consult-result{padding:10px!important;gap:10px!important}
 html body[data-page][class] #konsultasi .business-preview .shelf-photo{height:80px!important}
 html body[data-page][class] #konsultasi .business-preview .sector-copy{padding:7px!important}
 html body[data-page][class] #konsultasi .business-preview h3{font-size:14px!important}
 html body[data-page][class] #konsultasi .business-preview p{font-size:10px!important}
 html body[data-page][class] #konsultasi .consult-field,html body[data-page][class] #konsultasi select,html body[data-page][class] #consult-links label{font-size:11px!important}
 html body[data-page][class] #konsultasi #consult-title{font-size:16px!important}
 html body[data-page][class] #consult-links input{width:14px!important;height:14px!important;flex-basis:14px!important}
 html body[data-page][class] section#lokasi .branch-location-preview,html body[data-page][class] section#lokasi .branch-location-preview.is-map{padding:12px!important;gap:8px!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}
 html body[data-page][class] section#lokasi .branch-preview-copy>h2{font-size:22px!important}
 html body[data-page][class] section#lokasi .branch-canvas{height:210px!important}
 html body[data-page][class] section#lokasi .locator-map{height:340px!important}
 html body[data-page][class] .journal-masthead{grid-template-columns:1fr!important}
 html body[data-page][class] .journal-masthead .story-envelope{grid-column:1!important;grid-row:4!important;justify-self:end!important;width:120px!important;height:82px!important}
 html body[data-page][class] .journal-masthead h1{font-size:30px!important}
 html body[data-page][class] .lifestyle-grid .lifestyle-image{height:100px!important}
 html body[data-page][class] .lifestyle-copy{padding:8px 6px!important}
 html body[data-page][class] .lifestyle-copy h2,html body[data-page][class] .lifestyle-copy h3{font-size:13px!important}
 html body[data-page][class] .lifestyle-copy p{display:none!important}
 html body[data-page][class] main#lokasi .locator-layout{grid-template-columns:minmax(0,1fr)!important}
 html body[data-page][class] main#lokasi .locator-map{height:480px!important}
 html body[data-page][class] main#lokasi .locator-stores{grid-column:1!important;grid-row:2!important;grid-template-columns:1fr 1fr!important;max-height:none!important}
}
html body[data-page][class] .phone-app .app-icon svg[fill="none"]{fill:none!important}
html body[data-page][class] #lokasi .is-map .branch-preview-copy>.eyebrow,html body[data-page][class] #lokasi .is-map .branch-preview-copy>h2{display:block!important}
html body[data-page][class] #lokasi .is-map .branch-chapters [data-chapter]{background:white!important;color:#42546d!important}
html body[data-page][class] #konsultasi .consult-field{margin:0!important}
html body[data-page][class] #konsultasi .consult-field select{margin:0!important}
html body[data-page][class] .home-map-controls .locator-toolbar{padding:0!important}
@media(min-width:761px) and (max-width:1000px){
 html body[data-page][class] #konsultasi .business-preview .sector-panel{grid-template-columns:1fr!important}
 html body[data-page][class] #konsultasi .business-preview .shelf-photo{height:100px!important}
 html body[data-page][class] #konsultasi .business-preview .sector-copy{padding:10px!important}
 html body[data-page][class] #consult-links{grid-template-columns:1fr!important}
 html body[data-page][class] #consult-links label{min-height:42px!important;padding:8px!important;font-size:12px!important}
 html body[data-page][class] #konsultasi #guide-consult,html body[data-page][class] #konsultasi .consult-result{padding:16px!important;gap:12px!important}
}
html body[data-page][class] #ulasan .visits-wall{background:#cfa879 url('/assets/october/corkboard.webp') repeat!important;background-size:440px!important;border:9px solid #af7950!important;box-shadow:inset 0 0 12px #56351c42,0 7px 20px #31436612!important;border-radius:16px!important}
html body[data-page][class] #consult-links input{min-height:0!important;padding:0!important;border-radius:3px!important;align-self:flex-start!important}
html body[data-page][class] .journal-edition>span{position:static!important;inset:auto!important;width:auto!important;text-align:left!important;font-size:inherit!important}
html body[data-page][class] .journal-layout{padding-inline:0!important;max-width:none!important;width:100%!important}
@media(max-width:760px){html body[data-page][class] .journal-masthead{padding-top:32px!important}}
html body[data-page][class] .journal-edition{display:flex!important;flex-wrap:wrap!important;gap:7px 18px!important;line-height:1.5!important}
html body[data-page][class] .lifestyle-grid{grid-auto-flow:row!important;grid-auto-columns:auto!important;overflow:visible!important}
html body[data-page][class] .lifestyle-grid>.lifestyle-card{width:auto!important;min-width:0!important;max-width:none!important;grid-column:auto!important}
html body[data-page][class] .oct8-editorial-grid{display:grid!important;grid-template-columns:minmax(220px,.75fr) minmax(0,1.4fr);gap:clamp(24px,5vw,72px);align-items:start;margin:32px 0}
html body[data-page][class] .oct8-editorial-grid .oct8-prose{max-width:none!important;margin:0!important;padding:0!important;font-size:17px;line-height:1.8}
html body[data-page][class] .oct8-editorial-grid .oct8-prose section{margin:0 0 28px}
html body[data-page][class] .oct8-films{display:grid;gap:28px}
html body[data-page][class] .oct8-film{margin:0}
html body[data-page][class] .oct8-film .reel-preview{display:block;position:relative;border-radius:16px;overflow:hidden;max-width:340px;margin:auto;background:#e7ecf7}
html body[data-page][class] .oct8-film img{display:block;width:100%;height:auto;max-height:560px;object-fit:cover}
html body[data-page][class] .oct8-film .reel-play{position:absolute;bottom:16px;left:12px;right:12px;padding:12px 8px;background:#fffef5ed;border-radius:24px;text-align:center;font-size:13px;font-weight:700;color:#213fac;box-shadow:0 3px 15px #0002}
html body[data-page][class] .oct8-film figcaption{font-size:13px;color:#51647d;text-align:center;margin-top:10px}
html body[data-page][class] .oct8-story-cover{background:#edf2f9!important}
html body[data-page][class] .oct8-story-cover img{object-fit:cover!important;object-position:center 23%!important}
html body[data-page][class] .play-store-cover img{object-fit:contain!important;background:#fff!important;padding:18px!important}
html body[data-page][class] .play-store-art{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:start;gap:12px;background:#edf3ff;border-radius:20px;padding:20px}
html body[data-page][class] .play-store-art img{height:auto!important;object-fit:contain!important;width:100%!important;border-radius:12px}
html body[data-page][class] .play-store-art img:first-child{grid-column:1/-1;max-height:130px!important}
html body[data-page][class] .oct8-films .gathering-video{width:100%!important;height:auto!important;margin:0!important}
@media(max-width:760px){html body[data-page][class] .oct8-editorial-grid{grid-template-columns:minmax(130px,.8fr) minmax(0,1.2fr)!important;gap:18px}html body[data-page][class] .oct8-editorial-grid .oct8-prose{font-size:14px!important}html body[data-page][class] .oct8-editorial-grid h2{font-size:20px!important}html body[data-page][class] .oct8-film .reel-play{font-size:10px;padding:8px 4px;left:5px;right:5px;bottom:8px}}
@media(max-width:420px){html body[data-page][class] .oct8-editorial-grid{grid-template-columns:minmax(108px,.75fr) minmax(0,1.25fr)!important;gap:14px}html body[data-page][class] .oct8-editorial-grid .oct8-prose{font-size:13px!important}html body[data-page][class] .oct8-editorial-grid h2{font-size:17px!important}}
html body[data-page][class] #lifestyle .lifestyle-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;grid-auto-flow:row!important;grid-auto-columns:auto!important;gap:22px!important;overflow:visible!important;padding:0!important}
html body[data-page][class] #lifestyle .lifestyle-card{min-width:0!important;width:auto!important;max-width:100%!important}
html body[data-page][class] #lifestyle .lifestyle-copy{padding:16px!important}
html body[data-page][class] #lifestyle .lifestyle-image{height:210px!important;aspect-ratio:auto!important}
@media(max-width:760px){html body[data-page][class] #lifestyle .lifestyle-grid{gap:10px!important}html body[data-page][class] #lifestyle .lifestyle-image{height:110px!important}html body[data-page][class] #lifestyle .lifestyle-copy{padding:9px 6px!important}html body[data-page][class] #lifestyle .lifestyle-copy h3{font-size:13px!important;margin:10px 0!important}html body[data-page][class] #lifestyle .lifestyle-copy .eyebrow{font-size:8px!important}html body[data-page][class] #lifestyle .article-read{font-size:10px!important;padding-top:10px!important}html body[data-page][class] #lifestyle .lifestyle-copy p{display:none!important}}
html body[data-page][class] .oct8-films:has(.oct8-film:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 12px}
html body[data-page][class] .oct8-films>.gathering-video{grid-column:1/-1}
html body[data-page][class] .oct8-films:has(.oct8-film:nth-child(2)) .reel-play{font-size:10px;padding:9px 4px;left:6px;right:6px;bottom:8px}
@media(max-width:760px){html body[data-page][class] .oct8-films:has(.oct8-film:nth-child(2)){grid-template-columns:1fr!important}}
@media(max-width:760px){html body[data-page][class] .catalogue-categories{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:8px!important;scroll-snap-type:x proximity}html body[data-page][class] .catalogue-categories>a{flex:0 0 82px!important;min-width:82px!important;scroll-snap-align:start}html body[data-page][class] .catalogue-intro{padding-block:26px 16px!important;margin-top:0!important}}
/* October follow-up: stable store columns and compact, consistent content. */
html body[data-page][class] #ulasan,html body[data-page][class] #ulasan .wrap,html body[data-page][class] #ulasan .reviews-layout,html body[data-page][class] #ulasan .restaurant-strip{border:0!important;outline:0!important;box-shadow:none!important}
html body[data-page][class] #ulasan .restaurant-strip .strip-heading{display:none!important}
html body[data-page][class] #ulasan .restaurant-strip .marquee-window{height:86px!important;margin:0!important;padding:0!important}
html body[data-page][class] #ulasan .restaurant-logo{height:86px!important;flex-basis:140px!important;max-width:140px!important}
html body[data-page][class] #ulasan .restaurant-logo .catalog-logo{zoom:.9!important;transform:none!important}
html body[data-page][class] section#lokasi .branch-location-preview{align-items:start!important;min-height:450px!important}
html body[data-page][class] section#lokasi .branch-preview-copy{align-self:start!important;padding:0!important;display:block!important}
html body[data-page][class] section#lokasi .branch-preview-copy>.eyebrow{margin:0!important;min-height:20px!important;line-height:20px!important}
html body[data-page][class] section#lokasi .branch-preview-copy>h2{margin:16px 0!important;line-height:1.15!important}
html body[data-page][class] section#lokasi .branch-description{display:block!important;margin:0!important;min-height:42px!important;line-height:1.5!important}
html body[data-page][class] section#lokasi .branch-chapters{margin:14px 0!important}
html body[data-page][class] section#lokasi .branch-model-wrap,html body[data-page][class] section#lokasi #home-store-finder{align-self:stretch!important}
html body[data-page][class] section#lokasi .locator-map{height:400px!important}
html body[data-page][class] section#lokasi .branch-canvas{height:365px!important}
html body[data-page][class] section#lokasi .branch-actions .button,html body[data-page][class] section#lokasi .locator-toolbar button,html body[data-page][class] section#lokasi .locator-toolbar>a{font:700 12px/1.4 Arial,sans-serif!important;padding:12px 15px!important;min-height:42px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;border-radius:30px!important}
html body[data-page][class] section#lokasi .branch-chapters button{font:500 11px/1.4 Arial,sans-serif!important}
html body[data-page][class] .home-map-controls .locator-status{margin:8px 0!important;padding:0!important}
html body[data-page][class] #cerita .history-title{font-size:clamp(32px,3.6vw,48px)!important}
@media(max-width:760px){
 html body[data-page][class] section#lokasi .branch-preview-copy>.eyebrow{min-height:28px!important;line-height:1.5!important}
 html body[data-page][class] section#lokasi .branch-preview-copy>h2{margin:10px 0!important}
 html body[data-page][class] section#lokasi .branch-description{min-height:48px!important;font-size:11px!important}
 html body[data-page][class] section#lokasi .branch-chapters{margin:10px 0!important}
 html body[data-page][class] section#lokasi .branch-chapters button{font-size:9px!important}
 html body[data-page][class] section#lokasi .branch-actions .button,html body[data-page][class] section#lokasi .locator-toolbar button,html body[data-page][class] section#lokasi .locator-toolbar>a{font-size:10px!important;padding:8px!important;min-height:34px!important}
 html body[data-page][class] section#lokasi .locator-map{height:430px!important}
 html body[data-page][class] .home-map-controls .nearest-store{grid-template-columns:38px minmax(0,1fr)!important;padding:9px!important;gap:5px 7px!important}
 html body[data-page][class] .home-map-controls .nearest-store img{display:block!important;width:38px!important;height:55px!important;grid-row:2/5!important}
 html body[data-page][class] .home-map-controls .nearest-store>strong{font-size:11px!important}
 html body[data-page][class] .home-map-controls .nearest-store p{font-size:10px!important}
 html body[data-page][class] .home-map-controls .nearest-store a{font-size:10px!important;grid-column:2!important}
 html body[data-page][class] .values-wheel{display:grid!important;grid-template-columns:1fr 1fr!important;gap:12px!important;padding:0!important}
 html body[data-page][class] .value-tile{min-height:200px!important;padding:20px 17px!important;border-radius:20px!important}
 html body[data-page][class] .value-tile:nth-child(odd){padding-right:33px!important}
 html body[data-page][class] .value-tile:nth-child(even){padding-left:33px!important}
 html body[data-page][class] .value-tile>span{font-size:22px!important}
 html body[data-page][class] .value-tile h3{font-size:18px!important;line-height:1.25!important;margin:14px 0 10px!important}
 html body[data-page][class] .value-tile p{font-size:12px!important;line-height:1.6!important}
 html body[data-page][class] .values-centre{display:grid!important;position:absolute!important;left:50%!important;top:50%!important;transform:translate(-50%,-50%)!important;width:76px!important;height:76px!important;border-width:7px!important}
 html body[data-page][class] .values-centre img{width:50px!important;height:50px!important}
}
@media(max-width:420px){html body[data-page][class] .value-tile{padding:16px 12px!important;min-height:230px!important}html body[data-page][class] .value-tile:nth-child(odd){padding-right:24px!important}html body[data-page][class] .value-tile:nth-child(even){padding-left:24px!important}html body[data-page][class] .value-tile h3{font-size:15px!important}html body[data-page][class] .value-tile p{font-size:11px!important}html body[data-page][class] .values-centre{width:62px!important;height:62px!important}html body[data-page][class] .values-centre img{width:40px!important;height:40px!important}}
html body[data-page][class] section#lokasi .branch-location-preview.is-map{align-items:start!important}
html body[data-page][class] section#lokasi .branch-location-preview.is-map .branch-preview-copy{padding:0!important;align-self:start!important}
html body[data-page][class] section#lokasi .branch-location-preview.is-map .branch-description{display:block!important}
html body[data-page][class] section#lokasi .home-map-controls .locator-toolbar [data-fit]{display:none!important}
html body[data-page][class] section#lokasi .branch-location-preview,html body[data-page][class] section#lokasi .branch-location-preview.is-map{min-height:456px!important}
@media(max-width:760px){html body[data-page][class] section#lokasi .branch-location-preview,html body[data-page][class] section#lokasi .branch-location-preview.is-map{min-height:480px!important}}
html body[data-page][class] #ulasan #pelanggan-usaha{border:0!important;height:0!important;padding:0!important;margin:0!important}
@media(min-width:761px){html body[data-page][class] section#lokasi .branch-location-preview,html body[data-page][class] section#lokasi .branch-location-preview.is-map{min-height:470px!important}}
@media(max-width:760px){html body[data-page][class] section#lokasi .branch-chapters{flex-wrap:nowrap!important;overflow-x:auto!important;max-width:100%!important;scrollbar-width:none!important}html body[data-page][class] section#lokasi .branch-chapters button{flex:0 0 auto!important}html body[data-page][class] section#lokasi .branch-preview-copy>.eyebrow{min-height:16px!important}}