@font-face{font-family:Pre;src:url('/storefront/assets/9599f12fd42f-PretendardVariable.woff2');font-display:swap}@font-face{font-family:Myeongjo;src:url('/storefront/assets/7ed9e8653a8e-NanumMyeongjo-Regular.ttf');font-display:swap}
:root{--paper:#f7f4ee;--ink:#302a2b;--muted:#655d59;--line:#dcd4ca;--plum:#674653}*{box-sizing:border-box}html{scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pre,sans-serif;font-size:17px;line-height:1.7;word-break:keep-all}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible{outline:3px solid var(--plum);outline-offset:6px}::selection{background:#dfc9cf;color:#302a2b}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}header,main,footer{max-width:1280px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:25px 36px;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:center;gap:10px;font-family:Myeongjo,serif;font-size:30px;line-height:1}.brand svg{width:38px;height:38px;stroke-width:1;color:var(--plum)}nav{display:flex;gap:32px;font-size:15px}main{padding:0 36px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Myeongjo,serif;font-weight:400;letter-spacing:-.035em;text-wrap:balance}h1{font-size:clamp(36px,3.7vw,54px);line-height:1.48}h1 em{font-style:normal;color:var(--plum)}h2{font-size:36px;line-height:1.5}p{color:var(--muted)}.hero{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center;padding:76px 0 92px}.hero-copy>p{margin:24px 0 30px}.button{display:inline-flex;gap:32px;align-items:center;justify-content:space-between;background:var(--ink);color:#fff;padding:16px 24px;border-radius:4px;font-weight:550}.button:hover{background:var(--plum);text-decoration:none}.cast{display:flex;gap:9px;height:410px;align-items:center}.cast>a{position:relative;display:block;flex:1;min-width:0;height:88%;overflow:hidden;border-radius:75px 75px 5px 5px}.cast>a:nth-child(2),.cast>a:nth-child(4){height:96%}.cast>a:nth-child(3){height:100%}.cast img{width:100%;height:100%;object-fit:cover;object-position:50% 35%}.cast span{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#302a2be6;color:white;padding:10px 0;font-size:15px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:36px}.section-head p{margin-top:15px}.total{font-size:14px;color:var(--muted);white-space:nowrap}.products{display:grid;grid-template-columns:1fr 1fr;gap:56px 32px}.products article{scroll-margin-top:30px}.art{display:block;position:relative;aspect-ratio:1.35;overflow:hidden;background:#e6dfd4;border-radius:5px}.art>img{width:100%;height:100%;object-fit:cover;object-position:center 37%;display:block}.guide{position:absolute;left:18px;bottom:18px;background:var(--paper);padding:6px 18px 6px 6px;border-radius:40px;display:flex;gap:11px;align-items:center;line-height:1.5}.guide>img{width:48px;height:48px;object-fit:cover;object-position:50% 25%;border-radius:50%}.guide>span{font-size:17px}.guide small{display:block;font-size:12px;color:var(--muted)}.product-copy{padding:24px 3px 0}h3{font-size:30px;line-height:1.5}.product-copy>p{margin:17px 0;font-size:16px;max-width:48ch}.tags{display:block;color:var(--accent);font-size:13px}.detail{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);margin-top:24px;padding:16px 0 0;font-weight:600;font-size:16px}.products article:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}.products article:last-child .art{aspect-ratio:1.35}.products article:last-child .product-copy{padding:12px 26px}.sample{margin:100px 0;padding:60px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.8fr 1.2fr;gap:65px;align-items:center}.sample-intro>p{margin-top:24px;font-size:16px}.sample-intro .sample-note{font-size:13px}.sample-frame{background:#ebe4db;overflow:hidden;border-radius:5px}.sample-frame>img{width:100%;aspect-ratio:2;object-fit:cover;display:block}.sample-words{padding:28px 34px 34px}.sample-words>span{font-size:13px;color:var(--muted)}.sample-words p{margin-top:20px;color:var(--ink);font-size:16px}.sample-words p:first-of-type{font-family:Myeongjo,serif;font-size:24px}.sample-words a{display:flex;align-items:center;gap:20px;font-size:14px;margin-top:25px}.how{text-align:center;padding-bottom:90px}.how h2{font-size:30px}.how ol{display:grid;grid-template-columns:repeat(3,1fr);padding:0;list-style:none;gap:30px;margin:36px 0}.how li{text-align:left;display:flex;gap:16px}.how li>span{font-family:Myeongjo,serif;font-size:30px;color:var(--plum);line-height:1.4}.how h3{font-family:Pre,sans-serif;font-size:19px;font-weight:600}.how li p{font-size:15px;margin-top:8px}.how .button{margin-top:15px}footer{padding:32px 36px;border-top:1px solid var(--line);display:flex;align-items:center;gap:24px;flex-wrap:wrap}footer .brand{font-size:25px}footer p{font-size:14px}footer small{font-size:12px;color:var(--muted)}.service-link{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:13px}.service-link svg{width:18px}.skip{position:fixed;left:10px;top:-100px;background:var(--ink);color:white;padding:10px;z-index:20}.skip:focus{top:10px}
@media(max-width:850px){.hero{grid-template-columns:1fr;gap:35px;padding:46px 0 64px}.hero-copy{text-align:center}.cast{height:330px;max-width:650px;width:100%;margin:auto}.section-head{display:block}.total{display:none}.sample{gap:30px;grid-template-columns:1fr}.sample-intro{text-align:center}.how ol{gap:20px}.products article:last-child .product-copy{padding:0}.service-link{margin-left:0}}
@media(max-width:560px){header{padding:20px}header .brand{font-size:26px}nav{gap:16px;font-size:13px}nav a:last-child{display:none}main{padding:0 20px}h1{font-size:35px}h2{font-size:29px}.hero-copy>p{font-size:15px;line-height:1.9;margin:19px 0 23px}.button{font-size:15px;padding:14px 20px}.cast{height:240px;gap:5px}.cast span{font-size:12px;padding:7px 0}.hero{padding-top:35px;gap:30px}.section-head{margin-bottom:26px}.section-head p{font-size:15px}.products{grid-template-columns:1fr;gap:42px}.products article:last-child{display:block}.products article:last-child .product-copy{padding:24px 3px 0}h3{font-size:27px}.product-copy>p{font-size:16px}.sample{margin:66px 0;padding:40px 0}.sample-intro{text-align:left}.sample-words{padding:24px}.sample-words p{font-size:15px}.how{text-align:left;padding-bottom:55px}.how h2{font-size:27px}.how ol{grid-template-columns:1fr;gap:25px}.how .button{display:flex}footer{padding:26px 20px;gap:18px}footer p{margin-left:auto;font-size:12px}.service-link{width:100%}}
/* Compact app-style home: approved revision */
body{padding-bottom:90px}.hero{padding-bottom:38px}.cast span{padding:8px 2px}.cast small{display:block;font-size:12px;font-weight:400;line-height:1.4;margin-top:4px}.cast b{font-weight:400;margin-left:3px}.webtoon{max-width:760px;margin:20px auto 60px}.story-heading{text-align:center;margin-bottom:28px}.story-heading h2{font-size:30px}.comic{background:#eee7de}.comic figure{margin:0;position:relative}.comic img{display:block;width:100%;aspect-ratio:2;object-fit:cover;object-position:center 35%}.comic figcaption{background:#fffaf1;padding:16px 25px;font-family:Myeongjo,serif;font-size:22px;text-align:center;line-height:1.7}.pause{padding:28px;text-align:center}.pause p{font-size:19px;line-height:1.9;color:var(--ink)}.comic .second img{object-position:center 30%}.choose{max-width:760px;margin:0 auto 65px}.choose>h2{text-align:center;font-size:32px}.choose>p{text-align:center;font-size:15px;margin:16px 0 26px}.choices{display:grid;gap:0}.choice{display:flex;align-items:center;gap:18px;padding:20px 4px;border-bottom:1px solid var(--line)}.choice:first-child{border-top:1px solid var(--line)}.choice>img{width:66px;height:78px;object-fit:cover;object-position:50% 30%;border-radius:6px}.choice>span{flex:1;min-width:0}.choice strong{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}.choice small{font-size:13px;font-weight:400;color:var(--plum)}.question{display:block;font-size:15px;margin-top:5px;color:var(--muted)}.choice:hover{background:#eee7de;text-decoration:none}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,760px);background:#fffdf8;border-top:1px solid var(--line);z-index:10;display:flex;gap:0;padding:9px 8px calc(9px + env(safe-area-inset-bottom));box-shadow:0 -5px 20px #302a2b0a}.bottom-nav a{display:flex;flex:1;align-items:center;flex-direction:column;gap:4px;min-height:46px;font-size:12px;color:var(--muted)}.bottom-nav a[aria-current]{color:var(--plum);font-weight:700}.bottom-nav a[aria-current] svg{stroke-width:2.2}.bottom-nav a:hover{background:#eee7de;text-decoration:none}footer{margin-bottom:12px}html{scroll-padding-top:18px}@media(max-width:560px){.cast{height:270px}.cast small{font-size:10px;letter-spacing:-.03em;white-space:nowrap}.cast b{display:block;margin:0}.cast span{font-size:12px}.hero{padding-bottom:28px}.webtoon{margin:0 -20px 40px}.story-heading{padding:12px 20px 0}.story-heading h2{font-size:25px}.comic img{aspect-ratio:1.5}.comic figcaption{font-size:19px;padding:19px 16px}.pause{padding:24px 16px}.pause p{font-size:17px}.choose{margin-bottom:40px}.choose>h2{font-size:27px}.choice{gap:12px;padding:16px 0}.choice>img{width:56px;height:68px}.choice strong{font-size:18px;gap:8px}.choice small{font-size:12px}.question{font-size:14px;line-height:1.5}.choice>svg{width:19px}.bottom-nav{border-radius:0}footer p{font-size:12px}}
.bottom-nav a:last-child{display:flex}
/* Reunion storefront revision */
.brand-desc{font-size:13px;color:var(--plum)}.hero{display:block;padding-top:42px}.hero-copy{text-align:center}.hero-copy h1{font-family:Pre,sans-serif;font-weight:700;font-size:clamp(32px,4vw,50px);line-height:1.4;letter-spacing:-.035em}.hero-copy>p{margin:20px 0}.hero-copy .button{display:none}.cast{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;height:auto;max-width:none;gap:20px;padding:15px 0 22px;align-items:stretch;margin-top:26px;scrollbar-color:#79616b #e8e1da;scrollbar-width:thin}.cast>a,.cast>a:nth-child(n){flex:0 0 280px;height:390px;border-radius:16px;scroll-snap-align:start}.cast img{object-position:50% 28%}.cast .cast-label{background:linear-gradient(transparent,#19151be8 35%);padding:48px 18px 20px;text-align:left;white-space:normal}.cast .cast-label small{display:inline-block;background:#fff5e8;color:#47323c;padding:3px 8px;border-radius:4px;font-size:12px;margin-bottom:9px}.cast-label strong{display:block;font-size:22px;line-height:1.45}.cast .cast-label b{display:block;font-size:12px;line-height:1.6;margin:7px 0 0;font-weight:400;color:#f5e9df}.comic figcaption{font-family:Pre,sans-serif;font-weight:550}.account{max-width:760px;min-height:70vh;padding-top:48px}.account h1{font-family:Pre,sans-serif;font-size:32px;font-weight:700}.account>p{margin-top:18px}.local-note{font-size:13px}.empty{padding:50px 0}.empty h2{font:600 22px Pre,sans-serif}.empty p{margin:20px 0 28px;font-size:16px}.saved-row{display:flex;align-items:center;gap:18px}.saved-row .choice{flex:1}.saved-row button{border:1px solid var(--line);background:transparent;padding:10px;color:var(--muted);cursor:pointer}.bottom-nav a,.bottom-nav a:last-child{display:flex}.bottom-nav{gap:0}.brand svg{width:35px;height:35px}@media(max-width:560px){.hero{padding-top:30px}.hero-copy>p{font-size:14px}.cast{width:calc(100% + 20px);margin-top:22px;height:auto;gap:12px;padding-bottom:16px}.cast>a,.cast>a:nth-child(n){flex-basis:76%;height:360px;border-radius:14px}.cast .cast-label{padding:45px 17px 20px}.cast .cast-label small{font-size:12px;white-space:normal}.cast-label strong{font-size:23px}.cast .cast-label b{font-size:12px}.account{padding-top:30px}.brand-desc{font-size:12px}}
/* Large editorial product covers and tighter footer */
.hero-copy h1{font-family:Myeongjo,serif;font-weight:400;line-height:1.5}.choose{margin-bottom:22px}.product-tiles{gap:20px}.product-tiles .product-tile{display:block;position:relative;padding:0;border:0;border-radius:18px;overflow:hidden;aspect-ratio:1.12;background:#27212a;color:white}.product-tiles .product-tile>img{display:block;width:100%;height:100%;border-radius:0;object-fit:cover;object-position:center 28%}.tile-copy{position:absolute;inset:auto 0 0;padding:90px 30px 28px;background:linear-gradient(transparent,rgba(12,10,16,.88) 48%)}.tile-type{display:inline-block;padding:3px 9px;background:#fff5e8;color:#382a31;border-radius:5px;font-size:12px;font-weight:600}.tile-guide{display:block;font-size:14px;margin:9px 0 4px;color:#f1e4db}.tile-copy h2{font-family:Pre,sans-serif;font-weight:700;font-size:32px;line-height:1.35;letter-spacing:-.025em;text-wrap:balance}.tile-copy p{color:#f1e9e4;font-size:15px;line-height:1.6;margin-top:10px;max-width:48ch}.product-tile:hover{text-decoration:none}.product-tile:focus-visible{outline-offset:4px}body{padding-bottom:calc(68px + env(safe-area-inset-bottom))}footer{padding:15px 36px;margin-bottom:0;gap:14px}footer .brand{font-size:23px}footer .brand svg{width:29px;height:29px}footer small{margin-left:auto}@media(max-width:560px){.hero-copy h1{font-size:32px}.product-tiles{gap:16px}.product-tiles .product-tile{aspect-ratio:.95;border-radius:16px}.tile-copy{padding:65px 19px 21px}.tile-copy h2{font-size:25px}.tile-copy p{font-size:13px;line-height:1.55;margin-top:8px}.tile-guide{font-size:12px;margin:8px 0 5px}.tile-type{font-size:11px}.choose{margin-bottom:18px}footer{padding:12px 20px;gap:10px}footer p{font-size:11px}footer small{font-size:10px}footer .brand{font-size:21px}}
/* Original two-panel homepage hook */
.hook-comic{background:#171c29;overflow:hidden;border-radius:8px;margin-top:0}.hook-panel{position:relative;margin:0}.hook-panel+ .hook-panel{border-top:10px solid #171c29}.hook-panel>img{display:block;width:100%;height:auto;aspect-ratio:auto}.hook-panel figcaption{position:absolute;top:0;left:0;right:0;padding:26px 28px 48px;background:linear-gradient(#111724d9,transparent);color:#fff;font-family:Pre,sans-serif;line-height:1.55}.hook-panel figcaption span{display:block;font-size:20px;margin-bottom:9px;color:#f4dfcf}.hook-panel figcaption strong{display:block;font-size:26px;font-weight:600}.hook-ending{text-align:center;padding:30px 20px 32px;color:#fff}.hook-ending p{color:#d4d6dd;font-size:16px;line-height:1.8;margin-bottom:14px}.hook-ending>strong{font-size:23px;line-height:1.6;display:block}.hook-ending a{display:inline-flex;gap:24px;align-items:center;margin-top:24px;padding:13px 20px;background:#f4e9dd;color:#302a2b;border-radius:5px;font-size:15px;font-weight:600}@media(max-width:560px){.hook-comic{border-radius:0}.hook-panel figcaption{padding:17px 20px 32px}.hook-panel figcaption span{font-size:17px;margin-bottom:7px}.hook-panel figcaption strong{font-size:20px}.hook-ending{padding:24px 20px 28px}.hook-ending>strong{font-size:21px}.hook-ending p{font-size:15px}}
/* Oval dialogue bubbles, no tails */
.hook-panel figcaption{inset:20px auto auto 20px;max-width:56%;padding:22px 30px;background:#fffaf2;color:#302a2b;border-radius:50%;text-align:center;line-height:1.65}.hook-panel figcaption span{color:#6a4b50;font-size:17px;margin-bottom:5px}.hook-panel figcaption strong{font-size:22px;font-weight:550}@media(max-width:560px){.hook-panel figcaption{top:12px;left:12px;max-width:59%;padding:19px 22px}.hook-panel figcaption span{font-size:13px;margin-bottom:4px}.hook-panel figcaption strong{font-size:16px;line-height:1.65}}