:root{--red:#ff5757;--dark:#111111;--ink:#191919;--bone:#f1f0ed;--white:#f7f7f4;--muted:#b2b2ae;--display:"Space Grotesk",Arial,Helvetica,sans-serif;--body:"DM Sans",Arial,Helvetica,sans-serif;--edge:clamp(22px,5.15vw,100px);--max:1920px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--dark);color:var(--white);font-family:var(--body);-webkit-font-smoothing:antialiased}button,input,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}img{display:block;max-width:100%}::selection{background:var(--red);color:#111}button:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:5px}.skip-link{position:fixed;z-index:1000;top:-100px;left:20px;background:#fff;color:#000;padding:14px}.skip-link:focus{top:10px}.site-width{max-width:var(--max);margin-inline:auto;padding-inline:var(--edge)}.section-padding{padding-block:clamp(88px,11vw,190px)}.accent-square{width:8px;height:8px;display:inline-block;flex:none;background:var(--red)}.eyebrow,.section-label,.section-topline,.hero-index,.text-link,.hero-bottom,.header-descriptor,.desktop-nav,.work-card-eyebrow,.work-tail,.work-disclaimer,.studio-aspects,.statement-tag,.statement-note,.preview-legal{font-size:clamp(10px,.83vw,13px);font-weight:600;letter-spacing:.13em}.eyebrow{margin:0}.section-label{display:flex;align-items:center;gap:13px}.text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:1px solid currentColor;padding-bottom:13px;transition:gap .3s}.text-link:hover{gap:46px}.dark-link{color:var(--dark)}.light-link{color:#fff}.text-link>span{font-size:22px;font-weight:400;line-height:1}.period{color:inherit}
/* Navigation */
.site-header{position:absolute;z-index:30;left:0;top:0;width:100%;height:104px;display:flex;gap:34px;align-items:center;padding-inline:var(--edge);border-bottom:1px solid rgba(255,255,255,.24);color:white}.brand{display:flex;align-items:center;width:80px;flex:none}.brand img{width:71px;height:auto;max-height:67px}.header-descriptor{opacity:.62;margin-left:12px}.desktop-nav{display:flex;gap:clamp(22px,3vw,52px);margin-left:auto;align-items:center}.desktop-nav a{white-space:nowrap;transition:color .2s}.desktop-nav a:hover{color:var(--red)}.header-contact{border:1px solid rgba(255,255,255,.6);padding:12px 17px}.header-contact span{margin-left:16px;font-size:17px}.menu-toggle{display:none}.mobile-nav{display:none}
/* Hero */
.hero{height:100svh;min-height:660px;max-height:1150px;position:relative;overflow:hidden;isolation:isolate}.hero-media,.hero-shade,.hero-poster,.hero-poster img{position:absolute;inset:0;width:100%;height:100%}.hero-poster img{object-fit:cover;object-position:60% 55%}.hero-shade{z-index:1;background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.45) 40%,rgba(0,0,0,.37) 68%,rgba(0,0,0,.68) 100%),linear-gradient(0deg,rgba(0,0,0,.75),transparent 32%,rgba(0,0,0,.25) 100%)}.hero-content{position:relative;z-index:2;min-height:100%;padding-top:calc(104px + clamp(32px,5vh,70px));padding-bottom:36px;display:flex;flex-direction:column;justify-content:space-between}.hero-topline,.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.eyebrow-light{color:#eee}.hero-topline .eyebrow{display:flex;gap:13px;align-items:center}.hero-index{opacity:.72}.hero-grid{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(270px,.55fr);align-items:end;gap:5vw;margin-block:12px 35px}.hero-headline{font-family:var(--display);font-size:clamp(80px,12.3vw,248px);font-weight:700;letter-spacing:-.105em;line-height:.785;margin:0 0 0 -.035em}.hero-headline span{display:block}.hero-headline .period{display:inline}.hero-headline-accent{color:var(--red)}.hero-info{padding-bottom:clamp(5px,2.5vw,44px);max-width:400px;justify-self:end}.hero-info .eyebrow{opacity:.7}.hero-info p{font-size:clamp(21px,2.15vw,36px);font-weight:400;letter-spacing:-.035em;line-height:1.28;margin:22px 0 34px}.hero-bottom{padding-top:24px;border-top:1px solid rgba(255,255,255,.38);opacity:.9}.hero-bottom-note span{padding:0 14px;color:var(--red)}.scroll-cue{display:flex;align-items:center;gap:20px;white-space:nowrap}.arrow-down{font-size:24px}.hero-placeholder-flag{position:absolute;z-index:4;right:var(--edge);bottom:100px;background:rgba(14,14,14,.67);padding:8px 12px;border:1px solid rgba(255,255,255,.18);font-size:10px;letter-spacing:.1em;color:#fff8}
/* Intro */
.intro{background:var(--bone);color:var(--ink);padding-bottom:48px}.intro-grid{display:grid;grid-template-columns:160px minmax(0,1.2fr) minmax(260px,.63fr);column-gap:clamp(24px,4vw,85px);align-items:start}.intro .section-label{padding-top:18px;white-space:nowrap}.intro-main .eyebrow{color:#777;margin:0 0 22px}.intro h2,.services-heading h2,.work-intro h2,.studio h2,.contact h2,.statement h2{font-family:var(--display);font-weight:700;line-height:.93;letter-spacing:-.075em;margin:0}.intro h2{font-size:clamp(59px,9vw,160px)}.intro h2 em,.studio h2 em,.contact h2 em{font-style:normal;color:var(--red)}.intro-side{padding-top:90px}.intro-side p{font-size:clamp(16px,1.27vw,22px);line-height:1.5;letter-spacing:-.019em;max-width:440px}.intro-side p:first-child{margin-top:0}.intro-side .text-link{margin-top:28px}.intro-bottomline{display:flex;justify-content:space-between;border-top:1px solid #bbb;margin-top:clamp(75px,11vw,175px);padding-top:20px;font-size:11px;letter-spacing:.13em;color:#777}
/* services */
.services{background:#141414}.section-topline{display:flex;align-items:center;justify-content:space-between;color:#e0e0dc;margin-bottom:clamp(65px,8vw,128px);gap:26px}.section-topline>span:last-child{color:#777}.services-heading{display:grid;grid-template-columns:1fr minmax(240px,.3fr);gap:30px;align-items:end;margin-bottom:65px}.services-heading h2,.work-intro h2{font-size:clamp(75px,10vw,170px)}.services-heading h2 span{color:var(--red)}.services-heading p{font-size:clamp(17px,1.3vw,23px);color:#bcbcbc;line-height:1.47;max-width:350px}.service-row{display:grid;grid-template-columns:60px 1fr 210px 34px;gap:clamp(20px,3vw,55px);align-items:center;border-top:1px solid #555;min-height:242px;padding:26px 0}.service-row:last-child{border-bottom:1px solid #555}.service-number{align-self:start;color:#858585;font-size:12px;margin-top:16px}.service-copy h3{font-family:var(--display);font-size:clamp(33px,4.8vw,72px);line-height:1.08;letter-spacing:-.052em;font-weight:600;margin:0 0 17px}.service-copy h3 i{font-style:normal;color:var(--red)}.service-copy p{max-width:580px;line-height:1.5;font-size:clamp(14px,1.1vw,18px);color:#999;margin:0}.service-image{width:210px;height:152px;overflow:hidden;background:#333}.service-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4);transition:filter .45s,transform .65s}.service-row:hover img{filter:grayscale(0);transform:scale(1.07)}.service-arrow{align-self:start;margin-top:17px;font-size:25px;color:var(--red)}
/* work */
.work{background:var(--bone);color:var(--ink)}.section-topline-dark{color:#111}.work-intro{display:grid;grid-template-columns:1fr minmax(250px,.3fr);gap:34px;align-items:end;margin-bottom:clamp(65px,8vw,120px)}.work-intro h2 span{color:var(--red)}.work-intro p{font-size:clamp(17px,1.3vw,23px);line-height:1.45;max-width:420px;margin:0 0 7px}.work-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}.work-card{position:relative;grid-column:span 6;min-height:clamp(360px,37vw,650px);border:0;padding:0;display:block;color:white;text-align:left;overflow:hidden;background:#333;isolation:isolate}.work-card-large{grid-column:span 7}.work-card-tall{grid-column:span 5}.work-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .9s cubic-bezier(.2,.7,.1,1),filter .5s}.work-card[data-project=welle] img{object-position:50% 45%}.work-card[data-project=neura] img{object-position:58% 50%}.work-card[data-project=volante] img{object-position:52% 42%}.work-card[data-project=wwf] img{object-position:50% 50%}.work-card[data-project=fitomat] img{object-position:57% 25%}.work-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.8),transparent 48%);z-index:1}.work-card:hover img{transform:scale(1.055);filter:saturate(1.16)}.work-card-info{position:absolute;bottom:35px;left:36px;right:86px;z-index:2;display:grid;gap:16px}.work-card-eyebrow{font-size:11px}.work-card-info strong{font-family:var(--display);font-size:clamp(27px,3vw,49px);line-height:1.04;letter-spacing:-.045em;font-weight:600}.work-card-cta{position:absolute;bottom:35px;right:32px;z-index:2;font-size:35px;line-height:1}.work-tail{display:flex;align-items:start;justify-content:space-between;gap:20px;padding-block:52px 30px;border-bottom:1px solid #999}.work-tail>span{min-width:260px}.work-tail>div{display:flex;flex-wrap:wrap;gap:15px 35px;justify-content:flex-end}.work-tail button{border:0;border-bottom:1px solid #888;padding:0 0 10px;background:none;color:#222;text-align:left;white-space:nowrap;font:inherit;letter-spacing:.05em}.work-tail button span{margin-left:20px}.work-tail button:hover{color:var(--red)}.work-disclaimer{margin-top:28px;color:#717171;font-weight:500;letter-spacing:0;font-size:13px;max-width:780px;line-height:1.45}
/* accent statement */
.statement{background:var(--red);color:#151515;padding-block:clamp(84px,10vw,160px)}.statement-inner{position:relative}.statement-tag{display:block;margin-bottom:80px}.statement h2{font-size:clamp(49px,8.2vw,150px);line-height:.93}.statement h2 span{color:rgba(0,0,0,.46)}.statement-note{display:block;margin-top:78px;text-align:right}
/* studio */
.studio{background:#151515}.studio-layout{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(55px,9vw,160px);align-items:center}.studio-visual{position:relative;height:clamp(490px,58vw,900px);overflow:hidden;background:#333}.studio-visual img{width:100%;height:100%;object-fit:cover}.studio-visual-label{position:absolute;bottom:20px;left:20px;font-size:10px;letter-spacing:.16em}.studio-copy h2{font-size:clamp(55px,7vw,115px);margin:40px 0 45px}.studio-copy p{max-width:650px;font-size:clamp(16px,1.3vw,21px);line-height:1.57;color:#b4b4b0}.studio-aspects{display:grid;gap:14px;margin:47px 0 45px;color:#999}.studio-aspects span:before{content:"↗";color:var(--red);margin-right:12px;font-size:20px}
/* contact */
.contact{background:#202020}.contact .section-topline{margin-bottom:100px}.contact-main{display:grid;grid-template-columns:1fr minmax(300px,.52fr);gap:30px;align-items:end}.contact-main .eyebrow{color:#bbb;margin-bottom:30px}.contact h2{font-size:clamp(94px,13vw,230px)}.contact-details{padding-bottom:12px}.contact-details p{font-size:clamp(20px,1.8vw,30px);color:#ccc;max-width:450px;line-height:1.4}.contact-email{font-size:clamp(25px,2.8vw,48px);font-family:var(--display);font-weight:500;letter-spacing:-.04em;display:inline-flex;align-items:center;gap:12px;padding-top:32px;border-top:1px solid #999;white-space:nowrap}.contact-email:hover{color:var(--red)}.contact-email span{font-size:.7em}
/* footer */
.site-footer{background:#111;color:#999}.footer-inner{padding-top:35px;padding-bottom:34px;display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #333;font-size:11px;letter-spacing:.08em}.footer-logo img{width:54px;height:auto}.site-footer a:hover{color:var(--red)}.preview-legal{padding:14px var(--edge);text-align:center;color:#aaa;font-size:9px;background:#1e1e1e;margin:0;line-height:1.5}
/* dialog */
.project-modal{width:min(1170px,94vw);max-width:1170px;max-height:min(90vh,1100px);height:auto;margin:auto;border:1px solid #555;background:#131313;color:white;padding:0;overscroll-behavior:contain}.project-modal::backdrop{background:rgba(0,0,0,.87);backdrop-filter:blur(8px)}.project-dialog-wrap{padding:clamp(25px,4vw,70px)}.modal-close{position:sticky;top:0;margin-left:auto;display:flex;align-items:center;gap:28px;border:1px solid #777;background:#191919;color:#fff;font-size:12px;letter-spacing:.1em;padding:13px 19px;z-index:10}.modal-close span{font-size:24px;line-height:.6}.modal-close:hover{background:var(--red);color:#111}.project-detail-kicker{color:var(--red);font-size:12px;letter-spacing:.15em;font-weight:700;margin:15px 0 20px}.project-detail-title{font:700 clamp(45px,7vw,110px)/.94 var(--display);letter-spacing:-.078em;margin:0 0 37px}.project-detail-meta{display:flex;gap:14px 40px;flex-wrap:wrap;font-size:12px;letter-spacing:.12em;color:#aaa;border-block:1px solid #555;padding-block:18px}.project-detail-desc{max-width:780px;margin:40px 0 60px;font-size:clamp(20px,2vw,31px);line-height:1.43;letter-spacing:-.02em}.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.project-gallery figure{margin:0;min-width:0}.project-gallery figure:first-child{grid-column:1/-1}.project-gallery img{width:100%;height:clamp(220px,37vw,500px);object-fit:cover}.project-gallery figure:first-child img{height:clamp(300px,45vw,600px)}.project-gallery figcaption{font-size:10px;color:#aaa;margin-top:10px}.project-credits{margin-top:25px;color:#aaa;font-size:11px;letter-spacing:.04em}.youtube-container{border-top:1px solid #444;margin-top:48px;padding-top:32px}.youtube-container h3{font:600 29px var(--display);letter-spacing:-.035em}.youtube-gate{min-height:220px;border:1px solid #777;background:#242424;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:16px;text-align:center;padding:25px}.youtube-gate p{max-width:560px;color:#bbb;margin:0}.youtube-gate button{border:0;background:var(--red);color:#111;padding:15px 24px;font-weight:700}.youtube-gate a{font-size:13px;text-decoration:underline}.youtube-player{aspect-ratio:16/9;border:0;width:100%}body.dialog-open{overflow:hidden}
/* interaction */
.js .reveal{opacity:0;transform:translateY(48px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.8,.2,1)}.js .reveal.in-view{opacity:1;transform:translateY(0)}.js .work-grid .work-card:nth-child(2n){transition-delay:.12s}.js .work-grid .work-card:nth-child(3n){transition-delay:.21s}
@media(max-width:1200px){.intro-grid{grid-template-columns:115px 1.1fr .75fr;gap:25px}.intro-side{padding-top:55px}.header-descriptor{display:none}.hero-headline{font-size:clamp(85px,12.6vw,175px)}.work-card{min-height:clamp(360px,45vw,560px)}.work-card-info strong{font-size:clamp(26px,3.4vw,42px)}.studio-layout{gap:55px}.services-heading h2,.work-intro h2{font-size:clamp(70px,10vw,120px)}}
@media(max-width:850px){.site-header{height:82px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;background:none;border:1px solid rgba(255,255,255,.7);width:48px;height:43px;margin-left:auto;color:white;z-index:52}.menu-toggle span{height:2px;width:20px;background:white;transition:transform .28s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}.mobile-nav{position:fixed;z-index:25;inset:0;background:var(--red);color:#111;padding:125px var(--edge) 50px;display:flex;flex-direction:column;justify-content:center;gap:0;visibility:hidden;opacity:0;transform:translateY(-15px);transition:.25s}.mobile-nav.open{visibility:visible;opacity:1;transform:translateY(0)}.mobile-nav a{font:700 clamp(52px,10vw,94px)/1.2 var(--display);letter-spacing:-.07em;border-bottom:1px solid #0006;display:flex;align-items:center;justify-content:space-between}.mobile-nav a span{font:600 13px var(--body);letter-spacing:0}.mobile-nav-foot{font-size:12px;letter-spacing:.12em;margin-top:55px}.menu-open .site-header{position:fixed;border:0}.menu-open .brand{filter:brightness(0)}.menu-open .menu-toggle{border-color:#111}.menu-open .menu-toggle span{background:#111}.hero{min-height:740px}.hero-content{padding-top:calc(82px + 52px)}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-headline{font-size:clamp(86px,15vw,138px)}.hero-info{justify-self:start;max-width:650px;padding:0}.hero-info p{max-width:520px}.hero-topline .hero-index{display:none}.intro-grid{grid-template-columns:1fr 1fr}.intro-grid .section-label{grid-column:1/-1;padding:0;margin-bottom:30px}.intro h2{font-size:clamp(75px,11vw,120px)}.intro-side{padding-top:55px}.services-heading,.work-intro{grid-template-columns:1fr}.services-heading p,.work-intro p{max-width:600px}.service-row{grid-template-columns:38px 1fr 140px 25px;gap:16px;min-height:210px}.service-image{width:140px;height:140px}.service-copy h3{font-size:clamp(28px,4.5vw,45px)}.studio-layout{grid-template-columns:1fr}.studio-visual{height:430px}.studio-visual img{object-position:50% 38%}.contact-main{grid-template-columns:1fr}.contact-details{max-width:650px}.work-card-info{left:24px;bottom:24px;right:57px}.work-card-cta{right:20px;bottom:25px}.footer-inner{flex-wrap:wrap}}
@media(max-width:700px){.hero{min-height:650px;height:100svh;max-height:none}.hero-poster img{object-position:58% 50%}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.38)),linear-gradient(0deg,rgba(0,0,0,.8) 0%,rgba(0,0,0,.1) 48%,rgba(0,0,0,.34))}.hero-topline{margin-top:0}.hero-content{padding-top:calc(82px + 28px);padding-bottom:25px}.hero-grid{margin-top:auto;margin-bottom:48px;gap:32px}.hero-headline{font-size:clamp(72px,14.3vw,120px);line-height:.89;letter-spacing:-.085em}.hero-info .eyebrow{font-size:9px}.hero-info p{font-size:clamp(19px,4.5vw,27px);line-height:1.35;margin:15px 0 20px;max-width:440px}.hero-info .text-link{font-size:10px;padding-bottom:9px}.hero-bottom-note{display:none}.hero-bottom{justify-content:flex-end}.hero-placeholder-flag{right:auto;left:var(--edge);bottom:28px;font-size:8px}.section-padding{padding-block:90px}.intro{padding-bottom:34px}.intro-grid{grid-template-columns:1fr}.intro-grid .section-label{margin-bottom:60px}.intro h2{font-size:clamp(63px,13.4vw,95px)}.intro-side{padding-top:30px}.intro-side p{font-size:18px;line-height:1.5}.intro-bottomline{margin-top:80px;gap:10px;flex-wrap:wrap;font-size:8px}.section-topline{margin-bottom:65px}.section-topline>span:last-child{display:none}.services-heading h2,.work-intro h2{font-size:clamp(65px,12.8vw,100px)}.services-heading{margin-bottom:45px}.service-row{grid-template-columns:35px 1fr 26px;gap:12px;min-height:180px;padding-block:25px}.service-image{display:none}.service-copy h3{font-size:clamp(29px,8.2vw,51px)}.service-copy p{font-size:14px}.work-grid{grid-template-columns:1fr;gap:11px}.work-card,.work-card-large,.work-card-tall{grid-column:1;min-height:clamp(360px,108vw,560px)}.work-card[data-project=neura]{min-height:325px}.work-card-info strong{font-size:clamp(27px,7.6vw,44px)}.work-card[data-project=neura] img{object-position:60% 50%}.work-card[data-project=wwf] img{object-position:45% 40%}.work-card[data-project=welle] img{object-position:50% 47%}.work-card-info{bottom:26px}.work-tail{display:block}.work-tail>div{margin-top:25px;display:grid;gap:23px;justify-content:stretch}.work-tail button{white-space:normal}.statement{padding-block:85px}.statement-tag{margin-bottom:60px}.statement h2{font-size:clamp(46px,10vw,80px)}.statement-note{margin-top:52px}.studio h2{font-size:clamp(57px,11vw,90px)}.studio-copy h2{margin:28px 0 35px}.studio-copy p{font-size:18px}.studio-visual{height:450px}.contact .section-topline{margin-bottom:60px}.contact h2{font-size:clamp(99px,20vw,165px)}.contact-email{font-size:clamp(25px,5.4vw,36px)}.footer-inner{display:grid;grid-template-columns:1fr 1fr;justify-content:space-between;font-size:10px}.footer-inner>*:last-child{text-align:right}.footer-inner>*:nth-child(3){grid-column:1/-1}.project-gallery{grid-template-columns:1fr}.project-gallery figure:first-child{grid-column:1}.project-gallery img,.project-gallery figure:first-child img{height:auto;max-height:520px;object-fit:contain;background:#222}.project-modal{width:100vw;max-height:100dvh;height:100dvh;border:0}.project-dialog-wrap{padding:18px}.project-detail-title{font-size:clamp(40px,12vw,70px)}.project-detail-desc{font-size:19px;margin:30px 0 40px}}
@media(max-width:390px){.hero-headline{font-size:14vw}.hero-info p{font-size:18px}.hero-bottom .scroll-cue{font-size:9px}.hero-placeholder-flag{max-width:135px;line-height:1.4}.contact-email{font-size:24px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}.js .reveal{opacity:1;transform:none}}
/* Fine tuning for narrow mobile viewports */
@media(max-width:700px){.work-intro h2{font-size:clamp(37px,9.7vw,72px)}.contact-main,.contact-details{min-width:0}.contact-email{font-size:clamp(18px,5vw,32px);white-space:normal;overflow-wrap:anywhere}}
@media(max-width:700px){.contact h2{font-size:clamp(67px,17vw,130px)}}
@media(max-width:700px){.studio h2{font-size:clamp(41px,10.6vw,84px)}}
@media(min-width:851px) and (max-width:1199px){.hero-headline{font-size:clamp(74px,10.8vw,137px)}}
@media(min-width:851px) and (max-width:1199px){.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(210px,.55fr);gap:3vw}.hero-info{max-width:245px}.hero-info p{font-size:clamp(20px,2vw,27px)}}
@media(min-width:851px) and (max-width:1199px){.work-intro{grid-template-columns:minmax(0,1fr) minmax(200px,.3fr)}.work-intro h2{font-size:clamp(60px,7.2vw,92px)}}

/* V4 / Intentional fusion typography: outlined connected letterforms in SVG, not accidental CSS tracking. */
.fused-display{font-size:inherit!important;letter-spacing:normal!important;font-weight:inherit;line-height:1!important;overflow:visible;max-width:100%;min-width:0}
.fused-display .fused-line{display:block!important;width:100%;line-height:0!important;overflow:visible}
.fused-display .fused-line img{display:block;width:auto;height:auto;max-width:100%;margin:0;object-fit:contain;object-position:left center}
.hero .fused-display{width:100%;max-width:min(100%,1030px);margin:0!important}
.hero .fused-display .fused-line + .fused-line{margin-top:-.9vw}
.hero .fused-display .fused-line:nth-child(2) img{width:100%}
.hero .fused-display .fused-line:nth-child(1) img{width:52%}
.hero .fused-display .fused-line:nth-child(3) img{width:51%}
.intro-main .fused-display{margin:0}
.intro-main .fused-display .fused-line:first-child img{width:70%}
.intro-main .fused-display .fused-line:nth-child(2) img{width:100%}
.intro-main .fused-line + .fused-line{margin-top:1.4vw}
.services-heading .fused-display .fused-line:first-child img{width:90%}
.services-heading .fused-display .fused-line:nth-child(2) img{width:83%}
.work-intro .fused-display .fused-line:first-child img{width:78%}
.work-intro .fused-display .fused-line:nth-child(2) img{width:100%}
.studio-copy .fused-display .fused-line:first-child img{width:95%}
.studio-copy .fused-display .fused-line:nth-child(2) img{width:83%}
.contact-main .fused-display .fused-line:first-child img{width:54%}
.contact-main .fused-display .fused-line:nth-child(2) img{width:86%}
.statement .fused-display .fused-line:first-child img{width:100%}
.statement .fused-display .fused-line:nth-child(2) img{width:78%}
.statement .fused-display .fused-line + .fused-line{margin-top:1.3vw}
.hero-placeholder-flag{display:none!important}
/* Outfit is compared in type specimen. Use Outfit selectively for editorial body copy. */
.intro-side p{font-family:'Outfit','DM Sans',Arial,sans-serif}
.project-gallery figure.figure-contain img,
.project-gallery figure.figure-contain:first-child img{object-fit:contain;background:#242424;object-position:center center}
.project-gallery figure.figure-contain img{height:auto;max-height:min(65vh,720px)}
.project-gallery figure.figure-contain:first-child img{height:auto;max-height:min(78vh,860px)}
.work-card[data-project=fitomat] img{object-position:50% 15%;object-fit:contain;background:#181818}
.work-card[data-project=neura] img{object-position:50% 50%;object-fit:contain;background:#292f32}
.work-card[data-project=haderlump] img{object-position:50% 47%}
.work-card[data-project=wwf] img{object-position:50% 50%}
.project-detail-title{letter-spacing:-.06em}
@media(min-width:851px){.hero .fused-display{max-width:min(100%,1040px)}.hero-grid{grid-template-columns:minmax(0,1.4fr) minmax(270px,.50fr)}}
@media(max-width:850px){.hero .fused-display{max-width:100%}.hero .fused-display .fused-line + .fused-line{margin-top:0}}
@media(max-width:700px){
 .hero .fused-display .fused-line:nth-child(2) img{width:100%}
 .hero .fused-display .fused-line:nth-child(1) img{width:58%}
 .hero .fused-display .fused-line:nth-child(3) img{width:57%}
 .hero-grid{margin-bottom:38px}
 .intro-main .fused-display .fused-line:first-child img{width:74%}
 .intro-main .fused-display .fused-line:nth-child(2) img{width:100%}
 .services-heading .fused-display .fused-line:first-child img{width:96%}
 .work-intro .fused-display .fused-line:first-child img{width:82%}
 .work-intro .fused-display .fused-line:nth-child(2) img{width:100%}
 .contact-main .fused-display .fused-line:first-child img{width:58%}
 .contact-main .fused-display .fused-line:nth-child(2) img{width:95%}
 .project-gallery figure.figure-contain img{max-height:unset}
}

/* Red ink reveal: same outlined wordform, clean overlay, no font collision. */
.intro-main .fused-line:nth-child(2){position:relative}
.intro-main .fused-line:nth-child(2) .intro-highlight-base{display:block;width:100%;height:auto}
.intro-main .fused-line:nth-child(2) .intro-highlight-overlay{display:block;width:100%;height:auto;position:absolute;inset:0;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s cubic-bezier(.16,.84,.25,1) .38s}
.intro-main.in-view .intro-highlight-overlay{clip-path:inset(0 0 0 0)}
@media(prefers-reduced-motion:reduce){.intro-main .fused-line:nth-child(2) .intro-highlight-overlay{clip-path:none}}

/* === V5 EDITORIAL DESIGN SYSTEM: controlled lettering, readable by default === */
:root{--display:"Space Grotesk","Inter Display",Arial,sans-serif;--body:"DM Sans",Arial,sans-serif}
.editorial-headline{font-family:var(--display)!important;font-weight:700!important;letter-spacing:-.048em!important;line-height:.91!important;margin:0;max-width:100%;min-width:0;overflow:visible;overflow-wrap:normal}
.editorial-headline .headline-row{display:block;white-space:nowrap}
.editorial-headline .headline-accent{color:var(--red)}
.editorial-headline .dot{letter-spacing:-.05em}
.hero .editorial-headline{font-size:clamp(61px,8.1vw,156px)!important;letter-spacing:-.067em!important;line-height:.89!important;margin:0!important}
.hero .editorial-headline .headline-row + .headline-row{margin-top:0}
.intro-main .editorial-headline{font-size:clamp(43px,6.45vw,118px)!important;letter-spacing:-.056em!important;line-height:.98!important}
/* Intentional one-letter collisions, only L–D and L–E, NOT entire words. */
.intent-pair{white-space:nowrap;display:inline!important}
.intent-pair .pair-tail{display:inline!important;position:relative;margin-left:-.095em}
.intro-display .headline-row + .headline-row{margin-top:.06em}
.intro-highlight{position:relative;display:inline-block;white-space:nowrap}
.intro-highlight .highlight-base{color:#171717;display:block}
.intro-highlight .highlight-active{display:block;color:var(--red);position:absolute;inset:0;width:100%;clip-path:inset(0 100% 0 0);transition:clip-path 1.2s cubic-bezier(.16,.84,.25,1) .38s}
.intro-main.in-view .intro-highlight .highlight-active{clip-path:inset(0 0 0 0)}
.services-heading .editorial-headline,.work-intro .editorial-headline{font-size:clamp(48px,7.2vw,130px)!important;line-height:.92!important}
.work-intro .editorial-headline{font-size:clamp(47px,6.8vw,120px)!important}
.statement .editorial-headline{font-size:clamp(46px,7.6vw,140px)!important;line-height:1!important}
.studio-copy .editorial-headline{font-size:clamp(43px,6.1vw,112px)!important;line-height:.94!important}
.contact-main .editorial-headline{font-size:clamp(68px,11vw,195px)!important;line-height:.88!important}
.intro-side p{font-family:var(--body)}
.service-row:last-child .service-image img{filter:none}
.work-card[data-project=haderlump] img{object-position:50% 44%}
.work-card[data-project=fitomat] img{object-fit:cover!important;background:none!important;object-position:50% 26%}
.work-card[data-project=neura]{background:#e0edef}
.work-card[data-project=neura] img{object-fit:cover!important;background:none!important;object-position:50% 47%}
.project-pipe{font-weight:400;opacity:.8}
.title-divider{font-weight:400;color:var(--red)}
.project-detail-title{letter-spacing:-.055em;line-height:1.03}
/* No black letterbox: real images fill their curated aspect ratios. Portrait-first cases have a two-column lead. */
.project-gallery{align-items:start;gap:clamp(12px,2vw,26px)}
.project-gallery figure img,.project-gallery figure:first-child img{height:auto;width:100%;max-height:none;object-fit:cover;background:none!important}
.project-gallery figure:first-child img{max-height:690px;object-fit:cover}
.project-gallery.gallery-fitomat figure:first-child{grid-column:auto}
.project-gallery.gallery-fitomat figure:first-child img,
.project-gallery.gallery-fitomat figure img{aspect-ratio:3/4;object-fit:cover;object-position:center top}
.project-gallery.gallery-welle figure:first-child img{aspect-ratio:16/9;object-fit:cover;object-position:50% 49%}
.project-gallery.gallery-welle figure:not(:first-child) img{aspect-ratio:4/5;object-fit:cover;object-position:center 36%}
.project-gallery.gallery-welle figure:last-child img{object-position:center 53%}
.project-gallery.gallery-volante figure:first-child img{aspect-ratio:16/9;object-fit:cover;object-position:50% 40%}
.project-gallery.gallery-volante figure:not(:first-child) img{aspect-ratio:4/5;object-fit:cover;object-position:center 34%}
.project-gallery.gallery-haderlump figure:first-child img{aspect-ratio:16/9;object-fit:cover}
.project-gallery.gallery-haderlump figure:not(:first-child) img{aspect-ratio:5/4;object-fit:cover}
.project-gallery.gallery-neura figure:first-child img{aspect-ratio:16/10;object-fit:cover;object-position:50% 49%}
.project-gallery.gallery-neura figure:not(:first-child) img{aspect-ratio:16/9;object-fit:cover}
.project-gallery.gallery-katy figure:first-child img{aspect-ratio:16/9;object-fit:cover}
.project-gallery.gallery-katy figure:not(:first-child) img{aspect-ratio:16/9;object-fit:cover}
/* Gallery staggering / alternating proportions, without empty gaps or duplicate frames. */
.project-gallery.gallery-haderlump figure:nth-child(2){transform:translateY(0)}
.project-gallery.gallery-haderlump figure:nth-child(3){transform:translateY(34px)}
.project-gallery.gallery-haderlump figure:nth-child(4){margin-top:12px}
.project-gallery.gallery-haderlump figure:nth-child(5){margin-top:46px}
.project-gallery.gallery-volante figure:nth-child(4){margin-top:15px}
.project-gallery.gallery-volante figure:nth-child(5){margin-top:0}
@media(max-width:1200px){.hero .editorial-headline{font-size:clamp(59px,7.75vw,110px)!important}.work-intro .editorial-headline{font-size:clamp(46px,6.5vw,85px)!important}}
@media(max-width:850px){.hero .editorial-headline{font-size:clamp(70px,12.6vw,108px)!important}.intro-main .editorial-headline{font-size:clamp(42px,8.4vw,91px)!important}.services-heading .editorial-headline,.work-intro .editorial-headline{font-size:clamp(50px,8.3vw,100px)!important}.studio-copy .editorial-headline{font-size:clamp(46px,8.4vw,93px)!important}}
@media(max-width:700px){.hero .editorial-headline{font-size:clamp(51px,11.4vw,84px)!important}.intro-main .editorial-headline{font-size:clamp(34px,9.1vw,70px)!important}.services-heading .editorial-headline,.work-intro .editorial-headline{font-size:clamp(35px,8vw,75px)!important}.statement .editorial-headline{font-size:clamp(33px,8vw,68px)!important}.studio-copy .editorial-headline{font-size:clamp(36px,8.1vw,77px)!important}.contact-main .editorial-headline{font-size:clamp(56px,14vw,125px)!important}.project-gallery.gallery-fitomat{grid-template-columns:1fr 1fr}.project-gallery.gallery-fitomat figure img,.project-gallery.gallery-fitomat figure:first-child img{aspect-ratio:3/4;height:auto;object-fit:cover}.project-gallery.gallery-haderlump figure:nth-child(n),.project-gallery.gallery-volante figure:nth-child(n){transform:none;margin-top:0}.project-gallery.gallery-welle figure:first-child img{aspect-ratio:4/5}.project-gallery.gallery-volante figure:first-child img{aspect-ratio:4/5}.project-gallery.gallery-neura figure:first-child img{aspect-ratio:16/10}}
@media(max-width:420px){.hero .editorial-headline{font-size:11.1vw!important}.intro-main .editorial-headline{font-size:9vw!important}.work-intro .editorial-headline{font-size:7.3vw!important}.services-heading .editorial-headline{font-size:8vw!important}.studio-copy .editorial-headline{font-size:7.6vw!important}.statement .editorial-headline{font-size:7.4vw!important}}
@media(prefers-reduced-motion:reduce){.intro-highlight .highlight-active{clip-path:none}}


/* === V6 / art direction and real photograph grading === */
.site-header .brand{width:88px;flex:none}
.site-header .brand img{width:79px;height:79px;max-height:79px;object-fit:contain}
.site-header .header-descriptor{margin-left:5px}
.hero .editorial-headline{font-size:clamp(84px,10.5vw,196px)!important;letter-spacing:-.077em!important;line-height:.82!important}
.hero-grid{grid-template-columns:minmax(0,1.52fr) minmax(250px,.47fr);gap:clamp(25px,3.1vw,60px)}
.hero .hero-info{max-width:360px}
.hero .hero-info p{font-size:clamp(19px,2.08vw,35px)}
.hero-placeholder-flag,.hero-placeholder,.hero-preview-flag{display:none!important}
/* Normal character rhythm; dedicated tight joins at selected combinations only. */
.editorial-headline{letter-spacing:-.046em!important}
.editorial-headline .intent-pair .pair-tail{margin-left:-.115em!important}
.editorial-headline .ea-pair .pair-tail{margin-left:-.14em!important}
.editorial-headline .le-pair .pair-tail{margin-left:-.112em!important}
.services-heading .editorial-headline{font-size:clamp(55px,8.3vw,151px)!important}
.studio-copy .editorial-headline{font-size:clamp(51px,7.35vw,135px)!important}
.work-card[data-project=fitomat] img{object-position:50% 40%!important}
/* Image groups: fill columns with real crops, never rotated or letterboxed. */
.project-gallery.gallery-fitomat{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-gallery.gallery-fitomat figure:first-child{grid-column:1/-1}
.project-gallery.gallery-fitomat figure:first-child img{aspect-ratio:16/9;object-fit:cover;object-position:50% 38%}
.project-gallery.gallery-fitomat figure:not(:first-child) img{aspect-ratio:4/5;object-fit:cover;object-position:50% 40%}
.project-gallery.gallery-fitomat figure.fitomat-social-figure{grid-column:1/-1}
.project-gallery.gallery-fitomat figure.fitomat-social-figure img{aspect-ratio:16/8.5;object-fit:cover;object-position:center center}
.project-gallery.gallery-welle figure:nth-child(5) img{object-position:50% 35%}
.project-gallery.gallery-haderlump figure:nth-child(4){margin-top:0}
.project-gallery.gallery-haderlump figure:nth-child(5){margin-top:0}
@media(max-width:1200px){.hero .editorial-headline{font-size:clamp(76px,9.0vw,125px)!important}}
@media(max-width:850px){.hero .editorial-headline{font-size:clamp(80px,11.9vw,121px)!important}.studio-copy .editorial-headline{font-size:clamp(45px,8.4vw,100px)!important}}
@media(max-width:700px){
 .site-header .brand{width:61px}.site-header .brand img{width:58px;height:58px;max-height:58px}
 .hero .editorial-headline{font-size:clamp(53px,12.0vw,78px)!important;line-height:.86!important}
 .hero-grid{display:flex;flex-direction:column;align-items:flex-start;gap:32px}
 .hero .hero-info{justify-self:auto;max-width:340px}
 .services-heading .editorial-headline{font-size:clamp(40px,8.3vw,75px)!important}
 .studio-copy .editorial-headline{font-size:clamp(40px,8vw,75px)!important}
 .project-gallery.gallery-fitomat figure.fitomat-social-figure img{aspect-ratio:1/1;object-fit:cover}
}


/* === V7 / new references and approved identity === */
.work-card[data-project="kas"] .work-card-info strong{font-size:clamp(27px,2.75vw,43px)}
.work-card[data-project="europatag"] .work-card-info strong{font-size:clamp(27px,2.5vw,42px)}
.work-card[data-project="hirschhausen"] .work-card-info strong{font-size:clamp(30px,3.05vw,48px)}
.work-card[data-project="charite"] .work-card-info strong{font-size:clamp(28px,2.9vw,45px)}
.work-card[data-project="wwf"]:after{background:linear-gradient(0deg,rgba(0,0,0,.95) 0%,rgba(0,0,0,.56) 37%,transparent 66%)}

.project-detail-title{letter-spacing:-.046em;word-spacing:.025em;overflow-wrap:normal}
.project-modal[data-project="kas"] .project-detail-title{font-size:clamp(32px,5.35vw,81px)}
.project-modal[data-project="europatag"] .project-detail-title{font-size:clamp(38px,6vw,96px)}
.project-modal[data-project="hirschhausen"] .project-detail-title{font-size:clamp(32px,5.4vw,85px)}
.project-modal[data-project="charite"] .project-detail-title{font-size:clamp(42px,6.3vw,97px)}
@media(max-width:700px){
 .project-modal[data-project="kas"] .project-detail-title{font-size:clamp(22px,6.2vw,34px)}
 .project-modal[data-project="europatag"] .project-detail-title{font-size:clamp(30px,8vw,44px)}
 .project-modal[data-project="hirschhausen"] .project-detail-title{font-size:clamp(24px,6.6vw,36px)}
 .project-modal[data-project="charite"] .project-detail-title{font-size:clamp(30px,8vw,42px)}
}

.site-header .brand{width:102px;flex:0 0 102px}
.site-header .brand img{width:94px;height:auto;max-height:59px;object-fit:contain}
.site-footer .footer-logo img{width:86px;height:auto;max-height:none}
.work-card[data-project="europatag"] img{object-position:50% 45%}
.work-card[data-project="kas"] img{object-position:50% 45%}
.work-card[data-project="hirschhausen"] img{object-position:50% 50%}
.work-card[data-project="charite"] img{object-position:50% 53%}
.project-gallery.gallery-europatag figure:first-child{grid-column:auto}
.project-gallery.gallery-europatag img,.project-gallery.gallery-europatag figure:first-child img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center center}
.project-gallery.gallery-single{grid-template-columns:minmax(0,1fr)}
.project-gallery.gallery-single figure{grid-column:1/-1}
.project-gallery.gallery-single img,.project-gallery.gallery-single figure:first-child img{height:auto;aspect-ratio:16/9;object-fit:cover;object-position:center center}
/* FITOMAT: balanced two-up studio + documented social-content; no dark portrait. */
.project-gallery.gallery-fitomat{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-gallery.gallery-fitomat figure:first-child{grid-column:1/-1}
.project-gallery.gallery-fitomat figure:nth-child(2),.project-gallery.gallery-fitomat figure.fitomat-social-figure{grid-column:auto}
.project-gallery.gallery-fitomat figure:nth-child(2) img,.project-gallery.gallery-fitomat figure.fitomat-social-figure img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:50% 42%}
/* Expand key statements without altering the agreed, selective character joins. */
@media (min-width:1450px){
 .hero .editorial-headline{font-size:clamp(160px,11.8vw,225px)!important;letter-spacing:-.068em!important}
 .hero-grid{grid-template-columns:minmax(0,1.65fr) minmax(240px,.39fr);gap:clamp(22px,2vw,55px)}
 .studio-copy .editorial-headline{font-size:clamp(105px,8vw,160px)!important}
}
@media (max-width:700px){
 .site-header .brand{width:69px;flex:0 0 69px}
 .site-header .brand img{width:66px;max-height:49px}
 .project-gallery.gallery-europatag{grid-template-columns:1fr}
 .project-gallery.gallery-europatag figure{grid-column:1/-1}
 .project-gallery.gallery-fitomat{grid-template-columns:1fr}
 .project-gallery.gallery-fitomat figure:first-child,.project-gallery.gallery-fitomat figure:nth-child(2),.project-gallery.gallery-fitomat figure.fitomat-social-figure{grid-column:1/-1}
 .project-gallery.gallery-fitomat figure.fitomat-social-figure img{aspect-ratio:1/1}
}

/* === V8 / final polish after client review === */
.keep-together{white-space:nowrap}
.hero .editorial-headline{
  letter-spacing:-.032em!important;
}
.hero .editorial-headline .headline-row{
  letter-spacing:inherit;
}
/* Haderlump title must remain two lines with the divider on line one. */
.project-modal[data-project="haderlump"] .project-detail-title{
  font-size:clamp(42px,5.2vw,82px);
}
.work-card[data-project="haderlump"] .work-card-info strong{
  font-size:clamp(25px,2.8vw,46px);
}
/* Remove the remaining vertical offset in the top-right Haderlump image. */
.project-gallery.gallery-haderlump figure:nth-child(2),
.project-gallery.gallery-haderlump figure:nth-child(3),
.project-gallery.gallery-haderlump figure:nth-child(4),
.project-gallery.gallery-haderlump figure:nth-child(5){
  transform:none!important;
  margin-top:0!important;
}
/* Fitomat grid: preserve top text, crop more from the bottom instead. */
.project-gallery.gallery-fitomat figure.fitomat-social-figure img{
  aspect-ratio:16/10.5!important;
  object-position:center top!important;
}
@media(max-width:700px){
  .hero .editorial-headline{letter-spacing:-.02em!important}
  .project-gallery.gallery-fitomat figure.fitomat-social-figure img{aspect-ratio:4/3!important;object-position:center top!important}
}

/* === V9 / restore approved FITOMAT social screenshot === */
.project-gallery.gallery-fitomat figure.fitomat-social-figure img{
  aspect-ratio:4/5!important;
  object-fit:cover!important;
  object-position:center top!important;
}
@media(max-width:700px){
  .project-gallery.gallery-fitomat figure.fitomat-social-figure img{aspect-ratio:1/1!important;object-position:center top!important}
}


/* Production footer legal navigation */
.site-footer .legal-links{display:flex;flex-wrap:wrap;gap:clamp(14px,1.6vw,28px);font-size:12px;letter-spacing:.075em;text-transform:uppercase;margin-top:14px}
.site-footer .legal-links a{color:#aaa;text-decoration:none;border-bottom:1px solid transparent;padding-bottom:3px;transition:color .2s,border-color .2s}
.site-footer .legal-links a:hover,.site-footer .legal-links a:focus-visible{color:#fff;border-color:#ff5757}