:root{--paper:#faf8f2;--ink:#1c2443;--blue:#3046bd;--orange:#ef784d;--line:#d7d9df;--muted:#5e6478}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,'Noto Sans CJK KR',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button,a,summary{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--orange);outline-offset:5px}header{height:96px;padding:0 5.6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:30px;background:var(--paper)}.brand{display:flex;align-items:center;gap:13px;font-weight:700;font-size:12px;line-height:1.35;letter-spacing:1.7px}.brandmark{font-family:Georgia,serif;font-size:45px;letter-spacing:-3px;color:var(--blue);line-height:1}.brand span:last-child{padding-top:3px}nav{display:flex;gap:35px;font-size:14px}nav a:hover,.text-link:hover{color:var(--blue)}.nav-buy{padding:10px 20px;border:1px solid var(--ink);font-size:14px;border-radius:3px}.hero{display:grid;grid-template-columns:48% 52%;min-height:735px;padding-left:7.2%;overflow:hidden}.hero-copy{padding:67px 30px 52px 0}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;margin:0 0 20px;color:var(--blue)}h1,h2,h3,p{margin-top:0}h1{font:500 clamp(58px,6.3vw,98px)/.99 Georgia,serif;letter-spacing:-4px;margin-bottom:28px}h1 em{font-weight:500;color:var(--blue)}.hero-intro{max-width:405px;color:var(--muted);font-size:17px;line-height:1.8;margin-bottom:28px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:49px;padding:13px 23px;border-radius:3px;font-size:14px;font-weight:700;border:1px solid transparent;cursor:pointer;transition:background .2s,transform .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:white}.primary:hover{background:#243795}.outline{border-color:#a6abc0;color:var(--ink);background:transparent}.light{background:var(--paper);color:var(--blue)}.text-link{font-size:14px;font-weight:700;border-bottom:1px solid;padding-bottom:3px}.hero-note{display:flex;align-items:center;gap:17px;margin-top:43px}.hero-note span{color:var(--blue);font-size:25px;letter-spacing:-1px}.hero-note p{font-size:12px;line-height:1.5;color:var(--muted);border-left:1px solid #a8afc9;padding-left:17px;margin:0}.hero-books{position:relative;background:#e5e9fa;padding:62px 5% 30px;display:flex;align-items:center;justify-content:center;gap:19px}.hero-label{position:absolute;top:33px;right:31px;font-size:11px;letter-spacing:2px;line-height:1.6;text-align:right;color:#59658e}.hero-books figure{width:43%;max-width:252px;margin:0;position:relative}.hero-books img{width:100%;height:auto;display:block;box-shadow:12px 20px 30px #1c24432b}.cover-one{transform:translateY(-22px) rotate(-7deg);z-index:2}.cover-two{transform:translateY(56px) rotate(7deg)}figcaption{margin-top:23px;font-size:10px;letter-spacing:1.6px;font-weight:700}figcaption span{display:block;font-weight:400;font-size:10px;letter-spacing:.1px;margin-top:3px}.strip{display:flex;justify-content:space-between;gap:20px;background:var(--blue);color:#fff;padding:21px 7.2%;font-size:13px;letter-spacing:.3px}.strip span:before{content:'✦';margin-right:16px;color:#f6ba94}.section{padding:95px 7.2%}.section h2{font:500 clamp(34px,3.7vw,52px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin-bottom:28px}.method{border-bottom:1px solid var(--line)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;margin-top:46px}.method-grid article{border-top:1px solid var(--line);padding-top:25px}.step{font-size:12px;color:var(--blue);letter-spacing:1.6px}.method-grid h3{font:500 25px/1.2 Georgia,serif;margin:17px 0 14px}.method-grid p{font-size:15px;color:var(--muted);margin:0;max-width:300px;line-height:1.8}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:43px}.section-title h2{margin-bottom:0}.section-title>p{max-width:305px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.book-card{border:1px solid var(--line);background:white}.book-image{height:360px;display:flex;justify-content:center;align-items:center;position:relative}.blue{background:#e8ecfa}.peach{background:#fae4d7}.book-image img{height:275px;width:auto;box-shadow:10px 14px 22px #1c24432b;transform:rotate(-4deg)}.peach img{transform:rotate(4deg)}.image-label{position:absolute;bottom:15px;left:21px;font-size:10px;letter-spacing:1.7px}.book-info{padding:33px}.book-info .eyebrow{font-size:11px;margin-bottom:13px}.book-info h3{font:500 31px/1.18 Georgia,serif;letter-spacing:-.7px;margin-bottom:18px}.book-info>p{font-size:15px;color:var(--muted);line-height:1.8}.book-points{list-style:none;margin:23px 0 29px;padding:0;font-size:14px}.book-points li{padding:7px 0;border-bottom:1px solid #ececf0}.book-points li:before{content:'+';color:var(--blue);margin-right:10px}.purchase{display:flex;gap:10px;flex-wrap:wrap}.purchase .button{flex:1;padding:12px;font-size:12px;white-space:nowrap}.small{font-size:12px!important;margin:15px 0 0!important}.coming{border-top:1px solid var(--line);padding-top:18px;margin-bottom:18px}.coming>span{display:inline-block;background:#f6e2d5;color:#8a421f;letter-spacing:1.4px;font-size:11px;padding:5px 10px;font-weight:700}.coming p{font-size:14px;color:var(--muted);margin:10px 0}.sample{background:#e9edfa}.sample-layout{display:grid;grid-template-columns:1.45fr 1fr;gap:25px}.reading{background:var(--paper);padding:36px 39px;border:1px solid #d1d7e9}.reading h3{font:500 33px/1.3 Georgia,serif;margin:10px 0 4px}.reading .story-name{color:var(--muted);font-size:14px;margin-bottom:24px}.korean{font-size:18px;line-height:2.05;word-break:keep-all}.translation{color:var(--muted);line-height:1.8;padding:0 0 17px;font-size:15px}.translation[hidden]{display:none}.translate-button{padding:9px 13px;background:transparent;border:1px solid #bdc4d8;color:var(--blue);border-radius:3px;font-weight:700;font-size:13px;margin:9px 0 22px;cursor:pointer}.sample-credit{font-size:11px;color:var(--muted);line-height:1.6;border-top:1px solid var(--line);padding-top:16px;margin:6px 0 0}.vocab{background:#fff;padding:29px}.vocab h3,.quiz h3{font:500 26px/1.25 Georgia,serif;margin-bottom:17px}.vocab dl{margin:0}.vocab dl div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:10px 0;font-size:14px}.vocab dt{font-weight:700}.vocab dd{margin:0;color:var(--muted)}.quiz{background:var(--blue);color:white;padding:29px;margin-top:22px}.quiz .eyebrow{color:#d8defb;font-size:11px;margin-bottom:15px}.quiz p{font-size:15px}.quiz-options{display:grid;gap:8px}.quiz-options button{padding:10px 14px;text-align:left;font-size:14px;cursor:pointer;background:transparent;color:white;border:1px solid #8290d7;border-radius:3px}.quiz-options button:hover{background:#ffffff15}.quiz-options button.selected{background:white;color:var(--blue)}.quiz-feedback{min-height:47px;font-size:13px!important;margin:15px 0 0;line-height:1.5}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-bottom:1px solid var(--line)}.about h2{max-width:340px}.publisher{display:inline-block;font:700 22px Georgia,serif;line-height:1.4;letter-spacing:1px;color:var(--blue);margin-top:7px}.publisher small{font:700 10px Arial,sans-serif;letter-spacing:2px}.about-copy{padding-top:41px}.about-copy h3{font:500 28px Georgia,serif;margin-bottom:24px}.about-copy p{color:var(--muted);font-size:16px;line-height:1.9}.about-copy .text-link{display:inline-block;margin-top:10px}.faq{display:grid;grid-template-columns:.85fr 1.3fr;gap:60px}.faq-list details{border-bottom:1px solid var(--line);padding:21px 0}.faq-list details:first-child{border-top:1px solid var(--line)}summary{font-size:16px;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';font-size:20px;color:var(--blue)}details[open] summary:after{content:'−'}.faq-list p{font-size:14px;color:var(--muted);line-height:1.85;margin:17px 22px 0 0}.closing{position:relative;padding:66px 7.2%;background:var(--blue);color:white;overflow:hidden}.closing .eyebrow{color:#d2d9ff}.closing h2{font:500 58px/1.1 Georgia,serif;letter-spacing:-2px;margin-bottom:29px}.closing>span{position:absolute;right:7.2%;top:100px;color:#cbd5ff;font-size:55px;font-weight:300}.closing .button{min-width:175px}footer{padding:42px 5.6%;display:flex;justify-content:space-between;align-items:center;gap:35px}footer p{font-size:11px;color:var(--muted);line-height:1.7;margin:0}footer a:not(.brand){font-size:12px;border-bottom:1px solid}footer div:last-child{text-align:right}footer div:last-child p{margin-top:9px}.skip{position:absolute;top:-100px;left:20px;background:white;padding:12px;z-index:20}.skip:focus{top:10px}@media(min-width:1600px){body{max-width:1700px;margin:auto}}@media(max-width:1000px){header{padding:0 5%;gap:20px}nav{gap:21px}.hero{padding-left:5%;min-height:650px}.hero-copy{padding-top:54px}.hero-books{gap:12px}h1{font-size:70px}.hero-books figure{width:45%}.hero-intro{font-size:16px}.hero-note{margin-top:32px}.section{padding:75px 5%}.book-info{padding:26px}.purchase{flex-direction:column}.book-info h3{font-size:28px}.method-grid{gap:28px}.sample-layout{grid-template-columns:1.2fr 1fr}.reading{padding:28px}.about{gap:45px}.strip{padding:20px 5%;font-size:11px;gap:10px}.strip span:before{margin-right:8px}.closing>span{font-size:40px}}@media(max-width:700px){header{height:79px;padding:0 6%;gap:12px}.brand{font-size:9px;gap:9px;letter-spacing:1.2px}.brandmark{font-size:38px}nav{gap:16px;font-size:12px}nav a:last-child{display:none}.nav-buy{display:none}.hero{display:flex;flex-direction:column;padding:0;min-height:0}.hero-copy{padding:47px 7% 38px}h1{font-size:64px;line-height:1.01;letter-spacing:-3px}.eyebrow{font-size:10px;letter-spacing:1.7px}.hero-intro{max-width:410px;font-size:16px;margin-bottom:25px}.actions{gap:24px}.button{font-size:13px;padding:12px 19px}.hero-note{margin-top:31px}.hero-books{height:445px;padding:65px 12% 45px;gap:27px}.hero-books figure{width:43%;max-width:186px}.hero-label{top:19px;right:23px;font-size:9px}.cover-one{transform:translateY(-16px) rotate(-7deg)}.cover-two{transform:translateY(26px) rotate(7deg)}figcaption{font-size:9px;margin-top:17px}figcaption span{font-size:9px}.strip{display:grid;grid-template-columns:1fr 1fr;gap:14px 10px;padding:23px 7%;font-size:10px}.strip span:before{margin-right:7px}.section{padding:61px 7%}.section h2{font-size:36px;letter-spacing:-1px;line-height:1.15}.method-grid{grid-template-columns:1fr;gap:27px;margin-top:30px}.method-grid article{padding-top:20px}.method-grid h3{margin:10px 0}.method-grid p{max-width:none;font-size:15px}.section-title{display:block;margin-bottom:30px}.section-title>p{margin-top:23px;max-width:100%;font-size:15px}.book-grid{grid-template-columns:1fr;gap:27px}.book-image{height:333px}.book-image img{height:259px}.book-info{padding:27px 24px}.book-info h3{font-size:30px}.purchase .button{font-size:13px}.sample-layout{grid-template-columns:1fr}.reading{padding:28px 23px}.korean{font-size:17px}.sample .section-title h2{font-size:36px}.about{grid-template-columns:1fr;gap:12px}.about-copy{padding-top:20px}.faq{grid-template-columns:1fr;gap:9px}.faq h2{margin-bottom:17px}.faq-list details{padding:20px 0}summary{font-size:15px}.closing{padding:54px 7%}.closing h2{font-size:43px;letter-spacing:-1.5px}.closing>span{position:static;display:block;margin-top:34px;font-size:31px}footer{align-items:flex-start;padding:35px 7%;flex-direction:column;gap:24px}footer div:last-child{text-align:left}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}

/* Comfortable reading sizes for controls and supporting copy. */
nav,.text-link,.button,.purchase .button,.translate-button{font-size:14px}.hero-note p,.small,.sample-credit,footer p,footer a:not(.brand){font-size:12px!important}.method-grid p,.book-info>p,.section-title>p,.faq-list p{font-size:16px}.image-label,figcaption,figcaption span,.hero-label{font-size:12px}.eyebrow,.book-info .eyebrow,.quiz .eyebrow,.step,.coming>span{font-size:12px}@media(max-width:700px){nav{gap:14px;font-size:14px}.strip{font-size:12px}.hero-label{font-size:10px}.hero-books{height:470px}.hero-books figcaption{font-size:11px;letter-spacing:.5px}.hero-books figcaption span{font-size:10px}.actions{gap:22px}}