@font-face{font-family:"Oswald";src:url(/assets/fonts/Oswald-var.woff2) format("woff2");font-weight:200 700;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(/assets/fonts/LibreCaslonText-400.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(/assets/fonts/LibreCaslonText-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Libre Caslon Text";src:url(/assets/fonts/LibreCaslonText-700.woff2) format("woff2");font-weight:700;font-display:swap}
@font-face{font-family:"IBM Plex Mono";src:url(/assets/fonts/IBMPlexMono-600.woff2) format("woff2");font-weight:600;font-display:swap}
@font-face{font-family:"Rye";src:url(/assets/fonts/Rye-400.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--kraft:#E8D7B5;--paper:#F1E6CF;--navy:#142945;--mustard:#B89545;--display:"Oswald",Impact,sans-serif;--body:"Libre Caslon Text",Georgia,serif;--mono:"IBM Plex Mono",ui-monospace,Menlo,monospace;--pulp:"Rye",var(--display)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--kraft);color:var(--navy);font:18px/1.65 var(--body);background-image:radial-gradient(rgba(20,41,69,.07) 1px,transparent 1.2px);background-size:7px 7px;overflow-x:clip}
img{max-width:100%;height:auto;display:block}a{color:inherit}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.mono{font-family:var(--mono);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:12px}
h1,h2,h3{font-family:var(--display);font-weight:700;text-transform:uppercase;line-height:1;margin:0;letter-spacing:.005em}
header.site{display:flex;justify-content:space-between;align-items:center;padding:20px 0}
.logo img{height:84px;width:auto;padding:5px 6px;background:var(--paper);border:2px solid var(--navy)}
.nav{display:flex;gap:18px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--display);font-weight:600;text-transform:uppercase;letter-spacing:.03em;font-size:21px;background:var(--navy);color:var(--kraft);border:0;padding:16px 24px;box-shadow:6px 6px 0 var(--mustard);cursor:pointer;text-decoration:none}
.btn.ghost{background:var(--paper);color:var(--navy);border:2px solid var(--navy);box-shadow:4px 4px 0 var(--navy);font-family:var(--mono);font-size:13px;letter-spacing:.14em;padding:10px 14px}
.kicker{display:inline-block;border-top:2px solid var(--navy);border-bottom:2px solid var(--navy);padding:6px 0;margin-bottom:18px}
/* index */
.bhero{padding:30px 0 40px;display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;border-bottom:3px double var(--navy)}
.bhero h1{font-size:clamp(46px,7vw,96px)}
.bhero h1 em{font-family:var(--pulp);font-style:normal;font-weight:400;text-transform:none;font-size:.62em;display:block;color:var(--navy);margin-bottom:6px;text-shadow:3px 3px 0 var(--mustard)}
.bhero p{font-size:20px;max-width:30em;margin:18px 0 0}
.bhero img{max-width:250px;justify-self:end;border:2px solid var(--navy);box-shadow:8px 8px 0 var(--navy);background:var(--paper)}
.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px;padding:44px 0}
.card{background:var(--paper);border:2px solid var(--navy);box-shadow:inset 0 0 0 6px var(--paper),inset 0 0 0 7px var(--navy),6px 6px 0 var(--navy);padding:28px 28px 30px;text-decoration:none;display:flex;flex-direction:column;gap:12px;position:relative}
.card h2{font-size:clamp(28px,3vw,38px)}
.card p{margin:0}.card .more{margin-top:auto;padding-top:8px}
.card:hover h2{text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:5px}
.clusters{display:flex;flex-wrap:wrap;gap:10px;padding:26px 0 0}
.clusters a{border:2px solid var(--navy);padding:6px 10px;text-decoration:none;background:var(--paper)}
/* post */
.post{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:56px;padding:20px 0 60px}
.post h1{font-size:clamp(40px,5.4vw,72px);margin:4px 0 16px}
.byline{display:flex;gap:14px;align-items:center;border-top:2px solid var(--navy);border-bottom:2px solid var(--navy);padding:10px 0;margin:18px 0 28px}
.byline img{width:56px;height:56px;object-fit:cover;object-position:50% 12%;border:2px solid var(--navy);background:var(--paper)}
.dek{font-size:21px;font-style:italic;margin:0}
.body h2{font-size:clamp(28px,3vw,38px);margin:42px 0 12px}
.body h3{font-size:24px;margin:28px 0 8px}
.body p,.body li{max-width:38em}
.body ul,.body ol{padding-left:1.2em}.body li{margin:6px 0}
.body table{border-collapse:collapse;width:100%;font-size:16px;margin:18px 0;background:var(--paper)}
.body th,.body td{border:2px solid var(--navy);padding:8px 10px;text-align:left;vertical-align:top}
.body th{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.tablewrap{overflow-x:auto}
.callout{background:var(--paper);border:2px solid var(--navy);box-shadow:5px 5px 0 var(--navy);padding:16px 20px;margin:26px 0}
.callout a{font-weight:700}
.toc{background:var(--paper);border:2px solid var(--navy);padding:14px 18px;margin:0 0 20px}
.toc ol{margin:8px 0 0;padding-left:1.2em}
.faq details{border-bottom:2px solid var(--navy);padding:12px 0}.faq summary{font-weight:700;cursor:pointer}
.sources{font-size:15px;border-top:3px double var(--navy);margin-top:44px;padding-top:12px}
.sources li{word-break:break-word}
aside .stick{position:sticky;top:20px}
.coupon{position:relative;background:var(--paper);border:3px dashed var(--navy);padding:26px 24px 22px;box-shadow:8px 8px 0 var(--mustard)}
.coupon h2{font-size:34px;margin:6px 0 8px}
.coupon .offer{margin:0 0 16px;font-size:17px}
.coupon label.f{display:block;margin:12px 0 6px}
.coupon .optional{opacity:.7}
input[type=text],input[type=email],input[type=tel]{width:100%;font:17px var(--body);padding:12px;border:2px solid var(--navy);background:#FBF6EA;color:var(--navy);border-radius:0}
input:focus{outline:3px solid var(--mustard);outline-offset:1px}
.consent{display:flex;gap:10px;font-size:13px;line-height:1.45;margin:14px 0 16px;align-items:flex-start}
.consent input{width:20px;height:20px;flex:none;margin-top:2px;accent-color:var(--navy)}
.coupon .btn{width:100%}
.hp{position:absolute;left:-9999px}
.err{color:#9b2a1e;font-size:15px;min-height:1px;margin-top:8px}
.micro{margin:12px 0 0;font-size:11px}
.thanks{display:none}.done form{display:none}.done .thanks{display:block}
.related{border-top:3px double var(--navy);padding:30px 0}
.related ul{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.related a{display:block;background:var(--paper);border:2px solid var(--navy);padding:14px;text-decoration:none;font-family:var(--display);text-transform:uppercase;font-size:20px;line-height:1.1;height:100%}
.endcap{margin:40px 0 0}
footer{border-top:2px solid var(--navy);padding:24px 0 60px;font-size:14px}
footer .links{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:12px}
.disclaimer{max-width:60em}
@media (max-width:900px){.post{grid-template-columns:minmax(0,1fr);gap:30px}.dek{font-size:18px}.post>aside{display:none}.byline{margin:14px 0 22px}.bhero{grid-template-columns:minmax(0,1fr)}.bhero img{display:none}.cards{grid-template-columns:minmax(0,1fr)}.related ul{grid-template-columns:minmax(0,1fr)}aside .stick{position:static}.logo img{height:64px}.nav .hide-m{display:none}}
@media (max-width:900px){.bindex>aside{display:block}}
.bhero h1 em{margin-top:10px}
.tablehint{display:none}
@media (max-width:900px){.body table{min-width:620px;font-size:15px}.tablehint{display:block;font-size:11px;margin:4px 0 0}.bhero .kicker{font-size:11px}}
/* scenes */
.has-plate{background-image:linear-gradient(rgba(232,215,181,.84),rgba(232,215,181,.9) 55%,var(--kraft) 99%),var(--plate),radial-gradient(rgba(20,41,69,.07) 1px,transparent 1.2px);
  background-size:100% 56.25vw,100% 56.25vw,7px 7px;background-repeat:no-repeat,no-repeat,repeat;background-position:top,top center,0 0}
.scene-hdr{margin:8px 0 6px;border:2px solid var(--navy);box-shadow:8px 8px 0 var(--navy);background:var(--paper);aspect-ratio:16/9;overflow:hidden}
.scene-hdr img{width:100%;height:100%;object-fit:cover}
.bhero2{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:0;align-items:stretch;margin:6px 0 10px;
  background:var(--paper);border:2px solid var(--navy);box-shadow:8px 8px 0 var(--navy)}
.bh-panel{background:var(--paper);border-right:2px solid var(--navy);padding:34px 34px 30px;box-shadow:inset 0 0 0 6px var(--paper),inset 0 0 0 7px var(--navy)}
.bh-panel h1{font-size:clamp(46px,5.6vw,84px)}
.bh-panel h1 em{font-family:var(--pulp);font-style:normal;font-weight:400;text-transform:none;font-size:.6em;display:block;margin:8px 0 6px;text-shadow:3px 3px 0 var(--mustard)}
.bh-panel>p{font-size:19px;margin:16px 0 0}
.bh-scene{margin:0;overflow:hidden}.bh-scene img{width:100%;height:100%;object-fit:cover}
@media (max-width:900px){.bhero2{grid-template-columns:minmax(0,1fr)}.bh-panel{border-right:0;border-bottom:2px solid var(--navy);padding:24px 20px}.bh-scene{order:-1;aspect-ratio:16/9;border-bottom:2px solid var(--navy)}.bh-panel{border-bottom:0}.scene-hdr{box-shadow:5px 5px 0 var(--navy)}}