/*
Theme Name: POMMERICH — Enfold Child
Description: POMMERICH Onepager für Enfold 8.3; Layout im Avia Builder editierbar.
Template: enfold
Version: 5.24
Text Domain: pommerich
*/
:root{--pom-neon:#eeff00;--pom-black:#101010;--pom-white:#fff}html{scroll-behavior:smooth;scroll-padding-top:80px}body{font-family:Arial,Helvetica,sans-serif}#header{z-index:10000!important}#main .container_wrap{border:0}.pom-section{position:relative}.pom-section .container{max-width:1440px}.pom-section .content{padding-top:100px;padding-bottom:100px}.pom-section h1,.pom-section h2,.pom-section h3{font-family:Arial,Helvetica,sans-serif!important;letter-spacing:-.065em!important;font-weight:900!important;line-height:.94!important;text-transform:uppercase}.pom-section h1{font-size:clamp(72px,12vw,190px)!important}.pom-section h2{font-size:clamp(52px,8vw,126px)!important}.pom-section p{font-size:clamp(17px,1.65vw,22px);line-height:1.5}.pom-home{background:var(--pom-neon)!important;color:#101010!important;min-height:90svh}.pom-home .content{padding-top:clamp(110px,16vh,230px);padding-bottom:90px}.pom-home h1,.pom-home p{color:#101010!important}.pom-approach{background:#101010!important;color:#fff!important;min-height:85svh}.pom-approach h2,.pom-approach p,.pom-about h2,.pom-about p{color:#fff!important}.pom-services{background:#f4f4f0!important}.pom-projects{background:#fff!important}.pom-about{background:#101010!important;color:#fff!important}.pom-contact{background:var(--pom-neon)!important}.pom-contact h2,.pom-contact p{color:#101010!important}.pom-kicker{font-size:13px!important;letter-spacing:.17em!important;text-transform:uppercase;font-weight:800!important}.pom-intro{max-width:820px}.pom-projects img{width:100%;height:auto}.pom-projects .avia-image-container{margin-bottom:16px}.pom-approach strong{color:var(--pom-neon)}.pom-contact a{color:#101010!important;text-decoration:underline}.pom-footer-note{font-size:12px!important}.pom-menu-toggle{position:fixed;right:25px;top:24px;z-index:100002;background:var(--pom-neon);color:#111;border:2px solid #111;padding:12px 17px;font-weight:900;cursor:pointer;letter-spacing:.08em}.pom-menu-overlay{position:fixed;inset:0;background:#101010;color:#fff;z-index:100001;display:none;overflow-y:auto;padding:clamp(90px,12vh,145px) 7vw 60px}.pom-menu-overlay.is-open{display:block}.pom-menu-overlay nav{display:flex;flex-direction:column;gap:8px}.pom-menu-overlay a{color:#fff!important;text-decoration:none;font-size:clamp(36px,6.8vw,100px);font-weight:900;line-height:1.05;letter-spacing:-.05em}.pom-menu-overlay a:hover,.pom-menu-overlay a:focus{color:var(--pom-neon)!important}body.pom-menu-open{overflow:hidden}#header_main .main_menu{display:none!important}#header_main .logo{max-width:220px}#header_main{border:0!important}@media(max-width:767px){.pom-section .content{padding-top:70px;padding-bottom:70px}.pom-home .content{padding-top:140px}.pom-menu-toggle{top:15px;right:12px;padding:9px 12px}.pom-section h1{font-size:clamp(60px,16vw,100px)!important}.pom-section h2{font-size:clamp(48px,12vw,80px)!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* 1.1: Enfold container breakout for actual Avia Color Sections. */
body.home #main, body.home #main > .container_wrap, body.home #main > .container_wrap > .container,
body.home #main .template-page, body.home #main .post-entry, body.home #main .entry-content-wrapper {
  max-width:none; width:100%; margin-left:0; margin-right:0;
}
body.home #main > .container_wrap > .container { padding-left:0; padding-right:0; }
body.home #main .template-page { padding:0; }
body.home #main .entry-content-wrapper { margin:0; }
body.home #main .pom-section {
  box-sizing:border-box; position:relative; width:100vw; max-width:none;
  left:50%; margin-left:-50vw; margin-right:0; clear:both;
}
body.home #main .pom-section .container { width:min(100% - 48px,1440px); max-width:1440px; margin:0 auto; }
body.home #main .pom-section .content { width:100%; float:none; box-sizing:border-box; }
body.home #main .pom-home { min-height:100svh; display:flex; align-items:stretch; }
body.home #main .pom-home > .container { display:flex; align-items:stretch; }
body.home #main .pom-home .content { display:flex; flex-direction:column; justify-content:center; min-height:100svh; padding-top:110px; padding-bottom:80px; }
body.home #main .pom-home h1 { overflow-wrap:anywhere; }
body.home #main .pom-approach { min-height:100svh; }
body.home #main .pom-section .flex_column { min-width:0; }
body.home #main { padding-top:0!important; }
body.home #main > .container_wrap:first-child { border-top:0; }
.pom-brand { position:fixed; z-index:100000; top:25px; left:clamp(18px,3vw,48px); font-size:clamp(16px,1.5vw,23px); font-weight:900; letter-spacing:-.055em; text-decoration:none!important; color:#111!important; line-height:1; }
.pom-brand.on-dark { color:#fff!important; }
.pom-menu-toggle { top:19px; right:clamp(14px,2.5vw,42px); }
.admin-bar .pom-brand { top:57px; }
.admin-bar .pom-menu-toggle { top:51px; }
.pom-menu-overlay a:focus-visible,.pom-menu-toggle:focus-visible,.pom-brand:focus-visible { outline:3px solid #eeff00; outline-offset:5px; }
@media(max-width:782px){ .admin-bar .pom-brand {top:70px}.admin-bar .pom-menu-toggle{top:65px} }
@media(max-width:767px){body.home #main .pom-section .container{width:calc(100% - 32px)}body.home #main .pom-home .content{padding-top:120px;padding-bottom:50px}.pom-brand{top:22px;left:16px;font-size:17px}.pom-menu-toggle{top:13px;right:12px}}

/* 1.2: keep the wordmark readable while the menu is open. */
body.pom-menu-open .pom-brand {color:#fff!important;z-index:100003}

/* 1.3 original vector logo */
.pom-brand{display:block;width:clamp(145px,11vw,190px);height:auto;font-size:0;line-height:0}
.pom-brand img{display:block;width:100%;height:auto;filter:none;transition:filter .15s ease}
.pom-brand.on-dark img,body.pom-menu-open .pom-brand img{filter:brightness(0) invert(1)}
@media(max-width:767px){.pom-brand{width:145px}}

/* v1.4: Montserrat is preferred when installed; no remote font requests. */
:root { --pom-font: 'Montserrat', 'Arial', sans-serif; }
body, .pom-section, .pom-section h1, .pom-section h2, .pom-section h3,
.pom-menu-overlay a, .pom-menu-toggle { font-family:var(--pom-font)!important; }
.pom-section h1,.pom-section h2,.pom-section h3 { font-weight:800!important; }
.pom-kicker,.pom-menu-toggle {font-weight:700!important;}
.pom-menu-overlay a {font-weight:800;}
/* Let all three headline lines fit in the first screen. */
body.home #main .pom-home .content {
  min-height:100svh; justify-content:center;
  padding-top:clamp(110px,12vh,155px);
  padding-bottom:clamp(40px,6vh,80px);
}
body.home #main .pom-home h1 {
  font-size:clamp(56px, min(10vw, 15.4vh), 160px)!important;
  line-height:.88!important; letter-spacing:-.065em!important;
  overflow-wrap:normal; word-break:normal;
  margin-top:clamp(20px,4vh,48px);margin-bottom:clamp(18px,3vh,38px);
}
body.home #main .pom-home .pom-intro {max-width:780px}
.pom-brand{width:clamp(165px,13vw,218px)}
.pom-approach .content {padding-top:clamp(100px,14vh,180px)!important;padding-bottom:clamp(90px,12vh,160px)!important}
.pom-services h3{font-size:clamp(27px,3.4vw,54px)!important;letter-spacing:-.045em!important}
.pom-projects h3{font-size:clamp(36px,5vw,76px)!important}
.pom-projects .pom-project-image{display:block;width:100%;height:auto;object-fit:cover;margin:22px 0}
.pom-projects .pom-kicker{color:#555}
.pom-projects a{color:#101010!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.pom-section .pom-intro{max-width:800px}
.pom-menu-overlay nav{gap:clamp(2px,.5vh,8px)}
.pom-menu-overlay a{font-size:clamp(38px,min(6.5vw,10vh),100px)}
@media(max-width:767px){
  .pom-brand{width:150px}
  body.home #main .pom-home h1{font-size:clamp(48px,12.6vw,90px)!important;line-height:.92!important}
  body.home #main .pom-home .content{padding-top:115px;padding-bottom:50px}
  .pom-menu-overlay{padding:110px 7vw 40px}
  .pom-menu-overlay a{font-size:clamp(32px,8.4vw,64px)}
}
@media(max-height:700px) and (min-width:768px){
  body.home #main .pom-home h1{font-size:clamp(52px,13vh,105px)!important}
}

/* 1.5 — Selected Work: quiet white logo-led project list with inline case studies. */
.pom-projects{background:#fff!important;color:#101010!important}
.pom-projects .pom-work-item{border-top:1px solid #d8d8d8;margin:0;padding:0}
.pom-projects .pom-work-item:last-of-type{border-bottom:1px solid #d8d8d8}
.pom-projects .pom-work-summary{list-style:none;display:grid;grid-template-columns:44px minmax(180px,1.15fr) minmax(220px,1fr) minmax(145px,.62fr);gap:clamp(14px,2.2vw,44px);align-items:center;cursor:pointer;padding:clamp(32px,5vw,72px) 0;min-height:225px}
.pom-projects .pom-work-summary::-webkit-details-marker{display:none}
.pom-projects .pom-work-summary::marker{content:''}
.pom-projects .pom-work-summary:focus-visible{outline:3px solid #101010;outline-offset:6px}
.pom-projects .pom-work-number,.pom-projects .pom-work-category{font-size:12px;line-height:1.5;font-weight:700;letter-spacing:.13em;color:#515151}
.pom-projects .pom-work-client{display:flex;align-items:center;min-height:130px}
.pom-projects .pom-work-logo{display:block;max-width:330px;width:100%;max-height:170px;object-fit:contain;object-position:left center}
.pom-projects .pom-work-client-name{font-size:clamp(34px,3.8vw,64px);line-height:.9;font-weight:800;letter-spacing:-.065em;color:#101010}
.pom-projects .pom-work-description{display:flex;flex-direction:column;gap:14px}
.pom-projects .pom-work-excerpt{font-size:clamp(15px,1.2vw,19px);line-height:1.45;color:#252525}
.pom-projects .pom-work-action{justify-self:end;align-self:center;font-size:12px;font-weight:800;letter-spacing:.08em;white-space:nowrap;color:#101010}
.pom-projects .pom-work-close{display:none}
.pom-projects .pom-work-item[open] .pom-work-open{display:none}
.pom-projects .pom-work-item[open] .pom-work-close{display:inline}
.pom-projects .pom-work-item[open] .pom-work-summary{padding-bottom:36px}
.pom-projects .pom-work-detail{border-top:1px solid #e5e5e5;padding:clamp(34px,5vw,75px) 0 clamp(55px,8vw,120px)}
.pom-projects .pom-work-detail-intro{max-width:950px;margin:0 0 38px}
.pom-projects .pom-work-detail-intro h3{font-size:clamp(44px,7vw,104px)!important;line-height:.94!important;margin:16px 0 20px}
.pom-projects .pom-work-detail-intro p{font-size:clamp(17px,1.7vw,23px);max-width:760px}
.pom-projects .pom-work-external{display:inline-block;margin-top:16px;font-size:13px;font-weight:800;letter-spacing:.1em}
.pom-projects .pom-work-gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(12px,2vw,28px);align-items:start}
.pom-projects .pom-work-gallery img{width:100%;height:auto;object-fit:contain;display:block;background:#f4f4f4}
.pom-projects .pom-work-spacer{margin-top:25px}
@media(max-width:1050px){.pom-projects .pom-work-summary{grid-template-columns:30px minmax(150px,1fr) minmax(160px,1fr);gap:22px}.pom-projects .pom-work-action{grid-column:3;justify-self:start}}
@media(max-width:680px){.pom-projects .pom-work-summary{grid-template-columns:26px 1fr;gap:14px;min-height:0;padding:30px 0}.pom-projects .pom-work-client{min-height:90px}.pom-projects .pom-work-description,.pom-projects .pom-work-action{grid-column:2}.pom-projects .pom-work-client-name{font-size:clamp(30px,9vw,54px)}.pom-projects .pom-work-logo{max-width:260px}.pom-projects .pom-work-description{gap:8px}.pom-projects .pom-work-gallery{grid-template-columns:1fr}}

/* Montserrat locally hosted — OFL license in assets/fonts/OFL.txt */
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Regular.woff2') format('woff2');font-style:normal;font-weight:400;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Medium.woff2') format('woff2');font-style:normal;font-weight:500;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-Bold.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap;}
@font-face{font-family:'Montserrat';src:url('assets/fonts/Montserrat-ExtraBold.woff2') format('woff2');font-style:normal;font-weight:800;font-display:swap;}

/* v1.6 logo fix: original transparent PNG, not the black placeholder JPG. */
.pom-projects .pom-work-logo{width:min(100%,280px);max-height:145px;object-fit:contain;object-position:left center}
.pom-projects .pom-work-client{overflow:visible}
/* v1.6 SPD editorial gallery: wide outdoor photograph, then narrower portrait. */
.pom-projects .pom-work-spd .pom-work-gallery{display:flex;flex-direction:column;gap:clamp(20px,3vw,44px);align-items:stretch}
.pom-projects .pom-work-spd .pom-work-gallery img:first-child{width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain}
.pom-projects .pom-work-spd .pom-work-gallery img:nth-child(2){width:min(100%,720px);max-height:none;object-fit:contain;align-self:center}
.pom-projects .pom-work-detail-intro{margin-bottom:clamp(30px,4vw,58px)}
.pom-projects .pom-work-detail-intro p{line-height:1.55}
.pom-projects .pom-work-summary:hover .pom-work-action{text-decoration:underline;text-underline-offset:4px}
@media(max-width:680px){.pom-projects .pom-work-logo{max-width:210px;max-height:120px}}

/* v1.7 — clear fixed branding and unify inline project image heights. */
html { scroll-padding-top: 112px; }
body.home #main .pom-section { scroll-margin-top: 112px; }
/* Kicker labels need a safe area below the fixed wordmark on anchor jumps. */
body.home #main .pom-section:not(.pom-home) .content { padding-top:clamp(145px,12vw,190px)!important; }
body.home #main .pom-section:not(.pom-home) .pom-kicker { position:relative; z-index:1; }
/* Keep the summary and expanded content visually distinct. */
.pom-projects .pom-work-item[open] .pom-work-summary { padding-bottom:clamp(40px,5vw,70px); }
.pom-projects .pom-work-detail { padding-top:clamp(52px,6vw,95px); }
.pom-projects .pom-work-detail-intro { margin-bottom:clamp(38px,5vw,70px); }
/* Every gallery tile uses the same 3:2 frame. */
.pom-projects .pom-work-gallery { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(14px,2vw,28px); align-items:stretch; }
.pom-projects .pom-work-gallery img,
.pom-projects .pom-work-spd .pom-work-gallery img:first-child,
.pom-projects .pom-work-spd .pom-work-gallery img:nth-child(2) {
 display:block; box-sizing:border-box; width:100%; max-width:none; height:auto; max-height:none;
 aspect-ratio:3 / 2; margin:0; align-self:stretch; object-position:center center;
}
/* Salon photos may crop gently; documentary campaign photos must remain fully visible. */
.pom-projects .pom-work-paulina .pom-work-gallery img { object-fit:cover; }
.pom-projects .pom-work-paulina .pom-work-gallery img { background:#f5f2ed; }
.pom-projects .pom-work-spd .pom-work-gallery img { object-fit:contain; background:#f3f3f3; }
@media(max-width:680px) {
 html { scroll-padding-top:90px; }
 body.home #main .pom-section { scroll-margin-top:90px; }
 body.home #main .pom-section:not(.pom-home) .content { padding-top:120px!important; }
 .pom-projects .pom-work-gallery { grid-template-columns:1fr; }
}


/* v1.8 — brand-consistent interaction colors, including Enfold inherited styles. */
::selection { background:#eeff00!important; color:#101010!important; }
::-moz-selection { background:#eeff00!important; color:#101010!important; }
body.home #main .pom-section a:not(.pom-work-external),
body.home #main .pom-section a:visited { color:inherit; }
body.home #main .pom-section a:hover,
body.home #main .pom-section a:focus-visible { color:#101010!important; text-decoration-color:#101010!important; }
body.home #main .pom-approach a:hover,
body.home #main .pom-about a:hover { color:#eeff00!important; text-decoration-color:#eeff00!important; }
body.home #main .pom-projects a:hover,
body.home #main .pom-projects a:focus-visible { color:#101010!important; text-decoration-color:#eeff00!important; }
body.home #main .pom-contact a:hover { color:#101010!important; text-decoration-color:#101010!important; }
#top .main_color a:hover,#top .alternate_color a:hover { color:#101010; }
#top .main_color .avia-color-theme-color,#top .alternate_color .avia-color-theme-color { background-color:#eeff00; color:#101010; }
#scroll-top-link:hover { background:#eeff00!important; color:#101010!important; border-color:#101010!important; }
.pom-section a:focus-visible { outline:2px solid #eeff00; outline-offset:4px; }
/* About: genuine local duotone image, not a remote filter or missing placeholder. */
.pom-about .pom-project-image { display:block; width:min(100%,960px); height:auto; margin:clamp(34px,5vw,72px) 0 0; }
/* Editorial print showcase: two original A0 posters, one real-world Wesselmann image, two flyer pairs. */
.pom-projects .pom-work-gallery .pom-work-figure { margin:0; min-width:0; }
.pom-projects .pom-work-gallery .pom-work-figure img { width:100%; height:auto; display:block; }
.pom-projects .pom-work-gallery figcaption { font-size:11px; line-height:1.5; letter-spacing:.075em; font-weight:700; text-transform:uppercase; color:#666; margin-top:10px; }
.pom-projects .pom-work-spd .pom-work-gallery { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:clamp(28px,4vw,58px) clamp(14px,2vw,28px); }
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(1),
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(2) { background:#fff; }
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(-n+2) img { aspect-ratio:3 / 2; object-fit:contain; object-position:center; background:#f8f8f8; }
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(3) { grid-column:1 / -1; }
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(3) img { aspect-ratio:16 / 9; object-fit:cover; object-position:center 47%; background:#fff; }
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(n+4) img { aspect-ratio:3 / 2; object-fit:contain; background:#f8f8f8; }
.pom-projects .pom-work-paulina .pom-work-gallery .pom-work-figure img { aspect-ratio:3 / 2; object-fit:cover; background:#f5f2ed; }
@media(max-width:680px) {
 .pom-projects .pom-work-spd .pom-work-gallery { grid-template-columns:1fr; }
 .pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(3) { grid-column:auto; }
 .pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(3) img { aspect-ratio:3 / 2; }
}

/* v1.9 — White, borderless SPD print gallery. */
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure,
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure img { background:#fff!important;box-shadow:none!important;border:0!important; }
.pom-projects .pom-work-spd .pom-work-gallery {align-items:start;row-gap:clamp(42px,5vw,76px)}
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure img,
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(-n+2) img,
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(n+4) img {
 aspect-ratio:auto!important;object-fit:contain!important;width:100%!important;height:auto!important;max-height:none!important;
}
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(-n+2) img {height:clamp(320px,40vw,590px)!important}
.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(3) img {aspect-ratio:16/9!important;object-fit:cover!important;height:auto!important}
@media(max-width:680px){.pom-projects .pom-work-spd .pom-work-gallery .pom-work-figure:nth-child(-n+2) img{height:auto!important}}

/* v2.0 — About: editorial two-column portrait composition */
#top .pom-about .pom-about-layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);gap:clamp(28px,5vw,90px);align-items:center;padding:clamp(30px,5vw,75px) 0 clamp(35px,6vw,90px)}
#top .pom-about .pom-about-copy{min-width:0}
#top .pom-about .pom-about-copy h2{font-size:clamp(42px,5.6vw,92px)!important;line-height:.98!important;overflow-wrap:normal;letter-spacing:-.055em;margin:0 0 clamp(28px,3vw,48px)!important}
#top .pom-about .pom-about-copy p{font-size:clamp(17px,1.35vw,21px);line-height:1.65;max-width:650px;margin:0}
#top .pom-about .pom-about-visual{margin:0;min-width:0;align-self:stretch;display:flex;align-items:center}
#top .pom-about .pom-about-visual img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:55% center;background:#eeff00;border:0;box-shadow:none}
#top .pom-about .pom-about-layout .pom-project-image{margin:0;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:55% center}
@media(max-width:900px){#top .pom-about .pom-about-layout{grid-template-columns:1fr;gap:32px}#top .pom-about .pom-about-copy h2{font-size:clamp(42px,8vw,78px)!important}#top .pom-about .pom-about-visual{max-width:650px}#top .pom-about .pom-about-visual img{aspect-ratio:5/4;object-position:center 40%}}

/* v2.1 — About portrait as full-bleed section background, compact black editorial panel. */
#top .pom-about.pom-about-background {
  background-color: #eeff00 !important;
  background-image: var(--pom-about-photo) !important;
  background-position: 67% 43% !important;
  background-size: cover !important;
  background-repeat: no-repeat !important;
  min-height: 760px;
}
#top .pom-about.pom-about-background .content {
  padding-top: clamp(85px, 10vw, 145px);
  padding-bottom: clamp(85px, 10vw, 145px);
}
#top .pom-about.pom-about-background .pom-kicker {
  color: #101010 !important;
  margin-bottom: clamp(22px, 3vw, 44px);
  text-shadow: 0 1px 10px rgba(238,255,0,.45);
}
#top .pom-about.pom-about-background .pom-about-layout {
  display: block;
  width: min(100%, 660px);
  padding: 0;
  margin: 0;
}
#top .pom-about.pom-about-background .pom-about-copy {
  background: #101010;
  color: #fff;
  padding: clamp(30px, 4.5vw, 62px);
}
#top .pom-about.pom-about-background .pom-about-copy h2 {
  font-size: clamp(39px, 4.15vw, 65px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  margin: 0 0 clamp(25px, 3vw, 38px) !important;
  overflow-wrap: normal;
  max-width: 100%;
}
#top .pom-about.pom-about-background .pom-about-copy p {
  color: #fff !important;
  font-size: clamp(16px, 1.25vw, 19px);
  line-height: 1.6;
  margin: 0;
  max-width: 520px;
}
#top .pom-about.pom-about-background .pom-about-visual { display: none !important; }
@media (max-width: 900px) {
  #top .pom-about.pom-about-background { background-position: 70% center !important; min-height: 680px; }
  #top .pom-about.pom-about-background .pom-about-layout { width: min(100%, 590px); }
}
@media (max-width: 680px) {
  #top .pom-about.pom-about-background {
    background-size: auto 64% !important;
    background-position: 70% top !important;
    min-height: 0;
  }
  #top .pom-about.pom-about-background .content { padding-top: 34px; padding-bottom: 50px; }
  #top .pom-about.pom-about-background .pom-kicker { margin-bottom: clamp(230px, 72vw, 430px); }
  #top .pom-about.pom-about-background .pom-about-layout { width: 100%; }
  #top .pom-about.pom-about-background .pom-about-copy { padding: clamp(24px, 6vw, 38px); }
  #top .pom-about.pom-about-background .pom-about-copy h2 { font-size: clamp(35px, 8vw, 54px) !important; }
}



/* v2.4 — consistent viewport sections, anchor alignment, and About clearance.
   One authoritative rule set replaces the conflicting v2.2/v2.3 overrides. */
:root { --pom-overlay-clearance: 112px; }
html { scroll-padding-top: 0 !important; }
#top .pom-section { scroll-margin-top: 0 !important; height: auto !important; }
#top .pom-home, #top .pom-approach, #top .pom-services,
#top .pom-contact, #top .pom-about { min-height: 100svh !important; }
#top .pom-projects { min-height: 100svh !important; }
/* For standard sections the content starts safely below floating brand and menu. */
body.home #main .pom-section:not(.pom-home):not(.pom-about) .content {
  padding-top: clamp(145px, 16vh, 195px) !important;
  padding-bottom: clamp(75px, 10vh, 125px) !important;
}
/* Avia nests the editable About text in a textblock. Set its clearance on
   that actual content element, not just on Enfold's outer .content wrapper. */
body.home #main .pom-about.pom-about-background .content {
  padding-top: 0 !important;
  padding-bottom: clamp(70px, 9vh, 110px) !important;
}
body.home #main .pom-about.pom-about-background .avia_textblock {
  padding-top: clamp(145px, 17vh, 185px) !important;
  box-sizing: border-box;
}
#top .pom-about.pom-about-background .pom-kicker {
  display: block !important;
  position: relative !important;
  visibility: visible !important;
  opacity: 1 !important;
  color: #101010 !important;
  margin: 0 0 clamp(24px, 3vh, 36px) !important;
  line-height: 1.4 !important;
  z-index: 2;
}
#top .pom-about.pom-about-background .pom-about-layout {
  width: min(100%, 570px) !important;
  margin: 0 !important;
  padding: 0 !important;
}
#top .pom-about.pom-about-background .pom-about-copy {
  padding: clamp(30px, 3.2vw, 48px) !important;
}
#top .pom-about.pom-about-background .pom-about-copy h2 {
  font-size: clamp(36px, 3.55vw, 56px) !important;
  margin-bottom: clamp(30px, 3.2vw, 44px) !important;
}
#top .pom-about.pom-about-background { background-position: 69% 43% !important; }
@media (max-width: 989px) {
  :root { --pom-overlay-clearance: 100px; }
  body.home #main .pom-about.pom-about-background .avia_textblock { padding-top: 135px !important; }
}
@media (max-width: 680px) {
  :root { --pom-overlay-clearance: 92px; }
  body.home #main .pom-section:not(.pom-home):not(.pom-about) .content { padding-top: 120px !important; }
  body.home #main .pom-about.pom-about-background .avia_textblock { padding-top: 120px !important; }
  #top .pom-about.pom-about-background { background-size: auto 64% !important; background-position: 70% top !important; }
  #top .pom-about.pom-about-background .pom-kicker { margin-bottom: clamp(230px,72vw,430px) !important; }
  #top .pom-about.pom-about-background .pom-about-layout { width: 100% !important; }
}


/* v2.5 — About: editorial black type directly on neon duotone photograph.
   Keep the photograph, anchor spacing and Avia-editable content from v2.4. */
#top .pom-about.pom-about-background .pom-about-layout {
  width: min(100%, 550px) !important;
  max-width: 550px !important;
}
#top .pom-about.pom-about-background .pom-about-copy {
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
  padding: 0 !important;
  color: #101010 !important;
}
#top .pom-about.pom-about-background .pom-about-copy h2 {
  color: #101010 !important;
  font-size: clamp(45px, 4.6vw, 70px) !important;
  line-height: .98 !important;
  letter-spacing: -.055em !important;
  margin: 0 0 clamp(34px, 4vw, 54px) !important;
  text-shadow: none !important;
}
#top .pom-about.pom-about-background .pom-about-copy p {
  color: #101010 !important;
  font-size: clamp(17px, 1.4vw, 21px) !important;
  font-weight: 500;
  line-height: 1.55 !important;
  max-width: 465px;
  text-shadow: none !important;
}
/* Very light yellow veil on the type side, not a visible container. */
#top .pom-about.pom-about-background {
  background-image: linear-gradient(90deg, rgba(238,255,0,.99) 0%, rgba(238,255,0,.98) 22%, rgba(238,255,0,.91) 33%, rgba(238,255,0,.58) 45%, rgba(238,255,0,0) 63%), var(--pom-about-photo) !important;
  background-position: center, 69% 43% !important;
}
@media (max-width: 900px) {
  #top .pom-about.pom-about-background .pom-about-layout { width: min(100%, 540px) !important; }
  #top .pom-about.pom-about-background .pom-about-copy h2 { font-size: clamp(39px, 5.7vw, 57px) !important; }
}
@media (max-width: 680px) {
  #top .pom-about.pom-about-background {
    background-image: linear-gradient(180deg, rgba(238,255,0,0) 0%, rgba(238,255,0,.08) 40%, #eeff00 64%), var(--pom-about-photo) !important;
    background-size: 100% 100%, auto 64% !important;
    background-position: center, 70% top !important;
    background-repeat: no-repeat !important;
    background-color: #eeff00 !important;
  }
  #top .pom-about.pom-about-background .pom-about-layout { width: 100% !important; max-width: none !important; }
  #top .pom-about.pom-about-background .pom-about-copy h2 { font-size: clamp(35px, 8.2vw, 54px) !important; }
  #top .pom-about.pom-about-background .pom-about-copy p { font-size: clamp(16px, 4vw, 19px) !important; }
}

/* v2.7 — About headline uses the same monumental editorial scale as HOME / ANSATZ.
   Keep the existing neon photo, text readability gradient, and Avia-editable content. */
@media (min-width: 1101px) {
  #top .pom-about.pom-about-background .pom-about-layout {
    width: min(100%, 930px) !important;
    max-width: 930px !important;
  }
  #top .pom-about.pom-about-background .pom-about-copy h2 {
    font-size: clamp(70px, 7.6vw, 120px) !important;
    line-height: .91 !important;
    letter-spacing: -.062em !important;
    margin-bottom: clamp(28px, 3vw, 48px) !important;
    max-width: 930px !important;
  }
  #top .pom-about.pom-about-background .pom-about-copy p {
    max-width: 480px !important;
  }
}
@media (min-width: 681px) and (max-width: 1100px) {
  #top .pom-about.pom-about-background .pom-about-layout {
    width: min(100%, 760px) !important;
    max-width: 760px !important;
  }
  #top .pom-about.pom-about-background .pom-about-copy h2 {
    font-size: clamp(53px, 7.2vw, 83px) !important;
    line-height: .94 !important;
    letter-spacing: -.058em !important;
  }
}
@media (max-width: 680px) {
  #top .pom-about.pom-about-background .pom-about-copy h2 {
    font-size: clamp(42px, 10.5vw, 66px) !important;
    line-height: .94 !important;
    letter-spacing: -.055em !important;
    overflow-wrap: anywhere;
  }
}

/* v2.8 — contact finale inspired by original SAY HELLO prototype. */
#top .pom-contact.pom-contact-prototype {
  background: #101010 !important;
  color: #fff !important;
  min-height: 100svh !important;
}
#top .pom-contact.pom-contact-prototype .container,
#top .pom-contact.pom-contact-prototype .content,
#top .pom-contact.pom-contact-prototype .entry-content-wrapper,
#top .pom-contact.pom-contact-prototype .avia_textblock {
  width: 100%;
}
#top .pom-contact.pom-contact-prototype .content {
  padding-top: clamp(145px, 16vh, 195px) !important;
  padding-bottom: 0 !important;
}
#top .pom-contact.pom-contact-prototype .avia_textblock {
  min-height: calc(100svh - clamp(145px, 16vh, 195px));
  display: flex;
  flex-direction: column;
}
#top .pom-contact.pom-contact-prototype .pom-contact-stage {
  flex: 1;
  padding: 0 0 clamp(65px, 10vh, 120px);
}
#top .pom-contact.pom-contact-prototype .pom-kicker {
  color: #eeff00 !important;
  margin: 0 0 clamp(55px, 7vh, 100px) !important;
}
#top .pom-contact.pom-contact-prototype .pom-contact-title {
  color: #fff !important;
  font-family: Montserrat, Arial, sans-serif !important;
  font-size: clamp(90px, 12vw, 190px) !important;
  font-weight: 800 !important;
  letter-spacing: -.075em !important;
  line-height: .88 !important;
  margin: 0 0 clamp(60px, 7vh, 105px) !important;
}
#top .pom-contact.pom-contact-prototype a.pom-contact-email {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  color: #fff !important;
  font-family: Montserrat, Arial, sans-serif;
  font-weight: 800;
  font-size: clamp(25px, 3.6vw, 54px);
  letter-spacing: -.045em;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-decoration: none !important;
  border-bottom: 6px solid #eeff00;
  padding-bottom: 5px;
}
#top .pom-contact.pom-contact-prototype a.pom-contact-email:hover,
#top .pom-contact.pom-contact-prototype a.pom-contact-email:focus-visible { color: #eeff00 !important; }
#top .pom-contact.pom-contact-prototype .pom-contact-intro {
  color: #aaa !important;
  font-size: clamp(17px, 1.65vw, 24px);
  line-height: 1.5;
  margin: 16px 0 0;
}
#top .pom-contact.pom-contact-prototype .pom-contact-footer {
  border-top: 1px solid #454545;
  padding: 34px 0 42px;
  color: #aaa;
  font-size: 14px;
  line-height: 1.6;
}
#top .pom-contact.pom-contact-prototype .pom-contact-footer p { font-size: inherit; color: inherit !important; margin: 0 0 18px; }
#top .pom-contact.pom-contact-prototype .pom-contact-footer nav { display: flex; flex-wrap: wrap; gap: 12px 28px; }
#top .pom-contact.pom-contact-prototype .pom-contact-footer a { color: #aaa !important; text-decoration: none !important; }
#top .pom-contact.pom-contact-prototype .pom-contact-footer a:hover { color: #eeff00 !important; }
@media (max-width: 680px) {
  #top .pom-contact.pom-contact-prototype .content { padding-top: 125px !important; }
  #top .pom-contact.pom-contact-prototype .avia_textblock { min-height: calc(100svh - 125px); }
  #top .pom-contact.pom-contact-prototype .pom-contact-title { font-size: clamp(67px, 16vw, 110px) !important; }
  #top .pom-contact.pom-contact-prototype a.pom-contact-email { border-bottom-width: 4px; }
  #top .pom-contact.pom-contact-prototype .pom-contact-footer { padding: 28px 0 34px; font-size: 12px; }
}

/* v2.9 — header contrast and section-number clearance.
   The fixed logo is black on light/yellow sections and white on dark ones. */
#top .pom-brand img { filter: none; }
#top .pom-brand.on-dark img,
body.pom-menu-open #top .pom-brand img { filter: brightness(0) invert(1); }
/* The contact stage is injected inside Avia's textblock. Put its own kicker
   below the floating header rather than relying on Enfold's content padding. */
body.home #main .pom-contact.pom-contact-prototype .content {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
#top .pom-contact.pom-contact-prototype .pom-contact-stage {
  padding-top: clamp(145px, 17vh, 185px) !important;
  box-sizing: border-box;
}
#top .pom-contact.pom-contact-prototype .pom-kicker {
  margin-bottom: clamp(38px, 5vh, 70px) !important;
}
@media (max-width: 680px) {
  body.home #main .pom-contact.pom-contact-prototype .content { padding-top: 0 !important; }
  #top .pom-contact.pom-contact-prototype .pom-contact-stage {
    padding-top: 125px !important;
  }
}

/* v3.0 — HOME: subtle living neon/lime gradient, without altering typography. */
#top .pom-home {
  background-color: #eeff00 !important;
  background-image: linear-gradient(115deg,
    #eeff00 0%, #dcfa13 22%, #c9f132 38%,
    #eeff00 55%, #e5ff42 76%, #d2f724 89%, #eeff00 100%) !important;
  background-size: 260% 260% !important;
  animation: pom-home-gradient 22s ease-in-out infinite alternate;
}
@keyframes pom-home-gradient {
  from { background-position: 0% 50%; }
  to   { background-position: 100% 50%; }
}
/* Keep the heading, introductory copy and navigation visually still. */
@media (prefers-reduced-motion: reduce) {
  #top .pom-home { animation: none !important; background-position: 0% 50%; }
}

/* v3.0 — ANSATZ / LEISTUNGEN: correct only the section-number position.
   Earlier Enfold styles leave these kickers at the top of the viewport,
   overlapping the fixed logo. Relative offset retains the headline layout. */
body.home #main .pom-approach .pom-kicker,
body.home #main .pom-services .pom-kicker {
  position: relative !important;
  top: clamp(95px, 14vh, 140px) !important;
  z-index: 2 !important;
}
@media (max-width: 680px) {
  body.home #main .pom-approach .pom-kicker,
  body.home #main .pom-services .pom-kicker {
    top: 76px !important;
  }
}

/* v3.1 — Transparent outline menu button, matching the fixed logo contrast. */
#top .pom-menu-toggle,
#top .pom-menu-toggle:hover,
#top .pom-menu-toggle:focus,
#top .pom-menu-toggle:active {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  border: 2px solid #111 !important;
  color: #111 !important;
  border-radius: 0 !important;
  -webkit-appearance: none;
  appearance: none;
  transition: color .15s ease, border-color .15s ease;
}
#top .pom-menu-toggle.on-dark,
#top .pom-menu-toggle.on-dark:hover,
#top .pom-menu-toggle.on-dark:focus,
#top .pom-menu-toggle.on-dark:active,
body.pom-menu-open #top .pom-menu-toggle {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: #fff !important;
  color: #fff !important;
}
#top .pom-menu-toggle:focus-visible {
  outline: 3px solid #eeff00 !important;
  outline-offset: 5px;
}

/* v3.2: WP-managed menu keeps the original editorial full-screen layout. */
.pom-menu-overlay nav .pom-overlay-menu{display:flex;flex-direction:column;gap:clamp(2px,.5vh,8px);list-style:none;margin:0;padding:0}
.pom-menu-overlay nav .pom-overlay-menu li{margin:0;padding:0;list-style:none;line-height:1.05}
.pom-menu-overlay nav .pom-overlay-menu a{display:inline-block}
.pom-menu-overlay nav .pom-overlay-menu a.is-current-section{color:#eeff00!important}
/* v3.3: WordPress current-menu-item must not override scroll-based active state. */
.pom-menu-overlay nav .pom-overlay-menu li.current-menu-item>a:not(.is-current-section),
.pom-menu-overlay nav .pom-overlay-menu li.current_page_item>a:not(.is-current-section){color:#fff!important}

/* v3.4 — Focus must not look like a second active navigation item.
   Only the JS-managed is-current-section class gets neon text. */
#top .pom-menu-overlay nav .pom-overlay-menu a,
#top .pom-menu-overlay nav .pom-overlay-menu a:hover,
#top .pom-menu-overlay nav .pom-overlay-menu a:focus,
#top .pom-menu-overlay nav .pom-overlay-menu a:active,
#top .pom-menu-overlay nav .pom-overlay-menu li.current-menu-item > a,
#top .pom-menu-overlay nav .pom-overlay-menu li.current_page_item > a,
#top .pom-menu-overlay nav .pom-overlay-menu li.current_page_parent > a,
#top .pom-menu-overlay nav .pom-overlay-menu li.current-menu-ancestor > a {
  color: #fff !important;
}
#top .pom-menu-overlay nav .pom-overlay-menu a.is-current-section,
#top .pom-menu-overlay nav .pom-overlay-menu a.is-current-section:hover,
#top .pom-menu-overlay nav .pom-overlay-menu a.is-current-section:focus {
  color: #eeff00 !important;
}
#top .pom-menu-overlay nav .pom-overlay-menu a:focus-visible {
  outline: 3px solid #eeff00;
  outline-offset: 5px;
}


/* v3.5 — mobile-only layout and navigation refinements. Desktop unaffected. */
@media (max-width: 767px) {
  html { scroll-padding-top: 112px; }
  #top .pom-section { scroll-margin-top: 112px; }
  /* Keep fixed controls above content, with consistent mobile safe areas. */
  #top .pom-brand { top: calc(env(safe-area-inset-top, 0px) + 16px) !important; left: 16px !important; width: clamp(132px, 37vw, 160px) !important; z-index: 100003 !important; }
  #top .pom-menu-toggle { top: calc(env(safe-area-inset-top, 0px) + 13px) !important; right: 14px !important; z-index: 100004 !important; padding: 10px 12px !important; font-size: clamp(10px, 2.8vw, 13px) !important; white-space: nowrap; }
  #top .pom-menu-overlay { inset: 0 !important; height: 100dvh !important; box-sizing: border-box; overflow-x: hidden; overflow-y: auto; overscroll-behavior: contain; -webkit-overflow-scrolling: touch; padding: calc(env(safe-area-inset-top, 0px) + 116px) 7vw calc(env(safe-area-inset-bottom, 0px) + 38px) !important; }
  #top .pom-menu-overlay nav .pom-overlay-menu { gap: clamp(8px, 1.5vh, 18px) !important; }
  #top .pom-menu-overlay nav .pom-overlay-menu a { font-size: clamp(29px, 8vw, 48px) !important; line-height: 1.06 !important; overflow-wrap: normal; word-break: normal; }
  body.pom-menu-open { overflow: hidden !important; touch-action: none; }
  body.pom-menu-open .pom-menu-overlay { touch-action: pan-y; }
  /* Section labels belong below the fixed logo; avoid the earlier relative top offsets. */
  body.home #main .pom-section:not(.pom-home) .content { padding-top: 150px !important; }
  body.home #main .pom-approach .pom-kicker,
  body.home #main .pom-services .pom-kicker { top: auto !important; position: static !important; margin-bottom: 26px !important; }
  #top .pom-projects .pom-kicker,
  #top .pom-about .pom-kicker { position: relative; z-index: 1; margin-top: 0 !important; }
  #top .pom-projects .pom-work-action { position: static !important; justify-self: start !important; }
  #top .pom-projects .pom-work-summary { grid-template-columns: 24px minmax(0, 1fr) !important; }
  #top .pom-projects .pom-work-client,
  #top .pom-projects .pom-work-description { min-width: 0; }
  #top .pom-projects .pom-work-client-name { overflow-wrap: anywhere; }
  /* Preserve visual hierarchy while preventing over-wide mobile headlines. */
  body.home #main .pom-home h1 { font-size: clamp(44px, 11.6vw, 76px) !important; }
  #top .pom-section p { overflow-wrap: break-word; }
  /* About uses a dark text stage if image isn't yet applied; don't show an empty yellow portrait area. */
  #top .pom-about:not(.pom-about-background) { background: #101010 !important; }
  #top .pom-about.pom-about-background { background-size: 100% 100%, auto 56% !important; background-position: center, 70% top !important; }
  #top .pom-about.pom-about-background .pom-about-copy { padding-inline: 0 !important; }
  #top .pom-contact.pom-contact-prototype .pom-contact-stage { padding-top: 150px !important; }
  #top .pom-contact.pom-contact-prototype .pom-kicker { position: static !important; margin-bottom: 38px !important; }
  #top .pom-contact.pom-contact-prototype a.pom-contact-email { overflow-wrap: anywhere; }
}
@media (max-width: 380px) {
  #top .pom-brand { width: 122px !important; }
  #top .pom-menu-toggle { font-size: 10px !important; padding: 9px 10px !important; }
  #top .pom-menu-overlay nav .pom-overlay-menu a { font-size: clamp(27px, 7.7vw, 34px) !important; }
}


/* v3.6 — iPhone section labels and seamless About transition.
   Intentionally scoped to mobile; menu and desktop remain untouched. */
@media (max-width: 767px) {
  /* Reset older positional hacks and put section labels in normal flow.
     The actual Avia text block, not just the outer Enfold content,
     must clear the floating wordmark and menu control. */
  body.home #main .pom-approach .avia_textblock,
  body.home #main .pom-services .avia_textblock,
  body.home #main .pom-projects .avia_textblock {
    padding-top: max(0px, calc(148px - env(safe-area-inset-top, 0px))) !important;
    box-sizing: border-box;
  }
  body.home #main .pom-approach .pom-kicker,
  body.home #main .pom-services .pom-kicker,
  body.home #main .pom-projects .pom-kicker {
    position: static !important; top: auto !important;
    transform: none !important; margin-top: 0 !important;
    margin-bottom: clamp(24px, 5vw, 38px) !important;
  }
  /* About: retain the original photo but fade it into the yellow type
     stage instead of ending it on a visible horizontal edge. */
  #top .pom-about.pom-about-background {
    background-color: #eeff00 !important;
    background-image:
      linear-gradient(to bottom,
        rgba(238,255,0,0) 0%,
        rgba(238,255,0,0) 33%,
        rgba(238,255,0,.12) 42%,
        rgba(238,255,0,.58) 52%,
        #eeff00 65%,
        #eeff00 100%),
      var(--pom-about-photo) !important;
    background-size: 100% 100%, auto 64% !important;
    background-position: center top, 70% top !important;
    background-repeat: no-repeat !important;
  }
  body.home #main .pom-about.pom-about-background .avia_textblock {
    padding-top: 148px !important;
  }
  #top .pom-about.pom-about-background .pom-kicker {
    position: relative !important; top: auto !important;
    margin-bottom: clamp(260px, 79vw, 430px) !important;
  }
  #top .pom-about.pom-about-background .pom-about-layout {
    margin-top: 0 !important;
  }
  #top .pom-about.pom-about-background .pom-about-copy {
    background: transparent !important; color: #101010 !important;
    padding: 0 !important;
  }
  #top .pom-about.pom-about-background .pom-about-copy p {
    color: #101010 !important;
  }
}

/* v3.7 — mobile-only: keep About headline below portrait and Contact bottom dark. */
@media (max-width: 767px) {
  /* The iPhone bottom browser chrome may expose the page canvas after the last section. */
  html:has(body.home), body.home { background-color: #101010 !important; }
  #top .pom-contact.pom-contact-prototype,
  #top .pom-contact.pom-contact-prototype .container,
  #top .pom-contact.pom-contact-prototype .content,
  #top .pom-contact.pom-contact-prototype .avia_textblock {
    background-color: #101010 !important;
  }
  #top .pom-contact.pom-contact-prototype { min-height: 100dvh !important; }
  /* Give the full duotone portrait its own stage before the headline starts. */
  #top .pom-about.pom-about-background .pom-kicker {
    margin-bottom: clamp(365px, 112vw, 610px) !important;
  }
  #top .pom-about.pom-about-background {
    background-size: 100% 100%, auto 59% !important;
  }
}

/* v3.8 — Mobile About rebuilt as two genuine flow stages.
   The image stage is independent of the text's height and Safari UI. */
@media (max-width: 767px) {
  #top .pom-about.pom-about-background {
    background: #eeff00 !important;
    background-image: none !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  #top .pom-about.pom-about-background::before {
    content: "";
    display: block;
    position: relative;
    width: 100%;
    height: clamp(460px, 145vw, 790px);
    background-image:
      linear-gradient(to bottom, rgba(238,255,0,0) 0%, rgba(238,255,0,0) 68%, rgba(238,255,0,.45) 83%, #eeff00 100%),
      var(--pom-about-photo);
    background-position: center, 66% center;
    background-size: cover, cover;
    background-repeat: no-repeat;
    pointer-events: none;
  }
  body.home #main .pom-about.pom-about-background .content {
    padding-top: 0 !important;
    padding-bottom: clamp(64px, 12vw, 110px) !important;
  }
  body.home #main .pom-about.pom-about-background .avia_textblock {
    padding-top: 0 !important;
    margin-top: 0 !important;
  }
  #top .pom-about.pom-about-background .pom-kicker {
    position: absolute !important;
    top: 160px !important;
    left: max(24px, 7.5vw) !important;
    margin: 0 !important;
    z-index: 2;
  }
  #top .pom-about.pom-about-background .pom-about-layout {
    margin-top: 0 !important;
    padding-top: clamp(28px, 7vw, 54px) !important;
    padding-bottom: 0 !important;
    display: block !important;
  }
  #top .pom-about.pom-about-background .pom-about-copy {
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
  #top .pom-about.pom-about-background .pom-about-copy h2 {
    margin-top: 0 !important;
    margin-bottom: clamp(26px, 7vw, 42px) !important;
  }
}

/* v3.9 — iPhone: keep the About kicker anchored to the portrait stage,
   never to the flowing headline. Do not affect desktop or other sections. */
@media (max-width: 767px) {
  #top .pom-about.pom-about-background { position: relative !important; }
  #top .pom-about.pom-about-background .pom-kicker {
    display: none !important;
  }
  #top .pom-about.pom-about-background::after {
    content: "04 / ÜBER MICH";
    position: absolute;
    top: calc(env(safe-area-inset-top, 0px) + 160px);
    left: max(24px, 7.5vw);
    z-index: 3;
    color: #101010;
    font-family: Montserrat, Arial, Helvetica, sans-serif;
    font-size: clamp(13px, 3.4vw, 16px);
    font-weight: 800;
    letter-spacing: .17em;
    line-height: 1.4;
    pointer-events: none;
  }
}

/* v4.0: mobile About label in free portrait space above the face. */
@media (max-width: 767px) {
  #top .pom-about.pom-about-background::after {
    top: calc(env(safe-area-inset-top, 0px) + 64px) !important;
  }
}

/* v4.1 — About label 24px higher on mobile only. */
@media (max-width: 767px) {
  #top .pom-about.pom-about-background::after {
    top: calc(env(safe-area-inset-top, 0px) + 40px) !important;
  }
}


/* v4.2 — POMMERICH inquiry form: underline-only inputs and neon accents. */
#top .pom-contact .pom-inquiry{margin-top:clamp(90px,12vw,170px);max-width:1040px;padding-bottom:70px;color:#fff}
#top .pom-contact .pom-inquiry h3{color:#fff!important;font-size:clamp(42px,7vw,90px)!important;line-height:1.02!important;font-weight:800!important;letter-spacing:-.055em;margin:0 0 18px}
#top .pom-contact .pom-inquiry-lead{color:#ddd!important;font-size:clamp(16px,2vw,21px);margin:0 0 55px}
#top .pom-contact .pom-inquiry-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 32px}
#top .pom-contact .pom-inquiry-field label,#top .pom-contact .pom-inquiry-interests legend{display:block;color:#fff;font:800 12px/1.4 Montserrat,sans-serif;letter-spacing:.09em;margin-bottom:12px}
#top .pom-contact .pom-inquiry-field input,#top .pom-contact .pom-inquiry-field textarea{display:block;width:100%;height:auto;min-height:49px;margin:0;padding:9px 0 14px;background:transparent!important;border:0!important;border-bottom:2px solid #777!important;border-radius:0!important;box-shadow:none!important;outline:0!important;color:#fff!important;font:500 17px/1.5 Montserrat,sans-serif!important;transition:border-color .2s}
#top .pom-contact .pom-inquiry-field input::placeholder,#top .pom-contact .pom-inquiry-field textarea::placeholder{color:#aaa!important;opacity:1;font-weight:500}
#top .pom-contact .pom-inquiry-field input:focus,#top .pom-contact .pom-inquiry-field textarea:focus{border-bottom-color:#eeff00!important}
#top .pom-contact .pom-inquiry-interests{border:0;padding:0;margin:45px 0 42px;min-width:0}
#top .pom-contact .pom-inquiry-options{display:flex;flex-wrap:wrap;gap:15px 23px}
#top .pom-contact .pom-inquiry-option{position:relative;display:inline-flex;cursor:pointer;margin:0}
#top .pom-contact .pom-inquiry-option input{position:absolute;opacity:0;width:1px;height:1px}
#top .pom-contact .pom-inquiry-option span{color:#fff;font:700 16px/1.5 Montserrat,sans-serif;border-bottom:2px solid #777;padding:4px 0 8px;transition:color .2s,border-color .2s}
#top .pom-contact .pom-inquiry-option input:checked+span,#top .pom-contact .pom-inquiry-option input:focus-visible+span{color:#eeff00;border-bottom-color:#eeff00}
#top .pom-contact .pom-inquiry-message textarea{min-height:130px;resize:vertical}
#top .pom-contact .pom-inquiry-trap{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
#top .pom-contact .pom-inquiry-consent{display:flex;align-items:flex-start;gap:14px;margin:32px 0 30px;color:#ddd;font:500 13px/1.65 Montserrat,sans-serif;cursor:pointer}
#top .pom-contact .pom-inquiry-consent>input{position:absolute;opacity:0;width:1px;height:1px}
#top .pom-contact .pom-inquiry-check{flex:none;position:relative;width:25px;height:25px;border:2px solid #eeff00;background:transparent;margin-top:1px}
#top .pom-contact .pom-inquiry-consent>input:checked+.pom-inquiry-check{background:#eeff00}
#top .pom-contact .pom-inquiry-consent>input:checked+.pom-inquiry-check:after{content:' ';position:absolute;left:7px;top:2px;width:6px;height:12px;border:solid #101010;border-width:0 3px 3px 0;transform:rotate(45deg)}
#top .pom-contact .pom-inquiry-consent>input:focus-visible+.pom-inquiry-check{outline:2px solid #fff;outline-offset:4px}
#top .pom-contact .pom-inquiry-consent a{color:#fff!important;text-decoration:underline;text-decoration-color:#eeff00;text-underline-offset:3px}
#top .pom-contact .pom-inquiry-submit{display:inline-block;background:#eeff00!important;color:#101010!important;border:0!important;border-radius:0!important;padding:19px 28px!important;font:800 14px/1.3 Montserrat,sans-serif!important;cursor:pointer}
#top .pom-contact .pom-inquiry-submit:hover,#top .pom-contact .pom-inquiry-submit:focus-visible{background:#fff!important}
#top .pom-contact .pom-inquiry-feedback{color:#eeff00!important;font-weight:700;margin-bottom:25px}
@media(max-width:650px){#top .pom-contact .pom-inquiry{margin-top:90px;padding-bottom:55px}#top .pom-contact .pom-inquiry-grid{grid-template-columns:1fr;gap:28px}#top .pom-contact .pom-inquiry-lead{margin-bottom:36px}#top .pom-contact .pom-inquiry-interests{margin:35px 0}#top .pom-contact .pom-inquiry-option span{font-size:15px}}

/* v4.3: Datenschutz-Checkbox – lesbare weisse Beschriftung */
#top .pom-contact .pom-inquiry-consent,
#top .pom-contact .pom-inquiry-consent span:not(.pom-inquiry-check),
#top .pom-contact .pom-inquiry-consent a { color:#ffffff!important; opacity:1!important; }

/* v4.4: Datenschutzlink Hover/Fokus in POMMERICH Neongelb */
#top .pom-contact .pom-inquiry-consent a:hover,
#top .pom-contact .pom-inquiry-consent a:focus-visible { color:#eeff00!important; text-decoration-color:#eeff00!important; opacity:1!important; }

/* v4.5 — override the older global home contact-link hover rule. */
body.home #main .pom-contact .pom-inquiry-consent a,
body.home #main .pom-contact .pom-inquiry-consent a:link,
body.home #main .pom-contact .pom-inquiry-consent a:visited { color:#ffffff!important; text-decoration:underline!important; text-decoration-color:#eeff00!important; opacity:1!important; }
body.home #main .pom-contact .pom-inquiry-consent a:hover,
body.home #main .pom-contact .pom-inquiry-consent a:focus,
body.home #main .pom-contact .pom-inquiry-consent a:focus-visible { color:#eeff00!important; text-decoration-color:#eeff00!important; opacity:1!important; }

/* v4.7: inquiry shortcode can also be placed outside the contact section. */
#top .pom-inquiry{color:#fff} #top .pom-inquiry .pom-inquiry-field label{color:#fff} #top .pom-inquiry .pom-inquiry-field input,#top .pom-inquiry .pom-inquiry-field textarea{background:transparent!important;color:#fff!important;border:0!important;border-bottom:2px solid #777!important;border-radius:0!important;box-shadow:none!important;font:500 17px/1.5 Montserrat,sans-serif!important} #top .pom-inquiry .pom-inquiry-field input:focus,#top .pom-inquiry .pom-inquiry-field textarea:focus{border-bottom-color:#eeff00!important} #top .pom-inquiry .pom-inquiry-consent a:hover,#top .pom-inquiry .pom-inquiry-consent a:focus-visible{color:#eeff00!important}

/* v4.8 — Referenzbilder: Schwarzweiss zu Farbe beim Hover. */
@media (hover: hover) and (pointer: fine) {
  #top .pom-projects .pom-work-gallery .pom-work-figure img,
  #top .pom-projects .pom-work-gallery > img {
    filter: grayscale(100%);
    transform: scale(1);
    transition: filter .8s ease, transform .8s ease;
    will-change: filter, transform;
  }
  #top .pom-projects .pom-work-gallery .pom-work-figure:hover img,
  #top .pom-projects .pom-work-gallery .pom-work-figure:focus-within img,
  #top .pom-projects .pom-work-gallery > img:hover {
    filter: grayscale(0%);
    transform: scale(1.01);
  }
}
@media (hover: none), (pointer: coarse) {
  #top .pom-projects .pom-work-gallery img {filter: grayscale(0%);transform:none;}
}
@media (prefers-reduced-motion: reduce) {
  #top .pom-projects .pom-work-gallery img {transition:none!important;transform:none!important;}
}


/* v5.0 — Dedicated 404 page. Reuse HOME gradient and its exact animation. */
body.error404 #main { padding-top:0!important; }
body.error404 #main .container_wrap { border:0!important; }
body.error404 .pom-error-page {
  background-color:#eeff00;
  background-image:linear-gradient(115deg,#eeff00 0%,#dcfa13 22%,#c9f132 38%,#eeff00 55%,#e5ff42 76%,#d2f724 89%,#eeff00 100%);
  background-size:260% 260%;
  animation:pom-home-gradient 22s ease-in-out infinite alternate;
  min-height:100svh;
  color:#101010;
  display:flex;
  align-items:center;
  position:relative;
  isolation:isolate;
}
body.error404 .pom-error-inner {
  width:min(100% - 64px, 1440px);
  min-height:100svh;
  margin:0 auto;
  padding:clamp(135px,17vh,200px) 0 46px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:flex-start;
}
body.error404 .pom-error-kicker { font:800 13px/1.3 Montserrat,Arial,sans-serif; letter-spacing:.17em; margin:0 0 14px; }
body.error404 .pom-error-code { font:800 clamp(145px,28vw,430px)/.78 Montserrat,Arial,sans-serif; letter-spacing:-.105em; margin-left:-.065em; white-space:nowrap; animation:pom-error-reveal .85s cubic-bezier(.2,.75,.2,1) both; }
body.error404 .pom-error-page h1 { color:#101010!important; font:800 clamp(34px,6.1vw,96px)/.98 Montserrat,Arial,sans-serif!important; letter-spacing:-.065em!important; margin:26px 0 20px; text-transform:uppercase; }
body.error404 .pom-error-copy { color:#101010!important; font:500 clamp(16px,1.6vw,21px)/1.55 Montserrat,Arial,sans-serif; margin:0 0 34px; }
body.error404 .pom-error-back { display:inline-flex; gap:30px; align-items:center; background:#101010; color:#eeff00!important; padding:17px 24px; text-decoration:none!important; font:800 14px/1.3 Montserrat,Arial,sans-serif; letter-spacing:.02em; transition:transform .2s ease,background-color .2s ease; }
body.error404 .pom-error-back:hover,body.error404 .pom-error-back:focus-visible { transform:translateY(-3px); background:#222; }
body.error404 .pom-error-bottom { width:100%; display:flex; justify-content:space-between; gap:20px; border-top:1px solid #101010; padding-top:18px; margin-top:auto; font:700 11px/1.4 Montserrat,Arial,sans-serif; letter-spacing:.035em; }
body.error404 .pom-brand { z-index:100003; }
@keyframes pom-error-reveal { from { opacity:0; transform:translateX(-24px); } to { opacity:1; transform:translateX(0); } }
@media(max-width:767px) {
  body.error404 .pom-error-inner { width:calc(100% - 36px); padding:125px 0 30px; }
  body.error404 .pom-error-code { font-size:clamp(125px,32vw,260px); }
  body.error404 .pom-error-page h1 { font-size:clamp(30px,9vw,62px)!important; }
  body.error404 .pom-error-bottom { font-size:9px; }
}
@media(prefers-reduced-motion:reduce) {
  body.error404 .pom-error-page { animation:none!important; background-position:0% 50%; }
  body.error404 .pom-error-code { animation:none!important; }
  body.error404 .pom-error-back { transition:none!important; }
}

/* v5.1 — 404 only: suppress Enfold's duplicate header/wordmark while
   retaining the POMMERICH floating brand and overlay menu from wp_footer. */
body.error404 #header,
body.error404 #header_main,
body.error404 #header_meta { display:none!important; }
body.error404 #wrap_all { padding-top:0!important; }
body.error404 #main { padding-top:0!important; }
body.error404 .pom-error-code {
  font-size:clamp(130px,23vw,345px);
  line-height:.82;
}
body.error404 .pom-error-inner {
  padding-top:clamp(115px,13vh,155px);
  padding-bottom:30px;
}
body.error404 .pom-error-page h1 { margin-top:20px; }
body.error404 .pom-error-copy { margin-bottom:26px; }
body.error404 .pom-error-bottom { margin-top:clamp(32px,5vh,65px); }
@media(max-width:767px) {
  body.error404 .pom-error-code { font-size:clamp(115px,30vw,230px); }
  body.error404 .pom-error-inner { padding-top:115px; padding-bottom:24px; }
  body.error404 .pom-error-page h1 { margin-top:18px; }
  body.error404 .pom-error-bottom { margin-top:36px; }
}

/* v5.2: Avia text block output on 404 retains the existing full-bleed layout. */
body.error404 .pom-error-inner > .avia_textblock,
body.error404 .pom-error-inner > .avia_textblock > .avia_textblock,
body.error404 .pom-error-inner > .avia_textblock > .avia_textblock > .avia_textblock {
  width:100%; min-height:inherit; display:flex; flex-direction:column;
  justify-content:center; align-items:flex-start;
}
body.error404 .pom-error-inner > .avia_textblock { flex:1; }
body.error404 .pom-error-inner .pom-error-bottom { margin-top:clamp(32px,5vh,65px); }

/* v5.3 — Genuine 404: suppress Enfold footer widgets and socket, not wp_footer hooks. */
body.error404 #footer,
body.error404 #socket,
body.error404 #scroll-top-link {display:none!important;}
body.error404 #wrap_all {min-height:100svh;}
/* Keep the editable Avia text block in normal document flow: inherited min-height
   on nested wrappers previously pushed the giant 404 behind the fixed header. */
body.error404 .pom-error-page {min-height:100svh;align-items:stretch;}
body.error404 .pom-error-inner {min-height:100svh;height:auto;justify-content:flex-start;padding-top:clamp(150px,18vh,205px);padding-bottom:28px;}
body.error404 .pom-error-inner > .avia_textblock,
body.error404 .pom-error-inner > .avia_textblock > .avia_textblock,
body.error404 .pom-error-inner > .avia_textblock > .avia_textblock > .avia_textblock {min-height:0!important;flex:none!important;display:block!important;width:100%;}
body.error404 .pom-error-code {font-size:clamp(130px,22vw,320px);line-height:1;letter-spacing:-.105em;margin:0 0 10px -.065em;}
body.error404 .pom-error-page h1 {margin:10px 0 20px;}
body.error404 .pom-error-bottom {display:flex!important;justify-content:space-between!important;align-items:center;flex-wrap:wrap;column-gap:20px;row-gap:8px;width:100%;margin-top:clamp(36px,6vh,80px);}
@media(max-width:767px){body.error404 .pom-error-inner{padding-top:135px;padding-bottom:24px;}body.error404 .pom-error-code{font-size:clamp(110px,29vw,215px);}}

/* v5.6: Minimalistisches Plus/Kreuz ohne Rahmen; gleiche Form dreht sich um 45 Grad. */
#top .pom-menu-toggle,
#top .pom-menu-toggle:hover,
#top .pom-menu-toggle:focus,
#top .pom-menu-toggle:active,
#top .pom-menu-toggle.on-dark,
body.pom-menu-open #top .pom-menu-toggle {
  width: 88px !important;
  height: 88px !important;
  padding: 0 !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  line-height: 1 !important;
  cursor: pointer;
}
#top .pom-menu-symbol {
  position: relative;
  display: block;
  width: 68px;
  height: 68px;
  transform: rotate(0deg);
  transition: transform 250ms ease;
  color: #101010;
}
#top .pom-menu-symbol::before,
#top .pom-menu-symbol::after {
  content: '';
  position: absolute;
  display: block;
  background: currentColor;
  border-radius: 0;
}
#top .pom-menu-symbol::before { width: 68px; height: 7px; top: 30.5px; left: 0; }
#top .pom-menu-symbol::after { height: 68px; width: 7px; left: 30.5px; top: 0; }
#top .pom-menu-toggle.on-dark .pom-menu-symbol,
body.pom-menu-open #top .pom-menu-toggle .pom-menu-symbol { color: #fff; }
body.pom-menu-open #top .pom-menu-symbol { transform: rotate(45deg); }
#top .pom-menu-toggle:focus-visible { outline: 3px solid #eeff00 !important; outline-offset: 2px; }
@media (max-width: 767px) {
  #top .pom-menu-toggle,
  #top .pom-menu-toggle:hover,
  #top .pom-menu-toggle.on-dark,
  body.pom-menu-open #top .pom-menu-toggle {
    width: 68px !important;
    height: 68px !important;
    padding: 0 !important;
  }
  #top .pom-menu-symbol { width: 52px; height: 52px; }
  #top .pom-menu-symbol::before { width: 52px; height: 6px; top: 23px; }
  #top .pom-menu-symbol::after { height: 52px; width: 6px; left: 23px; }
}
@media (prefers-reduced-motion: reduce) {
  #top .pom-menu-symbol { transition: none; }
}

/* v5.7 — Extra-bold menu marks: thicker strokes, same footprint and rotation. */
#top .pom-menu-symbol::before { height: 14px; top: 27px; }
#top .pom-menu-symbol::after { width: 14px; left: 27px; }
@media (max-width: 767px) {
  #top .pom-menu-symbol::before { height: 11px; top: 20.5px; }
  #top .pom-menu-symbol::after { width: 11px; left: 20.5px; }
}

/* v5.8 — 1/3 smaller, extra-bold menu icon; explicit open-state cross. */
#top .pom-menu-toggle,
#top .pom-menu-toggle:hover,
#top .pom-menu-toggle:focus,
#top .pom-menu-toggle:active,
#top .pom-menu-toggle.on-dark,
body.pom-menu-open #top .pom-menu-toggle {
  width: 64px !important;
  height: 64px !important;
  z-index: 100010 !important;
}
#top .pom-menu-symbol {
  width: 46px !important;
  height: 46px !important;
  transform: none !important;
  color: #101010;
}
#top .pom-menu-symbol::before,
#top .pom-menu-symbol::after {
  width: 46px !important;
  height: 10px !important;
  left: 0 !important;
  top: 18px !important;
  transform-origin: center center;
  transition: transform 250ms ease;
  background: currentColor !important;
}
#top .pom-menu-symbol::after { transform: rotate(90deg); }
#top .pom-menu-toggle.is-open .pom-menu-symbol,
body.pom-menu-open #top .pom-menu-toggle .pom-menu-symbol {
  color: #fff !important;
  visibility: visible !important;
  opacity: 1 !important;
}
#top .pom-menu-toggle.is-open .pom-menu-symbol::before,
body.pom-menu-open #top .pom-menu-symbol::before { transform: rotate(45deg); }
#top .pom-menu-toggle.is-open .pom-menu-symbol::after,
body.pom-menu-open #top .pom-menu-symbol::after { transform: rotate(-45deg); }
@media(max-width:767px) {
  #top .pom-menu-toggle,
  #top .pom-menu-toggle:hover,
  #top .pom-menu-toggle.on-dark,
  body.pom-menu-open #top .pom-menu-toggle { width: 52px !important; height: 52px !important; }
  #top .pom-menu-symbol { width: 35px !important; height: 35px !important; }
  #top .pom-menu-symbol::before,
  #top .pom-menu-symbol::after { width: 35px !important; height: 8px !important; top: 13.5px !important; }
}
@media(prefers-reduced-motion:reduce) {
  #top .pom-menu-symbol::before,
  #top .pom-menu-symbol::after { transition: none; }
}

/* v5.9 — HOME: black lines draw left-to-right under the existing headline. */
body.home #main .pom-home h1.pom-underline-ready .pom-underline-line {
  position:relative; display:inline-block; max-width:100%; padding-bottom:.075em;
}
body.home #main .pom-home h1.pom-underline-ready .pom-underline-line::after {
  content:""; position:absolute; left:0; bottom:0; width:100%;
  height:clamp(5px,.075em,10px); background:#101010;
  transform:scaleX(0); transform-origin:left center;
}
body.home #main .pom-home h1.pom-underline-play .pom-underline-line::after {
  animation:pom-underline-draw 1.05s cubic-bezier(.22,1,.36,1) forwards;
}
body.home #main .pom-home h1.pom-underline-play .pom-underline-line:nth-of-type(2)::after {
  animation-delay:.42s;
}
@keyframes pom-underline-draw {to{transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){
  body.home #main .pom-home h1.pom-underline-ready .pom-underline-line::after {
    animation:none!important; transform:scaleX(1)!important;
  }
}

/* v5.10 — Desktop projects: clear the fixed wordmark without moving SELECTED WORK.
   The kicker is offset visually only; heading and project grid retain their positions. */
@media (min-width: 768px) {
  body.home #main .pom-projects .pom-kicker {
    position: relative !important;
    top: clamp(76px, 7vw, 104px) !important;
    margin-top: 0 !important;
  }
}

/* v5.15 — overlay navigation: neon letter-fill from left to right (350 ms).
   The actual link remains intact; a visual duplicate is clipped over it. */
#top .pom-menu-overlay nav .pom-overlay-menu a[data-pom-hover-text] {
  position: relative;
  isolation: isolate;
}
#top .pom-menu-overlay nav .pom-overlay-menu a[data-pom-hover-text]::after {
  content: attr(data-pom-hover-text);
  position: absolute;
  inset: 0;
  display: block;
  color: #eeff00;
  white-space: pre;
  pointer-events: none;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 450ms cubic-bezier(.22,1,.36,1);
}
@media (hover: hover) and (pointer: fine) {
  #top .pom-menu-overlay nav .pom-overlay-menu a[data-pom-hover-text]:hover::after {
    clip-path: inset(0 0 0 0);
  }
}
#top .pom-menu-overlay nav .pom-overlay-menu a[data-pom-hover-text]:focus-visible::after {
  clip-path: inset(0 0 0 0);
}
/* Active section is already neon; it needs no duplicate hover layer. */
#top .pom-menu-overlay nav .pom-overlay-menu a.is-current-section::after {
  opacity: 0;
}
@media (prefers-reduced-motion: reduce) {
  #top .pom-menu-overlay nav .pom-overlay-menu a[data-pom-hover-text]::after {
    transition: none;
  }
}

/* v5.19 – discreet regional context and network link in About. */
#top .pom-about .pom-about-regional { margin-top: clamp(22px, 3vw, 38px); max-width: 650px; }
#top .pom-about .pom-about-regional p { margin: 0 0 18px !important; font-size: clamp(15px, 1.15vw, 18px) !important; line-height: 1.6 !important; }
#top .pom-about .pom-about-network-link { display: inline-block; color: #101010 !important; font-weight: 800; font-size: 13px; letter-spacing: .07em; text-decoration: none; border-bottom: 2px solid currentColor; padding-bottom: 5px; transition: opacity .2s ease; }
#top .pom-about .pom-about-network-link:hover, #top .pom-about .pom-about-network-link:focus-visible { opacity: .65; }

/* v5.20 – breathing room after the BOLDfriends link, before next section. */
#top .pom-about .pom-about-regional { padding-bottom: clamp(48px, 6vw, 96px); }
#top .pom-about .pom-about-regional p + p { margin-top: clamp(20px, 2.4vw, 32px) !important; }
#top .pom-about .pom-about-network-link { margin-top: 4px; }

/* v5.22: keep generous inner spacing below the BOLDfriends link. */
body.home #main .pom-about.pom-about-background .content { padding-bottom: clamp(95px, 10vw, 160px) !important; }
#top .pom-about .pom-about-regional { padding-bottom: 0 !important; }
#top .pom-about .pom-about-network-link { margin-bottom: 0 !important; }
@media (max-width: 767px) { body.home #main .pom-about.pom-about-background .content { padding-bottom: 90px !important; } }

/* v5.23 – The original project logos in the existing three-column work list. */
#top .pom-projects .pom-work-spd .pom-work-logo {
  width: min(100%, 320px); max-width: 320px; max-height: 125px;
  object-fit: contain; object-position: left center;
}
#top .pom-projects .pom-work-zuckerstueck .pom-work-logo {
  width: min(100%, 245px); max-width: 245px; max-height: 160px;
  object-fit: contain; object-position: left center;
}
@media (max-width: 767px) {
  #top .pom-projects .pom-work-spd .pom-work-logo { max-width: 245px; }
  #top .pom-projects .pom-work-zuckerstueck .pom-work-logo { max-width: 205px; max-height: 145px; }
}
/* v5.23 – Actual space INSIDE the yellow About section, following the link.
   A flow pseudo-element grows the section rather than moving the Contact kicker. */
body.home #main .pom-about .pom-about-regional { padding-bottom: 0 !important; }
body.home #main .pom-about .pom-about-regional::after {
  content: ""; display: block; height: 88px; width: 100%; clear: both;
}
#top .pom-about .pom-about-network-link,
#top .pom-about .pom-about-network-link:hover,
#top .pom-about .pom-about-network-link:focus-visible {
  opacity: 1 !important; visibility: visible !important; color: #101010 !important;
}
@media (max-width: 767px) {
  body.home #main .pom-about .pom-about-regional::after { height: 72px; }
}

/* v5.24 – Network link must remain black on neon even on hover/focus.
   Override the earlier general About hover rule with matching specificity. */
body#top.home #main .pom-about a.pom-about-network-link,
body#top.home #main .pom-about a.pom-about-network-link:hover,
body#top.home #main .pom-about a.pom-about-network-link:focus-visible,
body#top.home #main .pom-about a.pom-about-network-link:visited {
  color: #101010 !important;
  -webkit-text-fill-color: #101010 !important;
  text-decoration-color: #101010 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body.home #main .pom-about a.pom-about-network-link:hover {
  border-bottom-color: #101010 !important;
}