/* Sapwood page pattern. External on purpose: inline blocks kept getting
   stripped by head rewrites. Do not inline this again. */

.pt-wrap{max-width:1180px;margin:0 auto;padding:0 44px}
.pt-hero{position:relative;overflow:hidden;background:var(--heartwood);color:var(--paper);
 padding:74px 0 64px}
.pt-hero::after,.pt-body::after,.pt-tail::after{content:"";position:absolute;inset:0;z-index:0;
 pointer-events:none;background-image:url('art/topo-brown.webp');background-size:1100px auto;
 background-repeat:repeat}
.pt-hero::after{opacity:.13;filter:invert(1)}
.pt-hero > .pt-wrap,.pt-body > .pt-wrap,.pt-tail > .pt-wrap{position:relative;z-index:2}
.pt-hero h1{font-family:var(--display);font-weight:800;letter-spacing:-2.3px;line-height:1.03;
 font-size:clamp(32px,4vw,54px);color:#F7F1E4;max-width:19ch}
.pt-lede{font-size:19px;line-height:1.55;color:var(--grain);margin-top:18px;max-width:58ch}
.pt-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}
.pt-chip{font-size:12.5px;color:var(--grain);border:1px solid #5A4430;padding:5px 10px}
.pt-cta{display:flex;gap:11px;margin-top:26px;flex-wrap:wrap}
.pt-b1{background:#2F4034 !important;color:#F3ECDE !important;background-image:none !important;
 padding:14px 24px;font-size:16px;font-weight:700;text-decoration:none;display:inline-block}
.pt-b1:hover{background:#26341F !important}
.pt-b2{border:2px solid #6A583F;color:#EBDFC8 !important;padding:12px 22px;font-size:16px;
 font-weight:700;text-decoration:none;display:inline-block}
.pt-b2:hover{border-color:#A8BB6E}
.pt-b3{background:#7E8C55 !important;color:#F7F1E4 !important;background-image:none !important;
 padding:15px 26px;font-size:16.5px;font-weight:700;text-decoration:none;white-space:nowrap}
.pt-b3:hover{background:#6E7B49 !important}
.pt-body{position:relative;overflow:hidden;background:var(--paper);padding:56px 0 64px}
.pt-body::after{opacity:.07}
.pt-price{display:flex;justify-content:space-between;align-items:center;gap:26px;flex-wrap:wrap;
 background:#FFFDF7;border:2px solid #E0D5BF;padding:20px 24px;
 box-shadow:8px 10px 0 rgba(51,36,26,.07)}
.pt-price b{display:block;font-family:var(--display);font-size:18px;color:#33241A}
.pt-price span{display:block;font-size:15px;color:#5C4630;margin-top:4px;max-width:60ch}
.pt-block{border-top:2px solid #33241A;padding:26px 0 4px;margin-top:30px}
.pt-block h2{font-family:var(--display);font-weight:800;letter-spacing:-1.3px;
 font-size:clamp(24px,2.6vw,34px);color:#33241A}
.pt-block h3{font-family:var(--display);font-weight:700;letter-spacing:-.6px;font-size:21px;
 color:#33241A}
.pt-block p{font-size:17px;line-height:1.62;color:#5C4630;margin-top:12px;max-width:72ch}
.pt-list{list-style:none;margin-top:14px;display:grid;gap:9px}
.pt-list li{font-size:16.5px;line-height:1.5;color:#5C4630;padding-left:20px;position:relative;
 max-width:70ch}
.pt-list li::before{content:"";position:absolute;left:0;top:11px;width:9px;height:2px;
 background:#7E8C55}
.pt-links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:10px;
 margin-top:16px}
.pt-links a{display:block;background:#FFFDF7;border:2px solid #E0D5BF;padding:14px 16px;
 font-size:16px;font-weight:600;color:#33241A !important;text-decoration:none}
.pt-links a:hover{border-color:#7E8C55}
.pt-table{margin-top:26px;overflow-x:auto}
.pt-table table{width:100%;border-collapse:collapse;background:#FFFDF7;
 border:2px solid #E0D5BF}
.pt-table th{text-align:left;font-size:12.5px;font-weight:700;color:#7A5738;text-transform:uppercase;
 letter-spacing:.06em;padding:12px 14px;border-bottom:2px solid #33241A}
.pt-table td{font-size:16px;padding:12px 14px;border-bottom:1px solid #D9CDB6;color:#33241A}
.pt-table tr.us td{background:#F6F1E4;font-weight:600}
.pt-qa{margin-top:38px}
.pt-qa h2{font-family:var(--display);font-weight:800;letter-spacing:-1.3px;font-size:30px;
 margin-bottom:6px}
.pt-q{border-top:1px solid #D9CDB6;padding:18px 0}
.pt-q:first-of-type{border-top:2px solid #33241A}
.pt-q h3{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-.6px;color:#26190F}
.pt-q p{font-size:17.5px;line-height:1.65;color:#33241A;margin-top:8px;max-width:74ch}
.pt-tail{position:relative;overflow:hidden;background:var(--heartwood);color:var(--paper);
 padding:52px 0 58px}
.pt-tail::after{opacity:.13;filter:invert(1)}
.pt-tail > .pt-wrap{display:flex;justify-content:space-between;align-items:center;gap:30px;
 flex-wrap:wrap}
.pt-tail h2{font-family:var(--display);font-weight:800;letter-spacing:-1.3px;font-size:32px;
 color:#F7F1E4}
.pt-tail p{color:var(--grain);font-size:16.5px;margin-top:8px;max-width:50ch;line-height:1.5}
@media (max-width:900px){.pt-wrap{padding:0 22px}.pt-hero{padding:48px 0 44px}
 .pt-price{flex-direction:column;align-items:flex-start}}

/* service rail */
.sv-rail{position:relative;margin-top:8px;padding-left:4px}
.sv-rail::before{content:"";position:absolute;left:9px;top:22px;bottom:22px;width:2px;
 background:#D9CDB6}
.sv-step{position:relative;display:grid;grid-template-columns:20px 44px 1fr;gap:16px;
 align-items:start;padding:20px 0}
.sv-dot{position:relative;z-index:2;width:20px;height:20px;border-radius:50%;background:#F3ECDE;
 border:2px solid #7E8C55;margin-top:4px}
.sv-step:hover .sv-dot{background:#7E8C55}
.sv-n{font-family:var(--display);font-size:14px;font-weight:800;color:#C9B18B;padding-top:6px}
.sv-step h3{font-family:var(--display);font-size:23px;font-weight:800;letter-spacing:-.8px;
 color:#33241A}
.sv-step p{font-size:16.5px;line-height:1.55;color:#5C4630;margin-top:6px;max-width:66ch}
.pt-tag{display:inline-flex;align-items:baseline;gap:12px;margin-top:20px;
 border:2px solid #6A583F;padding:12px 18px}
.pt-tag b{font-family:var(--display);font-size:22px;font-weight:800;color:#A8BB6E}
.pt-tag span{font-size:15px;color:#C9B18B}
.pt-kick{display:block;font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
 color:#C9B18B;margin-bottom:12px}
/* team cards */
.tm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.tm-card{background:#FFFDF7;border:2px solid #E0D5BF;padding:22px 24px;
 box-shadow:8px 10px 0 rgba(51,36,26,.07)}
.tm-card h3{font-family:var(--display);font-size:21px;font-weight:800;letter-spacing:-.7px}
.tm-card p{font-size:16px;line-height:1.55;color:#5C4630;margin-top:8px}
/* work case sheet */
.wk-hero{position:relative;overflow:hidden;background:#26190F;color:#F3ECDE;padding:74px 0 66px}
.wk-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:url('art/topo-brown.webp');background-size:1100px auto;background-repeat:repeat;
 opacity:.14;filter:invert(1)}
.wk-hero > .pt-wrap{position:relative;z-index:2}
.wk-hero h1{font-family:var(--display);font-weight:800;letter-spacing:-2.2px;line-height:1.04;
 font-size:clamp(30px,3.6vw,48px);color:#F7F1E4;max-width:20ch}
.wk-metric{display:flex;align-items:baseline;gap:14px;margin-top:26px;border-top:2px solid #4A3A29;
 padding-top:22px;flex-wrap:wrap}
.wk-metric em{font-family:var(--display);font-style:normal;font-size:clamp(44px,5vw,72px);
 font-weight:800;letter-spacing:-3px;color:#A8BB6E;line-height:1}
.wk-metric span{font-size:18px;color:#C9B18B}
.wk-two{display:grid;grid-template-columns:1fr 1fr;gap:0;border:2px solid #33241A;
 background:#FFFDF7}
.wk-col{padding:26px 28px}
.wk-col + .wk-col{border-left:2px solid #33241A}
.wk-fix{background:#F6F1E4}
.wk-lab{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
 color:#7A5738;margin-bottom:10px}
.wk-col p{font-size:16.5px;line-height:1.6;color:#33241A}
/* resources */
.rs-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:12px}
.rs-card a{display:block;background:#FFFDF7;border:2px solid #E0D5BF;padding:20px 22px;
 font-family:var(--display);font-size:19px;font-weight:700;letter-spacing:-.5px;color:#33241A;
 text-decoration:none;transition:border-color .18s,transform .18s}
.rs-card a:hover{border-color:#7E8C55;transform:translateY(-3px)}
/* guides */
.gd-hero{position:relative;overflow:hidden;background:var(--heartwood);color:var(--paper);
 padding:70px 0 66px}
.gd-hero::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 background-image:url('art/topo-brown.webp');background-size:1100px auto;background-repeat:repeat;
 opacity:.13;filter:invert(1)}
.gd-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:44px;
 align-items:center}
.gd-hero h1{font-family:var(--display);font-weight:800;letter-spacing:-2.2px;line-height:1.04;
 font-size:clamp(30px,3.6vw,48px);color:#F7F1E4}
.gd-plate{background:#FFFDF7;border:2px solid #33241A;padding:26px 28px;
 box-shadow:14px 16px 0 rgba(0,0,0,.28)}
.gd-k{display:block;font-size:12.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
 color:#7A5738;border-bottom:2px solid #33241A;padding-bottom:12px}
.gd-toc{list-style:none;margin-top:14px;display:grid;gap:0}
.gd-toc li{font-size:16px;color:#33241A;padding:11px 0;border-bottom:1px solid #D9CDB6}
.gd-toc li:last-child{border-bottom:0}
@media (max-width:900px){.wk-two,.gd-grid{grid-template-columns:1fr}
 .wk-col + .wk-col{border-left:0;border-top:2px solid #33241A}
 .sv-step{grid-template-columns:20px 1fr;gap:12px}.sv-n{display:none}}


/* ---- book page form. lives here, not inline, because inline head blocks
   kept getting removed by later passes. */
.s9x-page form input,.s9x-page form select,.s9x-page form textarea{
  background:#F3ECDE !important;border:2px solid #D9CDB6 !important;color:#33241A !important;
  border-radius:0 !important;font-size:16px !important;padding:12px 14px !important;
  font-family:inherit;width:100%}
.s9x-page form select{appearance:none;background-image:
  linear-gradient(45deg,transparent 50%,#33241A 50%),
  linear-gradient(135deg,#33241A 50%,transparent 50%);
  background-position:calc(100% - 20px) 21px,calc(100% - 14px) 21px;
  background-size:6px 6px,6px 6px;background-repeat:no-repeat;padding-right:44px !important}
.s9x-page form input::placeholder,.s9x-page form textarea::placeholder{color:#9C8465 !important}
.s9x-page form input:focus,.s9x-page form select:focus,.s9x-page form textarea:focus{
  outline:0;border-color:#2F4034 !important}
.s9x-page form button{background:#2F4034 !important;color:#F3ECDE !important;
  background-image:none !important;border:0 !important}
.s9x-page form button:hover{background:#26341F !important}

.xr{margin-top:34px;border-top:2px solid #33241A;padding-top:22px}
.xr h2{font-family:var(--display);font-size:24px;font-weight:800;letter-spacing:-.9px;
 margin-bottom:4px}
.xr p{font-size:15px;color:#7A5738;margin-bottom:14px}
.xrg{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:10px}
.xrg a{display:block;background:#FFFDF7;border:2px solid #E0D5BF;padding:14px 16px;font-size:15.5px;
 font-weight:600;color:#33241A;text-decoration:none;transition:border-color .16s,transform .16s}
.xrg a:hover{border-color:#7E8C55;transform:translateY(-2px)}
.xrg a.hot{background:#F2EDDF;border-color:#2F4034}


/* question blocks. own background, so they never depend on the page behind them */
.qa-block{background:#F3ECDE;color:#33241A;padding:52px 0 64px;position:relative}
.qa-block > *{max-width:1180px;margin-left:auto;margin-right:auto;padding-left:44px;
 padding-right:44px}
.qa-block h2{font-family:var(--display,"Bricolage Grotesque",Georgia,serif);font-size:30px;
 font-weight:800;letter-spacing:-1.2px;margin-bottom:10px;color:#26190F}
.qa-block .pt-q{border-top:1px solid #D9CDB6;padding:22px 0;max-width:80ch}
.qa-block .pt-q:first-of-type{border-top:2px solid #33241A}
.qa-block .pt-q h3{font-family:var(--display,"Bricolage Grotesque",Georgia,serif);font-size:21px;
 font-weight:800;letter-spacing:-.6px;color:#26190F}
.qa-block .pt-q p{font-size:17.5px;line-height:1.65;color:#33241A;margin-top:9px;max-width:74ch}
@media (max-width:900px){.qa-block{padding:36px 0 44px}
 .qa-block > *{padding-left:22px;padding-right:22px}}


/* booking form states */
.b-err{display:none;margin:0 0 14px;padding:11px 13px;background:#F7E8E4;
 border-left:4px solid #B3271A;font-size:14.5px;color:#33241A}
.b-err.on{display:block}
.b-ok{display:none;background:#FFFDF7;border:2px solid #2F4034;padding:22px 24px;
 box-shadow:8px 10px 0 rgba(51,36,26,.09)}
.b-ok.on{display:block}
.b-ok b{font-family:"Bricolage Grotesque",Georgia,serif;font-size:21px;letter-spacing:-.6px;
 display:block;color:#2F4034}
.b-ok p{font-size:15.5px;line-height:1.55;color:#5C4630;margin-top:8px}

/* purchase strip */
.buystrip{background:#33241A;color:#F3ECDE;position:relative;overflow:hidden}
.buystrip-in{max-width:1180px;margin:0 auto;padding:34px 44px;display:flex;align-items:center;
 justify-content:space-between;gap:28px;flex-wrap:wrap;position:relative;z-index:2}
.buystrip b{font-family:"Bricolage Grotesque",Georgia,serif;font-size:25px;letter-spacing:-.9px;
 color:#F7F1E4;display:block}
.buystrip p{font-size:16px;color:#C9B18B;margin-top:7px;max-width:58ch;line-height:1.5}
.buystrip-act{display:flex;align-items:center;gap:18px;flex-wrap:wrap}
.buystrip-go{background:#7E8C55;color:#F7F1E4 !important;padding:15px 26px;font-weight:700;
 font-size:16.5px;text-decoration:none;white-space:nowrap}
.buystrip-go:hover{background:#6E7B49}
.buystrip-alt{color:#C9B18B !important;font-size:15.5px;text-decoration:none;
 border-bottom:1px solid #5A4430;padding-bottom:2px;white-space:nowrap}
@media (max-width:820px){.buystrip-in{padding:26px 22px}}


/* before and after, on the work pages */
.ba{border-top:2px solid #33241A;margin-top:18px}
.ba-row{display:grid;grid-template-columns:150px 1fr 1fr;gap:0;border-bottom:1px solid #D9CDB6}
.ba-h{background:#33241A;color:#C9B18B;font-size:12px;letter-spacing:.14em;text-transform:uppercase;
 font-weight:700}
.ba-h > div{padding:11px 16px}
.ba-row > div{padding:15px 16px;font-size:16px;line-height:1.5;color:#33241A}
.ba-tool{font-weight:700;font-family:"Bricolage Grotesque",Georgia,serif;font-size:16.5px;
 letter-spacing:-.3px;border-right:1px solid #E4DAC6}
.ba-was{color:#8A6A48;border-right:1px solid #E4DAC6}
.ba-now{color:#33241A;font-weight:500}
@media (max-width:820px){
  .ba-row{grid-template-columns:1fr}
  .ba-h{display:none}
  .ba-row > div{padding:8px 0;border:0}
  .ba-tool{padding-top:16px !important}
  .ba-was:before{content:"Was: ";font-weight:700;color:#8A6A48}
  .ba-now:before{content:"Now: ";font-weight:700;color:#2F4034}
}
/* findings list */
.fnd{border-top:2px solid #33241A;margin-top:18px}
.fnd-row{border-bottom:1px solid #D9CDB6;padding:16px 0}
.fnd-row b{display:block;font-family:"Bricolage Grotesque",Georgia,serif;font-size:17.5px;
 letter-spacing:-.4px;color:#26190F}
.fnd-row span{display:block;margin-top:5px;font-size:16px;line-height:1.55;color:#5C4630}
.fnd-total{margin-top:18px;background:#33241A;color:#F3ECDE;padding:16px 20px;
 font-family:"Bricolage Grotesque",Georgia,serif;font-size:19px;letter-spacing:-.5px}
/* the portfolio strip at the foot of a work page */
.wnext{margin-top:30px}
.wnext h2{font-family:"Bricolage Grotesque",Georgia,serif;font-size:26px;letter-spacing:-1px;
 color:#26190F}
.wnext p{font-size:16px;color:#5C4630;margin:6px 0 14px;max-width:70ch}
.wnext-g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wnext-g a{display:block;background:#FFFDF7;border:1px solid #D9CDB6;padding:16px 18px;
 text-decoration:none;color:#33241A !important;font-weight:600;font-size:15.5px;line-height:1.4}
.wnext-g a:hover{border-color:#2F4034;background:#F7F1E4}
@media (max-width:900px){.wnext-g{grid-template-columns:1fr}}

/* == work page redesign, Sep 2026 == */
.plate{position:relative}
.plate:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08;pointer-events:none}
.plate > *{position:relative;z-index:2}
.wk-hero{background:#33241A !important;color:#F3ECDE;position:relative;overflow:hidden;
 padding:76px 0 0 !important}
.wk-hero:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-brown.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.1;pointer-events:none}
.wk-hero .wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:0 44px}
.wk-kick{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#7E8C55;font-weight:700;
 display:block}
.wk-hero h1{font-family:'Bricolage Grotesque',Georgia,serif;font-size:clamp(34px,4.4vw,58px);
 line-height:1.02;letter-spacing:-2.4px;font-weight:800;margin:14px 0 0;max-width:19ch;color:#F7F1E4}
.wk-sub{font-size:18px;line-height:1.55;color:#E4D6BC;margin-top:16px;max-width:60ch}
.wk-stats{display:grid;grid-template-columns:repeat(3,1fr);margin-top:44px;
 border-top:1px solid #4A3627}
.wk-stats > div{padding:24px 28px 30px;border-right:1px solid #4A3627}
.wk-stats > div:last-child{border-right:0}
.wk-stats b{display:block;font-family:'Bricolage Grotesque',Georgia,serif;
 font-size:clamp(30px,3.4vw,44px);letter-spacing:-1.8px;font-weight:800;color:#7E8C55;line-height:1}
.wk-stats span{display:block;margin-top:8px;font-size:14.5px;line-height:1.45;color:#DCCDAE}
.wk-chips{display:flex;flex-wrap:wrap;gap:8px;padding:26px 0 30px}
.wk-chips span:not(.vend){border:1px solid #5C4632;color:#EDE2CC;font-size:13.5px;padding:7px 14px}
.wk-sit .wrap,.wk-ba .wrap,.wk-you .wrap,.wk-more .wrap,.wk-res .wrap{max-width:1180px;
 margin:0 auto;padding:0 44px}
.wk-h2{font-family:'Bricolage Grotesque',Georgia,serif;font-size:clamp(26px,2.7vw,36px);
 letter-spacing:-1.4px;font-weight:800;color:#26190F;line-height:1.08}
.wk-lede{font-size:16.5px;color:#5C4630;margin-top:10px;max-width:64ch}
.wk-sit{padding:62px 0 10px;background:#F3ECDE;color:#33241A}
.wk-sit-g{display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:start}
.wk-sit p{font-size:17.5px;line-height:1.65;color:#463020;margin-top:16px;max-width:62ch}
.wk-pull{border-left:3px solid #9C4A24;padding:4px 0 4px 20px;margin-top:26px}
.wk-pull-m{border-left-color:#7E8C55}
.wk-pull b{font-family:'Bricolage Grotesque',Georgia,serif;font-size:20px;letter-spacing:-.7px;
 display:block;color:#26190F;line-height:1.25}
.wk-pull span{display:block;margin-top:6px;font-size:15px;color:#7A5738}
.wk-ba{padding:52px 0 10px;background:#F3ECDE;color:#33241A}
.wk-res{background:#26190F;color:#F7F1E4;margin-top:58px;position:relative;overflow:hidden}
.wk-res:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08}
.wk-res .wrap{position:relative;z-index:2;padding:46px 44px}
.wk-res h2{font-family:'Bricolage Grotesque',Georgia,serif;font-size:30px;letter-spacing:-1.2px;
 font-weight:800;color:#F7F1E4}
.wk-res-g{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:26px}
.wk-res-g b{color:#9FB06B !important;font-family:'Bricolage Grotesque',Georgia,serif;font-size:30px;letter-spacing:-1.3px;
 display:block;color:#CBD8A8;line-height:1.1}
.wk-res-g span{display:block;margin-top:8px;font-size:15.5px;line-height:1.5;color:#D6E0C0}
.wk-you{padding:62px 0;background:#F3ECDE;color:#33241A}
.wk-you-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.wk-you-g > div{background:#FFFDF7;border:1px solid #D9CDB6;padding:22px 24px}
.wk-you-g b{font-family:'Bricolage Grotesque',Georgia,serif;font-size:18px;letter-spacing:-.5px;
 display:block;color:#26190F;line-height:1.25}
.wk-you-g span{display:block;margin-top:8px;font-size:15.5px;line-height:1.55;color:#5C4630}
.wk-cta{display:flex;align-items:center;gap:18px;margin-top:28px;flex-wrap:wrap}
.wk-btn{display:inline-block;background:#2F4034;color:#F7F1E4 !important;padding:15px 28px;
 font-weight:700;font-size:16.5px;text-decoration:none}
.wk-btn:hover{background:#26341F}
.wk-lnk{color:#7A5738 !important;font-size:15.5px;text-decoration:none;
 border-bottom:1px solid #D9CDB6}
.wk-more{background:#FFFDF7;border-top:1px solid #D9CDB6;padding:54px 0 62px;position:relative;
 overflow:hidden}
.wk-more:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08;pointer-events:none}
.wk-more .wrap{position:relative;z-index:2}
.wk-more-g{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}
.wk-more-g a{display:block;background:#FFFDF7;border:1px solid #D9CDB6;padding:20px 22px;
 text-decoration:none;transition:border-color .15s,transform .15s}
.wk-more-g a:hover{border-color:#2F4034;transform:translateY(-2px)}
.wk-more-g em{font-family:'Bricolage Grotesque',Georgia,serif;font-style:normal;font-size:23px;
 letter-spacing:-1px;color:#2F4034;font-weight:800;display:block}
.wk-more-g b{display:block;margin-top:7px;font-size:15.5px;line-height:1.4;color:#26190F}
@media (max-width:900px){
 .wk-sit-g,.wk-stats,.wk-res-g,.wk-you-g,.wk-more-g{grid-template-columns:1fr}
 .wk-stats > div{border-right:0;border-bottom:1px solid #4A3627}
 .wk-hero .wrap,.wk-sit .wrap,.wk-ba .wrap,.wk-you .wrap,.wk-more .wrap,.wk-res .wrap{padding:0 22px}
 .wk-res .wrap{padding:34px 22px}
}

/* == motion and vendor colour, Sep 2026 == */
/* scroll reveal. opt in per element, and off entirely if the person asked for less motion */
.rv{opacity:1;transform:none}
html.js .rv{opacity:0;transform:translateY(14px);
 transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}
html.js .rv.in{opacity:1;transform:none}
.rv.in{opacity:1;transform:none}
.rv-d1{transition-delay:.06s}.rv-d2{transition-delay:.12s}.rv-d3{transition-delay:.18s}
@media (prefers-reduced-motion:reduce){
 .rv{opacity:1;transform:none;transition:none}
 .wk-more-g a,.you-g > div,.vend{transition:none !important}
}
/* the number rolls up once, when it comes into view */
.cnt{font-variant-numeric:tabular-nums}

/* vendor chips carry the tool's own colour, as a dot rather than a logo */
.wk-chips .vend,.vend{display:inline-flex;align-items:center;gap:9px;border:1px solid #5C4632;
 background:rgba(247,241,228,.06);color:#EDE2CC;font-size:13.5px;font-weight:500;padding:7px 14px;
 transition:border-color .2s,color .2s,background .2s}
.wk-chips .vend:before,.vend:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--dot,#7E8C55);
 box-shadow:0 0 0 3px color-mix(in srgb,var(--dot,#7E8C55) 22%,transparent)}
.wk-chips .vend:hover,.vend:hover{border-color:var(--dot,#7E8C55);color:#FFFBF2;
 background:color-mix(in srgb,var(--dot,#7E8C55) 20%,rgba(247,241,228,.06))}
.v-zoominfo{--dot:#E4002B}
.v-gong{--dot:#8039DF}
.v-outreach{--dot:#5951FF}
.v-ringlead{--dot:#1BA0D7}
.v-chilipiper{--dot:#FF5A5F}
.v-churnzero{--dot:#00B2A9}
.v-salesforce{--dot:#00A1E0}
.v-hubspot{--dot:#FF7A59}
.v-slack{--dot:#4A154B}
.v-powerbi{--dot:#F2C811}
.v-pendo{--dot:#EC2D6F}
.v-chatgpt{--dot:#10A37F}
.v-claude{--dot:#D97757}
.v-perplexity{--dot:#20808D}
.v-arcgis{--dot:#0079C1}
.v-attio{--dot:#2B2B2B}
/* the same dot, used inside the before and after table */
.ba-tool{display:flex;align-items:center;gap:10px}
.ba-tool:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--dot,#7A5738);
 flex:none}

/* cards lift, links underline from the left */
.wk-more-g a,.wk-you-g > div{transition:transform .22s cubic-bezier(.22,.61,.36,1),
 border-color .22s,box-shadow .22s}
.wk-more-g a:hover{transform:translateY(-3px);box-shadow:6px 8px 0 rgba(51,36,26,.09)}
.wk-you-g > div:hover{border-color:#7E8C55;box-shadow:6px 8px 0 rgba(51,36,26,.07)}
.wk-lnk{background-image:linear-gradient(#7E8C55,#7E8C55);background-size:0 2px;
 background-repeat:no-repeat;background-position:0 100%;border-bottom:0 !important;
 transition:background-size .25s}
.wk-lnk:hover{background-size:100% 2px}

/* a horizontal rail for sets that do not need a grid */
.hrail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;
 margin-top:22px;-webkit-overflow-scrolling:touch}
.hrail::-webkit-scrollbar{height:7px}
.hrail::-webkit-scrollbar-thumb{background:#D9CDB6}
.hrail > *{scroll-snap-align:start;flex:0 0 clamp(250px,30%,330px)}

/* == service page treatment, Sep 2026 == */
.sv2-hero{background:#33241A;color:#F3ECDE;position:relative;overflow:hidden;padding:74px 0 0}
.sv2-hero:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-brown.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.1;pointer-events:none}
.sv2-hero .wrap{position:relative;z-index:3;max-width:1180px;margin:0 auto;padding:0 44px}
.sv2-kick{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:#7E8C55;
 font-weight:700;display:block}
.sv2-hero h1{font-family:'Bricolage Grotesque',Georgia,serif;font-size:clamp(34px,4.3vw,56px);
 line-height:1.03;letter-spacing:-2.3px;font-weight:800;margin:14px 0 0;max-width:19ch;
 color:#F7F1E4}
.sv2-sub{font-size:18px;line-height:1.55;color:#E4D6BC;margin-top:16px;max-width:60ch}
.sv2-price{display:flex;gap:0;margin-top:40px;border-top:1px solid #5C4632;flex-wrap:wrap}
.sv2-price > div{padding:22px 30px 26px;border-right:1px solid #5C4632;flex:1 1 200px}
.sv2-price > div:first-child{padding-left:0}
.sv2-price > div:last-child{border-right:0}
.sv2-price b{display:block;font-family:'Bricolage Grotesque',Georgia,serif;font-size:32px;
 letter-spacing:-1.4px;font-weight:800;color:#7E8C55;line-height:1}
.sv2-price span{display:block;margin-top:7px;font-size:14.5px;color:#DCCDAE;line-height:1.45}
.sv2-chips{display:flex;flex-wrap:wrap;gap:8px;padding:24px 0 30px}

/* live dot, for the things that run every day */
.pulse{display:inline-block;width:8px;height:8px;border-radius:50%;background:#7E8C55;
 margin-right:9px;position:relative;top:-1px}
.pulse:after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid #7E8C55;
 animation:pl 2.4s ease-out infinite;opacity:0}
@keyframes pl{0%{transform:scale(.6);opacity:.8}100%{transform:scale(1.9);opacity:0}}
@media (prefers-reduced-motion:reduce){.pulse:after{animation:none}}

/* symptom cards that open */
.sym{padding:62px 0 8px;background:#F3ECDE;color:#33241A;position:relative}
.sym:before{content:"";position:absolute;inset:0;background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08;pointer-events:none}
.sym > *{position:relative;z-index:2}
.sym-g{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.sym-c{background:#FFFDF7;border:1px solid #D9CDB6;padding:20px 22px;cursor:default;
 transition:border-color .2s,box-shadow .2s,transform .2s}
.sym-c:hover{border-color:#2F4034;box-shadow:6px 8px 0 rgba(51,36,26,.08);transform:translateY(-2px)}
.sym-c b{font-family:'Bricolage Grotesque',Georgia,serif;font-size:18px;letter-spacing:-.5px;
 display:block;color:#26190F;line-height:1.28}
.sym-c span{display:block;margin-top:9px;font-size:15.5px;line-height:1.55;color:#5C4630}
.sym-c em{display:block;margin-top:11px;font-style:normal;font-size:13px;letter-spacing:.1em;
 text-transform:uppercase;font-weight:700;color:#9C4A24}

/* month timeline with a line that draws in */
.mon{padding:58px 0 10px;position:relative;background:#F3ECDE;color:#33241A;position:relative}
.mon:before{content:"";position:absolute;inset:0;background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08;pointer-events:none}
.mon > *{position:relative;z-index:2}
.mon-rail{margin-top:26px;position:relative;padding-left:34px}
.mon-rail:before{content:"";position:absolute;left:8px;top:6px;bottom:6px;width:2px;
 background:#D9CDB6}
.mon-rail:after{content:"";position:absolute;left:8px;top:6px;width:2px;height:0;background:#2F4034;
 transition:height 1.4s cubic-bezier(.3,.7,.3,1)}
.mon-rail.in:after{height:calc(100% - 12px)}
.mon-step{position:relative;padding:0 0 26px}
.mon-step:before{content:"";position:absolute;left:-30px;top:5px;width:10px;height:10px;
 border-radius:50%;background:#F3ECDE;border:2px solid #2F4034}
.mon-step b{font-family:'Bricolage Grotesque',Georgia,serif;font-size:18px;letter-spacing:-.5px;
 color:#26190F;display:block}
.mon-step span{display:block;margin-top:6px;font-size:16px;line-height:1.6;color:#5C4630;
 max-width:70ch}

.sv2-band{background:#26190F;color:#F7F1E4;margin-top:54px;position:relative;overflow:hidden}
.sv2-band:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08}
.sv2-band .wrap{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:44px}
.sv2-band h2{font-family:'Bricolage Grotesque',Georgia,serif;font-size:29px;letter-spacing:-1.2px;
 font-weight:800;color:#F7F1E4}
.sv2-band-g{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:24px}
.sv2-band-g b{color:#9FB06B !important;font-family:'Bricolage Grotesque',Georgia,serif;font-size:30px;letter-spacing:-1.3px;
 display:block;color:#CBD8A8;line-height:1.1}
.sv2-band-g span{display:block;margin-top:8px;font-size:15.5px;line-height:1.5;color:#D6E0C0}
.sv2-band-g a{color:#CBD8A8;text-decoration:none;border-bottom:1px solid rgba(203,216,168,.4)}
@media (max-width:900px){
 .sym-g,.sv2-band-g{grid-template-columns:1fr}
 .sv2-hero .wrap,.sv2-band .wrap{padding:0 22px}
 .sv2-band .wrap{padding:32px 22px}
 .sv2-price > div{padding-left:0;border-right:0;border-bottom:1px solid #5C4632}
}

/* == tool landscape pages == */
.tl-note{display:flex;align-items:center;gap:0;font-size:14px;color:#DCCDAE;margin-top:26px;
 padding:14px 18px;border:1px solid #5C4632;background:rgba(247,241,228,.05);max-width:74ch;
 line-height:1.5;margin-bottom:34px}
.tl-g{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:24px}
.tl-c{background:#FFFDF7;border:1px solid #D9CDB6;padding:20px 22px;
 transition:border-color .2s,box-shadow .2s,transform .2s}
.tl-c:hover{border-color:#2F4034;box-shadow:6px 8px 0 rgba(51,36,26,.08);transform:translateY(-2px)}
.tl-c b{display:flex;align-items:center;font-family:'Bricolage Grotesque',Georgia,serif;
 font-size:18.5px;letter-spacing:-.5px;color:#26190F;line-height:1.25}
.tl-c span{display:block;margin-top:9px;font-size:15.5px;line-height:1.58;color:#5C4630}
.tl-dot{width:9px;height:9px;border-radius:50%;background:var(--dot,#7A5738);margin-right:10px;
 flex:none}
@media (max-width:900px){.tl-g{grid-template-columns:1fr}}

/* the self check sits beside booking, as its own route in */
.nav-free{display:inline-block;border:1px solid #2F4034;color:#2F4034 !important;
 padding:9px 16px;font-weight:600;font-size:14.5px;text-decoration:none;margin-right:10px;
 transition:background .15s,color .15s}
.nav-free:hover{background:#2F4034;color:#F3ECDE !important}
@media (max-width:900px){.nav-free{display:none}}

/* footer separation. nothing should ever sit flush against it */
footer{margin-top:0;position:relative;z-index:1}
.xr,.rel-block,.pt-links,.wk-more,.qa-block{margin-bottom:0}
section:last-of-type,.xr:last-child{padding-bottom:56px}
footer:before{content:"";position:absolute;top:-1px;left:0;right:0;height:1px;background:#D9CDB6}

/* == tool landscape v2 == */
.h2x{background:#33241A;color:#F3ECDE;position:relative;overflow:hidden;padding:64px 0 0}
.h2x:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-brown.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.1;pointer-events:none}
.h2x .wrap{position:relative;z-index:3;max-width:1180px;margin:0 auto;padding:0 44px}
.h2x-kick{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#7E8C55;
 font-weight:700;display:block}
.h2x h1{font-family:'Bricolage Grotesque',Georgia,serif;font-size:clamp(34px,4.6vw,56px);
 line-height:1.02;font-weight:800;margin-top:14px;max-width:17ch;color:#F7F1E4;
 letter-spacing:-2.3px}
.h2x-sub{font-size:17.5px;color:#E4D6BC;margin-top:14px;max-width:54ch;line-height:1.55}
.pick{margin-top:32px;border-top:1px solid #5C4632;padding:26px 0 30px;display:flex;gap:26px;
 align-items:flex-end;flex-wrap:wrap}
.pf{display:flex;flex-direction:column;gap:7px}
.pf label{font-size:11.5px;letter-spacing:.16em;text-transform:uppercase;color:#C9B18B;
 font-weight:700}
.pf select{appearance:none;background:rgba(247,241,228,.06) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%23C9B18B' stroke-width='2'/></svg>") no-repeat right 14px center;
 border:1px solid #5C4632;color:#F7F1E4;font-family:'Instrument Sans',system-ui,sans-serif;
 font-size:15.5px;padding:11px 40px 11px 14px;min-width:210px;cursor:pointer}
.pf select:focus{outline:2px solid #7E8C55;outline-offset:1px}
.pgo{background:#7E8C55;color:#26190F;border:0;font-family:'Instrument Sans',system-ui,sans-serif;
 font-weight:700;font-size:15.5px;padding:13px 24px;cursor:pointer}
.pgo:hover{background:#8E9C63}
.v2sec{padding:44px 0 10px;background:#F3ECDE;color:#33241A;position:relative}
.v2sec:before{content:"";position:absolute;inset:0;background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08;pointer-events:none}
.v2sec > *{position:relative;z-index:2}
.v2sec .wrap,.v2close .wrap,.k2 .wrap{max-width:1180px;margin:0 auto;padding:0 44px}
.verd{background:#FFFDF7;border-left:4px solid #9C4A24;padding:0 26px;max-height:0;overflow:hidden;
 transition:max-height .5s cubic-bezier(.3,.7,.3,1),padding .3s;margin-bottom:34px}
.verd.on{max-height:620px;padding:24px 26px 26px}
.verd h3{font-family:'Bricolage Grotesque',Georgia,serif;font-size:21px;color:#26190F;
 letter-spacing:-.7px}
.verd p{font-size:16.5px;color:#5C4630;margin-top:10px;max-width:70ch;line-height:1.6}
.vg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}
.vg div{background:#F3ECDE;border:1px solid #D9CDB6;padding:14px 16px;font-size:14.5px;
 line-height:1.5;color:#463020}
.vg b{display:block;font-family:'Bricolage Grotesque',Georgia,serif;font-size:15.5px;
 color:#26190F;margin-bottom:5px}
.ecap{margin-top:22px;border-top:1px solid #E4DAC6;padding-top:18px}
.ecap label{display:block;font-size:15.5px;color:#33241A;font-weight:600;margin-bottom:10px}
.ecap-row{display:flex;gap:10px;flex-wrap:wrap}
.ecap input{flex:1 1 280px;border:1px solid #C7B89C;background:#F3ECDE;padding:13px 14px;
 font-family:'Instrument Sans',system-ui,sans-serif;font-size:15.5px;color:#33241A}
.ecap input:focus{outline:2px solid #2F4034;outline-offset:1px}
.ecap button{background:#2F4034;color:#F3ECDE;border:0;padding:13px 26px;font-weight:700;
 font-size:15.5px;cursor:pointer;font-family:'Instrument Sans',system-ui,sans-serif}
.ecap button:hover{background:#26341F}
.ecap-fine{font-size:13.5px;color:#7A5738;margin-top:9px}
.ecap-ok{display:none;font-size:15.5px;color:#2F4034;font-weight:600;margin-top:4px}
.ecap-ok.on{display:block}
.v2h{font-family:'Bricolage Grotesque',Georgia,serif;font-size:clamp(25px,2.6vw,34px);
 font-weight:800;color:#26190F;line-height:1.1;margin-top:8px}
.t2g{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:22px}
.t2c{background:#FFFDF7;border:1px solid #D9CDB6;padding:18px 20px;
 transition:transform .2s,border-color .2s,box-shadow .2s}
.t2c:hover{transform:translateY(-3px);border-color:#2F4034;box-shadow:6px 8px 0 rgba(51,36,26,.08)}
.t2c b{display:flex;align-items:center;gap:9px;font-family:'Bricolage Grotesque',Georgia,serif;
 font-size:17px;letter-spacing:-.4px;color:#26190F}
.t2c b i{width:9px;height:9px;border-radius:50%;background:var(--d,#7A5738);flex:none}
.t2c span{display:block;margin-top:8px;font-size:14.5px;line-height:1.55;color:#5C4630}
.t2c em{display:block;margin-top:10px;font-style:normal;font-size:12px;letter-spacing:.09em;
 text-transform:uppercase;font-weight:700;color:#7A5738}
.k2{background:#26190F;color:#F7F1E4;margin-top:54px;position:relative;overflow:hidden}
.k2:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08}
.k2 .wrap{position:relative;z-index:2;padding:44px;display:grid;grid-template-columns:1.05fr .95fr;
 gap:44px;align-items:center}
.k2-kick{font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;color:#CBD8A8;
 font-weight:700;display:block}
.k2 h2{font-family:'Bricolage Grotesque',Georgia,serif;font-size:29px;font-weight:800;
 color:#F7F1E4;letter-spacing:-1.2px;margin-top:10px}
.k2 p{font-size:16.5px;color:#D6E0C0;margin-top:12px;line-height:1.6}
.k2-price{margin-top:18px;font-family:'Bricolage Grotesque',Georgia,serif;font-size:26px;
 color:#CBD8A8;letter-spacing:-1px}
.k2-price small{font-size:14px;font-family:'Instrument Sans',system-ui,sans-serif;color:#D6E0C0}
.k2 a{display:inline-block;margin-top:18px;background:#CBD8A8;color:#26190F !important;
 padding:13px 24px;font-weight:700;text-decoration:none;font-size:15.5px}
.k2-slack{background:#26341F;border:1px solid #3E5232;padding:18px 20px;font-size:14.5px;
 line-height:1.6;color:#D6E0C0}
.k2-slack b{display:block;color:#F7F1E4;font-family:'Bricolage Grotesque',Georgia,serif;
 font-size:15px;margin-bottom:10px}
.k2-row{display:flex;justify-content:space-between;gap:14px;padding:7px 0;
 border-top:1px solid #3E5232}
.k2-row:first-of-type{border-top:0}
.k2-s{font-family:'Bricolage Grotesque',Georgia,serif;font-weight:800;color:#CBD8A8}
.k2-s.k2-dn{color:#D98C6A}
.k2-why{color:#9FB08A;font-size:13.5px}
.v2close{padding:54px 0 60px;background:#F3ECDE;color:#33241A;position:relative}
.v2close:before{content:"";position:absolute;inset:0;background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08;pointer-events:none}
.v2close > *{position:relative;z-index:2}
.v2cg{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.v2cg > div{background:#FFFDF7;border:1px solid #D9CDB6;padding:22px 24px}
.v2cg b{font-family:'Bricolage Grotesque',Georgia,serif;font-size:24px;color:#2F4034;display:block;
 letter-spacing:-1px}
.v2cg span{display:block;margin-top:8px;font-size:15px;color:#5C4630;line-height:1.5}
@media (max-width:900px){
 .h2x .wrap,.v2sec .wrap,.v2close .wrap{padding:0 22px}
 .t2g,.v2cg,.vg{grid-template-columns:1fr}
 .k2 .wrap{grid-template-columns:1fr;padding:32px 22px}
 .pf select{min-width:0;width:100%}
 .pick{gap:16px}
 .pf{width:100%}
}

/* one field, instead of asking for a calendar slot */
.eblk{background:#26190F;color:#F3ECDE;position:relative;overflow:hidden}
.eblk:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-brown.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.1;pointer-events:none}
.eblk-in{position:relative;z-index:2;max-width:1180px;margin:0 auto;padding:52px 44px 56px}
.eblk h2{font-family:'Bricolage Grotesque',Georgia,serif;font-size:clamp(25px,2.6vw,33px);
 font-weight:800;letter-spacing:-1.2px;color:#F7F1E4;max-width:22ch}
.eblk p{font-size:16.5px;color:#DCCDAE;margin-top:11px;max-width:60ch;line-height:1.6}
.eblk-row{display:flex;gap:10px;margin-top:22px;flex-wrap:wrap;max-width:620px}
.eblk input{flex:1 1 300px;background:rgba(247,241,228,.06);border:1px solid #5C4632;color:#F7F1E4;
 font-family:'Instrument Sans',system-ui,sans-serif;font-size:16px;padding:14px 16px}
.eblk input::placeholder{color:#9B846A}
.eblk input:focus{outline:2px solid #7E8C55;outline-offset:1px}
.eblk button{background:#7E8C55;color:#26190F;border:0;padding:14px 28px;font-weight:700;
 font-size:16px;cursor:pointer;font-family:'Instrument Sans',system-ui,sans-serif}
.eblk button:hover{background:#8E9C63}
.eblk-fine{font-size:13.5px;color:#9B846A;margin-top:11px}
.eblk-ok{display:none;font-size:16.5px;color:#CBD8A8;font-weight:600;margin-top:16px}
.eblk-ok.on{display:block}
.eblk-alt{color:#C9B18B;font-size:14.5px;margin-top:14px}
.eblk-alt a{color:#C9B18B}
@media (max-width:820px){.eblk-in{padding:38px 22px 42px}}

/* related services, contained */
.rel-block{background:#F3ECDE;color:#33241A;padding:46px 0 52px;position:relative}
.rel-block:before{content:"";position:absolute;inset:0;
 background-image:url('art/topo-cream.webp');background-size:cover;background-position:center;background-attachment:fixed;opacity:.08;pointer-events:none}
.rel-block > *{position:relative;z-index:2;max-width:1180px;margin-left:auto;margin-right:auto;
 padding-left:44px;padding-right:44px}
.rel-block h2{font-family:'Bricolage Grotesque',Georgia,serif;font-size:26px;letter-spacing:-1px;
 font-weight:800;color:#26190F}
.rel-lede{font-size:16px;color:#5C4630;margin-top:7px}
.rel-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:20px}
.rel-grid a{display:block;background:#FFFDF7;border:1px solid #D9CDB6;padding:18px 20px;
 text-decoration:none;color:#26190F !important;font-family:'Bricolage Grotesque',Georgia,serif;
 font-weight:700;font-size:16.5px;letter-spacing:-.4px;line-height:1.3;
 transition:transform .2s,border-color .2s,box-shadow .2s}
.rel-grid a:hover{transform:translateY(-3px);border-color:#2F4034;
 box-shadow:6px 8px 0 rgba(51,36,26,.08)}
.rel-grid a span{display:block;margin-top:7px;font-family:'Instrument Sans',system-ui,sans-serif;
 font-weight:400;font-size:14.5px;color:#5C4630;letter-spacing:0;line-height:1.5}
.rel-grid a.rel-hot,.rel-grid a[class="rel-hot"]{border:2px solid #2F4034;background:#F7F1E4}
@media (max-width:900px){
 .rel-grid{grid-template-columns:1fr}
 .rel-block > *{padding-left:22px;padding-right:22px}
}

/* portfolio filter, above the reader */
.pf-filter{background:#F3ECDE;padding:34px 0 10px}
.pf-filter-in{max-width:1180px;margin:0 auto;padding:0 44px;display:flex;align-items:center;
 gap:18px;flex-wrap:wrap;border-top:2px solid #33241A;padding-top:26px}
.pf-filter label{font-family:'Bricolage Grotesque',Georgia,serif;font-size:20px;font-weight:700;
 letter-spacing:-.6px;color:#26190F}
.pf-filter select{appearance:none;background:#FFFDF7 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8'><path d='M1 1l5 5 5-5' fill='none' stroke='%237A5738' stroke-width='2'/></svg>") no-repeat right 14px center;
 border:1px solid #C7B89C;color:#33241A;font-family:'Instrument Sans',system-ui,sans-serif;
 font-size:16px;padding:12px 42px 12px 15px;min-width:300px;cursor:pointer}
.pf-filter select:focus{outline:2px solid #2F4034;outline-offset:1px}
@media (max-width:820px){.pf-filter-in{padding-left:22px;padding-right:22px}
 .pf-filter select{min-width:0;width:100%}}

/* == duplicate checker == */
.dz-note{display:inline-flex;align-items:center;gap:10px;margin-top:24px;margin-bottom:30px;
 font-size:13.5px;color:#DCCDAE;border:1px solid #5C4632;background:rgba(247,241,228,.05);
 padding:10px 16px}
.dz{border:2px dashed #C7B89C;background:#FFFDF7;padding:44px 30px;text-align:center;
 cursor:pointer;transition:border-color .2s,background .2s}
.dz.over{border-color:#2F4034;background:#F7F1E4}
.dz-in b{display:block;font-family:'Bricolage Grotesque',Georgia,serif;font-size:22px;
 letter-spacing:-.7px;color:#26190F}
.dz-in span{display:block;margin-top:9px;font-size:16px;color:#5C4630}
.dz-pick{background:none;border:0;color:#2F4034;font:inherit;font-weight:700;cursor:pointer;
 text-decoration:underline;padding:0}
.dz-in em{display:block;margin-top:14px;font-style:normal;font-size:13.5px;color:#7A5738}
.dz-err{margin-top:14px;font-size:15px;color:#B3271A;font-weight:600}
.res{display:none;margin-top:30px;background:#FFFDF7;border:1px solid #D9CDB6;padding:26px 28px}
.res.on{display:block}
.res-top{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:2px solid #33241A;
 border-bottom:1px solid #D9CDB6}
.res-top > div{padding:18px 20px;border-right:1px solid #E4DAC6}
.res-top > div:last-child{border-right:0}
.res-top > div:first-child{padding-left:0}
.res-n{display:block;font-family:'Bricolage Grotesque',Georgia,serif;font-size:34px;
 letter-spacing:-1.5px;font-weight:800;color:#2F4034;line-height:1}
.res-top span:last-child{display:block;margin-top:7px;font-size:13.5px;color:#5C4630;
 line-height:1.4}
.res-verdict{font-size:17px;line-height:1.6;color:#33241A;margin-top:20px;max-width:74ch}
.res-extra{font-size:15.5px;color:#5C4630;margin-top:14px}
.res-extra b{font-family:'Bricolage Grotesque',Georgia,serif;color:#26190F}
.res-tbl{margin-top:20px;overflow-x:auto}
.res-tbl table{width:100%;border-collapse:collapse;font-size:15px}
.res-tbl th{text-align:left;background:#33241A;color:#C9B18B;font-size:11.5px;letter-spacing:.14em;
 text-transform:uppercase;padding:10px 14px;font-weight:700}
.res-tbl td{padding:11px 14px;border-bottom:1px solid #E4DAC6;color:#33241A}
.res-tbl td.d{font-family:'Bricolage Grotesque',Georgia,serif;font-weight:700}
.res-tbl td.n{font-weight:700;color:#9C4A24;width:90px}
.res-more{font-size:14.5px;color:#7A5738;margin-top:12px}
@media (max-width:820px){
 .res-top{grid-template-columns:repeat(2,1fr)}
 .res-top > div{padding-left:0;border-right:0;border-bottom:1px solid #E4DAC6}
 .dz{padding:32px 18px}
}

.res .ecap input{background:#F3ECDE;border:1px solid #C7B89C;color:#33241A}
.res .ecap input::placeholder{color:#8A7358}
.res .ecap label{color:#26190F}
.res .ecap-fine{color:#7A5738}

@media (max-width:900px){
 .plate:before,.h2x:before,.sv2-hero:before,.wk-hero:before,.wk-res:before,.k2:before,
 .sym:before,.mon:before,.v2sec:before,.v2close:before,.wk-more:before,.rel-block:before,
 .eblk:before{background-attachment:scroll}
}

/* == contrast repairs, Sep 28 == */
.xr h2{color:#26190F !important}
.xr p{color:#5C4630 !important}
.pt-body .xr h2,section .xr h2{color:#26190F !important}
table.ct{max-width:100%;display:block;overflow-x:auto}