/* OFICIO CERO / Identidad editorial v1.0 — October 2026
   Refines the existing bespoke layout without replacing the architecture.
   The product presentation keeps its own interface design. */
.brand-mark{border-radius:2px;flex-shrink:0}
.brand-mark svg{width:29px;height:29px}
.brand-name{font-size:20px;letter-spacing:-.065em;white-space:nowrap}
.brand-suffix{color:var(--heat);font-size:10px;margin-left:-4px;letter-spacing:0}
.site-header{gap:18px}
.header-middle{gap:22px}
.site-nav{gap:clamp(12px,1.6vw,26px)}
.site-nav a{font-size:10px;white-space:nowrap}
.header-cta{white-space:nowrap;gap:14px;padding:13px 15px}
.footer-stamp{align-items:center}
.footer-stamp .brand-name{font-size:clamp(25px,3vw,40px);letter-spacing:-.065em}
.footer-stamp .brand-mark{width:44px;height:44px}
.footer-stamp .brand-mark svg{width:34px;height:34px}
.footer-stamp .brand-suffix{margin-top:-18px}
/* Make the editorial navigation safe for the longer brand without shrinking tap targets. */
@media(max-width:1120px){
  .header-clock{display:none}
  .site-header{gap:13px}
  .header-middle{gap:12px}
  .site-nav{gap:13px}
  .brand-name{font-size:18px}
}
@media(max-width:1019px){
  .site-header{height:69px}
  .site-nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--hair);padding:25px var(--gutter) 30px;flex-direction:column;align-items:flex-start;gap:24px;box-shadow:0 20px 30px rgba(0,0,0,.08)}
  .site-nav[data-open="true"]{display:flex}
  .site-nav a{font-size:14px}
  .header-middle{margin-left:auto}
  .menu-toggle{display:flex}
  .header-cta{padding:12px 14px}
}
@media(max-width:550px){
  .brand-name{font-size:clamp(15px,4.5vw,19px)}
  .brand-mark{width:32px;height:32px}
  .brand-mark svg{width:25px;height:25px}
  .brand-suffix{font-size:9px;margin-left:-7px}
  .site-header{gap:9px}
  .header-cta{font-size:0;min-height:42px}
  .header-cta svg{width:19px;height:19px}
  .footer-stamp .brand-name{font-size:clamp(27px,7.2vw,39px)}
}
@media(max-width:360px){
  .brand{gap:7px}
  .brand-name{font-size:15px}
  .brand-suffix{display:none}
}