/* ═══════════ ABOUT PAGE ═══════════ */
.ab-hero{ position:relative; min-height:64vh; display:flex; align-items:flex-end; background:var(--navy); overflow:hidden; }
.ab-hero .bg{ position:absolute; inset:0; background:#1a2b1f center/cover no-repeat; opacity:.5; background-image:url('https://images.unsplash.com/photo-1521017432531-fbd92d768814?auto=format&fit=crop&w=1800&q=80'); }
.ab-hero .bg::after{ content:''; position:absolute; inset:0; background:linear-gradient(180deg,rgba(13,30,46,.5),rgba(13,30,46,.9)); }
.ab-hero .inner{ position:relative; z-index:2; max-width:var(--maxw); margin:0 auto; width:100%; padding:0 30px 9vh; color:var(--white); }
.ab-hero .eyebrow{ color:var(--sage); }
.ab-hero h1{ font-family:var(--display); font-size:clamp(46px,7.5vw,108px); font-weight:400; line-height:.75; margin:16px 0 18px; }
.ab-hero h1 em{ font-family:var(--serif); font-style:italic; color:var(--sand); }
.ab-hero p{ max-width:520px; font-size:17px; line-height:1.7; opacity:.82; }

.ab-about{ padding:11vh 0; }
.ab-about .wrap{ max-width:840px; }
.ab-about .eyebrow{ color:var(--sage-dk); }
.ab-about .lead {
	font-family: var(--display);
	font-size: clamp(30px,4vw,50px);
	font-weight: 400;
	line-height: normal;
    margin: 0 0 10px;
}
.ab-about .lead em{ font-family:var(--serif); font-style:italic; color:var(--sage-dk); }
.ab-about p.body{ font-size:17px; line-height:1.9; opacity:.85; max-width:720px; }
.ab-about p.body + p.body{ margin-top:20px; }
.ab-about .closer {
	font-family: var(--serif);
	font-style: italic;
	font-size: clamp(22px,3vw,30px);
	color: var(--navy);
	line-height: normal;
	margin-top: 17px;
    padding-top: 15px;
	border-top: .5px solid var(--line);
}

.mission{ background:var(--navy); color:var(--white); padding:12vh 0; position:relative; overflow:hidden; }
.mission::before{ content:'✦'; position:absolute; top:16%; left:9%; font-size:34px; color:rgba(156,191,170,.22); }
.mission::after{ content:'☽'; position:absolute; bottom:18%; right:10%; font-size:44px; color:rgba(156,191,170,.18); }
.mission .wrap{ max-width:860px; text-align:center; position:relative; z-index:2; }
.mission .eyebrow{ color:var(--sage); }
.mission h2{ font-family:var(--display); font-size:clamp(30px,4.3vw,54px); font-weight:400; line-height:normal; margin:16px 0 26px; }
.mission h2 em{ font-family:var(--serif); font-style:italic; color:var(--sand); }
.mission p{ font-size:17px; line-height:1.9; opacity:.82; max-width:780px; margin:0 auto; }
.mission p:not(:last-child) {
    margin-bottom: 12px;
}

.ab-split{ display:grid; grid-template-columns:1fr 1fr; }
.ab-split .img{ min-height:60vh; background:#2a2018 center/cover no-repeat; }
.ab-split .txt{ padding:9vh 6vw; display:flex; flex-direction:column; justify-content:center; }
.ab-split .txt.blush{ background:var(--blush); }
.ab-split .txt h3{ font-family:var(--display); font-size:clamp(28px,3.6vw,46px); font-weight:400; margin:14px 0 18px; line-height:1.05; }
.ab-split .txt p{ font-size:16px; line-height:1.8; opacity:.82; max-width:540px; }
.ab-split .txt p + p{ margin-top:16px; }

.values{ background:var(--navy); color:var(--white); }
.values .head{ text-align:center; max-width:640px; margin:0 auto 52px; }
.values .head h2{ font-family:var(--display); font-size:clamp(32px,4.4vw,56px); font-weight:400; }
.values .head h2 em{ font-family:var(--serif); font-style:italic; color:var(--sage); }
.vgrid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.vcard{ border-radius:20px; padding:34px 28px; }
.vcard.sage{ background:var(--sage); color:var(--navy); }
.vcard.sand{ background:var(--sand); color:var(--navy); }
.vcard.dark{ background:rgba(156,191,170,.08); border:.5px solid rgba(156,191,170,.22); }
.vcard .sym{ font-size:30px; display:block; margin-bottom:18px; }
.vcard h4{ font-family:var(--display); font-size:28px; font-weight:400; margin-bottom:10px; }
.vcard .ar{ font-size:15px; opacity:.6; margin-bottom:10px; }
.vcard p{ font-size:14px; line-height:1.65; opacity:.85; }
.vcard.dark p{ color:rgba(253,250,245,.65); }

/* FOUNDER */
.founder{ background:var(--cream); padding:11vh 0; position:relative; overflow:hidden; }
.founder::before{ content:'؟'; position:absolute; top:8%; right:6%; font-family:var(--serif); font-size:200px; color:rgba(156,191,170,.12); line-height:1; }
.founder .in{ max-width:1080px; margin:0 auto; padding:0 30px; display:grid; grid-template-columns:.85fr 1.15fr; gap:56px; align-items:center; position:relative; z-index:2; }
.founder .portrait{ position:relative; }
.founder .portrait img{ width:100%; aspect-ratio:4/5; object-fit:cover; border-radius:20px; display:block; box-shadow:0 34px 80px rgba(27,58,92,.22); }
.founder .portrait .ribbon{ position:absolute; bottom:-16px; left:-16px; background:var(--navy); color:var(--white); padding:13px 22px; border-radius:14px; box-shadow:0 18px 40px rgba(13,30,46,.3); }
.founder .portrait .ribbon .r1{ font-family:var(--display); font-size:21px; line-height:1; }
.founder .portrait .ribbon .r2{ font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--sage); margin-top:5px; }
.founder .eyebrow{ color:var(--sage-dk); }
.founder h2{ font-family:var(--display); font-size:clamp(32px,4.4vw,56px); font-weight:400; margin:14px 0 8px; line-height:1.02; }
.founder h2 em{ font-family:var(--serif); font-style:italic; color:var(--sage-dk); }
.founder .role{ font-size:14px; letter-spacing:.04em; color:rgba(27,58,92,.55); margin-bottom:22px; }
.founder p{ font-size:16px; line-height:1.8; opacity:.84; max-width:520px; }
.founder p + p{ margin-top:14px; }
.founder .stats{ display:flex; gap:14px; flex-wrap:wrap; margin-top:30px; }
.founder .stats .st{ background:var(--white); border:1px solid var(--line); border-radius:16px; padding:18px 22px; flex:1; min-width:130px; }
.founder .stats .st b{ display:block; font-family:var(--display); font-size:34px; font-weight:400; color:var(--navy); line-height:1; }
.founder .stats .st span{ display:block; font-size:12px; letter-spacing:.04em; text-transform:uppercase; color:rgba(27,58,92,.5); margin-top:8px; }

/* CO-FOUNDERS */
.leaders{ background:var(--white); padding:11vh 0; }
.leaders .head{ text-align:center; max-width:640px; margin:0 auto 56px; padding:0 30px; }
.leaders .head .eyebrow{ color:var(--sage-dk); }
.leaders .head h2{ font-family:var(--display); font-size:clamp(30px,4.2vw,52px); font-weight:400; margin-top:12px; }
.leaders .head h2 em{ font-family:var(--serif); font-style:italic; color:var(--sage-dk); }
.lgrid{ max-width:1080px; margin:0 auto; padding:0 30px; display:grid; grid-template-columns:1fr 1fr; gap:34px; }
.lcard{ background:var(--cream); border-radius:24px; overflow:hidden; display:flex; flex-direction:column; }
.lcard img{ width:100%; aspect-ratio:5/4; object-fit:cover; display:block; }
.lcard .body{ padding:32px 32px 36px; }
.lcard h3{ font-family:var(--display); font-size:30px; font-weight:400; line-height:1; }
.lcard .role{ font-size:13px; letter-spacing:.05em; color:var(--sage-dk); margin:8px 0 4px; font-weight:500; }
.lcard .creds{ font-size:12px; letter-spacing:.04em; color:rgba(27,58,92,.5); line-height:1.5; padding-bottom:18px; margin-bottom:18px; border-bottom:.5px solid var(--line); }
.lcard .quote{ font-family:var(--serif); font-style:italic; font-size:22px; line-height:normal; color:var(--navy); margin-bottom:16px; }
.lcard p{ font-size:15px; line-height:1.75; opacity:.82; }
.lcard p + p{ margin-top:12px; }
.blush {
    background-color: #E8D5C8;
    border: .5px solid rgb(232 213 200 / 22%);
	color: var(--navy);
}
.video-coffee video {
    width: 100%;
    height: 475px;
    object-fit: cover;
    object-position: center;
    border-radius: 20px;
}

/* EXPLORER */
.explorer {
	background: var(--cream);
    padding: 2vh 0;
    border-top: 1px solid var(--blush);
}
.explorer .in{ max-width:1000px; margin:0 auto; display:grid; grid-template-columns:1fr 1.2fr; gap:50px; align-items:center; padding:0 30px; }
.explorer .badge-art{ aspect-ratio:1/1; border-radius:50%; background:radial-gradient(circle at 40% 35%,var(--sage-lt),var(--sage) 70%); display:flex; align-items:center; justify-content:center; position:relative; box-shadow:0 30px 70px rgba(27,58,92,.18); }
.explorer .badge-art .planet{ font-size:90px; }
.explorer .badge-art .s1,.explorer .badge-art .s2{ position:absolute; color:var(--white); }
.explorer .badge-art .s1{ top:16%; right:22%; font-size:26px; } .explorer .badge-art .s2{ bottom:18%; left:18%; font-size:18px; }
.explorer .eyebrow{ color:var(--sage-dk); }
.explorer h2{ font-family:var(--display); font-size:clamp(30px,4vw,50px); font-weight:400; margin:14px 0 18px; }
.explorer p{ font-size:16px; line-height:1.8; opacity:.82; max-width:460px; }
.explorer .traits{ display:flex; gap:10px; flex-wrap:wrap; margin-top:22px; }
.explorer .traits span{ background:var(--white); border:1px solid var(--line); border-radius:30px; padding:9px 16px; font-size:13px; }

.ab-cta{ background:var(--navy); color:var(--white); text-align:center; padding:11vh 30px; position:relative; overflow:hidden; }
.ab-cta::before{ content:'✦'; position:absolute; top:18%; left:12%; font-size:40px; color:rgba(156,191,170,.25); }
.ab-cta::after{ content:'☽'; position:absolute; bottom:20%; right:12%; font-size:50px; color:rgba(156,191,170,.2); }
.ab-cta h2{ font-family:var(--display); font-size:clamp(34px,5vw,68px); font-weight:400; max-width:760px; margin:0 auto 16px; position:relative; }
.ab-cta h2 em{ font-family:var(--serif); font-style:italic; color:var(--sage); }
.ab-cta p{ opacity:.7; max-width:460px; margin:0 auto 30px; line-height:1.7; }
.lcard:nth-child(2) img {
    object-position: center 22%;
}

.ab-hero h1 em span {
    display: inline-block;
    font-size: clamp(46px, 7.5vw, 64px);
}
@media (max-width: 1199px) {
	.video-coffee video {
		height: 467px;
	}
}
@media (max-width: 991px) {
	.video-coffee video {
		height: 300px;
	}
}

@media(max-width:860px){
  .ab-split{ grid-template-columns:1fr; } .ab-split .img{ min-height:46vh; }
  .vgrid{ grid-template-columns:1fr; } .explorer .in{ grid-template-columns:1fr; gap:30px; text-align:center; }
  .explorer .traits{ justify-content:center; } .explorer p{ margin:0 auto; }
  .founder .in{ grid-template-columns:1fr; gap:46px; } .founder .portrait img{ max-width:100%; margin:0 auto; }
  .founder p{ margin:0 auto; }
  .lgrid{ grid-template-columns:1fr; gap:24px; }
}
@media (max-width: 767px) {
    .video-coffee video {
        height: 200px;
    }
	.ab-hero .inner {
		padding-left: 20px;
		padding-right: 20px;
	}
	.ab-about, .mission, .founder, .leaders, .explorer {
		padding: 40px 0;
	}
	.ab-about .wrap, .mission .wrap, .founder .in, .leaders .head, .lgrid, .explorer .in {
		max-width: 100%;
		padding-left: 20px;
		padding-right: 20px;
	}
	.ab-split .txt {
		padding: 40px 20px;
	}
	.values {
		padding: 40px 0 !important;
	}
	.wrap {
		padding-left: 20px;
		padding-right: 20px;
	}
	.ab-cta {
		padding: 40px 20px;
	}
}