/* ==========================================================================
   BURAQ MERCHANDISER — design system v2
   Espresso / warm muted gold / ivory. Editorial B2B.
   ========================================================================== */

:root{
  --espresso:#2B1D10;
  --espresso-2:#3B2917;
  --ink:#171310;
  --charcoal:#33302B;
  --gold:#A88243;
  --gold-soft:#C0A06A;
  --gold-light:#D8BC8A;
  --ivory:#F5F1EA;
  --ivory-2:#EDE7DC;
  --white:#FFFFFF;
  --muted:#6A6155;
  --line:rgba(43,29,16,.13);
  --line-dark:rgba(232,216,190,.16);

  --display:"Newsreader",Georgia,"Times New Roman",serif;
  --sans:"Archivo",-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;

  --pad:clamp(20px,5vw,72px);
  --max:1360px;
  --sec:clamp(72px,9vw,150px);
  --hdr:82px;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:96px}
body{
  margin:0;background:var(--ivory);color:var(--ink);
  font-family:var(--sans);font-size:clamp(15.5px,1.02vw,16.8px);
  line-height:1.68;font-weight:400;-webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--display);font-weight:400;line-height:1.08;margin:0;letter-spacing:-.015em}
p{margin:0 0 1.1em}
p:last-child{margin-bottom:0}

.shell{max-width:var(--max);margin-inline:auto;padding-inline:var(--pad)}
.sec{padding-block:var(--sec)}
.sec--sm{padding-block:clamp(52px,6vw,90px)}

/* ---------- type utilities ---------- */
.label{
  font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.24em;
  text-transform:uppercase;color:var(--gold);margin:0 0 14px;display:block;
}
.t-hero{font-size:clamp(2.6rem,6.4vw,5.4rem);line-height:.98;letter-spacing:-.025em}
.t-xl{font-size:clamp(2.1rem,4.4vw,3.6rem)}
.t-lg{font-size:clamp(1.7rem,2.9vw,2.5rem)}
.t-md{font-size:clamp(1.25rem,1.8vw,1.6rem)}
.t-sm{font-size:clamp(1.05rem,1.35vw,1.2rem)}
.lede{font-size:clamp(1.04rem,1.28vw,1.2rem);line-height:1.62;color:#463D33;max-width:64ch}
.small{font-size:.85rem;color:var(--muted)}
.tiny{font-size:.76rem;color:var(--muted);line-height:1.6}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:.6em;
  font-family:var(--sans);font-size:.74rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;padding:17px 30px;border:1px solid transparent;
  text-decoration:none;cursor:pointer;border-radius:0;
  transition:background .28s ease,color .28s ease,border-color .28s ease;
}
.btn--solid{background:var(--espresso);color:#F4EDE2;border-color:var(--espresso)}
.btn--solid:hover{background:var(--gold);border-color:var(--gold);color:#20160B}
.btn--gold{background:var(--gold);color:#20160B;border-color:var(--gold)}
.btn--gold:hover{background:#B8935A;border-color:#B8935A}
.btn--line{border-color:rgba(43,29,16,.3);color:var(--espresso)}
.btn--line:hover{border-color:var(--espresso);background:var(--espresso);color:#F4EDE2}
.btn--lineLight{border-color:rgba(240,228,208,.42);color:#F2E8D9}
.btn--lineLight:hover{background:#F2E8D9;color:var(--espresso);border-color:#F2E8D9}
.btn--wide{width:100%}
:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

/* ---------- header ---------- */
.hdr{
  position:sticky;top:0;z-index:80;background:rgba(245,241,234,.94);
  backdrop-filter:saturate(150%) blur(12px);border-bottom:1px solid var(--line);
  transition:box-shadow .3s ease;
}
.hdr.is-stuck{box-shadow:0 10px 30px -24px rgba(43,29,16,.6)}
.hdr-in{display:flex;align-items:center;gap:22px;min-height:var(--hdr);transition:min-height .3s ease}
.hdr.is-stuck .hdr-in{min-height:68px}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;margin-right:auto;padding:8px 0}
.brand img{height:44px;width:auto;transition:height .3s ease}
.hdr.is-stuck .brand img{height:38px}
.brand .bt{display:block}
.brand b{
  font-family:var(--display);font-size:clamp(.86rem,3vw,1.02rem);font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;line-height:1.05;display:block;white-space:nowrap;color:var(--espresso);
}
.brand .bt span{
  font-size:.58rem;font-weight:600;letter-spacing:.19em;text-transform:uppercase;
  color:var(--gold);display:block;margin-top:3px;
}
@media(max-width:430px){.brand .bt span{display:none}.brand img{height:38px}}
.nav{display:none}
@media(min-width:1120px){
  .nav{display:flex;align-items:center;gap:28px}
  .nav a{text-decoration:none;font-size:.8rem;font-weight:500;letter-spacing:.06em;color:#413A31;position:relative;padding:6px 0}
  .nav a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gold);transition:width .3s ease}
  .nav a:hover::after,.nav a[aria-current="page"]::after{width:100%}
  .nav a[aria-current="page"]{color:var(--espresso);font-weight:600}
}
.hdr .btn{display:none}
@media(min-width:1120px){.hdr .btn{display:inline-flex;padding:14px 24px}}
.burger{
  display:inline-flex;align-items:center;gap:9px;background:none;border:1px solid var(--line);
  padding:12px 15px;font-family:var(--sans);font-size:.68rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--espresso);cursor:pointer;
}
@media(min-width:1120px){.burger{display:none}}
.burger i{display:block;width:16px;height:9px;position:relative}
.burger i::before,.burger i::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:var(--espresso);transition:transform .3s,top .3s}
.burger i::before{top:0}.burger i::after{top:7px}
.burger[aria-expanded="true"] i::before{top:4px;transform:rotate(45deg)}
.burger[aria-expanded="true"] i::after{top:4px;transform:rotate(-45deg)}
.mnav{display:none;background:var(--ivory);border-top:1px solid var(--line)}
.mnav.open{display:block}
@media(min-width:1120px){.mnav{display:none!important}}
.mnav ul{list-style:none;margin:0;padding:6px 0 20px}
.mnav a{
  display:flex;justify-content:space-between;align-items:center;text-decoration:none;
  padding:15px 0;border-bottom:1px solid var(--line);font-family:var(--display);font-size:1.1rem;
}
.mnav a em{font-style:normal;font-size:.64rem;font-family:var(--sans);font-weight:600;letter-spacing:.16em;color:var(--gold)}
.mnav .acts{display:grid;gap:10px;padding-top:18px}

/* ---------- hero ---------- */
.hero{position:relative;background:var(--espresso);color:#F1E7D8;overflow:hidden}
.hero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.5}
.hero::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(100deg,rgba(23,15,7,.94) 0%,rgba(23,15,7,.78) 42%,rgba(23,15,7,.34) 100%);
}
.hero-in{position:relative;z-index:2;padding-block:clamp(86px,13vw,180px)}
.hero h1{color:#FBF5EC;max-width:17ch}
.hero .lede{color:#D9CBB4;margin-top:26px;max-width:52ch}
.hero-acts{display:flex;flex-wrap:wrap;gap:12px;margin-top:38px}
.hero-idx{
  position:relative;z-index:2;border-top:1px solid var(--line-dark);
  display:grid;grid-template-columns:1fr;
}
@media(min-width:760px){.hero-idx{grid-template-columns:repeat(3,1fr)}}
.hero-idx div{padding:24px 26px 24px 0;border-right:1px solid var(--line-dark)}
.hero-idx div:last-child{border-right:0}
@media(max-width:759px){.hero-idx div{border-right:0;border-bottom:1px solid var(--line-dark);padding-right:0}
  .hero-idx div:last-child{border-bottom:0}}
.hero-idx b{font-family:var(--display);font-size:1.14rem;font-weight:500;color:#F3E9D9;display:block;margin-bottom:5px}
.hero-idx span{font-size:.84rem;color:#B8A88F}

/* ---------- section header (2-col editorial) ---------- */
.shead{display:grid;gap:16px 48px;margin-bottom:clamp(34px,4.4vw,60px)}
@media(min-width:900px){.shead{grid-template-columns:.34fr .66fr;align-items:start}}
.shead .col-l{border-top:1px solid var(--line);padding-top:16px}
.dark .shead .col-l{border-color:var(--line-dark)}
.shead .num{font-family:var(--display);font-size:1.1rem;color:var(--gold);display:block;margin-bottom:6px}
.shead h2{margin-bottom:16px}

/* ---------- surfaces ---------- */
.dark{background:var(--espresso);color:#E4D8C4}
.dark h1,.dark h2,.dark h3{color:#F6EDE0}
.dark .lede{color:#CBBCA3}
.dark .small,.dark .tiny{color:#A99B85}
.tint{background:var(--ivory-2)}
.paper{background:var(--white)}

/* ---------- media ---------- */
/* image slots use CSS backgrounds; browsers fetch them only when painted */
.pic{
  display:block;position:relative;overflow:hidden;background-color:#3B2917;
  background-image:
    var(--img,none),
    radial-gradient(circle at var(--ax,84%) var(--ay,120%), transparent 0 42%, rgba(200,168,112,.20) 42% 42.4%, transparent 42.5%),
    radial-gradient(circle at var(--ax,84%) var(--ay,120%), transparent 0 58%, rgba(200,168,112,.13) 58% 58.3%, transparent 58.4%),
    repeating-linear-gradient(52deg, rgba(255,255,255,.05) 0 1px, transparent 1px 11px),
    linear-gradient(155deg,#5A4021 0%,#3A2713 55%,#221609 100%);
  background-size:cover;background-position:center;background-repeat:no-repeat;
}
.pic--tall{aspect-ratio:4/5}
.pic--wide{aspect-ratio:16/10}
.pic--sq{aspect-ratio:1/1}
.pic--pano{aspect-ratio:2.4/1}
@media(max-width:700px){.pic--pano{aspect-ratio:16/10}}

/* ---------- feature split ---------- */
.split{display:grid;gap:clamp(30px,4.6vw,68px);align-items:center}
@media(min-width:920px){.split{grid-template-columns:1fr 1fr}}
@media(min-width:920px){.split--l{grid-template-columns:1.12fr .88fr}}
.split--flip .split-media{order:-1}
@media(max-width:919px){.split-media{order:-1}}

/* ---------- product grid ---------- */
.feat{position:relative;overflow:hidden;text-decoration:none;display:block;background:var(--espresso)}
.feat .pic{aspect-ratio:2.5/1;opacity:.62;transition:transform .8s cubic-bezier(.2,.6,.2,1),opacity .5s}
@media(max-width:760px){.feat .pic{aspect-ratio:4/5}}
.feat:hover .pic{transform:scale(1.04);opacity:.72}
.feat-txt{
  position:absolute;inset:auto 0 0 0;padding:clamp(26px,4vw,54px);
  background:linear-gradient(to top,rgba(20,13,6,.92),rgba(20,13,6,.1));color:#F6EDE0;
}
.feat-txt .label{color:var(--gold-light)}
.feat-txt h3{font-size:clamp(1.8rem,3.6vw,3rem);color:#FBF5EC}
.feat-txt p{max-width:56ch;color:#D5C6AD;margin-top:12px}
.feat-txt .go{
  display:inline-flex;align-items:center;gap:10px;margin-top:20px;
  font-size:.74rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--gold-light);
}
.feat-txt .go::after{content:"";width:26px;height:1px;background:var(--gold-light);transition:width .3s}
.feat:hover .go::after{width:46px}

.grid{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media(min-width:620px){.grid--2{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.grid--3{grid-template-columns:repeat(3,1fr)}}
@media(min-width:620px) and (max-width:899px){.grid--3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1100px){.grid--4{grid-template-columns:repeat(4,1fr)}}
@media(min-width:620px) and (max-width:1099px){.grid--4{grid-template-columns:repeat(2,1fr)}}

.tile{background:var(--white);text-decoration:none;display:flex;flex-direction:column;transition:background .3s}
.tile:hover{background:#FBF8F3}
.tile .pic{transition:transform .7s cubic-bezier(.2,.6,.2,1)}
.tile:hover .pic{transform:scale(1.045)}
.tile-frame{display:block;overflow:hidden}
.tile-b{padding:22px 24px 26px;display:flex;flex-direction:column;gap:9px;flex:1}
.tile-b .idx{font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)}
.tile-b h3{font-size:1.24rem}
.tile-b p{font-size:.9rem;color:var(--muted);margin:0}
.tile-b .go{
  margin-top:auto;padding-top:12px;font-size:.68rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--espresso);display:inline-flex;align-items:center;gap:9px;
}
.tile-b .go::after{content:"";width:18px;height:1px;background:var(--gold);transition:width .3s}
.tile:hover .go::after{width:34px}

/* ---------- numbered list rows (services) ---------- */
.rows{border-top:1px solid var(--line)}
.dark .rows{border-color:var(--line-dark)}
.row{
  display:grid;gap:6px 32px;padding:26px 0;border-bottom:1px solid var(--line);
  transition:padding-left .35s ease,background .35s ease;
}
.dark .row{border-color:var(--line-dark)}
@media(min-width:820px){.row{grid-template-columns:96px .9fr 1.5fr;align-items:baseline}}
.row:hover{padding-left:14px;background:rgba(168,130,67,.07)}
.row .n{font-family:var(--display);font-size:1.35rem;color:var(--gold)}
.row h3{font-size:clamp(1.16rem,1.6vw,1.4rem)}
.row p{margin:0;font-size:.93rem;color:var(--muted)}
.dark .row p{color:#AC9E88}

/* ---------- process timeline ---------- */
.steps{display:grid;gap:0;position:relative}
@media(min-width:1000px){.steps{grid-template-columns:repeat(5,1fr)}}
.step{padding:32px 26px 34px 0;border-top:2px solid var(--line);position:relative}
.dark .step{border-top-color:var(--line-dark)}
@media(max-width:999px){.step{padding-right:0}}
.step::before{
  content:"";position:absolute;top:-2px;left:0;width:34px;height:2px;background:var(--gold);
}
.step .n{
  font-family:var(--display);font-size:2.5rem;line-height:1;color:var(--gold);
  display:block;margin-bottom:14px;
}
.step h3{font-size:1.1rem;margin-bottom:9px;text-transform:uppercase;letter-spacing:.03em;font-family:var(--sans);font-weight:600}
.step p{font-size:.9rem;color:var(--muted);margin:0}
.dark .step p{color:#AC9E88}

/* ---------- why grid ---------- */
.whys{display:grid;gap:0 clamp(28px,4vw,56px)}
@media(min-width:700px){.whys{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1060px){.whys{grid-template-columns:repeat(3,1fr)}}
.why{padding:28px 0;border-top:1px solid var(--line)}
.dark .why{border-color:var(--line-dark)}
.why .n{font-size:.68rem;font-weight:600;letter-spacing:.2em;color:var(--gold);display:block;margin-bottom:12px}
.why h3{font-size:1.2rem;margin-bottom:9px}
.why p{margin:0;font-size:.92rem;color:var(--muted)}
.dark .why p{color:#AC9E88}

/* ---------- business network ---------- */
.net{display:grid;gap:0;border-top:1px solid var(--line)}
@media(min-width:860px){.net{grid-template-columns:repeat(3,1fr)}}
.net-item{padding:30px 30px 32px 0;border-bottom:1px solid var(--line)}
@media(min-width:860px){
  .net-item{border-right:1px solid var(--line);padding-left:30px;border-bottom:0}
  .net-item:first-child{padding-left:0}
  .net-item:last-child{border-right:0}
}
.dark .net,.dark .net-item{border-color:var(--line-dark)}
.net-item h3{font-size:1.22rem;margin-bottom:7px}
.net-item .role{font-size:.7rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:block}
.net-item p{font-size:.9rem;color:var(--muted);margin:0}
.dark .net-item p{color:#AC9E88}
.net-item a{font-size:.8rem;color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(168,130,67,.5);padding-bottom:2px;display:inline-block;margin-top:12px}

/* ---------- disclosure ---------- */
.disclosure{
  border-left:2px solid var(--gold);padding:12px 0 12px 20px;
  font-size:.88rem;color:var(--muted);max-width:76ch;
}
.dark .disclosure{color:#BAAC96}

/* ---------- form ---------- */
.form-wrap{display:grid;gap:0}
@media(min-width:1000px){.form-wrap{grid-template-columns:.38fr .62fr}}
.form-aside{background:var(--espresso);color:#E4D8C4;padding:clamp(30px,4vw,54px)}
.form-aside h2{color:#F6EDE0}
.form-main{background:var(--white);padding:clamp(26px,4vw,54px);border:1px solid var(--line);border-left:0}
@media(max-width:999px){.form-main{border-left:1px solid var(--line)}}
.fgrid{display:grid;gap:20px}
@media(min-width:700px){.fgrid{grid-template-columns:1fr 1fr}}
.f{display:flex;flex-direction:column;gap:7px}
.f--full{grid-column:1/-1}
.f label{font-size:.68rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#4A4136}
.f label i{font-style:normal;color:#9A3C1E}
.f input,.f select,.f textarea{
  font-family:var(--sans);font-size:.94rem;color:var(--ink);padding:13px 14px;
  border:1px solid #DBD2C4;background:var(--ivory);width:100%;border-radius:0;
  transition:border-color .2s,background .2s;
}
.f textarea{min-height:118px;resize:vertical}
.f input:hover,.f select:hover,.f textarea:hover{border-color:var(--gold)}
.f input:focus,.f select:focus,.f textarea:focus{background:var(--white);border-color:var(--gold)}
.f .hint{font-size:.76rem;color:var(--muted)}
.f.err input,.f.err select,.f.err textarea{border-color:#9A3C1E;background:#FDF6F3}
.f .msg{font-size:.76rem;color:#9A3C1E;display:none}
.f.err .msg{display:block}
.f-acts{margin-top:26px;display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.sent{display:none;border:1px solid rgba(168,130,67,.5);border-left:3px solid var(--gold);background:#FBF7F0;padding:26px}
.sent.on{display:block}

/* ---------- contact ---------- */
.cinfo{border-top:1px solid var(--line)}
.cinfo .r{display:grid;gap:4px 26px;padding:20px 0;border-bottom:1px solid var(--line)}
@media(min-width:620px){.cinfo .r{grid-template-columns:180px 1fr;align-items:baseline}}
.cinfo dt{font-size:.68rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.cinfo dd{margin:0;font-size:1rem}
.cinfo dd a{text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px}
.map{border:1px solid var(--line);background:var(--ivory-2)}
.map iframe{display:block;width:100%;height:420px;border:0}
@media(max-width:700px){.map iframe{height:300px}}

/* ---------- CTA band ---------- */
.band{background:var(--espresso);color:#E9DECB;position:relative;overflow:hidden}
.band-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.24}
.band::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,15,7,.94),rgba(23,15,7,.6))}
.band-in{position:relative;z-index:2;display:grid;gap:28px;align-items:center}
@media(min-width:960px){.band-in{grid-template-columns:1.3fr .7fr}}
.band h2{color:#FBF5EC}
.band-acts{display:flex;flex-wrap:wrap;gap:12px}

/* ---------- page hero ---------- */
.phero{background:var(--espresso);color:#E9DECB;position:relative;overflow:hidden}
.phero-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.34}
.phero::after{content:"";position:absolute;inset:0;background:linear-gradient(95deg,rgba(23,15,7,.93),rgba(23,15,7,.62))}
.phero-in{position:relative;z-index:2;padding-block:clamp(58px,8vw,120px);max-width:1000px}
.crumb{font-size:.66rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:#A08F76;margin-bottom:18px}
.crumb a{text-decoration:none;color:#A08F76}
.crumb a:hover{color:var(--gold-light)}
.phero h1{color:#FBF5EC;max-width:20ch}
.phero .lede{color:#CFC0A7;margin-top:20px}

/* ---------- footer ---------- */
.ftr{background:#1E1409;color:#C4B49A;padding-block:clamp(52px,6vw,86px) 0}
.ftr-grid{display:grid;gap:40px}
@media(min-width:920px){.ftr-grid{grid-template-columns:1.3fr .7fr .8fr 1fr}}
.ftr-logo img{height:132px;width:auto;margin-bottom:18px}
@media(max-width:620px){.ftr-logo img{height:108px}}
.ftr h4{font-size:.68rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--gold-light);margin:0 0 16px;font-family:var(--sans)}
.ftr ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.ftr a{text-decoration:none;font-size:.89rem;color:#C4B49A}
.ftr a:hover{color:#F2E8D9}
.ftr p{font-size:.89rem;color:#AB9C85}
.ftr-note{
  margin-top:clamp(38px,5vw,60px);border-top:1px solid rgba(232,216,190,.14);padding-top:24px;
  font-size:.8rem;color:#9C8E77;max-width:86ch;
}
.ftr-bot{
  border-top:1px solid rgba(232,216,190,.14);margin-top:24px;padding-block:22px;
  display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;
  font-size:.72rem;letter-spacing:.06em;color:#8E8069;
}
.ftr-bot a{font-size:.72rem;color:#8E8069}

/* ---------- WhatsApp ---------- */
.wa{
  position:fixed;right:18px;bottom:18px;z-index:90;width:54px;height:54px;border-radius:50%;
  background:var(--espresso);display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px -14px rgba(0,0,0,.7);text-decoration:none;transition:transform .25s,background .25s;
}
.wa:hover{transform:translateY(-3px);background:var(--gold)}
.wa svg{width:26px;height:26px;fill:#F1E7D8}
.wa:hover svg{fill:#20160B}

/* ---------- mobile sticky CTA ---------- */
.mbar{
  position:fixed;left:0;right:0;bottom:0;z-index:85;display:grid;grid-template-columns:1fr 1fr;
  border-top:1px solid rgba(232,216,190,.2);
}
@media(min-width:760px){.mbar{display:none}}
.mbar a{
  text-align:center;padding:16px 8px;text-decoration:none;font-size:.7rem;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;
}
.mbar .q{background:var(--gold);color:#20160B}
.mbar .w{background:var(--espresso);color:#F1E7D8}
@media(max-width:759px){
  body{padding-bottom:54px}
  .wa{bottom:70px}
}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(20px);transition:opacity .75s cubic-bezier(.2,.6,.2,1),transform .75s cubic-bezier(.2,.6,.2,1)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition-duration:.001ms!important;animation-duration:.001ms!important}
  .rv{opacity:1;transform:none}
}
.skip{position:absolute;left:-9999px;background:var(--espresso);color:#F5EFE4;padding:12px 18px;z-index:120}
.skip:focus{left:8px;top:8px}

/* ---------- legal pages ---------- */
.legal{max-width:78ch}
.legal h2{margin-top:38px;margin-bottom:12px;font-size:1.5rem}
.legal h3{margin-top:24px;margin-bottom:8px;font-size:1.12rem}
.legal ul{padding-left:1.15em;color:#463D33}
.legal li{margin-bottom:7px}