@font-face{font-family:StudyNotoKR;src:url('assets/fonts/noto-sans-kr.woff2') format('woff2');font-weight:100 900;font-display:swap}
.archive-study{font-family:var(--study-font),'Noto Sans CJK KR',sans-serif;font-weight:700;scrollbar-color:var(--red) var(--paper)}
.archive-study .site-world{min-height:100svh}
.archive-study ::selection{background:var(--red);color:var(--paper)}
.archive-study .site-head{margin:0 2.7vw;height:90px;flex-basis:90px;border-color:var(--ink);position:relative}
.archive-study .wordmark{font-family:var(--study-font),sans-serif;font-weight:var(--weight);font-size:46px}
.archive-study .head-sub{display:flex;align-items:center;gap:16px;font-size:20px;letter-spacing:0;position:absolute;left:50%;transform:translateX(-50%)}
.archive-study .site-head nav{gap:44px}
.face-mark{width:26px;height:26px;object-fit:contain}
.archive-study .archive-main{padding:24px 2.7vw;grid-template-columns:23% 77%;min-height:640px}
.archive-study .archive-sidebar{padding-right:2.7vw}
.archive-study .archive-sidebar h1{font-family:var(--study-font),sans-serif;font-weight:var(--weight);font-size:clamp(32px,3.4vw,66px);line-height:1.02;letter-spacing:-.025em;color:var(--red);max-width:none}
.archive-study .archive-subtitle{font-family:var(--study-font),sans-serif;font-weight:var(--weight);font-size:clamp(17px,1.8vw,35px);line-height:1.2;letter-spacing:-.025em;margin-top:24px;white-space:nowrap}
.archive-study .archive-sidebar>p{font-size:16px;font-weight:700;line-height:1.35;margin-top:46px}
.archive-study .archive-filters{margin-top:10px}
.archive-study .archive-filters button{font-family:inherit;font-size:clamp(14px,1.2vw,23px);font-weight:700;min-height:47px;border-color:var(--ink);padding:0 12px}
.archive-study .archive-filters button[aria-pressed=true]{background:var(--selected);color:var(--ink)}
.archive-study .archive-filters button:hover{background:var(--selected)}
.archive-study .archive-filters small{font-size:12px;opacity:1}
.archive-study .archive-footnote{display:block;padding-top:45px}
.archive-study .archive-footnote p{font-size:16px;line-height:1.35}
.archive-study .archive-footnote>span:last-child{display:block;margin-top:20px;font-size:14px;letter-spacing:-.01em}
.archive-study .archive-gallery{border-color:var(--ink);padding-left:1vw}
.archive-study .archive-toolbar{font-size:12px;letter-spacing:-.02em;padding:0 3px 9px}
.archive-study .archive-grid{grid-template-columns:1.45fr 1fr 1fr 1fr;gap:24px 18px}
.archive-study .archive-grid.filtered{grid-template-columns:repeat(3,minmax(0,1fr))}
.archive-study .archive-item figcaption{font-size:12px;letter-spacing:-.025em;padding-top:7px}
.study-switch{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5f0e6;color:#29271f;padding:8px 2.7vw;min-height:60px;font-family:Karla,'Noto Sans CJK KR',sans-serif;font-size:12px;font-weight:600;border-top:1px solid #29271f}
.study-switch nav{display:flex;gap:8px}.study-switch a{display:flex;align-items:center;gap:9px;min-height:44px;padding:0 10px}.study-switch a:hover{text-decoration:underline}.study-switch [aria-current]{background:#29271f;color:#f5f0e6}.study-font{font-weight:400}
.study-color-picker{position:fixed;right:24px;bottom:78px;z-index:20;font-family:Karla,'Noto Sans CJK KR',sans-serif;color:#29271f}.study-color-picker>button{display:flex;align-items:center;gap:7px;min-height:44px;padding:0 13px;background:#f5f0e6;border:1px solid #29271f;border-radius:999px;font-size:11px;font-weight:700;box-shadow:0 5px 18px #29271f26}.study-color-picker>button:hover{background:#29271f;color:#f5f0e6}.study-color-picker svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}.study-color-menu{position:absolute;right:0;bottom:52px;display:grid;gap:3px;min-width:142px;padding:8px;background:#f5f0e6;border:1px solid #29271f;box-shadow:0 8px 24px #29271f26;font-size:12px}.study-color-menu span{padding:5px 8px;font-size:10px;opacity:.65}.study-color-menu a{padding:8px;white-space:nowrap}.study-color-menu a:hover,.study-color-menu a[aria-current]{background:#29271f;color:#f5f0e6;text-decoration:none}
.studies-index{background:#f4edda;color:#30291e;font-family:Karla,'Noto Sans CJK KR',sans-serif;scrollbar-color:#a6383b #f4edda}
.studies-head{padding:20px 4vw;border-bottom:1px solid;display:flex;justify-content:space-between;align-items:center}.studies-head>a:first-child{font-size:36px;font-weight:700}.studies-head>a:last-child{font-size:14px;text-decoration:underline;text-underline-offset:5px}
.studies-index main{padding:48px 4vw}.studies-intro{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:42px}.studies-intro h1{font-size:clamp(28px,3vw,48px);letter-spacing:-.04em;line-height:1.3}.studies-intro p{font-size:15px;line-height:1.7}.studies-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.study-card-image{overflow:hidden;background:var(--swatch)}.study-card img{width:100%;height:auto;display:block}.study-card:hover img{filter:brightness(1.03)}.study-card-title{display:flex;align-items:center;gap:14px;margin-top:16px}.study-card-title h2{font-size:25px;font-weight:700;letter-spacing:-.025em}.study-card-title>span:last-child{margin-left:auto;font-size:24px}.study-card>p{font-size:14px;line-height:1.7;margin:8px 0}.study-spec{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:12px}.study-spec strong{margin-left:auto}.swatch{display:inline-block;width:16px;height:16px;background:var(--swatch);border:1px solid #30291e55}.swatch.red{background:var(--red);margin-left:8px}.studies-note{font-size:13px;line-height:1.8;margin-top:48px;border-top:1px solid;padding-top:20px}
@media(min-width:1800px){.archive-study .site-head{height:124px;flex-basis:124px}.archive-study .archive-main{padding-top:30px}.archive-study .head-sub{font-size:28px}.archive-study .wordmark{font-size:62px}.archive-study .archive-sidebar>p{font-size:23px;margin-top:70px}.archive-study .archive-filters button{min-height:60px}.archive-study .archive-footnote p{font-size:23px}.archive-study .archive-footnote>span:last-child{font-size:20px}.archive-study .archive-toolbar,.archive-study .archive-item figcaption{font-size:16px}}
@media(max-width:1100px){.archive-study .head-sub{font-size:15px;gap:8px}.face-mark{width:20px;height:20px}.archive-study .archive-grid{grid-template-columns:1.3fr 1fr 1fr}.archive-study .archive-sidebar>p{margin-top:30px;font-size:14px}.archive-study .archive-footnote p{font-size:14px}.archive-study .archive-footnote>span:last-child{font-size:12px}.study-switch nav a span{display:none}}
@media(max-width:760px){.archive-study .site-head{margin:0 20px;height:74px;flex-basis:74px}.archive-study .site-head nav{gap:28px}.archive-study .head-sub{display:none}.archive-study .wordmark{font-size:36px}.archive-study .archive-main{display:flex;padding:24px 20px 30px;min-height:0}.archive-study .archive-sidebar{padding:0}.archive-study .archive-sidebar h1{font-size:clamp(38px,10.5vw,70px);line-height:1;max-width:100%}.archive-study .archive-sidebar h1 br{display:block}.archive-study .archive-subtitle{font-size:24px;margin-top:20px;white-space:normal}.archive-study .archive-sidebar>p{position:static;max-width:none;margin-top:22px;font-size:16px}.archive-study .archive-filters{margin-top:20px;display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.archive-study .archive-filters button{font-size:13px;padding:0 7px}.archive-study .archive-gallery{border:0;padding:0;margin-top:28px}.archive-study .archive-grid,.archive-study .archive-grid.filtered{grid-template-columns:1fr 1fr;gap:24px 14px}.archive-study .archive-footnote{display:none}.archive-study .archive-toolbar{font-size:12px;padding-bottom:12px}.study-switch{flex-wrap:wrap;gap:4px 12px;justify-content:center;padding:8px 12px}.study-switch>a{padding:0 5px}.study-switch nav{gap:3px}.study-switch nav a{min-width:40px;justify-content:center;padding:0 6px}.study-font{width:100%;text-align:center;font-size:11px;padding-bottom:4px}.studies-index main{padding:32px 20px}.studies-intro{display:block;margin-bottom:30px}.studies-intro p{margin-top:20px}.studies-grid{grid-template-columns:1fr;gap:36px}.study-card-title h2{font-size:22px}.studies-head{padding:16px 20px}.studies-head>a:first-child{font-size:30px}.studies-head>a:last-child{font-size:12px}}
@media(max-width:760px){.study-color-picker{right:16px;bottom:86px}.study-color-picker>button{min-height:42px;padding:0 11px}.study-color-menu{bottom:49px}}

.study-1{--paper:#efd24f;--ink:#17130c;--red:#c30d23;--selected:#9d8838;--study-font:StudyNotoKR;--weight:750;--heading-size:4.02vw}
.study-2{--paper:#f6d447;--ink:#241b19;--red:#b5122b;--selected:#ff8b2d;--study-font:StudyNotoKR;--weight:800;--heading-size:4.5vw}
.study-3{--paper:#ffd23f;--ink:#241b19;--red:#a9142c;--selected:#f36c2c;--study-font:StudyNotoKR;--weight:800;--heading-size:4.7vw}
.study-4{--paper:#f0c83e;--ink:#25191d;--red:#c31935;--selected:#ff7a2f;--study-font:StudyNotoKR;--weight:800;--heading-size:3.58vw}
.study-5{--paper:#e8c576;--ink:#34271d;--red:#9b3824;--selected:#d0ad5e;--study-font:StudyNotoKR;--weight:800;--heading-size:3.9vw}
.study-3 .archive-toolbar,.study-3 .archive-item figcaption,.study-3 .archive-filters small,.study-3 .site-head nav a,.study-3 .site-head nav button{font-size:14px}
.study-2 .archive-filters button[aria-pressed=true]{color:#241b19}
@media(max-width:370px){.archive-study .site-head nav{gap:8px}.archive-study .site-head nav a,.archive-study .site-head nav button{font-size:10px}.archive-study .study-switch nav a{min-width:34px;padding-left:2px;padding-right:2px}.archive-study .study-switch{gap:3px 6px}}
.viewer,.viewer-content h2{font-family:StudyNotoKR,'Noto Sans CJK KR',sans-serif}
@media(min-width:761px){.archive-study .archive-gallery{padding-left:max(12px,1vw)}}
@media(max-width:370px){.archive-study .site-head nav a,.archive-study .site-head nav button{font-size:11px}}