.page-about{background:var(--page)}
.about-hero{position:relative;height:460px;color:#fff;overflow:hidden;background:#2a2a2a}
.about-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,12,12,.62),rgba(12,12,12,.18) 62%,rgba(12,12,12,.28))}
.about-hero-in{position:relative;z-index:2;padding-top:150px}
.about-hero .breadcrumb{opacity:.85;font-size:13px;margin:0 0 16px}
.about-hero .badge{display:inline-block;background:var(--red);color:#fff;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;letter-spacing:.08em}
.about-hero h1{font:400 58px/.95 var(--display);margin:14px 0 10px;max-width:720px;letter-spacing:-.8px}
.about-hero-sub{max-width:520px;margin:0;font-size:16px;line-height:1.5}

.about-intro,.about-mission,.about-offers,.about-quality,.about-team,.about-reviews,.about-certs{padding:72px 0}
.about-mission,.about-quality,.about-reviews{background:#fff}
.eyebrow{color:var(--red);font-size:12px;font-weight:700;letter-spacing:.14em}
.section-title{font:400 38px/1.1 var(--display);margin:10px 0 18px;letter-spacing:-.5px}
.lead,.about-intro p,.about-quality p{color:var(--text);font-size:16px;line-height:1.75;max-width:760px}

.about-intro-grid,.quality-grid,.reviews-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}
.about-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.about-facts article{background:#fff;border:1px solid var(--border);border-radius:10px;padding:18px 16px;box-shadow:0 8px 22px #00000008}
.about-facts b{display:block;font:500 18px var(--display)}
.about-facts small{display:block;margin-top:6px;color:var(--muted);font-size:13px;line-height:1.4}

.offer-grid,.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px}
.team-grid{grid-template-columns:repeat(4,1fr)}
.offer-card,.team-card,.why-cards li,.tripadvisor-card{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 10px 28px #0000000c}
.offer-card{padding:26px 24px 28px}
.offer-index{display:block;color:var(--red);font-size:12px;font-weight:700;letter-spacing:.12em;margin-bottom:12px}
.offer-card h3,.team-card h3,.why-cards strong{font:500 22px/1.15 var(--display);margin:0 0 10px}
.offer-card p,.team-card p,.why-cards span{margin:0;color:var(--text);font-size:14px;line-height:1.6}

.why-cards{list-style:none;margin:8px 0 0;padding:0;display:grid;gap:12px}
.why-cards li{padding:18px 20px}
.why-cards strong{display:block}

.team-card{overflow:hidden;text-align:center}
.team-card img{width:100%;height:280px;object-fit:cover;object-position:top;display:block}
.team-card div{padding:16px 14px 20px}
.team-card p{color:var(--muted)}

.tripadvisor-card{padding:18px;min-height:280px}
.contact-strip{display:grid;gap:8px;margin:18px 0 20px}
.contact-strip a{color:var(--ink);font-weight:600;font-size:14px}
.about-cta{display:inline-flex}
.cert-row{display:flex;flex-wrap:wrap;gap:28px 36px;align-items:center;margin-top:28px}
.cert-row img{max-height:52px;width:auto;opacity:.9}

.page-about .footer-grid{grid-template-columns:1.4fr .8fr .9fr 1fr}
.page-about .footer-logo{color:#fff}
.page-about .footer-grid p,.page-about .footer-grid a{color:#aaa}

@media(max-width:980px){
 .about-hero{height:400px}
 .about-hero h1{font-size:42px}
 .about-intro-grid,.quality-grid,.reviews-grid,.offer-grid{grid-template-columns:1fr}
 .team-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .about-hero-in{padding-top:120px}
 .about-facts,.team-grid{grid-template-columns:1fr}
 .team-card img{height:240px}
}