:root{--red:#9d373d;--cream:#f8f6f1;--ink:#292720;--muted:#716e65;--line:#dedbd2}
/* Modern responsive top bar */
.topbar{position:sticky;top:0;z-index:1100;background:rgba(250,249,245,.96);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(41,39,32,.09);box-shadow:0 8px 28px rgba(41,39,32,.055)}
.topbar-inner{width:min(100%,2000px);min-height:clamp(82px,6vw,100px);margin:0 auto;padding:0 clamp(20px,4vw,76px);display:flex;align-items:center;justify-content:space-between;gap:clamp(20px,3vw,56px)}
.topbar-brand{display:inline-flex;align-items:center;gap:clamp(10px,1.2vw,18px);min-width:max-content;color:var(--ink);text-decoration:none}
.topbar-brand:hover,.topbar-brand:focus-visible{color:var(--ink);text-decoration:none}
.topbar-brand img{position:relative;z-index:1;display:block;width:clamp(104px,8vw,142px);height:clamp(104px,8vw,142px);margin-block:-21px;object-fit:contain}
.topbar-brand-name{display:flex;flex-direction:row;align-items:baseline;gap:.42em;font:600 clamp(14px,1vw,16px)/1.2 'DM Sans',sans-serif;letter-spacing:.03em;white-space:nowrap}
.topbar-brand-name small{margin:0;color:var(--muted);font:500 clamp(9px,.7vw,12px)/1.3 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase}
.topbar-navigation{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2.05vw,36px)}
.topbar-link{position:relative;padding:12px 0;color:#625f57;text-decoration:none;font-size:clamp(12px,.82vw,15px);font-weight:600;letter-spacing:.045em;white-space:nowrap;transition:color .18s ease}
.topbar-link::after{position:absolute;right:0;bottom:4px;left:0;height:2px;background:var(--red);content:'';transform:scaleX(0);transform-origin:left;transition:transform .18s ease}
.topbar-link:hover,.topbar-link:focus-visible,.topbar-link.is-active{color:var(--red);text-decoration:none}
.topbar-link:hover::after,.topbar-link:focus-visible::after,.topbar-link.is-active::after{transform:scaleX(1)}
.topbar-contact{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 clamp(16px,1.5vw,25px);border:1px solid var(--red);border-radius:999px;background:var(--red);color:#fff;text-decoration:none;font-size:clamp(12px,.82vw,15px);font-weight:600;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}
.topbar-contact:hover,.topbar-contact:focus-visible{background:transparent;color:var(--red);text-decoration:none;transform:translateY(-1px)}
.topbar-contact span{font-size:17px;line-height:1}
.topbar-toggle{display:none;width:46px;height:46px;flex:0 0 46px;align-items:center;justify-content:center;flex-direction:column;gap:5px;border:1px solid var(--line);border-radius:50%;background:#fff;color:var(--ink);cursor:pointer}
.topbar-toggle span{display:block;width:18px;height:2px;border-radius:2px;background:currentColor;transition:transform .2s ease,opacity .2s ease}
.topbar-toggle.is-open span:first-child{transform:translateY(7px) rotate(45deg)}
.topbar-toggle.is-open span:nth-child(2){opacity:0}
.topbar-toggle.is-open span:last-child{transform:translateY(-7px) rotate(-45deg)}
.topbar :focus-visible{outline:3px solid #c78065;outline-offset:4px}
@media(max-width:1080px){
  .topbar-inner{min-height:82px;padding-inline:clamp(20px,4vw,44px)}
  .topbar-brand img{width:96px;height:96px;margin-block:-7px}
  .topbar-brand-name{flex-direction:column;align-items:flex-start;font:600 clamp(15px,1.25vw,21px)/1.12 'Playfair Display',serif;letter-spacing:.01em}
  .topbar-brand-name small{margin-top:4px;color:var(--muted);font:500 clamp(9px,.7vw,12px)/1.3 'DM Sans',sans-serif;letter-spacing:.11em;text-transform:uppercase}
  .topbar-toggle{display:flex}
  .topbar-navigation{position:absolute;top:100%;right:0;left:0;display:none;align-items:stretch;gap:0;padding:12px clamp(20px,5vw,56px) 22px;border-bottom:1px solid var(--line);background:rgba(250,249,245,.99);box-shadow:0 18px 28px rgba(41,39,32,.09)}
  .topbar-navigation.is-open{display:flex;flex-direction:column}
  .topbar-link{padding:15px 4px;border-bottom:1px solid rgba(41,39,32,.08);font-size:15px}
  .topbar-link::after{display:none}
  .topbar-contact{align-self:flex-start;margin-top:16px;min-height:46px;font-size:14px}
}
@media(max-width:560px){
  .topbar-inner{min-height:70px;padding:0 16px;gap:12px}
  .topbar-brand{gap:9px}
  .topbar-brand img{width:clamp(66px,19vw,78px);height:clamp(66px,19vw,78px);margin-block:-4px}
  .topbar-brand-name{font-size:15px}
  .topbar-brand-name small{font-size:8px;letter-spacing:.08em}
  .topbar-toggle{width:42px;height:42px;flex-basis:42px}
  .topbar-navigation{padding:8px 22px 20px}
}
@media(prefers-reduced-motion:reduce){.topbar-link,.topbar-link::after,.topbar-contact,.topbar-toggle span{transition:none}}