.about-container{min-height:100vh}.about-hero{height:60vh;position:relative}.about-hero-bg{background-image:url(https://images.unsplash.com/photo-1555396273-367ea4eb4db5?ixlib=rb-4.0.3&auto=format&fit=crop&w=2940&q=80);background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;position:relative}.about-hero-overlay{background:linear-gradient(135deg,#0009 0%,#ff6b354d 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.about-hero-content{text-align:center;color:#fff}.about-hero-title{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:clamp(2.2rem,6vw,4rem);font-weight:700;animation:1s ease-in-out fadeIn}.about-hero-subtitle{opacity:.9;font-size:clamp(1rem,3.2vw,1.5rem);animation:1s ease-out .3s both slideUp}.section-title{text-align:center;color:#1f2937;margin-bottom:3rem;font-family:Playfair Display,serif;font-size:clamp(2rem,5.5vw,3rem);font-weight:700;position:relative}.section-title:after{content:"";background:linear-gradient(90deg,#ff6b35,#f7c59f);border-radius:2px;width:80px;height:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.subsection-title{color:#1f2937;text-align:center;margin-bottom:2rem;font-family:Playfair Display,serif;font-size:clamp(1.4rem,4.5vw,2rem);font-weight:600}.cafe-story{background-color:#fff;padding:5rem 0}.story-grid{grid-template-columns:1fr;align-items:center;gap:4rem;max-width:72rem;margin:0 auto;display:grid}@media (min-width:768px){.story-grid{grid-template-columns:1fr 1fr;gap:6rem}}.story-content{padding:2rem 0}.story-intro{color:#1f2937;margin-bottom:1.5rem;font-size:1.25rem;font-weight:500;line-height:1.8}.story-details{color:#6b7280;margin-bottom:2rem;font-size:1.125rem;line-height:1.8}.mission-vision-grid{grid-template-columns:1fr;gap:2rem;margin:3rem 0;display:grid}@media (min-width:768px){.mission-vision-grid{grid-template-columns:1fr 1fr}}.mission-card,.vision-card{background:#f8fafc;border-left:4px solid #ff6b35;border-radius:15px;padding:2rem;transition:all .3s}.mission-card:hover,.vision-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px #ff6b3526}.mv-icon{margin-bottom:1rem;font-size:2.5rem}.mv-title{color:#1f2937;margin-bottom:1rem;font-size:1.5rem;font-weight:600}.mv-description{color:#6b7280;line-height:1.6}.philosophy-section{text-align:center;color:#fff;background:linear-gradient(135deg,#ff6b35,#f7c59f);border-radius:20px;margin-top:3rem;padding:3rem}.philosophy-title{margin-bottom:1rem;font-size:1.5rem;font-weight:600}.tagline{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:1.75rem;font-style:italic;font-weight:700}.philosophy-text{opacity:.9;font-size:1.125rem;line-height:1.6}.story-image{position:relative}.story-img{object-fit:cover;border-radius:20px;width:100%;height:clamp(220px,45vw,400px);transition:all .5s;box-shadow:0 20px 40px #0000001a}.story-img:hover{transform:scale(1.02)rotate(1deg);box-shadow:0 30px 60px #0003}.brand-experience{background:#f8fafc;padding:5rem 0}.ambiance-section{margin-bottom:4rem}.ambiance-content{text-align:center;max-width:800px;margin:0 auto 3rem}.ambiance-description{color:#6b7280;font-size:1.125rem;line-height:1.8}.ambiance-features{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;max-width:600px;margin:0 auto;display:grid}.feature-item{background:#fff;border-radius:15px;flex-direction:column;align-items:center;gap:.5rem;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 5px 15px #00000014}.feature-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.feature-icon{font-size:2rem;transition:transform .3s}.feature-item:hover .feature-icon{transform:scale(1.2)rotate(5deg)}.signature-section{margin-bottom:4rem}.signature-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.signature-item{background:#fff;border-radius:15px;transition:all .3s;overflow:hidden;box-shadow:0 10px 25px #0000001a}.signature-item:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.item-image-wrapper{width:100%;height:200px;position:relative;overflow:hidden}.item-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.signature-item:hover .item-image{transform:scale(1.1)}.item-name{color:#1f2937;margin:1rem 1rem .5rem;font-size:1.25rem;font-weight:600;transition:color .3s}.signature-item:hover .item-name{color:#ff6b35}.item-description{color:#6b7280;padding:0 1rem 1.5rem;line-height:1.5}.culture-section{margin-top:4rem}.culture-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.culture-card{text-align:center;background:#fff;border-radius:15px;padding:2rem;transition:all .3s;box-shadow:0 5px 15px #00000014}.culture-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.culture-icon{margin-bottom:1rem;font-size:2.5rem;transition:transform .3s}.culture-card:hover .culture-icon{transform:scale(1.2)}.culture-card h4{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;transition:color .3s}.culture-card:hover h4{color:#ff6b35}.culture-card p{color:#6b7280;line-height:1.5}.visual-section{background:#fff;padding:5rem 0}.gallery-section{margin-bottom:4rem}.gallery-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto;display:grid}.gallery-item{border-radius:15px;height:250px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 10px 25px #0000001a}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0003}.gallery-image{object-fit:cover;width:100%;height:100%;transition:transform .3s}.gallery-item:hover .gallery-image{transform:scale(1.1)}.gallery-overlay{color:#fff;background:linear-gradient(#0000,#000000b3);padding:1rem;transition:transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover .gallery-overlay{transform:translateY(0)}.stats-section{margin-top:4rem}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.stat-item{text-align:center;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:15px;padding:2rem;transition:all .3s}.stat-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #ff6b3526}.stat-number{color:#ff6b35;margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.stat-label{color:#6b7280;font-weight:500}.trust-community{background:#f8fafc;padding:5rem 0}.testimonials-section{margin-bottom:4rem}.testimonials-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.testimonial-card{background:#fff;border-radius:15px;padding:2rem;transition:all .3s;box-shadow:0 10px 25px #00000014}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000026}.stars{color:#ff6b35;margin-bottom:1rem;font-size:1.2rem}.testimonial-content p{color:#6b7280;margin-bottom:1.5rem;font-style:italic;line-height:1.6}.testimonial-author{flex-direction:column;display:flex}.author-name{color:#1f2937;font-weight:600}.author-role{color:#6b7280;font-size:.9rem}.community-section{margin-bottom:4rem}.community-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.community-item{text-align:center;background:#fff;border-radius:15px;padding:2rem;transition:all .3s;box-shadow:0 5px 15px #00000014}.community-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.community-icon{margin-bottom:1rem;font-size:2.5rem;transition:transform .3s}.community-item:hover .community-icon{transform:scale(1.2)}.community-item h4{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;transition:color .3s}.community-item:hover h4{color:#ff6b35}.community-item p{color:#6b7280;line-height:1.5}.cabin-booking-section{text-align:center;color:#fff;background:linear-gradient(135deg,#ff6b35,#f7c59f);border-radius:20px;max-width:1000px;margin:4rem auto;padding:4rem 2rem}.cabin-title{color:#000;margin-bottom:1rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700}.cabin-description{opacity:.9;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6}.cabin-features{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;max-width:600px;margin-bottom:2rem;margin-left:auto;margin-right:auto;display:grid}.cabin-feature{background:#fff3;border-radius:10px;padding:1rem;font-weight:500}.cabin-book-btn{color:#ff6b35;cursor:pointer;background:#fff;border:none;border-radius:25px;padding:1rem 2rem;font-size:1.125rem;font-weight:600;transition:all .3s}.cabin-book-btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #0003}.sustainability-section{margin-bottom:4rem}.sustainability-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.sustainability-item{text-align:center;background:#fff;border-radius:15px;padding:2rem;transition:all .3s;box-shadow:0 5px 15px #00000014}.sustainability-item:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.sustainability-icon{margin-bottom:1rem;font-size:2.5rem;transition:transform .3s}.sustainability-item:hover .sustainability-icon{transform:scale(1.2)}.sustainability-item h4{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;transition:color .3s}.sustainability-item:hover h4{color:#ff6b35}.sustainability-item p{color:#6b7280;line-height:1.5}.collaborations-section{margin-bottom:4rem}.collaborations-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.partner-card{text-align:center;background:#fff;border-radius:15px;padding:2rem;transition:all .3s;box-shadow:0 5px 15px #00000014}.partner-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.partner-logo{margin-bottom:1rem;font-size:2.5rem;transition:transform .3s}.partner-card:hover .partner-logo{transform:scale(1.2)}.partner-card h4{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;transition:color .3s}.partner-card:hover h4{color:#ff6b35}.partner-card p{color:#6b7280;line-height:1.5}.practical-info{background:#fff;padding:5rem 0}.info-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:800px;margin:0 auto;display:grid}.info-card{text-align:center;background:#f8fafc;border-radius:15px;padding:2rem;transition:all .3s}.info-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #ff6b3526}.info-title{color:#1f2937;margin-bottom:1rem;font-size:1.25rem;font-weight:600}.info-content{color:#6b7280;line-height:1.6}.newsletter-section{color:#fff;background:linear-gradient(135deg,#1f2937,#111827);padding:5rem 0}.newsletter-content{text-align:center;max-width:600px;margin:0 auto}.newsletter-title{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:2.5rem;font-weight:700}.newsletter-subtitle{opacity:.8;margin-bottom:2rem;font-size:1.125rem;line-height:1.6}.newsletter-form{gap:1rem;max-width:400px;margin:0 auto;display:flex}.newsletter-input{color:#fff;background:#374151;border:2px solid #374151;border-radius:25px;flex:1;padding:12px 16px;font-size:1rem;transition:all .3s}.newsletter-input:focus{background:#4b5563;border-color:#ff6b35;outline:none}.newsletter-input::placeholder{color:#9ca3af}.newsletter-btn{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#ff6b35,#f7c59f);border:none;border-radius:25px;padding:12px 24px;font-weight:600;transition:all .3s}.newsletter-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff6b3566}.fun-facts{background:#f8fafc;padding:5rem 0}.facts-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.fact-card{background:#fff;border-radius:15px;align-items:center;gap:1rem;padding:2rem;transition:all .3s;display:flex;box-shadow:0 5px 15px #00000014}.fact-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #00000026}.fact-icon{font-size:2.5rem;transition:transform .3s}.fact-card:hover .fact-icon{transform:scale(1.2)}.fact-content h4{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;transition:color .3s}.fact-card:hover h4{color:#ff6b35}.fact-content p{color:#6b7280;line-height:1.5}.brand-values{background:#fff;padding:5rem 0}.values-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:2rem;max-width:1000px;margin:0 auto;display:grid}.value-card{text-align:center;background:#f8fafc;border-radius:15px;padding:2rem;transition:all .3s}.value-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #ff6b3526}.value-icon{margin-bottom:1rem;font-size:2.5rem;transition:transform .3s}.value-card:hover .value-icon{transform:scale(1.2)}.value-card h4{color:#1f2937;margin-bottom:.5rem;font-size:1.25rem;font-weight:600;transition:color .3s}.value-card:hover h4{color:#ff6b35}.value-card p{color:#6b7280;line-height:1.5}.quote-section{color:#fff;background:linear-gradient(135deg,#ff6b35,#f7c59f);padding:5rem 0}.quote-content{text-align:center;max-width:800px;margin:0 auto}.quote-icon{opacity:.7;margin-bottom:1rem;font-size:4rem}.quote-text{margin-bottom:1rem;font-family:Playfair Display,serif;font-size:1.5rem;font-style:italic;line-height:1.6}.quote-author{opacity:.9;font-size:1.125rem;font-weight:500}@media (max-width:768px){.about-hero-title{font-size:2.5rem}.about-hero-subtitle{font-size:1.1rem}.section-title{font-size:2rem}.subsection-title{font-size:1.5rem}.newsletter-form{flex-direction:column}.cabin-features,.gallery-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}