.yuan-about{--yuan-about-ink: var(--color-text, #161816);--yuan-about-ink-soft: var(--color-text, #161816);--yuan-about-cream: var(--color-page, #fbfaf6);--yuan-about-panel: var(--color-brand-soft, #dce8e1);--yuan-about-white: var(--color-surface, #ffffff);--yuan-about-border: var(--color-border, #ccd3cd);--yuan-about-gold: var(--color-focus, #d2aa2f);--yuan-about-gold-deep: var(--color-accent, #c65d32);--yuan-about-muted: var(--color-text-muted, #667068);--yuan-about-radius: 14px;--yuan-about-radius-sm: 10px;color:var(--yuan-about-ink);font-family:var(--font-body-family)}.yuan-about__page{width:min(100% - 3.2rem,var(--page-width));margin-inline:auto}.yuan-about--align-start{--yuan-about-align: start}.yuan-about--align-center{--yuan-about-align: center}.yuan-about--align-end{--yuan-about-align: end}.yuan-about__eyebrow{margin:0 0 1rem;color:var(--yuan-about-eyebrow-color, var(--yuan-about-muted));font-size:1.25rem;font-weight:700;letter-spacing:.08em}.yuan-about__heading{margin:0 0 1.4rem;color:var(--yuan-about-heading-color, var(--yuan-about-ink));font-size:clamp(2.8rem,4vw,4.2rem);font-weight:700;line-height:1.25}.yuan-about__lead{margin:0;color:var(--yuan-about-text-color, var(--yuan-about-ink-soft));font-size:1.6rem;line-height:1.8}.yuan-about__btn{display:inline-flex;align-items:center;justify-content:center;min-height:4.6rem;padding:.9rem 2.2rem;border:1.5px solid transparent;border-radius:.7rem;font:inherit;font-size:1.45rem;font-weight:700;text-decoration:none;cursor:pointer;transition:transform .16s ease,opacity .16s ease}.yuan-about__btn:hover{opacity:.94;transform:translateY(-1px)}.yuan-about__btn--white{color:var(--yuan-about-ink);background:var(--yuan-about-white)}.yuan-about__btn--outline-light{color:#fff;background:transparent;border-color:#ffffffbf}.yuan-about__btn--gold{color:var(--yuan-about-ink);background:var(--yuan-about-gold);border-radius:999px}.yuan-about__btn--dark{color:#fff;background:var(--yuan-about-ink)}.yuan-about-hero{position:relative;display:grid;align-content:center;min-height:clamp(560px,82vh,720px);padding:7rem 0 10rem;overflow:hidden;color:#fff;background:#1a1a1a}.yuan-about-hero__media,.yuan-about-hero__media img,.yuan-about-hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.yuan-about-hero__placeholder{background:linear-gradient(135deg,#2a2620,#121212 55%,#3a342c)}div.yuan-about-hero__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--yuan-about-hero-overlay, rgba(17, 17, 17, .45))}.yuan-about-hero__content{position:relative;z-index:1;width:min(100% - 3.2rem,78rem);margin:0 auto;text-align:var(--yuan-about-align, center)}.yuan-about-hero__brand{margin:0 0 1.6rem;color:var(--yuan-about-brand-color, #fff);font-family:var(--font-heading-family);font-size:clamp(4.8rem,9vw,7.2rem);font-weight:700;letter-spacing:.18em;line-height:1}.yuan-about-hero__title{margin:0 0 1.4rem;color:var(--yuan-about-heading-color, #fff);font-size:clamp(2.8rem,4.5vw,4.4rem);font-weight:700;line-height:1.3}.yuan-about-hero__text{margin:0 0 2.6rem;max-width:54rem;color:var(--yuan-about-text-color, rgba(255, 255, 255, .9));font-size:1.65rem;line-height:1.75}.yuan-about-hero--align-center .yuan-about-hero__text,.yuan-about--align-center .yuan-about-hero__text{margin-inline:auto}.yuan-about-hero__actions{display:flex;flex-wrap:wrap;gap:1.2rem;justify-content:var(--yuan-about-align, center)}.yuan-about-highlights{position:relative;z-index:2;width:min(100% - 3.2rem,var(--page-width));margin:-5.5rem auto 0;display:grid;grid-template-columns:1fr;gap:1.2rem}@media screen and (min-width:750px){.yuan-about-highlights{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.6rem}}.yuan-about-highlights__card{display:grid;justify-items:center;gap:1rem;padding:2.4rem 1.6rem 2.2rem;border:1px solid var(--yuan-about-border);border-radius:var(--yuan-about-radius);background:var(--yuan-about-white);box-shadow:0 1.2rem 3rem #11111114;text-align:center}.yuan-about-highlights__card svg{width:3.2rem;height:3.2rem;color:var(--yuan-about-gold-deep)}.yuan-about-highlights__card strong{color:var(--yuan-about-heading-color, var(--yuan-about-ink));font-size:1.55rem;font-weight:700}.yuan-about-story{background:var(--yuan-about-cream)}.yuan-about-story__layout{display:grid;gap:2rem;align-items:start}@media screen and (min-width:960px){.yuan-about-story__layout{grid-template-columns:1.05fr 1fr auto;gap:2.4rem;align-items:stretch}}.yuan-about-story__collage{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;margin:0;padding:0;list-style:none}.yuan-about-story__collage figure{margin:0;aspect-ratio:1;overflow:hidden;border-radius:var(--yuan-about-radius-sm);background:#ddd}.yuan-about-story__collage img,.yuan-about-story__collage .placeholder-svg{width:100%;height:100%;object-fit:cover}.yuan-about-story__copy{display:flex;flex-direction:column;justify-content:var(--yuan-about-valign, flex-start);text-align:var(--yuan-about-align, center);min-height:0}.yuan-about-story__copy .yuan-about__lead{max-width:56rem}.yuan-about--align-center .yuan-about-story__copy .yuan-about__lead{margin-inline:auto}.yuan-about-story__list{display:grid;gap:1.1rem;margin:2rem 0 0;padding:0;list-style:none;justify-items:var(--yuan-about-align, center)}.yuan-about-story__list li{display:flex;gap:1rem;align-items:flex-start;color:var(--yuan-about-text-color, var(--yuan-about-ink-soft));font-size:1.5rem;text-align:start}.yuan-about--align-center .yuan-about-story__list li{justify-content:center}.yuan-about-story__list li svg{flex:0 0 auto;width:1.8rem;height:1.8rem;margin-top:.25rem}.yuan-about-story__strip{display:none;width:3.6rem;max-height:28rem;overflow:hidden;border-radius:999px;align-self:stretch}.yuan-about-story__strip img{width:100%;height:100%;object-fit:cover}@media screen and (min-width:960px){.yuan-about-story__strip{display:block}}.yuan-about-mission{position:relative;display:grid;place-items:center;min-height:220px;padding:5rem 1.6rem;overflow:hidden;text-align:center;background:#e8dfd2}.yuan-about-mission__bg,.yuan-about-mission__bg img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.yuan-about-mission__content{position:relative;z-index:1;max-width:64rem;text-align:var(--yuan-about-align, center)}.yuan-about-mission__icon{display:grid;place-items:center;width:3.6rem;height:3.6rem;margin:0 auto 1.4rem;border-radius:.8rem;color:var(--yuan-about-gold-deep);background:#11111114}.yuan-about-mission h2{margin:0 0 1rem;color:var(--yuan-about-heading-color, var(--yuan-about-ink));font-size:clamp(2.2rem,3.4vw,3.2rem);font-weight:700;line-height:1.35}.yuan-about-mission p{margin:0;color:var(--yuan-about-text-color, var(--yuan-about-ink-soft));font-size:1.5rem}.yuan-about-subscribe{padding:clamp(4rem,6vw,5.5rem) 0;color:#fff;background:#1a1a1a;text-align:center}.yuan-about-subscribe{text-align:var(--yuan-about-align, center)}.yuan-about-subscribe h2{margin:0 0 2rem;color:var(--yuan-about-heading-color, #fff);font-size:clamp(2.2rem,3.2vw,3rem);font-weight:600;line-height:1.4}.yuan-about-subscribe__form{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;width:min(100%,52rem);margin:0 auto}.yuan-about-subscribe__form input[type=email]{flex:1 1 24rem;min-height:4.6rem;padding:0 1.6rem;border:0;border-radius:999px;color:#fff;background:#2a2a2a;font:inherit;font-size:1.4rem}.yuan-about-subscribe__form input::placeholder{color:#ffffff73}.yuan-about-gallery{padding:clamp(3.2rem,5vw,4.8rem) 0;background:var(--yuan-about-cream)}.yuan-about-gallery__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(220px,1fr);gap:1.2rem;overflow-x:auto;padding-bottom:.4rem;margin:0;list-style:none;scrollbar-width:none}.yuan-about-gallery__row::-webkit-scrollbar{display:none}.yuan-about-gallery__row figure{margin:0;aspect-ratio:1 / 1.05;overflow:hidden;border-radius:var(--yuan-about-radius-sm);background:#ddd}.yuan-about-gallery__row img,.yuan-about-gallery__row .placeholder-svg{width:100%;height:100%;object-fit:cover}.yuan-about-counters{padding:1.2rem 0 4.8rem;background:var(--yuan-about-cream)}.yuan-about-counters__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.2rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.yuan-about-counters__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}}.yuan-about-counters__item{padding:2.4rem 1.4rem;border:1px solid var(--yuan-about-border);border-radius:var(--yuan-about-radius);background:var(--yuan-about-white);text-align:center}.yuan-about-counters__item strong{display:block;margin-bottom:.4rem;color:var(--yuan-about-heading-color, var(--yuan-about-ink));font-size:clamp(2.8rem,4vw,3.6rem);font-weight:700;line-height:1.1}.yuan-about-counters__item span{color:var(--yuan-about-text-color, var(--yuan-about-muted));font-size:1.35rem}.yuan-about-goals{padding:clamp(4.8rem,7vw,7rem) 0;background:var(--yuan-about-panel)}.yuan-about-goals__header{margin-bottom:3rem;text-align:var(--yuan-about-align, center)}.yuan-about-goals__header .yuan-about__lead{max-width:52rem;margin-inline:auto}.yuan-about-goals__grid{display:grid;gap:1.4rem;margin:0;padding:0;list-style:none}@media screen and (min-width:750px){.yuan-about-goals__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media screen and (min-width:990px){.yuan-about-goals__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.yuan-about-goals__card{display:grid;gap:1rem;min-height:100%;padding:2.4rem 1.8rem;border:1px solid var(--yuan-about-border);border-radius:var(--yuan-about-radius);background:var(--yuan-about-white);text-align:center}.yuan-about-goals__num{color:var(--yuan-about-gold-deep);font-size:1.3rem;font-weight:700;letter-spacing:.08em}.yuan-about-goals__card h3{margin:0;font-size:1.7rem}.yuan-about-goals__card p{margin:0;color:var(--yuan-about-muted);font-size:1.4rem;line-height:1.7}.yuan-about-why{padding:clamp(4.8rem,7vw,7rem) 0;background:var(--yuan-about-cream)}.yuan-about-why__layout{display:grid;gap:2.8rem}@media screen and (min-width:960px){.yuan-about-why__layout{grid-template-columns:.95fr 1.05fr;gap:4rem;align-items:start}}.yuan-about-why__brand{margin:0 0 1.2rem;color:var(--yuan-about-heading-color, var(--yuan-about-ink));font-family:var(--font-heading-family);font-size:clamp(3.6rem,5vw,5rem);font-weight:700;line-height:1;text-align:var(--yuan-about-align, start)}.yuan-about-why .yuan-about__lead{text-align:var(--yuan-about-align, start)}.yuan-about-why__highlights{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem;margin-top:2.4rem}.yuan-about-why__highlight{padding:1.8rem 1.4rem;border:1px solid var(--yuan-about-border);border-radius:var(--yuan-about-radius-sm);background:var(--yuan-about-white);text-align:center}.yuan-about-why__highlight svg{width:2.8rem;height:2.8rem;margin:0 auto 1rem;color:var(--yuan-about-gold-deep)}.yuan-about-why__highlight strong{display:block;font-size:1.5rem}.yuan-about-why__list{display:grid;gap:1.2rem;margin:0;padding:0;list-style:none}.yuan-about-why__item{padding:2rem 2.2rem;border:1px solid var(--yuan-about-border);border-radius:var(--yuan-about-radius);background:var(--yuan-about-white)}.yuan-about-why__item h3{margin:0 0 .6rem;font-size:1.7rem}.yuan-about-why__item p{margin:0;color:var(--yuan-about-muted);font-size:1.4rem}.yuan-about-cta{position:relative;display:grid;place-items:center;min-height:380px;padding:6rem 1.6rem;overflow:hidden;color:#fff;text-align:center;background:#1a1a1a}.yuan-about-cta__bg,.yuan-about-cta__bg img,.yuan-about-cta__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.yuan-about-cta__placeholder{background:#222}div.yuan-about-cta__overlay{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:var(--yuan-about-cta-overlay, rgba(0, 0, 0, .5))}.yuan-about-cta__content{position:relative;z-index:1;max-width:64rem;text-align:var(--yuan-about-align, center)}.yuan-about-cta .yuan-about__eyebrow{color:var(--yuan-about-eyebrow-color, rgba(255, 255, 255, .75))}.yuan-about-cta h2{margin:0 0 1.2rem;color:var(--yuan-about-heading-color, #fff);font-size:clamp(2.8rem,4.5vw,4.2rem);font-weight:700;line-height:1.3}.yuan-about-cta p{margin:0 0 2.4rem;max-width:48rem;color:var(--yuan-about-text-color, rgba(255, 255, 255, .86));font-size:1.55rem}.yuan-about--align-center .yuan-about-cta p{margin-inline:auto}@media(prefers-reduced-motion:reduce){.yuan-about__btn:hover{transform:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-yuan-about.css.map */