.about-hero { min-height:620px;background-position:center;background-size:cover; }
.about-hero .hero-copy { max-width:810px; }
.about-hero .hero-copy>p { max-width:700px; }
.about-hero-hub,.about-hero-team { background-image:linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.62) 56%,rgba(4,28,38,.18) 84%),url("../../images/divers-eel.webp"); }
.about-hero-safety { background-image:linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.62) 56%,rgba(4,28,38,.18) 84%),url("../../images/reef-diver.webp"); }
.about-hero-conservation { background-image:linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.62) 56%,rgba(4,28,38,.18) 84%),url("../../images/ray-sunlight.webp"); }
.about-hero-alaia { background-image:linear-gradient(90deg,rgba(4,8,14,.94),rgba(4,18,29,.62) 56%,rgba(4,28,38,.18) 84%),url("../../images/aerial-reef.webp"); }
.about-quick-section { background:#0c0c0f;color:#fff; }
.about-quick-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr)); }
.about-quick-grid>div { min-width:0;padding:26px 24px;border-right:1px solid rgba(255,255,255,.1); }
.about-quick-grid>div:last-child { border-right:0; }
.about-quick-grid span { display:block;margin-bottom:8px;color:#90909a;font-size:.58rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase; }
.about-quick-grid strong { display:block;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere; }
.about-main-section { background:#f6f6f7; }
.about-directory-intro { display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:70px;align-items:end;margin-bottom:48px; }
.about-directory-intro h2,.about-directory-intro p { margin-bottom:0; }
.about-directory-intro>p,.about-story-grid p,.about-value-grid p,.about-directory-grid p,.about-intro p,.about-content-block>p,.about-team-card p { color:var(--gray);line-height:1.75; }
.about-story-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(290px,.62fr);gap:48px;align-items:start; }
.about-proof-card { padding:34px;background:#111114;border-radius:20px;color:#fff; }
.about-proof-card>span,.about-sidebar-label { display:block;margin-bottom:18px;color:#92929b;font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase; }
.about-proof-card>div { display:grid;grid-template-columns:105px minmax(0,1fr);gap:15px;align-items:center;padding:18px 0;border-top:1px solid rgba(255,255,255,.1); }
.about-proof-card strong { color:#fff;font-size:2rem; }
.about-proof-card p { margin-bottom:0;color:#c5c5cc;font-size:.75rem;line-height:1.5; }
.about-values-section,.about-directory-section { margin-top:66px;padding-top:58px;border-top:1px solid var(--line); }
.about-value-grid,.about-step-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:30px; }
.about-value-grid article,.about-step-grid article { padding:28px;background:#fff;border:1px solid var(--line);border-radius:17px; }
.about-value-grid article>span,.about-step-grid article>span { display:grid;width:42px;height:42px;margin-bottom:22px;place-items:center;background:var(--red);border-radius:50%;color:#fff;font-size:.72rem;font-weight:900; }
.about-value-grid p,.about-step-grid p { margin-bottom:0;color:var(--gray);line-height:1.65; }
.about-directory-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:17px;margin-top:30px; }
.about-directory-grid>a { display:flex;min-width:0;min-height:260px;flex-direction:column;padding:30px;background:#fff;border:1px solid var(--line);border-radius:18px;color:var(--black);transition:transform .2s ease,border-color .2s ease; }
.about-directory-grid>a:hover,.about-link-grid>a:hover { transform:translateY(-3px);border-color:rgba(0,0,0,.22); }
.about-directory-grid>a>span,.about-link-grid>a>span { display:block;margin-bottom:11px;color:var(--red);font-size:.58rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase; }
.about-directory-grid>a>strong { margin-top:auto;padding-top:20px;color:var(--red);font-size:.7rem;text-transform:uppercase; }
.about-cta { display:grid;grid-template-columns:minmax(0,1fr) auto;gap:42px;align-items:center;margin-top:54px;padding:44px;background:var(--red);border-radius:20px;color:#fff; }
.about-cta .eyebrow { color:rgba(255,255,255,.74); }
.about-cta h2,.about-cta p { color:#fff; }
.about-cta p { margin-bottom:0;line-height:1.7; }
.about-team-group+.about-team-group { margin-top:58px;padding-top:54px;border-top:1px solid var(--line); }
.about-team-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:28px; }
.about-team-card { min-width:0;overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 34px rgba(12,12,15,.06); }
.about-team-photo { aspect-ratio:4/5;overflow:hidden;background:#dedee2; }
.about-team-image { display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%;transition:transform .35s ease; }
.about-team-card:hover .about-team-image { transform:scale(1.025); }
.about-team-copy { padding:22px 24px 25px; }
.about-team-card h3 { margin-bottom:5px;font-size:1rem;line-height:1.35; }
.about-team-card p { margin-bottom:0;font-size:.74rem;line-height:1.5; }
.about-note { margin-top:42px;padding:26px;background:#fff;border-left:4px solid var(--red); }
.about-note strong { display:block;margin-bottom:7px; }
.about-note p { margin-bottom:0;color:var(--gray);line-height:1.7; }
.about-content-grid { display:grid;grid-template-columns:minmax(0,1fr) minmax(285px,360px);gap:64px;align-items:start; }
.about-content { min-width:0; }
.about-intro { max-width:900px;margin-bottom:48px; }
.about-content-block { margin-top:54px;padding-top:50px;border-top:1px solid var(--line); }
.about-check-list { display:grid;gap:12px;padding:0;margin:26px 0 0;list-style:none; }
.about-check-list li { position:relative;padding-left:30px;color:var(--gray);line-height:1.65; }
.about-check-list li::before { position:absolute;top:.2em;left:0;display:grid;width:20px;height:20px;place-items:center;background:var(--red);border-radius:50%;color:#fff;content:'\2713';font-size:.65rem;font-weight:900; }
.about-text-link { display:inline-block;margin-top:16px;color:var(--red);font-weight:850; }
.about-link-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:28px; }
.about-link-grid>a { display:flex;min-width:0;min-height:175px;flex-direction:column;padding:26px;background:#fff;border:1px solid var(--line);border-radius:16px;color:var(--black);transition:transform .2s ease,border-color .2s ease; }
.about-link-grid small { margin-top:auto;padding-top:18px;color:var(--red);font-size:.67rem;font-weight:900;text-transform:uppercase; }
.about-sidebar { position:sticky;top:132px;padding:30px;background:#111114;border-radius:19px;color:#fff;box-shadow:0 18px 46px rgba(0,0,0,.12); }
.about-sidebar h2 { color:#fff;font-size:1.55rem; }
.about-sidebar-list { display:grid;margin:24px 0;border-top:1px solid rgba(255,255,255,.1); }
.about-sidebar-list>div { display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:15px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1); }
.about-sidebar-list span { color:#92929b;font-size:.66rem;font-weight:850;text-transform:uppercase; }
.about-sidebar-list strong { color:#fff;font-size:.76rem;line-height:1.45;text-align:right;overflow-wrap:anywhere; }
.about-sidebar>p { color:#b9b9c2;font-size:.75rem;line-height:1.65; }
.about-sidebar .btn { width:100%;text-align:center; }
.about-faq-list { display:grid;gap:11px;margin-top:28px; }
.about-faq-item { padding:0 24px;background:#fff;border:1px solid var(--line);border-radius:15px; }
.about-faq-item summary { padding:20px 0;cursor:pointer;color:var(--black);font-weight:850;line-height:1.45; }
.about-faq-item p { padding:0 0 22px;margin-bottom:0;color:var(--gray);line-height:1.72; }
@media (max-width:1060px) { .about-team-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:980px) { .about-content-grid,.about-story-grid { grid-template-columns:1fr;gap:40px; } .about-sidebar { position:static; } .about-directory-intro,.about-cta { grid-template-columns:1fr;gap:26px; } .about-quick-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .about-quick-grid>div:nth-child(2) { border-right:0; } .about-quick-grid>div:nth-child(-n+2) { border-bottom:1px solid rgba(255,255,255,.1); } }
@media (max-width:720px) { .about-team-grid,.about-value-grid,.about-step-grid,.about-directory-grid,.about-link-grid { grid-template-columns:1fr; } .about-team-card { display:grid;grid-template-columns:120px minmax(0,1fr);align-items:stretch; } .about-team-photo { min-height:160px;aspect-ratio:3/4; } .about-team-copy { align-self:center;padding:20px; } .about-directory-grid>a { min-height:225px; } }
@media (max-width:640px) { .about-hero { min-height:675px; } .about-quick-grid { grid-template-columns:1fr; } .about-quick-grid>div { padding:20px 18px;border-right:0;border-bottom:1px solid rgba(255,255,255,.1); } .about-quick-grid>div:last-child { border-bottom:0; } .about-proof-card,.about-value-grid article,.about-step-grid article,.about-directory-grid>a { padding:25px; } .about-cta { padding:34px 24px; } .about-sidebar { padding:26px 22px; } }