[data-template=jti-semanggi-surabaya]{--radius:0px;--field-bg:#fff9e8;--line:#8d9a8f;--on-accent:var(--butter);--clover:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120' fill='%23f7ebcf'%3E%3Cpath d='M60 55C52 45 35 41 35 24C35 11 52 9 60 21C68 9 85 11 85 24C85 41 68 45 60 55Z'/%3E%3Cpath transform='rotate(90 60 60)' d='M60 55C52 45 35 41 35 24C35 11 52 9 60 21C68 9 85 11 85 24C85 41 68 45 60 55Z'/%3E%3Cpath transform='rotate(180 60 60)' d='M60 55C52 45 35 41 35 24C35 11 52 9 60 21C68 9 85 11 85 24C85 41 68 45 60 55Z'/%3E%3Cpath transform='rotate(270 60 60)' d='M60 55C52 45 35 41 35 24C35 11 52 9 60 21C68 9 85 11 85 24C85 41 68 45 60 55Z'/%3E%3C/svg%3E")}[data-template=jti-semanggi-surabaya] .font-display{font-family:var(--font-display), serif}[data-template=jti-semanggi-surabaya] .jti-title{font-family:var(--font-display), serif;color:var(--teal);font-size:clamp(2.25rem,7vw,3.75rem);line-height:1.08}[data-template=jti-semanggi-surabaya] .jti-steps{gap:20px;max-width:64rem;margin-inline:auto;list-style:none;display:grid}[data-template=jti-semanggi-surabaya] .jti-block{padding:28px 24px}@media (width>=768px){[data-template=jti-semanggi-surabaya] .jti-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}[data-template=jti-semanggi-surabaya] .jti-block{padding:36px}[data-template=jti-semanggi-surabaya] .jti-block:nth-child(2n){transform:translateY(56px)}[data-template=jti-semanggi-surabaya] .jti-steps:has(>.jti-block:nth-child(2n)){padding-bottom:56px}}[data-template=jti-semanggi-surabaya] .jti-button,[data-template=jti-semanggi-surabaya] .inv-button{background:var(--teal);min-height:44px;color:var(--butter);cursor:pointer;padding:12px 28px;font-weight:600;transition:background-color .2s,transform .2s}[data-template=jti-semanggi-surabaya] .jti-button:hover,[data-template=jti-semanggi-surabaya] .inv-button:hover{background:var(--deep)}[data-template=jti-semanggi-surabaya] .jti-button:active,[data-template=jti-semanggi-surabaya] .inv-button:active{transform:scale(.97)}[data-template=jti-semanggi-surabaya] .jti-button:focus-visible{outline:3px solid var(--teal);outline-offset:3px}[data-template=jti-semanggi-surabaya] .jti-countdown .inv-countdown__units{gap:24px}[data-template=jti-semanggi-surabaya] .jti-countdown .inv-countdown__value{font-family:var(--font-display), serif;color:var(--sand);font-size:clamp(2.5rem,9vw,3.5rem)}[data-template=jti-semanggi-surabaya] .jti-countdown .inv-countdown__label{color:var(--butter)}[data-template=jti-semanggi-surabaya] .inv-copy{color:var(--teal)}[data-template=jti-semanggi-surabaya] .jti-coral-edge{border-top:14px solid var(--coral)}[data-template=jti-semanggi-surabaya] .inv-music{background:var(--teal);color:var(--butter)}[data-template=jti-semanggi-surabaya] .jti-cover{overflow:hidden}[data-template=jti-semanggi-surabaya] .jti-tiles{grid-template-rows:repeat(10,1fr);grid-template-columns:repeat(8,1fr);display:grid;position:absolute;inset:0}[data-template=jti-semanggi-surabaya] .jti-tile{background:var(--teal) var(--clover) center / min(70%, 64px) no-repeat}[data-template=jti-semanggi-surabaya] .jti-tile:nth-child(16n+1),[data-template=jti-semanggi-surabaya] .jti-tile:nth-child(16n+3),[data-template=jti-semanggi-surabaya] .jti-tile:nth-child(16n+5),[data-template=jti-semanggi-surabaya] .jti-tile:nth-child(16n+7),[data-template=jti-semanggi-surabaya] .jti-tile:nth-child(16n+10),[data-template=jti-semanggi-surabaya] .jti-tile:nth-child(16n+12),[data-template=jti-semanggi-surabaya] .jti-tile:nth-child(16n+14),[data-template=jti-semanggi-surabaya] .jti-tile:nth-child(16n+16){background-color:var(--coral)}[data-template=jti-semanggi-surabaya]:not(.jti-motion) .jti-cover{transition:opacity .7s}[data-template=jti-semanggi-surabaya]:not(.jti-motion)[data-opened] .jti-cover{opacity:0}@media (prefers-reduced-motion:reduce){[data-template=jti-semanggi-surabaya][data-opened] .jti-cover{opacity:0}}