/* Inner pages: a band of the homepage's ink above the paper they are written on. */
@font-face{font-family:'SSmd Serif';src:url('/fonts/serif-subset.woff2') format('woff2');font-weight:200 900;font-style:normal;font-display:swap;}

.bar.ink-bar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;justify-content:space-between;
  max-width:none;margin:0;padding:12px clamp(24px,6vw,96px);color:#fff;
  background:rgba(20,20,19,.16);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);
  border-bottom:1px solid rgba(255,255,255,.14);}
.bar.ink-bar a,.bar.ink-bar button{color:#fff;}
.bar.ink-bar .brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'SSmd Serif',serif;font-weight:900;font-size:21px;}
.bar.ink-bar .brand svg{width:22px;height:22px;}
.bar.ink-bar .lang{min-height:40px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:10px;font-size:14px;
  background:none;border:0;cursor:pointer;}
.bar.ink-bar .lang:hover{background:rgba(255,255,255,.14);}

.masthead{position:relative;width:100vw;margin:0 0 48px calc(50% - 50vw);padding:clamp(120px,16vh,168px) 0 clamp(56px,8vh,84px);
  background-color:#141413;background-size:cover;background-position:center;color:#fff;}
.masthead[data-ink="vermilion"]{background-image:url('/assets/ink/ground-vermilion.jpg');background-color:#D9472B;}
.masthead[data-ink="indigo"]{background-image:url('/assets/ink/ground-indigo.jpg');background-color:#2F5DA8;}
.masthead[data-ink="teal"]{background-image:url('/assets/ink/ground-teal.jpg');background-color:#2A8796;}
.masthead[data-ink="ink"]{background-image:url('/assets/ink/ground-ink.jpg');background-color:#141413;}
.masthead>.inner{width:min(680px,calc(100vw - 48px));margin:0 auto;}
.masthead .kicker{margin:0 0 14px;color:rgba(255,248,242,.88) !important;font-size:13px;letter-spacing:.06em;}
.masthead h1{margin:0;color:#FFF8F2 !important;font-family:'SSmd Serif','Songti SC',serif;font-weight:900;font-size:clamp(38px,5vw,64px);line-height:1.12;}
.masthead .updated,.masthead p{margin:16px 0 0;color:rgba(255,248,242,.88) !important;}
.masthead a{color:#fff !important;}
/* The band starts at the top of the page; the page's own top spacing moves below it. */
main:has(>.masthead){padding-top:0 !important;margin-top:0 !important;}
main:has(>.masthead)>.masthead+*{margin-top:0;}