:root{--paper:#f8f4ed;--white:#fffefa;--ink:#272831;--burgundy:#71374a;--wine:#9a6876;--gold:#d6b899;--muted:#7c7776;--line:#ded6ca}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font:14px 'Noto Sans KR',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #cd9a64;outline-offset:3px}.content-width{width:min(1130px,calc(100% - 50px));margin-inline:auto}
.preview-alert{height:33px;display:flex;gap:8px;justify-content:center;align-items:center;font-size:11px;background:#684351;color:#fff;text-align:center}.dot{height:6px;width:6px;background:#e7bc97;border-radius:50%}.header{background:rgba(255,254,250,.95);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);backdrop-filter:blur(16px)}.header-content{max-width:1220px;margin:auto;padding:14px 24px;min-height:77px;display:flex;justify-content:space-between;gap:18px;align-items:center}.school-identity{display:flex;align-items:center;gap:13px}.monogram{width:45px;height:45px;border:1px solid var(--burgundy);color:var(--burgundy);display:grid;place-items:center;font:600 21px Georgia,serif;letter-spacing:-2px}.monogram span{color:#bd9076}.brand-text{display:block}.brand-text strong{font-size:13px;font-weight:700}.brand-text small{display:block;font:600 9px 'DM Sans',sans-serif;letter-spacing:.2em;color:#857e7c;margin-top:4px}.top-nav{display:flex;align-items:center;gap:27px;font-size:12px;font-weight:600}.top-nav a:hover{color:var(--burgundy)}.admin-shortcut{border:1px solid #dbd2c8;padding:8px 11px;border-radius:2px;font-size:11px;color:#655961}.admin-shortcut span{margin-left:7px}
.cover{height:min(765px,calc(100vh - 100px));min-height:575px;background:radial-gradient(ellipse at 72% 31%,#a78684 0,#6f4c60 32%,transparent 59%),linear-gradient(120deg,#293248,#474052 57%,#785061);position:relative;isolation:isolate;overflow:hidden;color:white}.cover-grain{position:absolute;inset:0;z-index:-1;background:linear-gradient(140deg,transparent 43%,#f9e0c310 48%,transparent 55%)}.cover-ornament{position:absolute;z-index:-1;transform:rotate(18deg);pointer-events:none}.ornament-one{width:670px;height:670px;border:1px solid #e7d0ba50;border-radius:50%;right:-72px;top:1%}.ornament-two{width:480px;height:480px;border:65px solid #eccbb016;border-radius:50%;right:6%;top:25%;transform:skew(-17deg,24deg)}.cover-content{position:relative;z-index:1;max-width:1130px;margin:auto;padding:115px 24px 0}.cover-overline{font:700 10px 'DM Sans',sans-serif;letter-spacing:.25em;color:#f0d7cd}.overline-divider{display:inline-block;height:1px;width:24px;background:#d4b4a2;vertical-align:middle;margin:0 9px}.cover h1{font:600 clamp(51px,8.3vw,106px)/1.3 'Noto Serif KR',serif;letter-spacing:-.085em;margin:28px 0 20px}.cover h1 em{font-style:normal;color:#eed1b6}.cover-description{font:400 15px/2 'Noto Sans KR',sans-serif;color:#f3e4e3}.cover-button{display:inline-flex;gap:50px;align-items:center;border:1px solid #dfc3bb;margin-top:34px;padding:15px 22px;font-size:13px}.cover-button:hover{background:#ffffff13}.cover-volume{position:absolute;bottom:45px;right:max(calc((100% - 1130px)/2),25px);display:flex;align-items:center;gap:14px;letter-spacing:.18em;font:600 12px 'DM Sans',sans-serif}.cover-line{width:52px;height:1px;background:#ead3c3}
.greeting-section{background:#fffefa;border-bottom:1px solid var(--line)}.greeting-layout{display:grid;grid-template-columns:minmax(260px,.86fr) 1.4fr;align-items:center;gap:11%;padding:100px 0}.greeting-art{aspect-ratio:4/4.7;background:linear-gradient(145deg,#d7b49f,#ab7b89 49%,#55516a);border:12px solid #f6f0e7;position:relative;display:grid;place-items:center;max-width:425px;box-shadow:0 8px 32px #332a2517;overflow:hidden}.greeting-art:after{position:absolute;content:'';width:76%;height:68%;border:1px solid #ffefdf91;transform:rotate(18deg)}.paint-number{font:500 93px Georgia,serif;color:#fff9}.greeting-image{position:absolute;inset:0}.greeting-image img{width:100%;height:100%;object-fit:cover}.greeting-art-tag{position:absolute;bottom:22px;left:22px;color:#fff;font:600 10px 'DM Sans',sans-serif;letter-spacing:.2em;z-index:1}.section-eyebrow{font:700 11px 'DM Sans',sans-serif;letter-spacing:.24em;color:var(--burgundy);display:flex;align-items:center;gap:11px}.section-eyebrow span{display:inline-block;width:29px;height:1px;background:currentColor;opacity:.5}.greeting-copy h2,.section-heading h2{font:600 clamp(30px,4vw,47px)/1.4 'Noto Serif KR',serif;letter-spacing:-.06em;margin:15px 0 28px}.greeting-text{color:#58505a;white-space:pre-line;font:400 16px/2.25 'Noto Serif KR',serif;max-width:580px}.greeting-sign{margin-top:32px;font-weight:600;font-size:13px}
.stories-section{padding-top:101px;padding-bottom:100px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px}.section-heading h2{margin:18px 0 25px}.section-heading h2 i{font-style:normal;color:var(--burgundy)}.section-aside{color:var(--muted);font-size:12px;line-height:1.9;margin:0 0 24px;text-align:right}.filter-row{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0 34px}.filter-row button{background:#fff;border:1px solid var(--line);color:#706e70;padding:9px 16px;font-size:12px}.filter-row button[aria-pressed='true']{color:#fff;border-color:var(--burgundy);background:var(--burgundy)}.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.article-card{display:block;background:var(--white);border:1px solid var(--line);min-width:0;transition:transform .15s}.article-card:hover{transform:translateY(-4px)}.article-picture{height:205px;background:linear-gradient(140deg,#7c546f,#d2ab9a 65%,#ead4b6);display:grid;place-items:center;color:#ffffffae;font:700 35px Georgia,serif;overflow:hidden}.article-picture:nth-child(even){background:linear-gradient(140deg,#485a68,#b9b09f)}.article-picture img{height:100%;width:100%;object-fit:cover}.article-copy{padding:23px 24px}.article-cat{font-size:10px;color:var(--burgundy);font-weight:700;letter-spacing:.1em}.article-copy h3{font:600 19px/1.6 'Noto Serif KR',serif;margin:12px 0}.article-copy p{font-size:12px;color:#746d6c;line-height:1.9}.article-meta{margin-top:28px;color:#90898a;font-size:11px}.placeholder{grid-column:1/-1;text-align:center;padding:64px 20px;border:1px dashed #c6b8ac;background:#ffffff77}.placeholder .big{font:600 25px 'Noto Serif KR',serif;color:var(--burgundy);margin:0 0 12px}.placeholder p{margin:0;color:var(--muted);line-height:2;font-size:13px}.source-note{color:#8e8783;font-size:11px;line-height:1.8;margin-top:28px}
.stage-section{background:#273243;color:#fff;padding:96px 0 112px;position:relative;overflow:hidden}.stage-section:before{content:'';position:absolute;right:-80px;top:-200px;width:400px;height:400px;border:1px solid #ffffff1c;border-radius:50%}.stage-section .section-eyebrow{color:#e8c5a7}.stage-section .section-aside{color:#c4c5cb}.stage-heading h2 small{font-size:19px;letter-spacing:0;margin-left:18px;color:#d7c5bc}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.video-tile iframe{border:0;width:100%;aspect-ratio:16/9;background:#101623}.video-tile h3{font:500 18px 'Noto Serif KR',serif}.stage-section .placeholder{background:#fff1;border-color:#fff4}.stage-section .placeholder .big{color:#f3d0ae}.stage-section .placeholder p{color:#d2cfd4}
.archive-section{padding-top:100px;padding-bottom:110px}.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.archive-item{display:flex;gap:22px;align-items:center;padding:18px;background:#fff;border:1px solid var(--line);text-align:left;width:100%}.archive-book{height:165px;min-width:120px;display:grid;place-items:center;background:linear-gradient(140deg,#34384d,#834d62);color:#fff;text-align:center}.archive-book strong{font:600 37px Georgia,serif}.archive-book small{font:700 9px 'DM Sans',sans-serif;letter-spacing:.15em}.archive-copy b{font:600 18px 'Noto Serif KR',serif}.archive-copy p{color:#8b8586;font-size:12px;line-height:1.8}.footer{background:#ece6df;border-top:1px solid var(--line);padding:42px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-logo{font:600 18px 'Noto Serif KR',serif;margin:0 0 9px}.footer-english{color:#898281;font:700 10px 'DM Sans',sans-serif;letter-spacing:.12em}.footer-right{text-align:right;color:#898281;font-size:11px}.annual-slogan{color:var(--burgundy);font:500 17px 'Noto Serif KR',serif}
@media(max-width:890px){.top-nav{gap:14px}.greeting-layout{gap:6%}.article-grid{grid-template-columns:repeat(2,1fr)}.archive-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.header-content{padding:12px 17px;min-height:67px}.top-nav{display:none}.brand-text strong{font-size:12px}.brand-text small{font-size:8px}.monogram{width:39px;height:39px}.content-width{width:calc(100% - 36px)}.cover{height:650px;min-height:0}.cover-content{padding:106px 22px 0}.cover h1{font-size:52px}.cover-description{font-size:12px}.cover-button{gap:23px}.cover-volume{right:22px;bottom:27px}.greeting-layout{grid-template-columns:1fr;padding:70px 0;gap:43px}.greeting-art{width:72%;max-width:290px}.greeting-text{font-size:14px}.stories-section,.archive-section{padding-top:75px;padding-bottom:75px}.section-heading{display:block}.section-aside{text-align:left;margin:0 0 20px}.article-grid,.video-grid,.archive-grid{grid-template-columns:1fr}.article-picture{height:220px}.stage-section{padding:75px 0}.stage-heading h2 small{display:block;margin:8px 0;font-size:15px}.footer-inner{display:block}.footer-right{text-align:left;margin-top:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.article-card{transition:none}}