/* Motorcycle Accident Attorney Blog. Direction: the printed annual, orange and black, Hanken Grotesk. */
:root{
  --bg:#ff7a1f; --surface:#ff8d3d; --ink:#050f16; --muted:#5a2306; --paper:#ffffff; --paper-2:#f1f1ee; --paper-3:#e4e4df;
  --dark-2:#16232c; --dark-3:#24333d; --soft:#44525b; --on-dark:#ffffff; --on-dark-soft:#b9c3c9;
  --step-small:clamp(0.8125rem,0.79rem + 0.1vw,0.875rem);
  --step-body:clamp(1.0625rem,1rem + 0.25vw,1.1875rem);
  --step-lead:clamp(1.25rem,1.1rem + 0.7vw,1.625rem);
  --step-head:clamp(2rem,1.3rem + 3.2vw,4rem);
  --step-display:clamp(3.5rem,8.6vw,9.5rem);
  --m:clamp(16px,2.2vw,32px); --gap:clamp(16px,2vw,32px); --sec:clamp(88px,11vw,176px);
  --ease:cubic-bezier(.2,.7,.1,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:var(--step-body);line-height:1.5;letter-spacing:-0.005em;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img,svg,video{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:.08em}
h1,h2,h3,h4{margin:0;font-weight:500;letter-spacing:-0.045em;line-height:.95;text-wrap:balance}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
strong,b{font-weight:500}
button,input,select{font:inherit;color:inherit}
:focus-visible{outline:3px solid var(--ink);outline-offset:3px}
.on-dark :focus-visible,.dark :focus-visible{outline-color:var(--bg)}
::selection{background:var(--ink);color:var(--bg)}
.skip{position:absolute;left:var(--m);top:-80px;background:var(--ink);color:var(--paper);padding:12px 16px;z-index:100}
.skip:focus{top:8px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);padding-inline:var(--m)}
.bw{filter:grayscale(1) contrast(1.06)}
.photo{overflow:hidden;background:var(--dark-2)}
.photo img{width:100%;height:100%;object-fit:cover}
.small{font-size:var(--step-small);line-height:1.4}
.lead{font-size:var(--step-lead);line-height:1.3;letter-spacing:-0.02em}
.head{font-size:var(--step-head)}
.tnum{font-variant-numeric:tabular-nums lining-nums}

/* buttons: square, flat, one shape */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:0 24px;background:var(--ink);color:var(--bg);text-decoration:none;font-weight:500;border:0;cursor:pointer;transition:transform .25s var(--ease),background-color .2s}
.btn:hover{transform:translateY(-3px)}
.btn:active{transform:translateY(0) scale(.98)}
.btn.alt{background:var(--bg);color:var(--ink)}
.btn.paper{background:var(--paper);color:var(--ink)}
.arrow{display:inline-block;transition:transform .25s var(--ease)}
a:hover .arrow,.btn:hover .arrow{transform:translateX(6px)}

/* header: a row of tiles */
.top{position:sticky;top:0;z-index:50;display:grid;grid-template-columns:60px minmax(0,1fr) auto;gap:8px;padding:8px;background:var(--bg)}
.top.plain{background:var(--paper)}
.top a{text-decoration:none}
.t-mark{background:var(--ink);color:var(--bg);display:grid;place-items:center;height:60px;font-weight:500;letter-spacing:-0.06em;font-size:1.375rem}
.t-nav{background:var(--surface);height:60px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:20px;min-width:0}
.top.plain .t-nav{background:var(--paper-2)}
.t-name{font-weight:500;letter-spacing:-0.03em;white-space:nowrap}
.t-links{display:flex;gap:clamp(14px,2vw,32px)}
.t-links a{position:relative;padding:6px 0;white-space:nowrap}
.t-links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .3s var(--ease)}
.t-links a:hover::after,.t-links a[aria-current]::after{transform:scaleX(1)}
.t-act{background:var(--ink);color:var(--bg);height:60px;display:flex;align-items:center;padding:0 22px;font-weight:500;white-space:nowrap;transition:background-color .2s}
.t-act:hover{background:var(--dark-3)}
.t-menu{display:none}
.drawer{display:none}
@media (max-width:1040px){
  .t-links{display:none}
  .top{grid-template-columns:60px minmax(0,1fr) 60px}
  .t-act{display:none}
  .t-menu{display:grid;place-items:center;height:60px;background:var(--ink);color:var(--bg);border:0;cursor:pointer;font-weight:500;font-size:var(--step-small)}
  .drawer{position:fixed;inset:76px 8px auto 8px;z-index:49;background:var(--ink);color:var(--paper);padding:24px;max-height:calc(100svh - 92px);overflow:auto}
  .drawer.open{display:block}
  .drawer a{display:block;padding:14px 0;font-size:var(--step-lead);letter-spacing:-0.03em;text-decoration:none}
  .drawer .btn{margin-top:16px;width:100%}
}
@media (max-width:420px){.t-name{font-size:.9375rem}.t-nav{padding:0 12px}}

/* HOME hero: two-by-two board */
.home{background:var(--bg)}
.board{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:8px;padding:0 8px 8px;height:calc(100svh - 76px);min-height:560px;max-height:980px}
.tile{position:relative;overflow:hidden;min-width:0;min-height:0}
.tile-name{background:var(--paper);display:flex;align-items:flex-end;padding:24px}
.tile-name h1{font-size:var(--step-display);letter-spacing:-0.055em;line-height:.86}
.tile-photo{background:var(--dark-2)}
.tile-photo img{width:100%;height:100%;object-fit:cover}
.tile-split{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.tile-dark{background:var(--ink);color:var(--paper);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.tile-dark p,.tile-go p{font-size:clamp(1.125rem,1.5vw,1.5rem);line-height:1.2;letter-spacing:-0.025em}
.tile-go{background:var(--surface);color:var(--ink);padding:24px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;text-decoration:none;transition:background-color .25s}
.tile-go:hover{background:var(--paper)}
.tile-go .big{font-size:clamp(2.5rem,4vw,4.5rem);line-height:.8;letter-spacing:-0.05em;font-weight:500}
@media (max-width:820px){
  .board{grid-template-columns:1fr;grid-template-rows:none;height:auto;max-height:none;min-height:0;gap:6px;padding:0 6px 6px}
  .tile-name{min-height:30svh;padding:18px}
  .tile-name h1{font-size:19vw}
  .tile-photo{aspect-ratio:4/3}
  .tile-photo.second{order:5}
  .tile-split{gap:6px}
  .tile-dark,.tile-go{padding:16px;min-height:44vw}
}

/* intro */
.intro{background:var(--bg);padding-block:var(--sec)}
.intro .statement{grid-column:5/13;font-size:clamp(1.5rem,2.2vw,2.125rem);line-height:1.25;letter-spacing:-0.03em;text-indent:3em}
.intro .side{grid-column:1/5;grid-row:1;display:flex;flex-direction:column;justify-content:flex-end;gap:32px}
.intro .side .photo{width:min(100%,360px);aspect-ratio:1}
.intro .note{max-width:26ch}
@media (max-width:820px){
  .intro .statement{grid-column:1/-1;font-size:1.375rem;text-indent:0}
  .intro .side{grid-column:1/-1;grid-row:auto;flex-direction:row-reverse;align-items:flex-end;gap:16px;margin-top:40px}
  .intro .side .photo{width:62%;aspect-ratio:4/5}
  .intro .note{flex:1}
}

/* state picker: the live thing */
.picker{background:var(--paper);padding-block:var(--sec)}
.picker-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-inline:var(--m);margin-bottom:56px}
.picker-head h2{font-size:var(--step-head)}
.picker-head h2 span{color:var(--soft);display:block}
.picker-body{display:grid;grid-template-columns:minmax(280px,5fr) 7fr;gap:var(--gap);padding-inline:var(--m);align-items:start}
.tiles{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.tiles a{display:grid;place-items:center;aspect-ratio:1.5;background:var(--paper-2);text-decoration:none;font-weight:500;letter-spacing:-0.02em;transition:background-color .2s,color .2s,transform .2s var(--ease)}
.tiles a:hover{background:var(--bg);transform:translateY(-2px)}
.tiles a[aria-current="true"]{background:var(--ink);color:var(--bg)}
.picker-select{display:none}
.bands{display:grid;gap:4px}
.band{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,7fr);gap:20px;padding:22px 24px;background:var(--paper-2);align-items:baseline}
.band:nth-child(even){background:var(--paper-3)}
.band.first{background:var(--bg);align-items:end;padding-block:28px}
.band .k{font-weight:500}
.band .v{font-size:var(--step-lead);letter-spacing:-0.025em;line-height:1.15;font-weight:500}
.band .n{display:block;margin-top:6px;color:var(--soft);font-size:var(--step-small);line-height:1.4;font-weight:400;letter-spacing:0}
.band.first .state-name{font-size:var(--step-head);letter-spacing:-0.05em;line-height:.9;font-weight:500}
.band.first .n{color:var(--muted)}
.band.go{background:var(--ink);color:var(--paper);align-items:center}
.band.go a{color:var(--bg)}
.picker-src{margin-top:16px;color:var(--soft)}
@media (max-width:900px){
  .picker-head{flex-direction:column;align-items:stretch;margin-bottom:32px}
  .picker-body{grid-template-columns:1fr}
  .tiles{grid-template-columns:repeat(10,1fr);gap:4px}
  .tiles a{aspect-ratio:1;font-size:.8125rem}
  .band{grid-template-columns:1fr;gap:6px;padding:16px}
}
@media (max-width:560px){.tiles{grid-template-columns:repeat(7,1fr)}}

/* showcase chapters */
.chapters{background:var(--ink)}
.chapter{position:relative;min-height:100svh;color:var(--on-dark);display:grid;grid-template-columns:1fr auto 1fr;grid-template-rows:1fr;gap:32px;padding:112px 32px 48px;align-items:stretch}
.chapter:nth-child(1){background:#0b151c}.chapter:nth-child(2){background:#1a1d1f}.chapter:nth-child(3){background:#10181d}.chapter:nth-child(4){background:#202426}
.chapter .photo{height:min(75svh,675px);aspect-ratio:3/4;align-self:start;background:transparent}
.chapter h2,.chapter h3{font-size:clamp(1.75rem,2.4vw,2.25rem);letter-spacing:-0.04em;line-height:1}
.chapter .c-left{display:flex;flex-direction:column;justify-content:space-between;min-height:min(75svh,675px)}
.chapter .c-left p{max-width:32ch;color:var(--on-dark-soft)}
.chapter .c-right{display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-end;min-height:min(75svh,675px)}
.chapter .c-right a{color:var(--bg);text-decoration:none;font-weight:500;font-size:var(--step-lead);letter-spacing:-0.02em}
.chapter .c-right ul{margin-bottom:auto;text-align:right;display:grid;gap:10px}
.chapter .c-right li a{color:var(--on-dark);font-size:var(--step-body);font-weight:400;text-decoration:underline;text-decoration-color:var(--soft)}
.chapter .c-right li a:hover{text-decoration-color:var(--bg)}
@media (max-width:820px){
  .chapter{grid-template-columns:1fr;grid-template-rows:auto;padding:72px 20px 56px;min-height:0;gap:24px}
  .chapter .photo{width:80%;height:auto;justify-self:center;order:2}
  .chapter .c-left{min-height:0;gap:16px;order:1}
  .chapter .c-right{min-height:0;align-items:flex-start;order:3;gap:20px}
  .chapter .c-right ul{text-align:left;margin-bottom:0}
}

/* one figure */
.figure-sec{background:var(--bg);min-height:90svh;padding:var(--sec) var(--m) 48px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);grid-template-rows:auto 1fr auto}
.figure-sec h2{grid-column:1/8;font-size:clamp(2.25rem,3vw,2.75rem);letter-spacing:-0.04em}
.figure-sec .fig{grid-column:1/8;grid-row:3;align-self:end}
.figure-sec .num{font-size:clamp(11rem,23vw,23.75rem);line-height:.8;letter-spacing:-0.07em;font-weight:500;display:flex;align-items:flex-start}
.figure-sec .num sup{font-size:.33em;line-height:1;letter-spacing:-0.03em;margin-top:.12em;margin-left:.06em}
.figure-sec .cap{max-width:34ch;margin-top:20px}
.figure-sec .others{grid-column:9/13;grid-row:3;align-self:end;display:grid;gap:28px}
.figure-sec .others b{display:block;font-size:var(--step-head);letter-spacing:-0.05em;line-height:.9;font-weight:500}
.figure-sec .others a{font-size:var(--step-small)}
@media (max-width:820px){
  .figure-sec{min-height:80svh;display:block;padding-top:72px}
  .figure-sec h2{font-size:1.75rem;margin-bottom:18vh}
  .figure-sec .num{font-size:46vw}
  .figure-sec .cap{max-width:80%}
  .figure-sec .others{margin-top:48px}
}

/* rows with margin photographs */
.rows{background:var(--paper);padding-bottom:var(--sec)}
.rows-head{min-height:52svh;display:flex;align-items:center}
.rows-head h2{grid-column:5/13;font-size:clamp(2.5rem,5vw,5rem)}
.rows-head .grid{width:100%}
.row{margin-bottom:clamp(64px,8vw,120px)}
.row:last-child{margin-bottom:0}
.row .txt{grid-column:5/10}
.row h3{font-size:clamp(1.75rem,3vw,3rem);margin-bottom:16px}
.row p{max-width:38ch}
.row .more{display:inline-block;margin-top:16px;font-weight:500}
.row .photo{grid-column:10/13;justify-self:end;align-self:start}
.row .photo.a{width:240px;aspect-ratio:4/5}.row .photo.b{width:320px;aspect-ratio:3/2}.row .photo.c{width:200px;aspect-ratio:1}
.row .side{grid-column:1/4;color:var(--soft)}
@media (max-width:900px){
  .rows-head{min-height:36svh}
  .rows-head h2{grid-column:1/-1;font-size:9vw}
  .row .txt,.row .side{grid-column:1/-1}
  .row .side{order:-1;margin-bottom:8px}
  .row h3{font-size:1.625rem}
  .row .photo{grid-column:1/-1;margin-top:24px;max-width:100%}
  .row .photo.a{width:100%;aspect-ratio:3/2;justify-self:stretch}.row .photo.b{width:70%}.row .photo.c{width:55%;justify-self:start}
}

/* banded list of links */
.list-sec{background:var(--paper);padding-block:0 var(--sec)}
.list-sec.pad{padding-top:var(--sec)}
.list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding-inline:var(--m);margin-bottom:40px}
.list-head h2{font-size:var(--step-head)}
.list-head h2 span{color:var(--soft);display:block}
.linkbands{display:grid;gap:4px;padding-inline:var(--m)}
.linkband{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,7fr) minmax(0,3fr);gap:20px;align-items:baseline;padding:20px 24px;background:var(--paper-2);text-decoration:none;transition:background-color .2s,transform .25s var(--ease)}
.linkband:nth-child(even){background:var(--paper-3)}
.linkband:hover{background:var(--bg);transform:translateX(6px)}
.linkband .c{color:var(--soft);font-size:var(--step-small)}
.linkband:hover .c{color:var(--muted)}
.linkband .t{font-weight:500;font-size:var(--step-lead);letter-spacing:-0.025em;line-height:1.15}
.linkband .d{font-size:var(--step-small);text-align:right;color:var(--soft)}
.linkband:hover .d{color:var(--muted)}
@media (max-width:820px){
  .list-head{flex-direction:column;align-items:stretch}
  .linkband{grid-template-columns:1fr;gap:4px;padding:16px}
  .linkband .d{text-align:left}
  .linkband .t{font-size:1.1875rem}
}

/* FAQ bands */
.faq-head{background:var(--bg);min-height:40svh;display:flex;align-items:flex-end;padding:32px var(--m)}
.faq-head h2{font-size:clamp(3rem,7vw,7.5rem);letter-spacing:-0.055em;line-height:.88}
.qband{background:var(--paper);padding-block:56px}
.qband:nth-child(odd){background:var(--paper-2)}
.qband h3{grid-column:1/6;font-size:clamp(1.5rem,2.2vw,2rem);letter-spacing:-0.035em;line-height:1.05}
.qband .a{grid-column:7/13;font-size:1.125rem}
.qband .a p+p{margin-top:12px}
@media (max-width:820px){
  .faq-head{min-height:30svh}.faq-head h2{font-size:13vw}
  .qband{padding-block:32px}
  .qband h3,.qband .a{grid-column:1/-1}
  .qband h3{font-size:1.375rem;margin-bottom:12px}
  .qband .a{font-size:1.0625rem}
}

/* close */
.close{background:var(--ink);color:var(--bg);min-height:90svh;display:flex;flex-direction:column;justify-content:space-between;padding:var(--sec) var(--m) 40px}
.close h2{font-size:clamp(3.5rem,10vw,11rem);letter-spacing:-0.06em;line-height:.88;max-width:12ch}
.close .foot{display:flex;justify-content:space-between;align-items:flex-end;gap:32px}
.close .foot p{max-width:36ch;font-size:1.25rem;color:var(--paper)}
@media (max-width:820px){
  .close{min-height:80svh;padding-top:72px}
  .close h2{font-size:15vw}
  .close .foot{flex-direction:column;align-items:stretch}
  .close .foot p{font-size:1.0625rem}
}

/* footer */
.foot-wrap{background:var(--ink);color:var(--paper);padding:160px var(--m) 24px;display:grid;grid-template-rows:auto 1fr auto;min-height:92svh;gap:64px}
.inner .foot-wrap{padding-top:72px}
.f-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap)}
.f-cols li{margin-bottom:8px}
.f-cols li:first-child{font-weight:500;margin-bottom:14px}
.f-cols a{color:var(--on-dark-soft);text-decoration:none}
.f-cols a:hover{color:var(--bg)}
.f-note{color:var(--on-dark-soft);max-width:70ch;align-self:end}
.f-note a{color:var(--paper)}
.f-word svg{width:100%;height:auto;fill:var(--bg)}
.f-word .two{display:none}
.f-legal{color:var(--on-dark-soft);margin-top:20px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
@media (max-width:820px){
  .foot-wrap{padding-top:96px;min-height:0;gap:48px}
  .f-cols{grid-template-columns:1fr 1fr;row-gap:32px}
  .f-word .one{display:none}.f-word .two{display:block}
}

/* INNER pages */
.mast{background:var(--bg);padding-block:clamp(40px,6vw,88px) clamp(32px,4vw,56px)}
.crumbs{grid-column:1/-1;margin-bottom:clamp(32px,5vw,72px);display:flex;flex-wrap:wrap;gap:8px;color:var(--muted)}
.crumbs a{text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.mast h1{grid-column:5/13;font-size:var(--step-head);letter-spacing:-0.05em;line-height:.94}
.mast .standfirst{grid-column:5/12;margin-top:28px;font-size:var(--step-lead);line-height:1.3;letter-spacing:-0.02em;max-width:42ch}
.mast .meta{grid-column:1/4;grid-row:2/4;align-self:end;display:grid;gap:6px;color:var(--muted)}
.mast .meta b{color:var(--ink)}
.mast-photo{background:var(--bg);padding:0 8px 8px}
.mast-photo .photo{aspect-ratio:21/9;max-height:62svh;width:100%}
.mast-photo figcaption{padding:8px var(--m) 0;color:var(--muted);font-size:var(--step-small)}
.mast-photo figcaption a{color:inherit}
@media (max-width:900px){
  .mast h1,.mast .standfirst{grid-column:1/-1}
  .mast .meta{grid-column:1/-1;grid-row:auto;margin-top:28px;display:flex;flex-wrap:wrap;gap:6px 18px}
  .mast-photo .photo{aspect-ratio:3/2}
  .mast-photo{padding:0 6px 6px}
}
.body-wrap{padding-block:clamp(48px,6vw,96px) var(--sec);row-gap:48px}
.aside{grid-column:1/4;align-self:start;position:sticky;top:100px;display:grid;gap:28px;max-height:calc(100svh - 120px);overflow:auto}
.aside h2{font-size:var(--step-body);letter-spacing:-0.02em;margin-bottom:12px;line-height:1.2}
.toc li{margin-bottom:8px;line-height:1.3;font-size:var(--step-small)}
.toc a{text-decoration:none;color:var(--soft)}
.toc a:hover,.toc a.on{color:var(--ink);text-decoration:underline}
.notice{background:var(--paper-2);padding:18px 20px;font-size:var(--step-small);line-height:1.45}
.notice b{display:block;margin-bottom:4px}
.prose{grid-column:5/12;min-width:0;max-width:72ch}
.prose>*+*{margin-top:1.1em}
.prose h2{font-size:clamp(1.625rem,2.6vw,2.5rem);letter-spacing:-0.04em;line-height:1;margin-top:2.2em;scroll-margin-top:100px}
.prose h3{font-size:clamp(1.25rem,1.6vw,1.5rem);letter-spacing:-0.03em;line-height:1.1;margin-top:1.8em}
.prose h4{font-size:var(--step-body);letter-spacing:-0.01em;line-height:1.2;margin-top:1.5em}
.prose>h2:first-child{margin-top:0}
.prose ul,.prose ol{padding-left:1.2em}
.prose ul{list-style:square}.prose ol{list-style:decimal}
.prose li+li{margin-top:.45em}
.prose li::marker{color:var(--bg)}
.prose a{text-decoration:underline;text-decoration-color:var(--bg);text-decoration-thickness:.12em}
.prose a:hover{background:var(--bg)}
.prose blockquote{margin-inline:0;padding:20px 24px;background:var(--paper-2)}
.tablewrap{overflow-x:auto;margin-top:1.4em}
table{border-collapse:collapse;width:100%;font-size:1rem;line-height:1.4}
th,td{text-align:left;vertical-align:top;padding:12px 14px}
thead th{background:var(--ink);color:var(--paper);font-weight:500}
tbody tr:nth-child(odd){background:var(--paper-2)}
tbody tr:nth-child(even){background:var(--paper-3)}
@media (max-width:900px){
  .aside{grid-column:1/-1;position:static;max-height:none}
  .aside .toc{display:none}
  .prose{grid-column:1/-1}
  .prose h2{font-size:1.5rem}
}
/* fact board on state and attorney pages */
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:8px;background:var(--bg)}
.fact{background:var(--paper);padding:20px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;min-height:190px}
.fact:nth-child(2n){background:var(--ink);color:var(--paper)}
.fact .k{font-size:var(--step-small)}
.fact .v{font-size:clamp(1.5rem,2.4vw,2.25rem);letter-spacing:-0.045em;line-height:.98;font-weight:500;overflow-wrap:anywhere}
.fact .v.long{font-size:clamp(1.125rem,1.5vw,1.375rem);letter-spacing:-0.025em;line-height:1.1}
.fact .n{font-size:var(--step-small);line-height:1.4;margin-top:8px;color:var(--soft)}
.fact:nth-child(2n) .n{color:var(--on-dark-soft)}
.fact a{color:inherit}
.facts-src{background:var(--bg);padding:4px var(--m) 20px;color:var(--muted);font-size:var(--step-small)}
@media (max-width:900px){.facts{grid-template-columns:1fr 1fr;gap:6px;padding:6px}.fact{min-height:150px;padding:16px}}
@media (max-width:480px){.facts{grid-template-columns:1fr}.fact{min-height:0;gap:16px}}
.after{grid-column:5/12;display:grid;gap:40px}
.after h2{font-size:clamp(1.625rem,2.6vw,2.5rem);margin-bottom:20px}
.after .linkbands{padding-inline:0}
.after .linkband{grid-template-columns:minmax(0,8fr) minmax(0,3fr)}
.sources ol{list-style:decimal;padding-left:1.2em;font-size:var(--step-small);display:grid;gap:6px}
.sources a{overflow-wrap:anywhere}
@media (max-width:900px){.after{grid-column:1/-1}.after .linkband{grid-template-columns:1fr}}
.ad{margin-block:2em;min-height:120px;background:var(--paper-2);display:block}
.ad::before{content:"Advertisement";display:block;font-size:.8125rem;color:var(--soft);padding:6px 10px}

/* hub pages */
.hub-intro{padding-block:clamp(40px,5vw,72px)}
.hub-intro p{grid-column:5/12;font-size:var(--step-lead);line-height:1.3;letter-spacing:-0.02em;max-width:44ch}
.hub-intro .side{grid-column:1/4;color:var(--soft);font-size:var(--step-small)}
@media (max-width:900px){.hub-intro p,.hub-intro .side{grid-column:1/-1}.hub-intro .side{margin-top:16px}}
.group{padding-bottom:clamp(56px,7vw,104px)}
.group>h2{padding-inline:var(--m);font-size:var(--step-head);margin-bottom:28px}
.statewall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;padding-inline:var(--m)}
.statewall a{background:var(--paper-2);padding:16px;text-decoration:none;display:grid;gap:18px;transition:background-color .2s,transform .25s var(--ease)}
.statewall a:nth-child(odd){background:var(--paper-3)}
.statewall a:hover{background:var(--bg);transform:translateY(-3px)}
.statewall b{font-size:var(--step-lead);letter-spacing:-0.03em;line-height:1}
.statewall span{font-size:var(--step-small);color:var(--soft);line-height:1.35}
.statewall a:hover span{color:var(--muted)}
@media (max-width:1040px){.statewall{grid-template-columns:repeat(3,1fr)}}
@media (max-width:620px){.statewall{grid-template-columns:1fr 1fr}.statewall a{padding:12px}}

/* directory */
.dir-tools{position:sticky;top:76px;z-index:20;background:var(--paper);padding:12px var(--m);display:flex;gap:12px;flex-wrap:wrap;align-items:center}
.dir-tools label{font-weight:500}
.dir-tools select,.dir-tools input{min-height:52px;padding:0 14px;background:var(--paper-2);border:0;border-bottom:3px solid var(--ink);min-width:220px;border-radius:0}
.dir-tools .count{margin-left:auto;color:var(--soft);font-size:var(--step-small)}
.dir-state{padding-top:40px}
.dir-state>h2{padding-inline:var(--m);font-size:clamp(1.75rem,3vw,3rem);margin-bottom:16px;display:flex;justify-content:space-between;align-items:baseline;gap:16px}
.dir-state>h2 a{font-size:var(--step-small);letter-spacing:0;font-weight:400}
.listing{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,4fr) minmax(0,2fr) minmax(0,2fr);gap:16px;align-items:baseline;padding:18px 24px;background:var(--paper-2)}
.listing:nth-child(even){background:var(--paper-3)}
.listing .nm{font-weight:500;font-size:var(--step-lead);letter-spacing:-0.025em;line-height:1.1}
.listing .nm a{text-decoration:none}
.listing .nm a:hover{text-decoration:underline}
.listing .fm,.listing .ct{font-size:1rem}
.listing .ph{text-align:right;white-space:nowrap}
@media (max-width:820px){.listing{grid-template-columns:1fr;gap:2px;padding:14px 16px}.listing .ph{text-align:left}.dir-tools{position:static}.dir-tools select,.dir-tools input{flex:1;min-width:0}.dir-tools .count{width:100%;margin:0}}
[hidden]{display:none!important}

/* forms */
.form{display:grid;gap:16px;max-width:560px}
.form label{display:grid;gap:6px;font-weight:500}
.form input,.form textarea,.form select{font:inherit;padding:14px;background:var(--paper-2);border:0;border-bottom:3px solid var(--ink);border-radius:0;width:100%}

/* motion */
.js .rv{opacity:0;transform:translateY(24px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:calc(var(--i,0)*75ms)}
.js .rv.in{opacity:1;transform:none}
.js .shutter{background:transparent}
.js .shutter img{clip-path:inset(0 0 100% 0);transform:scale(1.12);transition:clip-path 1.1s var(--ease),transform 1.4s var(--ease)}
.js .shutter.in img{clip-path:inset(0);transform:scale(1)}
.drift img{animation:drift 22s ease-in-out infinite alternate;transform-origin:60% 60%}
@keyframes drift{from{transform:scale(1.02)}to{transform:scale(1.14) translate(-1.5%,-1%)}}
.js .chapter .photo{transform:scale(.92);transition:transform .8s var(--ease)}
.js .chapter.in .photo{transform:scale(1)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .rv,.js .shutter,.js .shutter img,.js .chapter .photo{opacity:1;transform:none;clip-path:none;transition:none}
  .drift img{animation:none}
  .btn:hover,.linkband:hover,.tiles a:hover,.statewall a:hover{transform:none}
}
@media print{.top,.aside,.ad,.foot-wrap,.drawer{display:none}.prose{grid-column:1/-1}}

/* additions */
.mast h1.long{font-size:clamp(1.875rem,3.2vw,3rem);letter-spacing:-0.04em;line-height:1}
.linkbands.two .linkband{grid-template-columns:minmax(0,8fr) minmax(0,3fr)}
.linkband .t{overflow-wrap:anywhere}
@media (max-width:820px){.linkbands.two .linkband{grid-template-columns:1fr}}
.picker-select{font-weight:500;gap:10px;align-items:center}
.picker-select select{min-height:52px;padding:0 14px;background:var(--paper-2);border:0;border-bottom:3px solid var(--ink);border-radius:0;min-width:200px}
@media (max-width:900px){.picker-select{display:flex}.tiles{display:none}}
.no-js .picker-select{display:none}.no-js .tiles{display:grid}
.others p{line-height:1.3}
.prose table a{text-decoration-thickness:.08em}
.prose .ad{margin-inline:0}
.facts+.facts-src{margin:0}
.inner .mast-photo+.facts{padding-top:0}

@media (max-width:820px){.crumbs [aria-current]{display:none}.crumbs a:nth-last-of-type(1)+span{display:none}}

.figure-sec .others p:not(:last-child){display:flex;align-items:baseline;gap:16px}
.figure-sec .others b{display:inline}
@media (max-width:900px){.band.first .k{display:none}}
@media (min-width:600px) and (max-width:820px){.tile-photo{aspect-ratio:2/1}.tile-name{min-height:0;padding-top:48px}.tile-dark,.tile-go{min-height:26vw}}
@media (max-width:820px){.row .photo.a,.row .photo.b,.row .photo.c{width:100%;aspect-ratio:3/2;justify-self:stretch}}
@media (max-width:900px){.figure-sec .others{grid-template-columns:1fr 1fr;align-items:start}.figure-sec .others p:not(:last-child){flex-direction:column;gap:6px}.figure-sec .others p:last-child{grid-column:1/-1}}