/* MUM x BUSINESS — V3 editorial typographic refinements.
   The site uses licensed web-safe fallbacks if web font loading is unavailable.
   The display-serif is the key change from the V2 fashion-didone reference. */
:root {
  --paper: #f9f4ee;
  --cream: #fffaf5;
  --ink: #302019;
  --muted: #67594e;
  --orange: #ec681b;
  --soft-orange: #f5dbc4;
  --peach: #f3decf;
  --pink: #f3ddd7;
  --olive: #8b9273;
  --line: #dbc7b7;
  --serif: 'Bodoni Moda', 'Bodoni MT', 'GFS Didot', Didot, 'Times New Roman', serif;
  --reading: 'Cormorant Garamond', 'GFS Baskerville', Georgia, serif;
  --sans: 'DM Sans', 'Aptos', 'Arial', sans-serif;
  --hand: 'Nothing You Could Do', 'Segoe Print', 'Bradley Hand', 'Caveat', cursive;
}
html { scroll-padding-top: 90px; }
body { background: var(--paper); text-rendering: optimizeLegibility; }
body,button,input { font-size: 15px; }
h1,h2,h3 { font-family:var(--serif); font-weight:400; letter-spacing:-.048em; }
h1 em,h2 em,h3 em { font-family:var(--serif);font-style:italic;font-weight:400; letter-spacing:-.057em; }
.preview-strip { background:#efe5dc;color:#675b52;font-size:9px;font-weight:600;letter-spacing:.17em;padding:6px 14px; }
.site-header { background:#fbf5ef; }
.header-inner { max-width:1680px; padding:13px clamp(22px,4.5vw,92px); min-height:100px; gap:30px; }
.wordmark { font-family:var(--serif); font-weight:400; min-width:205px; font-size:clamp(37px,3.35vw,56px); line-height:.75; letter-spacing:-.069em; }
.wordmark-line:last-child {margin-top:9px;}
.signature-x {font-family:var(--hand);font-weight:400;font-size:clamp(21px,1.9vw,27px); color:var(--orange);line-height:1;right:-16px;top:1px; transform:rotate(-10deg); }
.header-claim { font-family:var(--reading); font-style:italic;font-size:clamp(18px,1.42vw,23px);line-height:1.2; letter-spacing:-.02em;padding:8px 0 8px 31px; }
.desktop-nav > a {font-size:11px; font-weight:500;letter-spacing:.035em;}
.desktop-nav .nav-newsletter {border:0;border-bottom:1px solid var(--orange);padding:8px 2px;}
.eyebrow,.hero-small-label,.micro-copy,.button-primary,.text-link,.underlink {font-family:var(--sans); font-size:10px;font-weight:700;letter-spacing:.15em;}
.button-primary {padding:15px 26px;font-size:11px; letter-spacing:.18em;background:var(--orange);}
.button-primary:hover {background:#c95110;}
/* A deliberate editorial split instead of generic card-heavy blog styling. */
.home-hero { grid-template-columns: 43% 57%; min-height:604px; background: #f2e7dd; }
.hero-editorial {padding:clamp(50px,5vw,84px) clamp(26px,4.6vw,88px) 48px;justify-content:center;}
.hero-editorial::before {border-color:#ead7c4;opacity:.45;}
.hero-small-label { margin-bottom:30px;color:#4d3022;gap:10px;letter-spacing:.22em; }
.hero-small-label .short-rule { width:22px;height:1.5px; }
.hero-editorial h1 {font-family:var(--serif);font-size:clamp(52px,4.9vw,91px);line-height:.99;letter-spacing:-.064em;max-width:720px;margin-bottom:27px;}
.hero-editorial h1 em {display:inline-block; font-size:.79em;line-height:1.2;letter-spacing:-.071em;padding-top:7px;}
.hero-editorial h1 em::after {border:0;border-bottom:1.5px solid var(--orange);left:6%;right:19%;bottom:-1px;transform:rotate(-1.8deg);}
.hero-lead { font-family:var(--reading);font-size:clamp(18px,1.3vw,22px);line-height:1.35;max-width:475px;margin-bottom:25px;letter-spacing:-.017em; }
.hero-handwritten {right:3%;top:28px;font:400 clamp(20px,1.9vw,31px)/1.08 var(--hand);transform:rotate(-9deg);color:#9a5634;max-width:220px;}
.hero-handwritten svg { width:46px; stroke-width:1.6; }
.hero-image {height:604px;}
.hero-image > img {object-position:58% center;filter:saturate(.93) contrast(.97);}
.image-caption {letter-spacing:.12em;font-size:9px;}
.photo-note {font-size:10px;background:rgba(255,250,245,.9);}
.ticker {background:#f5e9df;border-top:1px solid #e4d3c4;border-bottom:1px solid #e4d3c4;color:#5b4134;font-size:9px;line-height:1.5;padding:9px 15px;letter-spacing:.2em;}
.ticker span {color:var(--orange);font-size:12px;margin:0 10px;}
.category-shortcut {padding:30px 25px;background:rgba(255,255,255,.15);}
.category-shortcut .category-num { font-family:var(--serif);font-style:italic;color:var(--orange);font-size:29px; }
.category-shortcut strong {font-family:var(--sans);font-size:13px;text-transform:uppercase;letter-spacing:.045em;}
.category-shortcut small {font-family:var(--reading);font-style:italic;font-size:16px;line-height:1.25;}
/* Dynamic print-like composition: contrasting scales rather than monotone cards. */
.latest-section,.small-stories {padding-top:105px;padding-bottom:95px;}
.section-header {margin-bottom:31px;align-items:end;}
.section-header h2 {font-family:var(--serif);font-size:clamp(51px,5.2vw,81px);line-height:.99;margin:9px 0 0;letter-spacing:-.06em;}
.section-header h2 em {color:var(--ink);}
.scribble-rays {font-family:var(--hand);font-size:26px;color:var(--orange);margin-left:12px;}
.article-card {background:#f9f1e9;}
.article-card-large {grid-template-columns:52% 48%;}
.card-copy {padding:clamp(21px,2.4vw,38px);}
.card-copy .eyebrow {font-size:9px;}
.card-copy h3 {font-family:var(--serif);font-size:clamp(34px,2.55vw,46px);letter-spacing:-.055em;line-height:1.04;margin:14px 0 13px;}
.card-copy p {font-family:var(--reading);font-size:17px;line-height:1.35;}
.horizontal-card h3 {font-size:clamp(28px,2vw,35px);}
.underlink {font-size:9px;}
.quote-break {background:#edd5c6;}
.quote-break h2 {font-family:var(--serif);letter-spacing:-.05em;}
.quote-script,.handwritten,.hand-aside,.big-script,.footer-scribble {font-family:var(--hand) !important;font-weight:400;}
.feature-text h2,.page-head h1,.article-top h1,.about-text h1,.legal-header h1,.contact-layout h1,.newsletter-standalone h1 {font-family:var(--serif);letter-spacing:-.063em;}
.feature-text p,.prose p,.about-prose p,.legal-copy p {font-family:var(--reading);font-size:clamp(19px,1.2vw,22px);line-height:1.55;letter-spacing:-.008em;}
.mini-story-grid h3,.article-list-card h3 {font-family:var(--serif);letter-spacing:-.048em;}
.article-body {font-family:var(--reading);font-size:21px;line-height:1.63;}
.article-body h2 {line-height:1.08;}
.article-deck {font-family:var(--reading);font-size:24px;line-height:1.42;}
.article-top h1 {line-height:1.02;}
.about-head h1 {line-height:.98;}
.legal-copy h2 {font-family:var(--serif);}
.footer-logo {font-family:var(--serif);font-weight:400;letter-spacing:-.05em;}
.footer-logo i {font-family:var(--hand);font-size:.6em; font-style:normal;color:var(--orange);font-weight:400;}
/* Introduce a lightly scribbled marginalia motif, without decorative orange bars. */
.margin-note {display:block;position:absolute;left:clamp(26px,4.6vw,88px);bottom:18px; font:400 18px/1.2 var(--hand); color:#995737;transform:rotate(-4deg);opacity:.86;}
/* Responsive layout */
@media(max-width:1280px){.header-claim{font-size:18px}.header-inner{gap:21px}.wordmark{min-width:180px}.hero-editorial h1{font-size:clamp(50px,4.8vw,76px)}.hero-lead{font-size:18px}.hero-handwritten{max-width:170px}.category-shortcut{padding:22px 15px}.category-shortcut small{font-size:14px}.card-copy p{font-size:16px}}
@media(max-width:980px){.header-claim{display:none}.hero-editorial h1{font-size:clamp(46px,5.2vw,62px)}.hero-lead{font-size:17px}.hero-handwritten{display:none}.home-hero{min-height:560px}.hero-image{height:560px}.card-copy h3{font-size:34px}.horizontal-card h3{font-size:29px}}
@media(max-width:740px){.header-inner{min-height:73px}.wordmark{font-size:35px;min-width:142px}.signature-x{font-size:21px;right:-13px;top:0}.hero-editorial{padding:44px 6% 34px}.hero-editorial h1{font-size:clamp(53px,10.9vw,80px);line-height:1.01}.hero-editorial h1 em{font-size:.76em}.hero-lead{font-size:18px;line-height:1.42}.hero-image{height:63vw;min-height:330px}.margin-note{display:none}.ticker{font-size:9px;padding:8px 12px}.section-header h2{font-size:clamp(48px,9vw,67px)}.article-card-large .card-photo{height:330px}.card-copy h3{font-size:37px}.category-shortcut small{font-size:14px}.article-body{font-size:19px}.article-deck{font-size:21px}}
@media(max-width:490px){.preview-strip{font-size:8px}.hero-editorial h1{font-size:clamp(45px,11.1vw,55px);letter-spacing:-.07em}.hero-lead{font-size:17px}.hero-image{height:320px;min-height:0}.category-shortcut small{font-size:13px}.section-header h2{font-size:50px}.stack-cards .card-copy h3{font-size:25px}.card-copy p{font-size:16px}.article-top h1{font-size:50px}.feature-text h2{font-size:48px}.page-head h1{font-size:60px}}