/* Pineville Web Studio - "Ledger"
   cool ledger paper · ledger-blue ruling · graphite binding · manila index tabs · register red ticks & double rules
   Instrument Serif (display) + Atkinson Hyperlegible (text) */
@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Serif";src:url(/fonts/instrument-serif-400i.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/atkinson-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/atkinson-400-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"Atkinson Hyperlegible";src:url(/fonts/atkinson-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
 --paper:#EEF1F2;--leaf:#FBFCFC;--tint:#E2E8EB;--ink:#172028;--mute:#44505B;
 --rule:#BCCEDB;--rule2:#7EA2C1;--blue:#1F4F7C;
 --red:#B42A1E;--red-d:#962219;--graph:#20252A;--graph2:#2C3238;--manila:#EAD9A8;--manila2:#F4EACB;--manila-d:#C9B37A;
 --on-dark:#E9EDF0;--on-dark2:#BFC8CF;
 --disp:"Instrument Serif",Georgia,"Times New Roman",serif;--txt:"Atkinson Hyperlegible",system-ui,-apple-system,"Segoe UI",sans-serif;
 --mh:68px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:calc(var(--mh) + 16px)}
body{margin:0;font-family:var(--txt);font-size:1.0625rem;line-height:1.62;color:var(--ink);background:var(--paper);overflow-x:hidden;padding-bottom:64px}
img{max-width:100%;height:auto;display:block}
a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--red);text-decoration-thickness:1.5px;text-underline-offset:3px}
a:hover{color:var(--red-d)}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
h1,h2,h3{font-weight:400;margin:0}
h1,h2{font-family:var(--disp);letter-spacing:-.005em;line-height:1.05}
h1 em,h2 em{color:var(--red-d)}
h3{font-family:var(--txt);font-weight:700;font-size:1.12rem;line-height:1.3}
p{margin:0 0 1em}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}
.narrow{max-width:760px;margin:0 auto;padding:0 16px}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-80px;z-index:100;background:var(--graph);color:#fff;padding:12px 16px;border-radius:4px;font-weight:700}
.skip:focus{top:10px;color:#fff}
.ph{width:18px;height:18px;flex:none}
.go{width:20px;height:20px;flex:none;transition:transform .2s}
.brk{overflow-wrap:anywhere}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 22px;border-radius:3px;font-weight:700;font-size:1rem;text-decoration:none;border:2px solid transparent;cursor:pointer;font-family:var(--txt);line-height:1.2;transition:background .2s,color .2s,border-color .2s}
.btn:hover .go{transform:translateX(4px)}
.btn-red{background:var(--red);color:#fff}.btn-red:hover{background:var(--red-d);color:#fff}
.btn-ink{background:var(--graph);color:#fff}.btn-ink:hover{background:#000;color:#fff}
.btn-line{border-color:var(--ink);color:var(--ink);background:transparent}.btn-line:hover{background:var(--ink);color:#fff}
.btn-line-lt{border-color:var(--on-dark);color:var(--on-dark);background:transparent}.btn-line-lt:hover{background:var(--on-dark);color:var(--graph)}
.btn-full{width:100%}

/* ---------------------------------------------------------- masthead */
.mast{position:sticky;top:0;z-index:40;background:var(--leaf);border-bottom:1px solid var(--rule2);transition:box-shadow .25s}
.mast.lift{box-shadow:0 6px 18px -10px rgba(23,32,40,.45)}
.mast-in{max-width:1180px;margin:0 auto;padding:0 16px;height:var(--mh);display:flex;align-items:center;gap:14px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);margin-right:auto;min-height:44px}
.mark{width:38px;height:38px;flex:none}
.brand-t{font-family:var(--disp);font-size:1.55rem;line-height:.95;display:flex;flex-direction:column}
.brand-t i{font-family:var(--txt);font-style:normal;font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--mute);margin-top:4px}
.tabs{display:none;align-self:flex-end}
.tabs ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}
.tabs a{display:block;padding:9px 13px 10px;background:var(--manila2);border:1px solid var(--manila-d);border-bottom:0;border-radius:7px 7px 0 0;text-decoration:none;font-weight:700;font-size:.9rem;color:var(--ink);transform:translateY(2px);transition:transform .18s,background .18s}
.tabs a:hover{background:var(--manila);transform:translateY(-1px)}
.tabs a[aria-current]{background:var(--leaf);border-color:var(--rule2);position:relative;z-index:1;transform:translateY(1px)}
.mast-call{display:none;align-items:center;gap:7px;font-weight:700;text-decoration:none;min-height:44px;white-space:nowrap}
.mast-q{display:none;align-items:center;min-height:44px;padding:0 16px;background:var(--red);color:#fff;border-radius:3px;text-decoration:none;font-weight:700;font-size:.95rem;white-space:nowrap}
.mast-q:hover{background:var(--red-d);color:#fff}
.ix-btn{display:inline-flex;align-items:center;gap:9px;min-height:44px;padding:0 14px;border:1.5px solid var(--ink);background:transparent;border-radius:3px;font:700 .95rem var(--txt);color:var(--ink);cursor:pointer}
.ix-btn:hover{background:var(--manila2)}
.ix-ico{display:grid;gap:3px;width:16px}.ix-ico i{display:block;height:2px;background:currentColor;transition:transform .25s,opacity .2s}
.ix-open .ix-ico i:nth-child(1){transform:translateY(5px) rotate(45deg)}
.ix-open .ix-ico i:nth-child(2){opacity:0}
.ix-open .ix-ico i:nth-child(3){transform:translateY(-5px) rotate(-45deg)}
.ix{position:absolute;left:0;right:0;top:100%;background:var(--leaf);border-bottom:6px double var(--red);box-shadow:0 22px 40px -22px rgba(23,32,40,.55);max-height:calc(100vh - var(--mh));overflow-y:auto;transform:translateY(-10px);opacity:0;transition:transform .3s cubic-bezier(.2,.8,.2,1),opacity .25s}
.ix.open{transform:none;opacity:1}
.ix-in{max-width:920px;margin:0 auto;padding:18px 16px 20px}
.ix-h{display:flex;justify-content:space-between;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--mute);border-bottom:2px solid var(--ink);padding-bottom:6px;margin:0}
.ix-l{list-style:none;margin:0;padding:0;columns:1}
.ix-l a{display:grid;grid-template-columns:44px 1fr;align-items:center;gap:0 14px;min-height:52px;padding:6px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink)}
.ix-l a:hover{background:var(--manila2)}
.ix-f{font-family:var(--disp);font-size:1.35rem;color:var(--red-d);border-right:1.5px solid var(--red);padding-right:10px;text-align:right}
.ix-t{font-weight:700}
.ix-d{grid-column:2;font-size:.88rem;color:var(--mute);margin-top:-2px}
.ix-l a[aria-current] .ix-t::after{content:"  ·  you are here";font-weight:400;color:var(--red-d);font-size:.85rem}
.ix-foot{display:flex;flex-wrap:wrap;gap:10px 24px;margin:14px 0 0}
.ix-foot a{display:inline-flex;align-items:center;gap:8px;min-height:44px;font-weight:700}

/* thumb index (desktop) */
.thumbs{display:none}
@media (min-width:1180px){
 body{padding-right:46px}
 .mast,main>section[class],body>footer{margin-right:-46px;padding-right:46px}
 .thumbs{display:block;position:fixed;right:0;top:50%;transform:translateY(-44%);z-index:30}
 .thumbs ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px}
 .thumbs a{position:relative;display:flex;align-items:center;justify-content:center;width:40px;height:44px;background:var(--manila2);border:1px solid var(--manila-d);border-right:0;border-radius:8px 0 0 8px;text-decoration:none;color:var(--ink);transition:width .2s,background .2s}
 .thumbs li:nth-child(even) a{background:var(--manila)}
 .thumbs b{font-family:var(--disp);font-weight:400;font-size:1.15rem}
 .thumbs span{position:absolute;right:calc(100% + 8px);top:50%;transform:translate(8px,-50%);white-space:nowrap;background:var(--graph);color:#fff;font-size:.85rem;font-weight:700;padding:6px 11px;border-radius:3px;opacity:0;pointer-events:none;transition:opacity .18s,transform .18s}
 .thumbs a:hover,.thumbs a:focus-visible{width:48px;background:var(--leaf)}
 .thumbs a:hover span,.thumbs a:focus-visible span{opacity:1;transform:translate(0,-50%)}
 .thumbs a[aria-current]{width:46px;background:var(--graph);border-color:var(--graph);color:var(--manila)}
}

/* phone call bar */
.tally{position:fixed;left:0;right:0;bottom:0;z-index:35;display:grid;grid-template-columns:1fr 1fr;background:var(--graph);border-top:3px double var(--manila-d)}
.tally a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;color:#fff;text-decoration:none;font-weight:700}
.tally-q{background:var(--red)}
.tally a:hover{color:var(--manila)}

@media (min-width:560px){.mast-q{display:inline-flex}}
@media (min-width:760px){.mast-call{display:inline-flex}.tally{display:none}body{padding-bottom:0}.ix-l{columns:2;column-gap:36px}.ix-l li{break-inside:avoid}}
@media (min-width:1060px){.tabs{display:block}.brand{margin-right:18px}.mast-call{margin-left:auto}.mast-call span{font-size:.95rem}}

/* ---------------------------------------------------------- hero */
.hero{position:relative;padding:40px 0 56px;background:
 linear-gradient(90deg,transparent 0 calc(100% - 1px),rgba(126,162,193,.22) 0) 0 0/112px 100% repeat-x,var(--paper);border-bottom:1px solid var(--rule2)}
.hero::before{content:"";position:absolute;left:0;right:0;top:0;height:30px;border-bottom:2px solid var(--rule2);background:var(--tint)}
.hero-in{position:relative;display:grid;gap:34px;padding-top:26px}
.kick{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--red-d);margin:0 0 12px;display:flex;align-items:center;gap:9px}
.kick-dot{width:9px;height:9px;border:2px solid var(--red);border-radius:50%}
.kick-lt{color:var(--manila)}
.hero h1{font-size:clamp(2.55rem,8.4vw,4.7rem);line-height:1;max-width:14ch}
.hero h1 em{display:block;position:relative;width:max-content;max-width:100%}
.hero h1 em::after{content:"";position:absolute;left:0;right:0;bottom:-.06em;height:7px;border-top:2px solid var(--red);border-bottom:2px solid var(--red);transform-origin:left;animation:rule 1s .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.hero-lead{font-size:1.14rem;max-width:36rem;margin:26px 0 26px;color:var(--ink)}
.hero-acts{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.hero-tel{display:inline-flex;align-items:center;gap:8px;font-weight:700;font-size:1.08rem;min-height:48px}
.hero-f{margin:0}
.mount{position:relative;background:var(--leaf);padding:12px;box-shadow:0 1px 0 var(--rule2),0 18px 36px -24px rgba(23,32,40,.55)}
.corner{position:absolute;width:30px;height:30px;background:var(--graph);z-index:2}
.c1{left:6px;top:6px;clip-path:polygon(0 0,100% 0,0 100%)}
.c2{right:6px;top:6px;clip-path:polygon(0 0,100% 0,100% 100%)}
.c3{right:6px;bottom:6px;clip-path:polygon(100% 0,100% 100%,0 100%)}
.c4{left:6px;bottom:6px;clip-path:polygon(0 0,100% 100%,0 100%)}
.hero .corner{animation:cornerIn .7s .2s cubic-bezier(.2,.8,.2,1) both}
.hero .c1{--x:-10px;--y:-10px}.hero .c2{--x:10px;--y:-10px}.hero .c3{--x:10px;--y:10px}.hero .c4{--x:-10px;--y:10px}
@keyframes cornerIn{from{transform:translate(var(--x),var(--y))}to{transform:none}}
.hero-f figcaption,.about-f figcaption{font-size:.8rem;color:var(--mute);margin-top:10px;line-height:1.45}
.hero-f figcaption a,.about-f figcaption a{color:var(--mute)}
@media (min-width:900px){
 .hero{padding:48px 0 72px}
 .hero-in{grid-template-columns:1.08fr .92fr;align-items:center;gap:56px;padding-top:34px}
 .hero-f .mount{transform:rotate(1.1deg)}
}

/* ---------------------------------------------------------- sections */
.sec{padding:60px 0}
.sec-top{padding-top:44px}
.sec-tint{background:var(--tint);border-top:1px solid var(--rule2);border-bottom:1px solid var(--rule2)}
.sec-dark{background:var(--graph);color:var(--on-dark)}
.sec-dark a{color:var(--on-dark);text-decoration-color:var(--manila)}
.sec-dark a:hover{color:var(--manila)}
.sec-dark h2 em{color:var(--manila)}
.sec-h{max-width:760px;margin-bottom:34px}
.sec-h h2{font-size:clamp(2.1rem,5.4vw,3.3rem);position:relative;padding-bottom:18px}
.sec-h h2::after,.pz h2::after{content:"";position:absolute;left:0;bottom:0;width:96px;height:6px;border-top:2px solid var(--red);border-bottom:2px solid var(--red);transform-origin:left;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.sec-dark .sec-h h2::after{border-color:var(--manila)}
.js .sec-h[data-post]:not(.on) h2::after{transform:scaleX(0)}
.lead{font-size:1.12rem;margin:18px 0 0;color:inherit}
.more{margin:28px 0 0}
.more a{display:inline-flex;align-items:center;gap:10px;font-weight:700;min-height:44px}
@media (min-width:900px){.sec{padding:84px 0}}

/* reveal: transform only, never text opacity */
.js [data-post]{transform:translateY(16px);transition:transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:var(--d,0ms)}
.js [data-post].on{transform:none}

/* tick marks */
.tick{width:28px;height:20px;flex:none}
.tick path{fill:none;stroke:var(--red);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:40;stroke-dashoffset:0;transition:stroke-dashoffset .6s .25s ease-out}
.js [data-post]:not(.on) .tick path{stroke-dashoffset:40}

/* opening entries ledger */
.led{background:var(--leaf);border:1px solid var(--rule2);border-top:3px solid var(--ink)}
.led-h{display:none}
.led-l{list-style:none;margin:0;padding:0}
.en a{display:grid;grid-template-columns:52px 1fr 30px;gap:4px 12px;padding:16px 14px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink);transition:background .2s}
.en:last-child a{border-bottom:0}
.en a:hover{background:var(--manila2);color:var(--ink)}
.en-no{font-family:var(--disp);font-size:1.3rem;color:var(--red-d);grid-row:span 3;border-right:1.5px solid var(--red);padding-right:8px}
.en-acct{font-weight:700;font-size:1.12rem}
.en-part{grid-column:2;color:var(--mute);font-size:.98rem}
.en-term{grid-column:2;justify-self:start;font-size:.8rem;font-weight:700;letter-spacing:.04em;background:var(--tint);border:1px solid var(--rule2);padding:3px 9px;border-radius:2px;margin-top:4px}
.en .tick{grid-column:3;grid-row:1}
@media (min-width:860px){
 .led-h{display:grid;grid-template-columns:70px 190px 1fr 210px 40px;padding:10px 18px;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mute);border-bottom:2px solid var(--ink)}
 .en a{grid-template-columns:70px 190px 1fr 210px 40px;align-items:center;padding:20px 18px;gap:0}
 .en-no{grid-row:auto;border:0;padding:0}
 .en-acct,.en-part,.en-term{grid-column:auto}
 .en-part,.en-term{border-left:1px solid var(--rule2);padding-left:16px;align-self:stretch;display:flex;align-items:center}
 .en-part{padding-right:16px}
 .en-term{background:none;border-top:0;border-right:0;border-bottom:0;border-radius:0;margin:0;font-size:.9rem;letter-spacing:0}
 .en .tick{grid-column:auto;grid-row:auto;justify-self:end}
}

/* T-account */
.tacct{display:grid;background:var(--leaf);border-top:3px solid var(--ink)}
.tacct-col{padding:22px 18px}
.tacct-col+.tacct-col{border-top:2px solid var(--ink)}
.tacct-h{font-family:var(--disp);font-size:1.7rem;margin:0 0 10px;text-align:center;border-bottom:1px solid var(--rule2);padding-bottom:8px}
.tacct ul{margin:0;padding:0;list-style:none}
.tacct li{position:relative;padding:10px 0 10px 26px;border-bottom:1px solid var(--rule)}
.tacct li:last-child{border-bottom:0}
.tacct li::before{content:"";position:absolute;left:4px;top:18px;width:10px;height:10px;border:2px solid var(--red);border-radius:50%}
@media (min-width:820px){.tacct{grid-template-columns:1fr 1fr}.tacct-col+.tacct-col{border-top:0;border-left:2px solid var(--ink)}.tacct-col{padding:24px 30px}}
.census{margin:30px 0 0;border-collapse:collapse;width:100%;max-width:520px;background:var(--leaf);font-variant-numeric:tabular-nums}
.census caption{text-align:left;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--mute);padding-bottom:8px}
.census th,.census td{padding:11px 14px;border-bottom:1px solid var(--rule);text-align:right}
.census th:first-child{text-align:left}
.census thead th{border-bottom:2px solid var(--ink);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mute)}
.census td+td,.census th+td{border-left:1px solid var(--rule2)}
.census .up{color:var(--red-d);font-weight:700}
.census tfoot th,.census tfoot td{border-top:6px double var(--ink);border-bottom:0;font-weight:700}

/* journal */
.jrnl{list-style:none;margin:0;padding:0;display:grid;border-top:3px solid var(--ink);background:var(--leaf)}
.jr{display:grid;grid-template-columns:96px 1fr;border-bottom:1px solid var(--rule)}
.jr-d{margin:0;padding:16px 12px 16px 14px;font-family:var(--disp);font-style:italic;font-size:1.3rem;line-height:1.15;color:var(--red-d);border-right:1.5px solid var(--red)}
.jr-b{padding:16px 16px 14px}
.jr-b h3{margin-bottom:4px}
.jr-b p{margin:0;color:var(--mute);font-size:.98rem}
@media (min-width:900px){.jrnl{grid-template-columns:1fr 1fr;column-gap:0}.jr:nth-child(odd){border-right:1px solid var(--rule2)}.jr{grid-template-columns:118px 1fr}.jr-d{font-size:1.45rem}}

/* posting sequence */
.post{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:p}
.post-i{background:var(--leaf);border:1px solid var(--rule2);padding:20px 20px 16px;position:relative}
.post-i::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;background:repeating-linear-gradient(90deg,var(--rule2) 0 1px,transparent 1px 22px),var(--tint)}
.post-n{font-family:var(--disp);font-style:italic;font-size:1.3rem;color:var(--red-d);margin:4px 0 4px}
.post-i h3{margin-bottom:8px;font-size:1.18rem}
.post-i p:last-child{margin:0;color:var(--mute)}
@media (min-width:760px){.post{grid-template-columns:1fr 1fr}}
@media (min-width:1080px){.post{grid-template-columns:repeat(4,1fr)}}
.post-sm{grid-template-columns:1fr!important;margin-bottom:28px}

/* work (tipped-in cards) */
.tip{display:grid;gap:26px}
.tip-c{background:var(--leaf);border:1px solid var(--rule2);display:flex;flex-direction:column}
.tip-img{position:relative;padding:12px 12px 0}
.tip-img .corner{width:24px;height:24px}
.tip-img .c1{left:6px;top:6px}.tip-img .c2{right:6px;top:6px}
.tip-img .c3,.tip-img .c4{bottom:-6px}
.tip-b{padding:18px 20px 20px}
.tip-loc{font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;color:var(--red-d);margin:0 0 8px}
.tip-b h3{font-family:var(--disp);font-weight:400;font-size:1.65rem;margin-bottom:8px}
.tip-b p:last-child{margin:0;color:var(--mute)}
@media (min-width:860px){.tip{grid-template-columns:repeat(3,1fr)}}

/* remarks (reviews) */
.rm{list-style:none;margin:0;padding:0;border-top:3px solid var(--manila-d)}
.rm-row{display:grid;grid-template-columns:44px 1fr 30px;gap:12px;padding:22px 0;border-bottom:1px solid rgba(233,237,240,.22)}
.rm-no{font-family:var(--disp);font-size:1.25rem;color:var(--manila);margin:4px 0 0}
.rm-row figure{margin:0}
.rm-row blockquote{margin:0}
.rm-row blockquote p{font-family:var(--disp);font-size:clamp(1.3rem,3.4vw,1.75rem);line-height:1.3;color:#fff;margin:0}
.rm-row figcaption{margin-top:12px;font-weight:700;color:var(--manila);display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.rm-row figcaption span{font-weight:400;color:var(--on-dark2);font-size:.9rem}
.rm .tick path{stroke:var(--manila)}
@media (min-width:860px){.rm-row{grid-template-columns:80px 1fr 40px;padding:28px 0}.rm-no{font-size:1.5rem}}
.wide-dark{background:var(--graph);color:var(--on-dark);padding:8px 22px 4px;margin-top:10px;margin-bottom:34px}

/* queries (faq) */
.qs{border-top:3px solid var(--ink);background:var(--leaf)}
.q{border-bottom:1px solid var(--rule2)}
.q summary{list-style:none;display:grid;grid-template-columns:1fr 32px;gap:2px 14px;padding:16px 14px;cursor:pointer;min-height:56px;align-items:center}
.q summary::-webkit-details-marker{display:none}
.q-n{grid-column:1;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--red-d)}
.q-t{grid-column:1;font-weight:700;font-size:1.08rem;line-height:1.35}
.q-x{grid-column:2;grid-row:1/span 2;width:30px;height:30px;border:1.5px solid var(--ink);border-radius:50%;position:relative;transition:transform .25s,background .2s}
.q-x::before,.q-x::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
.q-x::after{transform:translate(-50%,-50%) rotate(90deg);transition:transform .25s}
.q[open] .q-x{background:var(--manila)}
.q[open] .q-x::after{transform:translate(-50%,-50%) rotate(0)}
.q summary:hover .q-t{color:var(--red-d)}
.q-a{padding:0 14px 16px}
.q-a p{margin:0;color:var(--ink);border-left:2px solid var(--red);padding-left:14px}

/* folio head (inner pages) */
.fh{background:var(--leaf);position:relative;padding:26px 0 0;background-image:linear-gradient(90deg,transparent 0 calc(100% - 1px),rgba(126,162,193,.18) 0);background-size:112px 100%}
.fh-in{display:grid;gap:26px;padding-bottom:36px}
.crumbs{font-size:.88rem;color:var(--mute);margin-bottom:18px}
.crumbs a{color:var(--mute)}
.fh-no{font-family:var(--disp);font-style:italic;font-size:1.4rem;color:var(--red-d);margin:0 0 6px}
.fh-no span{font-family:var(--txt);font-style:normal;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;margin-right:4px;vertical-align:.2em}
.fh h1{font-size:clamp(2.35rem,7vw,4rem);line-height:1.02;max-width:17ch}
.fh-sub{font-size:1.14rem;margin:18px 0 0;max-width:38rem;color:var(--mute)}
.acct{margin:0;border:1.5px solid var(--ink);background:var(--paper);align-self:end}
.acct::before{content:"Account card";display:block;background:var(--graph);color:#fff;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;padding:7px 12px}
.acct div{display:grid;grid-template-columns:110px 1fr;border-bottom:1px solid var(--rule)}
.acct div:last-child{border-bottom:0}
.acct dt{font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;color:var(--mute);padding:9px 12px;border-right:1px solid var(--rule2)}
.acct dd{margin:0;padding:9px 12px;font-weight:700;font-size:.95rem}
.dbl{height:8px;border-top:2px solid var(--red);border-bottom:2px solid var(--red);background:var(--paper)}
@media (min-width:900px){.fh{padding-top:34px}.fh-in{grid-template-columns:1fr 330px;align-items:end;gap:48px;padding-bottom:46px}}

/* prose pages */
.pz-sec{padding:48px 0 30px}
.pz .lede{font-size:1.24rem;line-height:1.55;margin-bottom:1.2em}
.pz h2{font-size:clamp(1.8rem,4.6vw,2.4rem);margin:1.7em 0 .7em;position:relative;padding-bottom:14px}
.pz h2::after{width:64px}
.pz h2.sr::after{display:none}
.ticks{list-style:none;margin:0 0 1.2em;padding:0;border-top:1px solid var(--rule2)}
.ticks li{position:relative;padding:11px 0 11px 34px;border-bottom:1px solid var(--rule)}
.ticks li::before{content:"";position:absolute;left:6px;top:15px;width:13px;height:7px;border-left:2.5px solid var(--red);border-bottom:2.5px solid var(--red);transform:rotate(-45deg)}
.note{background:var(--manila2);border:1px solid var(--manila-d);border-left:5px solid var(--red);padding:18px 20px 4px;margin:28px 0}
.note .kick{margin-bottom:8px}
.wide{width:min(1100px,calc(100vw - 32px));position:relative;left:50%;transform:translateX(-50%);margin:26px 0}
.about-f{margin:26px 0}
.acts{display:flex;flex-wrap:wrap;gap:12px}

/* pricing */
.drvs{display:grid;gap:12px;margin:0 0 1em}
.drv{background:var(--leaf);border:1px solid var(--rule2);border-top:3px solid var(--ink);padding:14px 16px}
.drv dt{font-family:var(--disp);font-size:1.5rem;margin-bottom:4px}
.drv dd{margin:0;color:var(--mute)}
@media (min-width:640px){.drvs{grid-template-columns:1fr 1fr}}
.ws{display:grid;gap:12px;margin:18px 0 26px}
.ws fieldset{margin:0;border:1px solid var(--rule2);background:var(--leaf);padding:10px 16px 12px}
.ws legend{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--red-d);padding:0 6px}
.ws label{display:flex;align-items:center;gap:12px;min-height:44px;border-bottom:1px solid var(--rule);cursor:pointer}
.ws label:last-child{border-bottom:0}
.ws input{width:20px;height:20px;accent-color:var(--red);flex:none;margin:0}
.ws-res{background:var(--graph);color:var(--on-dark);padding:18px 20px}
.ws-lbl{font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:var(--manila);margin:0 0 4px}
.ws-size{font-family:var(--disp);font-size:2rem;line-height:1.1;color:#fff;margin:0 0 12px}
.ws-bar{height:10px;background:var(--graph2);border:1px solid #58616A;margin-bottom:14px}
.ws-bar i{display:block;height:100%;background:var(--manila);transform-origin:left;transform:scaleX(max(.08,var(--f,0)));transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.ws-out{margin:0;font-size:.98rem}
@media (min-width:700px){.ws{grid-template-columns:1fr 1fr}}

/* playbook */
.pbk{list-style:none;margin:0 0 1em;padding:0;border-top:3px solid var(--ink);background:var(--leaf)}
.pb{display:grid;grid-template-columns:58px 1fr;border-bottom:1px solid var(--rule)}
.pb-n{margin:0;font-family:var(--disp);font-size:1.6rem;color:var(--red-d);text-align:center;padding-top:10px;border-right:1.5px solid var(--red)}
.pb div{padding:12px 16px}
.pb h3{margin-bottom:3px}
.pb p{margin:0;color:var(--mute);font-size:.98rem}

/* entry slip CTA */
.carry{padding:34px 0 26px}
.stub{display:grid;gap:18px;background:var(--leaf);border:1.5px solid var(--ink);padding:24px 20px;position:relative}
.stub::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;border-bottom:2px solid var(--red);border-top:2px solid var(--red);transform:translateY(-10px)}
.stub-k{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--red-d);margin:0 0 8px}
.stub h2{font-size:clamp(1.8rem,4.6vw,2.5rem);margin-bottom:10px}
.stub-l p:last-child{margin:0;color:var(--mute);max-width:40rem}
.stub-r{display:flex;flex-direction:column;align-items:flex-start;gap:10px}
.stub-tel{display:inline-flex;align-items:center;gap:8px;font-weight:700;min-height:44px}
@media (min-width:860px){.stub{grid-template-columns:1fr auto;align-items:center;padding:30px 34px}.stub-r{align-items:stretch;border-left:1px solid var(--rule2);padding-left:30px}}

/* quote form */
.qgrid{display:grid;gap:40px}
@media (min-width:980px){.qgrid{grid-template-columns:1.1fr .9fr;align-items:start}}
.qf{background:var(--leaf);border:1.5px solid var(--ink);padding:22px 18px}
.qf-hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.qf-need{border:0;margin:0 0 16px;padding:0}
.qf-need legend{font-weight:700;margin-bottom:10px;font-size:1.02rem;padding:0}
.qf-need{display:grid;gap:8px}
.qf-need label{display:flex;align-items:center;gap:10px;min-height:48px;padding:0 12px;border:1px solid var(--rule2);background:var(--paper);cursor:pointer;font-weight:700;font-size:.96rem}
.qf-need label:has(input:checked){background:var(--manila2);border-color:var(--ink)}
.qf-need input{width:20px;height:20px;accent-color:var(--red);margin:0;flex:none}
@media (min-width:560px){.qf-need{grid-template-columns:1fr 1fr}.qf-need legend{grid-column:1/-1}}
.qf-2{display:grid;gap:0 16px}
@media (min-width:560px){.qf-2{grid-template-columns:1fr 1fr}}
.qf-f{margin:0 0 14px}
.qf-f label{display:block;font-weight:700;margin-bottom:5px;font-size:.96rem}
.qf-f small{font-weight:400;color:var(--mute);font-size:.86rem}
.qf input:not([type=radio]),.qf textarea{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid #6B7B87;border-radius:2px;background:#fff;font:1rem var(--txt);color:var(--ink)}
.qf textarea{resize:vertical;min-height:120px}
.qf input::placeholder,.qf textarea::placeholder{color:#66737E}
.qf input:focus,.qf textarea:focus{border-color:var(--blue);outline:3px solid rgba(31,79,124,.3);outline-offset:0}
.qf-note{font-size:.88rem;color:var(--mute);margin:12px 0 0}

/* related pages block */
.rel{padding:30px 0 60px}
.rel-in{border-top:6px double var(--ink);padding-top:20px}
.rel-h{font-family:var(--disp);font-style:italic;font-size:1.6rem;margin:0 0 14px;color:var(--red-d)}
.rel-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.rel-l li{margin:0;padding:0}.rel-l li::before{display:none}
.rel-l a{display:inline-flex;align-items:center;min-height:44px;padding:8px 15px;background:var(--manila2);border:1px solid var(--manila-d);border-radius:2px;text-decoration:none;font-weight:700;font-size:.95rem;line-height:1.2;color:var(--ink)}
.rel-l a:hover{background:var(--manila);text-decoration:underline}

/* footer */
.foot{background:var(--graph);color:var(--on-dark);padding:56px 0 24px}
.foot a{color:var(--on-dark);text-decoration-color:var(--manila-d)}
.foot a:hover{color:var(--manila)}
.foot-cf{padding-bottom:40px;border-bottom:1px solid rgba(233,237,240,.2)}
.cf-k{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--manila);margin:0 0 10px}
.cf-h{font-family:var(--disp);font-size:clamp(2rem,5.4vw,3.2rem);line-height:1.06;color:#fff;max-width:22ch;margin:0 0 24px}
.cf-h em{color:var(--manila)}
.cf-a{display:flex;flex-wrap:wrap;gap:12px}
.foot-g{display:grid;gap:28px;padding-top:36px;padding-bottom:30px}
.foot-b p{color:var(--on-dark2);max-width:34rem;margin-top:14px}
.brand-ft{color:#fff}.brand-ft .brand-t i{color:var(--on-dark2)}
.foot-h{font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700;color:var(--manila);margin:0 0 10px}
.foot ul{list-style:none;margin:0;padding:0}
.foot li a{display:inline-flex;align-items:center;min-height:40px}
.foot-mail{overflow-wrap:anywhere}
.foot-base{display:flex;align-items:center;gap:16px;font-size:.88rem;color:var(--on-dark2);padding-top:18px;border-top:1px solid rgba(233,237,240,.2)}
.foot-dbl{flex:1;height:6px;border-top:1.5px solid var(--manila-d);border-bottom:1.5px solid var(--manila-d);opacity:.6}
@media (min-width:860px){.foot-g{grid-template-columns:1.6fr 1fr 1fr 1.3fr}}

@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
 .js [data-post]{transform:none}
}