:root { --home-paper:#f5f2e9; --home-ink:#203128; --home-moss:#788250; --home-sun:#dca85b; --home-line:rgba(32,49,40,.26); }
.magazine-home { --school-green:#66764c; --school-cream:#eee9d8; background:var(--home-paper); color:var(--home-ink); }
.magazine-home h1,
.magazine-home h2,
.magazine-home h3,
.magazine-home p,
.magazine-home address,
.magazine-home a { word-break: keep-all; overflow-wrap: normal; }
.magazine-header { position:absolute; z-index:3; top:0; left:0; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; width:100%; padding:24px clamp(22px,4vw,68px); color:#fff; font:11px/1 var(--mono); letter-spacing:.12em; }
.magazine-header a { color:inherit; text-decoration:none; }.magazine-header>a:last-child { justify-self:end; }.magazine-logo { font:600 19px/1 var(--sans)!important; letter-spacing:-.06em!important; }
.magazine-header p { margin:0; }
.magazine-hero { position:relative; min-height:100svh; overflow:hidden; color:#fff; }.magazine-hero>img { display:block; width:100%; height:100svh; object-fit:cover; object-position:center 56%; filter:saturate(.83) contrast(.94); }.hero-shade { position:absolute; inset:0; background:linear-gradient(90deg,rgba(17,29,21,.68),rgba(17,29,21,.16) 61%,rgba(17,29,21,.08)),linear-gradient(0deg,rgba(17,29,21,.28),transparent 48%); }.hero-copy { position:absolute; z-index:1; left:clamp(24px,8vw,136px); bottom:clamp(56px,11vh,130px); }.hero-copy>p,.eyebrow { margin:0; font:10px/1.5 var(--mono); letter-spacing:.14em; }.hero-copy h1 { margin:22px 0 30px; font:400 clamp(45px,6.2vw,96px)/1.05 var(--serif); letter-spacing:-.105em; word-break:keep-all; }.hero-copy a { border-bottom:1px solid rgba(255,255,255,.75); padding-bottom:8px; color:inherit; font-size:12px; text-decoration:none; }.hero-copy a span { margin-left:22px; }.hero-edition { position:absolute; z-index:1; right:clamp(22px,4vw,68px); bottom:35px; margin:0; text-align:right; font:10px/1.5 var(--mono); letter-spacing:.13em; }
.home-philosophy { width:min(1120px,calc(100% - 44px)); margin:0 auto; padding:100px 0 18px; }.home-philosophy-heading h2 { margin:27px 0 48px; font:400 clamp(35px,4.8vw,68px)/1.35 var(--serif); letter-spacing:-.1em; }.home-philosophy-list { border-top:1px solid var(--home-line); }.home-philosophy-list article { display:grid; grid-template-columns:minmax(170px,.7fr) minmax(280px,1.3fr); gap:30px; padding:31px 0; border-bottom:1px solid var(--home-line); }.home-philosophy-list h3 { margin:0; font:700 16px/1.55 var(--serif); letter-spacing:-.06em; }.home-philosophy-list p { margin:0 0 10px; color:#5c665f; font-size:13px; line-height:1.9; }.home-philosophy-list strong { display:block; font:400 14px/1.8 var(--serif); letter-spacing:-.04em; }
.home-introduction { width:min(1210px,calc(100% - 44px)); margin:16px auto 60px; padding:clamp(58px,7vw,92px) clamp(30px,7vw,96px); background:#68764d; color:#fff; }.home-introduction .eyebrow { color:rgba(255,255,255,.76); }.home-introduction>p:last-child { margin:28px 0 0; color:#fff; font:400 clamp(31px,4.2vw,61px)/1.36 var(--serif); letter-spacing:-.1em; word-break:keep-all; }
.paths,.now-section,.space-note { width:min(1210px,calc(100% - 44px)); margin:0 auto; }.section-heading { display:flex; align-items:baseline; justify-content:space-between; gap:30px; padding-bottom:33px; border-bottom:1px solid var(--home-line); }.section-heading h2 { margin:0; font:400 clamp(31px,4.2vw,56px)/1.18 var(--serif); letter-spacing:-.1em; }
.paths { display:grid; grid-template-columns:.85fr 1fr 1fr 1fr; gap:18px; padding-bottom:160px; }.paths .section-heading { display:block; padding-top:8px; border:0; }.paths .section-heading h2 { margin-top:24px; }.path-card { position:relative; display:grid; grid-template-rows:1fr auto; min-height:570px; overflow:hidden; color:#fff; text-decoration:none; }.path-card img { width:100%; height:100%; min-height:0; object-fit:cover; filter:saturate(.76); transition:transform .5s ease; }.path-card:hover img { transform:scale(1.04); }.path-card:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(18,25,18,.7),transparent 56%); pointer-events:none; }.path-card>div { position:absolute; z-index:1; right:25px; bottom:25px; left:25px; }.path-card div p { margin:0 0 12px; font:10px/1.4 var(--mono); letter-spacing:.1em; }.path-card h3 { margin:0 0 22px; font:400 clamp(27px,2.6vw,41px)/1.17 var(--serif); letter-spacing:-.1em; }.path-link { border-bottom:1px solid rgba(255,255,255,.8); padding-bottom:5px; font-size:11px; }.path-number { position:absolute; z-index:1; top:20px; left:20px; font:12px/1 var(--mono); }.counseling-path img { object-position:center 24%; }.books-path img { object-position:center 58%; }
.now-section { padding-bottom:72px; }.now-grid { display:grid; grid-template-columns:1.65fr .8fr; gap:18px; min-height:540px; padding-top:18px; }.now-side { display:grid; grid-template-rows:minmax(185px,.58fr) minmax(300px,1fr); gap:18px; }.now-story { position:relative; display:block; min-height:0; overflow:hidden; color:#fff; text-decoration:none; }.now-place { min-height:540px; }.now-story img { width:100%; height:100%; object-fit:cover; filter:saturate(.75); transition:transform .5s ease; }.now-story:hover img { transform:scale(1.03); }.now-story:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(12,22,15,.75),transparent 63%); }.now-story div { position:absolute; z-index:1; right:28px; bottom:26px; left:28px; }.now-story p { margin:0 0 10px; font:10px/1.4 var(--mono); letter-spacing:.12em; }.now-story h3 { margin:0 0 19px; font:400 clamp(28px,3.2vw,48px)/1.1 var(--serif); letter-spacing:-.09em; }.now-story span { font-size:12px; }.now-counseling div { right:20px; bottom:18px; left:20px; }.now-counseling h3 { margin-bottom:10px; font-size:clamp(25px,2.5vw,36px); }.now-counseling:after { background:linear-gradient(0deg,rgba(35,25,17,.76),transparent 72%); }.now-counseling img { object-position:center 70%; }.now-book img { object-fit:contain; background:#e9e5da; padding:30px; }.now-book:after { background:linear-gradient(0deg,rgba(20,34,23,.89),rgba(20,34,23,.02) 75%); }
.magazine-home .home-dialogue { width:min(1210px,calc(100% - 44px)); padding:0 0 125px; }
.home-dialogue .section-label { margin:0; color:#6c766e; font:10px/1.5 var(--mono); letter-spacing:.13em; }
.home-dialogue .dialogue-prompt,
.home-dialogue .dialogue-form button { background:#66764c; }
.home-dialogue .dialogue-status span { background:#66764c; }
.path-card h3 { margin:0 0 6px; font:700 clamp(29px,2.85vw,43px)/1.02 var(--sans); letter-spacing:-.07em; }
.path-card div .path-korean { margin:0 0 24px; padding-left:5px; font:500 clamp(11px,.9vw,13px)/1.35 var(--sans); letter-spacing:-.045em; white-space:nowrap; }
.space-note { display:grid; grid-template-columns:1.05fr .95fr; gap:clamp(40px,8vw,130px); align-items:center; padding:0 0 150px; }.space-note h2 { margin:26px 0 0; font:400 clamp(29px,3.4vw,48px)/1.42 var(--serif); letter-spacing:-.09em; word-break:keep-all; }.space-note img { width:100%; aspect-ratio:4 / 5; object-fit:cover; object-position:center 45%; }
.home-footer { display:grid; grid-template-columns:1fr auto; gap:6px 40px; width:min(1210px,calc(100% - 44px)); margin:0 auto; padding:32px 0 42px; color:#536157; border-top:1px solid var(--home-line); font-size:12px; line-height:1.6; }.home-footer p,.home-footer address { margin:0; font-style:normal; }.home-footer-name { grid-row:span 2; color:var(--home-ink); font:600 19px/1 var(--sans); letter-spacing:-.05em; }.home-footer address { grid-column:2; }
@media (max-width:900px) { .paths { grid-template-columns:1fr 1fr; }.paths .section-heading { grid-column:span 2; }.path-card { min-height:530px; }.now-grid { grid-template-columns:1fr 1fr; } }
@media (max-width:650px) { .magazine-header { padding:20px 18px; font-size:9px; }.magazine-logo { font-size:17px!important; }.magazine-header p { display:none; }.magazine-header { grid-template-columns:1fr auto; }.magazine-hero>img { object-position:53% center; }.hero-copy { right:22px; left:22px; bottom:74px; }.hero-copy h1 { font-size:46px; }.hero-edition { display:none; }.home-philosophy { padding:70px 0 12px; }.home-philosophy-heading h2 { margin-bottom:32px; font-size:37px; }.home-philosophy-list article { grid-template-columns:1fr; gap:13px; padding:26px 0; }.home-introduction { margin:14px auto 45px; padding:48px 26px 52px; }.home-introduction>p:last-child { font-size:32px; }.paths { display:block; padding-bottom:88px; }.paths .section-heading { padding-bottom:30px; }.path-card { min-height:470px; margin-top:14px; }.now-section { padding-bottom:48px; }.section-heading { display:block; }.section-heading h2 { margin-top:20px; }.now-grid { grid-template-columns:1fr; min-height:0; }.now-side { grid-template-rows:220px 380px; }.now-place { min-height:380px; }.now-counseling { min-height:220px; }.now-book { min-height:380px; }.space-note { grid-template-columns:1fr; gap:35px; padding-bottom:85px; }.space-note h2 { font-size:31px; }.home-footer { grid-template-columns:1fr; gap:8px; padding:28px 0 38px; }.home-footer-name { grid-row:auto; margin-bottom:8px!important; }.home-footer address { grid-column:auto; } }

.magazine-logo img { width:256px !important; height:auto; filter:brightness(0) invert(1) !important; transform:translateY(10px); }
@media (max-width:650px) { .magazine-logo img { width:232px !important; transform:translateY(8px); } }