.elementor-576 .elementor-element.elementor-element-bcc58e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS for html, class: .elementor-element-863c4fa *//* ============================================================
   ABOUT PAGE — ALL DARK, FOUNDER LETTER, SPLIT LAYOUT
   ============================================================ */
html,body{background:#101010 !important;overflow-x:hidden !important}
body.elementor-page,.elementor{margin-top:0 !important;padding-top:0 !important}
.elementor-element,.e-con,.e-con-inner,.elementor-widget-html,.elementor-widget-html .elementor-widget-container{padding:0 !important;margin:0 !important;gap:0 !important;max-width:100% !important;width:100% !important}
.e-con{--container-padding-top:0px !important;--container-padding-bottom:0px !important;--container-padding-left:0px !important;--container-padding-right:0px !important;--gap:0px !important}

.ab-w{max-width:1100px;margin:0 auto;padding:0 clamp(20px,4vw,48px)}
.ab-lab{font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:700;letter-spacing:0.14em;text-transform:uppercase;color:#C9A84C;margin-bottom:14px;display:block}

.ab-sec{padding:clamp(56px,7vw,96px) 0;position:relative;overflow:hidden;background:#101010}
.ab-sec canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.ab-sec .ab-w{position:relative;z-index:1}
.ab-sec+.ab-sec{border-top:1px solid rgba(201,168,76,0.12)}

/* HERO — split layout */
.ab-hero{padding:clamp(100px,10vw,160px) 0 clamp(56px,6vw,88px);background:#101010;position:relative;overflow:hidden}
.ab-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.ab-hero .ab-w{position:relative;z-index:1}

/* SPLIT — 2-col: content left, photo right centered */
.ab-split{display:grid;grid-template-columns:1fr 1fr;gap:0 clamp(40px,5vw,72px)}
.ab-split__header{grid-column:1;grid-row:1;padding-bottom:clamp(24px,3vw,36px)}
.ab-split__letter{grid-column:1;grid-row:2}
.ab-split__photo{grid-column:2;grid-row:1 / 3;align-self:center;display:flex;justify-content:center}

/* NAME */
.ab-hero h1{font-family:'Baskerville Old Face','Baskervville','Georgia',serif;font-size:clamp(48px,7vw,88px) !important;font-weight:700;color:#C9A84C !important;letter-spacing:-0.03em;line-height:1.05;margin-bottom:clamp(8px,1vw,12px)}

/* ROLE */
.ab-role{font-family:'Space Grotesk',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:rgba(240,237,232,0.4);margin-bottom:clamp(28px,3vw,40px)}

/* PHOTO */
.ab-photo{position:relative;width:100%;max-width:420px;border-radius:12px;overflow:hidden}
.ab-photo img{width:100%;height:auto;display:block;filter:grayscale(20%);transition:filter 0.6s ease}
.ab-photo:hover img{filter:grayscale(0%)}
.ab-photo__overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(16,16,16,0.15) 0%,rgba(16,16,16,0.4) 100%);pointer-events:none}

/* THE LETTER */
.ab-letter{max-width:560px}
.ab-letter p{font-family:'DM Sans',sans-serif;font-size:clamp(15px,1.2vw,17px);color:rgba(240,237,232,0.75) !important;line-height:1.85;margin-bottom:clamp(18px,2vw,24px)}
.ab-letter p:last-of-type{margin-bottom:0}

/* SIGNATURE */
.ab-sig{font-family:'Baskerville Old Face','Baskervville','Georgia',serif !important;font-size:clamp(20px,2vw,24px) !important;font-weight:700;color:#C9A84C !important;margin-top:clamp(32px,4vw,48px) !important;letter-spacing:-0.01em}

/* BUTTON */
.ab-btn{display:inline-flex;align-items:center;gap:8px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:600;padding:14px 36px;border-radius:60px;cursor:pointer;text-decoration:none !important;transition:all 0.35s ease}
.ab-btn--primary{background:#E87A2D;color:#fff !important;border:1.5px solid #E87A2D}
.ab-btn--primary:hover{background:#D06A20;border-color:#D06A20;color:#fff !important}
.ab-btn:visited{color:#fff !important;text-decoration:none !important}

/* CTA */
.ab-cta{text-align:center !important;padding:clamp(48px,6vw,80px) 0 clamp(64px,8vw,100px) !important}
.ab-cta .ab-w{display:flex;flex-direction:column;align-items:center}
.ab-cta__actions{margin-bottom:24px}

/* NDA LINE */
.ab-nda{font-family:'DM Sans',sans-serif;font-size:13px !important;font-weight:500;font-style:italic;letter-spacing:0.02em;color:#C9A84C !important;line-height:1.6}

/* REVEAL */
[data-r]{opacity:0;transform:translateY(28px);transition:opacity 0.8s ease,transform 0.8s ease}
[data-r].v{opacity:1;transform:translateY(0)}

/* RESPONSIVE */
@media(max-width:1023px){
  .ab-split{display:flex;flex-direction:column;gap:clamp(24px,3vw,36px)}
  .ab-split__header{order:1}
  .ab-split__photo{order:2;display:flex;justify-content:center}
  .ab-split__letter{order:3}
  .ab-split__header{padding-bottom:0}
  .ab-photo{max-width:340px}
  .ab-hero h1{font-size:clamp(40px,8vw,64px) !important}
  .ab-letter{max-width:100%}
}
@media(max-width:767px){
  .ab-hero h1{font-size:42px !important}
  .ab-hero{padding:clamp(72px,12vw,100px) 0 clamp(32px,5vw,48px)}
  .ab-sec{padding:clamp(40px,6vw,64px) 0}
  .ab-photo{max-width:260px;margin:0 auto}
  .ab-letter p{font-size:15px !important;line-height:1.8}
  .ab-btn{width:100%;justify-content:center}
  .ab-split__photo{justify-content:center}
}
@media(prefers-reduced-motion:reduce){
  [data-r]{opacity:1!important;transform:none!important;transition:none!important}
  canvas{display:none}
}/* End custom CSS */