@font-face{font-family:Rakkas;src:url(/fonts/Rakkas.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--bg:#151515;--page:#0B0B0B;--surface:#232323;--card:#1F1F1F;--text:#F5F5F5;--muted:#A8A8A8;--line:rgba(255,255,255,.12);--on-accent:#111;--title:Rakkas,Vazirmatn;--chip-bg:rgba(255,255,255,.1);--nav-bg:rgba(21,21,21,.95);--r:10px;--sheet:#1C1C1C}
html{background:#0B0B0B}
.t-street{background:#151515 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 30'%3E%3Cpath d='M0 0h28v12H0zM32 0h28v12H32zM14 16h28v12H14z' fill='%231B1B1B'/%3E%3C/svg%3E") 0 0/60px 30px}
.t-street .hero:not(.has-cover):not(.has-video){background:linear-gradient(135deg,rgba(255,46,99,.35),transparent 40%),linear-gradient(315deg,rgba(0,229,255,.3),transparent 45%),linear-gradient(60deg,rgba(255,221,0,.25),transparent 40%)}
.t-street .hero:not(.has-cover):not(.has-video) .deco{display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 60'%3E%3Cpath d='M6 40c10-30 30-34 40-12s24 18 34-8 30-10 34 10' stroke='%23FF2E63' stroke-width='8' fill='none' stroke-linecap='round'/%3E%3Cpath d='M10 52c30-10 60-6 100-12' stroke='%2300E5FF' stroke-width='5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right -10px top 12px/170px,url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Cpath d='M30 4l7 18 19 1-15 12 5 19-16-11-16 11 5-19L4 23l19-1z' fill='%23FFDD00'/%3E%3C/svg%3E") no-repeat left 18px bottom 18px/40px}
.t-street .hero h1{font-family:Rakkas,Vazirmatn;font-weight:400;font-size:clamp(42px,12vw,64px);color:#fff;text-shadow:3px 3px 0 #FF2E63,-3px -2px 0 #00E5FF;transform:rotate(-3deg);word-spacing:.15em}
.t-street .logo{border:4px solid #FFDD00}
.t-street .cats a{border:2px solid #333;color:#F5F5F5;border-radius:6px;transform:rotate(-1deg)}
.t-street .cats a.on{background:#FFDD00;border-color:#FFDD00;color:#111}
.t-street .cat h2{font-family:Rakkas,Vazirmatn;font-weight:400;font-size:30px;color:#FFDD00;transform:rotate(-2deg);word-spacing:.15em}
.t-street .l-cards .item{border:2px solid #333;box-shadow:5px 5px 0 #FF2E63}
.t-street .l-cards .item:nth-child(even){box-shadow:5px 5px 0 #00E5FF}
.t-street .item h3{font-size:18px;font-weight:900}
.t-street .price{background:#FFDD00;color:#111;padding:0 10px;border-radius:4px;display:inline-block;transform:rotate(-2deg)}
.t-street .bdg{background:#FF2E63;color:#fff}
.t-street .search{background:#232323}
.t-street .sp{background:#1F1F1F;border:2px solid #333}

/* moving backdrop */
.t-street::after{content:'';position:fixed;z-index:-1;pointer-events:none;top:0;left:max(0px,calc(50% - 320px));width:58px;height:74px;background:url(/img/themes/bg-clumsy.svg) center/contain no-repeat;opacity:0.9;animation:stClumsy 30s linear infinite}
@keyframes stClumsy{0%{transform:translate(-60px,calc(100vh - 90px)) rotate(0)}14%{transform:translate(calc(min(100vw,640px) * .45),calc(100vh - 92px)) rotate(4deg)}16%{transform:translate(calc(min(100vw,640px) * .5),calc(100vh - 80px)) rotate(80deg)}18%{transform:translate(calc(min(100vw,640px) * .52),calc(100vh - 66px)) rotate(92deg)}20%,21%{transform:translate(calc(min(100vw,640px) * .52),calc(100vh - 66px)) rotate(84deg)}22%{transform:translate(calc(min(100vw,640px) * .52),calc(100vh - 66px)) rotate(100deg)}25%{transform:translate(calc(min(100vw,640px) * .52),calc(100vh - 90px)) rotate(0)}40%{transform:translate(calc(min(100vw,640px) * .78),55vh) rotate(-720deg)}44%{transform:translate(calc(min(100vw,640px) * .78),55vh) rotate(-700deg)}46%{transform:translate(calc(min(100vw,640px) * .78),55vh) rotate(-740deg)}48%{transform:translate(calc(min(100vw,640px) * .78),55vh) rotate(-720deg)}62%{transform:translate(calc(min(100vw,640px) * .2),30vh) rotate(-720deg)}64%{transform:translate(calc(min(100vw,640px) * .16),32vh) rotate(-810deg)}68%,70%{transform:translate(calc(min(100vw,640px) * .14),36vh) rotate(-810deg)}72%{transform:translate(calc(min(100vw,640px) * .14),34vh) rotate(-720deg)}86%{transform:translate(calc(min(100vw,640px) * .6),12vh) rotate(-360deg)}100%{transform:translate(calc(min(100vw,640px) + 10px),calc(100vh - 90px)) rotate(0)}}
@media (prefers-reduced-motion:reduce){.t-street::after{animation:none}}

/* two neon food-truck vans parked on either side of the street: coffee and drinks on one, food and sandwiches on the other,
   with flickering neon signs, string lights, steam, grill smoke and underglow */
.t-street .hero:not(.has-video){padding-bottom:0}
.t-street .hero::after{content:'';position:relative;z-index:0;display:block;height:clamp(150px,46vw,210px);margin:14px -20px 0;background:url(/img/themes/street-vans.svg) center bottom/100% 100% no-repeat}
.t-street .hero-in{z-index:1}
/* the same motion inside the hero, behind the name */
.t-street .hero::before{content:'';position:absolute;z-index:0;pointer-events:none;inset:0;animation:none}
@media (prefers-reduced-motion:reduce){.t-street .hero::before{animation:none}}