/* Top navigation bar — shared by the long (scrollspy) and tabbed versions */
.topnav .nav{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:0;row-gap:6px;background:rgba(255,241,206,.94);-webkit-backdrop-filter:blur(14px) saturate(1.2);backdrop-filter:blur(14px) saturate(1.2);box-shadow:0 1px 0 rgba(147,46,80,.12)}
.topnav .nav.is-solid{height:auto}
.topnav .nav.is-hidden{transform:none}
.topnav .nav__cta{display:inline-flex;margin-left:auto}
.tabbar{position:relative;flex:1 0 100%;display:flex;gap:4px;overflow-x:auto;scrollbar-width:none;margin:0 calc(var(--gut) * -1);padding:4px var(--gut) 0;-webkit-mask:linear-gradient(90deg,transparent 0,#000 var(--gut),#000 calc(100% - var(--gut)),transparent 100%);mask:linear-gradient(90deg,transparent 0,#000 var(--gut),#000 calc(100% - var(--gut)),transparent 100%)}
.tabbar::-webkit-scrollbar{display:none}
.tabbar__tab{position:relative;z-index:1;flex:none;padding:12px 18px 14px;font-size:12.5px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;color:var(--vino);opacity:.62;transition:opacity .35s var(--ease);white-space:nowrap}
.tabbar__tab:hover{opacity:1}
.tabbar__tab.is-active{opacity:1}
.tabbar__ink{position:absolute;left:0;bottom:0;height:2px;width:0;background:var(--vino);border-radius:2px;transition:transform .6s var(--ease),width .6s var(--ease)}
@media (min-width:1100px){.tabbar{justify-content:center}}

.topnav .hero__copy{padding-top:170px}
@media (max-width:899px){
  .topnav .nav{padding-top:8px}
  .topnav .nav__cta{display:inline-flex;min-height:40px;padding:0 16px 0 18px;font-size:15px}
  .topnav .hero__copy{padding-top:150px}
  .tabbar__tab{padding:10px 14px 12px;font-size:12px}
}

/* Tabbed version only (panels) */
.tabs-mode .panel{opacity:0;transform:translateY(18px);transition:opacity .7s var(--ease),transform .8s var(--ease)}
.tabs-mode .panel.is-in{opacity:1;transform:none}
.tabs-mode .panel > .sec:first-child{padding-top:calc(var(--sec) + 70px)}
.panel-next{background:var(--tinta);color:var(--crema)}
.panel-next__link{display:flex;align-items:center;gap:22px;padding:clamp(34px,5vw,56px) 0;text-decoration:none}
.panel-next__link .kicker{margin:0;color:var(--mostaza)}
.panel-next__title{font-family:var(--serif);font-size:clamp(30px,4.6vw,64px);line-height:1}
.panel-next__link .ic{width:clamp(28px,3vw,44px);height:auto;margin-left:auto;transition:transform .5s var(--ease)}
.panel-next__link:hover .ic{transform:translateX(10px)}
@media (max-width:560px){.panel-next__link{flex-wrap:wrap;gap:8px 16px}.panel-next__link .kicker{flex:1 0 100%}}