/* ABOUT / Carlos Alberto Alonso — v4; original photo with horizontal amber-to-charcoal wash */
.about-page{--about-background:#101111;--about-cream:#ece6db;--about-accent:#cf8751;--about-accent-soft:#a8693f;--about-muted:#d6c3ae;}
.about-page .hero--about{background:#0f1111;overflow:hidden}
.about-page .hero--about::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url('../img/about-bull-original.webp');background-size:cover;background-position:center 57%;background-repeat:no-repeat;transform:scale(1.012)}
.about-page .hero--about::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(22,14,11,.87) 0%,rgba(71,39,22,.72) 25%,rgba(108,60,33,.36) 53%,rgba(28,32,31,.17) 77%,rgba(9,17,20,.34) 100%),linear-gradient(180deg,rgba(4,6,7,.24) 0%,rgba(4,6,7,.02) 34%,rgba(8,9,9,.20) 58%,rgba(8,9,9,.89) 100%)}
.about-page .hero--about .about-hero-content{position:absolute;left:var(--edge);top:18.8%;z-index:2;max-width:min(58%,880px)}
.about-page .about-hero-content .short-rule{margin-bottom:38px;background:linear-gradient(90deg,var(--about-accent),rgba(210,139,79,.15))}
.about-page .about-hero-content .hero-eyebrow{margin-bottom:34px;color:#dac7b0}
.about-page .about-hero-content h1{color:#f0ebe4;font-family:var(--sans);font-weight:300;font-size:clamp(48px,6.25vw,108px);line-height:1.04;letter-spacing:-.071em;margin:0;max-width:860px;text-wrap:balance}
.about-page .about-hero-content h1 em{font-style:normal;color:#d99a67}
.about-page .about-hero-subtitle{margin:34px 0 0;color:#e4dbcf;font-family:var(--serif);font-style:italic;font-size:clamp(16px,1.5vw,23px);line-height:1.4;letter-spacing:.005em}
.about-page .hero-bottom{bottom:5.5%}
.about-page .hero-bottom .portal{min-height:104px}
.about-page .hero-bottom .portal-title{font-size:15px;font-weight:350;letter-spacing:.47em}
.about-page .hero-bottom .portal-detail{font-size:9px;letter-spacing:.36em}
.about-page .about-story{padding:clamp(96px,10vw,152px) var(--edge) clamp(108px,12vw,156px);background:#101313}
.about-page .about-story-grid{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);gap:clamp(58px,8vw,150px);align-items:stretch}
.about-page .about-story-left{display:flex;flex-direction:column;justify-content:space-between;min-height:100%}
.about-page .about-story-lead{position:static}
.about-page .about-story-lead h2{font-size:clamp(33px,3.1vw,53px);line-height:1.19;font-weight:300;letter-spacing:-.045em;margin:38px 0 0;text-wrap:balance;color:#eae7e0}
.about-page .about-story-lead h2 em{font-family:var(--serif);color:#c79b72;letter-spacing:-.045em;font-size:.87em}
.about-page .about-story-portrait{margin:35px 0 0;aspect-ratio:1/1;width:min(100%,390px);align-self:flex-start;overflow:hidden;background:#1a1a1a}
.about-page .about-story-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 22%}
.about-page .about-story-copy{font-family:var(--serif);font-size:clamp(17px,1.2vw,20px);line-height:1.88;color:#c1bdb4;max-width:690px;display:flex;flex-direction:column;justify-content:flex-start}
.about-page .about-story-copy p{margin:0 0 27px}
.about-page .about-story-copy .about-opening{font-family:var(--sans);font-size:clamp(22px,2vw,31px);font-weight:300;line-height:1.45;letter-spacing:-.035em;color:#ebe4dc;margin-bottom:38px}
.about-page .about-endnote{padding:70px var(--edge) 110px;background:#171919;border-top:1px solid rgba(233,229,220,.18)}
.about-page .about-endnote-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,12vw,200px)}
.about-page .about-endnote-grid>div{border-top:1px solid rgba(233,229,220,.35);padding-top:33px}
.about-page .about-endnote h2{color:#e9e6de;font-weight:300;font-size:clamp(28px,3vw,46px);line-height:1.2;letter-spacing:-.055em;margin:28px 0 18px}
.about-page .about-endnote h2 em{font-family:var(--serif);color:#c79b72}
.about-page .about-endnote p{font:400 16px/1.65 var(--serif);color:#b4b4ad;margin:0 0 18px;max-width:400px}
.about-page .about-studio-dot{color:#d99a67}
.about-page .about-endnote .quiet-link{margin-top:10px}
@media(max-width:850px){
 .about-page .hero--about{min-height:735px}
 .about-page .hero--about::before{background-position:center 57%}
 .about-page .hero--about::after{background:linear-gradient(90deg,rgba(19,13,11,.86) 0%,rgba(67,38,23,.70) 34%,rgba(77,46,28,.30) 73%,rgba(11,20,21,.30) 100%),linear-gradient(180deg,rgba(4,6,7,.24) 0%,rgba(4,6,7,.06) 38%,rgba(9,10,10,.25) 59%,rgba(8,9,9,.91) 100%)}
 .about-page .hero--about .about-hero-content{top:25%;max-width:84%}
 .about-page .about-hero-content h1{font-size:clamp(42px,8vw,78px)}
 .about-page .about-story-grid{grid-template-columns:1fr;gap:42px}
 .about-page .about-story-left{display:block}
 .about-page .about-story-portrait{margin-top:36px;width:min(100%,420px)}
 .about-page .about-endnote-grid{gap:34px}
 .about-page .hero-bottom .portal{min-height:0}
 .about-page .hero-bottom .portal-title{font-size:12px}
}
@media(max-width:600px){
 .about-page .hero--about{min-height:700px}
 .about-page .hero--about::before{background-position:52% center}
 .about-page .hero--about::after{background:linear-gradient(90deg,rgba(23,14,11,.88) 0%,rgba(76,41,22,.72) 43%,rgba(20,24,23,.28) 100%),linear-gradient(180deg,rgba(3,5,6,.28) 0%,rgba(4,6,7,.05) 29%,rgba(9,10,10,.26) 54%,rgba(8,9,9,.93) 100%)}
 .about-page .hero--about .about-hero-content{top:23.5%;max-width:calc(100% - 2*var(--edge))}
 .about-page .about-hero-content .short-rule{margin-bottom:30px}
 .about-page .about-hero-content .hero-eyebrow{margin-bottom:24px;font-size:9px}
 .about-page .about-hero-content h1{font-size:clamp(38px,10vw,58px);letter-spacing:-.065em;max-width:480px}
 .about-page .about-hero-subtitle{font-size:16px;margin-top:25px}
 .about-page .hero-bottom{bottom:4.5%;gap:10px}
 .about-page .hero-bottom .portal{padding-top:9px}
 .about-page .hero-bottom .portal-title{font-size:11px}
 .about-page .hero-bottom .portal-detail{font-size:8px;margin-top:3px}
 .about-page .about-story{padding-top:90px;padding-bottom:90px}
 .about-page .about-story-lead h2{margin-top:25px}
 .about-page .about-story-copy{font-size:17px;line-height:1.75}
 .about-page .about-story-copy .about-opening{font-size:25px}
 .about-page .about-story-portrait{width:100%;max-width:380px}
 .about-page .about-endnote{padding-top:50px;padding-bottom:80px}
 .about-page .about-endnote-grid{grid-template-columns:1fr;gap:50px}
}

/* V3: original Asturian bull; optical alignment with the final biography baseline. */
.about-page .about-story-copy p:last-child{margin-bottom:0}
.about-page .about-story-left{min-width:0}
.about-page .about-story-portrait{flex-shrink:1}
.about-page .hero--about::before{filter:saturate(.90) contrast(1.03)}
@media (min-width:851px){
  .about-page .about-story-left{height:100%}
  .about-page .about-story-portrait{width:min(100%,var(--about-portrait-size,390px));}
}