:root{--ink:#071a2b;--panel:#0d2a3d;--teal:#38c7c9;--gold:#e8b35c;--paper:#f5f3ed;--white:#fff;--muted:#aebbc4;--line:rgba(255,255,255,.14)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin-top:0}h1,h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;line-height:1.06}h1{font-size:clamp(3.1rem,8vw,7.4rem);max-width:880px;letter-spacing:-.045em;margin-bottom:28px}h2{font-size:clamp(2.2rem,5vw,4.6rem);letter-spacing:-.03em;margin-bottom:24px}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;padding:28px clamp(22px,5vw,76px);gap:38px;border-bottom:1px solid rgba(255,255,255,.18)}.brand{font-weight:800;letter-spacing:.12em;font-size:1.2rem}.brand span{color:var(--teal)}nav{display:flex;gap:28px;margin-left:auto}nav a{color:#dce7eb;font-size:.92rem}.header-cta{border:1px solid rgba(255,255,255,.45);padding:10px 18px;border-radius:999px}.menu{display:none}.hero{min-height:900px;position:relative;display:grid;align-items:end;overflow:hidden}.hero-bg{position:absolute;inset:0;background:url('assets/aeroshot-hero.png') center/cover no-repeat;transform:scale(1.01)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,17,28,.94) 0%,rgba(4,17,28,.72) 43%,rgba(4,17,28,.08) 82%),linear-gradient(0deg,rgba(4,17,28,.92),transparent 45%)}.hero-content{position:relative;z-index:1;padding:190px clamp(22px,7vw,110px) 78px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.76rem;color:var(--teal);font-weight:800}.lead{font-size:clamp(1.05rem,2vw,1.35rem);max-width:720px;color:#dae4e8}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:38px 0}.button{display:inline-flex;justify-content:center;align-items:center;padding:14px 22px;border-radius:999px;font-weight:750}.primary{background:var(--teal);color:#041a22}.ghost{border:1px solid rgba(255,255,255,.45)}.trust{list-style:none;padding:0;margin:54px 0 0;display:flex;gap:28px;flex-wrap:wrap;color:#d5e0e4;font-size:.9rem}.trust li:before{content:"✓";color:var(--teal);margin-right:8px}.section{padding:110px clamp(22px,7vw,110px)}.intro{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.8fr 2fr;gap:30px}.intro h2,.intro>p:last-child{grid-column:2}.intro>p:last-child{max-width:780px;font-size:1.2rem;color:#43505a}.section-heading{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end;margin-bottom:56px}.section-heading>p{color:var(--muted);max-width:470px}.cards{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.cards article{min-height:300px;padding:34px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.04),transparent)}.cards span{font-size:.75rem;color:var(--teal)}.cards h3{font-size:1.45rem;margin-top:55px}.cards p{color:var(--muted)}.split{background:var(--panel);display:grid;grid-template-columns:1fr 1fr;gap:80px}.steps{list-style:none;margin:0;padding:0}.steps li{display:flex;gap:26px;padding:26px 0;border-bottom:1px solid var(--line)}.steps b{color:var(--teal)}.steps h3{margin-bottom:5px}.steps p{color:var(--muted);margin:0}.equipment{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:var(--gold);color:#18212a}.equipment>p{font-size:1.18rem;align-self:end}.faq{margin-top:50px;max-width:980px}.faq details{border-top:1px solid var(--line);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-size:1.15rem;font-weight:700;list-style:none;display:flex;justify-content:space-between}summary:after{content:"+";color:var(--teal);font-size:1.5rem}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);max-width:760px;padding-top:16px}.contact{padding:110px clamp(22px,7vw,110px);display:grid;grid-template-columns:1.3fr .7fr;gap:50px;background:#06131f}.contact h2{max-width:800px}.contact-actions{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:16px}.contact-actions>a:not(.button){border-bottom:1px solid rgba(255,255,255,.3)}footer{padding:38px clamp(22px,7vw,110px);display:grid;grid-template-columns:auto 1fr auto;gap:35px;align-items:center;border-top:1px solid var(--line);color:var(--muted)}footer div{display:flex;gap:20px}.legal{max-width:900px;margin:auto;padding:150px 24px 90px}.legal h1{font-size:clamp(2.7rem,6vw,5rem)}.legal h2{font-size:2rem;margin-top:55px}.legal .notice{background:#fff1c9;color:#4a3710;padding:20px;border-left:5px solid var(--gold);border-radius:4px}.legal a{color:var(--teal)}
@media(max-width:850px){.site-header{position:absolute}.menu{display:block;margin-left:auto;background:none;border:1px solid #ffffff55;color:#fff;padding:8px 13px;border-radius:999px}.site-header nav{display:none;position:absolute;top:82px;left:20px;right:20px;background:#071a2bf2;padding:22px;flex-direction:column}.site-header nav.open{display:flex}.header-cta{display:none}.hero{min-height:760px}.hero-content{padding-top:150px}.intro,.section-heading,.split,.equipment,.contact{grid-template-columns:1fr}.intro h2,.intro>p:last-child{grid-column:1}.cards{grid-template-columns:1fr}.cards article{min-height:230px}.section,.contact{padding-top:78px;padding-bottom:78px}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* AEROSHOT project photography and compact service layout */
.hero-bg{background-image:url('assets/field.jpg');background-position:center}
.cards article{min-height:210px;padding:28px}
.cards h3{font-size:1.35rem;margin:10px 0 12px}
.cards p{margin-bottom:0}
.work{display:grid;grid-template-columns:repeat(12,1fr);background:var(--paper);color:var(--ink)}
.work-copy{padding:90px clamp(22px,7vw,110px);align-self:center}
.work-copy p:last-child{color:#4f5d68;max-width:600px}
.work figure{margin:0;position:relative;overflow:hidden;min-height:420px}
.work-copy{grid-column:1 / span 6}
.work-main{grid-column:7 / span 6;grid-row:1 / span 2}
.work-landmark{grid-column:1 / span 6}
.work-wide{grid-column:1 / span 7}
.work-house{grid-column:8 / span 5}
.work-wide + .work-house{min-height:360px}
.work img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.work figure:hover img{transform:scale(1.025)}
.work figcaption{position:absolute;left:22px;bottom:20px;background:#071a2bd9;color:#fff;padding:10px 14px;font-size:.86rem}
@media(max-width:850px){.cards article{min-height:0}.work{grid-template-columns:1fr}.work-copy,.work-main,.work-landmark,.work-wide,.work-house{grid-column:1;grid-row:auto}.work figure{min-height:340px}}

/* Customer review: clearer hierarchy, accessible controls and mobile spacing. */
.hero{min-height:760px}
.hero-shade{background:linear-gradient(90deg,rgba(4,17,28,.88),rgba(4,17,28,.64) 60%,rgba(4,17,28,.30)),linear-gradient(0deg,rgba(4,17,28,.88),transparent 65%)}
.hero h1{font-size:clamp(2.9rem,6.7vw,6.4rem);max-width:960px}
.section,.contact{padding-top:84px;padding-bottom:84px}
.intro .eyebrow,.work-copy .eyebrow{color:#126568}
.equipment .eyebrow{color:#254751}
.section-heading{margin-bottom:34px}
.cards article{padding:26px;min-height:205px}
.cards article:hover{background-color:#102b3d}
.work-copy{padding-top:64px;padding-bottom:64px}
.work-landmark img{object-position:64% center}
.contact-note{color:var(--muted);font-size:.94rem}
.contact-actions{gap:18px}
a,button,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.legal a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.legal h1{overflow-wrap:anywhere}
.legal p,.legal li{color:#d5e0e4}
.legal .notice{color:#4a3710}
.legal-nav{display:flex;gap:24px;flex-wrap:wrap;margin-top:45px;padding-top:22px;border-top:1px solid var(--line)}
.skip-link{position:absolute;top:12px;left:20px;z-index:100;background:var(--paper);color:var(--ink);padding:12px 20px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
nav a:hover,footer a:hover{color:var(--teal)}
section[id]{scroll-margin-top:24px}
@media(max-width:1100px){.site-header{gap:22px}nav{gap:18px}.header-cta{font-size:.88rem}}
@media(max-width:850px){.hero{min-height:0}.hero-content{padding:150px 24px 56px}.hero h1{font-size:clamp(2.6rem,9vw,4.5rem)}.trust{gap:14px;margin-top:30px}.section,.contact{padding-top:56px;padding-bottom:56px}.split,.equipment{gap:28px}.intro{gap:8px}.work-copy{padding-top:52px;padding-bottom:36px}.work figure{min-height:300px}.contact-actions{align-items:stretch}.contact-actions>a:not(.button){align-self:flex-start}.legal{padding-top:120px}.site-header nav{z-index:20;box-shadow:0 16px 32px #0005}.site-header nav a{padding:8px 0}footer div a{padding:8px 0}}
@media(prefers-reduced-motion:reduce){.work img{transition:none}.work figure:hover img{transform:none}}

/* Ruhrgebiet landmark: mirror only the photograph, keeping typography untouched. */
.hero-bg{background-image:url('assets/tetraeder-wide.jpg');background-position:center 62%;transform:scaleX(-1)}
.hero-shade{background:linear-gradient(90deg,rgba(4,17,28,.93),rgba(4,17,28,.74) 43%,rgba(4,17,28,.12) 72%),linear-gradient(0deg,rgba(4,17,28,.9),transparent 48%)}
.hero h1{max-width:64%;font-size:clamp(3rem,5.5vw,5.6rem)}
.hero .lead{max-width:56%}
.hero-content{min-width:0;width:100%}
@media(max-width:850px){.hero-bg{height:390px;top:65px;background-position:28% 68%}.hero-shade{background:linear-gradient(0deg,#071a2b 0%,#071a2b 48%,rgba(7,26,43,.05) 83%,rgba(7,26,43,.55) 100%)}.hero-content{padding-top:350px}.hero h1{max-width:100%;font-size:clamp(2.6rem,7.5vw,4.5rem)}.hero .lead{max-width:100%}}
@media(max-width:480px){.hero h1{font-size:clamp(2rem,8.5vw,2.55rem);overflow-wrap:break-word}.hero .lead{font-size:1.05rem}}