:root { --riva-bg:#FFF8F5; --riva-blush:#F3DDE1; --riva-gold:#C6A15B; --riva-title:#45383D; --riva-text:#66575B; --riva-rose:#B87F8C; --riva-border:#EBD8DD; }
* { box-sizing:border-box; }
body { margin:0; padding-bottom:76px; background:var(--riva-bg); color:var(--riva-text); font-family:'DM Sans',Arial,sans-serif; }
a { color:inherit; text-decoration:none; }
.riva-about-header { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:22px; min-height:82px; padding:12px max(22px,calc((100% - 1200px)/2)); border-bottom:1px solid var(--riva-border); background:rgba(255,248,245,.95); backdrop-filter:blur(12px); }
.riva-about-logo img { display:block; width:205px; max-width:42vw; height:auto; }
.riva-about-nav { display:flex; align-items:center; gap:22px; color:var(--riva-title); font-size:13px; font-weight:700; letter-spacing:.04em; text-transform:uppercase; }
.riva-about-nav a:hover { color:var(--riva-rose); }
.riva-about-hero { display:grid; grid-template-columns:1fr 1fr; min-height:570px; background:linear-gradient(135deg,var(--riva-bg),var(--riva-blush)); }
.riva-about-hero__content { display:flex; align-items:center; padding:75px max(30px,calc((100vw - 1200px)/2)); }
.riva-about-inner { max-width:540px; }
.riva-about-eyebrow { display:inline-flex; align-items:center; gap:10px; margin-bottom:17px; color:var(--riva-gold); font-size:12px; font-weight:700; letter-spacing:.13em; text-transform:uppercase; }
.riva-about-eyebrow:before { width:32px; height:1px; background:currentColor; content:''; }
h1,h2,h3 { color:var(--riva-title); font-family:Marcellus,Georgia,serif; font-weight:400; }
h1 { margin:0 0 20px; font-size:clamp(41px,5vw,64px); line-height:1.08; }
.riva-about-hero p { margin:0; font-size:18px; line-height:1.75; }
.riva-about-hero__image { min-height:420px; overflow:hidden; }
.riva-about-hero__image img { display:block; width:100%; height:100%; object-fit:cover; }
.riva-about-section { max-width:1200px; margin:0 auto; padding:92px 24px; }
.riva-about-story { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:64px; align-items:center; }
.riva-about-collage { display:grid; grid-template-columns:1fr .58fr; gap:15px; align-items:end; }
.riva-about-collage img { display:block; width:100%; object-fit:cover; border-radius:14px; }
.riva-about-collage img:first-child { aspect-ratio:4/5; }
.riva-about-collage img:last-child { aspect-ratio:3/4; margin-bottom:28px; }
.riva-about-story h2 { margin:0 0 20px; font-size:42px; line-height:1.16; }
.riva-about-story p { margin:0 0 17px; font-size:17px; line-height:1.8; }
.riva-about-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:29px; }
.riva-about-button { display:inline-flex; align-items:center; justify-content:center; gap:9px; min-height:50px; padding:13px 20px; border-radius:8px; background:var(--riva-rose); color:#fff; font-size:13px; font-weight:700; letter-spacing:.05em; text-transform:uppercase; transition:transform .2s,background .2s; }
.riva-about-button:hover { transform:translateY(-2px); background:#9D6473; color:#fff; }
.riva-about-button--gold { background:var(--riva-gold); }
.riva-about-button--gold:hover { background:#B58A42; }
.riva-about-values { padding:84px 24px; background:var(--riva-blush); }
.riva-about-values__inner { max-width:1200px; margin:0 auto; }
.riva-about-title { max-width:630px; margin:0 auto 36px; text-align:center; }
.riva-about-title h2 { margin:0; font-size:42px; }
.riva-about-values__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.riva-about-value { padding:31px 27px; border:1px solid var(--riva-border); border-radius:15px; background:#fff; box-shadow:0 14px 30px rgba(69,56,61,.07); }
.riva-about-value i { display:inline-flex; width:46px; height:46px; align-items:center; justify-content:center; margin-bottom:17px; border-radius:50%; background:var(--riva-blush); color:var(--riva-rose); font-size:18px; }
.riva-about-value h3 { margin:0 0 10px; font-size:25px; }
.riva-about-value p { margin:0; line-height:1.7; }
@media (max-width:767px) { .riva-about-header { min-height:72px; padding:11px 18px; } .riva-about-nav { gap:13px; font-size:11px; } .riva-about-nav a[href^="tel"] { display:none; } .riva-about-hero { grid-template-columns:1fr; } .riva-about-hero__content { padding:56px 24px; } .riva-about-hero p { font-size:16px; } .riva-about-hero__image { min-height:330px; } .riva-about-section { padding:60px 24px; } .riva-about-story { grid-template-columns:1fr; gap:39px; } .riva-about-story h2,.riva-about-title h2 { font-size:33px; } .riva-about-story p { font-size:16px; } .riva-about-actions { display:grid; grid-template-columns:1fr; } .riva-about-values { padding:61px 24px; } .riva-about-values__grid { grid-template-columns:1fr; } }