html[data-look] .go::before{display:none; animation:none}
html[data-look] .go{
  background:var(--gold); color:#1A1A1D; border:0; border-radius:12px;
  box-shadow:0 0 0 3px #000, 0 7px 0 1px #000; transition:transform .15s, box-shadow .15s;
}
html[data-look] .go span{
  color:transparent; -webkit-text-fill-color:transparent;
  background:linear-gradient(#1A1A1D,#1A1A1D); -webkit-background-clip:text; background-clip:text;
}
html[data-look] .pill{background:#232329; border:0; box-shadow:inset 0 0 0 1px #3A3A42, 0 0 0 2px #000, 0 4px 0 1px #000; backdrop-filter:none; -webkit-backdrop-filter:none}
html[data-look] .pill:hover{background:#2c2c33; color:var(--gold)}
html[data-look] .chip{background:#232329; border:0; box-shadow:inset 0 0 0 1px #3A3A42, 0 0 0 2px #000, 0 4px 0 1px #000; backdrop-filter:none; -webkit-backdrop-filter:none}
html[data-look] .chip:hover{background:#2c2c33; color:var(--gold)}
html[data-look] .sub{font-size:clamp(11px,.85vw,13px)}
html[data-look="11"] .ui :where(.go,#howBtn,.corner-l a[href*="conmen.xyz"],.socials .chip){transition:opacity .15s, color .15s}
html[data-look="11"] .ui :where(.go,.chip):hover{transform:none}
html[data-look="11"] .ui :where(#howBtn,.corner-l a[href*="conmen.xyz"],.socials .chip){position:absolute; pointer-events:auto}
html[data-look="11"] .cta{position:absolute; margin:0; padding:0}
html[data-look="11"] .corner{inset:0; display:block; pointer-events:none}
html[data-look="11"] .corner-l > span{position:absolute; left:var(--edge); bottom:var(--edge); font:600 11px Poppins,sans-serif; letter-spacing:.06em; color:rgba(245,245,242,.5)}
html[data-look="11"] #navCursor{display:block; background:none}
html[data-look="11"] #navCursor::before,
html[data-look="11"] #navCursor::after{content:""; position:absolute; pointer-events:none}
html[data-look="11"] #navCursor i{display:none; position:absolute; font:400 34px/1 Anton,sans-serif; font-style:normal; color:var(--gold); -webkit-text-fill-color:var(--gold); text-shadow:2px 2px 0 #000}
html[data-look="11"] #navHints{display:none; align-items:center; gap:18px; right:var(--edge); bottom:var(--edge);
  font:600 11.5px Poppins,sans-serif; letter-spacing:.14em; text-transform:uppercase; color:var(--bone); text-shadow:0 1px 4px #000; white-space:nowrap}
html[data-look="11"] #navHints span{display:flex; align-items:center; gap:7px}
html[data-look="11"] #navHints b{display:inline-grid; place-items:center; min-width:26px; height:26px; padding:0 6px; border-radius:6px;
  background:#232329; box-shadow:inset 0 0 0 1px #3A3A42; font:700 13px Poppins,sans-serif; letter-spacing:0; color:var(--bone); text-shadow:none}
html[data-look="11"] #navHints :is(b.xa,b.xb,b.px,b.po){border-radius:50%; width:26px; padding:0}
html[data-look="11"] #navHints b.xa{background:#1f8a52; box-shadow:none}
html[data-look="11"] #navHints b.xb{background:#b3261e; box-shadow:none}
html[data-look="11"] #navHints b.px{color:#8fb4ff}
html[data-look="11"] #navHints b.po{color:#ff6b6b; font-size:19px; line-height:1}
@media (max-width:640px){ html[data-look="11"] #navHints{display:none} }
html[data-look="11"]{--nav-pad-x:0; --nav-pad-y:0; --nav-axis:row}
html[data-look="11"] h1{font-size:clamp(34px,min(5vw,9vh),80px)}
html[data-look="11"] .frame::before{background:linear-gradient(0deg,rgba(6,6,9,.85),rgba(6,6,9,.35) 38%,transparent 55%),radial-gradient(50% 40% at 0% 0%,rgba(6,6,9,.7),transparent 80%)}
html[data-look="11"] .cta{left:calc(50% - 573px); bottom:70px}
html[data-look="11"] .ui :where(.go,#howBtn,.corner-l a[href*="conmen.xyz"],.socials .chip){
  isolation:isolate; overflow:visible; width:170px; height:220px; min-width:0; padding:0 18px 18px 24px;
  display:flex; flex-direction:column; justify-content:flex-end; align-items:flex-start; gap:10px; text-align:left;
  font:400 30px/1 Anton,sans-serif; letter-spacing:.03em; text-transform:uppercase; color:var(--bone); text-shadow:2px 2px 0 #000;
  background:none; box-shadow:none; border-radius:0}
html[data-look="11"] .ui :where(.go,#howBtn,.corner-l a[href*="conmen.xyz"],.socials .chip)::before{
  content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; width:auto; z-index:-1; animation:none;
  transform:skewX(-10deg); background:none; background-color:rgba(23,23,27,.3); box-shadow:inset 0 0 0 1px rgba(245,245,242,.2), 0 0 0 2px rgba(0,0,0,.5);
  transition:transform .24s cubic-bezier(.34,1.56,.64,1), background-color .16s, box-shadow .16s}
html[data-look="11"] .go{position:relative; width:354px; font-size:64px; line-height:.95; padding:0 26px 22px 30px; text-shadow:none}
html[data-look="11"] #howBtn{left:calc(50% - 573px + 382px); bottom:70px}
html[data-look="11"] .corner-l a[href*="conmen.xyz"]{left:calc(50% - 573px + 580px); bottom:70px}
html[data-look="11"] .socials .chip:nth-child(1){left:calc(50% - 573px + 778px); bottom:70px}
html[data-look="11"] .socials .chip:nth-child(2){left:calc(50% - 573px + 976px); bottom:70px}
html[data-look="11"] .chip svg{width:30px; height:30px; filter:drop-shadow(2px 2px 0 #000)}
html[data-look="11"] .ui :where(.go,#howBtn,.corner-l a[href*="conmen.xyz"],.socials .chip){transition:padding .24s cubic-bezier(.34,1.56,.64,1), color .15s}
html[data-look="11"] .ui .is-sel{padding-bottom:32px}
html[data-look="11"] .ui .go.is-sel{padding-bottom:36px}
html[data-look="11"] .ui .is-sel::before{transform:skewX(-10deg) translateY(-12px) scale(1.06); background-color:var(--gold); box-shadow:0 0 0 2px var(--gold)}
html[data-look="11"] .ui .is-sel .lbl{
  color:transparent; -webkit-text-fill-color:transparent;
  background:linear-gradient(#1A1A1D,#1A1A1D); -webkit-background-clip:text; background-clip:text}
html[data-look="11"] .ui .is-sel{text-shadow:none}
html[data-look="11"] .ui .chip.is-sel svg{filter:brightness(0) opacity(.9)}
html[data-look="11"] .ui .go:not(.is-sel) span{background:none; color:var(--bone); -webkit-text-fill-color:var(--bone); text-shadow:2px 2px 0 #000}
html[data-look="11"] .ui .go:is(:hover,:active){box-shadow:none}
html[data-look="11"] .ui .chip:hover{background-color:transparent; box-shadow:none; transform:none}
html[data-look="11"] #navCursor::before{inset:0; transform:skewX(-10deg) translateY(-12px) scale(1.06); box-shadow:0 0 0 8px var(--gold), 0 0 0 11px #000}
html[data-look="11"] #navCursor i{display:block; left:50%; top:-50px; margin-left:-10px; rotate:90deg}
@media (min-width:641px) and (max-width:1199px){
  html[data-look="11"]{--u:calc((100vw - 132px) / 6); --tb:clamp(18px, 6vh, 70px)}
  html[data-look="11"] .cta{left:16px; bottom:var(--tb)}
  html[data-look="11"] .ui :where(.go,#howBtn,.corner-l a[href*="conmen.xyz"],.socials .chip){
    width:var(--u); height:clamp(96px, 30vh, 220px); font-size:clamp(18px, min(2.6vw, 6vh), 30px); padding:0 12px 12px 18px}
  html[data-look="11"] .go{width:calc(var(--u) * 2 + 20px); font-size:clamp(30px, min(5.4vw, 11vh), 64px); padding:0 18px 14px 22px}
  html[data-look="11"] #howBtn{left:calc(16px + var(--u) * 2 + 40px); bottom:var(--tb)}
  html[data-look="11"] .corner-l a[href*="conmen.xyz"]{left:calc(16px + var(--u) * 3 + 60px); bottom:var(--tb)}
  html[data-look="11"] .socials .chip:nth-child(1){left:calc(16px + var(--u) * 4 + 80px); bottom:var(--tb)}
  html[data-look="11"] .socials .chip:nth-child(2){left:calc(16px + var(--u) * 5 + 100px); bottom:var(--tb)}
  html[data-look="11"] .ui .is-sel{padding-bottom:22px}
  html[data-look="11"] .ui .go.is-sel{padding-bottom:24px}
}
@media (min-width:641px) and (max-height:520px){ html[data-look="11"] .corner-l > span{display:none} }
@media (max-width:640px){
  html[data-look="11"]{--pb:max(22px, env(safe-area-inset-bottom)); --pw:calc((100vw - 76px) / 4)}
  html[data-look="11"] .sub{max-width:15.6em}
  html[data-look="11"] .cta{left:22px; right:22px; bottom:calc(var(--pb) + 76px)}
  html[data-look="11"] .ui :where(.go,#howBtn,.corner-l a[href*="conmen.xyz"],.socials .chip){width:var(--pw); height:56px; font-size:14px; padding:0 8px 9px 12px; gap:4px}
  html[data-look="11"] .go{width:100%; height:68px; font-size:40px; padding:0 18px 12px 22px}
  html[data-look="11"] #howBtn{left:20px; bottom:var(--pb)}
  html[data-look="11"] .corner-l a[href*="conmen.xyz"]{left:calc(20px + var(--pw) + 12px); bottom:var(--pb)}
  html[data-look="11"] .socials .chip:nth-child(1){left:calc(20px + var(--pw) * 2 + 24px); bottom:var(--pb)}
  html[data-look="11"] .socials .chip:nth-child(2){left:calc(20px + var(--pw) * 3 + 36px); bottom:var(--pb)}
  html[data-look="11"] .chip svg{width:16px; height:16px}
  html[data-look="11"] .ui .is-sel, html[data-look="11"] .ui .go.is-sel{padding-bottom:14px}
  html[data-look="11"] #navCursor i{display:none}
  html[data-look="11"] .ui .is-sel::before, html[data-look="11"] .ui .is-press::before, html[data-look="11"] #navCursor::before{transform:skewX(-10deg) translateY(-8px)}
  html[data-look="11"] #navCursor::after{inset:0; transform:skewX(-10deg) translateY(-8px); box-shadow:0 0 26px 12px rgba(255,201,60,.5); opacity:0; animation:playglow 2.4s ease-in-out infinite}
}
@keyframes playglow{50%{opacity:1}}
@media (prefers-reduced-motion:reduce){ html[data-look="11"] #navCursor::after{animation:none} }
html[data-look="11"] .ui .is-press::before{background-color:var(--gold); box-shadow:0 0 0 2px var(--gold)}
html[data-look="11"] .ui .is-press .lbl{
  color:transparent; -webkit-text-fill-color:transparent;
  background:linear-gradient(#1A1A1D,#1A1A1D); -webkit-background-clip:text; background-clip:text}
html[data-look="11"] .ui .is-press{text-shadow:none}
html[data-look="11"] .ui .chip.is-press svg{filter:brightness(0) opacity(.9)}
@media (max-width:1199px), (max-height:520px){
  html[data-look] .pill{display:inline-flex; align-items:center; min-height:44px}
}