@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;600;700&family=Anton&family=Caveat:wght@600&display=swap");
/* BRR UI lock, 24 Oct 2026: photoreal label tape buttons + type effects by size. Tape art: /img3/ui/tape0-3.webp */
:root{--fill:linear-gradient(180deg,#2b1028,#160915);--red:#d52ca7;--mag:#d52ca7;--cy:#3fc7d4;--glow-c:rgba(47,230,240,.85);--glow-m:rgba(255,58,208,.8);--tapef:"IBM Plex Mono",ui-monospace,Menlo,monospace}

/* Tape buttons */
.btn,.cta,button.btn,button.go,button.add,a.add{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5em;min-height:50px;
 padding:12px 10px!important;border:0 solid transparent!important;border-width:0 34px!important;background:none!important;
 border-image:url(/img3/ui/tape0.webp) 0 150 fill / 0 34px stretch!important;border-radius:0!important;
 font:600 14px/1 var(--tapef)!important;letter-spacing:.2em!important;text-transform:uppercase;text-decoration:none;color:#f3f1ec!important;
 text-shadow:-1.1px 0 var(--glow-c),1.1px 0 var(--glow-m),0 1px 0 rgba(255,255,255,.3),0 -1px 1px rgba(0,0,0,.9),0 2px 3px rgba(0,0,0,.85);
 filter:drop-shadow(0 6px 7px rgba(0,0,0,.65)) drop-shadow(0 1px 1px rgba(0,0,0,.9));transform:rotate(-.8deg);
 transition:transform .16s cubic-bezier(.3,1.6,.5,1),filter .16s;cursor:pointer;box-shadow:none!important}
.btn:nth-of-type(2n),.cta:nth-of-type(2n){transform:rotate(.6deg);border-image-source:url(/img3/ui/tape2.webp)!important}
.btn:hover,.cta:hover{transform:rotate(-.8deg) translateY(-2px) scale(1.025);filter:drop-shadow(0 10px 12px rgba(0,0,0,.7)) drop-shadow(0 0 14px rgba(213,44,167,.18))}
.btn:active,.cta:active{transform:rotate(-.8deg) translateY(1px) scale(.99);filter:drop-shadow(0 2px 3px rgba(0,0,0,.8))}
.btn.p,.btn.r,.cta,button.go,button.add,a.add{border-image-source:url(/img3/ui/tape1.webp)!important;color:#fff!important;
 text-shadow:-1.3px 0 var(--glow-c),1.3px 0 var(--glow-m),0 0 10px rgba(255,255,255,.25),0 1px 0 rgba(255,255,255,.35),0 2px 3px rgba(0,0,0,.85)}
.btn.s{min-height:40px;font-size:12px!important;border-width:0 26px!important;border-image:url(/img3/ui/tape3.webp) 0 150 fill / 0 26px stretch!important;padding:9px 6px!important}
.btn.c,.btn.g{border-image-source:url(/img3/ui/tape2.webp)!important}
.btn[disabled],.btn.off{opacity:.45;filter:grayscale(.6);pointer-events:none}
.btn:focus-visible,.cta:focus-visible{outline:2px dashed var(--cy);outline-offset:6px}

/* Type effects by size */
h1{color:#ece4d6;text-shadow:0 1px 0 rgba(255,255,255,.35),0 -1px 0 rgba(0,0,0,.6),0 2px 0 #2a2a30,0 3px 0 #1c1c22,0 4px 0 #111,0 10px 18px rgba(0,0,0,.75),0 26px 60px rgba(0,0,0,.6)}
h2{text-shadow:-1.6px 0 rgba(47,230,240,.55),1.6px 0 rgba(255,58,208,.5),0 2px 0 rgba(0,0,0,.7),0 12px 30px rgba(0,0,0,.7)}
h3{text-shadow:-.8px 0 rgba(47,230,240,.45),.8px 0 rgba(255,58,208,.4),0 2px 6px rgba(0,0,0,.7)}
h1 i,h2 i,h3 i{text-shadow:0 2px 10px rgba(0,0,0,.6)}
.k{font-family:var(--tapef)!important;font-weight:600!important;text-shadow:-.6px 0 rgba(47,230,240,.6),.6px 0 rgba(255,58,208,.55)}
@media (prefers-reduced-motion:reduce){.btn,.cta{transition:none}}

/* Culture Kings direction, locked 24 Oct 2026: condensed display, ticker, community rail */
h1,h2{font-family:Anton,Impact,"Inter Tight",sans-serif!important;font-weight:400!important;text-transform:uppercase;letter-spacing:0!important;line-height:.9!important}
h1 i,h2 i{text-transform:none;font-family:var(--serif,"Source Serif 4",Georgia,serif)!important}
.ck-mq{overflow:hidden;border-block:1px solid rgba(255,255,255,.12);background:#0b0a0e;padding-block:12px}
.ck-mq div{display:flex;gap:48px;width:max-content;animation:ckmq 38s linear infinite}
.ck-mq span{font:600 13px var(--tapef);letter-spacing:.24em;color:#ece4d6;white-space:nowrap;text-shadow:-.8px 0 rgba(47,230,240,.7),.8px 0 rgba(255,58,208,.65)}
@keyframes ckmq{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.ck-mq div{animation:none}}
.ck-look{padding-block:56px 20px}.ck-look .k{margin-bottom:8px}.ck-look h2{font-size:clamp(40px,6vw,84px)}
.ck-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,26vw);gap:10px;overflow-x:auto;padding:18px 16px 6px;scroll-snap-type:x mandatory}
.ck-rail figure{margin:0;scroll-snap-align:start;aspect-ratio:4/5;overflow:hidden;background:#0c0b0f}.ck-rail img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15) contrast(1.05)}
@media(max-width:700px){.ck-rail{grid-auto-columns:72vw}}
.offer h2{line-height:1!important}

/* Held together with black tape and hope (24 Oct): photo prints on paper, real gaffer tape, painted brick wall */
.print,.card .ph,.ck-rail figure,.amt{background:#ebe5da url(/img3/ui/paper.webp) center/cover!important;padding:8px 8px 22px!important;overflow:visible!important;
 box-shadow:0 1px 1px rgba(0,0,0,.5),0 14px 26px rgba(0,0,0,.6),inset 0 0 30px rgba(120,100,70,.12)!important;position:relative;transform:rotate(var(--rt,-1deg));transition:transform .25s}
.card:nth-child(3n+2) .ph,.ck-rail figure:nth-child(3n+2),.amt:nth-child(3n+2){--rt:1.1deg}.card:nth-child(3n) .ph,.ck-rail figure:nth-child(3n),.amt:nth-child(3n){--rt:-.4deg}
.card .ph img,.ck-rail figure img{width:100%;height:100%;object-fit:cover;filter:contrast(1.06) saturate(.92)}
.card:hover .ph,.ck-rail figure:hover{transform:rotate(0) translateY(-4px) scale(1.015)}
.card .ph .tape,.print .tape{background:url(/img3/ui/gaff1.webp) center/100% 100% no-repeat!important;box-shadow:none!important;width:92px!important;height:36px!important;top:-16px!important;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45));opacity:.97}
.card:nth-child(2n) .ph .tape{background-image:url(/img3/ui/gaff4.webp)!important}.card:nth-child(3n) .ph .tape{background-image:url(/img3/ui/gaff6.webp)!important}
.ck-rail{padding:30px 22px 18px!important;gap:22px!important}
.ck-rail figure:before,.amt:before{content:"";position:absolute;z-index:2;top:-15px;left:50%;width:88px;height:34px;transform:translateX(-50%) rotate(-4deg);background:url(/img3/ui/gaff2.webp) center/100% 100% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.ck-rail figure:nth-child(2n):before,.amt:nth-child(2n):before{background-image:url(/img3/ui/gaff5.webp);transform:translateX(-50%) rotate(3deg)}
.amt .amb{color:#141217}.amt .amb .tiny{color:#4a4550}.amt img,.amt .amph{aspect-ratio:4/5}
.wall{background:linear-gradient(rgba(7,7,10,.35),rgba(7,7,10,.6)),url(/img3/ui/wall.webp) 0 0/1100px 1100px repeat #07070a}
.ck-rail figcaption{font:400 16px/1.1 "Caveat","Permanent Marker",cursive;color:#1a171d;padding:8px 2px 0;display:block}.ck-rail figcaption small{display:block;font:500 10px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#5c5660;margin-top:3px}
.ck-rail figure{aspect-ratio:auto!important}.ck-rail figure img{aspect-ratio:4/5;height:auto!important}.bd-a{text-decoration:none;color:inherit}
.bd-sh{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:26px;margin-top:34px}
.bd-note{position:relative;margin:0;background:#ebe5da url(/img3/ui/paper.webp) center/cover;color:#17141a;padding:26px 20px 18px;transform:rotate(-1.4deg);box-shadow:0 14px 26px rgba(0,0,0,.6)}
.bd-note:nth-child(2n){transform:rotate(1.2deg)}.bd-note p{font:400 22px/1.2 "Caveat","Permanent Marker",cursive;margin:0}.bd-note cite{display:block;margin-top:10px;font:600 11px "IBM Plex Mono",monospace;letter-spacing:.14em;text-transform:uppercase;font-style:normal}
.bd-note:before,.bd-flyer:before{content:"";position:absolute;top:-15px;left:50%;width:86px;height:32px;transform:translateX(-50%) rotate(-3deg);background:url(/img3/ui/gaff3.webp) center/100% 100% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.bd-ev{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px;margin-top:22px}
.bd-flyer{position:relative;display:flex;flex-direction:column;gap:4px;text-decoration:none;color:#141217;background:#ebe5da url(/img3/ui/paper.webp) center/cover;padding:10px 10px 14px;box-shadow:0 14px 26px rgba(0,0,0,.6);transform:rotate(.8deg)}
.bd-flyer:nth-child(2n){transform:rotate(-1.1deg)}.bd-flyer img{aspect-ratio:3/4;object-fit:cover;width:100%}.bd-flyer b{font:400 26px/1 Anton,Impact,sans-serif;text-transform:uppercase;margin-top:6px}.bd-flyer span{font:800 15px/1.2 "Inter Tight",sans-serif}.bd-flyer small{font:600 10px "IBM Plex Mono",monospace;letter-spacing:.12em;text-transform:uppercase;color:#5c5660}
.ck-look{display:block!important;overflow-x:clip}.ck-look>.w,.ck-look .bd-sh{max-width:1320px}.ck-look>.w:first-child{display:block!important}

/* Round 3 (24 Oct): no flat black voids. Brick behind everything, paper notices instead of colour bands */
body{background:linear-gradient(rgba(7,7,10,.8),rgba(7,7,10,.88)),url(/img3/ui/wall.webp) 0 0/1100px 1100px repeat #07070a!important}
.shead{position:relative;isolation:isolate}
.shead:before{content:"";position:absolute;z-index:-1;right:calc(50% - 50vw);top:-90px;bottom:-40px;width:min(52vw,760px);background:url(/img3/loc-svc.webp) center/cover;filter:grayscale(.35) contrast(1.1) brightness(.7);
 -webkit-mask:linear-gradient(90deg,transparent,#000 38%);mask:linear-gradient(90deg,transparent,#000 38%)}
@media(max-width:800px){.shead:before{width:100vw;opacity:.35}}
.offer{background:transparent!important;padding-block:46px!important}
.offer .in{position:relative;background:#ebe5da url(/img3/ui/paper.webp) center/cover;color:#141217;max-width:1100px!important;padding:30px 34px!important;transform:rotate(-.6deg);box-shadow:0 18px 34px rgba(0,0,0,.6)}
.offer .in:before,.ask:before,.gate .card:before{content:"";position:absolute;top:-16px;left:12%;width:96px;height:36px;transform:rotate(-5deg);background:url(/img3/ui/gaff0.webp) center/100% 100% no-repeat;filter:drop-shadow(0 2px 2px rgba(0,0,0,.45))}
.offer .in:after{content:"";position:absolute;top:-14px;right:10%;width:90px;height:34px;transform:rotate(4deg);background:url(/img3/ui/gaff5.webp) center/100% 100% no-repeat}
.offer h2{color:#141217!important;text-shadow:none!important}.offer p{color:#3b3640!important}.offer small,.offer small a{color:#5c5660!important}
.ask{position:relative;background:#ebe5da url(/img3/ui/paper.webp) center/cover!important;color:#141217!important;border:0!important;transform:rotate(.5deg);box-shadow:0 14px 26px rgba(0,0,0,.55);padding:22px 24px!important}
.ask b{font:400 26px/1.1 "Caveat",cursive!important;color:#141217}
.gate{background:transparent}
.gate .card{position:relative;background:#ebe5da url(/img3/ui/paper.webp) center/cover!important;color:#141217!important;border:0!important;border-radius:0!important;transform:rotate(-.8deg);box-shadow:0 20px 40px rgba(0,0,0,.7)}
.gate .card *{color:#141217}.gate .card input{background:#fff!important;color:#141217!important;border:1px solid #bdb5a8!important}.gate .card .btn{color:#f3f1ec!important}
html{overflow-x:clip}.gate .card *{text-shadow:none!important}.gate .card .btn{text-shadow:-1.1px 0 var(--glow-c),1.1px 0 var(--glow-m),0 2px 3px rgba(0,0,0,.85)!important}@media(max-width:800px){.shead:before{right:-16px;width:calc(100% + 32px)}}
[data-hero]{position:relative;isolation:isolate}
[data-hero]:before{content:"";position:absolute;z-index:-1;right:calc(50% - 50vw);top:-90px;bottom:-30px;width:min(54vw,780px);background:var(--hero) center/cover;filter:contrast(1.05) brightness(.66);-webkit-mask:linear-gradient(90deg,transparent,#000 40%);mask:linear-gradient(90deg,transparent,#000 40%)}
@media(max-width:800px){[data-hero]:before{right:-16px;width:calc(100% + 32px);opacity:.32}}

/* footer trust strip (25 Oct 2026) */
.ftrust{max-width:1320px;margin:18px auto 0;padding:16px 40px 6px;border-top:1px solid rgba(255,255,255,.12);font:500 12.5px/1.5 "Inter Tight",system-ui,sans-serif;color:#b9b2bb;text-align:left}
.ftrust .tr-l{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 18px}
.ftrust .tr-l a{color:#e6e0e6;text-decoration:underline;text-underline-offset:2px}
.ftrust .tr-ack{margin:12px 0 0;max-width:80ch;font:italic 400 13px/1.5 "Source Serif 4",Georgia,serif;color:#a59fa8}
@media(max-width:760px){.ftrust{padding-inline:16px}}
/* trade mark symbol (25 Oct 2026) */
.tm{font-size:.42em;vertical-align:super;line-height:0;margin-left:.08em;font-weight:500;letter-spacing:0;text-transform:none}.ftrust .tr-tm{margin:10px 0 0;font-size:12px;color:#a59fa8}.ftrust .tr-tm a{color:#e6e0e6}
/* ===== flow: bands, labels, art strips (25 Oct) ===== */
.band{position:relative;padding-block:56px 64px;border-top:1px solid rgba(255,255,255,.1)}
.band>section{padding-block:0!important;margin:0!important;border:0!important;background:transparent!important}
.band.bk-ink{background:#0a0a0e}
.band.bk-flat{background:#000}
.band.bk-wall{background:linear-gradient(rgba(7,7,10,.55),rgba(7,7,10,.72)),url(/img3/ui/wall.webp) 0 0/1100px 1100px repeat #07070a}
.band.bk-steel{background:linear-gradient(180deg,#141419,#0c0c10);box-shadow:inset 0 10px 0 -2px #2b2c33,inset 0 12px 0 -2px #4a4c55,inset 0 -10px 0 -2px #2b2c33,inset 0 -12px 0 -2px #4a4c55}
.band.bk-steel:before,.band.bk-steel:after{content:"";position:absolute;left:0;right:0;height:10px;background:radial-gradient(circle at 50% 50%,#9a9ca6 0 2px,#3a3b42 2.5px 3px,transparent 3.5px) 0 50%/48px 10px repeat-x;pointer-events:none}
.band.bk-steel:before{top:0}.band.bk-steel:after{bottom:0}
.btag{margin-bottom:22px}
.dtag{display:inline-block;font:700 12px/1 "Space Mono",ui-monospace,monospace;letter-spacing:.22em;text-transform:uppercase;color:#f3f3f0;background:#141416;padding:9px 14px 8px;border-radius:2px;transform:rotate(-1.2deg);box-shadow:inset 0 1px 0 rgba(255,255,255,.14),inset 0 -2px 0 rgba(0,0,0,.6),0 6px 14px -6px rgba(0,0,0,.8);text-shadow:0 1px 0 rgba(0,0,0,.9),0 -1px 0 rgba(255,255,255,.12)}
.band .w>.sh,.band .sh{margin-bottom:22px}
.band h2{font-size:clamp(34px,4.4vw,66px)}
.band .spread{padding-block:0!important;gap:48px}
.band .aiq .in,.band .nobs .in{padding-inline:40px}
@media(max-width:700px){.band{padding-block:40px 44px}.band .aiq .in,.band .nobs .in{padding-inline:16px}.btag{margin-bottom:16px}}
/* four steps */
.path .ph-h{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:24px;align-items:end;margin-bottom:26px}
.path .ph-h p{color:#d9d3d9;font-size:18px;max-width:46ch}
.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:s}
.steps a{display:flex;flex-direction:column;height:100%;text-decoration:none;color:#f3eee8;background:#08080b;border:1px solid rgba(255,255,255,.14);transition:border-color .2s,transform .2s}
.steps a:hover{border-color:#22e3ff;transform:translateY(-3px)}
.steps figure{margin:0;aspect-ratio:16/9;overflow:hidden;background:#000}.steps img{width:100%;height:100%;object-fit:cover}
.steps b{display:flex;align-items:center;gap:10px;font:900 21px/1.05 "Inter Tight",system-ui,sans-serif;letter-spacing:-.02em;padding:16px 16px 6px}
.steps b i{font:700 13px/1 "Space Mono",monospace;font-style:normal;width:28px;height:28px;display:grid;place-items:center;background:#f2f2f4;color:#07070a;border-radius:3px;flex:none}
.steps span{font-size:15px;color:#cfc8cf;padding:0 16px;flex:1}
.steps em{font:800 13.5px "Inter Tight",sans-serif;font-style:normal;color:#22e3ff;padding:12px 16px 16px}
@media(max-width:980px){.steps{grid-template-columns:1fr 1fr}.path .ph-h{grid-template-columns:1fr}}
@media(max-width:560px){.steps{grid-template-columns:1fr}.steps a{display:grid;grid-template-columns:110px minmax(0,1fr);grid-template-rows:auto 1fr auto}.steps figure{grid-row:1/4;aspect-ratio:auto;height:100%}.steps b{padding:12px 12px 4px;font-size:18px}.steps span{padding:0 12px;font-size:14px}.steps em{padding:8px 12px 12px}}
/* full-bleed art strips */
.artband{position:relative;margin:0;height:clamp(200px,30vw,420px);overflow:hidden;background:#000;border-top:1px solid rgba(255,255,255,.1)}
.artband img{width:100%;height:100%;object-fit:cover}
.artband:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,7,10,.35),rgba(7,7,10,0) 30%,rgba(7,7,10,0) 70%,rgba(7,7,10,.55))}
.artband .dtag{position:absolute;left:clamp(16px,4vw,48px);bottom:clamp(14px,3vw,30px);z-index:2;font-size:11px}
@media(max-width:560px){.artband .dtag{letter-spacing:.12em;max-width:calc(100% - 32px);white-space:normal;line-height:1.4}}
.walk-art{margin:0 0 18px;aspect-ratio:21/8;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.walk-art img{width:100%;height:100%;object-fit:cover}
@media(max-width:700px){.walk-art{aspect-ratio:16/9}}
.offer .off-tee{width:120px;height:150px;object-fit:cover;flex:none;transform:rotate(-3deg);box-shadow:0 12px 26px -8px rgba(0,0,0,.7);border:4px solid #f3eee8}
@media(max-width:700px){.offer .off-tee{width:90px;height:112px}}
/* condense 25 Oct */
.band .walk-art{aspect-ratio:21/5;margin-bottom:0}
.band .walk{margin-top:16px}.band .walk img{aspect-ratio:4/3}
.band #crew .floor{display:none}
@media(min-width:1100px){.band #crew .faces{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:10px}.band #crew .faces .nm b{font-size:17px}.band #crew .faces .nm small{font-size:10px;letter-spacing:.06em}}
.band #crew .disc{margin-top:14px}
.ck-look#stand{padding-block:56px 60px}.ck-look#stand .loved{margin-top:22px!important}
@media(max-width:700px){.band .walk-art{aspect-ratio:16/7}}
@media(max-width:700px){#stand .loved{display:grid!important;grid-auto-flow:column;grid-template-columns:none!important;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;margin-inline:-16px;padding:6px 16px 12px;gap:12px;scrollbar-width:none}#stand .loved::-webkit-scrollbar{display:none}#stand .loved>*{scroll-snap-align:start}}
@media(min-width:1000px){#stand .loved{grid-template-columns:repeat(3,minmax(0,1fr))!important}}