@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap');:root{font-family:Montserrat,Arial,sans-serif;color:#f9fbfd;background:#050c11;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:800;line-height:1.06}p{line-height:1.55}.header{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;background:#050b10e8;z-index:20;position:sticky;top:0;border-bottom:1px solid #ffffff23}.brand{display:flex;gap:18px;align-items:center;font-size:16px;letter-spacing:.26em;white-space:nowrap}.brand img{width:51px;height:36px;object-fit:contain}.brand small{display:block;font-size:7px;letter-spacing:.18em;margin-top:5px}.header nav{display:flex;gap:40px;align-items:center}.header nav a{font-size:12px;letter-spacing:.16em;font-weight:700;padding:30px 0}.header nav a:hover,.header nav a:focus{color:#a8d1f6}.menu{display:none;border:0;color:white;background:none;letter-spacing:.17em}.kicker{font-size:12px;letter-spacing:.24em;font-weight:600}.hero{height:590px;position:relative;overflow:hidden}.hero-img{width:100%;height:100%;object-fit:cover;object-position:center 43%;position:absolute}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#02070cef 0%,#02070cba 33%,#02070c15 65%),linear-gradient(0deg,#02070c88,transparent 25%)}.hero-content{position:relative;padding:120px 6%;max-width:800px}.hero h1{font-size:clamp(48px,5vw,82px);letter-spacing:-.055em;margin:17px 0 15px}.hero-content>p:not(.kicker){font-size:17px}.buttons{display:flex;gap:14px;margin-top:25px}.btn{display:inline-block;padding:15px 23px;border:1px solid #ffffffbd;font-size:11px;letter-spacing:.09em;font-weight:800;text-align:center;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}.btn:hover,.btn:focus-visible{box-shadow:0 0 18px #a8d1f622;border-color:#fff}.btn.white:hover,.btn.white:focus-visible{background:#e7f0f6}.btn.outline:hover,.btn.outline:focus-visible{background:#ffffff15}.btn:active{box-shadow:inset 0 0 0 100px #a8d1f618}.btn.white{background:#fff;color:#061018}.btn.outline{background:#050b1066;color:#fff}.stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:0;border-bottom:0;padding:20px 5%;background:#061118}.stats div{display:grid;gap:5px;justify-items:center;text-align:center;border-right:1px solid #ffffff35}.stats div:last-child{border:0}.stats strong{font-size:clamp(27px,3.2vw,47px);letter-spacing:-.045em}.stats small{font-size:10px;letter-spacing:.14em;line-height:1.6}.featured{position:relative;min-height:430px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid #ffffff40}.featured>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.68)}.featured:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02080af2,#02080aaa 40%,transparent 85%)}.featured>div:not(.featured-motion-photo){position:relative;z-index:1;padding:45px 6%;max-width:560px}.featured h2{font-size:clamp(43px,4.7vw,72px);margin:13px 0}.featured h3{font-size:23px;letter-spacing:.02em}.featured p:not(.kicker){font-size:14px;max-width:430px}.feature-services{display:flex;gap:20px;margin:22px 0;font-size:12px;font-weight:700}.feature-services small{display:block;font-size:10px;font-weight:400;margin-top:4px}.work-section,.skills{padding:40px 5% 55px;border-bottom:1px solid #ffffff2d}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:17px}.section-title h2,.skills h2{font-size:25px;margin:0}.section-title a{font-size:10px;letter-spacing:.13em}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.card{height:245px;position:relative;overflow:hidden;border:1px solid #ffffff30;background:#111b24}.card:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#02070de8)}.card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.card:hover img{transform:scale(1.05)}.card>span{position:absolute;z-index:1;left:17px;bottom:16px;display:grid;gap:5px}.card strong{font-size:16px}.card small{font-size:11px}.card>b{position:absolute;z-index:1;right:15px;bottom:16px;font-size:24px;font-weight:400}.skill-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:26px}.skill-grid>div{padding-right:18px;border-right:1px solid #ffffff28}.skill-grid>div:last-child{border:0}.skill-grid h3{font-size:12px;letter-spacing:.05em}.skill-grid p{font-size:12px;line-height:1.85;color:#d6e1e9}.about-tease{display:grid;grid-template-columns:1fr 1fr;gap:25px;padding:15px 5%;align-items:center}.about-tease img{width:100%;height:265px;object-fit:cover;object-position:top}.about-tease h2{font-size:clamp(27px,3vw,42px);margin:12px 0}.about-tease p:not(.kicker){font-size:13px;max-width:530px}.contact-banner{min-height:210px;background:linear-gradient(90deg,#041018e8,transparent),url('/assets/bottom-banner-v8.webp') center/cover;display:flex;justify-content:space-between;align-items:center;padding:25px 5%}.contact-banner h2{font-size:clamp(32px,3.3vw,52px);margin:8px 0}.contact-banner>div:last-child{display:flex;gap:15px}footer{padding:22px 5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:.14em;color:#c8d5dc}.work-page{padding:0 4% 75px}.work-intro{min-height:310px;padding:65px 3% 30px;background:linear-gradient(90deg,#051019ee,#05101977),url('/assets/andrew-hero.webp') right 44%/cover}.work-intro h1{font-size:clamp(43px,5vw,75px);margin:12px 0}.work-intro em,.contact-page em{color:#a7cdf4;font-style:normal}.work-intro>p:last-child{max-width:540px;font-size:15px}.filters{display:flex;gap:12px;padding:18px 0;flex-wrap:wrap;border-bottom:1px solid #ffffff33;margin-bottom:16px}.filters button{background:none;border:0;color:white;padding:11px 14px;font-size:11px;letter-spacing:.14em}.filters button.active{background:#fff;color:#07111a}.work-cards .card{height:300px}.detail-hero{height:530px;position:relative}.detail-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.detail-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#02080ded 0%,#02080d9e 38%,#02080d10 80%)}.detail-hero-copy{position:relative;z-index:1;padding:40px 5%;max-width:690px}.detail-hero-copy>a:first-child{font-size:11px;letter-spacing:.14em}.detail-hero-copy .kicker{margin-top:40px;color:#b3d3f1}.detail-hero h1{font-size:clamp(47px,5vw,76px);letter-spacing:-.045em;margin:10px 0}.detail-hero-copy>p:not(.kicker){font-size:17px}.detail-stats{display:flex;gap:35px;margin:25px 0}.detail-stats span{display:grid;gap:4px;padding-right:30px;border-right:1px solid #ffffff3b}.detail-stats strong{font-size:24px}.detail-stats small{font-size:10px;letter-spacing:.14em}.detail-nav{display:flex;gap:35px;padding:17px 5%;border-top:1px solid #ffffff35;border-bottom:1px solid #ffffff35}.detail-nav a{font-size:11px;letter-spacing:.14em}.detail-content{padding:60px 5%;display:grid;grid-template-columns:1fr 1fr;gap:50px}.detail-content section{scroll-margin-top:110px}.detail-content h2{font-size:37px}.detail-content h3{font-size:21px}.detail-content p:not(.kicker){font-size:16px;line-height:1.7;color:#d2dce4}.detail-visual{margin-top:30px;height:250px}.detail-visual img{width:100%;height:100%;object-fit:cover}.next-project{border-top:1px solid #ffffff45;padding-top:25px;display:grid;gap:10px}.next-project span{font-size:11px;letter-spacing:.13em}.next-project a{font-size:20px;font-weight:800}.about-hero{display:grid;grid-template-columns:38% 1fr;gap:5%;min-height:590px}.about-hero>img{width:100%;height:100%;object-fit:cover}.about-hero>div{padding:75px 6% 50px 0}.about-hero h1{font-size:clamp(43px,4.4vw,72px)}.about-hero p:not(.kicker){font-size:17px;max-width:700px}.about-facts{display:flex;gap:40px;margin:35px 0}.about-facts span{font-size:12px;display:grid;gap:8px}.about-facts strong{font-size:17px}.timeline{padding:50px 8%;border-top:1px solid #ffffff38;display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px}.timeline h2{grid-column:1/-1}.timeline div{border-left:1px solid #a7cdf4;padding-left:20px}.quote{padding:65px 8%;background:linear-gradient(90deg,#03101be6,transparent),url('/assets/bottom-banner-v8.webp') center/cover}.quote p{font-size:clamp(26px,3vw,44px)}.quote span{letter-spacing:.25em;font-size:11px}.contact-page{min-height:calc(100vh - 78px);position:relative}.contact-photo{position:absolute;inset:0;background:linear-gradient(90deg,#02080ddd,transparent 58%),url('/assets/contact-photo.webp') center/cover}.contact-layout{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:8%;padding:90px 5%}.contact-layout h1{font-size:clamp(45px,4vw,68px)}.contact-layout>div>p:not(.kicker){font-size:18px;max-width:520px}.contact-methods{display:grid;gap:25px;margin-top:40px}.contact-layout form{background:#071019dc;border:1px solid #ffffff45;padding:35px;display:grid;gap:17px;backdrop-filter:blur(10px)}.contact-layout label{font-size:12px;letter-spacing:.1em;font-weight:700}.contact-layout input,.contact-layout select,.contact-layout textarea{display:block;width:100%;margin-top:8px;padding:15px;background:#0a121ccf;border:1px solid #ffffff4a;color:white;font-size:15px;letter-spacing:0}.contact-layout .btn{width:100%}.form-note{font-size:11px;color:#bac8d2;margin:0}@media(max-width:900px){.header nav{gap:17px}.brand{font-size:12px;letter-spacing:.13em}.brand small{display:none}.cards{grid-template-columns:repeat(2,1fr)}.skill-grid{grid-template-columns:repeat(2,1fr)}.about-hero{grid-template-columns:1fr 1fr}.contact-layout{gap:3%}}@media(max-width:650px){.header{height:66px}.menu{display:block}.header nav{display:none;position:absolute;top:66px;left:0;right:0;background:#050b10;padding:12px 6%;flex-direction:column;align-items:stretch;gap:0}.header nav.open{display:flex}.header nav a{padding:14px 0}.hero{height:590px}.hero-img{object-position:61% center}.hero-overlay{background:linear-gradient(90deg,#02080de5,#02080d78),linear-gradient(0deg,#02080ddf,transparent)}.hero-content{padding:120px 6%}.hero h1{font-size:45px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.stats div:nth-child(2){border:0}.stats strong{font-size:31px}.featured>div:not(.featured-motion-photo){padding:50px 6%}.feature-services{flex-wrap:wrap}.cards{grid-template-columns:1fr}.card,.work-cards .card{height:245px}.skill-grid{grid-template-columns:1fr 1fr}.about-tease,.about-hero,.contact-layout{grid-template-columns:1fr}.about-hero>img{height:360px}.about-hero>div{padding:35px 6%}.about-facts{flex-wrap:wrap}.timeline{grid-template-columns:1fr}.contact-banner{display:block}.contact-banner>div:last-child{flex-wrap:wrap}.work-intro{min-height:340px}.work-intro h1{font-size:45px}.detail-hero{height:570px}.detail-hero-copy{padding:30px 6%}.detail-hero h1{font-size:48px}.detail-nav{overflow:auto;white-space:nowrap}.detail-content{grid-template-columns:1fr;padding:50px 6%}.contact-layout{padding:45px 6%}.contact-photo{background-position:35% center}.contact-layout form{padding:20px}.contact-methods{margin-bottom:35px}}@media(max-width:390px){.hero h1{font-size:39px}.buttons{flex-wrap:wrap}.contact-layout h1{font-size:41px}}

.about-tease img{object-position:24% center}

.contact-banner{min-height:260px;background:linear-gradient(90deg,#031018d9 0%,#03101824 43%,#031018c9 82%),url("/assets/editing-desk-banner.webp") center 49%/cover}
@media(max-width:650px){.contact-banner{background-position:48% center;min-height:330px}.contact-banner>div:last-child{position:relative;z-index:1}}

.contact-banner{background:linear-gradient(90deg,#031018e8 0%,#03101823 44%,#031018ca 85%),url("/assets/editing-desk-banner.webp") center 50%/cover}
.skills-page{padding:65px 5% 90px}.skills-intro{max-width:850px;padding-bottom:45px}.skills-intro h1{font-size:clamp(44px,5vw,78px);letter-spacing:-.035em}.skills-intro>p:last-child{font-size:17px;max-width:680px;color:#d5e0e8}.skills-list section{display:grid;grid-template-columns:1fr 340px;gap:8%;align-items:center;padding:38px 0;border-top:1px solid #ffffff30}.skills-list h2{font-size:clamp(27px,3vw,43px)}.skills-list ul{columns:2;line-height:1.9;padding-left:20px;color:#d2dce6}.skills-list img{width:100%;height:230px;object-fit:cover;border:1px solid #ffffff31}.skills-outro{border-top:1px solid #ffffff34;padding-top:40px}.skills-outro h2{font-size:32px}.skills-outro p{max-width:680px;font-size:16px;color:#d0dae3}.contact-methods a[aria-label*="LinkedIn"]{width:max-content;display:inline-flex;align-items:center}.contact-methods a[aria-label*="LinkedIn"]:hover{color:#a8d1f6}@media(max-width:650px){.skills-list section{grid-template-columns:1fr;gap:20px}.skills-list ul{columns:1}.skills-list img{height:210px}}
.digital-services{padding:30px 5% 90px;border-top:1px solid #ffffff38}.digital-services h2{font-size:clamp(30px,3.5vw,50px);margin:12px 0 30px}.digital-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.digital-service-grid article{border:1px solid #ffffff30;background:#0c1821}.digital-service-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.digital-service-grid article>div{padding:22px}.digital-service-grid h3{font-size:21px;margin:0 0 10px}.digital-service-grid p{font-size:14px;color:#d0dce4;margin:0}@media(max-width:720px){.digital-service-grid{grid-template-columns:1fr}.digital-service-grid img{aspect-ratio:2/1}}

/* Skills: cinematic hero and image-led capability cards */
.skills-page{padding:0 0 90px}
.skills-hero{min-height:clamp(480px,52vw,690px);position:relative;display:flex;align-items:center;overflow:hidden;background:#08111b}
.skills-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,10,16,.95) 0%,rgba(3,10,16,.75) 38%,rgba(3,10,16,.12) 78%),linear-gradient(0deg,rgba(3,10,16,.45),transparent 45%)}
.skills-hero>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center}
.skills-hero-copy{position:relative;z-index:1;padding:70px 5%;max-width:900px}
.skills-hero-copy h1{font-size:clamp(48px,6.7vw,104px);line-height:.96;letter-spacing:-.045em;margin:28px 0 12px}
.skills-hero-copy>p:last-child{font-size:clamp(17px,2vw,27px);font-weight:800;letter-spacing:.11em;margin:0;color:#b8d9ec}
.skills-intro{padding:60px 5% 48px;max-width:940px}
.skills-intro p{font-size:clamp(18px,2vw,25px);line-height:1.55;color:#d4e1e9;margin:0}
.skills-grid{padding:0 5% 80px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:stretch}
.skill-card{min-width:0;background:#0a151e;border:1px solid rgba(174,208,230,.18);overflow:hidden}
.skill-visual{position:relative;aspect-ratio:1.65;overflow:hidden}
.skill-visual:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,#0a151e,transparent)}
.skill-visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.skill-card:hover .skill-visual img{transform:scale(1.045)}
.skill-visual span{position:absolute;bottom:18px;left:30px;z-index:1;font-size:clamp(64px,9vw,145px);font-weight:900;line-height:.7;color:rgba(225,244,255,.17);letter-spacing:-.08em}
.skill-copy{position:relative;padding:18px clamp(24px,3vw,48px) 40px}
.skill-copy .kicker{color:#9fc7e0}
.skill-copy h2{font-size:clamp(29px,3vw,45px);line-height:1.09;margin:12px 0 26px}
.skill-copy ul{columns:2;column-gap:32px;padding-left:18px;margin:0;color:#d7e1e9;font-size:15px;line-height:1.7}
.skill-copy li{break-inside:avoid;margin-bottom:7px}
.skills-outro{margin:0 5%;padding:54px 0 0}
@media(max-width:850px){.skills-grid{grid-template-columns:1fr;gap:22px}.skill-visual{aspect-ratio:1.8}.skills-hero{min-height:500px}.skills-hero>img{object-position:60% center}}
@media(max-width:600px){.skills-hero{min-height:530px;align-items:flex-end}.skills-hero:after{background:linear-gradient(0deg,rgba(3,10,16,.98) 0%,rgba(3,10,16,.78) 43%,rgba(3,10,16,.15) 85%)}.skills-hero>img{object-position:65% center}.skills-hero-copy{padding:36px 6% 52px}.skills-hero-copy h1{font-size:clamp(39px,10vw,58px)}.skills-intro{padding:40px 6%}.skills-grid{padding:0 5% 58px}.skill-visual{aspect-ratio:1.35}.skill-copy{padding:16px 22px 30px}.skill-copy ul{columns:1}.skills-outro{margin:0 6%}}

/* Work categories, ready for the forthcoming project material */
.work-categories{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding:40px 0 74px}
.work-category{position:relative;min-height:280px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;padding:24px 20px;background:linear-gradient(148deg,#142c3d,#08121c 75%);border:1px solid rgba(174,208,230,.22)}
.work-category:nth-child(even){background:linear-gradient(148deg,#0b1a27,#153247 95%)}
.work-category:after{content:"";position:absolute;width:240px;height:240px;right:-145px;top:10%;border:1px solid rgba(170,211,239,.24);transform:rotate(45deg)}
.work-category span{font-size:11px;font-weight:700;letter-spacing:.18em;color:#a6c9dc}
.work-category h2{position:relative;z-index:1;font-size:clamp(19px,2.15vw,33px);letter-spacing:-.035em;line-height:1.05;overflow-wrap:anywhere;margin:auto 0 28px}
.work-category-line{height:2px;width:36px;background:#afd6ed}
.work-archive{border-top:1px solid rgba(255,255,255,.22);padding-top:45px}
.work-archive-heading h2{font-size:clamp(32px,4vw,56px);margin:10px 0 32px}
@media(max-width:1050px){.work-categories{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.work-category{min-height:220px}.work-category h2{font-size:clamp(22px,3vw,32px)}}
@media(max-width:650px){.work-categories{grid-template-columns:repeat(2,minmax(0,1fr));padding:30px 0 55px}.work-category{min-height:175px;padding:19px 15px}.work-category h2{font-size:clamp(18px,5vw,26px);margin:auto 0 20px}.work-category:last-child{grid-column:1/-1;min-height:145px}.work-archive{padding-top:32px}}

/* Work: category sections with vertically stacked projects on every viewport */
.work-sections{padding:20px 0 45px}
.work-group{padding:45px 0 62px;border-bottom:1px solid rgba(194,222,240,.25)}
.work-group:last-child{border-bottom:0}
.work-group-heading{display:flex;align-items:baseline;gap:28px;margin-bottom:26px}
.work-group-heading span{color:#a4cbe4;font-size:12px;font-weight:700;letter-spacing:.2em;white-space:nowrap}
.work-group-heading h2{font-size:clamp(35px,5.5vw,76px);letter-spacing:-.04em;margin:0}
.work-group-projects{display:flex;flex-direction:column;gap:22px}
.work-project{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);min-height:350px;background:#0c1923;border:1px solid rgba(174,208,230,.22);overflow:hidden}
.work-project img{display:block;width:100%;height:100%;max-height:450px;object-fit:cover;transition:transform .45s ease}
.work-project:hover img{transform:scale(1.025)}
.work-project>div{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(26px,4vw,64px);background:linear-gradient(120deg,#0d1e2b,#09131c)}
.work-project .kicker{color:#afcfe3;font-size:11px}
.work-project h3{font-size:clamp(28px,3.3vw,50px);letter-spacing:-.035em;line-height:1.07;margin:12px 0 35px}
.work-project>div>span{font-size:11px;letter-spacing:.14em;font-weight:800;border-bottom:1px solid #b7d9e8;padding-bottom:10px}
.work-project>div>span b{font-size:19px;font-weight:400;margin-left:12px}
@media(max-width:700px){.work-page{padding:0 4% 45px}.work-intro{min-height:280px;padding:48px 5% 30px}.work-intro h1{font-size:clamp(37px,8vw,54px)}.work-group{padding:36px 0 45px}.work-group-heading{gap:13px;margin-bottom:19px}.work-group-heading h2{font-size:clamp(31px,7vw,46px)}.work-project{grid-template-columns:1fr;min-height:0}.work-project img{height:auto;aspect-ratio:16/10}.work-project>div{padding:25px 22px 30px}.work-project h3{font-size:clamp(27px,6vw,38px);margin:8px 0 25px}}

.detail-visual.video-link{position:relative;display:block;overflow:hidden;cursor:pointer;border:1px solid rgba(185,215,235,.4)}
.detail-visual.video-link img{display:block;transition:transform .35s ease,filter .35s ease}
.detail-visual.video-link:hover img,.detail-visual.video-link:focus-visible img{transform:scale(1.035);filter:brightness(.72)}
.detail-visual.video-link .play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#f7fbfe;color:#07111a;font-size:25px;padding-left:4px;box-shadow:0 8px 30px #0009}
.detail-visual.video-link .video-label{position:absolute;bottom:14px;left:16px;background:#07111ad9;padding:9px 11px;font-size:11px;font-weight:800;letter-spacing:.13em}

.digital-video-link{position:relative;display:block;overflow:hidden}
.digital-video-link img{transition:transform .4s ease,filter .4s ease}
.digital-video-link:hover img,.digital-video-link:focus-visible img{transform:scale(1.04);filter:brightness(.7)}
.digital-video-link span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:55px;height:55px;border-radius:50%;background:#f7fbfe;color:#07111a;display:grid;place-items:center;font-size:19px;padding-left:3px;box-shadow:0 5px 18px #0009}
.experience-external{margin-top:32px}

/* FDP portrait framing: keep the subject's head inside each crop */
.detail-fdp-zug-wahlspots .detail-hero>img{object-position:center 12%}
.detail-fdp-zug-wahlspots .detail-visual img{object-position:center 12%}
.work-project-fdp-zug-wahlspots img{object-position:center 12%}

/* Auto Zürich: frame the car lower in the source image higher within wide previews */
.detail-auto-zuerich-2025 .detail-hero>img{object-position:center 77%}
.detail-auto-zuerich-2025 .detail-visual img{object-position:center 84%}
.work-project-auto-zuerich-2025 img{object-position:center 80%}

/* Station X: retain both performers' faces in wide crops */
.detail-station-x-2024 .detail-hero>img{object-position:center top}
.detail-station-x-2024 .detail-visual img{object-position:center top}
.work-project-station-x-2024 img{object-position:center top}

/* Give work and case-study imagery room at wide and narrow widths */
.work-intro{min-height:clamp(440px,32vw,620px);display:flex;flex-direction:column;justify-content:center;padding:70px 5%;background-position:right top;background-repeat:no-repeat}
.work-intro h1{max-width:920px;font-size:clamp(48px,5.2vw,88px)}
.work-intro>p:last-child{max-width:760px;line-height:1.6}
.work-sections{padding-top:30px}
.work-group{padding:58px 0 78px}
.work-group-heading{margin-bottom:32px}
.work-group-projects{gap:28px}
.work-project{min-height:420px}
.work-project img{max-height:540px}
.detail-hero{height:clamp(620px,42vw,780px)}
.detail-hero-copy{padding:clamp(55px,6vw,110px) 6%;max-width:800px}
.detail-content{padding:80px 6% 95px;gap:clamp(48px,6vw,110px)}
.detail-visual{height:clamp(310px,26vw,480px)}
@media(max-width:700px){.work-intro{min-height:430px;padding:65px 6%;background-position:63% top}.work-intro h1{font-size:clamp(40px,9vw,56px)}.work-sections{padding-top:10px}.work-group{padding:42px 0 52px}.work-group-heading{margin-bottom:22px}.work-group-projects{gap:20px}.work-project{min-height:0}.work-project img{max-height:none}.detail-hero{height:clamp(590px,110vw,700px)}.detail-hero-copy{padding:50px 6%}.detail-content{padding:60px 6%;gap:44px}.detail-visual{height:clamp(240px,55vw,350px)}}

.laax-behind-scenes{margin:30px 0 0}.laax-behind-scenes img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.laax-behind-scenes figcaption{padding-top:12px;font-size:11px;letter-spacing:.16em;color:#bad0df;font-weight:700}

.case-secondary{margin:30px 0 0}.case-secondary img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover}.case-secondary figcaption{padding-top:12px;font-size:11px;letter-spacing:.16em;color:#bad0df;font-weight:700}
.detail-pride-zuerich-2025 .detail-hero>img{object-position:center 65%}
.detail-pride-zuerich-2025 .detail-visual img{object-position:center 65%}
.work-project-pride-zuerich-2025 img{object-position:center 65%}

/* Give the portrait its full headroom and bring both landing heroes to the same scale. */
.hero{height:auto;min-height:clamp(670px,43vw,810px);display:flex;align-items:center}
.hero-img{object-position:center top}
.hero-content{padding:105px 6%}
.work-intro{position:relative;min-height:clamp(670px,43vw,810px);overflow:hidden;background:#07131d;padding:100px 5%}
.work-hero-art{position:absolute;inset:0;display:block}
.work-hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}
.work-hero-art .work-art-mobile{display:none}
.work-intro:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020b13f5 0%,#020b13e8 28%,#020b13a8 48%,#020b1340 72%,#020b1318),linear-gradient(0deg,#020b1375,transparent 28%);pointer-events:none}
.work-intro-copy{position:relative;z-index:1;max-width:960px}
.work-intro-copy>p:last-child{max-width:760px;line-height:1.6}
@media(max-width:700px){
 .hero{min-height:680px;align-items:flex-end}
 .hero-img{object-position:68% top}
 .hero-overlay{background:linear-gradient(0deg,#02080df7 0%,#02080db3 38%,#02080d08 85%)}
 .hero-content{padding:275px 6% 45px}
 .work-intro{min-height:680px;justify-content:flex-end;padding:260px 6% 48px}
 .work-hero-art .work-art-desktop{display:none}
 .work-hero-art .work-art-mobile{display:block}
 .work-intro:after{background:linear-gradient(0deg,#020b13fa 0%,#020b13df 35%,#020b135a 75%,#020b1333)}
 .work-intro-copy h1{font-size:clamp(40px,9vw,56px)}
}

/* About: show the photographer and landscape as one wide scene. */
.about-hero{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:clamp(640px,49vw,780px);overflow:hidden;background:#07131d}
.about-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:22% center}
.about-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03101a05 4%,#03101a32 32%,#03101ade 56%,#03101af5 100%);pointer-events:none}
.about-hero>div{position:relative;z-index:1;width:56%;padding:70px 6% 70px 3%}
@media(max-width:900px){
 .about-hero{display:flex;min-height:680px;align-items:flex-end}
 .about-hero>img{position:absolute;inset:0;display:block;width:100%;height:clamp(420px,120vw,620px);object-position:11% center;mask-image:linear-gradient(to bottom,#000 70%,transparent 100%)}
 .about-hero:after{display:block;background:linear-gradient(0deg,#02080df7 0%,#02080db3 38%,#02080d08 85%)}
 .about-hero>div{width:100%;padding:275px 6% 45px;background:transparent}
 .about-hero h1{font-size:clamp(36px,9.5vw,58px);letter-spacing:-.045em}
 .about-hero>div>p:not(.kicker){font-size:17px}
}

/* Unique visuals within each page. */
.about-page .quote{background-image:linear-gradient(90deg,#03101bf0,#03101b55),url('/assets/editing-desk-banner.webp');background-position:center;background-size:cover}
.contact-banner{background-image:linear-gradient(90deg,#041018e8,transparent),url('/assets/editing-desk-banner.webp')}

/* Home About teaser follows the full-width image-banner language below it. */
.about-tease{position:relative;display:flex;justify-content:flex-end;align-items:center;min-height:490px;padding:0;overflow:hidden;background:#06111b;border-top:1px solid #ffffff25}
.about-tease>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:24% center}
.about-tease:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#03101a09 10%,#03101a59 36%,#03101ade 58%,#03101af5 100%);pointer-events:none}
.about-tease>div:not(.about-motion-photo){position:relative;z-index:1;width:55%;padding:65px 6% 65px 2%}
.about-tease h2{font-size:clamp(34px,3.5vw,56px)}
.about-tease p:not(.kicker){font-size:16px;line-height:1.6;max-width:590px}
@media(max-width:900px){
 .about-tease{display:flex;align-items:flex-end;min-height:0;padding-top:clamp(300px,48vw,400px)}
 .about-tease>img{height:clamp(300px,48vw,400px);bottom:auto;object-position:27% center}
 .about-tease:after{background:linear-gradient(0deg,#050c11 0%,#050c11 27%,#050c1100 59%)}
 .about-tease>div:not(.about-motion-photo){width:100%;padding:36px 6% 50px;background:#050c11}
}

/* A slimmer About banner, preserving the full-height photographer in the wide source image. */
.about-tease{min-height:clamp(330px,26vw,420px)}
.about-tease>img{object-fit:contain;object-position:left center}
@media(max-width:900px){
 .about-tease{min-height:0}
 .about-tease>img{object-fit:cover;object-position:27% center}
}

/* Home section rhythm and matched final banners. */
.work-section,.skills{padding-top:26px;padding-bottom:32px}
.about-tease{min-height:260px}
.about-tease>div:not(.about-motion-photo){padding:16px 6% 16px 2%}
.about-tease h2{font-size:clamp(32px,3vw,44px);margin:9px 0 18px}
.contact-banner{min-height:260px}
@media(max-width:900px){
 .work-section,.skills{padding-top:25px;padding-bottom:30px}
 .about-tease{min-height:0;padding-top:clamp(240px,37vw,300px)}
 .about-tease>img{height:clamp(240px,37vw,300px)}
 .about-tease>div:not(.about-motion-photo){padding:27px 6% 34px}
}

/* Continue the About image across the entire banner while keeping the subject fully framed. */
.about-tease{background-image:url('/assets/bottom-banner-v8.webp');background-size:cover;background-position:center center}
.about-tease>img{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 54%,transparent 83%);mask-image:linear-gradient(90deg,#000 0%,#000 54%,transparent 83%)}
.about-tease:after{background:linear-gradient(90deg,#03101a05 6%,#03101a50 37%,#03101abc 62%,#03101ad6 100%)}
@media(max-width:900px){
 .about-tease{background-image:none}
 .about-tease>img{-webkit-mask-image:none;mask-image:none}
}

/* Let the Home About image meet the Skills section without a bright rule. */
.skills{border-bottom:0}
.about-tease{border-top:0}
.about-tease{border-bottom:0;margin-bottom:14px}
.skills-more{margin-top:26px}
@media(max-width:650px){.skills-more{display:inline-block;margin-top:20px}}

/* Home lists the disciplines; the dedicated page carries the detail. */
.skills .skill-grid{gap:16px;margin-top:24px}
.skills .skill-grid>div{display:flex;align-items:center;min-height:100px;padding:14px 22px;border:1px solid #ffffff2c;background:linear-gradient(135deg,#112b3d,#09151f)}
.skills .skill-grid h3{font-size:clamp(18px,1.7vw,27px);line-height:1.14;letter-spacing:-.02em;margin:0}
.skills-more{margin-top:24px}
@media(max-width:650px){.skills .skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.skills .skill-grid>div{min-height:105px;padding:14px}.skills .skill-grid h3{font-size:clamp(16px,4.3vw,23px)}}

/* Language switch is present on every page at the same route in each language. */
.header{gap:18px}
.header nav{margin-left:auto}
.language-switch{display:flex;gap:4px;align-items:center;flex:none;border-left:1px solid #ffffff40;padding-left:16px}
.language-switch a{display:inline-flex;min-width:30px;min-height:32px;align-items:center;justify-content:center;color:#b7c9d4;font-size:12px;font-weight:700;letter-spacing:.08em}
.language-switch a[aria-current="page"]{color:#fff;border-bottom:2px solid #a7cdf4}
.language-switch a:hover,.language-switch a:focus-visible{color:#fff}
@media(max-width:900px){.header{gap:12px}.header nav{gap:15px}.language-switch{padding-left:10px}}
@media(max-width:650px){.header .menu{margin-left:auto}.language-switch{order:2}.header nav{order:3}.language-switch a{min-width:27px}}

/* Comfortable language controls in the narrow header. */
@media(max-width:650px){
 .header{padding-left:4%;padding-right:4%;gap:10px}
 .language-switch{gap:10px;padding-left:12px}
 .language-switch a{min-width:34px;min-height:44px}
}
@media(max-width:440px){
 .header .brand span{display:none}
 .header .brand img{width:48px}
 .header .menu{font-size:12px}
}

/* About showreel: a cinematic still linking to the language-specific film. */
.about-reel{background:#050c11;overflow:hidden}
.about-reel>a{position:relative;display:block;min-height:clamp(410px,42vw,620px);color:#fff;overflow:hidden;isolation:isolate}
.about-reel img{position:absolute;left:-11%;top:0;width:122%;height:100%;object-fit:cover;object-position:center;transition:transform .5s ease;z-index:-2}
.about-reel a:hover img,.about-reel a:focus-visible img{transform:scale(1.035)}
.about-reel>a:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020b13ed 0%,#020b13a6 30%,#020b1345 58%,#020b1315 100%),linear-gradient(0deg,#020b1380,transparent 42%);z-index:-1}
.reel-copy{position:absolute;left:6%;bottom:14%;display:flex;flex-direction:column;align-items:flex-start;max-width:560px}
.reel-copy .kicker{margin-bottom:20px}
.reel-copy strong{font-size:clamp(38px,4.4vw,66px);line-height:1.03;letter-spacing:-.045em;font-weight:800}
.reel-cta{display:inline-flex;align-items:center;gap:14px;margin-top:30px;font-size:12px;font-weight:800;letter-spacing:.12em}
.reel-play{display:grid;place-items:center;width:48px;height:48px;border:1px solid #fff;color:#07111a;background:#fff;border-radius:50%;font-size:16px;padding-left:3px}
.about-reel>a:focus-visible{outline:3px solid #fff;outline-offset:-5px}
@media(max-width:650px){.about-reel>a{min-height:500px}.about-reel img{left:-11%;width:122%;object-position:center}.about-reel>a:after{background:linear-gradient(0deg,#020b13f5 0%,#020b13ba 30%,#020b1330 72%)}.reel-copy{left:6%;right:6%;bottom:8%}.reel-copy strong{font-size:clamp(36px,9vw,52px)}.reel-copy .kicker{margin-bottom:14px}.reel-cta{margin-top:22px}}

/* Space between the showreel and the closing quote banner. */
.about-reel{margin-bottom:clamp(32px,4.5vw,64px)}
@media(max-width:650px){.about-reel{margin-bottom:32px}}

/* Keep the Work headline consistent across both languages. */
.work-intro h1 em{color:#fff}
.form-honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#contact-form button:disabled{opacity:.55;cursor:wait}
#contact-form .form-note[role="status"]{color:#fff}

/* Shift the landscape layer so its photographer is outside the banner; the
   foreground preserves the complete figure and blends into the scenery. */
@media(min-width:901px){
 .about-tease{background-size:150% auto;background-position:right center}
 .about-tease>img{-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 22%,transparent 57%);mask-image:linear-gradient(90deg,#000 0%,#000 22%,transparent 57%)}
}

/* One continuous panoramic image, with the full camera operator kept in frame. */
.about-tease{background:#06111b;background-image:none;min-height:clamp(260px,19vw,400px)}
.about-tease>img{object-fit:cover;object-position:center 72%;-webkit-mask-image:none;mask-image:none}
.about-tease:after{background:linear-gradient(90deg,#03101a04 0%,#03101a24 34%,#03101ad5 58%,#03101af2 100%)}
@media(max-width:900px){
 .about-tease{min-height:0;background-image:none}
 .about-tease>img{object-position:left center;-webkit-mask-image:none;mask-image:none}
 .about-tease:after{background:linear-gradient(0deg,#050c11 0%,#050c11 27%,#050c1100 59%)}
}

/* The two closing Home banners share a more generous height. */
.about-tease,.contact-banner{min-height:clamp(340px,23vw,480px)}
@media(max-width:900px){
 .about-tease{min-height:0}
 .contact-banner{min-height:clamp(400px,55vw,470px)}
}

/* Keep every heading and section label in the site's white typography. */
h1,h2,h3,h1 em,h2 em,h3 em,.kicker,.detail-hero-copy .kicker,
.work-group-heading span,.work-project .kicker{color:#fff}
.work-intro h1 em,.contact-page h1 em{color:#fff}

/* The mobile About teaser is one uninterrupted photograph and text overlay. */
@media(max-width:900px){
 .about-tease{display:flex;align-items:flex-end;min-height:clamp(480px,76vw,620px);padding:0;isolation:isolate}
 .about-tease>img{inset:0;width:100%;height:100%;object-fit:cover;object-position:left center}
 .about-tease:after{background:linear-gradient(0deg,#03101af4 0%,#03101acd 27%,#03101a25 65%,transparent 100%)}
 .about-tease>div:not(.about-motion-photo){width:100%;padding:28px 6% 42px;background:transparent}
}

/* The Skills hero subheading is a title too. */
.skills-hero-copy>p:last-child{color:#fff}

.case-client{display:grid;grid-template-columns:max-content 1fr;align-items:baseline;column-gap:14px;row-gap:5px;padding:18px 0;margin:22px 0;border-top:1px solid #ffffff38;border-bottom:1px solid #ffffff38}
.case-client span{font-size:10px;font-weight:700;letter-spacing:.16em;color:#c6d4dd}
.case-client strong{font-size:14px;line-height:1.35;color:#fff}
@media(max-width:650px){.case-client{grid-template-columns:1fr;row-gap:7px}.case-client strong{margin-bottom:5px}}
.fdp-films{padding:30px 6% 95px;border-top:1px solid #ffffff28}
.fdp-films h2{font-size:clamp(30px,3.3vw,52px);margin:12px 0 32px;letter-spacing:-.035em}
.fdp-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.fdp-film{display:block;border:1px solid #ffffff2b;background:#08121b;transition:border-color .2s,box-shadow .2s}
.fdp-film:hover,.fdp-film:focus-visible{border-color:#ffffff8c;box-shadow:0 0 18px #a8d1f612}
.fdp-film-image{position:relative;display:block;overflow:hidden;aspect-ratio:16/9}
.fdp-film-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s}
.fdp-film:hover img{transform:scale(1.035)}
.fdp-film-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#03080e55,transparent 55%)}
.fdp-play{position:absolute;z-index:1;left:24px;bottom:22px;display:grid;place-items:center;width:52px;height:52px;border:1px solid #fff;border-radius:50%;background:#061018b5;font-size:17px;padding-left:3px}
.fdp-film-caption{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 24px;color:#fff}
.fdp-film-caption strong{font-size:21px}
.fdp-film-caption span{font-size:11px;letter-spacing:.12em;font-weight:800;white-space:nowrap}
@media(max-width:700px){.fdp-films{padding:30px 6% 70px}.fdp-film-grid{grid-template-columns:1fr;gap:18px}.fdp-film-caption{padding:18px}.fdp-film-caption strong{font-size:18px}}

/* Consistent spacing for calls to action across the portfolio. */
:root{--cta-gap:16px;--cta-offset:24px}
.buttons,.contact-banner>div:last-child{gap:var(--cta-gap)}
.about-tease h2,.contact-banner h2{margin-bottom:0}
.about-tease>div:not(.about-motion-photo)>.btn{margin-top:var(--cta-offset)}
@media(max-width:650px){.contact-banner>div:last-child{margin-top:var(--cta-offset)}}

@media(max-width:700px){.detail-eactros-600-zermatt .detail-hero>img{object-position:78% center}}

/* Controls respond through tone only; scroll entrance animations remain separate. */
.filters button,.menu{transition:background-color .2s,color .2s,box-shadow .2s}
.filters button:hover,.filters button:focus-visible,.menu:hover,.menu:focus-visible{box-shadow:inset 0 0 0 100px #a8d1f618}
.filters button:active,.menu:active{box-shadow:inset 0 0 0 100px #a8d1f628}

/* Frameless title images; a two-pixel bleed prevents fractional zoom seams. */
.header{border-bottom:0}
.hero,.work-intro,.work-hero-art,.detail-hero,.about-hero,.skills-hero,.featured,.about-tease{border:0;box-shadow:none;overflow:hidden}
.work-hero-art{inset:-2px}
.hero-img,.detail-hero>img,.about-hero>img,.skills-hero>img,.featured>img,.about-tease>img{top:-2px;left:-2px;right:auto;bottom:auto;width:calc(100% + 4px);height:calc(100% + 4px)}
@media(max-width:650px){.about-hero>img{height:calc(clamp(420px,120vw,620px) + 4px)}}

/* Paint overlays on the exact container box; photographs alone bleed beyond it.
   Enlarging the gradient creates a separately clipped fractional layer at pinch zoom. */
.detail-hero:after,.about-hero:after,.skills-hero:after,.featured:after,.about-tease:after,.hero-overlay{inset:0}
.work-intro,.detail-hero,.about-hero,.skills-hero,.hero,.featured,.about-tease{isolation:isolate}


/* Work: photograph and its shading are painted together, including during motion.
   Keep the existing crop, breakpoint, text stacking and two-pixel photo bleed. */
.work-hero-art{background-image:linear-gradient(90deg,#020b13f5 0%,#020b13e8 28%,#020b13a8 48%,#020b1340 72%,#020b1318),linear-gradient(0deg,#020b1375,transparent 28%),url('/assets/work-hero-art-desktop.webp');background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none}
.work-intro:after{content:none}
.work-hero-art img,.work-hero-art .work-art-desktop,.work-hero-art .work-art-mobile{display:none}
@media(max-width:700px){.work-hero-art{background-image:linear-gradient(0deg,#020b13fa 0%,#020b13df 35%,#020b135a 75%,#020b1333),url('/assets/work-hero-art-mobile.webp')}}

/* Banner edges carry no decorative rules. */
.hero,.work-intro,.detail-hero,.about-hero,.skills-hero,.featured,.about-tease,.contact-banner,.quote,.about-reel{border-top:0;border-bottom:0;box-shadow:none}
/* Home About paints its image and shading in one surface, avoiding zoom seams. */
.about-motion-photo{position:absolute;inset:-2px;pointer-events:none;background-image:linear-gradient(90deg,#03101a04 0%,#03101a24 34%,#03101ad5 58%,#03101af2 100%),url('/assets/about-home-panorama-v4.webp');background-size:cover;background-position:center 72%;background-repeat:no-repeat}
.about-tease>img{display:none}
.about-tease:after{content:none}
@media(max-width:900px){.about-motion-photo{background-image:linear-gradient(0deg,#03101af4 0%,#03101acd 27%,#03101a25 65%,transparent 100%),url('/assets/about-home-panorama-v4.webp');background-position:left center}}

/* The statistics strip sits between both banners; its rules were their visible edges. */
.stats,.work-section,.skills{border-top:0;border-bottom:0}
.about-tease>.about-motion-photo{position:absolute;inset:-2px;width:auto;padding:0;z-index:0}
.featured>.featured-motion-photo{position:absolute;inset:-2px;width:auto;max-width:none;padding:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#02080af2,#02080aaa 40%,transparent 85%),linear-gradient(#00000052,#00000052),url('/assets/digital.webp') center/cover no-repeat}
.featured>img{display:none}
.featured:after{content:none}

/* Home sections share one gap instead of adding both adjacent paddings. */
:root{--home-section-gap:29px}
.work-section,.skills{padding-top:var(--home-section-gap);padding-bottom:var(--home-section-gap)}
.work-section+.skills{padding-top:0}
.about-tease{margin-bottom:var(--home-section-gap)}
@media(max-width:900px){:root{--home-section-gap:27.5px}}

/* Mobile Home banners share the same top-aligned copy and padding. */
@media(max-width:900px){
 .about-tease{align-items:flex-start}
 .about-tease>div:not(.about-motion-photo){padding:32px 6%}
}
@media(max-width:650px){
 .contact-banner{display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:32px 6%}
 .contact-banner>div:last-child{margin-top:var(--cta-offset)}
}

/* Home claim: two deliberate lines, without additional word wrapping. */
.hero-content{width:100%;max-width:1050px}
.hero h1>span{display:block;white-space:nowrap}
@media(max-width:650px){.hero h1{font-size:clamp(22px,6.6vw,43px)}}

/* Panoramic hero: explicit desktop geometry and mobile copy over the photograph. */
.hero.hero-panorama{height:clamp(500px,33.4vw,810px);min-height:0;background:#020a10}
.hero-panorama .hero-img{inset:-2px;right:auto;bottom:auto;width:calc(100% + 4px);height:calc(100% + 4px);max-width:none;object-fit:cover;object-position:72% top}
.hero-panorama .hero-content{padding:65px 6%;max-width:1050px}
@media(max-width:900px){
 .hero.hero-panorama{display:flex;align-items:flex-end;height:auto;min-height:680px;background:#020a10 url('/assets/andrew-hero-panorama.webp') 76% top / auto 80% no-repeat}
 .hero-panorama .hero-img{display:none}
 .hero-panorama .hero-overlay{background:linear-gradient(to bottom,transparent 26%,rgba(2,10,16,.12) 40%,rgba(2,10,16,.75) 65%,#020a10 80%)}
 .hero-panorama .hero-content{padding:350px 6% 32px;max-width:none}
 .hero-panorama .kicker{font-size:10px;letter-spacing:.16em;max-width:250px}
 .hero-panorama h1{font-size:clamp(22px,6.6vw,52px)}
 .hero-panorama .hero-content>p:not(.kicker){font-size:16px;line-height:1.5}
 .hero-panorama .buttons{flex-wrap:wrap}
}


@media(max-width:900px){html[lang="de"] .hero.hero-panorama .hero-content>p:not(.kicker){font-size:clamp(10px,3.35vw,16px);white-space:nowrap;line-height:1.5}}