:root{color-scheme:dark;--bg:#101114;--panel:#191b20;--ink:#e7e8ec;--muted:#a0a4af;--line:#303239;--blue:#3873ff;--red:#e7443e}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}button{border:0}button:disabled{opacity:.45;cursor:default}button[hidden]{display:none!important}img,video{display:block;max-width:100%}a:focus-visible,button:focus-visible,[tabindex]:focus-visible{outline:3px solid #89aaff;outline-offset:5px}::selection{background:var(--blue);color:white}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500;line-height:1.07;letter-spacing:-.045em}h2{font-size:clamp(2.3rem,4.8vw,4.6rem)}h3{font-size:2rem}p{color:var(--muted)}.wrap{width:calc(100% - 96px);max-width:1440px;margin-inline:auto}.section{padding-block:112px}.eyebrow{text-transform:uppercase;font-size:.875rem;line-height:1.6;letter-spacing:.12em;color:var(--muted);margin-bottom:24px}.skip-link{position:absolute;top:-80px;left:12px;z-index:20;background:var(--blue);padding:12px}.skip-link:focus{top:12px}.nav{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:inline-flex;align-items:flex-start;gap:6px;font-weight:800;font-size:1.8rem;letter-spacing:-.09em;text-decoration:none;line-height:1}.record-dot{width:7px;height:7px;display:block;background:var(--red);border-radius:50%;margin-top:4px}.nav nav{display:flex;gap:32px;align-items:center}.nav nav a{font-size:.875rem;text-decoration:none}.nav nav>a:not(.button):hover{color:#9ab7ff}.button{display:inline-flex;gap:32px;align-items:center;background:var(--blue);color:#fff;padding:14px 22px;text-decoration:none;line-height:1.5}.button:hover{background:#285ede}.text-link{display:inline-flex;align-items:center;gap:28px;text-decoration:none;background:transparent;padding:0 0 6px;border-bottom:1px solid var(--line);font-size:1rem;line-height:1.5}.text-link span{color:#7d9fff}.text-link:hover{border-color:var(--blue)}.hero{padding-top:66px}.hero-heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:36px;margin-bottom:48px}.hero-heading .eyebrow{margin-bottom:22px;font-size:.875rem;letter-spacing:.075em}.hero h1{font-size:clamp(4.5rem,8.8vw,8.8rem);letter-spacing:-.065em;line-height:.99}.hero h1 span{color:var(--blue)}.hero-side{justify-self:end;padding-bottom:8px;max-width:350px}.hero-side>p:not(.location){font-size:1.125rem;line-height:1.6;margin-bottom:26px}.location{color:var(--ink);font-size:.875rem;margin-bottom:20px}.hero-film{position:relative;aspect-ratio:2.35;overflow:hidden;background:#25262a}.hero-poster,.hero-motion{position:absolute;width:100%;height:100%;object-fit:cover}.hero-poster{object-position:center 50%}.hero-motion{opacity:0;transition:opacity .5s}.hero-motion.playing{opacity:1}.film-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 52%,rgba(0,0,0,.25))}.hero-film-top,.hero-film-bottom{position:absolute;left:32px;right:32px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#fff}.hero-film-top{top:24px;font-size:.875rem}.hero-film-bottom{bottom:28px;align-items:end}.hero-film-bottom h2{font-size:clamp(1.4rem,2.1vw,2.2rem);letter-spacing:-.025em}.hero-film-bottom p{color:#e0e1e4;margin-top:8px;font-size:.875rem}.film-credit{font-size:.875rem}.motion-toggle{background:#1119;border:1px solid #ffffff66;color:#fff;padding:7px 12px;font-size:.875rem;backdrop-filter:blur(6px)}.film-play{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;gap:16px;align-items:center;background:transparent;padding:12px;color:#fff;text-align:left}.film-play>span:last-child{font-weight:600;font-size:1rem}.film-play small{display:block;font-weight:400;font-size:.875rem;color:#e1e1e1}.play-disc{display:grid;place-items:center;border:1px solid #fffa;background:#ffffff1c;backdrop-filter:blur(8px);width:64px;height:64px;border-radius:50%;font-size:18px;padding-left:3px;color:white;transition:background .2s,transform .2s}.film-play:hover .play-disc,.property-still:hover .play-disc{background:var(--blue);border-color:var(--blue);transform:scale(1.08)}.proof{padding-block:58px;display:flex;justify-content:space-between;gap:30px;align-items:center;border-bottom:1px solid var(--line)}.reach{display:flex;align-items:center;gap:36px}.reach-number{font-size:clamp(4.4rem,7.8vw,7.5rem);line-height:1;letter-spacing:-.065em;font-weight:500;color:var(--ink);white-space:nowrap}.reach-number span{color:var(--blue)}.reach h2{font-size:1.4rem;letter-spacing:-.015em;line-height:1.3}.reach>div>p{font-size:.875rem;margin-top:12px}.experience{display:flex;align-items:center;gap:22px;padding-left:40px;border-left:1px solid var(--line)}.experience strong{font-weight:500;font-size:1.75rem;white-space:nowrap;letter-spacing:-.04em}.experience p{font-size:.875rem}.section-heading{margin-bottom:56px;max-width:800px}.section-heading>p:last-child:not(.eyebrow){max-width:530px;margin-top:24px;font-size:1.125rem}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}.service-grid article{padding:30px 32px 0 0}.service-grid article+article{border-left:1px solid var(--line);padding-left:32px}.service-number{font-size:.875rem;color:#7e9fff;display:block;margin-bottom:40px}.service-grid h3{font-size:clamp(1.55rem,2.1vw,2rem);margin-bottom:22px}.service-grid article>p{line-height:1.7;max-width:370px}.service-grid .service-tags{font-size:.875rem;color:#c1c4cd;margin-top:28px}.work{border-top:1px solid var(--line)}.property-project{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:center}.property-still{position:relative;align-self:center;aspect-ratio:16/9;background:#222;padding:0;overflow:hidden}.property-still img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.property-still:hover img{transform:scale(1.025)}.property-still .play-disc{position:absolute;bottom:16px;right:16px;margin:0;width:48px;height:48px}.property-info h3{font-size:clamp(2rem,3.5vw,3.5rem);margin-bottom:24px}.property-info>p:not(.eyebrow){max-width:460px}dl{margin:28px 0}dl>div{display:grid;grid-template-columns:80px 1fr;gap:16px;padding:12px 0;border-top:1px solid var(--line);font-size:.875rem}dt{color:var(--muted)}dd{margin:0}.series{margin-top:112px}.series-heading{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end;margin-bottom:36px}.series-heading h3{font-size:clamp(2rem,3.5vw,3.5rem)}.series-heading .eyebrow{margin-bottom:16px}.series-heading>div>p.muted{font-size:.875rem;margin-top:12px}.series-player{width:100%;aspect-ratio:16/9;background:#060708}.series-player iframe{display:block;width:100%;height:100%;border:0}.series-controls{display:flex;align-items:center;justify-content:space-between;margin:24px 0 16px}.series-controls>p{font-size:.875rem;color:var(--ink)}.series-controls>div{display:flex;gap:8px}.rail-arrow{border:1px solid var(--line);background:transparent;width:44px;height:40px}.rail-arrow:hover{background:var(--blue)}.episode-rail{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 48px)/4);gap:16px;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#596274 #1a1b20;padding:5px 0 16px}.episode{display:flex;flex-direction:column;text-align:left;background:var(--panel);border:1px solid transparent;padding:22px;min-height:190px;scroll-snap-align:start;text-decoration:none}.episode:hover{border-color:#667089}.episode.active{border-color:var(--blue);background:#192339}.episode-index{display:flex;justify-content:space-between;color:#8baaff;margin-bottom:34px;font-size:.875rem}.episode-index>span{color:var(--muted)}.episode strong{font-weight:500;line-height:1.35;margin-bottom:10px}.episode>span:last-child{font-size:.875rem;line-height:1.45;color:var(--muted)}.video-note{font-size:.875rem;margin-top:18px}.video-note a{text-underline-offset:4px}.collaborations{background:#17191e;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.logo-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}.logo-card{display:flex;justify-content:center;align-items:center;height:115px;padding:24px;background:#f3f4f6;border:1px solid #f3f4f6;border-radius:2px;position:relative}.logo-card img{max-width:100%;max-height:62px;object-fit:contain;width:auto;height:auto}.logo-card.dark{background:#101114;border-color:#353740}.logo-card.navy{background:#080f35;border-color:#080f35}.logo-card:hover{border-color:#739bff}.logo-card.wordmark{font-size:1.15rem;color:#eee;background:#202229;text-align:center;line-height:1.3;letter-spacing:0;padding:16px}.logo-card.iconic img{max-height:90px;max-width:145px}.agency-heading{margin:44px 0 20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.agency-heading h3{font-size:1.25rem;letter-spacing:-.01em}.agency-heading p{font-size:.875rem}.agency-grid{grid-template-columns:repeat(4,minmax(0,1fr));max-width:950px}.agency-grid .logo-card{height:130px}.agency-grid .logo-card.realstudio img{max-height:105px}.about{display:grid;grid-template-columns:1fr 1.25fr;gap:9%;align-items:center}.portrait{position:relative}.portrait img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center 32%}.portrait>span{display:block;margin-top:16px;font-size:.875rem;color:var(--muted)}.about-copy h2{font-size:clamp(2.2rem,3.5vw,3.5rem);margin-bottom:32px}.about-copy p:not(.eyebrow){margin-bottom:20px;max-width:600px}.about-copy p.about-lead{font-size:1.3rem;color:var(--ink)}.about-copy .text-link{margin-top:18px}.contact{background:#e4e6eb;color:#14171e}.contact .eyebrow{color:#535b69}.contact h2{font-size:clamp(3rem,6.8vw,6.8rem);max-width:1100px}.contact h2 span{color:#225ee1}.contact>div>p:not(.eyebrow){color:#535b69;font-size:1.125rem;margin:28px 0 44px}.contact-links{border-top:1px solid #b5bac3;padding-top:26px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}.contact-links a{text-decoration:none;overflow-wrap:anywhere}.contact-links .email{font-size:clamp(1.1rem,2.6vw,2.2rem);letter-spacing:-.035em}.contact-links .email>span{color:#225ee1}.contact-links a:hover{text-decoration:underline;text-underline-offset:7px}footer{min-height:130px;display:flex;align-items:center;justify-content:space-between;gap:24px}footer p,footer>a:not(.brand){font-size:.875rem}footer>a:not(.brand){text-decoration:none}dialog{width:min(1100px,94vw);max-height:94dvh;overflow:auto;border:1px solid #41444c;background:var(--bg);color:var(--ink);padding:24px}dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:20px}.dialog-header h2{font-size:1.3rem;letter-spacing:-.02em}.dialog-header button{background:transparent;padding:8px;font-size:.875rem}.dialog-header button>span{font-size:1.5rem;margin-left:12px}dialog video{width:100%;max-height:65dvh;background:#000}dialog>p,dialog>a{font-size:.875rem;display:block;margin-top:14px}
@media(min-width:1600px){.hero-film{aspect-ratio:2.55}}
@media(max-width:1100px){.wrap{width:calc(100% - 56px)}.hero-side{max-width:290px}.proof{gap:20px}.reach{gap:20px}.experience{display:block;padding-left:24px}.experience p{margin-top:8px}.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.property-project{gap:36px}.service-grid article{padding-right:22px}.service-grid article+article{padding-left:22px}.about{gap:6%}.episode-rail{grid-auto-columns:calc((100% - 32px)/3)}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.section{padding-block:76px}.nav{height:86px}.nav nav{gap:18px}.nav nav>a[href="#services"]{display:none}.button.small{padding:10px 14px;gap:14px}.hero{padding-top:42px}.hero-heading{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.hero h1{font-size:clamp(4rem,13vw,6rem)}.hero-side{justify-self:start;display:grid;grid-template-columns:1fr auto;gap:10px 20px;max-width:none;width:100%;padding:0}.hero-side .location{grid-column:1/-1;margin:0}.hero-side>p:not(.location){font-size:1rem;margin:0}.hero-side .text-link{align-self:end;font-size:.875rem;gap:10px}.hero-heading .eyebrow{font-size:.75rem}.hero-film{aspect-ratio:1.15}.hero-film-top,.hero-film-bottom{left:18px;right:18px}.hero-film-top{top:16px;font-size:.75rem}.hero-film-bottom{bottom:20px}.hero-film-bottom h2{font-size:1.4rem}.film-credit{display:none}.hero-film-bottom p{font-size:.875rem}.play-disc{width:56px;height:56px}.proof{align-items:start;padding-block:34px}.reach{display:block}.reach-number{font-size:4.4rem}.reach h2{font-size:1.125rem;margin-top:14px}.reach>div>p{font-size:.75rem}.experience{margin-top:8px;padding-left:20px}.experience strong{font-size:1.5rem}.experience p{font-size:.875rem}.section-heading{margin-bottom:36px}.section-heading>p:last-child:not(.eyebrow){font-size:1rem}.service-grid{grid-template-columns:1fr}.service-grid article{padding:28px 0}.service-grid article+article{padding:28px 0;border-left:0;border-top:1px solid var(--line)}.service-number{margin-bottom:22px}.service-grid h3{font-size:1.8rem}.service-grid article>p{max-width:100%}.property-project{grid-template-columns:1fr;gap:32px}.property-still{aspect-ratio:16/9}.property-info h3{font-size:2.5rem}.series{margin-top:76px}.series-heading{grid-template-columns:1fr;gap:22px}.series-player{width:calc(100% + 40px);margin-left:-20px}.episode-rail{grid-auto-columns:78%;gap:12px}.episode{min-height:178px}.episode-index{margin-bottom:24px}.logo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.logo-card{height:90px;padding:14px}.logo-card img{max-height:48px}.logo-card.wordmark{font-size:.875rem}.logo-card.iconic img{max-width:100%;max-height:75px}.agency-heading{display:block}.agency-heading p{margin-top:8px}.agency-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.agency-grid .logo-card{height:108px}.agency-grid .logo-card.realstudio img{max-height:90px}.about{grid-template-columns:1fr;gap:40px}.portrait{max-width:420px}.about-copy h2{font-size:2.4rem}.contact h2{font-size:clamp(2.9rem,9.8vw,4.5rem)}.contact-links{display:block}.contact-links a{display:block;margin-bottom:20px}.contact-links .email{font-size:clamp(1rem,5vw,1.8rem)}footer{padding-block:36px;display:grid;grid-template-columns:1fr 1fr;gap:20px}footer>p:first-of-type{grid-row:2;grid-column:1/-1}footer>p:last-of-type{grid-column:1;grid-row:3}footer>a:last-child{justify-self:end;grid-row:3}dialog{padding:14px}.dialog-header h2{font-size:1rem}.dialog-header{gap:12px}dialog>p{font-size:.875rem}}
.logo-footnote{display:flex;align-items:center;gap:16px;margin-top:24px;font-size:.875rem}.oni-logo{display:inline-flex;align-items:center;gap:10px;color:var(--ink)}.oni-logo img{border-radius:2px}.hero-side{min-width:0}.hero-side>p{min-width:0}#client-logos .logo-card img[alt="Ortho Balance Potsdam"]{max-height:76px}.logo-card img[alt="AG1"]{min-width:65px}
@media(max-width:420px){.nav nav{gap:12px}.nav nav>a[href="#about"]{display:none}.hero-side{grid-template-columns:1fr}.hero-side .text-link{justify-self:start;margin-top:8px}.experience{padding-left:14px}.reach h2{font-size:1rem}.experience strong{font-size:1.25rem}.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-footnote{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
.brand-logo{width:78px;height:auto;flex-shrink:0}footer .brand-logo{width:64px}@media(max-width:760px){.nav .brand-logo{width:62px}}