/* The Marylebone Institution — specialist-first daylight design system.
   This stylesheet deliberately sits after the retained v75 CSS. */
:root {
  --limestone: #e9e1d5;
  --parchment: #f5f0e8;
  --ivory: #fbf9f4;
  --soft-stone: #e6ded2;
  --charcoal: #292a27;
  --burgundy: #593a40;
  --muted-navy: #35495a;
  --antique-brass: #8f7958;
  --ink: var(--charcoal);
  --navy: var(--muted-navy);
  --deep: var(--charcoal);
  --cream: var(--ivory);
  --paper: var(--ivory);
  --gold: var(--antique-brass);
}
html { scroll-padding-top: 88px; }
body { background: var(--ivory); color: var(--charcoal); font-family: "DM Sans", Arial, sans-serif; }
h1, h2, h3 { color: inherit; }
em { font-weight: 400; color: var(--burgundy); }
.eyebrow, .spacious .eyebrow { color: var(--burgundy); font-size: 10px; letter-spacing: .19em; font-weight: 600; }
.button, .button.solid {
  border-color: var(--burgundy);
  color: var(--ivory);
  background: var(--burgundy);
  box-shadow: none;
  font-size: 10px;
  letter-spacing: .095em;
  line-height: 1.4;
  font-weight: 600;
  padding: 16px 21px;
  text-align: center;
}
.button:hover, .button.solid:hover { background: #714b53; color: white; transform: none; }
.text-link { border-color: var(--antique-brass); color: var(--burgundy); }
a:focus-visible, button:focus-visible, input:focus-visible, summary:focus-visible {
  outline: 2px solid var(--burgundy);
  outline-offset: 4px;
}

/* Restrained editorial masthead. */
.header {
  position: sticky;
  top: 0;
  z-index: 30;
  height: 84px;
  padding: 0 clamp(24px, 4.2vw, 82px);
  color: var(--charcoal);
  background: rgba(251,249,244,.97);
  border-bottom: 1px solid #d7cec1;
  backdrop-filter: blur(16px);
}
.wordmark {
  font: 500 clamp(17px,1.65vw,23px)/1.1 "Cormorant Garamond", Georgia, serif;
  letter-spacing: .1em;
  white-space: nowrap;
  color: #2b302c;
}
.header nav { display: flex; align-items: center; gap: clamp(15px,1.8vw,29px); }
.header nav a { font-size: 10px; letter-spacing: .085em; text-transform: uppercase; color: #404440; }
.header nav a:last-child { border: 1px solid var(--burgundy); color: var(--burgundy); padding: 11px 13px; }
.header nav a:hover { color: var(--burgundy); }

/* Architectural hero: editorial proposition first, actual product later. */
body #home.reset-opening {
  display: grid;
  grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
  grid-template-rows: 1fr;
  gap: 0;
  min-height: 690px;
  padding: 0;
  overflow: hidden;
  isolation: isolate;
  background: #f1ebe1;
}
body #home.reset-opening::before { display: none; }
body #home.reset-opening > .institution-hero-copy {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  grid-area: 1/1/2/2;
  width: 100%;
  padding: 75px clamp(34px,5vw,98px) 62px;
  min-width: 0;
  background: linear-gradient(145deg, #f9f6f0 2%, #eee6db 100%);
  z-index: 1;
}
body #home.reset-opening .eyebrow { font-size: 10px; margin: 0 0 26px; line-height: 1.6; letter-spacing: .17em; }
body #home.reset-opening .hero-signature {
  font: 500 12px/1.7 "DM Sans",Arial,sans-serif;
  letter-spacing: .035em;
  color: #70565a;
  margin: 0 0 19px;
  max-width: 520px;
}
body #home.reset-opening h1 {
  max-width: 690px;
  font-size: clamp(50px,4.65vw,80px);
  line-height: 1.01;
  letter-spacing: -.035em;
  color: #262925;
  margin: 0;
  overflow-wrap: normal;
}
body #home.reset-opening h1 em { color: var(--burgundy); font-style: italic; }
body #home.reset-opening .hero-deck {
  max-width: 510px;
  font-size: 16px;
  line-height: 1.8;
  margin: 26px 0 0;
  color: #4f544e;
}
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 22px 26px; margin-top: 30px; }
.hero-actions .button { min-height: 56px; }
.institution-quiet-link { display: inline-flex; gap: 15px; align-items: center; font-size: 12px; color: var(--burgundy); border-bottom: 1px solid #ae9a81; padding: 12px 0; }
body #home.reset-opening .hero-proof {
  margin: 44px 0 0;
  padding: 16px 0 0;
  width: 100%;
  border-top: 1px solid #d2c7ba;
  font-size: 9px;
  line-height: 1.7;
  letter-spacing: .15em;
  color: #7d746b;
}
body #home.reset-opening > .architecture-hero {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
  grid-area: 1/2/2/3;
  margin: 0;
  background: #ddd3c4;
}
.architecture-hero img { display:block; width:100%; height:100%; min-height:690px; object-fit:cover; object-position:41% center; }
.architecture-hero figcaption {
  position: absolute;
  bottom: 20px; left: 24px; right: 24px;
  width: fit-content;
  max-width: calc(100% - 48px);
  background: rgba(251,249,244,.87);
  padding: 9px 13px;
  font-size: 9px;
  line-height: 1.55;
  color: #53534e;
  letter-spacing: .03em;
}

/* Preserve the exact live form IDs and their existing handlers. */
#water-explore.discovery-panel { padding: 56px var(--pad) 62px; background: var(--ivory); border-bottom: 1px solid #d7cec1; }
#water-explore .discovery-panel-heading {
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);
  gap: 6%;
  align-items: end;
  width:min(1280px,100%);
  margin:0 auto 27px;
}
#water-explore .discovery-panel-heading>.eyebrow { grid-column:1/-1; margin:0 0 -11px; }
#water-explore h2 { font-size: clamp(38px,3.5vw,58px); line-height:1.1; }
#water-explore .discovery-panel-heading>p:last-child { max-width:600px; color:#58605a; font-size:14px; line-height:1.75; margin:0 0 5px; }
#water-explore .hero-conversion { width:min(1280px,100%); margin:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; align-items:stretch; }
#water-explore .reset-postcode,
#water-explore #access { width:100%; margin:0; min-width:0; max-width:none; }
#water-explore .reset-postcode {
  background: #e9e1d5;
  padding: 30px;
  border: 1px solid #cfc5b8;
}
#water-explore .reset-postcode label { display:block; margin:0 0 12px; color:#433a36; font-size:11px; font-weight:600; letter-spacing:.13em; }
#water-explore .reset-form-intro { font-size:13px; line-height:1.75; max-width:520px; margin-bottom:22px; }
#water-explore .reset-input-row { display:flex; flex-wrap:wrap; background:white; border:1px solid #bfb5aa; }
#water-explore .reset-input-row input { flex:1 1 160px; min-width:0; width:0; border:0; border-radius:0; background:#fff; color:var(--charcoal); padding:16px; font-size:16px; }
#water-explore .reset-input-row button { border:0; background:var(--charcoal); color:#fff; min-height:55px; padding:14px 19px; font-size:10px; letter-spacing:.08em; font-weight:600; white-space:normal; }
#water-explore #hero-water-note { margin:13px 0 0; font-size:10px; color:#675f57; }
#water-explore #access { display:block; padding:0; border:0; background:none; }
#water-explore #access .signup { height:100%; padding:30px; background:#383b38; color:#f9f6f0; border:1px solid #383b38; }
#water-explore #access .eyebrow { color:#d8c5ad; margin-bottom:12px; }
#water-explore #access h3 { font:500 34px/1.1 var(--serif); color:#fff8f0; margin:0 0 12px; }
#water-explore #access .signup>p { font-size:13px; line-height:1.7; color:#e6e1d9; }
#water-explore #access form { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:10px 12px; margin-top:18px; }
#water-explore #access form>label:first-child { grid-column:1/-1; margin:0; font-size:11px; }
#water-explore #access input[type=email] { grid-column:1; grid-row:2; width:100%; min-width:0; min-height:52px; background:#f9f7f1; color:#292a27; border:1px solid #d5cabf; margin:0; }
#water-explore #access form>.button { grid-column:2; grid-row:2; min-height:52px; margin:0; background:#e7d8c2; color:#2c2a28; border-color:#e7d8c2; white-space:nowrap; padding:13px; }
#water-explore #access .consent,
#water-explore #access .note,
#water-explore #access .signup-status { grid-column:1/-1; color:#eee8df; margin:0; }
#water-explore #access .consent { font-size:11px; line-height:1.5; display:flex; }
#water-explore #access .note { font-size:10px; }

/* Experience first; no invented medical qualifications or premises. */
#institution-purpose { padding:95px var(--pad); background:#ece5db; color:var(--charcoal); border:0; }
#institution-purpose>.section-inner { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1fr); gap:9%; max-width:1280px; align-items:center; }
#institution-purpose .institution-story-intro h2 { font-size:clamp(44px,4.5vw,72px); line-height:1.06; letter-spacing:-.02em; }
#institution-purpose .institution-story-intro h2 em { color:var(--burgundy); }
#institution-purpose .institution-pullquote { max-width:430px; margin-top:26px; padding-left:18px; border-left:2px solid var(--burgundy); font:26px/1.35 var(--serif); color:#554448; }
#institution-purpose .purpose-copy { padding-top:14px; }
#institution-purpose .purpose-copy p { max-width:570px; margin-bottom:20px; font-size:15px; line-height:1.9; color:#4b4d48; }
#institution-purpose .purpose-copy .story-emphasis { font:27px/1.3 var(--serif); color:#4a3539; margin-top:24px; }
.method-steps {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  background:#2b3537;
  color:var(--ivory);
  padding:36px var(--pad);
}
.method-steps>div { padding:8px clamp(20px,3vw,48px); border-left:1px solid #ffffff37; }
.method-steps>div:first-child { padding-left:0; border-left:0; }
.method-steps span { font-size:10px; line-height:1.5; letter-spacing:.17em; color:#d6bfa2; }
.method-steps p { font:27px/1.25 var(--serif); margin:17px 0 0; max-width:300px; }

/* Quick education: the gateway from social advertising to products. */
#insiders-guide { padding:100px var(--pad); background:#f8f5ee; color:var(--charcoal); scroll-margin-top:84px; }
.guide-intro { max-width:1220px; margin:0 auto; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr); align-items:end; gap:7%; }
.guide-intro .eyebrow { grid-column:1/-1; margin:0 0 -14px; }
.guide-intro h2 { font-size:clamp(56px,6.2vw,98px); line-height:.98; letter-spacing:-.04em; }
.guide-intro h2 em { color:var(--burgundy); }
.guide-intro>p:last-child { font:29px/1.3 var(--serif); max-width:350px; color:#66585a; margin:0 0 5px; }
.guide-insights { max-width:1220px; margin:55px auto 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:24px; }
.guide-insights article { border-top:2px solid var(--burgundy); background:#eee8df; padding:26px 28px 32px; min-height:300px; }
.guide-insights span { font:600 10px/1.5 "DM Sans",Arial,sans-serif; color:var(--burgundy); letter-spacing:.14em; }
.guide-insights h3 { font:500 clamp(28px,2.6vw,39px)/1.1 var(--serif); margin:25px 0 18px; color:var(--charcoal); }
.guide-insights p { font-size:13px; line-height:1.8; color:#575a55; margin:0; }
.guide-conclusion { max-width:1220px; margin:0 auto; padding:30px 0 0; border-top:1px solid #d4cabe; display:flex; justify-content:space-between; align-items:center; gap:30px; }
.guide-conclusion p { max-width:600px; font-size:15px; line-height:1.7; color:#454b46; }
.guide-conclusion strong { display:inline-block; font-size:10px; letter-spacing:.15em; color:var(--burgundy); margin-bottom:6px; }
.guide-conclusion .button { flex-shrink:0; }

/* Next targeted treatment: illustrate a concept, not a manufactured product. */
#xso-01.renewal-treatment { display:grid; grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr); min-height:660px; background:#e9e1d5; }
.renewal-image { position:relative; margin:0; overflow:hidden; }
.renewal-image img { display:block; width:100%; height:100%; min-height:660px; object-fit:cover; object-position:64% center; }
.renewal-image figcaption { position:absolute; bottom:18px; left:20px; right:20px; width:max-content; max-width:calc(100% - 40px); padding:7px 10px; background:#f9f7f0df; color:#53524e; font-size:9px; }
.renewal-copy { align-self:center; padding:65px clamp(36px,6vw,94px); }
.renewal-copy h2 { font-size:clamp(48px,4.5vw,78px); line-height:1.01; letter-spacing:-.025em; margin-bottom:20px; }
.renewal-copy h2 em { color:var(--burgundy); }
.renewal-copy .renewal-lead { font:28px/1.32 var(--serif); margin:0 0 20px; color:#544046; }
.renewal-copy>p:not(.eyebrow):not(.renewal-lead):not(.concept-note) { font-size:14px; line-height:1.85; color:#535952; }
.renewal-copy ul { list-style:none; margin:26px 0 0; padding:0; border-top:1px solid #c3b9aa; }
.renewal-copy li { font-size:12px; letter-spacing:.055em; padding:13px 0; border-bottom:1px solid #cfc6b8; }
.renewal-copy li::before { content:"↗"; color:var(--burgundy); margin-right:12px; }
.renewal-footer { display:flex; align-items:end; gap:22px; justify-content:space-between; flex-wrap:wrap; margin-top:28px; }
.renewal-footer>div>span { display:block; font-size:9px; letter-spacing:.15em; margin-bottom:6px; color:#746b61; }
.renewal-footer strong { display:block; font:56px/.95 var(--serif); color:#312d2b; }
.renewal-footer small { font:13px "DM Sans",Arial,sans-serif; color:#5a5b55; }
.concept-note { font-size:10px!important; line-height:1.6!important; color:#74746c; margin:22px 0 0; }

/* Existing Mineral Reset and water-content modules share the new palette. */
#product-story { background:#fbfaf6; color:var(--charcoal); border-top:1px solid #d2c8bb; padding:85px var(--pad) 72px; }
#product-story .eyebrow { color:var(--burgundy); }
#product-story .story-heading h2 { color:#30312d; font-size:clamp(42px,4.4vw,69px); }
#product-story .treatment-summary { font-size:15px; color:#545851; }
#product-story .treatment-price { color:var(--burgundy)!important; font:44px/1.2 var(--serif)!important; }
#product-story .treatment-benefits { border-color:#d4cabe; }
#product-story .treatment-benefits li { border-color:#e2d8cc; color:#535a55; }
#product-story .treatment-directions { border-color:#d3c9bb; }
#product-story .selling-chapters { margin-top:45px; }
#product-story .selling-chapters>.chapter-open { padding:24px 0 29px; border-top:1px solid #cfc5b9; }
#product-story .selling-chapters>.chapter-open summary { cursor:default; padding:0 0 15px; border:0; font:32px/1.2 var(--serif); color:#372f30; }
#product-story .selling-chapters>.chapter-open summary .chapter-toggle { display:none; }
#product-story .selling-chapters>.chapter-open .chapter-body { padding-top:0; max-width:920px; }
#product-story .selling-chapters>.chapter-open .chapter-body p { color:#535954; }
#product-story .selling-chapters>.chapter-open .chapter-body .chapter-lead { color:#46383b; }
#product-story .selling-chapters>details:not(.chapter-open)>summary { color:#3e3e3a; }
#benefits.glow-chapter { background:#ece5db; color:var(--charcoal); padding:80px var(--pad); border-block:1px solid #d4c9ba; }
#benefits .glow-copy { width:min(1080px,100%); margin:auto; padding:0; }
#benefits h2 { font:500 clamp(42px,5vw,74px)/1.05 var(--serif); letter-spacing:-.025em; }
#benefits h2 em { font:italic inherit; color:var(--burgundy); }
#benefits .campaign-lead { font-size:11px; letter-spacing:.19em; color:var(--burgundy); font-weight:600; margin-top:27px; }
#benefits .section-detail { font-size:15px; line-height:1.85; max-width:760px; color:#545852; }
#winter.selection-science { background:#f7f3ec; padding-block:80px; }
#winter .gallery-visual { background:#e8e2d7; }
#winter .science-explanations details { border-color:#d3c9bb; }
#winter .science-explanations details[open] summary { color:var(--burgundy); }
#winter .science-explanations p { color:#4f5751; }
.editorial-fold { background:#fbf9f3; border-color:#d4c9bc; color:var(--charcoal); }
.editorial-fold>summary { color:#5a4f4b; }
#marylebone.marylebone-place { background:#f6f1e9; color:var(--charcoal); }
#marylebone .place-copy h2 { font-size:clamp(36px,3.7vw,60px); }
#marylebone .place-copy p { color:#4e554f; }
#marylebone.marylebone-place figure img { object-position:center; }
#marylebone figcaption { color:#5d625c; }
.final-access { background:#e7ded1; color:var(--charcoal); padding:70px var(--pad); }
.final-access h2 { color:var(--charcoal); }
.brand-footer { background:#272d2e; color:#f4eee4; }
.footer-groups details, .footer-bottom { border-color:#f6eee238; }
.footer-groups details>div { color:#e3d8ce; }
#water-dialog { background:#faf6ef; color:var(--charcoal); }
#water-dialog .input-row button { background:var(--burgundy); color:#fff; border-color:var(--burgundy); }
dialog .button.solid { color:#fff; }

@media (max-width: 1160px) {
  .header { height:75px; }
  .header #menu-toggle { display:block; background:none; border:1px solid #c8baad; color:var(--burgundy); padding:10px 16px; font-size:11px; }
  .header nav { display:none; position:absolute; top:74px; right:0; left:0; padding:16px var(--pad) 22px; background:#fbf9f4; border-bottom:1px solid #d3c8bc; flex-direction:column; align-items:stretch; gap:0; }
  .header nav.open { display:flex; }
  .header nav a { padding:15px 4px; font-size:11px; }
  .header nav a:last-child { text-align:center; margin-top:8px; }
  body #home.reset-opening { min-height:610px; }
  body #home.reset-opening > .institution-hero-copy { padding:58px 40px; }
  body #home.reset-opening h1 { font-size:clamp(45px,5vw,65px); }
  .architecture-hero img { min-height:610px; }
  .renewal-copy { padding:50px 42px; }
}
@media (max-width: 800px) {
  body #home.reset-opening { grid-template-columns:1fr; grid-template-rows:auto auto; min-height:0; }
  body #home.reset-opening > .institution-hero-copy { grid-area:1/1; padding:54px 30px 42px; }
  body #home.reset-opening > .architecture-hero { grid-area:2/1; height:390px; }
  .architecture-hero img { height:390px; min-height:0; object-position:center 43%; }
  body #home.reset-opening h1 { font-size:clamp(48px,7vw,74px); }
  #water-explore .discovery-panel-heading { grid-template-columns:1fr; gap:15px; }
  #water-explore .discovery-panel-heading>.eyebrow { margin:0; }
  #water-explore .hero-conversion { grid-template-columns:1fr; }
  #institution-purpose>.section-inner { grid-template-columns:1fr; gap:38px; }
  .method-steps p { font-size:22px; }
  .guide-intro { grid-template-columns:1fr; gap:16px; }
  .guide-intro .eyebrow { margin:0; }
  .guide-intro>p:last-child { max-width:700px; }
  .guide-insights { grid-template-columns:1fr; gap:12px; }
  .guide-insights article { min-height:0; }
  #xso-01.renewal-treatment { grid-template-columns:1fr; }
  .renewal-image img { min-height:0; height:480px; object-position:center 44%; }
  .renewal-copy { padding:55px var(--pad) 65px; }
}
@media (max-width: 700px) {
  html { scroll-padding-top:68px; }
  .header { height:64px; padding:0 20px; }
  .header nav { top:63px; padding:14px 22px 23px; }
  .wordmark { font-size:16px; letter-spacing:.07em; max-width:235px; white-space:normal; }
  .header #menu-toggle { font-size:10px; padding:9px 11px; }
  body #home.reset-opening { display:flex; flex-direction:column; padding:0; gap:0; }
  body #home.reset-opening>.institution-hero-copy { order:0; padding:43px 24px 34px; }
  body #home.reset-opening .eyebrow { font-size:9px; margin-bottom:16px; max-width:none; }
  body #home.reset-opening .hero-signature { font-size:11px; line-height:1.6; margin-bottom:18px; }
  body #home.reset-opening h1 { width:100%; max-width:100%; font-size:clamp(40px,10.9vw,58px); line-height:1.03; }
  body #home.reset-opening .hero-deck { font-size:14px; line-height:1.7; margin-top:20px; }
  .hero-actions { align-items:stretch; gap:10px; width:100%; margin-top:23px; flex-direction:column; }
  .hero-actions .button { width:100%; min-height:52px; }
  .institution-quiet-link { align-self:flex-start; padding:9px 0; }
  body #home.reset-opening .hero-proof { margin-top:23px; font-size:8px; line-height:1.65; }
  body #home.reset-opening>.architecture-hero { order:1; min-height:0; height:320px; width:100%; }
  .architecture-hero img { height:320px; width:100%; min-height:0; object-fit:cover; object-position:46% center; }
  .architecture-hero figcaption { left:12px; right:12px; bottom:10px; max-width:calc(100% - 24px); font-size:8px; padding:8px 10px; }
  #water-explore.discovery-panel { padding:38px 22px 43px; }
  #water-explore h2 { font-size:41px; }
  #water-explore .discovery-panel-heading>p:last-child { font-size:13px; }
  #water-explore .reset-postcode { padding:22px 18px; }
  #water-explore .reset-input-row { flex-direction:column; }
  #water-explore .reset-input-row input { width:100%; min-height:50px; flex:none; }
  #water-explore .reset-input-row button { width:100%; min-height:49px; }
  #water-explore #access .signup { padding:25px 20px; }
  #water-explore #access h3 { font-size:31px; }
  #water-explore #access form { grid-template-columns:1fr; }
  #water-explore #access input[type=email] { grid-column:1; grid-row:auto; }
  #water-explore #access form>.button { grid-column:1; grid-row:auto; width:100%; }
  #water-explore #access .consent,#water-explore #access .note,#water-explore #access .signup-status { grid-column:1; }
  #institution-purpose { padding:58px 24px 62px; }
  #institution-purpose .institution-story-intro h2 { font-size:48px; }
  #institution-purpose .institution-pullquote { font-size:25px; }
  #institution-purpose .purpose-copy p { font-size:14px; }
  .method-steps { grid-template-columns:1fr; gap:0; padding:18px 24px; }
  .method-steps>div { padding:22px 0; border-left:0; border-top:1px solid #f4eee037; }
  .method-steps>div:first-child { border-top:0; }
  .method-steps p { font-size:26px; max-width:none; margin-top:9px; }
  #insiders-guide { padding:65px 24px 70px; scroll-margin-top:64px; }
  .guide-intro h2 { font-size:clamp(50px,12.8vw,72px); }
  .guide-intro>p:last-child { font-size:25px; }
  .guide-insights { margin-top:32px; }
  .guide-insights article { padding:22px 22px 28px; }
  .guide-insights h3 { font-size:33px; margin:17px 0 11px; }
  .guide-conclusion { display:block; margin-top:6px; padding-top:25px; }
  .guide-conclusion p { font-size:14px; }
  .guide-conclusion .button { width:100%; margin-top:20px; }
  .renewal-image img { height:390px; object-position:58% center; }
  .renewal-copy { padding:49px 24px 58px; }
  .renewal-copy h2 { font-size:clamp(46px,11.7vw,65px); }
  .renewal-copy .renewal-lead { font-size:26px; }
  .renewal-footer .button { width:100%; }
  #product-story { padding:54px 24px; }
  #product-story .story-heading h2 { font-size:45px; }
  #product-story .selling-chapters>.chapter-open summary { font-size:28px; }
  #benefits.glow-chapter { padding:57px 24px; }
  #benefits h2 { font-size:47px; }
  #winter.selection-science { padding:55px 24px; }
  .brand-footer { padding:54px 24px 24px; }
}
@media (max-width: 370px) {
  body #home.reset-opening h1 { font-size:39px; }
  .wordmark { font-size:14px; }
  #institution-purpose .institution-story-intro h2 { font-size:43px; }
  .renewal-footer strong { font-size:48px; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
}