@font-face{font-family:"IBM Plex Sans"; src:url(fonts/ibm-plex-sans.woff2) format("woff2"); font-weight:100 700; font-style:normal; font-display:swap}
@font-face{font-family:"Source Serif 4"; src:url(fonts/source-serif-4-600.woff2) format("woff2"); font-weight:600; font-style:normal; font-display:swap}
:root{
  --paper:#F5F5F7; --card:#FFFFFF; --ink:#5A5B65; --ink-2:#6A6B76; --tile-lo:#B1B0B5;
  --rule:#D3D3D9; --rule-2:#E5E5EA;
  --flame:#C13A1B; --explo:#3F7A94; --gesta:#6E6BA9; --radix:#A55F92; --limes:#4D7A4E; --labor:#97721F;
}
@media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){
  --paper:#1D1E23; --card:#25262C; --ink:#E6E6EA; --ink-2:#A9AAB4; --tile-lo:#6A6B76;
  --rule:#3C3D45; --rule-2:#303138;
  --flame:#DE5B36; --explo:#5FA0BB; --gesta:#918ECB; --radix:#C683B4; --limes:#72A473; --labor:#C29C40;
}}
:root[data-theme="dark"]{
  --paper:#1D1E23; --card:#25262C; --ink:#E6E6EA; --ink-2:#A9AAB4; --tile-lo:#6A6B76;
  --rule:#3C3D45; --rule-2:#303138;
  --flame:#DE5B36; --explo:#5FA0BB; --gesta:#918ECB; --radix:#C683B4; --limes:#72A473; --labor:#C29C40;
}
*{box-sizing:border-box}
body{margin:0; background:var(--paper); color:var(--ink);
  font-family:"IBM Plex Sans",system-ui,sans-serif; font-size:16px; line-height:1.65;
  -webkit-font-smoothing:antialiased; display:flex; flex-direction:column; min-height:100vh}
main{flex:1; max-width:1196px; margin:0 auto; padding:120px 28px 56px; width:100%}
svg{display:block; overflow:visible}
h1{margin:0 0 60px; line-height:0; width:min(662px,100%)}
h1 svg{width:100%; height:auto}
.payoff{font-family:"IBM Plex Sans",system-ui,sans-serif; font-size:11.1px; font-weight:500; fill:var(--ink)}
.lede{max-width:74ch; margin:0; color:var(--ink-2); font-size:1.14rem; line-height:1.6}
.state{position:relative; isolation:isolate; display:inline-flex; align-items:center; gap:13px; margin:0 0 34px; padding:15px 24px 15px 20px;
  font-family:"IBM Plex Sans",system-ui,sans-serif; font-size:.95rem; font-weight:600; line-height:1.35; letter-spacing:.12em; text-transform:uppercase; color:var(--ink)}
.state::after{content:""; position:absolute; inset:0; z-index:-1; background:var(--card); border:1px solid var(--rule);
  border-left:3px solid var(--ink); border-radius:4px; transform:rotate(-.6deg)}
.state::before{content:""; flex:none; width:10px; height:10px; border-radius:2px; background:var(--ink);
  transform:rotate(7deg); animation:tick 2.6s cubic-bezier(.45,0,.2,1) infinite}
@keyframes tick{0%,100%{transform:rotate(7deg); background:var(--ink)} 50%{transform:rotate(-8deg); background:var(--tile-lo)}}
@media (prefers-reduced-motion: reduce){ .state::before{animation:none} }
@media (max-width:480px){ .state{font-size:.8rem; letter-spacing:.08em; padding:13px 16px 13px 15px; gap:10px; white-space:nowrap} }
.modhead{margin-top:80px;
  padding-top:80px; border-top:1px solid var(--rule-2)}
.modhead h2{font-family:"Source Serif 4",Georgia,serif; font-weight:600; font-size:1.5rem; margin:0 0 10px}
.animark rect.mv{transform-box:fill-box; transform-origin:center; transform:rotate(var(--r));
  animation-duration:18.1s; animation-iteration-count:infinite; animation-delay:0s;
  animation-timing-function:cubic-bezier(.45,0,.2,1)}
.animark rect.tr{opacity:0; animation:tr 18.1s cubic-bezier(.45,0,.2,1) infinite}
@keyframes tr{0.00%{opacity:0}87.29%{opacity:0}90.33%{opacity:1}96.13%{opacity:1}98.90%{opacity:0}100.00%{opacity:0}}
@keyframes t0{0.00%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}23.76%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}26.80%{transform:translate(-4.95px,-5.63px) rotate(-12.81deg);fill:var(--explo);opacity:1}32.60%{transform:translate(-4.95px,-5.63px) rotate(-12.81deg);fill:var(--explo);opacity:1}35.36%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}}
@keyframes t1{0.00%{transform:rotate(2.68deg);fill:var(--tile-lo);opacity:1}87.29%{transform:rotate(2.68deg);fill:var(--tile-lo);opacity:1}90.33%{transform:translate(1.56px,-1.56px) rotate(13.20deg);fill:var(--flame);opacity:1}96.13%{transform:translate(1.56px,-1.56px) rotate(13.20deg);fill:var(--flame);opacity:1}98.90%{transform:rotate(2.68deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(2.68deg);fill:var(--tile-lo);opacity:1}}
@keyframes t2{0.00%{transform:rotate(2.70deg);fill:var(--tile-lo);opacity:1}11.05%{transform:rotate(2.70deg);fill:var(--tile-lo);opacity:1}14.09%{transform:translate(-1.67px,-9.33px) rotate(7.27deg);fill:var(--flame);opacity:1}19.89%{transform:translate(-1.67px,-9.33px) rotate(7.27deg);fill:var(--flame);opacity:1}22.65%{transform:rotate(2.70deg);fill:var(--tile-lo);opacity:1}87.29%{transform:rotate(2.70deg);fill:var(--tile-lo);opacity:1}90.33%{transform:rotate(2.70deg) scale(.8);fill:var(--tile-lo);opacity:0}96.13%{transform:rotate(2.70deg) scale(.8);fill:var(--tile-lo);opacity:0}98.90%{transform:rotate(2.70deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(2.70deg);fill:var(--tile-lo);opacity:1}}
@keyframes t3{0.00%{transform:rotate(-3.63deg);fill:var(--tile-lo);opacity:1}11.33%{transform:rotate(-3.63deg);fill:var(--tile-lo);opacity:1}14.36%{transform:translate(3.77px,-10.20px) rotate(21.11deg);fill:var(--flame);opacity:1}20.17%{transform:translate(3.77px,-10.20px) rotate(21.11deg);fill:var(--flame);opacity:1}22.93%{transform:rotate(-3.63deg);fill:var(--tile-lo);opacity:1}87.29%{transform:rotate(-3.63deg);fill:var(--tile-lo);opacity:1}90.33%{transform:rotate(-3.63deg) scale(.8);fill:var(--tile-lo);opacity:0}96.13%{transform:rotate(-3.63deg) scale(.8);fill:var(--tile-lo);opacity:0}98.90%{transform:rotate(-3.63deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(-3.63deg);fill:var(--tile-lo);opacity:1}}
@keyframes t4{0.00%{transform:rotate(3.15deg);fill:var(--tile-lo);opacity:1}24.03%{transform:rotate(3.15deg);fill:var(--tile-lo);opacity:1}27.07%{transform:translate(5.21px,-5.63px) rotate(9.58deg);fill:var(--explo);opacity:1}32.87%{transform:translate(5.21px,-5.63px) rotate(9.58deg);fill:var(--explo);opacity:1}35.64%{transform:rotate(3.15deg);fill:var(--tile-lo);opacity:1}87.29%{transform:rotate(3.15deg);fill:var(--tile-lo);opacity:1}90.33%{transform:rotate(3.15deg) scale(.8);fill:var(--tile-lo);opacity:0}96.13%{transform:rotate(3.15deg) scale(.8);fill:var(--tile-lo);opacity:0}98.90%{transform:rotate(3.15deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(3.15deg);fill:var(--tile-lo);opacity:1}}
@keyframes t5{0.00%{transform:rotate(3.56deg);fill:var(--tile-lo);opacity:1}61.88%{transform:rotate(3.56deg);fill:var(--tile-lo);opacity:1}64.92%{transform:translate(-5.36px,-0.84px) rotate(-10.37deg);fill:var(--limes);opacity:1}70.72%{transform:translate(-5.36px,-0.84px) rotate(-10.37deg);fill:var(--limes);opacity:1}73.48%{transform:rotate(3.56deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(3.56deg);fill:var(--tile-lo);opacity:1}}
@keyframes t6{0.00%{transform:rotate(-4.69deg);fill:var(--ink);opacity:1}74.59%{transform:rotate(-4.69deg);fill:var(--ink);opacity:1}77.62%{transform:translate(0.05px,-0.81px) rotate(15.82deg);fill:var(--labor);opacity:1}83.43%{transform:translate(0.05px,-0.81px) rotate(15.82deg);fill:var(--labor);opacity:1}86.19%{transform:rotate(-4.69deg);fill:var(--ink);opacity:1}100.00%{transform:rotate(-4.69deg);fill:var(--ink);opacity:1}}
@keyframes t7{0.00%{transform:rotate(3.98deg);fill:var(--ink);opacity:1}11.60%{transform:rotate(3.98deg);fill:var(--ink);opacity:1}14.64%{transform:translate(-0.15px,-4.84px) rotate(-9.09deg);fill:var(--flame);opacity:1}20.44%{transform:translate(-0.15px,-4.84px) rotate(-9.09deg);fill:var(--flame);opacity:1}23.20%{transform:rotate(3.98deg);fill:var(--ink);opacity:1}100.00%{transform:rotate(3.98deg);fill:var(--ink);opacity:1}}
@keyframes t8{0.00%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}74.86%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}77.90%{transform:translate(0.20px,-0.61px) rotate(-19.10deg);fill:var(--labor);opacity:1}83.70%{transform:translate(0.20px,-0.61px) rotate(-19.10deg);fill:var(--labor);opacity:1}86.46%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}87.57%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}90.61%{transform:translate(1.04px,-1.56px) rotate(-10.10deg);fill:var(--flame);opacity:1}96.41%{transform:translate(1.04px,-1.56px) rotate(-10.10deg);fill:var(--flame);opacity:1}99.17%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}100.00%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}}
@keyframes t9{0.00%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}62.15%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}65.19%{transform:translate(5.90px,-0.38px) rotate(13.91deg);fill:var(--limes);opacity:1}70.99%{transform:translate(5.90px,-0.38px) rotate(13.91deg);fill:var(--limes);opacity:1}73.76%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}87.29%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}90.33%{transform:rotate(0.00deg) scale(.8);fill:var(--tile-lo);opacity:0}96.13%{transform:rotate(0.00deg) scale(.8);fill:var(--tile-lo);opacity:0}98.90%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}}
@keyframes t10{0.00%{transform:rotate(-2.67deg);fill:var(--tile-lo);opacity:1}49.17%{transform:rotate(-2.67deg);fill:var(--tile-lo);opacity:1}52.21%{transform:translate(-7.93px,0.11px) rotate(-14.91deg);fill:var(--radix);opacity:1}58.01%{transform:translate(-7.93px,0.11px) rotate(-14.91deg);fill:var(--radix);opacity:1}60.77%{transform:rotate(-2.67deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(-2.67deg);fill:var(--tile-lo);opacity:1}}
@keyframes t11{0.00%{transform:rotate(2.65deg);fill:var(--ink);opacity:1}49.45%{transform:rotate(2.65deg);fill:var(--ink);opacity:1}52.49%{transform:translate(-3.95px,0.13px) rotate(-5.56deg);fill:var(--radix);opacity:1}58.29%{transform:translate(-3.95px,0.13px) rotate(-5.56deg);fill:var(--radix);opacity:1}61.05%{transform:rotate(2.65deg);fill:var(--ink);opacity:1}100.00%{transform:rotate(2.65deg);fill:var(--ink);opacity:1}}
@keyframes t12{0.00%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}49.72%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}52.76%{transform:translate(-0.57px,0.12px) rotate(15.62deg);fill:var(--radix);opacity:1}58.56%{transform:translate(-0.57px,0.12px) rotate(15.62deg);fill:var(--radix);opacity:1}61.33%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}100.00%{transform:rotate(0.00deg);fill:var(--ink);opacity:1}}
@keyframes t14{0.00%{transform:rotate(5.16deg);fill:var(--tile-lo);opacity:1}87.85%{transform:rotate(5.16deg);fill:var(--tile-lo);opacity:1}90.88%{transform:translate(1.56px,-1.56px) rotate(11.40deg);fill:var(--flame);opacity:1}96.69%{transform:translate(1.56px,-1.56px) rotate(11.40deg);fill:var(--flame);opacity:1}99.45%{transform:rotate(5.16deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(5.16deg);fill:var(--tile-lo);opacity:1}}
@keyframes t15{0.00%{transform:rotate(2.10deg);fill:var(--tile-lo);opacity:1}62.43%{transform:rotate(2.10deg);fill:var(--tile-lo);opacity:1}65.47%{transform:translate(-6.07px,0.66px) rotate(14.01deg);fill:var(--limes);opacity:1}71.27%{transform:translate(-6.07px,0.66px) rotate(14.01deg);fill:var(--limes);opacity:1}74.03%{transform:rotate(2.10deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(2.10deg);fill:var(--tile-lo);opacity:1}}
@keyframes t16{0.00%{transform:rotate(-2.98deg);fill:var(--ink);opacity:1}75.14%{transform:rotate(-2.98deg);fill:var(--ink);opacity:1}78.18%{transform:translate(-1.09px,0.61px) rotate(-19.30deg);fill:var(--labor);opacity:1}83.98%{transform:translate(-1.09px,0.61px) rotate(-19.30deg);fill:var(--labor);opacity:1}86.74%{transform:rotate(-2.98deg);fill:var(--ink);opacity:1}100.00%{transform:rotate(-2.98deg);fill:var(--ink);opacity:1}}
@keyframes t18{0.00%{transform:rotate(4.17deg);fill:var(--ink);opacity:1}75.41%{transform:rotate(4.17deg);fill:var(--ink);opacity:1}78.45%{transform:translate(0.74px,0.61px) rotate(15.97deg);fill:var(--labor);opacity:1}84.25%{transform:translate(0.74px,0.61px) rotate(15.97deg);fill:var(--labor);opacity:1}87.02%{transform:rotate(4.17deg);fill:var(--ink);opacity:1}100.00%{transform:rotate(4.17deg);fill:var(--ink);opacity:1}}
@keyframes t19{0.00%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}62.71%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}65.75%{transform:translate(6.09px,1.03px) rotate(-11.41deg);fill:var(--limes);opacity:1}71.55%{transform:translate(6.09px,1.03px) rotate(-11.41deg);fill:var(--limes);opacity:1}74.31%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(0.00deg);fill:var(--tile-lo);opacity:1}}
@keyframes t20{0.00%{transform:rotate(-3.80deg);fill:var(--tile-lo);opacity:1}24.31%{transform:rotate(-3.80deg);fill:var(--tile-lo);opacity:1}27.35%{transform:translate(-4.96px,4.51px) rotate(9.49deg);fill:var(--explo);opacity:1}33.15%{transform:translate(-4.96px,4.51px) rotate(9.49deg);fill:var(--explo);opacity:1}35.91%{transform:rotate(-3.80deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(-3.80deg);fill:var(--tile-lo);opacity:1}}
@keyframes t22{0.00%{transform:rotate(-3.54deg);fill:var(--tile-lo);opacity:1}36.46%{transform:rotate(-3.54deg);fill:var(--tile-lo);opacity:1}39.50%{transform:translate(0.66px,3.51px) rotate(5.22deg);fill:var(--gesta);opacity:1}45.30%{transform:translate(0.66px,3.51px) rotate(5.22deg);fill:var(--gesta);opacity:1}48.07%{transform:rotate(-3.54deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(-3.54deg);fill:var(--tile-lo);opacity:1}}
@keyframes t23{0.00%{transform:rotate(-2.62deg);fill:var(--tile-lo);opacity:1}36.74%{transform:rotate(-2.62deg);fill:var(--tile-lo);opacity:1}39.78%{transform:translate(4.13px,6.60px) rotate(13.30deg);fill:var(--gesta);opacity:1}45.58%{transform:translate(4.13px,6.60px) rotate(13.30deg);fill:var(--gesta);opacity:1}48.34%{transform:rotate(-2.62deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(-2.62deg);fill:var(--tile-lo);opacity:1}}
@keyframes t24{0.00%{transform:rotate(2.92deg);fill:var(--tile-lo);opacity:1}24.59%{transform:rotate(2.92deg);fill:var(--tile-lo);opacity:1}27.62%{transform:translate(5.20px,4.51px) rotate(-13.10deg);fill:var(--explo);opacity:1}33.43%{transform:translate(5.20px,4.51px) rotate(-13.10deg);fill:var(--explo);opacity:1}36.19%{transform:rotate(2.92deg);fill:var(--tile-lo);opacity:1}37.02%{transform:rotate(2.92deg);fill:var(--tile-lo);opacity:1}40.06%{transform:translate(8.12px,9.72px) rotate(15.93deg);fill:var(--gesta);opacity:1}45.86%{transform:translate(8.12px,9.72px) rotate(15.93deg);fill:var(--gesta);opacity:1}48.62%{transform:rotate(2.92deg);fill:var(--tile-lo);opacity:1}100.00%{transform:rotate(2.92deg);fill:var(--tile-lo);opacity:1}}
.animark .t0{--r:0.00deg; animation-name:t0}
.animark .t1{--r:2.68deg; animation-name:t1}
.animark .t2{--r:2.70deg; animation-name:t2}
.animark .t3{--r:-3.63deg; animation-name:t3}
.animark .t4{--r:3.15deg; animation-name:t4}
.animark .t5{--r:3.56deg; animation-name:t5}
.animark .t6{--r:-4.69deg; animation-name:t6}
.animark .t7{--r:3.98deg; animation-name:t7}
.animark .t8{--r:0.00deg; animation-name:t8}
.animark .t9{--r:0.00deg; animation-name:t9}
.animark .t10{--r:-2.67deg; animation-name:t10}
.animark .t11{--r:2.65deg; animation-name:t11}
.animark .t12{--r:0.00deg; animation-name:t12}
.animark .t14{--r:5.16deg; animation-name:t14}
.animark .t15{--r:2.10deg; animation-name:t15}
.animark .t16{--r:-2.98deg; animation-name:t16}
.animark .t18{--r:4.17deg; animation-name:t18}
.animark .t19{--r:0.00deg; animation-name:t19}
.animark .t20{--r:-3.80deg; animation-name:t20}
.animark .t22{--r:-3.54deg; animation-name:t22}
.animark .t23{--r:-2.62deg; animation-name:t23}
.animark .t24{--r:2.92deg; animation-name:t24}
@media (prefers-reduced-motion: reduce){ .animark rect.mv, .animark rect.tr{animation:none} }
ul.mods{list-style:none; padding:0; margin:40px 0 0;
  display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px}
ul.mods li{display:flex; flex-direction:column; align-items:flex-start; gap:18px;
  padding:30px 30px 26px; position:relative; isolation:isolate}
ul.mods li::before{content:""; position:absolute; inset:0; z-index:-1; background:var(--card);
  border:1px solid var(--rule-2); border-radius:4px; transform:rotate(var(--tilt,0deg))}
ul.mods li:nth-child(1){--tilt:-.6deg} ul.mods li:nth-child(2){--tilt:.45deg} ul.mods li:nth-child(3){--tilt:.35deg} ul.mods li:nth-child(4){--tilt:-.5deg}
ul.mods li .lockup{margin-bottom:1.35em}
.mtxt{margin:4px 0 0; color:var(--ink-2); font-size:1rem; line-height:1.6; max-width:52ch; flex:1}
.lockup{display:flex; align-items:flex-end; gap:12px; max-width:100%}
.pmark,.pword{flex:none; max-width:100%; height:auto}
.ptxt{display:flex; flex-direction:column; gap:5px; min-width:0; padding-bottom:1px}
.pwordtxt{font-family:"Source Serif 4",Georgia,serif; font-weight:400; font-size:28px; line-height:.74; letter-spacing:.1em; color:var(--flame)}
.mdesc{font-size:.62rem; font-weight:500; letter-spacing:.05em; text-transform:uppercase;
  color:var(--ink); line-height:1.35}
.mdesc .l2{display:block; height:0}
.lockup:has(.l2){margin-bottom:1.35em}
.chip{font-size:.6rem; font-weight:600; letter-spacing:.13em; text-transform:uppercase;
  border:1px solid var(--tile-lo); border-radius:2px; padding:3px 9px; color:var(--ink)}
.contact{margin-top:80px; padding-top:48px; border-top:1px solid var(--rule-2)}
.contact h2{font-family:"Source Serif 4",Georgia,serif; font-weight:600; font-size:1.5rem; margin:0 0 10px}
.contact p{color:var(--ink-2); max-width:74ch; margin:0 0 26px; font-size:1.14rem; line-height:1.6}
.btn{display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:12px 26px;
  border-radius:3px; background:var(--ink); color:var(--paper); text-decoration:none;
  font-size:.9rem; font-weight:500; border:1px solid var(--ink)}
.btn:hover{opacity:.87}
.contact p.alt{margin:22px 0 0; font-size:1rem}
.contact p.alt a{color:var(--ink); font-weight:500; text-underline-offset:3px}
footer{border-top:1px solid var(--rule-2); font-size:.8rem; color:var(--ink-2)}
footer > div{max-width:1196px; margin:0 auto; padding:28px 28px 40px; display:flex; justify-content:space-between; gap:16px 40px; flex-wrap:wrap}
footer p{margin:0}
.legal{flex:1 1 560px; max-width:900px}
.legal p{margin:0 0 .35em; max-width:none; line-height:1.55}
.legal p:last-child{margin-bottom:0}
.legal a,.credits a{color:inherit; text-decoration:underline; text-decoration-color:var(--rule); text-underline-offset:3px}
.legal a:hover,.credits a:hover{color:var(--ink); text-decoration-color:currentColor}
.credits{margin:0; align-self:flex-end; white-space:nowrap}
:focus-visible{outline:2px solid var(--explo); outline-offset:3px}
@media (max-width:860px){ ul.mods{grid-template-columns:1fr; max-width:560px} }
@media (max-width:760px){ main{padding-top:72px} h1{margin-bottom:44px}
  .modhead{margin-top:56px; padding-top:56px} }
.doc{padding-top:72px}
.doc .doc-logo{margin:0 0 64px; line-height:0}
.doc-logo a{display:inline-block}
.doc-logo img{display:block; width:320px; max-width:100%; height:auto}
.doc h1{width:auto; line-height:1.2; font-family:"Source Serif 4",Georgia,serif; font-weight:600; font-size:2rem; margin:0 0 14px}
.doc h2{font-family:"Source Serif 4",Georgia,serif; font-weight:600; font-size:1.3rem; line-height:1.3; margin:40px 0 10px}
.doc h3{font-size:1rem; font-weight:600; line-height:1.4; margin:24px 0 6px}
.doc p{color:var(--ink-2); max-width:74ch; margin:0 0 14px}
.doc .intro{font-size:1.14rem; line-height:1.6; margin-bottom:8px}
.doc a{color:var(--ink); text-underline-offset:3px}
@media (max-width:760px){ .doc{padding-top:48px} .doc .doc-logo{margin-bottom:44px} .doc h1{font-size:1.7rem} }
.consent{position:fixed; z-index:50; right:16px; bottom:16px; left:16px; max-width:540px; margin-left:auto; padding:20px 22px 18px;
  background:var(--card); color:var(--ink); border:1px solid var(--rule); border-radius:4px; box-shadow:0 10px 30px rgba(0,0,0,.16); font-size:.9rem; line-height:1.55}
.consent[hidden],.cookie-prefs-w[hidden]{display:none}
.consent p{margin:0 0 14px; padding-right:26px; color:var(--ink-2)}
.consent .consent-t{margin-bottom:6px; color:var(--ink); font-weight:600}
.consent a{color:var(--ink); text-underline-offset:3px}
.consent-b{display:flex; flex-wrap:wrap; gap:10px}
.consent-b button{flex:1 1 140px; min-height:44px; padding:10px 18px; border:1px solid var(--ink); border-radius:3px; background:var(--ink); color:var(--paper); font:inherit; font-weight:500; cursor:pointer}
.consent-b button:hover{opacity:.87}
.consent-x{position:absolute; top:8px; right:8px; width:36px; height:36px; padding:0; border:0; border-radius:3px; background:none; color:var(--ink-2); font-size:22px; line-height:1; cursor:pointer}
.cookie-prefs{padding:0; border:0; background:none; color:inherit; font:inherit; text-decoration:underline; text-decoration-color:var(--rule); text-underline-offset:3px; cursor:pointer}
.cookie-prefs:hover{color:var(--ink); text-decoration-color:currentColor}
.doc code{font-size:.92em}
@media (max-width:480px){ .consent{right:10px; bottom:10px; left:10px; padding:18px 16px 16px} }
