.brand-reveal{position:relative;width:225px;min-width:225px;height:86px;flex-shrink:0;z-index:25}
.brand-reveal :is(summary,.brand-home-link){display:block;width:225px;height:86px;position:relative;isolation:isolate;cursor:pointer;list-style:none;outline-offset:6px}
.brand-reveal :is(summary,.brand-home-link)::-webkit-details-marker{display:none}.brand-reveal :is(summary,.brand-home-link):focus-visible{outline:2px solid #111}
.brand-reveal:is([open],.is-expanded) :is(summary,.brand-home-link){width:225px}
.brand-art{position:absolute;display:block;top:0;left:0;width:225px;height:86px;pointer-events:none}
.logo-part{position:absolute;inset:0;display:block;background:#111;mask:url('/assets/logo-galileo.png') center/contain no-repeat;-webkit-mask:url('/assets/logo-galileo.png') center/contain no-repeat;opacity:0;transform:translateX(-9px);transition:opacity .24s ease,transform .42s cubic-bezier(.22,.61,.36,1)}
.logo-g{clip-path:polygon(0 14%,19.35% 14%,19.72% 63%,22.57% 100%,0 100%);opacity:1;transform:none}
.logo-a{clip-path:polygon(19.35% 0,35% 0,35% 100%,22.57% 100%,19.72% 63%)}
.logo-l1{clip-path:inset(0 51% 0 35%)}.logo-i{clip-path:inset(0 42.5% 0 49%)}.logo-l2{clip-path:inset(0 30.6% 0 57.5%)}.logo-e{clip-path:inset(0 19% 0 69.4%)}.logo-o{clip-path:inset(0 0 0 81%)}
.brand-reveal:is([open],.is-expanded) .logo-part{opacity:1;transform:none}
.brand-reveal:is([open],.is-expanded) .logo-a{transition-delay:.025s}.brand-reveal:is([open],.is-expanded) .logo-l1{transition-delay:.075s}.brand-reveal:is([open],.is-expanded) .logo-i{transition-delay:.125s}.brand-reveal:is([open],.is-expanded) .logo-l2{transition-delay:.175s}.brand-reveal:is([open],.is-expanded) .logo-e{transition-delay:.225s}.brand-reveal:is([open],.is-expanded) .logo-o{transition-delay:.275s}
.brand-reveal.is-introducing{z-index:25}
/* El logo siempre ocupa su propio espacio: no se despliega como una etiqueta sobre el menú. */
.header .brand-reveal :is(summary,.brand-home-link),.order-header .brand-reveal :is(summary,.brand-home-link){width:225px}
@media(max-width:650px){.brand-reveal{width:clamp(150px,43vw,200px);min-width:clamp(150px,43vw,200px);height:77px}.brand-reveal :is(summary,.brand-home-link),.brand-reveal:is([open],.is-expanded) :is(summary,.brand-home-link),.header .brand-reveal :is(summary,.brand-home-link),.order-header .brand-reveal :is(summary,.brand-home-link){height:77px;width:100%}.brand-art{width:100%;height:77px}}
@media(prefers-reduced-motion:reduce){.logo-part{transition:none!important}}
/* Keep the supplied mark on the page itself, without a backing plate. Its
   entrance is started by brand-lockup.js so it is visible on mobile loads. */
.brand-art .logo-part:not(.logo-g){display:none!important}
.brand-art .logo-g,.brand-reveal:is([open],.is-expanded) .brand-art .logo-g{
  clip-path:inset(0 0 0 0);
  opacity:1!important;
  transform:none!important;
  transition:none!important;
}
.brand-reveal:is([open],.is-expanded) :is(summary,.brand-home-link)::before{content:none!important;box-shadow:none!important}

/* Move the original mark as one surface; never reshape its letters. */
.brand-reveal :is(summary,.brand-home-link){perspective:720px}
.brand-reveal .brand-art{transform:rotateX(var(--brand-rotate-x,0deg)) rotateY(var(--brand-rotate-y,0deg)) translateZ(var(--brand-lift,0px));transform-origin:50% 50%;transition:transform .18s ease-out;backface-visibility:hidden}
@media(hover:hover) and (pointer:fine){.brand-reveal :is(summary,.brand-home-link):focus-visible .brand-art{transform:rotateX(-3deg) rotateY(4deg) translateZ(3px)}}
.account-icon-link{display:inline-grid!important;place-items:center;flex:none;width:44px;min-width:44px;height:44px;min-height:44px;padding:0!important;border:0;border-radius:50%;color:var(--accent,#ff6200);text-decoration:none!important;background:transparent;transition:background .16s ease,transform .16s ease}
.account-icon-link svg{display:block;width:19px;height:19px;flex:none;color:var(--accent,#ff6200);pointer-events:none}
.account-icon-link:hover{background:#ff62000c;transform:translateY(-1px)}
.account-icon-link:active{transform:scale(.96)}
.account-icon-link:focus-visible{outline:2px solid #b84300;outline-offset:2px}
.header .header-actions{gap:6px}
:is(.category-header,.product-header,.gallery-header,.checkout-header,.order-header) nav{gap:clamp(8px,2.2vw,30px)}
@media(max-width:650px){.header .header-actions{gap:2px}.account-icon-link{width:44px;min-width:44px}.header .brand-reveal{width:clamp(130px,37vw,190px);min-width:130px}}
.footer-wordmark{position:relative;isolation:isolate}
.footer-roots{position:absolute;display:block;width:min(100%,600px);height:100%;inset:auto 0 0;margin:auto;pointer-events:none;opacity:0;z-index:0;stroke:var(--forest,#153d2c);stroke-width:1.5;stroke-linecap:round}
.footer-roots path{stroke-dasharray:1;stroke-dashoffset:1}
.footer-logo-art{position:relative;z-index:1}
.footer-wordmark.is-growing .footer-roots{animation:galileo-roots-fade 1.9s ease both}
.footer-wordmark.is-growing .footer-roots path{animation:galileo-roots-draw 1.25s cubic-bezier(.2,.6,.3,1) both}
@keyframes galileo-roots-draw{to{stroke-dashoffset:0}}
@keyframes galileo-roots-fade{0%{opacity:0}12%,48%{opacity:.65}100%{opacity:0}}
@media(prefers-reduced-motion:reduce){.brand-reveal .brand-art,.brand-reveal :is(summary,.brand-home-link):focus-visible .brand-art{transform:none!important;transition:none}.account-icon-link{transition:none}.account-icon-link:hover,.account-icon-link:active{transform:none}.footer-roots{display:none!important}}