.brand,.footer-brand{display:flex;align-items:center;gap:10px;width:157px}.brand>img:not(.brand-symbol),.footer-brand>img:not(.brand-symbol){width:116px;min-width:0}.brand .brand-symbol,.footer-brand .brand-symbol{width:29px;height:31px;object-fit:contain;flex-shrink:0}.header .brand{width:157px}.hero-copy{max-width:850px}.hero h1{font-size:clamp(54px,6vw,88px);line-height:.97}.home-manifesto{background:#EDE2D4;text-align:center;padding-top:65px;padding-bottom:65px}.home-manifesto h2{font-family:"Sofit Display",sans-serif;font-size:60px;line-height:1;margin-bottom:28px}.serbian-footer{display:flex;justify-content:space-between;gap:30px;padding:30px 0}.serbian-footer nav{display:flex;gap:28px;font-weight:600;font-size:12px}.instagram-channel{display:flex;align-items:center;gap:12px;font-size:11px;flex-wrap:wrap}.instagram-pending{color:#79634F;font-size:10px}.about-page{padding-top:65px;min-height:70vh}.about-page h1{font:800 68px/.98 "Sofit Display",sans-serif;margin-bottom:45px}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center;max-width:1100px}.about-layout>img{max-height:620px;object-fit:cover}.about-layout p{font-size:15px;line-height:1.9;margin-bottom:22px}.header-actions{gap:0}.announcement{justify-content:center}.size-error:empty{display:none}.menu-tagline{font-size:20px}.header.catalog-header{position:relative}.header.catalog-header.solid{position:fixed}
@media(max-width:760px){.header .brand{width:129px}.brand>img:not(.brand-symbol){width:94px}.brand .brand-symbol{width:25px;height:27px}.brand{gap:8px}.hero h1{font-size:clamp(36px,10.2vw,60px);line-height:1.06;letter-spacing:-.2px}.hero-copy{left:20px;right:18px}.hero-buttons .button-white{min-width:0}.hero-buttons .button{padding:0 15px;gap:12px;font-size:10px}.hero .eyebrow{font-size:7px}.hero-copy>p:not(.eyebrow){margin-bottom:20px}.home-manifesto h2{font-size:47px}.serbian-footer{flex-direction:column;gap:25px}.instagram-channel{gap:10px}.about-page{padding-top:40px}.about-page h1{font-size:44px;margin-bottom:30px}.about-layout{display:block}.about-layout>img{max-height:420px;margin-bottom:30px}.about-layout p{font-size:13px}.footer-brand{width:145px}.footer-brand>img:not(.brand-symbol){width:106px}.announcement{font-size:7px;letter-spacing:.9px}}

/* The three highlighted areas share the Elamari cream surface. */
.home-manifesto,.hero-copy,#menu-dialog,#menu-dialog .dialog-header,#menu-dialog .menu-tagline{background:var(--feature-surface);color:var(--chocolate)}
.home-manifesto .muted,#menu-dialog .muted{color:var(--text-muted)}
#menu-dialog .dialog-header,#menu-dialog nav a{border-color:var(--feature-line)}
#menu-dialog nav a:hover,#menu-dialog nav a:focus-visible{background:#36231C0A}
.hero{min-height:690px}
.hero-copy{width:min(680px,56%);max-width:680px;bottom:80px;padding:35px 38px 36px}
.hero h1{font-size:clamp(48px,4.7vw,70px);line-height:1.02;letter-spacing:-.4px;margin-bottom:20px}
.hero-copy .eyebrow{color:var(--text-muted);margin-bottom:17px}
.hero-copy>p:not(.eyebrow){color:var(--text-muted);font-size:14px;margin-bottom:24px}
.hero .button-white{background:var(--chocolate);color:var(--cream)}
.hero .button-white:hover{background:#513A2F}
.hero .button-outline{color:var(--chocolate);border-color:var(--chocolate)}
.hero .button-outline:hover{background:#36231C0A}
.home-manifesto .text-link{border-bottom:1px solid var(--feature-line);padding-bottom:7px}
.instagram-channel a:hover{color:var(--text-muted)}
@media(max-width:760px){
  .hero{height:auto;min-height:0;max-height:none;background:var(--feature-surface);color:var(--chocolate)}
  .hero picture{display:block;position:relative;height:48svh;min-height:330px;max-height:520px;width:100%}
  .hero-image{object-position:24% 28%}
  .hero-shade{height:48svh;min-height:330px;max-height:520px;bottom:auto;pointer-events:none}
  .hero-copy{position:relative;left:auto;right:auto;bottom:auto;width:100%;max-width:none;padding:29px 22px 27px}
  .hero h1{font-size:clamp(36px,10.2vw,60px);line-height:1.05;margin-bottom:17px}
  .hero-copy .eyebrow{font-size:8px;margin-bottom:14px}
  .hero-copy>p:not(.eyebrow){font-size:12px;margin-bottom:22px;max-width:none}
  .hero-caption{position:static;margin:0 22px;padding:13px 0 17px;border-top:1px solid var(--feature-line);background:var(--feature-surface);color:var(--text-muted);align-items:center;font-size:7px}
  .hero-caption a{font-size:7px;gap:12px}
  .hero-caption a span{font-size:17px}
  .hero-buttons{flex-wrap:wrap}
  .hero-buttons .button{min-height:46px;height:auto;padding:14px 18px;font-size:11px}
  .hero-buttons .button-outline{min-width:0}
}