.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}.promise-section{position:relative;padding:120px 0;background:linear-gradient(135deg,rgba(var(--primary-rgb),.9),#1a3828e6),url(https://images.unsplash.com/photo-1603006905003-be475563bc59?w=1600&h=900&fit=crop) center/cover fixed;color:#fff;text-align:center}.promise-content{max-width:900px;margin:0 auto;padding:0 20px}.promise-content h2{font-size:42px;font-weight:700;margin-bottom:30px;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)}.promise-content p{font-size:19px;line-height:2;margin-bottom:25px;opacity:.98}.quality-section{padding:100px 0;background:#fff}.quality-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.quality-image{width:100%;height:500px;object-fit:cover;border-radius:12px;box-shadow:0 10px 40px #0000001a}.quality-content h2{font-size:42px;font-weight:700;color:var(--color-primary, #2d5a3d);margin-bottom:30px;font-family:"Noto Serif TC",serif}.quality-list{list-style:none;padding:0;margin:30px 0}.quality-list li{font-size:17px;line-height:1.8;color:#333;margin-bottom:20px;padding-left:35px;position:relative}.quality-list li:before{content:"✓";position:absolute;left:0;color:var(--color-primary, #2d5a3d);font-weight:700;font-size:22px}.stats-banner{background:var(--color-primary, #2d5a3d);padding:80px 0;color:#fff}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;text-align:center}.stat-item{padding:20px}.stat-number{font-size:52px;font-weight:700;margin-bottom:15px;font-family:"Noto Serif TC",serif}.stat-label{font-size:17px;opacity:.95}.gallery-section{padding:100px 0;background:#f8f9fa}.gallery-header{text-align:center;margin-bottom:60px}.gallery-header h2{font-size:42px;font-weight:700;color:var(--color-primary, #2d5a3d);margin-bottom:20px;font-family:"Noto Serif TC",serif}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.gallery-item{aspect-ratio:4/3;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px #0000001a;transition:all .3s ease}.gallery-item:hover{transform:scale(1.05);box-shadow:0 8px 25px #0003}.gallery-item img{width:100%;height:100%;object-fit:cover}.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,.quality-section,.gallery-section,.cta-section{padding:60px 0}.story-grid,.quality-grid{grid-template-columns:1fr;gap:40px}.story-image,.quality-image{height:350px}.story-content h2,.quality-content h2,.values-header h2,.gallery-header h2,.cta-content h2,.promise-content h2{font-size:32px}.values-grid{grid-template-columns:1fr;gap:30px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.stat-number{font-size:42px}.gallery-grid{grid-template-columns:1fr;gap:20px}.promise-section{padding:80px 0}.stats-banner{padding:60px 0}}