@import "https://fonts.googleapis.com/css2?family=Archivo+Black&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,700&display=swap";:root{--bg:#ccebed;--ink:#2f43d9;--signal:#ee6a4b;--lime:#b8db68;--pink:#f8d5f3;--blue:#2f43d9;--blue-deep:#1728ba;--line:#2f43d94d;--pad:clamp(1.1rem, 2.8vw, 2.8rem);--project-section-gap:clamp(5rem, 8vw, 8rem);--display:"Archivo Black", Impact, sans-serif;--sans:"DM Sans", Arial, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{color:var(--ink);background:var(--bg);font-family:var(--sans);margin:0;font-size:1rem;line-height:1.45}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.skip-link{z-index:100;background:var(--signal);color:var(--blue-deep);padding:.75rem 1rem;position:fixed;top:-5rem;left:1rem}.skip-link:focus{top:1rem}.site-header{min-height:5.2rem;padding:1.1rem var(--pad);border-bottom:1px solid var(--line);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:flex-start;font-size:.82rem;font-weight:700;display:flex}.wordmark{font-family:var(--display);letter-spacing:-.04em;flex-direction:column;font-size:1rem;line-height:.86;display:flex}.site-header nav{gap:clamp(1rem,3vw,3.25rem);display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:currentColor;height:2px;transition:right .25s;position:absolute;bottom:-.25rem;left:0;right:100%}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}.hero{min-height:calc(100svh - 5.2rem);padding:1.2rem var(--pad) 2rem;flex-direction:column;justify-content:space-between;display:flex;overflow:hidden}.hero-kicker,.project-topline{text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;font-size:.75rem;font-weight:700;display:flex}.hero h1{width:100%;font-family:var(--display);letter-spacing:-.028em;text-transform:uppercase;flex-direction:column;align-items:flex-start;gap:.06em;margin:auto 0;font-size:clamp(3.9rem,7.8vw,8.25rem);line-height:.84;display:flex}.hero h1 span{display:block}.hero h1 span:last-child{text-align:left;white-space:nowrap;align-self:flex-start}.hero h1 em{color:#0000;-webkit-text-stroke:clamp(1.5px, .16vw, 2.5px) var(--ink);margin-left:0;font-style:normal;display:inline-block}.hero-footer{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.hero-footer p{letter-spacing:-.025em;max-width:39rem;margin:0;font-size:clamp(1.2rem,2.1vw,2rem);line-height:1.15}.round-link{aspect-ratio:1;border:1px solid var(--ink);border-radius:50%;flex:none;place-items:center;width:4.2rem;font-size:1.6rem;transition:background .2s,transform .2s;display:grid}.round-link:hover{background:var(--lime);transform:rotate(-10deg)}.work{padding:6rem var(--pad) 0;background:var(--pink);color:var(--blue-deep)}.section-label{text-transform:uppercase;border-bottom:1px solid #1728ba47;justify-content:space-between;align-items:baseline;padding-bottom:1rem;display:flex}.section-label h2,.section-label span{letter-spacing:.08em;margin:0;font-size:.78rem}.case-list{padding-top:1.2rem}.case-card{opacity:0;padding:1rem 0 4.5rem;transition:opacity .6s,transform .6s;transform:translateY(2rem)}.case-card.is-visible,[data-reveal].is-visible{opacity:1;transform:none}.case-meta{letter-spacing:.07em;text-transform:uppercase;grid-template-columns:4rem 1fr auto;padding-bottom:.7rem;font-size:.72rem;display:grid}.case-stage{min-height:clamp(20rem,58vw,50rem);color:var(--case-ink);background:var(--case-accent);place-items:center;display:grid;position:relative;overflow:hidden}.case-stage.has-image:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#00000047);position:absolute;inset:0}.case-stage.has-image.no-overlay:after{display:none}.case-stage.has-image img,.case-stage.has-image video{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.75,.2,1);position:absolute;inset:0}.case-ghost{font-family:var(--display);letter-spacing:-.13em;opacity:.12;font-size:clamp(12rem,40vw,40rem);line-height:.8;transition:transform .6s cubic-bezier(.2,.75,.2,1);transform:translate(-2vw)}.placeholder-note{z-index:1;letter-spacing:.08em;border:1px solid;padding:.55rem .75rem;font-size:.7rem;font-weight:700;position:absolute}.case-card a:hover .case-ghost{transform:translate(2vw)scale(1.03)}.case-card a:hover .case-stage.has-image img,.case-card a:hover .case-stage.has-image video{transform:scale(1.025)}.case-title-row{justify-content:space-between;align-items:flex-start;gap:1rem;margin-top:1.25rem;display:flex}.case-title-row h2{max-width:90%;font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(2.4rem,7vw,7rem);line-height:.9}.case-arrow{font-size:clamp(2rem,5vw,5rem);line-height:1;transition:transform .2s}.case-card a:hover .case-arrow{transform:translate(20%,-20%)}.case-card p{text-transform:uppercase;letter-spacing:.04em;margin:.9rem 0 0;font-size:.82rem}.manifesto{padding:9vw var(--pad);background:var(--pink);opacity:0;transition:opacity .6s,transform .6s;transform:translateY(2rem)}.manifesto p{font-family:var(--display);letter-spacing:-.04em;text-transform:uppercase;margin:0;font-size:clamp(3.1rem,9vw,9rem);line-height:.85}.manifesto p:last-child{text-align:right}.site-footer{padding:9rem var(--pad) 2rem;background:var(--blue-deep);color:var(--bg)}.site-footer>p{text-transform:uppercase;letter-spacing:.06em;margin:0 0 1rem;font-size:.78rem}.site-footer>a{font-family:var(--display);letter-spacing:-.045em;text-transform:uppercase;border-bottom:2px solid;justify-content:space-between;padding-bottom:1rem;font-size:clamp(2.6rem,7.5vw,7.5rem);line-height:1;display:flex}.site-footer>a span{transition:transform .2s}.site-footer>a:hover span{transform:translate(20%,-20%)}.footer-meta{text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;margin-top:4rem;font-size:.7rem;display:flex}.site-footer.quiet{padding:2rem var(--pad)}.site-footer.quiet .footer-meta{margin-top:0}.about-page{padding:0 var(--pad)}.eyebrow{text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:.73rem!important}.about-hero{padding:1.5rem 0 clamp(6rem,10vw,10rem)}.about-intro{grid-template-columns:minmax(0,1.2fr) minmax(18rem,.8fr);align-items:center;gap:clamp(3rem,7vw,8rem);min-height:calc(100svh - 10rem);padding:clamp(3rem,7vw,7rem) 0;display:grid}.about-intro-copy{max-width:52rem}.about-intro-copy p{letter-spacing:-.022em;margin:0 0 1.5rem;font-size:clamp(1.45rem,2.15vw,2.45rem);line-height:1.22}.portrait-frame{aspect-ratio:4/5;justify-self:end;width:100%;max-width:28rem;margin:0}.portrait-frame img{object-fit:cover;object-position:center;width:100%;height:100%}.capabilities{border-top:1px solid var(--line);opacity:0;grid-template-columns:minmax(9rem,1fr) 3fr;gap:2rem;padding:8rem 0;transition:opacity .6s,transform .6s;display:grid;transform:translateY(2rem)}.capabilities ul{margin:0;padding:0;list-style:none}.capabilities li{border-bottom:1px solid var(--line);font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding:.55rem 0;font-size:clamp(1.7rem,3.6vw,3.9rem);line-height:1.05;display:flex}.capabilities li span{font-family:var(--sans);letter-spacing:0;font-size:.7rem}.site-footer.compact{background:var(--pink);color:var(--blue-deep);padding-top:7rem}.site-footer.compact>a{letter-spacing:-.025em;font-size:clamp(2rem,5.2vw,5rem)}.project-intro{padding:1.5rem var(--pad) 3rem}.project-intro h1{width:100%;max-width:100%;font-family:var(--display);font-size:clamp(2.75rem, var(--project-title-size,11vw), 12rem);letter-spacing:-.05em;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance;margin:12vh 0 1.5rem;line-height:.82}.project-intro>p{text-transform:uppercase;letter-spacing:.06em;margin:0;font-size:.78rem}.project-hero-media{background:var(--case-accent);min-height:75svh;color:var(--case-ink);place-items:center;display:grid;position:relative}.project-hero-media.has-image{aspect-ratio:16/9;background:var(--blue-deep);min-height:0;overflow:hidden}.project-hero-media.has-image img,.project-hero-media video,.project-hero-media iframe{object-fit:cover;border:0;width:100%;height:100%}.project-hero-media video{background:var(--blue-deep)}.project-hero-media>span,.media-placeholder span{letter-spacing:.08em;border:1px solid;padding:.55rem .75rem;font-size:.7rem;font-weight:700}.play-button{aspect-ratio:1;border:1px solid;border-radius:50%;place-items:center;width:6rem;font-size:1.4rem;transition:transform .25s,background .25s;display:grid;position:absolute}.project-hero-media:hover .play-button{background:#ffffff38;transform:scale(1.12)}.video-status{left:var(--pad);right:var(--pad);bottom:var(--pad);z-index:1;color:var(--bg);text-transform:uppercase;letter-spacing:.08em;justify-content:space-between;gap:1rem;font-size:.7rem;font-weight:700;display:flex;position:absolute}.video-status:before{content:"";left:calc(var(--pad) * -1);right:calc(var(--pad) * -1);bottom:calc(var(--pad) * -1);z-index:-1;background:linear-gradient(#0000,#000000b8);height:9rem;position:absolute}.case-story{padding:9rem var(--pad)}.case-story article{border-top:1px solid var(--line);opacity:0;grid-template-columns:minmax(9rem,1fr) 3fr;gap:2rem;padding:3rem 0;transition:opacity .6s,transform .6s;display:grid;transform:translateY(2rem)}.case-story h2,.project-details h2{text-transform:uppercase;letter-spacing:.08em;margin:0;font-size:.74rem}.case-story p{letter-spacing:-.018em;max-width:70rem;margin:0;font-size:clamp(1.3rem,2.2vw,2.55rem);line-height:1.18}.media-showcase{margin-bottom:var(--project-section-gap)}.media-showcase-heading{margin:0 var(--pad) 2rem;border-top:1px solid var(--line);grid-template-columns:minmax(14rem,.8fr) 1.2fr;align-items:end;gap:2rem;padding-top:1.25rem;display:grid}.media-showcase-heading>div>span{letter-spacing:.08em;text-transform:uppercase;margin-bottom:.55rem;font-size:.7rem;font-weight:700;display:block}.media-showcase-heading h2{font-family:var(--display);letter-spacing:-.025em;text-transform:uppercase;margin:0;font-size:clamp(2rem,4.2vw,4.5rem);line-height:.9}.media-showcase-heading>p{justify-self:end;max-width:42rem;margin:0;font-size:clamp(1rem,1.4vw,1.3rem);line-height:1.35}.media-grid{padding:0 var(--pad)}.media-placeholder{background:var(--blue-deep);min-height:65vw;color:var(--bg);place-items:center;display:grid}.media-placeholder.wide{background:var(--case-accent);min-height:50vw;color:var(--case-ink);grid-column:1/-1}.media-placeholder.alternate{background:var(--pink);color:var(--blue-deep)}.case-image{background:0 0;width:100%;margin:0;overflow:visible}.case-image img,.case-image video{object-fit:contain;width:100%;height:auto;display:block}.case-image video{background:var(--blue-deep)}.case-image figcaption{grid-template-columns:2rem 1fr;gap:.75rem;padding-top:.75rem;font-size:.72rem;line-height:1.3;display:grid}.case-image figcaption>span{font-variant-numeric:tabular-nums;opacity:.65}.case-image figcaption strong{letter-spacing:.035em;text-transform:uppercase;font-size:.76rem;display:block}.case-image figcaption p{opacity:.72;max-width:30rem;margin:.18rem 0 0}.media-grid.film-strip{gap:var(--pad);scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:var(--ink) transparent;padding-bottom:1.5rem;display:flex;overflow-x:auto}.film-strip .case-image{scroll-snap-align:start;flex:0 0 min(61vw,64rem)}.film-strip .case-image.wide{flex-basis:min(76vw,78rem)}.film-strip .case-image figcaption{grid-template-columns:1fr}.film-strip .case-image figcaption>span{justify-self:end}.media-grid.editorial{gap:clamp(2.5rem, 5vw, 6rem) var(--pad);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;display:grid}.editorial .case-image.layout-full{grid-column:1/-1}.editorial .case-image.layout-large{grid-column:span 7}.editorial .case-image.layout-small{grid-column:span 5}.editorial .case-image.layout-centered{grid-column:4/span 6}.editorial .case-image.layout-half{grid-column:span 6}.editorial .case-image.layout-third{grid-column:span 4}.editorial .case-image figcaption{padding-right:min(3vw,2rem)}.project-details{gap:var(--pad);margin-bottom:var(--project-section-gap);padding:0 var(--pad);background:var(--bg);color:var(--blue-deep);opacity:0;grid-template-columns:repeat(3,1fr);transition:opacity .6s,transform .6s;display:grid;transform:translateY(2rem)}.project-details-heading{text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;justify-content:space-between;align-items:baseline;padding-bottom:1rem;font-size:.72rem;font-weight:700;display:flex}.project-details-heading p{margin:0}.detail-card{flex-direction:column;justify-content:space-between;min-height:clamp(17rem,26vw,24rem);padding:1.5rem;display:flex}.detail-card h2{justify-content:space-between;align-items:baseline;display:flex}.detail-card h2:after{font-family:var(--sans);font-weight:500}.detail-role{background:var(--pink)}.detail-role h2:after{content:"01"}.detail-results{background:var(--lime)}.detail-results h2:after{content:"02"}.detail-credits{background:var(--signal);color:var(--blue-deep)}.detail-credits h2:after{content:"03"}.project-details ul{margin:auto 0 0;padding:0;font-size:clamp(1.2rem,2vw,2rem);line-height:1.15;list-style:none}.detail-card p{max-width:26rem;margin:auto 0 0;font-size:1.05rem}.credits-list{max-width:28rem;margin:auto 0 0;font-size:1.05rem;line-height:1.45;display:block}.credits-list.dense{font-size:clamp(.82rem,1.15vw,.98rem);line-height:1.35}.credits-list span{display:inline}.credits-list span:not(:first-child):before{content:" · ";opacity:.6}.hidden-project-description{margin:0 var(--pad);border-top:1px solid var(--line);opacity:0;grid-template-columns:minmax(9rem,1fr) 3fr;gap:2rem;padding:8rem 0;transition:opacity .6s,transform .6s;display:grid;transform:translateY(2rem)}.hidden-project-description>div{max-width:62rem}.hidden-project-description>div>p{letter-spacing:-.018em;margin:0 0 1.35rem;font-size:clamp(1.3rem,2.2vw,2.55rem);line-height:1.18}.hidden-project-page .project-details{margin-top:var(--project-section-gap)}.hidden-year-card p{max-width:none;font-family:var(--display);letter-spacing:-.04em;font-size:clamp(3.5rem,8vw,7rem);line-height:.85}.next-case{padding:3.5rem var(--pad);background:var(--pink);color:var(--blue-deep);grid-template-columns:1fr auto;align-items:end;display:grid}.next-case>span:first-child{text-transform:uppercase;letter-spacing:.08em;grid-column:1/-1;margin-bottom:1.25rem;font-size:.72rem}.next-case strong{max-width:90%;font-family:var(--display);letter-spacing:-.035em;text-transform:uppercase;overflow-wrap:anywhere;text-wrap:balance;font-size:clamp(1.9rem,4.2vw,4.25rem);line-height:.92}.next-case>span:last-child{font-size:clamp(2rem,4vw,4rem);line-height:1;transition:transform .2s}.next-case:hover>span:last-child{transform:translate(12%,-12%)}@media (width<=700px){.site-header{min-height:4.5rem}.site-header nav{gap:1rem}.site-header nav a:first-child{display:none}.hero{min-height:calc(100svh - 4.5rem)}.hero h1{font-size:clamp(3.25rem,17vw,6rem);line-height:.88}.hero h1 span:last-child{text-align:left;white-space:normal;align-self:flex-start}.hero-footer{align-items:flex-start}.round-link{width:3.2rem}.case-stage{min-height:24rem}.case-title-row h2{max-width:85%}.about-intro{grid-template-columns:1fr;gap:2.5rem;min-height:auto;padding:3.5rem 0 1rem}.portrait-frame{justify-self:start;width:min(100%,22rem)}.project-intro h1{margin-top:8vh}.next-case strong{overflow-wrap:anywhere;font-size:7vw}.capabilities,.case-story article,.hidden-project-description{grid-template-columns:1fr}.capabilities{padding:5rem 0}.hidden-project-description{margin:0 var(--pad);padding:5rem 0}.media-showcase-heading{grid-template-columns:1fr;align-items:start}.media-showcase-heading>p{justify-self:start}.film-strip .case-image,.film-strip .case-image.wide{flex-basis:84vw}.media-grid.editorial{grid-template-columns:1fr;gap:3.5rem}.editorial .case-image.layout-full,.editorial .case-image.layout-large,.editorial .case-image.layout-small,.editorial .case-image.layout-centered,.editorial .case-image.layout-half,.editorial .case-image.layout-third{grid-column:1}.media-placeholder.wide{grid-column:auto}.media-placeholder{min-height:120vw}.media-placeholder.wide{min-height:62vw}.project-details{grid-template-columns:1fr}.detail-card{min-height:14rem}.site-footer{padding-top:6rem}.site-footer.compact>a{overflow-wrap:anywhere;font-size:1.45rem}.footer-meta{gap:2rem}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}[data-reveal],.case-card{opacity:1;transform:none}}