/*
 * MR MARVIS Look & Feel – Overrides für "The Edit"
 * Nur Optik: Farben, Typografie, Abstände, Header/Footer.
 * Inhalte und Struktur bleiben unverändert.
 */

:root {
    --paper: #ffffff;
    --surface: #ffffff;
    --image-surface: #f5f3f0;
    --ink: #0b1c33;
    --muted: #5f6b7a;
    --line: #ece9e4;
    --accent: #0b1c33;
    --tint: #f5f3f0;
    --soft: #faf9f7;
    --serif: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif;
    --sans: "Helvetica Neue", Helvetica, Arial, "Segoe UI", sans-serif;
    --mr-navy: #0b1c33;
    --mr-ink-soft: #33445c;
    --mr-muted: #8a94a3;
    --mr-line: #ece9e4;
    --mr-sand: #faf9f7;
    --theme-text-color: var(--ink);
    --theme-link-initial-color: var(--ink);
    --theme-link-hover-color: var(--mr-ink-soft);
    --theme-heading-color: var(--ink);
    --theme-font-family: var(--sans);
}

body {
    background: var(--paper);
    color: var(--mr-ink-soft);
    font-family: var(--sans);
    letter-spacing: .002em;
}

h1, h2, h3, .card-title, .journal-intro h1, .archive-intro h1 {
    font-family: var(--sans);
    color: var(--mr-navy);
    letter-spacing: -.02em;
    font-weight: 500;
}

/* ---------- Top-Ticker (wie MR MARVIS) ---------- */
.mr-ticker {
    background: var(--mr-navy);
    color: #fff;
    font-size: 11.5px;
    letter-spacing: .04em;
    text-align: center;
    padding: 9px 16px;
    line-height: 1.4;
}
.mr-ticker span { opacity: .92; }
.mr-ticker .mr-ticker__sep { opacity: .45; margin: 0 10px; }

/* ---------- Header ---------- */
.site-header { background: var(--paper); border-bottom: 1px solid var(--mr-line); }
.masthead { min-height: 96px; }
.wordmark { font-family: var(--sans); font-weight: 600; letter-spacing: .16em; font-size: 26px; text-transform: uppercase; }
.wordmark span { color: var(--mr-navy); }
.site-logo { max-height: 46px; }
.masthead-note { font-size: 11.5px; color: var(--mr-muted); letter-spacing: .02em; }

.header-tools { font-size: 12px; color: var(--mr-ink-soft); }
.search-toggle { width: 40px; height: 40px; border-radius: 4px; }
.search-toggle:hover { background: var(--mr-sand); }
.language-menu summary { font-size: 12px; letter-spacing: .02em; }

.navline { border-top: 1px solid var(--mr-line); border-bottom: 1px solid var(--mr-line); }
.primary-nav { gap: 30px; font-size: 12.5px; letter-spacing: .01em; }
.primary-nav a { min-height: 48px; color: var(--mr-navy); }
.primary-nav a[aria-current] { font-weight: 600; }
.primary-nav a[aria-current]::after { background: var(--mr-navy); height: 2px; }

/* ---------- Section-Header ---------- */
.eyebrow {
    font-size: 10.5px;
    letter-spacing: .16em;
    color: var(--mr-muted);
    font-weight: 600;
}
.journal-intro h1 { font-weight: 500; letter-spacing: -.03em; }
.journal-intro > p { color: var(--mr-muted); font-size: 13px; }

/* ---------- Cards ---------- */
.card-image { border-radius: 4px; background: var(--mr-sand); aspect-ratio: 3/4; }
.editorial-card--lead .card-image { aspect-ratio: 1.4; }
.editorial-card--supporting .card-image { aspect-ratio: 2.4; }
.card-image-arrow { border-radius: 4px; background: #ffffff; color: var(--mr-navy); box-shadow: 0 2px 10px rgba(11,28,51,.12); }
.card-category { color: var(--mr-muted); font-size: 10px; letter-spacing: .16em; font-weight: 600; }
.card-title { font-size: 22px; line-height: 1.28; letter-spacing: -.015em; font-weight: 500; }
.card-title a:hover { text-decoration: none; color: var(--mr-ink-soft); }
.card-excerpt { color: var(--mr-muted); font-size: 13px; line-height: 1.7; }
.card-meta { color: var(--mr-muted); font-size: 11px; letter-spacing: .04em; text-transform: uppercase; }
.card-meta > span { color: var(--mr-muted); font-weight: 600; }

/* ---------- Buttons / Links ---------- */
a:hover { color: var(--mr-ink-soft); }
a:focus-visible, summary:focus-visible, button:focus-visible, input:focus-visible { outline: 1px solid var(--mr-navy); outline-offset: 3px; }
::selection { background: #e7e3dc; color: var(--mr-navy); }

/* ---------- Footer ---------- */
.site-footer {
    background: var(--mr-sand);
    border-top: 1px solid var(--mr-line);
    padding-block: 56px 24px;
}
.footer-top { gap: 56px; padding-bottom: 36px; }
.footer-top .site-logo { max-height: 44px; }
.footer-top > div:first-child > p { color: var(--mr-muted); font-size: 12.5px; line-height: 1.8; }
.footer-links > .eyebrow, .footer-languages > .eyebrow { color: var(--mr-muted); font-size: 10.5px; letter-spacing: .16em; }
.footer-links > a, .footer-languages > a { font-size: 12.5px; color: var(--mr-ink-soft); }
.footer-languages > a { color: var(--mr-muted); }
.footer-languages > a[aria-current] { color: var(--mr-navy); }
.footer-bottom { border-top: 1px solid var(--mr-line); color: var(--mr-muted); font-size: 11px; letter-spacing: .04em; }


/* =========================================================
   Startseite im MR-MARVIS-Aufbau
   ========================================================= */

/* --- 1) Promo-Banner --- */
.mr-promo{background:linear-gradient(120deg,#0b1c33 0%,#12294a 55%,#0b1c33 100%);color:#fff;padding:56px 0}
.mr-promo__inner{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:center}
.mr-promo__chip{display:inline-block;font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#c9d3e0;border:1px solid rgba(255,255,255,.25);border-radius:3px;padding:5px 9px;margin-bottom:18px}
.mr-promo h1{color:#fff;font-size:clamp(30px,3.4vw,46px);line-height:1.1;font-weight:500;letter-spacing:-.02em;margin:0 0 14px}
.mr-promo p{color:#b9c5d6;font-size:14px;line-height:1.6;max-width:460px;margin:0 0 24px}
.mr-btn{display:inline-flex;align-items:center;justify-content:center;height:46px;padding:0 26px;background:#fff;color:#0b1c33;border-radius:4px;font-size:13.5px;font-weight:600;letter-spacing:.02em;transition:background .2s ease,color .2s ease}
.mr-btn:hover{background:#e9edf3;color:#0b1c33}
.mr-btn--light{background:#fff;color:#0b1c33}
.mr-promo__card{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:22px 24px;display:flex;flex-direction:column;gap:4px;background:rgba(255,255,255,.04)}
.mr-promo__label{font-size:10px;letter-spacing:.18em;color:#9fb0c6}
.mr-promo__card strong{font-size:38px;line-height:1.05;color:#fff;font-weight:500}
.mr-promo__card small{font-size:11.5px;color:#b9c5d6;letter-spacing:.06em;text-transform:uppercase}
.mr-promo__meta{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:11.5px;color:#9fb0c6}

/* --- 2) Hero --- */
.mr-hero{position:relative}
.mr-hero__link{display:block;position:relative;aspect-ratio:2.35;overflow:hidden;background:#0b1c33}
.mr-hero__link img{width:100%;height:100%;object-fit:cover}
.mr-hero__shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,28,51,.72) 0%,rgba(11,28,51,.35) 45%,rgba(11,28,51,.05) 75%)}
.mr-hero__body{position:absolute;left:0;bottom:0;padding:0 0 48px 6vw;display:flex;flex-direction:column;gap:14px;max-width:760px}
.mr-hero__cat{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#dfe5ee}
.mr-hero__title{color:#fff;font-size:clamp(26px,3.6vw,48px);line-height:1.12;font-weight:500;letter-spacing:-.02em}
.mr-hero__body .mr-btn{align-self:flex-start;margin-top:6px}

/* --- 3) Marken-Tiles --- */
.mr-brands{padding:56px 0 8px}
.mr-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:22px}
.mr-section-head h2{margin:0;font-size:24px;font-weight:500;letter-spacing:-.01em;color:#0b1c33}
.mr-section-head__aside{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a94a3}
.mr-brands__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(190px,190px);gap:16px;overflow-x:auto;padding-bottom:8px;scrollbar-width:thin}
.mr-brand-tile{display:flex;flex-direction:column;gap:10px;text-decoration:none}
.mr-brand-tile__media{display:grid;place-items:center;aspect-ratio:4/3;background:#f5f3f0;border-radius:4px;overflow:hidden;padding:20px}
.mr-brand-tile__media img{max-width:78%;max-height:38px;width:auto;object-fit:contain;opacity:.9;transition:opacity .25s}
.mr-brand-tile:hover .mr-brand-tile__media img{opacity:1}
.mr-brand-tile__initial{font-size:30px;font-weight:600;color:#0b1c33;opacity:.35}
.mr-brand-tile__name{font-size:13px;color:#0b1c33;line-height:1.3}
.mr-brand-tile__count{font-size:10.5px;color:#8a94a3;letter-spacing:.08em;text-transform:uppercase}

/* --- 4) Grid --- */
.mr-grid{padding:48px 0 8px}
.story-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 28px}
@media (max-width:980px){.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.story-grid{grid-template-columns:1fr}}

/* --- 5) Footer (4 Spalten) --- */
.mr-footer-grid{display:grid;grid-template-columns:1.5fr .9fr .9fr .9fr;gap:44px}
.mr-footer-col{display:flex;flex-direction:column;gap:2px}
.mr-footer-col a{display:inline-flex;align-items:center;min-height:34px;font-size:12.5px;color:#33445c}
.mr-footer-col a:hover{color:#0b1c33}
.mr-footer-col .eyebrow{margin:0 0 10px;color:#8a94a3}
.mr-footer-langs{display:flex;flex-wrap:wrap;gap:6px 14px}
.mr-footer-langs a{min-height:30px;font-size:12px;color:#8a94a3}
.mr-footer-langs a[aria-current]{color:#0b1c33;text-decoration:underline;text-underline-offset:4px}
.mr-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.mr-footer-legal{display:flex;gap:18px}
.mr-footer-legal a{font-size:11px;color:#8a94a3}
@media (max-width:980px){
  .mr-promo__inner{grid-template-columns:1fr;gap:28px}
  .mr-hero__link{aspect-ratio:1.6}
  .mr-hero__body{padding:0 24px 28px}
  .mr-footer-grid{grid-template-columns:1fr 1fr;gap:28px}
}
@media (max-width:640px){
  .mr-promo{padding:36px 0}
  .mr-hero__link{aspect-ratio:1.15}
  .mr-footer-grid{grid-template-columns:1fr}
}


/* Text-Marke in den Brand-Tiles */
.mr-brand-tile__mark{font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:#0b1c33;font-weight:600;text-align:center;line-height:1.4;max-width:100%;overflow-wrap:anywhere}


/* =========================================================
   Artikelseite im Produktseiten-Stil
   ========================================================= */
.mr-pdp{padding-bottom:16px}
.breadcrumbs{display:flex;gap:8px;align-items:center;font-size:11.5px;letter-spacing:.04em;color:#8a94a3;padding-top:22px;padding-bottom:18px;text-transform:uppercase}
.breadcrumbs a{color:#8a94a3}
.breadcrumbs a:hover{color:#0b1c33}
.mr-pdp__grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:56px;align-items:start;padding-bottom:56px}
.mr-pdp__figure{margin:0}
.mr-pdp__figure img{width:100%;height:auto;display:block;border-radius:4px;background:#f5f3f0}
.mr-pdp__figure figcaption{font-size:10.5px;letter-spacing:.06em;color:#8a94a3;margin-top:10px;text-transform:uppercase}
.mr-pdp__info{position:sticky;top:24px;display:flex;flex-direction:column;gap:16px}
.mr-pdp__brand{font-size:10.5px;letter-spacing:.18em;text-transform:uppercase;color:#8a94a3}
.mr-pdp__title{font-size:clamp(24px,2.1vw,32px);line-height:1.18;font-weight:500;letter-spacing:-.02em;color:#0b1c33;margin:0}
.mr-pdp__deck{font-size:14px;line-height:1.7;color:#5f6b7a;margin:0}
.mr-pdp__facts{margin:6px 0 0;padding-top:18px;border-top:1px solid #ece9e4;display:flex;flex-direction:column;gap:10px}
.mr-pdp__facts>div{display:flex;justify-content:space-between;gap:16px;font-size:12.5px}
.mr-pdp__facts dt{color:#8a94a3;letter-spacing:.1em;font-size:10.5px}
.mr-pdp__facts dd{margin:0;color:#0b1c33;text-align:right}
.mr-pdp__facts dd a{text-decoration:underline;text-underline-offset:3px}
.mr-pdp__actions{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.mr-btn--navy{background:#0b1c33;color:#fff}
.mr-btn--navy:hover{background:#12294a;color:#fff}
.mr-btn--ghost{background:transparent;color:#0b1c33;border:1px solid #d8d3cb}
.mr-btn--ghost:hover{background:#faf9f7}
.mr-pdp__usp{list-style:none;margin:18px 0 0;padding:18px 0 0;border-top:1px solid #ece9e4;display:flex;flex-direction:column;gap:8px}
.mr-pdp__usp li{position:relative;padding-left:18px;font-size:12px;color:#5f6b7a}
.mr-pdp__usp li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:50%;background:#0b1c33;opacity:.35}
.mr-pdp__body{padding-top:8px;padding-bottom:24px}
.mr-pdp__body .article-body{max-width:760px;margin:0 auto}
.mr-pdp__body .article-body h2{font-size:22px;margin:34px 0 12px;letter-spacing:-.01em}
.mr-pdp__body .article-body h3{font-size:17px;margin:26px 0 10px}
.mr-pdp__body .article-body p{font-size:15px;line-height:1.8;color:#33445c;margin:0 0 16px}
.mr-pdp__body .article-body ul,.mr-pdp__body .article-body ol{margin:0 0 16px;padding-left:20px;color:#33445c;font-size:15px;line-height:1.8}
.mr-pdp__body .article-body img{border-radius:4px;margin:24px 0}
.mr-pdp__body .article-body a{text-decoration:underline;text-underline-offset:3px;color:#0b1c33}
@media (max-width:980px){
  .mr-pdp__grid{grid-template-columns:1fr;gap:28px}
  .mr-pdp__info{position:static}
}


/* =========================================================
   Journal-/Nachrichten-Layout (kein Shop-Look)
   ========================================================= */
.mr-dateline{border-bottom:1px solid #ece9e4;font-size:11px;letter-spacing:.06em;color:#8a94a3;text-transform:uppercase}
.mr-dateline__inner{display:flex;justify-content:space-between;gap:16px;padding:9px 0}
.mr-dateline__note{color:#b3bac4}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:32px;min-height:88px}
.masthead .wordmark{font-size:25px;letter-spacing:.42em;font-weight:500;text-transform:uppercase;margin-right:-.42em}
.primary-nav{display:flex;gap:26px;font-size:12.5px;letter-spacing:.02em}
.primary-nav a{position:relative;display:flex;align-items:center;min-height:44px;color:#0b1c33}
.primary-nav a[aria-current]{font-weight:600}
.primary-nav a[aria-current]::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:#0b1c33}

.mr-journal{padding:44px 0 80px}
.mr-kicker{display:inline-block;font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:#8a94a3;margin-bottom:8px}
.mr-meta{font-size:11.5px;color:#9aa4b0;letter-spacing:.02em;margin:0}
.mr-dot{margin:0 8px}

/* Leitartikel */
.mr-lead{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:48px;align-items:center;padding-bottom:44px;border-bottom:1px solid #ece9e4}
.mr-lead__media img{width:100%;height:auto;display:block;border-radius:4px}
.mr-lead__title{font-size:clamp(26px,2.6vw,40px);line-height:1.14;font-weight:500;letter-spacing:-.02em;margin:0 0 14px;color:#0b1c33}
.mr-lead__title a:hover{color:#33445c}
.mr-lead__deck{font-size:15px;line-height:1.7;color:#5f6b7a;margin:0 0 16px}

/* Zwei Spalten: Liste + Rubriken */
.mr-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;padding-top:40px}
.mr-section-title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:#8a94a3;font-weight:600;margin:0 0 20px;padding-bottom:12px;border-bottom:1px solid #ece9e4}
.mr-list{list-style:none;margin:0;padding:0}
.mr-list__item{display:grid;grid-template-columns:180px minmax(0,1fr);gap:22px;padding:22px 0;border-bottom:1px solid #f1eeea}
.mr-list__item:first-child{padding-top:0}
.mr-list__thumb img{width:100%;height:120px;object-fit:cover;display:block;border-radius:3px;background:#f5f3f0}
.mr-list__title{font-size:19px;line-height:1.3;font-weight:500;letter-spacing:-.01em;margin:0 0 8px;color:#0b1c33}
.mr-list__title a:hover{color:#33445c}
.mr-list__deck{font-size:13.5px;line-height:1.65;color:#5f6b7a;margin:0 0 10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}

/* Seitenspalte */
.mr-side{margin-bottom:34px}
.mr-side__title{font-size:12px;letter-spacing:.16em;text-transform:uppercase;margin:0 0 12px;padding-bottom:10px;border-bottom:2px solid #0b1c33;color:#0b1c33}
.mr-side__title a{color:inherit}
.mr-side__list{list-style:none;margin:0;padding:0}
.mr-side__list li{padding:10px 0;border-bottom:1px solid #f1eeea}
.mr-side__list a{display:block;font-size:13.5px;line-height:1.45;color:#0b1c33;margin-bottom:4px}
.mr-side__list a:hover{color:#33445c}

@media (max-width:980px){
  .masthead{flex-direction:column;align-items:flex-start;gap:10px;padding-top:16px}
  .primary-nav{overflow-x:auto;gap:18px;width:100%}
  .mr-lead{grid-template-columns:1fr;gap:24px}
  .mr-columns{grid-template-columns:1fr;gap:36px}
  .mr-list__item{grid-template-columns:120px minmax(0,1fr);gap:16px}
  .mr-list__thumb img{height:84px}
}


/* Archiv / Kategorie im Journal-Stil */
.mr-archive-head{padding:36px 0 28px;border-bottom:2px solid #0b1c33;margin-bottom:8px}
.mr-archive-head h1{font-size:clamp(28px,3vw,44px);line-height:1.1;font-weight:500;letter-spacing:-.02em;margin:0 0 10px;color:#0b1c33}
.mr-archive-head__desc{font-size:14px;line-height:1.7;color:#5f6b7a;max-width:620px;margin:0 0 10px}
.mr-list--archive .mr-list__item{padding:26px 0}
.mr-list--archive .mr-list__thumb img{height:132px}
.mr-list--archive .mr-list__title{font-size:21px}
.mr-list__product{font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:#9aa4b0;margin:0 0 8px}
.mr-empty{padding:60px 0;color:#5f6b7a;font-size:14px}
.mr-empty a{text-decoration:underline;text-underline-offset:3px}


/* =========================================================
   Artikelseite im Journal-Stil (Text zuerst)
   ========================================================= */
.mr-article{padding:44px 0 8px}
.mr-article__head{max-width:820px;margin:0 auto 28px;text-align:center}
.mr-article__title{font-size:clamp(28px,3.2vw,46px);line-height:1.1;font-weight:500;letter-spacing:-.025em;margin:6px 0 14px;color:#0b1c33}
.mr-article__product{font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;color:#9aa4b0;margin:0 0 12px}
.mr-article__media{margin:0 auto 40px;max-width:1080px}
.mr-article__media img{width:100%;height:auto;display:block;border-radius:3px;background:#f5f3f0}
.mr-article__body{max-width:700px;margin:0 auto}
.mr-article__body p{font-size:16.5px;line-height:1.85;color:#33445c;margin:0 0 22px}
.mr-article__body h2{font-size:13px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:#0b1c33;margin:40px 0 12px;padding-top:18px;border-top:1px solid #ece9e4}
.mr-article__body h2:first-child{margin-top:0;border-top:0;padding-top:0}
.mr-article__body ul,.mr-article__body ol{font-size:16px;line-height:1.85;color:#33445c;padding-left:20px;margin:0 0 22px}
.mr-article__body a{text-decoration:underline;text-underline-offset:3px;color:#0b1c33}
.mr-article__body img{border-radius:3px;margin:28px 0}

/* Verwandte Beitraege */
.mr-related{padding:48px 0 80px;border-top:1px solid #ece9e4;margin-top:40px}
.mr-related .mr-section-title{margin-bottom:8px}
.mr-list--related .mr-list__item{padding:18px 0}
.mr-list--related .mr-list__thumb img{height:96px}

/* Suche */
.mr-searchform{display:flex;gap:10px;max-width:520px;margin:24px 0 32px}
.mr-searchform input{flex:1;height:46px;border:1px solid #ddd8d0;border-radius:3px;padding:0 14px;font-size:14px;color:#0b1c33;background:#fff}
.mr-searchform button{height:46px;padding:0 22px;border:0;border-radius:3px;background:#0b1c33;color:#fff;font-size:13px;letter-spacing:.04em;cursor:pointer}
.mr-searchform button:hover{background:#12294a}

/* Leerzustand / 404 */
.mr-empty--404{max-width:560px;padding:80px 0}
.mr-empty--404 h1{font-size:34px;line-height:1.15;font-weight:500;letter-spacing:-.02em;margin:6px 0 12px;color:#0b1c33}
.mr-empty--404 p{font-size:15px;line-height:1.7;color:#5f6b7a}
.mr-backlink{text-decoration:underline;text-underline-offset:3px;color:#0b1c33}

/* Pagination */
.pagination{display:flex;gap:6px;flex-wrap:wrap;padding:36px 0 0;font-size:13px}
.pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:1px solid #ece9e4;border-radius:3px;color:#0b1c33}
.pagination .page-numbers.current{background:#0b1c33;color:#fff;border-color:#0b1c33}
.pagination .page-numbers:hover{border-color:#0b1c33}

@media (max-width:640px){
  .mr-article__body p{font-size:16px}
  .mr-list--archive .mr-list__item{grid-template-columns:104px minmax(0,1fr)}
  .mr-list--archive .mr-list__thumb img{height:78px}
}


/* Bild-Logo im Kopf */
.masthead .wordmark.has-logo{letter-spacing:0;margin-right:0}
.masthead .site-logo{max-height:46px;width:auto;display:block}
@media (max-width:640px){ .masthead .site-logo{max-height:34px} }