/* ULO source-led identity: rust brown sampled from the official menu JPG
   (#6d3328). Type weights echo its bold bilingual headings. */
:root{--ulo-rust:#6d3328;--ulo-cream:#e8d4b8}
.site-header{height:112px;border-bottom:2px solid var(--brown)}
.logo img{width:88px;height:88px}
.site-header nav{font-weight:700}
.small-button,.button{border-radius:0;font-weight:700}
.small-button{background:var(--brown);color:var(--paper);border-color:var(--brown)}
.small-button:hover{color:var(--brown)}
.language{font-weight:800}
h1,h2,h3{font-weight:800;letter-spacing:0}
[dir=ltr] h1,[dir=ltr] h2{font-family:'DM Sans',sans-serif;letter-spacing:-.025em;line-height:1.12;font-weight:900}
[dir=ltr] em{font-style:normal}
h2{font-size:clamp(34px,3.7vw,58px);line-height:1.5}
.eyebrow{font-size:12px;letter-spacing:.045em;font-weight:800}
.hero-heading{align-items:center;padding:36px 3% 32px}
.hero h1{font-size:clamp(64px,7vw,104px);letter-spacing:0;line-height:1.15;margin-top:12px;font-weight:900}
.hero h1 em{display:inline-block;font-size:.43em;line-height:1.5;white-space:nowrap}
.hero-intro{max-width:340px;border-inline-start:3px solid var(--brown);padding-inline-start:28px}
.hero-intro p{font-size:16px;font-weight:600}
.hero-film{border-radius:0}
.film-top{font-weight:800;letter-spacing:.04em}
.film-caption{border-radius:0;background:var(--brown);color:var(--ulo-cream);backdrop-filter:none}
.under-film{font-weight:700;border-bottom:2px solid var(--brown)}
.manifesto{padding:72px 20px 42px}
.manifesto h2{margin:15px 0}
.signature-grid{grid-template-columns:1fr 1fr;gap:28px}
.offset-card{padding-top:0}
.image-button{border-radius:0}
.image-button img,.offset-card img{height:480px}
.image-label{background:var(--brown);color:var(--ulo-cream);padding:9px 12px;letter-spacing:.06em;font-weight:800;text-shadow:none}
.product-heading{border-top:2px solid var(--brown);padding-top:15px}
.summer{gap:5%;padding-block:65px;background:var(--cream)}
.summer-visual{padding-top:0}
.summer-visual video{border-radius:0}
.summer h2{line-height:1.5}
.menu-section>.section-heading{background:var(--brown);color:var(--ulo-cream);padding:32px;margin-bottom:0;align-items:center}
.menu-section>.section-heading h2{margin-top:4px}
.menu-section>.section-heading p{color:var(--ulo-cream)}
.menu-toolbar{border-top:0;border-bottom:2px solid var(--brown);padding-block:16px}
.categories button{border-radius:0;font-weight:700}
.menu-card .menu-card-content{border-color:var(--brown)}
.menu-card h3{font-weight:700}
.menu-card.text-card{background:var(--brown);color:var(--ulo-cream);border:0;min-height:175px}
.text-card .en-name,.text-card .calories{color:var(--ulo-cream)}
.card-symbol{font-family:'DM Sans',sans-serif;font-style:normal;font-weight:900;font-size:30px;opacity:.12;top:auto;bottom:8px;letter-spacing:-2px;color:var(--ulo-cream)}
.text-card .menu-card-content{position:relative;z-index:1}
.price{font-weight:700}
.space-images{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:end}
.space-interior{height:490px}
.space-coffee{position:static;width:100%;height:370px;border:0}
.club{border-top:3px solid var(--brown)}
.footer-top p{font-family:'DM Sans',sans-serif;font-weight:800;font-style:normal;font-size:25px}
.footer-top img{width:95px;height:95px}
.footer-bottom{border-top:2px solid var(--brown)}
.mobile-bar{background:var(--paper);backdrop-filter:none;font-weight:700;border-top:2px solid var(--brown)}
@media(max-width:1050px){.image-button img,.offset-card img{height:390px}.hero h1{font-size:80px}.space-interior{height:390px}.space-coffee{height:270px}}
@media(max-width:700px){
 .site-header{height:90px}.logo img{width:68px;height:68px}
 .hero-heading{display:block;padding:26px 3% 24px}
 .hero h1,[dir=ltr] .hero h1{font-size:64px;line-height:1.1;letter-spacing:0}
 .hero h1 em{font-size:28px}
 .hero-intro,[dir=ltr] .hero-intro{width:auto;max-width:none;border-inline-start:0;padding:0;margin-top:16px;display:flex;align-items:center;justify-content:space-between;gap:20px}
 .hero-intro p,[dir=ltr] .hero-intro p{font-size:11px;margin:0;max-width:165px}
 .hero-intro .text-link{font-size:10px;min-width:0;gap:12px;flex-shrink:0}
 .hero-film{height:390px;min-height:0}.eyebrow{font-size:10px}
 h2,.club h2{font-size:34px;letter-spacing:0}
 .manifesto{padding:55px 6% 35px}.manifesto h2{margin:14px 0}
 .signature-grid{display:grid;grid-template-columns:1fr;gap:35px}
 .image-button img,.offset-card img{height:390px}
 .summer{padding-block:50px}.summer-visual{padding-top:0}
 .menu-section>.section-heading{padding:24px;display:block}
 .menu-section>.section-heading h2{font-size:35px}
 .menu-section>.section-heading p{margin-top:12px;font-size:11px}
 .categories button{font-size:11px}.menu-card.text-card{min-height:165px}
 .space-images{padding:0;gap:12px}.space-interior{height:330px}.space-coffee{height:245px;width:100%}
 .footer-top img{width:75px;height:75px}.footer-top p{font-size:19px}
}