:root{
  --navy:#00172C;
  --navy-2:#0A2540;
  --navy-3:#021E38;
  --footer:#000C18;
  --gold:#DEA438;
  --gold-deep:#B9862A;
  --cream:#FCF6E8;
  --paper:#F6EFE0;
  --panel-warm:#F3E6CF;
  --panel-warm-2:#EEDFC4;
  --note-bg:#141B22;
  --note-glow:#1A242E;
  --ink:#00172C;
  --muted-navy:rgba(0,23,44,.74);
  --muted-cream:rgba(252,246,232,.82);
  --line:rgba(0,23,44,.16);
  --line-gold:rgba(222,164,56,.38);
  --shadow-soft:0 16px 44px rgba(0,12,24,.09);
  --shadow-panel:0 22px 52px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.035);
  --shadow-dark:0 28px 74px rgba(0,0,0,.36);
  --radius:6px;
  --wrap:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Spectral',Georgia,serif;font-size:18px;line-height:1.68;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
::selection{background:var(--gold);color:var(--navy)}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.skip-link{position:absolute;left:-999px;top:auto;width:1px;height:1px;overflow:hidden}.skip-link:focus{left:18px;top:18px;width:auto;height:auto;background:var(--gold);color:var(--navy);padding:10px 14px;z-index:1000;font-family:'IBM Plex Mono',monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;text-decoration:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 28px}.mono{font-family:'IBM Plex Mono',monospace}.display{font-family:'Bodoni Moda',Georgia,serif}
.navy{background:var(--navy);color:var(--cream)}.cream{background:var(--cream);color:var(--ink)}.paper{background:var(--paper)}
h1,h2,h3,h4{font-family:'Bodoni Moda',Georgia,serif;margin:0 0 16px;line-height:1.08;letter-spacing:-.01em;font-weight:600;font-variant-ligatures:none;font-feature-settings:'liga' 0,'clig' 0}
h1{font-size:clamp(40px,6.1vw,70px);max-width:15ch}h2{font-size:clamp(31px,4.4vw,50px);max-width:18ch}h3{font-size:clamp(23px,3vw,31px)}h4{font-size:21px}
p{margin:0 0 16px}.lede{font-size:clamp(19px,2.2vw,23px);line-height:1.55;color:var(--muted-cream);max-width:58ch}.cream .lede,.paper .lede{color:var(--muted-navy)}
.sub{font-size:20px;line-height:1.62;color:var(--muted-navy);max-width:68ch}.navy .sub,.section.deep .sub,.final-cta .sub{color:var(--muted-cream)}
.prose{max-width:760px}.prose.wide{max-width:880px}.prose p{font-size:19px}.prose .lead-drop{font-size:23px;line-height:1.55}.small{font-size:15px}.fine{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.03em;color:rgba(0,23,44,.56)}.navy .fine,.deep .fine{color:rgba(252,246,232,.62)}
.eyebrow,.case-label{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.16em;font-size:12.5px;color:var(--gold);line-height:1.35}.exhibit-tag{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line-gold);border-radius:2px;padding:6px 12px;margin-bottom:20px;background:rgba(222,164,56,.06)}.exhibit-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(222,164,56,.12)}.cream .exhibit-tag,.paper .exhibit-tag{background:rgba(185,134,42,.10);border-color:rgba(185,134,42,.46);color:var(--gold-deep)}.cream .exhibit-tag:before,.paper .exhibit-tag:before{background:var(--gold-deep);box-shadow:0 0 0 4px rgba(185,134,42,.12)}
.section{padding:88px 0;position:relative}.section.tight{padding:58px 0}.section.deep{background:var(--footer);color:var(--cream);overflow:hidden}.section.navy{overflow:hidden}.section.deep:before,.hero:before,.section.navy:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(222,164,56,.22) 1px,transparent 1px);background-size:26px 26px;opacity:.11;pointer-events:none}.section.navy:before{opacity:.08}.section.deep>.wrap,.section.navy>.wrap,.hero>.wrap{position:relative;z-index:1}
.section-head{display:block;margin-bottom:36px}.section-head .sub{margin-top:12px;margin-bottom:0;max-width:60ch}.section-head.centered{text-align:center}.section-head.centered .sub,.section-head.centered h2,.section-head.centered .exhibit-tag{margin-left:auto;margin-right:auto}.center{text-align:center}.center h1,.center h2,.center .sub{margin-left:auto;margin-right:auto}.center .exhibit-tag{margin-left:auto;margin-right:auto}
.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.grid.align-center{align-items:center}.grid.align-start{align-items:start}
.btn-row{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:28px}.center .btn-row{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:14px 22px;border-radius:3px;border:1px solid transparent;text-decoration:none;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:12px;font-weight:500;transition:transform .15s,border-color .2s,background .2s,color .2s,opacity .2s}.btn:hover{transform:translateY(-2px)}.btn-gold{background:var(--gold);color:var(--navy)}.btn-dark{background:var(--navy);color:var(--cream)}.btn-ghost{border-color:var(--line-gold);color:var(--gold);background:transparent}.btn-ghost:hover{background:rgba(222,164,56,.1)}.cream .btn-ghost,.paper .btn-ghost{border-color:rgba(185,134,42,.45);color:var(--navy)}
.topbar{position:sticky;top:0;z-index:100;background:rgba(0,12,24,.96);border-bottom:1px solid var(--line-gold);backdrop-filter:blur(12px)}.topbar .wrap{height:68px;display:flex;align-items:center;justify-content:space-between;gap:18px}.brandmark{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--cream);min-width:0}.brandmark img{width:42px;height:42px;object-fit:contain;flex:0 0 auto}.brandmark .brand-title{font-family:'Bodoni Moda',Georgia,serif;font-weight:600;font-size:17px;letter-spacing:.01em;line-height:1}.brandmark .brand-sub{display:block;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin-top:4px}.nav{display:flex;align-items:center;gap:24px}.nav a{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:rgba(252,246,232,.86);transition:color .2s,background .2s}.nav a:hover,.nav a[aria-current="page"]{color:var(--gold)}.nav .nav-cta{border:1px solid var(--gold);color:var(--gold);padding:9px 14px;border-radius:2px}.nav .nav-cta:hover{background:var(--gold);color:var(--navy)}.nav-toggle{display:none;background:transparent;border:1px solid var(--line-gold);color:var(--cream);border-radius:2px;width:42px;height:42px;font-size:22px;line-height:1;cursor:pointer}
.hero{position:relative;overflow:hidden;background:var(--footer);color:var(--cream);padding:86px 0 92px}.hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) 430px;gap:72px;align-items:start}.hero h1 em{font-style:italic;color:var(--gold);font-weight:500}.hero-card{border:1px solid rgba(222,164,56,.32);background:linear-gradient(180deg,rgba(11,39,67,.98),rgba(2,23,44,.99));border-radius:10px;box-shadow:0 26px 64px rgba(0,0,0,.42),0 6px 0 rgba(0,0,0,.18);padding:30px;position:relative;overflow:hidden}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 38%);pointer-events:none}.hero-card:after{content:"";position:absolute;left:18px;right:18px;bottom:-18px;height:32px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(0,0,0,.36),transparent 68%);filter:blur(10px);z-index:-1;pointer-events:none}.hero-seal{width:min(100%,340px);margin:0 auto 8px;filter:drop-shadow(0 26px 42px rgba(0,0,0,.40))}.bureau-stamp{border-top:1px solid rgba(222,164,56,.25);margin-top:24px;padding-top:18px;display:grid;gap:10px}.stamp-row{display:flex;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(222,164,56,.16);padding-bottom:8px;font-family:'IBM Plex Mono',monospace;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:rgba(252,246,232,.72)}.stamp-row strong{color:var(--gold);font-weight:500;text-align:right}.slogan{display:inline-flex;align-items:center;gap:10px;margin-bottom:24px;border:1px solid var(--line-gold);border-radius:2px;padding:7px 14px;color:var(--gold);font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.18em;font-size:11px}.slogan .dot{width:6px;height:6px;border-radius:50%;background:var(--gold);animation:pulse 2.2s infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}
.hero-home .hero-grid{align-items:center}.hero-home h1{font-size:clamp(38px,5.6vw,64px);max-width:13ch}.hero-home .hero-seal-block{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:center;transform:translateY(-62px)}.hero-home .hero-card{background:transparent;border:0;box-shadow:none;padding:0;overflow:visible}.hero-home .hero-card:before,.hero-home .hero-card:after{display:none}.hero-home .hero-seal{width:min(100%,330px)}.hero-home .bureau-stamp{width:min(100%,320px);margin-top:10px}
.jurisdiction{background:var(--navy);color:var(--cream);border-top:1px solid var(--line-gold);border-bottom:1px solid rgba(222,164,56,.22);padding:18px 0}.jurisdiction p{margin:0;font-size:17.5px;line-height:1.62;color:rgba(252,246,232,.86)}.jurisdiction-line{display:flex;flex-wrap:wrap;align-items:flex-start;column-gap:16px;row-gap:4px}.jurisdiction-label{color:var(--gold);font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.11em;font-size:15.5px;line-height:1.2;flex:0 0 auto;padding-top:.26em}.jurisdiction-copy{flex:1 1 720px}.strip{background:var(--cream);color:var(--ink);border-top:1px solid rgba(185,134,42,.22);border-bottom:1px solid rgba(185,134,42,.34);padding:22px 0}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.framework-note{min-height:168px;display:flex;flex-direction:column;justify-content:flex-start}.framework-note .case-label{font-size:15px;letter-spacing:.16em;white-space:nowrap;margin-bottom:14px}.framework-note p{font-size:18px;line-height:1.55;margin:0;color:var(--cream)}
.card{background:var(--panel-warm);border:1px solid rgba(0,23,44,.14);border-left:3px solid transparent;border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-soft);transition:background .22s,border-color .22s,box-shadow .22s,color .22s,transform .22s}.card.dark{background:var(--panel-warm);border-color:rgba(0,23,44,.14);color:var(--ink);box-shadow:var(--shadow-soft)}.card.dark p,.card.dark li{color:rgba(0,23,44,.76)}.card.dark h3,.card.dark h4{color:var(--ink)}.card:hover{border-color:rgba(222,164,56,.7)}.path-card,.casework-preview .service-card,.lens-grid .path-card{border-left-color:var(--gold)}.path-card h3,.service-card h3{font-size:24px}.services-grid .service-card h2,.services-grid .service-card h3{font-size:clamp(22px,2.7vw,28px);line-height:1.03;max-width:10ch;overflow-wrap:break-word}.path-card .case-label,.service-card .case-label{color:var(--gold-deep);margin-bottom:14px;font-size:13px;letter-spacing:.15em}.path-card p,.service-card p{color:rgba(0,23,44,.72)}.price{font-family:'Bodoni Moda',Georgia,serif;font-weight:600;font-size:22px;color:var(--gold-deep);margin:10px 0 18px}.service-card{display:flex;flex-direction:column;min-height:100%}.service-card .btn{margin-top:auto;align-self:flex-start}.interactive-card:hover,.interactive-card:focus-within,.services-grid .service-card:hover,.services-grid .service-card:focus-within{background:linear-gradient(180deg,var(--note-glow),var(--note-bg));color:var(--cream);border-color:rgba(222,164,56,.34);border-left-color:var(--gold);box-shadow:var(--shadow-dark);transform:translateY(-2px)}.interactive-card:hover h3,.interactive-card:focus-within h3,.interactive-card:hover p,.interactive-card:focus-within p,.services-grid .service-card:hover h2,.services-grid .service-card:hover p,.services-grid .service-card:focus-within h2,.services-grid .service-card:focus-within p{color:var(--cream)}.interactive-card:hover .case-label,.interactive-card:focus-within .case-label,.services-grid .service-card:hover .case-label,.services-grid .service-card:focus-within .case-label,.services-grid .service-card:hover .price,.services-grid .service-card:focus-within .price{color:var(--gold)}.services-grid .service-card:hover .btn-dark,.services-grid .service-card:focus-within .btn-dark{background:var(--gold);color:var(--navy)}.services-grid .service-card.is-active{background:linear-gradient(180deg,var(--note-glow),var(--note-bg));color:var(--cream);border-color:rgba(222,164,56,.34);border-left-color:var(--gold);box-shadow:var(--shadow-dark)}.services-grid .service-card.is-active h2,.services-grid .service-card.is-active p,.services-grid .service-card.is-active strong{color:var(--cream)}.services-grid .service-card.is-active .price,.services-grid .service-card.is-active .case-label{color:var(--gold)}.services-grid .service-card.is-active .btn-dark{background:var(--gold);color:var(--navy)}.services-grid:hover .service-card.is-active:not(:hover){background:var(--panel-warm);color:var(--ink);border-color:rgba(0,23,44,.14);border-left-color:var(--gold);box-shadow:var(--shadow-soft)}.services-grid:hover .service-card.is-active:not(:hover) h2,.services-grid:hover .service-card.is-active:not(:hover) p,.services-grid:hover .service-card.is-active:not(:hover) strong{color:rgba(0,23,44,.76)}.services-grid:hover .service-card.is-active:not(:hover) .price,.services-grid:hover .service-card.is-active:not(:hover) .case-label{color:var(--gold-deep)}.services-grid:hover .service-card.is-active:not(:hover) .btn-dark{background:var(--navy);color:var(--cream)}
.casework-preview .service-card{position:relative;box-shadow:0 20px 48px rgba(0,12,24,.12)}.casework-preview .service-card:before{content:"PRIVATE CASE FILE";position:absolute;top:18px;right:20px;font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:.14em;color:rgba(185,134,42,.58)}.casework-preview .service-card .btn{align-self:flex-start;margin-top:18px}.casework-preview .service-card .price{margin-top:auto}.lens-grid .path-card{box-shadow:0 18px 42px rgba(0,12,24,.10)}.lens-grid .path-card .case-label{display:inline-flex;padding:6px 10px;border-radius:99px;background:rgba(222,164,56,.10);border:1px solid rgba(185,134,42,.25);margin-bottom:18px}
.note-box{background:linear-gradient(180deg,var(--note-glow),var(--note-bg));border:1px solid rgba(222,164,56,.28);border-left:3px solid var(--gold);border-radius:0 var(--radius) var(--radius) 0;padding:24px;box-shadow:var(--shadow-panel);color:var(--cream)}.note-box h1,.note-box h2,.note-box h3,.note-box h4,.note-box p,.note-box li,.note-box strong,.note-box em{color:var(--cream)}.note-box .case-label,.note-box .fine,.note-box .article-note-heading,.note-box .exhibit-tag{color:var(--gold)}.note-box .case-label{display:block;font-size:13px;letter-spacing:.2em;margin-bottom:12px}.note-box p:last-child,.note-box ul:last-child{margin-bottom:0}.note-box .btn{margin-top:16px}.note-stack{display:grid;gap:16px}.note-stack .note-box p{margin:0}.global-intake{margin-top:26px}.global-intake p{font-size:19px;line-height:1.65}.coroner-table-note{margin-top:26px}.coroner-table-note p{font-size:18px;line-height:1.62}.coroner-table-note .btn-row{margin-top:18px}.public-specimen-note{margin-top:24px}
.featured{background:var(--panel-warm);color:var(--ink);border:1px solid rgba(0,23,44,.14);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow-soft)}.featured h2,.featured h3{color:var(--ink)}.featured-body{padding:34px}.featured-body p{color:rgba(0,23,44,.78)}.featured-head{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:16px 24px;border-bottom:1px solid rgba(222,164,56,.24)}.featured .pill{background:var(--navy-2);border-color:var(--navy-2);color:var(--gold)}.finding-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:22px 0}.finding{background:linear-gradient(180deg,#27333E,#202A33);border:1px solid rgba(222,164,56,.24);border-left:3px solid var(--gold);padding:13px 14px;color:var(--cream);box-shadow:0 12px 28px rgba(0,0,0,.16)}.finding .label{font-family:'IBM Plex Mono',monospace;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);display:block;margin-bottom:4px}.quote-card{font-family:'Bodoni Moda',Georgia,serif;font-size:24px;line-height:1.42;font-style:italic;color:var(--cream);border-left:3px solid var(--gold);padding-left:20px;margin:24px 0}.featured .quote-card{color:var(--ink)}.featured-body>.btn{display:flex;width:max-content;margin:28px 0 0}
.pending-grid .card{background:linear-gradient(180deg,#1F2B35,#151D25);color:var(--cream);border:1px solid rgba(222,164,56,.34);border-left:4px solid var(--gold);box-shadow:0 24px 58px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)}.pending-grid .card h3,.pending-grid .card p,.pending-grid .card strong,.pending-grid .card em{color:var(--cream)}.pending-grid .card .case-label,.pending-grid .specimen-status{color:var(--gold)}.pending-grid .specimen-status{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.14em;font-size:12px;margin-top:14px}.pending-grid .card:hover{transform:translateY(-2px);border-color:rgba(222,164,56,.46)}
.article{max-width:820px;margin:0 auto}.article p{font-size:20px;line-height:1.78}.article h2{margin-top:44px}.article-meta{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 34px}.article-hero{padding-bottom:40px}.article-body{padding-top:34px}.pill{display:inline-flex;align-items:center;border:1px solid var(--line-gold);border-radius:99px;padding:6px 12px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:var(--gold);background:rgba(222,164,56,.06)}.cream .pill,.paper .pill{color:var(--gold-deep);background:rgba(222,164,56,.11)}.meta-pills .pill{padding:10px 16px;font-size:12px;letter-spacing:.12em}.article-note{margin:40px 0 8px;max-width:760px}.article-note p{font-size:19px;line-height:1.7}.article-note .note-intro{font-size:20px}.article-note-heading{font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);font-size:15px;margin-bottom:14px}.article-note p+p{margin-top:14px}
.about-grid{display:grid;grid-template-columns:360px minmax(0,1fr);gap:50px;align-items:start}.portrait-card{position:relative;background:var(--footer);border:3px solid rgba(222,164,56,.66);border-radius:10px;overflow:hidden;box-shadow:0 34px 78px rgba(0,0,0,.48),0 9px 0 rgba(0,0,0,.18)}.portrait-card img{width:100%;aspect-ratio:3/4;object-fit:cover;border-bottom:2px solid rgba(222,164,56,.42)}.portrait-caption{padding:18px 20px;background:rgba(0,12,24,.96)}.portrait-caption p{margin:0;color:var(--cream)}.about-highlights{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0 24px}.about-highlights .note-box{height:100%}.about-highlights .note-box p{margin:0}.about-bio-wrap .about-grid{margin-bottom:28px}.about-skills-full{margin-top:8px}.skills-context{max-width:820px;margin:8px 0 20px}.skills-context .case-label{color:var(--gold);margin-bottom:8px}.skills-context p{color:rgba(252,246,232,.84);font-size:18px;line-height:1.55;margin:0}.tag-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tag-chip{display:flex;align-items:center;gap:10px;min-height:64px;padding:15px 16px;background:linear-gradient(180deg,var(--note-glow),var(--note-bg));border:1px solid rgba(222,164,56,.26);border-left:3px solid var(--gold);border-radius:0 6px 6px 0;color:var(--cream);font-size:16px;line-height:1.45;box-shadow:0 14px 34px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03)}.tag-chip:before{content:'•';color:var(--gold);font-size:18px;line-height:1;transform:translateY(2px)}.why-layout{display:grid;grid-template-columns:330px minmax(0,1fr);gap:54px;align-items:start}.why-side .note-box{margin-top:24px}.why-side .note-box p{margin:0}.about-origin-panels{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.about-origin-panels .note-box,.origin-panel-tight .note-box{height:100%}.about-hero .hero-grid{align-items:center}.about-hero-intro h1{font-size:clamp(38px,4.8vw,58px);max-width:10ch}.about-hero-card .bureau-stamp strong{max-width:18ch;text-align:right}
.exhibit-split .note-stack{padding-top:52px}.exhibit-split .sub{font-size:21px;line-height:1.58;color:var(--muted-cream);max-width:34ch;margin-bottom:0}.exhibit-split .note-box{margin-top:18px}.method-core .prose,.method-verdict .prose,.operating-tone .note-stack{padding-top:52px}.method-hero h1{max-width:12ch}.method-verdict{align-items:start}.services-records{align-items:start}.services-records .note-box{height:100%}.services-records .note-box h2{margin-bottom:14px}.payment-row{align-items:start}.payment-row .payment-note{margin-top:56px}.availability-panel{margin-top:24px}.footer-intro{margin-left:72px;font-style:italic;color:rgba(252,246,232,.78)}
.contact-card{display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--panel-warm);border:1px solid rgba(0,23,44,.14);border-left:3px solid var(--gold);border-radius:var(--radius);padding:28px;box-shadow:var(--shadow-soft)}.contact-card a.email{display:block;font-family:'Bodoni Moda',Georgia,serif;font-size:clamp(26px,4vw,44px);line-height:1.1;color:var(--ink);text-decoration:none;margin:6px 0 14px}.final-cta{background:var(--navy);color:var(--cream);text-align:center}.final-cta h2,.final-cta p{margin-left:auto;margin-right:auto}.final-cta p{font-size:21px;line-height:1.6;max-width:720px;color:rgba(252,246,232,.84)}.final-cta .exhibit-tag{margin-left:auto;margin-right:auto}
.footer{background:var(--footer);color:var(--cream);padding:56px 0 28px;border-top:1px solid var(--line-gold)}.footer-grid{display:grid;grid-template-columns:1.45fr .75fr .9fr .9fr;gap:38px}.footer-brand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.footer-brand img{width:58px;height:58px}.footer-brand .st{display:block;font-family:'Bodoni Moda',Georgia,serif;font-size:20px;line-height:1.05}.footer-brand .ss{display:block;font-family:'IBM Plex Mono',monospace;color:var(--gold);font-size:10px;letter-spacing:.22em;text-transform:uppercase;margin-top:5px}.footer p{color:rgba(252,246,232,.72);max-width:34ch}.footer h5{margin:0 0 16px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);font-size:12px}.footer a{display:block;color:rgba(252,246,232,.78);text-decoration:none;margin:8px 0;font-size:16px}.footer a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid rgba(222,164,56,.18);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;gap:24px;color:rgba(252,246,232,.54);font-family:'IBM Plex Mono',monospace;font-size:11px;letter-spacing:.04em}
@media(max-width:1100px){.about-skills-full .tag-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-grid{gap:48px;grid-template-columns:minmax(0,1fr) 380px}.grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.wrap{padding:0 22px}.nav-toggle{display:inline-flex;align-items:center;justify-content:center}.nav{position:absolute;left:22px;right:22px;top:78px;background:rgba(0,12,24,.98);border:1px solid var(--line-gold);border-radius:4px;padding:16px;display:none;flex-direction:column;align-items:flex-start;gap:14px;box-shadow:var(--shadow-dark)}.nav.is-open{display:flex}.topbar .wrap{position:relative}.hero-grid,.grid.two{grid-template-columns:1fr}.hero-card{max-width:520px}.hero-home .hero-seal-block{transform:translateY(-14px)}.grid.three{grid-template-columns:repeat(2,minmax(0,1fr))}.strip-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.portrait-card{max-width:440px}.why-layout{grid-template-columns:1fr}.about-origin-panels{grid-template-columns:1fr}.about-hero-intro h1{max-width:12ch}.method-core .prose,.method-verdict .prose,.operating-tone .note-stack,.exhibit-split .note-stack,.payment-row .payment-note{padding-top:0;margin-top:0}.exhibit-split .sub{max-width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-intro{margin-left:0}.contact-card{align-items:flex-start;flex-direction:column}.services-records .note-box{height:auto}}
@media(max-width:640px){body{font-size:17px}.section{padding:68px 0}.hero{padding:70px 0 76px}h1{font-size:42px}.hero h1{font-size:42px}.brandmark .brand-title{font-size:15px}.brandmark .brand-sub{display:none}.grid.three,.grid.four,.strip-grid,.about-skills-full .tag-grid,.tag-grid,.finding-list{grid-template-columns:1fr}.btn{width:100%}.btn-row{width:100%}.slogan{font-size:10px;letter-spacing:.12em}.hero-card{padding:22px}.hero-card .hero-seal{width:min(100%,300px)}.hero-home .hero-seal{width:min(100%,300px)}.article p{font-size:18px}.contact-card a.email{font-size:24px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.featured-head{align-items:flex-start;flex-direction:column}.featured-body{padding:28px}.featured-body>.btn{width:100%}.jurisdiction-line{display:block}.jurisdiction-label{display:block;margin-bottom:8px}.casework-preview .service-card:before{position:static;display:block;margin-bottom:10px}.services-grid:hover .service-card.is-active:not(:hover){background:linear-gradient(180deg,var(--note-glow),var(--note-bg));color:var(--cream);border-color:rgba(222,164,56,.34);border-left-color:var(--gold);box-shadow:var(--shadow-dark)}.services-grid:hover .service-card.is-active:not(:hover) h2,.services-grid:hover .service-card.is-active:not(:hover) p,.services-grid:hover .service-card.is-active:not(:hover) strong{color:var(--cream)}.services-grid:hover .service-card.is-active:not(:hover) .price,.services-grid:hover .service-card.is-active:not(:hover) .case-label{color:var(--gold)}}
@media(max-width:420px){.wrap{padding:0 18px}.topbar .wrap{height:64px}.brandmark img{width:38px;height:38px}.nav{left:18px;right:18px;top:74px}.hero-home .hero-seal-block{transform:translateY(0)}.hero-seal{width:min(100%,280px)}.hero-home .hero-seal{width:min(100%,280px)}.stamp-row{font-size:10px;gap:10px}.note-box,.card{padding:22px}.framework-note{min-height:auto}}


/* v16 polish pass: readable cream cards, centered CTAs, bureau card treatments */
.card h1,.card h2,.card h3,.card h4,.card p,.card li,.card strong{color:var(--ink)}
.card p,.card li{color:var(--ink)}
.card .case-label{color:var(--gold-deep)}
.card .price{color:var(--gold-deep)}
.path-card h3,.path-card p,.path-card strong{color:var(--ink)}
.interactive-card:hover h3,.interactive-card:focus-within h3,.interactive-card:hover p,.interactive-card:focus-within p,.interactive-card:hover strong,.interactive-card:focus-within strong{color:var(--cream)}

.casework-preview .service-card{background:linear-gradient(180deg,var(--note-glow),var(--note-bg));color:var(--cream);border-color:rgba(222,164,56,.34);border-left-color:var(--gold);box-shadow:var(--shadow-panel)}
.casework-preview .service-card h2,.casework-preview .service-card h3,.casework-preview .service-card h4,.casework-preview .service-card p,.casework-preview .service-card strong{color:var(--cream)}
.casework-preview .service-card .case-label,.casework-preview .service-card .price{color:var(--gold)}
.casework-preview .service-card .btn-dark{background:var(--gold);color:var(--navy)}
.casework-preview .service-card:hover,.casework-preview .service-card:focus-within{background:linear-gradient(180deg,#202B35,#121A22);border-color:rgba(222,164,56,.5);box-shadow:var(--shadow-dark);transform:translateY(-3px)}

.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within),.intake-grid .service-card:not(:hover):not(:focus-within){background:var(--panel-warm);color:var(--ink)}
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) h2,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) h3,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) p,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) strong{color:var(--ink)}
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .case-label,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .price{color:var(--gold-deep)}
.services-grid .service-card:hover h2,.services-grid .service-card:hover h3,.services-grid .service-card:hover p,.services-grid .service-card:hover strong,.services-grid .service-card:focus-within h2,.services-grid .service-card:focus-within h3,.services-grid .service-card:focus-within p,.services-grid .service-card:focus-within strong,.services-grid .service-card.is-active h2,.services-grid .service-card.is-active h3,.services-grid .service-card.is-active p,.services-grid .service-card.is-active strong{color:var(--cream)}
.services-grid .service-card .btn,.intake-grid .service-card .btn,.service-card .btn{align-self:flex-start}
.services-grid .service-card.is-start{position:relative;overflow:visible}
.services-grid .service-card.is-start:before{content:"START HERE";position:absolute;top:-19px;left:50%;transform:translateX(-50%);z-index:2;background:var(--gold);color:var(--navy);border-radius:2px;padding:6px 13px;font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.12em;font-size:11px;box-shadow:0 8px 18px rgba(0,0,0,.16)}

.intake-grid .service-card{position:relative;border-left-color:var(--gold);box-shadow:0 18px 44px rgba(0,12,24,.12)}
.intake-grid .service-card h2,.intake-grid .service-card h3,.intake-grid .service-card p,.intake-grid .service-card strong{color:var(--ink)}
.intake-grid .service-card .fine{color:rgba(0,23,44,.62)}
.intake-grid .service-card .case-label{color:var(--gold-deep)}
.intake-grid .service-card:hover,.intake-grid .service-card:focus-within{background:linear-gradient(180deg,var(--note-glow),var(--note-bg));color:var(--cream);border-color:rgba(222,164,56,.34);border-left-color:var(--gold);box-shadow:var(--shadow-dark);transform:translateY(-2px)}
.intake-grid .service-card:hover h2,.intake-grid .service-card:focus-within h2,.intake-grid .service-card:hover h3,.intake-grid .service-card:focus-within h3,.intake-grid .service-card:hover p,.intake-grid .service-card:focus-within p,.intake-grid .service-card:hover strong,.intake-grid .service-card:focus-within strong,.intake-grid .service-card:hover .fine,.intake-grid .service-card:focus-within .fine{color:var(--cream)}
.intake-grid .service-card:hover .case-label,.intake-grid .service-card:focus-within .case-label{color:var(--gold)}
.intake-grid .service-card:hover .btn-dark,.intake-grid .service-card:focus-within .btn-dark{background:var(--gold);color:var(--navy)}

.pending-grid .card{background:linear-gradient(180deg,#1F2B35,#151D25);color:var(--cream);border:1px solid rgba(222,164,56,.34);border-left:4px solid var(--gold);box-shadow:0 24px 58px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)}
.pending-grid .card h3,.pending-grid .card p,.pending-grid .card strong,.pending-grid .card em{color:var(--cream)}
.pending-grid .card .case-label,.pending-grid .specimen-status{color:var(--gold)}

.final-cta .btn-row{justify-content:center}
.featured-body>.btn{display:flex;width:max-content;margin:28px 0 0}

.services-records .panel-kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:14px;color:var(--gold);font-family:'IBM Plex Mono',monospace;text-transform:uppercase;letter-spacing:.18em;font-size:12.5px;line-height:1.35}
.services-records .panel-kicker:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 4px rgba(222,164,56,.12)}
.services-records .note-box .exhibit-tag{border:0;background:transparent;padding:0;margin-bottom:14px;color:var(--gold)}
.services-records .note-box .exhibit-tag:before{width:7px;height:7px;box-shadow:0 0 0 4px rgba(222,164,56,.12)}

.footer-brand{align-items:flex-start}.footer-brand-copy{display:flex;flex-direction:column}.footer-tagline{display:block;margin-top:12px;font-style:italic;color:rgba(252,246,232,.72);max-width:32ch;line-height:1.5;font-size:16px}.footer>p,.footer-grid>div>p{font-style:italic}
@media(max-width:640px){.services-grid .service-card.is-start:before{position:static;display:inline-flex;align-self:center;transform:none;margin:-10px auto 14px}.featured-body>.btn{width:100%}.casework-preview .service-card .btn,.services-grid .service-card .btn,.intake-grid .service-card .btn{width:100%}}


/* v17 alignment and Bureau-card refinements */
.lens-grid .path-card{
  background:linear-gradient(180deg,var(--note-glow),var(--note-bg));
  color:var(--cream);
  border-color:rgba(222,164,56,.30);
  border-left-color:var(--gold);
  box-shadow:var(--shadow-panel);
}
.lens-grid .path-card h3,.lens-grid .path-card p,.lens-grid .path-card strong{color:var(--cream)}
.lens-grid .path-card .case-label{
  color:var(--gold);
  background:rgba(222,164,56,.08);
  border-color:rgba(222,164,56,.30);
}
.lens-grid .path-card:hover,.lens-grid .path-card:focus-within{
  background:linear-gradient(180deg,#202B35,#121A22);
  border-color:rgba(222,164,56,.52);
  border-left-color:var(--gold);
  box-shadow:var(--shadow-dark);
  transform:translateY(-3px);
}
.about-hero-card .stamp-row{
  display:grid;
  grid-template-columns:88px minmax(0,1fr);
  justify-content:start;
  align-items:start;
  gap:14px;
}
.about-hero-card .bureau-stamp strong{
  max-width:none;
  text-align:left;
  white-space:normal;
  line-height:1.45;
}
.about-hero-card .stamp-row span{line-height:1.45}



/* v18 interaction and no-navy seal polish */
.btn{
  position:relative;
  overflow:hidden;
  box-shadow:0 0 0 rgba(0,0,0,0);
  will-change:transform,box-shadow,letter-spacing;
  transition:transform .18s ease,border-color .22s ease,background .22s ease,color .22s ease,box-shadow .22s ease,letter-spacing .22s ease,opacity .2s ease;
}
.btn:after{
  content:"";
  position:absolute;
  inset:-2px;
  transform:translateX(-130%) skewX(-18deg);
  background:linear-gradient(90deg,transparent,rgba(252,246,232,.24),transparent);
  opacity:0;
  pointer-events:none;
  transition:transform .55s ease,opacity .2s ease;
}
.btn:hover,.btn:focus-visible{
  transform:translateY(-2px);
  letter-spacing:.105em;
  box-shadow:0 14px 32px rgba(0,0,0,.20),0 0 0 1px rgba(222,164,56,.22);
}
.btn:hover:after,.btn:focus-visible:after{transform:translateX(130%) skewX(-18deg);opacity:1}
.btn:active{transform:translateY(0);box-shadow:0 8px 18px rgba(0,0,0,.18)}
.btn-gold:hover,.btn-gold:focus-visible{background:#EDB647;color:var(--navy)}
.btn-dark:hover,.btn-dark:focus-visible{border-color:rgba(222,164,56,.55);color:var(--gold)}
.btn-ghost:hover,.btn-ghost:focus-visible{background:rgba(222,164,56,.12);border-color:rgba(222,164,56,.7);color:var(--gold)}

.hero-seal{animation:seal-breathe 8s ease-in-out infinite;transform-origin:center;filter:drop-shadow(0 26px 42px rgba(0,0,0,.40)) drop-shadow(0 0 20px rgba(222,164,56,.08))}
@keyframes seal-breathe{0%,100%{filter:drop-shadow(0 26px 42px rgba(0,0,0,.40)) drop-shadow(0 0 14px rgba(222,164,56,.06))}50%{filter:drop-shadow(0 30px 48px rgba(0,0,0,.44)) drop-shadow(0 0 26px rgba(222,164,56,.14))}}
.brandmark img,.footer-brand img{filter:drop-shadow(0 0 10px rgba(222,164,56,.10))}

.card,.note-box,.featured,.portrait-card,.hero-card,.tag-chip{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.card:hover,.note-box:hover,.tag-chip:hover{
  border-color:rgba(222,164,56,.52);
  box-shadow:0 24px 58px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.035);
}
.note-box:hover,.tag-chip:hover{transform:translateY(-2px)}
.case-label,.eyebrow,.exhibit-tag,.slogan{transition:color .22s ease,border-color .22s ease,background .22s ease,box-shadow .22s ease}
.card:hover .case-label,.note-box:hover .case-label,.tag-chip:hover:before{color:var(--gold)}

.reveal{opacity:0;transform:translateY(16px);transition:opacity .58s ease,transform .58s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.06s}.reveal-delay-2{transition-delay:.12s}.reveal-delay-3{transition-delay:.18s}.reveal-delay-4{transition-delay:.24s}.reveal-delay-5{transition-delay:.30s}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .slogan .dot,.hero-seal{animation:none}
  .btn,.btn:after,.card,.note-box,.featured,.portrait-card,.hero-card,.tag-chip,.reveal{transition:none!important;transform:none!important;opacity:1!important}
  .btn:hover,.btn:focus-visible{transform:none;letter-spacing:.08em}
}


/* v19 button, stamp, and duplicate-copy refinements */
.hero-card .stamp-row{
  display:grid;
  grid-template-columns:110px minmax(0,1fr);
  justify-content:start;
  align-items:start;
  gap:14px;
}
.hero-card .stamp-row strong{
  text-align:left;
  white-space:normal;
  line-height:1.45;
}
.hero-card .stamp-row span{line-height:1.45}

.btn:after{content:none!important;display:none!important}
.btn,.btn-gold,.btn-dark,.btn-ghost{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--gold)!important;
}
.section.cream .btn,.section.paper .btn,.cream .btn,.paper .btn{
  color:var(--navy)!important;
  border-color:var(--gold-deep)!important;
}
.btn:hover,.btn:focus-visible,
.btn-gold:hover,.btn-gold:focus-visible,
.btn-dark:hover,.btn-dark:focus-visible,
.btn-ghost:hover,.btn-ghost:focus-visible{
  background:var(--gold)!important;
  color:var(--navy)!important;
  border-color:var(--gold)!important;
  transform:translateY(-2px);
  letter-spacing:.105em;
  box-shadow:0 14px 32px rgba(0,0,0,.22),0 0 0 1px rgba(222,164,56,.26);
}
.btn:active{transform:translateY(0)}
.nav .nav-cta{background:transparent!important;border-color:var(--gold)!important;color:var(--gold)!important}
.nav .nav-cta:hover,.nav .nav-cta:focus-visible{background:var(--gold)!important;color:var(--navy)!important}
.casework-preview .service-card .btn-dark,
.services-grid .service-card.is-active .btn-dark,
.services-grid .service-card:hover .btn-dark,
.services-grid .service-card:focus-within .btn-dark,
.intake-grid .service-card:hover .btn-dark,
.intake-grid .service-card:focus-within .btn-dark,
.pending-grid .btn,
.note-box .btn{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--gold)!important;
}
.casework-preview .service-card .btn-dark:hover,
.services-grid .service-card .btn-dark:hover,
.intake-grid .service-card .btn-dark:hover,
.pending-grid .btn:hover,
.note-box .btn:hover{
  background:var(--gold)!important;
  color:var(--navy)!important;
}
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark{
  color:var(--navy)!important;
  border-color:var(--gold-deep)!important;
}
.featured-body>.btn{margin-top:28px}
@media(max-width:640px){.hero-card .stamp-row{grid-template-columns:92px minmax(0,1fr)}}


/* v20 editorial rhythm, price alignment, italic emphasis */
/* Prices should sit on one shared baseline in matching service-card grids, with buttons at a fixed distance below. */
.services-grid .service-card,
.casework-preview .service-card{
  display:flex;
  flex-direction:column;
  height:100%;
}
.services-grid .service-card .price,
.casework-preview .service-card .price{
  margin-top:auto!important;
  margin-bottom:18px!important;
}
.services-grid .service-card .btn,
.casework-preview .service-card .btn{
  margin-top:0!important;
}

/* Italic emphasis is a signal, not a whisper. */
em{
  font-style:italic;
  font-weight:600;
}
.hero em,
.section.navy em,
.section.deep em,
.final-cta em,
.note-box em,
.article-body em{
  color:var(--gold);
}
.section.cream em,
.section.paper em,
.cream em,
.paper em,
.featured em,
.card:not(.dark):not(.note-box) em{
  color:var(--gold-deep);
}
.note-box em{color:var(--gold)!important}

/* Final CTA buttons live on dark Bureau surfaces even when a legacy class says cream. */
.final-cta .btn,
.final-cta .btn-gold,
.final-cta .btn-dark,
.final-cta .btn-ghost{
  color:var(--gold)!important;
  border-color:var(--gold)!important;
  background:transparent!important;
}
.final-cta .btn:hover,
.final-cta .btn:focus-visible{
  background:var(--gold)!important;
  color:var(--navy)!important;
  border-color:var(--gold)!important;
}

/* Case file reading layout: turn the autopsy from a wall of text into a filed report with visual rhythm. */
.case-reading-body{padding-top:58px}
.case-reading-grid{
  display:grid;
  grid-template-columns:270px minmax(0,820px);
  gap:46px;
  align-items:start;
}
.case-reading-rail{
  position:sticky;
  top:96px;
  padding:22px;
}
.case-reading-rail h3{
  font-size:24px;
  margin-bottom:12px;
  color:var(--cream);
}
.case-reading-rail ul{
  margin:14px 0 0;
  padding-left:18px;
}
.case-reading-rail li{
  color:rgba(252,246,232,.84);
  margin:8px 0;
  line-height:1.45;
}
.case-reading-rail .case-label{color:var(--gold)}
.article-enhanced{
  max-width:820px;
  margin:0;
}
.article-section{
  position:relative;
  border-left:2px solid rgba(222,164,56,.28);
  padding-left:28px;
  margin:0 0 36px;
}
.article-section .case-label{
  color:var(--gold);
  margin-bottom:12px;
}
.article-section p:first-of-type{
  margin-top:0;
}
.article-pull{
  margin:34px 0;
  padding:22px 26px;
  border:1px solid rgba(222,164,56,.30);
  border-left:4px solid var(--gold);
  background:linear-gradient(180deg,rgba(31,43,53,.92),rgba(18,26,34,.95));
  box-shadow:0 22px 48px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
  color:var(--cream);
  font-family:'Bodoni Moda',Georgia,serif;
  font-size:clamp(26px,3vw,34px);
  line-height:1.25;
  font-style:italic;
}
.article-pull em{
  color:var(--gold);
}
.interrogation-panel{
  margin:32px 0;
  padding:24px 26px;
  border:1px solid rgba(222,164,56,.30);
  border-left:4px solid var(--gold);
  background:linear-gradient(180deg,var(--note-glow),var(--note-bg));
  box-shadow:var(--shadow-panel);
}
.interrogation-panel .case-label{color:var(--gold);margin-bottom:12px}
.interrogation-panel p{
  margin:8px 0;
  color:var(--cream);
  font-size:20px;
  line-height:1.58;
}
.article-enhanced .article-note{
  max-width:none;
  margin-top:42px;
}
@media(max-width:980px){
  .case-reading-grid{grid-template-columns:1fr;gap:28px}
  .case-reading-rail{position:relative;top:auto}
  .article-enhanced{max-width:100%}
}


/* v21 emphasis, case-file alignment, and final CTA corrections */
/* Rule: in ordinary prose, italics add weight, not color. Gold italic is reserved for hero/heading display emphasis. */
em{
  font-style:italic;
  font-weight:700;
  color:inherit!important;
}
h1 em,
h2 em,
.hero h1 em,
.display-emphasis em{
  color:var(--gold)!important;
}
.gold-term,
.note-box .gold-term,
.article-note .gold-term{
  color:var(--gold)!important;
  font-weight:800;
}
.article-pull em{
  color:inherit!important;
  font-weight:700;
}
.note-intro{
  color:var(--cream)!important;
  font-style:italic;
  font-weight:700;
}
.note-intro strong:not(.gold-term){color:var(--cream)!important}

/* Final CTA button text: keep it visible on dark Bureau surfaces regardless of inherited section classes. */
.final-cta .btn,
.final-cta .btn-gold,
.final-cta .btn-dark,
.final-cta .btn-ghost{
  color:var(--gold)!important;
  -webkit-text-fill-color:var(--gold)!important;
  border-color:var(--gold)!important;
  background:transparent!important;
  text-shadow:none!important;
}
.final-cta .btn:hover,
.final-cta .btn:focus-visible,
.final-cta .btn-gold:hover,
.final-cta .btn-gold:focus-visible,
.final-cta .btn-dark:hover,
.final-cta .btn-dark:focus-visible,
.final-cta .btn-ghost:hover,
.final-cta .btn-ghost:focus-visible{
  background:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
}

/* About founder section: intentional black/illuminated-black exception to the alternating pattern. */
.about-founder-section{
  background:var(--footer)!important;
  color:var(--cream);
}
.about-founder-section:before{
  content:"";
  position:absolute;
  inset:0;
  background-image:radial-gradient(rgba(222,164,56,.22) 1px,transparent 1px);
  background-size:26px 26px;
  opacity:.10;
  pointer-events:none;
}
.about-founder-section>.wrap{position:relative;z-index:1}

/* Case file: align the article column with the hero heading; move the guide rail to the right. */
.case-reading-grid{
  grid-template-columns:minmax(0,820px) 270px!important;
  gap:46px;
}
.case-reading-grid .article-enhanced{
  grid-column:1;
  grid-row:1;
}
.case-reading-grid .case-reading-rail{
  grid-column:2;
  grid-row:1;
}
@media(max-width:980px){
  .case-reading-grid{grid-template-columns:1fr!important}
  .case-reading-grid .article-enhanced,
  .case-reading-grid .case-reading-rail{grid-column:auto;grid-row:auto}
}

/* v22 button weight and home seal-card consistency */
.btn,
.nav .nav-cta{
  font-weight:700!important;
  border-width:1.6px!important;
}
.btn{
  min-height:50px;
}

/* The home hero uses the same navy Bureau seal card treatment as the other pages. */
.hero-home .hero-card.hero-seal-block{
  background:linear-gradient(180deg,rgba(11,39,67,.98),rgba(2,23,44,.99))!important;
  border:1px solid rgba(222,164,56,.32)!important;
  border-radius:10px!important;
  box-shadow:0 26px 64px rgba(0,0,0,.42),0 6px 0 rgba(0,0,0,.18)!important;
  padding:30px!important;
  overflow:hidden!important;
  transform:translateY(-76px)!important;
}
.hero-home .hero-card.hero-seal-block:before{
  display:block!important;
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(135deg,rgba(255,255,255,.06),transparent 38%);
  pointer-events:none;
}
.hero-home .hero-card.hero-seal-block:after{
  display:block!important;
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  bottom:-18px;
  height:32px;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(0,0,0,.36),transparent 68%);
  filter:blur(10px);
  z-index:-1;
  pointer-events:none;
}
.hero-home .hero-card.hero-seal-block .hero-seal,
.hero-home .hero-card.hero-seal-block .bureau-stamp{
  position:relative;
  z-index:1;
}
.hero-home .hero-card.hero-seal-block .bureau-stamp{
  width:100%;
  margin-top:24px;
}
.hero-home .hero-card.hero-seal-block .hero-seal{
  width:min(100%,340px);
}
@media(max-width:980px){
  .hero-home .hero-card.hero-seal-block{
    transform:translateY(-18px)!important;
    max-width:520px;
    justify-self:center;
  }
}
@media(max-width:520px){
  .hero-home .hero-card.hero-seal-block{
    padding:24px!important;
  }
}


/* v23 method engagement and service-button readability */
.method-core-intro{align-items:start}
.method-core-copy{padding-top:8px}
.method-question-board{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:44px}
.method-question-card{background:linear-gradient(180deg,var(--note-glow),var(--note-bg));border:1px solid rgba(222,164,56,.30);border-left:3px solid var(--gold);border-radius:6px;padding:22px 20px;box-shadow:var(--shadow-panel);min-height:220px;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease}
.method-question-card:hover,.method-question-card:focus-within{transform:translateY(-3px);border-color:rgba(222,164,56,.58);box-shadow:var(--shadow-dark);background:linear-gradient(180deg,#202B35,#121A22)}
.method-question-card .case-label{display:block;color:var(--gold);margin-bottom:18px;font-size:11.5px;letter-spacing:.15em}
.method-question-card h3{font-size:clamp(22px,2.1vw,27px);line-height:1.04;color:var(--cream);margin-bottom:12px;max-width:9ch}
.method-question-card p{font-size:17px;line-height:1.5;color:rgba(252,246,232,.84);margin:0}
@media(max-width:980px){.method-question-board{grid-template-columns:repeat(2,minmax(0,1fr))}.method-core-copy{padding-top:0}}
@media(max-width:640px){.method-question-board{grid-template-columns:1fr}.method-question-card{min-height:auto}}

.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn-dark,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark{
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  border-color:var(--gold-deep)!important;
}
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn-dark:hover,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark:hover,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark:hover{
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  background:var(--gold)!important;
  border-color:var(--gold)!important;
}

/* v24 method core layout: text under heading, cards in right-hand quadrant */
.method-core-layout{
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(470px,1.08fr);
  gap:60px;
  align-items:start;
}
.method-core-text .method-core-copy{
  padding-top:20px;
  max-width:560px;
}
.method-core-text .method-core-copy .lead-drop{
  font-size:clamp(20px,2vw,24px);
}
.method-core .method-question-board{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  margin-top:6px;
}
.method-core .method-question-card{
  min-height:226px;
}
.method-core .method-question-card h3{
  max-width:12ch;
}
@media(max-width:1080px){
  .method-core-layout{grid-template-columns:1fr;gap:34px}
  .method-core .method-question-board{margin-top:0}
  .method-core-text .method-core-copy{max-width:760px}
}
@media(max-width:640px){
  .method-core .method-question-board{grid-template-columns:1fr}
  .method-core .method-question-card{min-height:auto}
}


/* v25 split-section alignment and SEO polish build */
/* When a split section has a heading on one side and cards/copy on the other,
   the other side begins on the same horizontal line as the heading, not the eyebrow label. */
.method-core .method-question-board{
  margin-top:58px!important;
}
.method-verdict .prose,
.exhibit-split .note-stack,
.operating-tone .note-stack,
.payment-row .payment-note,
.why-layout > .prose{
  padding-top:56px!important;
}
@media(max-width:1080px){
  .method-core .method-question-board{
    margin-top:0!important;
  }
}
@media(max-width:980px){
  .method-verdict .prose,
  .exhibit-split .note-stack,
  .operating-tone .note-stack,
  .payment-row .payment-note,
  .why-layout > .prose{
    padding-top:0!important;
  }
}


/* v26 positioning, method boundary, and contrast refinements */
/* Cream-surface buttons: gold border may frame the action, but the text stays dark enough to read. */
.section.cream .btn,
.section.paper .btn,
.cream .btn,
.paper .btn,
.featured .btn,
.card:not(.service-card):not(.note-box) .btn{
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  border-color:var(--gold-deep)!important;
}
.section.cream .btn:hover,
.section.cream .btn:focus-visible,
.section.paper .btn:hover,
.section.paper .btn:focus-visible,
.cream .btn:hover,
.cream .btn:focus-visible,
.paper .btn:hover,
.paper .btn:focus-visible,
.featured .btn:hover,
.featured .btn:focus-visible,
.card:not(.service-card):not(.note-box) .btn:hover,
.card:not(.service-card):not(.note-box) .btn:focus-visible{
  background:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  border-color:var(--gold)!important;
}

/* Split heroes: seal cards align with the first line of the heading, not the eyebrow. */
.hero:not(.hero-home) .hero-grid > .hero-card{
  margin-top:56px;
}
.hero.about-hero .hero-grid > .hero-card{
  margin-top:54px;
}
@media(max-width:980px){
  .hero:not(.hero-home) .hero-grid > .hero-card,
  .hero.about-hero .hero-grid > .hero-card{
    margin-top:0;
  }
}

.method-boundary{
  margin-top:28px;
  max-width:980px;
}
.method-boundary p{
  font-size:18px;
  line-height:1.65;
}
.lens-grid .path-card .case-label{
  white-space:normal;
  max-width:100%;
}


/* v27 alignment, tone privacy, and AI-flattened signal positioning */
/* Home and About seal cards needed a slightly higher position than generic hero cards. */
.hero-home .hero-card.hero-seal-block{
  transform:translateY(-96px)!important;
}
.hero.about-hero .hero-grid > .hero-card{
  margin-top:38px!important;
}
@media(max-width:980px){
  .hero-home .hero-card.hero-seal-block{transform:translateY(-18px)!important}
  .hero.about-hero .hero-grid > .hero-card{margin-top:0!important}
}

.operating-tone .note-stack{padding-top:56px!important}
@media(max-width:980px){.operating-tone .note-stack{padding-top:0!important}}

/* Anti-flattening note keeps the positioning sharp without exposing the full method. */
.ai-flattening-note{margin-top:0}
.ai-flattening-note p{font-size:18px;line-height:1.62}


/* v28 AI-sameness positioning, button contrast, and split-column alignment corrections */
/* Home service preview cards live on dark panels even though the surrounding section is cream. Their buttons must remain legible before hover. */
.casework-preview .service-card .btn,
.casework-preview .service-card .btn-dark{
  color:var(--gold)!important;
  -webkit-text-fill-color:var(--gold)!important;
  border-color:var(--gold)!important;
  background:transparent!important;
}
.casework-preview .service-card .btn:hover,
.casework-preview .service-card .btn:focus-visible,
.casework-preview .service-card .btn-dark:hover,
.casework-preview .service-card .btn-dark:focus-visible{
  background:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  border-color:var(--gold)!important;
}

/* Split-section doctrine: when one column has an eyebrow plus heading, the opposite column begins at the heading line, not above it. */
.operating-tone .note-stack{
  padding-top:96px!important;
}
.method-verdict .prose,
.exhibit-split .note-stack,
.payment-row .payment-note,
.why-layout > .prose{
  padding-top:64px!important;
}
.services-records > .note-box:nth-child(2){
  margin-top:0!important;
}
@media(max-width:980px){
  .operating-tone .note-stack,
  .method-verdict .prose,
  .exhibit-split .note-stack,
  .payment-row .payment-note,
  .why-layout > .prose{
    padding-top:0!important;
  }
}


/* v29 coherent AI-era signal positioning, CTA contrast, and split alignment audit */
/* Dark-section outlined buttons must never disappear. Text is cream by default, gold on metadata only. */
.hero .btn,
.section.navy .btn,
.section.deep .btn,
.final-cta .btn,
.note-box .btn,
.casework-preview .service-card .btn,
.casework-preview .service-card .btn-dark,
.services-grid .service-card.is-active .btn-dark,
.services-grid .service-card:hover .btn-dark,
.services-grid .service-card:focus-within .btn-dark{
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
  border-color:var(--gold)!important;
  background:transparent!important;
  text-shadow:none!important;
}
.hero .btn:hover,
.hero .btn:focus-visible,
.section.navy .btn:hover,
.section.navy .btn:focus-visible,
.section.deep .btn:hover,
.section.deep .btn:focus-visible,
.final-cta .btn:hover,
.final-cta .btn:focus-visible,
.note-box .btn:hover,
.note-box .btn:focus-visible,
.casework-preview .service-card .btn:hover,
.casework-preview .service-card .btn:focus-visible,
.casework-preview .service-card .btn-dark:hover,
.casework-preview .service-card .btn-dark:focus-visible,
.services-grid .service-card.is-active .btn-dark:hover,
.services-grid .service-card.is-active .btn-dark:focus-visible,
.services-grid .service-card:hover .btn-dark,
.services-grid .service-card:focus-within .btn-dark{
  background:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  border-color:var(--gold)!important;
}
/* Cream cards still use dark button text. */
.section.cream .btn,
.section.paper .btn,
.cream .btn,
.paper .btn,
.card:not(.is-active):not(:hover):not(:focus-within) .btn,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn-dark,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark{
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  border-color:var(--gold-deep)!important;
  background:transparent!important;
}
.section.cream .btn:hover,
.section.paper .btn:hover,
.cream .btn:hover,
.paper .btn:hover,
.card:not(.is-active):not(:hover):not(:focus-within) .btn:hover,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn-dark:hover,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark:hover,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark:hover{
  background:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  border-color:var(--gold)!important;
}
/* Split-column doctrine: right/left counterpart begins at the first heading line, not the label. */
.operating-tone .note-stack{
  padding-top:126px!important;
}
.exhibit-split .note-stack,
.why-layout > .prose,
.payment-row .payment-note,
.method-verdict .prose{
  padding-top:68px!important;
}
@media(max-width:980px){
  .operating-tone .note-stack,
  .exhibit-split .note-stack,
  .why-layout > .prose,
  .payment-row .payment-note,
  .method-verdict .prose{
    padding-top:0!important;
  }
}

/* v29b: dark service preview panels live inside cream sections, so they override cream-button rules. */
.section.cream .casework-preview .service-card .btn,
.section.cream .casework-preview .service-card .btn-dark,
.casework-preview .service-card .btn,
.casework-preview .service-card .btn-dark{
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
  border-color:var(--gold)!important;
  background:transparent!important;
}
.section.cream .casework-preview .service-card .btn:hover,
.section.cream .casework-preview .service-card .btn:focus-visible,
.section.cream .casework-preview .service-card .btn-dark:hover,
.section.cream .casework-preview .service-card .btn-dark:focus-visible,
.casework-preview .service-card .btn:hover,
.casework-preview .service-card .btn:focus-visible,
.casework-preview .service-card .btn-dark:hover,
.casework-preview .service-card .btn-dark:focus-visible{
  background:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
}


/* v30 coherence pass: contrast doctrine, split alignment, and comparison clarity */
/* Universal button doctrine: dark surfaces get light button text; light surfaces get dark button text. Hover fills gold and keeps dark text. */
.btn,
.btn-gold,
.btn-dark,
.btn-ghost{
  border-width:1.75px!important;
  font-weight:600!important;
  text-shadow:none!important;
  box-shadow:none;
}
/* Default assumption: most Bureau buttons sit on dark surfaces. */
.btn,
.btn-gold,
.btn-dark,
.btn-ghost,
.hero .btn,
.section.navy .btn,
.section.deep .btn,
.final-cta.deep .btn,
.note-box .btn,
.casework-preview .service-card.dark .btn,
.section.cream .casework-preview .service-card.dark .btn,
.services-grid .service-card.is-active .btn,
.services-grid .service-card.is-active .btn-dark,
.services-grid .service-card:hover .btn,
.services-grid .service-card:hover .btn-dark,
.services-grid .service-card:focus-within .btn,
.services-grid .service-card:focus-within .btn-dark,
.intake-grid .service-card:hover .btn,
.intake-grid .service-card:focus-within .btn{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
}
/* Light surfaces and cream cards use dark button text before hover. */
.section.cream .btn,
.section.paper .btn,
.cream .btn,
.paper .btn,
.featured .btn,
.final-cta.cream .btn,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn{
  background:transparent!important;
  border-color:var(--gold-deep)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
}
/* Dark cards inside light sections override the light-surface rule. */
.section.cream .service-card.dark .btn,
.section.cream .service-card.dark .btn-dark,
.casework-preview .service-card.dark .btn,
.casework-preview .service-card.dark .btn-dark{
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
  border-color:var(--gold)!important;
  background:transparent!important;
}
/* Hover state is universal: gold fill, dark text. */
.btn:hover,.btn:focus-visible,
.btn-gold:hover,.btn-gold:focus-visible,
.btn-dark:hover,.btn-dark:focus-visible,
.btn-ghost:hover,.btn-ghost:focus-visible,
.section.cream .btn:hover,.section.cream .btn:focus-visible,
.section.paper .btn:hover,.section.paper .btn:focus-visible,
.cream .btn:hover,.cream .btn:focus-visible,
.paper .btn:hover,.paper .btn:focus-visible,
.featured .btn:hover,.featured .btn:focus-visible,
.note-box .btn:hover,.note-box .btn:focus-visible,
.services-grid .service-card .btn:hover,.services-grid .service-card .btn:focus-visible,
.intake-grid .service-card .btn:hover,.intake-grid .service-card .btn:focus-visible{
  background:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  border-color:var(--gold)!important;
}
/* Comparison clarity: keep service card sections aligned by moving prices and actions to the same lower rail. */
.services-grid .service-card,
.casework-preview .service-card{
  display:flex;
  flex-direction:column;
}
.services-grid .service-card .price,
.casework-preview .service-card .price{
  margin-top:auto!important;
  padding-top:28px;
}
.services-grid .service-card .btn,
.casework-preview .service-card .btn{
  margin-top:18px!important;
}
/* Split-column doctrine: counterpart columns begin at the heading line, not the eyebrow label. */
.operating-tone .wrap.grid{
  align-items:start!important;
}
.operating-tone .note-stack{
  padding-top:92px!important;
  margin-top:0!important;
}
@media(max-width:980px){
  .operating-tone .note-stack{padding-top:0!important}
}

/* v31 coherence and contrast fixes */
:root{--button-dark-text:#00172C;--button-light-text:#FCF6E8;--button-gold:#E5AA2E;--button-gold-strong:#F0B63B}
.btn,
.btn-dark,
.btn-ghost{
  background:transparent!important;
  border:1.7px solid rgba(229,170,46,.82)!important;
  color:var(--button-light-text)!important;
  font-weight:700!important;
  text-shadow:none!important;
}
.btn-gold{
  background:var(--button-gold)!important;
  border-color:var(--button-gold)!important;
  color:var(--button-dark-text)!important;
  font-weight:700!important;
  text-shadow:none!important;
}
.section.cream .btn,
.section.paper .btn,
.cream .btn,
.paper .btn,
.featured .btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn-dark,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark{
  background:transparent!important;
  border-color:rgba(185,134,42,.88)!important;
  color:var(--button-dark-text)!important;
}
.section.deep .btn,
.section.navy .btn,
.hero .btn,
.note-box .btn,
.final-cta.deep .btn,
.casework-preview .service-card .btn,
.casework-preview .service-card .btn-dark,
.services-grid .service-card.is-active .btn-dark,
.services-grid .service-card:hover .btn-dark,
.services-grid .service-card:focus-within .btn-dark,
.intake-grid .service-card:hover .btn-dark,
.intake-grid .service-card:focus-within .btn-dark,
.pending-grid .btn{
  background:transparent!important;
  border-color:rgba(229,170,46,.86)!important;
  color:var(--button-light-text)!important;
}
.btn:hover,.btn:focus-visible,
.btn-dark:hover,.btn-dark:focus-visible,
.btn-ghost:hover,.btn-ghost:focus-visible,
.btn-gold:hover,.btn-gold:focus-visible,
.section.cream .btn:hover,.section.cream .btn:focus-visible,
.section.paper .btn:hover,.section.paper .btn:focus-visible,
.cream .btn:hover,.cream .btn:focus-visible,
.paper .btn:hover,.paper .btn:focus-visible,
.featured .btn:hover,.featured .btn:focus-visible,
.card .btn:hover,.card .btn:focus-visible,
.note-box .btn:hover,.note-box .btn:focus-visible{
  background:var(--button-gold-strong)!important;
  border-color:var(--button-gold-strong)!important;
  color:var(--button-dark-text)!important;
  box-shadow:0 14px 30px rgba(229,170,46,.18)!important;
}
.btn:after{content:none!important;display:none!important}
.coroner-explainer{align-items:start!important}.coroner-explainer>.note-box{align-self:start!important;height:auto!important}.coroner-explainer .public-specimen-note h3{font-size:clamp(26px,3vw,34px);line-height:1.05}.coroner-explainer .prose p{font-size:18px;line-height:1.6}.operating-tone .note-stack{padding-top:clamp(58px,6vw,86px)}
@media(max-width:980px){.operating-tone .note-stack{padding-top:0}.coroner-explainer{grid-template-columns:1fr!important}}


/* v32 gold standardization, button contrast lock, and copy-polish support */
:root{
  --gold:#C8952E;
  --gold-deep:#C8952E;
  --button-gold:#C8952E;
  --button-gold-strong:#D6A13A;
}
/* Contrast doctrine, final override: dark surfaces = cream text; light surfaces = ink text; hover = gold fill with ink text. */
.btn,.btn-dark,.btn-ghost{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
  text-shadow:none!important;
}
.btn-gold{
  background:var(--gold)!important;
  border-color:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  text-shadow:none!important;
}
/* Light/cream panels and feature cards use ink text on outlined buttons before hover. */
.section.cream .btn,
.section.paper .btn,
.cream .btn,
.paper .btn,
.featured .btn,
.section.navy .featured .btn,
.section.deep .featured .btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn-dark,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn-gold,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn-dark{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
}
/* Dark cards inside light sections still need light text before hover. */
.section.cream .service-card.dark .btn,
.section.cream .casework-preview .service-card .btn,
.section.cream .casework-preview .service-card .btn-dark,
.casework-preview .service-card.dark .btn,
.casework-preview .service-card.dark .btn-dark,
.services-grid .service-card.is-active .btn,
.services-grid .service-card.is-active .btn-dark,
.services-grid .service-card:hover .btn,
.services-grid .service-card:hover .btn-dark,
.services-grid .service-card:focus-within .btn,
.services-grid .service-card:focus-within .btn-dark,
.note-box .btn,
.section.navy .note-box .btn,
.section.deep .note-box .btn,
.hero .btn,
.final-cta .btn{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
}
/* Hover/focus is always a gold stamp with ink text. */
.btn:hover,.btn:focus-visible,
.btn-dark:hover,.btn-dark:focus-visible,
.btn-ghost:hover,.btn-ghost:focus-visible,
.btn-gold:hover,.btn-gold:focus-visible,
.section.cream .btn:hover,.section.cream .btn:focus-visible,
.section.paper .btn:hover,.section.paper .btn:focus-visible,
.cream .btn:hover,.cream .btn:focus-visible,
.paper .btn:hover,.paper .btn:focus-visible,
.featured .btn:hover,.featured .btn:focus-visible,
.section.navy .featured .btn:hover,.section.navy .featured .btn:focus-visible,
.section.deep .featured .btn:hover,.section.deep .featured .btn:focus-visible,
.card .btn:hover,.card .btn:focus-visible,
.note-box .btn:hover,.note-box .btn:focus-visible,
.final-cta .btn:hover,.final-cta .btn:focus-visible{
  background:var(--button-gold-strong)!important;
  border-color:var(--button-gold-strong)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
}
/* Typography normalization for About lead paragraphs and Operating Tone split copy. */
.about-copy .secondary-lead{font-size:23px;line-height:1.55;color:var(--cream)}
.operating-tone .note-stack>p{font-size:20px;line-height:1.62;color:var(--cream);max-width:680px}


/* v33 copy-logic cleanup, antique-brass accent, and final contrast fixes */
:root{
  --gold:#C49A4A;
  --gold-deep:#8F6F32;
  --button-gold:#C49A4A;
  --button-gold-strong:#D1B06A;
  --line-gold:rgba(196,154,74,.42);
}
.navy p,.section.navy p,.section.deep p,.hero p,.footer p{color:rgba(252,246,232,.84)}
.navy h1,.navy h2,.navy h3,.section.navy h1,.section.navy h2,.section.navy h3,.section.deep h1,.section.deep h2,.section.deep h3,.hero h1,.hero h2,.hero h3{color:var(--cream)}
/* Buttons on cream feature/case cards are always ink until hover. */
.featured .btn,.featured .btn-gold,.featured .featured-body .btn,.section.cream .featured .btn,.section.navy .featured .btn,.section.deep .featured .btn{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
  text-shadow:none!important;
}
.featured .btn:hover,.featured .btn:focus-visible,.featured .btn-gold:hover,.featured .btn-gold:focus-visible{
  background:var(--button-gold-strong)!important;
  border-color:var(--button-gold-strong)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
}
/* Gold should mark labels, borders, prices, and display emphasis, not body-copy blocks. */
.prose em,.article em,.note-box em{font-weight:700;color:inherit!important}
.hero h1 em,.display-emphasis,.gold-term{color:var(--gold)!important}


/* v35 verified contrast lock and cascade cleanup
   The earlier contrast doctrine was correct in intent, but broad dark-section selectors
   overrode cream feature cards and cream pathology cards. These final component rules
   sit at the bottom of the file and win the cascade. */

/* Keep all light cards readable, even when they appear inside dark sections. */
.failure-grid .path-card,
.section.navy .failure-grid .path-card,
.section.deep .failure-grid .path-card{
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--ink)!important;
  border:1px solid rgba(143,111,50,.34)!important;
  border-left:3px solid var(--gold)!important;
  box-shadow:var(--shadow-soft)!important;
}
.failure-grid .path-card h1,
.failure-grid .path-card h2,
.failure-grid .path-card h3,
.failure-grid .path-card h4,
.failure-grid .path-card p,
.failure-grid .path-card strong,
.section.navy .failure-grid .path-card h1,
.section.navy .failure-grid .path-card h2,
.section.navy .failure-grid .path-card h3,
.section.navy .failure-grid .path-card h4,
.section.navy .failure-grid .path-card p,
.section.navy .failure-grid .path-card strong{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}
.failure-grid .path-card .case-label,
.section.navy .failure-grid .path-card .case-label{
  color:var(--gold-deep)!important;
  -webkit-text-fill-color:var(--gold-deep)!important;
}
.failure-grid .path-card:hover,
.failure-grid .path-card:focus-within{
  background:linear-gradient(180deg,var(--note-glow),var(--note-bg))!important;
  border-color:rgba(196,154,74,.58)!important;
  border-left-color:var(--gold)!important;
  box-shadow:var(--shadow-dark)!important;
}
.failure-grid .path-card:hover h1,
.failure-grid .path-card:hover h2,
.failure-grid .path-card:hover h3,
.failure-grid .path-card:hover h4,
.failure-grid .path-card:hover p,
.failure-grid .path-card:hover strong,
.failure-grid .path-card:focus-within h1,
.failure-grid .path-card:focus-within h2,
.failure-grid .path-card:focus-within h3,
.failure-grid .path-card:focus-within h4,
.failure-grid .path-card:focus-within p,
.failure-grid .path-card:focus-within strong{
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
}
.failure-grid .path-card:hover .case-label,
.failure-grid .path-card:focus-within .case-label{
  color:var(--gold)!important;
  -webkit-text-fill-color:var(--gold)!important;
}

/* Featured public-autopsy cards are cream/paper artifacts. Their text stays dark,
   except for the internal dark finding panels. */
.featured,
.section.navy .featured,
.section.deep .featured{
  color:var(--ink)!important;
}
.featured h1,
.featured h2,
.featured h3,
.featured h4,
.featured p,
.featured strong,
.featured blockquote,
.section.navy .featured h1,
.section.navy .featured h2,
.section.navy .featured h3,
.section.navy .featured h4,
.section.navy .featured p,
.section.navy .featured strong,
.section.navy .featured blockquote,
.section.deep .featured h1,
.section.deep .featured h2,
.section.deep .featured h3,
.section.deep .featured h4,
.section.deep .featured p,
.section.deep .featured strong,
.section.deep .featured blockquote{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}
.featured .finding,
.section.navy .featured .finding,
.section.deep .featured .finding{
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
}
.featured .finding .label,
.section.navy .featured .finding .label,
.section.deep .featured .finding .label{
  color:var(--gold)!important;
  -webkit-text-fill-color:var(--gold)!important;
}
.featured .case-label,
.featured .pill{
  -webkit-text-fill-color:currentColor!important;
}

/* Final button doctrine, component-first. */
.btn,
.btn-dark,
.btn-ghost{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
  text-shadow:none!important;
}
.btn-gold{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
  text-shadow:none!important;
}
/* Buttons on light/paper surfaces use ink before hover. */
.section.cream .btn,
.section.paper .btn,
.cream .btn,
.paper .btn,
.featured .btn,
.featured .btn-gold,
.featured .btn-dark,
.failure-grid .path-card:not(:hover):not(:focus-within) .btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn-dark,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .btn-dark,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
}
/* Buttons on intentionally dark cards inside light sections stay cream before hover. */
.section.cream .casework-preview .service-card.dark .btn,
.section.cream .casework-preview .service-card.dark .btn-dark,
.casework-preview .service-card.dark .btn,
.casework-preview .service-card.dark .btn-dark,
.services-grid .service-card.is-active .btn,
.services-grid .service-card.is-active .btn-dark,
.services-grid .service-card:hover .btn,
.services-grid .service-card:hover .btn-dark,
.services-grid .service-card:focus-within .btn,
.services-grid .service-card:focus-within .btn-dark,
.note-box .btn,
.section.navy .note-box .btn,
.section.deep .note-box .btn,
.hero .btn,
.final-cta .btn,
.pending-grid .btn{
  background:transparent!important;
  border-color:var(--gold)!important;
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
}
/* Hover/focus always becomes a brass stamp with dark text. */
.btn:hover,.btn:focus-visible,
.btn-gold:hover,.btn-gold:focus-visible,
.btn-dark:hover,.btn-dark:focus-visible,
.btn-ghost:hover,.btn-ghost:focus-visible,
.featured .btn:hover,.featured .btn:focus-visible,
.failure-grid .path-card .btn:hover,.failure-grid .path-card .btn:focus-visible,
.casework-preview .service-card .btn:hover,.casework-preview .service-card .btn:focus-visible,
.services-grid .service-card .btn:hover,.services-grid .service-card .btn:focus-visible,
.intake-grid .service-card .btn:hover,.intake-grid .service-card .btn:focus-visible,
.note-box .btn:hover,.note-box .btn:focus-visible,
.final-cta .btn:hover,.final-cta .btn:focus-visible{
  background:var(--button-gold-strong)!important;
  border-color:var(--button-gold-strong)!important;
  color:var(--navy)!important;
  -webkit-text-fill-color:var(--navy)!important;
}

/* Build marker for troubleshooting stale previews. */
body:after{
  content:"";
  display:none;
}

/* v36 hard reset: contrast, cache-busting, Coroner voice polish support */
:root{
  --brass:#C49A4A;
  --brass-deep:#8F6F32;
  --cream-text:#FCF6E8;
  --dark-text:#00172C;
  --dark-panel:#151D25;
  --dark-panel-glow:#1F2A34;
  --institutional-blue:#0B2A44;
}

/* Absolute button contrast doctrine, placed last so no earlier rule can testify against it. */
.btn,.btn-gold,.btn-dark,.btn-ghost,
a.btn,a.btn-gold,a.btn-dark,a.btn-ghost{
  background:transparent!important;
  border:1.8px solid var(--brass)!important;
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
  font-weight:800!important;
  text-shadow:none!important;
  box-shadow:none;
}
.btn:hover,.btn:focus-visible,
.btn-gold:hover,.btn-gold:focus-visible,
.btn-dark:hover,.btn-dark:focus-visible,
.btn-ghost:hover,.btn-ghost:focus-visible,
a.btn:hover,a.btn:focus-visible{
  background:var(--brass)!important;
  border-color:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
/* Buttons inside explicitly light artifacts. */
.featured .btn,.featured .btn-gold,.featured .btn-dark,.featured .btn-ghost,
.section.cream .featured .btn,.section.navy .featured .btn,.section.deep .featured .btn,
.failure-grid .path-card:not(:hover):not(:focus-within) .btn,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn-dark,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn-dark{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  border-color:var(--brass)!important;
  background:transparent!important;
}
.featured .btn:hover,.featured .btn:focus-visible,
.failure-grid .path-card .btn:hover,.failure-grid .path-card .btn:focus-visible,
.intake-grid .service-card .btn:hover,.intake-grid .service-card .btn:focus-visible,
.card:not(.dark) .btn:hover,.card:not(.dark) .btn:focus-visible{
  background:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
/* Dark cards inside light sections must remain dark-card buttons. */
.casework-preview .service-card.dark .btn,
.section.cream .casework-preview .service-card.dark .btn,
.section.cream .casework-preview .service-card.dark .btn-dark{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}

/* Light cards inside dark sections keep dark copy by default. */
.failure-grid .path-card:not(:hover):not(:focus-within),
.intake-grid .service-card:not(:hover):not(:focus-within),
.section.navy .intake-grid .service-card:not(:hover):not(:focus-within){
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--ink)!important;
}
.failure-grid .path-card:not(:hover):not(:focus-within) h1,
.failure-grid .path-card:not(:hover):not(:focus-within) h2,
.failure-grid .path-card:not(:hover):not(:focus-within) h3,
.failure-grid .path-card:not(:hover):not(:focus-within) h4,
.failure-grid .path-card:not(:hover):not(:focus-within) p,
.failure-grid .path-card:not(:hover):not(:focus-within) strong,
.intake-grid .service-card:not(:hover):not(:focus-within) h1,
.intake-grid .service-card:not(:hover):not(:focus-within) h2,
.intake-grid .service-card:not(:hover):not(:focus-within) h3,
.intake-grid .service-card:not(:hover):not(:focus-within) h4,
.intake-grid .service-card:not(:hover):not(:focus-within) p,
.intake-grid .service-card:not(:hover):not(:focus-within) strong,
.intake-grid .service-card:not(:hover):not(:focus-within) .fine{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}
.failure-grid .path-card:not(:hover):not(:focus-within) .case-label,
.intake-grid .service-card:not(:hover):not(:focus-within) .case-label{
  color:var(--brass-deep)!important;
  -webkit-text-fill-color:var(--brass-deep)!important;
}
/* Hovered intake and failure cards become Bureau-dark and readable. */
.failure-grid .path-card:hover,.failure-grid .path-card:focus-within,
.intake-grid .service-card:hover,.intake-grid .service-card:focus-within{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
}
.failure-grid .path-card:hover h1,.failure-grid .path-card:hover h2,.failure-grid .path-card:hover h3,.failure-grid .path-card:hover h4,.failure-grid .path-card:hover p,.failure-grid .path-card:hover strong,
.failure-grid .path-card:focus-within h1,.failure-grid .path-card:focus-within h2,.failure-grid .path-card:focus-within h3,.failure-grid .path-card:focus-within h4,.failure-grid .path-card:focus-within p,.failure-grid .path-card:focus-within strong,
.intake-grid .service-card:hover h1,.intake-grid .service-card:hover h2,.intake-grid .service-card:hover h3,.intake-grid .service-card:hover h4,.intake-grid .service-card:hover p,.intake-grid .service-card:hover strong,.intake-grid .service-card:hover .fine,
.intake-grid .service-card:focus-within h1,.intake-grid .service-card:focus-within h2,.intake-grid .service-card:focus-within h3,.intake-grid .service-card:focus-within h4,.intake-grid .service-card:focus-within p,.intake-grid .service-card:focus-within strong,.intake-grid .service-card:focus-within .fine{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}

/* Coroner page: important note panel should not sprawl. */
.coroner-explainer>.note-box.soft-head{align-self:start!important;min-height:0!important;height:auto!important;padding-bottom:28px!important}

/* Make the selected diagnostic grid cards clearer as separate questions. */
.method-question-card h3{max-width:11ch}
.method-question-card:nth-child(1) h3{max-width:12ch}
.method-question-card:nth-child(2) h3{max-width:10ch}

/* v37 interaction restoration, button contrast finalization, and start-here repair */
:root{
  --brass:#C49A4A;
  --brass-deep:#8F6F32;
  --brass-soft:rgba(196,154,74,.42);
  --cream-text:#FCF6E8;
  --cream-soft:rgba(252,246,232,.86);
  --dark-text:#00172C;
  --dark-panel:#151D25;
  --dark-panel-glow:#1F2A34;
}

.card,.path-card,.service-card,.note-box,.featured,.portrait-card,.tag-chip,.method-question-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease!important;
}
.card:hover,.path-card:hover,.service-card:hover,.note-box:hover,.featured:hover,.portrait-card:hover,.tag-chip:hover,.method-question-card:hover,
.card:focus-within,.path-card:focus-within,.service-card:focus-within,.note-box:focus-within,.featured:focus-within,.portrait-card:focus-within,.tag-chip:focus-within,.method-question-card:focus-within{
  transform:translateY(-3px);
  border-color:rgba(196,154,74,.72)!important;
  box-shadow:0 26px 68px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* Common Signal Pathologies: cream by default, Bureau-dark on hover. */
.failure-grid .path-card:not(:hover):not(:focus-within){
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
  border-left:3px solid var(--brass)!important;
  box-shadow:0 18px 42px rgba(0,12,24,.10)!important;
}
.failure-grid .path-card:not(:hover):not(:focus-within) h1,
.failure-grid .path-card:not(:hover):not(:focus-within) h2,
.failure-grid .path-card:not(:hover):not(:focus-within) h3,
.failure-grid .path-card:not(:hover):not(:focus-within) h4,
.failure-grid .path-card:not(:hover):not(:focus-within) p,
.failure-grid .path-card:not(:hover):not(:focus-within) strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
.failure-grid .path-card:not(:hover):not(:focus-within) .case-label{
  color:var(--brass-deep)!important;
  -webkit-text-fill-color:var(--brass-deep)!important;
}
.failure-grid .path-card:hover,.failure-grid .path-card:focus-within{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
  border-left-color:var(--brass)!important;
}
.failure-grid .path-card:hover h1,.failure-grid .path-card:hover h2,.failure-grid .path-card:hover h3,.failure-grid .path-card:hover h4,.failure-grid .path-card:hover p,.failure-grid .path-card:hover strong,
.failure-grid .path-card:focus-within h1,.failure-grid .path-card:focus-within h2,.failure-grid .path-card:focus-within h3,.failure-grid .path-card:focus-within h4,.failure-grid .path-card:focus-within p,.failure-grid .path-card:focus-within strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
.failure-grid .path-card:hover .case-label,.failure-grid .path-card:focus-within .case-label{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}

/* Diagnostic lenses and method cards: already dark, but restore the premium hover polish. */
.lens-grid .path-card,.method-question-card{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
  border-left:3px solid var(--brass)!important;
}
.lens-grid .path-card h1,.lens-grid .path-card h2,.lens-grid .path-card h3,.lens-grid .path-card h4,.lens-grid .path-card p,.lens-grid .path-card strong,
.method-question-card h1,.method-question-card h2,.method-question-card h3,.method-question-card h4,.method-question-card p,.method-question-card strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
.lens-grid .path-card .case-label,.method-question-card .case-label{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}
.lens-grid .path-card:hover,.lens-grid .path-card:focus-within,.method-question-card:hover,.method-question-card:focus-within{
  background:linear-gradient(180deg,#26323D,#131B23)!important;
  box-shadow:0 30px 76px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* Submit-option cards: cream by default, dark on hover. */
.intake-grid .service-card:not(:hover):not(:focus-within){
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
  border-left:3px solid var(--brass)!important;
}
.intake-grid .service-card:not(:hover):not(:focus-within) h1,
.intake-grid .service-card:not(:hover):not(:focus-within) h2,
.intake-grid .service-card:not(:hover):not(:focus-within) h3,
.intake-grid .service-card:not(:hover):not(:focus-within) h4,
.intake-grid .service-card:not(:hover):not(:focus-within) p,
.intake-grid .service-card:not(:hover):not(:focus-within) strong,
.intake-grid .service-card:not(:hover):not(:focus-within) .fine{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
.intake-grid .service-card:hover,.intake-grid .service-card:focus-within{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
}
.intake-grid .service-card:hover h1,.intake-grid .service-card:hover h2,.intake-grid .service-card:hover h3,.intake-grid .service-card:hover h4,.intake-grid .service-card:hover p,.intake-grid .service-card:hover strong,.intake-grid .service-card:hover .fine,
.intake-grid .service-card:focus-within h1,.intake-grid .service-card:focus-within h2,.intake-grid .service-card:focus-within h3,.intake-grid .service-card:focus-within h4,.intake-grid .service-card:focus-within p,.intake-grid .service-card:focus-within strong,.intake-grid .service-card:focus-within .fine{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}

/* Service cards and preview cards keep the active/lift behavior. */
.services-grid .service-card:hover,.services-grid .service-card:focus-within,.services-grid .service-card.is-active,
.casework-preview .service-card:hover,.casework-preview .service-card:focus-within{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
  border-left-color:var(--brass)!important;
  transform:translateY(-3px);
}
.casework-preview .service-card,.casework-preview .service-card.dark{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
  border-left:3px solid var(--brass)!important;
}
.casework-preview .service-card h1,.casework-preview .service-card h2,.casework-preview .service-card h3,.casework-preview .service-card h4,.casework-preview .service-card p,.casework-preview .service-card strong,
.services-grid .service-card:hover h1,.services-grid .service-card:hover h2,.services-grid .service-card:hover h3,.services-grid .service-card:hover h4,.services-grid .service-card:hover p,.services-grid .service-card:hover strong,
.services-grid .service-card:focus-within h1,.services-grid .service-card:focus-within h2,.services-grid .service-card:focus-within h3,.services-grid .service-card:focus-within h4,.services-grid .service-card:focus-within p,.services-grid .service-card:focus-within strong,
.services-grid .service-card.is-active h1,.services-grid .service-card.is-active h2,.services-grid .service-card.is-active h3,.services-grid .service-card.is-active h4,.services-grid .service-card.is-active p,.services-grid .service-card.is-active strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
.casework-preview .service-card .case-label,.services-grid .service-card:hover .case-label,.services-grid .service-card.is-active .case-label{color:var(--brass)!important;-webkit-text-fill-color:var(--brass)!important}
.casework-preview .service-card .price,.services-grid .service-card:hover .price,.services-grid .service-card.is-active .price{color:var(--brass)!important;-webkit-text-fill-color:var(--brass)!important}

/* Start Here tag appears on service ladders and home preview ladders. */
.services-grid .service-card.is-start,.casework-preview .service-card.is-start{position:relative;overflow:visible}
.services-grid .service-card.is-start:before,.casework-preview .service-card.is-start:before{
  content:"START HERE";
  position:absolute;
  top:-19px;
  left:50%;
  transform:translateX(-50%);
  z-index:5;
  background:var(--brass);
  color:var(--dark-text);
  -webkit-text-fill-color:var(--dark-text);
  border-radius:2px;
  padding:6px 13px;
  font-family:'IBM Plex Mono',monospace;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:11px;
  font-weight:700;
  box-shadow:0 8px 18px rgba(0,0,0,.22);
}

/* Final button doctrine. Placed at the end because buttons were the chief repeat offender. */
a.btn,.btn{
  background:transparent!important;
  border:1.8px solid var(--brass)!important;
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
  font-weight:800!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.section.cream a.btn,.section.cream .btn,
.section.paper a.btn,.section.paper .btn,
.featured a.btn,.featured .btn,
.failure-grid .path-card:not(:hover):not(:focus-within) a.btn,
.failure-grid .path-card:not(:hover):not(:focus-within) .btn,
.intake-grid .service-card:not(:hover):not(:focus-within) a.btn,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) a.btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
.section.cream .card.dark a.btn,.section.cream .card.dark .btn,
.casework-preview .service-card a.btn,.casework-preview .service-card .btn,
.section.deep a.btn,.section.deep .btn,
.section.navy a.btn,.section.navy .btn,
.final-cta a.btn,.final-cta .btn,
.note-box a.btn,.note-box .btn,
.services-grid .service-card.is-active a.btn,.services-grid .service-card.is-active .btn,
.services-grid .service-card:hover a.btn,.services-grid .service-card:hover .btn,
.services-grid .service-card:focus-within a.btn,.services-grid .service-card:focus-within .btn,
.failure-grid .path-card:hover a.btn,.failure-grid .path-card:hover .btn,
.failure-grid .path-card:focus-within a.btn,.failure-grid .path-card:focus-within .btn,
.intake-grid .service-card:hover a.btn,.intake-grid .service-card:hover .btn,
.intake-grid .service-card:focus-within a.btn,.intake-grid .service-card:focus-within .btn{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
.featured a.btn,.featured .btn{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
a.btn:hover,a.btn:focus-visible,.btn:hover,.btn:focus-visible{
  background:var(--brass)!important;
  border-color:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  transform:translateY(-2px);
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}

@media(max-width:640px){
  .services-grid .service-card.is-start:before,.casework-preview .service-card.is-start:before{position:static;display:inline-flex;align-self:center;transform:none;margin:-10px auto 14px}
}

/* v37b accent unification: old orange variables now point to antique brass. */
:root{
  --gold:#C49A4A;
  --gold-deep:#8F6F32;
  --line-gold:rgba(196,154,74,.38);
}

/* v38: restored interaction doctrine, stable contrast, split alignment, and service/panel polish */
:root{
  --brass:#C49A4A;
  --brass-deep:#8F6F32;
  --brass-line:rgba(196,154,74,.52);
  --cream-text:#FCF6E8;
  --cream-body:rgba(252,246,232,.86);
  --dark-text:#00172C;
  --dark-panel:#151D25;
  --dark-panel-glow:#1F2A34;
}

/* Every interactive panel should feel alive, but not like a carnival ride. */
.card,.path-card,.service-card,.note-box,.featured,.portrait-card,.tag-chip,.method-question-card{
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease!important;
}
.card:hover,.path-card:hover,.service-card:hover,.note-box:hover,.featured:hover,.portrait-card:hover,.tag-chip:hover,.method-question-card:hover,
.card:focus-within,.path-card:focus-within,.service-card:focus-within,.note-box:focus-within,.featured:focus-within,.portrait-card:focus-within,.tag-chip:focus-within,.method-question-card:focus-within{
  transform:translateY(-3px)!important;
  border-color:var(--brass-line)!important;
  box-shadow:0 28px 70px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04)!important;
}

/* Common Signal Pathologies: cream cards invert to Bureau-dark on hover/focus. */
.failure-grid .path-card:not(:hover):not(:focus-within){
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
  border-left:3px solid var(--brass)!important;
}
.failure-grid .path-card:not(:hover):not(:focus-within) h1,
.failure-grid .path-card:not(:hover):not(:focus-within) h2,
.failure-grid .path-card:not(:hover):not(:focus-within) h3,
.failure-grid .path-card:not(:hover):not(:focus-within) h4,
.failure-grid .path-card:not(:hover):not(:focus-within) p,
.failure-grid .path-card:not(:hover):not(:focus-within) strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
.failure-grid .path-card:hover,.failure-grid .path-card:focus-within{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
  border-left-color:var(--brass)!important;
}
.failure-grid .path-card:hover h1,.failure-grid .path-card:hover h2,.failure-grid .path-card:hover h3,.failure-grid .path-card:hover h4,.failure-grid .path-card:hover p,.failure-grid .path-card:hover strong,
.failure-grid .path-card:focus-within h1,.failure-grid .path-card:focus-within h2,.failure-grid .path-card:focus-within h3,.failure-grid .path-card:focus-within h4,.failure-grid .path-card:focus-within p,.failure-grid .path-card:focus-within strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
.failure-grid .path-card:hover .case-label,.failure-grid .path-card:focus-within .case-label{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}

/* Start Here tag: centered, stamp-like, and no longer drifting inside its own badge. */
.services-grid .service-card.is-start:before,.casework-preview .service-card.is-start:before{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  min-width:168px!important;
  height:34px!important;
  padding:0 16px!important;
  line-height:1!important;
  white-space:nowrap!important;
  background:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}

/* Service and submit cards keep their intended default/hover contrast. */
.casework-preview .service-card.dark,
.casework-preview .service-card,
.services-grid .service-card.is-active,
.services-grid .service-card:hover,
.services-grid .service-card:focus-within,
.intake-grid .service-card:hover,
.intake-grid .service-card:focus-within{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
  border-left-color:var(--brass)!important;
}
.casework-preview .service-card.dark h1,.casework-preview .service-card.dark h2,.casework-preview .service-card.dark h3,.casework-preview .service-card.dark h4,.casework-preview .service-card.dark p,.casework-preview .service-card.dark strong,
.casework-preview .service-card h1,.casework-preview .service-card h2,.casework-preview .service-card h3,.casework-preview .service-card h4,.casework-preview .service-card p,.casework-preview .service-card strong,
.services-grid .service-card.is-active h1,.services-grid .service-card.is-active h2,.services-grid .service-card.is-active h3,.services-grid .service-card.is-active h4,.services-grid .service-card.is-active p,.services-grid .service-card.is-active strong,
.services-grid .service-card:hover h1,.services-grid .service-card:hover h2,.services-grid .service-card:hover h3,.services-grid .service-card:hover h4,.services-grid .service-card:hover p,.services-grid .service-card:hover strong,
.services-grid .service-card:focus-within h1,.services-grid .service-card:focus-within h2,.services-grid .service-card:focus-within h3,.services-grid .service-card:focus-within h4,.services-grid .service-card:focus-within p,.services-grid .service-card:focus-within strong,
.intake-grid .service-card:hover h1,.intake-grid .service-card:hover h2,.intake-grid .service-card:hover h3,.intake-grid .service-card:hover h4,.intake-grid .service-card:hover p,.intake-grid .service-card:hover strong,.intake-grid .service-card:hover .fine,
.intake-grid .service-card:focus-within h1,.intake-grid .service-card:focus-within h2,.intake-grid .service-card:focus-within h3,.intake-grid .service-card:focus-within h4,.intake-grid .service-card:focus-within p,.intake-grid .service-card:focus-within strong,.intake-grid .service-card:focus-within .fine{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
.intake-grid .service-card:not(:hover):not(:focus-within),
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within){
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
}
.intake-grid .service-card:not(:hover):not(:focus-within) h1,.intake-grid .service-card:not(:hover):not(:focus-within) h2,.intake-grid .service-card:not(:hover):not(:focus-within) h3,.intake-grid .service-card:not(:hover):not(:focus-within) h4,.intake-grid .service-card:not(:hover):not(:focus-within) p,.intake-grid .service-card:not(:hover):not(:focus-within) strong,.intake-grid .service-card:not(:hover):not(:focus-within) .fine,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) h1,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) h2,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) h3,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) h4,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) p,.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}

/* Services record panels should size to their contents, not stretch into decorative filing cabinets. */
.services-records{align-items:start!important;}
.services-records .note-box{height:auto!important;min-height:0!important;padding:28px!important;}
.services-records .note-box:nth-child(2) h2{font-size:clamp(30px,3.6vw,44px)!important;line-height:1.08!important;}
.services-records .note-box p{font-size:18px!important;line-height:1.62!important;}

/* Split-section alignment: opposing text/panels should begin at heading line, not eyebrow line. */
.operating-tone .note-stack{padding-top:68px!important;}
.operating-tone .note-stack>p,.operating-tone .sub{font-size:20px!important;line-height:1.62!important;color:var(--cream-body)!important;}
.payment-row{align-items:start!important;}
.payment-row .payment-note{margin-top:46px!important;min-height:0!important;height:auto!important;padding:24px 26px!important;}
.payment-row .payment-note p:first-child{margin-top:0!important;}

/* About founder copy: keep paragraph sizing consistent within the same thought-block. */
.about-copy p,.about-copy .lead-drop,.about-copy .secondary-lead{font-size:21px!important;line-height:1.58!important;}
.about-highlights .note-box p{font-size:19px!important;line-height:1.58!important;}

/* Coroner explainer panels should be compact and aligned to their contents. */
.coroner-explainer{align-items:start!important;}
.coroner-explainer .note-box.soft-head{height:auto!important;min-height:0!important;padding:28px!important;}
.coroner-explainer .note-box.soft-head h2{font-size:clamp(30px,3.6vw,43px)!important;line-height:1.08!important;}
.coroner-explainer .prose p{font-size:20px!important;line-height:1.6!important;}

/* Final button doctrine, final final: hover always fills brass and turns text dark. */
a.btn,.btn,
a.btn.btn-gold,.btn.btn-gold,
a.btn.btn-dark,.btn.btn-dark,
a.btn.btn-ghost,.btn.btn-ghost{
  background:transparent!important;
  border:1.8px solid var(--brass)!important;
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
  font-weight:800!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
.section.cream a.btn,.section.cream .btn,
.section.paper a.btn,.section.paper .btn,
.featured a.btn,.featured .btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) a.btn,
.card:not(.dark):not(.is-active):not(:hover):not(:focus-within) .btn,
.intake-grid .service-card:not(:hover):not(:focus-within) a.btn,
.intake-grid .service-card:not(:hover):not(:focus-within) .btn,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) a.btn,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
.section.deep a.btn,.section.deep .btn,
.section.navy a.btn,.section.navy .btn,
.final-cta a.btn,.final-cta .btn,
.note-box a.btn,.note-box .btn,
.card.dark a.btn,.card.dark .btn,
.casework-preview .service-card a.btn,.casework-preview .service-card .btn,
.services-grid .service-card.is-active a.btn,.services-grid .service-card.is-active .btn,
.services-grid .service-card:hover a.btn,.services-grid .service-card:hover .btn,
.services-grid .service-card:focus-within a.btn,.services-grid .service-card:focus-within .btn,
.intake-grid .service-card:hover a.btn,.intake-grid .service-card:hover .btn,
.intake-grid .service-card:focus-within a.btn,.intake-grid .service-card:focus-within .btn,
.failure-grid .path-card:hover a.btn,.failure-grid .path-card:hover .btn,
.failure-grid .path-card:focus-within a.btn,.failure-grid .path-card:focus-within .btn{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
a.btn:hover,a.btn:focus-visible,.btn:hover,.btn:focus-visible,
.section.cream a.btn:hover,.section.cream .btn:hover,
.section.paper a.btn:hover,.section.paper .btn:hover,
.section.deep a.btn:hover,.section.deep .btn:hover,
.section.navy a.btn:hover,.section.navy .btn:hover,
.featured a.btn:hover,.featured .btn:hover,
.final-cta a.btn:hover,.final-cta .btn:hover,
.note-box a.btn:hover,.note-box .btn:hover,
.card a.btn:hover,.card .btn:hover,
.services-grid .service-card a.btn:hover,.services-grid .service-card .btn:hover,
.intake-grid .service-card a.btn:hover,.intake-grid .service-card .btn:hover{
  background:var(--brass)!important;
  border-color:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}

@media(max-width:980px){
  .operating-tone .note-stack,.payment-row .payment-note{padding-top:0!important;margin-top:0!important;}
}

/* v38b: light artifacts inside dark sections still use dark button text until the button itself is hovered. */
.section.navy .featured a.btn:not(:hover):not(:focus-visible),
.section.deep .featured a.btn:not(:hover):not(:focus-visible),
.featured a.btn:not(:hover):not(:focus-visible),
.section.navy .intake-grid .service-card:not(:hover):not(:focus-within) a.btn:not(:hover):not(:focus-visible),
.section.navy .intake-grid .service-card:not(:hover):not(:focus-within) .btn:not(:hover):not(:focus-visible),
.section.navy .services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) a.btn:not(:hover):not(:focus-visible),
.section.navy .services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .btn:not(:hover):not(:focus-visible){
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  background:transparent!important;
}
.section.navy .featured a.btn:hover,
.section.navy .featured a.btn:focus-visible,
.section.deep .featured a.btn:hover,
.section.deep .featured a.btn:focus-visible,
.section.navy .intake-grid .service-card a.btn:hover,
.section.navy .intake-grid .service-card a.btn:focus-visible,
.section.navy .services-grid .service-card a.btn:hover,
.section.navy .services-grid .service-card a.btn:focus-visible{
  background:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}

/* v39: final interaction repair, button contrast lock, and split-card cleanup */
:root{
  --brass:#C49A4A;
  --brass-deep:#8F6F32;
  --brass-line:rgba(196,154,74,.58);
  --cream-text:#FCF6E8;
  --dark-text:#00172C;
  --dark-panel:#151D25;
  --dark-panel-glow:#1F2A34;
}

/* Pathology cards: default paper, inverted Bureau panel on hover. */
html body main .failure-grid > .path-card,
html body main .failure-grid > article.path-card.interactive-card{
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:initial!important;
  border-left:3px solid var(--brass)!important;
  border-color:rgba(196,154,74,.42)!important;
  box-shadow:0 18px 44px rgba(0,12,24,.12)!important;
  transition:transform .22s ease,background .22s ease,color .22s ease,border-color .22s ease,box-shadow .22s ease!important;
}
html body main .failure-grid > .path-card h1,
html body main .failure-grid > .path-card h2,
html body main .failure-grid > .path-card h3,
html body main .failure-grid > .path-card h4,
html body main .failure-grid > .path-card p,
html body main .failure-grid > .path-card strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .failure-grid > .path-card .case-label{
  color:var(--brass-deep)!important;
  -webkit-text-fill-color:var(--brass-deep)!important;
}
html body main .failure-grid > .path-card:hover,
html body main .failure-grid > .path-card:focus-within,
html body main .failure-grid > article.path-card.interactive-card:hover,
html body main .failure-grid > article.path-card.interactive-card:focus-within{
  background:linear-gradient(180deg,var(--dark-panel-glow),var(--dark-panel))!important;
  color:var(--cream-text)!important;
  border-color:var(--brass-line)!important;
  border-left-color:var(--brass)!important;
  box-shadow:0 30px 76px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045)!important;
  transform:translateY(-3px)!important;
}
html body main .failure-grid > .path-card:hover h1,
html body main .failure-grid > .path-card:hover h2,
html body main .failure-grid > .path-card:hover h3,
html body main .failure-grid > .path-card:hover h4,
html body main .failure-grid > .path-card:hover p,
html body main .failure-grid > .path-card:hover strong,
html body main .failure-grid > .path-card:focus-within h1,
html body main .failure-grid > .path-card:focus-within h2,
html body main .failure-grid > .path-card:focus-within h3,
html body main .failure-grid > .path-card:focus-within h4,
html body main .failure-grid > .path-card:focus-within p,
html body main .failure-grid > .path-card:focus-within strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .failure-grid > .path-card:hover .case-label,
html body main .failure-grid > .path-card:focus-within .case-label{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}

/* Service ladder: only the active/hovered card is dark. If another service is hovered, the Start Here card steps back. */
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within){
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
  border-color:rgba(196,154,74,.42)!important;
  border-left:3px solid var(--brass)!important;
  box-shadow:0 18px 44px rgba(0,12,24,.12)!important;
  transform:none!important;
}
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) h1,
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) h2,
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) h3,
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) h4,
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) p,
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .case-label,
html body main .services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .case-label{
  color:var(--brass-deep)!important;
  -webkit-text-fill-color:var(--brass-deep)!important;
}
html body main .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .price,
html body main .services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .price{
  color:var(--brass-deep)!important;
  -webkit-text-fill-color:var(--brass-deep)!important;
}

/* Start Here stamp: centered text, fixed stamp geometry. */
html body main .services-grid .service-card.is-start:before,
html body main .casework-preview .service-card.is-start:before{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:190px!important;
  min-width:190px!important;
  height:36px!important;
  padding:0 14px!important;
  line-height:1!important;
  top:-22px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
  background:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}

/* Services record panels: compact left card, no phantom filing-cabinet space. */
html body main .services-records{align-items:start!important;}
html body main .services-records > .note-box{align-self:start!important;height:auto!important;min-height:0!important;}
html body main .services-records > .note-box.compact-record{max-width:480px!important;padding:26px!important;}
html body main .services-records > .note-box.compact-record h2{font-size:clamp(32px,4vw,48px)!important;line-height:1.04!important;}
html body main .services-records > .note-box.compact-record p{font-size:18px!important;line-height:1.55!important;}
html body main .services-records > .note-box.compact-record .fine{color:rgba(252,246,232,.72)!important;-webkit-text-fill-color:rgba(252,246,232,.72)!important;}

/* Split alignment corrections. */
html body main .operating-tone .note-stack{padding-top:44px!important;}
html body main .payment-row .payment-note{margin-top:46px!important;padding:24px 26px!important;min-height:0!important;height:auto!important;align-self:start!important;}
html body main .payment-row .payment-note p{font-size:18px!important;line-height:1.55!important;margin-bottom:10px!important;}
html body main .payment-row .payment-note p:last-child{margin-bottom:0!important;}

/* Absolute button doctrine: regardless of inherited state, hover fills brass and text goes navy. */
html body a.btn,
html body a.btn.btn-gold,
html body a.btn.btn-dark,
html body a.btn.btn-ghost,
html body button.btn{
  background:transparent!important;
  border:1.9px solid var(--brass)!important;
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
  font-weight:850!important;
  text-shadow:none!important;
  box-shadow:none!important;
}
html body .section.cream a.btn:not(:hover):not(:focus-visible),
html body .section.paper a.btn:not(:hover):not(:focus-visible),
html body .featured a.btn:not(:hover):not(:focus-visible),
html body .intake-grid .service-card:not(:hover):not(:focus-within) a.btn:not(:hover):not(:focus-visible),
html body .services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) a.btn:not(:hover):not(:focus-visible),
html body .services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) a.btn:not(:hover):not(:focus-visible){
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body .section.deep a.btn:not(:hover):not(:focus-visible),
html body .section.navy a.btn:not(:hover):not(:focus-visible),
html body .final-cta a.btn:not(:hover):not(:focus-visible),
html body .note-box a.btn:not(:hover):not(:focus-visible),
html body .casework-preview .service-card a.btn:not(:hover):not(:focus-visible),
html body .services-grid .service-card.is-active a.btn:not(:hover):not(:focus-visible),
html body .services-grid .service-card:hover a.btn:not(:hover):not(:focus-visible),
html body .services-grid .service-card:focus-within a.btn:not(:hover):not(:focus-visible),
html body .intake-grid .service-card:hover a.btn:not(:hover):not(:focus-visible),
html body .intake-grid .service-card:focus-within a.btn:not(:hover):not(:focus-visible),
html body .card.dark a.btn:not(:hover):not(:focus-visible){
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body a.btn:hover,
html body a.btn:focus-visible,
html body a.btn.btn-gold:hover,
html body a.btn.btn-gold:focus-visible,
html body a.btn.btn-dark:hover,
html body a.btn.btn-dark:focus-visible,
html body a.btn.btn-ghost:hover,
html body a.btn.btn-ghost:focus-visible,
html body .section.deep a.btn:hover,
html body .section.deep a.btn:focus-visible,
html body .section.navy a.btn:hover,
html body .section.navy a.btn:focus-visible,
html body .section.cream a.btn:hover,
html body .section.cream a.btn:focus-visible,
html body .featured a.btn:hover,
html body .featured a.btn:focus-visible,
html body .card a.btn:hover,
html body .card a.btn:focus-visible,
html body .note-box a.btn:hover,
html body .note-box a.btn:focus-visible,
html body .services-grid .service-card a.btn:hover,
html body .services-grid .service-card a.btn:focus-visible,
html body .intake-grid .service-card a.btn:hover,
html body .intake-grid .service-card a.btn:focus-visible{
  background:var(--brass)!important;
  border-color:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}

@media(max-width:980px){
  html body main .operating-tone .note-stack,
  html body main .payment-row .payment-note{padding-top:0!important;margin-top:0!important;}
}

/* v39c: literal-color emergency lock for Chromium/WebKit text-fill quirks. */
html body main .failure-grid article.path-card:hover,
html body main .failure-grid article.path-card:focus-within{
  background:linear-gradient(180deg,#1F2A34,#151D25)!important;
}
html body main .failure-grid article.path-card:hover *,
html body main .failure-grid article.path-card:focus-within *{
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
}
html body main .failure-grid article.path-card:hover .case-label,
html body main .failure-grid article.path-card:focus-within .case-label{
  color:#C49A4A!important;
  -webkit-text-fill-color:#C49A4A!important;
}
html body a.btn:hover,
html body a.btn:focus-visible,
html body main a.btn:hover,
html body main a.btn:focus-visible,
html body .btn:hover,
html body .btn:focus-visible,
html body a.btn.btn-gold:hover,
html body a.btn.btn-gold:focus-visible,
html body a.btn.btn-dark:hover,
html body a.btn.btn-dark:focus-visible,
html body a.btn.btn-ghost:hover,
html body a.btn.btn-ghost:focus-visible{
  background:#C49A4A!important;
  border-color:#C49A4A!important;
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
}
html body a.btn:hover *,
html body a.btn:focus-visible *,
html body .btn:hover *,
html body .btn:focus-visible *{
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
}

/* v39d: specificity hammer for hover text states that were losing to older fossil rules. */
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:hover h1,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:hover h2,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:hover h3,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:hover h4,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:hover p,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:hover strong,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:focus-within h1,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:focus-within h2,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:focus-within h3,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:focus-within h4,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:focus-within p,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:focus-within strong{
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
}
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:hover .case-label,
html body main section.section.navy div.wrap div.failure-grid article.card.path-card.interactive-card:focus-within .case-label{
  color:#C49A4A!important;
  -webkit-text-fill-color:#C49A4A!important;
}
html body main .casework-preview .service-card a.btn:hover,
html body main .casework-preview .service-card a.btn:focus-visible,
html body main .services-grid .service-card a.btn:hover,
html body main .services-grid .service-card a.btn:focus-visible,
html body main .intake-grid .service-card a.btn:hover,
html body main .intake-grid .service-card a.btn:focus-visible,
html body main .final-cta a.btn:hover,
html body main .final-cta a.btn:focus-visible,
html body main .note-box a.btn:hover,
html body main .note-box a.btn:focus-visible,
html body main .featured a.btn:hover,
html body main .featured a.btn:focus-visible{
  background:#C49A4A!important;
  border-color:#C49A4A!important;
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
}

/* v40: Coroner copy + payment typography cleanup. */
html body .compact-record .fine{
  font-family:'Spectral', Georgia, serif!important;
  font-size:18px!important;
  line-height:1.65!important;
  letter-spacing:0!important;
  text-transform:none!important;
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
}
html body .lede em,
html body .sub em,
html body p em{
  font-style:italic!important;
}


/* v41 about/coroner copy polish and About paragraph rhythm */
.skills-context p{font-size:21px!important;line-height:1.58!important;color:rgba(252,246,232,.84)!important;}
.about-copy>p:not(.lead-drop){font-size:21px!important;line-height:1.58!important;}

/* v42: final interaction restoration and component-level contrast doctrine */
:root{
  --brass:#C49A4A;
  --brass-deep:#8F6F32;
  --brass-line:rgba(196,154,74,.62);
  --cream-text:#FCF6E8;
  --cream-body:rgba(252,246,232,.86);
  --dark-text:#00172C;
  --bureau-panel:#151D25;
  --bureau-panel-top:#1F2A34;
}

/* Premium movement layer */
html body main .card,
html body main .path-card,
html body main .service-card,
html body main .note-box,
html body main .featured,
html body main .method-question-card,
html body main .tag-chip{
  transition:transform .22s ease, background .22s ease, border-color .22s ease, box-shadow .22s ease, color .22s ease!important;
}

/* Common Signal Pathologies: visible paper default, dark Bureau inverse on actual hover or JS hover. */
html body main .failure-grid > article.path-card,
html body main .failure-grid > article.path-card.interactive-card{
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
  border:1px solid rgba(196,154,74,.38)!important;
  border-left:3px solid var(--brass)!important;
  box-shadow:0 18px 44px rgba(0,12,24,.12)!important;
  transform:none!important;
}
html body main .failure-grid > article.path-card h1,
html body main .failure-grid > article.path-card h2,
html body main .failure-grid > article.path-card h3,
html body main .failure-grid > article.path-card h4,
html body main .failure-grid > article.path-card p,
html body main .failure-grid > article.path-card strong,
html body main .failure-grid > article.path-card li{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .failure-grid > article.path-card .case-label{
  color:var(--brass-deep)!important;
  -webkit-text-fill-color:var(--brass-deep)!important;
}
html body main .failure-grid > article.path-card:hover,
html body main .failure-grid > article.path-card:focus-within,
html body main .failure-grid > article.path-card.is-hovered,
html body main .failure-grid > article.path-card.interactive-card:hover,
html body main .failure-grid > article.path-card.interactive-card:focus-within,
html body main .failure-grid > article.path-card.interactive-card.is-hovered{
  background:linear-gradient(180deg,var(--bureau-panel-top),var(--bureau-panel))!important;
  color:var(--cream-text)!important;
  border-color:var(--brass-line)!important;
  border-left-color:var(--brass)!important;
  box-shadow:0 30px 78px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045)!important;
  transform:translateY(-3px)!important;
}
html body main .failure-grid > article.path-card:hover h1,
html body main .failure-grid > article.path-card:hover h2,
html body main .failure-grid > article.path-card:hover h3,
html body main .failure-grid > article.path-card:hover h4,
html body main .failure-grid > article.path-card:hover p,
html body main .failure-grid > article.path-card:hover strong,
html body main .failure-grid > article.path-card:hover li,
html body main .failure-grid > article.path-card:focus-within h1,
html body main .failure-grid > article.path-card:focus-within h2,
html body main .failure-grid > article.path-card:focus-within h3,
html body main .failure-grid > article.path-card:focus-within h4,
html body main .failure-grid > article.path-card:focus-within p,
html body main .failure-grid > article.path-card:focus-within strong,
html body main .failure-grid > article.path-card:focus-within li,
html body main .failure-grid > article.path-card.is-hovered h1,
html body main .failure-grid > article.path-card.is-hovered h2,
html body main .failure-grid > article.path-card.is-hovered h3,
html body main .failure-grid > article.path-card.is-hovered h4,
html body main .failure-grid > article.path-card.is-hovered p,
html body main .failure-grid > article.path-card.is-hovered strong,
html body main .failure-grid > article.path-card.is-hovered li{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .failure-grid > article.path-card:hover .case-label,
html body main .failure-grid > article.path-card:focus-within .case-label,
html body main .failure-grid > article.path-card.is-hovered .case-label{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}

/* Services page cards: paper by default; dark only on the card being hovered/focused. */
html body main .services-grid > article.service-card{
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
  border:1px solid rgba(196,154,74,.38)!important;
  border-left:3px solid var(--brass)!important;
  transform:none!important;
}
html body main .services-grid > article.service-card h1,
html body main .services-grid > article.service-card h2,
html body main .services-grid > article.service-card h3,
html body main .services-grid > article.service-card h4,
html body main .services-grid > article.service-card p,
html body main .services-grid > article.service-card strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .services-grid > article.service-card .case-label,
html body main .services-grid > article.service-card .price{
  color:var(--brass-deep)!important;
  -webkit-text-fill-color:var(--brass-deep)!important;
}
html body main .services-grid > article.service-card:hover,
html body main .services-grid > article.service-card:focus-within,
html body main .services-grid > article.service-card.is-hovered{
  background:linear-gradient(180deg,var(--bureau-panel-top),var(--bureau-panel))!important;
  color:var(--cream-text)!important;
  border-color:var(--brass-line)!important;
  transform:translateY(-3px)!important;
  box-shadow:0 30px 78px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html body main .services-grid > article.service-card:hover h1,
html body main .services-grid > article.service-card:hover h2,
html body main .services-grid > article.service-card:hover h3,
html body main .services-grid > article.service-card:hover h4,
html body main .services-grid > article.service-card:hover p,
html body main .services-grid > article.service-card:hover strong,
html body main .services-grid > article.service-card:focus-within h1,
html body main .services-grid > article.service-card:focus-within h2,
html body main .services-grid > article.service-card:focus-within h3,
html body main .services-grid > article.service-card:focus-within h4,
html body main .services-grid > article.service-card:focus-within p,
html body main .services-grid > article.service-card:focus-within strong,
html body main .services-grid > article.service-card.is-hovered h1,
html body main .services-grid > article.service-card.is-hovered h2,
html body main .services-grid > article.service-card.is-hovered h3,
html body main .services-grid > article.service-card.is-hovered h4,
html body main .services-grid > article.service-card.is-hovered p,
html body main .services-grid > article.service-card.is-hovered strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .services-grid > article.service-card:hover .case-label,
html body main .services-grid > article.service-card:hover .price,
html body main .services-grid > article.service-card:focus-within .case-label,
html body main .services-grid > article.service-card:focus-within .price,
html body main .services-grid > article.service-card.is-hovered .case-label,
html body main .services-grid > article.service-card.is-hovered .price{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}

/* Home service preview cards are intentionally dark all the time. */
html body main .casework-preview > article.service-card{
  background:linear-gradient(180deg,var(--bureau-panel-top),var(--bureau-panel))!important;
  color:var(--cream-text)!important;
  border:1px solid rgba(196,154,74,.38)!important;
  border-left:3px solid var(--brass)!important;
}
html body main .casework-preview > article.service-card h1,
html body main .casework-preview > article.service-card h2,
html body main .casework-preview > article.service-card h3,
html body main .casework-preview > article.service-card h4,
html body main .casework-preview > article.service-card p,
html body main .casework-preview > article.service-card strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .casework-preview > article.service-card .case-label,
html body main .casework-preview > article.service-card .price{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}
html body main .casework-preview > article.service-card:hover,
html body main .casework-preview > article.service-card:focus-within,
html body main .casework-preview > article.service-card.is-hovered{
  transform:translateY(-3px)!important;
  box-shadow:0 30px 78px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* Submit options: paper by default, dark on hover. */
html body main .intake-grid > article.service-card{
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:var(--dark-text)!important;
  border:1px solid rgba(196,154,74,.38)!important;
  border-left:3px solid var(--brass)!important;
}
html body main .intake-grid > article.service-card h1,
html body main .intake-grid > article.service-card h2,
html body main .intake-grid > article.service-card h3,
html body main .intake-grid > article.service-card h4,
html body main .intake-grid > article.service-card p,
html body main .intake-grid > article.service-card strong,
html body main .intake-grid > article.service-card .fine{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .intake-grid > article.service-card:hover,
html body main .intake-grid > article.service-card:focus-within,
html body main .intake-grid > article.service-card.is-hovered{
  background:linear-gradient(180deg,var(--bureau-panel-top),var(--bureau-panel))!important;
  color:var(--cream-text)!important;
  transform:translateY(-3px)!important;
}
html body main .intake-grid > article.service-card:hover h1,
html body main .intake-grid > article.service-card:hover h2,
html body main .intake-grid > article.service-card:hover h3,
html body main .intake-grid > article.service-card:hover h4,
html body main .intake-grid > article.service-card:hover p,
html body main .intake-grid > article.service-card:hover strong,
html body main .intake-grid > article.service-card:hover .fine,
html body main .intake-grid > article.service-card:focus-within h1,
html body main .intake-grid > article.service-card:focus-within h2,
html body main .intake-grid > article.service-card:focus-within h3,
html body main .intake-grid > article.service-card:focus-within h4,
html body main .intake-grid > article.service-card:focus-within p,
html body main .intake-grid > article.service-card:focus-within strong,
html body main .intake-grid > article.service-card:focus-within .fine,
html body main .intake-grid > article.service-card.is-hovered h1,
html body main .intake-grid > article.service-card.is-hovered h2,
html body main .intake-grid > article.service-card.is-hovered h3,
html body main .intake-grid > article.service-card.is-hovered h4,
html body main .intake-grid > article.service-card.is-hovered p,
html body main .intake-grid > article.service-card.is-hovered strong,
html body main .intake-grid > article.service-card.is-hovered .fine{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}

/* Start Here tag, centered and compact. */
html body main .services-grid .service-card.is-start:before,
html body main .casework-preview .service-card.is-start:before{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  width:190px!important;
  min-width:190px!important;
  height:34px!important;
  padding:0 14px!important;
  line-height:1!important;
  white-space:nowrap!important;
  top:-22px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  background:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
}

/* Button doctrine: base is surface-aware; hover is universal. */
html body a.btn,
html body a.btn.btn-gold,
html body a.btn.btn-dark,
html body a.btn.btn-ghost,
html body button.btn{
  background:transparent!important;
  border:1.9px solid var(--brass)!important;
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
  font-weight:850!important;
  text-shadow:none!important;
  box-shadow:none!important;
  transition:transform .18s ease,background .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease!important;
}
html body .section.cream a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .section.paper a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .featured a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .services-grid > article.service-card:not(:hover):not(:focus-within):not(.is-hovered) a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .intake-grid > article.service-card:not(:hover):not(:focus-within):not(.is-hovered) a.btn:not(:hover):not(:focus-visible):not(.is-hovered){
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body .casework-preview > article.service-card a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .section.deep a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .section.navy a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .note-box a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .final-cta a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .card.dark a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .services-grid > article.service-card:hover a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .services-grid > article.service-card.is-hovered a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .intake-grid > article.service-card:hover a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body .intake-grid > article.service-card.is-hovered a.btn:not(:hover):not(:focus-visible):not(.is-hovered){
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body a.btn:hover,
html body a.btn:focus-visible,
html body a.btn.is-hovered,
html body a.btn.btn-gold:hover,
html body a.btn.btn-gold:focus-visible,
html body a.btn.btn-gold.is-hovered,
html body a.btn.btn-dark:hover,
html body a.btn.btn-dark:focus-visible,
html body a.btn.btn-dark.is-hovered,
html body a.btn.btn-ghost:hover,
html body a.btn.btn-ghost:focus-visible,
html body a.btn.btn-ghost.is-hovered{
  background:var(--brass)!important;
  border-color:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}

/* Service record panels: compact, top-aligned, and proportionate. */
html body main .services-records{
  align-items:start!important;
}
html body main .services-records > .note-box{
  height:auto!important;
  min-height:0!important;
  align-self:start!important;
  padding:28px!important;
}
html body main .services-records > .note-box.compact-record{
  max-width:470px!important;
}
html body main .services-records > .note-box:nth-child(2) h2{
  font-size:clamp(31px,3.4vw,43px)!important;
  line-height:1.08!important;
}
html body main .compact-record .fine{
  font-family:'Spectral',Georgia,serif!important;
  font-size:18px!important;
  line-height:1.62!important;
  letter-spacing:0!important;
}

/* Split section alignment fixes. */
html body main .payment-row .payment-note{
  margin-top:54px!important;
  min-height:0!important;
  height:auto!important;
  align-self:start!important;
}
html body main .operating-tone .note-stack{
  padding-top:54px!important;
}
@media(max-width:980px){
  html body main .payment-row .payment-note,
  html body main .operating-tone .note-stack{margin-top:0!important;padding-top:0!important;}
}

/* v44 final interaction, contrast, and card-alignment doctrine */
:root{
  --brass:#C49A4A;
  --cream-text:#FCF6E8;
  --dark-text:#00172C;
  --bureau-panel:#141B22;
  --bureau-panel-top:#1A242E;
}

/* Start Here stamp: smaller, tighter, placed as a corner tag. */
html body main .services-grid .service-card.is-start,
html body main .casework-preview .service-card.is-start{position:relative!important;overflow:visible!important;}
html body main .services-grid .service-card.is-start:before,
html body main .casework-preview .service-card.is-start:before{
  content:"START HERE"!important;
  position:absolute!important;
  top:-20px!important;
  right:24px!important;
  left:auto!important;
  transform:none!important;
  width:auto!important;
  min-width:104px!important;
  height:30px!important;
  padding:0 14px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  border-radius:2px!important;
  background:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  font-family:'IBM Plex Mono',monospace!important;
  font-size:10px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
  font-weight:800!important;
  box-shadow:0 12px 26px rgba(0,0,0,.16)!important;
  z-index:5!important;
}

/* Multi-card alignment: headings reserve comparable space so body copy starts together. */
@media(min-width:981px){
  html body main .casework-preview .service-card h3{min-height:58px!important;display:flex!important;align-items:flex-start!important;}
  html body main .casework-preview .service-card > p:first-of-type{min-height:112px!important;}
  html body main .casework-preview .service-card .price{margin-top:auto!important;margin-bottom:12px!important;}
  html body main .casework-preview .service-card .btn{margin-top:0!important;}

  html body main .services-grid .service-card h2{min-height:74px!important;display:flex!important;align-items:flex-start!important;}
  html body main .services-grid .service-card > p:first-of-type{min-height:136px!important;}
  html body main .services-grid .service-card .price{margin-top:auto!important;margin-bottom:12px!important;}
  html body main .services-grid .service-card .btn{margin-top:0!important;}

  html body main .intake-grid .service-card h2{min-height:138px!important;display:flex!important;align-items:flex-start!important;}
  html body main .intake-grid .service-card > p:first-of-type{min-height:176px!important;}
  html body main .intake-grid .service-card .btn{margin-top:auto!important;}

  html body main .lens-grid .path-card h3{min-height:64px!important;display:flex!important;align-items:flex-start!important;}
  html body main .failure-grid .path-card h3{min-height:84px!important;display:flex!important;align-items:flex-start!important;}
}

/* Common Signal Pathologies: cream by default, illuminated dark on hover. */
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered){
  background:var(--panel-warm)!important;
  color:var(--dark-text)!important;
  border-color:rgba(0,23,44,.14)!important;
  border-left-color:var(--brass)!important;
  box-shadow:var(--shadow-soft)!important;
  transform:none!important;
}
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered) h1,
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered) h2,
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered) h3,
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered) h4,
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered) p,
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered) strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered) .case-label{
  color:#8F6F32!important;
  -webkit-text-fill-color:#8F6F32!important;
}
html body main .failure-grid > article.path-card:hover,
html body main .failure-grid > article.path-card:focus-within,
html body main .failure-grid > article.path-card.is-hovered{
  background:linear-gradient(180deg,var(--bureau-panel-top),var(--bureau-panel))!important;
  color:var(--cream-text)!important;
  border-color:rgba(196,154,74,.62)!important;
  border-left-color:var(--brass)!important;
  box-shadow:0 30px 76px rgba(0,0,0,.34),inset 0 1px 0 rgba(255,255,255,.045)!important;
  transform:translateY(-3px)!important;
}
html body main .failure-grid > article.path-card:hover h1,
html body main .failure-grid > article.path-card:hover h2,
html body main .failure-grid > article.path-card:hover h3,
html body main .failure-grid > article.path-card:hover h4,
html body main .failure-grid > article.path-card:hover p,
html body main .failure-grid > article.path-card:hover strong,
html body main .failure-grid > article.path-card:focus-within h1,
html body main .failure-grid > article.path-card:focus-within h2,
html body main .failure-grid > article.path-card:focus-within h3,
html body main .failure-grid > article.path-card:focus-within h4,
html body main .failure-grid > article.path-card:focus-within p,
html body main .failure-grid > article.path-card:focus-within strong,
html body main .failure-grid > article.path-card.is-hovered h1,
html body main .failure-grid > article.path-card.is-hovered h2,
html body main .failure-grid > article.path-card.is-hovered h3,
html body main .failure-grid > article.path-card.is-hovered h4,
html body main .failure-grid > article.path-card.is-hovered p,
html body main .failure-grid > article.path-card.is-hovered strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .failure-grid > article.path-card:hover .case-label,
html body main .failure-grid > article.path-card:focus-within .case-label,
html body main .failure-grid > article.path-card.is-hovered .case-label{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}

/* Services-grid hover state: the Start Here card only stays dark when it is actually hovered. */
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered){
  background:var(--panel-warm)!important;
  color:var(--dark-text)!important;
  border-color:rgba(0,23,44,.14)!important;
  border-left-color:var(--brass)!important;
  box-shadow:var(--shadow-soft)!important;
  transform:none!important;
}
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) h2,
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) h3,
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) p,
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) .price,
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) .case-label{
  color:#8F6F32!important;
  -webkit-text-fill-color:#8F6F32!important;
}

/* Final button doctrine: hover always brass/navy; default is chosen by real surface, with cream feature cards overriding dark sections. */
html body main a.btn,
html body main button.btn{
  background:transparent!important;
  border:2px solid var(--brass)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-weight:850!important;
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .section.cream a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .section.paper a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .featured a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .section.deep .featured a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .section.navy .featured a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .intake-grid > article.service-card:not(:hover):not(:focus-within):not(.is-hovered) a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) a.btn:not(:hover):not(:focus-visible):not(.is-hovered){
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .section.deep a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .section.navy a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .hero a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .final-cta a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .casework-preview > article.service-card a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .card.dark a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .note-box a.btn:not(:hover):not(:focus-visible):not(.is-hovered){
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main a.btn:hover,
html body main a.btn:focus-visible,
html body main a.btn.is-hovered,
html body main button.btn:hover,
html body main button.btn:focus-visible,
html body main button.btn.is-hovered{
  background:var(--brass)!important;
  border-color:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}
html body main a.btn:hover *,
html body main a.btn:focus-visible *,
html body main a.btn.is-hovered *{color:var(--dark-text)!important;-webkit-text-fill-color:var(--dark-text)!important;}


/* v45: dark-surface prose color standardization.
   Body copy on dark surfaces should use the softer cream-grey; headings remain full cream. */
:root{--cream-body:rgba(252,246,232,.84);}
html body .section.deep .prose > p,
html body .section.deep .section-head .sub,
html body .section.deep .note-stack > p,
html body .section.deep .about-copy > p,
html body .section.deep .about-copy .lead-drop,
html body .section.deep .about-copy .secondary-lead,
html body .section.deep .skills-context p,
html body .section.navy .prose > p,
html body .section.navy .section-head .sub,
html body .hero p,
html body .final-cta p,
html body .note-box p,
html body .card.dark p,
html body .service-card.dark p,
html body .method-question-card p,
html body .portrait-card p{
  color:var(--cream-body)!important;
  -webkit-text-fill-color:var(--cream-body)!important;
}
html body .section.deep h1,
html body .section.deep h2,
html body .section.deep h3,
html body .section.navy h1,
html body .section.navy h2,
html body .section.navy h3,
html body .hero h1,
html body .hero h2,
html body .hero h3,
html body .note-box h1,
html body .note-box h2,
html body .note-box h3,
html body .card.dark h1,
html body .card.dark h2,
html body .card.dark h3{
  color:var(--cream)!important;
  -webkit-text-fill-color:var(--cream)!important;
}
/* Do not let the dark-surface prose rule recolor light artifacts. */
html body .featured p,
html body .featured h1,
html body .featured h2,
html body .featured h3,
html body .featured strong,
html body .section.cream .card:not(.dark) p,
html body .section.cream .card:not(.dark) h2,
html body .section.cream .card:not(.dark) h3,
html body .section.paper .card:not(.dark) p,
html body .section.paper .card:not(.dark) h2,
html body .section.paper .card:not(.dark) h3{
  -webkit-text-fill-color:currentColor;
}

/* v47: final layout, button, and card alignment corrections. */
:root{
  --brass:#C49A4A;
  --gold:#C49A4A;
  --gold-deep:#927238;
  --button-gold:#C49A4A;
  --button-gold-strong:#D1B06A;
  --cream-text:#FCF6E8;
  --dark-text:#00172C;
  --cream-body:rgba(252,246,232,.84);
}

/* Service-preview cards: cleaner stamp, matching text baselines, aligned prices/buttons. */
html body main .casework-preview > article.service-card,
html body main .services-grid > article.service-card,
html body main .intake-grid > article.service-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
}
html body main .casework-preview > article.service-card{padding-top:38px!important;}
html body main .casework-preview > article.service-card.is-start:before,
html body main .services-grid > article.service-card.is-start:before{
  content:"START HERE"!important;
  position:absolute!important;
  top:-25px!important;
  right:28px!important;
  left:auto!important;
  transform:none!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:132px!important;
  height:43px!important;
  padding:0 22px!important;
  border-radius:2px!important;
  background:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  font-family:'IBM Plex Mono',monospace!important;
  font-weight:700!important;
  text-transform:uppercase!important;
  letter-spacing:.12em!important;
  font-size:12.5px!important;
  line-height:1!important;
  box-shadow:0 10px 22px rgba(0,0,0,.18)!important;
  z-index:3!important;
}
html body main .casework-preview > article.service-card .case-label,
html body main .services-grid > article.service-card .case-label,
html body main .intake-grid > article.service-card .case-label{margin-bottom:14px!important;}
html body main .casework-preview > article.service-card h3{min-height:86px!important;display:flex!important;align-items:flex-start!important;margin-bottom:16px!important;}
html body main .casework-preview > article.service-card > p:first-of-type{min-height:158px!important;margin-bottom:20px!important;}
html body main .casework-preview > article.service-card .price{margin-top:auto!important;margin-bottom:18px!important;}
html body main .casework-preview > article.service-card .btn{margin-top:0!important;}

html body main .services-grid > article.service-card h2{min-height:112px!important;display:flex!important;align-items:flex-start!important;margin-bottom:16px!important;}
html body main .services-grid > article.service-card > p:first-of-type{min-height:126px!important;}
html body main .services-grid > article.service-card .price{margin-top:auto!important;margin-bottom:18px!important;}
html body main .services-grid > article.service-card .btn{margin-top:0!important;}

html body main .intake-grid > article.service-card h2{min-height:150px!important;display:flex!important;align-items:flex-start!important;margin-bottom:18px!important;}
html body main .intake-grid > article.service-card > p:first-of-type{min-height:190px!important;}
html body main .intake-grid > article.service-card .btn{margin-top:auto!important;}

html body main .lens-grid > article.path-card h3,
html body main .failure-grid > article.path-card h3,
html body main .method-question-board > .method-question-card h3{min-height:78px!important;display:flex!important;align-items:flex-start!important;}

/* The selected first service should not remain dark while another service is being inspected. */
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered){
  background:var(--panel-warm)!important;
  color:var(--dark-text)!important;
  border-color:rgba(0,23,44,.14)!important;
  border-left-color:var(--brass)!important;
  box-shadow:var(--shadow-soft)!important;
}
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) h2,
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) p,
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}

/* Light cards stay readable, even inside dark sections. */
html body main .section.navy .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered),
html body main .section.deep .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered),
html body main .section.cream .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered),
html body main .featured{
  background:var(--panel-warm)!important;
  color:var(--dark-text)!important;
}
html body main .section.navy .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) h2,
html body main .section.navy .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) h3,
html body main .section.navy .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) p,
html body main .section.deep .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) h2,
html body main .section.deep .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) h3,
html body main .section.deep .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) p,
html body main .section.cream .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) h2,
html body main .section.cream .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) h3,
html body main .section.cream .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) p,
html body main .featured h1,
html body main .featured h2,
html body main .featured h3,
html body main .featured p,
html body main .featured strong{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}

/* Absolute button doctrine. Default is surface-aware; hover is always brass with navy text. */
html body main a.btn,
html body main button.btn{
  background:transparent!important;
  border:2px solid var(--brass)!important;
  box-shadow:none!important;
  text-shadow:none!important;
  font-weight:850!important;
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .featured a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .section.cream .card:not(.dark) a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .section.paper .card:not(.dark) a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .section.navy .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .section.deep .card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered) a.btn:not(:hover):not(:focus-visible):not(.is-hovered){
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}
html body main .hero a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .final-cta a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .note-box a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .card.dark a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .casework-preview .service-card a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .services-grid .service-card:hover a.btn:not(:hover):not(:focus-visible):not(.is-hovered),
html body main .services-grid .service-card:focus-within a.btn:not(:hover):not(:focus-visible):not(.is-hovered){
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main a.btn:hover,
html body main a.btn:focus-visible,
html body main a.btn.is-hovered,
html body main button.btn:hover,
html body main button.btn:focus-visible,
html body main button.btn.is-hovered{
  background:var(--brass)!important;
  border-color:var(--brass)!important;
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
}
html body main a.btn:hover *,
html body main a.btn:focus-visible *,
html body main a.btn.is-hovered *{
  color:var(--dark-text)!important;
  -webkit-text-fill-color:var(--dark-text)!important;
}

/* Slightly calmer hero scale on desktop so the seal has room to breathe. */
@media(min-width:981px){
  html body main .hero-home h1{font-size:clamp(38px,5.1vw,58px)!important;}
}
@media(max-width:640px){
  html body main .casework-preview > article.service-card h3,
  html body main .casework-preview > article.service-card > p:first-of-type,
  html body main .services-grid > article.service-card h2,
  html body main .services-grid > article.service-card > p:first-of-type,
  html body main .intake-grid > article.service-card h2,
  html body main .intake-grid > article.service-card > p:first-of-type,
  html body main .lens-grid > article.path-card h3,
  html body main .failure-grid > article.path-card h3,
  html body main .method-question-board > .method-question-card h3{min-height:0!important;}
  html body main .casework-preview > article.service-card.is-start:before,
  html body main .services-grid > article.service-card.is-start:before{position:static!important;margin:-8px 0 14px auto!important;}
}

/* v47: about hero scale correction. */
@media(min-width:981px){
  html body main .about-hero-intro h1{font-size:clamp(36px,4.2vw,52px)!important;max-width:11ch!important;}
}

/* v48: final card-background and stamp refinements. */
:root{
  --bureau-charcoal:#141B22;
  --bureau-charcoal-top:#1A242E;
  --bureau-black:#0B1117;
}

/* Start Here: smaller corner stamp, never wider than one-third of its card. */
html body main .casework-preview > article.service-card.is-start:before,
html body main .services-grid > article.service-card.is-start:before{
  width:min(112px,33%)!important;
  min-width:96px!important;
  max-width:112px!important;
  height:34px!important;
  padding:0 10px!important;
  top:-18px!important;
  right:20px!important;
  left:auto!important;
  transform:none!important;
  font-size:12px!important;
  letter-spacing:.11em!important;
  line-height:1!important;
}

/* Diagnostic lens cards should feel like Bureau instruments, not parchment cards. */
html body main .lens-grid > article.path-card,
html body main .section.cream .lens-grid > article.path-card,
html body main .section.cream .card.path-card.interactive-card{
  background:linear-gradient(180deg,var(--bureau-charcoal-top),var(--bureau-charcoal))!important;
  color:var(--cream-text)!important;
  border-color:rgba(196,154,74,.42)!important;
  border-left-color:var(--brass)!important;
  box-shadow:0 22px 52px rgba(0,12,24,.22), inset 0 1px 0 rgba(255,255,255,.035)!important;
}
html body main .lens-grid > article.path-card h1,
html body main .lens-grid > article.path-card h2,
html body main .lens-grid > article.path-card h3,
html body main .lens-grid > article.path-card h4,
html body main .lens-grid > article.path-card p,
html body main .lens-grid > article.path-card strong,
html body main .section.cream .lens-grid > article.path-card h3,
html body main .section.cream .lens-grid > article.path-card p,
html body main .section.cream .lens-grid > article.path-card strong{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .lens-grid > article.path-card .case-label,
html body main .section.cream .lens-grid > article.path-card .case-label{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
  background:rgba(196,154,74,.08)!important;
  border-color:rgba(196,154,74,.34)!important;
}
html body main .lens-grid > article.path-card:hover,
html body main .lens-grid > article.path-card:focus-within,
html body main .lens-grid > article.path-card.is-hovered{
  background:linear-gradient(180deg,#111820,var(--bureau-black))!important;
  border-color:rgba(196,154,74,.64)!important;
  border-left-color:var(--brass)!important;
  box-shadow:0 32px 76px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.045)!important;
  transform:translateY(-3px)!important;
}

/* Public pending specimens should also read as held evidence, not cream sales cards. */
html body main .pending-grid > article.card,
html body main .section.deep .pending-grid > article.card:not(.dark):not(:hover):not(:focus-within):not(.is-hovered){
  background:linear-gradient(180deg,var(--bureau-charcoal-top),var(--bureau-charcoal))!important;
  color:var(--cream-text)!important;
  border-color:rgba(196,154,74,.42)!important;
  border-left:4px solid var(--brass)!important;
  box-shadow:0 24px 58px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body main .pending-grid > article.card h1,
html body main .pending-grid > article.card h2,
html body main .pending-grid > article.card h3,
html body main .pending-grid > article.card p,
html body main .pending-grid > article.card strong,
html body main .pending-grid > article.card em{
  color:var(--cream-text)!important;
  -webkit-text-fill-color:var(--cream-text)!important;
}
html body main .pending-grid > article.card .case-label,
html body main .pending-grid > article.card .specimen-status{
  color:var(--brass)!important;
  -webkit-text-fill-color:var(--brass)!important;
}
html body main .pending-grid > article.card:hover,
html body main .pending-grid > article.card:focus-within,
html body main .pending-grid > article.card.is-hovered{
  background:linear-gradient(180deg,#111820,var(--bureau-black))!important;
  transform:translateY(-3px)!important;
  border-color:rgba(196,154,74,.66)!important;
  box-shadow:0 32px 76px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045)!important;
}

/* v49: hard class-based dark-card lock for diagnostic instruments and pending specimens.
   These rules are deliberately last so cream-card readability rules cannot hijack them. */
html body main.method-page .lens-grid > article.card.path-card.instrument-card,
html body main.method-page .lens-grid > article.card.path-card.instrument-card:not(:hover):not(:focus-within):not(.is-hovered),
html body main .section.cream .lens-grid > article.card.path-card.instrument-card,
html body main .section.cream .lens-grid > article.card.path-card.instrument-card:not(:hover):not(:focus-within):not(.is-hovered),
html body main .pending-grid > article.card.pending-card,
html body main .pending-grid > article.card.pending-card:not(:hover):not(:focus-within):not(.is-hovered),
html body main .section.deep .pending-grid > article.card.pending-card,
html body main .section.deep .pending-grid > article.card.pending-card:not(:hover):not(:focus-within):not(.is-hovered){
  background:linear-gradient(180deg,#1A242E,#141B22)!important;
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
  border:1px solid rgba(196,154,74,.46)!important;
  border-left:4px solid #C49A4A!important;
  box-shadow:0 24px 58px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body main.method-page .lens-grid > article.card.path-card.instrument-card:hover,
html body main.method-page .lens-grid > article.card.path-card.instrument-card:focus-within,
html body main.method-page .lens-grid > article.card.path-card.instrument-card.is-hovered,
html body main .pending-grid > article.card.pending-card:hover,
html body main .pending-grid > article.card.pending-card:focus-within,
html body main .pending-grid > article.card.pending-card.is-hovered{
  background:linear-gradient(180deg,#111820,#0B1117)!important;
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
  border-color:rgba(196,154,74,.70)!important;
  border-left-color:#C49A4A!important;
  transform:translateY(-3px)!important;
  box-shadow:0 32px 76px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.045)!important;
}
html body main.method-page .lens-grid > article.card.path-card.instrument-card *,
html body main .pending-grid > article.card.pending-card *{
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
}
html body main.method-page .lens-grid > article.card.path-card.instrument-card .case-label,
html body main .pending-grid > article.card.pending-card .case-label,
html body main .pending-grid > article.card.pending-card .specimen-status{
  color:#C49A4A!important;
  -webkit-text-fill-color:#C49A4A!important;
  background:rgba(196,154,74,.08)!important;
  border-color:rgba(196,154,74,.34)!important;
}
html body main.method-page .lens-grid > article.card.path-card.instrument-card h3,
html body main .pending-grid > article.card.pending-card h3{
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
}
html body main.method-page .lens-grid > article.card.path-card.instrument-card p,
html body main .pending-grid > article.card.pending-card p,
html body main .pending-grid > article.card.pending-card strong{
  color:rgba(252,246,232,.88)!important;
  -webkit-text-fill-color:rgba(252,246,232,.88)!important;
}


/* v50: explicit button-surface doctrine.
   This bypasses older section/card inheritance by letting the link declare the surface it sits on. */
html body main a.btn[data-button-surface="dark"],
html body main a.btn.surface-dark,
html body main section.section.final-cta a.btn,
html body main section.section.final-cta.cream a.btn,
html body main section.section.final-cta.deep a.btn,
html body main section.section.final-cta.navy a.btn{
  background:transparent!important;
  border:2px solid var(--brass)!important;
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
  text-shadow:none!important;
  box-shadow:none!important;
  opacity:1!important;
}
html body main a.btn[data-button-surface="light"],
html body main a.btn.surface-light{
  background:transparent!important;
  border:2px solid var(--brass)!important;
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
  text-shadow:none!important;
  box-shadow:none!important;
  opacity:1!important;
}
html body main a.btn[data-button-surface="dark"]:hover,
html body main a.btn[data-button-surface="dark"]:focus-visible,
html body main a.btn.surface-dark:hover,
html body main a.btn.surface-dark:focus-visible,
html body main a.btn[data-button-surface="light"]:hover,
html body main a.btn[data-button-surface="light"]:focus-visible,
html body main a.btn.surface-light:hover,
html body main a.btn.surface-light:focus-visible,
html body main section.section.final-cta a.btn:hover,
html body main section.section.final-cta a.btn:focus-visible,
html body main section.section.final-cta.cream a.btn:hover,
html body main section.section.final-cta.cream a.btn:focus-visible{
  background:var(--brass)!important;
  border-color:var(--brass)!important;
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
  transform:translateY(-2px)!important;
  box-shadow:0 14px 28px rgba(0,0,0,.18)!important;
  opacity:1!important;
}
html body main a.btn[data-button-surface] *,
html body main a.btn.surface-dark *,
html body main a.btn.surface-light *,
html body main section.section.final-cta a.btn *{
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
}

/* v50: ensure final CTA button rows cannot collapse into empty-looking rectangles. */
html body main section.section.final-cta .btn-row a.btn{
  min-width:190px!important;
  min-height:52px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:12px!important;
  line-height:1!important;
  letter-spacing:.12em!important;
}

/* v51: live intake integrations. External intake links keep the Bureau button treatment. */
a.btn[target="_blank"]{text-decoration:none}
.intake-grid .fine{margin-top:14px;max-width:34ch}
.contact-card + .grid .card .btn{margin-top:18px}


/* v52: contact contrast lock, legally usable policy pages, and final CTA label safeguard. */
.btn-label{
  display:inline-block!important;
  color:inherit!important;
  -webkit-text-fill-color:inherit!important;
  opacity:1!important;
  visibility:visible!important;
  text-indent:0!important;
  white-space:normal;
}

/* Contact page: surfaces declare their own contrast instead of inheriting from the navy section. */
html body main.contact-page .contact-primary{
  background:linear-gradient(180deg,#1A242E,#141B22)!important;
  color:#FCF6E8!important;
  border-color:rgba(196,154,74,.48)!important;
  border-left-color:#C49A4A!important;
  box-shadow:0 24px 58px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.04)!important;
}
html body main.contact-page .contact-primary .case-label{
  color:#C49A4A!important;
  -webkit-text-fill-color:#C49A4A!important;
}
html body main.contact-page .contact-primary a.email,
html body main.contact-page .contact-primary .contact-support-copy{
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
}
html body main.contact-page .contact-primary .contact-support-copy{
  color:rgba(252,246,232,.82)!important;
  -webkit-text-fill-color:rgba(252,246,232,.82)!important;
  max-width:70ch;
  margin:0;
  font-family:'Spectral',Georgia,serif;
  font-size:17px;
  line-height:1.62;
}
html body main.contact-page .contact-primary a.btn,
html body main.contact-page .contact-primary a.btn .btn-label{
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
}
html body main.contact-page .contact-primary a.btn:hover,
html body main.contact-page .contact-primary a.btn:focus-visible,
html body main.contact-page .contact-primary a.btn:hover .btn-label,
html body main.contact-page .contact-primary a.btn:focus-visible .btn-label{
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
}
html body main.contact-page .contact-routes{
  margin-top:28px;
}
html body main.contact-page .contact-route-card:not(:hover):not(:focus-within){
  background:linear-gradient(180deg,var(--panel-warm),var(--paper))!important;
  color:#00172C!important;
  border-left:3px solid #C49A4A!important;
}
html body main.contact-page .contact-route-card:not(:hover):not(:focus-within) h3,
html body main.contact-page .contact-route-card:not(:hover):not(:focus-within) p{
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
}
html body main.contact-page .contact-route-card:not(:hover):not(:focus-within) a.btn,
html body main.contact-page .contact-route-card:not(:hover):not(:focus-within) a.btn .btn-label{
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
}
html body main.contact-page .contact-route-card:hover,
html body main.contact-page .contact-route-card:focus-within{
  background:linear-gradient(180deg,#1A242E,#141B22)!important;
  color:#FCF6E8!important;
}
html body main.contact-page .contact-route-card:hover h3,
html body main.contact-page .contact-route-card:hover p,
html body main.contact-page .contact-route-card:focus-within h3,
html body main.contact-page .contact-route-card:focus-within p,
html body main.contact-page .contact-route-card:hover a.btn,
html body main.contact-page .contact-route-card:hover a.btn .btn-label,
html body main.contact-page .contact-route-card:focus-within a.btn,
html body main.contact-page .contact-route-card:focus-within a.btn .btn-label{
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
}
html body main.contact-page .contact-route-card a.btn:hover,
html body main.contact-page .contact-route-card a.btn:focus-visible,
html body main.contact-page .contact-route-card a.btn:hover .btn-label,
html body main.contact-page .contact-route-card a.btn:focus-visible .btn-label{
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
}

/* Final CTA: the label is explicitly painted, not left to the historical cascade. */
html body main section.section.final-cta.navy a.btn.btn-cta-dark,
html body main section.section.final-cta.navy a.btn.btn-cta-dark .btn-label{
  color:#FCF6E8!important;
  -webkit-text-fill-color:#FCF6E8!important;
  opacity:1!important;
  visibility:visible!important;
}
html body main section.section.final-cta.navy a.btn.btn-cta-dark:hover,
html body main section.section.final-cta.navy a.btn.btn-cta-dark:focus-visible,
html body main section.section.final-cta.navy a.btn.btn-cta-dark:hover .btn-label,
html body main section.section.final-cta.navy a.btn.btn-cta-dark:focus-visible .btn-label{
  background:#C49A4A!important;
  color:#00172C!important;
  -webkit-text-fill-color:#00172C!important;
}

/* Legal pages. */
.legal-hero h1{max-width:16ch}
.legal-page-section{border-top:1px solid rgba(196,154,74,.28)}
.legal-document{max-width:1180px}
.legal-meta{
  display:flex;
  flex-wrap:wrap;
  justify-content:space-between;
  gap:12px 24px;
  padding:14px 0 22px;
  margin-bottom:34px;
  border-bottom:1px solid rgba(0,23,44,.18);
  font-family:'IBM Plex Mono',monospace;
  font-size:12px;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:rgba(0,23,44,.66);
}
.legal-layout{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:64px;
  align-items:start;
}
.legal-index{
  position:sticky;
  top:98px;
  display:grid;
  gap:9px;
  padding:22px;
  background:linear-gradient(180deg,#1A242E,#141B22);
  border:1px solid rgba(196,154,74,.38);
  border-left:3px solid #C49A4A;
  border-radius:0 6px 6px 0;
  box-shadow:0 20px 48px rgba(0,12,24,.18);
}
.legal-index .case-label{margin-bottom:8px;color:#C49A4A}
.legal-index a{
  color:rgba(252,246,232,.86);
  text-decoration:none;
  font-size:15px;
  line-height:1.35;
  padding:4px 0;
}
.legal-index a:hover,.legal-index a:focus-visible{color:#C49A4A}
.legal-copy{max-width:780px}
.legal-copy section{scroll-margin-top:96px;margin:0 0 42px}
.legal-copy h2{
  max-width:none;
  margin-bottom:14px;
  font-size:clamp(27px,3vw,38px);
  color:#00172C;
}
.legal-copy p,.legal-copy li{
  color:rgba(0,23,44,.84);
  font-size:18px;
  line-height:1.72;
}
.legal-copy ul{padding-left:1.2em;margin:0 0 20px}
.legal-copy li{margin-bottom:8px}
.legal-copy a{color:#6F531F;text-decoration-thickness:1px;text-underline-offset:3px}
.legal-copy strong{color:#00172C}
.legal-notice{margin-top:56px}
.legal-notice p{color:#FCF6E8!important;-webkit-text-fill-color:#FCF6E8!important;margin:0}

@media(max-width:900px){
  .legal-layout{grid-template-columns:1fr;gap:34px}
  .legal-index{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}
  html body main.contact-page .contact-primary{align-items:flex-start;flex-direction:column}
}
@media(max-width:600px){
  .legal-index{grid-template-columns:1fr}
  .legal-meta{display:grid}
  html body main.contact-page .contact-primary a.email{font-size:clamp(24px,8vw,34px)}
}

/* v53: make the Fit Call discoverable without turning every page into a scheduling kiosk. */
html body main.contact-page .contact-routes.grid.three{
  grid-template-columns:repeat(3,minmax(0,1fr));
  align-items:stretch;
}
html body main.contact-page .contact-route-card{
  display:flex;
  flex-direction:column;
  min-height:100%;
}
html body main.contact-page .contact-route-card .btn{
  margin-top:auto!important;
  align-self:flex-start;
}
.services-grid + .global-intake{margin-top:28px}
.final-cta .btn-row{justify-content:center;gap:14px;flex-wrap:wrap}
@media(max-width:980px){
  html body main.contact-page .contact-routes.grid.three{grid-template-columns:1fr!important}
}

/* v54: responsive routing-card rhythm and cross-site breakpoint hardening. */
html body main .intake-grid > article.service-card{
  min-height:0!important;
}
html body main .intake-grid > article.service-card h2{
  min-height:0!important;
  margin-bottom:20px!important;
}
html body main .intake-grid > article.service-card > p:first-of-type{
  min-height:0!important;
}
html body main .intake-grid > article.service-card .route-copy{
  display:grid;
  align-content:start;
  gap:18px;
  margin:0 0 28px;
}
html body main .intake-grid > article.service-card .route-copy p{
  margin:0;
}
html body main .intake-grid > article.service-card .btn{
  margin-top:auto!important;
}

/* Prevent equal-height desktop alignment rules from creating blank chambers on narrow screens. */
@media(max-width:1100px){
  html body main .intake-grid > article.service-card h2,
  html body main .intake-grid > article.service-card > p:first-of-type,
  html body main .services-grid > article.service-card h2,
  html body main .services-grid > article.service-card > p:first-of-type,
  html body main .casework-preview > article.service-card h3,
  html body main .casework-preview > article.service-card > p:first-of-type{
    min-height:0!important;
  }
}

@media(max-width:760px){
  .wrap{padding-left:20px!important;padding-right:20px!important;}
  .section{padding-top:64px!important;padding-bottom:64px!important;}
  .hero{padding-top:64px!important;padding-bottom:70px!important;}
  h1,.hero h1{font-size:clamp(38px,11vw,48px)!important;line-height:.98!important;overflow-wrap:anywhere;}
  h2{overflow-wrap:anywhere;}
  .legal-copy p,.legal-copy li{font-size:17px!important;line-height:1.66!important;}
  .contact-card a.email{overflow-wrap:anywhere;word-break:break-word;}
  html body main .intake-grid > article.service-card .route-copy{margin-bottom:22px;gap:14px;}
}

@media(max-width:420px){
  .wrap{padding-left:16px!important;padding-right:16px!important;}
  .card,.note-box,.featured-body{padding:20px!important;}
  .btn{min-height:50px!important;padding-left:16px!important;padding-right:16px!important;font-size:11px!important;letter-spacing:.09em!important;}
  .legal-index{padding:18px!important;}
  .hero-card{padding:18px!important;}
  .brandmark .brand-title{max-width:170px;overflow-wrap:anywhere;}
}

/* Balance three-card groups at tablet widths instead of leaving the final card stranded at left. */
@media(min-width:641px) and (max-width:980px){
  .intake-grid > :nth-child(3):last-child,
  .casework-preview > :nth-child(3):last-child,
  .services-grid > :nth-child(3):last-child{
    grid-column:1 / -1;
    width:calc(50% - 10px);
    justify-self:center;
  }
}

/* v55: WCAG 2.2 AA accessibility hardening. */
:root{
  /* Darker brass for small text on cream and paper surfaces. Decorative brass remains --gold. */
  --gold-deep:#76500F;
}

/* A two-tone focus indicator remains visible on both dark and light surfaces. */
:where(a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{
  outline:3px solid var(--cream)!important;
  outline-offset:3px!important;
  box-shadow:0 0 0 6px var(--navy)!important;
}
main[tabindex="-1"]:focus{outline:none!important;box-shadow:none!important}
:target{scroll-margin-top:92px}

/* Current location is not communicated by color alone. */
.nav a[aria-current="page"]{
  color:var(--gold);
  text-decoration:underline;
  text-decoration-thickness:2px;
  text-underline-offset:6px;
}

/* Footer labels are visual labels, not artificial fifth-level headings. */
.footer-heading{
  margin:0 0 16px;
  font-family:'IBM Plex Mono',monospace;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:var(--gold);
  font-size:12px;
  line-height:1.45;
}
.footer a:hover,.footer a:focus-visible{text-decoration:underline;text-underline-offset:4px}
.contact-card a.email:hover,.contact-card a.email:focus-visible{text-decoration:underline;text-underline-offset:5px}

/* Correct semantic heading levels without changing the established visual scale. */
.card-heading,.rail-heading{
  font-size:clamp(23px,3vw,31px)!important;
  line-height:1.08!important;
  max-width:none!important;
  margin-bottom:16px!important;
}
.contact-route-card .card-heading{font-size:clamp(25px,3vw,32px)!important}

/* Small brass metadata on light surfaces must meet normal-text contrast. */
.failure-grid .path-card:not(:hover):not(:focus-within) .case-label,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .case-label,
.services-grid .service-card:not(.is-active):not(:hover):not(:focus-within) .price,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .case-label,
.services-grid:hover .service-card.is-active:not(:hover):not(:focus-within) .price,
.intake-grid .service-card:not(:hover):not(:focus-within) .case-label,
.section.cream .exhibit-tag,
.section.paper .exhibit-tag,
.featured .featured-head .case-label,
.featured .featured-head .pill{
  color:var(--gold-deep)!important;
  -webkit-text-fill-color:var(--gold-deep)!important;
}

/* Maintain a usable minimum target size for primary controls. */
.nav-toggle,.btn{min-width:44px;min-height:44px}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
  }
  .reveal{opacity:1!important;transform:none!important}
}

@media (forced-colors:active){
  .btn,.nav-cta,.nav-toggle,.card,.note-box,.featured,.hero-card{border:1px solid CanvasText!important}
  :where(a,button,input,select,textarea,[tabindex]:not([tabindex="-1"])):focus-visible{
    outline:3px solid Highlight!important;
    box-shadow:none!important;
  }
  .slogan .dot,.exhibit-tag::before{background:CanvasText!important}
}

/* v55b: override legacy high-specificity brass text rules on light cards. */
:root{--brass-deep:#76500F}
html body main .failure-grid > article.path-card:not(:hover):not(:focus-within):not(.is-hovered) .case-label,
html body main .services-grid > article.service-card:not(:hover):not(:focus-within):not(.is-hovered) .case-label,
html body main .services-grid > article.service-card:not(:hover):not(:focus-within):not(.is-hovered) .price,
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) .case-label,
html body main .services-grid:hover > article.service-card.is-start:not(:hover):not(:focus-within):not(.is-hovered) .price{
  color:#76500F!important;
  -webkit-text-fill-color:#76500F!important;
}
.section.deep .featured .featured-head .case-label,
.section.deep .featured .featured-head .pill,
.section.navy .featured .featured-head .case-label,
.section.navy .featured .featured-head .pill{
  color:var(--gold)!important;
  -webkit-text-fill-color:var(--gold)!important;
}
/* Featured case number sits on a light evidence surface; the pill itself remains dark. */
.featured .featured-head > .case-label{
  color:#76500F!important;
  -webkit-text-fill-color:#76500F!important;
}
html body main .section.deep .featured .featured-head > .case-label,
html body main .section.navy .featured .featured-head > .case-label{
  color:#76500F!important;
  -webkit-text-fill-color:#76500F!important;
}