@font-face{font-family:Josefin;src:url('assets/fonts/josefin-300.ttf') format('truetype');font-weight:300;font-display:swap}
@font-face{font-family:Josefin;src:url('assets/fonts/josefin-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Josefin;src:url('assets/fonts/josefin-500.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Josefin;src:url('assets/fonts/josefin-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Josefin;src:url('assets/fonts/josefin-700.ttf') format('truetype');font-weight:700;font-display:swap}
:root{--paper:#f5f5f5;--white:#fff;--ink:#17191c;--muted:#67696d;--accent:#41454d;--line:#d9dbe0;--sans:Josefin,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.55;background:radial-gradient(ellipse at 55% 25%,#fff 15%,#fff 44%,#efeff1 100%);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}p{line-height:1.6;margin:0}h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.04em}h1{font-size:clamp(3.4rem,6.5vw,6.2rem);line-height:1.08;font-weight:300;letter-spacing:-.05em}h2{font-size:clamp(2.5rem,4.6vw,4.3rem);line-height:1.13;font-weight:300}h3{letter-spacing:-.025em}em{font-style:normal;font-weight:600;letter-spacing:-.045em}h1 em{color:var(--ink)}.wrap{max-width:1440px;margin:auto;padding-inline:5%}.header{height:110px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand img{width:175px;height:auto}.header nav{display:flex;gap:32px;font-size:15px}.header nav a:hover,.footer a:hover{opacity:.6}.button{background:var(--ink);color:var(--white);display:inline-flex;gap:34px;align-items:center;justify-content:center;padding:21px 26px 18px;border-radius:50px;line-height:1.25;font-size:16px;transition:background .2s,transform .2s}.button:hover{background:#41454d;transform:translateY(-2px)}.button span{font-size:23px;line-height:1}.button.small{font-size:14px;padding:17px 22px 14px;gap:20px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.12em;line-height:1.7;margin-bottom:28px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:6%;padding-top:65px;padding-bottom:76px;align-items:center}.intro{font-size:20px;max-width:460px;margin-top:28px;color:var(--muted);font-weight:300}.hero-actions{display:flex;gap:26px;align-items:center;margin-top:33px}.text-link{font-size:15px;border-bottom:1px solid var(--ink);padding-bottom:6px;line-height:1.5;display:inline-block}.text-link:hover{opacity:.65}.hero-foot{font-size:13px;letter-spacing:.02em;margin-top:40px;color:var(--muted)}.hero-visual{position:relative;margin:8px 15px 0 0}.photo-frame{border-radius:4px;overflow:hidden;aspect-ratio:.94;position:relative;background:#eee}.photo-frame>img{width:100%;height:100%;object-fit:cover;object-position:center;filter:none}.photo-caption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#0009);color:#fff;padding:60px 30px 30px;display:flex;align-items:end;justify-content:space-between;font-size:20px;line-height:1.4}.plus{font-family:Arial;font-size:45px;font-weight:200}.hello-note{position:absolute;right:-26px;top:-40px;transform:rotate(9deg);width:136px;height:136px;border-radius:50%;background:#fff;box-shadow:0 5px 35px #00000012;display:flex;justify-content:center;align-items:center;flex-direction:column;text-align:center;font-size:21px;font-weight:400;line-height:1.2}.hello-note>span{font-family:Arial;font-size:28px;margin-bottom:8px}.side-note{position:absolute;right:-29px;bottom:20px;writing-mode:vertical-rl;font-size:10px;letter-spacing:.14em}.trust{display:flex;align-items:center;gap:65px;border-top:1px solid var(--line);padding-block:31px}.trust>p{font-size:14px;min-width:188px;line-height:1.6;color:var(--muted)}.trust strong{font-weight:500;color:var(--ink)}.trust-logos{display:flex;align-items:center;justify-content:space-between;gap:32px;width:100%}.trust-logos img{max-width:140px;height:64px;object-fit:contain;filter:grayscale(1);mix-blend-mode:multiply}.trust-logos img:nth-child(2){height:70px;max-width:70px}.section{padding-top:110px;padding-bottom:110px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-heading>p{max-width:350px;font-size:18px;font-weight:300;color:var(--muted)}.service-list{border-top:1px solid var(--line)}.service-list article{display:grid;grid-template-columns:70px 1fr 1fr;align-items:center;gap:25px;padding:31px 0;border-bottom:1px solid var(--line)}.service-list article>span{font-size:14px;color:var(--muted)}.service-list h3{font-size:32px;font-weight:500}.service-list p{max-width:455px;color:var(--muted);font-size:17px;font-weight:300}.work-section{background:#ededee}.reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.reference-art{aspect-ratio:1.12;display:flex;align-items:center;justify-content:center;position:relative;border-radius:4px;background:#fff}.reference-art img{width:65%;height:60%;object-fit:contain}.reference-art span{position:absolute;bottom:20px;left:22px;letter-spacing:.1em;font-size:10px}.reference-info{padding-top:24px}.reference-info h3{font-size:25px;font-weight:500;letter-spacing:-.025em}.reference-info p{font-size:15px;color:var(--muted);margin-top:7px;font-weight:300}.reference-link{margin-top:38px}.reference-link span{margin-left:16px}.project-video{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;background:#ddd;border-radius:4px}.project-description{font-size:16px;line-height:1.5;margin-top:13px;font-weight:300;color:var(--muted)}#agentur{display:block}.agency-content{display:grid;grid-template-columns:1fr 1fr;gap:0 9%;align-items:start}.agency-content .eyebrow,.agency-content h2{grid-column:1}.agency-content h2{grid-row:2/5}.agency-story{grid-column:2;grid-row:2/5}.agency-story>p{color:var(--muted);font-weight:300;margin-top:18px}.agency-story>.agency-intro{font-size:23px;line-height:1.45;color:var(--ink);margin-top:0}.agency-content .text-link{margin-top:25px}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:37px 24px;margin-top:56px}.team-grid figure{margin:0}.team-grid figure>img{width:100%;aspect-ratio:1;object-fit:cover;object-position:center;border-radius:4px;filter:none;background:#eee}.team-grid figcaption{margin-top:18px}.team-grid strong{font-size:20px;font-weight:500;display:block}.team-grid figcaption>span{font-size:14px;color:var(--muted);display:block;margin-top:4px;line-height:1.4}.image-credit{font-size:12px;color:var(--muted);margin-top:24px;line-height:1.6}.contact-section{background:#1b1d20;color:#fff}.contact-inner{padding-block:90px}.contact-inner h2{font-size:clamp(3.1rem,6.2vw,6rem);font-weight:300}.contact-inner .eyebrow{color:#c6c8cd}.contact-row{display:flex;align-items:center;justify-content:space-between;margin-top:35px;gap:25px}.contact-row p{font-size:19px;font-weight:300}.button.light{background:#f5f5f5;color:var(--ink);min-width:215px}.button.light:hover{background:#fff}.contact-details{border-top:1px solid #ffffff40;padding-top:25px;margin-top:58px;display:flex;gap:40px;font-size:17px;font-weight:300}.contact-details>span{margin-left:auto}.footer{padding-top:55px;padding-bottom:27px}.footer-top{display:flex;align-items:center;gap:24px}.footer-top .brand img{width:150px}.footer-top p{font-size:23px;font-weight:300;flex:1;margin-left:30px}.footer-top>a:not(.brand){font-size:14px}.footer-bottom{margin-top:40px;border-top:1px solid var(--line);padding-top:25px;display:flex;gap:24px;color:var(--muted);font-size:13px;line-height:1.5}.footer-bottom>span:nth-child(2){margin-left:auto}.skip{position:absolute;left:12px;top:-100px;padding:12px;background:#fff;z-index:20}.skip:focus{top:12px}:focus-visible{outline:2px solid #667bbd;outline-offset:6px}.menu-toggle{display:none}.mobile-nav[hidden]{display:none}.mobile-nav{padding:20px 5%;border-block:1px solid var(--line);display:flex;flex-direction:column;gap:20px;background:#fff}.menu-toggle span{width:23px;height:1px;background:var(--ink);display:block;margin:6px}.menu-toggle{border:0;background:transparent;padding:10px}.mobile-nav a{padding:8px 0;font-size:22px}
@media(max-width:1100px){.header nav{gap:20px}.header .button{font-size:14px;gap:14px;padding-inline:18px}.hero{gap:5%}.hero-actions{align-items:start;flex-direction:column;gap:20px}.hero-foot{margin-top:28px}.trust{gap:30px}.trust-logos{gap:20px}.trust-logos img{max-width:100px}.hello-note{width:120px;height:120px;font-size:20px}.team-grid{gap:28px 20px}.team-grid strong{font-size:19px}}
@media(max-width:800px){.header{height:90px}.header nav,.header>.button{display:none}.menu-toggle{display:block}.hero{padding-top:35px;grid-template-columns:1fr 1fr;gap:25px}h1{font-size:3.4rem}.hero .eyebrow{font-size:10px}.hero-visual{margin-right:10px}.photo-frame{aspect-ratio:.68}.photo-caption{padding:40px 17px 22px;font-size:17px}.hello-note{width:106px;height:106px;right:-15px;top:-32px;font-size:17px}.intro{font-size:18px}.trust{flex-direction:column;align-items:start;gap:15px}.trust>p br{display:none}.trust-logos{gap:15px}.section{padding-block:75px}.section-heading{align-items:start;gap:30px}.section-heading>p{max-width:260px;font-size:17px}.reference-grid{gap:16px}.reference-info h3{font-size:22px}.service-list article{grid-template-columns:35px 1fr 1.2fr;gap:15px}.service-list h3{font-size:29px}.agency-content{display:block}.agency-content h2{margin-bottom:26px}.agency-story{max-width:600px}.team-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px}.contact-details{gap:20px;flex-wrap:wrap}.contact-details>span{margin-left:0}.footer-top p{font-size:20px;margin-left:0}.footer-bottom{flex-wrap:wrap;gap:10px 24px}.footer-bottom>span:nth-child(2){margin-left:0}}
@media(max-width:580px){.wrap{padding-inline:6%}.brand img{width:155px}.hero{display:block;padding-bottom:38px}.hero .eyebrow{font-size:10px;letter-spacing:.08em;margin-bottom:22px}h1{font-size:clamp(3rem,11vw,4.5rem)}.intro{font-size:19px;margin-top:23px;max-width:350px}.hero-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:22px}.hero-actions .text-link{font-size:15px}.button{font-size:16px;padding:20px 22px 17px;gap:24px}.hero-foot{margin-top:25px;font-size:13px}.hero-visual{margin:60px 12px 0 0}.photo-frame{aspect-ratio:1.13}.photo-caption{padding:50px 22px 25px;font-size:20px}.hello-note{width:112px;height:112px;font-size:18px;right:-20px;top:-29px}.side-note{right:-22px}.trust{padding-block:26px;gap:23px}.trust>p{font-size:14px}.trust-logos{flex-wrap:wrap;justify-content:start;gap:17px 24px}.trust-logos img{height:48px;max-width:90px;flex:1}.trust-logos img:nth-child(2){max-width:45px;height:48px}.section{padding-block:65px}.eyebrow{font-size:10px;margin-bottom:20px}h2{font-size:2.8rem}.section-heading{display:block;margin-bottom:35px}.section-heading>p{max-width:100%;margin-top:24px;font-size:18px}.service-list article{grid-template-columns:28px 1fr;padding:26px 0;gap:10px}.service-list h3{font-size:30px}.service-list p{grid-column:2;font-size:17px;margin-top:5px}.reference-grid{grid-template-columns:1fr;gap:38px}.project-video{aspect-ratio:4/5}.reference-art{aspect-ratio:1.32}.reference-info{padding-top:19px}.reference-info h3{font-size:27px}.reference-info p{font-size:16px}.team-grid{grid-template-columns:1fr 1fr;gap:29px 18px;margin-top:35px}.team-grid strong{font-size:19px}.team-grid figcaption>span{font-size:14px}.contact-inner{padding-block:65px}.contact-inner h2{font-size:3.2rem}.contact-row{display:block;margin-top:25px}.contact-row p{font-size:19px}.contact-row .button{margin-top:27px}.contact-details{margin-top:38px;padding-top:25px;flex-direction:column;gap:15px;font-size:18px}.footer{padding-top:38px}.footer-top{flex-wrap:wrap;gap:22px}.footer-top p{flex-basis:100%;order:2;font-size:24px}.footer-top .brand{margin-right:auto}.footer-top .brand img{width:130px}.footer-top>a:not(.brand){font-size:14px}.footer-bottom{margin-top:29px}.footer-bottom>span{flex-basis:100%}.footer-bottom>a{margin-top:8px}.contact-row p br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.project-preview{font:inherit;width:100%;border:0;padding:0;background:#dfe0e1;cursor:pointer;display:block;aspect-ratio:4/5;position:relative;overflow:hidden;border-radius:4px;color:#fff;text-align:left}.project-preview>img{width:100%;height:100%;object-fit:cover;transition:transform .4s;object-position:center}.project-preview:hover>img{transform:scale(1.035)}.project-preview::after{content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#0008);pointer-events:none}.play-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fffa;background:#ffffff26;backdrop-filter:blur(7px);width:60px;height:60px;border-radius:50%;display:grid;place-items:center;font-size:19px;padding-left:4px;z-index:1;font-family:Arial}.film-label{position:absolute;bottom:22px;left:22px;right:22px;z-index:1;display:flex;justify-content:space-between;font-size:16px}.project-category{font-size:13px!important;margin:0 0 10px!important;letter-spacing:.02em}.reference-info .project-description{font-size:17px;margin-top:12px}.project-preview.inline-player{object-fit:contain;background:#111;cursor:auto}.project-preview.inline-player::after{content:none}@media(max-width:580px){.film-label{font-size:17px}}