.context-inquiry{display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 27px/1.2 AH,Impact,sans-serif;min-height:48px;max-width:560px;color:var(--lime);border-top:1px solid #aa8fc540;padding:14px 0;margin:4px 0 24px 50px}.context-inquiry:hover{color:#fff}.context-inquiry>span{font-size:23px;transition:transform .2s}.context-inquiry:hover>span{transform:translate(3px,-3px)}.flip-back>.context-inquiry{font-size:24px;color:inherit;margin:0 0 15px;padding:12px 0;width:100%;flex-shrink:0}.inquiry-context{font:600 12px/1.6 Montserrat,Arial,sans-serif;color:var(--lime);letter-spacing:.09em;margin:16px 0 0}.inquiry-context:not([hidden])+.inquiry-intro{margin-top:10px}
.intro-open,.frequency-open{overflow:hidden}.intro-pending .site-header,.intro-pending main,.intro-pending footer,.intro-pending .back-to-top{visibility:hidden}.brand-intro{position:fixed;inset:0;width:100%;height:100svh;max-width:none;max-height:none;margin:0;padding:0;background:#100d16;border:0;overflow:hidden;color:#f2f0e9}.brand-intro::backdrop{background:#100d16}.intro-skip{position:absolute;z-index:5;right:var(--gutter);top:25px;display:flex;align-items:center;gap:22px;min-height:44px;padding:10px 0;background:none;border:0;color:#c2b7d9;font:500 25px/1 AH,sans-serif}.intro-skip span{color:var(--lime)}.intro-mark{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);transform-origin:0 0}.intro-lockup{position:relative;display:block;pointer-events:none}.intro-caption{position:absolute;top:calc(46% + 175px);left:20px;right:20px;text-align:center;font:10px/1.7 Montserrat,sans-serif;letter-spacing:.16em;color:#c2b7d9}.brand-intro .signature-first,.brand-intro .signature-last,.brand-intro .signature-skull{opacity:0}.is-intro-playing .signature-first{animation:intro-name .45s cubic-bezier(.2,.8,.2,1) forwards}.is-intro-playing .signature-last{animation:intro-ink .58s .12s steps(8,end) both}.is-intro-playing .signature-skull{animation:intro-name .4s .22s cubic-bezier(.2,.8,.2,1) forwards}.is-intro-leaving .intro-caption,.is-intro-leaving .intro-skip{opacity:0;transition:opacity .2s}.is-intro-leaving{background:#100d16;animation:intro-curtain .56s cubic-bezier(.7,0,.2,1) both}.is-intro-leaving::backdrop{background:transparent}
@keyframes intro-name{from{opacity:0;filter:blur(4px)}to{opacity:1;filter:none}}@keyframes intro-ink{0%{opacity:0;clip-path:inset(0 100% 0 0)}10%{opacity:1}100%{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes intro-curtain{0%,45%{background:#100d16}100%{background:#100d1600}}
.frequency-dialog{position:fixed;inset:0;width:100%;height:100svh;max-width:none;max-height:none;padding:0;margin:0;overflow:hidden;border:0;background:#100d16;color:#f2f0e9;isolation:isolate}.frequency-dialog::backdrop{background:#100d16}.frequency-close{position:absolute;top:25px;right:var(--gutter);z-index:6;font:500 32px/1 AH,sans-serif;color:#fff;background:none;border:0;display:flex;align-items:center;gap:20px;min-height:44px}.frequency-close>span{font:34px/1 Arial,sans-serif;color:var(--lime)}.frequency-photo{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#100d16e8,#29133555),url('assets/contact-portrait.png') 62% 40%/cover no-repeat;filter:grayscale(1) contrast(1.25)}.frequency-photo:after{position:absolute;content:'';inset:0;background:linear-gradient(135deg,#291335dd,#63348066,#c3ff3722);mix-blend-mode:color}.frequency-noise{position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 3px,#c3ff3714 4px 5px);opacity:.65;pointer-events:none}.frequency-content{position:relative;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:100px var(--gutter) 70px}.frequency-content>.eyebrow{font-size:11px;color:var(--lime)}.frequency-content h2{font-size:clamp(100px,14vw,230px);line-height:.88;letter-spacing:-.02em;margin-top:28px;max-width:1000px;text-shadow:3px 0 #9a64c677}.frequency-content>.scribble{font-size:clamp(65px,8.5vw,140px);line-height:1.05;margin:-.1em 0 0 7vw;transform:rotate(-7deg);max-width:1100px}.frequency-message{font:16px/1.8 Montserrat,Arial,sans-serif;margin-top:55px;max-width:450px;color:#f2f0e9}.frequency-timer{font:10px/1.5 Montserrat,sans-serif;color:#c2b7d9;letter-spacing:.13em;margin-top:30px}.signature-skull{user-select:none;-webkit-user-select:none;-webkit-user-drag:none;touch-action:manipulation}.frequency-dialog[open] .frequency-content h2{animation:frequency-fault 3.3s steps(1,end) infinite}.frequency-dialog[open] .frequency-noise{animation:frequency-scan 4s linear infinite}
@keyframes frequency-fault{0%,8%,11%,66%,70%,100%{transform:none;filter:none}9%{transform:translateX(4px);filter:url('#type-interference')}10%{transform:translateX(-3px)}68%{transform:translateX(-2px);filter:url('#type-interference')}}@keyframes frequency-scan{0%{background-position:0 0}100%{background-position:0 100px}}
@media(max-width:900px){.context-inquiry{font-size:26px;margin-left:32px;max-width:calc(100% - 32px)}.flip-back>.context-inquiry{font-size:22px;margin-left:0;max-width:100%}.intro-skip{top:20px;font-size:23px}.intro-caption{top:calc(46% + 125px);font-size:8px;letter-spacing:.09em}.frequency-content{padding:95px 24px 60px}.frequency-content>.eyebrow{font-size:9px}.frequency-content h2{font-size:clamp(77px,21vw,150px);line-height:.92}.frequency-content>.scribble{font-size:clamp(46px,12.5vw,80px);line-height:1.1;margin:-.05em 0 0;max-width:100%}.frequency-message{font-size:15px;margin-top:45px}.frequency-close{font-size:30px;top:20px}.frequency-photo{background-position:60% 50%}.frequency-timer{font-size:9px}}
@media(prefers-reduced-motion:reduce){.frequency-dialog[open] .frequency-content h2,.frequency-dialog[open] .frequency-noise{animation:none}.context-inquiry>span{transition:none}}

.frequency-photo{filter:grayscale(1) sepia(1) hue-rotate(220deg) saturate(1.5) contrast(1.15)}

/* Reversible scroll-spray typography experiment. */
.scroll-spray-visual,.scroll-spray-word,.scroll-spray-char{font:inherit;line-height:inherit;letter-spacing:inherit}.scroll-spray-word{display:inline-block;white-space:nowrap}.scroll-spray-char{display:inline-block;vertical-align:baseline}.is-spray-writing:before,.is-spray-writing:after{opacity:0!important}.is-spray-writing.is-glitching{filter:none!important}
@media(prefers-reduced-motion:reduce){.scroll-spray-char{opacity:1!important;filter:none!important}}
@media print{.scroll-spray-char{opacity:1!important;filter:none!important}}
/* Language selection and native-looking AH umlauts. */
.language-switch{position:fixed;z-index:105;right:calc(var(--gutter) + 175px);top:52px;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid #aa8fc54d;background:#100d16c9;backdrop-filter:blur(12px);border-radius:4px}.language-switch button,.language-switch-inline button{font:600 11px/1 Montserrat,Arial,sans-serif;letter-spacing:.03em;min-width:34px;min-height:32px;padding:8px;border:0;border-radius:2px;background:none;color:#f2f0e9}.language-switch button[aria-pressed=true],.language-switch-inline button[aria-pressed=true]{background:var(--lime);color:#100d16}.language-switch-inline{display:flex;gap:5px;margin-top:12px}.language-switch-inline button{border:1px solid #aa8fc54d}.menu-bottom>.language-switch-inline{margin-top:0}.ah-umlaut{display:inline-block;position:relative;font:inherit;line-height:inherit;letter-spacing:inherit}.ah-umlaut:before{content:'';position:absolute;left:50%;top:.015em;width:.06em;height:.06em;min-width:1px;min-height:1px;background:currentColor;box-shadow:.13em 0 0 currentColor;transform:translateX(-.095em);pointer-events:none}
.hero-spray-stage{position:relative}.hero-spray-stage>.hero{position:sticky!important;top:0}.spray-hero-active>.site-header{position:fixed;pointer-events:none}.spray-hero-active>.site-header .signature{pointer-events:auto}.is-spray-writing.is-glitching{filter:none!important}
@media(max-width:900px){.language-switch{top:77px;right:20px;padding:2px}.language-switch button{min-height:30px;min-width:33px;font-size:10px}html[lang=de] .hero{min-height:1060px}html[lang=de] .hero .hero-scribble{font-size:clamp(49px,13vw,65px);max-width:100%}html[lang=de] .hero-description,html[lang=de] .hero-description>em{font-size:15px}html[lang=de] .hero-content .eyebrow{max-width:100%;font-size:8px}html[lang=de] .journey-section .section-heading h2{font-size:51px}html[lang=de] .section-heading .scribble{font-size:34px}html[lang=de] .about-copy h2{font-size:clamp(63px,16.5vw,90px)}html[lang=de] .about-copy .scribble{font-size:clamp(52px,13.5vw,75px)}html[lang=de] .inquiry-send{font-size:23px;gap:15px}html[lang=de] .flip-toggle,html[lang=de] .flip-close{font-size:9px}html[lang=de] .project-launch{font-size:28px;gap:28px}.spray-hero-active>.site-header{position:fixed}}
@media(max-width:360px){.language-switch{right:20px;top:72px}html[lang=de] .journey-section .section-heading h2{font-size:45px}html[lang=de] .hero{min-height:1070px}html[lang=de] .inquiry-send{font-size:21px;padding-left:12px;padding-right:12px}}
@media(prefers-reduced-motion:reduce){.hero-spray-stage{height:auto!important}.hero-spray-stage>.hero{position:relative!important}}

.overlay-nav a>.ah-umlaut{position:relative;display:inline-block;left:auto;top:auto;right:auto;bottom:auto;width:auto;height:auto;padding:0;margin:0;color:inherit;font:inherit;line-height:inherit;letter-spacing:inherit}
.spray-hero-active>.site-header .menu-trigger{pointer-events:auto}

.spray-sequence-frame{position:relative;display:flow-root}.spray-sequence-scene{position:sticky;top:100px;display:flow-root}.spray-sequence-scene>.section-heading{margin-bottom:0}.spray-sequence-scene>.section-heading .scribble{margin-bottom:22px}
@media(max-width:900px){.spray-sequence-scene{top:112px}}
@media(prefers-reduced-motion:reduce){.spray-sequence-frame{height:auto!important}.spray-sequence-scene{position:relative;top:auto}}
.projects{overflow:clip}.about-copy{min-width:0;align-self:start}

/* Borderless skull-to-signature transition, reused for the home arrow. */
.brand-intro{border:0!important;outline:0!important;box-shadow:none!important}.brand-intro .intro-mark,.brand-intro .intro-lockup,.brand-intro .signature-stage,.brand-intro .signature-lockup{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important}.brand-intro .signature-first,.brand-intro .signature-last,.brand-intro .signature-skull{animation:none!important}.brand-intro .signature-first:before,.brand-intro .signature-first:after,.brand-intro .signature-last:before,.brand-intro .signature-last:after{display:none!important}.intro-seed{position:fixed;left:50%;top:46%;width:clamp(150px,20vw,220px);height:auto;transform:translate(-50%,-50%);opacity:0;pointer-events:none;z-index:4;object-fit:contain;outline:0;border:0;box-shadow:none}.brand-intro .intro-mark{z-index:3}.brand-intro .intro-lockup{cursor:default}.brand-intro .intro-mark *{pointer-events:none}

.brand-intro:not(.intro-keyboard-focus) .intro-skip:focus,.brand-intro:not(.intro-keyboard-focus) .intro-skip:focus-visible{outline:none!important;box-shadow:none!important}

.intro-melt{position:absolute;left:-60px;top:-40px;width:700px;height:400px;pointer-events:none;z-index:5;border:0;outline:0;background:transparent}.intro-type-letter{font:inherit;line-height:inherit;letter-spacing:inherit}

/* Compact German AI subline. */
html[lang=de] .projects-scribble{font-size:clamp(44px,5.4vw,92px);max-width:900px;margin-left:9vw;line-height:1.08}
@media(max-width:900px){html[lang=de] .projects-scribble{font-size:clamp(30px,8.7vw,45px);max-width:90%;margin-left:0;line-height:1.1}}

@media(min-width:901px){html[lang=de] .projects-scribble{font-size:4vw;max-width:none;width:max-content;white-space:nowrap;margin-left:0;line-height:1.08}}

/* The intro owns the logo until its flight into the header has completed. */
body.intro-open .site-header .signature{opacity:0!important;visibility:hidden!important;pointer-events:none!important}

.brand-intro .intro-skip{left:50%;right:auto;top:calc(46% + var(--intro-logo-half,123px) + 18px);transform:translateX(-50%);justify-content:center;white-space:nowrap;margin:0;min-height:44px;font-size:24px;gap:16px;padding:10px 14px}.brand-intro .intro-caption{top:calc(46% + var(--intro-logo-half,123px) + 78px)}
@media(max-width:900px){.brand-intro .intro-skip{font-size:22px}.brand-intro .intro-caption{font-size:8px}}
.header-shop-link{position:fixed;z-index:101;top:var(--header-menu-top,26px);right:calc(var(--gutter) + var(--header-menu-width,190px) + 46px);padding:15px 0;font:68px/1.03 AH,Impact,sans-serif;color:#fff;text-decoration:none}
.header-shop-link:hover{color:var(--lime)!important}
body>.language-switch{right:calc(var(--gutter) + var(--header-menu-width,190px) + 205px)}
@media(max-width:900px){.header-shop-link{font-size:34px;top:18px;right:calc(20px + var(--header-menu-width,115px) + 23px);padding:10px 0}body>.language-switch{right:20px;top:77px}}
@media(max-width:360px){.header-shop-link{font-size:30px;right:calc(20px + var(--header-menu-width,105px) + 16px)}body>.language-switch{top:72px}.site-header .signature{--signature-scale:.27}}
.header-navigation{position:fixed;z-index:101;top:26px;right:var(--gutter);display:flex;align-items:center;gap:46px;font:68px/1 AH,Impact,sans-serif;color:#fff}
.header-navigation .menu-trigger,.header-navigation .header-shop-link{position:static;margin:0;padding:15px 0;font:inherit;line-height:1}
body>.language-switch{right:calc(var(--gutter) + var(--header-nav-width,275px) + 32px)}
@media(max-width:900px){.header-navigation{top:18px;right:20px;gap:23px;font-size:34px}.header-navigation .menu-trigger,.header-navigation .header-shop-link{padding:10px 0}body>.language-switch{right:20px;top:77px}}
@media(max-width:360px){.header-navigation{gap:16px;font-size:30px}body>.language-switch{top:72px}}
.intro-skip .intro-skip-label,.intro-skip .intro-skip-label .ah-umlaut{color:inherit}
.intro-skip-label{display:block}
.contact .contact-scene>.spray-text,.contact .contact-scene>.spray-text *,.contact .contact-scene>.spray-text:before,.contact .contact-scene>.spray-text:after{text-shadow:none!important;box-shadow:none!important}
