:root{--jade:#167D73;--sage:#E5EFEB;--gold:#D6A84B;--coral:#E85D4A;--ivory:#FAF7F0;--ink:#172624;--line:rgba(23,38,36,.2);font-family:Arial,"Segoe UI",sans-serif;color:var(--ink);background:var(--ivory);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}figure,p{margin:0}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--jade);outline-offset:5px}section,article{scroll-margin-top:28px}.wrap{width:min(1280px,calc(100% - 112px));margin-inline:auto}.masthead{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:850;letter-spacing:-.07em;line-height:.96;font-size:24px}.brand-period{color:var(--jade)}nav{display:flex;align-items:center;gap:40px;font-size:14px}nav a{padding:12px 0}.nav-start{color:var(--jade);font-weight:700}.nav-start span{margin-left:12px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.13em;line-height:1.5}.hero{padding-top:56px}.hero>.eyebrow{color:var(--jade)}.hero-copy{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:end;margin:22px 0 38px}h1,h2,h3{margin:0;font-weight:600;letter-spacing:-.055em}h1{font-size:clamp(48px,5.25vw,76px);line-height:1.04}h1 em{font-style:normal;color:var(--jade)}.hero-intro{padding:0 0 4px 14px}.hero-intro p{font-size:18px;line-height:1.55;margin-bottom:24px}.primary{display:inline-flex;align-items:center;justify-content:center;gap:25px;padding:18px 24px;min-height:54px;border:0;border-radius:11px;background:var(--jade);color:var(--ivory);font-weight:700;font-size:13px;letter-spacing:.02em;transition:background .18s,transform .18s}.primary:hover{background:var(--ink);transform:translateY(-1px)}.hero-photo{height:clamp(360px,35vw,470px);border-radius:18px;overflow:hidden;position:relative}.hero-photo img{object-position:center 46%}.hero-photo figcaption{position:absolute;bottom:24px;left:28px;background:var(--ivory);padding:16px 22px;border-radius:9px;display:grid;gap:5px}.hero-photo figcaption span:first-child{font-size:21px;font-weight:600}.hero-photo figcaption span:last-child{font-size:13px}.photo-foot{display:flex;justify-content:space-between;gap:20px;padding-top:18px;font-size:13px}.photo-foot>p:first-child{font-family:Georgia,serif;font-size:17px;font-style:italic}.learning-line{font-size:11px;font-weight:700;letter-spacing:.09em;align-self:center}.learning-line span{color:var(--gold);padding:0 10px}.start{margin-top:105px;padding:88px 0 94px;background:var(--sage)}.start-grid{display:grid;grid-template-columns:1fr 1.22fr;gap:90px}.start-heading .eyebrow{color:var(--jade);margin-bottom:26px}h2{font-size:clamp(34px,3.6vw,52px);line-height:1.08}.start-heading>p:last-child{font-size:17px;line-height:1.7;margin-top:25px}.paths{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:18px;padding:23px 0;font-size:20px;font-weight:500;cursor:pointer;min-height:72px}summary::-webkit-details-marker{display:none}.path-number{font-size:12px}.toggle{position:relative;width:16px;height:16px}.toggle:before,.toggle:after{content:"";position:absolute;top:7px;left:1px;width:14px;height:1px;background:currentColor}.toggle:after{transform:rotate(90deg);transition:transform .2s}details[open] .toggle:after{transform:rotate(0)}details[open] summary{color:var(--jade);font-weight:700}summary:hover{color:var(--jade)}.path-body{padding:0 38px 26px 48px;font-size:16px;line-height:1.65}.path-label{font-size:11px;font-weight:700;letter-spacing:.1em;margin-bottom:8px;color:var(--jade)}.text-link{display:inline-flex;gap:16px;align-items:center;background:none;border:0;border-bottom:1px solid currentColor;border-radius:0;padding:0 0 6px;color:var(--jade);font-size:15px;font-weight:600;line-height:1.45;text-align:left;min-height:40px;transition:color .18s}.text-link:hover{color:var(--ink)}.path-body .text-link{margin-top:13px}.worlds{padding-top:108px;padding-bottom:90px}.worlds-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:50px}.worlds-heading .eyebrow{color:var(--jade);margin-bottom:20px}.worlds-heading>p{font-size:17px;line-height:1.6;padding-right:7vw}.world-feature{display:grid;grid-template-columns:1.55fr 1fr;gap:68px;align-items:center}.world-feature figure{height:450px;border-radius:16px;overflow:hidden}.feature-copy{max-width:370px}.category-index{font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--jade);margin-bottom:21px}h3{font-size:clamp(32px,3.3vw,48px);line-height:1.09}.feature-copy h3 em{font-family:Georgia,serif;font-weight:400}.feature-copy>p:not(.category-index),.category-copy>p:not(.category-index){font-size:17px;line-height:1.65;margin-top:21px}.feature-copy .topic-line,.category-copy .topic-line{font-size:13px!important;margin-top:21px!important}.feature-copy .text-link,.category-copy .text-link{margin-top:22px}.world-pair{display:grid;grid-template-columns:1fr 1.28fr;gap:90px;margin-top:95px}.world-pair figure{overflow:hidden;border-radius:16px}.travel-world figure{height:380px}.travel-world .category-copy{padding-top:30px}.living-world{padding-top:60px}.living-world .category-copy{padding-bottom:32px}.living-world figure{height:350px}.category-copy .category-index{margin-bottom:12px}.world-pair h3{font-size:39px}.skip{position:absolute;top:-100px}.skip:focus{top:12px;left:20px;background:var(--ivory);z-index:5;padding:12px}dialog{max-width:480px;width:calc(100% - 40px);border:1px solid var(--line);border-radius:16px;background:var(--ivory);color:var(--ink);padding:36px}dialog::backdrop{background:rgba(23,38,36,.4)}dialog .eyebrow{color:var(--jade);margin-bottom:20px}dialog h2{font-size:30px}dialog p:not(.eyebrow){font-size:16px;line-height:1.8;margin:22px 0}.dialog-close{position:absolute;right:12px;top:10px;border:0;background:none;font-size:27px;width:40px;height:40px}
@media(min-width:1600px){.hero-photo{height:500px}}
@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.hero-copy{grid-template-columns:1fr;gap:22px}.hero-intro{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:0}.hero-intro p{margin:0}.start-grid{gap:38px;grid-template-columns:1fr 1.25fr}.world-feature{gap:36px}.world-pair{gap:45px}.worlds-heading>p{padding:0}}
@media(max-width:640px){.wrap{width:calc(100% - 40px)}.masthead{height:84px}.brand{font-size:19px}nav{gap:0}nav>a:first-child{display:none}.nav-start{font-size:13px}.hero{padding-top:34px}.eyebrow{font-size:10px;letter-spacing:.1em}.hero-copy{margin-top:20px;margin-bottom:28px;gap:21px}h1{font-size:clamp(37px,10.5vw,64px);line-height:1.08;letter-spacing:-.06em}.hero-intro{display:block}.hero-intro p{font-size:16px;line-height:1.55;margin-bottom:22px}.hero-intro p br{display:none}.primary{min-height:54px;padding:16px 20px;font-size:12px}.hero-photo{height:370px;border-radius:14px}.hero-photo img{object-position:49% center}.hero-photo figcaption{left:14px;bottom:14px;padding:12px 15px;border-radius:8px;gap:4px}.hero-photo figcaption span:first-child{font-size:18px}.hero-photo figcaption span:last-child{font-size:12px}.photo-foot{display:block;padding-top:15px}.photo-foot>p:first-child{font-size:16px}.learning-line{margin-top:17px;font-size:10px}.learning-line span{padding:0 8px}.start{margin-top:58px;padding:48px 0 52px}.start-grid{display:block}.start-heading .eyebrow{margin-bottom:18px}h2{font-size:36px}.start-heading>p:last-child{font-size:16px;margin-top:18px}.paths{margin-top:28px}summary{padding:20px 0;grid-template-columns:22px 1fr 16px;gap:10px;font-size:16px;line-height:1.45;min-height:65px}.path-body{padding:0 20px 22px 32px;font-size:15px}.path-label{font-size:10px}.text-link{font-size:14px}.worlds{padding-top:58px;padding-bottom:50px}.worlds-heading{display:block;margin-bottom:30px}.worlds-heading .eyebrow{margin-bottom:18px}.worlds-heading>p{margin-top:18px;font-size:16px}.worlds-heading>p br{display:none}.world-feature{display:flex;flex-direction:column;gap:24px;align-items:stretch}.world-feature figure{height:280px}.feature-copy{max-width:none}.category-index{font-size:10px;margin-bottom:12px}h3,.world-pair h3{font-size:34px}.feature-copy h3 br{display:none}.feature-copy h3 em{font:inherit}.feature-copy>p:not(.category-index),.category-copy>p:not(.category-index){font-size:16px;margin-top:15px}.feature-copy .text-link,.category-copy .text-link{margin-top:15px}.world-pair{display:flex;flex-direction:column;gap:48px;margin-top:48px}.travel-world figure{height:300px}.travel-world .category-copy{padding-top:24px}.living-world{display:flex;flex-direction:column;padding-top:0}.living-world figure{order:-1;height:280px;margin-bottom:24px}.living-world .category-copy{padding:0}.topic-line{font-size:13px!important}dialog{padding:30px 24px}}
/* Concept 02: unchanged palette, warmer editorial proportions. */
.brand{color:var(--jade)}
.hero>.eyebrow:before,.category-index:before{content:"";display:inline-block;width:25px;height:2px;background:var(--gold);vertical-align:middle;margin-right:12px}
.hero-photo{border-radius:16px 16px 0 0}
.hero-photo figcaption{left:auto;right:30px;bottom:26px;padding:18px 24px;border-radius:4px;gap:7px;box-shadow:0 6px 24px rgba(23,38,36,.08)}
.hero-photo figcaption span[lang]{font-size:21px;font-weight:600;color:var(--jade)}
.handwritten{font-family:"Nanum Pen Script","Segoe Print",cursive;font-weight:400;font-size:23px;color:var(--jade)}
.hero-photo figcaption small{font-size:21px;margin-bottom:3px}
.photo-foot{background:var(--jade);color:var(--ivory);padding:23px 28px;border-radius:0 0 16px 16px}
.photo-foot>p:first-child{font-size:21px}
.start{margin-top:112px;padding:76px 0 80px}
.start-grid{gap:100px;align-items:center}
.start-heading h2{color:var(--jade)}
.start-description{font-size:17px;line-height:1.7;margin-top:24px}
.bokjuni-note{display:flex;gap:14px;align-items:center;margin-top:35px}
.bokjuni-note img{width:62px;height:62px;object-fit:contain;mix-blend-mode:multiply}
.bokjuni-note .handwritten{font-size:27px;transform:rotate(-3deg)}
details[open]{background:var(--ivory);padding-inline:20px;margin-inline:-20px;border-radius:8px}
.worlds{padding-top:112px;padding-bottom:112px}
.worlds-heading h2,h3{color:var(--jade)}
.world-feature{gap:76px}
.world-feature figure{height:440px;border-radius:14px}
.feature-copy h3 em{font-size:1.12em}
@media(max-width:640px){.feature-copy h3 em:before{content:" "}}
.world-pair{margin-top:100px;gap:100px}
.living-world{padding-top:78px}
.world-pair figure{border-radius:12px}
.category-index{display:flex;align-items:center}
@media(max-width:1000px){.start-grid{gap:52px}.world-feature{gap:40px}.world-pair{gap:50px}.photo-foot>p:first-child{font-size:18px}}
@media(max-width:640px){.hero-photo{height:315px;border-radius:12px 12px 0 0}.hero-photo img{object-position:60% center}.hero-photo figcaption{right:12px;bottom:12px;padding:12px 16px;gap:3px}.hero-photo figcaption span[lang]{font-size:17px}.hero-photo figcaption small{font-size:19px}.photo-foot{padding:19px 20px 20px;border-radius:0 0 12px 12px}.photo-foot>p:first-child{font-size:17px}.learning-line{margin-top:12px}.start{margin-top:64px;padding:48px 0}.start-description{font-size:16px;margin-top:20px}.bokjuni-note{margin-top:22px;gap:10px}.bokjuni-note img{width:52px;height:52px}.bokjuni-note .handwritten{font-size:25px}.paths{margin-top:30px}details[open]{padding-inline:12px;margin-inline:-12px}.worlds{padding-top:64px;padding-bottom:64px}.world-feature{gap:25px}.world-feature figure{height:275px}.feature-copy h3 em{font:inherit}.world-pair{margin-top:54px;gap:54px}.living-world{padding-top:0}.travel-world figure{height:300px}.living-world figure{height:280px}.category-index:before{width:20px}}
/* Concept 03: small brand accents only; original layout and type unchanged. */
.hero-intro{position:relative}
.hero-intro .white-bird{position:absolute;right:0;bottom:0;width:68px;height:auto;object-fit:contain}
.hero-photo .expression{position:relative;padding-bottom:6px}
.hero-photo .expression:after{content:"";position:absolute;left:0;bottom:0;width:76%;height:5px;border-bottom:2px solid var(--gold);border-radius:50%;transform:rotate(-2deg)}
.hero-photo figcaption:after{content:"♥";position:absolute;right:12px;top:10px;font-size:11px;color:var(--coral)}
.hero>.eyebrow:before{height:4px;background:none;border-top:2px solid var(--gold);border-radius:50%;transform:rotate(-7deg)}
.path-number{color:var(--gold);font-weight:700;position:relative}
details[open] .path-number:after{content:"";width:4px;height:4px;border-radius:50%;background:var(--coral);position:absolute;left:0;bottom:-7px}
.world-number{color:var(--gold);margin-right:5px}
.category-index:before{height:2px}
.text-link>span[aria-hidden],.learning-line>span{color:var(--gold)}
.bokjuni-note .handwritten{color:var(--ink)}
@media(min-width:641px) and (max-width:1000px){.hero-intro .white-bird{bottom:auto;top:-87px;width:62px}}
@media(max-width:640px){.hero-intro .white-bird{width:54px;right:4px;bottom:0}.hero-photo figcaption:after{font-size:9px;top:9px;right:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Hero update 05: two real-life situations, preserving the 04 structure. */
.hero-copy .hero-intro{position:relative}
.hero-situations{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.situation-card figure{height:clamp(330px,31vw,430px);overflow:hidden;position:relative;border-radius:16px;margin:0}
.situation-card figure img{object-position:center center}
.situation-card:first-child figure img{object-position:48% center}
.situation-card figcaption{position:absolute;left:24px;right:24px;bottom:22px;background:var(--ivory);padding:18px 22px 17px;border-radius:10px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;box-shadow:0 6px 22px rgba(23,38,36,.1)}
.situation-label{font-size:11px;letter-spacing:.14em;font-weight:700;color:var(--jade);display:flex;align-items:center;gap:9px}
.situation-label:before{content:"";width:20px;border-top:2px solid var(--gold);transform:rotate(-4deg)}
.situation-korean{font-size:clamp(21px,2.05vw,30px);font-weight:700;color:var(--jade);line-height:1.15;margin-top:3px}
.situation-english{font-size:15px;line-height:1.4}
.situation-link{font:600 14px/1.4 Arial,"Segoe UI",sans-serif;color:var(--jade);border:0;border-bottom:1px solid currentColor;background:none;padding:3px 0 5px;text-align:left;cursor:pointer;margin-top:3px}
.situation-link span{color:var(--gold);margin-left:10px}
.situation-note{font-size:10px;color:rgba(23,38,36,.7);margin-top:-1px}
.hero-situations + .photo-foot{margin-top:0}
.white-bird{z-index:1}
@media(max-width:640px){.hero-situations{display:flex;flex-direction:column;gap:16px}.situation-card figure{height:292px;border-radius:12px}.situation-card:first-child figure img{object-position:50% center}.situation-card figcaption{left:12px;right:12px;bottom:12px;padding:13px 15px 12px;border-radius:8px;gap:4px}.situation-label{font-size:9px}.situation-korean{font-size:21px}.situation-english{font-size:13px}.situation-link{font-size:13px;padding-bottom:4px}.situation-note{font-size:9px}.hero-situations + .photo-foot{margin-top:0}}