.about-hero{background:linear-gradient(#faf8f5 0%,#fff 100%);padding:40px 0 60px}.about-hero-grid{grid-template-columns:1fr 1fr;align-items:center;gap:60px;display:grid}.about-badge{background:var(--gold);color:var(--dark);border-radius:50px;align-items:center;gap:8px;margin-bottom:20px;padding:6px 16px;font-size:.85rem;font-weight:600;display:inline-flex}.about-hero-content h1{color:var(--dark);margin-bottom:20px;font-size:3rem;font-weight:800;line-height:1.1}.about-hero-content h1 span{color:var(--gold)}.about-hero-text{color:#666;max-width:500px;margin-bottom:32px;font-size:1.1rem;line-height:1.8}.about-hero-stats{align-items:center;gap:24px;display:flex}.hero-stat{flex-direction:column;display:flex}.hero-stat-number{color:var(--gold);font-size:2rem;font-weight:800}.hero-stat-label{color:#999;font-size:.85rem}.hero-stat-divider{background:#e5e7eb;width:2px;height:40px}.hero-image-wrapper{border-radius:20px;position:relative;overflow:hidden;box-shadow:0 20px 60px #00000014}.hero-main-image{object-fit:cover;width:100%;height:400px}.hero-image-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000000b3;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex;position:absolute;top:20px;right:20px}.hero-image-badge svg{color:var(--gold)}.hero-image-badge.bottom{top:auto;bottom:20px;right:20px}.about-story{background:#fff;padding:60px 0}.about-story-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}.about-story-text h2{color:var(--dark);margin-bottom:32px;font-size:2.2rem;font-weight:800}.about-story-text h2 span{color:var(--gold)}.story-timeline{flex-direction:column;gap:24px;display:flex}.timeline-item{gap:20px;display:flex;position:relative}.timeline-dot{background:var(--gold);border-radius:50%;flex-shrink:0;width:12px;height:12px;margin-top:6px;position:relative}.timeline-dot:after{content:"";background:#e5e7eb;width:2px;height:40px;position:absolute;top:12px;left:50%;transform:translate(-50%)}.timeline-item:last-child .timeline-dot:after{display:none}.timeline-dot.future,.timeline-dot.future:after{background:#22c55e}.timeline-year{color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.timeline-year.future{color:#22c55e}.timeline-content h3{color:var(--dark);margin:2px 0 4px;font-size:1.1rem;font-weight:700}.timeline-content p{color:#666;font-size:.95rem;line-height:1.6}.story-image-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid;position:relative}.story-img{object-fit:cover;border-radius:16px;width:100%;height:250px;transition:all .3s;box-shadow:0 4px 20px #0000000f}.story-img:hover{transform:scale(1.02)}.story-img-1{grid-area:1/1/2/2}.story-img-2{grid-area:1/2/3/3;height:516px}.story-img-badge{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#000000b3;border-radius:50px;align-items:center;gap:6px;padding:8px 16px;font-size:.85rem;font-weight:600;display:flex;position:absolute;bottom:16px;left:16px}.about-values{background:#faf8f5;padding:60px 0}.values-header{text-align:center;margin-bottom:48px}.values-header h2{color:var(--dark);font-size:2.2rem;font-weight:800}.values-header h2 span{color:var(--gold)}.values-header p{color:#666;margin-top:4px;font-size:1.05rem}.values-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:30px;display:grid}.value-card{text-align:center;background:#fff;border-radius:16px;padding:32px 24px;transition:all .3s;box-shadow:0 2px 12px #0000000a}.value-card:hover{transform:translateY(-6px);box-shadow:0 12px 40px #00000014}.value-icon{background:var(--gold);width:64px;height:64px;color:var(--dark);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 16px;font-size:1.6rem;display:flex}.value-card h3{color:var(--dark);margin-bottom:8px;font-weight:700}.value-card p{color:#666;font-size:.95rem;line-height:1.6}.about-quote{background:linear-gradient(135deg, var(--dark) 0%, #2d2a2b 100%);color:#fff;padding:60px 0}.quote-wrapper{text-align:center;max-width:700px;margin:0 auto;position:relative}.quote-icon{color:var(--gold);opacity:.3;margin-bottom:16px;font-size:3rem}.quote-wrapper blockquote{margin-bottom:16px;font-size:1.4rem;font-style:italic;font-weight:400;line-height:1.8}.quote-wrapper cite{color:var(--gold);font-style:normal;font-weight:600}.about-future{background:#fff;padding:60px 0}.future-wrapper{max-width:900px;margin:0 auto}.future-content h2{text-align:center;color:var(--dark);margin-bottom:12px;font-size:2.2rem;font-weight:800}.future-content h2 span{color:var(--gold)}.future-content>p{text-align:center;color:#666;margin-bottom:40px;font-size:1.05rem}.future-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.future-item{background:#faf8f5;border-radius:12px;gap:16px;padding:20px;transition:all .3s;display:flex}.future-item:hover{background:#f5f3f0;transform:translate(4px)}.future-item-icon{background:var(--gold);width:48px;height:48px;color:var(--dark);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;display:flex}.future-item h4{color:var(--dark);margin-bottom:2px;font-weight:700}.future-item p{color:#666;font-size:.9rem}.about-gallery{background:#faf8f5;padding:60px 0}.gallery-header{text-align:center;margin-bottom:40px}.gallery-header h2{color:var(--dark);font-size:2.2rem;font-weight:800}.gallery-header h2 span{color:var(--gold)}.gallery-header p{color:#666;margin-top:4px;font-size:1.05rem}.gallery-grid{grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;display:grid}.gallery-item{cursor:pointer;border-radius:16px;position:relative;overflow:hidden}.gallery-item img{object-fit:cover;width:100%;height:280px;transition:transform .5s}.gallery-item:hover img{transform:scale(1.05)}.gallery-overlay{color:#fff;background:linear-gradient(#0000,#000000b3);padding:16px;font-weight:600;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.about-cta{background:linear-gradient(135deg, var(--gold) 0%, #f5b800 100%);padding:60px 0}.cta-wrapper{text-align:center;max-width:600px;margin:0 auto}.cta-wrapper h2{color:var(--dark);margin-bottom:8px;font-size:2.2rem;font-weight:800}.cta-wrapper h2 span{color:#fff}.cta-wrapper p{color:#000000b3;margin-bottom:24px;font-size:1.05rem}.cta-buttons{flex-wrap:wrap;justify-content:center;gap:16px;display:flex}.cta-primary,.cta-secondary{cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:14px 32px;font-size:1rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-flex}.cta-primary{background:var(--dark);color:#fff}.cta-primary:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0003}.cta-secondary{color:var(--dark);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #0000001a}.cta-secondary:hover{background:#ffffff4d;transform:translateY(-3px)}@media (max-width:1024px){.about-hero-grid{gap:40px}.about-hero-content h1{font-size:2.5rem}.story-image-grid{grid-template-columns:1fr}.story-img-2{grid-area:2/1/3/2;height:250px}.gallery-grid{grid-template-columns:1fr 1fr}}@media (max-width:768px){.about-hero-grid{grid-template-columns:1fr;gap:32px}.about-hero-content h1{font-size:2rem}.about-hero-text{font-size:1rem}.about-hero-stats{flex-wrap:wrap;gap:16px}.hero-stat-number{font-size:1.5rem}.hero-main-image{height:280px}.about-story-grid{grid-template-columns:1fr;gap:32px}.about-story-text h2{font-size:1.8rem}.values-grid{grid-template-columns:1fr 1fr}.future-grid{grid-template-columns:1fr}.quote-wrapper blockquote{font-size:1.1rem}.gallery-grid{grid-template-columns:1fr 1fr}.gallery-item img{height:200px}.cta-wrapper h2{font-size:1.8rem}.cta-buttons{flex-direction:column;align-items:center}.cta-primary,.cta-secondary{justify-content:center;width:100%;max-width:300px}}@media (max-width:480px){.about-hero{padding:20px 0 40px}.about-hero-content h1{font-size:1.6rem}.about-hero-stats{flex-direction:column;align-items:flex-start;gap:8px}.hero-stat-divider{display:none}.hero-main-image{height:220px}.hero-image-badge{padding:4px 12px;font-size:.7rem}.about-story-text h2{font-size:1.5rem}.values-grid{grid-template-columns:1fr}.value-card{padding:24px 16px}.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:200px}.future-item{text-align:center;flex-direction:column;align-items:center}.cta-wrapper h2{font-size:1.5rem}.about-cta{padding:40px 0}}
