:root{--camba:#f13600;--camba-text:#c92c00;--ink:#0b0b0b;--text:#55544f;--paper:#f4f4f2;--fish:#bbbcba;--line:#d9d9d6;--line-dark:#2c2c2a;--display:"Rubik Variable", "Arial Black", sans-serif;--mono:"Roboto Mono", ui-monospace, Menlo, monospace;--gutter:clamp(16px, 4vw, 56px);--nav-h:64px;--ease:cubic-bezier(.2, .7, .2, 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{color:var(--text);font:400 15px/1.7 var(--mono);background:#fff;margin:0;overflow-x:clip}img,video{max-width:100%;height:auto;display:block}a{color:inherit}h1,h2,h3{color:var(--ink);font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;margin:0;font-weight:800;line-height:.94}p{margin:0}small{font-size:12px}[hidden]{display:none!important}:focus-visible{outline:2px solid var(--camba);outline-offset:3px}.is-hidden{opacity:0;transform:translateY(24px)}[data-reveal],.card,.person{transition:opacity .7s var(--ease), transform .7s var(--ease)}.skip{position:absolute;left:-999px}.skip:focus{z-index:40;background:#fff;padding:8px 12px;top:16px;left:16px}.eyebrow{color:var(--camba-text);letter-spacing:.02em;margin-bottom:16px;font-size:13px;display:block}.h-xl{font-size:clamp(3.2rem,13vw,13rem)}.h-lg{font-size:clamp(2.6rem,8vw,7.5rem)}.section{padding:clamp(72px, 11vw, 160px) var(--gutter)}.section--paper{background:var(--paper)}.section--work{padding-top:clamp(112px,12vw,190px)}.lede{max-width:56ch;margin-top:24px}.lede a{color:var(--camba-text)}.btn{border:1px solid var(--ink);color:var(--ink);font:inherit;letter-spacing:.01em;cursor:pointer;background:0 0;border-radius:999px;padding:15px 28px;text-decoration:none;transition:background .2s,color .2s,border-color .2s,transform .2s;display:inline-block}.btn:hover,.btn--ink{background:var(--ink);color:#fff}.btn--ink:hover{color:var(--ink);background:#fff;border-color:#fff}.link{color:var(--ink);text-underline-offset:5px;white-space:nowrap}.link:hover{color:var(--camba-text)}.head{margin-bottom:clamp(36px,6vw,80px)}.head__links{flex-wrap:wrap;gap:8px 28px;display:flex}.head--split{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:20px 40px;display:flex}.nav{z-index:20;height:var(--nav-h);padding:0 var(--gutter);background:var(--camba);color:var(--ink);justify-content:space-between;align-items:center;transition:background .25s;display:flex;position:sticky;top:0}.logo{width:76px;color:var(--ink);flex:none;display:block}.logo svg{width:100%;height:auto;display:block}.nav nav{gap:clamp(12px,3vw,36px);font-size:clamp(13px,3.4vw,14px);display:flex}.nav nav a{text-underline-offset:6px;padding:12px 0;text-decoration:none}.nav nav a:hover,.nav nav a[aria-current=page]{text-decoration:underline}.splash{z-index:50;background:var(--fish);transition:transform .85s cubic-bezier(.76,0,.24,1);position:fixed;inset:0}.splash video{object-fit:cover;width:100%;height:100%}.splash.is-leaving{transform:translateY(-100%)}.no-intro .splash{display:none}.intro-on{overflow:hidden}.splash__skip{right:var(--gutter);bottom:calc(20px + env(safe-area-inset-bottom));color:var(--ink);font:13px var(--mono);cursor:pointer;background:0 0;border:1px solid #0b0b0b80;border-radius:999px;padding:8px 16px;position:absolute}.splash__skip:hover{background:var(--ink);color:#fff}.intro{z-index:2;min-height:calc(100svh - var(--nav-h));padding:clamp(20px, 3vw, 48px) var(--gutter) 0;background:var(--camba);color:var(--ink);position:relative}.intro__title{letter-spacing:-.035em;font-size:clamp(4.4rem,min(20.5vw,25svh),24rem);line-height:.84}.intro__body{gap:36px;margin-top:clamp(32px,5vw,72px);display:grid}.intro__lead{color:#fff;font:700 clamp(1.6rem, 3.6vw, 3.2rem)/1.06 var(--display);letter-spacing:-.01em;margin-bottom:18px}.intro__copy .btn{margin-top:28px}.intro__img{justify-self:center;width:min(100%,460px);margin-bottom:-64px}@media (width>=900px){.intro__body{grid-template-columns:1.1fr 1fr;align-items:start}.intro__copy{max-width:620px;padding-bottom:96px}.intro__img{justify-self:end;margin-top:-14vw;margin-bottom:-96px}}.services{padding:clamp(72px, 10vw, 140px) var(--gutter);background:var(--paper);gap:48px;display:grid}.tablet{max-width:620px}.tablet video{aspect-ratio:233/166;object-fit:cover;border-radius:4.5%/6.3%;width:100%}.accordion details{border-top:1px solid var(--line)}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{color:var(--ink);font:800 clamp(1.7rem, 4.4vw, 4rem)/1 var(--display);letter-spacing:-.015em;text-transform:uppercase;cursor:pointer;align-items:baseline;gap:16px;padding:22px 0;list-style:none;transition:color .2s;display:flex}.accordion summary::-webkit-details-marker{display:none}.accordion summary small{color:var(--camba-text);font:400 13px var(--mono);letter-spacing:0}.accordion summary:after{content:"+";color:var(--camba-text);font:400 24px/1 var(--mono);margin-left:auto}.accordion details[open] summary:after{content:"–"}.accordion details[open] summary,.accordion summary:hover{color:var(--camba-text)}.accordion p{max-width:58ch;padding-bottom:28px}@media (width>=900px){.services{grid-template-columns:1fr 1.25fr;align-items:start;gap:clamp(48px,6vw,96px)}.services__side{top:calc(var(--nav-h) + 32px);position:sticky}}.card{min-width:0;color:inherit;flex-direction:column;text-decoration:none;display:flex}.card__img{background:var(--paper);flex:1;min-height:0;display:block;overflow:hidden}.card__img img{object-fit:cover;width:100%;height:100%;transition:transform .7s var(--ease)}.card:hover .card__img img{transform:scale(1.035)}.card__text{padding-top:12px;display:block}.card__title{letter-spacing:-.005em;font-size:clamp(.98rem,1.7vw,1.4rem);font-weight:700;line-height:1.05;transition:color .2s}.card:hover .card__title{color:var(--camba-text)}@media (width>=900px){.card__title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}}.card small{margin-top:4px;line-height:1.4;display:block}.bento{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;display:grid}.bento .card:first-child{grid-column:span 2}@media (width<=899px){.bento .card__img{aspect-ratio:4/3;flex:none}.bento .card:first-child .card__img{aspect-ratio:16/10}}@media (width>=900px){.bento{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-rows:clamp(300px,27vw,480px);gap:40px 20px}.bento .card{grid-column:span 2}.bento .card:first-child{grid-column:span 4}.bento .card:nth-child(6),.bento .card:nth-child(7){grid-column:span 3}.bento .card:nth-child(n+6){min-height:clamp(360px,33vw,560px)}}.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px;display:grid}.grid .card__img{aspect-ratio:4/3;flex:none}@media (width>=900px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:44px 20px}}.filters{margin:0 calc(var(--gutter) * -1) 32px;padding:2px var(--gutter);scrollbar-width:none;gap:8px;display:flex;overflow-x:auto}.filters[hidden]{visibility:hidden;display:flex!important}.filters button{border:1px solid var(--line);color:var(--ink);font:13px var(--mono);cursor:pointer;background:#fff;border-radius:999px;flex:none;padding:9px 16px;transition:background .2s,color .2s,border-color .2s}.filters button:hover{border-color:var(--ink)}.filters button[aria-pressed=true]{background:var(--camba);border-color:var(--camba);color:var(--ink)}.reels{background:var(--ink)}.player{aspect-ratio:16/9;background:#000;max-height:100svh;margin-inline:auto;position:relative;overflow:hidden}.player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.player__poster{display:block;position:absolute;inset:0}.player__poster img{object-fit:cover;width:100%;height:100%;transition:transform .9s var(--ease)}.player__poster:hover img{transform:scale(1.02)}.player__play{aspect-ratio:1;background:var(--camba);width:clamp(64px,8vw,112px);transition:transform .25s var(--ease);border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.player__play:after{content:"";border-style:solid;border-width:clamp(13px,1.6vw,22px) 0 clamp(13px,1.6vw,22px) clamp(21px,2.6vw,35px);border-color:transparent transparent transparent var(--ink);position:absolute;top:30%;left:39%}.player__poster:hover .player__play{transform:translate(-50%,-50%)scale(1.1)}.player__tabs{padding:18px var(--gutter);gap:clamp(20px,3vw,40px);display:flex}.player__tabs button{color:#b9b9b4;font:14px var(--mono);cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;padding:6px 0;transition:color .2s}.player__tabs small{color:var(--camba)}.player__tabs button:hover{color:#fff}.player__tabs button[aria-pressed=true]{border-color:var(--camba);color:#fff}.clients{padding:clamp(64px, 9vw, 130px) var(--gutter)}.clients__wall{color:var(--ink);font:800 clamp(1.5rem, 4.2vw, 4rem)/1.12 var(--display);letter-spacing:-.015em;text-transform:uppercase;flex-wrap:wrap;gap:.1em .55em;margin:0;padding:0;list-style:none;display:flex}.clients__wall li{cursor:default;transition:color .18s}.clients__wall li:hover{color:var(--camba)}.clients__wall li:not(:last-child):after{content:" /";color:var(--line);font-weight:400}.team{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(24px,3vw,40px) clamp(12px,2vw,24px);display:grid}.team--six{max-width:980px}.team--small{max-width:520px}.about{gap:36px;display:grid}.about__link{margin-top:20px;display:inline-block}@media (width>=900px){.about{grid-template-columns:1fr 1fr;align-items:center}.team--small{justify-self:end;width:100%}}.person img{aspect-ratio:1;object-fit:cover;filter:grayscale();border-radius:clamp(10px,1.4vw,18px);width:100%}.person small{margin-top:10px;font-size:12px;display:block}.person h2,.person h3{margin-top:4px;font-size:clamp(1rem,1.7vw,1.4rem);line-height:1.05}.person h3 a{text-decoration:none}@media (width>=900px){.team--six{grid-template-columns:repeat(3,minmax(0,1fr))}}.place{gap:40px;display:grid}.place address{font-style:normal}.place address a{text-decoration:none;display:block}.place address a:hover{color:var(--camba-text)}.place__map{mix-blend-mode:multiply}@media (width>=900px){.place{grid-template-columns:1fr 1.6fr;align-items:center}}.form{gap:14px;max-width:640px;margin-top:8px;display:grid}.form label{gap:4px;font-size:13px;display:grid}.form input,.form textarea{border:0;border-bottom:1px solid var(--ink);width:100%;color:var(--ink);font:16px var(--mono);background:0 0;border-radius:0;padding:12px 0}.form input:focus,.form textarea:focus{border-color:var(--camba);box-shadow:0 1px 0 var(--camba);outline:0}.form .btn{justify-self:start;margin-top:16px}.write{gap:36px;display:grid}.write__side .btn{margin-top:24px}@media (width>=900px){.write{grid-template-columns:1fr 1fr;align-items:start;gap:64px}}.prose{gap:36px;margin-top:clamp(40px,6vw,80px);display:grid}.prose h2{margin-bottom:12px;font-size:clamp(1.3rem,2.4vw,1.9rem);line-height:1.1}.quote{max-width:26ch;color:var(--ink);font:700 clamp(1.5rem, 3.6vw, 3.2rem)/1.08 var(--display);letter-spacing:-.01em;margin-top:32px}@media (width>=900px){.prose{grid-template-columns:repeat(3,1fr);gap:48px}}.gallery{columns:2;column-gap:clamp(8px,1.4vw,20px)}.gallery img{break-inside:avoid;background:var(--paper);width:100%;margin-bottom:clamp(8px,1.4vw,20px)}@media (width>=900px){.gallery{columns:3}}.case__grid{align-items:start;gap:clamp(8px,1.4vw,20px);display:grid}.case__grid img,.case__grid video{background:var(--paper);width:100%}.case .btn{margin-top:24px}@media (width>=760px){.case__grid{grid-template-columns:1fr 1fr}.case__wide{grid-column:1/-1}}.next{padding:clamp(40px, 7vw, 90px) var(--gutter);border-top:1px solid var(--line);color:var(--ink);text-decoration:none;transition:color .2s;display:block}.next:hover{color:var(--camba-text)}.next small{font-size:13px;display:block}.next span{font:800 clamp(1.9rem, 7vw, 6rem)/.98 var(--display);letter-spacing:-.02em;text-transform:uppercase;margin-top:8px;display:block}.cta{padding:clamp(64px, 10vw, 140px) var(--gutter);background:var(--camba);gap:28px;display:grid}.cta__title{letter-spacing:-.035em;font-size:clamp(2.6rem,12.4vw,15rem);line-height:.88}.cta__actions{flex-wrap:wrap;gap:12px;display:flex}.btn--line:hover{background:#fff;border-color:#fff}.footer{padding:clamp(48px, 7vw, 90px) var(--gutter) calc(24px + env(safe-area-inset-bottom));background:var(--ink);color:#b9b9b4}.footer__grid{gap:28px;display:grid}.footer__grid small{color:var(--camba);margin-bottom:8px;font-size:13px;display:block}.footer__grid a{text-decoration:none}.footer__grid a:hover{color:#fff}.footer__logo{width:120px;color:var(--camba);margin-top:clamp(40px,6vw,72px);display:block}.footer__logo svg{width:100%;height:auto;display:block}.footer__legal{margin-top:20px;font-size:12px}@media (width>=760px){.footer__grid{grid-template-columns:repeat(3,1fr)}}.wa{right:max(16px, env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:30;color:#fff;width:56px;height:56px;transition:transform .2s var(--ease);background:#25d366;border-radius:50%;place-items:center;display:grid;position:fixed;box-shadow:0 8px 24px #00000047}.wa:hover{transform:scale(1.08)}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal],.card,.person,.card__img img,.reel img{transition:none}}
