/* WORKS — Warm cream-orange theme + typography scale
   Approved direction: warm 8290-inspired base, black/orange contrast,
   larger text while preserving the existing desktop nav size. */

/* ── Warm palette ───────────────────────────────────────────── */
[data-theme="light"] {
  --w-ink: #F6E7D4;
  --w-ink-2: #EFD6BC;
  --w-ink-3: #E3C39F;
  --w-paper: #111111;
  --w-paper-2: #1A1511;
  --w-text: #17110D;
  --w-text-soft: rgba(23,17,13,0.76);
  --w-text-mute: rgba(23,17,13,0.55);
  --w-line: rgba(23,17,13,0.16);
  --w-line-soft: rgba(23,17,13,0.07);
  --w-accent: #E05720;
  --w-accent-2: #FDA200;
  --w-accent-3: #FFB132;
}

html,
body {
  background: #F6E7D4;
}

[data-theme="light"] .w-root {
  background: #F6E7D4;
  color: #17110D;
}

[data-theme="light"] .w-header {
  background: rgba(246,231,212,0.88);
}

[data-theme="light"] .w-header.is-scrolled {
  background: rgba(246,231,212,0.94) !important;
  border-bottom-color: rgba(23,17,13,0.13);
}

/* Keep the opening hero and strengths band dark for the WORKS black/orange feel. */
[data-theme="light"] .w-hero-v2,
[data-theme="light"] .w-comp-section {
  color: #F4F1EA;
}

/* About becomes the warm flagship section instead of another dark panel. */
[data-theme="light"] .w-about-section {
  background: #F6E7D4 !important;
  color: #17110D;
}
[data-theme="light"] .w-about-section::before {
  background: radial-gradient(circle, rgba(224,87,32,.16), rgba(224,87,32,0) 68%);
}
[data-theme="light"] .w-about-section::after {
  color: rgba(224,87,32,.055);
}
[data-theme="light"] .w-about-text p {
  color: rgba(23,17,13,.72) !important;
}
[data-theme="light"] .w-about-text p.w-about-lead {
  color: rgba(23,17,13,.92) !important;
}

/* Dark statistic cards stay as black/orange anchors on the warm section. */
[data-theme="light"] .w-stat {
  background: #171411 !important;
  border-color: rgba(23,17,13,.12) !important;
}
[data-theme="light"] .w-stat:hover {
  background: #211B16 !important;
}
[data-theme="light"] .w-stat .l {
  color: rgba(244,241,234,.92) !important;
}
[data-theme="light"] .w-stat .l small {
  color: rgba(244,241,234,.48) !important;
}

/* The strength band remains intentionally dark. */
[data-theme="light"] .w-comp-section .w-comp-head h3,
[data-theme="light"] .w-comp-section .w-meta {
  color: #F4F1EA;
}

/* Cases sit on warm paper, while image cards retain their dark overlays. */
[data-theme="light"] #w-case {
  background: #F6E7D4 !important;
}
[data-theme="light"] #w-news {
  background: #EFD6BC !important;
}

/* ── Typography: about 1.3x on small/body copy ─────────────── */
/* Desktop navigation was already approved at 17px — intentionally untouched. */

.w-eyebrow { font-size: 14px !important; }
.w-meta { font-size: 14px !important; }
.w-section-head .right { font-size: 20px !important; line-height: 1.8 !important; }
.w-btn,
.w-btn-ghost { font-size: 15px !important; }

/* Hero */
.w-hero-kicker { font-size: 13px !important; }
.w-hero-title { font-size: clamp(58px, 5.35vw, 102px) !important; }
.w-hero-desc { font-size: 18px !important; line-height: 1.75 !important; }
.w-hero-primary { font-size: 15px !important; min-height: 60px !important; }
.w-hero-secondary { font-size: 14px !important; min-height: 60px !important; }
.w-hero-micro { font-size: 12px !important; }
.w-feature-head,
.w-feature-num,
.w-feature-cat,
.w-feature-copy p,
.w-feature-hint { font-size: 12px !important; }
.w-feature-empty { font-size: 13px !important; }
.w-feature-copy h2 { font-size: clamp(32px, 2.4vw, 48px) !important; }

/* About */
.w-about-intro h2 { font-size: clamp(46px, 4.25vw, 68px) !important; }
.w-about-img-tag { font-size: 13px !important; }
.w-about-img .tag { font-size: 12px !important; }
.w-about-text h3 { font-size: clamp(46px, 4.25vw, 70px) !important; }
.w-about-text p { font-size: 21px !important; line-height: 1.85 !important; }
.w-about-text p.w-about-lead { font-size: 23px !important; line-height: 1.78 !important; }
.w-stat .n { font-size: 64px !important; }
.w-stat .l { font-size: 20px !important; }
.w-stat .l small { font-size: 11px !important; }

/* Strengths */
.w-comp-head h3 { font-size: clamp(44px, 4.1vw, 64px) !important; }
.w-comp-zh { font-size: 34px !important; }
.w-comp-en { font-size: 12px !important; }
.w-comp-desc { font-size: 18px !important; line-height: 1.75 !important; }

/* Client marquee */
.w-marq-lab { font-size: 14px !important; }
.w-marq-track { font-size: 64px !important; }

/* Services */
.w-svc-tab { font-size: 17px !important; }
.w-svc-tab strong { font-size: 34px !important; }
.w-pillar-num { font-size: 18px !important; }
.w-pillar-zh { font-size: 52px !important; }
.w-pillar-en { font-size: 16px !important; }
.w-pillar-feature { font-size: 26px !important; }
.w-pillar-desc { font-size: 20px !important; line-height: 1.8 !important; }
.w-pillar-sub span { font-size: 15px !important; padding: 7px 12px !important; }
.w-svc7-num { font-size: 13px !important; }
.w-svc7-zh { font-size: 32px !important; }
.w-svc7-en,
.w-svc7-kw span { font-size: 13px !important; }

/* Cases */
.w-case-filter { font-size: 14px !important; padding: 11px 17px !important; }
.w-case-num { font-size: 13px !important; }
.w-case-cat { font-size: 12px !important; }
.w-case-zh { font-size: 28px !important; }
.w-case-en { font-size: 13px !important; }

/* News */
.w-news-date { font-size: 15px !important; }
.w-news-tag { font-size: 12px !important; }
.w-news-zh { font-size: 28px !important; }
.w-news-zh small { font-size: 14px !important; }
.w-news-arrow { font-size: 22px !important; }

/* Contact / form */
.w-contact-info h3 { font-size: 58px !important; }
.w-contact-block-lab { font-size: 13px !important; }
.w-contact-block-val { font-size: 24px !important; }
.w-contact-block-val small { font-size: 14px !important; }
.w-form-head h4 { font-size: 30px !important; }
.w-form-row .lab { font-size: 13px !important; }
.w-form input,
.w-form textarea,
.w-form select { font-size: 18px !important; }
.w-type { font-size: 15px !important; padding: 9px 15px !important; }
.w-form-note { font-size: 13px !important; }
.w-form-sent { font-size: 28px !important; }
.w-form-sent small { font-size: 14px !important; }

/* Footer */
.w-footer p { font-size: 18px !important; }
.w-footer .w-foot-mark { font-size: 96px !important; }
.w-foot-col h5 { font-size: 13px !important; }
.w-foot-col li { font-size: 18px !important; line-height: 1.55 !important; }
.w-foot-col span { font-size: 14px !important; }
.w-foot-bot { font-size: 14px !important; }

/* ── Layout compensation for larger text ───────────────────── */
.w-section-head {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 1.25fr) !important;
  gap: 72px !important;
}
.w-about-grid { gap: 84px !important; }
.w-about-text { min-width: 0; }
.w-pillar {
  grid-template-columns: 84px minmax(300px, 1.05fr) minmax(0, 1.7fr) !important;
}
.w-case-content { padding: 28px !important; }
.w-news-row {
  grid-template-columns: 145px 120px minmax(0, 1fr) 60px !important;
}
.w-contact-grid {
  grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important;
  gap: 88px !important;
}
.w-form { padding: 44px !important; }
.w-foot-top {
  grid-template-columns: minmax(300px, 2fr) repeat(3, minmax(150px, 1fr)) !important;
}

/* ── Tablet / mobile safety ─────────────────────────────────── */
@media (max-width: 1100px) {
  .w-section-head {
    grid-template-columns: 1fr !important;
    gap: 30px !important;
  }
  .w-about-grid { gap: 48px !important; }
  .w-pillar { grid-template-columns: 74px minmax(250px, .9fr) minmax(0, 1.5fr) !important; }
  .w-contact-grid { grid-template-columns: 1fr !important; gap: 48px !important; }
  .w-foot-top { grid-template-columns: 1.5fr 1fr 1fr !important; }
  .w-foot-top > div:last-child { grid-column: 2 / -1; }
}

@media (max-width: 900px) {
  .w-pillar { display: block !important; }
  .w-pillar-num { margin-bottom: 14px !important; }
  .w-news-row { grid-template-columns: 120px minmax(0,1fr) 44px !important; gap: 18px !important; }
  .w-news-tag { display: none !important; }
  .w-foot-top { grid-template-columns: 1fr 1fr !important; }
  .w-foot-top > div:last-child { grid-column: auto; }
}

@media (max-width: 768px) {
  .w-eyebrow,
  .w-meta { font-size: 12px !important; }
  .w-section-head h2 { font-size: 54px !important; line-height: 1.04 !important; }
  .w-section-head .right { font-size: 18px !important; line-height: 1.75 !important; }

  .w-hero-title { font-size: clamp(50px, 13vw, 68px) !important; }
  .w-hero-desc { font-size: 17px !important; }
  .w-hero-kicker { font-size: 12px !important; }
  .w-hero-primary,
  .w-hero-secondary { font-size: 14px !important; }
  .w-hero-micro { font-size: 11px !important; }

  .w-about-intro h2 { font-size: 50px !important; }
  .w-about-text h3 { font-size: 44px !important; }
  .w-about-text p { font-size: 19px !important; }
  .w-about-text p.w-about-lead { font-size: 21px !important; }
  .w-stat .n { font-size: 52px !important; }
  .w-stat .l { font-size: 18px !important; }

  .w-comp-head h3 { font-size: 40px !important; }
  .w-comp-zh { font-size: 30px !important; }
  .w-comp-desc { font-size: 17px !important; }

  .w-svc-tab { font-size: 15px !important; }
  .w-svc-tab strong { font-size: 26px !important; }
  .w-pillar-zh { font-size: 34px !important; }
  .w-pillar-feature { font-size: 23px !important; }
  .w-pillar-desc { font-size: 18px !important; }
  .w-pillar-sub span { font-size: 14px !important; }
  .w-svc7-zh { font-size: 27px !important; }

  .w-case-filter { font-size: 13px !important; }
  .w-case-zh { font-size: 23px !important; }
  .w-case-en { font-size: 12px !important; }

  .w-news-date { font-size: 13px !important; }
  .w-news-zh { font-size: 21px !important; }
  .w-news-zh small { font-size: 12px !important; }

  .w-contact-info h3 { font-size: 46px !important; }
  .w-contact-block-val { font-size: 22px !important; }
  .w-form { padding: 28px !important; }
  .w-form-head h4 { font-size: 26px !important; }
  .w-form input,
  .w-form textarea,
  .w-form select { font-size: 17px !important; }
  .w-type { font-size: 14px !important; }

  .w-footer .w-foot-mark { font-size: 76px !important; }
  .w-footer p { font-size: 17px !important; }
  .w-foot-col li { font-size: 17px !important; }
  .w-foot-bot { font-size: 12px !important; }
  .w-foot-top { grid-template-columns: 1fr !important; }
}

@media (max-width: 480px) {
  .w-section-head h2 { font-size: 38px !important; }
  .w-section-head .right { font-size: 17px !important; }
  .w-hero-title { font-size: 42px !important; }
  .w-hero-desc { font-size: 16px !important; }
  .w-about-intro h2 { font-size: 40px !important; }
  .w-about-text h3 { font-size: 38px !important; }
  .w-about-text p { font-size: 18px !important; }
  .w-about-text p.w-about-lead { font-size: 19px !important; }
  .w-comp-head h3 { font-size: 34px !important; }
  .w-comp-zh { font-size: 28px !important; }
  .w-pillar-zh { font-size: 30px !important; }
  .w-pillar-feature { font-size: 21px !important; }
  .w-pillar-desc { font-size: 17px !important; }
  .w-case-zh { font-size: 21px !important; }
  .w-news-zh { font-size: 20px !important; }
  .w-contact-info h3 { font-size: 40px !important; }
  .w-footer .w-foot-mark { font-size: 62px !important; }
}