.about-page{background:#fff}.about-hero{position:relative;height:600px;background:linear-gradient(135deg,rgba(var(--primary-rgb),.85),#1a3828d9),url(https://images.unsplash.com/photo-1608571423902-eed4a5ad8108?w=1600&h=900&fit=crop) center/cover;display:flex;align-items:center;justify-content:center;color:#fff;text-align:center}.about-hero-content{max-width:800px;padding:0 20px;z-index:2}.about-hero-title{font-size:56px;font-weight:700;margin-bottom:25px;font-family:"Noto Serif TC",serif;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.5),0 2px 10px rgba(0,0,0,.3)}.about-hero-subtitle{font-size:22px;line-height:1.8;color:#fff;text-shadow:0 3px 15px rgba(0,0,0,.4),0 1px 8px rgba(0,0,0,.2)}.about-container{max-width:1200px;margin:0 auto;padding:0 20px}.story-section{padding:100px 0;background:#fff}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.story-image{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 10px 40px #0000001a}.story-content h2{font-size:42px;font-weight:700;color:var(--color-primary, #2d5a3d);margin-bottom:30px;font-family:"Noto Serif TC",serif}.story-content p{font-size:18px;line-height:2;color:#333;margin-bottom:25px}.values-section{padding:100px 0;background:#f8f9fa}.values-header{text-align:center;margin-bottom:70px}.values-header h2{font-size:42px;font-weight:700;color:var(--color-primary, #2d5a3d);margin-bottom:20px;font-family:"Noto Serif TC",serif}.values-header p{font-size:18px;color:#666}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.value-item{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #00000014;transition:all .3s ease}.value-item:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00000026}.value-image{width:100%;height:240px;object-fit:cover}.value-content{padding:30px}.value-title{font-size:24px;font-weight:600;color:var(--color-primary, #2d5a3d);margin-bottom:15px}.value-description{font-size:16px;color:#666;line-height:1.8}.cta-section{padding:100px 0;background:#fff;text-align:center}.cta-content{max-width:700px;margin:0 auto;padding:0 20px}.cta-content h2{font-size:42px;font-weight:700;color:var(--color-primary, #2d5a3d);margin-bottom:25px;font-family:"Noto Serif TC",serif}.cta-content p{font-size:18px;color:#666;margin-bottom:40px;line-height:1.8}.cta-button{display:inline-flex;align-items:center;gap:10px;background:var(--color-primary, #2d5a3d);color:#fff;padding:18px 45px;border-radius:8px;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--primary-rgb),.2)}.cta-button:hover{background:#1e3d28;transform:translateY(-3px);box-shadow:0 8px 25px rgba(var(--primary-rgb),.3)}@media(max-width:768px){.about-hero{height:450px}.about-hero-title{font-size:36px}.about-hero-subtitle{font-size:18px}.story-section,.values-section,.cta-section{padding:60px 0}.story-grid{grid-template-columns:1fr;gap:40px}.story-image{height:350px}.story-content h2,.values-header h2,.cta-content h2{font-size:32px}.values-grid{grid-template-columns:1fr;gap:30px}}