/* Ausschließlich die gewählte Fotografie-Seite; die Vergleichsentwürfe bleiben erhalten. */
html:has(.full-page-study){scroll-padding-top:24px}
.full-page-study .site-header{position:relative;inset:auto;height:86px;gap:32px;background:#101014;border-bottom:1px solid #ffffff13}
.site-header .logo{width:auto;margin-right:auto}
.site-header .logo img{height:34px;width:auto;max-width:210px}
.site-header nav{gap:clamp(22px,3vw,44px);font-size:15px;font-weight:400;align-items:center;color:#c9c5ca}
.site-header nav a{white-space:nowrap;transition:color .2s}
.site-header nav a:hover{color:#fff}
.site-header nav .nav-contact{padding:10px 25px;border:1px solid #ad344440;border-radius:4px;background:linear-gradient(135deg,#721623,#4a131d);color:#fff}
.hero{height:clamp(540px,72svh,640px);min-height:0}
.hero-photo{left:auto;right:0;width:65%;height:100%;object-fit:cover;object-position:50% 22%}
.hero-wash{background:linear-gradient(90deg,#111114 5%,#111114 30%,#111114d4 45%,#11111445 60%,#11111400 76%),linear-gradient(0deg,#111114 0%,#11111430 24%,transparent 48%)}
.hero-copy{bottom:140px;width:49%;max-width:700px}
.hero-copy>.eyebrow{margin-bottom:24px}
.hero h1{font-size:clamp(64px,6.7vw,98px);line-height:1.02;letter-spacing:-.045em}
.hero-lead{font-size:18px;line-height:1.55;max-width:33ch;margin-top:23px;color:#d1cdd1}
.hero-action{margin-top:27px;padding:13px 22px;font-size:15px}
.hero-credit{bottom:25px;padding-top:16px;border-color:#ffffff24}
.introduction{padding-top:70px;padding-bottom:60px;gap:70px;align-items:center}
.introduction h2{font-size:clamp(37px,3.7vw,52px)}
.intro-copy p{font-size:16px;line-height:1.7}
.intro-copy p+p{margin-top:16px}
.gallery-columns{padding-bottom:60px;scroll-margin-top:24px}
.applications{padding-top:68px;padding-bottom:48px}
.application-panel{min-height:430px;align-items:center}
.application-visual{height:420px}
.process{padding-block:70px}
.full-page-study .process-intro{top:30px}
.process-steps li{padding-bottom:30px;margin-bottom:25px}
.process-steps p{max-width:52ch}
.faq{padding-block:70px}
@media(max-width:1100px){
 .site-header nav{gap:24px;font-size:14px}
 .site-header .logo img{height:30px}
 .hero-copy{width:53%}
 .hero h1{font-size:72px}
 .hero-lead{font-size:17px;max-width:31ch}
 .introduction{gap:45px}
 .application-visual{height:385px}
}
@media(max-width:800px){
 .full-page-study .site-header{height:80px;gap:22px}
 .site-header nav{gap:18px;font-size:13px}
 .site-header nav .nav-contact{padding:9px 15px}
 .site-header .logo img{height:27px}
 .hero h1{font-size:63px}
 .hero-copy{bottom:135px;width:58%}
 .hero-lead{font-size:16px;max-width:28ch}
 .hero-copy>.eyebrow{font-size:9px;letter-spacing:.09em}
 .hero-photo{width:68%;object-position:53% 22%}
 .introduction{padding-block:55px;gap:35px}
 .introduction h2{font-size:37px}
 .intro-copy p{font-size:15px}
 .applications{padding-block:55px 40px}
 .application-panel{min-height:410px}
 .application-visual{height:355px}
 .process,.faq{padding-block:60px}
}
@media(max-width:600px){
 .full-page-study .site-header{height:auto;min-height:80px;display:block;padding-block:20px 16px}
 .site-header .logo{display:block;width:max-content;margin-bottom:18px}
 .site-header nav{width:100%;gap:12px;justify-content:space-between;padding:0;font-size:12px}
 .site-header nav .nav-contact{padding:7px 12px}
 .hero{height:660px;min-height:0}
 .hero-photo{width:100%;object-position:55% 18%}
 .hero-wash{background:linear-gradient(0deg,#111114 0%,#111114eb 25%,#11111455 65%,#11111410 100%)}
 .hero-copy{width:calc(100% - 48px);bottom:145px}
 .hero h1{font-size:clamp(49px,12vw,68px)}
 .hero-lead{font-size:15px;max-width:33ch}
 .hero-copy>.eyebrow{margin-bottom:18px}
 .introduction{padding-block:50px 40px}
 .gallery-columns{padding-bottom:45px}
 .application-panel{min-height:0}
 .application-visual{height:335px}
 .process,.faq{padding-block:50px}
 .full-page-study .process-intro{position:static}
}