@font-face{font-family:Pretendard;src:url('assets/PretendardVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--ink:#253f4a;--muted:#4a6069;--ivory:#fcfbf7;--blue:#e5eef3;--line:#b9c9cd;--oat:#f0eadf}
*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font-family:Pretendard,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.03em;text-wrap:balance}p{word-break:keep-all;line-height:1.65}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #516f80;outline-offset:5px}[hidden]{display:none!important}.shell{max-width:1320px;width:calc(100% - 96px);margin-inline:auto}.skip{position:absolute;top:-80px;left:20px;z-index:10;background:var(--ink);color:white;padding:14px}.skip:focus{top:12px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.archive-header{display:flex;align-items:center;justify-content:space-between;min-height:100px;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:30px;font-weight:900;letter-spacing:-.035em}.archive-header nav{display:flex;gap:30px;font-size:15px}.archive-header a[aria-current]{text-decoration:underline;text-underline-offset:8px}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:40px 0 30px}.page-heading h1{font-size:48px;font-weight:750}.page-heading p{font-size:16px;color:var(--muted)}.featured{display:grid;grid-template-columns:1.65fr 1fr;gap:28px}.feature-main{background:var(--blue);border-radius:16px;overflow:hidden}.feature-main>a{display:block;height:100%}.feature-main img{display:block;width:100%;height:300px;object-fit:cover;object-position:center 20%}.feature-copy{padding:26px 32px 28px}.feature-copy h2{font-size:32px;line-height:1.3}.feature-copy h2 br{display:none}.feature-copy p{font-size:16px;margin-top:12px}.read-link{display:flex;align-items:center;gap:14px;font-size:14px;font-weight:600;margin-top:20px}.read-link svg{transition:transform .18s ease-out}a:hover .read-link svg{transform:translateX(4px)}a:hover h2,a:hover h3{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.feature-side{display:flex;flex-direction:column;gap:24px}.feature-small>a{display:grid;grid-template-columns:44% 1fr;align-items:center;gap:22px}.feature-small img{display:block;width:100%;height:242px;object-fit:cover;border-radius:12px}.feature-small h2{font-size:24px;line-height:1.4}.feature-note{background:var(--oat);border-radius:16px;flex:1}.feature-note>a{display:flex;flex-direction:column;justify-content:center;height:100%;padding:28px 30px}.feature-note h2{font-size:27px;line-height:1.4}.image-note{font-size:12px;color:var(--muted);margin-top:12px}
.browse{padding-block:54px 64px}.browse-heading{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-bottom:26px}.browse-heading h2{font-size:28px}.search{display:flex;align-items:center;gap:12px;border-bottom:1px solid var(--muted);padding:10px 0;width:310px}.search input{width:100%;min-width:0;border:0;background:transparent;font-size:15px;padding:4px}.search input::placeholder{color:var(--muted)}.filter-bar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-bottom:24px}.filters{display:flex;flex-wrap:wrap;gap:8px}.filters button{padding:11px 19px;border-radius:30px;border:1px solid var(--line);background:transparent;font-size:14px;min-height:44px}.filters button:hover{background:var(--blue)}.filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--ivory)}#result-count{font-size:14px;white-space:nowrap}.article-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px 24px;margin:0;padding:0;list-style:none}.article-index li{background:#fff;border:1px solid #d5dfe0;border-radius:16px;scroll-margin-top:24px;min-width:0;overflow:hidden}.article-index li:hover{border-color:var(--muted)}.article-index li:focus-within{outline:3px solid #516f80;outline-offset:5px}.article-index li>a:focus-visible{outline:none}.article-index li>a{display:flex;flex-direction:column;height:100%;border-radius:16px}.card-cover{height:208px;width:100%;overflow:hidden;flex-shrink:0}.photo-cover img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .3s ease-out}.visual-card:hover .photo-cover img{transform:scale(1.025)}.card-body{display:flex;flex-direction:column;flex:1;padding:25px 26px}.article-index h3{font-size:23px;line-height:1.4;font-weight:700;text-wrap:pretty}.card-summary{font-size:15px;color:var(--muted);margin-top:14px;line-height:1.7}.entry-meta{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;margin-top:auto;padding-top:25px}.topic{font-size:12px;color:var(--muted)}.article-index .read-link{margin-top:0;font-size:13px}.type-cover{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:30px 34px;font-size:34px;font-weight:750;letter-spacing:-.03em;line-height:1.3}.type-cover span+span{margin-top:5px}.tone-blue{background:var(--blue)}.tone-oat{background:var(--oat)}.tone-ink{background:var(--ink);color:var(--ivory)}.tone-ink span:first-child{font-size:68px;line-height:1}.tone-ink span+span{font-size:22px;margin-top:14px}.article-index li.card-wide{grid-column:span 2;background:var(--blue);border-color:var(--blue)}.article-index .card-wide>a{display:grid;grid-template-columns:1.15fr 1fr}.card-wide .card-cover{height:100%;min-height:420px;position:relative}.card-wide .photo-cover img{position:absolute;inset:0;object-position:center 36%}.card-wide .card-body{padding:32px;justify-content:center}.article-index .card-wide h3{font-size:32px;line-height:1.35}.card-wide .entry-meta{margin-top:0;padding-top:32px}.card-wide .card-summary{margin-top:20px;font-size:16px}.article-index.is-filtered li.card-wide{grid-column:auto}.article-index.is-filtered .card-wide>a{display:flex}.article-index.is-filtered .card-wide .card-cover{height:208px;min-height:0}.article-index.is-filtered .card-wide h3{font-size:23px}.article-index.is-filtered .card-wide .card-body{padding:25px 26px}.article-index.is-filtered .card-wide .entry-meta{margin-top:auto;padding-top:25px}.article-index.is-filtered .card-wide .card-summary{font-size:15px;margin-top:14px}.empty{text-align:center;padding:60px 20px}.empty button{background:var(--ink);color:var(--ivory);border:0;border-radius:24px;padding:12px 22px;margin-top:20px}.tools-band{background:var(--blue);padding-block:42px}.tools-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.tools-inner h2{font-size:28px}.tools-inner p{font-size:16px;margin-top:10px}.tools-inner>a{display:flex;align-items:center;gap:24px;background:var(--ink);color:var(--ivory);padding:18px 26px;border-radius:32px;font-size:15px;white-space:nowrap}.tools-inner>a:hover{background:#395967}.archive-footer{display:grid;grid-template-columns:1fr auto;gap:22px;padding-block:42px 24px}.archive-footer .brand{font-size:27px}.archive-footer p{font-size:14px;margin-top:12px;color:var(--muted)}.archive-footer nav{display:flex;gap:25px;align-items:center;font-size:14px}.archive-footer .local-note{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;margin-top:8px;font-size:12px}
@media(max-width:1000px){.shell{width:calc(100% - 56px)}.featured{grid-template-columns:1.35fr 1fr;gap:22px}.feature-small>a{grid-template-columns:1fr}.feature-small img{height:160px}.feature-small h2 br{display:none}.feature-small h2{font-size:22px}.feature-small .read-link{margin-top:10px}.feature-note h2{font-size:22px}.feature-copy{padding:24px}.feature-copy h2{font-size:29px}.feature-main img{height:300px}.feature-small>a{gap:16px}.feature-note>a{padding:22px}.article-index{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card-wide .card-cover{min-height:360px}}
@media(max-width:640px){.shell{width:calc(100% - 40px)}.archive-header{min-height:76px;gap:12px}.brand{font-size:22px}.archive-header nav{gap:15px;font-size:12px}.page-heading{display:block;padding:28px 0 24px}.page-heading h1{font-size:34px}.page-heading p{font-size:14px;margin-top:12px}.page-heading p br{display:none}.featured{display:block}.feature-main img{height:225px}.feature-copy{padding:22px}.feature-copy h2{font-size:26px}.feature-copy h2 br{display:block}.feature-copy p{font-size:14px}.read-link{font-size:13px;margin-top:16px}.feature-side{gap:18px;margin-top:22px}.feature-small>a{grid-template-columns:112px 1fr;gap:20px}.feature-small img{height:142px}.feature-small h2{font-size:21px}.feature-small h2 br{display:block}.feature-note>a{padding:24px}.feature-note h2{font-size:23px}.image-note{font-size:11px}.browse{padding-block:36px 42px}.browse-heading{display:block;margin-bottom:20px}.browse-heading h2{font-size:26px}.search{margin-top:18px;width:100%}.filter-bar{align-items:flex-start;gap:12px;padding-bottom:20px}.filters{gap:7px}.filters button{font-size:13px;padding:10px 13px}.filter-bar>p{padding-top:12px}.article-index{grid-template-columns:1fr;gap:24px}.article-index li.card-wide{grid-column:auto}.article-index .card-wide>a{display:flex}.card-cover,.card-wide .card-cover{height:220px;min-height:0}.card-body,.card-wide .card-body{padding:24px}.article-index h3,.article-index .card-wide h3{font-size:24px}.card-summary,.card-wide .card-summary{font-size:15px;margin-top:14px}.card-wide .entry-meta{padding-top:25px;margin-top:auto}.type-cover{font-size:35px;padding:30px}.tone-ink span:first-child{font-size:68px}.tone-ink span+span{font-size:22px}.tools-inner{display:block}.tools-inner h2{font-size:25px}.tools-inner p{font-size:15px}.tools-inner>a{margin-top:24px;width:fit-content;font-size:14px;padding:15px 22px}.archive-footer{grid-template-columns:1fr;padding-top:32px}.archive-footer nav{justify-content:flex-start}.archive-footer .brand{font-size:25px}}
@media(max-width:360px){.brand{font-size:19px}.archive-header nav{gap:11px}.feature-small>a{grid-template-columns:96px 1fr;gap:15px}.feature-small h2{font-size:19px}}
@media(prefers-reduced-motion:reduce){.read-link svg,.photo-cover img{transition:none}}