:root{--orange:#d84e16;--orange-dark:#c44412;--brown:#3a2517;--cream:#f5e6d3;--peach:#ffe8d0;--white:#fff;--bg-main:#fbe7d7}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{color:var(--brown);background:var(--bg-main);font-family:Nunito Sans,-apple-system,sans-serif;line-height:1.6}img{max-width:100%;display:block}.container{background:var(--bg-main);width:100%;margin:0}.header{background:var(--bg-main);border-bottom:1px solid #d54e161a;justify-content:space-between;align-items:center;padding:16px 48px;display:flex}.nav{gap:40px;display:flex}.nav-link{color:#2a2220;padding:8px 0;font-size:1rem;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-link:hover,.nav-link.active{color:var(--orange)}.nav-link.active:after{content:"";background:var(--orange);height:2px;position:absolute;bottom:0;left:0;right:0}.logo{object-fit:contain;width:auto;height:60px}.about-hero{justify-content:center;align-items:center;width:100%;height:600px;margin:0;padding:0;display:flex;overflow:hidden}.about-banner{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.dot-line{justify-content:flex-start;align-items:center;width:2cm;height:5px;margin:20px 0;display:flex;position:relative}.dot-line:before{content:"";background-color:#d2703f;height:3px;position:absolute;top:50%;left:5px;right:5px;transform:translateY(-50%)}.dot{z-index:1;background:#d2703f;border-radius:50%;width:10px;height:10px;position:absolute;top:50%;transform:translate(-50%,-50%)}.dot.start{left:0%}.dot.middle{left:50%}.dot.end{left:100%}.story-section{background:var(--bg-main);padding:50px 48px}.story-container{width:100%;max-width:100%;margin:0}.story-content{width:100%}.section-title{color:var(--orange);text-align:left;margin-bottom:0;font-family:Bree Serif,serif;font-size:3rem}.story-content .dot-line{margin:16px 0 24px}.story-content p{color:#2c2420;text-align:left;margin-bottom:20px;font-size:1.125rem;line-height:1.8}.story-content p:last-child{margin-bottom:0}.mission-vision{background:linear-gradient(135deg,#fef9f3 0%,#fbe7d7 100%);padding:50px 48px}.mission-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto 40px;display:grid}.mission-media{width:100%}.mission-image{object-fit:cover;border-radius:16px;width:100%;height:auto;box-shadow:0 8px 32px #0000001a}.mission-text{padding:20px}.mission-text .section-title{text-align:left;margin-bottom:0}.mission-text .dot-line{margin:16px 0 24px}.mission-description{color:#2c2420;margin:0;font-family:Nunito Sans,-apple-system,sans-serif;font-size:1.125rem;line-height:1.8}.vision-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:1200px;margin:0 auto;display:grid}.vision-text{order:1;padding:20px}.vision-text .section-title{text-align:left;margin-bottom:0}.vision-text .dot-line{margin:16px 0 24px}.vision-description{color:#2c2420;margin:0;font-family:Nunito Sans,-apple-system,sans-serif;font-size:1.125rem;line-height:1.8}.vision-media{border-radius:16px;order:2;width:100%;position:relative;overflow:hidden;box-shadow:0 8px 32px #0000001a}.vision-video{object-fit:cover;width:100%;height:auto;display:block}.unmute-button{z-index:3;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.unmute-button:hover{background:#000c;border-color:#d84e16cc;transform:scale(1.1)}.values-section{background:var(--bg-main);padding:80px 48px}.section-header{justify-content:center;align-items:center;gap:16px;display:flex}.section-header .line{background:var(--orange);flex:1;max-width:200px;height:1px}.section-header .icon{color:var(--orange);font-size:1.375rem}.section-title-main{color:var(--orange);white-space:nowrap;margin:0;font-family:Bree Serif,serif;font-size:2.625rem;font-weight:400}.values-grid{grid-template-columns:repeat(4,1fr);gap:32px;max-width:100%;margin:0 auto;display:grid}.value-card{text-align:center;background:var(--white);border-radius:12px;padding:40px 24px;transition:all .3s;box-shadow:0 2px 16px #0000000f}.value-card:hover{transform:translateY(-4px);box-shadow:0 6px 24px #0000001a}.value-icon{width:64px;height:64px;color:var(--orange);background:#d84e161a;border-radius:50%;place-items:center;margin:0 auto 20px;display:grid}.value-card h3{color:var(--brown);margin-bottom:12px;font-size:1.25rem;font-weight:700}.value-card p{color:#3a342f;font-size:.9375rem;line-height:1.6}.why-choose{background:var(--white);padding:80px 48px}.why-choose-container{grid-template-columns:1fr 1fr;align-items:center;gap:60px;max-width:100%;margin:0 auto;display:grid}.why-content .section-title{margin-bottom:16px}.why-list{flex-direction:column;gap:32px;margin-top:40px;display:flex}.why-item{align-items:flex-start;gap:24px;display:flex}.why-number{color:#d84e1633;min-width:60px;font-family:Bree Serif,serif;font-size:3rem;font-weight:700;line-height:1}.why-text h3{color:var(--orange);margin-bottom:8px;font-size:1.375rem;font-weight:700}.why-text p{color:#2c2420;font-size:1rem;line-height:1.7}.why-image img{object-fit:cover;border-radius:16px;width:100%;height:100%;box-shadow:0 8px 32px #0000001a}.footer{color:#fffaf4;background-image:url(/assets/footer-background.png);background-position:50%;background-repeat:no-repeat;background-size:cover;flex-direction:row;justify-content:space-between;align-items:center;min-height:100px;display:flex;position:relative;overflow:hidden;padding:0!important}.footer-pattern{display:none}.footer:after{content:"";z-index:0;pointer-events:none;background:#00000026;position:absolute;inset:0}.footer-content{z-index:1;flex-direction:column;align-items:center;gap:16px;display:flex;position:relative}.footer-image{z-index:1;position:relative}.footer-text{letter-spacing:-.3px;text-align:center;font-family:Bree Serif,serif;font-size:2rem}.footer-image{z-index:1;align-items:flex-end;height:100%;display:flex;position:relative}.footer-image img{object-fit:contain;width:auto;height:100px;margin-right:24px;display:block}@media (max-width:767px){.header{padding:14px 20px}.nav{justify-content:space-around;gap:12px;width:100%}.nav-link{font-size:.875rem}.logo{font-size:1.5rem}.about-hero{height:300px;padding:0}.story-section,.mission-vision,.values-section,.why-choose{padding:30px 20px}.story-container{max-width:100%;padding:0}.section-title,.story-content p{text-align:left}.mission-container,.vision-container{grid-template-columns:1fr;gap:24px;display:grid}.mission-text{display:contents}.mission-text .section-title{text-align:center;order:1;padding:0 16px}.mission-text .dot-line{order:2;margin:12px auto 16px}.mission-media{order:3}.mission-description{text-align:center;order:4;padding:0 16px;font-size:1rem}.vision-text{display:contents}.vision-text .section-title{text-align:center;order:1;padding:0 16px}.vision-text .dot-line{order:2;margin:12px auto 16px}.vision-media{order:3}.vision-description{text-align:center;order:4;padding:0 16px;font-size:1rem}.section-title,.section-title-main{font-size:2rem}.values-grid{grid-template-columns:1fr;gap:24px}.why-number{min-width:40px;font-size:2rem}.footer{flex-direction:column;gap:20px;padding:0!important}.footer-text{font-size:1.25rem}.footer-image img{height:80px;margin-right:0}}@media (min-width:768px) and (max-width:1023px){.header{padding:18px 32px}.nav{gap:28px}.about-hero{height:400px;padding:0}.story-section,.mission-vision,.values-section,.why-choose{padding:40px 32px}.story-container{max-width:100%}.section-title,.story-content p{text-align:left}.mission-container,.vision-container,.why-choose-container{grid-template-columns:1fr;gap:30px}.mission-text{display:contents}.mission-text .section-title{text-align:center;order:1;padding:0 24px}.mission-text .dot-line{order:2;margin:14px auto 18px}.mission-media{order:3}.mission-description{text-align:center;order:4;padding:0 24px;font-size:1.0625rem}.vision-text{display:contents}.vision-text .section-title{text-align:center;order:1;padding:0 24px}.vision-text .dot-line{order:2;margin:14px auto 18px}.vision-media{order:3}.vision-description{text-align:center;order:4;padding:0 24px;font-size:1.0625rem}.section-title{font-size:2.5rem}.values-grid{grid-template-columns:repeat(2,1fr);gap:28px}}@media (min-width:1280px){.about-hero{padding:0}.story-section,.mission-vision,.values-section,.why-choose{padding:60px}.story-container{max-width:100%}.mission-container,.vision-container,.why-choose-container{gap:80px;max-width:1400px}.mission-description,.vision-description{font-size:1.25rem;line-height:1.9}.section-title{font-size:3.5rem}.section-title-main{font-size:3rem}.values-grid{gap:40px;max-width:100%}}.mobile-menu-toggle{cursor:pointer;z-index:1001;background:0 0;border:none;flex-direction:column;justify-content:space-between;width:28px;height:20px;padding:0;display:none;position:relative}.mobile-menu-toggle span{background:var(--brown);transform-origin:50%;border-radius:2px;width:100%;height:2.5px;transition:all .3s}.mobile-menu-toggle.open span:first-child{transform:rotate(45deg)translateY(8px)}.mobile-menu-toggle.open span:nth-child(2){opacity:0}.mobile-menu-toggle.open span:nth-child(3){transform:rotate(-45deg)translateY(-8px)}@media (max-width:767px){.header{padding:12px 24px;position:relative}.mobile-menu-toggle{display:flex}.nav{background:var(--bg-main);z-index:1000;flex-direction:column;gap:0;width:70%;max-width:300px;height:100vh;padding:80px 20px 20px;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-4px 0 10px #0000001a}.nav.mobile-open{right:0}.nav-link{text-align:left;border-bottom:1px solid #d54e161a;width:100%;padding:16px 20px;font-size:1.125rem}.nav-link.active:after{display:none}.nav-link.active{background:#d54e160d}.logo{max-width:120px}}@media (min-width:768px) and (max-width:1023px){.mobile-menu-toggle{display:flex}.nav{background:var(--bg-main);z-index:1000;flex-direction:column;gap:0;width:50%;max-width:350px;height:100vh;padding:100px 30px 30px;transition:right .3s;position:fixed;top:0;right:-100%;box-shadow:-4px 0 10px #0000001a}.nav.mobile-open{right:0}.nav-link{text-align:left;border-bottom:1px solid #d54e161a;width:100%;padding:18px 24px;font-size:1.25rem}.nav-link.active:after{display:none}.nav-link.active{background:#d54e160d}}html,body{width:100%;max-width:100vw;margin:0;padding:0;overflow-x:hidden}section{width:100%;max-width:100vw}.cards-grid,.tips-grid{padding-left:0;padding-right:0}.container{width:100%!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important}.header{width:100%!important;margin:0!important}.about-hero,.story-section,.mission-vision,.values-section,.footer{width:100%!important;max-width:100vw!important;margin:0!important}.footer{text-align:center!important;background-image:url(/assets/footer-background.png)!important;background-position:50%!important;background-repeat:no-repeat!important;background-size:cover!important;justify-content:center!important;width:100%!important;max-width:100vw!important;margin:0!important;padding:0!important}.footer-content{width:100%;margin:0 auto;text-align:center!important;justify-content:center!important;align-items:center!important}.footer-text{text-align:center!important;font-weight:700!important}