.mono{font-family:var(--mono);letter-spacing:.12em;font-size:12px}
.stats>div{padding-top:26px}
.verdicts>div{display:flex;align-items:baseline;gap:16px}
.verdicts>div{transition:transform .18s}
.verdicts>div:hover{transform:translateX(6px)}
@keyframes skyx{0%,100%{transform:translateX(-34px)}50%{transform:translateX(34px)}}
@keyframes skyacross{from{transform:translateX(-32vw)}to{transform:translateX(112vw)}}
@media(prefers-reduced-motion:reduce){.skyband .sc{animation:none}}
.ppane.on{display:block}
.qslide.on{display:block;animation:panein .5s cubic-bezier(.22,1,.36,1)}
footer .fgrid a.btn{color:var(--ink)}
footer .fgrid a.btn:hover{color:var(--ink)}
footer .bar{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:clamp(30px,4vw,46px);padding-top:22px;border-top:1px solid rgba(237,234,223,.14);font-family:var(--mono);font-size:12.5px;letter-spacing:.1em;color:rgba(237,234,223,.45)}
footer .bar a{display:inline-block;padding:12px 6px;margin:-12px -6px}
@media(max-width:560px){footer{padding-bottom:28px}}
@media(max-width:900px){
  .mnav{display:block;position:relative;margin-left:auto}
  .mnav summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:12.5px;letter-spacing:.14em;border:1.5px solid var(--ink);padding:10px 14px}
  .mnav summary::-webkit-details-marker{display:none}
  .mnav summary::marker{content:""}
  .mnav .p{position:absolute;right:0;top:115%;z-index:90;background:var(--paper);border:1.5px solid var(--ink);box-shadow:5px 5px 0 0 rgba(1,87,59,.3);min-width:210px;padding:6px 0}
  .mnav .p a{display:block;padding:12px 18px;font-family:var(--mono);font-size:13px;letter-spacing:.12em}
  .nav .mnav .p{display:flex !important;flex-direction:column;gap:0;margin-left:0;max-width:calc(100vw - 40px)}
  .nav .btn{margin-right:2px}
  .hero .wrap,.unlock .wrap,.return .wrap,.qpair{grid-template-columns:1fr}
  .hero .art{order:-1}
  .hero .art img{max-height:52vh}
  .stats{grid-template-columns:1fr}
  .sgrid{grid-template-columns:1fr 1fr}
  .sgrid a:nth-child(4n){border-right:1px solid rgba(15,34,32,.2)}
  .sgrid a:nth-child(2n){border-right:none}
  .sgrid a:nth-child(n+9){border-bottom:1px solid rgba(15,34,32,.2)}
  .sgrid a:nth-child(n+11){border-bottom:none}
  .vrow{grid-template-columns:1fr;gap:8px}
  .term{grid-template-columns:1fr}
  .term .rail{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid rgba(237,234,223,.14);padding:0}
  .nav nav:not(.p){display:none}
  footer .fgrid{grid-template-columns:1fr 1fr}
  footer .chips{gap:8px}
}
h3{font-size:18px;line-height:1.25;letter-spacing:-.01em}
.sec--tight{padding-right:0px;padding-left:0px}
.bm h1{max-width:16ch;margin:0 0 20px}
@media(max-width:900px){.bm__in{grid-template-columns:1fr;align-items:start}}
@keyframes stgBob{from{transform:translateY(0) rotate(-.4deg)}to{transform:translateY(-9px) rotate(.5deg)}}
@keyframes stgSweep{0%,100%{opacity:.5;transform:scaleY(.97)}50%{opacity:.95;transform:scaleY(1.03)}}
@keyframes stgDrift{from{transform:translateX(-14px)}to{transform:translateX(16px)}}
.o-bob{animation:stgBob 7.5s ease-in-out infinite alternate}
.o-bob2{animation:stgBob 9.4s ease-in-out infinite alternate}
.o-drift{animation:stgDrift 26s ease-in-out infinite alternate}
@media(prefers-reduced-motion:reduce){.o-bob,.o-bob2,.o-drift,.o-sweep{animation:none}}
.chip.on{background:var(--lime);border-color:var(--ink);box-shadow:3px 3px 0 0 rgba(1,58,40,.25)}
.lead-post .go{font-family:var(--mono);font-size:12.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--forest)}
.lead-post:hover .go{color:var(--ink)}
@media(max-width:900px){.lead-post{grid-template-columns:1fr}}
@media(max-width:900px){.brow{grid-template-columns:1fr;gap:8px;padding:20px 0}.brow__m{text-align:left}}
@media(max-width:820px){.posts{grid-template-columns:1fr}}
.ba{max-width:68ch}
.ba p{font-size:17px;line-height:1.8;color:rgba(15,34,32,.88);margin:0 0 22px}
.ba h2{font-size:clamp(21px,2.3vw,30px);line-height:1.14;margin:clamp(34px,4vw,50px) 0 14px;max-width:24ch}
.ba h3{font-size:clamp(17px,1.7vw,22px);line-height:1.2;margin:32px 0 10px;color:var(--forest)}
.ba ul{margin:0 0 24px;padding-left:20px}
.ba li{font-size:16px;line-height:1.75;color:rgba(15,34,32,.86);margin-bottom:10px}
.ba strong{font-weight:600;color:var(--ink)}
.ba a[href]{color:var(--forest);border-bottom:1px solid rgba(1,87,59,.4)}
.ba a[href]:hover{background:rgba(158,205,65,.28)}
@media(max-width:820px){.rel{grid-template-columns:1fr}}