/* ============================================
   70-田园美家装饰 ｜ 乡村田园风
   配色：#6b8e23 橄榄绿 + #a25b3f 砖红 + #f3e9d2 奶油
   ============================================ */
* { margin: 0; padding: 0; box-sizing: border-box; }
:root {
    --olive: #6b8e23;
    --olive-deep: #55741c;
    --brick: #a25b3f;
    --brick-deep: #8a4a33;
    --cream: #f3e9d2;
    --cream-deep: #e6d8b8;
    --brown: #5c4431;
    --text: #6d604f;
    --shadow: 0 14px 40px rgba(92, 68, 49, 0.16);
    --transition: all 0.4s ease;
    --font: 'Segoe UI', 'PingFang SC', 'Microsoft YaHei', 'Hiragino Sans GB', sans-serif;
}
body { font-family: var(--font); background: var(--cream); color: var(--text); line-height: 1.8; overflow-x: hidden; }
.container { max-width: 1120px; margin: 0 auto; padding: 0 24px; }
.olive { color: var(--olive); }
img { max-width: 100%; display: block; }
a { text-decoration: none; }
ul { list-style: none; }

body::before { content: ''; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; pointer-events: none; opacity: 0.35; background-image: linear-gradient(335deg, #e5d5b3 24%, transparent 24%, transparent 50%, #e5d5b3 50%, #e5d5b3 74%, transparent 74%, transparent); background-size: 90px 90px; }

/* ---------- 固定导航 ---------- */
.navbar { position: fixed; top: 0; width: 100%; z-index: 1000; background: rgba(243, 233, 210, 0.95); backdrop-filter: blur(16px); border-bottom: 4px solid var(--brick); }
.nav-container { display: flex; justify-content: space-between; align-items: center; height: 74px; }
.logo { font-size: 22px; font-weight: 900; color: var(--olive-deep); text-decoration: none; letter-spacing: 2px; display: flex; align-items: center; }
.logo img { display: inline-block; vertical-align: middle; margin-right: 6px; }
.logo span { color: var(--olive-deep); }
.nav-menu { display: flex; list-style: none; gap: 14px; }
.nav-menu a { text-decoration: none; color: var(--text); font-size: 14px; font-weight: 700; padding: 10px 20px; transition: var(--transition); border: 2px solid transparent; }
.nav-menu a:hover, .nav-menu a.active { background: var(--brick); color: var(--cream); border-color: var(--brick-deep); box-shadow: 4px 4px 0 rgba(138,74,51,0.25); }
.hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; }
.hamburger span { width: 26px; height: 3px; background: var(--brick); transition: var(--transition); }

/* ---------- Hero 田园木框 ---------- */
.hero { padding-top: 74px; min-height: 92vh; display: flex; align-items: center; position: relative; }
.hero .container { width: 100%; max-width: none; margin: 0; padding: 0; }
.wood-frame { position: relative; width: 100%; }
.frame-post { position: absolute; top: 0; bottom: 0; width: 26px; z-index: 5; background: linear-gradient(90deg, #8a6a4d, #b08a63, #7a5c41); box-shadow: 4px 0 10px rgba(0,0,0,0.25); border-radius: 4px; }
.frame-post.left { left: 10px; }
.frame-post.right { right: 10px; }
.frame-top { position: absolute; top: 0; left: 0; right: 0; height: 26px; z-index: 5; background: linear-gradient(180deg, #8a6a4d, #b08a63, #7a5c41); box-shadow: 0 4px 10px rgba(0,0,0,0.25); border-radius: 4px; }
.hero-bg { position: relative; margin: 40px 26px 26px; height: 78vh; min-height: 480px; display: flex; align-items: center; }
.hero-inner { position: relative; z-index: 3; padding: 50px; }
.hero-tag { display: inline-block; background: rgba(243,233,210,0.9); color: var(--brick-deep); padding: 8px 22px; font-size: 13px; letter-spacing: 2px; font-weight: 700; margin-bottom: 22px; border: 2px solid var(--cream); }
.hero h1 { font-size: clamp(38px, 5.5vw, 64px); color: var(--cream); font-weight: 900; line-height: 1.2; margin-bottom: 18px; text-shadow: 0 4px 20px rgba(0,0,0,0.4); }
.hero p { font-size: 16px; color: rgba(243,233,210,0.9); margin-bottom: 32px; max-width: 400px; }
.hero-actions { display: flex; gap: 14px; flex-wrap: wrap; }
.btn { display: inline-block; padding: 14px 32px; text-decoration: none; font-weight: 800; font-size: 14px; letter-spacing: 1px; transition: var(--transition); border: none; cursor: pointer; }
.btn-brick { background: var(--brick); color: var(--cream); border: 3px solid var(--brick-deep); }
.btn-brick:hover { background: var(--brick-deep); transform: translateY(-3px); box-shadow: 6px 6px 0 rgba(138,74,51,0.25); }
.btn-wood { background: transparent; color: var(--cream); border: 3px solid var(--cream); }
.btn-wood:hover { background: rgba(243,233,210,0.2); transform: translateY(-3px); }

/* ---------- 区块标题 ---------- */
.section-header { padding: 60px 0 40px; }
.section-header.center { text-align: center; }
.section-tag { display: inline-block; background: var(--olive); color: var(--cream); padding: 6px 20px; font-size: 13px; letter-spacing: 2px; font-weight: 700; margin-bottom: 16px; }
.section-header h2 { font-size: clamp(28px, 3.5vw, 42px); color: var(--brown); font-weight: 900; }

/* ---------- 数据统计 ---------- */
.stats { background: var(--olive); padding: 54px 0; }
.stats-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; text-align: center; }
.stat-item { color: var(--cream); }
.stat-num { font-size: 2.6rem; font-weight: 900; line-height: 1.1; color: #fff; text-shadow: 0 2px 8px rgba(0,0,0,0.2); }
.stat-label { display: inline-block; font-size: 15px; font-weight: 700; margin-top: 6px; letter-spacing: 2px; }
.stat-desc { font-size: 13px; color: rgba(243,233,210,0.78); margin-top: 4px; }

/* ---------- 田园故事 ---------- */
.story { padding-bottom: 30px; }
.story-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding-bottom: 60px; }
.story-card { background: var(--cream); border: 3px solid var(--olive); padding: 16px; text-align: center; transition: var(--transition); box-shadow: 6px 6px 0 rgba(107,142,35,0.18); }
.story-card:hover { transform: translate(-4px, -4px); box-shadow: 12px 12px 0 rgba(107,142,35,0.18); }
.story-card h3 { color: var(--olive-deep); font-size: 18px; margin-bottom: 8px; }
.story-card h3 a { color: inherit; text-decoration: none; }
.story-card p { font-size: 14px; color: var(--text); }
.story-img { height: 170px; background-size: cover; background-position: center; border: 3px dashed var(--olive); margin-bottom: 16px; }

/* ---------- 田园服务 ---------- */
.services { background: rgba(230,216,184,0.55); padding: 20px 0 80px; }
.sv-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.sv-card { background: var(--cream); border: 3px solid var(--cream-deep); padding: 34px 26px; text-align: center; position: relative; transition: var(--transition); }
.sv-card::before { content: ''; position: absolute; top: -12px; left: 20px; right: 20px; height: 6px; background: repeating-linear-gradient(90deg, var(--brick) 0 12px, transparent 12px 22px); }
.sv-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: var(--brick); }
.sv-icon { font-size: 40px; display: block; margin-bottom: 14px; }
.sv-card h3 { color: var(--brick-deep); font-size: 18px; margin-bottom: 8px; }
.sv-card h3 a { color: inherit; text-decoration: none; }
.sv-card p { font-size: 14px; color: var(--text); }

/* ---------- 田园案例 ---------- */
.cases { padding-bottom: 30px; }
.case-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-bottom: 60px; }
.case-card { position: relative; border: 4px solid var(--cream); overflow: hidden; box-shadow: var(--shadow); transition: var(--transition); }
.case-card:hover { transform: rotate(-1deg) scale(1.02); border-color: var(--olive); }
.case-img { height: 260px; background-size: cover; background-position: center; transition: transform 0.6s ease; }
.case-card:hover .case-img { transform: scale(1.07); }
.case-ribbon { position: absolute; top: 14px; left: -34px; width: 120px; height: 28px; background: var(--brick); transform: rotate(-45deg); }
.case-label { position: absolute; bottom: 0; left: 0; right: 0; padding: 14px 18px; background: linear-gradient(transparent, rgba(92,68,49,0.92)); }
.case-label h3 { color: var(--cream); font-size: 16px; }
.case-label p { color: rgba(243,233,210,0.75); font-size: 13px; }

/* ---------- 田园工序 ---------- */
.process { padding: 20px 0 80px; }
.process-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.process-card { background: var(--cream); border: 3px solid var(--cream-deep); padding: 36px 24px; text-align: center; transition: var(--transition); }
.process-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: var(--olive); }
.process-ico { font-size: 40px; display: block; margin-bottom: 14px; }
.process-card h3 { color: var(--brick-deep); font-size: 18px; margin-bottom: 8px; }
.process-card p { font-size: 14px; color: var(--text); }

/* ---------- 团队 ---------- */
.team { padding-bottom: 30px; }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-bottom: 70px; }
.team-card { background: var(--cream); border: 3px solid var(--cream-deep); text-align: center; overflow: hidden; transition: var(--transition); }
.team-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.team-avatar { height: 220px; background-size: cover; background-position: center; border-bottom: 3px dashed var(--olive); }
.team-placeholder { display: flex; align-items: center; justify-content: center; color: var(--olive); font-size: 3rem; font-weight: 900; }
.team-card h3 { color: var(--brown); font-size: 16px; margin-top: 14px; }
.team-card p { font-size: 13px; color: var(--text); padding-bottom: 16px; }

/* ---------- 田园资讯 ---------- */
.news-list { display: flex; flex-direction: column; gap: 16px; padding-bottom: 70px; }
.news-item { display: flex; gap: 22px; background: var(--cream); border: 3px solid var(--cream-deep); text-decoration: none; transition: var(--transition); }
.news-item:hover { border-color: var(--olive); transform: translateX(8px); }
.news-thumb { width: 200px; height: 140px; background-size: cover; background-position: center; flex-shrink: 0; border-right: 3px dashed var(--brick); }
.news-body { padding: 20px 24px; }
.news-date { display: inline-block; background: var(--olive); color: var(--cream); font-size: 12px; padding: 3px 14px; margin-bottom: 8px; }
.news-body h3 { color: var(--brown); font-size: 18px; margin-bottom: 6px; }
.news-body h3 a { color: inherit; text-decoration: none; }
.news-body p { font-size: 14px; color: var(--text); }

/* ---------- Footer ---------- */
.footer { background: #4a3a2a; color: rgba(243,233,210,0.75); padding: 56px 0 0; }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1.5fr; gap: 40px; padding-bottom: 36px; }
.footer-brand h3 { color: var(--cream); font-size: 20px; margin-bottom: 8px; }
.footer-brand h3 span { color: var(--cream); }
.footer-brand p { font-size: 14px; opacity: 0.6; }
.footer-links h4, .footer-contact h4 { color: var(--cream); font-size: 15px; margin-bottom: 14px; }
.footer-links a { display: block; color: rgba(243,233,210,0.5); text-decoration: none; font-size: 14px; padding: 4px 0; transition: var(--transition); }
.footer-links a:hover { color: var(--cream); padding-left: 8px; }
.footer-contact p { font-size: 14px; padding: 3px 0; opacity: 0.6; }
.footer-bottom { border-top: 1px solid rgba(243,233,210,0.12); padding: 18px 0; text-align: center; font-size: 13px; opacity: 0.4; }
.footer-bottom p { font-size: 13px; }

/* ---------- 返回顶部 ---------- */
.back-top { position: fixed; right: 26px; bottom: 26px; width: 48px; height: 48px; border-radius: 6px; background: var(--brick); color: var(--cream); border: 3px solid var(--brick-deep); font-size: 1.2rem; font-weight: 800; cursor: pointer; opacity: 0; visibility: hidden; transform: translateY(16px); transition: .35s; z-index: 999; box-shadow: 0 8px 20px rgba(92,68,49,0.3); }
.back-top.show { opacity: 1; visibility: visible; transform: none; }

/* ---------- 动画 ---------- */
.reveal { opacity: 0; transform: translateY(34px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }
.fade-in { opacity: 0; transform: translateY(34px); transition: opacity .7s ease, transform .7s ease; }
.fade-in.visible { opacity: 1; transform: none; }

/* ---------- 内页横幅 ---------- */
.page-hero { padding-top: 74px; min-height: 55vh; display: flex; align-items: center; background-color: var(--brown); background-size: cover; background-position: center; position: relative; }
.php-content { padding: 60px 0; position: relative; z-index: 2; }
.php-content h1 { font-size: clamp(38px, 5.5vw, 60px); color: var(--cream); font-weight: 900; }
.php-content h1 span { color: var(--cream); }
.php-content p { color: rgba(243,233,210,0.85); font-size: 15px; margin-top: 12px; }
.php-content .section-tag { background: rgba(243,233,210,0.9); color: var(--brick-deep); border: 2px solid var(--cream); }
.crumbs { font-size: 13px; margin-top: 14px; color: rgba(243,233,210,0.75); }
.crumbs a { color: var(--cream); text-decoration: underline; }

/* ---------- 关于页 ---------- */
.about-story { padding: 70px 0; }
.about-story p { font-size: 16px; color: var(--text); margin-bottom: 18px; max-width: 840px; line-height: 2; }
.about-stats { padding: 54px 0; }
.culture { padding: 20px 0 40px; }
.about-feats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-bottom: 70px; }
.feat-card { background: var(--cream); border: 3px solid var(--cream-deep); padding: 36px 28px; text-align: center; transition: var(--transition); }
.feat-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); }
.feat-card:nth-child(2) { border-color: var(--olive); }
.feat-card:nth-child(3) { border-color: var(--brick); }
.feat-card h3 { color: var(--brick-deep); font-size: 18px; margin-bottom: 10px; }
.feat-card p { font-size: 14px; color: var(--text); }
.about-road { padding: 20px 0 30px; }
.road-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; padding-bottom: 70px; }
.road { background: var(--cream); border: 3px solid var(--cream-deep); padding: 26px; position: relative; transition: var(--transition); }
.road::after { content: "→"; position: absolute; right: -18px; top: 50%; transform: translateY(-50%); color: var(--brick); font-size: 1.4rem; font-weight: 900; }
.road:last-child::after { display: none; }
.road b { display: inline-block; background: var(--olive); color: var(--cream); font-size: 13px; font-weight: 700; padding: 4px 14px; margin-bottom: 10px; }
.road h4 { color: var(--brown); font-size: 16px; margin-bottom: 6px; }
.road p { font-size: 13px; color: var(--text); }
.about-team { padding: 20px 0 30px; }
.about-cta { padding: 20px 0 70px; }

/* ---------- 荣誉资质 ---------- */
.honors { padding: 20px 0 70px; }
.honor-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; }
.honor-card { background: var(--cream); border: 3px solid var(--cream-deep); text-align: center; overflow: hidden; transition: var(--transition); }
.honor-card:hover { transform: translateY(-6px); box-shadow: var(--shadow); border-color: var(--olive); }
.honor-img { height: 150px; background-size: cover; background-position: center; border-bottom: 3px dashed var(--brick); }
.honor-card h3 { color: var(--brown); font-size: 16px; margin-top: 14px; padding: 0 12px; }
.honor-card p { font-size: 13px; color: var(--text); padding: 8px 14px 6px; }
.honor-year { display: inline-block; background: var(--olive); color: var(--cream); font-size: 12px; padding: 3px 14px; margin: 0 0 16px; }

/* ---------- CTA ---------- */
.vision-cta { position: relative; max-width: 1000px; margin: 0 auto; text-align: center; background: linear-gradient(135deg, var(--brown), #3d2e20); padding: 56px 40px; box-shadow: var(--shadow); z-index: 1; }
.vision-cta h3 { color: var(--cream); font-size: 1.9rem; font-weight: 900; margin-bottom: 12px; }
.vision-cta p { color: rgba(243,233,210,0.85); margin-bottom: 28px; font-size: 1.02rem; }
.vision-cta .btn-brick { box-shadow: 6px 6px 0 rgba(138,74,51,0.35); }

/* ---------- 服务列表页 ---------- */
.prod-full { padding: 70px 0; }
.cat-tabs { display: flex; justify-content: center; gap: 12px; flex-wrap: wrap; margin-bottom: 40px; }
.cat-tab { padding: 10px 24px; border: 2px solid var(--cream-deep); background: var(--cream); color: var(--brick-deep); cursor: pointer; font-size: .9rem; font-weight: 700; transition: .3s; font-family: inherit; }
.cat-tab.active, .cat-tab:hover { background: var(--brick); color: var(--cream); border-color: var(--brick-deep); }
.prod-list { display: flex; flex-direction: column; gap: 22px; }
.prod-card { display: flex; gap: 24px; background: var(--cream); border: 3px solid var(--cream-deep); padding: 18px; transition: var(--transition); }
.prod-card:hover { border-color: var(--olive); box-shadow: var(--shadow); }
.prod-card.prod-rev { flex-direction: row-reverse; }
.prod-img-link { display: block; flex-shrink: 0; }
.prod-img { width: 220px; height: 170px; background-size: cover; background-position: center; border: 3px dashed var(--brick); }
.prod-body { flex: 1; }
.prod-body h3 { color: var(--brick-deep); font-size: 20px; margin-bottom: 8px; }
.prod-body h3 a { color: inherit; text-decoration: none; }
.prod-body h3 a:hover { color: var(--brick); }
.prod-body p { font-size: 14px; color: var(--text); }
.prod-price { display: inline-block; background: var(--olive); color: var(--cream); padding: 4px 16px; font-weight: 700; margin-top: 12px; }
.prod-detail-img { height: 380px; background-size: cover; background-position: center; border: 3px dashed var(--brick); margin-bottom: 12px; }

/* ---------- 资讯列表页 ---------- */
.news-full { padding: 70px 0; }
.nf-item { display: flex; gap: 22px; background: var(--cream); border: 3px solid var(--cream-deep); padding: 16px; margin-bottom: 18px; transition: var(--transition); }
.nf-item:hover { border-color: var(--olive); box-shadow: var(--shadow); }
.nf-thumb { width: 200px; height: 140px; background-size: cover; background-position: center; flex-shrink: 0; border: 3px dashed var(--olive); display: block; }
.nf-body { flex: 1; }
.nf-body h3 { color: var(--brown); font-size: 18px; margin-bottom: 8px; }
.nf-body h3 a { color: inherit; text-decoration: none; }
.nf-body h3 a:hover { color: var(--brick); }
.nf-body p { font-size: 14px; color: var(--text); }

/* ---------- 联系页 ---------- */
.contact-section { padding: 70px 0; }
.contact-wrap { display: grid; grid-template-columns: 1fr 1.2fr; gap: 30px; }
.ci-card { background: var(--cream); border: 3px solid var(--cream-deep); padding: 22px 26px; margin-bottom: 14px; transition: var(--transition); }
.ci-card:hover { box-shadow: var(--shadow); }
.ci-card:nth-child(2) { border-color: var(--olive); }
.ci-card:nth-child(3) { border-color: var(--brick); }
.ci-card h4 { color: var(--brick-deep); margin-bottom: 6px; font-size: 16px; }
.ci-card p { font-size: 14px; color: var(--text); }
.contact-map-img { border: 3px dashed var(--brick); overflow: hidden; margin-top: 14px; }
.contact-map-img img { width: 100%; aspect-ratio: 16/9; object-fit: cover; }
.cpz-form { background: var(--cream); border: 3px solid var(--olive); padding: 34px; box-shadow: 8px 8px 0 rgba(107,142,35,0.18); }
.form-group { margin-bottom: 16px; }
.form-group label { display: block; font-weight: 700; margin-bottom: 6px; color: var(--brown); }
.form-group input, .form-group textarea, .form-group select { width: 100%; padding: 14px 18px; border: 2px solid var(--cream-deep); background: #fdf8ef; font-size: 14px; transition: var(--transition); outline: none; font-family: inherit; color: var(--text); }
.form-group input:focus, .form-group textarea:focus, .form-group select:focus { border-color: var(--olive); }
.form-group input.invalid, .form-group textarea.invalid, .form-group select.invalid { border-color: #e53935; background: #fff5f5; }
.form-group .error-msg { color: #e53935; font-size: .8rem; margin-top: 6px; display: none; }
.form-group.invalid .error-msg { display: block; }
.form-success { display: none; background: #e8f7ee; border: 1px solid #a5e0bd; color: #1e7a44; padding: 14px 18px; margin-bottom: 18px; font-size: .9rem; }
.form-success.show { display: block; }
.form-alert-err { background: #fdecea; border: 1px solid #f3c6c0; color: #b23b35; padding: 14px 18px; margin-bottom: 18px; }
.form-alert-err li { color: #b23b35; }
.form-submit { width: 100%; }
.error-text { display: none; color: var(--brick-deep); font-size: .8rem; margin-top: 6px; }

/* ---------- 首页联系区 ---------- */
.home-contact { padding: 20px 0 70px; }
.home-contact-wrap { align-items: start; }

/* ---------- 内页公共 ---------- */
.section { position: relative; }
.cms-section { padding: 70px 24px; }
.cms-detail { max-width: 900px; margin: 0 auto; }
.cms-detail > img { border-radius: 6px; margin: 0 auto 12px; max-width: 100%; }
.cms-detail h1 { font-size: 2rem; margin: 18px 0; color: var(--brown); }
.cms-detail .lead { color: var(--text); margin-bottom: 20px; font-size: 1.05rem; }
.cms-detail .news-date-label { display: inline-block; background: var(--olive); color: var(--cream); font-size: .82rem; font-weight: 700; padding: 4px 14px; }
.cms-back { display: inline-block; color: var(--brick-deep); font-size: .9rem; font-weight: 700; margin-bottom: 20px; }
.cms-back:hover { text-decoration: underline; }
.spec-list { list-style: none; padding: 0; margin: 0; }
.spec-list li { color: var(--text); padding: 10px 0; border-bottom: 2px dashed var(--cream-deep); font-size: .9rem; }
.spec-list li b { color: var(--brick-deep); }
.cms-content h2 { font-size: 1.5rem; margin: 24px 0 12px; color: var(--brown); }
.cms-content h3 { font-size: 1.25rem; margin: 20px 0 10px; color: var(--brown); }
.cms-content p, .cms-content ul, .cms-content li { color: var(--text); margin-bottom: 15px; line-height: 1.9; }
.cms-content ul { padding-left: 18px; list-style: disc; }
.cms-content img { border-radius: 6px; max-width: 100%; }
.cms-content a { color: var(--brick-deep); text-decoration: underline; }
.cms-pager { padding: 30px 0; text-align: center; }
.cms-pager .pagination { display: flex; gap: 8px; justify-content: center; flex-wrap: wrap; list-style: none; padding: 0; margin: 0; }
.cms-pager .page-link { padding: 10px 16px; border: 2px solid var(--cream-deep); background: var(--cream); color: var(--brick-deep); font-size: 14px; transition: .3s; display: inline-block; }
.cms-pager .page-link:hover { border-color: var(--brick); color: var(--brick); }
.cms-pager .page-item.active .page-link { background: var(--brick); border-color: var(--brick-deep); color: var(--cream); }
.cms-pager .page-item.disabled .page-link { opacity: .5; pointer-events: none; }

/* ---------- 响应式 ---------- */
@media (max-width: 1024px) {
    .sv-grid { grid-template-columns: 1fr 1fr; }
    .case-grid { grid-template-columns: 1fr 1fr; }
    .story-grid { grid-template-columns: 1fr 1fr; }
    .about-feats { grid-template-columns: 1fr 1fr; }
    .stats-grid { grid-template-columns: 1fr 1fr; }
    .process-grid { grid-template-columns: 1fr 1fr; }
    .honor-grid { grid-template-columns: 1fr 1fr; }
    .team-grid { grid-template-columns: 1fr 1fr; }
    .road-grid { grid-template-columns: 1fr 1fr; }
    .road::after { display: none; }
}

@media (max-width: 768px) {
    .nav-menu { position: fixed; top: 74px; left: -100%; width: 78%; height: calc(100vh - 74px); background: var(--cream); flex-direction: column; padding: 36px; gap: 16px; transition: 0.3s; border-right: 4px solid var(--brick); }
    .nav-menu.active { left: 0; }
    .nav-menu a { width: fit-content; }
    .hamburger { display: flex; }
    .hamburger.active span:nth-child(1) { transform: rotate(45deg) translate(5px, 5px); }
    .hamburger.active span:nth-child(2) { opacity: 0; }
    .hamburger.active span:nth-child(3) { transform: rotate(-45deg) translate(5px, -5px); }
    .story-grid, .sv-grid, .about-feats, .team-grid { grid-template-columns: 1fr; }
    .case-grid { grid-template-columns: 1fr; }
    .stats-grid, .process-grid, .honor-grid { grid-template-columns: 1fr; }
    .hero-bg { margin: 30px 8px 16px; }
    .hero-inner { padding: 30px 20px; }
    .news-item, .nf-item { flex-direction: column; }
    .news-thumb, .nf-thumb { width: 100%; }
    .prod-card, .prod-card.prod-rev { flex-direction: column; }
    .prod-img { width: 100%; }
    .contact-wrap { grid-template-columns: 1fr; }
    .footer-grid { grid-template-columns: 1fr; }
}

/* ===== CMS global link-color reset (fixes default blue/underline) ===== */
a:has(h1), a:has(h2), a:has(h3), a:has(h4), a:has(img),
a.logo, a.logo *, .logo, .logo *,
a.news-thumb, a.news-thumb *, a.prod-thumb, a.prod-thumb *,
a.img-wrap, a.img-wrap *, a.thumb, a.thumb *, a.cover, a.cover *,
a[style*='background-image'], a[style*='background'],
a.card, a.card *, a.work-card, a.work-card *, a.product-card, a.product-card *,
a.news-card, a.news-card *, a.news-item, a.news-item *, a.case-card, a.case-card *,
a.service-card, a.service-card *, a.svc-card, a.svc-card *, a.item-card, a.item-card * {
  color: inherit !important;
  text-decoration: none !important;
}
a:has(h1):hover, a:has(h2):hover, a:has(h3):hover, a:has(h4):hover,
a.logo:hover, .logo:hover, a.card:hover, a.card *:hover,
a.news-thumb:hover, a.prod-thumb:hover, a.work-card:hover, a.product-card:hover,
a.news-card:hover, a.news-item:hover, a.case-card:hover, a.service-card:hover { color: inherit !important; }
a.prod-img-link, a.prod-img-link *,
a.img-link, a.img-link *, a.thumb-link, a.thumb-link *,
a.cover-link, a.cover-link *, a.media-link, a.media-link *,
a[class*='-thumb'], a[class*='-img'], a[class*='-cover'],
a[class*='thumb-'], a[class*='img-'],
a.img-side, a.img-side *, a.pic, a.pic *, a.pic-link, a.pic-link * {
  color: inherit !important;
  text-decoration: none !important;
}
/* ===== CMS heading-link reset (anchor inside heading) ===== */
h1 a, h2 a, h3 a, h4 a, h5 a {
  color: inherit !important;
  text-decoration: none !important;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover { color: inherit !important; }