/* Generated screenprint surfaces, with live multilingual labels above them. */
:root{--ticket-gold:url('assets/ticket-mustard-v1.webp');--ticket-red:url('assets/ticket-rust-v1.webp');--ticket-green:url('assets/ticket-jade-v1.webp');--ticket-paper:url('assets/panel-paper-v1.webp')}
.button,.button.primary{background-color:#e8bc4f;background-image:var(--ticket-gold);background-size:100% 100%;background-position:center;background-repeat:no-repeat;color:#24231d;border:1.5px solid #393124;box-shadow:3px 4px 0 #3c302ccc;border-radius:3px;position:relative;text-shadow:0 1px 0 #fff4bd40;transition:transform .15s,box-shadow .15s,filter .15s}
.button:hover{filter:brightness(1.05);box-shadow:2px 2px 0 #3c302ccc}.button:active{transform:translate(3px,3px);box-shadow:0 1px 0 #3c302ccc}.button>span:last-child{border-left:1px solid #39312460;padding-left:16px}.button.whatsapp-button{background-color:#184c3a;background-image:var(--ticket-green);color:#fff6df;text-shadow:0 1px 1px #123127;box-shadow:3px 4px 0 #824e30}.button.whatsapp-button>span:last-child{border-left-color:#fff6df70}
.welcome-choice,.welcome-choice:hover{background:#f4ebd6 var(--ticket-paper) center/100% 100% no-repeat;color:#24231d;box-shadow:3px 4px 0 #3c302ccc;border:1.5px solid #393124;border-radius:3px}.welcome-choice:nth-child(2),.welcome-choice:nth-child(2):hover{background:#a73523 var(--ticket-red) center/100% 100% no-repeat;color:#fff7e7}.welcome-choice:nth-child(3),.welcome-choice:nth-child(3):hover{background:#e8bc4f var(--ticket-gold) center/100% 100% no-repeat;color:#24231d}.welcome-choice:hover{filter:brightness(1.05)}.welcome-choice>span:last-child{border-left:1px solid currentColor;padding-left:18px;line-height:1}.welcome-choice small{font-weight:600}
.language-switch a{background:#f4ebd6 var(--ticket-paper) center/cover no-repeat;border:1px solid #39312480;border-radius:2px;box-shadow:1px 2px 0 #3c302c50}.language-switch a[aria-current=page]{background:#e8bc4f var(--ticket-gold) center/cover no-repeat;border:1.5px solid #393124;box-shadow:2px 2px 0 #3c302c99}.language-switch{gap:5px}.language-switch a:hover{filter:brightness(1.06)}
.highlight,.welcome-page .highlight{background:#a73523 var(--ticket-red) center/cover no-repeat;color:#fff7e7;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-stamp,.welcome-art:after{background:#e8bc4f var(--ticket-gold) center/100% 100% no-repeat;color:#24231d;border:1.5px solid #393124;box-shadow:3px 3px 0 #3c302caa}.ribbon{background:#a73523 var(--ticket-red) center/auto 100% repeat-x;color:#fff7e7}.ribbon b{color:#ffdf82}.cta-orbit{background:#a73523 var(--ticket-red) center/cover no-repeat;color:#fff7e7}
.hero-art,.welcome-art,.sample-photo,.income-art{background:#f5eddb var(--ticket-paper) center/cover no-repeat}.header,.mobile-cta{background:#f4ebd6 var(--ticket-paper) center/cover no-repeat}.header{box-shadow:0 5px 12px #5b432524}.mobile-cta{box-shadow:0 -3px 12px #5b432524}.welcome-tag,.welcome-caption,.welcome-prompt,.welcome-chinese,.hero .eyebrow{background:#f4ebd6 var(--ticket-paper) center/cover no-repeat;box-shadow:0 2px 8px #5b432519}.welcome-tag{border:1px solid #39312460;padding:8px 12px}.welcome-caption,.welcome-chinese,.welcome-prompt{padding:7px 10px}.hero .eyebrow{padding:6px 8px;justify-self:start}
.hero h1,.welcome-page h1{background:#f4ebd6 var(--ticket-paper) center/cover no-repeat;box-shadow:0 2px 10px #5b432526;padding:6px 8px}.hero-intro,.hero-detail,.opportunity-hook{background:#f4ebd6 var(--ticket-paper) center/cover no-repeat;box-shadow:0 2px 12px #5b43251c;padding:9px 12px}.print-label,.opportunity-bottom,.faq{background:#f4ebd6 var(--ticket-paper) center/cover no-repeat}.print-label{padding:12px}.opportunity-bottom{padding:20px 15px 15px;box-shadow:0 2px 8px #5b432526}.opportunity-points span{background:#f4ebd6 var(--ticket-paper) center/cover no-repeat;border:1px solid #6a543b88;box-shadow:1px 2px 0 #5b432528}.opportunity-points span:nth-child(2){background-image:var(--ticket-gold)}.opportunity-points span:nth-child(3){background-image:var(--ticket-green);background-color:#184c3a;color:#fff7e7;border-color:#1d3a30}
.faq{background-color:transparent;background-image:none}.faq-items{border-top:0}.faq details{border-bottom:0;padding:0;margin-bottom:12px}.faq summary{background:#f4ebd6 var(--ticket-paper) center/cover no-repeat;border:1px solid #6a543b88;padding:13px 15px;min-height:52px;box-shadow:2px 3px 0 #5b432533}.faq details[open] summary{background-image:var(--ticket-gold)}.faq details p{padding:3px 12px 7px;background:#f4ebd6 var(--ticket-paper) center/cover no-repeat;line-height:1.8}.faq summary:after{color:#a73523}.footer{background-image:url('assets/kedai-row.svg'),var(--ticket-paper);background-size:auto 38px,cover;background-position:center bottom,center;background-repeat:no-repeat}
@media(max-width:700px){.button>span:last-child{padding-left:12px}.language-switch{gap:4px}.language-switch a{min-width:42px;min-height:44px}.header{gap:7px}.header .home-mark small{font-size:7px;letter-spacing:.2px}.opportunity-bottom{padding:18px 12px 14px}.opportunity-points{gap:6px}.opportunity-points span{font-size:10px;padding:7px;letter-spacing:.25px}.mobile-cta .button{min-height:46px}.mobile-cta .button>span:last-child{padding-left:9px}.hero .eyebrow{padding:6px 8px;font-size:9px}.hero-intro,.hero-detail,.opportunity-hook{padding:8px 10px}.welcome-page h1{padding:6px 7px}.footer{background-size:auto 34px,cover;background-position:center calc(100% - 102px),center}.faq summary{font-size:14px;min-height:54px}.faq details p{font-size:14px}}
/* Keep ornament at the edges of controls and quiet paper beneath text. */
.button,.button.primary,.button.whatsapp-button,.welcome-choice,.welcome-choice:hover,.welcome-choice:nth-child(2),.welcome-choice:nth-child(2):hover,.welcome-choice:nth-child(3),.welcome-choice:nth-child(3):hover,.hero-stamp,.welcome-art:after{background-size:150% 100%;background-position:center}
.highlight,.welcome-page .highlight{background-size:170% 160%;background-position:center}
.welcome-tag,.welcome-caption,.welcome-prompt,.welcome-chinese,.hero .eyebrow,.hero h1,.welcome-page h1,.hero-intro,.hero-detail,.opportunity-hook,.print-label,.opportunity-bottom,.header,.mobile-cta,.faq summary,.faq details p,.opportunity-points span{background-size:170% 150%;background-position:center}
.ribbon{background-size:160% 200%;background-position:center;background-repeat:no-repeat}
