@font-face{font-family:Kastl;src:url('Poppins-Regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Kastl;src:url('Poppins-SemiBold.ttf') format('truetype');font-weight:600;font-display:swap}
:root{--ink:#11110f;--paper:#efede6;--orange:#ff4d00;--white:#f7f6f1;--line:rgba(17,17,15,.22);--pad:clamp(20px,3.4vw,64px)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Kastl,Arial,sans-serif;overflow-x:hidden}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}button{font:inherit;color:inherit}::selection{background:var(--orange);color:#fff}
.page-loader{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:var(--orange);font-size:clamp(38px,7vw,110px);letter-spacing:-.07em;transition:transform .8s cubic-bezier(.77,0,.18,1) .15s}.page-loader.is-gone{transform:translateY(-101%)}
.site-header{position:absolute;z-index:50;inset:0 0 auto;display:grid;grid-template-columns:1fr auto 1fr;align-items:start;padding:28px var(--pad);color:#fff;mix-blend-mode:difference}.brand{font-size:clamp(20px,2vw,31px);font-weight:600;letter-spacing:-.065em;line-height:1}.brand span{font-family:Georgia,serif;font-style:italic;font-weight:400}.header-label{margin:0;font-size:9px;line-height:1.35;text-align:center;text-transform:uppercase;letter-spacing:.12em}.menu-toggle{justify-self:end;border:0;background:none;padding:0;cursor:pointer;text-transform:uppercase;font-size:10px;letter-spacing:.12em;display:flex;align-items:center;gap:12px}.menu-toggle i{width:9px;height:9px;border:1px solid;border-radius:50%;background:currentColor}.site-menu{position:fixed;z-index:40;inset:0;background:var(--orange);padding:110px var(--pad) 30px;display:grid;grid-template-rows:auto 1fr auto;transform:translateY(-101%);transition:transform .8s cubic-bezier(.77,0,.18,1);visibility:hidden}.site-menu.open{transform:none;visibility:visible}.menu-meta,.menu-foot{display:flex;justify-content:space-between;font-size:10px;text-transform:uppercase;letter-spacing:.12em}.menu-links{align-self:center}.menu-links a{display:flex;align-items:start;gap:25px;border-bottom:1px solid rgba(17,17,15,.25);font-size:clamp(51px,8.3vw,140px);line-height:.88;letter-spacing:-.075em}.menu-links a small{font-size:9px;letter-spacing:.1em;margin-top:1.6em}.menu-links a:hover{font-family:Georgia,serif;font-style:italic}.menu-foot{align-items:end}.menu-foot a:last-child{text-align:right}
.hero{height:100svh;min-height:650px;position:relative;color:#fff;display:grid;grid-template-rows:auto 1fr auto;padding:100px var(--pad) 35px;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media video{height:100%;object-fit:cover}.hero-shade{background:linear-gradient(180deg,rgba(0,0,0,.32),rgba(0,0,0,.03) 38%,rgba(0,0,0,.5));}.hero-topline,.hero-bottom,.hero h1{position:relative;z-index:2}.hero-topline{display:flex;justify-content:space-between;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.hero h1{align-self:center;margin:0;font-weight:400;font-size:clamp(62px,11.5vw,190px);line-height:.75;letter-spacing:-.09em}.hero h1 span{display:block}.hero h1 span:last-child{text-align:right}.hero h1 em,.intro h2 i,.services-title h2 i,.agency h2 i,.contact h2 i{font-family:Georgia,serif;font-weight:400}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;align-items:end}.hero-bottom p{margin:0;max-width:440px;font-size:clamp(14px,1.2vw,19px);line-height:1.5}.hero-bottom a{justify-self:end;font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding:0 0 6px}.hero-bottom b{font-size:16px;margin-left:22px}
.section-pad{padding-left:var(--pad);padding-right:var(--pad)}.eyebrow{display:grid;grid-template-columns:70px 1fr;border-top:1px solid var(--line);padding-top:12px;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.intro{padding-top:clamp(110px,13vw,210px);padding-bottom:clamp(120px,15vw,240px)}.intro-copy{display:grid;grid-template-columns:2.15fr 1fr;gap:8vw;margin-top:75px}.intro h2{font-size:clamp(42px,6.6vw,108px);line-height:.91;letter-spacing:-.075em;font-weight:400;margin:0}.intro-copy>div{align-self:end}.intro-copy p{font-size:clamp(15px,1.2vw,19px);line-height:1.65;margin:0 0 35px}.text-link{font-size:10px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding-bottom:6px}
.work{background:#fff}.work-head{padding-top:35px;padding-bottom:80px}.work-head>p{font-size:clamp(26px,3.5vw,55px);letter-spacing:-.055em;line-height:1.05;margin:65px 0 0 48%}.case{min-height:100svh;display:grid;grid-template-columns:65% 35%;position:relative;overflow:hidden}.case-dark{background:var(--ink);color:#fff}.case-orange{background:var(--orange)}.case-visual{height:100svh;overflow:hidden}.case-visual img,.case-visual video{height:112%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.7,.2,1)}.case:hover .case-visual img,.case:hover .case-visual video{transform:scale(1.025)}.case-copy{padding:35px clamp(25px,3vw,60px);display:flex;flex-direction:column}.case-no{font-size:9px;letter-spacing:.12em}.case-copy h3{font-size:clamp(43px,5.4vw,92px);line-height:.85;letter-spacing:-.075em;font-weight:400;margin:auto 0 22px}.case-copy p{font-size:10px;text-transform:uppercase;letter-spacing:.1em;line-height:1.6;margin:0}.case-link{font-size:10px;text-transform:uppercase;letter-spacing:.1em;border-top:1px solid currentColor;margin-top:auto;padding-top:13px}.case-pair{display:grid;grid-template-columns:1fr 1fr;gap:3vw;padding-top:clamp(100px,12vw,190px);padding-bottom:clamp(120px,14vw,220px);background:var(--paper)}.mini-case:nth-child(2){margin-top:12vw}.mini-case>div{aspect-ratio:4/5;overflow:hidden;margin-bottom:16px}.mini-case img{height:105%;object-fit:cover;transition:transform .7s}.mini-case:hover img{transform:scale(1.03)}.mini-case span,.mini-case p{font-size:9px;text-transform:uppercase;letter-spacing:.11em}.mini-case h3{font-size:clamp(29px,3.2vw,52px);letter-spacing:-.06em;font-weight:400;margin:13px 0 5px}.mini-case p{margin:0}
.services{background:var(--ink);color:var(--white);padding-top:clamp(110px,13vw,200px);padding-bottom:clamp(110px,13vw,200px)}.services .eyebrow{border-color:#444}.services-title{display:grid;grid-template-columns:2.1fr 1fr;gap:8vw;margin:70px 0 110px}.services-title h2{font-size:clamp(43px,6.7vw,110px);font-weight:400;line-height:.9;letter-spacing:-.075em;margin:0}.services-title p{align-self:end;color:#aaa;font-size:15px;line-height:1.65;margin:0}.service{width:100%;background:none;border:0;border-top:1px solid #444;padding:24px 0;display:grid;grid-template-columns:70px 1fr auto;text-align:left;align-items:center;cursor:pointer}.service:last-child{border-bottom:1px solid #444}.service>span{font-size:9px;color:#888}.service strong{font-size:clamp(26px,3.4vw,55px);font-weight:400;letter-spacing:-.055em}.service>i{font-style:normal;font-size:25px;transition:transform .3s}.service small{grid-column:2/3;max-width:620px;max-height:0;opacity:0;overflow:hidden;color:#aaa;font-size:14px;line-height:1.6;transition:.4s}.service.open small{max-height:100px;opacity:1;padding-top:15px}.service.open>i{transform:rotate(45deg)}
.gallery{background:#fff;overflow:hidden;padding:20px 0}.gallery-track{display:flex;gap:20px;width:max-content;animation:gallery 42s linear infinite}.gallery img{width:clamp(260px,27vw,480px);height:clamp(350px,37vw,650px);object-fit:cover}@keyframes gallery{to{transform:translateX(calc(-50% - 10px))}}
.agency{padding-top:clamp(120px,14vw,220px);padding-bottom:clamp(120px,14vw,220px)}.agency-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;align-items:center;margin-top:70px}.agency-portrait{aspect-ratio:4/5;overflow:hidden}.agency-portrait img{height:105%;object-fit:cover}.agency h2{font-size:clamp(43px,6vw,95px);font-weight:400;line-height:.9;letter-spacing:-.075em;margin:0}.agency-copy p{max-width:530px;font-size:clamp(15px,1.2vw,19px);line-height:1.65;margin:35px 0}
.contact{min-height:95svh;background:var(--orange);padding:40px var(--pad);display:grid;grid-template-rows:auto 1fr auto}.contact-meta{display:flex;justify-content:space-between;border-top:1px solid;padding-top:12px;font-size:9px;text-transform:uppercase;letter-spacing:.12em}.contact h2{align-self:center;font-size:clamp(64px,12vw,200px);line-height:.74;letter-spacing:-.09em;font-weight:400;margin:0}.contact>a{justify-self:end;display:flex;justify-content:space-between;align-items:center;width:min(480px,100%);border-top:1px solid;padding-top:13px;font-size:11px;text-transform:uppercase;letter-spacing:.12em}.contact>a span{font-size:20px}
.footer{background:var(--ink);color:#eee;padding-top:80px;padding-bottom:30px}.footer-brand{font-size:clamp(70px,13vw,215px);letter-spacing:-.09em;line-height:.8}.footer-brand i{font-family:Georgia,serif;font-weight:400}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;margin-top:120px}.footer-grid small{display:block;color:#777;text-transform:uppercase;font-size:9px;letter-spacing:.13em;margin-bottom:19px}.footer-grid p,.footer-grid a{font-size:13px;line-height:1.75;margin:0;display:block}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #333;margin-top:75px;padding-top:16px;color:#777;font-size:9px;text-transform:uppercase;letter-spacing:.11em}
.reveal{opacity:0;transform:translateY(50px);transition:opacity .8s,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
.hero h1{color:#fff;mix-blend-mode:difference;opacity:.72}.hero h1>.hero-line{display:flex;flex-wrap:wrap;gap:0 .18em;overflow:visible}.hero h1>.hero-line:last-child{justify-content:flex-end}.hero h1 .word{display:inline-block;flex:0 0 auto;overflow:hidden;vertical-align:bottom;padding:.16em .09em .18em .04em;margin:-.16em -.09em -.18em -.04em}.hero h1 .word-inner{display:block;font:inherit;font-weight:inherit;text-align:left;transform:translateY(115%);animation:word-rise .85s cubic-bezier(.2,.75,.2,1) forwards}.hero h1 .hero-line:first-child .word:nth-child(1) .word-inner{animation-delay:.9s}.hero h1 .hero-line:first-child .word:nth-child(2) .word-inner{animation-delay:1.02s}.hero h1 .hero-line:last-child .word:nth-child(1) .word-inner{animation-delay:1.14s}.hero h1 .hero-line:last-child .word:nth-child(2) .word-inner{animation-delay:1.26s}@keyframes word-rise{to{transform:translateY(0)}}
.svg-arrow{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.18em;background:currentColor;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.arrow-up-right{mask-image:url('icon-arrow-up-right.svg');-webkit-mask-image:url('icon-arrow-up-right.svg')}.arrow-down{mask-image:url('icon-arrow-down.svg');-webkit-mask-image:url('icon-arrow-down.svg')}.arrow-down-right{mask-image:url('icon-arrow-up-right.svg');-webkit-mask-image:url('icon-arrow-up-right.svg');transform:rotate(90deg)}.arrow-up{mask-image:url('icon-arrow-down.svg');-webkit-mask-image:url('icon-arrow-down.svg');transform:rotate(180deg)}.hero-bottom .svg-arrow{font-size:16px;margin-left:22px}.contact>a .svg-arrow{font-size:20px}
.hero{position:sticky;top:0;z-index:0}.intro{position:relative;z-index:2;background:var(--paper)}.work,.services,.gallery,.agency,.contact{position:relative;z-index:2}.agency{background:var(--paper)}.site-header{position:fixed;transition:background-color .35s ease,color .35s ease,box-shadow .35s ease,opacity .25s ease}.site-header:not(.is-sticky){position:fixed;background:transparent}.site-header.is-sticky{position:fixed;background:rgba(239,237,230,.72);color:var(--ink);mix-blend-mode:normal;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 1px 0 rgba(17,17,15,.09)}.site-header.is-sticky .brand,.site-header.is-sticky .menu-toggle{color:var(--ink)}.site-header.is-sticky .menu-toggle{background:transparent}
.menu-toggle .menu-icon{display:flex;flex-direction:column;justify-content:center;gap:5px;width:19px;height:16px}.menu-toggle .menu-icon i{display:block;flex:0 0 2px;width:19px;height:2px;border:0;border-radius:0;background:currentColor;transition:transform .3s ease}.menu-toggle[aria-expanded="true"] .menu-icon i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] .menu-icon i:last-child{transform:translateY(-3.5px) rotate(-45deg)}
.hero h1.animation-complete .word{overflow:visible}
.case-medizin{background:#f01616;color:#fff}.case-bitkastl{background:#000fff;color:#fff}.case-legato{background:#dce3cd}.case-hinrichs{background:#d9d4cb}.case-hinrichs .case-visual img{object-position:center 35%}
@media(max-width:800px){.site-header{display:flex;justify-content:space-between;mix-blend-mode:normal}.header-label{display:none}.brand{color:#fff}.menu-toggle{position:static;display:flex;background:var(--orange);color:var(--ink);padding:9px 11px}.hero{min-height:700px;padding-top:88px}.hero-topline span:last-child{display:none}.hero h1{font-size:clamp(57px,18vw,96px);line-height:.8}.hero h1 span:last-child{text-align:left}.hero-bottom{grid-template-columns:1fr;gap:25px}.hero-bottom p{max-width:82%}.hero-bottom a{justify-self:start}.intro-copy,.services-title,.agency-grid{grid-template-columns:1fr}.intro-copy{gap:45px;margin-top:45px}.work-head>p{margin-left:0}.case{min-height:auto;display:block}.case-visual{height:70svh}.case-copy{min-height:420px}.case-pair{grid-template-columns:1fr;gap:80px}.mini-case:nth-child(2){margin-top:0}.services-title{gap:40px;margin-bottom:70px}.service{grid-template-columns:38px 1fr auto}.service small{grid-column:2/4}.agency-copy{order:-1}.contact{min-height:80svh}.footer-grid{grid-template-columns:1fr;gap:45px;margin-top:80px}.footer-bottom{flex-direction:column;gap:12px}.menu-foot a:first-child{display:none}}
@media(max-width:800px){.hero h1{font-size:clamp(54px,13.5vw,92px)}.hero h1>.hero-line{justify-content:flex-start}.site-header{padding:15px;align-items:center}.site-header .menu-toggle{background:transparent;padding:0;align-self:center}.site-header.is-sticky{background:rgba(239,237,230,.78)!important;color:var(--ink)!important;mix-blend-mode:normal!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;box-shadow:0 1px 0 rgba(17,17,15,.09)}.site-header.is-sticky .brand,.site-header.is-sticky .menu-toggle{color:var(--ink)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.page-loader{display:none}.reveal{opacity:1;transform:none}.gallery-track{animation:none}.hero h1 .word{overflow:visible}.hero h1 .word-inner{animation:none!important;transform:none!important}.hero-media video{display:none}.hero-media{background:url('DSC007345.jpg') center/cover}*{transition:none!important}}