.about-hero{position:relative;width:100%;height:500px;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:center;justify-content:center}.about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,#0006,#0003);pointer-events:none}.about-hero-content{position:relative;z-index:2;text-align:center;color:#fff}.about-hero-content h1{font-size:42px;font-weight:600;line-height:1.3;margin-bottom:16px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.about-hero-content>div{font-size:18px;font-weight:400;opacity:.9}.about-brand-section{background:#f0f0f0;padding:80px 40px}.about-brand-intro{max-width:1200px;margin:0 auto;display:flex;gap:60px;align-items:center}.about-brand-img{flex:0 0 540px}.about-brand-img img{width:540px;height:560px;object-fit:cover;display:block;border-radius:12px}.about-brand-text{flex:1;position:relative}.watermark-text{position:absolute;top:-20px;right:0;font-size:72px;font-weight:700;color:#0000000f;line-height:1.1;letter-spacing:4px;pointer-events:none;z-index:0}.about-brand-text .section-title-dark{position:relative;z-index:1;font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:24px;line-height:1.3}.about-brand-text p{position:relative;z-index:1;font-size:15px;color:#666;line-height:1.8;margin-bottom:16px}.about-brand-text p strong{color:#1a1a1a}.about-brand-text .brand-slogan{font-size:18px;font-weight:600;color:#1a1a1a;margin-top:24px;font-style:italic}.about-brand-concept-section{background:#f5f6f7}.about-brand-concept{max-width:1200px;margin:0 auto}.section-header-center{text-align:center;position:relative;margin-bottom:50px}.watermark-text-center{font-size:72px;font-weight:700;color:#0000000f;letter-spacing:4px;line-height:1.1;margin-bottom:-20px}.section-header-center .section-title-dark{font-size:32px;font-weight:700;color:#1a1a1a;margin-bottom:16px;position:relative}.section-header-center .section-title-dark:after{content:"";display:block;width:40px;height:2px;background:#1a1a1a;margin:12px auto 0}.section-subtitle{font-size:15px;color:#888;max-width:700px;margin:0 auto;line-height:1.8}.concept-images{display:flex;gap:20px;align-items:flex-start}.concept-img-left{flex:0 0 45%}.concept-img-left img{width:100%;height:auto;display:block;border-radius:12px}.concept-img-right{flex:1;position:relative}.concept-img-right img{width:100%;height:auto;display:block;border-radius:12px}.concept-overlay-text{position:absolute;bottom:0;left:0;right:0;padding:40px 30px;background:linear-gradient(to top,rgba(0,0,0,.6) 0%,transparent 100%);color:#fff}.watermark-text-overlay{font-size:48px;font-weight:700;color:#ffffff26;line-height:1.1;letter-spacing:3px;margin-bottom:8px}.concept-overlay-text .section-title-dark-sm{font-size:24px;font-weight:700;color:#fff;margin-bottom:8px}.concept-overlay-text p{font-size:14px;color:#fffc;line-height:1.6}.about-design-idea{max-width:1200px;margin:0 auto}.design-row{display:flex;gap:40px;align-items:center;margin-bottom:60px}.design-text-block{flex:0 0 40%;text-align:center}.design-subtitle{font-size:22px;font-weight:700;color:#1a1a1a;margin-bottom:12px}.design-divider{width:40px;height:2px;background:#1a1a1a;margin:0 auto 16px}.design-text-block p{font-size:14px;color:#888;line-height:1.8}.design-img-block{flex:1}.design-img-block img{width:100%;height:auto;display:block;border-radius:12px}.design-craft-row{display:flex;gap:40px;align-items:center}.craft-images{flex:1;display:flex;gap:8px}.craft-images img{flex:1;width:100%;height:200px;object-fit:cover;display:block;border-radius:12px}.design-text-block-right{flex:0 0 35%;text-align:center}.design-text-block-right .design-subtitle{font-size:20px}.design-text-block-right p{font-size:14px;color:#888;line-height:1.8}.about-journey{background:#f5f6f7;padding:80px 40px}.about-journey-inner{max-width:1300px;margin:0 auto}.about-journey-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}.about-journey-header h2{font-size:36px;font-weight:600;color:#1a1a1a}.about-journey-nav{display:flex;gap:12px}.about-journey-nav button{width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.about-journey-nav button:hover:not(:disabled){background:#80cdad;border-color:#80cdad;color:#fff}.about-journey-nav button:disabled{opacity:.3;cursor:not-allowed}.about-journey-timeline{margin-bottom:40px;position:relative}.timeline-dates{display:flex;justify-content:space-between;margin-bottom:12px;overflow-x:auto;padding-bottom:8px}.timeline-dates span{font-size:14px;color:#888;white-space:nowrap;padding:0 8px;cursor:pointer;transition:color .3s}.timeline-dates span.active{color:#80cdad;font-weight:600}.timeline-progress{height:4px;background:#e0e0e0;border-radius:2px;position:relative}.timeline-progress-bar{height:100%;background:#80cdad;border-radius:2px;transition:width .5s ease}.about-journey-card{display:flex;gap:40px;align-items:center;background:#fff;border-radius:16px;padding:40px;box-shadow:0 4px 20px #0000000f}.journey-card-img{flex:0 0 40%;border-radius:12px;overflow:hidden}.journey-card-img img{width:100%;height:auto;display:block}.journey-card-text{flex:1}.journey-card-title{font-size:24px;font-weight:600;color:#1a1a1a;margin-bottom:16px}.journey-card-text p{font-size:16px;color:#555;line-height:1.8}.about-journey-nav-bottom{display:flex;justify-content:center;gap:12px;margin-top:30px}.about-journey-nav-bottom button{width:44px;height:44px;border-radius:50%;border:1px solid #ddd;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s}.about-journey-nav-bottom button:hover:not(:disabled){background:#80cdad;border-color:#80cdad;color:#fff}.about-journey-nav-bottom button:disabled{opacity:.3;cursor:not-allowed}.about-media{padding:80px 40px;max-width:1300px;margin:0 auto}.about-media-inner{display:flex;gap:40px;align-items:center}.about-media-img{flex:0 0 200px}.about-media-img img{width:100%;height:auto;display:block}.about-media-text h2{font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:12px;line-height:1.3}.about-media-text>div{font-size:16px;color:#666}.about-partners{padding:80px 40px;max-width:1300px;margin:0 auto}.about-partners-inner{display:flex;gap:40px;align-items:center}.about-partners-img{flex:0 0 200px}.about-partners-img img{width:100%;height:auto;display:block}.about-partners-text h2{font-size:32px;font-weight:600;color:#1a1a1a;margin-bottom:12px;line-height:1.3}.about-partners-text>div{font-size:16px;color:#666}@media(max-width:1199px)and (min-width:768px){.about-hero-content h1{font-size:32px}.about-brand-intro{flex-direction:column;gap:30px}.about-brand-img{flex:none;width:100%}.watermark-text{font-size:48px}.concept-images{flex-direction:column}.concept-img-left{flex:none;width:100%}.design-row{flex-direction:column}.design-text-block{flex:none;width:100%}.design-craft-row{flex-direction:column}.design-text-block-right{flex:none;width:100%}.about-journey-card{flex-direction:column}.journey-card-img{flex:none;width:100%}}@media(max-width:767px){.about-hero{height:350px}.about-hero-content h1{font-size:24px}.about-hero-content>div{font-size:14px}.about-brand-section{padding:40px 20px}.about-brand-intro{flex-direction:column;gap:20px}.about-brand-img{flex:none;width:100%}.watermark-text{font-size:36px;top:-10px}.about-brand-text .section-title-dark{font-size:24px}.about-brand-text p{font-size:14px}.watermark-text-center{font-size:36px}.section-header-center .section-title-dark{font-size:24px}.section-subtitle{font-size:14px}.concept-images{flex-direction:column}.concept-img-left{flex:none;width:100%}.watermark-text-overlay{font-size:32px}.concept-overlay-text .section-title-dark-sm{font-size:18px}.design-row{flex-direction:column;gap:20px}.design-text-block{flex:none;width:100%}.design-subtitle{font-size:18px}.design-craft-row{flex-direction:column;gap:20px}.design-text-block-right{flex:none;width:100%}.craft-images{flex-direction:column}.craft-images img{height:150px}.about-journey{padding:40px 20px}.about-journey-header h2{font-size:24px}.about-journey-card{padding:20px}.journey-card-title{font-size:20px}}
