/* LANDFORCE / Whiteboard system. Shared interior-page primitives. */
@font-face{font-family:BoardHaas;src:url('/assets/NeueHaasDisplayMediu.ttf') format('truetype');font-weight:400 900;font-display:swap}
:root{--board:#f8f9f5;--ink:#161815;--muted:#62665e;--line:#c5c9be;--orange:#ff701c;--red:#bd352f;--yellow:#fff298;--lime:#d5ef91;--pink:#efc8d7;--sans:BoardHaas,Arial,sans-serif;--hand:Caveat,'Segoe Print',cursive;--measure:68ch;--gutter:clamp(20px,5vw,80px);--space-1:8px;--space-2:16px;--space-3:24px;--space-4:40px;--space-5:72px;--space-6:112px}
*{box-sizing:border-box}.board-page{margin:0;background:var(--board);color:var(--ink);font:18px/1.5 var(--sans);-webkit-font-smoothing:antialiased;isolation:isolate}.board-page::before{content:'';position:fixed;inset:0;z-index:-1;background:url('/assets/fiber.webp') repeat;opacity:.065;pointer-events:none}.board-page a{color:inherit;text-underline-offset:4px}.board-page button,.board-page input,.board-page select,.board-page textarea{font:inherit}.board-page button,.board-page a{-webkit-tap-highlight-color:transparent}.board-page img,.board-page svg{max-width:100%}.board-page :focus-visible{outline:2px solid var(--red);outline-offset:5px}.sr-only,.skip-link:not(:focus){position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link:focus{position:fixed;z-index:50;top:12px;left:12px;background:var(--ink);color:#fff;padding:12px 20px}
.site-header{max-width:1600px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px var(--gutter);border-bottom:1px solid var(--line)}.site-brand{font:900 clamp(27px,3vw,42px)/.95 var(--sans);letter-spacing:-.07em;text-decoration:none;white-space:nowrap}.site-nav{display:flex;align-items:center;gap:clamp(14px,2vw,30px);flex-wrap:wrap}.site-nav a{position:relative;display:inline-flex;align-items:center;min-height:44px;text-decoration:none;font-size:16px}.site-nav a:hover{text-decoration:underline}.site-nav a[aria-current=page]::after{content:'';position:absolute;bottom:5px;left:-4px;right:-4px;height:3px;background:var(--red);border-radius:80% 20% 60% 40%;transform:rotate(-2deg)}
.page-shell{max-width:1440px;margin:auto;padding:0 var(--gutter) 80px}.page-hero{position:relative;padding:72px 0 56px}.eyebrow{display:block;font:600 13px/1.4 var(--sans);letter-spacing:.1em;text-transform:uppercase;margin:0 0 16px}.page-hero h1{font:900 clamp(58px,10vw,144px)/.88 var(--sans);letter-spacing:-.075em;margin:0 0 26px;overflow-wrap:anywhere}.lede{font:500 clamp(27px,3vw,39px)/1.18 var(--hand);max-width:34ch;margin:0}.hand{font-family:var(--hand);font-weight:500}.section-heading{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:56px 0 24px}.section-heading h2{font:700 clamp(30px,4vw,48px)/1 var(--sans);letter-spacing:-.045em;margin:0}.section-heading a{font:500 24px/1.2 var(--hand)}.section-note{font:500 24px/1.25 var(--hand);color:var(--muted)}
.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.content-grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-grid>*{min-width:0}.paper-card{display:block;position:relative;background:#fffefa;border:1px solid #d5d6cb;padding:28px;box-shadow:1px 3px 0 #e3e5dc;text-decoration:none}.paper-card h2,.paper-card h3{font:700 clamp(25px,3vw,34px)/1.08 var(--sans);letter-spacing:-.035em;margin:10px 0 16px}.paper-card p{margin:0 0 18px}.paper-card>:last-child{margin-bottom:0}.paper-card img{width:100%;aspect-ratio:16/10;object-fit:cover;display:block;margin-bottom:24px}.paper-card:is(a):hover{border-color:var(--ink);box-shadow:2px 5px 0 #d5d8cc}.card-meta{font-size:13px;letter-spacing:.035em;color:var(--muted)}
.sticky-card{--paper-start:#fff5a8;--paper-end:#eadd78;--tilt:-1deg;display:flex;position:relative;isolation:isolate;flex-direction:column;align-items:flex-start;padding:28px 30px 38px;min-height:210px;transform:rotate(var(--tilt));color:#22271b;text-decoration:none;border-radius:1px 1px 8px 1px;background:linear-gradient(170deg,var(--paper-start) 8%,var(--paper-end) 83%,var(--paper-start));box-shadow:1px 8px 7px -6px #343b2466;transition:transform .18s,box-shadow .18s}.sticky-card::before{content:'';position:absolute;inset:0 0 auto;height:20px;background:#ffffff12;border-bottom:1px solid #00000003;pointer-events:none}.sticky-card.lime{--paper-start:#dcf59f;--paper-end:#b9d678}.sticky-card.pink{--paper-start:#f6d3de;--paper-end:#deb2c4;--tilt:1deg}.sticky-card h2,.sticky-card h3{font:600 36px/1 var(--hand);margin:0 0 18px}.sticky-card p{font:500 27px/1.12 var(--hand);margin:0}.sticky-card .cut30-wordmark{font:900 48px/.95 Impact,'Arial Narrow',sans-serif;letter-spacing:-.035em}.sticky-card:is(a):hover{transform:rotate(0deg) translateY(-3px);box-shadow:2px 12px 10px -7px #343b2466}.sticky-card:is(a):active{transform:rotate(0deg) translateY(1px)}
.label-card{display:block;padding:9px;border:2px solid #272921;border-radius:2px;background:linear-gradient(145deg,#ff943e,#ff721d 48%,#e96815 95%);box-shadow:inset 0 1px 1px #ffd8a6,1px 3px 3px #1d251c3b;text-decoration:none;transform:rotate(1deg);max-width:340px}.label-card .label-kicker{display:block;background:#20221c;color:#ff9a4b;font:700 13px/1.2 var(--sans);letter-spacing:.2em;padding:8px 10px}.label-card strong{display:block;font:900 clamp(28px,4vw,40px)/.95 Impact,'Arial Narrow',var(--sans);letter-spacing:-.02em;padding:14px 10px 8px;text-transform:uppercase}.label-card:hover{box-shadow:inset 0 1px 1px #ffd8a6,1px 4px 6px #1d251c4b}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;padding:11px 22px;border:2px solid var(--ink);background:transparent;border-radius:2px;color:var(--ink);text-decoration:none;cursor:pointer;line-height:1.2;font:600 16px/1.2 var(--sans);transition:background .15s,color .15s,transform .15s}.btn-primary{background:var(--ink);color:#fffefa;box-shadow:3px 3px 0 var(--board),5px 5px 0 var(--ink)}.btn-primary:hover{background:#363c30;transform:translateY(-1px)}.btn-outline:hover{background:var(--ink);color:#fffefa}.btn-hand{font:600 27px/1 var(--hand);border-radius:8% 3% 6% 2%/12% 6% 11% 5%;border-width:2px;transform:rotate(-1deg);padding:8px 20px}.btn-hand:hover{background:var(--ink);color:#fffefa}.btn:disabled,.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed;box-shadow:none;transform:none}.btn-row{display:flex;flex-wrap:wrap;gap:18px;align-items:center}.pill{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 11px;border:1px solid #878c80;border-radius:3px;font:500 13px/1.3 var(--sans);color:var(--ink);background:#f1f2eb;text-decoration:none;white-space:nowrap}.pill-orange{background:#ffd6b8;border-color:#c7753d}.pill-lime{background:#e0edbb;border-color:#849b51}.pill:is(a,button){min-height:44px;cursor:pointer}.pill:is(a,button):hover,.pill[aria-pressed=true]{background:var(--ink);color:var(--board);border-color:var(--ink)}.pill-row{display:flex;flex-wrap:wrap;gap:8px}
.directory-list{border-top:2px solid var(--ink)}.directory-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) auto;gap:24px;align-items:center;padding:24px 0;border-bottom:1px solid var(--line);text-decoration:none}.directory-row h2,.directory-row h3{font:700 25px/1.1 var(--sans);letter-spacing:-.025em;margin:0 0 6px}.directory-row p{font-size:16px;color:var(--muted);margin:0}.directory-row:is(a):hover h3,.directory-row:is(a):hover h2{text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:5px}.directory-arrow{font:500 32px/1 var(--hand)}
.prose{max-width:var(--measure);font-size:19px;line-height:1.65}.prose h2{font:700 clamp(30px,4vw,44px)/1.08 var(--sans);letter-spacing:-.045em;margin:48px 0 18px}.prose h3{font-size:25px;line-height:1.2;margin-top:32px}.prose p{margin:0 0 22px}.prose li{margin-bottom:10px}.prose blockquote{font:600 31px/1.2 var(--hand);margin:32px 0;padding:0 0 0 22px;border-left:3px solid var(--red)}.prose a{ text-decoration-color:var(--red)}.prose img{height:auto}.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:64px}.article-aside{font-size:15px}.article-aside h2{font:600 26px/1.1 var(--hand)}.breadcrumbs{font-size:14px;display:flex;gap:10px;flex-wrap:wrap;margin-top:24px;color:var(--muted)}
.field{display:flex;flex-direction:column;gap:8px}.field label{font-size:15px}.field input,.field select,.field textarea{min-height:48px;padding:10px 12px;border:1px solid #828779;border-radius:2px;background:#fffefa;color:var(--ink);width:100%}.field-help{font-size:14px;color:var(--muted)}.field-error{color:#a62720;font-size:14px}.field input[aria-invalid=true]{border:2px solid var(--red)}.email-signup{max-width:620px;padding:24px 0}.email-signup h2{font:600 clamp(25px,4vw,34px)/1.15 var(--hand);margin:0 12px 12px}.email-circle{position:relative;display:flex;align-items:center;gap:16px;padding:14px 20px;border:3px solid var(--red);border-radius:49% 46% 48% 43%/40% 46% 45% 48%}.email-circle input{min-width:0;width:100%;height:48px;border:0;background:none;font:500 28px/1 var(--hand);padding:0;color:var(--ink)}.email-circle input::placeholder{color:var(--muted);opacity:1}.email-circle input:focus-visible{outline:0}.email-circle:focus-within{border-color:#951f1b;box-shadow:0 0 0 1px #951f1b}.email-circle button{flex-shrink:0;background:none;border:0;padding:0;width:50px;height:48px;color:var(--ink);cursor:pointer}.email-circle svg{display:block;width:50px;height:46px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.email-circle button:hover svg path:first-child{fill:var(--ink)}.email-circle button:hover svg path:last-child{stroke:white}.form-message{font:600 25px/1.2 var(--hand);margin:14px 12px 0}.site-footer{max-width:1440px;margin:auto;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:24px;border-top:1px solid var(--line);padding:28px var(--gutter) 36px;color:var(--muted);font-size:14px}.site-footer .handle{font:500 26px/1 var(--hand)}.site-footer nav{display:flex;gap:22px;flex-wrap:wrap}.site-footer a{display:inline-flex;align-items:center;min-height:44px;text-decoration:none}.site-footer a:hover{text-decoration:underline}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column;gap:12px;padding-top:22px;padding-bottom:12px}.site-nav{width:100%;gap:20px}.site-nav a{font-size:15px}.page-hero{padding:48px 0 40px}.page-shell{padding-bottom:48px}.content-grid,.content-grid.three{grid-template-columns:1fr}.content-grid{gap:22px}.section-heading{margin-top:40px}.article-layout{grid-template-columns:1fr;gap:32px}.article-aside{border-top:1px solid var(--line);padding-top:20px}.directory-row{grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:20px 0}.directory-row>:nth-child(2){grid-column:1}.directory-row>.directory-arrow{grid-column:2;grid-row:1/3}.site-footer{gap:12px}.site-footer nav{gap:18px}.prose{font-size:18px}.paper-card{padding:24px}.sticky-card{min-height:190px}.email-circle{padding:10px 15px;gap:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Material library: dotted graph paper and red cloth tape. */
:root{--graph-dot:#718ba936;--graph-spacing:18px;--tape-red:#b92327}
.graph-paper{background-color:#fffef8;background-image:radial-gradient(circle,var(--graph-dot) .8px,transparent 1px);background-size:var(--graph-spacing) var(--graph-spacing);border:1px solid #d8dace;box-shadow:1px 3px 5px #252d2512;padding:clamp(24px,4vw,48px)}
.tape-label,.site-brand{position:relative;isolation:isolate;display:inline-block;padding:10px 19px 12px;color:#fffdf3;text-decoration:none;white-space:nowrap}
.tape-label::before,.site-brand::before{content:'';position:absolute;inset:0;z-index:-1;background-color:var(--tape-red);background-image:linear-gradient(100deg,#7111141a,#ffaaa423 35%,transparent 60%,#6b090e25),repeating-linear-gradient(0deg,transparent 0 2px,#fff1 2px 2.5px),repeating-linear-gradient(90deg,transparent 0 3px,#31070c0d 3px 4px);clip-path:polygon(1% 0,99% 2%,98.7% 14%,100% 25%,99% 41%,100% 58%,98.8% 74%,100% 95%,1% 100%,1.5% 86%,0 71%,1% 55%,0 40%,1.4% 22%,0 8%);box-shadow:inset 0 1px #ffb1a842,inset 0 -2px #660b1433}
.tape-label{font:700 18px/1 var(--sans);letter-spacing:.03em}.site-brand{font-weight:900;letter-spacing:-.06em;transform:rotate(-1deg);filter:drop-shadow(0 2px 1px #0002)}
.site-brand small{display:none}.site-brand:hover{color:#fff;text-decoration:none;filter:drop-shadow(0 3px 2px #0003)}

.brand-short{display:none}
@media(max-width:760px){.site-header{flex-direction:row;align-items:center;gap:9px;padding:16px 10px;flex-wrap:nowrap}.site-brand{padding:7px 8px 9px;font-size:25px;flex-shrink:0}.brand-full{display:none}.brand-short{display:inline}.site-nav{flex:1;width:auto;flex-wrap:nowrap;justify-content:space-between;gap:clamp(4px,1vw,10px);min-width:0}.site-nav a{font-size:clamp(10px,2.7vw,15px);white-space:nowrap;min-height:44px}.site-nav a[aria-current=page]::after{left:0;right:0}}

/* Red cloth tape: quiet weave, adhesive edges, centered white print. */
a.site-brand,a.site-brand:visited,a.site-brand:hover{color:#fffdf8;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px 13px;line-height:1;letter-spacing:-.055em;text-shadow:0 1px 1px #65101728;filter:drop-shadow(0 1px 1px #32101030)}
.site-brand::before,.tape-label::before{inset:0;background-color:#b92327;background-image:linear-gradient(105deg,#77111835,transparent 22%,#ff96951c 47%,transparent 74%,#71101930),linear-gradient(180deg,#f27b7133,transparent 14%,transparent 85%,#640c1730),url('/assets/fiber.webp');background-size:100% 100%,100% 100%,260px 260px;background-blend-mode:normal,normal,soft-light;clip-path:polygon(.6% 1.2%,99.5% 0,99.1% 12%,99.8% 23%,99.2% 36%,99.8% 51%,99.3% 64%,99.8% 81%,99.4% 99%,.3% 100%,.7% 85%,.2% 71%,.8% 56%,.2% 40%,.7% 26%,.2% 12%);box-shadow:inset 0 1px 0 #ffb6a84a,inset 0 -1px 1px #66101a55}
.site-brand span{position:relative;top:-1px}
@media(max-width:760px){a.site-brand,a.site-brand:visited,a.site-brand:hover{padding:8px 9px 9px;font-size:25px}}

/* Site footer: a useful index at the end of the board. */
.site-footer{display:grid;grid-template-columns:minmax(0,1.8fr) 1fr 1fr;align-items:start;gap:36px 50px;max-width:1600px;margin:0 auto;padding:48px var(--gutter) 22px;border-top:2px solid #242822;background:linear-gradient(#e9ece326,transparent)}
.footer-wordmark{font:900 clamp(32px,4vw,58px)/1 var(--sans);letter-spacing:-.07em;text-decoration:none}.footer-intro p{font:500 25px/1.2 var(--hand);margin:12px 0 24px}.footer-email{font-size:16px;text-underline-offset:5px}
.site-footer nav.footer-pages,.site-footer nav.footer-connect{display:flex;flex-direction:column;align-items:flex-start;gap:0}.footer-label{font:600 24px/1.2 var(--hand);margin-bottom:10px}.site-footer nav a{display:inline-flex;align-items:center;min-height:40px;text-decoration:none}.site-footer nav a:hover{text-decoration:underline;text-underline-offset:4px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid #252a2526;padding-top:18px;font:500 20px/1.2 var(--hand);color:#62665e}
@media(max-width:760px){.site-footer{grid-template-columns:1fr 1fr;gap:28px;padding-top:32px}.footer-intro{grid-column:1/-1}.footer-intro p{margin-bottom:16px}}

.board-page a.btn-primary,.board-page a.btn-primary:visited,.board-page a.btn-primary:hover{color:#fffefa}
.board-page a.btn-outline:hover,.board-page a.btn-hand:hover{color:#fffefa}