:root{--red:#c1272d;--black:#141414;--cream:#f8f8f2;--line:rgba(20,20,20,.18);--anton:'Anton',sans-serif;--body:'Alegreya Sans',sans-serif;--script:'Pinyon Script',cursive}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--black);font-family:var(--body);font-size:18px;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.red{background:var(--red);color:var(--cream)}.black{background:var(--black);color:var(--cream)}.cream{background:var(--cream)}.grain{position:fixed;inset:0;pointer-events:none;z-index:99;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E")}.skip{position:fixed;top:-60px;left:20px;background:var(--cream);padding:12px;z-index:200}.skip:focus{top:10px}.nav{position:fixed;z-index:80;left:0;top:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 4vw;color:var(--cream);transition:.35s}.nav.scrolled{background:rgba(20,20,20,.88);backdrop-filter:blur(14px);padding-block:11px;border-bottom:1px solid #ffffff1c}.logo{font:28px/1 var(--anton);letter-spacing:-1px}.logo span{color:var(--cream);-webkit-text-stroke:1px currentColor}.nav nav{display:flex;gap:28px;text-transform:uppercase;font-size:13px;letter-spacing:.12em}.nav nav a{position:relative}.nav nav a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--cream);transition:.25s}.nav nav a:hover:after{width:100%}.pill{display:inline-flex;align-items:center;gap:45px;border:1px solid currentColor;border-radius:99px;padding:16px 20px;text-transform:uppercase;font-weight:700;font-size:13px;letter-spacing:.08em;transition:.3s}.pill span{font-size:20px}.pill:hover{background:var(--cream);color:var(--black);transform:translateY(-2px)}.pill-small{padding:11px 16px;gap:20px}.menu{display:none;background:0;border:0}.menu i{display:block;width:26px;height:2px;background:white;margin:6px}.hero{min-height:100svh;padding:150px 5vw 45px;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:700}.hero-title{font:clamp(84px,16vw,240px)/.77 var(--anton);letter-spacing:-.045em;margin:30px 0 0;position:relative;z-index:2}.hero-title span{display:block}.outline{color:transparent;-webkit-text-stroke:2px currentColor}.script{font-family:var(--script);font-weight:400}.hero-script{font-size:clamp(58px,9vw,130px);margin:-.15em 8vw 0 auto;transform:rotate(-7deg);position:relative;z-index:3}.hero-bottom{display:grid;grid-template-columns:minmax(260px,470px) auto;align-items:center;justify-content:space-between;gap:30px;margin-top:2rem}.hero-bottom p{font-size:21px}.scroll-cue{position:absolute;bottom:20px;right:4vw;font-size:10px;letter-spacing:.2em}.scroll-cue span{display:inline-block;width:38px;height:1px;background:currentColor;vertical-align:middle;margin-right:8px}.hero-orbit{position:absolute;right:-180px;top:15%;width:480px;height:480px;border:1px solid #f8f8f255;border-radius:50%;display:grid;place-items:center;opacity:.35;font:13px var(--anton);letter-spacing:.3em;animation:spin 30s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}section{padding:110px 5vw}.statement{min-height:100vh;display:flex;flex-direction:column;justify-content:center}.mega{font:clamp(58px,9vw,145px)/.92 var(--anton);letter-spacing:-.035em;max-width:1400px;margin:40px 0}.mega em{color:var(--red);font-style:normal}.lede{max-width:610px;margin-left:auto;font-size:clamp(22px,2.5vw,36px)}.section-head{display:grid;grid-template-columns:1fr minmax(280px,450px);gap:50px;align-items:end;margin-bottom:70px}.section-head h2,.process h2,.about h2,.faq h2{font:clamp(60px,9vw,140px)/.85 var(--anton);letter-spacing:-.03em;margin:25px 0 0}.section-head h2 .script,.about h2 .script,.faq h2 .script{font-size:1.05em;color:var(--red)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff42;border-bottom:1px solid #ffffff42}.service{padding:36px;min-height:430px;border-right:1px solid #ffffff42;display:flex;flex-direction:column}.service:last-child{border:0}.service b{font-size:13px}.service .icon{font:100px/1 var(--anton);color:var(--red);margin:auto 0}.service h3{font:34px/1 var(--anton);text-transform:uppercase;margin:0 0 18px}.service p{opacity:.7}.center{text-align:center;margin-top:55px}.work{padding-inline:0}.work .section-head{padding-inline:5vw}.split>p{font-size:23px}.reel-row{display:grid;grid-auto-flow:column;grid-auto-columns:clamp(220px,23vw,340px);overflow-x:auto;gap:14px;padding:0 5vw 35px;scroll-snap-type:x mandatory}.reel-row iframe{width:100%;aspect-ratio:9/16;border:0;background:#000;scroll-snap-align:start}.process{display:grid;grid-template-columns:1fr 1.2fr;gap:9vw}.process-sticky{position:sticky;top:120px;align-self:start}.process-sticky h2{font-size:clamp(75px,10vw,155px)}.process-sticky .script{font-size:48px;color:var(--red)}.steps{list-style:none;margin:0;padding:0}.steps li{padding:45px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:60px 1fr;gap:0 20px}.steps li span{font-weight:700;color:var(--red)}.steps h3{font:38px/1 var(--anton);text-transform:uppercase;margin:0}.steps p{grid-column:2;max-width:560px;font-size:20px}.cases .section-head h2 .script{color:var(--red)}.case{border-top:1px solid #ffffff40}.case header{padding:28px 0;display:grid;grid-template-columns:50px 1fr auto;gap:20px;align-items:center;cursor:pointer}.case h3{font:clamp(28px,4vw,62px)/1 var(--anton);text-transform:uppercase;margin:0}.case strong{font:clamp(20px,3vw,44px)/1 var(--anton);color:var(--red)}.case strong:before{content:"+"}.case strong:after{content:" views";font:12px var(--body);text-transform:uppercase;letter-spacing:.1em}.case-body{max-height:0;overflow:hidden;display:grid;grid-template-columns:repeat(3,1fr);gap:35px;transition:max-height .6s ease}.case.open .case-body{max-height:430px;padding:15px 0 45px}.case-body p{color:#ffffffa8}.case-body b{display:block;color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:12px;margin-bottom:10px}.score{text-align:center}.score-grid{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff50;margin:50px 0}.score-grid div{padding:50px 20px;border-right:1px solid #ffffff50}.score-grid div:last-child{border:0}.score-grid span{display:block;text-transform:uppercase;font-size:12px;letter-spacing:.12em}.score-grid strong{display:block;font:clamp(80px,10vw,160px)/1 var(--anton)}.about{display:grid;grid-template-columns:minmax(320px,.8fr) 1.2fr;gap:8vw;align-items:center}.about-photo{position:relative;background:var(--red);padding:20px;transform:rotate(-2deg);box-shadow:14px 14px 0 var(--black)}.about-photo img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(1) contrast(1.15)}.about-photo b{display:block;font:42px var(--anton);padding-top:18px}.tape{position:absolute;width:110px;height:32px;background:#e7d9bbcc;top:3px;left:50%;transform:translate(-50%,-50%) rotate(4deg)}.about>div:last-child>p:not(.kicker){max-width:720px;font-size:20px}.text-link{display:inline-block;border-bottom:2px solid;padding-bottom:5px;font-weight:700;text-transform:uppercase;margin-top:20px}.voices .section-head{grid-template-columns:1fr}.voice-grid{display:grid;grid-template-columns:repeat(3,1fr)}.voice-grid article{padding:38px;border:1px solid #ffffff30;margin:-1px 0 0 -1px;min-height:300px;transition:.3s}.voice-grid article:hover{background:var(--red);transform:translateY(-8px)}.voice-grid span,.voice-grid small{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#ffffff99}.voice-grid h3{font:32px var(--anton);text-transform:uppercase;margin:50px 0 0}.voice-grid p{font-size:20px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq>div:first-child{position:sticky;top:120px;align-self:start}.accordion{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:25px 0}summary{list-style:none;cursor:pointer;font:27px/1.1 var(--anton);text-transform:uppercase;display:flex;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary i{font:30px var(--body);transition:.3s}details[open] summary i{transform:rotate(45deg)}details p{max-width:680px;font-size:20px}.footer{min-height:95vh;padding:110px 5vw 35px;text-align:center;display:flex;flex-direction:column;justify-content:center}.footer>.script{font-size:70px;margin:0 0 -20px}.footer h2{font:clamp(70px,11.5vw,180px)/.82 var(--anton);letter-spacing:-.035em;margin:0 0 50px}.footer .pill{align-self:center}.footer-bottom{margin-top:auto;border-top:1px solid #ffffff55;padding-top:25px;display:flex;justify-content:space-between;align-items:center;font-size:13px;text-transform:uppercase}.footer-bottom nav{display:flex;gap:20px}.reveal{opacity:0;transform:translateY(45px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav nav,.nav>.pill{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;top:68px;left:0;width:100%;background:var(--black);padding:30px;flex-direction:column;font-size:20px}.hero{padding-top:120px}.hero-title{font-size:clamp(74px,20vw,160px)}.hero-bottom,.section-head,.process,.about,.faq{grid-template-columns:1fr}.section-head{align-items:start}.service-grid{grid-template-columns:1fr}.service{min-height:310px;border-right:0;border-bottom:1px solid #ffffff42}.service .icon{font-size:70px}.process-sticky,.faq>div:first-child{position:relative;top:auto}.case header{grid-template-columns:35px 1fr}.case strong{grid-column:2}.case-body,.voice-grid{grid-template-columns:1fr}.case.open .case-body{max-height:850px}.score-grid{grid-template-columns:1fr}.score-grid div{border-right:0;border-bottom:1px solid #ffffff50}.voice-grid article{min-height:auto}.footer-bottom{flex-direction:column;gap:20px}.footer-bottom nav{flex-wrap:wrap;justify-content:center}}@media(max-width:560px){body{font-size:16px}section{padding:80px 22px}.hero{padding-inline:22px}.hero-title{font-size:24vw}.hero-script{font-size:16vw}.hero-bottom{display:block}.hero-bottom .pill{margin-top:20px}.pill{gap:20px}.mega{font-size:17vw}.section-head h2,.process h2,.about h2,.faq h2{font-size:17vw}.service{padding:28px 0}.work .section-head{padding-inline:22px}.reel-row{padding-inline:22px}.case h3{font-size:30px}.score{padding-inline:16px}.score-grid strong{font-size:28vw}.about-photo{margin:0 10px}.voice-grid article{padding:26px}.footer{padding-inline:22px}.footer h2{font-size:18vw}.footer>.script{font-size:55px}.scroll-cue,.hero-orbit{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
