:root{--ink:#171817;--paper:#f3f0e9;--paper-deep:#e6e0d6;--blue:#3348ff;--red:#f0523d;--navy:#15192d;--line:#17181733;--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"SFMono-Regular", Consolas, "Liberation Mono", monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0;overflow-x:hidden}main,section,article,div{min-width:0}img,video{max-width:100%}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}::selection{color:#fff;background:var(--blue)}h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}section[id]{scroll-margin-top:2rem}a:focus-visible,button:focus-visible{outline:2px solid var(--red);outline-offset:4px}@supports (animation-timeline:scroll()){body:before{content:"";z-index:100;background:var(--blue);transform-origin:0;width:100%;height:2px;animation:linear both page-progress;animation-timeline:scroll(root);position:fixed;inset:0 auto auto 0;transform:scaleX(0)}}.skip-link{z-index:100;color:#fff;background:var(--blue);padding:.75rem 1rem;transition:transform .18s;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.5rem 3.25vw;display:flex;position:absolute;inset:0 0 auto}.brand{letter-spacing:-.02em;align-items:center;gap:.75rem;font-size:.9rem;font-weight:650;display:inline-flex}.brand-mark{width:2.75rem;height:2.75rem;font-family:var(--font-mono);letter-spacing:-.1em;border:1px solid;border-radius:50%;flex:none;place-items:center;font-size:.64rem;transition:color .22s,background .22s,transform .32s cubic-bezier(.2,.8,.2,1);display:grid}.brand:hover .brand-mark,.brand:focus-visible .brand-mark{color:var(--paper);background:var(--ink);transform:rotate(-8deg)}nav{align-items:center;gap:clamp(1.25rem,2.5vw,2.75rem);font-size:.82rem;font-weight:550;display:flex}nav a,.footer-links a{position:relative}nav a:after,.footer-links a:after{content:"";transform-origin:100%;background:currentColor;height:1px;transition:transform .2s;position:absolute;bottom:-.35rem;left:0;right:0;transform:scaleX(0)}nav a:hover:after,nav a:focus-visible:after,.footer-links a:hover:after,.footer-links a:focus-visible:after{transform-origin:0;transform:scaleX(1)}.hero{flex-direction:column;justify-content:center;min-height:100svh;padding:clamp(8rem,15vh,11rem) 3.25vw 3.5rem;display:flex;position:relative;overflow:hidden}.hero:before{content:"";aspect-ratio:1;border:1px solid var(--line);border-radius:50%;width:clamp(22rem,43vw,44rem);position:absolute;top:14%;right:-10vw}.hero:after{content:"";aspect-ratio:1;background:var(--red);border-radius:50%;width:clamp(5rem,9vw,9rem);animation:8s ease-in-out infinite hero-float;position:absolute;top:28%;right:5vw}.hero-kicker,.section-label{z-index:2;font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.65rem;font-size:.68rem;font-weight:550;display:flex;position:relative}.hero-kicker{margin-bottom:clamp(3rem,7vh,5.5rem)}.status-dot{background:var(--red);border-radius:50%;flex:none;width:.55rem;height:.55rem;animation:2.8s ease-in-out infinite status-pulse;box-shadow:0 0 0 4px #f0523d24}.hero h1{z-index:2;letter-spacing:-.082em;max-width:1380px;margin:0;font-size:clamp(4.5rem,9.4vw,9.75rem);font-weight:590;line-height:.82;position:relative}.hero h1 span{color:var(--blue);padding-left:7vw;display:block}.hero-bottom{z-index:3;grid-template-columns:minmax(0,34rem) auto;justify-content:space-between;align-items:end;gap:2rem;margin-top:clamp(3rem,8vh,6rem);padding-left:31vw;display:grid;position:relative}.hero-bottom>p{letter-spacing:-.025em;margin:0;font-size:clamp(1.08rem,1.5vw,1.35rem);line-height:1.5}.site-header,.hero-kicker,.hero h1,.hero-bottom{animation:.7s cubic-bezier(.2,.75,.2,1) both intro-up}.site-header{animation-delay:30ms}.hero-kicker{animation-delay:.1s}.hero h1{animation-delay:.17s}.hero-bottom{animation-delay:.25s}.text-link{border-bottom:1px solid;align-items:center;gap:.7rem;width:max-content;padding-bottom:.25rem;font-size:.82rem;font-weight:580;display:inline-flex}.text-link span,.project-copy a span,.footer-links a span,.archive-row>span:last-child{transition:transform .18s}.text-link:hover span,.text-link:focus-visible span,.project-copy a:hover span,.project-copy a:focus-visible span,.footer-links a:hover span,.footer-links a:focus-visible span,a.archive-row:hover>span:last-child{transform:translate(3px,-3px)}.hero .text-link:hover span,.hero .text-link:focus-visible span{transform:translateY(3px)}.section-shell{width:min(100% - 6.5vw,1450px);margin-inline:auto}.section-label:before{content:"";background:currentColor;width:1.65rem;height:1px}.section-label[data-index]:after{content:"/ " attr(data-index);color:currentColor;opacity:.42}.light{color:#fff}.about{border-top:1px solid var(--line);padding-top:clamp(7rem,13vw,12rem);padding-bottom:clamp(7rem,13vw,12rem)}.about-copy{grid-template-columns:minmax(0,1.45fr) minmax(18rem,.75fr);align-items:start;gap:clamp(3rem,9vw,10rem);margin-top:4rem;display:grid}.about h2,.work-heading h2,.more-work-heading h2,.archive-heading h2,.contact h2{letter-spacing:-.07em;margin:0;font-size:clamp(3.2rem,6.4vw,6.8rem);font-weight:570;line-height:.92}.about-details{padding-top:.5rem}.about-details p{margin:0 0 1.25rem;font-size:1rem;line-height:1.65}.about-details .lead{letter-spacing:-.035em;margin-bottom:2.25rem;font-size:clamp(1.25rem,1.75vw,1.6rem);font-weight:520;line-height:1.4}.work{padding-top:clamp(7rem,11vw,10rem);padding-bottom:clamp(7rem,11vw,10rem)}.work-heading{margin-bottom:4rem}.work-heading h2,.more-work-heading h2,.archive-heading h2{max-width:900px;margin-top:2.5rem}.work-grid{grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:start;gap:1rem;display:grid}.project{flex-direction:column;min-width:0;padding:clamp(1.25rem,2.4vw,2.2rem);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s;display:flex;overflow:hidden}.project-featured{grid-row:span 2}.project-sureshot{color:#fff;background:var(--blue)}.project-earthed{color:#fff;background:var(--red)}.project-scribblebop{background:#dfe4ff}.project-meta{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;gap:1rem;font-size:.62rem;line-height:1.4;display:flex}.project-media{aspect-ratio:4/3;background:var(--navy);border:1px solid #ffffff4d;margin:2rem 0;position:relative;overflow:hidden}.project-media img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.project-media-sureshot{transform:rotate(-.55deg);box-shadow:8px 8px #17181747}.project-media-earthed{transform:rotate(.55deg);box-shadow:7px 7px #17181742}.scribble-visual{aspect-ratio:4/3;place-items:center;margin:2rem 0;display:grid;position:relative;overflow:hidden}.scribble-visual strong{z-index:2;color:var(--blue);letter-spacing:-.08em;font-size:clamp(3rem,5vw,5rem);line-height:.75;position:relative;transform:rotate(-6deg)}.scribble-loop{border:clamp(.35rem, .7vw, .55rem) solid var(--red);border-radius:50%;width:min(15rem,70%);height:45%;position:absolute;transform:rotate(24deg)}.scribble-loop.loop-two{border-color:var(--blue);width:45%;height:72%;transform:rotate(-42deg)}.project-copy h3{letter-spacing:-.06em;margin:0 0 .85rem;font-size:clamp(2rem,3.7vw,4rem);font-weight:560;line-height:.96}.project-copy>p{max-width:37rem;margin:0 0 1.3rem;line-height:1.55}.project-copy a{border-bottom:1px solid;align-items:center;gap:.75rem;padding-bottom:.25rem;font-size:.82rem;font-weight:600;display:inline-flex}.project-note{font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;font-size:.62rem}.more-work{margin-top:clamp(8rem,14vw,14rem)}.more-work-heading{margin-bottom:4rem}.case-list{gap:1rem;display:grid}.case-study{background:#fff;grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);min-width:0;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s;display:grid}.case-copy{flex-direction:column;justify-content:flex-end;padding:clamp(1.5rem,3vw,3rem);display:flex}.case-copy>span,.motion-case-copy>span{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;margin-bottom:1.25rem;font-size:.62rem;line-height:1.5;display:block}.case-copy h3,.motion-case-copy h3{letter-spacing:-.055em;margin:0 0 1rem;font-size:clamp(2rem,3.2vw,3.6rem);font-weight:560;line-height:.95}.case-copy p,.motion-case-copy p{max-width:34rem;margin:0;line-height:1.6}.case-media{aspect-ratio:16/10;overflow:hidden}.case-media img{object-fit:cover;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.case-smith{color:#fff;background:var(--navy)}.smith-stage{aspect-ratio:16/10;background:var(--red);grid-template-rows:1fr 1fr;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:.75rem;padding:.75rem;display:grid;overflow:hidden}.smith-stage>div{place-items:center;min-width:0;display:grid;overflow:hidden}.smith-stage img{object-fit:contain;width:100%;height:100%;transition:transform .7s cubic-bezier(.2,.8,.2,1);display:block}.smith-primary{background:var(--paper);grid-row:1/-1}.smith-primary img{transform:scale(1.3)}.smith-character{background:#fff}.smith-character img{transform:scale(1.35)}.smith-mark{background:#10194a}.smith-mark img{transform:scale(1.36)}.motion-case{color:#fff;background:var(--navy);grid-template-columns:minmax(18rem,.65fr) minmax(0,1.35fr);gap:clamp(2rem,5vw,6rem);padding:clamp(1.5rem,3vw,3rem);transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s;display:grid}.motion-case-copy{align-self:end;padding-bottom:.5rem}.motion-case-copy>span{color:#ff8d77}.motion-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:.8rem;display:grid}.motion-grid figure{min-width:0;margin:0}.motion-grid video{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.motion-grid figcaption{justify-content:space-between;gap:1rem;padding:.85rem 0 0;display:flex}.motion-grid figcaption span{font-weight:620}.motion-grid figcaption small{color:#ffffff94;text-align:right;font-size:.68rem}.archive{grid-template-columns:minmax(15rem,.65fr) minmax(0,1.35fr);gap:clamp(3rem,7vw,8rem);margin-top:clamp(8rem,13vw,13rem);display:grid}.archive-list{border-top:1px solid var(--line)}.archive-row{border-bottom:1px solid var(--line);grid-template-columns:2.2rem minmax(0,1fr) minmax(0,1.1fr) auto;align-items:center;gap:1.2rem;min-height:7rem;padding:1.2rem 0;display:grid}a.archive-row{transition:padding .18s,color .18s}a.archive-row:hover,a.archive-row:focus-visible{color:var(--blue);padding-inline:.75rem}.archive-number{font-family:var(--font-mono);font-size:.62rem}.archive-row>span:nth-child(2){flex-direction:column;gap:.35rem;display:flex}.archive-row strong{letter-spacing:-.025em;font-size:1.08rem;font-weight:620}.archive-row small{color:#17181794;font-size:.75rem}.archive-role{font-size:.86rem;line-height:1.45}.contact{color:#fff;background:var(--blue);grid-template-columns:minmax(18rem,.75fr) minmax(0,1.25fr);gap:clamp(3rem,9vw,10rem);padding:clamp(6rem,10vw,9rem) 3.25vw;display:grid}.contact-copy{align-self:start}.contact h2{color:#fff;max-width:45rem;margin-top:2.5rem}.contact-copy>p{max-width:28rem;margin:2rem 0;font-size:clamp(1.05rem,1.4vw,1.25rem);line-height:1.55}.light-link{color:#fff}.contact-form{color:var(--ink);background:var(--paper);box-shadow:clamp(6px, 1vw, 12px) clamp(6px, 1vw, 12px) 0 var(--navy);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem 1rem;padding:clamp(1.5rem,3vw,3rem);display:grid}.form-field{flex-direction:column;gap:.6rem;min-width:0;display:flex}.form-field-honeypot{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.form-message,.form-submit{grid-column:1/-1}.form-field label{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:.64rem;font-weight:600}.form-field input,.form-field textarea{width:100%;min-width:0;color:var(--ink);resize:vertical;background:0 0;border:0;border-bottom:1px solid #17181759;border-radius:0;outline:none;padding:.9rem 0}.form-field input:focus,.form-field textarea:focus{border-color:var(--blue);box-shadow:0 1px 0 var(--blue)}.form-field input::placeholder,.form-field textarea::placeholder{color:#17181775}.form-submit{align-items:center;gap:1.5rem;margin-top:.5rem;display:flex}.button{cursor:pointer;border:1px solid #0000;border-radius:.2rem;justify-content:space-between;align-items:center;gap:2rem;min-width:11rem;padding:1rem 1.15rem;font-size:.82rem;font-weight:620;transition:transform .18s,box-shadow .18s,color .18s,background .18s;display:inline-flex}.button:hover,.button:focus-visible{transform:translateY(-3px)}.button:disabled{cursor:wait;opacity:.62;box-shadow:none;transform:none}.button-contact{color:#fff;background:var(--ink)}.button-contact:hover,.button-contact:focus-visible{background:var(--red);box-shadow:5px 5px 0 var(--navy)}.form-status{min-height:1.1rem;margin:0;font-size:.75rem;line-height:1.4}.form-status[data-state=success]{color:#17633d}.form-status[data-state=error]{color:#a82d24}footer{color:#fff;background:var(--navy);grid-template-columns:1fr 1fr 1fr;align-items:start;gap:2rem;padding:4rem 3.25vw 2rem;display:grid}.footer-brand{color:#fff}.footer-brand:hover .brand-mark,.footer-brand:focus-visible .brand-mark{color:var(--navy);background:#fff}footer>p{color:#ffffffa6;margin:0;font-size:.8rem;line-height:1.6}.footer-links{justify-content:flex-end;gap:1.5rem;font-size:.76rem;display:flex}.footer-links a{gap:.4rem;display:inline-flex}.copyright{color:#ffffff73;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #ffffff2e;grid-column:1/-1;margin-top:4rem;padding-top:1.5rem;font-size:.58rem}@media (hover:hover){.project:hover,.case-study:hover,.motion-case:hover{z-index:2;transform:translateY(-5px);box-shadow:0 20px 55px #17181724}.project:hover .project-media img,.case-innesfree:hover .case-media img{transform:scale(1.025)}.case-smith:hover .smith-primary img{transform:scale(1.34)rotate(-.25deg)}.case-smith:hover .smith-character img{transform:scale(1.39)rotate(.5deg)}.case-smith:hover .smith-mark img{transform:scale(1.4)rotate(-1deg)}}@keyframes page-progress{to{transform:scaleX(1)}}@keyframes intro-up{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes hero-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes status-pulse{0%,to{box-shadow:0 0 0 4px #f0523d24}50%{box-shadow:0 0 0 7px #f0523d0d}}@media (max-width:900px){.site-header{padding:1rem 1.25rem}.hero{min-height:auto;padding:9rem 1.25rem 5rem}.hero h1{font-size:clamp(3.8rem,12vw,6.7rem);line-height:.86}.hero h1 span{padding-left:0}.hero-bottom{grid-template-columns:1fr;margin-top:3.5rem;padding-left:0}.hero:before{top:12rem;right:-13rem}.hero:after{top:15rem;right:1rem}.section-shell{width:min(100% - 2.5rem,1450px)}.about-copy,.case-study,.motion-case,.archive,.contact{grid-template-columns:1fr}.about-copy{gap:3rem}.work-grid{grid-template-columns:1fr}.project-featured{grid-row:auto}.case-smith .case-copy{min-height:16rem}.motion-case{gap:3rem}.archive{gap:4rem}.contact{padding-inline:1.25rem}footer{grid-template-columns:1fr 1fr;padding-inline:1.25rem}.footer-links{grid-column:1/-1;justify-content:flex-start}}@media (max-width:620px){.brand>span:last-child{display:none}nav{gap:1rem;font-size:.76rem}.hero-kicker{max-width:18rem;line-height:1.5}.hero h1{font-size:clamp(3.35rem,15vw,5.5rem);line-height:.87}.hero:before{right:-17rem}.hero:after{display:none}.about h2,.work-heading h2,.more-work-heading h2,.archive-heading h2,.contact h2{font-size:clamp(2.8rem,14vw,4.6rem)}.project{padding:1.15rem}.project-meta{flex-wrap:wrap}.project-media,.scribble-visual{margin-block:1.25rem}.project-copy h3{font-size:clamp(2.25rem,11vw,3.5rem)}.smith-stage{aspect-ratio:4/3;gap:.45rem;padding:.45rem}.case-copy{padding:1.5rem 1.25rem 2rem}.motion-grid{grid-template-columns:1fr}.motion-grid figcaption{padding-bottom:.5rem}.archive-row{grid-template-columns:1.5rem minmax(0,1fr) auto;gap:.8rem}.archive-role{grid-column:2/-1}.contact-form{grid-template-columns:1fr;padding:1.25rem}.form-field,.form-message,.form-submit{grid-column:1}.form-submit{flex-direction:column;align-items:flex-start}footer{grid-template-columns:1fr}.footer-brand>span:last-child{display:inline}.footer-links{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}