.mbtn,.mov{display:none}
@media(max-width:820px){
 header nav,body>nav{display:none!important}
 .mbtn{display:grid;position:fixed;top:14px;right:14px;z-index:200;width:52px;height:52px;border-radius:50%;background:#0c1117;border:0;cursor:pointer;place-content:center;gap:7px;padding:0}
 .mbtn i{display:block;width:26px;height:2px;background:#f1ecdc;transition:transform .35s,opacity .25s}
 .mbtn.on i:nth-child(1){transform:translateY(4.5px) rotate(45deg)}
 .mbtn.on i:nth-child(2){transform:translateY(-4.5px) rotate(-45deg)}
 .mov{display:flex;position:fixed;inset:0;z-index:150;background:#0c1117;color:#f1ecdc;flex-direction:column;justify-content:center;gap:6px;padding:90px 26px 40px;opacity:0;pointer-events:none;transition:opacity .3s}
 .mov.on{opacity:1;pointer-events:auto}
 .mov a{font-family:"Archivo",Arial,sans-serif;font-stretch:125%;font-weight:800;text-transform:uppercase;font-size:clamp(34px,11vw,56px);line-height:1.15;text-decoration:none;color:inherit;transform:translateY(18px);opacity:0;transition:transform .5s,opacity .5s}
 .mov.on a{transform:none;opacity:1}
 .mov.on a:nth-child(2){transition-delay:.05s}.mov.on a:nth-child(3){transition-delay:.1s}.mov.on a:nth-child(4){transition-delay:.15s}.mov.on a:nth-child(5){transition-delay:.2s}
}
.mlogo{display:none}
@media(max-width:820px){
 .top .logo{display:none}
 .mlogo{display:block;position:fixed;top:16px;left:18px;z-index:140;text-decoration:none;color:#fff;mix-blend-mode:difference;line-height:1}
 .mlogo b{display:block;font-family:"Archivo",Arial,sans-serif;font-stretch:125%;font-weight:800;font-size:24px;letter-spacing:-.04em;text-transform:lowercase}
 .mlogo small{display:block;margin-top:6px;font:600 10px "Archivo",Arial,sans-serif;font-stretch:125%;letter-spacing:.22em;text-transform:uppercase}
}
@media(max-width:820px){.role{display:none!important}.mark{bottom:var(--gut)!important}}
@media(max-width:820px){
 .rchips{top:84px!important;left:10px!important;right:10px;flex-wrap:nowrap!important;gap:4px!important}
 .rchips button{font-size:10px!important;padding:5px 8px!important;white-space:nowrap}
 .rclips{top:122px!important;left:12px!important}
}
@media(max-width:820px){
 .mbtn{background:color-mix(in srgb,var(--hbg,#0c1117) 78%,#000);transition:background .9s ease}
 .mbtn i{background:var(--hfg,#f1ecdc)}
 .mark{display:none!important}
 .hero-copy{place-content:center!important;top:calc(84px + 54vh)!important;bottom:0!important}
}
.credit{margin-top:10px;font-size:12px;opacity:.7}
.credit .s97{font-weight:700;letter-spacing:.02em;background:linear-gradient(100deg,currentColor 0%,currentColor 38%,#ffd166 50%,currentColor 62%,currentColor 100%);background-size:260% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:inherit;animation:s97 5.5s ease-in-out infinite}
@keyframes s97{0%,100%{background-position:100% 0}50%{background-position:0 0}}
@media(prefers-reduced-motion:reduce){.credit .s97{animation:none;-webkit-text-fill-color:currentColor;background:none}}