/* Contact form glass and original full-color footage cutout. Scoped to contact. */
#kontakt.contact-glass{
  position:relative;isolation:isolate;overflow:hidden;
  background:#030405;color:#f4f5f6;padding-top:94px;
  border-top:1px solid #ffffff24;color-scheme:dark;
}
#kontakt.contact-glass>.section-shell{position:relative;z-index:1}
#kontakt.contact-glass .contact-layout{align-items:start;grid-template-columns:minmax(0,.91fr) minmax(0,1.09fr);gap:clamp(44px,7vw,112px)}
#kontakt.contact-glass .contact-copy{padding-top:18px}
#kontakt.contact-glass .contact-copy h2{font-weight:550;letter-spacing:-.055em;color:#f5f6f7}
#kontakt.contact-glass .contact-copy>.eyebrow{color:#b1b8bd}
#kontakt.contact-glass .contact-copy>p{color:#bcc2c7;max-width:305px}
#kontakt.contact-glass .contact-copy>.text-link{color:#f0f2f4}
#kontakt.contact-glass .project-form{
  position:relative;min-width:0;padding:31px;border:1px solid #e1e7eb38;border-radius:24px;
  background:linear-gradient(133deg,#ffffff0b 0%,#050608a3 35%,#050608d1 83%,#ffffff08);
  box-shadow:inset 0 1px 1px #ffffff44,inset 1px 0 1px #ffffff0c,inset 0 -1px 1px #ffffff15,0 24px 70px #0008;
  backdrop-filter:blur(20px) saturate(.45);-webkit-backdrop-filter:blur(20px) saturate(.45);
}
#kontakt.contact-glass .project-form::before{
  content:"";position:absolute;left:28px;right:28px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,#d8e5ee91 31%,#fff7 42%,#ccb39c44 44%,transparent 58%);pointer-events:none;
}
#kontakt.contact-glass .project-form legend{color:#e8ebee;font-size:13px}
#kontakt.contact-glass .project-options{gap:7px}
#kontakt.contact-glass .project-options span{
  border-color:#b0b8bf50;color:#e9edef;background:#ffffff04;font-size:11px;padding:9px 13px;
  box-shadow:inset 0 1px 0 #ffffff0b;transition:background .18s,border-color .18s;
}
#kontakt.contact-glass .project-options label:hover span{border-color:#c5cdd38c;background:#ffffff10}
#kontakt.contact-glass .project-options input:checked+span{background:#f0f2f3;color:#111417;border-color:#f0f2f3;box-shadow:inset 0 1px 0 #fff,0 2px 8px #0003}
#kontakt.contact-glass .project-options input:focus-visible+span{outline-color:#e5edf3}
#kontakt.contact-glass .project-form>label,#kontakt.contact-glass .form-row>label{color:#d9dee2;font-size:12px}
#kontakt.contact-glass .project-form input:not([type=radio]),#kontakt.contact-glass .project-form textarea{
  color:#f5f6f7;border-bottom-color:#a2acb449;background:transparent;caret-color:#f5f6f7;
}
#kontakt.contact-glass .project-form input::placeholder,#kontakt.contact-glass .project-form textarea::placeholder{color:#a7afb7}
#kontakt.contact-glass .project-form input:focus,#kontakt.contact-glass .project-form textarea:focus{border-bottom-color:#e0e7ed;box-shadow:0 1px 0 #e0e7ed}
#kontakt.contact-glass .project-form input:-webkit-autofill{-webkit-text-fill-color:#f5f6f7;box-shadow:0 0 0 1000px #14171a inset;caret-color:#fff}
#kontakt.contact-glass .contact-direct{margin-top:20px;font-size:13px;color:#c4cbd0}#kontakt.contact-glass .contact-direct a{color:#f4f6f7;text-decoration:underline;text-underline-offset:4px}.form-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.contact-status{margin:18px 0 0;font-size:13px;line-height:1.5}.contact-status[data-state=success]{color:#d5f1db}.contact-status[data-state=error]{color:#ffd2ca}.project-form button:disabled{cursor:wait;opacity:.72}
#kontakt.contact-glass .form-bottom{gap:18px;flex-wrap:wrap}
#kontakt.contact-glass .form-bottom>span{color:#b8c0c7;max-width:150px;font-size:11px}
#kontakt.contact-glass .form-bottom .button{padding:14px 18px;background:linear-gradient(160deg,#fafbfc,#c8cdd1);color:#111417;border:1px solid #ffffff8c;box-shadow:inset 0 1px 0 #fff,0 3px 12px #0004;white-space:nowrap;font-weight:600;font-size:12px}
#kontakt.contact-glass .form-bottom .button:hover{background:#fff}
#kontakt.contact-glass .form-bottom .button:active{transform:translateY(1px)}
#kontakt.contact-glass footer{padding-top:90px}
/* One continuous material behind a single alpha mask; no duplicate text outlines. */
#kontakt.contact-glass .footer-brand.contact-wordmark{
  display:block;position:relative;width:100vw;max-width:none;
  margin:0 calc(50% - 50vw) 30px;line-height:1;font-size:inherit;
  -webkit-tap-highlight-color:transparent;
}
.contact-wordmark-art{display:block;width:100%;height:auto;aspect-ratio:1200/162;fill:none;stroke:none;overflow:hidden}
.contact-wordmark-art text{
  font-family:Manrope,Arial,sans-serif;font-size:170px;font-weight:800;
  letter-spacing:-5px;stroke:none;text-rendering:geometricPrecision;
}
.contact-wordmark-art .contact-wordmark-cutout{fill:#fff;stroke:none}
#kontakt.contact-glass .footer-brand:focus-visible{outline-color:#dce7ee;outline-offset:-4px;border-radius:0}
#kontakt.contact-glass .footer-meta{border-top-color:#bdc7ce35;color:#bac2c9}
#kontakt.contact-glass .footer-meta a:hover,#kontakt.contact-glass .footer-meta button:hover{color:#fff}
#kontakt.contact-glass ::selection{background:#d5dfe6;color:#080b0e}
@media(max-width:1100px){#kontakt.contact-glass .project-form{padding:26px}#kontakt.contact-glass .form-row{gap:18px}#kontakt.contact-glass .contact-layout{gap:40px}#kontakt.contact-glass .contact-copy h2{font-size:clamp(48px,6vw,70px)}}
@media(max-width:760px){
  #kontakt.contact-glass{padding-top:60px}
  #kontakt.contact-glass .contact-layout{grid-template-columns:1fr;gap:35px}
  #kontakt.contact-glass .contact-copy{padding-top:0}
  #kontakt.contact-glass .contact-copy h2{font-size:clamp(46px,9.2vw,68px)}
  #kontakt.contact-glass .project-form{padding:26px;border-radius:21px}
  #kontakt.contact-glass footer{padding-top:59px}
  #kontakt.contact-glass::before{width:260%;height:80%;left:-139%;top:-20%;opacity:.65}
  #kontakt.contact-glass::after{width:240%;height:73%;right:-164%;top:16%;opacity:.4}
  #kontakt.contact-glass .footer-brand.contact-wordmark{margin-bottom:24px}
  #kontakt.contact-glass .form-bottom>span{max-width:160px}
}
@media(max-width:420px){
  #kontakt.contact-glass .project-form{padding:23px 19px}
  #kontakt.contact-glass .project-options span{padding:9px 11px;font-size:11px}
  #kontakt.contact-glass .form-row{grid-template-columns:1fr;gap:0}
  #kontakt.contact-glass .project-form input:not([type=radio]),#kontakt.contact-glass .project-form textarea{font-size:16px}
  #kontakt.contact-glass .form-bottom{align-items:flex-start;gap:15px;flex-direction:column}
  #kontakt.contact-glass .form-bottom>span{max-width:none;font-size:11px}
  #kontakt.contact-glass .form-bottom .button{width:100%;justify-content:space-between;min-height:48px}
  #kontakt.contact-glass .contact-copy h2{font-size:clamp(43px,12.4vw,52px)}
  #kontakt.contact-glass .footer-meta>div{gap:12px;flex-wrap:wrap}
}
@media(prefers-reduced-motion:reduce){
  #kontakt.contact-glass::before,#kontakt.contact-glass::after,#kontakt.contact-glass .contact-wordmark-material{animation:none!important;transition:none!important;transform:none!important;translate:none!important}
}
@media(prefers-reduced-transparency:reduce){
  #kontakt.contact-glass::before,#kontakt.contact-glass::after{display:none}
  #kontakt.contact-glass .project-form{background:#111417;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:inset 0 1px 0 #ffffff2b}
  .contact-wordmark-art .contact-wordmark-material{display:none}
  .contact-wordmark-art .contact-wordmark-base{fill:#c7d0d7}
}
@media(forced-colors:active){
  #kontakt.contact-glass{background:Canvas;color:CanvasText}
  #kontakt.contact-glass::before,#kontakt.contact-glass::after{display:none}
  #kontakt.contact-glass .project-form{border:1px solid CanvasText;background:Canvas}
  .contact-wordmark-art .contact-wordmark-base{fill:CanvasText}
  .contact-wordmark-art .contact-wordmark-material{display:none}
}

/* Continuous full-section footage, strongest at the foot of the large lettering. */
#kontakt.contact-glass{background:#000;--liquid-end:1000px}
#kontakt.contact-glass::before,#kontakt.contact-glass::after{display:none}
.contact-liquid-field{position:absolute;top:0;left:0;width:100%;height:calc(var(--liquid-end) + 80px);z-index:0;pointer-events:none;overflow:hidden;mask-image:linear-gradient(to bottom,rgba(0,0,0,.06) 0,rgba(0,0,0,.12) calc(var(--liquid-end)*.35),rgba(0,0,0,.28) calc(var(--liquid-end)*.6),rgba(0,0,0,.7) calc(var(--liquid-end)*.82),#000 var(--liquid-end),transparent calc(var(--liquid-end) + 80px));-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.06) 0,rgba(0,0,0,.12) calc(var(--liquid-end)*.35),rgba(0,0,0,.28) calc(var(--liquid-end)*.6),rgba(0,0,0,.7) calc(var(--liquid-end)*.82),#000 var(--liquid-end),transparent calc(var(--liquid-end) + 80px))}
.contact-liquid-field>img,.contact-liquid-field>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 100%;display:block}
.contact-liquid-field>video{opacity:0}
.liquid-loaded:not(.liquid-still) .contact-liquid-field>video{opacity:1}
#kontakt.contact-glass .project-form{background:linear-gradient(133deg,#10151adb,#030609cf);border-color:#e1efff40;box-shadow:inset 0 1px 0 #ffffff55,inset 0 -1px 0 #b8d7ed1f,0 20px 65px #0005;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
#kontakt.contact-glass .contact-copy{color:#fff;text-shadow:0 2px 12px #0009}
#kontakt.contact-glass footer{padding-top:90px}
#kontakt.contact-glass .footer-brand.contact-wordmark{aspect-ratio:1200/162;margin-bottom:48px}
.contact-wordmark-art{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 3px 12px #0005)}
.contact-wordmark-art>g{display:none}
.contact-wordmark-art .contact-wordmark-accessible{display:block;fill:#f7f8fa;stroke:none}
#kontakt.contact-glass .social-links,#kontakt.contact-glass .footer-meta{color:#d5dadd;text-shadow:0 1px 5px #000}
@media(max-width:760px){#kontakt.contact-glass footer{padding-top:62px}#kontakt.contact-glass .footer-brand.contact-wordmark{margin-bottom:36px}.contact-liquid-field>img,.contact-liquid-field>video{object-position:45% 100%}}
@media(prefers-reduced-transparency:reduce){.contact-liquid-field{display:none}#kontakt.contact-glass .project-form{background:#111417;backdrop-filter:none;-webkit-backdrop-filter:none}}
@media(forced-colors:active){.contact-liquid-field{display:none}#kontakt.contact-glass .project-form{background:Canvas}.contact-wordmark-art .contact-wordmark-accessible{fill:CanvasText!important}}
.contact-privacy{font-size:12px;color:#c4cbd0;margin:0 0 18px}.contact-privacy a{text-decoration:underline;text-underline-offset:3px}
#kontakt.contact-page-form{padding:44px 0;border-radius:24px;margin:36px 0}#kontakt.contact-page-form>.section-shell{padding-inline:clamp(20px,4vw,48px)}

/* Supplied logo is an actual hole in the dark surface; the film beneath stays aligned. */
#kontakt.contact-glass .footer-brand.contact-wordmark{aspect-ratio:2400/445;margin-bottom:28px}
.contact-wordmark-art{filter:none;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent)}
#kontakt.contact-glass footer{display:grid;grid-template-columns:1fr auto;column-gap:30px}
#kontakt.contact-glass .footer-brand{grid-column:1/-1}
#kontakt.contact-glass footer>.social-links{grid-column:1;grid-row:2;align-self:center;font-size:12px;gap:24px;padding:0;margin:0 0 24px}
#kontakt.contact-glass footer>.legal-links:not(.social-links){grid-column:2;grid-row:2;justify-content:flex-end;align-self:center;font-size:12px;gap:24px;padding:0;margin:0 0 24px}
#kontakt.contact-glass footer>.legal-links a{text-decoration:none}
#kontakt.contact-glass footer>.legal-links a:hover{text-decoration:underline;text-underline-offset:4px}
#kontakt.contact-glass .footer-meta{grid-column:1/-1;padding:22px 0 28px;border-top-color:#ffffff26;font-size:11px}
@media(max-width:760px){#kontakt.contact-glass footer{column-gap:16px}#kontakt.contact-glass footer>.social-links,#kontakt.contact-glass footer>.legal-links:not(.social-links){gap:15px;font-size:11px}}
@media(max-width:540px){#kontakt.contact-glass footer{grid-template-columns:1fr}#kontakt.contact-glass footer>.legal-links:not(.social-links){grid-column:1;grid-row:3;justify-content:flex-start;margin-bottom:22px}#kontakt.contact-glass footer>.social-links{margin-bottom:18px}.contact-wordmark-art{mask-image:none;-webkit-mask-image:none}}
@media(forced-colors:active){.contact-wordmark-art{filter:invert(1)}}

/* No dark frame around the mark; only its exact letter shapes carry the film. */
.contact-wordmark-art,.contact-logo-film{position:absolute;inset:0;width:100%;height:100%;filter:none;mask-image:url('/assets/brand/footer-logo-mask.svg');-webkit-mask-image:url('/assets/brand/footer-logo-mask.svg');mask-size:100% 100%;-webkit-mask-size:100% 100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;pointer-events:none}
.contact-wordmark-art{background:url('/assets/footer/liquid-reference.png') center 90%/cover no-repeat}
.contact-liquid-field{mask-image:linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,.12) calc(var(--liquid-end)*.35),rgba(0,0,0,.28) calc(var(--liquid-end)*.6),rgba(0,0,0,.65) calc(var(--liquid-end)*.78),rgba(0,0,0,.3) calc(var(--liquid-end)*.9),transparent var(--liquid-end));-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.06),rgba(0,0,0,.12) calc(var(--liquid-end)*.35),rgba(0,0,0,.28) calc(var(--liquid-end)*.6),rgba(0,0,0,.65) calc(var(--liquid-end)*.78),rgba(0,0,0,.3) calc(var(--liquid-end)*.9),transparent var(--liquid-end))}
#kontakt.contact-glass .footer-meta{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:22px 0 28px;margin:0;color:#cbd0d4;text-shadow:none}
#kontakt.contact-glass .footer-meta>.social-links{display:flex;align-items:center;justify-content:center;gap:24px;font-size:12px;margin:0;padding:0;text-shadow:none}
#kontakt.contact-glass .footer-meta>.social-links a{text-decoration:none}
#kontakt.contact-glass .footer-meta>div{justify-content:flex-end;gap:24px}
@media(max-width:760px){#kontakt.contact-glass .footer-meta{grid-template-columns:1fr;justify-items:center;gap:9px;text-align:center}#kontakt.contact-glass .footer-meta>div{justify-content:center;gap:24px}#kontakt.contact-glass .footer-meta>.social-links{gap:24px}}
@media(forced-colors:active){.contact-wordmark-art{background:CanvasText}.contact-logo-film{display:none}}