@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--paper:#faf9f6;--ink:#211526;--purple:#7106c8;--yellow:#ffe33e;--pink:#f52981;--lilac:#e9d7ff;--line:#d8cfdc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,summary,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}img{max-width:100%;display:block}.site-header{height:102px;padding:22px 4vw;display:flex;align-items:center;justify-content:space-between;gap:24px;background:var(--paper);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:12px}.brand img{width:46px;height:50px;object-fit:contain}.brand>span{font-weight:700;font-size:32px;letter-spacing:-1.4px;line-height:.95}.brand small{font-size:9px;font-weight:500;letter-spacing:2px;display:block;margin-top:9px}.site-header nav{display:flex;gap:30px;align-items:center;font-size:13px}.contact{border-bottom:1px solid;padding-bottom:5px}.hero{padding:22px 22px 0}.hero-video{min-height:min(760px,75vh);background:var(--purple);color:var(--yellow);position:relative;overflow:hidden;padding:25px 3vw;display:flex;flex-direction:column;justify-content:space-between}.video-top,.video-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;letter-spacing:1.5px}.video-placeholder{position:relative;padding:30px 0 36px;z-index:1}.video-label{font-size:11px;letter-spacing:2px;border:1px solid currentColor;padding:7px 10px;display:inline-block}.video-placeholder h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;font-size:clamp(88px,13vw,200px);letter-spacing:-.02em;line-height:.8;margin:32px 0 22px}.video-placeholder h1 span{-webkit-text-stroke:1.5px var(--yellow);color:transparent}.video-placeholder p{font-size:13px;letter-spacing:2px;font-weight:500}.video-line{position:absolute;left:0;bottom:13px;width:58%;height:2px;background:var(--yellow)}.video-corner{position:absolute;right:1vw;bottom:30px;font-family:Arial,sans-serif;font-size:clamp(150px,32vw,490px);line-height:1;opacity:.9;pointer-events:none}.video-bottom{z-index:2}.video-bottom a{display:flex;gap:25px;align-items:center}.video-bottom a span{font-size:24px}.hero-caption{display:flex;justify-content:space-between;gap:30px;align-items:flex-end;padding:34px 2vw 50px}.hero-caption p{font-size:clamp(18px,2.3vw,31px);line-height:1.32;margin:0;letter-spacing:-.6px}.hero-caption strong{font-weight:500}.caption-link{font-size:13px;display:flex;align-items:center;gap:22px}.caption-link span{font-size:48px;color:var(--purple)}.projects{padding:60px 4vw 80px}.section-head{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:end;gap:20px;margin-bottom:44px}.eyebrow{font-size:10px;letter-spacing:1.4px;align-self:start;padding-top:10px}.section-head h2{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(52px,7vw,108px);font-weight:700;line-height:.87;letter-spacing:-.02em;margin:0}.section-head em{font-style:normal;color:var(--purple)}.section-head p{font-size:14px;line-height:1.5;margin:0}.filters{display:flex;gap:10px;flex-wrap:wrap;margin:45px 0 38px}.filters button{font:500 12px 'DM Sans',Arial,sans-serif;border:1px solid var(--line);border-radius:0;padding:12px 17px;background:transparent;color:var(--ink);cursor:pointer}.filters button[aria-pressed=true]{background:var(--ink);color:var(--paper);border-color:var(--ink)}.filters button span{font-size:9px;margin-left:15px;color:var(--yellow)}.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px 30px}.case-card{display:block;min-width:0}.case-card:first-child,.case-card:nth-child(3),.case-card:nth-child(4){grid-column:1/-1}.image-wrap{height:420px;overflow:hidden;background:var(--lilac)}.image-wrap>img{width:100%;height:100%;object-fit:contain}.case-card:first-child .image-wrap{height:580px;background:#eedeff}.case-card:nth-child(4) .image-wrap{height:560px;background:#312046}.campaign-pair{display:flex;gap:2px;width:100%;height:100%;align-items:center;justify-content:center}.campaign-pair img{width:50%;height:100%;object-fit:contain}.portrait-pair{background:var(--purple);gap:4vw;padding:22px 5vw}.portrait-pair img{width:auto;max-width:45%;height:100%;object-fit:contain}.case-card:nth-child(3) .image-wrap{height:640px}.case-card .meta{display:flex;justify-content:space-between;gap:15px;font-size:10px;text-transform:uppercase;letter-spacing:1px;margin-top:20px}.case-card .meta span:last-child{font-size:23px;color:var(--purple)}.case-card h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;letter-spacing:-.02em;line-height:1;font-size:clamp(32px,4vw,60px);margin:12px 0 16px}.case-card:first-child h3,.case-card:nth-child(3) h3,.case-card:nth-child(4) h3{font-size:clamp(48px,6vw,90px)}.case-summary{font-size:15px;line-height:1.55;max-width:660px;margin:0 0 15px}.case-services{font-size:10px;letter-spacing:.5px;color:#6d5b74;margin:0}.type-cover{height:100%;background:var(--lilac);padding:36px;display:flex;flex-direction:column;justify-content:space-between}.type-cover small{font-size:12px;max-width:300px}.type-cover strong{font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(35px,5vw,72px);font-weight:700;line-height:.95;max-width:570px}.type-cover span{font-size:11px}.case-card:nth-child(2) .type-cover{background:var(--yellow)}.case-card:hover h3{color:var(--purple)}.capabilities{background:var(--lilac);padding:75px 4vw 90px}.capabilities .section-head{margin-bottom:60px}.service{border-top:1px solid #b5a0c2}.service:last-child{border-bottom:1px solid #b5a0c2}.service summary{list-style:none;display:grid;grid-template-columns:70px 1fr 65px;align-items:center;gap:18px;padding:28px 0;cursor:pointer}.service summary::-webkit-details-marker{display:none}.service-n{font-size:11px}.service h3{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:600;font-size:clamp(30px,4.4vw,68px);letter-spacing:-.02em;line-height:1;margin:0}.service-plus{font-size:50px;line-height:1;text-align:right;font-weight:400}.service[open] .service-plus{transform:rotate(45deg);color:var(--purple)}.service[open] h3,.service summary:hover h3{color:var(--purple)}.service-body{padding:0 95px 36px;max-width:1000px}.service-body p{font-size:18px;line-height:1.6;margin:0}.cap-examples{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:11px;margin-top:20px}.cap-examples a{border:1px solid #bba7c9;padding:8px 12px}.agency{padding:90px 4vw}.agency-title{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:35px}.agency h2{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:700;line-height:.83;font-size:clamp(70px,9vw,140px);letter-spacing:-.02em;margin:0}.agency h2 em{font-style:normal;color:var(--purple)}.agency-title img{width:28%;height:310px;object-fit:contain;transform:rotate(-9deg)}.agency-copy{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:60px;padding-left:25%}.agency-copy p{font-size:16px;line-height:1.65;margin:0}.closing{padding:48px 4vw 28px;background:var(--yellow)}.closing>p{font-size:17px;margin:0 0 28px}.closing>a{display:flex;justify-content:space-between;align-items:center;font-family:'Barlow Condensed',Impact,sans-serif;font-size:clamp(80px,16vw,240px);line-height:.9;font-weight:700;letter-spacing:-.03em}.closing>a span{font-family:Arial;font-weight:400}.closing-foot{display:flex;justify-content:space-between;gap:15px;font-size:11px;margin-top:65px;padding-top:20px;border-top:1px solid #baaa23}footer{display:flex;gap:25px;justify-content:space-between;flex-wrap:wrap;padding:25px 4vw;font-size:10px;color:#6d5b74}
@media(min-width:1600px){body>main{max-width:1800px;margin:auto}}@media(max-width:850px){.site-header{height:88px;padding:18px 22px}.brand>span{font-size:26px}.brand img{width:36px;height:40px}.site-header nav{gap:18px;font-size:11px}.site-header nav a:nth-child(3){display:none}.hero-video{min-height:600px}.video-corner{bottom:55px;font-size:250px}.section-head{grid-template-columns:1fr 2fr}.section-head p{grid-column:2}.image-wrap{height:320px}.case-card:first-child .image-wrap,.case-card:nth-child(4) .image-wrap{height:450px}.case-card:nth-child(3) .image-wrap{height:550px}.agency-copy{padding-left:0}.service summary{grid-template-columns:35px 1fr 45px}.service-body{padding-left:53px;padding-right:20px}}
@media(max-width:560px){html{scroll-padding-top:85px}.site-header{padding:14px 18px;height:82px;gap:15px}.brand>span{font-size:22px}.brand img{width:29px;height:33px}.brand small{font-size:7px;letter-spacing:1px;margin-top:6px}.site-header nav{gap:14px;font-size:10px}.site-header nav .contact{display:none}.hero{padding:12px 12px 0}.hero-video{min-height:510px;padding:20px}.video-top{font-size:8px;letter-spacing:.5px}.video-top span:last-child{display:none}.video-placeholder{padding:35px 0 65px}.video-placeholder h1{font-size:92px;line-height:.84}.video-placeholder p{font-size:9px;letter-spacing:.8px;max-width:220px}.video-corner{font-size:190px;right:0;bottom:42px;opacity:.45}.video-bottom{font-size:8px;letter-spacing:.4px}.video-bottom>span{max-width:145px}.hero-caption{align-items:start;flex-direction:column;padding:24px 8px 38px;gap:12px}.hero-caption p{font-size:20px}.caption-link{font-size:11px}.caption-link span{font-size:30px}.projects{padding:40px 20px 55px}.section-head{display:block;margin-bottom:25px}.eyebrow{display:block;padding:0;margin-bottom:24px}.section-head h2{font-size:62px}.section-head p{font-size:12px;margin-top:22px}.filters{gap:7px;margin:30px 0}.filters button{font-size:10px;padding:10px 11px}.case-grid{grid-template-columns:1fr;gap:42px}.case-card{grid-column:auto!important}.image-wrap{height:320px}.case-card:first-child .image-wrap,.case-card:nth-child(4) .image-wrap{height:330px}.case-card:nth-child(3) .image-wrap{height:380px}.portrait-pair{padding:18px 12px;gap:12px}.portrait-pair img{max-width:47%}.case-card h3,.case-card:first-child h3,.case-card:nth-child(3) h3,.case-card:nth-child(4) h3{font-size:44px}.case-summary{font-size:13px}.case-services{font-size:9px}.type-cover{padding:26px}.type-cover strong{font-size:46px}.capabilities{padding:45px 20px 55px}.capabilities .section-head{margin-bottom:36px}.service summary{grid-template-columns:23px 1fr 32px;gap:10px;padding:23px 0}.service h3{font-size:34px}.service-plus{font-size:34px}.service-body{padding:0 0 26px 33px}.service-body p{font-size:14px}.agency{padding:55px 20px}.agency-title{gap:15px;align-items:flex-end;margin-top:30px}.agency h2{font-size:66px}.agency-title img{width:20%;height:140px}.agency-copy{grid-template-columns:1fr;gap:22px;margin-top:35px}.agency-copy p{font-size:14px}.closing{padding:35px 20px 23px}.closing>p{font-size:14px}.closing>a{font-size:82px}.closing>a span{font-size:68px}.closing-foot{margin-top:35px;flex-direction:column;font-size:10px}footer{padding:20px;font-size:9px;gap:14px}}
@media(max-width:560px){.agency-title img{transform:none}.agency h2{font-size:clamp(44px,14.5vw,66px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
