.about{overflow:clip}
.about h2,.about h3,.about-hero__headline{font-family:HeliosCondC,sans-serif;font-weight:700}
.about h2{font-size:clamp(2.5rem,4.5vw,4rem);line-height:1.02;text-transform:uppercase;margin:0}
.about h3{font-size:1.65rem;line-height:1.15;margin:0 0 12px}
.about p{margin:0 0 22px}
.about .button{gap:24px;text-decoration:none;min-height:55px;max-width:100%;padding:18px 24px;border-radius:12px;background:var(--yellow);line-height:1.2!important;transition:background-color .25s,transform .25s}
.about .button:hover{transform:translateY(-2px)}
.about .button--secondary{background:var(--cream);color:var(--ink)}
.about-section{padding-block:88px}
.about .about-kicker{font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-bottom:18px}
.about-heading{margin-bottom:40px}
.about-heading--split{display:flex;gap:48px;align-items:end;justify-content:space-between}
.about-heading--split>p{max-width:350px;color:var(--muted);margin:0}
.about .about-lead{font-size:22px;line-height:1.45}
.about-hero{background:var(--ink);color:white;padding-block:48px 56px}
.about-hero__grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.about-hero h1{font:500 16px/1.4 Inter,Arial,sans-serif;color:var(--yellow);margin:0 0 28px}
.about .about-hero__headline{font-size:clamp(2.9rem,5.3vw,4.6rem);line-height:.98;text-transform:uppercase;margin-bottom:26px}
.about-hero__headline>span{color:var(--yellow)}
.about-hero__copy>p:not(.about-hero__headline){max-width:480px;color:#dfddd7;font-size:16px}
.about-hero__photo{position:relative;align-self:stretch;min-height:450px;border-radius:24px;overflow:hidden}
.about-hero__photo>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover;object-position:46% center}
.about-hero__tag{position:absolute;bottom:24px;left:24px;right:24px;padding:12px 16px;background:var(--yellow);color:var(--ink);border-radius:12px;font:700 21px/1.2 HeliosCondC,sans-serif;transform:rotate(-3deg);text-align:center}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.about-story__photo{width:100%;height:570px;object-fit:cover;border-radius:24px}
.about-timeline{list-style:none;margin:32px 0 0;padding:0 0 0 26px;border-left:2px solid var(--yellow)}
.about-timeline li{position:relative;padding-bottom:24px}
.about-timeline li:last-child{padding-bottom:0}
.about-timeline li::before{content:'';position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--yellow)}
.about-timeline h3{font-size:24px;margin-bottom:6px}
.about-timeline p{font-size:15px;color:var(--muted);margin:0}
.about-today,.about-atmosphere{background:var(--cream)}
.about-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-stat{padding:28px;border-radius:24px;min-height:242px;display:flex;flex-direction:column;justify-content:space-between;gap:28px;text-decoration:none;background-size:cover;background-position:center}
.about-stat strong{font:700 88px/.95 HeliosCondC,sans-serif}
.about-stat>span{font-weight:600;line-height:1.4}
.about-stat--purple{background-color:#9563ff;background-image:url('/images/franchise/bg-cards-us-purple.svg');color:white}
.about-stat--yellow{background:var(--yellow);transition:filter .25s}
.about-stat--yellow:hover{filter:brightness(1.06)}
.about-stat--pink{background-color:#e56ad9;background-image:url('/images/franchise/bg-cards-us-pink.svg');color:var(--ink)}
.about-geography{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.about-geography span{border:1px solid var(--border);border-radius:99px;padding:5px 14px;font-size:14px;background:#fff8}
.about .about-note{font-size:14px;color:var(--muted);margin:20px 0 0}
.about-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-category{display:block;position:relative;overflow:hidden;border-radius:24px;aspect-ratio:.98;background:var(--ink);color:white;text-decoration:none;isolation:isolate}
.about-category>img{width:100%;height:100%;object-fit:cover;transition:transform .45s,filter .45s}
.about-category::after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 30%,#000c);z-index:0}
.about-category>span{position:absolute;inset:auto 24px 24px;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px}
.about-category strong{font:700 clamp(1.7rem,2.7vw,2.2rem)/1 HeliosCondC,sans-serif;text-transform:uppercase}
.about-category>span>span{display:grid;place-items:center;flex:none;width:44px;height:44px;border-radius:50%;background:var(--yellow);color:var(--ink);font-size:24px}
.about-category:hover>img,.about-category:focus-visible>img{transform:scale(1.05);filter:saturate(1.4)}
.about-assortment-footer{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-top:4px}
.about-assortment-footer>a{font-weight:700}
.about-atmosphere__intro{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-bottom:52px}
.about-atmosphere__intro h2{margin-bottom:24px}
.about-atmosphere__intro>img{display:block;width:100%;height:400px;object-fit:cover;border-radius:24px}
.about .shop-carousel__caption{min-height:104px}
.about .shop-carousel__caption strong{font-size:17px;line-height:1.4}
.about-system{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.about-system article{background:var(--cream);border-radius:24px;padding:28px;min-height:290px}
.about-system article:nth-child(2),.about-system article:nth-child(6){background:var(--ink);color:white}
.about-system article:nth-child(3){background:var(--yellow)}
.about-system__number{display:block;font:700 32px/1 HeliosCondC,sans-serif;margin-bottom:36px;opacity:.6}
.about-system p{margin:0;font-size:15px;line-height:1.6}
.about-digital{background:#e8dfff}
.about-digital__grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.about-digital__visual{height:490px;display:flex;align-items:flex-end;justify-content:center;border-radius:24px;overflow:hidden}
.about-digital__device{position:relative;isolation:isolate;height:92%;aspect-ratio:600/1300;max-width:calc(100% - 32px)}
.about-digital__device::before{content:'';position:absolute;z-index:-1;bottom:-4%;left:50%;width:180%;aspect-ratio:368/286;transform:translateX(-50%) rotate(-8deg);background:url('/images/franchise/bg-cards-us-purple.svg') center/contain no-repeat;pointer-events:none}
.about-digital__device>img{display:block;width:100%;height:100%;object-fit:contain;object-position:bottom;border-radius:18px 18px 0 0}
.about-digital h2{margin-bottom:24px}
.about-app-features{list-style:none;padding:0;display:grid;gap:10px;margin:26px 0}
.about-app-features li{display:flex;align-items:center;gap:12px}
.about-app-features li::before{content:'↗';color:#773af8;font-weight:800}
.about-downloads{display:flex;flex-wrap:wrap;gap:8px}
.about-downloads .button{padding-inline:18px}
.about-digital__bonus{display:inline-block;margin-top:24px;font-weight:700}
.about-partners{position:relative;isolation:isolate;overflow:hidden;border-radius:24px;color:white;background:var(--ink)}
.about-partners>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.about-partners::before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#141414f2,#141414ba 60%,#14141433);z-index:-1}
.about-partners__copy{max-width:660px;padding:56px}
.about-partners .about-kicker{color:var(--yellow)}
.about-partners h2{margin-bottom:24px}
.about-mission{background:var(--ink);color:white;text-align:center}
.about-mission h2{font-size:clamp(3rem,6vw,5.5rem);margin-bottom:32px}
.about-mission h2 span{color:var(--yellow)}
.about-mission p{max-width:700px;margin-inline:auto}
.about-mission__actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:32px}
@media(min-width:1440px){.about-hero{padding-block:64px}.about-section{padding-block:104px}}
@media(max-width:1000px){.about-story,.about-atmosphere__intro{gap:32px}.about-system{grid-template-columns:repeat(2,minmax(0,1fr))}.about-digital__grid{gap:32px}.about-category>span{inset:auto 18px 18px}.about-category>span>span{width:36px;height:36px}.about-story__photo{height:600px}.about-partners__copy{padding:40px}}
@media(max-width:768px){.about-section{padding-block:64px}.about-heading--split{display:block}.about-heading--split>p{max-width:520px;margin-top:24px}.about-hero__grid{gap:24px}.about-hero__photo{min-height:470px}.about-hero__tag{font-size:18px;left:16px;right:16px}.about-stat{padding:22px;min-height:220px}.about-stat strong{font-size:72px}.about-stat>span{font-size:14px}.about-story{grid-template-columns:1fr}.about-story__photo{height:360px}.about-atmosphere__intro{gap:24px}.about-atmosphere__intro>img{height:440px}.about-digital__grid{grid-template-columns:.8fr 1fr;gap:24px}.about-digital__visual{height:430px}.about-categories{gap:12px}.about-category strong{font-size:24px}.about-category>span>span{display:none}}
@media(max-width:600px){.about-hero{padding-block:32px}.about-hero__grid{grid-template-columns:1fr;gap:32px}.about-hero h1{margin-bottom:24px}.about .about-hero__headline{font-size:clamp(2.8rem,12vw,4rem)}.about-hero__photo{min-height:300px;aspect-ratio:1.15}.about-hero__photo>img{object-position:center}.about-section{padding-block:52px}.about-heading{margin-bottom:28px}.about h2{font-size:36px}.about .about-lead{font-size:20px}.about-story__photo{height:auto;aspect-ratio:1.2}.about-stats{grid-template-columns:1fr}.about-stat{min-height:180px;flex-direction:row;align-items:end;gap:20px}.about-stat>span{max-width:155px}.about-categories{grid-template-columns:1fr}.about-category{aspect-ratio:1.2}.about-category strong{font-size:32px}.about-category>span>span{display:grid}.about-assortment-footer{display:block;margin-top:20px}.about-atmosphere__intro{grid-template-columns:1fr;gap:28px;margin-bottom:28px}.about-atmosphere__intro>img{height:auto;aspect-ratio:1.2}.about-system{grid-template-columns:1fr}.about-system article{min-height:0;padding:26px}.about-system__number{margin-bottom:24px}.about-digital__grid{grid-template-columns:1fr;gap:32px}.about-digital__visual{height:360px;grid-row:2}.about-partners__copy{padding:32px 24px}.about-partners::before{background:#141414ce}.about-partners .button{font-size:15px!important}.about-mission h2{font-size:48px}.about-mission__actions{flex-direction:column;align-items:stretch}}
@media(prefers-reduced-motion:reduce){.about .button,.about-category>img,.about-stat{transition:none}.about .button:hover,.about-category:hover>img,.about-category:focus-visible>img{transform:none}}