:root{--c-bg: #0e0d0b;--c-surface: #161410;--c-card: #1c1a16;--c-border: #2e2b24;--c-amber: #e8a020;--c-amber-dim: #c47d0d;--c-amber-glow:#f0b83a;--c-text: #e8e4dc;--c-muted: #8a8070;--c-label: #5c5448;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", sans-serif;--font-mono: "DM Mono", monospace;--nav-h: 72px;--max-w: 1280px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--c-bg);color:var(--c-text);font-family:var(--font-body);font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none}ul{list-style:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--c-bg)}::-webkit-scrollbar-thumb{background:var(--c-border);border-radius:3px}.section-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-amber);margin-bottom:1rem}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3.2rem);font-weight:700;line-height:1.15;color:var(--c-text);margin-bottom:1.5rem}.section-title em{font-style:italic;color:var(--c-amber)}.btn-primary{display:inline-block;background:var(--c-amber);color:#0e0d0b;font-family:var(--font-body);font-weight:500;font-size:.9rem;letter-spacing:.04em;padding:.85rem 2rem;border-radius:2px;transition:background .2s,transform .15s,box-shadow .2s;box-shadow:0 0 #e8a02000}.btn-primary:hover{background:var(--c-amber-glow);transform:translateY(-2px);box-shadow:0 8px 32px #e8a02059}.btn-ghost{display:inline-block;color:var(--c-text);font-family:var(--font-body);font-size:.9rem;font-weight:400;padding:.85rem 2rem;border:1px solid var(--c-border);border-radius:2px;transition:border-color .2s,color .2s}.btn-ghost:hover{border-color:var(--c-amber);color:var(--c-amber)}.btn-outline{display:inline-block;color:var(--c-amber);font-family:var(--font-body);font-size:.9rem;font-weight:500;padding:.85rem 2rem;border:1px solid var(--c-amber);border-radius:2px;transition:background .2s,color .2s;text-align:center;width:100%}.btn-outline:hover{background:var(--c-amber);color:#0e0d0b}.btn-full{width:100%;text-align:center}.nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;z-index:100;transition:background .35s,backdrop-filter .35s,border-bottom .35s}.nav.scrolled{background:#0e0d0beb;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--c-border)}.nav-logo{font-family:var(--font-mono);font-weight:500;font-size:1.05rem;letter-spacing:.12em;color:var(--c-text);display:flex;align-items:baseline;gap:.5rem}.nav-logo-sub{color:var(--c-amber);font-size:.7rem;letter-spacing:.18em}.nav-links{display:flex;gap:2.5rem}.nav-links a{font-size:.85rem;letter-spacing:.05em;color:var(--c-muted);transition:color .2s;font-family:var(--font-body)}.nav-links a:hover{color:var(--c-text)}.nav-cta{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;color:var(--c-amber);border:1px solid var(--c-amber);padding:.5rem 1.25rem;border-radius:2px;transition:background .2s,color .2s}.nav-cta:hover{background:var(--c-amber);color:#0e0d0b}.nav-burger{display:none;flex-direction:column;gap:5px;padding:4px}.nav-burger span{display:block;width:24px;height:2px;background:var(--c-text);transition:transform .3s,opacity .3s}.nav-burger.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open span:nth-child(2){opacity:0}.nav-burger.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--c-surface);border-bottom:1px solid var(--c-border);z-index:99;padding:1.5rem 2.5rem;transform:translateY(-110%);transition:transform .35s cubic-bezier(.4,0,.2,1)}.mobile-menu.open{transform:translateY(0)}.mobile-menu ul{display:flex;flex-direction:column;gap:1.25rem}.mobile-menu a{font-size:1.1rem;color:var(--c-text)}.mob-cta{color:var(--c-amber)!important}.hero{position:relative;height:100vh;min-height:680px;display:flex;align-items:center;overflow:hidden}.hero-bg{position:absolute;top:0;right:0;bottom:0;left:0}.hero-img{width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:heroZoom 12s ease-out forwards}@keyframes heroZoom{0%{transform:scale(1.08)}to{transform:scale(1)}}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to right,#0e0d0be0 40%,#0e0d0b4d),linear-gradient(to top,rgba(14,13,11,.7) 0%,transparent 60%)}.hero-content{position:relative;z-index:2;max-width:var(--max-w);margin:0 auto;padding:0 2.5rem;padding-top:var(--nav-h);width:100%;max-width:700px;padding-left:max(2.5rem,calc(50vw - 640px + 2.5rem))}.hero-eyebrow{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-amber);margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s .3s forwards}.dot{width:7px;height:7px;background:var(--c-amber);border-radius:50%;display:inline-block;animation:pulse 2s infinite}@keyframes pulse{0%,to{box-shadow:0 0 #e8a02080}50%{box-shadow:0 0 0 6px #e8a02000}}.hero-title{font-family:var(--font-display);font-size:clamp(2.8rem,6vw,5rem);font-weight:900;line-height:1.08;color:var(--c-text);margin-bottom:1.5rem;opacity:0;animation:fadeUp .8s .5s forwards}.hero-title em{font-style:italic;color:var(--c-amber);display:block}.hero-sub{font-size:1rem;color:#e8e4dcb8;max-width:480px;margin-bottom:2.5rem;line-height:1.7;opacity:0;animation:fadeUp .8s .7s forwards}.hero-actions{display:flex;gap:1rem;flex-wrap:wrap;opacity:0;animation:fadeUp .8s .9s forwards}@keyframes fadeUp{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.hero-wave-wrap{position:absolute;bottom:80px;left:0;right:0;height:80px;z-index:2;opacity:.55}.wave-canvas{width:100%;height:100%}.hero-scroll-hint{position:absolute;right:2.5rem;bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:.75rem;z-index:3}.hero-scroll-hint span{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.18em;color:var(--c-muted);writing-mode:vertical-rl}.scroll-line{width:1px;height:60px;background:linear-gradient(to bottom,var(--c-amber),transparent);animation:scrollDrop 2s ease-in-out infinite}@keyframes scrollDrop{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform:scaleY(1);transform-origin:bottom}to{transform:scaleY(0);transform-origin:bottom}}.ticker-wrap{background:var(--c-amber);overflow:hidden;padding:.75rem 0}.ticker{display:flex;gap:3rem;white-space:nowrap;animation:tickerScroll 24s linear infinite;width:max-content}.ticker span{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;color:#0e0d0b;font-weight:500}.ticker .sep{opacity:.5}@keyframes tickerScroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.about{padding:8rem 2.5rem;max-width:var(--max-w);margin:0 auto}.about-inner{display:grid;grid-template-columns:1fr 1fr;gap:6rem;align-items:center}.about-body{color:var(--c-muted);margin-bottom:1.5rem;line-height:1.8;font-size:.95rem}.about-stats{display:flex;gap:3rem;margin-top:2.5rem;padding-top:2.5rem;border-top:1px solid var(--c-border)}.stat-num{display:block;font-family:var(--font-display);font-size:2.4rem;font-weight:900;color:var(--c-amber);line-height:1;margin-bottom:.3rem}.stat-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--c-muted);text-transform:uppercase}.about-visual{position:relative}.about-img-frame{position:relative;border-radius:3px;overflow:hidden;aspect-ratio:4/5}.about-img-frame:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(14,13,11,.6) 0%,transparent 50%);z-index:1}.about-img-frame img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.about-img-frame:hover img{transform:scale(1.03)}.about-img-badge{position:absolute;bottom:1.5rem;left:1.5rem;z-index:2;background:#0e0d0bcc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--c-border);padding:.6rem 1rem;border-radius:2px;display:flex;align-items:center;gap:.75rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.12em;color:var(--c-amber)}.studios{padding:6rem 2.5rem;background:var(--c-surface)}.studios-header{max-width:var(--max-w);margin:0 auto 4rem;text-align:center}.studios-sub{max-width:560px;margin:0 auto;color:var(--c-muted);font-size:.95rem;line-height:1.7}.studios-grid{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:1.5rem}.studio-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:3px;overflow:hidden;display:flex;flex-direction:column;transition:border-color .3s,transform .3s}.studio-card:hover{border-color:var(--c-amber);transform:translateY(-4px)}.studio-card--large{grid-row:span 2;grid-column:1}.studio-card-img{position:relative;overflow:hidden}.studio-card--large .studio-card-img{height:340px}.studio-card:not(.studio-card--large) .studio-card-img{height:200px}.studio-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.studio-card:hover .studio-card-img img{transform:scale(1.05)}.studio-card-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(14,13,11,.7) 0%,transparent 60%)}.studio-card-body{padding:1.75rem;flex:1}.studio-tag{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-amber);margin-bottom:.5rem}.studio-name{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.studio-desc{color:var(--c-muted);font-size:.88rem;line-height:1.7;margin-bottom:1.25rem}.studio-specs{display:flex;flex-direction:column;gap:.4rem}.studio-specs li{font-family:var(--font-mono);font-size:.75rem;color:var(--c-muted);padding-left:1rem;position:relative}.studio-specs li:before{content:"→";position:absolute;left:0;color:var(--c-amber)}.leistungen{padding:8rem 2.5rem;background:var(--c-bg)}.leistungen-inner{max-width:var(--max-w);margin:0 auto}.leistungen-header{max-width:700px;margin-bottom:4rem}.leistungen-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.leistung-item{padding:2rem;border:1px solid var(--c-border);border-radius:3px;transition:border-color .3s,background .3s;position:relative;overflow:hidden}.leistung-item:before{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:var(--c-amber);transform:scaleX(0);transition:transform .35s ease}.leistung-item:hover:before{transform:scaleX(1)}.leistung-item:hover{background:var(--c-card);border-color:var(--c-border)}.leistung-icon{font-size:1.8rem;margin-bottom:1rem;display:block}.leistung-item h3{font-family:var(--font-display);font-size:1.15rem;font-weight:700;margin-bottom:.75rem}.leistung-item p{color:var(--c-muted);font-size:.88rem;line-height:1.7}.preise{padding:8rem 2.5rem;background:var(--c-surface)}.preise-inner{max-width:var(--max-w);margin:0 auto}.preise-header{text-align:center;margin-bottom:4rem}.preise-sub{color:var(--c-muted);max-width:560px;margin:0 auto;font-size:.95rem}.preise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:start}.preis-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:3px;padding:2.5rem;transition:border-color .3s;position:relative}.preis-card:hover{border-color:var(--c-amber)}.preis-card--featured{border-color:var(--c-amber);background:linear-gradient(160deg,#201d15 0%,var(--c-card) 100%);transform:translateY(-8px);box-shadow:0 20px 60px #e8a0201f}.preis-badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--c-amber);color:#0e0d0b;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;font-weight:500;padding:.3rem 1rem;border-radius:20px}.preis-tier{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--c-amber);margin-bottom:1rem}.preis-amount{font-family:var(--font-display);font-size:3rem;font-weight:900;line-height:1;margin-bottom:1.25rem;display:flex;align-items:flex-start;gap:.2rem}.preis-cur{font-size:1.4rem;margin-top:.6rem}.preis-per{font-size:.9rem;font-family:var(--font-body);font-weight:400;color:var(--c-muted);align-self:flex-end;margin-bottom:.3rem}.preis-amount--custom{font-size:1.6rem;align-items:center}.preis-desc{color:var(--c-muted);font-size:.85rem;line-height:1.6;margin-bottom:1.75rem;padding-bottom:1.75rem;border-bottom:1px solid var(--c-border)}.preis-features{display:flex;flex-direction:column;gap:.7rem;margin-bottom:2rem}.preis-features li{font-size:.85rem;color:var(--c-text);padding-left:1.25rem;position:relative}.preis-features li:before{content:"✓";position:absolute;left:0;color:var(--c-amber);font-weight:700}.testimonials{padding:8rem 2.5rem;background:var(--c-bg)}.testimonials-inner{max-width:var(--max-w);margin:0 auto}.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:3rem}.testi-card{background:var(--c-card);border:1px solid var(--c-border);border-radius:3px;padding:2rem;transition:border-color .3s}.testi-card:hover{border-color:var(--c-amber)}.testi-quote{font-family:var(--font-display);font-style:italic;font-size:1.05rem;line-height:1.65;color:var(--c-text);margin-bottom:1.75rem}.testi-quote:before{content:'"';color:var(--c-amber);font-size:2rem;line-height:0;vertical-align:-.4em;margin-right:.2rem}.testi-author{display:flex;align-items:center;gap:1rem}.testi-avatar{width:44px;height:44px;background:linear-gradient(135deg,var(--c-amber-dim),var(--c-amber));border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.75rem;font-weight:500;color:#0e0d0b;flex-shrink:0}.testi-name{font-size:.9rem;font-weight:500;margin-bottom:.15rem}.testi-role{font-size:.78rem;color:var(--c-muted);font-family:var(--font-mono)}.booking{padding:8rem 2.5rem;background:var(--c-surface)}.booking-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:6rem;align-items:start}.booking-sub{color:var(--c-muted);font-size:.95rem;line-height:1.7;margin-bottom:2.5rem}.booking-address{display:flex;flex-direction:column;gap:.6rem;padding:1.5rem;border:1px solid var(--c-border);border-radius:3px;background:var(--c-card)}.booking-address p{font-family:var(--font-mono);font-size:.82rem;color:var(--c-muted);letter-spacing:.05em}.booking-address a{color:var(--c-amber)}.booking-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted)}.form-group input,.form-group select,.form-group textarea{background:var(--c-card);border:1px solid var(--c-border);border-radius:2px;padding:.75rem 1rem;color:var(--c-text);font-family:var(--font-body);font-size:.9rem;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none}.form-group select{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%238a8070' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--c-amber);box-shadow:0 0 0 3px #e8a0201f}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--c-label)}.footer{background:var(--c-bg);border-top:1px solid var(--c-border);padding:5rem 2.5rem 2rem}.footer-inner{max-width:var(--max-w);margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:4rem;padding-bottom:4rem;border-bottom:1px solid var(--c-border)}.footer-logo{font-family:var(--font-mono);font-size:1.1rem;letter-spacing:.1em;font-weight:500;margin-bottom:1rem}.footer-logo span{color:var(--c-amber);margin-left:.5rem}.footer-tagline{font-size:.88rem;color:var(--c-muted);line-height:1.7;margin-bottom:1.5rem;max-width:280px}.footer-socials{display:flex;gap:.75rem}.footer-socials a{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.12em;color:var(--c-muted);border:1px solid var(--c-border);padding:.4rem .75rem;border-radius:2px;transition:color .2s,border-color .2s}.footer-socials a:hover{color:var(--c-amber);border-color:var(--c-amber)}.footer-links h4{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-muted);margin-bottom:1.25rem}.footer-links ul{display:flex;flex-direction:column;gap:.6rem}.footer-links li{font-size:.85rem;color:var(--c-muted)}.footer-links a{color:var(--c-muted);transition:color .2s}.footer-links a:hover{color:var(--c-amber)}.footer-bottom{max-width:var(--max-w);margin:2rem auto 0;display:flex;justify-content:space-between;align-items:center}.footer-bottom p{font-size:.78rem;color:var(--c-label);font-family:var(--font-mono)}.footer-legal{display:flex;gap:1.5rem}.footer-legal a{font-size:.78rem;color:var(--c-label);font-family:var(--font-mono);transition:color .2s}.footer-legal a:hover{color:var(--c-muted)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media (max-width: 1024px){.about-inner{grid-template-columns:1fr;gap:3rem}.about-visual{max-width:480px}.leistungen-grid{grid-template-columns:repeat(2,1fr)}.studios-grid{grid-template-columns:1fr}.studio-card--large{grid-row:auto}.testi-grid{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 1fr;gap:2.5rem}}@media (max-width: 768px){.nav-links,.nav-cta{display:none}.nav-burger{display:flex}.mobile-menu{display:block}.hero-content{padding-left:2.5rem;padding-right:2.5rem}.hero-title{font-size:clamp(2.4rem,9vw,3.5rem)}.preise-grid{grid-template-columns:1fr}.preis-card--featured{transform:none}.booking-inner{grid-template-columns:1fr;gap:3rem}.form-row{grid-template-columns:1fr}.about-stats{gap:1.5rem}.footer-inner{grid-template-columns:1fr;gap:2rem}.footer-bottom{flex-direction:column;gap:1rem;text-align:center}.leistungen-grid{grid-template-columns:1fr}}@media (max-width: 480px){.hero-actions{flex-direction:column}.btn-primary,.btn-ghost{text-align:center}}
