/* The real wood stays sharp; the night palette reads as black-stained wood and brass. */
html[data-theme="night"] .site-header,html[data-theme="night"] .site-header.scrolled,html[data-theme="night"] .header{background-image:linear-gradient(#070605e8,#080605ed),url('assets/ranch-wood-seamless.webp');background-size:auto,1124px 720px;background-repeat:repeat;border-color:#bf914e}
html[data-theme="night"] .experience,html[data-theme="night"] .show-gallery,html[data-theme="night"] .prints,html[data-theme="night"] .paths,html[data-theme="night"] .service-showcase,html[data-theme="night"] .board-game,html[data-theme="night"] .trail-intro,html[data-theme="night"] .collection,html[data-theme="night"] .plan-page{background-image:linear-gradient(#080706ee,#080706ef),url('assets/ranch-wood-seamless.webp');background-size:auto,1124px 720px;background-repeat:repeat;color:#f8edda}
html[data-theme="night"] .portraits,html[data-theme="night"] .films,html[data-theme="night"] .founder-note,html[data-theme="night"] .roadmap-teaser,html[data-theme="night"] .story,html[data-theme="night"] .empty{background-image:linear-gradient(#050505e9,#090806eb),url('assets/ranch-wood-seamless.webp');background-size:auto,1124px 720px;background-repeat:repeat;color:#f8edda}
html[data-theme="night"] .journey article,html[data-theme="night"] .paths-grid article,html[data-theme="night"] .service-showcase__grid article,html[data-theme="night"] .board-game__seal{border-color:#c69a55;box-shadow:inset 0 1px #d9b677,0 13px 25px #0008}
html[data-theme="night"] .service-showcase__intro>p,html[data-theme="night"] .board-game__top p:not(.eyebrow),html[data-theme="night"] .board-game__note,html[data-theme="night"] .plan-assurance{color:#e8d6b8}
html[data-theme="night"] .board-game__table{background-image:linear-gradient(#060504d8,#060504e0),url('assets/ranch-wood-seamless.webp');background-size:auto,1124px 720px;border-color:#a87d3d}
html[data-theme="night"] .plan-scene:after{background:linear-gradient(transparent 50%,#080706)}
html[data-theme="night"] .plan-board{background-image:linear-gradient(#070605ed,#080706f0),url('assets/ranch-wood-seamless.webp');background-size:auto,1124px 720px;border-color:#9e7237}
html[data-theme="night"] .plan-assurance>span,html[data-theme="night"] .eyebrow{color:#e9bb72}
html[data-theme="night"] .header-book,html[data-theme="night"] .gold-button{border-color:#ead098;background:linear-gradient(#f0ca84,#b78840);color:#180f08}
html[data-theme="night"] .ticker,html[data-theme="night"] footer{background-image:linear-gradient(#050403e8,#090705ed),url('assets/ranch-wood-seamless.webp');background-size:auto,1124px 720px;color:#f7e8cb}

/* Focal framing keeps La Caballera Cubana in view on narrow cards. */
.caballera-chapters figure{min-width:0}
.caballera-chapters img{object-fit:cover;object-position:var(--subject-x,50%) var(--subject-y,25%)}
.caballera-chapters figure:nth-child(1){--subject-x:55%;--subject-y:0%}
.caballera-chapters figure:nth-child(2){--subject-x:69%;--subject-y:22%}
.caballera-chapters figure:nth-child(3){--subject-x:66%;--subject-y:20%}
.caballera-chapters figure:nth-child(4){--subject-x:40%;--subject-y:25%}
.caballera-chapters figure:nth-child(5){--subject-x:72%;--subject-y:20%}
.caballera-chapters figure:nth-child(6){--subject-x:82%;--subject-y:22%}
.caballera-chapters figure:nth-child(7){--subject-x:55%;--subject-y:25%}
.caballera-chapters figcaption{min-height:3.2em;font-size:.82rem;line-height:1.25;letter-spacing:.08em;overflow-wrap:anywhere}
.portrait-editorial figure:first-child img{object-position:40% 25%}
.portrait-editorial figure:last-child img{object-position:62% 25%}
.service-showcase__grid article:nth-child(5) img{object-position:39% 22%}
.service-showcase__grid article:nth-child(6) img{object-position:69% 20%}

/* Legible text and stable controls at narrow sizes. */
.site-header nav a,.header-book,.service-showcase__grid a,.plan-actions a,.plan-actions button{overflow-wrap:anywhere}
.service-showcase__grid article>div{min-height:0}
.service-showcase__grid h3{line-height:1.02}
.service-showcase__grid p{line-height:1.55}
.plan-step legend{line-height:1}
.plan-service-grid span{line-height:1.04}
@media(max-width:700px){.site-header .brand span{font-size:clamp(.94rem,3.3vw,1.18rem)}.site-header .brand small{font-size:.5rem;letter-spacing:.2em}.header-book{max-width:108px;padding:6px 8px;text-align:center;line-height:1.05}.service-showcase__grid article>div{padding:24px}.caballera-chapters img{height:340px}}
@media(max-width:500px){.site-header .header-book{width:91px;min-width:91px;max-width:91px;font-size:0;white-space:nowrap}.site-header .header-book::after{content:'PLANEA ↗';font:700 .75rem var(--label);letter-spacing:.04em}html[lang='en'] .site-header .header-book::after{content:'PLAN ↗'}}
@media(max-width:430px){.caballera-chapters img{height:370px}.portrait-editorial figure:first-child,.portrait-editorial figure:last-child{margin-inline:0}.portrait-editorial img{max-height:none}.portrait-editorial figure:last-child img{aspect-ratio:.9;object-position:62% 20%}}

/* Let the actual horse and horseshoe read at header size. The shine is a small
   transparent GIF over a sharp still, with a long rest between passes. */
.brand-mark{position:relative;display:block;flex:none;width:60px;height:60px;overflow:hidden;border:2px solid #d9ae64;border-radius:50%;background:#27180c;box-shadow:0 0 0 2px #25180f,0 0 19px #e8be704d}
.brand-mark img,.site-header .brand .brand-mark img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(1.34) contrast(1.08) saturate(1.12);box-shadow:none;border-radius:50%}
.brand-mark::after{content:"";position:absolute;inset:0;background:url("assets/ranch-shine.gif") center/100% 100% no-repeat;opacity:.27;mix-blend-mode:screen;pointer-events:none}
html[data-theme="night"] .brand-mark{border-color:#f1c579;box-shadow:0 0 0 2px #080706,0 0 21px #f4ce7866}
.wordmark .brand-mark{width:50px;height:50px}
@media(max-width:700px){.site-header .brand-mark{width:40px;height:40px}.wordmark .brand-mark{width:38px;height:38px}}
@media(max-width:460px){footer .wordmark .brand-mark{display:none}}
@media(prefers-reduced-motion:reduce){.brand-mark::after{display:none}}
