@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600&display=swap');

:root {
  --mv-bg: #fffdf8;
  --mv-bg-soft: #faf7f0;
  --mv-black: #11110f;
  --mv-ink: #25221d;
  --mv-muted: rgba(17,17,15,.62);
  --mv-soft: rgba(17,17,15,.42);
  --mv-line: rgba(17,17,15,.12);
  --mv-line-strong: rgba(17,17,15,.22);
  --mv-max: 1180px;
  --mv-sans: 'Inter', ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --mv-brand: 'Cormorant Garamond', Georgia, 'Times New Roman', serif;
}

* { box-sizing: border-box; }
html { background: var(--mv-bg); scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--mv-bg);
  color: var(--mv-black);
  font-family: var(--mv-sans);
  font-size: 16px;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; text-underline-offset: 4px; }
img { display: block; max-width: 100%; }
.mv-container { width: min(var(--mv-max), calc(100% - 48px)); margin: 0 auto; }
.mv-skip-link { position:absolute; top:-60px; left:16px; z-index:9999; background:var(--mv-black); color:var(--mv-bg); padding:10px 14px; }
.mv-skip-link:focus { top:16px; }

.mv-site-header {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 90;
  height: 76px;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 clamp(22px, 4vw, 58px);
  background: rgba(255,253,248,.88);
  backdrop-filter: blur(18px);
  border-bottom: 1px solid var(--mv-line);
}
.mv-wordmark {
  justify-self: start;
  font-family: var(--mv-brand);
  font-size: 25px;
  font-weight: 600;
  letter-spacing: .20em;
  line-height: 1;
}
.mv-nav {
  justify-self: end;
  grid-column: 3;
  display: flex;
  gap: clamp(18px, 2.5vw, 34px);
  align-items: center;
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  font-weight: 600;
}

.mv-hero { padding: calc(76px + clamp(50px, 7vw, 92px)) 0 clamp(60px, 8vw, 110px); }
.mv-hero-grid { display: grid; grid-template-columns: .82fr 1.18fr; gap: clamp(40px, 7vw, 92px); align-items: center; min-height: min(760px, calc(100svh - 160px)); }
.mv-label {
  margin: 0 0 18px;
  color: var(--mv-soft);
  font-size: 11px;
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 700;
}
.mv-hero h1, .mv-statement h2, .mv-section-head h2, .mv-editorial h2, .mv-closing h2, .mv-page h1 {
  margin: 0;
  font-family: var(--mv-sans);
  font-weight: 500;
  letter-spacing: -.055em;
  line-height: .96;
  color: var(--mv-black);
}
.mv-hero h1 { font-size: clamp(52px, 6.5vw, 100px); max-width: 620px; }
.mv-lede { margin: 28px 0 0; max-width: 500px; color: var(--mv-muted); font-size: clamp(17px, 1.25vw, 20px); }
.mv-small-note { margin: 18px 0 0; color: var(--mv-soft); font-size: 13px; }
.mv-actions { margin-top: 34px; display: flex; flex-wrap: wrap; gap: 12px; }
.mv-button { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 23px; border-radius:0; border:1px solid var(--mv-black); font-size:11px; letter-spacing:.15em; text-transform:uppercase; font-weight:700; text-decoration:none!important; transition: background .18s ease, color .18s ease, transform .18s ease; }
.mv-button:hover { transform: translateY(-1px); }
.mv-button-dark { background: var(--mv-black); color: var(--mv-bg); }
.mv-button-light { background: transparent; color: var(--mv-black); }
.mv-hero-image { margin:0; position:relative; }
.mv-hero-image::after { content:''; position:absolute; inset:18px; border:1px solid rgba(255,253,248,.38); pointer-events:none; }
.mv-hero-image img { width:100%; aspect-ratio: 1.36 / 1; object-fit: cover; box-shadow: 0 28px 80px rgba(17,17,15,.10); }

.mv-statement { padding: clamp(72px, 8vw, 118px) 0; border-top:1px solid var(--mv-line); border-bottom:1px solid var(--mv-line); }
.mv-statement-inner { max-width: 880px; text-align: center; }
.mv-statement h2 { font-size: clamp(38px, 5vw, 76px); }
.mv-statement p { max-width: 650px; margin: 24px auto 0; color: var(--mv-muted); }

.mv-preview { padding: clamp(72px, 8vw, 118px) 0; }
.mv-section-head { max-width: 620px; margin-bottom: 34px; }
.mv-section-head h2 { font-size: clamp(34px, 4.2vw, 62px); }
.mv-preview-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: clamp(18px, 2.4vw, 30px); }
.mv-preview-item { display: flex; flex-direction: column; gap: 16px; }
.mv-preview-image { position: relative; overflow: hidden; background: var(--mv-bg-soft); border: 1px solid var(--mv-line); }
.mv-preview-image img { width:100%; height: clamp(360px, 35vw, 520px); object-fit: cover; filter: blur(9px) saturate(.86) contrast(.94) brightness(.97); transform: scale(1.06); transition: transform .7s ease; }
.mv-preview-image::after { content:''; position:absolute; inset:14px; border:1px solid rgba(255,253,248,.28); pointer-events:none; }
.mv-preview-item:hover img { transform: scale(1.09); }
.mv-preview-item h3 { margin: 0; font-size: 13px; letter-spacing: .16em; text-transform: uppercase; font-weight: 600; color: var(--mv-black); }

.mv-editorial { padding: 0 0 clamp(72px, 8vw, 118px); }
.mv-editorial-inner { display: grid; grid-template-columns: 1.18fr .82fr; gap: clamp(40px, 6vw, 84px); align-items: end; padding-top: clamp(52px, 7vw, 90px); border-top:1px solid var(--mv-line); }
.mv-editorial-image { margin:0; }
.mv-editorial-image img { width:100%; aspect-ratio: 1.28 / 1; object-fit: cover; box-shadow: 0 24px 70px rgba(17,17,15,.08); }
.mv-editorial h2 { font-size: clamp(32px, 4vw, 58px); }
.mv-editorial p:not(.mv-label) { color: var(--mv-muted); margin: 24px 0 0; }

.mv-closing { padding: clamp(72px, 8vw, 118px) 0; border-top:1px solid var(--mv-line); text-align:center; }
.mv-closing-inner { max-width: 760px; }
.mv-closing h2 { font-size: clamp(32px, 4vw, 58px); }
.mv-closing .mv-button { margin-top: 30px; }

.mv-footer { border-top: 1px solid var(--mv-line); padding: 36px 0; }
.mv-footer-inner { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 28px; }
.mv-footer-wordmark { font-family: var(--mv-brand); letter-spacing:.18em; font-size:22px; font-weight:600; }
.mv-footer-nav { display:flex; justify-content:center; flex-wrap:wrap; gap:18px; color:var(--mv-muted); font-size:11px; text-transform:uppercase; letter-spacing:.14em; font-weight:600; }
.mv-footer p { margin:0; color:var(--mv-soft); font-size:12px; }

.mv-page { min-height: 72vh; padding: 150px 0 90px; }
.mv-page h1 { font-size: clamp(44px, 5vw, 78px); margin-bottom: 28px; }
.mv-page-card { max-width:850px; padding:clamp(28px,5vw,56px); border:1px solid var(--mv-line); background:var(--mv-bg); color:var(--mv-muted); }
.mv-page-card h2, .mv-page-card h3 { color:var(--mv-black); font-weight:500; }

@media (max-width: 980px) {
  .mv-site-header { grid-template-columns: 1fr auto; }
  .mv-nav { display:none; }
  .mv-hero-grid, .mv-preview-grid, .mv-editorial-inner, .mv-footer-inner { grid-template-columns:1fr; }
  .mv-hero-grid { min-height: auto; }
  .mv-hero-copy { max-width: 720px; }
  .mv-editorial-inner { align-items:start; }
  .mv-footer-inner { text-align:center; }
}
@media (max-width: 560px) {
  .mv-container { width: min(100% - 32px, var(--mv-max)); }
  .mv-site-header { height:66px; padding:0 18px; }
  .mv-wordmark { font-size:20px; letter-spacing:.16em; }
  .mv-hero { padding-top: calc(66px + 40px); }
  .mv-actions { flex-direction: column; }
  .mv-button { width:100%; }
  .mv-preview-image img { height: 380px; }
  .mv-footer-nav { flex-direction: column; gap:10px; }
}