/* ============================================================
   NEWSERS — Design System & Master Stylesheet
   Brand: NEWSERS | Tagline: "The World, Unfiltered"
   Colors: #1A1A2E / #0F3460 / #E94560
   Fonts: Noto Serif (headings) + Noto Sans (body)
   ============================================================ */

/* ---- Tokens ---- */
:root {
  /* Palette */
  --c-dark: #1A1A2E;
  --c-navy: #0F3460;
  --c-red: #E94560;
  --c-red-dim: #c73a52;
  --c-surface: #16213e;
  --c-surface-light: #1e2d50;
  --c-text: #e8e8e8;
  --c-text-muted: #a0a8c0;
  --c-bg: #0f0f1a;
  --c-bg-alt: #141428;
  --c-border: rgba(255,255,255,0.07);
  --c-white: #ffffff;
  --c-overlay: rgba(15,15,26,0.85);

  /* Typography */
  --f-heading: 'Noto Serif', Georgia, 'Times New Roman', serif;
  --f-body: 'Noto Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --fs-xs: 0.75rem;
  --fs-sm: 0.875rem;
  --fs-base: 1rem;
  --fs-md: 1.125rem;
  --fs-lg: 1.5rem;
  --fs-xl: 2rem;
  --fs-2xl: 2.75rem;
  --fs-3xl: 3.5rem;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-semibold: 600;
  --fw-bold: 700;
  --fw-black: 900;

  /* Spacing */
  --sp-xs: 0.25rem;
  --sp-sm: 0.5rem;
  --sp-md: 1rem;
  --sp-lg: 1.5rem;
  --sp-xl: 2rem;
  --sp-2xl: 3rem;
  --sp-3xl: 4rem;
  --sp-4xl: 6rem;

  /* Layout */
  --max-w: 1280px;
  --max-w-narrow: 960px;
  --gutter: clamp(1rem, 4vw, 2rem);
  --radius: 6px;
  --radius-lg: 12px;

  /* Transitions */
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-in-out: cubic-bezier(0.65, 0, 0.35, 1);
  --dur-fast: 200ms;
  --dur-normal: 350ms;
  --dur-slow: 600ms;

  /* Shadows */
  --shadow-sm: 0 1px 3px rgba(0,0,0,0.3);
  --shadow-md: 0 4px 16px rgba(0,0,0,0.35);
  --shadow-lg: 0 8px 32px rgba(0,0,0,0.4);
  --shadow-glow: 0 0 30px rgba(233,69,96,0.15);
}

/* ---- Reset ---- */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--f-body);font-size:var(--fs-base);line-height:1.65;color:var(--c-text);background:var(--c-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none}
button,input,textarea,select{font:inherit;color:inherit;border:none;background:none}
button{cursor:pointer}
h1,h2,h3,h4,h5,h6{font-family:var(--f-heading);font-weight:var(--fw-bold);line-height:1.2}

/* ---- Utility ---- */
.container{width:100%;max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter)}
.container--narrow{max-width:var(--max-w-narrow)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.section{padding:var(--sp-4xl) 0}
.section--alt{background:var(--c-bg-alt)}

/* ---- Reveal Animations ---- */
.reveal{opacity:0;transform:translateY(32px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.reveal.revealed{opacity:1;transform:translateY(0)}
.reveal-left{opacity:0;transform:translateX(-32px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.reveal-left.revealed{opacity:1;transform:translateX(0)}
.reveal-right{opacity:0;transform:translateX(32px);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.reveal-right.revealed{opacity:1;transform:translateX(0)}
.reveal-scale{opacity:0;transform:scale(0.95);transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.reveal-scale.revealed{opacity:1;transform:scale(1)}

@media (prefers-reduced-motion:reduce){
  .reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none;transition:none}
}

/* ---- Buttons ---- */
.btn{display:inline-flex;align-items:center;gap:var(--sp-sm);padding:0.75rem 1.75rem;font-weight:var(--fw-semibold);font-size:var(--fs-sm);border-radius:var(--radius);letter-spacing:0.03em;text-transform:uppercase;transition:all var(--dur-fast) var(--ease-out);position:relative;overflow:hidden}
.btn--primary{background:var(--c-red);color:var(--c-white)}
.btn--primary:hover{background:var(--c-red-dim);transform:translateY(-2px);box-shadow:var(--shadow-glow)}
.btn--outline{border:1.5px solid var(--c-red);color:var(--c-red)}
.btn--outline:hover{background:var(--c-red);color:var(--c-white);transform:translateY(-2px)}
.btn--ghost{color:var(--c-text-muted);border:1.5px solid var(--c-border)}
.btn--ghost:hover{color:var(--c-white);border-color:var(--c-text-muted)}
.btn--sm{padding:0.5rem 1.25rem;font-size:var(--fs-xs)}
.btn--lg{padding:1rem 2.25rem;font-size:var(--fs-base)}

/* ---- Ticker ---- */
.ticker{background:var(--c-red);color:var(--c-white);overflow:hidden;height:40px;display:flex;align-items:center;position:relative;z-index:100}
.ticker__label{background:var(--c-dark);color:var(--c-white);font-weight:var(--fw-black);font-size:var(--fs-xs);text-transform:uppercase;letter-spacing:0.12em;padding:0 var(--sp-lg);height:100%;display:flex;align-items:center;white-space:nowrap;position:relative;z-index:2}
.ticker__label::after{content:'';position:absolute;right:-20px;top:0;border-left:20px solid var(--c-dark);border-top:20px solid transparent;border-bottom:20px solid transparent}
.ticker__track{display:flex;animation:ticker-scroll 45s linear infinite;white-space:nowrap;padding-left:var(--sp-xl)}
.ticker__item{padding:0 var(--sp-2xl);font-size:var(--fs-sm);font-weight:var(--fw-medium);display:inline-flex;align-items:center;gap:var(--sp-sm)}
.ticker__item::before{content:'\25CF';font-size:6px;opacity:0.6}
@keyframes ticker-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}}

/* ---- Header ---- */
.header{position:fixed;top:0;left:0;right:0;z-index:999;transition:all var(--dur-normal) var(--ease-out);padding:var(--sp-md) 0}
.header.scrolled{background:rgba(15,15,26,0.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);padding:var(--sp-sm) 0}
.header__inner{display:flex;align-items:center;justify-content:space-between}
.header__brand{display:flex;flex-direction:column;gap:2px;z-index:1001}
.header__logo{font-family:var(--f-heading);font-weight:var(--fw-black);font-size:var(--fs-xl);letter-spacing:-0.02em;color:var(--c-white);text-transform:uppercase;line-height:1}
.header__logo span{color:var(--c-red)}
.header__tagline{font-size:var(--fs-xs);color:var(--c-text-muted);letter-spacing:0.15em;text-transform:uppercase;display:none}
@media(min-width:768px){.header__tagline{display:block}}

.header__nav{display:none}
@media(min-width:900px){.header__nav{display:flex;gap:var(--sp-xl)}}

.header__nav-link{font-size:var(--fs-sm);font-weight:var(--fw-medium);color:var(--c-text-muted);position:relative;padding:var(--sp-xs) 0;transition:color var(--dur-fast)}
.header__nav-link::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--c-red);transition:width var(--dur-normal) var(--ease-out)}
.header__nav-link:hover,.header__nav-link.active{color:var(--c-white)}
.header__nav-link.active::after,.header__nav-link:hover::after{width:100%}

.header__cta{display:none}
@media(min-width:900px){.header__cta{display:flex}}

/* Mobile Toggle */
.header__toggle{display:flex;flex-direction:column;gap:5px;width:28px;z-index:1001;padding:4px 0}
.header__toggle span{display:block;height:2px;background:var(--c-white);border-radius:2px;transition:all var(--dur-normal) var(--ease-out);transform-origin:center}
.header__toggle span:nth-child(1){width:100%}
.header__toggle span:nth-child(2){width:70%}
.header__toggle span:nth-child(3){width:100%}
@media(min-width:900px){.header__toggle{display:none}}

.header__toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.header__toggle.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.header__toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}

/* Mobile Menu */
.mobile-nav{position:fixed;inset:0;background:var(--c-bg);z-index:999;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--sp-xl);opacity:0;pointer-events:none;transition:opacity var(--dur-normal) var(--ease-out)}
.mobile-nav.open{opacity:1;pointer-events:all}
.mobile-nav__link{font-family:var(--f-heading);font-size:var(--fs-2xl);font-weight:var(--fw-bold);color:var(--c-text-muted);transition:color var(--dur-fast)}
.mobile-nav__link:hover,.mobile-nav__link.active{color:var(--c-red)}
.mobile-nav__cta{margin-top:var(--sp-xl)}
@media (prefers-reduced-motion:reduce){.mobile-nav{transition:none}}

/* ---- Hero ---- */
.hero{padding-top:calc(80px + var(--sp-3xl));padding-bottom:var(--sp-3xl)}
.hero__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-xl)}
@media(min-width:900px){.hero__grid{grid-template-columns:2fr 1fr}}

.hero__lead{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:var(--c-surface);aspect-ratio:16/9}
@media(min-width:900px){.hero__lead{aspect-ratio:3/2}}
.hero__lead img{width:100%;height:100%;object-fit:cover;transition:transform 8s var(--ease-out)}
.hero__lead:hover img{transform:scale(1.03)}
.hero__lead-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(15,15,26,0.95) 0%,rgba(15,15,26,0.3) 50%,transparent 100%)}
.hero__lead-content{position:absolute;bottom:0;left:0;right:0;padding:var(--sp-2xl)}
.hero__lead-badge{display:inline-block;background:var(--c-red);color:var(--c-white);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.1em;padding:var(--sp-xs) var(--sp-md);border-radius:var(--radius);margin-bottom:var(--sp-md)}
.hero__lead-title{font-size:var(--fs-xl);margin-bottom:var(--sp-sm)}
@media(min-width:768px){.hero__lead-title{font-size:var(--fs-2xl)}}
.hero__lead-excerpt{color:var(--c-text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-md);max-width:600px}
.hero__lead-meta{display:flex;align-items:center;gap:var(--sp-md);font-size:var(--fs-xs);color:var(--c-text-muted)}
.hero__lead-meta time{text-transform:uppercase;letter-spacing:0.08em}
.hero__lead-meta .author{color:var(--c-red);font-weight:var(--fw-semibold)}

.hero__sidebar{display:flex;flex-direction:column;gap:var(--sp-md)}
.hero__sidebar-item{display:flex;gap:var(--sp-md);padding:var(--sp-md);background:var(--c-surface);border-radius:var(--radius);border:1px solid var(--c-border);transition:all var(--dur-fast) var(--ease-out)}
.hero__sidebar-item:hover{border-color:var(--c-red);transform:translateX(4px)}
.hero__sidebar-item img{width:90px;height:70px;object-fit:cover;border-radius:var(--radius);flex-shrink:0}
.hero__sidebar-item-text h3{font-size:var(--fs-sm);line-height:1.35;margin-bottom:var(--sp-xs)}
.hero__sidebar-item-text span{font-size:var(--fs-xs);color:var(--c-text-muted)}

/* ---- Wire Feed ---- */
.wire-feed__header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:var(--sp-2xl);flex-wrap:wrap;gap:var(--sp-md)}
.section-label{font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.15em;color:var(--c-red);margin-bottom:var(--sp-sm);display:flex;align-items:center;gap:var(--sp-sm)}
.section-label::before{content:'';width:24px;height:2px;background:var(--c-red)}
.section-title{font-size:var(--fs-xl);margin-bottom:var(--sp-xs)}
.section-desc{color:var(--c-text-muted);font-size:var(--fs-sm);max-width:500px}

.wire-feed__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-lg)}
@media(min-width:600px){.wire-feed__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.wire-feed__grid{grid-template-columns:repeat(3,1fr)}}

.wire-card{background:var(--c-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--c-border);transition:all var(--dur-normal) var(--ease-out)}
.wire-card:hover{border-color:rgba(233,69,96,0.3);transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.wire-card--featured{grid-column:1/-1}
@media(min-width:600px){.wire-card--featured{grid-column:1/-1}}
.wire-card__img{position:relative;overflow:hidden;aspect-ratio:16/9}
.wire-card--featured .wire-card__img{aspect-ratio:2/1}
@media(min-width:600px){.wire-card--featured .wire-card__img{aspect-ratio:21/9}}
.wire-card__img img{width:100%;height:100%;object-fit:cover;transition:transform var(--dur-slow) var(--ease-out)}
.wire-card:hover .wire-card__img img{transform:scale(1.04)}
@media (prefers-reduced-motion:reduce){.wire-card__img img,.hero__lead img{transition:none}}
.wire-card__category{position:absolute;top:var(--sp-md);left:var(--sp-md);background:var(--c-red);color:var(--c-white);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.08em;padding:var(--sp-xs) var(--sp-sm);border-radius:var(--radius)}
.wire-card__body{padding:var(--sp-lg)}
.wire-card__title{font-size:var(--fs-md);line-height:1.35;margin-bottom:var(--sp-sm);transition:color var(--dur-fast)}
.wire-card--featured .wire-card__title{font-size:var(--fs-lg)}
.wire-card:hover .wire-card__title{color:var(--c-red)}
.wire-card__excerpt{font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-md);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.wire-card--featured .wire-card__excerpt{-webkit-line-clamp:3}
.wire-card__meta{display:flex;justify-content:space-between;font-size:var(--fs-xs);color:var(--c-text-muted)}
.wire-card__meta .author{color:var(--c-red);font-weight:var(--fw-medium)}

/* ---- Category Sections ---- */
.category-section{display:grid;grid-template-columns:1fr;gap:var(--sp-lg)}
@media(min-width:900px){.category-section{grid-template-columns:2fr 1fr}}

.category-section__main{display:flex;flex-direction:column;gap:var(--sp-md)}

.category-card{display:flex;gap:var(--sp-md);background:var(--c-surface);border-radius:var(--radius);overflow:hidden;border:1px solid var(--c-border);transition:all var(--dur-fast) var(--ease-out)}
.category-card:hover{border-color:var(--c-red)}
.category-card__img{width:120px;flex-shrink:0}
.category-card__img img{width:100%;height:100%;object-fit:cover}
.category-card__body{padding:var(--sp-md);display:flex;flex-direction:column;justify-content:center}
.category-card__title{font-size:var(--fs-sm);line-height:1.35;margin-bottom:var(--sp-xs);transition:color var(--dur-fast)}
.category-card:hover .category-card__title{color:var(--c-red)}
.category-card__meta{font-size:var(--fs-xs);color:var(--c-text-muted)}

.sidebar-ad{background:var(--c-surface);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--c-border);text-align:center;padding:var(--sp-2xl) var(--sp-lg)}
.sidebar-ad img{margin:0 auto var(--sp-md);border-radius:var(--radius)}
.sidebar-ad h4{font-size:var(--fs-sm);margin-bottom:var(--sp-xs)}
.sidebar-ad p{font-size:var(--fs-xs);color:var(--c-text-muted);margin-bottom:var(--sp-md)}

.sidebar-trending{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-lg);border:1px solid var(--c-border)}
.sidebar-trending h3{font-size:var(--fs-md);margin-bottom:var(--sp-lg);display:flex;align-items:center;gap:var(--sp-sm)}
.sidebar-trending h3::before{content:'';width:4px;height:20px;background:var(--c-red);border-radius:2px}
.trending-item{display:flex;gap:var(--sp-md);padding:var(--sp-md) 0;border-bottom:1px solid var(--c-border)}
.trending-item:last-child{border-bottom:none}
.trending-item__num{font-family:var(--f-heading);font-size:var(--fs-2xl);font-weight:var(--fw-black);color:var(--c-red);line-height:1;min-width:36px}
.trending-item__title{font-size:var(--fs-sm);line-height:1.35}
.trending-item__meta{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-xs)}

/* ---- Newsletter ---- */
.newsletter{background:var(--c-surface);border-radius:var(--radius-lg);overflow:hidden;position:relative;border:1px solid var(--c-border)}
.newsletter__grid{display:grid;grid-template-columns:1fr;min-height:360px}
@media(min-width:768px){.newsletter__grid{grid-template-columns:1fr 1fr}}
.newsletter__img{position:relative;overflow:hidden}
.newsletter__img img{width:100%;height:100%;object-fit:cover;min-height:300px}
.newsletter__content{padding:var(--sp-3xl);display:flex;flex-direction:column;justify-content:center}
.newsletter__content .section-title{margin-bottom:var(--sp-md)}
.newsletter__content p{color:var(--c-text-muted);margin-bottom:var(--sp-xl);font-size:var(--fs-sm)}
.newsletter__form{display:flex;gap:var(--sp-sm);flex-wrap:wrap}
.newsletter__form input[type="email"]{flex:1;min-width:200px;padding:0.75rem 1rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-white);font-size:var(--fs-sm)}
.newsletter__form input[type="email"]:focus{outline:none;border-color:var(--c-red)}
.newsletter__form .btn{flex-shrink:0}
.newsletter__note{font-size:var(--fs-xs);color:var(--c-text-muted);margin-top:var(--sp-sm)}

/* ---- Footer ---- */
.footer{background:var(--c-dark);border-top:1px solid var(--c-border);padding:var(--sp-3xl) 0 var(--sp-xl)}
.footer__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-2xl)}
@media(min-width:600px){.footer__grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.footer__grid{grid-template-columns:1.5fr repeat(3,1fr)}}

.footer__brand .header__logo{margin-bottom:var(--sp-md)}
.footer__brand p{font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-lg);max-width:300px}
.footer__social{display:flex;gap:var(--sp-sm)}
.footer__social a{width:36px;height:36px;border-radius:50%;border:1px solid var(--c-border);display:flex;align-items:center;justify-content:center;color:var(--c-text-muted);font-size:var(--fs-sm);transition:all var(--dur-fast)}
.footer__social a:hover{border-color:var(--c-red);color:var(--c-red);transform:translateY(-2px)}

.footer__col h4{font-size:var(--fs-sm);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.1em;margin-bottom:var(--sp-lg);color:var(--c-white)}
.footer__col ul li{margin-bottom:var(--sp-sm)}
.footer__col ul li a{font-size:var(--fs-sm);color:var(--c-text-muted);transition:color var(--dur-fast)}
.footer__col ul li a:hover{color:var(--c-red)}

.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--sp-md);margin-top:var(--sp-2xl);padding-top:var(--sp-xl);border-top:1px solid var(--c-border);font-size:var(--fs-xs);color:var(--c-text-muted)}

/* ============================================================
   PAGE-SPECIFIC: About
   ============================================================ */
.about-hero{padding-top:calc(80px + var(--sp-3xl));padding-bottom:var(--sp-3xl);text-align:center;position:relative}
.about-hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:200px;height:200px;background:radial-gradient(circle,rgba(233,69,96,0.12),transparent 70%);pointer-events:none}
.about-hero__title{font-size:var(--fs-3xl);margin-bottom:var(--sp-md)}
.about-hero__sub{color:var(--c-text-muted);font-size:var(--fs-md);max-width:600px;margin:0 auto}

.timeline{position:relative;padding-left:var(--sp-2xl)}
.timeline::before{content:'';position:absolute;left:8px;top:0;bottom:0;width:2px;background:var(--c-border)}
.timeline__item{position:relative;padding-bottom:var(--sp-2xl)}
.timeline__item::before{content:'';position:absolute;left:calc(-1 * var(--sp-2xl) + 2px);top:4px;width:14px;height:14px;border-radius:50%;background:var(--c-red);border:3px solid var(--c-bg);z-index:1}
.timeline__year{font-family:var(--f-heading);font-size:var(--fs-lg);font-weight:var(--fw-black);color:var(--c-red);margin-bottom:var(--sp-xs)}
.timeline__text{font-size:var(--fs-sm);color:var(--c-text-muted)}

.bureaus-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-lg)}
@media(min-width:600px){.bureaus-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.bureaus-grid{grid-template-columns:repeat(3,1fr)}}

.bureau-card{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-xl);border:1px solid var(--c-border);text-align:center;transition:all var(--dur-fast) var(--ease-out)}
.bureau-card:hover{border-color:var(--c-red);transform:translateY(-4px)}
.bureau-card__icon{width:48px;height:48px;border-radius:50%;background:rgba(233,69,96,0.1);display:flex;align-items:center;justify-content:center;margin:0 auto var(--sp-md);font-size:var(--fs-lg)}
.bureau-card__city{font-family:var(--f-heading);font-size:var(--fs-md);font-weight:var(--fw-bold);margin-bottom:var(--sp-xs)}
.bureau-card__address{font-size:var(--fs-xs);color:var(--c-text-muted)}
.bureau-card__phone{font-size:var(--fs-xs);color:var(--c-red);margin-top:var(--sp-sm)}

.team-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-xl)}
@media(min-width:600px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.team-grid{grid-template-columns:repeat(4,1fr)}}

.team-card{text-align:center}
.team-card__img{width:100%;aspect-ratio:1;border-radius:var(--radius-lg);overflow:hidden;margin-bottom:var(--sp-md);border:2px solid var(--c-border)}
.team-card__img img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.2);transition:all var(--dur-normal)}
.team-card:hover .team-card__img img{filter:grayscale(0);transform:scale(1.03)}
@media (prefers-reduced-motion:reduce){.team-card__img img{transition:none}}
.team-card__name{font-size:var(--fs-md);font-weight:var(--fw-bold);margin-bottom:var(--sp-xs)}
.team-card__role{font-size:var(--fs-sm);color:var(--c-red);margin-bottom:var(--sp-sm)}
.team-card__bio{font-size:var(--fs-xs);color:var(--c-text-muted)}

.values-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-xl)}
@media(min-width:600px){.values-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:900px){.values-grid{grid-template-columns:repeat(3,1fr)}}

.value-card{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-2xl);border:1px solid var(--c-border);position:relative;overflow:hidden}
.value-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--c-red),var(--c-navy))}
.value-card__icon{font-size:var(--fs-2xl);margin-bottom:var(--sp-md)}
.value-card h3{font-size:var(--fs-md);margin-bottom:var(--sp-sm)}
.value-card p{font-size:var(--fs-sm);color:var(--c-text-muted)}

/* ============================================================
   PAGE-SPECIFIC: Services
   ============================================================ */
.services-hero{padding-top:calc(80px + var(--sp-3xl));padding-bottom:var(--sp-3xl);text-align:center}
.services-hero__title{font-size:var(--fs-3xl);margin-bottom:var(--sp-md)}
.services-hero__sub{color:var(--c-text-muted);font-size:var(--fs-md);max-width:600px;margin:0 auto}

.services-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-xl)}
@media(min-width:768px){.services-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.services-grid{grid-template-columns:repeat(3,1fr)}}

.service-card{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-2xl);border:1px solid var(--c-border);transition:all var(--dur-normal) var(--ease-out);position:relative;overflow:hidden}
.service-card:hover{border-color:var(--c-red);transform:translateY(-6px);box-shadow:var(--shadow-glow)}
.service-card__number{font-family:var(--f-heading);font-size:var(--fs-3xl);font-weight:var(--fw-black);color:rgba(233,69,96,0.15);position:absolute;top:var(--sp-md);right:var(--sp-lg)}
.service-card__icon{width:56px;height:56px;border-radius:var(--radius-lg);background:rgba(233,69,96,0.1);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);margin-bottom:var(--sp-lg)}
.service-card h3{font-size:var(--fs-lg);margin-bottom:var(--sp-md)}
.service-card p{font-size:var(--fs-sm);color:var(--c-text-muted);margin-bottom:var(--sp-lg)}
.service-card ul{margin-bottom:var(--sp-lg)}
.service-card ul li{padding:var(--sp-sm) 0;border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-muted);display:flex;align-items:center;gap:var(--sp-sm)}
.service-card ul li::before{content:'\2713';color:var(--c-red);font-weight:var(--fw-bold);font-size:var(--fs-xs)}

/* Pricing */
.pricing-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-xl);align-items:start}
@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1000px){.pricing-grid{grid-template-columns:repeat(3,1fr)}}

.pricing-card{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-2xl);border:1px solid var(--c-border);text-align:center;transition:all var(--dur-normal) var(--ease-out);position:relative}
.pricing-card:hover{transform:translateY(-6px)}
.pricing-card--featured{border-color:var(--c-red);box-shadow:var(--shadow-glow)}
.pricing-card--featured::before{content:'MOST POPULAR';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--c-red);color:var(--c-white);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-transform:uppercase;letter-spacing:0.1em;padding:var(--sp-xs) var(--sp-lg);border-radius:var(--radius)}
.pricing-card__name{font-size:var(--fs-md);font-weight:var(--fw-bold);margin-bottom:var(--sp-md);text-transform:uppercase;letter-spacing:0.08em}
.pricing-card__price{font-family:var(--f-heading);font-size:var(--fs-3xl);font-weight:var(--fw-black);color:var(--c-red);margin-bottom:var(--sp-xs)}
.pricing-card__price span{font-size:var(--fs-sm);color:var(--c-text-muted);font-weight:var(--fw-regular)}
.pricing-card__desc{font-size:var(--fs-xs);color:var(--c-text-muted);margin-bottom:var(--sp-xl)}
.pricing-card ul{text-align:left;margin-bottom:var(--sp-xl)}
.pricing-card ul li{padding:var(--sp-sm) 0;border-bottom:1px solid var(--c-border);font-size:var(--fs-sm);color:var(--c-text-muted);display:flex;align-items:center;gap:var(--sp-sm)}
.pricing-card ul li::before{content:'\2713';color:var(--c-red);font-weight:var(--fw-bold);font-size:var(--fs-xs);flex-shrink:0}
.pricing-card .btn{width:100%;justify-content:center}

/* ============================================================
   PAGE-SPECIFIC: Contact
   ============================================================ */
.contact-hero{padding-top:calc(80px + var(--sp-3xl));padding-bottom:var(--sp-3xl);text-align:center}
.contact-hero__title{font-size:var(--fs-3xl);margin-bottom:var(--sp-md)}
.contact-hero__sub{color:var(--c-text-muted);font-size:var(--fs-md);max-width:600px;margin:0 auto}

.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--sp-2xl)}
@media(min-width:900px){.contact-grid{grid-template-columns:1fr 1fr}}

.form-card{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-2xl);border:1px solid var(--c-border)}
.form-card h3{font-size:var(--fs-lg);margin-bottom:var(--sp-xl)}
.form-group{margin-bottom:var(--sp-lg)}
.form-group label{display:block;font-size:var(--fs-sm);font-weight:var(--fw-medium);margin-bottom:var(--sp-sm);color:var(--c-text-muted)}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:0.875rem 1rem;background:var(--c-bg);border:1px solid var(--c-border);border-radius:var(--radius);color:var(--c-white);font-size:var(--fs-sm);transition:border-color var(--dur-fast)}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--c-red)}
.form-group textarea{min-height:120px;resize:vertical}
.form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' fill='%23a0a8c0'%3E%3Cpath d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center}
.form-group select option{background:var(--c-surface);color:var(--c-white)}

.form-ok,.form-err{display:none;padding:var(--sp-md);border-radius:var(--radius);font-size:var(--fs-sm);margin-top:var(--sp-md)}
.form-ok{background:rgba(34,139,34,0.15);border:1px solid rgba(34,139,34,0.3);color:#4ade80}
.form-err{background:rgba(233,69,96,0.15);border:1px solid rgba(233,69,96,0.3);color:var(--c-red)}
.form-ok.show,.form-err.show{display:block}

.contact-info-cards{display:flex;flex-direction:column;gap:var(--sp-lg)}
.info-card{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-xl);border:1px solid var(--c-border)}
.info-card h3{font-size:var(--fs-md);margin-bottom:var(--sp-md);display:flex;align-items:center;gap:var(--sp-sm)}
.info-card h3::before{content:'';width:4px;height:20px;background:var(--c-red);border-radius:2px}
.info-card__item{display:flex;gap:var(--sp-md);padding:var(--sp-md) 0;border-bottom:1px solid var(--c-border)}
.info-card__item:last-child{border-bottom:none}
.info-card__item-icon{width:40px;height:40px;border-radius:50%;background:rgba(233,69,96,0.1);display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:var(--fs-md)}
.info-card__item-text h4{font-size:var(--fs-sm);margin-bottom:var(--sp-xs)}
.info-card__item-text p{font-size:var(--fs-xs);color:var(--c-text-muted)}

.press-creds{background:var(--c-surface);border-radius:var(--radius-lg);padding:var(--sp-xl);border:1px solid var(--c-border)}
.press-creds h3{font-size:var(--fs-md);margin-bottom:var(--sp-lg)}
.press-creds__grid{display:grid;grid-template-columns:1fr;gap:var(--sp-md)}
@media(min-width:600px){.press-creds__grid{grid-template-columns:repeat(2,1fr)}}
.press-creds__item{padding:var(--sp-md);background:var(--c-bg);border-radius:var(--radius);border:1px solid var(--c-border)}
.press-creds__item h4{font-size:var(--fs-sm);color:var(--c-red);margin-bottom:var(--sp-xs)}
.press-creds__item p{font-size:var(--fs-xs);color:var(--c-text-muted)}

/* ============================================================
   Breadcrumbs
   ============================================================ */
.breadcrumb{padding-top:calc(80px + var(--sp-xl));padding-bottom:var(--sp-xl)}
.breadcrumb__list{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-sm);font-size:var(--fs-xs);color:var(--c-text-muted)}
.breadcrumb__list a{transition:color var(--dur-fast)}
.breadcrumb__list a:hover{color:var(--c-red)}
.breadcrumb__list span{color:var(--c-text)}