/* ============================================================
   GOLDENEYE - ABOUT PAGE STYLES
   Editorial founder spread + authorized installer strip + closing CTA
   ============================================================ */

/* ---- Founder editorial ----------------------------------- */
.founder{
  background:var(--bone);
  /* Top padding: minimal. Content lands just below the nav with only
     enough breathing room to feel intentional. Bottom keeps room for
     the signature block and authorized-installer strip below. */
  padding:clamp(16px,2vw,28px) var(--gutter-x) clamp(64px,7vw,96px);
}
.founder-inner{max-width:var(--max);margin:0 auto}

/* Banner headline. Kept tight to the eyebrow above and to the spread
   below so the content fills the visible area on first paint. */
.founder-head{max-width:920px;margin-bottom:clamp(20px,2.5vw,36px)}
.founder-title{
  font-family:var(--sans);font-weight:900;
  font-size:clamp(36px,4.8vw,68px);line-height:1.02;
  letter-spacing:-0.03em;color:var(--ink);margin-top:6px;
}
.founder-title em{
  font-family:var(--serif);font-weight:400;font-style:italic;color:var(--red);
  letter-spacing:-0.02em;
}

/* The split */
.founder-spread{
  display:grid;
  grid-template-columns:minmax(0,0.85fr) minmax(0,1fr);
  gap:clamp(40px,6vw,88px);
  align-items:center;
}
@media(max-width:900px){
  .founder-spread{grid-template-columns:1fr;gap:40px;align-items:start}
}

/* Photo column */
.founder-photo{position:relative}
.founder-photo-wrap{
  position:relative;width:100%;
  aspect-ratio:4/5;overflow:hidden;
  background:var(--ink);
}
.founder-photo-wrap img{
  width:100%;height:100%;
  object-fit:cover;object-position:center top;
  display:block;
}

/* Bio column */
.founder-bio{padding-top:4px}
.founder-lede{
  font-family:var(--sans);font-weight:500;
  font-size:clamp(17px,1.5vw,20px);line-height:1.55;
  color:var(--ink);
  margin-bottom:22px;max-width:54ch;
}
.founder-bio p:not(.founder-lede){
  font-size:15.5px;line-height:1.75;color:var(--muted);
  margin-bottom:16px;max-width:54ch;
}
.founder-bio p:last-of-type{margin-bottom:0}

/* Signature block */
.founder-sign{
  display:flex;align-items:center;gap:18px;
  margin-top:40px;padding-top:28px;
  border-top:1px solid var(--line);
}
.founder-sign-mark{width:44px;height:2px;background:var(--red);flex-shrink:0}
.founder-sign-name{
  font-family:var(--serif);font-style:italic;
  font-size:22px;color:var(--ink);line-height:1.1;
}
.founder-sign-role{
  font-size:11px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--muted);
  margin-top:4px;
}

/* ---- Authorized installer strip (thin, light) ------------ */
.trust{
  background:var(--paper);
  padding:36px var(--gutter-x);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.trust-inner{
  max-width:var(--max);margin:0 auto;
  display:flex;align-items:center;
  gap:clamp(24px,5vw,72px);
  flex-wrap:wrap;
}
.trust-label{
  font-size:11px;font-weight:700;letter-spacing:2.4px;
  text-transform:uppercase;color:var(--ink);
  display:flex;align-items:center;gap:14px;flex-shrink:0;
}
.trust-label::before{content:'';width:28px;height:1px;background:var(--red)}
.trust-logos{
  display:flex;align-items:center;
  gap:clamp(28px,4vw,56px);
  flex-wrap:wrap;flex:1;
}
.trust-logos img{
  height:30px;width:auto;display:block;
  opacity:0.62;filter:grayscale(100%);
  transition:opacity 0.25s,filter 0.25s;
}
.trust-logos img:hover{opacity:1;filter:grayscale(0%)}
@media(max-width:600px){
  .trust{padding:32px var(--gutter-x)}
  .trust-logos img{height:24px}
  .trust-logos{gap:24px}
}

/* ---- Closing CTA ----------------------------------------- */
.closing{
  background:var(--ink);color:var(--paper);
  padding:clamp(80px,10vw,140px) var(--gutter-x);
  position:relative;
  overflow:hidden;
}

/* Dot decorations */
.closing-dots{
  position:absolute;
  background-image:radial-gradient(circle, rgba(255,255,255,0.18) 1.5px, transparent 1.5px);
  background-size:16px 16px;
  pointer-events:none;
}
.closing-dots.tl{top:48px;left:50px;width:180px;height:120px}
.closing-dots.br{bottom:48px;right:50px;width:200px;height:130px;opacity:0.5}

.closing-inner{
  max-width:var(--max);margin:0 auto;
  display:grid;grid-template-columns:1.2fr auto;
  align-items:center;gap:clamp(40px,6vw,96px);
  position:relative;z-index:1;
}
@media(max-width:900px){
  .closing-inner{grid-template-columns:1fr;gap:48px}
}

/* Lead column */
.closing-eyebrow{
  font-size:12px;font-weight:700;letter-spacing:3px;
  text-transform:uppercase;color:var(--paper);
  margin-bottom:20px;
  display:flex;align-items:center;gap:14px;
}
.closing-eyebrow::before{content:'';width:40px;height:2px;background:var(--red)}

.closing-title{
  font-family:var(--sans);font-weight:900;
  font-size:clamp(40px,5.4vw,76px);line-height:1.02;
  letter-spacing:-0.03em;color:var(--paper);
  margin-bottom:24px;
}
.closing-title em{font-family:var(--serif);font-weight:400;font-style:italic;color:var(--red)}

.closing-sub{
  font-size:16px;color:rgba(255,255,255,0.62);
  line-height:1.6;max-width:460px;
}

/* Actions column */
.closing-actions{
  display:flex;flex-direction:column;gap:18px;
  min-width:300px;
}
@media(max-width:900px){
  .closing-actions{min-width:0}
}

/* Phone block — bordered, secondary action */
.closing-phone{
  display:flex;align-items:center;gap:18px;
  padding:18px 24px;
  border:1px solid rgba(255,255,255,0.14);
  background:rgba(255,255,255,0.02);
  transition:border-color 0.2s,background 0.2s;
}
.closing-phone:hover{
  border-color:var(--red);
  background:rgba(220,30,46,0.06);
}
.closing-phone svg{
  width:22px;height:22px;color:var(--red);flex-shrink:0;
}
.closing-phone-text{display:flex;flex-direction:column}
.closing-phone-label{
  font-size:10.5px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:rgba(255,255,255,0.55);
  margin-bottom:3px;
}
.closing-phone-num{
  font-family:var(--serif);font-style:italic;font-weight:500;
  font-size:24px;color:var(--paper);letter-spacing:-0.01em;line-height:1;
}

/* Primary red CTA — same offset-border treatment as btn-primary, inverted */
.closing-cta{
  display:inline-flex;align-items:center;justify-content:center;gap:14px;
  background:var(--red);color:var(--paper);
  padding:22px 32px;font-weight:800;font-size:14px;
  letter-spacing:1.4px;text-transform:uppercase;
  position:relative;transition:transform 0.2s;
}
.closing-cta::after{
  content:'';position:absolute;inset:0;
  border:2px solid var(--paper);
  transform:translate(6px,6px);
  transition:transform 0.2s;z-index:-1;
}
.closing-cta:hover{transform:translate(-2px,-2px)}
.closing-cta:hover::after{transform:translate(8px,8px)}
.closing-cta svg{width:16px;height:16px;transition:transform 0.2s}
.closing-cta:hover svg{transform:translateX(4px)}

@media(max-width:600px){
  .closing-dots.tl{top:32px;left:24px;width:120px;height:80px}
  .closing-dots.br{bottom:32px;right:24px;width:140px;height:90px}
}