/* Homepage introduction to /sticker.php (Korean homepage only). Colours follow the sticker page. */
.hp-sticker{--hps-blue:#3151ed;--hps-ink:#232626;background:#f8f6ee;color:var(--hps-ink);padding:100px 0 96px}
.hp-sticker .hp-section-label{color:#4a4f4b;border-color:#23262630}
.hp-sticker-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px;align-items:center;margin-top:56px}
.hp-sticker-copy h2{font:600 clamp(32px,3.5vw,50px)/1.34 'Noto Sans KR',sans-serif;letter-spacing:-.055em;word-break:keep-all;overflow-wrap:anywhere;text-wrap:balance}
.hp-sticker-copy h2 span{color:var(--hps-blue)}
.hp-sticker-copy>p{max-width:29em;margin-top:26px;font-size:16px;line-height:1.85;color:#555b57;word-break:keep-all;overflow-wrap:anywhere;text-wrap:pretty}
.hp-sticker-tags{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0 0;padding:0;list-style:none}
.hp-sticker-tags li{border:1px solid #2326263d;border-radius:999px;padding:6px 14px;font-size:14px;line-height:1.5;color:#3d423e}
.hp-sticker-actions{display:flex;flex-wrap:wrap;align-items:center;gap:20px 32px;margin-top:38px}
.hp .hp-sticker-cta,.hp .hp-sticker-cta:hover{color:#fff}
.hp-sticker-cta{display:inline-flex;align-items:center;gap:36px;background:var(--hps-blue);border-radius:50px;padding:16px 26px;font-size:15px;font-weight:600;transition:transform .3s,box-shadow .3s}
.hp-sticker-cta span{font-size:21px;font-weight:400;line-height:1}
.hp-sticker-cta:hover{transform:translateY(-3px);box-shadow:0 12px 25px #12208733}
.hp-sticker-count{display:flex;align-items:center;gap:12px}
.hp-sticker-count strong{font:600 40px/1 'Space Grotesk',sans-serif;letter-spacing:-.05em;color:var(--hps-blue)}
.hp-sticker-count span{font-size:14px;line-height:1.45;color:#555b57}
.hp .hp-sticker-board,.hp .hp-sticker-board:hover{color:var(--hps-ink)}
.hp-sticker-board{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.hp-sticker-tile{position:relative;margin:0;aspect-ratio:1;border-radius:28px;display:grid;place-items:center;overflow:hidden;transform:rotate(var(--hps-r,0deg));transition:transform .45s cubic-bezier(.2,.65,.25,1)}
.hp-sticker-tile:nth-child(odd){--hps-r:-2deg}.hp-sticker-tile:nth-child(3n){--hps-r:2.5deg}
.hp-sticker-tile.is-peach{background:#f6c9b4}.hp-sticker-tile.is-lime{background:#d6e9aa}.hp-sticker-tile.is-lilac{background:#d8d0ed}.hp-sticker-tile.is-sky{background:#c9def3}.hp-sticker-tile.is-sun{background:#f7e3a1}
.hp-sticker-tile picture{display:contents}
.hp-sticker-tile img{width:76%;height:auto;margin-top:-10%;transition:transform .45s cubic-bezier(.2,.65,.25,1)}
.hp-sticker-tile figcaption{position:absolute;left:50%;bottom:9%;transform:translateX(-50%);background:#fff;border-radius:999px;padding:4px 13px;font-size:14px;font-weight:600;line-height:1.5;white-space:nowrap;box-shadow:0 4px 12px #2326261a}
.hp-sticker-board:hover .hp-sticker-tile,.hp-sticker-board:focus-visible .hp-sticker-tile{transform:rotate(0) translateY(-4px)}
.hp-sticker-tile:hover img{transform:scale(1.08)}
.hp-sticker-go{grid-column:1/-1;justify-self:end;margin-top:6px;font:500 14px 'Space Grotesk',sans-serif;letter-spacing:.06em;color:var(--hps-blue)}
@media(max-width:900px){.hp-sticker{padding:72px 0 70px}.hp-sticker-grid{grid-template-columns:1fr;gap:44px;margin-top:40px}.hp-sticker-board{max-width:560px}}
@media(max-width:720px){.hp-sticker{padding:58px 0 56px}.hp-sticker-copy h2{font-size:29px}.hp-sticker-copy>p{font-size:15px;margin-top:20px}.hp-sticker-actions{margin-top:30px}.hp-sticker-cta{width:100%;justify-content:space-between}.hp-sticker-board{gap:10px}.hp-sticker-tile{border-radius:22px}}
@media(max-width:440px){.hp-sticker-board{grid-template-columns:repeat(2,minmax(0,1fr))}.hp-sticker-tile:nth-child(odd){--hps-r:-1.5deg}.hp-sticker-tile:nth-child(even){--hps-r:1.5deg}}