/*
Theme Name: Maikels Urban Studio
Theme URI: https://example.org/
Author: Maikelsdesign
Description: Eigenständiges, urbanes Portfolio-Theme mit großer Typografie, Projekten, Animationen und zweisprachiger Oberfläche. Inspiriert vom redaktionellen Aufbau moderner Street-Art-Agenturseiten.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: maikels-urban
*/
:root{--ink:#161616;--paper:#f1eee8;--accent:#e8ff55;--line:rgba(20,20,20,.18);--muted:#777;--display:Impact,'Arial Narrow',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}.wrap{width:min(100% - 72px,1520px);margin:auto}.skip-link{position:absolute;left:-999px}.skip-link:focus{left:12px;top:12px;z-index:9999;background:white;padding:12px}.site-header{position:absolute;top:0;left:0;width:100%;padding:30px 0;z-index:40;color:#fff}.site-header .wrap{display:flex;align-items:center;justify-content:space-between}.brand{font:900 29px/0.89 Arial,sans-serif;letter-spacing:-2px;text-transform:uppercase}.brand span{display:block}.head-actions{display:flex;align-items:center;gap:28px}.lang-switch{font-weight:900;font-size:12px;letter-spacing:.12em}.lang-switch .inactive{opacity:.48}.menu-toggle{border:1px solid rgba(255,255,255,.7);background:transparent;color:#fff;border-radius:100px;padding:12px 21px;text-transform:uppercase;font-size:12px;letter-spacing:.12em;font-weight:800;cursor:pointer}.menu-toggle:hover{background:var(--accent);color:#111;border-color:var(--accent)}.overlay-menu{visibility:hidden;opacity:0;position:fixed;inset:0;background:#e8ff55;color:#111;z-index:35;transition:opacity .3s,visibility .3s;display:grid;place-items:center}.overlay-menu.open{visibility:visible;opacity:1}.overlay-menu nav{display:grid;text-align:center;gap:0}.overlay-menu a{font:900 clamp(48px,9vw,144px)/.95 var(--display);text-transform:uppercase;letter-spacing:-.035em}.overlay-menu a:hover{transform:skew(-7deg)}.hero{min-height:100svh;background:#161616;color:#fff;position:relative;overflow:hidden;display:flex;align-items:end}.hero-backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 73% 42%,rgba(229,255,82,.2),transparent 38%),linear-gradient(120deg,#080908 12%,#343b2b 58%,#0c0c0c);transform:scale(1.02)}.hero-noise{position:absolute;inset:0;opacity:.14;background-image:repeating-linear-gradient(0deg,transparent 0,transparent 2px,rgba(255,255,255,.2) 3px);pointer-events:none}.hero-art{position:absolute;top:18%;right:7%;font:900 min(29vw,460px)/.75 var(--display);letter-spacing:-.12em;color:rgba(232,255,85,.9);transform:rotate(-13deg);text-shadow:13px 14px 0 #111;user-select:none}.hero-inner{position:relative;z-index:1;width:100%;padding-top:180px;padding-bottom:52px}.eyebrow{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.2em}.hero h1,.display{font:900 clamp(76px,15.8vw,256px)/.77 var(--display);letter-spacing:-.056em;text-transform:uppercase;margin:28px 0 20px}.hero h1 span{display:block}.hero h1 .outline{-webkit-text-stroke:2px #fff;color:transparent}.hero-foot{display:flex;align-items:end;justify-content:space-between;gap:24px}.hero-foot p{font-weight:600;max-width:460px;line-height:1.5;font-size:clamp(15px,1.3vw,20px)}.round-link{border:1px solid currentColor;display:inline-flex;align-items:center;gap:30px;border-radius:100px;padding:19px 25px;text-transform:uppercase;font-size:12px;font-weight:900;white-space:nowrap}.round-link:hover{background:var(--accent);border-color:var(--accent);color:#111}.ticker{overflow:hidden;border-top:1px solid #333;border-bottom:1px solid #333;background:var(--accent);padding:15px 0;white-space:nowrap}.ticker-track{width:max-content;animation:marquee 35s linear infinite;font:900 clamp(20px,3vw,42px)/1 var(--display);text-transform:uppercase;letter-spacing:.01em}.ticker-track span{padding:0 26px}@keyframes marquee{to{transform:translateX(-50%)}}section{scroll-margin-top:30px}.section-pad{padding:140px 0}.section-kicker{font-size:12px;letter-spacing:.16em;font-weight:900;text-transform:uppercase;display:flex;align-items:center;gap:12px}.section-kicker:before{content:'';height:9px;width:9px;background:var(--ink);border-radius:50%}.section-head{display:flex;align-items:end;justify-content:space-between;gap:36px;margin:30px 0 58px}.section-head h2{font:900 clamp(60px,10vw,160px)/.84 var(--display);text-transform:uppercase;letter-spacing:-.05em;margin:0}.section-head p{font-size:18px;max-width:370px;line-height:1.45}.about-intro{display:grid;grid-template-columns:1.4fr 1fr;gap:8vw;align-items:end}.about-intro h2{font:900 clamp(65px,10vw,168px)/.81 var(--display);text-transform:uppercase;letter-spacing:-.053em;margin:0}.about-intro p{font-size:clamp(18px,2.1vw,30px);line-height:1.28;letter-spacing:-.035em;margin:0 0 8px}.accent{text-decoration:underline;text-decoration-color:#bbd533;text-decoration-thickness:.1em;text-underline-offset:.1em}.projects{background:#171717;color:#fff}.projects .section-kicker:before{background:var(--accent)}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{position:relative;overflow:hidden;background:#343434;min-height:430px;display:flex;align-items:center;justify-content:center;isolation:isolate}.project-card:nth-child(3n+1){background:#96a67c}.project-card:nth-child(3n+2){background:#bd7471}.project-card:nth-child(3n){background:#849bb1}.project-card::before{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.63),transparent 56%);z-index:1}.project-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-card:hover img{transform:scale(1.07)}.project-placeholder{font:900 clamp(55px,7vw,130px)/.82 var(--display);max-width:80%;text-align:center;text-transform:uppercase;color:rgba(255,255,255,.77);letter-spacing:-.055em;transform:rotate(-6deg);transition:transform .5s}.project-card:hover .project-placeholder{transform:rotate(0) scale(1.05)}.project-meta{position:absolute;bottom:28px;left:30px;right:30px;z-index:2;display:flex;justify-content:space-between;align-items:end;gap:20px}.project-meta h3{font:900 clamp(22px,3vw,42px)/.94 var(--display);text-transform:uppercase;margin:0 0 8px}.project-meta p{margin:0;text-transform:uppercase;letter-spacing:.1em;font-size:11px;font-weight:800}.project-meta .arrow{border:1px solid #fff;width:49px;height:49px;border-radius:100%;display:grid;place-items:center;font-size:24px}.services-list{margin-top:45px;border-top:1px solid var(--line)}.service-item{display:grid;grid-template-columns:70px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid var(--line);padding:28px 0;transition:padding .25s,background .25s}.service-item:hover{padding-left:15px;background:var(--accent)}.service-item .num{font-size:13px;font-weight:900}.service-item strong{font:900 clamp(33px,6.2vw,92px)/1 var(--display);letter-spacing:-.03em;text-transform:uppercase}.service-item .plus{font:400 36px/1 Arial}.process{background:var(--accent)}.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:75px}.step{border-top:2px solid #111;padding-top:18px;min-height:140px}.step span{display:block;font-size:13px;font-weight:900;margin-bottom:36px}.step strong{font:900 clamp(22px,2.6vw,38px)/1 var(--display);text-transform:uppercase}.contact{background:#111;color:#fff}.contact h2{font:900 clamp(88px,17vw,280px)/.76 var(--display);letter-spacing:-.058em;text-transform:uppercase;margin:38px 0 55px}.contact h2 em{font-style:normal;color:var(--accent)}.contact-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px;border-top:1px solid #555;padding-top:40px}.contact-email{font-size:clamp(22px,3vw,45px);font-weight:900;letter-spacing:-.045em;overflow-wrap:anywhere}.site-footer{background:#111;color:#bfbfbf;padding:30px 0;border-top:1px solid #343434}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;gap:24px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em}.footer-inner a:hover{color:var(--accent)}.footer-links{display:flex;gap:22px}.whatsapp-float{position:fixed;bottom:22px;right:22px;z-index:30;background:#c8f75f;border-radius:100px;padding:15px 22px;box-shadow:0 8px 25px #0003;color:#141414;font-size:12px;font-weight:900;letter-spacing:.04em}.reveal{opacity:0;transform:translateY(45px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}.interior{padding:170px 0 90px;min-height:65vh}.interior h1{font:900 clamp(65px,13vw,180px)/.83 var(--display);text-transform:uppercase;letter-spacing:-.05em}.interior .entry{font-size:19px;line-height:1.6;max-width:900px}.interior a{text-decoration:underline}.interior .wp-block-image img{height:auto}@media(max-width:850px){.wrap{width:min(100% - 36px,1520px)}.site-header{padding:19px 0}.brand{font-size:24px}.head-actions{gap:14px}.hero{min-height:780px;min-height:100svh}.hero-art{font-size:42vw;top:31%;right:10%}.hero h1{font-size:clamp(75px,19vw,150px)}.hero-foot,.section-head,.contact-bottom{align-items:start;flex-direction:column}.section-pad{padding:85px 0}.about-intro{grid-template-columns:1fr;gap:25px}.project-grid{grid-template-columns:1fr}.project-card{min-height:370px}.process-steps{grid-template-columns:repeat(2,1fr)}.service-item{grid-template-columns:36px 1fr 25px}.service-item strong{font-size:clamp(30px,6vw,58px)}.whatsapp-float{bottom:12px;right:12px}}@media(max-width:480px){.hero h1{font-size:20vw}.hero-inner{padding-bottom:35px}.hero-art{top:27%}.hero-foot p{font-size:14px}.section-head h2,.about-intro h2{font-size:17vw}.project-card{min-height:300px}.project-meta{bottom:18px;left:18px;right:18px}.process-steps{gap:25px 12px}.menu-toggle{padding:10px 14px}.contact h2{font-size:20vw}}