/* t1362 v2 (Kip 2026-11-11): bold phone pass for ONE|11 Studio. Phones only (<=760px); desktop untouched. Side views kept. */
@media (max-width:760px){
 @view-transition{navigation:auto}
 html,body{overflow-x:clip}
 /* dark, confident header on every step */
 html.studio1208 body>header:not(#z1362){background:#050506!important;border-bottom:1px solid rgba(255,255,255,.08)!important;color:#fff;box-shadow:0 1px 0 rgba(232,38,45,.35),0 14px 30px -18px rgba(0,0,0,.9)}
 html.studio1208 body>header:not(#z1362) .studioLogo{content:url(studio/studio-opt5-neon-script-white-on-dark.webp?v=t1322);transform:translateY(-4px)}
 html.studio1208 body>header:not(#z1362) a.shopBack,html.studio1208 body>header:not(#z1362) a.v2kitLink{color:#fff!important;background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:999px;min-width:44px;justify-content:center;transform:translateY(-4px)}
 html.studio1208 body[data-hub-spoke=clothing]>header:not(#z1362) a.v2kitLink{background:#e8262d!important;border-color:#e8262d!important;outline:0}
 /* step rail (injected by t1362-studio.js) */
 .srail1362{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;pointer-events:none;z-index:2;white-space:nowrap}
 .srail1362 .seg{display:flex;gap:3px}
 .srail1362 .seg i{display:block;width:16px;height:3px;border-radius:2px;background:rgba(255,255,255,.18);transition:background .4s,box-shadow .4s}
 .srail1362 .seg i.done{background:rgba(232,38,45,.55)}
 .srail1362 .seg i.on{background:#e8262d;box-shadow:0 0 8px rgba(232,38,45,.9)}
 .srail1362 span{font:700 9px/1 Barlow,BarlowCB,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#a7a9b2}
 .srail1362 span b{color:#fff;font-weight:700}
 /* ---------- DESIGN step: dark hero band over the light work area ---------- */
 html.studio1208 body[data-hub-spoke=race] #v2LogosNav{background:radial-gradient(120% 90% at 100% 0,rgba(232,38,45,.22),transparent 55%),linear-gradient(180deg,#0b0b0e,#141419)!important;color:#fff;border:0!important;border-radius:0 0 22px 22px;margin-left:-12px;margin-right:-12px;padding:14px 16px 16px!important;box-shadow:0 18px 40px -22px rgba(0,0,0,.65)}
 #v2LogosNav .v2back{background:rgba(255,255,255,.06)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)!important;min-height:44px}
 #v2LogosNav .v2title b{display:block;font-family:BarlowX,BarlowBI,sans-serif!important;font-style:italic;font-weight:900;font-size:clamp(28px,8.4vw,36px)!important;line-height:.92;letter-spacing:.005em;text-transform:uppercase;color:#fff!important;margin-top:10px}
 #v2LogosNav .v2title span{color:#a7a9b2!important;letter-spacing:.12em;text-transform:uppercase;font-size:11px!important;font-weight:700}
 #v2LogosNav .v2viewTabs{display:grid!important;grid-template-columns:repeat(4,1fr);gap:4px;padding:4px;margin-top:12px;border-radius:14px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08)}
 #v2LogosNav .v2viewTabs button{background:transparent!important;color:#d6d7dd!important;border:0!important;border-radius:10px!important;min-height:44px;font:700 12px/1 Barlow,BarlowCB,sans-serif!important;letter-spacing:.16em;text-transform:uppercase;box-shadow:none!important;outline:0!important}
 #v2LogosNav .v2viewTabs button[data-v2view=live]{grid-column:1/-1}
 #v2LogosNav .v2viewTabs button.on,#v2LogosNav .v2viewTabs button[aria-selected=true]{background:linear-gradient(180deg,#ff2b33,#c3000b)!important;color:#fff!important;box-shadow:0 8px 20px -8px rgba(232,38,45,.8)!important}
 html.studio1208 body[data-hub-spoke=race] .stick canvas#cv{border-radius:18px;box-shadow:0 22px 46px -26px rgba(10,10,20,.55),0 0 0 1px rgba(0,0,0,.05)}
 /* bold section heads in the work area */
 body[data-hub-spoke=race] .lcard>.lct,body[data-hub-spoke=race] .stephd .stept,body[data-hub-spoke=people] .stephd .stept{font-family:BarlowX,BarlowBI,sans-serif;font-style:italic;font-weight:900;letter-spacing:.01em;text-transform:uppercase}
 body[data-hub-spoke=race] .lcard{border-radius:16px!important}
 /* sticky NEXT: heavier, glowing, safe-area aware */
 html body[data-hub-spoke=race] #raceNext941{bottom:calc(12px + env(safe-area-inset-bottom))!important;min-height:58px!important;border-radius:16px!important;background:linear-gradient(180deg,#ff2b33,#c3000b)!important;font-family:BarlowX,BarlowBI,sans-serif!important;font-style:italic;font-weight:900!important;font-size:17px!important;letter-spacing:.06em!important;text-transform:uppercase;box-shadow:0 18px 40px -12px rgba(232,38,45,.75),0 0 0 1px rgba(255,255,255,.12) inset!important;transition:transform .2s}
 html body[data-hub-spoke=race] #raceNext941:active{transform:scale(.98)}
 /* ---------- STYLE / COLOUR: bigger, bolder prompts ---------- */
 #v2Army .v2prompt b{font-family:BarlowX,BarlowBI,sans-serif!important;font-style:italic;font-weight:900!important;font-size:clamp(28px,8.6vw,38px)!important;letter-spacing:.01em;line-height:.95}
 #v2Army .v2disc button{min-height:44px}
 /* ---------- ORDER step ---------- */
 body[data-hub-spoke=people] .panel.steps .step{border-radius:18px}
 body[data-hub-spoke=people] .dcentry{border-radius:16px}
}
/* t1363: order-step heading band with a small red kicker (element injected by t1362-studio.js) */
.oband1363{display:none}
@media (max-width:760px){
 body[data-hub-spoke=people] .oband1363{display:block;margin:0 -12px 14px;padding:20px 18px 20px;border-radius:0 0 22px 22px;background:radial-gradient(120% 90% at 100% 0,rgba(232,38,45,.25),transparent 55%),linear-gradient(180deg,#0b0b0e,#16161b);color:#fff;pointer-events:none}
 html body[data-hub-spoke] .oband1363 .k{display:flex;align-items:center;gap:8px;margin:0 0 8px;font:700 11px/1.2 Barlow,BarlowCB,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#ff3b42}
 .oband1363 .k:before{content:"";width:7px;height:7px;border-radius:50%;background:#e8262d;box-shadow:0 0 10px rgba(232,38,45,.9)}
 html body[data-hub-spoke] .oband1363 h2{margin:0!important;font:900 italic clamp(30px,9vw,40px)/.95 BarlowX,BarlowBI,sans-serif!important;text-transform:uppercase;letter-spacing:.005em;color:#fff!important;padding:0!important;border:0!important;background:none!important}
}