/* Casa Mayor — visual refinement layer */
:root{--ink:#24221d;--gold:#aa7a23;--cream:#f8f5ef;--sand:#efe9df}
body{background:var(--cream);text-rendering:optimizeLegibility}
:focus-visible{outline:3px solid #c59b52!important;outline-offset:4px}
.topbar{box-shadow:0 1px 12px rgba(34,28,17,.045);background:rgba(255,253,249,.98);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.topbar nav a{font-size:11px;letter-spacing:.055em;font-weight:600;position:relative;padding:12px 0}
.topbar nav a:after{content:'';position:absolute;left:0;right:100%;bottom:6px;height:1px;background:#a57d3c;transition:right .25s ease}
.topbar nav a:hover:after,.topbar nav a.selected:after{right:0}
.topbar .identity .brand-logo{width:96px;height:80px;object-fit:contain}
.navcta,.gold-button{border-radius:4px;letter-spacing:.12em;min-height:43px;box-shadow:none}
.gold-button{padding:17px 27px}
.editorial{min-height:560px}
.editorial-photo{min-height:560px}
.editorial-photo img{height:100%;object-fit:cover}
.editorial-copy{padding:clamp(45px,7vw,118px)}
.editorial h2,.section-heading h2,.selector-copy h2{color:#26251e}
.editorial p,.section-heading p{font-size:16px;line-height:1.9;color:#666158}
.editorial-copy .eyebrow,.section-heading .eyebrow{color:#9e742e}
.collection{padding-top:95px;padding-bottom:105px}
.cheese-grid{gap:18px}
.cheese-card{border:1px solid #ebe5db;overflow:hidden;border-radius:3px;box-shadow:0 5px 20px rgba(48,38,20,.035);transition:transform .35s,box-shadow .35s}
.cheese-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(48,38,20,.12)}
.cheese-card .cheese-photo{aspect-ratio:1.2;background:#f4f0e9;display:grid;place-items:center;overflow:hidden}
.cheese-card .cheese-photo img{width:100%;height:100%;object-fit:contain;padding:8px;transition:transform .5s ease}
.cheese-card:hover .cheese-photo img{transform:scale(1.045)}
.cheese-card .eyebrow{padding:0 18px}
.cheese-card h3{margin:8px 18px;font-size:clamp(25px,2.3vw,35px)}
.cheese-card p{margin:0 18px 10px}
.selector{padding-top:55px;padding-bottom:70px}
.age-tab{min-height:50px;transition:color .25s,background .25s}
.age-tab:hover{background:#f9f5ee}
.selector-img{background:#f7f3ed;border-radius:4px;overflow:hidden}
.selector-img img{mix-blend-mode:multiply;transition:opacity .25s ease}
.selector-copy p{font-family:Georgia,serif;font-size:18px;line-height:1.7}
.timeline-item{gap:clamp(18px,3vw,44px);padding:28px 0}
.timeline-item .step-image img{height:230px;object-fit:cover;border-radius:3px}
.pair-card{transition:transform .25s,box-shadow .25s}
.pair-card:hover{transform:translateY(-5px);box-shadow:0 12px 32px #0000000a}
.cinematic-end{min-height:610px;background-position:center 55%}
.cinematic-end:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0f150f77,#0f150f33)}
.foot-bottom{align-items:center}
.footer-logo{width:110px;height:110px}
/* Different page endings: relevant images instead of repeating one stock background */
body[data-page="cheeses"] .cinematic-end{background-image:linear-gradient(#10181166,#10181188),url('assets/cut.webp')}
body[data-page="process"] .cinematic-end{background-image:linear-gradient(#10181166,#10181188),url('assets/cellar.webp')}
body[data-page="la-mancha"] .cinematic-end{background-image:linear-gradient(#10181166,#10181188),url('assets/landscape.webp')}
body[data-page="story"] .cinematic-end{background-image:linear-gradient(#10181166,#10181188),url('assets/terrace.webp')}
body[data-page="table"] .cinematic-end{background-image:linear-gradient(#10181166,#10181188),url('assets/dining.webp')}
/* Preserve the exact user-approved desktop hero artwork, with its functional CTA hotspot */
@media(min-width:801px){.reference-home{background-size:cover!important;aspect-ratio:1536/924}.reference-home .hero-inner .gold-button{cursor:pointer}}
@media(max-width:1000px){.topbar nav.open{top:88px;z-index:100;border-bottom:1px solid #e7dfd1}.topbar nav.open a{font-size:14px;padding:10px 0}}
@media(max-width:800px){.reference-home{height:740px;min-height:740px}.reference-home .hero-backdrop{background-image:url('assets/homepage-cinematic.webp')!important;background-position:56% center!important}.reference-home:after{display:block!important;background:linear-gradient(90deg,#f1d7aaac,transparent 85%)!important}.reference-home .hero-inner{z-index:5}.reference-home h1{color:#201c16;text-shadow:0 2px 10px #fff5}.reference-home .home-tagline{color:#2e261b}.reference-home .hero-benefits{background:linear-gradient(transparent,#14100ce8 20%)}.editorial-photo{min-height:350px}.editorial{min-height:0}.selector-content{grid-template-columns:1fr}.selector-img img{height:340px}.cheese-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.topbar .identity .brand-logo{width:80px;height:70px}.topbar nav.open{top:76px}.editorial-copy{padding:55px 26px}.collection{padding:75px 16px}.cheese-grid{gap:12px}.cheese-card h3{font-size:24px;margin:7px 11px}.cheese-card .eyebrow{padding:0 11px}.cheese-card p{margin:0 11px 9px}.hero:not(.home-hero) h1{font-size:clamp(47px,11vw,70px)}.reference-home{height:720px;min-height:720px}.reference-home .hero-inner{padding:44px 21px}.reference-home h1{font-size:clamp(51px,11vw,74px)}.reference-home .hero-benefits{padding:14px 4px 19px}.reference-home .hero-benefits span{font-size:7px}.reference-home .hero-benefits svg{width:29px;height:29px}.timeline-item .step-image img{height:190px}.foot-top h2{font-size:46px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}.hero-backdrop{animation:none!important}}