:root{--fun:"Jua", var(--display);--hand:"Gowun Dodum", var(--body)}.site-shell h1,.site-shell h2,.theme-card strong,.demo-points strong,.hero-stats strong{font-family:var(--fun);letter-spacing:-.01em;font-weight:400}.hero-stats{flex-wrap:wrap;gap:10px;margin:4px 0 10px;display:flex}.hero-stats span{border:2px solid var(--ink);background:var(--paper);box-shadow:3px 3px 0 var(--ink);transform:rotate(var(--r,-1.5deg));border-radius:999px;align-items:baseline;gap:6px;padding:8px 14px 7px;font-size:.86rem;font-weight:700;display:inline-flex}.hero-stats span:nth-child(2){--r:1.2deg;background:#fff3c4}.hero-stats span:nth-child(3){--r:-.6deg;background:#ffe2dc}.hero-stats strong{color:var(--coral);font-size:1.35rem;line-height:1}.hero-stats span:nth-child(2) strong{color:#c98a00}.hero-stats span:nth-child(3) strong{color:var(--blue-deep)}.hero-reveal{isolation:isolate;display:block;position:relative;overflow:hidden}.hero-reveal img{width:100%;height:auto;display:block}.hero-reveal__line{z-index:0;position:relative}.hero-reveal__color{z-index:1;object-fit:cover;clip-path:inset(0 100% 0 0);animation:2.4s cubic-bezier(.55,.05,.3,1) .35s forwards heroWipe;position:absolute;inset:0;height:100%!important}.hero-reveal__crayon{z-index:2;pointer-events:none;background:linear-gradient(90deg, transparent 0 2px, #ffffffd9 2px 5px, transparent 5px), linear-gradient(var(--coral), #ff9f6b 45%, var(--yellow));width:16px;height:112%;box-shadow:0 0 0 2px var(--ink), 6px 0 18px #ff786873;border-radius:8px;animation:2.4s cubic-bezier(.55,.05,.3,1) .35s forwards heroCrayon;position:absolute;top:-6%;left:0;transform:translate(-30px)rotate(6deg)}.hero-reveal__badge{z-index:3;color:#fff;opacity:0;background:#22221fc7;border-radius:999px;padding:5px 10px;font-size:.72rem;font-weight:700;animation:3.4s .35s forwards heroBadge;position:absolute;bottom:10px;left:10px}.hero-reveal--line .hero-reveal__color,.hero-reveal--line .hero-reveal__crayon,.hero-reveal--line .hero-reveal__badge{display:none}@keyframes heroWipe{to{clip-path:inset(0)}}@keyframes heroCrayon{0%{opacity:1;transform:translate(-30px)rotate(6deg)}92%{opacity:1}to{transform:translateX(calc(var(--card-w,420px) + 10px)) rotate(6deg);opacity:0}}@keyframes heroBadge{0%,10%{opacity:1}80%{opacity:1}to{opacity:0}}.hero-card,.hero-reveal{--card-w:100%}.hero-reveal__crayon{animation-name:heroCrayonPct}@keyframes heroCrayonPct{0%{opacity:1;left:0;transform:translate(-30px)rotate(6deg)}92%{opacity:1}to{opacity:0;left:100%;transform:translate(10px)rotate(6deg)}}.marquee{background:radial-gradient(circle at 12% 20%, #ffd84d59 0 90px, transparent 91px), radial-gradient(circle at 88% 80%, #4c8df62e 0 120px, transparent 121px), var(--cream);border-block:2px dashed #22221f40;margin:10px -2vw 40px;padding:18px 0 26px;position:relative;overflow:hidden;transform:rotate(-1.2deg)}.marquee:before,.marquee:after{content:"";z-index:2;pointer-events:none;width:90px;position:absolute;top:0;bottom:0}.marquee:before{background:linear-gradient(90deg, var(--cream), transparent);left:0}.marquee:after{background:linear-gradient(-90deg, var(--cream), transparent);right:0}.marquee__row{padding:6px 0;overflow:hidden}.marquee__track{gap:16px;width:max-content;animation:70s linear infinite marqueeLeft;display:flex}.marquee__row--b .marquee__track{animation-name:marqueeRight;animation-duration:82s}.marquee:hover .marquee__track{animation-play-state:paused}.marquee__item{border:2px solid var(--ink);background:#fff;border-radius:12px;flex:none;width:116px;transition:transform .2s;overflow:hidden;box-shadow:4px 4px #22221fd9}.marquee__item:nth-child(3n){transform:rotate(-2deg)}.marquee__item:nth-child(3n+1){transform:rotate(1.5deg)}.marquee__item:hover{transform:translateY(-6px)rotate(0)scale(1.06)}.marquee__item img{aspect-ratio:2/3;object-fit:cover;width:100%;height:auto;display:block}@keyframes marqueeLeft{to{transform:translate(-50%)}}@keyframes marqueeRight{0%{transform:translate(-50%)}to{transform:translate(0)}}.demo-section{grid-template-columns:minmax(0,.9fr) minmax(0,1.25fr);align-items:center;gap:clamp(28px,4vw,64px);display:grid}.demo-eyebrow{color:#e2563f}.demo-copy h2{margin:6px 0 14px;font-size:clamp(2rem,3.6vw,3.1rem);line-height:1.12}.demo-copy h2 span{color:var(--coral);white-space:nowrap;position:relative}.demo-copy h2 span:after{content:"";background:var(--yellow);z-index:-1;border-radius:8px;height:12px;position:absolute;bottom:-4px;left:-2%;right:-2%;transform:rotate(-1deg)}.demo-body{color:var(--muted);max-width:46ch;margin:0 0 20px;line-height:1.75}.demo-points{gap:12px;margin:0 0 26px;padding:0;list-style:none;display:grid}.demo-points li{border:2px solid var(--ink);background:var(--paper);box-shadow:4px 4px 0 var(--ink);border-radius:16px;align-items:center;gap:14px;padding:12px 14px;display:flex}.demo-points li:nth-child(2){transform:translate(14px)}.demo-points__icon{background:#fff3c4;border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:1.6rem;display:grid}.demo-points li:nth-child(2) .demo-points__icon{background:#ffe2dc}.demo-points li:nth-child(3) .demo-points__icon{background:#dfeaff}.demo-points strong{font-size:1.1rem;display:block}.demo-points small{color:var(--muted);font-size:.86rem}.demo-actions{flex-wrap:wrap;align-items:center;gap:14px 20px;display:flex}.demo-cta{color:#fff;font-family:var(--fun);border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink);background:linear-gradient(135deg,#ff8a3d,#f25c54);border-radius:16px;align-items:center;gap:10px;padding:16px 26px;font-size:1.25rem;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-flex}.demo-cta span{font-size:1.5rem}.demo-cta:hover{box-shadow:7px 7px 0 var(--ink);transform:translate(-2px,-2px)}.demo-cta:active{box-shadow:2px 2px 0 var(--ink);transform:translate(3px,3px)}.demo-more{color:var(--blue-deep);align-items:center;gap:6px;font-weight:700;text-decoration:none;display:inline-flex}.demo-more:hover{text-decoration:underline}.demo-stage{position:relative}.demo-window{z-index:1;border:3px solid var(--ink);box-shadow:10px 10px 0 var(--ink), 0 30px 60px #3c280a2e;background:#fff;border-radius:18px;position:relative;overflow:hidden;transform:rotate(1.2deg)}.demo-window__bar{background:var(--cream);border-bottom:2px solid var(--ink);color:var(--muted);align-items:center;gap:7px;padding:9px 14px;font-size:.78rem;display:flex}.demo-window__bar i{border:1.5px solid var(--ink);background:var(--coral);border-radius:50%;width:11px;height:11px}.demo-window__bar i:nth-child(2){background:var(--yellow)}.demo-window__bar i:nth-child(3){background:#7cd07a}.demo-window__bar span{background:#fff;border:1px solid #e6dfcf;border-radius:999px;margin-left:8px;padding:3px 10px}.demo-window__bar em{color:var(--blue-deep);margin-left:auto;font-style:normal;font-weight:700}.demo-window__video{aspect-ratio:16/10;background:#f4f1ea;width:100%;height:auto;display:block}.demo-sticker{z-index:2;border:2.5px solid var(--ink);background:var(--yellow);width:66px;height:66px;box-shadow:4px 4px 0 var(--ink);border-radius:50%;place-items:center;font-size:2rem;animation:4s ease-in-out infinite bob;display:grid;position:absolute}.demo-sticker--a{top:18%;left:-22px}.demo-sticker--b{background:#ffe2dc;animation-delay:-2s;bottom:12%;right:-18px}.demo-scribble{z-index:0;border:3px dashed #4c8df68c;border-radius:50% 40% 55% 45%;width:160px;height:120px;position:absolute;inset:-26px -30px auto auto;transform:rotate(-12deg)}@keyframes bob{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-10px)rotate(6deg)}}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px;display:grid}.theme-card{border:2.5px solid var(--ink);background:var(--tone,#ffd84d);min-height:190px;color:var(--ink);box-shadow:5px 5px 0 var(--ink);transform:rotate(var(--tilt,0deg));border-radius:22px;flex-direction:column;gap:4px;padding:18px 18px 16px;text-decoration:none;transition:transform .2s cubic-bezier(.3,1.4,.5,1),box-shadow .2s;display:flex;position:relative;overflow:hidden}.theme-card:hover,.theme-card:focus-visible{box-shadow:8px 10px 0 var(--ink);transform:rotate(0)translateY(-6px)scale(1.03)}.theme-card__icon{border:2px solid var(--ink);background:#ffffffbf;border-radius:16px;place-items:center;width:54px;height:54px;margin-bottom:6px;font-size:1.9rem;transition:transform .3s cubic-bezier(.3,1.6,.5,1);display:grid}.theme-card:hover .theme-card__icon{transform:rotate(-12deg)scale(1.15)}.theme-card strong{z-index:1;max-width:70%;font-size:1.22rem;line-height:1.25;position:relative}.theme-card small{opacity:.75;z-index:1;font-weight:700;position:relative}.theme-card img{border:2px solid var(--ink);background:#fff;border-radius:10px;width:104px;height:auto;transition:transform .3s;position:absolute;bottom:-26px;right:-18px;transform:rotate(12deg)}.theme-card:hover img{transform:rotate(4deg)translateY(-10px)}.theme-card__arrow{z-index:1;background:var(--ink);color:#fff;border-radius:50%;padding:4px;position:absolute;bottom:16px;left:18px;width:28px!important;height:28px!important}.series-vcard,.browse-card,.art-card{transition:transform .22s cubic-bezier(.3,1.4,.5,1),box-shadow .22s}.series-vcard:hover{transform:translateY(-6px)rotate(-.6deg)}.browse-card:hover{transform:translateY(-5px)rotate(.8deg)}.rv{opacity:0;transition:opacity .6s ease var(--rv-delay,0s), translate .7s cubic-bezier(.2, .9, .3, 1.15) var(--rv-delay,0s);translate:0 26px}.rv.is-in{opacity:1;translate:0}@media (max-width:900px){.demo-section{grid-template-columns:1fr}.demo-stage{order:-1}.demo-points li:nth-child(2){transform:none}.demo-sticker{width:52px;height:52px;font-size:1.5rem}.demo-sticker--a{left:-8px}.demo-sticker--b{right:-6px}}@media (max-width:560px){.marquee__item{width:88px}.theme-grid{grid-template-columns:repeat(2,1fr);gap:12px}.theme-card{min-height:160px;padding:14px}.theme-card strong{font-size:1.02rem}.theme-card img{width:80px}.demo-cta{justify-content:center;width:100%}.hero-stats span{padding:6px 11px}}@media (prefers-reduced-motion:reduce){.hero-reveal__color{clip-path:none;animation:none}.hero-reveal__crayon,.hero-reveal__badge{display:none}.marquee{transform:none}.marquee__track{animation:none}.marquee__row{overflow-x:auto}.demo-sticker{animation:none}.rv{opacity:1;transition:none;translate:none}}.hero-card__img.hero-reveal img.hero-reveal__line{position:relative}.hero-card__img.hero-reveal img.hero-reveal__color{object-fit:cover;object-position:top center;width:100%;height:100%;max-height:none;position:absolute;inset:0}.theme-card strong{max-width:64%}.theme-card__arrow{flex:none;margin-top:auto;position:relative!important;bottom:auto!important;left:auto!important}.theme-card small{margin-bottom:10px}.hero__lower{flex-wrap:wrap}.hero-stats{flex-basis:100%;order:-1}
