:root{--bg:#060607;--panel:#0d0d0f;--text:#f5f1e9;--muted:#aaa49b;--gold:#ffb328;--gold2:#ffda8b;--line:rgba(255,255,255,.11);--max:1460px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#050506;color:var(--text);font-family:Arial,Helvetica,sans-serif;line-height:1.45;overflow-x:hidden}a{text-decoration:none;color:inherit}img{display:block;max-width:100%}.shell{width:min(var(--max),calc(100% - 38px));margin-inline:auto}.skip{position:absolute;left:-9999px}.ambient{position:fixed;pointer-events:none;z-index:-2;border-radius:50%;filter:blur(90px);opacity:.18}.ambient-a{width:560px;height:560px;background:#ff9500;right:-180px;top:-180px}.ambient-b{width:420px;height:420px;background:#b36b00;left:-160px;bottom:5%}.topbar{position:sticky;top:0;z-index:100;background:rgba(5,5,6,.73);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:baseline;gap:10px;font-weight:1000;letter-spacing:.08em;text-transform:uppercase}.brand-os{font-size:38px;background:linear-gradient(#ffd987,#ffad1d 66%,#ad5b00);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 22px rgba(255,179,40,.28)}.brand-medien{font-size:24px;color:#f3efe9}.desktop-nav{display:flex;gap:34px}.desktop-nav a{font-size:12px;text-transform:uppercase;letter-spacing:.18em;color:#ddd7cf;position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-12px;height:2px;background:var(--gold);transition:.25s}.desktop-nav a:hover:after{right:0}.nav-actions{display:flex;align-items:center;gap:12px}.round-cta,.gold-btn,.outline-btn,.ghost-btn,.send{display:inline-flex;align-items:center;justify-content:center;gap:14px;text-transform:uppercase;font-size:11px;font-weight:900;letter-spacing:.1em;transition:.25s}.round-cta,.gold-btn,.send{padding:14px 20px;border:1px solid #ffbe42;border-radius:10px;background:linear-gradient(180deg,#2a1b08,#120c05);color:#ffd783;box-shadow:0 0 16px rgba(255,179,40,.25),inset 0 0 18px rgba(255,179,40,.09)}.round-cta:hover,.gold-btn:hover,.send:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(255,179,40,.42)}.menu-toggle,.mobile-nav{display:none}.hero{min-height:calc(100svh - 82px);position:relative;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 69% 36%,rgba(255,171,31,.12),transparent 25%),linear-gradient(180deg,#09090a,#050506)}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px);background-size:90px 90px;mask-image:linear-gradient(90deg,rgba(0,0,0,.1),black,rgba(0,0,0,.2));opacity:.28}.hero-lines{position:absolute;inset:0;background:linear-gradient(135deg,transparent 0 43%,rgba(255,176,40,.35) 43.1% 43.2%,transparent 43.3% 100%);opacity:.4}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.9fr 1.15fr .35fr;gap:32px;align-items:center;padding:55px 0}.eyebrow,.kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.38em;color:#d9d3ca}.hero h1{font-size:clamp(72px,8vw,128px);line-height:.8;letter-spacing:-.065em;text-transform:uppercase;margin:12px 0 18px;text-shadow:0 5px 20px rgba(0,0,0,.45)}.hero h1 span,.section-head h2 span,.agency-title h2 span,.contact-copy h2 span{background:linear-gradient(180deg,#ffd994,#ffae1f);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-subline{text-transform:uppercase;letter-spacing:.26em;font-size:12px;font-weight:900;margin-bottom:22px}.hero-subline i{color:var(--gold);font-style:normal}.hero-copy p{font-size:19px;color:#c0bab1;max-width:600px;margin:0 0 28px}.hero-actions{display:flex;gap:16px;flex-wrap:wrap}.ghost-btn{padding:14px 20px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.025)}.hero-logo-wrap{position:relative;min-height:650px;display:grid;place-items:center}.hero-logo{width:min(650px,100%);position:relative;z-index:3;filter:drop-shadow(0 20px 50px rgba(0,0,0,.55)) drop-shadow(0 0 28px rgba(255,171,31,.17));border-radius:50%}.orbit{position:absolute;border-radius:50%;border:1px solid rgba(255,184,59,.35);box-shadow:0 0 24px rgba(255,173,30,.2)}.orbit-one{width:88%;aspect-ratio:1;transform:rotate(12deg)}.orbit-two{width:101%;aspect-ratio:1;border-color:rgba(255,255,255,.13);transform:rotate(-16deg)}.orbit-three{width:112%;aspect-ratio:1;border-style:dashed;opacity:.35}.spark{position:absolute;width:6px;height:6px;background:#fff;border-radius:50%;box-shadow:0 0 20px 6px #ffb328}.s1{top:13%;right:18%}.s2{bottom:18%;left:17%}.s3{bottom:33%;right:6%}.hero-aside{display:flex;flex-direction:column;align-items:flex-start;gap:4px;text-transform:uppercase;font-size:21px;letter-spacing:.08em;color:#8f877c}.hero-aside strong{font-family:Georgia,serif;font-style:italic;text-transform:none;color:#f0e9df;font-size:32px;line-height:1.05;margin-top:40px;font-weight:400}.section{padding:88px 0}.section-head{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:end;margin-bottom:30px}.section-head.compact{grid-template-columns:1fr auto}.section-head h2,.agency-title h2,.story-copy h2,.contact-copy h2{font-size:clamp(42px,5.4vw,82px);line-height:.9;text-transform:uppercase;letter-spacing:-.055em;margin:8px 0 0}.section-head p{color:#b7b0a7;font-size:16px;max-width:560px}.service-grid,.project-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.service-card,.project-card{border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;background:linear-gradient(180deg,#121214,#0a0a0b);box-shadow:0 18px 50px rgba(0,0,0,.22);transition:.28s}.service-card:hover,.project-card:hover{transform:translateY(-5px);border-color:rgba(255,184,59,.5);box-shadow:0 22px 60px rgba(0,0,0,.32),0 0 25px rgba(255,179,40,.08)}.service-card img{width:100%;aspect-ratio:1.45/1;object-fit:cover}.service-card>div,.project-card>div{padding:16px;position:relative}.service-card h3,.project-card h3{font-size:18px;margin:0 0 6px;text-transform:uppercase;letter-spacing:-.03em}.service-card p,.project-card p{margin:0;color:#a9a39b;font-size:13px;line-height:1.45}.service-card span{position:absolute;right:14px;top:14px;width:32px;height:32px;border:1px solid #ffbd41;border-radius:50%;display:grid;place-items:center;color:#ffcf78}.projects{padding-top:55px}.outline-btn{padding:13px 18px;border:1px solid #ffbd42;color:#ffd47d;border-radius:8px;box-shadow:0 0 16px rgba(255,179,40,.18)}.project-card img{width:100%;aspect-ratio:1.85/1;object-fit:cover}.agency{padding:44px 0 52px;border-top:1px solid rgba(255,255,255,.09);border-bottom:1px solid rgba(255,255,255,.09);background:linear-gradient(90deg,#080809,#11100d,#080809)}.agency-grid{display:grid;grid-template-columns:.72fr 1.45fr auto;gap:36px;align-items:center}.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.facts div{padding:8px 24px;border-left:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:auto 1fr;column-gap:12px}.facts b{font-size:26px;color:var(--gold);grid-row:1/3}.facts strong{font-size:14px;text-transform:uppercase}.facts span{font-size:11px;color:#a8a198;text-transform:uppercase;letter-spacing:.08em}.story{background:radial-gradient(circle at 20% 50%,rgba(255,172,31,.08),transparent 35%)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.story-visual img{border-radius:22px;border:1px solid var(--line)}.story-copy p{color:#b8b1a8;font-size:18px;line-height:1.6}.legacy-line{display:flex;align-items:center;gap:18px;margin-top:28px}.legacy-line img{width:110px;border-radius:50%}.legacy-line span{text-transform:uppercase;letter-spacing:.14em;font-size:11px;color:#d6cec2}.contact{background:linear-gradient(180deg,#080809,#050506)}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:44px;align-items:start}.contact-copy p{color:#b8b1a8;max-width:520px;font-size:17px}.contact-form{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:24px;border:1px solid var(--line);border-radius:20px;background:#0c0c0e}.field{display:grid;gap:7px}.field.full,.privacy,.form-status,.send{grid-column:1/-1}.field label{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#bdb6ac}.field input,.field textarea,.field select{background:#080809;border:1px solid rgba(255,255,255,.13);color:white;padding:14px 15px;border-radius:9px;outline:none}.field input:focus,.field textarea:focus,.field select:focus{border-color:#ffb328;box-shadow:0 0 0 3px rgba(255,179,40,.08)}.field textarea{min-height:150px;resize:vertical}.privacy{display:flex;gap:8px;font-size:12px;color:#9f9990}.form-status{font-size:13px;color:#ffc866}.send{cursor:pointer}.hp{position:absolute!important;left:-9999px!important}.footer{padding:55px 0 22px;border-top:1px solid rgba(255,255,255,.08);background:#040405}.footer-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr 1fr;gap:36px}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:9px;color:#99928a;font-size:12px}.footer-grid p{max-width:390px}.footer-grid b{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:35px;padding-top:20px;border-top:1px solid rgba(255,255,255,.08);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#6f6a63}.reveal{opacity:0;transform:translateY(22px);transition:.75s ease}.reveal.in{opacity:1;transform:none}.service-page-hero{padding:155px 0 70px;background:radial-gradient(circle at 75% 30%,rgba(255,180,40,.16),transparent 28%)}.service-page-hero h1{font-size:clamp(56px,8vw,110px);line-height:.85;letter-spacing:-.06em;text-transform:uppercase;margin:14px 0}.service-page-hero p{font-size:20px;color:#bcb4aa;max-width:760px}.service-content{display:grid;grid-template-columns:.35fr 1fr;gap:70px}.service-content aside{position:sticky;top:120px;height:max-content;color:#9a9389;text-transform:uppercase;letter-spacing:.12em;font-size:11px}.service-prose h2{font-size:48px;letter-spacing:-.04em;margin:0 0 20px}.service-prose p,.service-prose li{color:#bbb4ab;font-size:17px;line-height:1.65}.service-visual{margin:35px 0;border-radius:20px;overflow:hidden;border:1px solid var(--line)}.service-visual img{width:100%;max-height:600px;object-fit:cover}@media(max-width:1150px){.hero-grid{grid-template-columns:1fr 1fr}.hero-aside{display:none}.service-grid,.project-grid{grid-template-columns:repeat(3,1fr)}.agency-grid{grid-template-columns:1fr}.facts{grid-template-columns:repeat(4,1fr)}.contact-grid,.story-grid,.section-head,.service-content{grid-template-columns:1fr}.service-content aside{position:static}.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:920px){.desktop-nav,.round-cta{display:none}.menu-toggle{display:block;background:transparent;border:1px solid rgba(255,255,255,.18);width:46px;height:46px;border-radius:50%}.menu-toggle span{display:block;width:18px;height:1px;background:white;margin:5px auto}.mobile-nav.open{display:flex;position:fixed;top:82px;inset-inline:0;bottom:0;background:rgba(5,5,6,.96);backdrop-filter:blur(15px);flex-direction:column;padding:30px 22px;gap:12px}.mobile-nav a{font-size:34px;text-transform:uppercase;font-weight:900}.hero{min-height:auto}.hero-grid{grid-template-columns:1fr;padding:70px 0}.hero-logo-wrap{min-height:520px;order:-1}.hero-logo{width:min(530px,90vw)}.service-grid,.project-grid{grid-template-columns:repeat(2,1fr)}.facts{grid-template-columns:1fr 1fr}}@media(max-width:620px){.shell{width:min(var(--max),calc(100% - 22px))}.nav{height:74px}.brand-os{font-size:30px}.brand-medien{font-size:18px}.mobile-nav.open{top:74px}.hero-grid{padding:38px 0 60px}.hero-logo-wrap{min-height:390px}.hero h1{font-size:clamp(56px,18vw,82px)}.hero-copy p{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.service-grid,.project-grid{grid-template-columns:1fr}.facts{grid-template-columns:1fr}.facts div{border-left:0;border-top:1px solid rgba(255,255,255,.09);padding:14px 0}.contact-form{grid-template-columns:1fr}.field.full,.privacy,.form-status,.send{grid-column:auto}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column}.section{padding:68px 0}.section-head.compact{grid-template-columns:1fr}.outline-btn{width:max-content}.service-page-hero{padding:120px 0 50px}.service-prose h2{font-size:38px}}
