/* October 15 review: measured letter faces, compact layouts and consistent rhythm. */
html body[data-page][class] .program-art{--cap:clamp(10px,2.25vw,32px);width:calc(var(--cap)*var(--cap-width))!important;height:calc(var(--cap)*2.3)!important;aspect-ratio:auto!important;max-width:none!important;overflow:visible!important;position:relative!important;display:inline-block!important}
html body[data-page][class] .program-art .program-wordmark{width:calc(var(--cap)*var(--full-width))!important;height:calc(var(--cap)*var(--full-height))!important;left:calc(var(--cap)*var(--crop-left)*-1)!important;top:calc(var(--cap)*(2 - var(--face-bottom)))!important;object-fit:fill!important;max-width:none!important;max-height:none!important}
html body[data-page][class] .mascot-choice strong{height:auto!important;min-height:0!important;margin:4px 0 0!important;align-items:end!important}
html body[data-page][class] dialog.program-card{box-sizing:border-box!important;width:min(800px,calc(100vw - 48px))!important;height:440px!important;max-height:calc(100dvh - 48px)!important;max-width:none!important;padding:34px!important;border:1px solid #fff!important;border-radius:28px!important;background:linear-gradient(135deg,#f6faffeb,#e6edf5db)!important;backdrop-filter:blur(24px)!important;box-shadow:0 22px 70px #182d4b40!important;overflow:auto!important}
html body[data-page][class] dialog.program-card[open]{display:grid!important;grid-template-columns:140px minmax(0,1fr)!important;align-items:center!important;gap:24px!important}
html body[data-page][class] dialog.program-card>img{width:135px!important;height:190px!important;object-fit:contain!important;margin:0!important;align-self:center!important}
html body[data-page][class] dialog.program-card>div{display:grid!important;grid-template-rows:64px 64px 48px 78px 46px;align-content:center!important;min-width:0!important;gap:9px!important;padding:0!important}
html body[data-page][class] dialog.program-card .program-art{--cap:26px}
html body[data-page][class] dialog.program-card .eyebrow{margin:0!important;line-height:1!important;align-self:start!important}
html body[data-page][class] dialog.program-card h2{font:700 29px/1.08 LeagueSpartan,sans-serif!important;margin:0!important;max-width:100%!important;align-self:center!important}
html body[data-page][class] dialog.program-card p{font:14px/1.45 Arial,sans-serif!important;margin:0!important}
html body[data-page][class] dialog.program-card [data-story-links]{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;grid-auto-rows:1fr!important;gap:5px 16px!important;align-content:start!important}
html body[data-page][class] dialog.program-card [data-story-links] a{font:14px/1.3 Arial,sans-serif!important;padding:9px 0!important;margin:0!important;border:0!important;border-top:1px solid #b8cbe466!important;display:flex!important;align-items:center!important;min-width:0!important}
html body[data-page][class] .program-actions{display:flex!important;align-items:center!important;gap:12px!important;flex-wrap:wrap!important}
html body[data-page][class] .program-actions .button{font:700 13px Arial,sans-serif!important;padding:13px 16px!important;min-height:0!important;margin:0!important;border-radius:10px!important}
html body[data-page][class] dialog.program-card .program-actions p{font-size:11px!important;max-width:110px!important}
html body[data-page][class] dialog.program-card .dialog-close{position:absolute!important;top:12px!important;right:12px!important;width:34px!important;height:34px!important;min-height:0!important;font-size:23px!important;border-radius:50%!important;padding:0!important;outline-offset:2px!important}
html body[data-page][class] .reviews-layout{align-items:stretch!important}
html body[data-page][class] .reviews-side{display:flex!important;flex-direction:column!important;gap:16px!important}
html body[data-page][class] .reviews-side>.text-link{margin-top:auto!important;min-height:32px!important;display:flex!important;align-items:center!important;font-size:12px!important;letter-spacing:.01em!important;color:#2444b9!important}
html body[data-page][class] .board-controls>a{color:#2444b9!important;font-size:12px!important;letter-spacing:.01em!important}
html body[data-page][class] .board-controls{min-height:32px!important}
html body[data-page][class] .hero-kaca .kaca-card{background:linear-gradient(135deg,#ffffff9c,#e8f1ff70)!important;backdrop-filter:blur(18px)!important;box-shadow:inset 0 1px 1px #fff,0 8px 24px #2c497b10!important}
/* The photo and its label form one element, with the label below the photograph. */
html body[data-page][class] #konsultasi .consult-overview{align-items:start!important;gap:22px!important}
html body[data-page][class] #konsultasi .consult-inputs,html body[data-page][class] #konsultasi .consult-result{padding:24px!important;min-height:0!important;height:auto!important;align-self:start!important;gap:17px!important}
html body[data-page][class] #konsultasi .sector-panel{display:flex!important;flex-direction:column!important;gap:0!important;padding:0!important;border:0!important;box-shadow:none!important;background:none!important}
html body[data-page][class] #konsultasi .sector-panel[hidden]{display:none!important}
html body[data-page][class] #konsultasi .shelf-photo{height:180px!important;min-height:0!important;aspect-ratio:auto!important;border-radius:15px!important;overflow:hidden!important}
html body[data-page][class] #konsultasi .shelf-photo:after{display:none!important}
html body[data-page][class] #konsultasi .shelf-photo img{object-fit:cover!important;object-position:center 56%!important;filter:none!important;width:100%!important;height:100%!important}
html body[data-page][class] #konsultasi [data-business-preview="kafe"] img{object-position:center 63%!important}
html body[data-page][class] #konsultasi [data-business-preview="bar"] img{object-position:center 62%!important}
html body[data-page][class] #konsultasi [data-business-preview="bakery"] img{object-position:center 65%!important}
html body[data-page][class] #konsultasi .business-image-label{position:static!important;inset:auto!important;transform:none!important;padding:14px 0 4px!important;margin:0!important;font:700 25px/1.1 LeagueSpartan,sans-serif!important;color:#187bd6!important;text-shadow:none!important;background:none!important;pointer-events:auto!important;max-width:none!important}
html body[data-page][class] .consult-result-top{display:flex!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;margin:0 0 12px!important}
html body[data-page][class] .consult-result-top .eyebrow{margin:0!important;font-size:12px!important}
html body[data-page][class] .consult-result-top .consult-more{font:600 12px/1.3 Arial,sans-serif!important;white-space:nowrap!important;margin:0!important;padding:0!important;min-height:0!important;width:auto!important}
html body[data-page][class] #consult-title{margin:0 0 14px!important;font:700 28px/1.1 LeagueSpartan,sans-serif!important}
html body[data-page][class] #consult-summary{margin:-2px 0 14px!important;font-size:12px!important;line-height:1.4!important}
html body[data-page][class] #consult-summary[hidden]{display:none!important}
html body[data-page][class] #consult-links{margin:0 0 22px!important;gap:10px!important}
html body[data-page][class] #consult-links label{min-height:58px!important;padding:12px!important;font-size:14px!important;line-height:1.4!important}
html body[data-page][class] #konsultasi select{height:48px!important;min-height:48px!important;font-size:14px!important}
html body[data-page][class] #konsultasi .consult-field,html body[data-page][class] #konsultasi .consult-branch{font-size:14px!important;margin:0!important}
html body[data-page][class] #konsultasi .consult-whatsapp{font-size:14px!important;min-height:48px!important;padding:14px!important;margin-top:14px!important}
/* Café Glass values use the same typography as the rest of the site. */
html body[data-page][class] .values-wheel{gap:18px!important}
html body[data-page][class] .value-tile{padding:32px!important;min-height:240px!important;border-radius:24px!important;background:linear-gradient(135deg,#edf5ff,#e5edfc)!important;box-shadow:none!important;transform:none!important}
html body[data-page][class] .value-tile:nth-child(2),html body[data-page][class] .value-tile:nth-child(3){background:linear-gradient(135deg,#f2f7ff,#eaf2fa)!important}
html body[data-page][class] .value-tile>span{font:700 18px/1.2 LeagueSpartan,sans-serif!important;color:#2444b9!important;margin:0 0 18px!important;display:block!important}
html body[data-page][class] .value-tile h3{font:700 28px/1.12 LeagueSpartan,sans-serif!important;color:#183b60!important;margin:0 0 18px!important;max-width:85%!important}
html body[data-page][class] .value-tile p{font:15px/1.65 Arial,sans-serif!important;color:#45617d!important;margin:0!important;max-width:90%!important}
html body[data-page][class] .values-centre{width:90px!important;height:90px!important;pointer-events:none!important}
/* Fixed content tracks keep tier headings, prices and choices in the same places. */
html body[data-page][class] .collection-hero .tier-stage{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:100px 1fr!important;align-items:start!important;gap:20px 32px!important;min-height:570px!important;padding:0!important}
html body[data-page][class] .tier-stage .tier-heading{display:block!important;grid-column:1!important;grid-row:1!important;margin:0!important;padding:0!important;min-height:0!important}
html body[data-page][class] #tier-name{font:700 clamp(30px,3.2vw,48px)/1.05 LeagueSpartan,sans-serif!important;margin:16px 0 0!important;min-height:0!important}
html body[data-page][class] .tier-stage figure{grid-column:2!important;grid-row:1/3!important;height:510px!important;width:100%!important;order:initial!important;margin:0!important;align-self:start!important}
html body[data-page][class] .tier-stage .tier-overview{grid-column:1!important;grid-row:2!important;display:grid!important;grid-template-rows:48px 62px 190px 62px auto!important;gap:10px!important;align-items:start!important;margin:0!important}
html body[data-page][class] #tier-price{font:700 20px/1.3 Arial,sans-serif!important;margin:0!important}
html body[data-page][class] #tier-intro{font:15px/1.6 Arial,sans-serif!important;margin:0!important}
html body[data-page][class] .tier-details{display:grid!important;grid-template-columns:1fr 1fr!important;gap:20px!important;margin:0!important;padding:0!important}
html body[data-page][class] .tier-details h4{font:700 18px/1.2 LeagueSpartan,sans-serif!important;margin:0 0 14px!important}
html body[data-page][class] .tier-details ul{font:14px/1.65 Arial,sans-serif!important;padding-left:18px!important;margin:0!important}
html body[data-page][class] .tier-pair,html body[data-page][class] .tier-stage .tier-pair.is-life{height:500px!important;min-height:0!important;gap:12px!important}
html body[data-page][class] .tier-pair img{height:100%!important;max-height:100%!important;object-position:center!important}
html body[data-page][class] .tier-cta{grid-row:4!important;display:flex!important;gap:8px!important;flex-wrap:wrap!important;margin:0!important;align-items:center!important}
html body[data-page][class] .tier-cta[hidden]{display:none!important}
html body[data-page][class] .tier-cta .life-reel-link{flex-basis:100%!important;font-size:13px!important}
html body[data-page][class] .tier-cta .button{font-size:12px!important;padding:10px 12px!important;min-height:0!important}
html body[data-page][class] .tier-overview .gift-source{grid-row:5!important;font-size:11px!important;margin:0!important}
html body[data-page][class] #custom-box{display:flex!important;flex-direction:column!important;gap:24px!important;align-items:stretch!important}
html body[data-page][class] #custom-box>div:not(.custom-gallery){width:100%!important;max-width:none!important}
html body[data-page][class] .custom-levels{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:24px!important}
html body[data-page][class] .custom-gallery{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important;order:2!important;width:100%!important}
html body[data-page][class] .custom-gallery figure{margin:0!important;min-width:0!important}
html body[data-page][class] .custom-gallery img{height:160px!important;width:100%!important;object-fit:contain!important}
html body[data-page][class] .custom-gallery figcaption{font-size:12px!important;line-height:1.4!important}
@media(max-width:1000px){
 html body[data-page][class] .contact-stage .hero-kaca{top:34px!important;width:132px!important}
 html body[data-page][class] .hero-kaca .kaca-card{width:132px!important;height:88px!important}
 html body[data-page][class] .hero-kaca .kaca-card .strength-art,html body[data-page][class] .hero-kaca .kaca-wallet{width:82px!important;height:82px!important;max-width:82px!important;max-height:82px!important}
 html body[data-page][class] .phone-screen{padding:38px 10px 16px!important}
 html body[data-page][class] .phone-screen h2{display:block!important;font-size:24px!important;margin:12px 0 16px!important}
 html body[data-page][class] .phone-eyebrow{display:block!important;font-size:9px!important}
 html body[data-page][class] .phone-camera{display:block!important}
 html body[data-page][class] .catalogue-grid,html body[data-page][class] .product-grid,html body[data-page][class] .parcel-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
}
@media(max-width:760px){
 html body[data-page][class] dialog.program-card{width:min(480px,calc(100vw - 32px))!important;height:406px!important;max-height:calc(100dvh - 40px)!important;padding:28px 20px 22px!important;border-radius:22px!important}
 html body[data-page][class] dialog.program-card[open]{grid-template-columns:62px minmax(0,1fr)!important;gap:12px!important}
 html body[data-page][class] dialog.program-card>img{width:62px!important;height:110px!important}
 html body[data-page][class] dialog.program-card>div{grid-template-rows:50px 56px 52px 92px 42px!important;gap:8px!important}
 html body[data-page][class] dialog.program-card .program-art{--cap:20px}
 html body[data-page][class] dialog.program-card h2{font-size:22px!important}
 html body[data-page][class] dialog.program-card p{font-size:12px!important}
 html body[data-page][class] dialog.program-card [data-story-links]{gap:4px 10px!important}
 html body[data-page][class] dialog.program-card [data-story-links] a{font-size:12px!important;padding:6px 0!important}
 html body[data-page][class] .program-actions{gap:6px!important}
 html body[data-page][class] .program-actions .button{font-size:11px!important;padding:11px!important}
 html body[data-page][class] dialog.program-card .program-actions p{font-size:10px!important;max-width:none!important}
 html body[data-page][class] .reviews-side>.text-link{display:none!important}
 html body[data-page][class] .reviews-side{gap:12px!important}
 html body[data-page][class] .reviews-side .restaurant-logos{margin-bottom:0!important;padding-bottom:0!important}
 html body[data-page][class] #konsultasi .consult-overview{grid-template-columns:1fr!important;gap:16px!important}
 html body[data-page][class] #konsultasi .consult-inputs,html body[data-page][class] #konsultasi .consult-result{padding:18px!important;width:100%!important;gap:14px!important}
 html body[data-page][class] #konsultasi .shelf-photo{height:150px!important}
 html body[data-page][class] #consult-links{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 html body[data-page][class] #consult-links label{font-size:12px!important;padding:10px!important;min-height:62px!important}
 html body[data-page][class] #consult-title{font-size:25px!important}
 html body[data-page][class] .value-tile{min-height:0!important;padding:22px 18px!important;border-radius:20px!important}
 html body[data-page][class] .value-tile h3{font-size:22px!important;max-width:100%!important;margin-bottom:12px!important}
 html body[data-page][class] .value-tile p{font-size:12px!important;line-height:1.55!important;max-width:100%!important}
 html body[data-page][class] .value-tile>span{font-size:16px!important;margin-bottom:13px!important}
 html body[data-page][class] .values-centre{display:none!important}
 html body[data-page][class] .values-wheel{gap:12px!important}
 html body[data-page][class] .journal-masthead{display:grid!important;grid-template-columns:minmax(0,1fr) 85px!important;gap:12px!important;padding-bottom:20px!important}
 html body[data-page][class] .journal-masthead .journal-edition,html body[data-page][class] .journal-masthead h1{grid-column:1/-1!important;margin:0!important}
 html body[data-page][class] .journal-masthead>p{grid-column:1!important;grid-row:3!important;margin:0!important;font-size:13px!important;line-height:1.65!important}
 html body[data-page][class] .journal-masthead .story-envelope{grid-column:2!important;grid-row:3!important;width:85px!important;height:64px!important;align-self:center!important;margin:0!important}
 html body[data-page][class] .news-collection{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:22px 14px!important}
 html body[data-page][class] .news-collection .news-feature>a{grid-template-columns:40% minmax(0,1fr)!important;gap:14px!important;align-items:center!important}
 html body[data-page][class] .news-collection .news-feature .lifestyle-image{aspect-ratio:1!important}
 html body[data-page][class] .news-collection .news-feature h3{font:700 24px/1.12 LeagueSpartan,sans-serif!important}
 html body[data-page][class] .news-collection .news-feature p{font-size:12px!important;line-height:1.55!important;display:-webkit-box!important;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 html body[data-page][class] .news-collection .news-small h3,html body[data-page][class] .news-collection .news-row h3{font:700 19px/1.15 LeagueSpartan,sans-serif!important}
 html body[data-page][class] .news-collection .news-row>a{grid-template-columns:32% minmax(0,1fr)!important;gap:14px!important}
 html body[data-page][class] .news-collection .news-row p{font-size:12px!important;line-height:1.5!important}
 html body[data-page][class] .news-collection .eyebrow{font-size:9px!important;line-height:1.4!important}
 html body[data-page][class] .news-collection .article-read{font-size:12px!important}
 html body[data-page][class] .collection-hero{padding:20px 16px!important}
 html body[data-page][class] .collection-hero .tier-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;grid-template-rows:78px auto!important;gap:10px 12px!important;min-height:0!important}
 html body[data-page][class] #tier-name{font-size:28px!important;margin-top:12px!important}
 html body[data-page][class] .tier-heading .eyebrow{font-size:9px!important;line-height:1.4!important;letter-spacing:.07em!important}
 html body[data-page][class] .tier-stage figure{height:300px!important;margin:0!important}
 html body[data-page][class] .tier-pair,html body[data-page][class] .tier-stage .tier-pair.is-life{height:290px!important;gap:4px!important}
 html body[data-page][class] .tier-stage .tier-overview{grid-column:1/-1!important;grid-template-rows:40px 52px 174px auto auto!important;position:relative!important;padding-top:0!important;gap:12px!important}
 html body[data-page][class] #tier-price{font-size:14px!important;width:49%!important}
 html body[data-page][class] #tier-intro{font-size:12px!important;width:49%!important;line-height:1.5!important}
 html body[data-page][class] .tier-content-details{margin-top:4px!important}
 html body[data-page][class] .tier-details{gap:15px!important}
 html body[data-page][class] .tier-details h4{font-size:17px!important;margin-bottom:10px!important}
 html body[data-page][class] .tier-details ul{font-size:12px!important;line-height:1.6!important}
 html body[data-page][class] .tier-cta{min-height:0!important}
 html body[data-page][class] .tier-tabs{display:flex!important;flex-wrap:nowrap!important;overflow-x:auto!important;gap:6px!important;justify-content:flex-start!important;padding:12px 0 4px!important}
 html body[data-page][class] .tier-tabs button{font-size:10px!important;padding:8px!important;flex:none!important;white-space:nowrap!important;min-height:34px!important}
 html body[data-page][class] #ready-box{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:16px!important;align-items:center!important}
 html body[data-page][class] #ready-box h2{font-size:25px!important;line-height:1.1!important}
 html body[data-page][class] #ready-box p{font-size:12px!important;line-height:1.55!important;margin:12px 0!important}
 html body[data-page][class] #ready-box .eyebrow{font-size:10px!important}
 html body[data-page][class] #ready-box a{font-size:12px!important}
 html body[data-page][class] #ready-box .ready-gallery{min-width:0!important;width:100%!important;margin:0!important}
 html body[data-page][class] #ready-box .ready-gallery img{height:190px!important;width:100%!important;object-fit:contain!important}
 html body[data-page][class] #ready-box figcaption{font-size:10px!important;line-height:1.4!important;margin-top:8px!important}
 html body[data-page][class] .custom-levels{gap:14px!important;padding-left:20px!important}
 html body[data-page][class] .custom-levels strong{font-size:12px!important}
 html body[data-page][class] .custom-levels p{font-size:11px!important;line-height:1.5!important}
 html body[data-page][class] .custom-gallery{gap:8px!important}
 html body[data-page][class] .custom-gallery img{height:85px!important;border-radius:10px!important}
 html body[data-page][class] .custom-gallery figcaption{font-size:10px!important}
 html body[data-page][class] .occasion-tabs{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px!important;overflow:visible!important;margin:18px 0!important}
 html body[data-page][class] .occasion-tabs button{font-size:10px!important;padding:8px 2px!important;min-width:0!important;min-height:36px!important;white-space:normal!important;line-height:1.2!important}
 html body[data-page][class] .parcel-card .parcel-zoom{padding:6px!important;border-radius:12px!important}
 html body[data-page][class] .parcel-card .parcel-zoom span{display:none!important}
 html body[data-page][class] .parcel-card h3{font-size:13px!important;margin:8px 0 0!important}
 html body[data-page][class] .catalogue-product{border-radius:10px!important;min-width:0!important;padding:0!important}
 html body[data-page][class] .catalogue-product .product-card-link{padding:7px!important}
 html body[data-page][class] .catalogue-product h3{font:500 12px/1.4 Arial,sans-serif!important;min-height:50px!important;margin:8px 0!important;-webkit-line-clamp:3!important}
 html body[data-page][class] .catalogue-product .product-brand{font-size:10px!important}
 html body[data-page][class] .catalogue-product .product-meta{font-size:9px!important}
 html body[data-page][class] .catalogue-product .product-card-footer{padding:7px!important;gap:3px!important;grid-template-columns:minmax(0,1fr) 26px!important;min-height:40px!important}
 html body[data-page][class] .catalogue-product .product-price{font-size:12px!important}
 html body[data-page][class] .catalogue-product .product-save{width:26px!important;height:30px!important;min-height:0!important;padding:4px!important;border-radius:8px!important}
}
@media(max-width:500px){
 html body[data-page][class] .catalogue-grid,html body[data-page][class] .product-grid,html body[data-page][class] .parcel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:9px!important}
 html body[data-page][class] dialog.program-card[open]{grid-template-columns:50px minmax(0,1fr)!important;gap:10px!important}
 html body[data-page][class] dialog.program-card>img{width:50px!important;height:90px!important}
 html body[data-page][class] dialog.program-card h2{font-size:20px!important}
 html body[data-page][class] .custom-levels{display:block!important}
 html body[data-page][class] .values-wheel{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

html body[data-page][class] dialog.program-card:not([open]){display:none!important}
html body[data-page][class] .category-art.studio-category{background:#fafaf8!important;border-radius:22px!important;box-shadow:none!important;overflow:hidden!important}
html body[data-page][class] .studio-category img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;filter:none!important;transform:none!important;border-radius:0!important}
html body[data-page][class] .studio-category:before,html body[data-page][class] .studio-category:after{display:none!important}
html body[data-page][class] .catalogue-line-icon.studio-category{background:#fafaf8!important;border-radius:16px!important;overflow:hidden!important;padding:0!important}
@media(max-width:760px){html body[data-page][class] .tier-stage figure{height:180px!important}html body[data-page][class] .tier-pair,html body[data-page][class] .tier-stage .tier-pair.is-life{height:180px!important}}

html body[data-page][class] #cerita.branch-story:not([data-compact-model]){height:auto!important;min-height:0!important;padding:36px 0!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-stage{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto 470px auto auto!important;gap:16px!important;position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:0 4%!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .history-title{grid-column:1/-1!important;grid-row:1!important;margin:0!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-canvas{grid-column:1/-1!important;grid-row:2!important;width:100%!important;height:470px!important;position:relative!important;inset:auto!important;border-radius:24px!important;background:linear-gradient(#f3f8fc,#edf3f8)!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-caption{grid-column:1!important;grid-row:3/5!important;position:static!important;padding:0!important;width:auto!important;max-width:none!important;margin:0!important;transform:none!important;align-self:start!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-caption h2{font:700 34px/1.1 LeagueSpartan,sans-serif!important;margin:4px 0 8px!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-year{font-size:15px!important;margin:0!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-description{font-size:14px!important;line-height:1.5!important;max-width:480px!important;margin:0!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-nav{grid-column:2!important;grid-row:3!important;position:static!important;width:auto!important;display:flex!important;gap:8px!important;justify-content:flex-end!important;align-self:start!important;transform:none!important;margin:0!important}
html body[data-page][class] .journey-controls{grid-column:2!important;grid-row:4!important;display:flex;gap:12px;justify-content:flex-end;align-items:start}
html body[data-page][class] .journey-controls button{position:static!important;margin:0!important;border:1px solid #c7d8ed;background:#f6f9ff;color:#2444b9;border-radius:18px;padding:9px 13px;font:600 12px Arial,sans-serif;cursor:pointer}
html body[data-page][class] .journey-status{position:absolute!important;left:6%!important;top:calc(470px + 18px)!important;margin:0!important;color:#496786!important;font:12px Arial,sans-serif!important;pointer-events:none}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-hint{display:none!important}
@media(max-width:760px){html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-stage{grid-template-columns:1fr!important;grid-template-rows:auto 300px auto auto auto!important;gap:16px!important;padding:0 4%!important}html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-canvas{height:300px!important}html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-caption{grid-column:1!important;grid-row:3!important}html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-nav{grid-column:1!important;grid-row:4!important;justify-content:space-between!important}html body[data-page][class] .journey-controls{grid-column:1!important;grid-row:5!important;justify-content:flex-start}html body[data-page][class] .journey-status{top:calc(300px + 16px)!important;font-size:10px!important}html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-caption h2{font-size:28px!important}}

html body[data-page][class] #cerita .journey-controls button{width:auto!important;height:auto!important;min-width:0!important;min-height:36px!important;white-space:nowrap!important;line-height:1.2!important;flex:none!important;border-radius:18px!important}
html body[data-page][class] #cerita .journey-status{top:auto!important;bottom:auto!important;left:auto!important;position:static!important;grid-column:1/-1!important;grid-row:3!important;margin-top:-12px!important;font-size:11px!important}
html body[data-page][class] #cerita .branch-caption{grid-row:4/6!important}
html body[data-page][class] #cerita .branch-nav{grid-row:4!important}
html body[data-page][class] #cerita .journey-controls{grid-row:5!important}
@media(max-width:760px){html body[data-page][class] #cerita .branch-caption{grid-row:4!important}html body[data-page][class] #cerita .branch-nav{grid-row:5!important}html body[data-page][class] #cerita .journey-controls{grid-row:6!important}}
html body[data-page][class] .reviews-side .restaurant-strip{flex:1!important;display:flex!important;flex-direction:column!important;gap:16px!important;margin:0!important;padding:0!important}
html body[data-page][class] .reviews-side .restaurant-strip>.text-link{margin-top:auto!important;min-height:32px!important;display:flex!important;align-items:center!important;font-size:12px!important;color:#2444b9!important}
html body[data-page][class] #konsultasi .business-image-label{-webkit-text-fill-color:#187bd6!important;background-clip:border-box!important;opacity:1!important;visibility:visible!important}
html body[data-page][class] .tier-pair.is-life img:first-child{position:static!important;inset:auto!important;width:100%!important;max-width:100%!important;transform:none!important;object-fit:contain!important}
html body[data-page][class] .tier-pair img{position:static!important;inset:auto!important;transform:none!important;margin:0!important}
html body[data-page][class] .tier-details li{font-size:inherit!important;line-height:1.6!important;margin:0 0 3px!important}
@media(max-width:760px){
 html body[data-page][class] .reviews-side .restaurant-strip>.text-link{display:none!important}
 html body[data-page][class] dialog.program-card{height:374px!important}
 html body[data-page][class] dialog.program-card>div{grid-template-rows:44px 62px 42px 70px 44px!important;gap:7px!important}
 html body[data-page][class] dialog.program-card>img{width:80px!important;height:115px!important;max-width:none!important;transform:translateX(-15px)!important}
 html body[data-page][class] .tier-stage .tier-overview{grid-template-rows:46px 76px 174px auto auto!important;gap:10px!important}
 html body[data-page][class] .tier-details li{font-size:12px!important;line-height:1.6!important}
}
@media(max-width:760px){
 html body[data-page][class] .news-collection .news-feature>a,html body[data-page][class] .news-collection .news-row>a{display:grid!important}
 html body[data-page][class] .news-collection .lifestyle-copy{margin:0!important;min-width:0!important;display:block!important}
 html body[data-page][class] .journal-topics{display:grid!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:5px!important}
 html body[data-page][class] .journal-topics button{font-size:10px!important;padding:10px 4px!important;min-width:0!important}
 html body[data-page][class] .catalogue-product .product-name{font:500 11px/1.4 Arial,sans-serif!important;min-height:47px!important;max-height:47px!important;margin:8px 0!important;display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;overflow:hidden!important}
 html body[data-page][class] .catalogue-product .product-brand{font-size:9px!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;display:block!important}
 html body[data-page][class] .catalogue-product .product-market-meta{font:9px/1.4 Arial,sans-serif!important;white-space:nowrap!important}
 html body[data-page][class] .catalogue-product .product-store-price{font:700 11px/1.2 Arial,sans-serif!important}
 html body[data-page][class] .catalogue-product .favorite-toggle{width:26px!important;height:30px!important;min-height:0!important;min-width:0!important;padding:4px!important;border-radius:7px!important}
 html body[data-page][class] .catalogue-product .favorite-toggle svg{width:18px!important;height:18px!important}
 html body[data-page][class] #ready-box .ready-gallery figure{min-height:0!important;height:auto!important;background:none!important;padding:0!important}
 html body[data-page][class] .tier-pair.is-life{max-height:165px!important}
 html body[data-page][class] .tier-pair.is-life img:first-child{height:165px!important}
}

html body[data-page][class] #nilai .value-tile{border:1px solid #e0e9f7!important;padding:30px!important;min-height:240px!important;border-radius:22px!important;background:linear-gradient(135deg,#f2f7ff,#e7effc)!important}
html body[data-page][class] #nilai .value-tile h3{font:700 28px/1.12 LeagueSpartan,sans-serif!important}
html body[data-page][class] #nilai .value-tile p{display:block!important;font:15px/1.6 Arial,sans-serif!important}
html body[data-page][class] #nilai .values-wheel{background:none!important;padding:0!important;border-radius:0!important}
html body[data-page][class] #nilai .value-tile:after,html body[data-page][class] #nilai .value-tile:before{display:none!important}
@media(max-width:760px){html body[data-page][class] #nilai .value-tile{padding:18px!important;min-height:0!important}html body[data-page][class] #nilai .value-tile h3{font-size:20px!important;line-height:1.13!important}html body[data-page][class] #nilai .value-tile p{font-size:11px!important;line-height:1.55!important}}
html body[data-page][class] #konsultasi .business-preview .sector-panel .business-image-label{font:700 25px/1.1 LeagueSpartan,sans-serif!important;padding:14px 0 0!important;margin:0!important}
html body[data-page][class] #konsultasi .business-preview{margin-bottom:0!important}
@media(max-width:760px){html body[data-page][class] #konsultasi{padding-top:28px!important;padding-bottom:30px!important}html body[data-page][class] #ulasan{padding-bottom:22px!important}html body[data-page][class] #konsultasi .business-preview .sector-panel .business-image-label{font-size:21px!important}}
html body[data-page][class] #ulasan .reviews-layout{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:auto 36px!important;gap:12px 24px!important}
html body[data-page][class] #ulasan .cafeholics-board{grid-column:1!important;grid-row:1!important}
html body[data-page][class] #ulasan .reviews-side{grid-column:2!important;grid-row:1!important}
html body[data-page][class] #ulasan .board-controls{grid-column:1!important;grid-row:2!important;display:flex!important;align-items:center!important;margin:0!important;height:36px!important;padding:0!important}
html body[data-page][class] #ulasan .review-relations-link{grid-column:2!important;grid-row:2!important;display:flex!important;align-items:center!important;margin:0!important;padding:0!important;height:36px!important;font:700 12px/1.4 Arial,sans-serif!important;color:#2444b9!important}
html body[data-page][class] #ulasan .board-controls>a{font:700 12px/1.4 Arial,sans-serif!important;color:#2444b9!important}
@media(max-width:760px){html body[data-page][class] #ulasan .reviews-layout{grid-template-columns:1fr!important;grid-template-rows:auto 36px auto!important;gap:14px!important}html body[data-page][class] #ulasan .reviews-side{grid-column:1!important;grid-row:3!important}html body[data-page][class] #ulasan .review-relations-link{display:none!important}}

html body[data-page][class] .tier-film{position:absolute!important;inset:0!important;display:block!important;border-radius:20px;z-index:1}
html body[data-page][class] .tier-film[hidden]{display:none!important}
html body[data-page][class] .tier-film:focus-visible{outline:3px solid #2444b9;outline-offset:3px}
html body[data-page][class] .tier-cta{display:grid!important;grid-template-columns:1fr 1fr!important;grid-template-rows:20px 40px!important;gap:8px!important;min-height:68px!important}
html body[data-page][class] .tier-cta .life-reel-link{grid-column:1/-1!important;grid-row:1!important;padding:0!important;margin:0!important}
html body[data-page][class] .tier-cta .button{width:auto!important;white-space:normal!important;text-align:center!important;line-height:1.2!important;padding:10px!important;margin:0!important;height:40px!important;box-sizing:border-box!important;display:flex!important;align-items:center!important;justify-content:center!important}
html body[data-page][class] .tier-stage .tier-overview{grid-template-rows:48px 62px 190px 76px auto!important}
@media(max-width:760px){html body[data-page][class] .tier-stage .tier-overview{grid-template-rows:46px 76px 174px 76px auto!important}}

/* Keep the journey status, caption, and controls in separate grid rows. */
@media(max-width:1000px){html body[data-page][class] #inspirasi .parcel-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px 10px!important;padding:12px 0!important}}
@media(max-width:500px){html body[data-page][class] #inspirasi .parcel-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px 8px!important}}
@media(max-width:760px){
 html body[data-page][class] .collection-hero .tier-stage{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)!important;grid-template-rows:180px auto!important}
 html body[data-page][class] .tier-stage figure{grid-row:1!important;overflow:hidden!important}
 html body[data-page][class] .tier-pair{display:flex!important;justify-content:center!important;align-items:center!important;width:100%!important}
 html body[data-page][class] .tier-pair img{width:calc(50% - 2px)!important;min-width:0!important;max-width:calc(50% - 2px)!important;object-fit:contain!important;flex:0 1 calc(50% - 2px)!important}
 html body[data-page][class] .tier-pair.is-life img:first-child{width:100%!important;max-width:100%!important;flex-basis:100%!important}
 html body[data-page][class] .tier-stage .tier-overview{grid-template-rows:42px 48px 160px 76px auto!important}
 html body[data-page][class] #tier-price,html body[data-page][class] #tier-intro{width:100%!important}
 html body[data-page][class] .catalogue-product .favorite-toggle svg{fill:#7b8dcc!important}
 html body[data-page][class] .catalogue-product .favorite-toggle[aria-pressed="true"] svg{fill:#2444b9!important}
}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-stage{grid-template-rows:auto 470px auto auto auto!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-caption{grid-row:4/6!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-nav{grid-row:4!important}
html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .journey-controls{grid-row:5!important}
@media(max-width:760px){
 html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-stage{grid-template-rows:auto 300px auto auto auto auto!important}
 html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-caption{grid-row:4!important}
 html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .branch-nav{grid-row:5!important}
 html body[data-page][class] #cerita.branch-story:not([data-compact-model]) .journey-controls{grid-row:6!important}
}