/* Brass & Blade Barber Co. Classic heritage: oxblood, cream, brass, near-black. Rozha One + Libre Franklin. */
:root{
  --ox:#6e1f24; --ox-deep:#511519; --cream:#f4ecdc; --cream-2:#ebe0c9; --paper:#fbf7ef;
  --brass:#c79a45; --brass-lt:#dcb769; --brass-ink:#74531a;
  --ink:#1a1613; --ink-2:#231e19; --muted:#5a4f43; --line:#d8c9ab; --on-dark:#e3d7bf;
  --f-display:"Rozha One", Georgia, "Times New Roman", serif;
  --f-text:"Libre Franklin", system-ui, -apple-system, "Segoe UI", sans-serif;
  --wrap:1180px; --gut:clamp(16px,4vw,40px);
  --focus:var(--ox);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font:400 1.0625rem/1.62 var(--f-text)}
img{display:block;max-width:100%;height:auto}
a{color:inherit;text-underline-offset:.18em}
h1,h2,h3{font-family:var(--f-display);font-weight:400;line-height:1.06;margin:0 0 .45em}
h1{font-size:clamp(2.55rem,5.6vw,4.5rem)}
h2{font-size:clamp(1.95rem,4vw,3.2rem)}
h3{font-size:clamp(1.3rem,2vw,1.6rem)}
p{margin:0 0 1em}
ul,ol{margin:0}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.dark{--focus:var(--brass-lt)}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--cream);padding:12px 18px;font-weight:600;text-decoration:none}
.skip:focus{left:12px;top:12px;z-index:99}

.eyebrow{font:600 .8rem/1.4 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-ink);margin:0 0 1rem}
.dark .eyebrow{color:var(--brass-lt)}
.lede{font-size:clamp(1.08rem,1.6vw,1.22rem);max-width:36em}
.section{padding-block:clamp(56px,8vw,112px)}
.section-head{max-width:40em;margin-bottom:clamp(28px,4vw,48px)}

/* Buttons and links */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.35em;min-height:48px;padding:.7em 1.35em;border:2px solid var(--ox);border-radius:2px;background:var(--ox);color:var(--cream);font:600 1rem/1.2 var(--f-text);letter-spacing:.02em;text-decoration:none;cursor:pointer;text-align:center}
.btn:hover{background:var(--ox-deep);border-color:var(--ox-deep)}
.btn-brass{background:var(--brass);border-color:var(--brass);color:var(--ink)}
.btn-brass:hover{background:var(--brass-lt);border-color:var(--brass-lt)}
.btn-line{background:transparent;color:inherit;border-color:currentColor}
.btn-line:hover{background:rgba(26,22,19,.06);border-color:currentColor}
.dark .btn-line:hover{background:rgba(244,236,220,.1)}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
@media (max-width:560px){.btn-row{gap:10px}.btn-row > .btn{flex:1 1 0;min-width:0;padding-inline:.7em;font-size:.95rem}}
.more{display:inline-flex;align-items:center;min-height:44px;font-weight:600;color:var(--ox);text-decoration:underline;text-decoration-thickness:2px}
.dark .more{color:var(--brass-lt)}

/* Header */
.site-head{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}
.head-row{display:flex;align-items:center;gap:16px;min-height:78px}
.brand{display:inline-flex;align-items:center;gap:12px;min-height:44px;text-decoration:none;flex:0 0 auto}
.brand img{width:48px;height:48px}
.brand-name{font-family:var(--f-display);font-size:1.4rem;line-height:1;color:var(--ink)}
.brand-name small{display:block;margin-top:4px;font:600 .66rem/1.3 var(--f-text);letter-spacing:.24em;text-transform:uppercase;color:var(--brass-ink)}
.nav-main{margin-left:auto}
.nav-main ul{display:flex;gap:2px;list-style:none;padding:0}
.nav-main a{display:inline-flex;align-items:center;min-height:44px;padding:0 12px;font-weight:500;font-size:.97rem;text-decoration:none;border-bottom:2px solid transparent}
.nav-main a:hover{color:var(--ox)}
.nav-main a[aria-current="page"]{color:var(--ox);border-bottom-color:var(--brass)}
.head-tel{display:inline-flex;align-items:center;min-height:44px;padding:0 6px;font-weight:700;color:var(--ox);text-decoration:none;white-space:nowrap}
.lang{position:relative}
.lang summary,.mnav summary{display:inline-flex;align-items:center;gap:8px;min-height:44px;min-width:44px;padding:0 12px;border:1px solid var(--line);border-radius:2px;background:var(--paper);font-weight:500;font-size:.92rem;list-style:none;cursor:pointer;justify-content:center}
.lang summary::-webkit-details-marker,.mnav summary::-webkit-details-marker{display:none}
.lang summary svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.4}
.lang-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:210px;padding:12px;background:var(--paper);border:1px solid var(--line);box-shadow:0 12px 30px rgba(26,22,19,.16)}
.mnav{display:none}
.mnav .bars{position:relative;width:18px;height:12px;border-block:2px solid currentColor}
.mnav .bars::after{content:"";position:absolute;left:0;right:0;top:3px;border-top:2px solid currentColor}
.mnav-panel{position:absolute;left:0;right:0;top:100%;padding:6px var(--gut) 22px;background:var(--paper);border-bottom:1px solid var(--line);box-shadow:0 18px 30px rgba(26,22,19,.14)}
.mnav-panel ul{list-style:none;padding:0}
.mnav-panel a{display:flex;align-items:center;min-height:54px;border-bottom:1px solid var(--line);font-family:var(--f-display);font-size:1.4rem;text-decoration:none}
.mnav-panel a[aria-current="page"]{color:var(--ox)}
@media (max-width:1000px){.nav-main{display:none}.head-tel{margin-left:auto}.mnav{display:block}}
@media (max-width:640px){.head-tel{display:none}.lang{margin-left:auto}.lang-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.brand-name{font-size:1.2rem}.brand img{width:44px;height:44px}.head-row{gap:10px}}

/* Home hero: dark room, pressed-tin pattern, framed photo in a cream mat */
.hero{color:var(--cream);background-color:var(--ink);
  background-image:radial-gradient(circle,rgba(220,183,105,.07) 0 7px,transparent 8px),radial-gradient(circle,transparent 0 17px,rgba(220,183,105,.07) 18px 19px,transparent 20px),linear-gradient(rgba(220,183,105,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(220,183,105,.05) 1px,transparent 1px);
  background-size:56px 56px;background-position:28px 28px,28px 28px,0 0,0 0}
.hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.2fr);gap:clamp(36px,5vw,76px);align-items:center;padding-block:clamp(48px,8vw,108px)}
.hero h1{color:var(--cream)}
.hero .lede{color:var(--on-dark)}
.walkin{display:flex;align-items:center;gap:14px;margin-top:30px;padding:14px 18px;border:1px solid rgba(220,183,105,.5);max-width:30em}
.walkin b{flex:0 0 auto;padding:5px 9px;background:var(--brass);color:var(--ink);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase}
.frame{position:relative;margin:0;padding:clamp(16px,2.6vw,30px);background:var(--cream);box-shadow:0 30px 70px rgba(0,0,0,.5)}
.frame-in{border:1px solid var(--brass);padding:clamp(6px,1vw,10px)}
.frame img{width:100%;aspect-ratio:4/3;object-fit:cover}
.cm{position:absolute;width:clamp(16px,2.4vw,28px);height:clamp(16px,2.4vw,28px);border:3px solid var(--brass)}
.cm.tl{top:7px;left:7px;border-right:0;border-bottom:0}.cm.tr{top:7px;right:7px;border-left:0;border-bottom:0}
.cm.bl{bottom:7px;left:7px;border-right:0;border-top:0}.cm.br{bottom:7px;right:7px;border-left:0;border-top:0}
@media (max-width:860px){.hero-grid{grid-template-columns:minmax(0,1fr)}}

/* The barber pole, once, as a thin band */
.pole{height:14px;border-block:2px solid var(--brass);background:repeating-linear-gradient(-45deg,var(--ox) 0 14px,var(--cream) 14px 21px,var(--ink) 21px 35px,var(--cream) 35px 42px)}

/* What we do: square photo + ruled two-column list */
.what-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:start}
.what-photo img{width:100%;aspect-ratio:1/1;object-fit:cover;object-position:50% 40%;border:1px solid var(--ink)}
.svc-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));list-style:none;padding:0;margin-top:8px;border-top:2px solid var(--ink)}
.svc-list li{padding:20px 0;border-bottom:1px solid var(--line)}
.svc-list li:nth-child(odd){padding-right:24px;border-right:1px solid var(--line)}
.svc-list li:nth-child(even){padding-left:24px}
.svc-list h3{margin-bottom:.25em}
.svc-list p{margin:0;color:var(--muted);font-size:.98rem}
.not-menu{margin-top:28px;padding:18px 20px;background:var(--paper);border:2px solid var(--ox)}
.not-menu strong{color:var(--ox)}
@media (max-width:860px){.what-grid{grid-template-columns:minmax(0,1fr)}.what-photo{max-width:460px}}
@media (max-width:560px){.svc-list{grid-template-columns:minmax(0,1fr)}.svc-list li:nth-child(n){padding-inline:0;border-right:0}}

/* Walk-ins: a hanging door sign */
.walk{background:var(--cream-2)}
.walk-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,6vw,88px);align-items:center}
.sign{position:relative;max-width:420px;margin:64px auto 0;padding:32px clamp(20px,4vw,32px) 26px;background:var(--ox);color:var(--cream);border:3px solid var(--brass);border-radius:12px;box-shadow:0 20px 44px rgba(26,22,19,.28)}
.sign::before{content:"";position:absolute;left:50%;top:-50px;width:160px;height:50px;transform:translateX(-50%);
  background:linear-gradient(to top right,transparent calc(50% - 1px),var(--brass-ink) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)) left/50% 100% no-repeat,
             linear-gradient(to top left,transparent calc(50% - 1px),var(--brass-ink) calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px)) right/50% 100% no-repeat}
.sign::after{content:"";position:absolute;left:50%;top:-58px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--brass);box-shadow:0 0 0 3px var(--brass-ink)}
.sign h3{text-align:center;color:var(--cream);font-size:2rem;margin-bottom:.15em}
.sign .stamp{display:block;width:max-content;max-width:100%;margin:0 auto 18px;padding:5px 10px;background:var(--brass);color:var(--ink);font:700 .72rem/1.3 var(--f-text);letter-spacing:.18em;text-transform:uppercase}
.hours{width:100%;border-collapse:collapse;font-size:.98rem}
.hours th,.hours td{padding:9px 0;border-top:1px dashed rgba(244,236,220,.35);font-weight:400}
.hours th{text-align:left;padding-right:12px}
.hours td{text-align:right;white-space:nowrap}
.walk-text h3{margin-top:1.4em}
@media (max-width:860px){.walk-grid{grid-template-columns:minmax(0,1fr)}.sign{margin-top:56px}}

/* The shave: dark, photo + numbered steps */
.shave{background:var(--ink-2);color:var(--cream)}
.shave-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(36px,5vw,80px);align-items:center}
.shave-photo img{width:100%;aspect-ratio:3/2;object-fit:cover}
.shave p{color:var(--on-dark)}
.steps{list-style:none;padding:0;margin:26px 0 8px;counter-reset:s}
.steps li{counter-increment:s;display:grid;grid-template-columns:48px minmax(0,1fr);gap:14px;padding:15px 0;border-top:1px solid rgba(220,183,105,.3)}
.steps li::before{content:counter(s);font-family:var(--f-display);font-size:2rem;line-height:1;color:var(--brass-lt)}
.steps strong{display:block;color:var(--cream);font-weight:600}
.steps span{color:var(--on-dark);font-size:.97rem}
.shave-price{margin-top:18px;font-family:var(--f-display);font-size:1.45rem;color:var(--brass-lt)}
@media (max-width:860px){.shave-grid{grid-template-columns:minmax(0,1fr)}}

/* The painted shop board */
.board{position:relative;padding:clamp(28px,5vw,56px);background:#1c1814;color:var(--cream);border:3px solid var(--brass);outline:1px solid rgba(220,183,105,.6);outline-offset:-12px;box-shadow:inset 0 0 90px rgba(0,0,0,.55),0 22px 46px rgba(26,22,19,.25)}
.board-title{text-align:center;color:var(--cream);letter-spacing:.04em;margin-bottom:.2em}
.board-sub{text-align:center;color:#cfc2a8;font-size:.95rem;margin:0}
.board-rule{display:block;width:140px;height:2px;margin:18px auto 26px;background:var(--brass)}
.prices{list-style:none;padding:0}
.prices li{display:grid;grid-template-columns:minmax(0,max-content) minmax(20px,1fr) auto;align-items:end;gap:10px;padding:11px 0}
.prices .name{font:600 .92rem/1.35 var(--f-text);letter-spacing:.08em;text-transform:uppercase}
.prices .dur{display:block;font:400 .86rem/1.4 var(--f-text);letter-spacing:.01em;text-transform:none;color:#cfc2a8}
.prices .lead{border-bottom:2px dotted rgba(220,183,105,.6);margin-bottom:.55em}
.prices .amt{font-family:var(--f-display);font-size:1.5rem;line-height:1.1;color:var(--brass-lt)}
.board-groups{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px clamp(32px,5vw,64px)}
.board-groups h3{margin:18px 0 4px;padding-bottom:8px;color:var(--brass-lt);border-bottom:1px solid rgba(220,183,105,.4)}
.board-note{margin:26px 0 0;text-align:center;color:#cfc2a8;font-size:.92rem}
.glance-grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,5vw,72px);align-items:center}
@media (max-width:860px){.glance-grid,.board-groups{grid-template-columns:minmax(0,1fr)}}

/* Call to action band */
.cta{background:var(--ox);color:var(--cream)}
.cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;padding-block:clamp(44px,6vw,72px)}
.cta h2{color:var(--cream);margin-bottom:.2em}
.cta p{margin:0;color:#f0e2cc}
.cta .btn-row{margin-top:0}

/* Inner page heads */
.page-hero{background:var(--paper);border-bottom:1px solid var(--line);padding-block:clamp(44px,6vw,84px)}
.ph-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.ph-circle img{width:min(100%,380px);margin-inline:auto;aspect-ratio:1/1;object-fit:cover;border-radius:50%;border:6px solid var(--brass);box-shadow:0 0 0 2px var(--ink)}
@media (max-width:760px){.ph-grid{grid-template-columns:minmax(0,1fr)}.ph-circle img{width:min(100%,280px);margin-inline:0}}

/* Services: good to know + first shave */
.notes{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(20px,3vw,36px)}
.notes > div{padding-top:16px;border-top:3px solid var(--ox)}
.notes h3{font-size:1.35rem}
.notes p{margin:0;color:var(--muted)}
@media (max-width:960px){.notes{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.notes{grid-template-columns:minmax(0,1fr)}}
.first{background:var(--paper);border-block:1px solid var(--line)}
.first-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:center}
.first-grid img{width:100%;aspect-ratio:3/2;object-fit:cover}
.ticks{list-style:none;padding:0;margin:0 0 8px}
.ticks li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid var(--line)}
.ticks li::before{content:"";position:absolute;left:2px;top:.95em;width:12px;height:7px;border-left:2px solid var(--ox);border-bottom:2px solid var(--ox);transform:rotate(-45deg)}
@media (max-width:760px){.first-grid{grid-template-columns:minmax(0,1fr)}}

/* Barbers */
.chairs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(22px,3vw,40px)}
.chair{background:var(--paper);border:1px solid var(--line);min-width:0}
.chair img{width:100%;aspect-ratio:3/2;object-fit:cover}
.chair-body{padding:clamp(20px,3vw,30px)}
.chair-no{margin:0;font:700 .76rem/1.3 var(--f-text);letter-spacing:.2em;text-transform:uppercase;color:var(--brass-ink)}
.chair h2{font-size:clamp(2rem,3.4vw,2.6rem);margin:.15em 0 .3em}
.days{display:flex;flex-wrap:wrap;gap:6px;list-style:none;padding:0;margin:0 0 16px}
.days li{display:grid;place-items:center;width:46px;height:34px;border:1px solid var(--line);font-size:.8rem;font-weight:600;color:var(--muted)}
.days li.on{background:var(--ox);border-color:var(--ox);color:var(--cream)}
.ask{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:14px 0 0}
.ask li{padding:4px 12px;border:1px solid var(--brass);border-radius:999px;font-size:.88rem}
@media (max-width:760px){.chairs{grid-template-columns:minmax(0,1fr)}}
.week{background:var(--cream-2)}
.table-box{position:relative;overflow-x:auto;background:var(--paper);border:1px solid var(--line)}
.week-table{width:100%;border-collapse:collapse}
.week-table caption{text-align:left;padding:16px 18px 0;color:var(--muted);font-size:.95rem}
.week-table th,.week-table td{padding:14px 12px;border-bottom:1px solid var(--line);text-align:center}
.week-table thead th{font:700 .8rem/1.3 var(--f-text);letter-spacing:.12em;text-transform:uppercase;color:var(--brass-ink)}
.week-table tbody th{text-align:left;font-family:var(--f-display);font-weight:400;font-size:1.25rem}
.week-table .in{color:var(--ox);font-weight:700}
.week-table .off{color:var(--muted)}
@media (max-width:520px){.week-table th,.week-table td{padding:12px 5px;font-size:.9rem}.week-table tbody th{font-size:1.05rem}}
.fa-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center}
.fa-grid img{width:100%;max-width:420px;aspect-ratio:4/5;object-fit:cover;border:10px solid var(--paper);box-shadow:0 0 0 1px var(--line)}
@media (max-width:760px){.fa-grid{grid-template-columns:minmax(0,1fr)}.fa-grid img{aspect-ratio:3/2}}

/* The shop */
.offset{position:relative;z-index:0;margin:0 22px 22px 0}
.offset::before{content:"";position:absolute;z-index:-1;top:22px;left:22px;right:-22px;bottom:-22px;background:var(--ox)}
.offset img{width:100%;aspect-ratio:4/5;object-fit:cover}
.history-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:clamp(32px,5vw,72px);align-items:start}
.history-text{max-width:38em}
.dropcap::first-letter{float:left;font-family:var(--f-display);font-size:4.4em;line-height:.82;padding:.08em .1em 0 0;color:var(--ox)}
.history-grid img{width:100%;aspect-ratio:3/4;object-fit:cover}
@media (max-width:760px){.history-grid{grid-template-columns:minmax(0,1fr)}.history-grid img{max-width:360px;aspect-ratio:4/3}}
.compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--ink);background:var(--paper)}
.compare > div{padding:clamp(22px,3.5vw,36px);min-width:0}
.compare > div + div{border-left:2px solid var(--ink)}
.compare dl{margin:0}
.compare dt{margin-top:14px;font:700 .76rem/1.3 var(--f-text);letter-spacing:.16em;text-transform:uppercase;color:var(--brass-ink)}
.compare dd{margin:4px 0 0}
@media (max-width:700px){.compare{grid-template-columns:minmax(0,1fr)}.compare > div + div{border-left:0;border-top:2px solid var(--ink)}}
.facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,48px)}
.facts > div{padding:24px;background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--brass)}
.facts h3{font-size:1.45rem}
.facts p{margin:0 0 .7em}
.facts p:last-child{margin:0}
@media (max-width:860px){.facts{grid-template-columns:minmax(0,1fr)}}
.visit{background:var(--ink);color:var(--cream)}
.visit-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch}
.visit-grid img{width:100%;height:100%;min-height:320px;object-fit:cover}
.visit-card{padding:clamp(28px,5vw,56px)}
.visit-card h2{color:var(--cream)}
.visit-card p{color:var(--on-dark)}
@media (max-width:760px){.visit-grid{grid-template-columns:minmax(0,1fr)}.visit-grid img{min-height:0;aspect-ratio:3/2}}

/* Book */
.book-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:start}
.form{padding:clamp(22px,4vw,40px);background:var(--paper);border:1px solid var(--line);border-top:4px solid var(--ox)}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 20px}
.field{min-width:0}
.field.full{grid-column:1/-1}
.field label{display:block;margin-bottom:6px;font-weight:600}
.opt{font-weight:400;color:var(--muted);font-size:.9em}
.field input,.field select,.field textarea{width:100%;min-height:48px;padding:10px 12px;border:1.5px solid #85765f;border-radius:2px;background:#fff;color:var(--ink);font:inherit}
.field textarea{min-height:120px;resize:vertical}
.field input:focus-visible,.field select:focus-visible,.field textarea:focus-visible{outline:3px solid var(--ox);outline-offset:1px;border-color:var(--ox)}
.hint{display:block;margin-top:5px;font-size:.88rem;color:var(--muted)}
.form .btn{margin-top:24px}
.form-note{margin:14px 0 0;font-size:.92rem;color:var(--muted)}
.aside > div{padding:22px 0;border-top:2px solid var(--ink)}
.aside > div:first-child{padding-top:0;border-top:0}
.aside h2{font-size:1.6rem}
.aside p{margin:0 0 .6em}
@media (max-width:860px){.book-grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.fields{grid-template-columns:minmax(0,1fr)}}

/* Statement */
.statement{max-width:760px}
.statement h2{font-size:clamp(1.5rem,2.6vw,1.9rem);margin-top:1.6em}
.statement ul{padding-left:1.2em}
.statement li{margin-bottom:.45em}
.reviewed{color:var(--muted);font-size:.92rem}

/* Footer */
.site-foot{background:var(--ink);color:var(--on-dark);--focus:var(--brass-lt);padding-top:clamp(48px,6vw,72px)}
.foot-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1.3fr) minmax(0,.9fr) minmax(0,1fr);gap:clamp(28px,4vw,48px)}
.site-foot .brand-name{color:var(--cream)}
.site-foot .brand-name small{color:var(--brass-lt)}
.site-foot .brand img{width:64px;height:64px}
.foot-brand p{margin-top:16px;max-width:24em}
.site-foot h2{font:700 .78rem/1.3 var(--f-text);letter-spacing:.18em;text-transform:uppercase;color:var(--brass-lt);margin:0 0 12px}
.site-foot h2 + ul{margin-bottom:22px}
.site-foot ul{list-style:none;padding:0}
.site-foot li a,.foot-contact a{display:inline-flex;align-items:center;min-height:44px;color:var(--cream);text-decoration:none}
.site-foot li a:hover,.foot-contact a:hover{text-decoration:underline}
.foot-contact{display:flex;flex-direction:column;margin-bottom:18px}
.foot-contact a{overflow-wrap:anywhere}
.foot-base{margin-top:36px;padding-block:20px;border-top:1px solid rgba(220,183,105,.25);font-size:.9rem}
.foot-base p{margin:0}
@media (max-width:900px){.foot-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.foot-grid{grid-template-columns:minmax(0,1fr)}}

/* Never opacity:0: full-page screenshots and crawlers don't scroll, so hidden sections would stay blank. */
.reveal-pending{transform:translateY(14px)}.reveal-in{opacity:1;transform:none;transition:opacity .5s,transform .5s}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}