.booster{position:relative;background-color:#ec302b;background-image:radial-gradient(#b51c201c 2px,transparent 3px);background-size:23px 23px;color:#fff8e7;overflow:hidden;isolation:isolate;padding:115px 6% 145px}.deck-wave{position:absolute;width:100%;height:120px;left:0;pointer-events:none;display:block}.deck-wave-top{top:-1px;fill:#f6f3e6}.deck-wave-bottom{bottom:-1px;fill:#1979fa}.deck-layout{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px;min-height:510px}.deck-copy{position:relative;z-index:2}.deck-kicker{font-size:11px;letter-spacing:2px;font-weight:800;color:#ffe7a1}.deck-copy h2{font-size:clamp(36px,4vw,57px);font-weight:900;line-height:1.35;letter-spacing:-2px;margin:17px 0 22px}.deck-copy h2 em{display:inline-block;font-style:normal;color:#203a30;background:#fffbee;padding:0 12px;transform:rotate(-3deg);box-shadow:5px 6px 0 #0002}.deck-copy p{font-size:15px;line-height:1.9;color:#fff1db;margin-bottom:27px}.deck-action{background:#ffe35c;color:#193b58;border:0;border-radius:7px;box-shadow:0 5px 0 #8d201d;min-height:52px;padding:14px 23px;font-weight:800;font-size:15px;transition:transform .2s}.deck-action:enabled:hover{transform:translateY(-3px)}.deck-action:disabled{cursor:wait;opacity:.75}.deck-action span{margin-left:30px}.deck-progress{font-size:12px;margin-top:23px;color:#ffedb2;min-height:20px}.deck-restart{background:none;border:0;border-bottom:1px solid #ffd7b4;color:#fff1d8;padding:5px 0;font-size:12px;margin-top:12px}.deck-restart[hidden],.deck-detail[hidden],.deck-card[hidden]{display:none}.deck-scene{min-height:530px;position:relative;isolation:isolate;display:flex;justify-content:center;align-items:center}.deck-scene:before{content:'';position:absolute;width:420px;height:410px;max-width:95%;background:radial-gradient(circle,#fffef4,#eaeed8);border:9px solid #ffe35b;outline:8px solid #fff5d929;border-radius:50%;top:47%;left:50%;transform:translate(-50%,-50%);z-index:-2}.deck-stack{--deck-scale:1;position:absolute;width:258px;height:364px;left:50%;top:45%;transform:translate(-50%,-50%) scale(var(--deck-scale));transform-origin:center;perspective:1400px}.deck-card{width:258px;height:364px;position:absolute;inset:0;padding:0;border:0;border-radius:16px;background:none;box-shadow:none;perspective:1200px;transition:transform .3s;will-change:transform}.deck-turn{position:absolute;inset:0;display:block;transform-style:preserve-3d}.deck-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:16px;padding:9px;border:1px solid #f7eed2;box-shadow:0 14px 25px #0004}.deck-front{transform:rotateY(180deg);background:linear-gradient(125deg,#eedb88,#fbf4ca 24%,#c8b46a 52%,#fcf2b8 70%,#dec56c);color:#222a29;text-align:left;overflow:hidden}.deck-front .art{height:187px}.deck-card.is-open .deck-turn{transform:rotateY(180deg)}.deck-back{background:repeating-radial-gradient(ellipse at center,#305298 0 9px,#345da6 10px 12px);border:9px solid #ebd283;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fbe784;overflow:hidden}.deck-back:before{content:'';position:absolute;inset:8px;border:1px solid #ecdba885;border-radius:7px}.deck-back-brand{font-size:28px;font-weight:900;letter-spacing:-1px;transform:rotate(-9deg);text-shadow:2px 3px #172c5f}.deck-back-ball{width:95px;height:95px;margin:26px 0 23px;border-radius:50%;border:5px solid #eedb89;background:linear-gradient(#eedb89 0 43%,#305298 43% 57%,transparent 57%);position:relative}.deck-back-ball:after{content:'';position:absolute;width:26px;height:26px;border:5px solid #305298;background:#eedb89;border-radius:50%;left:24px;top:24px}.deck-back-label{font-size:10px;letter-spacing:2px;font-weight:700}.deck-back-number{font-size:9px;letter-spacing:1px;margin-top:15px}.deck-card:disabled{cursor:default}.deck-caption{position:absolute;bottom:44px;left:0;right:0;text-align:center;font-size:14px;font-weight:700;color:#fff5c9;padding:0 10px}.deck-detail{position:absolute;bottom:6px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:12px;color:#fff1c4;border:0;border-bottom:1px solid #ffedb2;background:none;padding:5px 0}.deck-aura,.deck-rays,.deck-ring{position:absolute;inset:0;pointer-events:none;opacity:0;z-index:-1}.deck-aura{background:radial-gradient(ellipse at 50% 33%,#fff8be95,transparent 63%)}.deck-rays{background:repeating-conic-gradient(from 0deg at 50% 35%,#fff1b42c 0deg 8deg,transparent 8deg 24deg);mask-image:radial-gradient(ellipse,#000 15%,transparent 65%)}.deck-ring{width:180px;height:180px;left:50%;top:35%;inset:auto;left:50%;top:35%;border:3px solid #fff4b7;border-radius:50%;box-shadow:0 0 25px #ffe17b;transform:translate(-50%,-50%)}.deck-spark{position:absolute;color:#fff2a1;font-size:57px;opacity:0;pointer-events:none}.spark-left{left:9%;top:9%}.spark-right{right:8%;top:28%;font-size:34px}.is-special .deck-aura{opacity:1;transition:opacity .5s}.is-special .deck-rays{opacity:1;animation:deck-rays 16s linear infinite}.is-special .deck-ring{animation:deck-ring .9s ease-out both}.is-special .deck-spark{opacity:1;animation:deck-twinkle 2.5s ease-in-out infinite}.deck-card.is-special{animation:deck-special-rise 1s cubic-bezier(.16,1,.3,1) both}.deck-card.is-special .deck-front{box-shadow:0 0 35px #fff0a2aa,0 0 85px #ffe28066}.deck-card.is-special .deck-front:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 20%,#b9faff66 35%,#ffbfe455 50%,#fff3a566 60%,transparent 75%);background-size:220% 100%;mix-blend-mode:screen;pointer-events:none;animation:deck-holo 4s linear infinite}@keyframes deck-special-rise{from{transform:translate(0,0) scale(1)}to{transform:translate(0,-52px) scale(1.12)}}@keyframes deck-holo{to{background-position:220% 0}}@keyframes deck-rays{to{transform:rotate(360deg)}}@keyframes deck-twinkle{50%{transform:scale(1.2) rotate(12deg);opacity:.5}}@keyframes deck-ring{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}20%{opacity:1}100%{transform:translate(-50%,-50%) scale(3);opacity:0}}
@media(max-width:700px){.booster{padding:85px 7% 105px}.deck-wave{height:75px;width:160%;max-width:none;left:-30%}.deck-layout{grid-template-columns:1fr;gap:0;min-height:0}.deck-copy{text-align:center}.deck-kicker{font-size:9px;letter-spacing:1px}.deck-copy h2{font-size:35px;margin:14px 0 17px}.deck-copy p{font-size:13px;line-height:1.8;margin-bottom:18px}.deck-action{font-size:14px;min-height:46px;padding:11px 19px}.deck-progress{margin-top:18px}.deck-scene{min-height:475px;margin-top:25px}.deck-stack{--deck-scale:.87;top:46%}.deck-scene:before{width:300px;height:300px;top:44%;border-width:7px;outline-width:6px}.deck-caption{bottom:44px;font-size:12px}.deck-detail{bottom:10px;font-size:12px}.deck-front .card-name{font-size:15px}.deck-front .card-top{padding:9px 8px 7px}.deck-front .card-attack{padding:12px 10px 4px}.deck-front .card-description{font-size:8px}.deck-front .card-signature{font-size:6px}.deck-spark{font-size:42px}.spark-left{left:0;top:8%}.spark-right{right:0;top:26%}}
@media(max-width:360px){.deck-stack{--deck-scale:.79}.deck-scene:before{width:265px;height:275px}.deck-scene{min-height:445px}}
@media(prefers-reduced-motion:reduce){.booster *,.booster *:before,.booster *:after{animation:none!important;transition:none!important}.deck-card.is-special{transform:translateY(-30px)!important}.is-special .deck-rays,.is-special .deck-spark{opacity:1}}
/* Uploaded works retain their original aspect ratio inside the deck. */
.deck-work-front{display:flex;flex-direction:column;background:#171717;padding:9px;gap:6px}
.deck-work-image{display:block;width:100%;height:calc(100% - 27px);min-height:0;object-fit:contain;object-position:center;background:#080808;border-radius:7px}
.deck-work-title{display:block;text-align:center;font-size:12px;font-weight:700;line-height:21px;color:#fff5d0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.work-image-layout{padding:38px 24px 25px}
.work-image-heading{padding:0 15px 20px}
.work-image-heading h2{font-size:26px;margin:9px 0}
.work-image-heading p{color:#bec4b5;font-size:14px;line-height:1.6;margin:0}
.work-original-image{display:block;width:100%;height:auto;border-radius:7px;background:#111}
.work-original-link{display:table;margin:23px auto 0;font-size:14px;text-decoration:underline;text-underline-offset:5px;color:#f5d64e}
@media(max-width:700px){.work-image-layout{padding:40px 14px 22px}.work-image-heading{padding-left:6px;padding-right:6px}.work-image-heading h2{font-size:23px}}
/* In-page information panel: artwork, title, card type, and description only. */
#project-dialog.work-info-dialog{width:calc(100% - 40px);max-width:1060px;background:#fff;color:#18212b;border:0;border-radius:15px;max-height:90dvh;overflow:auto}
#project-dialog.work-info-dialog::backdrop{background:#070c16d9;backdrop-filter:blur(5px)}
.work-info-dialog .close-dialog{color:#242b36;right:11px;top:7px;background:#ffffffed;width:34px;height:34px;line-height:30px;border-radius:50%;font-size:26px}
.work-card-info{display:grid;grid-template-columns:minmax(190px,270px) minmax(0,1fr);gap:26px;padding:44px 28px 30px;align-items:start}
.work-card-preview img{display:block;width:100%;height:auto;max-height:70dvh;object-fit:contain;object-position:top;border-radius:11px;background:#111}
.work-card-facts{min-width:0}
.work-card-title{background:#ffd600;padding:22px 20px;border-radius:6px 6px 0 0}
.work-card-title h2{font-size:clamp(20px,2.4vw,29px);line-height:1.5;font-weight:700;letter-spacing:-.8px;margin:0;color:#253144;overflow-wrap:anywhere}
.work-card-type{background:#f3bd00;color:#28343b;font-size:15px;font-weight:700;line-height:1.6;padding:11px 20px}
.work-card-description{background:#f1f2f3;min-height:170px;padding:28px 20px;color:#303946}
.work-card-description p{font-size:16px;line-height:1.9;margin:0;word-break:keep-all;overflow-wrap:anywhere}
@media(max-width:700px){#project-dialog.work-info-dialog{width:calc(100% - 24px)}.work-card-info{grid-template-columns:1fr;padding:42px 18px 22px;gap:22px}.work-card-preview img{max-width:260px;max-height:42dvh;margin:auto}.work-card-title{padding:17px 15px}.work-card-title h2{font-size:21px}.work-card-type{font-size:14px;padding:10px 15px}.work-card-description{min-height:0;padding:22px 15px}.work-card-description p{font-size:15px}}
/* Let the wave overlap the original grass: no blank fill or duplicated image. */
:root{--deck-seam:clamp(44px,8vw,130px)}
.home-cta{bottom:max(6%,calc(var(--deck-seam) + 12px))}
.booster{margin-top:calc(-1 * var(--deck-seam));background:none}
.booster:before{content:'';position:absolute;inset:var(--deck-seam) 0 0;background-color:#ec302b;background-image:radial-gradient(#b51c201c 2px,transparent 3px);background-size:23px 23px;z-index:-1}
.deck-wave-top{top:1px;left:0;width:100%;height:var(--deck-seam);fill:#ec302b;z-index:-1}
.project-dialog-navigation{display:flex;justify-content:flex-end;padding:0 26px 22px;position:sticky;bottom:0;background:inherit;border-radius:0 0 15px 15px;z-index:3}
.project-dialog-navigation[hidden]{display:none}
.project-next-card{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;flex-shrink:0;border:0;border-radius:50%;background:#ffd600;color:#263344;box-shadow:0 3px 0 #d3a800;font-size:21px;line-height:1;transition:transform .18s,background .18s}
.project-next-card span{transform:translateX(2px)}
.project-next-card:hover:enabled{transform:translateX(3px);background:#ffe566}
.project-next-card:disabled{opacity:.55;cursor:wait}
#project-dialog[aria-busy='true'] #dialog-content{opacity:.65;transition:opacity .2s}
@media(max-width:700px){.home-cta{bottom:calc(var(--deck-seam) + 8px)}.deck-wave-top{left:0;width:100%;height:var(--deck-seam)}.project-dialog-navigation{padding:0 18px 18px}.project-next-card{width:48px;height:48px;font-size:19px}}

.deck-back{background:#08255d url("assets/jjeong2mon-card-back.webp") center/100% 100% no-repeat;border:0;padding:0}.deck-back>*{visibility:hidden}.deck-back:before{display:none}

/* Raised cream and green presentation button. */
.deck-action{display:flex;align-items:center;gap:18px;width:min(100%,530px);min-height:104px;padding:16px 24px;background:#fffef3;color:#249e58;border:7px solid #329f44;border-radius:24px;box-shadow:0 9px 0 #208a30,0 15px 0 #177a28;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease;margin-top:30px;text-align:left}.deck-action span{margin-left:0}.deck-button-logo{display:flex;align-items:center;flex:0 0 115px;border-right:2px solid #2a9f65;padding-right:16px}.deck-button-logo img{width:100%;height:auto;display:block}.deck-button-text{font-size:clamp(15px,1.6vw,22px);flex:1;white-space:nowrap}.deck-button-arrow{font-size:20px;flex-shrink:0}.deck-action:enabled:hover,.deck-action:focus-visible{transform:translateY(6px);box-shadow:0 3px 0 #208a30,0 9px 0 #177a28;background:#f3f9e9}.deck-action:enabled:active{transform:translateY(12px);box-shadow:0 1px 0 #177a28}.deck-copy h2{margin-bottom:32px}@media(max-width:700px){.deck-action{min-height:86px;padding:12px 16px;gap:12px;border-width:5px;border-radius:19px}.deck-button-logo{flex-basis:90px;padding-right:12px}.deck-button-text{font-size:16px}.deck-button-arrow{font-size:16px}}
/* One balanced section: equal outer space, card and caption centered together. */
.booster{margin-top:0;min-height:760px;padding:100px 6%;display:flex;align-items:center;background:#ec302b}
.booster:before{inset:0}.booster .deck-wave{display:none}
.deck-layout{width:100%;max-width:1180px;min-height:540px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.deck-copy{align-self:center;min-width:0}.deck-copy h2{margin:0 0 34px}.deck-action{margin-top:0}.deck-progress{margin-bottom:0}
.deck-scene{height:540px;min-height:0;margin:0;display:flex;flex-direction:column;justify-content:center;gap:48px}
.deck-stack{position:relative;left:auto;top:auto;transform:translate(-12px,0) scale(var(--deck-scale));flex-shrink:0}
.deck-scene:before{top:calc(50% - 30px);width:420px;height:420px;aspect-ratio:1}
.deck-caption{position:static;line-height:24px;margin:0}
@media(max-width:1000px) and (min-width:701px){.deck-layout{gap:30px}.deck-button-logo{flex-basis:80px;padding-right:12px}.deck-action{gap:12px;padding:14px}.deck-button-text{font-size:15px}.deck-scene:before{width:330px;height:330px}}
@media(max-width:700px){.booster{min-height:0;padding:72px 6%}.deck-layout{grid-template-columns:1fr;min-height:0;gap:40px}.deck-copy{width:100%;max-width:530px;justify-self:center}.deck-action{margin-inline:auto}.deck-scene{height:440px;gap:12px}.deck-scene:before{width:300px;height:300px;top:calc(50% - 18px)}.deck-stack{margin-block:-24px}.deck-button-logo{flex-basis:75px}.deck-button-text{font-size:clamp(13px,3.8vw,16px)}}
@media(max-width:700px){.deck-scene{height:470px;gap:40px}.deck-stack{margin-block:0}.deck-caption{z-index:2}.deck-scene:before{top:calc(50% - 32px)}}

/* Larger section title. */
.deck-copy #booster-title{font-size:clamp(64px,7.5vw,106px);line-height:1.12;letter-spacing:-.055em;margin-bottom:36px;}
@media(max-width:700px){.deck-copy #booster-title{font-size:clamp(52px,14vw,78px);margin-bottom:28px;}}