.field-root{z-index:var(--site-z-field);pointer-events:none;opacity:var(--field-strength);--field-strength:1;--field-edge:color-mix(in oklab, var(--site-ink) 9%, transparent);--field-mark:color-mix(in oklab, var(--site-ink) 15%, transparent);--field-coarse-line:color-mix(in oklab, var(--site-ink) 4%, transparent);--field-margin:14px;position:fixed;inset:0}@media (min-width:768px){.field-root{--field-margin:28px}}.field-paper,.field-coarse{position:absolute;inset:-192px 0}.field-paper{background:var(--site-grid)}.field-coarse{background:linear-gradient(var(--field-coarse-line) 1px, transparent 1px) 12px 12px / 100% 96px, linear-gradient(90deg, var(--field-coarse-line) 1px, transparent 1px) 12px 12px / 96px 100%}.field-frame{inset:var(--field-margin);border:1px solid var(--field-edge);position:absolute}.field-cross{background:linear-gradient(var(--field-mark), var(--field-mark)) 0 8px / 100% 1px no-repeat, linear-gradient(var(--field-mark), var(--field-mark)) 8px 0 / 1px 100% no-repeat;width:17px;height:17px;position:absolute}.field-cross-tl{top:-8px;left:-8px}.field-cross-tr{top:-8px;right:-8px}.field-cross-bl{bottom:-8px;left:-8px}.field-cross-br{bottom:-8px;right:-8px}.field-scale{top:0;bottom:0;left:calc(var(--field-margin) - 13px);background:repeating-linear-gradient(to bottom, var(--field-mark) 0 1px, transparent 1px 96px) 0 0 / 4px 100% no-repeat, repeating-linear-gradient(to bottom, var(--field-mark) 0 1px, transparent 1px 480px) 0 0 / 9px 100% no-repeat;width:9px;position:absolute}@media (max-width:1023px){.field-scale{display:none}}.field-grain{background-image:var(--site-noise);mix-blend-mode:multiply;opacity:.028;background-repeat:repeat;background-size:140px 140px;position:absolute;inset:0}@keyframes field-drift-paper{to{transform:translateY(-24px)}}@keyframes field-drift-coarse{to{transform:translateY(-96px)}}@supports (animation-timeline:scroll(root)){@media (prefers-reduced-motion:no-preference){.field-paper{will-change:transform;animation:linear both field-drift-paper;animation-timeline:scroll(root)}.field-coarse{will-change:transform;animation:linear both field-drift-coarse;animation-timeline:scroll(root)}}}
@property --hdr-open{syntax:"<number>";inherits:true;initial-value:0}.hdr{--hdr-open:0;--hdr-pad:7px;--hdr-pad-open:15px;--hdr-logo:22px;--hdr-logo-open:30px;--hdr-meta-h:24px;z-index:var(--site-z-sticky);background-color:var(--site-bg);border-bottom:var(--site-rule) solid var(--site-line-strong);position:sticky;top:0}.hdr-bar{width:100%;max-width:1500px;padding-inline:12px;padding-block:calc(var(--hdr-pad) + (var(--hdr-pad-open) - var(--hdr-pad)) * var(--hdr-open));align-items:center;gap:8px;margin-inline:auto;display:flex;position:relative}@media (min-width:640px){.hdr-bar{gap:20px;padding-inline:32px}}.hdr-brand{outline:none;flex-shrink:0;align-items:center;gap:10px;display:flex}.hdr-brand:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}.hdr-logo{height:calc(var(--hdr-logo) + (var(--hdr-logo-open) - var(--hdr-logo)) * var(--hdr-open));width:auto}.hdr-brand-rule{background-color:var(--site-line);width:1px;height:16px}.hdr-brand-label{letter-spacing:.18em;text-transform:uppercase;color:var(--site-ink-dim);transition:color .15s var(--ease-out-quart);font-size:10px}.hdr-brand:hover .hdr-brand-label{color:var(--site-ink)}@media (max-width:479px){.hdr-brand-rule,.hdr-brand-label{display:none}}.hdr-nav{align-items:center;gap:2px;min-width:0;display:flex}.hdr-nav-link{letter-spacing:.14em;text-transform:uppercase;white-space:nowrap;color:var(--site-ink-dim);transition:color .15s var(--ease-out-quart);outline:none;padding:5px 6px;font-size:10px;position:relative}@media (min-width:640px){.hdr-nav{gap:4px}.hdr-nav-link{padding-inline:9px;font-size:11px}}.hdr-nav-link:hover{color:var(--site-ink)}.hdr-nav-link:focus-visible{outline:2px solid var(--site-accent);outline-offset:2px}.hdr-nav-link[data-active=true]{color:var(--site-accent-text)}.hdr-nav-link[data-active=true]:after{content:"";inset-inline:6px;background-color:var(--site-accent);height:2px;position:absolute;bottom:0}@media (min-width:640px){.hdr-nav-link[data-active=true]:after{inset-inline:9px}}.hdr-meta{width:100%;max-width:1500px;height:var(--hdr-meta-h);letter-spacing:.18em;text-transform:uppercase;color:var(--site-ink-faint);align-items:center;gap:14px;margin-inline:auto;padding-inline:12px;font-size:10px;display:flex;overflow:hidden}@media (min-width:640px){.hdr-meta{padding-inline:32px}}.hdr-meta-item{white-space:nowrap}.hdr-meta-ticks{opacity:.6;background-image:repeating-linear-gradient(90deg, var(--site-line-strong) 0 1px, transparent 1px 12px);background-position:0 100%;background-repeat:repeat-x;background-size:100% 5px;flex:1 1 0;min-width:0;height:5px}@media (max-width:639px){.hdr-meta-ticks{display:none}}.hdr-progress{inset-inline:0;z-index:1;pointer-events:none;background-color:var(--site-accent);transform-origin:0;height:2px;position:absolute;bottom:0;transform:scaleX(0)}@keyframes hdr-open{0%{--hdr-open:1}to{--hdr-open:0}}@keyframes hdr-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@supports (animation-timeline:scroll()){@media (prefers-reduced-motion:no-preference){.hdr{animation:linear both hdr-open;animation-timeline:scroll(root);animation-range:0 140px}.hdr-meta{height:calc(var(--hdr-open) * var(--hdr-meta-h));opacity:var(--hdr-open)}.hdr-progress{animation:linear both hdr-progress;animation-timeline:scroll(root)}}}
