/* Preview overrides for Cloudflare-ready static build */

.brand { font-size: 1.5rem; }

@media (max-width: 720px) {
  .brand { font-size: 1.18rem; }
}

.preview-accent { color: var(--jade-400); font-style: italic; }
.preview-about-hero { padding-top: clamp(4.25rem, 10vw, 7.5rem); }
.preview-about-hero .eyebrow { font-size: clamp(0.95rem, 1vw, 1.1rem); letter-spacing: 0.34em; margin-bottom: 1.15rem; }
.preview-about-hero h1 { font-size: var(--step-4); }
.preview-about-hero .lede { margin-top: 1.25rem; }

.mp-values-stack { display:grid; gap:.9rem; margin-top:1.35rem; }
.mp-values-stack__item { display:grid; grid-template-columns:3.25rem minmax(0,1fr); gap:1rem; align-items:start; padding:1rem 1.15rem; border:1px solid var(--border); border-radius:var(--radius-md); background:linear-gradient(180deg, rgba(17,38,33,.92), rgba(12,29,24,.96)); }
.mp-values-stack__letter { display:inline-flex; align-items:center; justify-content:center; font-family:var(--font-serif); font-size:clamp(2.2rem,4vw,3rem); line-height:1; color:var(--jade-400); font-style:italic; }
.mp-values-stack__title { margin:0; font-size:var(--step-0); color:var(--text-100); }
.mp-values-stack__copy { margin:.25rem 0 0; font-size:var(--step--1); line-height:1.5; color:var(--text-300); }

.preview-person .person__photo { width:120px; height:120px; border-radius:50%; overflow:hidden; margin-bottom:1rem; filter:url(#duo-neuraltech); }
.preview-person .person__photo img { width:100%; height:100%; object-fit:cover; }

.preview-schools__support { max-width:50rem; margin-top:1.35rem; margin-bottom:1.1rem; }
.preview-schools__support h3 { margin:0; font-size:clamp(1.2rem,1.8vw,1.55rem); }
.preview-schools__support p { margin:.75rem 0 0; font-size:var(--step--1); line-height:1.62; color:var(--text-300); }
.preview-schools__grid { display:grid; grid-template-columns:1.1fr .95fr .95fr; gap:1.35rem; margin-top:1.35rem; }
.preview-schools__card { padding:1.35rem 1.4rem 1.5rem; border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(180deg, rgba(17,38,33,.95), rgba(12,29,24,.99)); }
.preview-schools__card--cta { background:radial-gradient(circle at top right, rgba(107,207,187,.08), transparent 38%), linear-gradient(180deg, rgba(17,38,33,.95), rgba(12,29,24,.99)); }
.preview-schools__card h3 { margin:0; font-size:clamp(1.35rem,2vw,1.75rem); }
.preview-schools__card p { margin:.85rem 0 0; font-size:var(--step--1); line-height:1.6; color:var(--text-300); }
.preview-schools__card ul { margin:.75rem 0 0; padding:0; list-style:none; display:grid; gap:.7rem; }
.preview-schools__card li { position:relative; padding-left:1.15rem; font-size:.96rem; line-height:1.5; color:var(--text-300); }
.preview-schools__card li::before { content:""; position:absolute; left:0; top:.55em; width:.45rem; height:.45rem; border-radius:50%; background:var(--jade-400); }
.preview-schools__logos { margin-top:1.5rem; padding:1.35rem 1.4rem 1.5rem; border:1px solid var(--border); border-radius:var(--radius-lg); background:rgba(15,36,31,.45); }
.preview-schools__logos h3 { margin:0; font-size:clamp(1.2rem,1.8vw,1.55rem); }
.preview-schools__logos p { margin:.6rem 0 0; font-size:var(--step--1); line-height:1.6; color:var(--text-300); }
.preview-schools__logo-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(9rem,1fr)); gap:1.35rem; margin:1.35rem 0 0; padding:0; list-style:none; }
.preview-school { display:grid; gap:.85rem; justify-items:center; text-align:center; }
.preview-school__plate { display:flex; align-items:center; justify-content:center; width:100%; aspect-ratio:1; max-width:11rem; padding:1rem; border-radius:var(--radius-md); background:#fff; box-shadow:var(--shadow-sm); }
.preview-school__plate img { width:100%; height:100%; object-fit:contain; }
.preview-school__name { font-size:var(--step--1); line-height:1.45; color:var(--text-300); max-width:16ch; }

.preview-journey__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.35rem; margin-top:2.2rem; }
.preview-journey__card { padding:1.25rem 1.3rem 1.4rem; border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(180deg, rgba(17,38,33,.95), rgba(12,29,24,.98)); }
.preview-journey__card--lead { grid-column:1/-1; min-height:16rem; background:radial-gradient(circle at top right, rgba(107,207,187,.09), transparent 42%), linear-gradient(180deg, rgba(17,38,33,.95), rgba(12,29,24,.99)); }
.preview-journey__tag { display:inline-block; margin-bottom:.9rem; font-family:var(--font-mono); font-size:.72rem; letter-spacing:.18em; text-transform:uppercase; color:var(--amber-400); }
.preview-journey__card h3 { margin:0; font-size:clamp(1.55rem,2.2vw,1.9rem); line-height:1.02; }
.preview-journey__card--lead h3 { font-size:clamp(2rem,3vw,2.7rem); max-width:18ch; }
.preview-journey__card p { margin:.85rem 0 0; font-size:var(--step--1); line-height:1.6; color:var(--text-300); }
.preview-journey__card--lead p { font-size:var(--step-0); max-width:48ch; }

.preview-events__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.35rem; margin-top:2rem; }
.preview-event { overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(180deg, rgba(17,38,33,.95), rgba(12,29,24,.98)); }
.preview-event--lead { grid-column:span 3; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(18rem,.85fr); }
.preview-event img { width:100%; height:100%; object-fit:cover; display:block; }
.preview-event__body { padding:1.15rem 1.2rem 1.3rem; }
.preview-event--lead .preview-event__body { display:flex; flex-direction:column; justify-content:center; padding:1.5rem 1.6rem; }
.preview-event__meta { display:flex; gap:.55rem; flex-wrap:wrap; align-items:center; margin-bottom:.8rem; font-family:var(--font-mono); font-size:.7rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-500); }
.preview-event__tag { padding:.32rem .58rem; border:1px solid rgba(107,207,187,.26); border-radius:var(--radius-pill); background:rgba(19,49,43,.72); color:var(--jade-300); }
.preview-event h3 { margin:0; font-size:var(--step-1); line-height:1.08; }
.preview-event--lead h3 { font-size:clamp(1.9rem,3vw,2.4rem); }
.preview-event p { margin:.8rem 0 0; font-size:var(--step--1); line-height:1.58; color:var(--text-300); }

.preview-trending__grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; align-items:stretch; }
.preview-article { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--border); border-radius:var(--radius-lg); background:linear-gradient(180deg, rgba(17,38,33,.95), rgba(12,29,24,.99)); }
.preview-article--lead { grid-column:span 1; }
.preview-article img { width:100%; aspect-ratio:4/3; object-fit:cover; display:block; }
.preview-article__body { padding:1rem 1rem .95rem; }
.preview-article__meta { display:flex; gap:.6rem; flex-wrap:wrap; align-items:center; margin-bottom:.75rem; font-family:var(--font-mono); font-size:.68rem; letter-spacing:.12em; text-transform:uppercase; color:var(--text-500); }
.preview-article__tag { display:inline-flex; align-items:center; padding:.3rem .55rem; border:1px solid rgba(107,207,187,.26); border-radius:var(--radius-pill); background:rgba(19,49,43,.72); color:var(--jade-300); }
.preview-article h3 { margin:0; font-size:clamp(1rem,1.25vw,1.12rem); line-height:1.05; }
.preview-article__body p { margin:.7rem 0 0; font-size:.83rem; line-height:1.5; color:var(--text-300); display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; min-height:3.1em; }
.preview-article__cta { display:inline-flex; align-items:center; gap:.45rem; margin-top:.55rem; font-family:var(--font-mono); font-size:.72rem; letter-spacing:.14em; text-transform:uppercase; color:var(--jade-300); text-decoration:none; }
.preview-article__cta::after { content:"→"; }
.preview-trending__more { margin-top:var(--space-xl); text-align:center; }

@media (max-width: 1100px) {
  .preview-schools__grid,
  .preview-journey__grid,
  .preview-events__grid,
  .preview-trending__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .preview-journey__card--lead,
  .preview-event--lead { grid-column: 1 / -1; }
  .preview-event--lead { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .preview-schools__grid,
  .preview-journey__grid,
  .preview-events__grid,
  .preview-trending__grid { grid-template-columns: 1fr; }
  .preview-journey__card--lead,
  .preview-event--lead { grid-column: span 1; }
  .preview-event--lead { grid-template-columns: 1fr; }
  .mp-values-stack__item { grid-template-columns: 1fr; }
  .preview-person .person__photo { width: 108px; height: 108px; }
}