@charset "UTF-8";
/* /about/: story, promises, legal notice and privacy. Builds on home.css tokens and partners.css. */
.about-story,.about-values,.about-partners,.about-legal,.about-privacy{margin-bottom:70px;scroll-margin-top:20px}
.about-story h2,.about-values h2,.about-partners h2,.about-legal h2,.about-privacy h2{font-size:clamp(32px,3.8vw,56px);letter-spacing:-.05em;line-height:1;margin:0 0 28px;max-width:18ch}
.about-story h2{font-family:Georgia,serif;font-weight:400;font-style:italic;letter-spacing:-.03em}
.about-story-text{max-width:760px;columns:1}
.about-story-text p{font-size:19px;line-height:1.7;margin:0 0 22px}
.about-story-text p:first-child::first-letter{float:left;font-family:Georgia,serif;font-size:74px;line-height:.85;padding:6px 10px 0 0;color:var(--orange)}
.about-sign{font-family:Georgia,serif;font-style:italic;font-size:20px!important;color:var(--muted)}
.about-links{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}
.about-values .pv-benefits{margin-bottom:0}
.about-values h3{font-size:21px;letter-spacing:-.03em;line-height:1.2;margin:14px 0 12px}
.about-facts{display:grid;grid-template-columns:minmax(160px,240px) 1fr;gap:0;margin:0;border-top:1px solid var(--line);max-width:980px}
.about-facts dt,.about-facts dd{padding:18px 0;border-bottom:1px solid var(--line);margin:0;line-height:1.6}
.about-facts dt{font-size:12px;font-weight:800;letter-spacing:.8px;text-transform:uppercase;padding-right:20px}
.about-facts a,.about-privacy a{font-weight:700}
.about-privacy ul{max-width:820px;padding-left:20px;line-height:1.7;margin:0 0 20px}
.about-privacy li{margin-bottom:10px}
.about-privacy p{max-width:820px;line-height:1.7}
/* 03 / Partners: one card per partner site, our own typographic mark (no borrowed logos), a slow orbit and a red sticker. */
.about-partners-lead{font-size:19px;line-height:1.6;max-width:720px;margin:-8px 0 30px;color:var(--muted)}
.about-partner-grid{display:grid;gap:22px;max-width:1040px}
.about-partner{display:grid;grid-template-columns:230px 1fr;gap:34px;align-items:center;padding:26px;border:1px solid var(--line);border-radius:26px;background:linear-gradient(135deg,rgba(255,106,0,.07),rgba(0,0,0,0) 55%);transition:transform .35s ease,box-shadow .35s ease;animation:about-partner-in .8s ease both}
.about-partner:hover{transform:translateY(-4px);box-shadow:0 22px 50px -28px rgba(0,0,0,.45)}
.about-partner-mark{position:relative;display:grid;place-items:center;aspect-ratio:1;border-radius:22px;overflow:hidden;text-decoration:none;color:#fff;background:radial-gradient(circle at 30% 25%,#ff8a3d 0,#e2401c 38%,#5b1a2e 75%,#1d1430 100%)}
.about-partner-word{position:relative;z-index:1;display:grid;text-align:center;line-height:.9;letter-spacing:-.02em;text-shadow:0 2px 14px rgba(0,0,0,.35)}
.about-partner-word b{display:block;font-size:44px;font-weight:900}
.about-partner-word b+b{font-size:27px;letter-spacing:.06em;margin-top:6px}
.about-partner-orbit{position:absolute;inset:14%;border:2px dashed rgba(255,255,255,.45);border-radius:50%;animation:about-partner-orbit 26s linear infinite}
.about-partner-orbit::after{content:"";position:absolute;top:-7px;left:50%;width:12px;height:12px;margin-left:-6px;border-radius:50%;background:#fff;box-shadow:0 0 14px #fff}
.about-partner-country{position:absolute;right:12px;bottom:12px;z-index:1;font-size:11px;font-weight:800;letter-spacing:1.4px;padding:4px 8px;border-radius:99px;background:rgba(255,255,255,.18)}
.about-partner-tag{display:inline-block;margin:0 0 12px;padding:6px 12px;border-radius:8px;background:#e10600;color:#fff;font-size:13px;font-weight:800;letter-spacing:.2px;transform:rotate(-1.5deg);box-shadow:0 8px 18px -10px rgba(225,6,0,.8)}
.about-partner h3{font-size:clamp(26px,2.6vw,36px);letter-spacing:-.04em;line-height:1.05;margin:0 0 12px}
.about-partner-body>p{font-size:17px;line-height:1.65;margin:0 0 18px;max-width:560px}
.about-partner-body .about-partner-links{display:flex;flex-wrap:wrap;gap:12px;margin:0}
@keyframes about-partner-orbit{to{transform:rotate(360deg)}}
@keyframes about-partner-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.about-partner,.about-partner-orbit{animation:none}.about-partner:hover{transform:none}}
@media(max-width:700px){
.about-partner{grid-template-columns:1fr;gap:22px;padding:18px}
.about-partner-mark{max-width:220px}
.about-story-text p{font-size:17px}
.about-facts{grid-template-columns:1fr}
.about-facts dt{border-bottom:0;padding-bottom:0}
}