/* Blake Becher — built on the EMERALD design system (emerald.rocks): Bodoni Moda + Inter, perfect-fourth scale, emerald greens */
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url(fonts/bodoni-moda-latin-400-italic.woff2) format("woff2");font-style:italic;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(fonts/inter-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
:root{--g:#00875A;--gd:#006B47;--deep:#035E45;--ink:#0a0a0a;--body:#333;--gr:#6f6f6f;--l:#e9e7e3;
--s-1:.75rem;--s0:1rem;--s1:1.333rem;--s2:1.777rem;--s3:2.369rem;--s4:3.157rem;--s5:4.209rem;--s6:5.61rem;
--serif:"Bodoni Moda",Didot,"Bodoni 72",serif;--sans:Inter,system-ui,sans-serif;--pad:clamp(1.5rem,5vw,5rem);--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:400 var(--s0)/1.6 var(--sans);color:var(--ink);background:#fff;font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-feature-settings:"kern","liga"}
html[data-l=en] [lang=es],html[data-l=es] [lang=en]{display:none!important}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}
/* bar */
.bar{position:sticky;top:0;z-index:5;display:flex;justify-content:space-between;align-items:center;padding:1.15rem var(--pad);background:rgba(255,255,255,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bar .in{width:100%;max-width:72rem;margin:0 auto;display:flex;justify-content:space-between;align-items:center}
.wm{font:500 .9375rem/1 var(--serif);letter-spacing:.2em;text-transform:uppercase;padding-left:.2em}
.lang{font:500 var(--s-1)/1 var(--sans);letter-spacing:.16em;color:var(--gd);background:none;border:1px solid var(--gd);padding:.55em .9em .5em 1.06em;cursor:pointer}
.lang:hover{background:var(--gd);color:#fff}
/* type */
.label{font:500 var(--s-1)/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;color:var(--gd);margin-bottom:2rem}
.label span{font:italic 400 var(--s0)/1 var(--serif);letter-spacing:0;text-transform:none;margin-right:.6em}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(var(--s4),12vw,var(--s6));line-height:1.02;letter-spacing:-.028em}
h1::after{content:"";display:block;width:3rem;height:2px;background:var(--g);margin-top:2rem}
h2{font-size:clamp(var(--s3),4.4vw,var(--s5));line-height:1.06;margin-bottom:1.5rem;max-width:14ch}
h3{font-size:var(--s2);line-height:1.12}
p{text-wrap:pretty}
.lede{font:italic 400 clamp(1.25rem,1.9vw,var(--s2))/1.4 var(--serif);margin-top:2rem;max-width:26ch;letter-spacing:-.005em}
.body p{font-size:clamp(1.0625rem,1.5vw,var(--s1));line-height:1.6;color:var(--body);letter-spacing:-.006em;margin-bottom:1.1em;max-width:34em}
.tl{font:500 var(--s-1)/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;border-bottom:1px solid currentColor;padding-bottom:5px;display:inline-block;transition:color .25s}
.tl:hover{color:var(--gd)}
.soon{font:500 var(--s-1)/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gr)}
/* layout */
section{padding:clamp(4rem,14vh,9rem) var(--pad)}
.wrap{max-width:72rem;margin:0 auto}
.rule{border-top:1px solid var(--l)}
.hero{padding-top:clamp(2rem,6vh,4rem)}
.hero .wrap{display:grid;gap:3rem}
.roles{list-style:none;padding:0;margin:2.5rem 0 0;max-width:30rem}
.roles li{display:grid;grid-template-columns:7.25rem 1fr;gap:.75rem;align-items:baseline;padding:.95rem 0;border-top:1px solid var(--l);font-size:.875rem;color:var(--body)}
.roles li:last-child{border-bottom:1px solid var(--l)}
.roles b{font:500 .65625rem/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink)}
.pic{border-radius:10px;overflow:hidden;background:#fff}
.pic img{width:100%;height:100%;object-fit:cover}
.portrait{aspect-ratio:4/5}
.cap{margin-top:12px;font:500 .5625rem/1.3 var(--sans);letter-spacing:.2em;text-transform:uppercase;color:var(--gr)}
.ab{display:grid;gap:1.25rem}
.sig{width:170px;margin-top:1.75rem}
/* quote band — solid deep emerald, no image behind text */
.quoteband{background:var(--deep);color:#f4f1ea;text-align:center;padding:clamp(4.5rem,9vw,7.5rem) var(--pad)}
.quoteband blockquote{max-width:820px;margin:0 auto;font:italic 400 clamp(1.5rem,2.6vw,2.2rem)/1.35 var(--serif);text-wrap:balance}
.quoteband cite{display:block;margin-top:1.6rem;font:500 .65625rem/1 var(--sans);letter-spacing:.24em;text-transform:uppercase;font-style:normal;color:#b9c9bf}
/* path */
.path{display:grid;gap:2.5rem}
.plate{max-width:min(80%,340px)}
.plate .pic{aspect-ratio:3/4}
.tline{list-style:none;padding:0;max-width:40rem}
.tline li{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;padding:1.15rem 0;border-top:1px solid var(--l);color:var(--body);font-size:.96875rem;line-height:1.55}
.tline li:last-child{border-bottom:1px solid var(--l)}
.yr{font:italic 400 1.0625rem/1.4 var(--serif);color:var(--gd);font-variant-numeric:lining-nums}
/* ventures */
.vgrid{display:grid;gap:0;margin-top:1rem}
.v{padding:2.25rem 0;border-top:1px solid var(--l);display:flex;flex-direction:column}
.v:last-child{border-bottom:1px solid var(--l)}
.v .k{font:500 .65625rem/1 var(--sans);letter-spacing:.22em;text-transform:uppercase;color:var(--gr);margin-bottom:1.25rem}
.v .logo{height:46px;display:flex;align-items:center;margin-bottom:1.1rem}
.v .logo img{width:150px}
.v h3{min-height:46px;display:flex;align-items:center;margin-bottom:1.1rem}
.v p{color:var(--body);font-size:.96875rem;line-height:1.6;margin-bottom:1.5rem;max-width:30em}
.v .end{margin-top:auto}
.contact p:not(.label){font-size:clamp(1.0625rem,1.5vw,var(--s1));color:var(--body);max-width:30em}
.contact a{border-bottom:1px solid currentColor}
.contact a:hover{color:var(--gd)}
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:.75rem 2rem;padding:2rem var(--pad);font:400 var(--s-1)/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase;color:#777;border-top:1px solid #e6e6e6}
@media(min-width:960px){
 .hero .wrap{grid-template-columns:1.1fr .9fr;gap:5rem;align-items:center}
 .hero{padding-bottom:clamp(5rem,12vh,8rem)}
 .ab{grid-template-columns:200px minmax(0,1fr);column-gap:56px;align-items:start}
 .ab>.label{padding-top:.9em}
 .path{grid-template-columns:200px minmax(0,1fr) 300px;column-gap:56px;align-items:start}
 .path>.label{padding-top:.4em}
 .plate{grid-column:3;grid-row:1;max-width:none}
 .tline{grid-column:2;grid-row:1}
 .vgrid{grid-template-columns:repeat(3,1fr);column-gap:2.5rem}
 .v,.v:last-child{border-bottom:1px solid var(--l)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}