.about-page{--blue:#0D1B3D;--accent:#1683ea;--green:#118760;--muted:#5f6f87;--line:#dfe7f1;background:#f3f6fa;color:var(--blue);overflow-x:hidden}
.about-page *{box-sizing:border-box;letter-spacing:0}
.about-page .wc-container{width:min(var(--rr-container,1500px),calc(100% - var(--rr-gutter,48px)));max-width:none;margin:0 auto}
.about-hero{padding:24px 0 18px}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:18px;align-items:stretch}
.about-hero-copy{min-height:520px;padding:36px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.96),rgba(239,246,255,.92)),url("/uploads/home/romania-rentacar-bran-castle-car-hero-desktop.webp") center/cover no-repeat;box-shadow:0 18px 44px rgba(13,27,61,.055)}
.about-hero-copy>span,.about-story-card>span,.about-operated-grid>div>span,.about-cta-inner span{display:inline-flex;align-items:center;min-height:28px;padding:0 12px;border-radius:999px;background:#eaf2ff;color:var(--blue);font-size:12px;font-weight:950;text-transform:uppercase}
.about-hero-copy h1{max-width:860px;margin:16px 0 14px;font-size:clamp(40px,5vw,72px);line-height:.98}
.about-hero-copy p{max-width:760px;margin:0;color:#40516b;font-size:18px;font-weight:800;line-height:1.58}
.about-brand-lockup{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:34px;padding:18px 20px;border:1px solid rgba(223,231,241,.9);border-radius:22px;background:rgba(255,255,255,.84);backdrop-filter:blur(6px)}
.about-brand-lockup img{display:block;width:auto;max-width:min(280px,100%);height:auto;max-height:76px}
.about-brand-lockup span{color:#6b7280;font-size:13px;font-weight:950;text-transform:uppercase}
.about-brand-lockup a{display:inline-flex}
.about-hero-values{display:grid;gap:10px}
.about-hero-values div{display:grid;align-content:center;min-height:118px;padding:22px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 18px 44px rgba(13,27,61,.045)}
.about-hero-values strong{font-size:clamp(26px,2.4vw,36px);line-height:1.05}
.about-hero-values span{margin-top:7px;color:var(--muted);font-size:14px;font-weight:850;line-height:1.35}
.about-story,.about-operated{padding:0 0 22px}
.about-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.about-story-card,.about-operated-grid,.about-cta-inner{border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 18px 44px rgba(13,27,61,.045)}
.about-story-card{padding:28px}
.about-story-card h2,.about-operated h2,.about-cta-inner h2{max-width:820px;margin:14px 0 12px;font-size:clamp(30px,3vw,44px);line-height:1.05}
.about-story-card p,.about-operated p{margin:0;color:#4d5f78;font-size:17px;font-weight:760;line-height:1.65}
.about-model-links,.about-location-links{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.about-model-links a,.about-location-links a{display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid #dce6f2;border-radius:999px;background:#f8fbff;color:#0D1B3D;font-size:13px;font-weight:950;text-decoration:none}
.about-location-links a{background:#eafaf4;border-color:#bfead9;color:#0f7554}
.about-operated-grid{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:34px;align-items:center;padding:32px}
.about-operated-grid a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin-top:12px;padding:0 18px;border-radius:999px;background:var(--blue);color:#fff;font-weight:950;text-decoration:none}
.about-operated-card{display:grid;place-items:center;margin:0;min-height:340px;padding:36px;border-radius:24px;background:linear-gradient(150deg,#fff 0%,#f6f9ff 58%,#edf4ff 100%);box-shadow:inset 0 0 0 1px #e5edf7}
.about-operated-card img{display:block;width:auto;height:auto}
.about-operated-rrc{max-width:min(430px,92%)}
.about-operated-wise{max-width:min(360px,88%)}
.about-operated-card small{display:flex;align-items:center;gap:14px;margin:18px 0 12px;color:#6b7280;font-size:14px;font-weight:950;text-transform:uppercase}
.about-operated-card small::before,.about-operated-card small::after{content:"";width:92px;height:1px;background:#cbd5e1}
.about-operated-card a{margin:0;background:transparent;padding:0;min-height:0}
.about-operated-card figcaption{margin-top:12px;color:#6b7280;font-size:16px;font-weight:900}
.about-cta{padding:0 0 58px}
.about-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:24px 28px;background:linear-gradient(135deg,#fff,#f7fbff)}
.about-cta-inner h2{margin-bottom:0}
.about-cta-inner a{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:var(--accent);color:#fff;font-weight:950;text-decoration:none;box-shadow:0 12px 26px rgba(22,131,234,.2);white-space:nowrap}
@media(max-width:1100px){
  .about-hero-grid,.about-story-grid,.about-operated-grid{grid-template-columns:1fr}
  .about-hero-copy{min-height:420px}
}
@media(max-width:720px){
  .about-page .wc-container{width:calc(100% - 20px)}
  .about-hero{padding-top:14px}
  .about-hero-copy,.about-story-card,.about-operated-grid,.about-cta-inner{border-radius:22px}
  .about-hero-copy,.about-story-card,.about-operated-grid{padding:20px}
  .about-hero-copy{min-height:0;background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(239,246,255,.94)),url("/uploads/home/romania-rentacar-bran-castle-car-hero-mobile.webp") center/cover no-repeat}
  .about-hero-copy h1{font-size:38px}
  .about-hero-copy p,.about-story-card p,.about-operated p{font-size:15px}
  .about-brand-lockup{display:grid;gap:12px;padding:16px}
  .about-brand-lockup img{max-width:100%}
  .about-operated-card{min-height:260px;padding:22px}
  .about-operated-card small::before,.about-operated-card small::after{width:46px}
  .about-cta-inner{display:grid;padding:20px}
  .about-cta-inner a{width:100%}
}