:root{--bg: #EAEAE4;--surface: #FFFFFF;--text: #0A0A0A;--border-color: #000000;--neon-yellow: #D7F000;--spray-red: #FF2A00;--cyan: #00B4D8;--card-shadow: rgba(0, 0, 0, .2);--tape-bg: rgba(255, 255, 255, .35);--grid-color: rgba(0, 0, 0, .06);--font-head: "Anton", sans-serif;--font-display: "Syne", sans-serif;--font-body: "Space Grotesk", sans-serif}[data-theme=dark]{--bg: #050505;--surface: #121212;--text: #F5F5F0;--border-color: #222222;--neon-yellow: #E0FF00;--spray-red: #FF2A00;--cyan: #00F0FF;--card-shadow: rgba(0, 0, 0, .9);--tape-bg: rgba(255, 255, 255, .25);--grid-color: rgba(255, 255, 255, .08)}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;transition:background-color .3s ease,color .3s ease,border-color .3s ease}body{background-color:var(--bg);color:var(--text);font-family:var(--font-body);overflow-x:hidden;background-image:radial-gradient(circle at 50% 50%,var(--grid-color) 1px,transparent 1px),linear-gradient(to right,var(--grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--grid-color) 1px,transparent 1px);background-size:24px 24px,40px 100%,100% 40px}#viewport{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden}#maze-world{position:absolute;top:0;left:0;width:200vw;height:500vh;will-change:transform}header{position:fixed;top:.5rem;left:.5rem;right:.5rem;z-index:100;display:flex;justify-content:space-between;align-items:center;pointer-events:none;gap:.4rem;max-width:calc(100vw - 1rem)}.header-left{display:flex;align-items:center;gap:.35rem;pointer-events:auto;min-width:0}.brand{font-family:var(--font-head);font-size:clamp(.95rem,3.8vw,1.6rem);letter-spacing:.03em;color:#000;text-transform:uppercase;background:var(--neon-yellow);padding:.2rem .4rem;border:2px solid #000;box-shadow:2px 2px 0 var(--spray-red);transform:rotate(-1.5deg);white-space:nowrap}.street-tag{background:#000;color:#fff;font-family:var(--font-display);font-size:clamp(.5rem,2vw,.65rem);font-weight:800;padding:.25rem .4rem;text-transform:uppercase;letter-spacing:.05em;transform:rotate(1deg);border:2px solid #000;white-space:nowrap}.theme-toggle{pointer-events:auto;background:var(--surface);color:var(--text);font-family:var(--font-head);font-size:clamp(.7rem,2.5vw,.85rem);letter-spacing:.05em;text-transform:uppercase;padding:.25rem .5rem;border:2px solid #000;box-shadow:2px 2px 0 var(--border-color);cursor:pointer;display:flex;align-items:center;gap:.25rem;white-space:nowrap;flex-shrink:0}.theme-toggle svg{width:18px;height:18px;flex-shrink:0;display:block}.theme-toggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--border-color)}@media (max-width: 380px){.street-tag{display:none}}.panel{position:absolute;width:100vw;height:100vh;padding:4.5rem 1rem 1.25rem;display:flex;flex-direction:column;justify-content:space-between}#hero{top:0;left:0;height:100vh;max-height:100vh;overflow:hidden}#about{top:100vh;left:0;height:100vh;max-height:100vh;overflow:hidden}#abale{top:200vh;left:0;height:100vh;max-height:100vh;overflow:hidden}#jeze{top:200vh;left:100vw;height:100vh;max-height:100vh;overflow:hidden}#golf{top:300vh;left:100vw;height:100vh;max-height:100vh;overflow:hidden}#footer{top:400vh;left:100vw;height:100vh;overflow-y:auto}.corridor-tag{font-family:var(--font-body);font-weight:900;font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:#000;background:var(--neon-yellow);display:inline-block;padding:.2rem .5rem;border:1.5px solid #000;margin-bottom:.25rem}h1{font-family:var(--font-head);font-size:clamp(2.6rem,9vw,5.2rem);line-height:.85;text-transform:uppercase;letter-spacing:-.01em}.highlight-yellow{background:var(--neon-yellow);color:#000;padding:0 .2rem}.highlight-red{color:var(--spray-red)}.highlight-cyan{background:var(--cyan);color:#000;padding:0 .2rem}.about-card{background:var(--surface);border:2px solid #000;padding:1.25rem;box-shadow:4px 4px #000;display:flex;flex-direction:column;gap:1rem;margin:.5rem 0}.about-text p{font-size:.9rem;line-height:1.45;color:var(--text);font-weight:500}.about-grid-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.stat-box{border:1.5px solid #000;padding:.5rem;background:var(--bg)}.stat-title{font-family:var(--font-head);font-size:.75rem;color:var(--spray-red)}.stat-val{font-family:var(--font-display);font-size:.85rem;font-weight:800;text-transform:uppercase}.hero-socials{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.social-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--bg);color:var(--text);border:2px solid #000;box-shadow:2px 2px #000;transition:transform .2s ease,background .2s ease,color .2s ease;text-decoration:none}.social-icon-btn svg{width:20px;height:20px;fill:currentColor}.social-icon-btn:hover{background:var(--neon-yellow);color:#000;transform:translate(-1px,-1px);box-shadow:3px 3px #000}.carousel-wrapper{position:relative;width:100%;height:42vh;margin:.3rem 0;display:flex;align-items:center}.carousel-track{display:flex;width:100%;height:100%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:center;padding:0 8vw}.carousel-track::-webkit-scrollbar{display:none}.slide{flex:0 0 84vw;height:90%;scroll-snap-align:center;position:relative;margin:0 -2vw;background-color:var(--surface);border:2px solid #000;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;background-size:cover;background-position:center center;background-repeat:no-repeat;transform:scale(.86);opacity:.45;filter:grayscale(80%);transition:transform .45s cubic-bezier(.16,1,.3,1),opacity .45s ease,filter .45s ease,box-shadow .45s ease}.slide.is-focused{transform:scale(1);opacity:1;filter:grayscale(0%);box-shadow:0 10px 25px var(--card-shadow),4px 4px #000;z-index:2}.sticker{position:absolute;top:.8rem;left:.8rem;background:#000;color:var(--neon-yellow);font-family:var(--font-head);font-size:.75rem;padding:.2rem .5rem;text-transform:uppercase;border:1px solid var(--neon-yellow)}.tape-corner{position:absolute;top:-6px;right:15px;width:50px;height:15px;background:var(--tape-bg);backdrop-filter:blur(2px);transform:rotate(12deg);border:1px solid rgba(0,0,0,.2)}.bg-e1{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/ARTICLES/ABALE/a_ba.le.jpg)}.bg-e2{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/PROJECTS/JEZE/JEZE%203_1.JPG)}.bg-e3{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/ARTICLES/CAR%20CULTURE/LMS.jpg)}.bg-a1{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/ARTICLES/ABALE/a_ba.le_49.jpg)}.bg-a2{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/ARTICLES/ABALE/a_ba.le_54.jpg)}.bg-a3{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/ARTICLES/ABALE/a_ba.le_73.jpg)}.bg-j1{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/PROJECTS/JEZE/DSC_9179.jpg)}.bg-j2{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/PROJECTS/JEZE/KUMBALI%20LIVE_13.jpg)}.bg-j3{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/PROJECTS/JEZE/JEZE%203_12.JPG)}.bg-g1{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/ARTICLES/CAR%20CULTURE/LMS_3.jpg)}.bg-g2{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/ARTICLES/CAR%20CULTURE/LMS_13.jpg)}.bg-g3{background-image:linear-gradient(180deg,#0000001a,#000000d9 85%),url(/ARTICLES/CAR%20CULTURE/LMS_50.jpg)}.card-title{font-family:var(--font-head);font-size:1.5rem;line-height:.95;color:#fff;text-transform:uppercase;text-shadow:2px 2px 4px rgba(0,0,0,.8)}.punchline{font-size:.85rem;font-weight:700;line-height:1.25;margin-top:.3rem;color:#eaeae4;text-shadow:1px 1px 3px rgba(0,0,0,.8)}.hero-actions{display:flex;gap:.6rem;margin-top:.85rem;flex-wrap:wrap}.hero-action-btn{flex:1 1 135px;max-width:200px;padding:.7rem 1rem;font-size:.95rem;justify-content:center;gap:.5rem}.hero-action-btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.hero-action-btn:active{transform:translate(1px,1px);box-shadow:2px 2px #000}.turn-btn{display:flex;align-items:center;justify-content:space-between;width:100%;padding:.8rem 1.1rem;background:var(--neon-yellow);color:#000;font-family:var(--font-head);font-size:1.05rem;text-transform:uppercase;letter-spacing:.05em;border:2px solid #000;box-shadow:3px 3px #000;cursor:pointer}.turn-btn.alt{background:#000;color:#fff;border:2px solid #000;box-shadow:3px 3px 0 var(--spray-red)}.hazard-bar{height:6px;width:100%;background:repeating-linear-gradient(-45deg,var(--neon-yellow),var(--neon-yellow) 10px,#000 10px,#000 20px);margin-top:.25rem;border:1px solid #000}.footer-content{width:100%;background:var(--surface);border:2px solid #000;box-shadow:5px 5px #000;padding:1.5rem;margin:.75rem 0;display:flex;flex-direction:column;gap:1.5rem}.footer-ticker{width:100%;overflow:hidden;white-space:nowrap;background:#000;color:var(--neon-yellow);font-family:var(--font-head);font-size:1.1rem;padding:.5rem 0;border:2px solid #000;letter-spacing:.08em}.ticker-track{display:inline-block;animation:marquee 16s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;width:100%}.footer-col h4{font-family:var(--font-head);font-size:1.1rem;text-transform:uppercase;color:var(--spray-red);margin-bottom:.6rem;border-bottom:2px solid #000;padding-bottom:.2rem}.footer-links{list-style:none;display:flex;flex-direction:column;gap:.4rem}.footer-links a{color:var(--text);text-decoration:none;font-size:.85rem;font-weight:700;text-transform:uppercase;display:flex;align-items:center;justify-content:space-between}.footer-links a:hover{color:var(--spray-red)}.footer-sub-text{font-size:.8rem;line-height:1.35;color:var(--text);font-weight:500}.city-nodes-bar{font-family:var(--font-display);font-size:.75rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;background:var(--neon-yellow);color:#000;padding:.6rem 1rem;text-align:center;border:2px solid #000;box-shadow:3px 3px #000}.copyright-line{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;font-size:.75rem;font-weight:700;text-transform:uppercase;border-top:2px dashed #000;padding-top:.8rem;gap:.5rem}.archive-page{min-height:100vh;padding:5rem 1rem 2rem;max-width:1100px;margin:0 auto}.archive-intro{font-size:.95rem;line-height:1.5;font-weight:500;max-width:620px;margin:.75rem 0 1.5rem;border-left:3px solid var(--neon-yellow);padding-left:.85rem}.archive-grid{display:grid;grid-template-columns:1fr;gap:1.25rem;margin:1rem 0 2rem}.archive-card{background:var(--surface);border:2px solid #000;box-shadow:4px 4px #000;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease}.archive-card:hover{transform:translate(-2px,-2px);box-shadow:6px 6px #000}.archive-card-image{height:220px;background-size:cover;background-position:center;border-bottom:2px solid #000;position:relative}.archive-card-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000 40%,#0000008c)}.archive-card-body{padding:1.1rem 1.2rem 1.25rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.archive-card-meta{font-family:var(--font-head);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--spray-red)}.archive-card-title{font-family:var(--font-head);font-size:1.45rem;line-height:.95;text-transform:uppercase}.archive-card-excerpt{font-size:.85rem;line-height:1.45;font-weight:500;color:var(--text);opacity:.9;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.archive-card-link{margin-top:auto;display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-head);font-size:.85rem;text-transform:uppercase;letter-spacing:.04em;background:var(--neon-yellow);color:#000;border:2px solid #000;box-shadow:2px 2px #000;padding:.45rem .75rem;text-decoration:none;align-self:flex-start}.archive-card-link.alt{background:#000;color:#fff;box-shadow:2px 2px 0 var(--spray-red)}.archive-detail{max-width:760px;margin:0 auto;padding:5rem 1rem 2.5rem}.archive-detail-hero{height:52vh;min-height:320px;max-height:520px;border:2px solid #000;box-shadow:5px 5px #000;background-size:cover;background-position:center;position:relative;display:flex;align-items:flex-end;padding:1.25rem;margin:1rem 0 1.5rem}.archive-detail-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0000000d,#000000c7 85%)}.archive-detail-hero>*{position:relative;z-index:1}.article-body{background:var(--surface);border:2px solid #000;box-shadow:4px 4px #000;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.article-body p{font-size:.92rem;line-height:1.65;font-weight:500}.article-body h2{font-family:var(--font-head);font-size:1.35rem;text-transform:uppercase;margin-top:.5rem;border-left:4px solid var(--neon-yellow);padding-left:.6rem}.detail-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;margin-top:1rem}.detail-gallery img{width:100%;height:220px;object-fit:cover;border:2px solid #000;box-shadow:3px 3px #000}@media (min-width: 768px){.archive-grid{grid-template-columns:repeat(2,1fr)}.archive-page{padding:6rem 2rem 3rem}.archive-detail{padding:6rem 1.5rem 3rem}.detail-gallery img{height:260px}}@media (min-width: 1024px){.archive-grid.three{grid-template-columns:repeat(3,1fr)}}@media (min-width: 768px){header{top:1rem;left:1rem;right:1rem;padding:.5rem 1.5rem}.brand{font-size:1.6rem;padding:.25rem .75rem;box-shadow:3px 3px 0 var(--spray-red)}.street-tag{font-size:.65rem;padding:.4rem .6rem}.theme-toggle{font-size:.85rem;padding:.4rem .75rem;box-shadow:3px 3px 0 var(--border-color)}.panel{padding:5.5rem 4rem 2rem}.about-card{flex-direction:row;align-items:center;justify-content:space-between;padding:2rem}.about-text{max-width:55%}.about-grid-stats{width:38%}.carousel-wrapper{height:52vh;max-height:480px}.carousel-track{padding:0 calc(50vw - 180px)}.slide{flex:0 0 350px;max-width:350px;height:100%;aspect-ratio:3 / 4;margin:0 .75rem}.turn-btn,.hazard-bar{max-width:440px}.footer-content{width:100%;padding:2rem}.footer-grid{grid-template-columns:repeat(4,1fr)}}@media (prefers-reduced-motion: reduce){body{height:auto!important;overflow-y:auto}#viewport{position:static;height:auto}#maze-world{position:static;width:100%;height:auto;transform:none!important}.panel{position:relative;top:0!important;left:0!important;height:auto;min-height:100vh}.ticker-track{animation:none}}