@font-face{font-family:"Alegreya Sans SC";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/alegreya-sans-sc-700.woff2) format("woff2")}
@font-face{font-family:"Alegreya Sans SC";font-weight:800;font-style:normal;font-display:swap;src:url(/fonts/alegreya-sans-sc-800.woff2) format("woff2")}
@font-face{font-family:"Alegreya";font-weight:400;font-style:normal;font-display:swap;src:url(/fonts/alegreya-400.woff2) format("woff2")}
@font-face{font-family:"Alegreya";font-weight:700;font-style:normal;font-display:swap;src:url(/fonts/alegreya-700.woff2) format("woff2")}
:root {
  --tear-sheet:polygon(0 0,100% 0,100.00% calc(100% - 1.9px),99.33% calc(100% - 8.4px),98.67% calc(100% - 5.0px),98.00% calc(100% - 6.0px),97.33% calc(100% - 3.8px),96.67% calc(100% - 2.8px),96.00% calc(100% - 4.8px),95.33% calc(100% - 3.6px),94.67% calc(100% - 7.4px),94.00% calc(100% - 6.6px),93.33% calc(100% - 2.2px),92.67% calc(100% - 6.0px),92.00% calc(100% - 8.2px),91.33% calc(100% - 9.6px),90.67% calc(100% - 10.5px),90.00% calc(100% - 14.9px),89.33% calc(100% - 15.0px),88.67% calc(100% - 9.3px),88.00% calc(100% - 10.5px),87.33% calc(100% - 7.0px),86.67% calc(100% - 6.3px),86.00% calc(100% - 4.6px),85.33% calc(100% - 5.2px),84.67% calc(100% - 8.2px),84.00% calc(100% - 7.9px),83.33% calc(100% - 9.1px),82.67% calc(100% - 8.2px),82.00% calc(100% - 7.7px),81.33% calc(100% - 10.8px),80.67% calc(100% - 4.7px),80.00% calc(100% - 4.8px),79.33% calc(100% - 2.6px),78.67% calc(100% - 4.4px),78.00% calc(100% - 4.4px),77.33% calc(100% - 4.0px),76.67% calc(100% - 6.1px),76.00% calc(100% - 1.1px),75.33% calc(100% - 7.5px),74.67% calc(100% - 8.3px),74.00% calc(100% - 8.1px),73.33% calc(100% - 9.3px),72.67% calc(100% - 10.7px),72.00% calc(100% - 6.8px),71.33% calc(100% - 4.5px),70.67% calc(100% - 4.7px),70.00% calc(100% - 2.0px),69.33% calc(100% - 5.4px),68.67% calc(100% - 9.9px),68.00% calc(100% - 11.2px),67.33% calc(100% - 11.2px),66.67% calc(100% - 12.4px),66.00% calc(100% - 12.3px),65.33% calc(100% - 11.5px),64.67% calc(100% - 15.0px),64.00% calc(100% - 14.1px),63.33% calc(100% - 8.2px),62.67% calc(100% - 7.3px),62.00% calc(100% - 5.6px),61.33% calc(100% - 10.3px),60.67% calc(100% - 10.6px),60.00% calc(100% - 11.9px),59.33% calc(100% - 10.0px),58.67% calc(100% - 9.4px),58.00% calc(100% - 5.9px),57.33% calc(100% - 10.7px),56.67% calc(100% - 5.1px),56.00% calc(100% - 1.9px),55.33% calc(100% - 1.0px),54.67% calc(100% - 3.3px),54.00% calc(100% - 1.0px),53.33% calc(100% - 1.0px),52.67% calc(100% - 1.0px),52.00% calc(100% - 5.2px),51.33% calc(100% - 3.7px),50.67% calc(100% - 10.2px),50.00% calc(100% - 8.6px),49.33% calc(100% - 7.7px),48.67% calc(100% - 11.3px),48.00% calc(100% - 11.8px),47.33% calc(100% - 8.4px),46.67% calc(100% - 8.7px),46.00% calc(100% - 4.2px),45.33% calc(100% - 10.3px),44.67% calc(100% - 10.6px),44.00% calc(100% - 15.0px),43.33% calc(100% - 15.0px),42.67% calc(100% - 14.5px),42.00% calc(100% - 15.0px),41.33% calc(100% - 14.3px),40.67% calc(100% - 13.3px),40.00% calc(100% - 8.2px),39.33% calc(100% - 10.6px),38.67% calc(100% - 6.8px),38.00% calc(100% - 7.6px),37.33% calc(100% - 7.0px),36.67% calc(100% - 2.8px),36.00% calc(100% - 7.2px),35.33% calc(100% - 5.3px),34.67% calc(100% - 10.2px),34.00% calc(100% - 7.0px),33.33% calc(100% - 3.4px),32.67% calc(100% - 8.5px),32.00% calc(100% - 1.4px),31.33% calc(100% - 3.6px),30.67% calc(100% - 4.3px),30.00% calc(100% - 2.0px),29.33% calc(100% - 3.7px),28.67% calc(100% - 3.1px),28.00% calc(100% - 8.9px),27.33% calc(100% - 11.7px),26.67% calc(100% - 9.2px),26.00% calc(100% - 11.0px),25.33% calc(100% - 11.8px),24.67% calc(100% - 8.9px),24.00% calc(100% - 8.9px),23.33% calc(100% - 10.1px),22.67% calc(100% - 6.1px),22.00% calc(100% - 5.4px),21.33% calc(100% - 6.5px),20.67% calc(100% - 11.8px),20.00% calc(100% - 11.9px),19.33% calc(100% - 15.0px),18.67% calc(100% - 14.9px),18.00% calc(100% - 11.0px),17.33% calc(100% - 14.5px),16.67% calc(100% - 8.4px),16.00% calc(100% - 4.6px),15.33% calc(100% - 2.8px),14.67% calc(100% - 2.6px),14.00% calc(100% - 6.5px),13.33% calc(100% - 1.0px),12.67% calc(100% - 8.7px),12.00% calc(100% - 5.2px),11.33% calc(100% - 7.5px),10.67% calc(100% - 10.8px),10.00% calc(100% - 7.9px),9.33% calc(100% - 3.8px),8.67% calc(100% - 1.6px),8.00% calc(100% - 5.9px),7.33% calc(100% - 1.9px),6.67% calc(100% - 1.0px),6.00% calc(100% - 1.0px),5.33% calc(100% - 4.5px),4.67% calc(100% - 3.6px),4.00% calc(100% - 9.6px),3.33% calc(100% - 8.1px),2.67% calc(100% - 11.7px),2.00% calc(100% - 13.4px),1.33% calc(100% - 9.3px),0.67% calc(100% - 12.7px),0.00% calc(100% - 7.6px));
  --tear-top:polygon(0.00% 13.0px,0.67% 14.4px,1.33% 8.6px,2.00% 6.6px,2.67% 5.2px,3.33% 1.0px,4.00% 2.6px,4.67% 3.9px,5.33% 6.2px,6.00% 2.0px,6.67% 4.9px,7.33% 3.9px,8.00% 9.6px,8.67% 8.0px,9.33% 1.9px,10.00% 8.1px,10.67% 7.3px,11.33% 4.8px,12.00% 5.3px,12.67% 3.4px,13.33% 4.4px,14.00% 10.8px,14.67% 9.1px,15.33% 11.3px,16.00% 12.1px,16.67% 9.9px,17.33% 12.0px,18.00% 10.4px,18.67% 12.2px,19.33% 8.8px,20.00% 9.6px,20.67% 9.1px,21.33% 11.3px,22.00% 10.6px,22.67% 9.8px,23.33% 15.0px,24.00% 14.4px,24.67% 11.5px,25.33% 8.3px,26.00% 3.0px,26.67% 1.0px,27.33% 1.0px,28.00% 1.0px,28.67% 4.4px,29.33% 2.9px,30.00% 8.1px,30.67% 6.0px,31.33% 11.4px,32.00% 10.7px,32.67% 3.7px,33.33% 4.4px,34.00% 9.0px,34.67% 5.1px,35.33% 9.3px,36.00% 5.7px,36.67% 4.9px,37.33% 11.3px,38.00% 14.6px,38.67% 12.2px,39.33% 11.6px,40.00% 13.4px,40.67% 15.0px,41.33% 14.0px,42.00% 7.1px,42.67% 6.6px,43.33% 4.4px,44.00% 3.8px,44.67% 10.0px,45.33% 6.0px,46.00% 9.8px,46.67% 9.4px,47.33% 7.1px,48.00% 10.4px,48.67% 4.0px,49.33% 6.0px,50.00% 1.0px,50.67% 1.0px,51.33% 1.0px,52.00% 1.0px,52.67% 6.4px,53.33% 6.9px,54.00% 5.0px,54.67% 11.3px,55.33% 7.0px,56.00% 8.7px,56.67% 11.9px,57.33% 9.5px,58.00% 4.4px,58.67% 10.9px,59.33% 5.1px,60.00% 6.4px,60.67% 12.0px,61.33% 10.4px,62.00% 11.9px,62.67% 11.3px,63.33% 11.7px,64.00% 14.9px,64.67% 10.7px,65.33% 11.5px,66.00% 7.6px,66.67% 6.5px,67.33% 9.4px,68.00% 5.4px,68.67% 6.6px,69.33% 9.7px,70.00% 5.2px,70.67% 5.4px,71.33% 11.2px,72.00% 9.6px,72.67% 3.6px,73.33% 1.5px,74.00% 4.3px,74.67% 4.9px,75.33% 1.0px,76.00% 5.9px,76.67% 7.1px,77.33% 7.1px,78.00% 7.8px,78.67% 7.1px,79.33% 7.6px,80.00% 15.0px,80.67% 8.8px,81.33% 11.5px,82.00% 7.1px,82.67% 11.0px,83.33% 9.3px,84.00% 7.7px,84.67% 8.1px,85.33% 13.9px,86.00% 10.1px,86.67% 12.1px,87.33% 14.4px,88.00% 15.0px,88.67% 11.8px,89.33% 7.0px,90.00% 9.7px,90.67% 2.4px,91.33% 1.0px,92.00% 2.0px,92.67% 4.0px,93.33% 2.0px,94.00% 4.0px,94.67% 6.1px,95.33% 7.7px,96.00% 3.6px,96.67% 4.2px,97.33% 7.0px,98.00% 6.6px,98.67% 3.6px,99.33% 4.3px,100.00% 4.8px,100% 100%,0 100%);
  --tear-a:polygon(0.00% 4.8px,3.33% 4.2px,6.67% 3.4px,10.00% 2.4px,13.33% 4.1px,16.67% 4.4px,20.00% 4.0px,23.33% 4.3px,26.67% 3.9px,30.00% 3.2px,33.33% 3.9px,36.67% 3.9px,40.00% 1.7px,43.33% 2.9px,46.67% 0.6px,50.00% 0.4px,53.33% 0.4px,56.67% 2.4px,60.00% 2.1px,63.33% 3.0px,66.67% 2.7px,70.00% 1.3px,73.33% 2.2px,76.67% 2.4px,80.00% 1.0px,83.33% 3.0px,86.67% 1.1px,90.00% 0.6px,93.33% 2.8px,96.67% 1.5px,100.00% 4.5px,100.00% calc(100% - 4.7px),96.67% calc(100% - 5.4px),93.33% calc(100% - 4.4px),90.00% calc(100% - 3.9px),86.67% calc(100% - 3.6px),83.33% calc(100% - 4.0px),80.00% calc(100% - 4.1px),76.67% calc(100% - 3.3px),73.33% calc(100% - 1.4px),70.00% calc(100% - 2.5px),66.67% calc(100% - 0.5px),63.33% calc(100% - 0.9px),60.00% calc(100% - 2.6px),56.67% calc(100% - 1.2px),53.33% calc(100% - 2.2px),50.00% calc(100% - 1.6px),46.67% calc(100% - 1.7px),43.33% calc(100% - 2.4px),40.00% calc(100% - 2.1px),36.67% calc(100% - 0.6px),33.33% calc(100% - 1.5px),30.00% calc(100% - 0.4px),26.67% calc(100% - 1.0px),23.33% calc(100% - 1.4px),20.00% calc(100% - 2.6px),16.67% calc(100% - 3.5px),13.33% calc(100% - 5.4px),10.00% calc(100% - 5.4px),6.67% calc(100% - 5.4px),3.33% calc(100% - 2.8px),0.00% calc(100% - 4.1px));
  --tear-b:polygon(0.00% 0.4px,3.33% 0.4px,6.67% 4.1px,10.00% 2.4px,13.33% 3.1px,16.67% 5.7px,20.00% 5.1px,23.33% 6.4px,26.67% 4.6px,30.00% 6.4px,33.33% 3.8px,36.67% 4.3px,40.00% 5.2px,43.33% 4.5px,46.67% 5.6px,50.00% 5.4px,53.33% 3.6px,56.67% 6.4px,60.00% 5.5px,63.33% 4.0px,66.67% 2.8px,70.00% 4.1px,73.33% 2.2px,76.67% 2.7px,80.00% 1.7px,83.33% 2.4px,86.67% 1.4px,90.00% 2.5px,93.33% 2.8px,96.67% 2.1px,100.00% 4.7px,100.00% calc(100% - 2.4px),96.15% calc(100% - 3.0px),92.31% calc(100% - 1.6px),88.46% calc(100% - 1.6px),84.62% calc(100% - 1.0px),80.77% calc(100% - 1.0px),76.92% calc(100% - 0.4px),73.08% calc(100% - 0.4px),69.23% calc(100% - 0.4px),65.38% calc(100% - 1.8px),61.54% calc(100% - 1.7px),57.69% calc(100% - 3.1px),53.85% calc(100% - 2.4px),50.00% calc(100% - 3.9px),46.15% calc(100% - 4.0px),42.31% calc(100% - 3.4px),38.46% calc(100% - 3.1px),34.62% calc(100% - 3.6px),30.77% calc(100% - 3.9px),26.92% calc(100% - 2.9px),23.08% calc(100% - 3.1px),19.23% calc(100% - 3.4px),15.38% calc(100% - 2.9px),11.54% calc(100% - 3.7px),7.69% calc(100% - 3.5px),3.85% calc(100% - 4.4px),0.00% calc(100% - 3.9px));
  --tear-c:polygon(0.00% 1.9px,4.55% 1.8px,9.09% 0.4px,13.64% 1.9px,18.18% 2.2px,22.73% 3.1px,27.27% 2.7px,31.82% 3.2px,36.36% 3.9px,40.91% 3.2px,45.45% 3.4px,50.00% 2.0px,54.55% 1.9px,59.09% 3.1px,63.64% 2.5px,68.18% 2.9px,72.73% 3.7px,77.27% 3.2px,81.82% 2.7px,86.36% 4.2px,90.91% 3.5px,95.45% 3.1px,100.00% 2.4px,100.00% calc(100% - 4.3px),97.06% calc(100% - 3.4px),94.12% calc(100% - 4.3px),91.18% calc(100% - 6.4px),88.24% calc(100% - 4.6px),85.29% calc(100% - 5.2px),82.35% calc(100% - 4.7px),79.41% calc(100% - 5.7px),76.47% calc(100% - 2.8px),73.53% calc(100% - 1.9px),70.59% calc(100% - 3.6px),67.65% calc(100% - 2.9px),64.71% calc(100% - 2.6px),61.76% calc(100% - 1.8px),58.82% calc(100% - 3.5px),55.88% calc(100% - 4.1px),52.94% calc(100% - 2.1px),50.00% calc(100% - 3.3px),47.06% calc(100% - 4.2px),44.12% calc(100% - 3.4px),41.18% calc(100% - 1.4px),38.24% calc(100% - 1.3px),35.29% calc(100% - 0.7px),32.35% calc(100% - 0.6px),29.41% calc(100% - 0.4px),26.47% calc(100% - 3.5px),23.53% calc(100% - 2.7px),20.59% calc(100% - 3.2px),17.65% calc(100% - 4.2px),14.71% calc(100% - 5.6px),11.76% calc(100% - 5.4px),8.82% calc(100% - 5.4px),5.88% calc(100% - 4.5px),2.94% calc(100% - 4.4px),0.00% calc(100% - 3.8px));
  --tear-d:polygon(0.00% 2.9px,2.78% 1.4px,5.56% 4.0px,8.33% 1.7px,11.11% 2.8px,13.89% 0.8px,16.67% 2.2px,19.44% 0.4px,22.22% 1.7px,25.00% 2.0px,27.78% 2.7px,30.56% 2.6px,33.33% 4.6px,36.11% 5.4px,38.89% 3.7px,41.67% 5.0px,44.44% 5.4px,47.22% 5.1px,50.00% 3.8px,52.78% 2.9px,55.56% 4.5px,58.33% 2.0px,61.11% 4.1px,63.89% 4.7px,66.67% 3.1px,69.44% 3.8px,72.22% 3.8px,75.00% 4.1px,77.78% 3.1px,80.56% 3.8px,83.33% 3.0px,86.11% 0.6px,88.89% 1.8px,91.67% 0.4px,94.44% 0.4px,97.22% 1.8px,100.00% 2.7px,100.00% calc(100% - 1.5px),97.22% calc(100% - 2.0px),94.44% calc(100% - 1.1px),91.67% calc(100% - 2.5px),88.89% calc(100% - 1.9px),86.11% calc(100% - 0.5px),83.33% calc(100% - 0.7px),80.56% calc(100% - 1.1px),77.78% calc(100% - 1.0px),75.00% calc(100% - 0.7px),72.22% calc(100% - 1.6px),69.44% calc(100% - 1.9px),66.67% calc(100% - 2.6px),63.89% calc(100% - 1.4px),61.11% calc(100% - 3.2px),58.33% calc(100% - 3.4px),55.56% calc(100% - 2.4px),52.78% calc(100% - 2.5px),50.00% calc(100% - 3.2px),47.22% calc(100% - 2.1px),44.44% calc(100% - 2.6px),41.67% calc(100% - 1.5px),38.89% calc(100% - 2.3px),36.11% calc(100% - 1.7px),33.33% calc(100% - 2.8px),30.56% calc(100% - 2.7px),27.78% calc(100% - 3.0px),25.00% calc(100% - 3.4px),22.22% calc(100% - 2.6px),19.44% calc(100% - 2.2px),16.67% calc(100% - 1.5px),13.89% calc(100% - 2.0px),11.11% calc(100% - 1.6px),8.33% calc(100% - 0.5px),5.56% calc(100% - 0.4px),2.78% calc(100% - 0.4px),0.00% calc(100% - 1.3px));
  --tear-wide:polygon(0.00% 5.4px,1.67% 5.4px,3.33% 3.9px,5.00% 5.3px,6.67% 4.0px,8.33% 1.5px,10.00% 3.3px,11.67% 0.7px,13.33% 0.4px,15.00% 0.7px,16.67% 1.4px,18.33% 0.6px,20.00% 2.6px,21.67% 3.4px,23.33% 2.7px,25.00% 3.4px,26.67% 2.6px,28.33% 2.8px,30.00% 0.6px,31.67% 0.9px,33.33% 1.4px,35.00% 0.8px,36.67% 3.9px,38.33% 3.8px,40.00% 3.0px,41.67% 5.0px,43.33% 4.8px,45.00% 4.2px,46.67% 3.8px,48.33% 4.1px,50.00% 2.5px,51.67% 3.4px,53.33% 3.1px,55.00% 2.1px,56.67% 4.4px,58.33% 2.4px,60.00% 3.1px,61.67% 5.0px,63.33% 3.2px,65.00% 3.3px,66.67% 3.0px,68.33% 1.9px,70.00% 1.3px,71.67% 0.8px,73.33% 0.5px,75.00% 0.4px,76.67% 1.9px,78.33% 1.0px,80.00% 1.0px,81.67% 2.4px,83.33% 3.8px,85.00% 3.3px,86.67% 2.5px,88.33% 2.3px,90.00% 1.3px,91.67% 2.3px,93.33% 1.8px,95.00% 1.4px,96.67% 2.3px,98.33% 2.9px,100.00% 5.3px,100.00% calc(100% - 5.2px),98.33% calc(100% - 6.4px),96.67% calc(100% - 5.2px),95.00% calc(100% - 3.6px),93.33% calc(100% - 4.5px),91.67% calc(100% - 5.0px),90.00% calc(100% - 4.0px),88.33% calc(100% - 1.2px),86.67% calc(100% - 0.6px),85.00% calc(100% - 2.3px),83.33% calc(100% - 4.3px),81.67% calc(100% - 4.8px),80.00% calc(100% - 4.4px),78.33% calc(100% - 4.0px),76.67% calc(100% - 3.3px),75.00% calc(100% - 1.4px),73.33% calc(100% - 0.6px),71.67% calc(100% - 1.1px),70.00% calc(100% - 0.4px),68.33% calc(100% - 2.2px),66.67% calc(100% - 0.4px),65.00% calc(100% - 2.0px),63.33% calc(100% - 2.2px),61.67% calc(100% - 2.5px),60.00% calc(100% - 5.6px),58.33% calc(100% - 3.4px),56.67% calc(100% - 4.3px),55.00% calc(100% - 3.2px),53.33% calc(100% - 2.8px),51.67% calc(100% - 4.2px),50.00% calc(100% - 3.0px),48.33% calc(100% - 3.6px),46.67% calc(100% - 2.9px),45.00% calc(100% - 6.2px),43.33% calc(100% - 4.6px),41.67% calc(100% - 6.4px),40.00% calc(100% - 4.8px),38.33% calc(100% - 6.4px),36.67% calc(100% - 5.2px),35.00% calc(100% - 4.7px),33.33% calc(100% - 5.1px),31.67% calc(100% - 0.9px),30.00% calc(100% - 1.1px),28.33% calc(100% - 2.0px),26.67% calc(100% - 1.0px),25.00% calc(100% - 3.1px),23.33% calc(100% - 2.3px),21.67% calc(100% - 1.9px),20.00% calc(100% - 1.6px),18.33% calc(100% - 2.4px),16.67% calc(100% - 4.0px),15.00% calc(100% - 1.7px),13.33% calc(100% - 2.3px),11.67% calc(100% - 2.5px),10.00% calc(100% - 1.6px),8.33% calc(100% - 1.2px),6.67% calc(100% - 2.5px),5.00% calc(100% - 3.4px),3.33% calc(100% - 4.7px),1.67% calc(100% - 3.2px),0.00% calc(100% - 5.2px));
}

:root {
  color-scheme: light;
  --ink: #18241F;
  --ink-2: #2C3B34;
  --muted: #3F5148;
  --line: #9DAEA3;
  --chalk: #E5EBEA;
  --chalk-hi: #F5F8F7;
  --chalk-lo: #D2DBD8;
  --mist: #BDCFC9;
  --mist-lo: #A3B9B1;
  --serp: #2F4A3F;
  --serp-deep: #1B2B25;
  --oxide: #9A4527;
  --oxide-deep: #7A3219;
  --amber: #E3A62A;
  --amber-hi: #F0C257;
  --amber-ink: #6B4500;
  --display: "Alegreya Sans SC", "Gill Sans", "Trebuchet MS", sans-serif;
  --body: "Alegreya", Georgia, "Times New Roman", serif;
  --accent: var(--oxide);
  --accent-dark: var(--serp-deep);
  --paper: var(--chalk);
}

* { box-sizing: border-box; }
[hidden] { display: none !important; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--ink); background: var(--chalk); font: 400 18.5px/1.55 var(--body); -webkit-font-smoothing: antialiased; font-variant-numeric: lining-nums; }
a { color: inherit; }
button, input, select, textarea { font: inherit; }
:focus-visible { outline: 3px solid var(--amber); outline-offset: 3px; box-shadow: 0 0 0 6px var(--serp-deep); }

/* ---------- header: the track ---------- */
.site-header { position: relative; background: var(--chalk-hi); border-bottom: 0; padding-bottom: 14px; }
.site-header::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 14px; background:
  linear-gradient(var(--serp-deep), var(--serp-deep)) 0 2px / 100% 3px no-repeat,
  repeating-linear-gradient(90deg, #6B563B 0 5px, transparent 5px 17px) 0 6px / 100% 8px no-repeat,
  linear-gradient(var(--serp-deep), var(--serp-deep)) 0 11px / 100% 3px no-repeat; }
.header-inner { max-width: 1180px; margin: auto; padding: 20px 32px 12px; display: flex; justify-content: space-between; align-items: center; gap: 20px; }
.brand { display: inline-flex; align-items: center; gap: 14px; text-decoration: none; font: 700 15px/1.2 var(--display); letter-spacing: .16em; text-transform: uppercase; color: var(--ink); min-height: 48px; }
.brand strong { display: block; font: 800 20px/1.15 var(--display); letter-spacing: .14em; color: var(--serp); }
.brand-mark { display: grid; place-items: center; flex: none; width: 50px; height: 50px; border-radius: 50%; background: var(--oxide); color: var(--chalk-hi); font: 800 26px/1 var(--display); box-shadow: 0 0 0 3px var(--chalk-hi), 0 0 0 5px var(--oxide); transform: rotate(-4deg); }
.header-link { display: inline-flex; align-items: center; min-height: 48px; border: 0; padding: 0 2px; background: transparent; color: var(--ink); white-space: nowrap; font: 700 16px/1.2 var(--display); letter-spacing: .14em; text-transform: uppercase; text-decoration: underline; text-decoration-color: var(--amber); text-decoration-thickness: 3px; text-underline-offset: 7px; cursor: pointer; }
.header-link:hover { color: var(--oxide-deep); }
.header-link span { color: var(--oxide); }

/* ---------- home: the grade profile sheet ---------- */
.canyon { position: relative; background: var(--mist); }
.sheet { position: relative; z-index: 1; margin-bottom: -16px; background: var(--chalk); clip-path: var(--tear-sheet); padding-bottom: 34px; }
.profile { background: var(--chalk-hi); border-bottom: 0; overflow: hidden; }
.profile-art { display: block; width: 100%; height: clamp(150px, 18vw, 262px); }
.hero-grid { max-width: 1180px; margin: auto; padding: 44px 32px 8px; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); grid-template-rows: auto 1fr auto; column-gap: clamp(32px, 5vw, 76px); align-items: start; }
.stamp { grid-column: 1; grid-row: 1; width: 112px; height: 112px; margin: 0 0 18px; transform: rotate(-7deg); filter: drop-shadow(0 2px 0 #7A321944); }
.stamp-art { display: block; width: 100%; height: 100%; }
.hero-grid .minimal-shell { display: contents; }
.minimal-shell h1 { grid-column: 1; grid-row: 2; margin: 0; font: 800 clamp(44px, 4.7vw, 68px)/1 var(--display); letter-spacing: .09em; text-transform: uppercase; color: var(--serp-deep); text-wrap: balance; }
.choice-grid { grid-column: 2; grid-row: 1 / span 3; display: grid; grid-template-columns: 1fr; gap: 12px; counter-reset: post; margin-top: 8px; }
.choice-grid a { position: relative; counter-increment: post; display: flex; align-items: center; gap: 0; min-height: 76px; padding: 12px 54px 12px 0; background: var(--mist); color: var(--ink); font: 700 clamp(19px, 1.9vw, 24px)/1.18 var(--display); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; clip-path: var(--tear-a); -webkit-mask: radial-gradient(circle at 0 50%, transparent 0 7px, #000 7.5px); mask: radial-gradient(circle at 0 50%, transparent 0 7px, #000 7.5px); transition: background-color .25s, transform .25s; }
.choice-grid a:nth-child(2) { clip-path: var(--tear-b); }
.choice-grid a:nth-child(3) { clip-path: var(--tear-c); }
.choice-grid a:nth-child(4) { clip-path: var(--tear-d); }
.choice-grid a:nth-child(5) { clip-path: var(--tear-b); }
.choice-grid a:nth-child(6) { clip-path: var(--tear-c); }
.choice-grid a::before { content: counter(post); flex: none; align-self: stretch; display: grid; place-items: center; width: 76px; margin-right: 22px; border-right: 3px dotted var(--serp); color: var(--oxide-deep); font: 800 34px/1 var(--display); letter-spacing: 0; }
.choice-grid a::after { content: ""; position: absolute; right: 22px; top: 50%; width: 13px; height: 13px; margin-top: -8px; border-top: 4px solid var(--serp-deep); border-right: 4px solid var(--serp-deep); transform: rotate(45deg); transition: transform .25s, right .25s; }
.choice-grid a[style] { justify-content: flex-start !important; text-align: left !important; align-items: center !important; }
.choice-grid a:hover { background: var(--amber); transform: translateX(-4px); }
.choice-grid a:hover::after { right: 16px; }
.choice-grid a:hover::before { color: var(--ink); border-right-color: var(--ink); }
.choice-grid a:focus-visible { outline-offset: 2px; }
.agency-line { grid-column: 1; grid-row: 3; align-self: end; margin: 34px 0 0; padding: 18px 0 0; border-top: 3px dotted var(--serp); color: var(--ink-2); font: 700 18px/1.5 var(--display); letter-spacing: .05em; max-width: 30ch; }
.agency-line a { display: inline-block; padding: 8px 0; color: var(--oxide-deep); font-weight: 700; text-decoration-thickness: 2px; text-underline-offset: 4px; }

@media (max-width: 900px) {
  .hero-grid { grid-template-columns: minmax(0, 1fr); grid-template-rows: auto; padding: 32px 22px 4px; }
  .stamp { grid-column: 1; grid-row: auto; width: 88px; height: 88px; margin-bottom: 14px; }
  .minimal-shell h1 { grid-column: 1; grid-row: auto; margin-bottom: 26px; }
  .choice-grid { grid-column: 1; grid-row: auto; margin-top: 0; }
  .agency-line { grid-column: 1; grid-row: auto; max-width: none; margin-top: 28px; }
}

/* ---------- the board: mile-post stations ---------- */
.local-board { position: relative; z-index: 0; background: var(--mist); color: var(--ink); }
.local-wrap { max-width: 1180px; margin: auto; padding: 84px 32px 110px; }
.local-intro { display: flex; align-items: flex-end; justify-content: space-between; gap: 30px; padding: 0 0 34px; border-bottom: 4px double var(--serp); }
.local-kicker, .local-card-kicker, .local-small-label { color: var(--oxide-deep); font: 800 15px/1.3 var(--display); letter-spacing: .16em; text-transform: uppercase; }
.local-kicker { margin: 0 0 16px; }
.local-kicker span { padding: 0 7px; color: var(--serp); }
.local-intro h2 { margin: 0; font: 800 clamp(40px, 5.6vw, 72px)/1 var(--display); letter-spacing: .08em; text-transform: uppercase; color: var(--serp-deep); }
.local-intro > div > p:last-child { max-width: 560px; margin: 18px 0 0; color: var(--ink-2); font-size: 19px; }
.local-generated { flex: none; margin: 0 0 3px; color: var(--muted); font: 700 15px/1.3 var(--body); }
.local-section-heading { position: relative; display: flex; align-items: center; gap: 22px; margin: 64px 0 22px; }
.local-section-heading h3 { order: 1; margin: 0; font: 800 clamp(28px, 3.4vw, 40px)/1.08 var(--display); letter-spacing: .09em; text-transform: uppercase; color: var(--serp-deep); }
.local-section-heading > span { order: 3; flex: none; min-width: 74px; padding: 8px 14px 6px; background: var(--serp-deep); color: var(--chalk-hi); font: 800 15px/1.2 var(--display); letter-spacing: .14em; text-transform: uppercase; clip-path: var(--tear-d); transform: rotate(-1.5deg); }
.local-section-heading::after { content: ""; order: 2; flex: 1; align-self: center; height: 4px; background: repeating-linear-gradient(90deg, var(--serp) 0 14px, transparent 14px 24px); opacity: .55; }
.local-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
.local-card { min-width: 0; padding: 30px 30px 28px; background: var(--chalk-hi); clip-path: var(--tear-wide); }
.local-grid > .local-card:nth-child(3n+2) { clip-path: var(--tear-b); }
.local-grid > .local-card:nth-child(3n) { clip-path: var(--tear-c); }
.local-card h4 { margin: 6px 0 20px; font: 800 clamp(25px, 2.8vw, 33px)/1.1 var(--display); letter-spacing: .07em; text-transform: uppercase; color: var(--serp-deep); }
.local-card-kicker { margin: 0; }
.local-card .local-copy { margin: 10px 0; color: var(--ink-2); font-size: 18px; }
.local-card .local-subtle, .local-subtle { display: block; color: var(--muted); font-size: 16px; }
.local-source { margin: 26px 0 0; padding-top: 14px; border-top: 3px dotted var(--mist-lo); color: var(--muted); font: 700 14px/1.4 var(--body); letter-spacing: .02em; }
.local-link { display: inline-block; margin-top: 10px; padding: 8px 0; color: var(--oxide-deep); font: 700 17px/1.3 var(--body); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.local-wide { grid-column: 1 / -1; }
.local-weather-lead { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; align-items: end; padding: 12px 0 26px; border-bottom: 3px dotted var(--mist-lo); }
.local-weather-lead > div:first-child { display: flex; align-items: baseline; flex-wrap: wrap; gap: 9px 22px; }
.local-big-temp { font: 800 clamp(78px, 11.5vw, 132px)/.84 var(--display); letter-spacing: .02em; color: var(--oxide-deep); }
.local-weather-condition { max-width: 210px; color: var(--ink-2); font-size: 20px; }
.local-weather-note { padding-bottom: 6px; display: flex; flex-direction: column; gap: 5px; color: var(--ink-2); font-size: 18px; }
.local-weather-note strong { color: var(--ink); font-size: 19px; }
.local-day-strip, .local-hour-strip { display: flex; overflow-x: auto; scrollbar-width: thin; }
.local-day-strip { gap: 0; padding: 22px 0; border-bottom: 3px dotted var(--mist-lo); }
.local-day { flex: 0 0 158px; padding: 0 16px; position: relative; display: flex; flex-direction: column; gap: 5px; font-size: 16px; color: var(--muted); line-height: 1.3; }
.local-day::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 2px; background: var(--mist-lo); }
.local-day:first-child { padding-left: 0; }
.local-day:first-child::before { display: none; }
.local-day strong { color: var(--ink); font: 800 16px/1.3 var(--display); letter-spacing: .1em; text-transform: uppercase; }
.local-day-temp { color: var(--oxide-deep); font: 800 26px/1.1 var(--display); letter-spacing: .03em; }
.local-small-label { margin: 22px 0 14px; }
.local-hour-strip { gap: 9px; padding-bottom: 6px; }
.local-hour { flex: 0 0 98px; padding: 11px 10px; background: var(--mist); display: flex; flex-direction: column; gap: 3px; font-size: 15px; color: var(--muted); clip-path: var(--tear-c); }
.local-hour strong { color: var(--ink); font: 800 24px/1.1 var(--display); letter-spacing: .03em; }
.local-big-number { margin: 16px 0 8px; color: var(--oxide-deep); font: 800 78px/.95 var(--display); letter-spacing: .02em; }
.local-radar { margin: 19px 0 0; overflow: hidden; border: 4px solid var(--serp-deep); background: var(--chalk-hi); }
.local-radar img { display: block; width: 100%; height: auto; }
.local-radar figcaption { padding: 6px 10px; color: var(--muted); font-size: 14px; }
.local-alert, .local-advisory { display: flex; gap: 20px; padding: 24px 28px; margin-top: 22px; background: #F6E3D3; color: var(--ink); clip-path: var(--tear-wide); }
.local-alert-icon { flex: none; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; background: #8C2A1B; color: #fff; font: 800 22px/1 var(--display); }
.local-alert h3, .local-advisory h3 { margin: 6px 0 9px; font: 700 21px/1.35 var(--body); }
.local-alert p, .local-advisory p { margin-bottom: 0; }
.local-advisory { align-items: center; background: #F3E3B3; }
.local-advisory-mark { flex: none; color: var(--amber-ink); font-size: 42px; line-height: 1; }
.local-advisory h3 { font: 700 clamp(21px, 2.4vw, 27px)/1.25 var(--body); }
.local-advisory-alert { background: #F6E3D3; }
.local-row { padding: 13px 0; border-bottom: 3px dotted var(--mist-lo); }
.local-row:first-of-type { padding-top: 0; }
.local-row:last-of-type { border-bottom: 0; }
.local-row-title { display: block; color: var(--ink); font: 700 18px/1.35 var(--body); text-decoration-color: var(--oxide); text-decoration-thickness: 2px; text-underline-offset: 4px; }
.local-row-detail { display: block; margin-top: 4px; color: var(--muted); font-size: 16px; }
.local-news-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 35px; }
.local-market-name { display: block; font-size: 19px; }
.local-lottery { padding: 12px 0; border-bottom: 3px dotted var(--mist-lo); display: flex; flex-direction: column; gap: 5px; }
.local-lottery strong { font: 800 22px/1.2 var(--display); letter-spacing: .04em; }

/* the city note: the last station, after dark */
#city-notes { background: var(--serp-deep); color: var(--chalk); }
#city-notes .local-wrap { padding-top: 76px; padding-bottom: 96px; }
#city-notes .local-section-heading h3 { color: var(--chalk-hi); }
#city-notes .local-section-heading > span { background: var(--amber); color: var(--ink); }
#city-notes .local-section-heading::after { background: repeating-linear-gradient(90deg, var(--mist-lo) 0 14px, transparent 14px 24px); opacity: .5; }
#city-notes .local-card { background: var(--chalk-hi); }

/* ---------- inner pages: quote and question ---------- */
.page-shell { max-width: 1180px; margin: auto; padding: 60px 32px 92px; }
.intro { position: relative; padding-left: 0; }
.eyebrow { margin: 0 0 14px; color: var(--oxide-deep); font: 800 17px/1.3 var(--display); letter-spacing: .2em; text-transform: uppercase; }
.eyebrow::after { content: ""; display: block; width: 92px; height: 5px; margin-top: 12px; background: repeating-linear-gradient(90deg, var(--oxide) 0 12px, transparent 12px 18px); }
.intro h1 { margin: 0; font: 800 clamp(42px, 5.6vw, 78px)/1 var(--display); letter-spacing: .09em; text-transform: uppercase; color: var(--serp-deep); }
.intro-copy { margin: 22px 0 0; color: var(--ink-2); font-size: clamp(19px, 2vw, 22px); max-width: 680px; }

.options { margin-top: 55px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.option { min-width: 0; min-height: 247px; padding: 26px; display: flex; flex-direction: column; align-items: flex-start; background: var(--mist); clip-path: var(--tear-a); }
.option-number { color: var(--oxide-deep); font: 800 16px/1 var(--display); text-transform: uppercase; letter-spacing: .16em; }
.option h2 { margin: 19px 0 7px; font: 800 clamp(24px, 2.7vw, 30px)/1.12 var(--display); letter-spacing: .07em; text-transform: uppercase; }
.option p { margin: 0; color: var(--ink-2); font-size: 17px; max-width: 30ch; }
.option .option-action { margin-top: auto; padding: 12px 15px; min-height: 48px; width: 100%; display: inline-flex; align-items: center; justify-content: space-between; gap: 10px; border: 0; color: var(--chalk-hi); background: var(--serp-deep); font: 800 17px/1.25 var(--display); letter-spacing: .1em; text-transform: uppercase; text-decoration: none; text-align: left; cursor: pointer; }
.option-action:hover { background: var(--amber); color: var(--ink); }
.option-action span { font-size: 19px; line-height: 1; }
.option .option-note { margin-top: 7px; font-size: 15px; color: var(--muted); }

.question-section { scroll-margin-top: 25px; margin-top: 56px; padding: 44px; background: var(--chalk-hi); border: 3px solid var(--serp-deep); box-shadow: 8px 8px 0 var(--mist-lo); }
.question-heading h2 { margin: 0; font: 800 clamp(30px, 4vw, 44px)/1.1 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.question-heading > p:last-child { margin: 13px 0 0; color: var(--ink-2); }
.question-form { margin-top: 10px; }
.form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 22px; }
.form-grid label { display: flex; flex-direction: column; gap: 8px; font: 700 15.5px/1.3 var(--display); letter-spacing: .1em; text-transform: uppercase; color: var(--ink); }
.form-grid input, .form-grid select, .form-grid textarea { width: 100%; min-width: 0; border: 2px solid var(--serp-deep); border-radius: 2px; padding: 12px 14px; color: var(--ink); background: #fff; font: 400 18px/1.35 var(--body); letter-spacing: 0; text-transform: none; }
.form-grid input:focus, .form-grid select:focus, .form-grid textarea:focus { outline: 3px solid var(--amber); outline-offset: 1px; border-color: var(--oxide); }
.form-grid input, .form-grid select { min-height: 50px; }
.form-grid textarea { min-height: 140px; resize: vertical; }
.form-grid .message-field { grid-column: 1 / -1; }
.form-grid .checkbox-row, .quote-form > fieldset > .checkbox-row { display: flex; flex-direction: row; align-items: flex-start; gap: 12px; font: 400 18px/1.4 var(--body); letter-spacing: 0; text-transform: none; }
.form-grid .checkbox-row { grid-column: 1 / -1; }
.form-grid .checkbox-row input, .quote-form > fieldset > .checkbox-row input { width: 24px; min-width: 24px; height: 24px; min-height: 24px; margin: 3px 0 0; accent-color: var(--oxide); }
.quote-form > fieldset > .checkbox-row { margin-top: 22px; }
.honeypot { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.form-bottom { margin-top: 28px; }
.form-bottom button { min-height: 54px; display: inline-flex; align-items: center; gap: 12px; border: 0; padding: 13px 24px; color: var(--chalk-hi); background: var(--serp-deep); font: 800 18px/1.2 var(--display); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; clip-path: var(--tear-d); transition: background-color .25s; }
.form-bottom button:hover { background: var(--oxide-deep); }
.submit-note { max-width: 640px; margin: 17px 0 0; color: var(--muted); font-size: 16.5px; }
.form-status { min-height: 24px; margin: 13px 0 0; color: var(--oxide-deep); font-weight: 700; font-size: 17px; }

.product-switch { display: flex; flex-wrap: wrap; gap: 10px; margin: 36px 0 20px; }
.product-switch a { display: inline-flex; align-items: center; min-height: 48px; padding: 8px 20px; background: var(--mist); color: var(--ink); font: 800 17px/1.2 var(--display); letter-spacing: .12em; text-transform: uppercase; text-decoration: none; clip-path: var(--tear-c); }
.product-switch a:hover { background: var(--amber); }
.product-switch a[aria-current="page"] { color: var(--chalk-hi); background: var(--serp-deep); }
.quote-form fieldset { min-width: 0; margin: 22px 0; padding: 30px; border: 3px solid var(--serp-deep); background: var(--chalk-hi); box-shadow: 8px 8px 0 var(--mist-lo); }
.quote-form legend { padding: 7px 16px 5px; background: var(--serp-deep); color: var(--chalk-hi); font: 800 19px/1.2 var(--display); letter-spacing: .14em; text-transform: uppercase; }
.quote-form .form-grid { margin-top: 6px; }
.quote-submit { margin: 26px 0 55px; max-width: 740px; }
.quote-submit button, .quote-results button { min-height: 54px; border: 0; padding: 13px 24px; color: var(--chalk-hi); background: var(--serp-deep); font: 800 18px/1.2 var(--display); letter-spacing: .12em; text-transform: uppercase; cursor: pointer; clip-path: var(--tear-d); transition: background-color .25s; }
.quote-submit button:hover, .quote-results button:hover { background: var(--oxide-deep); }
.quote-submit button:disabled, .quote-results button:disabled { cursor: wait; opacity: .6; }
#quote-status { color: var(--oxide-deep); font-weight: 700; }
.quote-results { margin: 30px 0 70px; padding: 30px; border: 3px solid var(--serp-deep); background: var(--chalk-hi); box-shadow: 8px 8px 0 var(--mist-lo); }
.quote-results h2 { margin: 0 0 16px; font: 800 30px/1.1 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.quote-results article { border-top: 3px dotted var(--mist-lo); padding: 20px 0; }
.quote-results article h3 { margin: 0 0 5px; font: 800 22px/1.2 var(--display); letter-spacing: .08em; text-transform: uppercase; }
.quote-results article p { margin: 4px 0 13px; }

.site-footer { position: relative; max-width: 1180px; margin: auto; padding: 30px 32px 38px; display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px 26px; color: var(--chalk); font-size: 17px; background: var(--serp-deep); box-shadow: 0 0 0 100vmax var(--serp-deep); clip-path: inset(0 -100vmax); }
.site-footer p { margin: 0; }
.site-footer > p:first-child { color: var(--chalk-hi); font-weight: 700; }
.site-footer a { display: inline-block; padding: 6px 0; color: var(--amber-hi); text-underline-offset: 4px; }
.site-footer .footer-note { flex-basis: 100%; color: var(--mist); }

@media (max-width: 850px) {
  .options { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .local-intro { align-items: flex-start; flex-direction: column; }
}

@media (max-width: 590px) {
  body { font-size: 18px; }
  .header-inner { padding: 16px 20px 10px; flex-wrap: wrap; gap: 6px 16px; }
  .brand { font-size: 13px; gap: 11px; }
  .brand strong { font-size: 17px; }
  .brand-mark { width: 44px; height: 44px; font-size: 23px; }
  .header-link { margin-left: auto; font-size: 14px; white-space: normal; text-align: right; min-height: 44px; }
  .page-shell { padding: 44px 20px 65px; }
  .options { margin-top: 37px; grid-template-columns: 1fr; gap: 12px; }
  .option { min-height: 0; padding: 23px; }
  .option h2 { margin-top: 15px; }
  .option .option-action { margin-top: 20px; }
  .question-section { margin-top: 44px; padding: 26px 18px; }
  .form-grid { grid-template-columns: 1fr; gap: 20px; }
  .quote-form fieldset { padding: 24px 16px 20px; }
  .site-footer { padding: 25px 20px 34px; }
  .hero-grid { padding: 26px 18px 2px; }
  .minimal-shell h1 { letter-spacing: .07em; }
  .choice-grid { gap: 10px; }
  .choice-grid a { min-height: 72px; padding: 10px 40px 10px 0; font-size: 18px; letter-spacing: .06em; }
  .choice-grid a::before { width: 52px; margin-right: 14px; font-size: 28px; }
  .choice-grid a::after { right: 14px; }
  .local-wrap { padding: 56px 20px 70px; }
  .local-section-heading { margin-top: 48px; flex-direction: column; align-items: flex-start; gap: 12px; }
  .local-section-heading::after { display: none; }
  .local-grid, .local-weather-lead, .local-news-list { grid-template-columns: 1fr; }
  .local-card { padding: 26px 20px 24px; }
  .local-weather-lead { gap: 14px; }
  .local-alert, .local-advisory { padding: 22px 18px; gap: 12px; }
  .local-day { flex-basis: 132px; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .choice-grid a, .choice-grid a::after, .form-bottom button, .quote-submit button { transition: none; }
  .choice-grid a:hover { transform: none; }
}