/* Composition of the approved mockup. Theme fonts and design tokens stay global. */
.estaca-about-page .hero {min-height:640px; aspect-ratio:1828/860; align-items:stretch;}
.estaca-about-page .hero::before {opacity:.24;}
.estaca-about-page .hero-img {filter:none;}
.estaca-about-page .hero-inner {display:grid;grid-template-columns:43% 33% 24%;align-items:end;padding-top:170px;padding-bottom:48px;}
.estaca-about-page .about-hero-copy {grid-column:1;min-width:0;}
.estaca-about-page .hero h1 {font-size:clamp(34px,3.5vw,68px);line-height:1.04;letter-spacing:-.035em;}
.estaca-about-page .hero h1 em {display:block;}
.estaca-about-page .hero-lead {font-size:clamp(15px,1.2vw,20px);line-height:1.55;max-width:95%;}
.estaca-about-page .about-hero-author {grid-column:3;padding-left:12px;font-size:clamp(14px,1.15vw,19px);line-height:1.5;}
.estaca-about-page .about-hero-author p {margin:4px 0 0;}
.estaca-about-page .about-hero-author blockquote {margin:24px 0 0;padding:0 0 0 16px;border-left:2px solid currentColor;font-size:inherit;}
.estaca-about-page > .wrap {padding-top:22px;padding-bottom:22px;}
.estaca-about-page .about-panel {background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:clamp(22px,2.2vw,36px);margin:0 0 22px;position:relative;}
.estaca-about-page .about-panel .i-sec-head {text-align:left;max-width:none;margin:0 0 28px;}
.estaca-about-page .about-panel h2 {font-size:clamp(24px,2.35vw,38px);line-height:1.08;}
.estaca-about-page .about-panel .i-sec-head h2 {margin:0;}
.estaca-about-page .about-panel .eyebrow {color:var(--accent);}
.estaca-about-page .case {border:0;box-shadow:none;margin:0;background:transparent;overflow:visible;}
.estaca-about-page .about-story {grid-template-columns:58% 42%;min-height:410px;}
.estaca-about-page .about-story .case-body {grid-column:1;grid-row:1;padding:12px 28% 12px 0;}
.estaca-about-page .about-story .case-img {grid-column:2;grid-row:1;min-height:410px;overflow:hidden;border-radius:var(--radius);}
.estaca-about-page .about-story h2 {margin-top:20px;}
.estaca-about-page .case-task {font-size:16px;line-height:1.65;}
.estaca-about-page .about-story-quote {position:absolute;z-index:3;left:49%;top:50%;transform:translate(-50%,-50%);width:23%;padding:24px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin:0;}
.estaca-about-page .about-story-quote p {margin:0 0 16px;}
.estaca-about-page .about-story-quote footer {font-size:13px;}
.estaca-about-page .about-quote-mark {display:block;color:var(--accent);font-size:56px;font-weight:700;line-height:.8;margin-bottom:12px;}
.estaca-about-page .about-stats {display:grid;grid-template-columns:repeat(5,minmax(0,1fr));}
.estaca-about-page .about-stat {padding:0 24px;border-left:1px solid var(--line);}
.estaca-about-page .about-stat:first-child {padding-left:0;border-left:0;}
.estaca-about-page .about-stat:last-child {padding-right:0;}
.estaca-about-page .about-icon {width:40px;height:40px;display:block;flex-shrink:0;color:var(--accent);margin-bottom:20px;}
.estaca-about-page .about-stat h3 {font-size:20px;line-height:1.2;margin:0;}
.estaca-about-page .about-stat .big-num {font-size:clamp(26px,3vw,44px);}
.estaca-about-page .about-stat p {font-size:14px;line-height:1.55;color:var(--muted);margin:14px 0 0;}
.estaca-about-page .about-steps {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
.estaca-about-page .about-step {padding:0 24px;border-left:1px solid var(--line);}
.estaca-about-page .about-step:first-child {padding-left:0;border-left:0;}
.estaca-about-page .about-step-number {display:flex;align-items:center;gap:18px;color:var(--accent);font-size:26px;margin-bottom:18px;}
.estaca-about-page .about-step-number .about-icon {margin:0;}
.estaca-about-page .about-step b {font-size:17px;}
.estaca-about-page .about-step p {font-size:14px;line-height:1.55;color:var(--muted);margin:10px 0 0;}
.estaca-about-page .about-production {grid-template-columns:50% 50%;align-items:center;}
.estaca-about-page .about-production .case-body {padding:8px 0 8px 32px;}
.estaca-about-page .about-production h2 {margin-top:16px;}
.estaca-about-page .about-production-photos {display:grid;grid-template-columns:1fr 1fr;gap:18px;}
.estaca-about-page .about-production-photos figure {margin:0;min-width:0;}
.estaca-about-page .about-production-photos img {width:100%;height:300px;object-fit:cover;border-radius:var(--radius);}
.estaca-about-page .about-production-photos figcaption {font-size:13px;color:var(--muted);margin-top:10px;font-style:italic;}
.estaca-about-page .about-production ul {padding-left:20px;}
.estaca-about-page .about-production li {margin:8px 0;}
.estaca-about-page .about-production li::marker {color:var(--accent);}
.estaca-about-page .section-head {display:block;margin:0;}
.estaca-about-page .section-head h2 {margin-top:12px;}
.estaca-about-page .section-head p {margin-top:12px;}
.estaca-about-page .catalog {margin-top:22px;}
.estaca-about-page .about-cta {overflow:hidden;background:var(--dark);padding:0;}
.estaca-about-page .about-cta-photo {position:absolute;inset:0;opacity:.24;}
.estaca-about-page .about-cta-photo img {width:100%;height:100%;object-fit:cover;}
.estaca-about-page .about-cta .cta-band {background:transparent;flex-wrap:nowrap;border-radius:inherit;padding:clamp(26px,3vw,44px);}
.estaca-about-page .about-cta .cta-band::before {display:none;}
.estaca-about-page .about-cta .cta-band > div {max-width:68%;}
.estaca-about-page .about-cta .cta-band h2 {margin-top:16px;font-size:clamp(23px,2vw,34px);}
.estaca-about-page .about-cta .btn {flex-shrink:0;}
.estaca-about-page .about-benefits .feats {margin:0;}
.estaca-about-page .about-benefits .feat {border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:none;background:transparent;padding:8px 20px;gap:14px;}
.estaca-about-page .about-benefits .feat:first-child {border-left:0;padding-left:0;}
.estaca-about-page .about-benefits .about-icon {width:28px;height:28px;color:var(--text);margin:0;}
@media(max-width:1000px){
 .estaca-about-page .hero {min-height:650px;aspect-ratio:auto;}
 .estaca-about-page .hero-inner {grid-template-columns:48% 26% 26%;padding-top:160px;padding-bottom:34px;}
 .estaca-about-page .hero h1 {font-size:36px;}
 .estaca-about-page .about-story .case-body {padding-right:20%;}
 .estaca-about-page .about-story-quote {width:27%;left:51%;padding:18px;font-size:14px;}
 .estaca-about-page .about-stat,.estaca-about-page .about-step {padding:0 14px;}
 .estaca-about-page .about-stat h3 {font-size:17px;}
 .estaca-about-page .about-production-photos img {height:330px;}
}
@media(max-width:760px){
 .estaca-about-page .hero {min-height:0;display:block;aspect-ratio:auto;padding-top:0;}
 .estaca-about-page .hero > .hero-img {position:relative;inset:auto;height:440px;}
 .estaca-about-page .hero > .hero-img img {object-position:62% center;}
 .estaca-about-page .hero::before {display:none;}
 .estaca-about-page .hero-inner {display:block;padding:28px 24px 32px;}
 .estaca-about-page .hero h1 {font-size:clamp(32px,6vw,46px);margin-top:16px;}
 .estaca-about-page .hero-lead {max-width:none;}
 .estaca-about-page .about-hero-author {padding:24px 0 0;max-width:400px;}
 .estaca-about-page .about-hero-author blockquote {margin-top:12px;}
 .estaca-about-page .about-panel {padding:22px;margin-bottom:18px;}
 .estaca-about-page .about-story {display:flex;flex-direction:column;gap:22px;}
 .estaca-about-page .about-story .case-body {padding:0;display:contents;}
 .estaca-about-page .about-story .case-body > .eyebrow {order:0;}
 .estaca-about-page .about-story h2 {order:1;margin:0;}
 .estaca-about-page .about-story .case-body > .case-task:not(blockquote) {order:2;margin:0;}
 .estaca-about-page .about-story .case-img {order:3;width:100%;min-height:350px;}
 .estaca-about-page .about-story-quote {order:4;position:relative;left:auto;top:auto;transform:none;width:92%;align-self:center;margin-top:-95px;font-size:16px;}
 .estaca-about-page .about-stats {grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 0;}
 .estaca-about-page .about-stat:nth-child(odd) {padding-left:0;border-left:0;}
 .estaca-about-page .about-stat:last-child {grid-column:1/-1;}
 .estaca-about-page .about-steps {grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 0;}
 .estaca-about-page .about-step:nth-child(odd) {border-left:0;padding-left:0;}
 .estaca-about-page .about-production {display:flex;flex-direction:column;gap:24px;}
 .estaca-about-page .about-production-photos {width:100%;gap:12px;}
 .estaca-about-page .about-production-photos img {height:250px;}
 .estaca-about-page .about-production .case-body {padding:0;}
 .estaca-about-page .about-cta {padding:0;}
 .estaca-about-page .about-cta .cta-band {display:block;}
 .estaca-about-page .about-cta .cta-band > div {max-width:none;}
 .estaca-about-page .about-benefits .feats {grid-template-columns:1fr 1fr;gap:22px 0;}
 .estaca-about-page .about-benefits .feat {padding:0 12px;}
 .estaca-about-page .about-benefits .feat:nth-child(odd) {border-left:0;padding-left:0;}
}
@media(max-width:420px){
 .estaca-about-page .hero > .hero-img {height:360px;}
 .estaca-about-page .about-production-photos img {height:200px;}
 .estaca-about-page .about-benefits .feats {grid-template-columns:1fr;}
 .estaca-about-page .about-benefits .feat {border-left:0;padding:0;}
}

/* Keep the history copy clear of the overlapping quote card. */
@media(min-width:761px){.estaca-about-page .about-story .case-body{padding-right:40%;}}

/* Native disclosure for the WordPress page content. */
.estaca-about-page .about-story{position:relative;}
.estaca-about-page .about-history-details{margin-top:24px;border-top:1px solid var(--line);padding-top:20px;}
.estaca-about-page .about-history-details>summary{cursor:pointer;color:var(--accent);font-weight:600;width:fit-content;padding:10px 0;}
.estaca-about-page .about-history-details>summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px;}
.estaca-about-page .history-read-less{display:none;}
.estaca-about-page .about-history-details[open] .history-read-more{display:none;}
.estaca-about-page .about-history-details[open] .history-read-less{display:inline;}
.estaca-about-page .about-history-content{padding-top:16px;overflow-wrap:anywhere;line-height:1.7;}
.estaca-about-page .about-history-content img{max-width:100%;height:auto;}

/* Keep the original block height and frame the inscription. */
.estaca-about-page .about-story .case-img .hero-img img{object-fit:cover;object-position:50% 30%;}
