/* ============================================================
   FrazierTrust - Trust Drafting Room of FPA Springville LLC
   Light vellum theme. Ribbon file, writing slope, deed rows,
   succession run and ledger rail footers.
   ============================================================ */

:root{
  --vellum:#F3EFE3;
  --iron:#2B2A33;
  --orchid:#9B6B8D;
  --orchiddeep:#7E5375;
  --oakgall:#7B7A80;
  --laycard:#FAF7EC;
  --blotter:#E9DBD6;
  --cloth:#33313B;
  --line:#D9D2C0;
  --cut:#C9C1AC;
}

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

body{
  font-size:16px;
  font-family:Georgia, "Times New Roman", serif;
  background:#F3EFE3;
  color:#2B2A33;
  line-height:1.7;
  overflow-x:hidden;
}

body.clothback{ background:#33313B; }

a{ color:#8E5A7E; text-decoration:none; }
a:hover{ text-decoration:underline; }

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

.wrap{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
}

.sr-only{
  position:absolute;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
  border:0;
}

.no-underline{ text-decoration:none; }

/* ---------- Reset reveal so pages are visible without js ---- */
.rv{ opacity:1; }
html.no-js .reveal{ opacity:1; }
.reveal{ opacity:1; visibility:visible; }
.js .reveal{
  opacity:0;
  visibility:hidden;
  transform:translateY(26px);
  transition:opacity 620ms ease, transform 620ms ease, visibility 620ms ease;
}
.js .reveal.is-visible, .js .reveal.visible{
  opacity:1;
  visibility:visible;
  transform:translateY(0);
}
@media (prefers-reduced-motion: reduce){
  .js .reveal{ transition:none; }
}

/* ================= RIBBON FILE NAVIGATION ================= */
.ribbonfile{
  position:sticky;
  top:0; z-index:80;
  background:#F3EFE3;
  border-bottom:1px solid #D9D2C0;
}
.ribbonbar{
  max-width:1200px;
  margin:0 auto;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  min-height:76px;
}
.brandplate{
  display:flex;
  align-items:center;
  gap:12px;
}
.brandblock{
  background:#9B6B8D;
  color:#FAF7EC;
  font-weight:bold;
  letter-spacing:2px;
  padding:8px 14px 8px 18px;
  border:1px solid #7E5375;
  border-left-width:6px;
  box-shadow:3px 4px 0 #D6CCB6;
}
.deedglyph{
  display:flex;
  flex-direction:column;
}
.deedglyph i{
  display:block;
  width:26px; height:18px;
  background:#FAF7EC;
  border:1px solid #7B7A80;
  border-top-color:#2B2A33;
  position:relative;
}
.deedglyph i:after{
  content:"";
  position:absolute;
  right:5px; top:4px;
  width:9px; height:9px;
  background:#9B6B8D;
  border-radius:2px;
  transform:rotate(8deg);
}
.deedglyph b{
  display:block;
  width:18px; height:3px;
  background:#9B6B8D;
  margin:2px auto 0;
  border-radius:2px;
}
.ribbontabs{
  display:flex;
  align-items:center;
  gap:14px;
}
.navlinks{
  display:flex;
  align-items:center;
  gap:14px;
}
.navlink{
  position:relative;
  display:inline-block;
  background:#E7E0CF;
  color:#2B2A33;
  font-weight:600;
  padding:9px 16px 10px;
  border:1px solid #C9C1AC;
  border-bottom:none;
  border-radius:8px 8px 0 0;
  transform:translateY(6px);
  font-size:15px;
  letter-spacing:0.4px;
}
.navlink.is-current{
  background:#9B6B8D;
  color:#FAF7EC;
  border-color:#7E5375;
}
.navlink.nav-orchid{ background:#C9B0C0; border-color:#9B6B8D; }
.navlink.nav-grey{ background:#DDD8C8; }
.navlink.nav-orchid.is-current, .navlink.nav-grey.is-current{
  background:#9B6B8D; color:#FAF7EC; border-color:#7E5375;
}
.cta-chip{
  display:inline-block;
  background:#9B6B8D;
  color:#FAF7EC;
  font-weight:bold;
  letter-spacing:0.5px;
  padding:10px 16px;
  border-radius:60px;
  border:1px solid #7E5375;
  margin-left:8px;
  transform:translateY(-4px);
}
.cta-chip:hover{ background:#8E5A7E; color:#FAF7EC; text-decoration:none; }

.doublerule{
  height:7px;
  max-width:1200px;
  margin:0 auto;
  display:flex;
  align-items:center;
  gap:6px;
  padding:0 24px;
  border-top:2px solid #7B7A80;
  border-bottom:1px solid #7B7A80;
  background:#F3EFE3;
}
.doublerule b{ width:26px; height:3px; background:#9B6B8D; border-radius:2px; }
.doublerule span{ width:4px; height:7px; background:#7B7A80; }
.doublerule em{
  margin-left:auto;
  font-size:11px;
  letter-spacing:2px;
  color:#7B7A80;
  text-transform:uppercase;
  padding-right:6px;
}

.nav-toggle{
  display:none;
  background:#9B6B8D;
  color:#FAF7EC;
  border:1px solid #7E5375;
  border-radius:8px;
  padding:8px 12px;
  font-size:15px;
  font-family:inherit;
  cursor:pointer;
}

/* ================= WRITING SLOPE HERO ================= */
.writingslope{ position:relative; background:#F3EFE3; }
.slopetop{
  max-width:1200px;
  margin:0 auto;
  padding:26px 24px 0;
}
.perg-style{ position:relative; }
.slopepanel{
  background:linear-gradient(115deg, #FAF7EC 0%, #F1EAD8 72%, #EAE1CB 100%);
  border:1px solid #C9C1AC;
  border-left:10px solid #9B6B8D;
  border-radius:6px 4px 4px 26px;
  padding:22px 26px 26px;
  min-height:320px;
  position:relative;
  box-shadow:7px 9px 0 #CFC7B2;
  transform:rotate(-0.6deg);
}
.slopedesk{
  position:absolute;
  left:34px; right:34px;
  bottom:6px;
  height:30px;
  background:#7B7A80;
  border-radius:4px 4px 0 0;
}
/* reusable orbit pieces lifted onto the slope */
.inkwell{
  width:52px; height:44px;
  background:#33313B;
  border-radius:6px 6px 10px 10px;
  position:relative;
  box-shadow:inset 3px 0 0 #2B2A33;
}
.inkwell:before{
  content:"";
  position:absolute;
  top:-8px; left:16px;
  width:20px; height:8px;
  background:#2B2A33;
  border-radius:3px;
}
.quill{
  position:absolute;
  right:-10px; top:-86px;
  width:6px; height:92px;
  background:#2B2A33;
  border-radius:3px;
  transform:rotate(14deg);
  transform-origin:bottom;
}
.quill:after{
  content:"";
  position:absolute;
  top:0; left:-13px;
  width:34px; height:22px;
  background:#9B6B8D;
  border-radius:60% 20% 40% 20%;
  transform:rotate(24deg);
}
.sealpress{
  position:absolute;
  right:40px; bottom:34px;
  width:56px; height:74px;
  background:#7B7A80;
  border-radius:8px;
  box-shadow:5px 5px 0 #2B2A33;
}
.sealpress:before{
  content:"";
  position:absolute;
  top:-22px; left:26px;
  width:10px; height:26px;
  background:#33313B;
}
.sealpress:after{
  content:"";
  position:absolute;
  top:-40px; left:17px;
  width:28px; height:24px;
  background:#9B6B8D;
  border-radius:8px;
}
.orchidbloom{
  position:absolute;
  width:60px; height:60px;
  transform:rotate(18deg);
}
.orchidbloom i{
  position:absolute;
  inset:0;
  border-radius:60% 10% 60% 10%;
  background:#CBB0CA;
}
.orchidbloom b{
  position:absolute;
  inset:10px;
  border-radius:50%;
  background:#9B6B8D;
}
.deedbundle{ display:none; }
.ledgerrail-hero-hint{ display:none; }

/* lower desk band */
.deskband{
  background:#7B7A80;
  max-width:1200px;
  margin:12px auto 0;
  padding:40px 64px 40px;
  border-top:6px solid #9B6B8D;
  border-radius:0 0 6px 6px;
  position:relative;
  color:#FAF7EC;
}
.eyebrow{
  font-size:13px;
  letter-spacing:4px;
  text-transform:uppercase;
  color:#E9DBD6;
  margin-bottom:12px;
  font-weight:bold;
}
.herotitle{
  font-size:56px;
  line-height:1.05;
  color:#FFFFFF;
  font-weight:bold;
  margin-bottom:6px;
  max-width:780px;
}
.stamp-inline{ color:#EBD4E4; font-size:56px; }
.herotext{
  max-width:720px;
  font-size:18px;
  color:#EFEDE4;
  margin:16px 0 24px;
}
.heroctas{ display:flex; gap:14px; flex-wrap:wrap; }
.btn{
  display:inline-block;
  font-weight:bold;
  letter-spacing:0.5px;
  padding:13px 22px;
  border-radius:4px;
  cursor:pointer;
  border:2px solid transparent;
  font-family:inherit;
  font-size:16px;
}
.btn--orchid{
  background:#9B6B8D;
  color:#FFFFFF;
  border-color:#EDD9E6;
}
.btn--orchid:hover{ background:#8E5A7E; color:#FFFFFF; text-decoration:none; }
.btn--vellum{
  background:#FAF7EC;
  color:#7E5375;
  border-color:#7E5375;
}
.btn--vellum:hover{ background:#EFE6D6; text-decoration:none; }
.btn--lay{
  background:#FAF7EC;
  color:#33313B;
  border-color:#D9D2C0;
}
.btn--lay:hover{ background:#EFE6D6; text-decoration:none; }

.herostats{
  display:flex;
  gap:0;
  background:#33313B;
  margin-top:28px;
  margin-left:-64px;
  margin-right:-64px;
  margin-bottom:-40px;
  border-radius:0 0 6px 6px;
  padding:18px 64px 20px;
  flex-wrap:wrap;
}
.stat{ flex:1 1 200px; padding:6px 14px; border-right:1px solid #4A4753; }
.stat:last-child{ border-right:none; }
.stat b{ display:block; font-size:30px; color:#FFFFFF; }
.stat span{ color:#E9DBD6; font-size:14px; letter-spacing:1px; }
.statdot{ color:#9B6B8D; }

/* ================= DEED ROWS + SUCCESSION RUN ================= */
.deedarea{ background:#F3EFE3; padding:76px 0 24px; }
.deedhead{ text-align:center; max-width:760px; margin:0 auto 46px; }
.deedhead .kicker{
  color:#7B7A80;
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
}
.deedhead h2{ font-size:38px; margin-top:8px; color:#2B2A33; }
.deedhead p{ color:#4A4850; margin-top:14px; }

.deedrow{
  background:#FAF7EC;
  max-width:1040px;
  margin:18px auto;
  padding:30px 34px 32px 34px;
  border:1px solid #C9C1AC;
  border-right-width:10px;
  border-right-color:#9B6B8D;
  border-radius:6px 4px 38px 6px;
  position:relative;
  display:flex;
  gap:26px;
  align-items:flex-start;
}
.deedrow.row-alt{
  transform:translateX(40px);
  border-right-color:#CBB0CA;
}
.deedrow.row-back{
  transform:translateX(-40px);
}
.deedstamp{
  flex:0 0 auto;
  width:92px; height:92px;
  border-radius:50%;
  border:2px solid #9B6B8D;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  background:#F6F0E0;
  box-shadow:0 0 0 4px #F6F0E0, 0 0 0 5px #D9C4C3;
}
.deedstamp small{ font-size:10px; letter-spacing:1px; color:#7B7A80; }
.deedstamp b{ font-size:18px; color:#7E5375; }
.ribbonmark{
  position:absolute;
  width:10px; height:74px;
  background:#9B6B8D;
  top:14px; right:22px;
  border-radius:0 0 6px 6px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.ribbonmark:before{
  content:"";
  width:18px; height:18px;
  background:#7E5375;
  border-radius:50%;
}
.deedbody h3{ font-size:25px; color:#7E5375; margin-bottom:8px; }
.deedbody p{ color:#34323B; margin-bottom:12px; }
.deedlink{ font-weight:bold; color:#9B6B8D; }
.deedlink:hover{ text-decoration:none; color:#7E5375; }

.statementband{
  background:#9B6B8D;
  color:#FFFFFF;
  margin:54px 0 8px;
  padding:44px 24px;
  text-align:center;
}
.statement-inner{ max-width:820px; margin:0 auto; }
.statfigure{ font-size:88px; line-height:1; color:#FFFFFF; font-weight:bold; }
.statpledge{ font-size:22px; color:#F7ECF3; margin-top:10px; }
.statpledge em{ font-style:normal; color:#FFFFFF; }
.statemark{ letter-spacing:6px; color:#EAD9E5; }

.succession{
  background:#7B7A80;
  color:#F2F0E8;
  margin:0;
  padding:48px 0 60px;
}
.succession .wrap{ position:relative; z-index:1; }
.successionhead{ max-width:720px; margin-bottom:34px; }
.successionhead .kicker{
  color:#E9DBD6;
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:12px;
}
.successionhead h2{ color:#FFFFFF; font-size:32px; margin-top:8px; }
.successionhead p{ color:#DEDCD4; margin-top:12px; }
.fileline{
  position:relative;
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding-top:16px;
}
.fileline:before{
  content:"";
  position:absolute;
  top:38px; left:24px; right:24px;
  border-top:3px dashed #CBB0CA;
  z-index:0;
}
.station{
  position:relative;
  flex:1;
  text-align:center;
  z-index:1;
}
.stationtab{
  display:inline-block;
  background:#F3EFE3;
  color:#7E5375;
  font-weight:bold;
  border:1px solid #C9C1AC;
  border-top:4px solid #9B6B8D;
  padding:8px 16px;
  border-radius:6px 6px 0 0;
}
.stationtab.final{ background:#9B6B8D; color:#FFFFFF; border-color:#7E5375; }
.station .glyph{
  width:18px; height:18px;
  background:#9B6B8D;
  border-radius:50%;
  margin:10px auto;
  border:3px solid #FAF7EC;
}
.station p{ font-size:14px; color:#E4E2DA; margin-top:8px; max-width:200px; margin-left:auto; margin-right:auto; }
.station.final p{ color:#FFFFFF; font-weight:bold; }

/* ================= ACCENT INTAKE STRIP ================= */
.accentstrip{ background:#9B6B8D; }
.strip-inner{
  max-width:1200px;
  margin:0 auto;
  padding:38px 24px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
}
.strip-stamp{
  border:2px solid #FFFFFF;
  color:#FFFFFF;
  display:inline-block;
  padding:6px 12px;
  text-transform:uppercase;
  letter-spacing:3px;
  font-size:12px;
  transform:rotate(-3deg);
  margin-bottom:10px;
}
.strip-text{ flex:1 1 420px; }
.strip-text h2{ color:#FFFFFF; font-size:26px; margin-bottom:6px; }
.strip-text p{ color:#F6ECF2; }

/* ================= GENERAL CONTENT ================= */
.contentblock{ background:#F3EFE3; padding:70px 0; }
.sectionlabel{
  text-align:center;
  max-width:760px;
  margin:0 auto 44px;
}
.sectionlabel .kicker{
  color:#7B7A80;
  letter-spacing:3px;
  text-transform:uppercase;
  font-size:12px;
  font-weight:bold;
}
.sectionlabel h2{ font-size:38px; color:#2B2A33; margin-top:8px; }
.sectionlabel p{ color:#4A4850; margin-top:14px; }

/* panelled two column intro */
.splitpanels{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
}
.panelist{
  background:#FAF7EC;
  border:1px solid #C9C1AC;
  border-top:6px solid #9B6B8D;
  border-radius:6px;
  padding:28px;
}
.panelist h3{ color:#7E5375; font-size:24px; margin-bottom:8px; }
.panelist p{ color:#34323B; }
.panelist ul{ list-style:none; margin:14px 0 0; }
.panelist li{
  padding:8px 0 8px 26px;
  border-bottom:1px solid #E6DFCD;
  color:#34323B;
  position:relative;
}
.panelist li:before{
  content:"";
  position:absolute;
  left:2px; top:16px;
  width:10px; height:4px;
  background:#9B6B8D;
}

/* ================= FOOTER (LEDGER RAIL) ================= */
.ledgerrail{ background:#33313B; color:#D6D2CA; position:relative; z-index:1; }
.railcap{
  height:22px;
  background:repeating-linear-gradient(90deg, #F3EFE3 0, #F3EFE3 40px, #7B7A80 40px, #7B7A80 60px);
  border-bottom:4px solid #9B6B8D;
}
.footinner{
  max-width:1200px;
  margin:0 auto;
  padding:44px 24px 30px;
  position:relative;
  z-index:1;
}
.footmotto{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:28px;
}
.hooks{ display:flex; gap:10px; }
.hook{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.hook i{
  width:26px; height:8px;
  border:2px solid #CBB0CA;
  border-bottom:none;
  border-radius:14px 14px 0 0;
}
.hook b{
  width:4px; height:16px;
  background:#9B6B8D;
  border-radius:2px;
}
.footmotto span{
  letter-spacing:3px;
  color:#F2EFE6;
  font-weight:bold;
  text-transform:uppercase;
  font-size:13px;
}
.footgrid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:30px;
}
.footcol{
  background:#3D3A46;
  border:1px solid #4A4753;
  border-top:4px solid #9B6B8D;
  border-radius:6px;
  padding:18px 20px;
}
.footcol h4{
  color:#CBB0CA;
  font-size:13px;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:14px;
  border-bottom:1px solid #4A4753;
  padding-bottom:8px;
}
.footcol ul{ list-style:none; }
.footcol li{ margin-bottom:10px; }
.footcol a{ color:#DAD6C9; }
.footcol a:hover{ color:#FFFFFF; text-decoration:none; }

.baseplate{
  margin-top:34px;
  background:#FAF7EC;
  border:1px solid #C9C1AC;
  border-radius:6px;
  padding:22px 26px;
  color:#2B2A33;
  position:relative;
  z-index:1;
  text-align:center;
}
.baseplate .firm{ font-size:20px; font-weight:bold; color:#7E5375; letter-spacing:1px; }
.baseplate .firmaddr{ color:#4A4850; margin:6px 0 10px; font-size:15px; }
.baseplate .firmline{ display:inline-block; padding:0 8px; }
.baseplate a{ color:#7E5375; font-weight:bold; }
.copyright{ margin-top:16px; color:#CBB0CA; font-size:14px; letter-spacing:1px; text-align:center; }

/* ================= CONTACT PAGE ================= */
.pagehero{
  background:#33313B;
  color:#F2F0E8;
  padding:50px 0 44px;
}
.pagehero .wrap{ max-width:900px; }
.pagehero .eyebrow{ color:#CBB0CA; }
.pagehero h1{ font-size:40px; color:#FFFFFF; margin-bottom:10px; }
.pagehero p{ color:#D6D2CA; }

.contactgrid{
  display:grid;
  grid-template-columns:1.4fr 1fr;
  gap:36px;
  padding:64px 0;
  align-items:start;
}
.formbox{
  background:#FAF7EC;
  border:1px solid #C9C1AC;
  border-top:8px solid #9B6B8D;
  border-radius:6px;
  padding:32px;
}
.formbox h2{ color:#2B2A33; font-size:26px; margin-bottom:6px; }
.formbox .note{ color:#4A4850; margin-bottom:22px; }
.field{ margin-bottom:18px; }
.field label{ display:block; font-weight:bold; color:#34323B; margin-bottom:6px; }
.field input, .field textarea, .field select{
  width:100%;
  font-family:inherit;
  font-size:16px;
  color:#2B2A33;
  background:#FFFFFF;
  border:1px solid #BDB6A2;
  border-left:5px solid #9B6B8D;
  padding:11px 12px;
  border-radius:4px;
}
.field textarea{ min-height:150px; resize:vertical; }
.field input:focus, .field textarea:focus{
  outline:none;
  border-color:#7E5375;
  box-shadow:0 0 0 3px #E9D9E2;
}
.form-note{ font-size:13px; color:#5A575F; margin-top:12px; }
.contactinfobox{
  background:#7B7A80;
  color:#F2EFE6;
  border-radius:6px;
  padding:30px;
  border-bottom:6px solid #9B6B8D;
}
.contactinfobox h3{ color:#FFFFFF; font-size:22px; margin-bottom:16px; }
.contactinfobox .line{ padding:12px 0; border-bottom:1px solid #96938F; }
.contactinfobox .line b{ display:block; color:#E9DBD6; letter-spacing:1px; font-size:12px; text-transform:uppercase; margin-bottom:3px; }
.contactinfobox .line p, .contactinfobox .line a{ color:#FFFFFF; }
.contactinfobox .line a:hover{ color:#FFFFFF; text-decoration:underline; }
.businesstable{ width:100%; border-collapse:collapse; margin-top:6px; }
.businesstable td{ padding:6px 0; color:#F2EFE6; font-size:14px; border-bottom:1px solid #96938F; }
.businesstable td:last-child{ text-align:right; font-weight:bold; }

.faqgrid{ max-width:900px; }
.faqitem{
  background:#FAF7EC;
  border:1px solid #C9C1AC;
  border-left:6px solid #9B6B8D;
  border-radius:6px;
  padding:20px 24px;
  margin-bottom:16px;
}
.faqitem h3{ font-size:20px; color:#7E5375; margin-bottom:8px; }
.faqitem p{ color:#34323B; }

/* ================= SERVICES PAGE ================= */
.serviceintro{ padding:64px 0 20px; background:#F3EFE3; }
.leadrow{ max-width:860px; margin:0 0 40px; }
.leadrow h2{ font-size:34px; color:#2B2A33; margin-bottom:14px; }
.leadrow p{ color:#4A4850; margin-bottom:14px; }

.detailflow{ }
.detailblock{
  background:#FAF7EC;
  border:1px solid #C9C1AC;
  border-right:12px solid #9B6B8D;
  border-radius:6px 4px 30px 6px;
  margin:22px auto;
  max-width:980px;
  padding:30px 34px;
  overflow:hidden;
}
.detailblock h3{ font-size:26px; color:#7E5375; display:flex; align-items:center; gap:14px; margin-bottom:10px; }
.detailblock .num{
  background:#9B6B8D;
  color:#FFFFFF;
  min-width:44px; height:44px;
  display:inline-flex; align-items:center; justify-content:center;
  border-radius:50%;
  font-size:18px;
}
.detailblock p{ color:#34323B; margin-bottom:12px; }
.detailblock ul{ margin:6px 0 12px 20px; }
.detailblock li{ margin-bottom:6px; color:#34323B; }

.processband{
  background:#7B7A80;
  color:#F2EFE6;
  margin-top:54px;
}
.process-inner{ max-width:1000px; margin:0 auto; padding:52px 24px; }
.process-inner h2{ color:#FFFFFF; font-size:32px; margin-bottom:8px; }
.process-inner > p{ color:#DEDCD4; margin-bottom:26px; }
.steplist{ display:grid; grid-template-columns:repeat(auto-fit,minmax(180px,1fr)); gap:18px; }
.step{
  background:#FAF7EC;
  color:#2B2A33;
  border-top:5px solid #9B6B8D;
  border-radius:6px;
  padding:18px;
}
.step b{ display:block; color:#9B6B8D; font-size:28px; margin-bottom:6px; }
.step span{ color:#34323B; font-size:15px; }

/* ================= RESPONSIVE ================= */
@media (max-width:920px){
  .herostats{ margin-left:-24px; margin-right:-24px; padding-left:24px; padding-right:24px; }
  .splitpanels{ grid-template-columns:1fr; }
  .footgrid{ grid-template-columns:1fr; gap:26px; }
  .contactgrid{ grid-template-columns:1fr; }
  .herotitle{ font-size:40px; }
  .deedrow.row-alt, .deedrow.row-back{ transform:none; }
  .fileline{ flex-direction:column; align-items:center; }
  .fileline:before{ display:none; }
  .station{ max-width:260px; }
}
@media (max-width:760px){
  .ribbontabs{ display:none; }
  .ribbontabs.open{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:6px;
    background:#F3EFE3;
    border-top:1px solid #D9D2C0;
    padding:12px 18px;
  }
  .navlinks{ flex-direction:column; align-items:stretch; gap:6px; }
  .navlink{ transform:none; text-align:center; border-radius:6px; border-bottom:1px solid #C9C1AC; }
  .cta-chip{ margin:4px 0 0; transform:none; text-align:center; }
  .nav-toggle{ display:inline-block; }
  .brandblock{ font-size:14px; }
  .deskband{ padding:34px 24px 0; }
  .herostats{ margin-bottom:0; border-radius:0; }
}

.slopedeck{ display:none; }

/* scope keep: nothing fixed for bottom/floating elements */