/* Theme Name: JUXKO Street Art Version: 1.1 */
:root{--acid:#d9ff3f;--ink:#101010;--paper:#ffffff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px Arial,Helvetica,sans-serif}.jx{overflow:hidden}.jx a{color:inherit;text-decoration:none}.jx nav{display:flex;justify-content:flex-start;align-items:center;padding:20px 5vw;border-bottom:2px solid}.logo{font-weight:900;font-size:22px;letter-spacing:-.08em}.navlink{display:none}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:76vh;border-bottom:2px solid}.copy{padding:8vw 5vw;background:var(--acid);display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:11px}.copy h1,.sec h2{font-size:clamp(54px,8vw,120px);line-height:.84;letter-spacing:-.1em;margin:22px 0;max-width:850px}.copy p{font-size:clamp(18px,2vw,26px);line-height:1.1;max-width:600px}.cta{background:var(--ink);color:#fff!important;padding:15px 20px;display:inline-block;width:max-content;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:700;margin-top:16px}.visual{border-left:2px solid;display:grid;place-items:center;position:relative;background:#fff}.panel{grid-area:1/1;width:min(85%,600px);aspect-ratio:1;object-fit:contain;opacity:0}.badge{position:absolute;right:22px;top:22px;border:2px solid;border-radius:50%;padding:22px 12px;text-align:center;font-size:10px;font-weight:900;transform:rotate(12deg)}.strip{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:2px solid}.tile{padding:24px;border-right:2px solid;min-height:160px;display:flex;flex-direction:column;justify-content:space-between}.tile:last-child{border:0}.tile b{font-size:40px}.tile span{text-transform:uppercase;font-size:11px;letter-spacing:.1em}.sec{padding:9vw 5vw;border-bottom:2px solid}.sec h2{font-size:clamp(46px,7vw,100px);max-width:900px}.sec p{max-width:650px;font-size:20px;line-height:1.25}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.card{border:2px solid;padding:24px;min-height:220px;background:#fff}.card:nth-child(2){background:var(--acid)}.card h3{font-size:30px;margin:0}.card p{font-size:16px}.dark{background:var(--ink);color:#fff}.dark h2{color:var(--acid)}.dark .cta{background:var(--acid);color:var(--ink)!important}.foot{padding:25px 5vw;font-size:11px;text-transform:uppercase;letter-spacing:.1em;display:flex;justify-content:space-between}@media(max-width:760px){.jx nav{padding:16px 5vw}.hero{grid-template-columns:1fr;min-height:0}.copy{padding:12vw 5vw 10vw;justify-content:flex-start}.copy h1{margin:14px 0 18px}.copy p{margin:0 0 12px}.visual{border:0;border-top:2px solid;min-height:0;height:auto;padding:10px 0}.panel{width:min(78vw,500px)}.badge{right:12px;top:12px;transform:scale(.8) rotate(12deg);transform-origin:top right}.strip{grid-template-columns:repeat(2,1fr)}.tile:nth-child(2){border-right:0}.tile:nth-child(-n+2){border-bottom:2px solid}.cards{grid-template-columns:1fr}.foot{display:block}.foot span{display:block;margin-top:8px}}