.civ-page{--civ-color:#d4a853}.civ-hero{text-align:center;min-height:65vh;margin-top:calc(-1 * var(--header-h));padding-top:var(--header-h);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.civ-hero-bg{position:absolute;inset:0}.civ-hero-inner{z-index:2;padding:var(--sp-24) 0;flex-direction:column;align-items:center;display:flex;position:relative}.civ-hero-icon{margin-bottom:var(--sp-5);font-size:48px;animation:.6s .2s both fadeUp}.civ-hero .section-label{animation:.6s .3s both fadeUp}.civ-hero-title{font-family:var(--font-display);color:var(--text);margin-bottom:var(--sp-4);font-size:clamp(2.2rem,5vw,4rem);font-weight:700;line-height:1.1;animation:.6s .4s both fadeUp}.civ-hero-desc{max-width:560px;color:var(--text-secondary);font-size:16px;line-height:1.8;animation:.6s .6s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.civ-story{padding:var(--sp-24) 0;border-bottom:1px solid var(--border-light);background:var(--white)}.civ-story-content{max-width:680px}.civ-story-text{gap:var(--sp-5);flex-direction:column;display:flex}.civ-story-text p{color:var(--text-secondary);font-size:15px;line-height:1.9}.civ-products{padding:var(--sp-24) 0;background:var(--bg)}.civ-empty{text-align:center;padding:var(--sp-16) 0}.civ-empty p{color:var(--text-muted);margin-bottom:var(--sp-5)}.civ-others{padding:var(--sp-24) 0;background:var(--white)}.civ-others-header{text-align:center;margin-bottom:var(--sp-12)}.civ-others-grid{gap:var(--sp-6);grid-template-columns:repeat(2,1fr);display:grid}.civ-other-card{padding:var(--sp-10);border-radius:var(--r-xl);border:1px solid var(--border-light);background:var(--bg);transition:all var(--ease-slow);flex-direction:column;display:flex}.civ-other-card:hover{box-shadow:var(--shadow-md);border-color:var(--border);transform:translateY(-3px)}.civ-other-icon{margin-bottom:var(--sp-4);font-size:28px}.civ-other-card h3{font-family:var(--font-display);color:var(--text);margin-bottom:var(--sp-2);font-size:22px;font-weight:600}.civ-other-card p{color:var(--text-muted);flex:1;font-size:14px;font-style:italic}.civ-other-link{letter-spacing:1px;text-transform:uppercase;color:var(--text-secondary);margin-top:var(--sp-8);transition:gap var(--ease);align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.civ-other-card:hover .civ-other-link{color:var(--text);gap:12px}@media (max-width:768px){.civ-hero{min-height:55vh}.civ-others-grid{grid-template-columns:1fr}}