/* ===== About page (loads after style.css) ===== */
body[data-page="about"] .nav nav a.active{border-color:var(--gold)}

/* Page hero */
.a-hero{min-height:max(calc(300 * var(--u,1px)),27vw);padding-top:calc(90 * var(--u,1px));padding-bottom:calc(30 * var(--u,1px))}
.a-hero .hero-text{max-width:calc(500 * var(--u,1px))}
.a-hero h1{font-size:clamp(calc(31.04 * var(--u,1px)),4vw,calc(50.44 * var(--u,1px)));margin:calc(10 * var(--u,1px)) 0 calc(14 * var(--u,1px))}
.a-hero .lead{max-width:calc(460 * var(--u,1px));font-size:calc(12.82 * var(--u,1px));margin:0}
.a-hero::after{background:linear-gradient(90deg,rgba(8,40,28,.55),transparent 55%)}
.a-hero .hero-script{top:22%;right:5vw;text-align:left}
.orn{display:block;font-style:normal;font-family:var(--sans);font-size:calc(21.34 * var(--u,1px));color:var(--gold-2);margin:calc(6 * var(--u,1px)) 0 0 calc(18 * var(--u,1px))}

/* Founder intro */
.a-founder{display:grid;grid-template-columns:minmax(0,33%) minmax(0,1fr) minmax(0,24%);gap:4vw;align-items:center;padding:calc(20 * var(--u,1px)) 5vw calc(28 * var(--u,1px)) 5vw;background:rgba(251,246,236,.82)}
.a-photo{border-radius:calc(8 * var(--u,1px));overflow:hidden;box-shadow:0 calc(10 * var(--u,1px)) calc(30 * var(--u,1px)) rgba(0,0,0,.18);aspect-ratio:317/277}
.a-ftext h2{font-size:clamp(calc(31.04 * var(--u,1px)),3.6vw,calc(42.68 * var(--u,1px)))}
.a-ftext p{font-size:calc(11.88 * var(--u,1px));margin-bottom:calc(12 * var(--u,1px))}
.roles.gold{color:var(--gold);font-size:calc(11.88 * var(--u,1px));margin:calc(4 * var(--u,1px)) 0 calc(14 * var(--u,1px))}
.roles.gold span{opacity:.7}
.a-founder .quote{border-left:1px solid #d8d2bd;padding:0 0 0 calc(30 * var(--u,1px));font-family:var(--serif);font-size:calc(19.4 * var(--u,1px));font-style:italic;color:var(--green);line-height:1.4}
.a-founder .quote span{display:block;font-size:calc(54.32 * var(--u,1px));color:var(--gold);line-height:.8}

/* Credentials */
.a-cred{padding:calc(10 * var(--u,1px)) 4vw calc(20 * var(--u,1px))}
.a-cred-box{background:rgba(230,235,221,.9);border-radius:calc(10 * var(--u,1px));padding:calc(24 * var(--u,1px)) 2vw calc(26 * var(--u,1px));text-align:center;box-shadow:0 calc(4 * var(--u,1px)) calc(18 * var(--u,1px)) rgba(0,0,0,.05)}
.a-cred-box h2{font-size:clamp(calc(23.28 * var(--u,1px)),2.4vw,calc(29.1 * var(--u,1px)))}
.a-cred-box .sub{max-width:calc(720 * var(--u,1px));margin:calc(6 * var(--u,1px)) auto calc(22 * var(--u,1px));font-size:calc(11.4 * var(--u,1px));color:var(--ink)}
.cred-row{display:grid;grid-template-columns:repeat(7,1fr)}
.cred-row li{display:flex;flex-direction:column;align-items:center;gap:calc(8 * var(--u,1px));padding:0 calc(10 * var(--u,1px));border-right:1px solid #cfd6c4;font-size:calc(9.97 * var(--u,1px));color:var(--ink);line-height:1.35}
.cred-row li:last-child{border:0}
.cred-row img{width:calc(54 * var(--u,1px));height:calc(46 * var(--u,1px));object-fit:contain;mix-blend-mode:multiply}

/* Journey */
.a-journey{padding:calc(36 * var(--u,1px)) 5vw calc(30 * var(--u,1px))}
.a-journey .sec-head{margin-bottom:calc(22 * var(--u,1px))}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(24 * var(--u,1px));position:relative;padding-top:calc(20 * var(--u,1px))}
.timeline::before{content:"";position:absolute;left:2%;right:2%;top:calc(6 * var(--u,1px));height:1px;background:#cfc29a}
.timeline li{position:relative;padding-right:calc(10 * var(--u,1px))}
.timeline li::before{content:"";position:absolute;left:0;top:calc(-18 * var(--u,1px));width:calc(7 * var(--u,1px));height:calc(7 * var(--u,1px));border-radius:50%;background:var(--gold);box-shadow:0 0 0 calc(3 * var(--u,1px)) rgba(201,169,106,.25)}
.timeline h3{font-size:calc(16.49 * var(--u,1px));color:var(--green);margin-bottom:calc(2 * var(--u,1px))}
.timeline p{font-size:calc(10.92 * var(--u,1px));color:var(--muted)}

/* Approach */
.a-approach{display:grid;grid-template-columns:26% minmax(0,1fr) minmax(0,1.05fr);align-items:stretch;gap:0;padding:0;background:rgba(251,246,236,.85)}
.ap-img{min-height:calc(150 * var(--u,1px));position:relative}
.ap-img img{position:absolute;inset:0}
.ap-text{padding:calc(24 * var(--u,1px)) calc(28 * var(--u,1px))}
.ap-text h2{font-size:calc(27.16 * var(--u,1px));display:flex;align-items:center;gap:calc(8 * var(--u,1px));margin-bottom:calc(8 * var(--u,1px))}
.ap-text h2 i{font-style:normal;color:var(--gold);font-size:calc(23.28 * var(--u,1px))}
.ap-text p{font-size:calc(11.21 * var(--u,1px));color:var(--ink)}
.ap-grid{display:grid;grid-template-columns:1fr 1fr;gap:calc(18 * var(--u,1px)) calc(20 * var(--u,1px));padding:calc(20 * var(--u,1px)) 4vw calc(20 * var(--u,1px)) calc(28 * var(--u,1px));border-left:1px solid #e1dac3;align-content:center}
.ap-grid div{display:grid;grid-template-columns:calc(34 * var(--u,1px)) 1fr;column-gap:calc(12 * var(--u,1px));align-items:start}
.ap-grid img{grid-row:1/3;width:calc(34 * var(--u,1px));height:calc(34 * var(--u,1px));object-fit:contain;mix-blend-mode:multiply}
.ap-grid h3{font-family:var(--sans);font-size:calc(10.92 * var(--u,1px));font-weight:600;color:var(--ink);line-height:1.3}
.ap-grid p{font-size:calc(9.97 * var(--u,1px));color:var(--muted);line-height:1.35}

/* Core values */
.a-values{padding:calc(34 * var(--u,1px)) 3.5vw calc(26 * var(--u,1px))}
.a-values .sec-head{margin-bottom:calc(18 * var(--u,1px))}
.val-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(16 * var(--u,1px))}
.val-grid article{display:flex;gap:calc(14 * var(--u,1px));align-items:center;background:rgba(230,235,221,.9);border-radius:calc(6 * var(--u,1px));padding:calc(20 * var(--u,1px)) calc(22 * var(--u,1px));box-shadow:0 calc(3 * var(--u,1px)) calc(10 * var(--u,1px)) rgba(0,0,0,.05);min-width:0}
.val-grid img{flex:0 0 calc(38 * var(--u,1px));width:calc(38 * var(--u,1px));height:calc(38 * var(--u,1px));object-fit:contain;mix-blend-mode:multiply}
.val-grid h3{font-family:var(--sans);font-size:calc(11.4 * var(--u,1px));font-weight:600;color:var(--ink)}
.val-grid p{font-size:calc(9.97 * var(--u,1px));color:var(--muted);line-height:1.4}

/* Recognitions */
.a-media{padding:calc(26 * var(--u,1px)) 5vw calc(34 * var(--u,1px))}
.a-media .sec-head h2{font-size:calc(25.22 * var(--u,1px))}
.a-media .sec-head p{font-size:calc(9.97 * var(--u,1px));max-width:calc(760 * var(--u,1px));margin:calc(2 * var(--u,1px)) auto 0}
.media-row{display:flex;justify-content:space-between;align-items:center;gap:calc(20 * var(--u,1px));flex-wrap:wrap;margin-top:calc(6 * var(--u,1px));padding:0 2vw}
.media-row li{font-weight:800;font-size:calc(21.34 * var(--u,1px));letter-spacing:-.02em;line-height:1}
.media-row small{display:block;font-size:calc(8.55 * var(--u,1px));letter-spacing:0;font-weight:700}
.m-yahoo{color:#5f01d1;font-family:var(--sans);font-style:italic}
.m-midday{color:#0f5aa8;font-family:var(--sans)}
.m-print{color:#d9461b;font-family:var(--serif);font-size:calc(25.22 * var(--u,1px))!important;font-weight:700!important}
.m-bw{color:#333;font-family:var(--sans);font-size:calc(15.52 * var(--u,1px))!important}
.m-outlook{color:#d2202a;font-family:var(--sans)}
.m-her{color:#111;font-family:var(--sans);font-size:calc(18.43 * var(--u,1px))!important}

/* CTA */
.a-cta{min-height:max(calc(130 * var(--u,1px)),12.3vw);padding:calc(36 * var(--u,1px)) 6vw}
.a-cta h2{font-size:clamp(calc(23.28 * var(--u,1px)),2.6vw,calc(31.04 * var(--u,1px)))}
.a-cta p{font-size:calc(11.4 * var(--u,1px))}
.a-cta .cta-script{position:absolute;right:40%;top:14%;font-size:calc(29.1 * var(--u,1px));line-height:1.05;color:#fff;text-align:left;margin:0;max-width:none}
.a-cta::after{background:linear-gradient(90deg,rgba(8,40,28,.45),transparent 60%)}

@media(max-width:1000px){
  .a-founder,.a-approach{grid-template-columns:1fr}
  .a-founder .quote{border-left:0;padding-left:0}
  .a-founder .a-photo{max-width:calc(420 * var(--u,1px))}
  .cred-row{grid-template-columns:repeat(2,1fr);gap:calc(18 * var(--u,1px)) 0}
  .cred-row li:nth-child(2n){border-right:0}
  .timeline{grid-template-columns:1fr 1fr}
  .timeline::before{display:none}
  .ap-img{min-height:calc(180 * var(--u,1px))}
  .ap-grid{border-left:0;padding:calc(10 * var(--u,1px)) calc(28 * var(--u,1px)) calc(24 * var(--u,1px));grid-template-columns:1fr}
  .val-grid{grid-template-columns:1fr 1fr}
  .a-cta .cta-script{display:none}
}
@media(max-width:560px){.timeline,.val-grid{grid-template-columns:1fr}.media-row{justify-content:center}}