:root{--blue:#00528a;--ink:#281a39;--paper:#f7f7f7;--line:#cad5e5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:poppins,Arial,sans-serif}img{max-width:100%;height:auto;display:block}a{color:inherit}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #02a9df;outline-offset:5px}.skip{position:absolute;left:20px;top:-80px;z-index:50;background:white;padding:12px}.skip:focus{top:15px}header{background:var(--blue);color:white}.header-inner{max-width:1680px;margin:auto;padding:18px 40px;display:flex;align-items:center;gap:40px;min-height:160px}.brand{display:block;flex:0 0 230px}.brand img{width:230px;height:125px;object-fit:contain}.header-inner nav{display:flex;align-items:center;justify-content:space-between;gap:24px;flex:1}.header-inner nav a{text-decoration:none;font-size:clamp(15px,1.35vw,21px);line-height:1.4;white-space:nowrap}.header-inner nav a:hover,.header-inner nav a[aria-current]{color:#e8be75}.menu-toggle{display:none}.hero{width:100%;height:clamp(450px,58vw,850px);background:#111}.hero iframe{width:100%;height:100%;display:block;border:0}.page-hero{height:clamp(260px,42vw,650px);overflow:hidden}.page-hero img{width:100%;height:100%;object-fit:cover}.section{max-width:1400px;margin:auto;padding:70px 40px}/* Reading blocks share the section grid: never centre a narrower lower block. */
.reading{max-width:1400px;text-align:left}h1,h2,h3{font-weight:400;line-height:1.17;margin:0 0 32px;text-wrap:pretty}h1{font-size:clamp(36px,4.7vw,70px)}h2{font-size:clamp(30px,3.6vw,54px)}h3{font-size:32px}p{font-size:max(16pt,clamp(18px,1.55vw,24px));line-height:1.65;margin:0 0 24px;hyphens:none;overflow-wrap:break-word}p:last-child{margin-bottom:0}.lead{font-size:max(16pt,clamp(23px,2.6vw,38px));line-height:1.45;margin:0 0 40px}.split{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:64px;align-items:center}.split figure{margin:0}.split img{width:100%;object-fit:contain}.application-pictures{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-top:10px;padding-bottom:30px}.application-pictures img{width:100%;height:auto;aspect-ratio:1/1.15;object-fit:cover}.applications{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px 48px;padding-top:0}.applications article img{width:100%;aspect-ratio:3/2;object-fit:cover;margin-bottom:28px}.applications article h2{font-size:38px;margin-bottom:20px}.image-gallery{max-width:1320px;margin:0 auto 70px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0 40px}.image-gallery img{width:100%;height:300px;object-fit:contain}.contact-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:80px;align-items:start}.contact-layout figure{margin:0;position:sticky;top:30px}.contact-layout figure img{width:100%}form{display:grid;gap:22px;margin:40px 0 60px}label{font-size:17px;display:grid;gap:9px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:22px}input,textarea{display:block;width:100%;min-height:50px;border:1px solid #8e9db6;background:white;border-radius:0;padding:12px;color:var(--ink)}textarea{resize:vertical}.form-note{font-size:max(16pt,15px);color:#5c5367}.button{background:var(--blue);border:1px solid var(--blue);padding:16px 24px;color:white;cursor:pointer;justify-self:start}.button:hover{background:#083873}footer{background:var(--blue);color:white;margin-top:30px;padding:44px 40px 24px}.footer-inner{max-width:1500px;margin:auto;display:grid;grid-template-columns:240px 1fr 1.3fr 46px;gap:40px;align-items:center}address{font-style:normal;line-height:1.7;font-size:max(16pt,17px)}footer nav{display:grid;grid-template-columns:1fr 1fr;gap:14px 24px}footer nav a{font-size:15px;text-decoration:none}footer nav a:hover{text-decoration:underline}.back-top{border:1px solid white;border-radius:50%;width:46px;height:46px;text-align:center;text-decoration:none;font:30px/44px Arial,sans-serif;align-self:end}.copyright{font-size:max(16pt,13px);max-width:1500px;margin:28px auto 0;opacity:.85}
@media(max-width:1200px){.header-inner{gap:20px;padding:16px 28px;flex-wrap:wrap;min-height:120px}.brand{flex-basis:190px}.brand img{width:190px;height:100px}.menu-toggle{display:block;margin-left:auto;background:transparent;color:white;border:1px solid white;padding:11px 18px;min-height:46px;cursor:pointer}.header-inner nav{display:none;flex-basis:100%;padding:20px 0}.header-inner nav.open{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.header-inner nav a{font-size:17px;white-space:normal}.split{gap:36px}.section{padding:50px 28px}.contact-layout{gap:36px}.footer-inner{grid-template-columns:190px 1fr 46px}.footer-inner nav{grid-column:1/3}.back-top{grid-column:3;grid-row:2}.image-gallery{padding:0 28px}}
@media(max-width:750px){.header-inner{padding:10px 22px;min-height:100px}.brand{flex-basis:160px}.brand img{width:160px;height:85px}.header-inner nav.open{grid-template-columns:1fr 1fr}.hero{height:65svh;min-height:410px;max-height:650px}.section{padding:40px 22px}.split,.contact-layout{grid-template-columns:minmax(0,1fr);gap:30px}.split figure{max-width:650px;width:100%;margin:auto}.split>div{min-width:0}.applications{grid-template-columns:1fr;gap:42px}.applications article h2{font-size:32px}.application-pictures{gap:12px;padding-block:12px}.image-gallery{grid-template-columns:1fr 1fr;gap:20px;padding:0 22px}.image-gallery img{height:200px}.contact-layout figure{position:static}.form-row{grid-template-columns:1fr}.footer-inner{grid-template-columns:1fr 46px;gap:28px}.footer-inner>.brand{grid-column:1/-1}.footer-inner address{grid-column:1/-1}.footer-inner nav{grid-column:1;grid-row:auto;grid-template-columns:1fr;gap:12px}.back-top{grid-column:2;grid-row:auto}footer{padding:32px 22px 24px}h1{font-size:clamp(34px,7.5vw,52px)}h2{font-size:clamp(29px,6.5vw,42px)}p{font-size:max(16pt,18px)}.lead{font-size:max(16pt,24px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.content-video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#111}.contact-layout .content-video{object-fit:contain}

/* Stakeholder page: small reading text aligned to larger images. */
.stakeholder-page main p{font-size:max(16pt,16px);line-height:1.65;margin-bottom:18px}
.stakeholder-page main h1{font-size:clamp(28px,2.5vw,34px);line-height:1.25;margin-bottom:22px}
.stakeholder-page main h2{font-size:clamp(23px,2vw,28px);line-height:1.35;margin-bottom:22px}
.stakeholder-page .split{max-width:1560px;grid-template-columns:minmax(0,.7fr) minmax(0,1.6fr);gap:36px;align-items:start;padding-block:46px}
.stakeholder-page .reading{max-width:1560px;text-align:left}
.stakeholder-page .split h2{font-size:18px;line-height:1.55;font-weight:400}
.stakeholder-page .split>div,.stakeholder-page .split figure{margin:0;align-self:start}
.stakeholder-page .split figure{max-width:none;width:100%}
.stakeholder-page .split img{width:100%;height:auto;object-fit:contain}
@media(max-width:950px){.stakeholder-page .split{grid-template-columns:minmax(0,1fr);gap:24px}.stakeholder-page .section{padding-block:32px}}

/* Keep the transparent blue/red mark legible on dark brand surfaces. */
.brand img{height:auto;aspect-ratio:2170/725;object-fit:contain;filter:none}
/* Frame the white logo without the source image's wide outer margins. */
.brand{position:relative;overflow:hidden;aspect-ratio:3.2}
.brand img{position:absolute;left:-17.5%;top:50%;width:135%;max-width:none;height:auto;aspect-ratio:auto;transform:translateY(-50%)}

/* Home proportions follow the supplied Wix reference. */
.home-intro{display:grid;grid-template-columns:minmax(0,1fr) clamp(180px,21vw,240px);gap:32px;align-items:end}
.home-page main p{font-size:max(16pt,16px);line-height:1.67}
.home-page main .lead{font-size:max(16pt,clamp(24px,3.05vw,30px));line-height:1.35;margin-bottom:20px}
.home-page main h2{font-size:clamp(26px,3vw,34px);line-height:1.3}
.home-intro .neighbour-button{display:block;width:100%;align-self:end}
.home-intro .neighbour-button img{width:100%;height:auto}
/* Restore the original large-image treatment on the neighbourhood page. */
.neighbour-page main p{font-size:max(16pt,16px);line-height:1.67}
.neighbour-page main h2{font-size:clamp(25px,2.7vw,32px);line-height:1.35}
.neighbour-hero{position:relative;max-width:1560px;margin:auto}
.neighbour-hero>img{width:100%;height:auto;display:block}
.neighbour-hero-title{position:absolute;inset:0;display:flex;align-items:flex-start;padding:clamp(24px,5vw,70px);background:linear-gradient(180deg,rgba(0,0,0,.32),transparent 65%)}
.neighbour-hero h1{font-size:clamp(30px,4.5vw,56px);line-height:1.2;color:#fff;font-weight:700;max-width:850px;margin:0;text-shadow:0 2px 6px #0008}
.neighbour-page .reading{max-width:1400px}
.neighbour-panorama{max-width:1560px;margin:0 auto}
.neighbour-panorama img{display:block;width:100%;height:auto}
.neighbour-page .reading:has(+.reading){padding-bottom:0}
@media(max-width:650px){.home-intro{grid-template-columns:1fr;gap:24px}.home-intro .neighbour-button{width:180px;justify-self:end}.neighbour-hero-title{padding:22px}.neighbour-hero h1{font-size:clamp(24px,6vw,34px)}}

/* Neighbourhood headline: three lines within the left half. */
.neighbour-hero h1{width:50%;max-width:none;font-size:clamp(24px,3.6vw,48px)}
.neighbour-hero h1 span{display:block;white-space:nowrap}
@media(max-width:650px){.neighbour-hero h1{width:100%;font-size:clamp(22px,5.3vw,34px)}}

/* Matching frosted panels, scaled in proportion to the video logo panel. */
.brand{position:relative;overflow:hidden;aspect-ratio:auto;box-sizing:border-box;padding:9.85px 11.5px;border-radius:8.2px;background:rgba(235,238,242,.544);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.brand img{position:static;width:100%;max-width:100%;height:auto;aspect-ratio:2170/725;transform:none;margin:0;filter:none}

/* Reduce panel area by 20% while preserving the logo dimensions. */
.brand{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:isolate}
.brand::before{content:"";position:absolute;inset:10% 0;z-index:-1;border-radius:8.2px;background:rgba(235,238,242,.4352);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.brand img{filter:url("assets/logo-white-filter.svg#white-lettering")}

.brand{isolation:auto}.brand::before{z-index:0}.brand img{position:relative;z-index:1}

/* White header/footer wordmark with light-blue accents, without a grey panel. */
.brand::before{display:none}
.brand img{filter:url("assets/logo-accent-filters.svg#header-accent")}
.brand img{left:auto;top:auto}

.brand img{filter:none;aspect-ratio:2230/725}

.brand img{aspect-ratio:2170/725}

/* Keep all neighbourhood text on the same left edge as its image headline. */
.neighbour-page .reading{max-width:1560px;padding-inline:clamp(24px,5vw,70px)}
@media(max-width:650px){.neighbour-page .reading{padding-inline:22px}}

/* Neighbourhood page: measured Wix palette, gradients and image captions. */
.neighbour-page main{background:#d5dbe7;color:#281a39}
.neighbour-page .neighbour-hero,.neighbour-page .neighbour-panorama{max-width:none;width:100%;margin:0}
.neighbour-page .neighbour-hero{height:clamp(700px,105.56vw,1423px)}
.neighbour-page .neighbour-hero>img{width:100%;height:100%;object-fit:cover;object-position:center}
.neighbour-page .neighbour-hero-title{inset:27.34% 0 auto;padding:0 clamp(22px,4vw,64px);background:none}
.neighbour-page .neighbour-hero h1{font-weight:700;color:#fffffe;text-shadow:none}
.neighbour-page .reading{max-width:none;margin:0;padding:0 40px;text-align:left}
.neighbour-page .neighbour-copy{max-width:980px;margin-inline:auto}
.neighbour-page main p{font-size:max(16pt,24px);line-height:1.67;color:#281a39;margin:0}
.neighbour-page main h2{font-size:40px;line-height:1.35;font-weight:700;color:#2061b7;text-wrap:initial;margin:0 0 32px}
.neighbour-page .neighbour-intro{padding-block:41px 35px;background:linear-gradient(270deg,#3d9be9 0%,#d5dbe7 100%)}
.neighbour-page .neighbour-intro h2{margin-bottom:62px}
.neighbour-page .neighbour-panorama{position:relative;height:clamp(600px,85.015vw,1146px)}
.neighbour-page .neighbour-panorama>img{width:100%;height:100%;object-fit:cover;object-position:center}
.neighbour-page .neighbour-panorama figcaption{position:absolute;top:15px;left:0;right:0;padding:0 40px}
.neighbour-page .neighbour-panorama figcaption h2{color:#0f55b5;line-height:1.2}
.neighbour-page .neighbour-outro{padding-block:33px 114px;background:linear-gradient(90deg,#8193b7 0%,#d5dbe7 100%)}
.neighbour-page footer{margin-top:0}
@media(max-width:750px){
 .neighbour-page .reading,.neighbour-page .neighbour-panorama figcaption{padding-inline:22px}
 .neighbour-page .neighbour-hero{height:clamp(420px,105.56vw,700px)}
 .neighbour-page .neighbour-hero-title{padding-inline:22px}
 .neighbour-page main h2{font-size:clamp(24px,5.3vw,32px)}
 .neighbour-page main p{font-size:max(16pt,18px);line-height:1.67}
 .neighbour-page .neighbour-intro{padding-block:32px}
 .neighbour-page .neighbour-intro h2{margin-bottom:28px}
 .neighbour-page .neighbour-panorama{height:clamp(360px,85.015vw,600px)}
 .neighbour-page .neighbour-outro{padding-block:32px 50px}
}

/* Crop the upper half (sky) while keeping the lower scene at its original scale. */
.neighbour-page .neighbour-panorama{height:clamp(300px,42.5075vw,573px);overflow:hidden}
.neighbour-page .neighbour-panorama>img{position:absolute;bottom:0;left:0;width:100%;height:200%;object-fit:cover;object-position:center}
@media(max-width:750px){.neighbour-page .neighbour-panorama{height:clamp(180px,42.5075vw,300px)}}

/* Preserve the full source width; restore 20 percentage points of the upper image. */
.neighbour-page .neighbour-panorama{height:auto;aspect-ratio:1916 / 574.7;overflow:hidden}
.neighbour-page .neighbour-panorama>img{width:100%;height:auto;max-width:100%;object-fit:initial;bottom:0;left:0}

/* Applications: uncropped sky headline, compact intro and three examples per row. */
.applications-page .page-hero{position:relative;height:auto;overflow:hidden}
.applications-page .page-hero>img{width:100%;height:auto;object-fit:contain}
.applications-page .page-hero h1{position:absolute;top:clamp(24px,4vw,64px);left:clamp(22px,4vw,64px);margin:0;max-width:44%;color:#fff;font-size:clamp(28px,3.5vw,52px);line-height:1.18;font-weight:700;text-wrap:initial}
.applications-page .applications-intro p{font-size:max(16pt,18px);line-height:1.5;margin:0 0 6px}
.applications-page .applications-intro p:last-child{margin-bottom:0}
.applications-page .applications{grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 28px}
.applications-page .applications article h2{font-size:28px;margin-bottom:16px}
.applications-page .applications article p{font-size:max(16pt,18px);line-height:1.6}
@media(max-width:950px){.applications-page .applications{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
 .applications-page .page-hero h1{top:20px;left:22px;font-size:clamp(18px,4.2vw,28px);max-width:48%}
 .applications-page .applications{grid-template-columns:minmax(0,1fr);gap:36px}
}

/* Align the headline's visible top with the drone; match the supplied intro layout. */
.applications-page .page-hero h1{top:calc(10.8% - .2em);font-size:clamp(24px,3.1vw,46px);max-width:48%}
.applications-page .page-hero h1 span{display:block;white-space:nowrap}
.applications-page .applications-intro{padding-top:26px;padding-bottom:40px}
.applications-page .applications-intro h2{font-size:clamp(26px,2.65vw,36px);font-weight:700;line-height:1.25;margin:0 0 50px;text-wrap:initial}
.applications-page .applications-intro ul{margin:0;padding-left:38px;display:grid;gap:14px}
.applications-page .applications-intro li{font-size:max(16pt,clamp(18px,1.65vw,22px));line-height:1.4;padding-left:0}
@media(max-width:650px){
 .applications-page .page-hero h1{font-size:clamp(14px,3.6vw,24px);top:calc(10.8% - .2em)}
 .applications-page .applications-intro h2{font-size:26px;margin-bottom:28px}
 .applications-page .applications-intro ul{padding-left:24px;gap:12px}
}

/* The existing odour motif sits behind the copy rather than in a side column. */
.applications-page .odour-section{position:relative;isolation:isolate;overflow:hidden;background:#e8edf1 url("assets/odour-leaves-poster.jpg") center/cover no-repeat}
.applications-page .odour-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;pointer-events:none}
.applications-page .odour-section::before{content:"";position:absolute;inset:0;background:rgba(247,247,247,.35);z-index:-1}
.applications-page .odour-copy>div{max-width:1100px}
.applications-page .odour-copy p{font-size:max(16pt,18px);line-height:1.6;margin-bottom:18px}
.applications-page .odour-copy p:last-child{margin-bottom:0}
@media(prefers-reduced-motion:reduce){.applications-page .odour-background{display:none}}

/* Give the odour article clear separation from the application examples. */
.applications-page .applications+.odour-section{margin-top:80px}
@media(max-width:750px){.applications-page .applications+.odour-section{margin-top:40px}}

/* Technology follows the original Wix sequence, media scale and palette. */
.technology-page main{background:#f6f6f6;overflow:hidden}
.technology-page main p{font-size:max(16pt,24px);line-height:1.75;margin-bottom:24px}
.technology-page main h1,.technology-page main h2{font-weight:500;text-wrap:initial}
.technology-page .technology-hero{height:clamp(650px,83.46vw,1125px);position:relative;isolation:isolate}
.technology-hero>.content-video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;z-index:-1}
.technology-hero-headings{position:relative;max-width:1680px;margin:auto;padding:80px 40px}
.technology-page .technology-hero-headings h1,.technology-page .technology-hero-headings h2{font-size:clamp(36px,4.5vw,74px);line-height:1.25;color:#fafafa;text-shadow:1px 1px #c8c8c8,0 3px #a0a0a0,0 5px 10px #0008;margin:0 0 28px}
.technology-hero .technology-devices{position:absolute;bottom:-6px;left:0;width:62%;max-width:1035px;height:auto;object-fit:contain}
.technology-products{background:radial-gradient(circle at 94% 90%,#abb7cf 0%,transparent 40%),radial-gradient(circle at 31% 81%,#281a3978 0%,transparent 50%),radial-gradient(circle at 6% 11%,#8193b799 0%,transparent 70%),radial-gradient(circle at 94% 11%,#9fbbcf 0%,transparent 70%),#f6f6f6}
.technology-products .section{padding-block:100px}
.technology-page .technology-products p{font-size:max(16pt,clamp(22px,2.2vw,36px));line-height:1.75;margin:0}
.technology-products p:nth-child(5){margin-top:45px}
.technology-page .technology-hall{margin:0;width:100%}
.technology-hall img{width:100%;height:auto;display:block}
.technology-page .technology-hall-copy{padding-block:60px 100px}
.technology-page .technology-hall-copy h2{font-size:clamp(34px,4.2vw,70px);line-height:1.35;margin-bottom:50px}
.technology-pipe{position:relative}
.technology-pipe>img{width:100%;height:auto;min-height:550px;object-fit:cover}
.technology-pipe-titles{position:absolute;inset:0;max-width:1400px;width:100%;padding-top:40px}
.technology-page .technology-pipe-titles h2:first-child{font-size:clamp(34px,4.2vw,70px);color:#343c49}
.technology-page .technology-pipe-titles h2:last-child{font-size:clamp(28px,3vw,48px);color:#0a4493;max-width:394px;line-height:1.5;margin:120px 0 0 40%;text-shadow:1px 1px #c8c8c8,0 3px #a0a0a0,0 5px 10px #0005}
.technology-team{background:rgba(189,233,251,.8)}
.technology-page .technology-team h2{font-size:clamp(30px,3vw,48px);line-height:1.75;margin-bottom:32px}
.technology-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:100px;padding-bottom:40px}
.technology-gallery img{width:100%;height:335px;object-fit:cover}
.technology-page .technology-nature{max-width:1680px;padding-top:90px;padding-bottom:110px}
.technology-page .technology-nature>h2{font-size:clamp(38px,4.6vw,77px);line-height:1.2;margin-bottom:80px}
.technology-nature-row{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:40px;align-items:start;margin-bottom:70px}
.technology-page .technology-nature-row h2{font-size:32px;line-height:1.38;margin-bottom:40px}
.technology-nature-row figure{margin:0}
.technology-nature-row img{width:100%;height:auto;object-fit:contain}
.technology-page footer{margin-top:0}
@media(max-width:950px){
 .technology-page main p{font-size:max(16pt,20px);line-height:1.7}
 .technology-hero-headings{padding:55px 28px}
 .technology-page .technology-hero-headings h1,.technology-page .technology-hero-headings h2{font-size:clamp(32px,5vw,48px)}
 .technology-nature-row{grid-template-columns:minmax(0,1fr);gap:25px}
 .technology-nature-row figure{max-width:600px}
 .technology-gallery{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:60px}
 .technology-page .technology-products .section{padding-block:60px}
}
@media(max-width:650px){
 .technology-page main p{font-size:max(16pt,18px);line-height:1.65}
 .technology-page .technology-hero{height:650px}
 .technology-hero-headings{padding:40px 22px}
 .technology-hero .technology-devices{width:95%}
 .technology-page .technology-hero-headings h1,.technology-page .technology-hero-headings h2{font-size:32px}
 .technology-page .technology-products p{font-size:max(16pt,20px);line-height:1.65}
 .technology-page .technology-hall-copy{padding-block:40px 55px}
 .technology-page .technology-hall-copy h2{font-size:32px;margin-bottom:28px}
 .technology-pipe-titles{padding-top:28px}
 .technology-page .technology-pipe-titles h2:first-child{font-size:32px}
 .technology-page .technology-pipe-titles h2:last-child{font-size:26px;margin:100px 0 0 20%;max-width:75%}
 .technology-gallery{gap:12px;margin-top:40px;padding-bottom:0}
 .technology-gallery img{height:220px}
 .technology-page .technology-nature{padding-block:50px}
 .technology-page .technology-nature>h2{font-size:38px;margin-bottom:45px}
 .technology-page .technology-nature-row h2{font-size:26px;margin-bottom:26px}
}

/* Moving mist is anchored to the nozzles in the original photographs. */
.technology-page .technology-hall,.technology-page .technology-pipe{position:relative;isolation:isolate}
.spray-animation{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}
.technology-page .technology-pipe>img{min-height:0;object-fit:contain}
.technology-page .technology-pipe-titles{z-index:2}
.technology-page .technology-pipe-titles h2:last-child{position:absolute;left:44%;top:46%;transform:translate(-50%,-50%);width:25%;max-width:none;margin:0;text-align:center;font-size:clamp(18px,2.6vw,40px);line-height:1.3;text-shadow:none}
@media(max-width:650px){.technology-page .technology-pipe-titles h2:first-child{font-size:clamp(20px,5vw,32px)}.technology-page .technology-pipe-titles h2:last-child{font-size:clamp(12px,2.8vw,18px);width:29%}}
@media(prefers-reduced-motion:reduce){.spray-animation{display:none}}

/* Contact: Wix background video, white title, grey form and gradient hours. */
.contact-page .contact-hero{position:relative;isolation:isolate;background:#555;overflow:hidden}
.contact-hero>.content-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.contact-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0003,transparent 75%)}
.contact-page .contact-content{max-width:1400px;padding-top:66px;padding-bottom:64px}
.contact-page .contact-content h1{font-size:54px;line-height:1.25;font-weight:700;color:#fafafa;max-width:1000px;margin:0 0 50px;text-wrap:initial}
.contact-panel{width:500px;max-width:100%;background:#c3bfc7;padding:24px}
.contact-page #contact-form{margin:0;gap:20px}
.contact-page #contact-form label{font-size:16px;line-height:1.35;gap:9px}
.contact-page #contact-form input:not([type=checkbox]){min-height:40px;height:40px;padding:8px 10px;border-color:#8b809a;background:#f6f6f6;font-size:16px}
.contact-page #contact-form textarea{min-height:86px;height:86px;background:#f6f6f6;padding:8px 10px;border-color:#8b809a;font-size:16px}
.contact-page #contact-form .contact-consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.45}
.contact-page .contact-consent input{width:18px;height:18px;min-height:18px;flex:0 0 18px;margin:1px 0 0;accent-color:#281a39}
.contact-page #contact-form .form-note{font-size:max(16pt,12px);line-height:1.4;margin:0}
.contact-page #contact-form .button{background:#281a39;border-color:#281a39;min-height:44px;padding:10px 18px;font-size:16px}
.contact-hours{background:linear-gradient(90deg,#8193b7 0%,#d5dbe7 100%)}
.contact-hours-inner{max-width:980px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:76px 0 100px;min-height:357px}
.contact-page .contact-hours h2{font-size:38px;font-weight:400;line-height:1.5;margin:0}
.contact-hours dl{margin:8px 0 0;display:grid;gap:28px;font-size:max(16pt,16px);line-height:1.8}
.contact-hours dl>div{display:grid;grid-template-columns:1fr 1.2fr;gap:30px}
.contact-hours dd{margin:0}
.contact-page footer{margin-top:0}
@media(max-width:1100px){.contact-hours-inner{margin-inline:28px;padding-block:60px;min-height:300px}}
@media(max-width:750px){.contact-page .contact-content{padding:40px 22px}.contact-page .contact-content h1{font-size:clamp(30px,5.8vw,44px);margin-bottom:32px}.contact-hours-inner{margin-inline:22px;grid-template-columns:1fr;gap:24px;padding-block:40px;min-height:0}.contact-page .contact-hours h2{font-size:32px}.contact-panel{padding:22px}.contact-hours dl{gap:18px}}

.applications-page .odour-benefits{margin:0 0 24px;padding-left:24px;font-size:max(16pt,18px);line-height:1.6;display:grid;gap:12px;list-style:disc}

/* Home: original Wix layout, with the approved video and logo presentation retained. */
.home-page main{background:#f6f6f6}
.home-page .hero{height:clamp(500px,75vw,1010px)}
.home-page .home-wix-intro{max-width:1440px;grid-template-columns:minmax(0,980px) clamp(200px,22vw,300px);gap:48px;padding-block:52px 63px;align-items:end}
.home-page .home-wix-intro h1{font-size:clamp(42px,5.2vw,74px);font-weight:700;line-height:1.2;margin:0 0 48px;text-wrap:initial}
.home-page .home-wix-intro .lead{font-size:max(16pt,clamp(28px,3vw,42px));line-height:1.35;margin-bottom:21px}
.home-page .home-wix-intro p{font-size:max(16pt,24px);line-height:1.67}
.home-page .home-wix-intro .neighbour-button{width:100%;margin-bottom:16px}
.home-page .home-problem{color:#fff;background:radial-gradient(circle at 7.5% 64.16666666666667%, #8F8898 0%, 17.5%, rgba(143,136,152,0) 35%), radial-gradient(circle at 3.3333333333333335% 95.83333333333334%, #8F8898 0%, 17.5%, rgba(143,136,152,0) 35%), radial-gradient(circle at 94.35384114583333% 89.61588541666666%, #8F8898 0%, 58.692%, rgba(143,136,152,0) 73%), radial-gradient(circle at 4.166666666666666% 90.83333333333333%, rgba(40,26,57,0.99) 0%, 25%, rgba(40,26,57,0) 50%), radial-gradient(circle at 13.333333333333334% 19.166666666666668%, #8193B7 0%, 42%, rgba(129,147,183,0) 70%), radial-gradient(circle at 93.6865234375% 11.42578125%, #9FBBCF 0%, 42%, rgba(159,187,207,0) 70%), radial-gradient(circle at 48.9013671875% 49.521484375%, #F6F6F6 0%, 100%, rgba(246,246,246,0) 100%);padding-top:clamp(90px,15vw,225px);padding-bottom:80px}
.home-page .home-problem-copy{max-width:1440px;padding-top:0;padding-bottom:40px}
.home-page .home-problem-copy h2{color:#fff;text-align:center;font-size:clamp(40px,5vw,72px);font-weight:700;line-height:1.41;margin-bottom:40px}
.home-page .home-problem-copy p{font-size:max(16pt,24px);line-height:1.67;color:#fff}
.home-page .home-wix-pictures{max-width:1040px;grid-template-columns:repeat(3,minmax(0,1fr));gap:55px;padding-block:10px 65px}
.home-page .home-wix-pictures img{width:100%;height:auto;aspect-ratio:279/335;object-fit:cover}
.home-page .home-landscape{background:#8193b7 url("assets/index-4-0af5966f.webp") center/cover no-repeat}
.home-page .home-landscape-panels{max-width:1920px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;padding-block:180px 200px;align-items:start}
.home-landscape-panels article{padding:34px 40px 40px;background:rgba(246,246,246,.46);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);border-radius:30px}
.home-page .home-landscape h2{font-size:clamp(32px,3vw,54px);font-weight:700;line-height:1.25;color:#000;margin:0 0 44px}
.home-page .home-landscape p{font-size:max(16pt,clamp(20px,1.7vw,28px));line-height:1.59;color:#281a39}
.home-page footer{margin-top:0}
@media(max-width:1100px){.home-page .home-wix-intro{grid-template-columns:minmax(0,1fr) 200px;gap:30px}.home-page .home-wix-intro p{font-size:max(16pt,20px)}.home-page .home-landscape-panels{gap:28px;padding-block:100px}.home-landscape-panels article{padding:28px}}
@media(max-width:750px){
 .home-page .hero{height:65svh;min-height:410px;max-height:650px}
 .home-page .home-wix-intro{grid-template-columns:1fr;gap:24px;padding-block:40px}
 .home-page .home-wix-intro h1{font-size:clamp(34px,7vw,48px);margin-bottom:30px}
 .home-page .home-wix-intro .lead{font-size:max(16pt,26px)}
 .home-page .home-wix-intro p{font-size:max(16pt,18px)}
 .home-page .home-wix-intro .neighbour-button{width:180px;justify-self:end;margin:0}
 .home-page .home-problem{padding-block:60px 30px}
 .home-page .home-problem-copy h2{font-size:38px;text-align:left;margin-bottom:28px}
 .home-page .home-problem-copy p{font-size:max(16pt,18px)}
 .home-page .home-wix-pictures{gap:14px;padding-bottom:30px}
 .home-page .home-landscape-panels{grid-template-columns:1fr;gap:30px;padding-block:60px}
 .home-landscape-panels article{padding:24px;border-radius:24px}
 .home-page .home-landscape h2{font-size:32px;margin-bottom:28px}
 .home-page .home-landscape p{font-size:max(16pt,18px)}
}

/* Independent aircraft layer: gentle yaw and hovering above flowing spray. */
.applications-page .drone-scene{perspective:1100px;isolation:isolate}
.applications-page .drone-scene h1{font-size:calc(clamp(24px,3.1vw,46px) + 5pt);z-index:4}
.drone-aircraft{position:absolute;left:42.2%;top:10.2%;width:20.2%;aspect-ratio:2/1;z-index:3;transform-origin:50% 45%;animation:drone-hover 7s ease-in-out infinite;will-change:transform}
.drone-aircraft img{display:block;width:100%;height:100%;object-fit:fill}
.drone-mist{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2}
@keyframes drone-hover{0%,100%{transform:translateY(0) rotateY(-9deg) rotateZ(-1deg)}35%{transform:translateY(-5px) rotateY(5deg) rotateZ(.6deg)}70%{transform:translateY(3px) rotateY(10deg) rotateZ(1.1deg)}}
@media(max-width:650px){.applications-page .drone-scene h1{font-size:calc(clamp(14px,3.6vw,24px) + 5pt);max-width:90%}.drone-aircraft{left:72%;top:12%;width:23%}}
@media(prefers-reduced-motion:reduce){.drone-aircraft{animation:none;will-change:auto}.drone-mist{display:none}}

/* Garamond for running copy throughout the website; Poppins for headlines and UI. */
main{font-family:'EB Garamond',Garamond,Georgia,serif}
main h1,main h2,main h3,main h4,main h5,main h6,main form{font-family:poppins,Arial,sans-serif}
main form p,main .contact-consent span,footer address,footer .copyright{font-family:'EB Garamond',Garamond,Georgia,serif}

/* Garamond running copy never falls below 16 typographic points (21.333 CSS pixels). */
main{font-size:16pt}
main .contact-consent span{font-size:16pt}

/* Shared subheadline typography across every content page. */
main h2,main h3,main h4,main h5,main h6{
 font-family:'EB Garamond',Garamond,Georgia,serif!important;
 font-size:16pt!important;
 font-weight:700!important;
 line-height:1.35;
}

/* One landscape article; headline at 3 seconds, text and mask at 5 seconds. */
.home-page .home-landscape-panels{display:block;max-width:1440px;padding-block:100px 120px}
.home-page .home-landscape-panels>article{padding:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;border-radius:0;height:auto}
.home-page .home-landscape-article>h2{margin:0 0 32px;transition:opacity .8s ease,transform .8s ease}
.home-page .home-landscape-copy{padding:34px 40px 40px;background:rgba(246,246,246,.46);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border-radius:30px;transition:opacity .8s ease,transform .8s ease}
.home-page .home-landscape-copy p:last-child{margin-bottom:0}
.home-landscape-panels.is-staged:not(.headline-visible) .home-landscape-article>h2,
.home-landscape-panels.is-staged:not(.copy-visible) .home-landscape-copy{opacity:0;transform:translateY(16px)}
@media(max-width:750px){.home-page .home-landscape-panels{padding-block:60px}.home-page .home-landscape-copy{padding:24px;border-radius:24px}}
@media(prefers-reduced-motion:reduce){.home-page .home-landscape-article>h2,.home-page .home-landscape-copy{transition:none;transform:none}}

/* Centred white main headline in open sky; normal white body copy. */
.home-page .home-landscape-article>h2{
 font-family:poppins,Arial,sans-serif!important;
 font-size:clamp(32px,4vw,56px)!important;
 font-weight:700!important;
 line-height:1.2;color:#fff;margin-bottom:120px;
 text-align:center;text-wrap:balance;
}
.home-page .home-landscape-copy{background:rgba(55,61,70,.325)}
.home-page .home-landscape-copy p{color:#fff;font-weight:400}
@media(max-width:750px){.home-page .home-landscape-article>h2{font-size:clamp(30px,7vw,42px)!important;margin-bottom:75px}}

/* Navy/red logo on a white panel in header and footer. */
.brand{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none}
.brand::before{display:none}
.brand img{filter:none}

/* Fit the home video below the actual header on laptop and small screens. */
.home-page .hero{height:max(0px,min(56.25vw,calc(100svh - var(--home-header-height,160px))));min-height:0;max-height:calc(100svh - var(--home-header-height,160px))}
@media(max-width:1200px){.home-page{--home-header-height:120px}}
@media(max-width:750px){.home-page{--home-header-height:100px}}

/* Opening subheadline matches the responsive body-copy size and remains bold. */
.home-page .home-wix-intro{--intro-copy-size:max(16pt,24px)}
.home-page .home-wix-intro .lead{font-family:'EB Garamond',Garamond,Georgia,serif!important;font-size:var(--intro-copy-size)!important;font-weight:700!important;line-height:1.35}
@media(max-width:1100px){.home-page .home-wix-intro{--intro-copy-size:max(16pt,20px)}}
@media(max-width:750px){.home-page .home-wix-intro{--intro-copy-size:max(16pt,18px)}}

/* Geruchsproblem? Gelöst! is a full headline, independent of subheadline rules. */
.home-page .home-problem-copy .section-headline{font-family:poppins,Arial,sans-serif!important;font-size:clamp(40px,5vw,72px)!important;font-weight:700!important}
@media(max-width:750px){.home-page .home-problem-copy .section-headline{font-size:38px!important}}

/* Both opening statements form one two-line technology headline. */
.technology-page .technology-hero-headings .technology-two-line-headline{font-family:poppins,Arial,sans-serif;font-size:clamp(14px,4.5vw,74px);line-height:1.25}
.technology-two-line-headline span{display:block;white-space:nowrap}

/* Full technology section headlines: 42 typographic points, black Poppins. */
.technology-page .technology-hall-copy h2,
.technology-page .technology-pipe-titles h2{font-family:poppins,Arial,sans-serif!important;font-size:42pt!important;font-weight:700!important;color:#000!important;line-height:1.2;text-shadow:none}
.technology-page .technology-pipe-titles h2:last-child{width:48%;left:52%;max-width:650px}
@media(max-width:650px){.technology-page .technology-pipe-titles h2:last-child{width:86%;left:50%}}

/* Spray-cone subheadline. */
.technology-page .technology-pipe-titles h2:last-child{font-family:'EB Garamond',Garamond,Georgia,serif!important;font-size:16pt!important;font-weight:700!important;color:#000!important;line-height:1.35;text-shadow:none}

/* Section headlines, distinct from 16pt subheadlines. */
main h2.section-headline-42{font-family:poppins,Arial,sans-serif!important;font-size:42pt!important;font-weight:700!important;color:#000!important;line-height:1.2;overflow-wrap:anywhere;hyphens:auto}

/* Home 2: neighbourhood headlines. */
main h2.neighbourhood-headline{font-family:poppins,Arial,sans-serif!important;font-size:42pt!important;font-weight:700!important;color:#003b64!important;line-height:1.2;overflow-wrap:anywhere;hyphens:auto}