/* =====================================================================
   Layout and detail only. Every colour, font and measurement comes from
   assets/theme.php, which the Brand screen writes. Never hardcode colour.
   ===================================================================== */

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0; background:var(--ground); color:var(--ink);
  font-family:var(--body); font-size:calc(var(--base) * var(--scale)); line-height:1.7;
  -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;
}
h1,h2,h3,h4{font-family:var(--display); line-height:1.22; margin:0; letter-spacing:-.012em;}
a{color:var(--primary);}
img{max-width:100%; display:block;}
:focus-visible{outline:3px solid var(--accent); outline-offset:3px; border-radius:3px;}
.skip{position:absolute; left:-9999px; background:var(--primary); color:#fff; padding:14px 20px; z-index:99; font-weight:700;}
.skip:focus{left:12px; top:12px;}

.wrap{max-width:1120px; margin:0 auto; padding:0 26px;}
.wrap.narrow{max-width:760px;}
@media(max-width:640px){.wrap{padding:0 17px;}}

/* ---------- masthead ---------- */
.masthead{background:#fff; border-top:5px solid var(--primary); border-bottom:1px solid var(--line);}
.masthead-in{display:flex; align-items:center; justify-content:space-between; gap:20px; padding:16px 26px; flex-wrap:wrap;}
.brandmark{display:flex; align-items:center; gap:14px; text-decoration:none; color:var(--ink); min-width:0;}
.logo{max-height:60px; width:auto;}
@media(max-width:640px){.logo{max-height:44px;}}
.mark{
  width:54px; height:54px; flex:none; border-radius:50%; background:var(--primary); color:#fff;
  display:flex; align-items:center; justify-content:center;
  font-family:var(--display); font-weight:700; font-size:18px;
}
.wordmark{font-family:var(--display); font-size:calc(21px * var(--scale)); font-weight:700; line-height:1.15;}

.masthead-tools{display:flex; align-items:center; gap:14px; flex-wrap:wrap;}
.langpick{display:flex; gap:5px;}
.langpick a{
  border:2px solid var(--line); background:#fff; color:var(--ink); border-radius:var(--radius);
  padding:6px 12px; font-weight:700; text-decoration:none; font-size:calc(14px * var(--scale));
}
.langpick a:hover{border-color:var(--primary);}
.langpick a.on{background:var(--primary); color:#fff; border-color:var(--primary);}
.tools{display:flex; align-items:center; gap:6px;}
.tools span{font-size:calc(13px * var(--scale)); color:var(--ink-soft); font-weight:600;}
.tools button{
  border:2px solid var(--line); background:#fff; color:var(--ink); border-radius:var(--radius);
  padding:5px 11px; font-family:var(--body); font-weight:800; cursor:pointer; line-height:1.2;
}
.tools button[aria-pressed="true"]{background:var(--primary); color:#fff; border-color:var(--primary);}

.burger{
  display:none; align-items:center; gap:10px;
  border:2px solid var(--line); background:#fff; border-radius:var(--radius);
  padding:10px 15px; font-weight:800; font-family:var(--body);
  font-size:calc(15px * var(--scale)); cursor:pointer; color:var(--ink);
}
.burger-bars{width:18px; height:2px; background:var(--ink); position:relative; display:block;}
.burger-bars::before,.burger-bars::after{content:""; position:absolute; left:0; width:18px; height:2px; background:var(--ink);}
.burger-bars::before{top:-6px;} .burger-bars::after{top:6px;}

/* ---------- navigation ---------- */
.mainnav{background:var(--primary); position:sticky; top:0; z-index:40;}
.mainnav ul{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap;}
.mainnav a{
  display:block; color:#fff; text-decoration:none; padding:15px 19px;
  font-weight:700; font-size:calc(15px * var(--scale));
  border-bottom:4px solid transparent; white-space:nowrap;
}
.mainnav a:hover{background:var(--primary-deep); border-bottom-color:var(--accent);}
.mainnav a.on{background:var(--primary-deep); border-bottom-color:var(--accent);}
@media(max-width:940px){
  .burger{display:inline-flex;}
  .mainnav ul{display:none; flex-direction:column;}
  .mainnav ul.open{display:flex;}
  .mainnav a{padding:16px 6px; border-bottom:1px solid rgba(255,255,255,.18); border-left:4px solid transparent;}
  .mainnav a.on{border-left-color:var(--accent); border-bottom-color:rgba(255,255,255,.18);}
}

/* ---------- hero ---------- */
.hero{background:var(--primary); color:var(--hero-ink); position:relative; overflow:hidden; padding:66px 0 0;}
.hero-glow{
  position:absolute; inset:auto -12% -55% auto; width:min(760px,88%); aspect-ratio:1;
  background:radial-gradient(circle, color-mix(in srgb, var(--accent) 44%, transparent) 0%, transparent 66%);
  pointer-events:none;
}
.hero-in{position:relative; display:grid; grid-template-columns:1.4fr .95fr; gap:44px; align-items:start; padding-bottom:52px;}
@media(max-width:900px){.hero{padding-top:44px;} .hero-in{grid-template-columns:1fr; gap:30px;}}
.hero-eyebrow{
  color:var(--accent); font-weight:800; letter-spacing:.17em; text-transform:uppercase;
  font-size:calc(13px * var(--scale)); margin:0 0 16px;
}
.hero h1{font-size:calc(46px * var(--scale)); max-width:19ch; line-height:1.1;}
@media(max-width:640px){.hero h1{font-size:calc(33px * var(--scale));}}
.hero-lead{margin-top:20px;}
.hero-lead p{color:color-mix(in srgb, var(--hero-ink) 84%, transparent);
  font-size:calc(19px * var(--scale)); max-width:52ch; margin:0 0 1em;}
.hero-lead p:last-child{margin-bottom:0;}

.nextcard{
  background:var(--ground); color:var(--ink); border-radius:var(--radius);
  padding:26px 28px; box-shadow:0 18px 40px -22px rgba(0,0,0,.55);
  border-top:6px solid var(--accent);
}
.nextcard-label{
  font-size:calc(12px * var(--scale)); font-weight:800; letter-spacing:.16em;
  text-transform:uppercase; color:var(--accent-deep); margin:0 0 10px;
}
.nextcard h2{font-size:calc(23px * var(--scale)); margin-bottom:14px;}

.factstrip{
  display:grid; grid-template-columns:repeat(4,1fr);
  border-top:1px solid color-mix(in srgb, var(--hero-ink) 26%, transparent);
}
@media(max-width:700px){.factstrip{grid-template-columns:repeat(2,1fr);}}
.factcell{padding:20px 20px; border-right:1px solid color-mix(in srgb, var(--hero-ink) 26%, transparent);}
.factcell:last-child{border-right:0;}
.factcell b{display:block; font-family:var(--display); font-size:calc(27px * var(--scale)); line-height:1.1;}
.factcell span{
  font-size:calc(12.5px * var(--scale)); letter-spacing:.13em; text-transform:uppercase;
  color:color-mix(in srgb, var(--hero-ink) 72%, transparent); font-weight:700;
}

/* ---------- interior page banner ---------- */
.pagebanner{background:var(--band); border-bottom:1px solid var(--line); padding:34px 0 38px;}
.crumbs{font-size:calc(14px * var(--scale)); color:var(--ink-soft); margin-bottom:14px;}
.crumbs a{color:var(--ink-soft); text-decoration:none; font-weight:600;}
.crumbs a:hover{color:var(--primary); text-decoration:underline;}
.crumbs span[aria-hidden]{margin:0 8px; opacity:.6;}
.pagebanner .eyebrow{
  color:var(--accent-deep); font-weight:800; letter-spacing:.15em; text-transform:uppercase;
  font-size:calc(13px * var(--scale)); margin:0 0 10px;
}
.pagebanner h1{font-size:calc(38px * var(--scale)); max-width:22ch;}
@media(max-width:640px){.pagebanner h1{font-size:calc(28px * var(--scale));}}

/* ---------- sections ---------- */
.section{padding:58px 0;}
.band{background:var(--band); padding:58px 0; border-block:1px solid var(--line);}
@media(max-width:640px){.section,.band{padding:40px 0;}}
.sectionhead{
  display:flex; align-items:baseline; justify-content:space-between; gap:20px; flex-wrap:wrap;
  font-size:calc(27px * var(--scale)); margin-bottom:28px;
}
.sectionhead span{position:relative; padding-bottom:12px;}
.sectionhead span::after{content:""; position:absolute; left:0; bottom:0; width:56px; height:4px;
  background:var(--accent); border-radius:2px;}
.sectionlink{font-family:var(--body); font-size:calc(15px * var(--scale)); font-weight:700; text-decoration:none;}
.sectionlink:hover{text-decoration:underline;}
.intro{margin-bottom:34px;}
.empty-note{color:var(--ink-soft); font-size:calc(17px * var(--scale)); padding:30px 0;}

/* ---------- prose ---------- */
.prose p{font-size:calc(18px * var(--scale)); color:var(--ink-soft); margin:0 0 1.1em; max-width:68ch;}
.prose p:last-child{margin-bottom:0;}
.prose h2{font-size:calc(26px * var(--scale)); margin:1.5em 0 .5em;}
.prose h3{font-size:calc(22px * var(--scale)); margin:1.4em 0 .45em;}
.prose h4{font-size:calc(19px * var(--scale)); margin:1.3em 0 .4em;}
.prose ul,.prose ol{font-size:calc(18px * var(--scale)); color:var(--ink-soft); max-width:68ch; padding-left:1.35em;}
.prose li{margin-bottom:.5em;}
.prose img{border-radius:var(--radius); margin:1.2em 0;}
.prose a{font-weight:700;}
.prose table{border-collapse:collapse; width:100%; margin:1.2em 0;}
.prose td,.prose th{border:1px solid var(--line); padding:11px 13px; text-align:left;}
.prose blockquote{border-left:5px solid var(--accent); margin:1.3em 0; padding:2px 0 2px 20px; font-style:normal;}
.prose.small p{font-size:calc(15px * var(--scale));}

.split{display:grid; grid-template-columns:1.55fr 1fr; gap:38px; align-items:start;}
@media(max-width:860px){.split{grid-template-columns:1fr; gap:26px;}}
.pullbox{
  background:#fff; border:2px solid var(--line); border-left:7px solid var(--accent);
  border-radius:var(--radius); padding:26px 28px;
}
.pullbox h3{font-size:calc(15px * var(--scale)); letter-spacing:.14em; text-transform:uppercase;
  font-family:var(--body); font-weight:800; color:var(--accent-deep); margin:0 0 12px;}
.pullbox p{font-family:var(--display); font-size:calc(19px * var(--scale)); line-height:1.6; margin:0;}

/* ---------- buttons ---------- */
.btn{
  display:inline-block; text-decoration:none; border:2px solid var(--primary);
  background:var(--primary); color:#fff; padding:15px 28px; border-radius:var(--radius);
  font-weight:800; font-size:calc(17px * var(--scale)); font-family:var(--body); cursor:pointer;
  transition:transform .12s ease, background .12s ease;
}
.btn:hover{background:var(--primary-deep); border-color:var(--primary-deep); transform:translateY(-1px);}
.btn-outline{background:transparent; color:var(--primary);}
.btn-outline:hover{background:#fff; color:var(--primary-deep);}
.btn-small{padding:11px 18px; font-size:calc(15px * var(--scale)); margin-top:16px;}
.hero .btn-solid{background:var(--accent); border-color:var(--accent); color:var(--ink);}
.hero .btn-solid:hover{background:#fff; border-color:#fff;}
.hero .btn-outline{color:var(--hero-ink); border-color:color-mix(in srgb, var(--hero-ink) 55%, transparent);}
.hero .btn-outline:hover{background:color-mix(in srgb, var(--hero-ink) 14%, transparent); color:var(--hero-ink);}
.btnrow{display:flex; gap:14px; flex-wrap:wrap; margin-top:26px;}

/* ---------- cards ---------- */
.cardgrid{display:grid; gap:18px;}
.cardgrid.two{grid-template-columns:repeat(2,1fr);}
.cardgrid.three{grid-template-columns:repeat(3,1fr);}
@media(max-width:880px){.cardgrid.three{grid-template-columns:repeat(2,1fr);}}
@media(max-width:620px){.cardgrid.two,.cardgrid.three{grid-template-columns:1fr;}}

.linkcard{
  display:block; position:relative; background:#fff; border:2px solid var(--line);
  border-radius:var(--radius); padding:26px 26px 30px; text-decoration:none; color:var(--ink);
  transition:border-color .14s ease, transform .14s ease;
}
.linkcard:hover{border-color:var(--primary); transform:translateY(-2px);}
.linkcard-tag{
  display:block; font-size:calc(13px * var(--scale)); font-weight:800; letter-spacing:.1em;
  text-transform:uppercase; color:var(--accent-deep); margin-bottom:9px;
}
.linkcard h3{font-size:calc(22px * var(--scale)); margin-bottom:9px;}
.linkcard p{margin:0; color:var(--ink-soft); font-size:calc(16px * var(--scale));}
.linkcard-go{position:absolute; right:22px; bottom:20px; font-size:20px; color:var(--primary);}

/* ---------- events ---------- */
.stack{display:grid; gap:18px;}
.eventcard{
  display:grid; grid-template-columns:112px 1fr; gap:26px; align-items:start;
  background:#fff; border:2px solid var(--line); border-radius:var(--radius); padding:26px 28px;
}
@media(max-width:600px){.eventcard{grid-template-columns:1fr; gap:16px;}}
.eventdate{
  background:var(--primary); color:#fff; border-radius:var(--radius);
  text-align:center; padding:16px 10px;
}
.eventdate b{display:block; font-family:var(--display); font-size:calc(32px * var(--scale)); line-height:1.05;}
.eventdate span{
  display:block; font-size:calc(13px * var(--scale)); letter-spacing:.12em;
  text-transform:uppercase; font-weight:800; color:var(--accent); margin-top:5px;
}
.eventbody h2{font-size:calc(25px * var(--scale)); margin-bottom:14px;}

.factlist{margin:0; display:grid; grid-template-columns:auto 1fr; gap:7px 18px; font-size:calc(16.5px * var(--scale));}
.factlist dt{font-weight:800; color:var(--ink-soft);}
.factlist dd{margin:0; font-weight:600;}
.eventbody .prose{margin-top:16px;}

/* ---------- people ---------- */
.peoplegrid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
@media(max-width:900px){.peoplegrid{grid-template-columns:repeat(3,1fr);}}
@media(max-width:680px){.peoplegrid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:420px){.peoplegrid{grid-template-columns:1fr;}}
.person{background:#fff; border:2px solid var(--line); border-radius:var(--radius); padding:24px 20px; text-align:center;}
.portrait{
  width:112px; height:112px; margin:0 auto 16px; border-radius:50%; overflow:hidden;
  background:var(--primary); display:flex; align-items:center; justify-content:center;
  box-shadow:0 0 0 4px var(--ground), 0 0 0 7px var(--accent);
}
.portrait img{width:100%; height:100%; object-fit:cover; object-position:center 20%;}
.portrait .fallback{color:#fff; font-family:var(--display); font-weight:700; font-size:calc(30px * var(--scale));}
.portrait.small{width:84px; height:84px; margin:0; flex:none;}
.person h2{font-size:calc(19px * var(--scale)); margin-bottom:5px;}
.role{
  font-size:calc(14px * var(--scale)); font-weight:800; color:var(--accent-deep);
  letter-spacing:.09em; text-transform:uppercase; margin:0 0 10px;
}
.person-contact a{display:block; font-weight:700; font-size:calc(15.5px * var(--scale)); word-break:break-word;}

.contactcard{
  display:flex; gap:22px; align-items:center; background:#fff;
  border:2px solid var(--line); border-radius:var(--radius); padding:24px;
}
.contactcard h2{font-size:calc(23px * var(--scale)); margin-bottom:10px;}
.biglink{display:block; font-weight:700; font-size:calc(18px * var(--scale)); margin-top:5px; word-break:break-word;}

/* ---------- albums and photos ---------- */
.albumcard{
  display:block; background:#fff; border:2px solid var(--line); border-radius:var(--radius);
  overflow:hidden; text-decoration:none; color:var(--ink);
  transition:border-color .14s ease, transform .14s ease;
}
.albumcard:hover{border-color:var(--primary); transform:translateY(-2px);}
.albumcard-img{display:block; position:relative; aspect-ratio:4/3; background:var(--band); overflow:hidden;}
.albumcard-img img{width:100%; height:100%; object-fit:cover; transition:transform .5s ease;}
.albumcard:hover .albumcard-img img{transform:scale(1.05);}
.albumcard-count{
  position:absolute; right:12px; bottom:12px; background:var(--primary); color:#fff;
  font-size:calc(13px * var(--scale)); font-weight:800; padding:5px 11px; border-radius:99px;
}
.albumcard-meta{display:block; padding:17px 19px 20px;}
.albumcard-meta b{display:block; font-family:var(--display); font-size:calc(19px * var(--scale)); margin-bottom:5px;}
.albumcard-meta span{font-size:calc(14.5px * var(--scale)); color:var(--ink-soft);}

.tiles{display:grid; grid-template-columns:repeat(4,1fr); gap:12px;}
@media(max-width:880px){.tiles{grid-template-columns:repeat(3,1fr);}}
@media(max-width:560px){.tiles{grid-template-columns:repeat(2,1fr);}}
.tile{aspect-ratio:3/2; overflow:hidden; border-radius:var(--radius); border:2px solid var(--line);
  background:var(--band); cursor:zoom-in;}
.tile img{width:100%; height:100%; object-fit:cover; transition:transform .4s ease;}
.tile:hover img{transform:scale(1.06);}

/* ---------- documents ---------- */
.doccat{font-size:calc(19px * var(--scale)); margin:26px 0 12px;}
.doccat:first-child{margin-top:0;}
.doclist{display:grid; gap:12px;}
.doc{
  display:flex; align-items:center; gap:18px; background:#fff; border:2px solid var(--line);
  border-radius:var(--radius); padding:17px 21px; text-decoration:none; color:var(--ink);
}
.doc:hover{border-color:var(--primary);}
.docicon{
  width:48px; height:48px; flex:none; border-radius:var(--radius); background:var(--primary); color:#fff;
  display:flex; align-items:center; justify-content:center; font-weight:800;
  font-size:calc(12px * var(--scale)); letter-spacing:.04em;
}
.docmeta{flex:1; min-width:0;}
.docmeta b{display:block; font-size:calc(17.5px * var(--scale));}
.docmeta span{font-size:calc(14.5px * var(--scale)); color:var(--ink-soft);}
.docarrow{font-size:20px; color:var(--primary); font-weight:700;}

/* ---------- forms ---------- */
.builtform{max-width:640px;}
.builtform .fieldrow{margin-bottom:20px;}
.builtform .choices{display:grid; gap:10px; margin-top:5px;}
.builtform .choice{display:flex; align-items:center; gap:11px; font-weight:600;}
.builtform .choice input{width:22px; height:22px;}
label{font-weight:800; font-size:calc(15.5px * var(--scale)); display:block; margin-bottom:7px;}
input,textarea,select{
  width:100%; border:2px solid var(--line); border-radius:var(--radius); padding:14px 16px;
  font-family:var(--body); font-size:calc(17px * var(--scale)); background:#fff; color:var(--ink);
}
input:focus,textarea:focus,select:focus{border-color:var(--primary);}
textarea{min-height:140px; resize:vertical;}
.req{color:var(--primary); font-weight:800;}
.hp{position:absolute; left:-9999px;}
.ok{background:color-mix(in srgb, var(--accent) 16%, #fff); border-left:6px solid var(--accent-deep);
  padding:16px 20px; border-radius:var(--radius); font-weight:600;}
.err{background:#FBEDEA; border-left:6px solid #A93B24; padding:15px 19px;
  border-radius:var(--radius); font-weight:600; color:#8C2F1C;}

/* ---------- footer ---------- */
.sitefoot{background:var(--primary-deep); color:color-mix(in srgb, #fff 78%, transparent); padding:52px 0 26px; margin-top:0;}
.foot-cols{display:grid; grid-template-columns:repeat(3,1fr); gap:34px;}
@media(max-width:760px){.foot-cols{grid-template-columns:1fr; gap:26px;}}
.sitefoot h2{color:#fff; font-family:var(--body); font-size:calc(14px * var(--scale));
  letter-spacing:.16em; text-transform:uppercase; margin:0 0 12px;}
.sitefoot .prose p{color:color-mix(in srgb, #fff 78%, transparent); font-size:calc(16px * var(--scale)); line-height:1.8; margin:0;}
.sitefoot a{color:#fff;}
.foot-nav{
  display:flex; flex-wrap:wrap; gap:8px 22px; margin-top:36px; padding-top:24px;
  border-top:1px solid color-mix(in srgb, #fff 22%, transparent);
}
.foot-nav a{font-size:calc(15px * var(--scale)); font-weight:600; text-decoration:none;}
.foot-nav a:hover{text-decoration:underline;}
.foot-base{
  display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap;
  margin-top:22px; padding-top:18px; font-size:calc(14px * var(--scale));
  border-top:1px solid color-mix(in srgb, #fff 22%, transparent);
}

/* ---------- lightbox ---------- */
#lb{position:fixed; inset:0; background:rgba(0,0,0,.93); z-index:999; display:none; align-items:center; justify-content:center;}
#lb.open{display:flex;}
#lb img{max-width:92vw; max-height:82vh; object-fit:contain; border-radius:4px;}
#lb .lbbar{position:absolute; top:0; left:0; right:0; display:flex; justify-content:space-between;
  align-items:center; padding:16px 22px; color:#fff; font-family:var(--body); font-weight:600;}
#lb button{background:rgba(255,255,255,.14); border:2px solid rgba(255,255,255,.42); color:#fff;
  font-size:26px; line-height:1; padding:10px 18px; border-radius:8px; cursor:pointer; font-family:var(--body);}
#lb button:hover{background:rgba(255,255,255,.3);}
#lb .lbnav{position:absolute; top:50%; transform:translateY(-50%);}
#lb .lbprev{left:16px;} #lb .lbnext{right:16px;}
#lb .lbcap{position:absolute; bottom:0; left:0; right:0; text-align:center; color:#fff;
  padding:18px 22px; font-family:var(--body);}

@media(prefers-reduced-motion:reduce){
  *{animation:none !important; transition:none !important;}
  html{scroll-behavior:auto;}
}
@media print{
  .mainnav,.masthead-tools,.sitefoot,.burger,#lb{display:none !important;}
  body{background:#fff; font-size:12pt;}
  .band,.section{padding:12pt 0;}
}

/* =====================================================================
   Imported content
   Pages brought over from WordPress carry images at whatever size the old
   theme used, plus stray icons. These rules keep them inside sensible
   bounds without anyone having to edit the HTML.
   ===================================================================== */
.prose.readable{max-width:74ch;}
.prose img{
  max-width:100%; height:auto; border-radius:var(--radius); margin:1.1em 0;
}
/* Small decorative icons the old theme placed inline. */
.prose img[width]{width:auto;}
.prose p > img:only-child{margin-inline:0;}
.prose figure{margin:1.2em 0;}
.prose figcaption{font-size:calc(15px * var(--scale)); color:var(--ink-soft); margin-top:6px;}

/* Portrait photos inside imported text — cap them so one photo cannot
   dominate the page. */
.prose img:not([width]){max-width:min(100%, 460px);}

/* Old inline headings that were section labels. */
.prose h2:first-child,.prose h3:first-child{margin-top:0;}

/* Album cover with no photograph behind it yet. */
.albumcard-none{
  position:absolute; inset:0; display:flex; align-items:center; justify-content:center;
  color:var(--ink-soft); font-size:calc(15px * var(--scale)); font-weight:600; text-align:center; padding:12px;
}

/* A broken image should not leave a large empty frame with an icon in it. */
.tile img:not([src]),.albumcard-img img:not([src]){display:none;}

/* Navigation: keep it to one line for longer than it did. */
.mainnav a{padding:14px 15px;}
@media(min-width:941px) and (max-width:1180px){
  .mainnav a{padding:14px 11px; font-size:calc(14px * var(--scale));}
}

/* Contact page: imported markup reads better in a narrower column. */
.contact-imported{max-width:70ch;}
.contact-imported img{max-width:200px; border-radius:var(--radius);}

/* ---------- masthead text beside the logo ---------- */
.brandtext{display:flex; flex-direction:column; gap:2px; min-width:0;}
.tagline{
  font-size:calc(15px * var(--scale)); color:var(--ink-soft); font-weight:600; line-height:1.35;
}
.brandmark .logo + .brandtext .tagline{font-size:calc(15.5px * var(--scale));}
@media(max-width:640px){.tagline{font-size:calc(13.5px * var(--scale));}}