@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuLyfMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuI6fMZg.ttf) format('truetype');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/inter/v20/UcCO3FwrK3iLTeHuS_nVMrMxCp50SjIw2boKoduKmMEVuGKYMZg.ttf) format('truetype');
}

:root{--bg:#F8F5F0;--surface:#FFFFFF;--text:#1D1916;--muted:#5D5953;--accent:#7F5728;--hover:#5A3B1D;--pressed:#382313;--divider:#C5BAAD;--border:#776A5E;--ink:#0D0C0B;--gold:#E9C98F;--dark-focus:#F9E3B7;--dark-muted:#B2B0AC;--dark-border:#85817B;--disabled:#EEE9E1;--s1:4px;--s2:8px;--s3:12px;--s4:16px;--s6:24px;--s8:32px;--s12:48px;--s16:64px;--s24:96px;--s32:128px;--r4:4px;--r8:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:400 16px/26px Inter,Arial,sans-serif;letter-spacing:0}h1,h2,h3,p{margin:0}h1{font:500 56px/62px Inter,Arial,sans-serif;letter-spacing:-.025em}h2{font:500 40px/48px Inter,Arial,sans-serif;letter-spacing:-.015em}h3{font:600 28px/36px Inter,Arial,sans-serif;letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{font-family:inherit}.label{font-size:13px;font-weight:600;line-height:18px;letter-spacing:.06em}.caption{font-size:12px;font-weight:500;line-height:18px;letter-spacing:.02em}.muted{color:var(--muted)}.accent{color:var(--accent)}.wrap{width:min(1280px,100%);margin:auto;padding-inline:var(--s8)}header{height:72px;border-bottom:1px solid var(--divider)}.header-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--s6)}.header-left{display:flex;align-items:center;gap:var(--s8)}.header-left>a{padding-block:var(--s2)}.header-left .current{border-bottom:2px solid var(--accent);color:var(--accent)}.site-link{color:var(--muted)}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:var(--s1)}a:hover{color:var(--accent)}a:active{color:var(--pressed)}
.hero{padding-top:var(--s16);padding-bottom:var(--s16);display:grid;grid-template-columns:1fr 1fr;gap:var(--s16);align-items:center}.hero-copy>.label{margin-bottom:var(--s6);color:var(--accent)}.hero-copy>p.body{margin-top:var(--s6);max-width:48ch;color:var(--muted)}.hero-action{margin-top:var(--s8);display:flex;gap:var(--s6);align-items:center}.primary{height:44px;padding:0 18px;border:1px solid var(--accent);border-radius:var(--r4);display:inline-flex;align-items:center;gap:var(--s2);background:var(--accent);color:var(--surface);font-size:13px;font-weight:600;line-height:18px;letter-spacing:.06em}.primary:focus-visible{outline-color:var(--gold);outline-offset:-4px}.primary:hover{background:var(--hover);border-color:var(--hover);color:var(--surface)}.primary:active{background:var(--pressed);border-color:var(--pressed);color:var(--surface)}.primary[aria-disabled=true]{background:var(--disabled);color:var(--muted);border-color:var(--disabled)}.hero-media{margin:0}.hero-media img{width:100%;height:auto;display:block}.hero-media figcaption{margin-top:var(--s3);color:var(--muted);display:flex;justify-content:space-between;gap:var(--s4)}
.principle{background:var(--ink);color:var(--bg)}.principle .wrap{padding-block:var(--s8);display:grid;grid-template-columns:1fr auto;align-items:center;gap:var(--s8)}.principle p{max-width:70ch}.principle .label{color:var(--gold);margin-bottom:var(--s2)}.count{display:flex;align-items:center;gap:var(--s4)}.count strong{font-size:40px;line-height:48px;font-weight:500;letter-spacing:-.015em;color:var(--gold)}.count span{color:var(--dark-muted)}
.library{padding-block:var(--s16);scroll-margin-top:var(--s8)}.section-head{display:flex;justify-content:space-between;gap:var(--s8);align-items:end;margin-bottom:var(--s8)}.section-head .label{color:var(--accent);margin-bottom:var(--s4)}.section-head>p{max-width:40ch;color:var(--muted)}.filters{display:flex;flex-wrap:wrap;gap:var(--s8);border-bottom:1px solid var(--divider);margin-bottom:var(--s8)}.filters button{height:44px;padding:0;border:0;border-bottom:2px solid transparent;background:transparent;color:var(--muted);font-size:13px;font-weight:600;line-height:18px;letter-spacing:.06em;cursor:pointer}.filters button:hover{color:var(--accent)}.filters button:active{color:var(--pressed)}.filters button[aria-pressed=true]{color:var(--accent);border-bottom-color:var(--accent)}.filters button:disabled{color:var(--muted);cursor:default}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s8)}.card{border:1px solid var(--divider);border-radius:var(--r8);background:var(--surface);overflow:hidden;display:flex;flex-direction:column}.card[hidden]{display:none}.card-image{width:100%;height:256px;object-fit:cover;display:block}.card:first-child .card-image{object-position:center 58%}.card-body{padding:var(--s8);display:flex;flex-direction:column;flex:1}.card-body>.label{color:var(--accent);margin-bottom:var(--s4)}.card-body>p{color:var(--muted);margin-top:var(--s4);max-width:56ch}.card-body .caption{margin-top:var(--s6)}.card-action{margin-top:auto;padding-top:var(--s8);display:flex;justify-content:space-between;align-items:center;color:var(--accent);gap:var(--s4)}.card a:hover .card-title{text-decoration:underline;text-underline-offset:var(--s1)}.check-art{height:256px;background:var(--bg);padding:var(--s8);display:grid;align-content:center;gap:var(--s4)}.check-line{display:flex;gap:var(--s4);align-items:center;border-bottom:1px solid var(--divider);padding-bottom:var(--s3)}.check-line>span:first-child{color:var(--accent);font-size:28px;line-height:36px;font-weight:600;letter-spacing:-.01em}.result{margin-top:var(--s6);color:var(--muted)}
.closing{border-top:1px solid var(--divider);padding-block:var(--s16);display:grid;grid-template-columns:1fr 1fr;gap:var(--s16)}.closing .label{color:var(--accent);margin-bottom:var(--s4)}.closing p{margin-top:var(--s6);max-width:56ch;color:var(--muted)}.steps{list-style:none;padding:0;margin:0}.steps li{display:grid;grid-template-columns:auto 1fr;gap:var(--s6);padding-block:var(--s4);border-bottom:1px solid var(--divider)}.steps span{color:var(--accent)}.steps strong{font-size:13px;line-height:18px;font-weight:600;letter-spacing:.06em}.steps p{margin:var(--s2) 0 0}.footer{background:var(--ink);color:var(--bg)}.footer .wrap{padding-block:var(--s12);display:grid;grid-template-columns:1fr 1fr;gap:var(--s8);align-items:center}.footer-logo{width:160px;height:auto;display:block}.footer nav{display:flex;justify-content:flex-end;gap:var(--s6);flex-wrap:wrap;color:var(--dark-muted)}.footer a:hover{color:var(--gold)}.footer a:focus-visible{outline-color:var(--dark-focus)}.footer a:active{color:var(--gold)}.footer .caption{color:var(--dark-muted);margin-top:var(--s6)}
@media(max-width:960px){.hero{gap:var(--s8)}.section-head{align-items:start;flex-direction:column}.hero-action{flex-wrap:wrap}}@media(max-width:720px){.wrap{padding-inline:var(--s4)}header{height:64px}.header-left{gap:var(--s4)}.site-link{display:none}.hero{grid-template-columns:1fr;padding-block:var(--s8);gap:var(--s8)}.hero-copy h1{overflow-wrap:anywhere}.hero-copy>p.body{margin-top:var(--s4)}.hero-media figcaption{flex-wrap:wrap}.principle .wrap{grid-template-columns:1fr;gap:var(--s6)}.library{padding-block:var(--s12)}.filters{gap:var(--s6)}.grid{grid-template-columns:1fr;gap:var(--s6)}.card-body{padding:var(--s6)}.card-image,.check-art{height:256px}.closing{grid-template-columns:1fr;gap:var(--s8);padding-block:var(--s12)}.footer .wrap{grid-template-columns:1fr}.footer nav{justify-content:flex-start}h2,h3{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}