/* t1362 v2 (Kip 2026-11-11): bold phone design pass for one11meters.com. Phones only (<=760px); desktop untouched. */
@media (max-width:760px){
 @view-transition{navigation:auto}
 ::view-transition-old(root){animation:vt1362out .22s ease both}
 ::view-transition-new(root){animation:vt1362in .38s cubic-bezier(.2,.8,.2,1) both}
 @keyframes vt1362out{to{opacity:0;transform:translateY(-8px)}}
 @keyframes vt1362in{from{opacity:0;transform:translateY(14px)}}
 html,body{overflow-x:clip}
 body{text-rendering:optimizeLegibility}
 /* header: deeper glass, red hairline */
 .hdr.solid{background:rgba(5,5,6,.72);border-bottom:1px solid rgba(255,255,255,.06);box-shadow:0 1px 0 rgba(255,26,26,.18)}
 /* ---------- HOME hero: full-bleed, poster style ---------- */
 .hero{min-height:100svh;align-items:flex-end}
 .hero .wrap{position:static;padding-top:0;padding-bottom:calc(104px + env(safe-area-inset-bottom))}
 .hero .lineup{position:absolute;inset:70px 0 30% 0;height:auto;max-height:none;margin:0;z-index:0;pointer-events:none}
 .hero .lineup img{height:100%}
 .hero .lineup .a{left:-14%;height:84%}
 .hero .lineup .b{left:18%;height:100%}
 .hero .lineup .c{left:50%;height:88%}
 .hero .lineup:after{display:none}
 .hero .lineup:before{content:"";position:absolute;left:-10%;right:-10%;bottom:-2px;height:55%;z-index:3;background:linear-gradient(180deg,transparent,rgba(5,5,6,.82) 55%,#050506)}
 .hero .wrap>.rv{position:relative;z-index:2}
 .hero .eyebrow{margin-bottom:10px;text-shadow:0 2px 12px #000,0 0 3px #000}
 .hero .wrap{grid-template-columns:minmax(0,1fr)!important}
 .hero h1.slogan{font-size:clamp(42px,12.8vw,70px);line-height:.86;letter-spacing:-.01em}
 .hero .hero-motto{display:none}
 .hero p.lead{font-size:15px;line-height:1.45;margin:14px 0 18px;color:#c9cad2;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
 .hero .ctas{grid-template-columns:1fr 1fr;gap:10px}
 .hero .ctas .btn{height:54px;padding:0 12px;font-size:12.5px;letter-spacing:.16em}
 .hero .stats{margin-top:18px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
 .hero .stats b{font-size:26px}
 .hero .stats div{font-size:9.5px;letter-spacing:.14em}
 .hero .scrollcue{display:none}
 /* section headers: bigger, tighter, red index rule */
 section.sec{padding:64px 0}
 .sh{margin-bottom:22px;gap:12px}
 .sh h2{font-size:clamp(42px,12.6vw,60px);line-height:.88}
 .sh h2:after{content:"";display:block;width:44px;height:3px;margin-top:14px;background:var(--red,#ff1a1a);box-shadow:0 0 14px rgba(255,26,26,.7)}
 .sh a.more{display:inline-flex;align-items:center;min-height:44px}
 /* categories: swipeable rail of tall tiles */
 .catgrid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:76%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -18px;padding:0 18px 6px;scroll-padding:0 18px;scrollbar-width:none;overscroll-behavior-x:contain}
 .catgrid::-webkit-scrollbar{display:none}
 .catc{scroll-snap-align:start;min-height:300px;border-radius:14px;padding:26px 22px 22px;background:radial-gradient(120% 70% at 100% 0,rgba(255,26,26,.22),transparent 55%),linear-gradient(180deg,#121218,#08080a);border-color:rgba(255,255,255,.08)}
 .catc h3{font-size:44px;line-height:.9;margin:auto 0 10px}
 .catc .go{display:inline-flex;align-items:center;min-height:44px;border-bottom:0;padding:0;color:#fff}
 .catc .go:after{content:"→";margin-left:8px;color:var(--red,#ff1a1a)}
 /* product grids: edge-to-edge, gallery feel */
 .grid,.shoprow .grid{gap:2px!important;margin-left:-18px;margin-right:-18px}
 #shopgrid:has(.shoprow){margin-left:0!important;margin-right:0!important}
 .card{border:0;border-radius:0;background:#0b0b0e}
 .card:hover{transform:none;box-shadow:none}
 .card .ph{aspect-ratio:3/4.1;background:radial-gradient(75% 55% at 50% 46%,rgba(255,255,255,.10),transparent 70%),linear-gradient(180deg,#121217,#08080a)}
 .card .ph img{inset:5% 2% 3%;width:96%;height:92%}
 .card .tag{top:10px;left:10px;font-size:9px;padding:4px 7px;backdrop-filter:blur(6px)}
 .card .info{padding:12px 12px 10px;border-top:0}
 .card .nm{font-family:BarlowX,Barlow;font-style:italic;font-weight:900;font-size:19px;letter-spacing:.01em;line-height:1}
 .card .sub{font-size:11px;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .card .row{margin-top:10px}
 .card .pr{font-size:15px}
 .card .quick{position:static;transform:none;padding:0 12px 12px}
 .card .quick .btn{width:100%;height:46px;font-size:11px;letter-spacing:.18em;padding:0 8px;background:transparent;border:1px solid rgba(255,255,255,.18);box-shadow:none}
 .card .quick .btn:before,.card .quick .btn:after{display:none}
 .card:active .ph img{transform:scale(1.03)}
 /* editorial splits: full-bleed tall imagery */
 .split .im{min-height:72svh}
 .split .tx{padding:8px 20px 56px;margin-top:-120px;position:relative;z-index:2;background:none}
 .split .tx h2{font-size:clamp(48px,14vw,68px);line-height:.86;margin:12px 0 16px}
 .split .tx .btn{width:100%}
 /* colour wall: tight mosaic */
 .wall{gap:2px;margin:0 -18px}
 .wall a{border:0;border-radius:0}
 /* studio band + feature list */
 .studio-cta{border-radius:16px}
 .band{border-radius:0;margin-left:-18px;margin-right:-18px}
 .band .btn,.bagtx .btn{width:100%}
 .feats>div{padding:22px 18px}
 /* ---------- SHOP list page ---------- */
 .phead{padding:108px 0 18px}
 .phead h1{font-size:clamp(52px,15.6vw,76px);line-height:.86}
 .filters{gap:8px}
 .filters .chip{height:44px;border-radius:999px}
 /* ---------- PRODUCT page ---------- */
 .pdp{padding-top:76px;gap:18px}
 .pdp .crumbs{font-size:10px;margin-bottom:4px}
 html.m1362g .pdp .gal .stage,html.m1362g .pdp .gal .thumbs{display:none!important}
 .mg1362{position:relative;margin:0 -18px}
 .mg1362 .trk{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
 .mg1362 .trk::-webkit-scrollbar{display:none}
 .mg1362 figure{position:relative;flex:0 0 100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always;aspect-ratio:4/5.1;background:radial-gradient(65% 50% at 50% 44%,rgba(255,255,255,.11),transparent 70%),linear-gradient(180deg,#0e0e12,#060607);overflow:hidden}
 .mg1362 figure:before{content:"";position:absolute;left:18%;right:18%;bottom:3%;height:9%;background:radial-gradient(50% 50% at 50% 50%,rgba(255,30,30,.42),transparent);filter:blur(10px)}
 .mg1362 figure img{position:absolute;inset:3% 0 4%;width:100%;height:93%;object-fit:contain;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
 .mg1362.is-lt figure img{transform:scale(1.28);transform-origin:50% 6%}
 .mg1362 .cap{position:absolute;left:18px;top:14px;z-index:2;display:flex;gap:10px;align-items:baseline;font-family:Barlow;font-weight:700;letter-spacing:.22em;text-transform:uppercase;font-size:11px;color:#9a9ca6;pointer-events:none}
 .mg1362 .cap b{font-family:BarlowX,Barlow;font-style:italic;font-weight:900;font-size:22px;letter-spacing:0;color:#fff}
 .mg1362 .dots1362{position:absolute;left:0;right:0;bottom:12px;z-index:2;display:flex;justify-content:center;gap:4px}
 .mg1362 .dots1362 button{width:44px;height:44px;border:0;background:none;padding:0;display:grid;place-items:center;cursor:pointer}
 .mg1362 .dots1362 button i{display:block;width:26px;height:3px;border-radius:2px;background:rgba(255,255,255,.25);transition:background .3s,width .3s}
 .mg1362 .dots1362 button.on i{background:var(--red,#ff1a1a);width:34px;box-shadow:0 0 10px rgba(255,26,26,.8)}
 .mg1362 .swipe{position:absolute;right:16px;top:14px;z-index:2;font-family:Barlow;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:10px;color:#c9cad2;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);pointer-events:none;transition:opacity .4s}
 .mg1362.moved .swipe{opacity:0}
 .pdp .buy .tagl{margin-bottom:6px}
 .pdp .buy h1.disp{font-size:clamp(46px,13.6vw,68px);line-height:.86;letter-spacing:-.005em}
 .pdp .buy .price{font-size:26px;margin-top:10px}
 .pdp .buy .desc{font-size:15px;line-height:1.55;color:#bfc1c9}
 .pdp .opt{padding-top:18px;margin-top:18px;border-top:1px solid rgba(255,255,255,.07)}
 .pdp .picks button{border-radius:12px}
 .pdp .sz button{border-radius:10px;min-height:48px}
 .pdp .kitrow>*{border-radius:12px;overflow:hidden}
 .pdp .qtyrow .btn{height:56px}
 /* ---------- BAG ---------- */
 .cartp{padding-top:4px}
 .cartp .ln{background:linear-gradient(180deg,#111116,#0a0a0d);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:12px;margin-bottom:10px}
 .cartp .ln img{border-radius:10px;background:#0c0c10}
 .sumbox{border-radius:16px}
 .sumbox .btn{width:100%;height:56px}
}
@media (max-width:760px){
 .cartp,.pdp,.co{grid-template-columns:minmax(0,1fr)!important}
 .cartp>*,.pdp>*{min-width:0}
 .cartp .empty .disp{font-size:clamp(40px,12vw,56px);overflow-wrap:anywhere}
 .filters{margin-right:-18px!important;padding-right:18px!important}
}
@media (max-width:400px){
 .hdr .wrap{gap:8px!important}
 .hdr .cust.studio-nav{padding-left:10px!important;padding-right:10px!important}
}
/* touch-size follow-ups (tablet + phone; desktop untouched) */
@media (max-width:860px){
 .q{height:auto!important;min-height:44px;border-radius:10px;margin-top:10px}
 .q span{min-width:28px;text-align:center}
 .ln .rm{margin:6px 0 0!important;padding:0 10px 0 0;justify-content:flex-start}
 .promo input{min-width:0}
 .promo button{min-height:46px;flex:none}
 .sh a.more{min-height:46px;display:inline-flex;align-items:center}
}
@media (max-width:400px){
 .hero .stats{gap:10px!important}
 .hero .stats div{font-size:8.5px;letter-spacing:.08em;min-width:0}
 .hero .stats b{font-size:24px}
}
/* t1363: sticky checkout bar on the bag page, sits above the bottom tab bar (phones only) */
@media (max-width:760px){
 html.mco1363on body{padding-bottom:calc(160px + env(safe-area-inset-bottom))!important}
 .mco1363{position:fixed;left:10px;right:10px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:81;display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 8px 8px 16px;border-radius:18px;background:rgba(10,10,13,.92);border:1px solid rgba(255,255,255,.1);box-shadow:0 18px 50px -12px rgba(0,0,0,.95);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);color:#fff;text-decoration:none;cursor:pointer;transition:transform .35s cubic-bezier(.2,.8,.2,1),opacity .3s}
 .mco1363[hidden]{display:none}
 .mco1363.away{transform:translateY(calc(100% + 100px));opacity:0;pointer-events:none}
 .mco1363 .t{flex:1;min-width:0;display:flex;flex-direction:column}
 .mco1363 small{font-family:Barlow;font-weight:700;letter-spacing:.16em;text-transform:uppercase;font-size:10px;color:#9a9ca6}
 .mco1363 b{font-family:Barlow;font-weight:700;font-size:20px;letter-spacing:.04em}
 .mco1363 .btn{height:48px;padding:0 22px;font-size:13px;flex:none;pointer-events:none}
}
@media (min-width:761px){.mco1363{display:none!important}}