@font-face{font-family:Poppins;src:url('../fonts/poppins-v20-latin-regular.woff2')}@font-face{font-family:Poppins;src:url('../fonts/poppins-v20-latin-600.woff2');font-weight:600}:root{--ink:#08110f;--paper:#f2f0e8;--mint:#58f2c2;--muted:#a8b1ad;--line:rgba(255,255,255,.18);--pad:clamp(24px,5.5vw,96px)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:#fff;font:16px/1.6 Poppins,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;z-index:99;top:-60px;left:20px;background:var(--mint);color:var(--ink);padding:12px 18px}.skip-link:focus{top:20px}.site-header{position:fixed;z-index:50;inset:0 0 auto;display:flex;align-items:center;gap:40px;height:94px;padding:0 var(--pad);border-bottom:1px solid transparent;transition:.35s}.site-header.scrolled{height:74px;background:rgba(8,17,15,.86);backdrop-filter:blur(18px);border-color:var(--line)}.brand{display:flex;align-items:center;gap:13px;margin-right:auto}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid #ffffff59;font-weight:600}.brand-mark span{color:var(--mint);font-size:12px}.brand-copy{display:flex;flex-direction:column;line-height:1.2}.brand-copy b{font-size:14px;letter-spacing:.05em}.brand-copy small{font-size:9px;color:var(--muted);text-transform:uppercase;letter-spacing:.15em;margin-top:4px}.desktop-nav{display:flex;gap:34px;font-size:13px}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;bottom:-7px;width:0;height:1px;background:var(--mint);transition:.25s}.desktop-nav a:hover:after{width:100%}.header-cta{padding:12px 18px;border:1px solid #ffffff66;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.header-cta span,.button span{color:var(--mint);margin-left:12px}.menu-button,.mobile-nav{display:none}
.hero{position:relative;min-height:100svh;display:flex;align-items:center;overflow:hidden;background:#06110f}.hero-media{position:absolute;inset:-10%;background:linear-gradient(90deg,#06110ff2 10%,#06110f80 56%,#06110f33),url('images/img-7501-aurorahdr2018-edit-bearbeitet.jpeg') center 48%/cover;filter:saturate(.65) contrast(1.08);will-change:transform}.hero-noise{position:absolute;inset:0;opacity:.09;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.orb{position:absolute;border-radius:50%;will-change:transform}.orb-one{width:380px;height:380px;right:9%;top:14%;border:1px solid #58f2c242;box-shadow:inset 0 0 70px #58f2c20d}.orb-two{width:90px;height:90px;right:22%;bottom:19%;background:#58f2c21f;filter:blur(18px)}.hero-content{position:relative;z-index:2;width:min(950px,88%);padding:145px var(--pad) 80px}.eyebrow{display:flex;align-items:center;gap:13px;color:#cbd4d0;font-size:11px;text-transform:uppercase;letter-spacing:.22em}.eyebrow span{width:34px;height:1px;background:var(--mint)}h1,h2,h3,p{margin-top:0}.hero h1{font-size:clamp(3.2rem,7.4vw,8rem);line-height:.88;letter-spacing:-.065em;font-weight:400;margin:28px 0 32px}.hero h1 em,.section-head h2 em,.contact h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #ffffff8c}.hero h1 strong{font-weight:600;color:var(--mint)}.hero-lead{max-width:570px;color:#c5ceca;font-size:clamp(1rem,1.4vw,1.2rem)}.hero-actions{display:flex;align-items:center;gap:36px;margin-top:40px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 24px;border:1px solid #ffffff59;text-transform:uppercase;font-size:11px;letter-spacing:.1em;transition:.3s}.button.primary{background:var(--mint);color:var(--ink);border-color:var(--mint)}.button.primary span{color:var(--ink)}.button:hover{transform:translateY(-3px);box-shadow:0 12px 30px #0003}.text-link{font-size:12px;border-bottom:1px solid #ffffff59;padding-bottom:6px}.text-link span{color:var(--mint);margin-left:12px}.hero-index{position:absolute;right:var(--pad);top:50%;display:flex;flex-direction:column;align-items:center;gap:10px;font-size:9px}.hero-index i{height:90px;width:1px;background:linear-gradient(var(--mint) 35%,#ffffff33 35%)}.scroll-hint{position:absolute;z-index:2;bottom:26px;left:50%;display:flex;align-items:center;gap:15px;transform:translateX(-50%);font-size:8px;text-transform:uppercase;letter-spacing:.22em}.scroll-hint i{height:38px;width:1px;background:var(--mint);animation:pulse 1.7s infinite}@keyframes pulse{50%{transform:scaleY(.55);transform-origin:top}}
.section-pad{padding:clamp(90px,12vw,180px) var(--pad)}.intro{background:var(--paper);color:var(--ink)}.section-label{display:flex;align-items:center;gap:18px;margin-bottom:70px;color:#6a746f;text-transform:uppercase;font-size:10px;letter-spacing:.2em}.section-label span{color:#0e6c57}.section-label.light{color:#b8c2be;margin:0}.section-label.light span{color:var(--mint)}.intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw}.intro h2,.section-head h2,.process h2{font-size:clamp(2.6rem,5.5vw,6rem);line-height:1.03;letter-spacing:-.055em;font-weight:400}.intro h2 em,.process h2 em{font-style:normal;color:#587069}.intro-copy>p{font-size:clamp(1rem,1.35vw,1.2rem);color:#515d58}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin-top:60px;padding-top:28px;border-top:1px solid #cbd0ca}.facts div{display:flex;flex-direction:column}.facts strong{font-size:clamp(1.7rem,3vw,3rem);line-height:1;color:#0b5948}.facts span{font-size:10px;color:#65706b;margin-top:10px}.services{background:#0c1815}.section-head{display:grid;grid-template-columns:.42fr 1fr;align-items:start}.section-head h2{margin-top:-15px}.service-list{margin-top:50px;border-top:1px solid var(--line)}.service{display:grid;grid-template-columns:80px 1fr 50px;gap:25px;padding:42px 18px;border-bottom:1px solid var(--line);transition:.35s}.service:hover{background:#58f2c20d;padding-left:35px}.service-number{font-size:10px;color:var(--mint)}.service h3{font-size:clamp(1.5rem,2.5vw,2.5rem);font-weight:400;margin-bottom:10px}.service p{max-width:720px;color:#aeb9b4;font-size:14px}.service>b{font-size:26px;color:var(--mint);font-weight:400}.tags{display:flex;gap:8px;flex-wrap:wrap}.tags span{padding:5px 10px;border:1px solid var(--line);border-radius:30px;color:#98a49f;font-size:9px;text-transform:uppercase}
.work{height:100svh;position:relative;overflow:hidden}.work-background{position:absolute;inset:-5%;background:center/cover no-repeat;transition:opacity .35s,transform 1.1s;transform:scale(1.05)}.work-background.change{opacity:.1;transform:scale(1.14)}.work-shade{position:absolute;inset:0;background:linear-gradient(90deg,#040a09db,#040a092e 70%),linear-gradient(0deg,#040a098c,transparent 60%)}.work-top{position:relative;z-index:2;display:flex;justify-content:space-between;padding-top:70px;padding-bottom:0}.work-top>p{font-size:10px;color:#c0c8c5;text-transform:uppercase;letter-spacing:.15em}.project-stage{position:absolute;z-index:2;inset:auto 0 0;padding-top:0;padding-bottom:70px}.project-meta{display:flex;align-items:center;gap:15px;color:#ced5d2;font-size:9px}.project-line{width:110px;height:1px;background:#ffffff4d}.project-line i{display:block;height:1px;background:var(--mint);transition:.4s}.project-copy{margin-top:25px;transition:.3s}.project-copy.change{opacity:0;transform:translateY(18px)}.project-copy p{color:var(--mint);font-size:10px;text-transform:uppercase;letter-spacing:.18em}.project-copy h2{font-size:clamp(3.5rem,8vw,8rem);font-weight:400;line-height:.86;letter-spacing:-.06em;margin-bottom:24px}.project-copy>span{font-size:13px;color:#c5ceca}.project-controls{position:absolute;right:var(--pad);bottom:75px;display:flex}.project-controls button{width:58px;height:58px;border:1px solid #ffffff66;background:#00000026;color:white;cursor:pointer;transition:.25s}.project-controls button:hover{background:var(--mint);color:var(--ink)}.process{background:var(--paper);color:var(--ink)}.process-grid{display:grid;grid-template-columns:1fr .8fr;gap:9vw}.process ol{list-style:none;padding:0;margin:0}.process li{display:grid;grid-template-columns:50px 1fr;gap:15px;padding:28px 0;border-top:1px solid #c7cdc8}.process li>span{font-size:10px;color:#17705d}.process h3{font-size:1.25rem;margin-bottom:8px}.process p{font-size:13px;color:#65706b}.contact{position:relative;overflow:hidden;min-height:75vh;display:flex;align-items:center}.contact-art{position:absolute;inset:-18%;background:radial-gradient(circle at 76% 50%,#58f2c22e,transparent 24%),linear-gradient(115deg,#07110f,#10251f);will-change:transform}.contact-art:after{content:"";position:absolute;width:55vw;height:55vw;right:-10vw;top:10%;border-radius:50%;border:1px solid #58f2c22e;box-shadow:0 0 0 7vw #58f2c205,0 0 0 14vw #58f2c204}.contact-inner{position:relative;z-index:2;width:100%}.contact h2{font-size:clamp(3rem,7vw,7.5rem);font-weight:400;letter-spacing:-.06em;line-height:.95}.contact-row{display:flex;align-items:center;gap:35px;margin-top:45px}.phone{font-size:14px;border-bottom:1px solid #ffffff4d;padding-bottom:5px}footer{display:grid;grid-template-columns:1.2fr 1fr .7fr auto;gap:35px;align-items:end;padding:50px var(--pad);background:#050b0a;border-top:1px solid var(--line);font-size:10px;color:#8e9b96}footer>div{display:flex;flex-direction:column;gap:5px}.footer-brand b{color:#fff;font-size:14px}.footer-links{flex-direction:row;gap:20px}.cursor-glow{position:fixed;z-index:1;width:350px;height:350px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#58f2c20e,transparent 65%);transform:translate(-50%,-50%)}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}
@media(max-width:800px){.site-header{height:74px}.desktop-nav,.header-cta{display:none}.menu-button{display:flex;flex-direction:column;gap:5px;width:46px;height:44px;align-items:center;justify-content:center;border:0;background:transparent;color:#fff}.menu-button span{width:22px;height:1px;background:#fff}.menu-button i{font-style:normal;font-size:7px;text-transform:uppercase}.mobile-nav{display:flex;position:fixed;inset:74px 0 auto;flex-direction:column;padding:20px var(--pad) 35px;background:#08110ff7;transform:translateY(-130%);transition:.35s;z-index:-1}.mobile-nav.open{transform:none}.mobile-nav a{font-size:1.5rem;padding:12px 0;border-bottom:1px solid var(--line)}.hero-content{width:100%;padding-top:125px}.hero h1{font-size:clamp(3rem,15vw,5.5rem)}.hero-index{display:none}.scroll-hint{left:auto;right:24px;transform:none}.intro-grid,.section-head,.process-grid{grid-template-columns:1fr}.intro-grid{gap:35px}.section-head .section-label{margin-bottom:55px}.service{grid-template-columns:35px 1fr 20px;padding-left:0;padding-right:0}.service:hover{padding-left:8px}.work-top>p{display:none}.project-controls{right:var(--pad)}.contact-row{align-items:flex-start;flex-direction:column}.contact .button{font-size:9px}.facts{gap:10px}.facts span{font-size:8px}footer{grid-template-columns:1fr 1fr}.cursor-glow{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.scroll-hint i{animation:none}.hero-media,.orb,.contact-art{transform:none!important}}
.brand-mark{display:flex;align-items:center;justify-content:center;gap:2px}
.brand-logo{display:block;width:clamp(128px,13vw,190px);height:70px;object-fit:contain;object-position:left center;filter:drop-shadow(0 4px 12px #0008)}.site-header.scrolled .brand-logo{height:58px}
#awf-form{width:100%;min-height:280px;margin:18px 0}.contact-flyout noscript{display:block;padding:16px;margin:18px 0;border:1px solid var(--line);color:#b7c2bd;font-size:12px}
@media(max-width:800px){.brand-logo{width:122px;height:56px}.site-header.scrolled .brand-logo{height:50px}}

/* Blue brand theme — matched to the Bugs & Chaos logo */
:root{--ink:#050b18;--mint:#35a9ff;--muted:#a8b6c8;--line:rgba(111,174,255,.2)}
body,.hero{background:#050b18}.site-header.scrolled{background:rgba(5,11,24,.9)}.services,.faq,.references-page{background:#081326}.mobile-nav{background:rgba(5,11,24,.98)}footer{background:#030711}.contact-flyout{background:#071326}.hero-media{background:linear-gradient(90deg,rgba(5,11,24,.96) 10%,rgba(5,11,24,.56) 56%,rgba(5,11,24,.22)),url('images/img-7501-aurorahdr2018-edit-bearbeitet.jpeg') center 48%/cover}.orb-one{border-color:rgba(53,169,255,.32);box-shadow:inset 0 0 70px rgba(53,169,255,.08)}.orb-two{background:rgba(53,169,255,.16)}.contact-art{background:radial-gradient(circle at 76% 50%,rgba(53,169,255,.22),transparent 24%),linear-gradient(115deg,#050b18,#0b2340)}.contact-art:after{border-color:rgba(53,169,255,.22);box-shadow:0 0 0 7vw rgba(53,169,255,.025),0 0 0 14vw rgba(53,169,255,.018)}.references-hero{background:linear-gradient(135deg,#050b18,#0b2340)}.section-label span,.service-number,.project-card span{color:#0879ce}.section-label.light span,.project-copy p{color:var(--mint)}.facts strong{color:#075f9f}.intro h2 em,.process h2 em{color:#526b89}.service:hover{background:rgba(53,169,255,.07)}.cursor-glow{background:radial-gradient(circle,rgba(53,169,255,.08),transparent 65%)}.brand-logo{filter:drop-shadow(0 4px 14px rgba(0,90,190,.45))}
.header-cta,.mobile-nav button{background:transparent;color:inherit;cursor:pointer}.mobile-nav button{border:0;border-bottom:1px solid var(--line);text-align:left;font-size:1.5rem;padding:12px 0}.faq{background:#0c1815}.faq-grid{display:grid;grid-template-columns:.75fr 1fr;gap:10vw}.faq h2{font-size:clamp(2.6rem,5.5vw,6rem);line-height:1.03;letter-spacing:-.055em;font-weight:400}.faq h2 em{font-style:normal;color:transparent;-webkit-text-stroke:1px #ffffff8c}.faq-grid>div>p{color:#9ba8a3}.accordion details{border-top:1px solid var(--line);padding:26px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{display:flex;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:clamp(1rem,1.5vw,1.25rem)}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--mint);font-size:22px;transition:.25s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{max-width:680px;margin:18px 45px 0 0;color:#9ba8a3;font-size:13px}
.flyout-tab{position:fixed;z-index:45;left:0;top:52%;display:flex;align-items:center;gap:12px;padding:15px 11px;background:var(--mint);color:var(--ink);border:0;cursor:pointer;writing-mode:vertical-rl;text-transform:uppercase;font-size:9px;letter-spacing:.16em}.flyout-tab b{font-size:14px}.flyout-backdrop{position:fixed;z-index:70;inset:0;background:#0009;opacity:0;visibility:hidden;transition:.35s}.flyout-backdrop.open{opacity:1;visibility:visible}.contact-flyout{position:fixed;z-index:71;inset:0 auto 0 0;width:min(620px,94vw);padding:clamp(28px,5vw,70px);background:#0b1714;box-shadow:20px 0 70px #0008;transform:translateX(-105%);transition:transform .5s cubic-bezier(.2,.8,.2,1);overflow:auto}.contact-flyout.open{transform:none}.contact-flyout h2{font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.05em;margin:25px 0}.contact-flyout>p{color:#a7b3ae}.flyout-close{position:absolute;right:25px;top:20px;width:44px;height:44px;border:1px solid var(--line);background:transparent;color:#fff;font-size:28px;cursor:pointer}.contact-flyout iframe{width:100%;height:390px;border:0;background:#fff;margin:15px 0}.flyout-direct{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:11px;color:#b7c2bd}.flyout-open{overflow:hidden}
.references-page{background:#0c1815}.references-hero{padding-top:170px;background:linear-gradient(135deg,#07110f,#10251f);display:grid;grid-template-columns:1fr .55fr;gap:8vw;align-items:end}.references-hero>.eyebrow{grid-column:1/-1}.references-hero h1{font-size:clamp(4rem,9vw,9rem);line-height:.85;letter-spacing:-.07em;font-weight:400}.references-hero h1 em{font-style:normal;color:var(--mint)}.references-hero>div p{color:#b8c3bf}.references-hero>div span{font-size:9px;text-transform:uppercase;letter-spacing:.15em;color:var(--mint)}.portfolio{padding-top:80px;background:var(--paper);color:var(--ink)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:clamp(25px,5vw,75px)}.project-card{margin:0}.project-card.wide{grid-column:1/-1}.project-card img{width:100%;height:clamp(300px,42vw,650px);object-fit:cover;filter:saturate(.7);transition:.6s}.project-card:not(.wide) img{height:clamp(300px,32vw,520px)}.project-card:hover img{filter:saturate(1);transform:scale(1.01)}.project-card>div{padding:22px 0 35px}.project-card span{font-size:9px;color:#17705d;text-transform:uppercase;letter-spacing:.15em}.project-card h2{font-size:clamp(1.5rem,3vw,3rem);font-weight:400;margin:7px 0}.project-card p{font-size:12px;color:#65706b}.reference-cta{min-height:70vh}
@media(max-width:800px){.faq-grid,.references-hero{grid-template-columns:1fr}.faq-grid{gap:50px}.flyout-tab{top:auto;bottom:18px;left:18px;writing-mode:horizontal-tb;padding:12px 16px}.contact-flyout{padding-top:75px}.contact-flyout iframe{height:420px}.references-hero{padding-top:130px}.portfolio-grid{grid-template-columns:1fr}.project-card.wide{grid-column:auto}.project-card img,.project-card:not(.wide) img{height:70vw}}

/* Original hero motif retained for brand recognition */
.hero-media{background:linear-gradient(90deg,rgba(5,11,24,.94) 6%,rgba(5,11,24,.67) 48%,rgba(5,11,24,.18) 100%),linear-gradient(0deg,rgba(5,11,24,.38),transparent 55%),url('images/back-1920x1080.jpg') center center/cover no-repeat;filter:saturate(.72) contrast(1.08)}