/* One immersive scene, with text and controls over the media on all screens. */
.hero.hero-caballeriza{height:clamp(720px,56.25vw,1080px);min-height:0;max-height:none;background:#162019;display:block;overflow:hidden;isolation:isolate}
.hero-caballeriza:before{display:none!important}
.hero-caballeriza .hero-media,.hero-caballeriza .hero-film{position:absolute;inset:0;display:block;width:100%;height:100%;z-index:-3}
.hero.hero-caballeriza .hero-image,.hero-caballeriza .hero-film{position:static;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;mask-image:none;-webkit-mask-image:none;filter:none;transform:none}
.hero-caballeriza .hero-film{position:absolute;z-index:-2;opacity:0;transition:opacity .4s ease}
.hero-caballeriza .hero-film.is-playing{opacity:1}
.hero-caballeriza .hero-film[hidden],.hero-motion[hidden]{display:none!important}
.hero-caballeriza .hero-shade{background:linear-gradient(90deg,#07130fc9 0%,#07130f55 33%,transparent 64%),linear-gradient(180deg,#09170e66,transparent 25%,transparent 70%,#09170fa8);pointer-events:none}
.hero-caballeriza .hero-content{position:absolute;top:175px;left:5.5%;width:37%;padding:0;z-index:1}
.hero-caballeriza .hero-content .eyebrow{font-size:8px;line-height:1.8;letter-spacing:1.7px;margin-bottom:16px;max-width:350px}
.hero-caballeriza h1{font-size:clamp(38px,3.6vw,62px);line-height:1.08;letter-spacing:-1.4px;max-width:550px;text-wrap:balance;text-shadow:0 2px 28px #07130f55}
.hero-caballeriza h1 em{display:block;margin-top:8px}
.hero-caballeriza .hero-actions{position:absolute;left:5.5%;bottom:88px;margin:0;z-index:2;display:grid;grid-template-columns:auto auto;gap:12px 16px;align-items:center}
.hero-caballeriza .hero-actions .button{min-height:48px;min-width:235px;font-size:11px}
.hero-caballeriza .hero-actions .hero-armored-link{min-width:150px;background:#15231bbc;border:1px solid #e2d0aa80;color:#fff2d8;backdrop-filter:blur(8px)}
.hero-caballeriza .hero-actions .hero-armored-link:hover{background:#2a3728}
.hero-caballeriza .hero-bespoke-link{grid-column:1/-1;justify-self:start;font-size:11px;color:#fff4de;text-shadow:0 1px 8px #000}
.hero-caballeriza .hero-foot{bottom:20px;left:5.5%;right:5.5%;z-index:2;min-height:38px}
.hero-caballeriza .hero-note{display:block;font-size:8px;letter-spacing:1px;color:#f2e5cf;margin-left:auto}
.hero-motion{display:flex;align-items:center;gap:8px;border:1px solid #f3e4c860;border-radius:30px;background:#13251a66;backdrop-filter:blur(8px);color:#f3e4c8;font-size:10px;min-height:40px;padding:8px 15px}
.hero-motion:hover{background:#24372bd9}
.hero-motion:focus-visible{outline:2px solid #f3e4c8;outline-offset:4px}
@media(max-width:1050px) and (min-width:761px){
 .hero-caballeriza .hero-content{top:155px;width:43%}
 .hero-caballeriza h1{font-size:39px}
 .hero.hero-caballeriza{height:760px}
 .hero.hero-caballeriza .hero-image,.hero-caballeriza .hero-film{object-position:58% center}
}
@media(max-width:760px){
 .preview-banner{height:22px;font-size:6px;letter-spacing:1.2px;gap:7px;background:#142019}
 .header{position:absolute;top:22px;height:85px;padding:0 22px;background:transparent}
 .header .wordmark>.logo-crop{width:173px;height:65px}
 .header .menu-button{min-width:44px;min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:7px}
 .header .menu-button span{background:#eadcc0;width:24px;margin:0}
 .mobile-menu{top:107px}
 .hero.hero-caballeriza{height:min(calc(100svh - 22px),185vw);min-height:600px;max-height:1040px;display:block}
 .hero-caballeriza .hero-content{position:absolute;top:112px;left:22px;right:22px;width:auto;padding:0;z-index:1}
 .hero-caballeriza .hero-content .eyebrow{font-size:7px;letter-spacing:1px;margin:0 0 13px;max-width:330px;line-height:1.5;gap:10px}
 .hero-caballeriza .short-line{width:20px}
 .hero-caballeriza h1{max-width:390px;font-size:clamp(31px,8.4vw,42px);line-height:1.05;letter-spacing:-.7px;text-wrap:balance}
 .hero-caballeriza h1 em{margin-top:6px}
 .hero-caballeriza .hero-media{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;overflow:hidden}
 .hero.hero-caballeriza .hero-image,.hero-caballeriza .hero-film{object-fit:cover;object-position:center;height:100%;width:100%}
 .hero-caballeriza .hero-shade{display:block;background:linear-gradient(180deg,#06140eb8 0%,#06140e66 28%,transparent 45%,transparent 71%,#06140e90 83%,#06140fe8 100%)}
 .hero-caballeriza .hero-actions{position:absolute;left:22px;right:22px;bottom:66px;grid-template-columns:1.4fr 1fr;align-items:stretch;padding:0;margin:0;gap:9px}
 .hero-caballeriza .hero-actions .button{width:100%;min-width:0;min-height:48px;padding:12px 13px;font-size:10px;gap:8px;justify-content:space-between;background:#f6f1e6ed}
 .hero-caballeriza .hero-actions .hero-armored-link{min-width:0;background:#15231bbc;color:#fff2d8;border-color:#e2d0aa80}
 .hero-caballeriza .hero-bespoke-link{justify-self:center;font-size:11px;align-self:center;padding:3px 0;min-height:30px;display:flex;align-items:center;gap:18px}
 .hero-caballeriza .hero-bespoke-link span{margin:0}
 .hero-caballeriza .hero-foot{position:absolute;bottom:14px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:0;margin:0;min-height:36px}
 .hero-caballeriza .scroll-circle{display:none}
 .hero-caballeriza .hero-note{font-size:7px;letter-spacing:.7px;text-align:right}
 .hero-motion{font-size:9px;padding:7px 11px;min-height:36px}
}
@media(prefers-reduced-motion:reduce){.hero-caballeriza .hero-film{transition:none}}

/* Original button styling restored; only sizing and requested layout retained. */
.hero-caballeriza .hero-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hero-caballeriza .hero-actions .button{width:100%;min-width:0;justify-content:center;text-align:center;font-size:11px;font-weight:400}
.hero-caballeriza .hero-bespoke-link{width:100%;justify-self:stretch;justify-content:center;text-align:center;font-size:11px;font-weight:400;min-height:44px;display:flex;align-items:center}
.header .header-cta{font-size:11px;font-weight:400;justify-content:center;text-align:center;min-height:48px}
@media(min-width:701px){.hero-caballeriza .hero-actions{width:440px;max-width:calc(100% - 11%)}}
@media(min-width:761px){
 .hero.hero-caballeriza{height:100svh;min-height:560px;max-height:none}
 .hero-caballeriza .hero-content{top:40%;left:5.5%;width:42%;max-width:620px;transform:none;text-align:left}
 .hero-caballeriza .hero-content .eyebrow{justify-content:flex-start;margin-inline:0}
 .hero-caballeriza h1{font-size:clamp(34px,5.7svh,62px);max-width:620px}
 .hero-caballeriza .hero-actions{bottom:92px}
 .hero-caballeriza .hero-bespoke-link{display:none}
 body .header{mix-blend-mode:normal}
}
body .header .wordmark .logo-crop img{filter:none;mix-blend-mode:normal}

/* Original hero arrows and typography; menu remains a single arrow-free link. */
.hero-caballeriza .hero-actions .button{justify-content:space-between;text-align:left}
.header .header-cta{font-size:10px}
@media(max-width:760px){.hero-caballeriza .hero-actions .button{font-size:10px}}

/* Blue-slate from the armored collection's active palette. */
.hero-caballeriza .hero-actions .hero-armored-link,.header .header-cta{background:#2b373e;color:#f4f7f8;border-color:#859096;backdrop-filter:none}
.hero-caballeriza .hero-actions .hero-armored-link:hover,.header .header-cta:hover{background:#303a3f;color:#fff;border-color:#bcc8cc}

/* Final route treatment: centered labels; bespoke uses the site's forest palette. */
.hero-caballeriza .hero-actions .button,.hero-caballeriza .hero-bespoke-link,.header .header-cta{justify-content:center;text-align:center}
.hero-caballeriza .hero-bespoke-link,.header .header-cta{background:#202920;color:var(--cream);border:1px solid #7c8779;text-shadow:none;min-height:48px;padding:12px 17px}
.hero-caballeriza .hero-bespoke-link:hover,.header .header-cta:hover{background:#384631;color:var(--cream);border-color:#a9b19f}
/* Desktop bespoke CTA stays readable against both sky and dark foliage. */
@media(min-width:761px){
 .header .header-cta{background:#354b32;color:#fffdf5;border:1px solid #d3dbce;box-shadow:0 2px 12px #0005;font-size:12px;min-height:50px;backdrop-filter:none}
 .header .header-cta:hover{background:#435e3f;color:#fffdf5;border-color:#edf1e9}
}
/* Desktop CTA uses the existing collection button's neutral finish. */
@media(min-width:761px){
 .header .header-cta{background:#f8f4ea;color:#24231f;border:1px solid transparent;box-shadow:none;backdrop-filter:none}
 .header .header-cta:hover{background:#e8e4da;color:#24231f;border-color:transparent}
}
/* Mobile proposal: readable type, equal touch targets and restrained section colors. */
@media(max-width:760px){
 .hero-caballeriza .hero-actions{gap:10px;bottom:84px}
 .hero-caballeriza .hero-actions .button,.hero-caballeriza .hero-bespoke-link{display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--sans);font-size:13px;font-weight:400;font-synthesis:none;letter-spacing:.035em;line-height:1.3;min-height:52px;padding:14px 10px;border-radius:2px;text-shadow:none;box-shadow:0 3px 12px #0002;backdrop-filter:none}
 .hero-caballeriza .hero-actions .button-cream{background:#f4f0e7;color:#242923;border:1px solid #f4f0e7}
 .hero-caballeriza .hero-actions .hero-armored-link{background:#2b373e;color:#f6f5ef;border:1px solid #8e9ba2}
 .hero-caballeriza .hero-bespoke-link{background:#293d2d;color:#f6f5ef;border:1px solid #8a9b87;width:100%}
 .hero-caballeriza .hero-actions .button:hover{transform:none}
 .hero-caballeriza .hero-bespoke-link:hover{background:#364d39}
}
