/* Criollo: editorial direction with natural, vivid photography. Original photography and brand. */
:root{--ink:#0b0b0b;--paper:#fff;--muted:#b8b8b8;--line:#383838}
body{background:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.65}
h1,h2{letter-spacing:-.045em;text-wrap:balance}
.header{padding:22px 6%;border-color:var(--line)}
.identity{gap:18px}.identity img{width:64px;height:64px;filter:none;object-fit:contain}.identity small{font-size:12px;letter-spacing:4px}
.header nav,.header-reserve{font-size:14px}.header nav{gap:32px}
.hero{grid-template-columns:1fr 1fr;min-height:720px;max-height:none}
.hero-copy{padding:80px 12% 36px}.hero h1{font-size:clamp(64px,6.5vw,108px);line-height:1.04}
.eyebrow,.section-label{font-size:12px;letter-spacing:.14em}.eyebrow{max-width:30ch;line-height:1.8;margin-bottom:34px}
.intro{max-width:32ch;color:#c6c6c6;margin:30px 0 36px}.button,.text-link{font-size:14px;min-height:44px}.text-link{display:inline-flex;align-items:center}
.button{padding:15px 22px;gap:24px}.actions{gap:18px}
.hero-foot{font-size:12px;letter-spacing:.08em;flex-wrap:wrap;gap:8px;padding-top:48px}
.hero-photo>img{object-position:50% 73%;filter:saturate(1.12) brightness(1.06) contrast(1.025)}
.hero-photo figcaption{font-size:24px;left:32px;bottom:30px}
.ribbon{font-size:12px;letter-spacing:.18em;padding:22px 6%}
.section{padding:88px 8% 100px}.section-label{margin-bottom:56px;padding-bottom:22px}
.experience-grid{grid-template-columns:1.05fr 1fr;gap:10%}.venue>img{height:650px;object-position:50% 45%}
.venue figcaption{font-size:13px}.experience-copy{padding-top:36px}
.experience-copy p,.menu-heading p,.visit-details p,.visit-details a{font-size:16px;line-height:1.8}
.experience-copy p{max-width:36ch}.detail-photo{width:70%;height:270px}
.menu-links a{font-size:clamp(28px,3vw,40px);padding:28px 0;transition:padding .2s,color .2s}.menu-links a:hover{padding-left:12px;color:#fff}
.menu-links small{font-size:13px}.gallery{gap:8px;padding:0 8% 88px}.gallery figure{height:450px}.gallery figure:nth-child(2){margin-top:48px}.gallery figcaption{font-size:25px;left:24px}
.visit-details h3{font-size:12px;letter-spacing:.12em;color:#555}.visit-details a{text-underline-offset:5px}
footer{padding:56px 8% 28px}footer p,footer>div{font-size:14px}.copyright{font-size:12px;color:#b8b8b8}
a{transition:color .18s,background .18s,opacity .18s}a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1050px){.hero-copy{padding:64px 9% 32px}.hero{min-height:660px}.hero h1{font-size:clamp(58px,7vw,76px)}.hero-foot{display:flex}.gallery{padding-inline:6%}.gallery figure{height:360px}.experience-grid{gap:7%}.venue>img{height:610px}}
@media(max-width:760px){.header{padding:18px 6%;gap:18px}.identity img{width:52px;height:52px}.identity span{font-size:21px}.identity small{font-size:12px;letter-spacing:3px}.header nav{font-size:14px;padding-top:16px;gap:16px}.header-reserve{font-size:14px;min-width:86px}.hero{min-height:0;display:flex}.hero-copy{padding:48px 7% 30px}.hero h1{font-size:clamp(58px,15vw,86px)}.eyebrow{font-size:12px;margin-bottom:26px;max-width:32ch}.intro{font-size:16px}.hero-foot{font-size:12px;line-height:1.6;flex-wrap:wrap;padding-top:32px;gap:8px 18px}.hero-photo{height:480px}.hero-photo>img{object-position:50% 80%}.hero-photo figcaption{left:7%;font-size:24px}.ribbon{font-size:12px;letter-spacing:.08em}.section{padding:52px 7% 64px}.section-label{font-size:12px;letter-spacing:.06em;gap:20px;align-items:start;margin-bottom:36px}.section-label span:last-child{text-align:right}.experience-grid,.visit-grid{grid-template-columns:1fr;gap:34px}.experience-copy{padding:0}h2{font-size:clamp(40px,10.8vw,56px)}.venue>img{height:470px}.detail-photo{width:76%;height:260px}.gallery{padding:0 7% 56px;grid-template-columns:1fr;gap:20px}.gallery figure,.gallery figure:nth-child(2){height:430px;margin:0}.gallery figcaption{left:24px}.visit-details{grid-template-columns:1fr;gap:32px}.visit-details>div:first-child{grid-column:auto}footer{padding:42px 7% 26px;grid-template-columns:1fr;gap:28px}footer>p{font-size:14px}footer>div{font-size:14px;flex-wrap:wrap}.copyright{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Public restaurant facts and accessible, indexable answers. */
.hero h1{font-size:clamp(48px,5.2vw,84px);line-height:1.08}
.cuts-intro{max-width:760px;margin:0 0 42px}.cuts-intro h3{font:28px/1.3 Georgia,serif;letter-spacing:-.02em;text-transform:none;margin-bottom:18px}.cuts-intro p{font-size:16px;line-height:1.8;color:#c6c6c6}
.faq{background:#0b0b0b;color:#fff}.faq .section-label{border-color:#383838}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 56px;margin:42px 0 28px}.faq article{padding:28px 0;border-top:1px solid #383838}.faq h3{font:23px/1.4 Georgia,serif;letter-spacing:0;margin:0 0 16px}.faq p{font-size:16px;line-height:1.8;color:#c6c6c6}
@media(max-width:760px){.hero h1{font-size:clamp(44px,12vw,64px)}.faq-grid{grid-template-columns:1fr;margin-top:30px}.cuts-intro h3{font-size:25px}.faq article{padding:24px 0}}

/* Color is a reversible presentation treatment; source photos are unchanged. */
.venue>img,.detail-photo,.gallery img{filter:saturate(1.12) brightness(1.08) contrast(1.025)}
.gallery{row-gap:24px;align-items:start}.gallery figure:nth-child(2){margin-top:0}.gallery .postre-criollo img{filter:saturate(1.1) brightness(1.17) contrast(1.02);object-position:50% 48%}.gallery .corte-criollo img{object-position:50% 58%}.gallery .noche-criollo img{object-position:50% 55%}
