/* Case — Meridian */
.case--md { background: #F3EDE0; color: #1B1410; font-family: 'Inter', sans-serif; }
.md-eyebrow { font-family: 'JetBrains Mono', monospace; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #8E5A1C; margin: 0 0 1em; display: inline-block; }
.md-h2 { font-family: 'Fraunces', serif; font-weight: 400; font-size: clamp(2rem, 4.6vw, 3.2rem); line-height: 1.05; letter-spacing: -.015em; margin: 0 0 .5em; color: #1B1410; }
.md-btn { display: inline-flex; padding: 14px 26px; font-family: 'Inter', sans-serif; font-weight: 500; font-size: .94rem; text-decoration: none; transition: transform .25s var(--ac-ease-out), background .25s; }
.md-btn--ink { background: #1B1410; color: #F3EDE0; }
.md-btn--ink:hover { transform: translateY(-2px); background: #8E5A1C; }
.md-btn--text { background: transparent; color: #8E5A1C; padding-left: 6px; }
.md-btn--text:hover { transform: translateX(4px); }

.md-hero { padding: clamp(80px, 12vw, 160px) 0 clamp(60px, 9vw, 100px); background: radial-gradient(70% 60% at 80% 50%, rgba(142,90,28,.08), transparent 60%), #F3EDE0; }
.md-hero__inner { display: grid; grid-template-columns: 1.3fr 1fr; gap: 60px; align-items: center; }
@media (max-width: 980px) { .md-hero__inner { grid-template-columns: 1fr; } }
.md-title { font-family: 'Fraunces', serif; font-weight: 400; font-size: clamp(2.8rem, 7vw, 5rem); line-height: 1; letter-spacing: -.015em; margin: 0 0 24px; }
.md-title span { display: block; }
.md-title__ital em { font-style: italic; color: #8E5A1C; font-weight: 500; }
.md-tagline { font-family: 'Fraunces', serif; font-style: italic; font-size: clamp(1rem, 1.4vw, 1.18rem); color: #4A3E2A; max-width: 56ch; line-height: 1.6; margin: 0 0 32px; }
.md-tagline strong { font-style: normal; color: #1B1410; font-weight: 500; }
.md-hero__cta { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; }

.md-clock { display: flex; align-items: center; justify-content: center; }
.md-clock__face { width: 240px; height: 240px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #FFFEFA 0%, #E5DCC5 100%); border: 2px solid #1B1410; position: relative; box-shadow: 0 20px 50px -20px rgba(0,0,0,.3), inset 0 -8px 20px rgba(0,0,0,.05); }
.md-clock__tick { position: absolute; left: 50%; top: 6px; width: 2px; height: 12px; background: #1B1410; transform-origin: 50% 114px; margin-left: -1px; }
.md-clock__hand { position: absolute; left: 50%; bottom: 50%; transform-origin: 50% 100%; border-radius: 2px; }
.md-clock__hand--h { width: 4px; height: 60px; background: #1B1410; transform: translateX(-50%) rotate(45deg); }
.md-clock__hand--m { width: 3px; height: 86px; background: #1B1410; transform: translateX(-50%) rotate(180deg); animation: md-tick-m 60s linear infinite; }
.md-clock__hand--s { width: 1.5px; height: 96px; background: #8E5A1C; transform: translateX(-50%) rotate(90deg); animation: md-tick-s 60s steps(60) infinite; }
@keyframes md-tick-m { to { transform: translateX(-50%) rotate(540deg); } }
@keyframes md-tick-s { to { transform: translateX(-50%) rotate(450deg); } }
@media (prefers-reduced-motion: reduce) { .md-clock__hand--m, .md-clock__hand--s { animation: none; } }
.md-clock__pin { position: absolute; left: 50%; top: 50%; width: 10px; height: 10px; background: #8E5A1C; border-radius: 50%; transform: translate(-50%, -50%); }

.md-section { padding: clamp(70px, 10vw, 130px) 0; border-top: 1px solid rgba(142,90,28,.1); }
.md-section--paper { background: #FFFEFA; }
.md-split { display: grid; grid-template-columns: 1fr 1.3fr; gap: 60px; align-items: start; }
@media (max-width: 880px) { .md-split { grid-template-columns: 1fr; gap: 24px; } }

.md-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin-top: 40px; }
@media (max-width: 880px) { .md-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 540px) { .md-grid { grid-template-columns: 1fr; } }
.md-card { background: #F3EDE0; border-top: 2px solid #8E5A1C; padding: 28px; transition: transform .3s var(--ac-ease-out); }
.md-card:hover { transform: translateY(-4px); }
.md-card h3 { font-family: 'Fraunces', serif; font-weight: 500; font-size: 1.2rem; letter-spacing: -.005em; margin: 0 0 8px; color: #1B1410; }
.md-card p { color: #4A3E2A; font-size: .94rem; line-height: 1.55; margin: 0; }

.md-stack { display: grid; grid-template-columns: max-content 1fr; gap: 14px 32px; margin: 0; background: #FFFEFA; border: 1px solid rgba(142,90,28,.15); padding: 30px; }
@media (max-width: 600px) { .md-stack { grid-template-columns: 1fr; gap: 4px 0; } }
.md-stack dt { font-family: 'JetBrains Mono', monospace; font-size: .78rem; letter-spacing: .14em; text-transform: uppercase; color: #8E5A1C; padding-top: 4px; }
.md-stack dd { margin: 0; font-size: .98rem; color: #1B1410; line-height: 1.5; }
@media (max-width: 600px) { .md-stack dd { padding-bottom: 12px; border-bottom: 1px dashed rgba(142,90,28,.1); margin-bottom: 8px; } }