/* Logo Wipygo statico; colore campionato dallo sfondo del logo ufficiale. */
:root{--wipygo-bg:#141627;--storm:var(--wipygo-bg);--storm-2:var(--wipygo-bg)}
body,header,header.nav,footer,#intro{background:var(--wipygo-bg)}
header.nav{backdrop-filter:none}
.wipygo-mark{position:relative;display:block;width:158px;aspect-ratio:12/5;flex:none;background:var(--wipygo-bg);isolation:isolate}
.wipygo-mark img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:lighten;mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 5%,#000 95%,transparent)}
.brand:has(.wipygo-mark){display:flex;align-items:center;flex-shrink:0}
.hero h1.wipygo-hero{display:block;width:min(100%,480px);max-width:none;margin:18px 0 20px;background:none;color:inherit;filter:none;font-size:inherit;line-height:1;animation:none;opacity:1;transform:none}
.hero h1.wipygo-hero::after{content:none}
.wipygo-hero .wipygo-mark{width:100%}
.hero-copy::after{background:linear-gradient(90deg,var(--wipygo-bg) 0%,var(--wipygo-bg) 82%,transparent 100%);border-radius:0}
.wipygo-intro{width:min(80vw,440px)}
.wipygo-intro .wipygo-mark{width:100%}
@media(max-width:600px){.brand .wipygo-mark{width:132px}.wipygo-hero .wipygo-mark{width:100%}}