/* =========================================================
   AJFieldingRentals - Steel Key Cabinet Theme
   A rental counter filing cabinet: steel body, brass hooks,
   numbered paper key tags, carbon-copy dockets and stamps.
   Palette (no rgba, no opacity floats):
   Deep blue-grey steel #131A21 / ledger-white #E9E6DE
   aged-brass accent #A87F35 / cabinet-panel #1D2833
   counter-deep #0B1015 / key-tag tan #C9B896 / rust-red #8A4A2F
   hook-steel #3C4B5A
   ========================================================= */

:root{
  --cabinet-body:#131A21;
  --lead-white:#E9E6DE;
  --aged-brass:#A87F35;
  --brass-cast:#B8934F;
  --brass-dark:#8a6a2a;
  --brass-lit:#D6B26A;
  --brass-split:#5e4b26;
  --panel:#1D2833;
  --deep:#0B1015;
  --deeper:#070B0F;
  --tag-tan:#C9B896;
  --tag-light:#E3D6B8;
  --rust-red:#8A4A2F;
  --rust-dark:#5f2e1b;
  --hook-steel:#3C4B5A;
  --line-steel:#65798C;
  --body-copy:#D9D2C0;
  color-scheme: dark;
}

*{margin:0;padding:0;box-sizing:border-box;}

html{scroll-behavior:smooth;}

body{
  font-size:16px;
  font-family:Georgia,"Times New Roman",serif;
  background-color:var(--cabinet-body);
  color:var(--lead-white);
  line-height:1.7;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}

img{max-width:100%;display:block;}

a{color:var(--aged-brass);text-decoration:none;transition:color .18s ease;}
a:hover{color:var(--brass-lit);}

h1,h2,h3,h4,.display{
  font-family:"Trebuchet MS","Helvetica Neue",Arial,sans-serif;
  font-weight:700;line-height:1.18;letter-spacing:.3px;color:var(--lead-white);
}
h1{font-size:clamp(2rem,5vw,3.1rem);}
h2{font-size:clamp(1.6rem,3.4vw,2.35rem);}
h3{font-size:1.22rem;}
.sans,.brandname,.btn,.roundbit,.keytag,.eyebrow,.kick .ttl,label{
  font-family:"Trebuchet MS","Helvetica Neue",Arial,sans-serif;
}

.textwrap{max-width:1220px;margin:0 auto;}
.section,.section-panel,.grid-body,.gray-bg{width:100%;padding:60px 24px;}

/* =========================================================
   NAVIGATION : HOOK-RAIL
   ========================================================= */
.hookrail{
  position:sticky;top:0;z-index:80;
  background-color:var(--panel);
  border-bottom:6px solid var(--line-steel);
}
.hookrail .inner{
  max-width:1280px;margin:0 auto;padding:10px 24px 2px;
  display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap;
}
.brandplate{display:flex;align-items:center;gap:12px;padding-bottom:6px;}
.hooktopdot{width:6px;align-self:flex-start;margin-top:4px;}
.brandplate .mark{
  width:38px;height:38px;border:4px solid var(--aged-brass);border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  font-family:"Trebuchet MS",sans-serif;font-weight:700;color:var(--aged-brass);transform:rotate(-3deg);
}
.brandplate .mark::after{content:"";position:absolute;}
.brandname{font-family:"Trebuchet MS",sans-serif;font-weight:700;font-size:1.15rem;letter-spacing:1px;color:var(--lead-white);line-height:1.1;}
.brandname em{font-style:normal;color:var(--aged-brass);}
.brandplate small.badge{display:block;font-family:Georgia,serif;font-weight:400;font-size:.7rem;letter-spacing:2px;color:var(--tag-tan);text-transform:uppercase;margin-top:2px;}

.tagdrawer{display:flex;align-items:flex-start;gap:3px;padding-top:0;}
.keytag{
  position:relative;display:inline-flex;flex-direction:column;align-items:center;
  font-family:"Trebuchet MS",sans-serif;font-weight:700;font-size:.78rem;
  text-transform:uppercase;letter-spacing:1px;color:var(--deep);
  background-color:var(--tag-tan);border:1px solid var(--brass-cast);
  padding:8px 14px 9px;min-width:78px;text-align:center;text-decoration:none;
  cursor:pointer;
}
.keytag::before{
  content:"";width:8px;height:10px;display:block;margin:-12px auto 5px;
  border:3px solid var(--brass-dark);border-bottom:none;border-left:2px solid var(--brass-dark);border-right:2px solid var(--brass-dark);
  border-radius:4px 4px 0 0;
}
a.keytag:link,a.keytag:visited{color:var(--deep);}
a.keytag:hover{background-color:var(--tag-light);color:#111;border-color:#e8ddbc;}
.dk::before{border-color:#3d2f13;}
a.keytag.dk:link,a.keytag.dk:visited{background-color:var(--aged-brass);color:#11110c;}
a.keytag.dk:hover{background-color:var(--brass-lit);color:#111;}
.gap6{margin-top:6px;}
.gap3{margin-top:3px;}
.gap8{margin-top:8px;}
.mobile-tags{display:none;padding:4px 24px 10px;flex-direction:column;align-items:stretch;gap:6px;width:100%;margin:0;}
.mobile-tags.open{display:flex;}
.navtoggle{
  display:none;cursor:pointer;background:var(--aged-brass);color:#14110a;
  border:none;font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;
  font-weight:700;letter-spacing:1px;padding:10px 18px;font-size:.85rem;
  margin-bottom:8px;
}
.navtoggle:hover{background:var(--brass-lit);}
.nav-toggle-row{display:none;justify-content:flex-start;padding:0 24px 4px;}

/* =========================================================
   HERO : COUNTER-DOCKET
   ========================================================= */
.hero-band{background-color:var(--deep);}
.counterdocket{
  max-width:1360px;margin:0 auto;padding:52px 24px 0;
  display:grid;grid-template-columns:56fr 44fr;gap:40px;align-items:start;
}
.docketzone .eyebrow{
  display:inline-block;font-family:"Trebuchet MS",sans-serif;letter-spacing:3px;text-transform:uppercase;
  color:var(--rust-red);font-weight:700;font-size:.8rem;margin-bottom:20px;
  border:2px solid var(--rust-red);padding:4px 12px;
}
.docketzone .sub{font-size:1.13rem;color:var(--tag-light);max-width:600px;margin:10px 0 26px;}
.carbon{
  background-color:var(--panel);padding:28px 26px;border-left:7px solid var(--aged-brass);
  box-shadow:9px 9px 0 var(--deeper);max-width:640px;border-right:1px solid var(--line-steel);
}
.dockhead{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid var(--line-steel);}
.card-overline{font-family:"Courier New",monospace;font-size:.72rem;letter-spacing:2px;color:var(--tag-tan);text-transform:uppercase;}
.card-no{font-family:"Courier New",monospace;font-weight:700;color:var(--rust-red);letter-spacing:1px;}
.brow{display:flex;border-bottom:1px dashed var(--line-steel);padding:9px 2px;font-size:.96rem;}
.brow b{font-family:"Courier New",monospace;color:var(--tag-tan);width:130px;flex-shrink:0;letter-spacing:1px;font-weight:400;}
.brow span{color:var(--lead-white);}
.bnote{font-family:"Trebuchet MS",sans-serif;font-size:.96rem;color:var(--tag-light);margin:16px 0 0;line-height:1.6;}
.stampred{
  display:inline-block;margin-top:22px;border:3px double var(--rust-red);color:var(--rust-red);
  font-family:"Courier New",monospace;font-weight:700;text-transform:uppercase;letter-spacing:3px;
  padding:8px 18px;font-size:1.02rem;transform:rotate(-3deg);
}
.cta-row{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px;}
.btn{
  display:inline-block;padding:15px 30px;font-family:"Trebuchet MS",sans-serif;
  text-transform:uppercase;font-weight:700;letter-spacing:1.4px;font-size:.86rem;cursor:pointer;
}
.btn-brass{background-color:var(--aged-brass);color:#11110c;box-shadow:0 3px 0 var(--brass-dark),0 8px 0 #05070a;}
.btn-brass:hover{background-color:var(--brass-lit);color:#111;}
.btn-steel{border:2px solid var(--hook-steel);color:var(--lead-white);}
.btn-steel:hover{border-color:var(--aged-brass);color:var(--brass-lit);}

.cabinetface{background-color:var(--panel);border:1px solid var(--line-steel);padding:16px;position:relative;}
.cablabel{font-family:"Courier New",monospace;color:var(--tag-tan);text-transform:uppercase;letter-spacing:2px;font-size:.7rem;margin-bottom:12px;display:flex;justify-content:space-between;}
.pigeons{
  display:grid;grid-template-columns:repeat(5,1fr);gap:7px;
}
.cubby{
  aspect-ratio:1/1;background-color:var(--deep);border:1px solid var(--hook-steel);
  display:flex;align-items:center;justify-content:flex-start;padding:6px;
  box-shadow:inset 0 0 0 1px #303a44,inset 3px 3px 4px #000000;
}
.cubby.glow{box-shadow:inset 0 0 0 1px #303a44,0 0 16px var(--aged-brass),0 0 16px var(--aged-brass);border-color:var(--aged-brass);}
.cubby.glow .pl-slot{box-shadow:0 0 14px var(--brass-lit);}
.cubby.dim{box-shadow:inset 0 0 0 1px #303a44,inset 2px 2px 6px #000000;}
.pl-slot{font-family:"Courier New",monospace;font-size:.66rem;color:var(--tag-light);}
.pl-slot b{display:inline-block;color:var(--tag-light);background-color:var(--aged-brass);padding:0 3px;font-size:.6rem;margin-right:2px;}
.cabinethandle{width:2px;height:100%;background:var(--aged-brass);position:absolute;left:6px;top:0;}
.cabkeywrap{font-family:"Courier New",monospace;font-size:.62rem;color:var(--brass-split);text-align:right;letter-spacing:1px;}

/* kick strip */
.counterstats{
  margin-top:14px;background:var(--deep);border-top:5px solid var(--panel);
  display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;
  gap:12px;padding:26px max(24px,calc((100% - 1360px)/2));
}
.kstat{text-align:center;}
.kstat b{display:block;font-family:"Trebuchet MS",sans-serif;font-size:clamp(1.7rem,3vw,2.3rem);color:var(--aged-brass);line-height:1;}
.kstat span{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:1.6px;font-size:.76rem;color:var(--tag-tan);display:block;margin-top:8px;line-height:1.5;}
.key-bit{width:14px;height:24px;border:3px solid var(--aged-brass);border-radius:3px;background:var(--deep);margin:0 auto;position:relative;}
.key-bit::after{content:"";position:absolute;width:6px;height:5px;background:var(--aged-brass);top:14px;right:-7px;}
.ksep{display:flex;justify-content:center;}

/* =========================================================
   PIGEONHOLE GRID + CHECKOUT TIMELINE
   ========================================================= */
.stamprow{display:flex;align-items:center;gap:18px;margin-bottom:40px;}
.stamprule{flex:1;height:2px;background:var(--line-steel);border:none;}
.kicker{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;color:var(--aged-brass);letter-spacing:3px;font-size:.82rem;}
.lgnote{color:var(--rust-red);font-family:"Courier New",monospace;letter-spacing:2px;font-size:.75rem;text-transform:uppercase;}
.leadover{max-width:740px;color:var(--tag-light);font-size:1.02rem;margin:-20px 0 44px;}

.grid-two{display:grid;grid-template-columns:1fr 1fr;}
.pig-grid{max-width:1320px;margin:0 auto;}
.svgrid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-bottom:26px;}
.pig-grid.solo{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
.pig-card{
  background-color:var(--panel);border:1px solid var(--line-steel);border-top:7px solid var(--aged-brass);
  padding:28px 24px;position:relative;display:flex;flex-direction:column;
  transition:transform .2s ease,border-color .2s ease;
}
.pig-card:hover{transform:translateY(-4px);border-color:var(--brass-cast);}
.pig-card .plate-no{position:absolute;top:-13px;left:16px;}
.plate-no{
  width:30px;height:30px;background:var(--aged-brass);color:#11110c;
  font-family:"Courier New",monospace;font-weight:700;font-size:.9rem;
  display:flex;align-items:center;justify-content:center;box-shadow:0 2px 0 var(--brass-dark);
}
.pig-card h3{margin:26px 0 12px;font-size:1.2rem;}
.pig-card p{color:var(--body-copy);font-size:.98rem;flex:1;}
.pig-card .comma{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--aged-brass);margin-right:6px;}

/* statement band */
.statement-row{width:100%;background-color:var(--deeper);border-top:1px solid var(--line-steel);border-bottom:1px solid var(--line-steel);}
.statement{max-width:1200px;margin:0 auto;padding:52px 24px;display:flex;align-items:center;gap:40px;flex-wrap:wrap;justify-content:space-between;}
.statement .figure-beat{display:flex;align-items:baseline;gap:4px;}
.figure-beat .big{font-family:"Trebuchet MS",sans-serif;font-size:clamp(4rem,10vw,7rem);font-weight:700;color:var(--aged-brass);line-height:.8;}
.figure-beat .unit{font-family:"Trebuchet MS",sans-serif;font-size:clamp(1.6rem,3vw,2.4rem);color:var(--brass-lit);font-weight:700;}
.figure-beat .crop{font-family:"Trebuchet MS",sans-serif;font-size:2.4rem;color:var(--lines,var(--line-steel));}
.promise{max-width:520px;}
.promise .pledge-top{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:2px;color:var(--tag-tan);font-size:.86rem;margin-bottom:14px;}
.promise h2,.promise .pledge{color:var(--lead-white);font-size:1.4rem;line-height:1.5;font-family:Georgia,serif;font-style:italic;}

/* timeline */
.strip-single{width:100%;}
.timeline-head{padding:0 0 60px;text-align:left;}
.timeline-head .ready{color:var(--rust-red);}
.checkout-steps{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative;}
.checkout-steps::before,.checkout-steps::after{content:"";position:absolute;top:34px;left:4%;right:4%;height:3px;border-top:2px dashed var(--line-steel);z-index:0;}
.step-peg{
  padding:10px;border-radius:2px 2px 22px 22px;
  justify-content:center;text-align:center;
}
.peg{width:70px;height:70px;border-radius:50%;border:5px solid var(--aged-brass);background:var(--deep);margin:0 auto 14px;background-clip:border-box;box-shadow:0 0 0 6px var(--cabinet-body),0 7px 0 var(--brass-dark);}
.glow .peg{background-color:var(--aged-brass);}
.peg span{display:flex;align-items:center;justify-content:center;height:100%;font-family:"Trebuchet MS",sans-serif;font-weight:700;color:var(--aged-brass);font-size:1.3rem;}
.glow .peg span{color:#191505;}
.step-peg h3{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:.95rem;color:var(--lead-white);margin-bottom:10px;}
.step-peg p{font-size:.88rem;color:var(--tag-light);}
.step-peg .ready-note{color:var(--rust-red);font-family:"Trebuchet MS",sans-serif;font-weight:700;text-transform:uppercase;font-size:.72rem;letter-spacing:1px;margin-top:8px;}
.loop-return{max-width:1320px;margin:0 auto;padding:36px 24px 0;display:flex;align-items:center;gap:12px;justify-content:center;color:var(--rust-red);font-family:"Trebuchet MS",sans-serif;font-weight:700;letter-spacing:2px;text-transform:uppercase;font-size:.84rem;}
.arrow{font-size:1.5rem;color:var(--rust-red);}

/* =========================================================
   ACCENT STRIP / OVERDUE LAMP
   ========================================================= */
.overdue-lamp{width:100%;background-color:var(--rust-red);}
.overdue-inner{max-width:1200px;margin:0 auto;padding:38px 24px;display:flex;align-items:center;gap:26px;flex-wrap:wrap;justify-content:space-between;}
.stamp-on{font-family:"Courier New",monospace;font-size:.78rem;letter-spacing:3px;color:var(--rust-dark);border:2px solid var(--rust-dark);padding:6px 12px;text-transform:uppercase;}
.overdue-line{color:#fbf3e4;max-width:520px;font-family:"Trebuchet MS",sans-serif;font-weight:700;font-size:1.1rem;}
.overdue-line small{display:block;font-family:Georgia,serif;font-weight:400;color:#f9ecd2;font-size:.98rem;margin-top:4px;}
.btn-counter{background:var(--cabinet-body);color:var(--rust-red);}
.btn-counter:hover{background:var(--deep);color:#c07652;}

/* =========================================================
   FOOTER : FLIP-BOARD
   ========================================================= */
.flipboard{width:100%;background-color:var(--deeper);margin-top:0;flex:0;}
.flap-title{max-width:1240px;margin:0 auto;padding:44px 24px 8px;font-family:"Courier New",monospace;color:var(--line-steel);letter-spacing:3px;text-transform:uppercase;font-size:.7rem;}
.flapstrip{max-width:1280px;margin:0 auto;padding:16px 24px 0;}
.flapspell{display:flex;flex-wrap:wrap;justify-content:center;gap:26px 30px;}
.flapsyllable{display:flex;gap:3px;}
.flaptile{
  min-width:30px;padding:6px 6px;height:34px;background-color:var(--panel);
  border:1px solid var(--line-steel);display:inline-flex;align-items:center;justify-content:center;
  font-family:"Trebuchet MS",sans-serif;font-weight:700;font-size:1.1rem;color:var(--lead-white);
  position:relative;box-shadow:inset 0 8px 0 -6px var(--aged-brass);
}
.flaptile.t0{color:#3f4552;background:var(--deeper);border-color:#222a34;}
.flapi {color:#e3d6b8;}
.fi-split{width:2px;background:var(--brass-split);min-width:2px;}
.flap-break{width:100%;display:none;}
.boardlinks{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:46px 24px;}
.boardlinks .footcol h4{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:.85rem;color:var(--aged-brass);margin-bottom:18px;padding-bottom:8px;border-bottom:2px solid var(--panel);}
.boardlinks .footcol ul{list-style:none;}
.boardlinks .footcol li{margin-bottom:8px;}
.boardlinks .footcol a{color:var(--tag-light);font-size:.96rem;}
.boardlinks .footcol a:hover{color:var(--brass-lit);}
.plinth{border-top:1px solid var(--panel);}
.plinth-inner{
  max-width:1320px;margin:0 auto;padding:22px 24px;display:flex;flex-wrap:wrap;align-items:center;
  justify-content:space-between;gap:18px 24px;border-bottom:1px solid var(--panel);
  font-family:"Trebuchet MS",sans-serif;color:var(--tag-tan);font-size:.9rem;
}
.engrave1{color:var(--aged-brass);letter-spacing:1px;font-weight:700;}
.engrave2{color:var(--brass-cast);}
.plinth-inner a{color:var(--brass-cast);}
.firm-copy{max-width:1320px;margin:0 auto;padding:16px 24px 26px;font-size:.8rem;color:var(--hook-steel);letter-spacing:1px;font-family:"Trebuchet MS",sans-serif;text-align:center;}
.copyrightbar{background-color:#05070a;font-size:.8rem;color:#4e5a66;text-align:center;padding:14px 16px;font-family:"Trebuchet MS",sans-serif;letter-spacing:1px;}

/* =========================================================
   SHARED PAGES (services / contact)
   ========================================================= */
.page-top{background-color:var(--deep);border-bottom:1px solid var(--panel);}
.page-top .inner{max-width:1280px;margin:0 auto;padding:60px 24px 40px;}
.page-top .trail{font-family:"Courier New",monospace;letter-spacing:2px;font-size:.72rem;color:var(--brass-split);text-transform:uppercase;margin-bottom:16px;}
.page-top h1{margin-bottom:14px;}
.page-top .lede{color:var(--tag-light);font-size:1.08rem;max-width:720px;}
.pagesub{width:100%;background-color:var(--panel);border-bottom:4px solid var(--aged-brass);}
.pagesub .inner{max-width:1280px;margin:0 auto;padding:18px 24px;font-family:"Trebuchet MS",sans-serif;color:var(--tag-tan);display:flex;gap:22px;flex-wrap:wrap;}
.pagesub b{color:var(--aged-brass);letter-spacing:1px;}

/* services: table layout 2 wide with sections .detail 3 wide reuses piggrid */
.detailband{background-color:var(--cabinet-body);padding:56px 24px 0;}
.detail-stripe{width:100%;background-color:var(--cabinet-body);}
.strip-panel{background:var(--cabinet-body);}
.svcol{row-gap:28px;column-gap:28px;}
.lone-brez{background-color:var(--panel);border:1px solid var(--line-steel);border-top:6px solid var(--rust-red);padding:34px 30px;position:relative;}
.lone-brez h2{font-family:"Trebuchet MS",sans-serif;font-size:1.5rem;text-transform:uppercase;letter-spacing:1px;margin-bottom:14px;padding-right:60px;}
.lone-brez h2 span{color:var(--aged-brass);}
.lone-brez p{color:var(--body-copy);margin-bottom:14px;font-size:1rem;max-width:900px;}
.tag-chip{display:inline-block;background:var(--aged-brass);color:#14161a;font-family:"Courier New",monospace;font-size:.66rem;letter-spacing:1px;padding:3px 8px;margin-right:6px;}
.tag-chip.rust{background:var(--rst,var(--rust-red));color:#f6e7d5;}
.capnote{display:block;font-family:"Courier New",monospace;font-size:.7rem;color:var(--line-steel);letter-spacing:2px;text-transform:uppercase;margin-bottom:10px;}

/* contact */
.contactwrap{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:1fr 1.15fr;gap:34px;}
.contactinfo .cinner{background:var(--panel);padding:28px;border:1px solid var(--line-steel);margin-bottom:24px;}
.contactinfo h3{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:1rem;margin-bottom:18px;color:var(--aged-brass);}
.contactinfo h3 .mark{color:var(--rust-red);margin-right:4px;}
.contactinfo .cinner .addr-line{color:var(--tag-light);line-height:1.6;font-size:.98rem;}
.meta-line{padding:10px 0;border-bottom:1px solid var(--panel);color:var(--tag-light);}
.meta-line b{display:block;font-family:"Courier New",monospace;color:var(--tag-tan);font-weight:400;text-transform:uppercase;font-size:.72rem;letter-spacing:1px;margin-bottom:2px;}
.meta-line a,.meta-line span.val{color:var(--lead-white);font-size:.98rem;}
.meta-line a:hover{color:var(--brass-lit);}
.hours p{color:var(--body-copy);font-size:.96rem;line-height:2;}
.formcard{background:var(--panel);border:1px solid var(--line-steel);border-top:7px solid var(--aged-brass);padding:30px;}
.formcard h3{font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:1rem;margin-bottom:4px;}
.formcard .formhint{color:var(--tag-tan);margin-bottom:22px;font-size:.9rem;}
.form-error{display:none;background:var(--rust-red);color:#fdf1e0;padding:12px 14px;margin-bottom:16px;font-family:"Trebuchet MS",sans-serif;font-size:.92rem;}
.form-sent{display:none;background:var(--aged-brass);color:#15160f;padding:12px 14px;margin-bottom:16px;font-family:"Trebuchet MS",sans-serif;font-size:.95rem;font-weight:700;}
.fgroup{margin-bottom:18px;}
.fgroup label{display:block;font-family:"Trebuchet MS",sans-serif;text-transform:uppercase;letter-spacing:1px;font-size:.74rem;color:var(--tag-tan);margin-bottom:6px;}
.fgroup input,.fgroup textarea,.fgroup select{
  width:100%;background:var(--deep);border:1px solid var(--line-steel);color:var(--lead-white);
  padding:12px 14px;font-family:Georgia,serif;font-size:1rem;
}
.fgroup textarea{min-height:160px;resize:vertical;}
.fgroup input:focus,.fgroup textarea:focus{outline:none;border-color:var(--aged-brass);}
.formsend{margin-top:4px;width:100%;}
.faqlab{margin-top:20px;}
.faq-q{border-top:1px solid var(--panel);}
.faq-q b{display:flex;justify-content:space-between;align-items:center;padding:16px 0;cursor:pointer;color:var(--lead-white);font-family:"Trebuchet MS",sans-serif;font-size:1rem;font-weight:700;}
.faq-q b::after{content:"";width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--aged-brass);margin-left:12px;flex-shrink:0;}
.faq-q .faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;color:var(--body-copy);font-size:.97rem;}
.faq-q .faq-a p{padding:0 0 18px;}
.faq-q.open .faq-a{max-height:420px;}
.faqq{
  width:100%;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;
  padding:16px 0;color:var(--lead-white);font-family:"Trebuchet MS",sans-serif;font-size:1rem;font-weight:700;gap:12px;text-align:left;
}
.faqq::after{content:"";flex-shrink:0;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--aged-brass);}
.faq-q.open .faqq::after{transform:rotate(180deg);margin-top:0;}

/* =========================================================
   SCROLL REVEAL
   ========================================================= */
.js-reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease;}
.js-reveal.revealed{opacity:1;transform:translateY(0);}
.no-js .js-reveal,.js-reveal.force{opacity:1;transform:none;}

/* =========================================================
   RESPONSIVE
   ========================================================= */
@media(max-width:1080px){
  .counterdocket{grid-template-columns:1fr;padding-top:30px;}
  .checkout-steps{grid-template-columns:repeat(3,1fr);gap:30px;}
  .checkout-steps::before,.checkout-steps::after{display:none;}
  .pig-grid.solo{grid-template-columns:repeat(2,1fr);}
  .svgrid{grid-template-columns:1fr;}
  .contactwrap{grid-template-columns:1fr;}
  .counterstats{grid-template-columns:1fr auto 1fr;}
  .boardlinks{grid-template-columns:1fr 1fr;}
}
@media(max-width:840px){
  .tagdrawer{display:none;}
  .nav-toggle-row{display:flex;}
  .counterstats{grid-template-columns:1fr auto 1fr;}
  .counterstats .ksep.dead2{display:none;}
  .overdue-inner{flex-direction:column;align-items:flex-start;}
  .statement{flex-direction:column;align-items:flex-start;gap:24px;}
  .pig-grid.solo{grid-template-columns:1fr;}
  .boardlinks{grid-template-columns:1fr;}
  .checkout-steps{grid-template-columns:repeat(2,1fr);gap:30px;}
}
@media(max-width:600px){
  .hookrail .inner{flex-direction:column;align-items:flex-start;gap:6px;}
  .counterdocket{padding:36px 20px 0;}
  .section,.section-panel,.grid-body,.detailband{padding:44px 22px 0;}
  .btn{padding:14px 22px;}
  .checkout-steps{grid-template-columns:1fr;}
  .counterstats{grid-template-columns:1fr;}
}
