.hero{min-height:100vh;padding-top:var(--header-height);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.hero-overlay{z-index:1;background:linear-gradient(135deg,#0f241af2 0%,#1a3a2ad9 50%,#0f241af2 100%);position:absolute;inset:0}.hero-bg{z-index:1;background:radial-gradient(at 20%,#c9a84c0f 0%,#0000 50%),radial-gradient(at 80%,#c9a84c0a 0%,#0000 50%);position:absolute;inset:0}.hero-content{z-index:2;text-align:center;padding:2rem;animation:1s fadeInUp;position:relative}.philosophy{background:var(--color-white)}.philosophy-content{text-align:center;max-width:700px;margin:0 auto 3rem}.philosophy-icon{margin-bottom:1rem;font-size:2.5rem;display:block}.philosophy-text{color:var(--color-text-light);font-size:1.05rem;line-height:2}.philosophy-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.philosophy-card{text-align:center;border:1px solid var(--color-border);transition:all var(--transition);border-radius:12px;padding:2rem 1.5rem}.philosophy-card:hover{border-color:var(--color-accent);transform:translateY(-2px)}.phil-icon{margin-bottom:1rem;font-size:2rem}.philosophy-card h3{color:var(--color-primary);margin-bottom:.75rem;font-size:1.1rem}.philosophy-card p{color:var(--color-text-light);font-size:.9rem;line-height:1.6}.ambassador-section{background:var(--color-white);padding:5rem 0}.ambassador-grid{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;display:grid}.ambassador-image-wrap{border-radius:12px;overflow:hidden;box-shadow:0 8px 30px #0000001a}.ambassador-img{width:100%;height:auto;transition:transform .4s;display:block}.ambassador-img:hover{transform:scale(1.02)}.ambassador-badge{border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:.1em;margin-bottom:1rem;padding:.35rem 1.25rem;font-size:.8rem;display:inline-block}.ambassador-name{margin-bottom:.35rem;font-size:clamp(1.5rem,3vw,2.2rem)}.ambassador-title{color:var(--color-text-light);margin-bottom:1.25rem;font-size:.9rem}.ambassador-quote{font-family:var(--font-heading);color:var(--color-primary);margin-bottom:1.25rem;font-size:1.05rem;font-weight:600;line-height:2}.ambassador-desc{color:var(--color-text-light);margin-bottom:1.5rem;font-size:.95rem;line-height:1.9}.ambassador-sign{flex-direction:column;gap:.15rem;display:flex}.sign-name{font-family:var(--font-heading);color:var(--color-primary);font-size:1.3rem}.sign-title{color:var(--color-text-light);font-size:.8rem}.four-frogs-section{background:var(--color-cream)}.four-frogs-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.frog-card{background:var(--color-white);text-align:center;border-radius:16px;transition:all .4s;overflow:hidden;box-shadow:0 2px 12px #0000000f}.frog-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001f}.frog-image-wrap{aspect-ratio:1;background:var(--color-cream);justify-content:center;align-items:center;padding:1.5rem;display:flex}.frog-img{object-fit:contain;width:100%;height:100%;transition:transform .4s}.frog-card:hover .frog-img{transform:scale(1.08)}.frog-level{color:var(--color-white);font-size:.8rem;font-family:var(--font-heading);letter-spacing:.1em;border-radius:0 0 8px 8px;margin-top:-.5rem;padding:.25rem 1.25rem;display:inline-block}.frog-name{margin-top:.75rem;margin-bottom:.25rem;font-size:1.3rem}.frog-subtitle{color:var(--color-accent-dark);margin-bottom:.75rem;font-size:.9rem}.frog-desc{color:var(--color-text-light);padding:0 1rem 1.5rem;font-size:.85rem;line-height:1.6}.strength-section{background:var(--color-primary-dark);color:var(--color-text-on-dark);text-align:center}.strength-section .section-title{color:var(--color-accent)}.strength-grid{grid-template-columns:repeat(3,1fr);gap:3rem;margin-bottom:3rem;display:grid}.strength-item{padding:2rem}.strength-number{font-family:var(--font-heading);color:var(--color-accent);margin-bottom:.5rem;font-size:clamp(2rem,4vw,3rem);display:block}.strength-label{opacity:.85;font-size:1rem}.strength-origins{flex-wrap:wrap;justify-content:center;gap:2rem;display:flex}.origin-tag{background:#ffffff0f;border:1px solid #ffffff1a;border-radius:100px;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.9rem;display:flex}.origin-tag span{color:var(--color-accent);font-weight:600}.featured-products{background:var(--color-cream)}.product-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}.origins-section{background:var(--color-primary-dark);color:var(--color-text-on-dark)}.origins-section .section-title{color:var(--color-accent)}.origins-grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.origin-card{transition:all var(--transition);background:#ffffff0d;border:1px solid #ffffff14;border-radius:12px;gap:1.5rem;padding:2rem;display:flex}.origin-card:hover{border-color:var(--color-accent);background:#ffffff14}.origin-visual{border-radius:50%;flex-shrink:0;width:120px;height:120px;position:relative;overflow:hidden}.origin-scene{flex-direction:column;justify-content:center;align-items:center;gap:.15rem;width:100%;height:100%;display:flex;position:relative}.origin-scene-bingdao{background-image:url(/images/bingdao-scenic.png);background-position:50%;background-size:cover}.origin-scene-bingdao:before{content:"";background:linear-gradient(#0000001a 0%,#0000004d 100%);position:absolute;inset:0}.origin-scene-banzhang{background-image:url(/images/banzhang-scenic.png);background-position:50%;background-size:cover}.origin-scene-banzhang:before{content:"";background:linear-gradient(#0000001a 0%,#0000004d 100%);position:absolute;inset:0}.origin-name{font-family:var(--font-heading);color:var(--color-white);z-index:1;text-shadow:0 1px 3px #0000004d;font-size:1rem;font-weight:700;position:relative}.origin-elevation{color:#ffffffd9;z-index:1;font-size:.7rem;position:relative}.origin-info h3{color:var(--color-accent);margin-bottom:.25rem;font-size:1.2rem}.origin-region{color:var(--color-accent-light);opacity:.7;margin-bottom:.75rem;font-size:.85rem;display:block}.origin-info p{opacity:.85;font-size:.9rem;line-height:1.8}.vintage-banner{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:var(--color-text-on-dark);text-align:center}.vintage-content h2{color:var(--color-accent);margin-bottom:1rem;font-size:clamp(2rem,4vw,3rem)}.vintage-content p{opacity:.85;margin-bottom:2rem;font-size:1rem;line-height:1.8}.vintage-badge{border:1px solid var(--color-accent);color:var(--color-accent);letter-spacing:.1em;margin-bottom:1.5rem;padding:.35rem 1.25rem;font-size:.8rem;display:inline-block}.cta-section{background:linear-gradient(135deg,#0f241a 0%,#1a3a2a 100%)}@media (width<=1024px){.four-frogs-grid{grid-template-columns:repeat(2,1fr)}.product-grid{grid-template-columns:repeat(3,1fr)}.philosophy-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.four-frogs-grid{grid-template-columns:repeat(2,1fr)}.strength-grid{grid-template-columns:1fr;gap:1rem}.product-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.ambassador-grid{grid-template-columns:1fr;gap:2rem}.origins-grid{grid-template-columns:1fr}.philosophy-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.origin-card{text-align:center;flex-direction:column;align-items:center}}@media (width<=480px){.product-grid{grid-template-columns:1fr 1fr;gap:.75rem}.philosophy-grid{grid-template-columns:1fr}}.hero-label{color:var(--color-accent);letter-spacing:.15em;opacity:.8;margin-bottom:1.5rem;font-size:1.7rem}.hero-content{text-align:center;padding:2rem;animation:1s fadeInUp}.hero-title{color:var(--color-accent);letter-spacing:.15em;justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;font-size:clamp(3.5rem,10vw,7rem);display:flex}.hero-logo-img{object-fit:contain;filter:brightness(1.2);width:auto;height:clamp(5rem,14vw,10rem);display:block}.hero-tagline{font-family:var(--font-heading);color:var(--color-text-on-dark);letter-spacing:.1em;margin-bottom:1.5rem;font-size:clamp(2.2rem,4vw,3rem)}.hero-desc{color:#e8e0d4b3;margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.hero-actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.hero-scroll{z-index:2;text-align:center;color:var(--color-text-on-dark);opacity:.7;letter-spacing:.1em;cursor:pointer;font-size:.9rem;animation:2s infinite bounce;position:absolute;bottom:2rem;left:50%;transform:translate(-50%)}.scroll-arrow{margin-top:.5rem;font-size:1.5rem}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}