.portfolio-site{--paper:oklch(95% .012 76);--ink:oklch(21% .008 48);--accent:oklch(56% .17 33);--line:oklch(21% .008 48/.24)}.portfolio-site .portfolio-page{--paper:oklch(95% .012 76);--ink:oklch(21% .008 48);--warm:oklch(90% .019 76);--red:oklch(56% .17 33);--line:oklch(21% .008 48/.24);background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;line-height:1.5}.portfolio-site .portfolio-page :where(h1,h2,h3,p,figure){margin:0}.portfolio-site .portfolio-page a{color:inherit;text-decoration:none}.portfolio-site .portfolio-page img{width:100%;height:auto;display:block}.portfolio-site .portfolio-page ::selection{color:var(--paper);background:var(--red)}.portfolio-site .portfolio-page .kicker,.portfolio-site .portfolio-page .section-label{letter-spacing:.17em;text-transform:uppercase;margin:0;font:800 11px/1.5 Manrope,sans-serif}.portfolio-site .site-header{background:var(--paper);gap:24px;min-height:82px;padding:22px 3.25vw}.portfolio-site .site-header .wordmark{letter-spacing:.11em;font:800 13px/1 Manrope,sans-serif}.portfolio-site .site-header nav{letter-spacing:.1em;text-transform:uppercase;gap:clamp(18px,2.6vw,42px);font:700 11px/1.5 Manrope,sans-serif}.portfolio-site .site-header .contact-link{text-transform:uppercase;letter-spacing:.08em;background:var(--ink);color:var(--paper);padding:13px 17px;font:700 11px/1.5 Manrope,sans-serif;text-decoration:none}.portfolio-site .portfolio-page .hero{border-bottom:1px solid var(--line);grid-template-columns:52% 48%;min-height:calc(100vh - 82px);display:grid;overflow:hidden}.portfolio-site .portfolio-page .hero-copy{flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(70px,9vw,145px) 5vw 60px 6.5vw;display:flex}.portfolio-site .portfolio-page .kicker,.portfolio-site .portfolio-page .section-label{letter-spacing:.17em;text-transform:uppercase;margin:0;font-size:11px;font-weight:800}.portfolio-site .portfolio-page .kicker{align-items:center;gap:10px;display:flex}.portfolio-site .portfolio-page .kicker span{background:var(--red);border-radius:50%;width:8px;height:8px}.portfolio-site .portfolio-page .hero h1{letter-spacing:-.064em;margin:32px 0 30px;font-family:Gelasio,serif;font-size:clamp(60px,7.4vw,124px);font-weight:400;line-height:.84}.portfolio-site .portfolio-page .hero h1 em,.portfolio-site .portfolio-page .motion-heading h2 em,.portfolio-site .portfolio-page .about h2 em{color:var(--red);font-weight:400}.portfolio-site .portfolio-page .hero-intro{letter-spacing:-.02em;max-width:610px;margin:0;font-size:clamp(18px,1.55vw,25px);line-height:1.45}.portfolio-site .portfolio-page .text-link{border-bottom:1px solid var(--ink);letter-spacing:.12em;text-transform:uppercase;margin-top:46px;padding-bottom:7px;font-size:12px;font-weight:800}.portfolio-site .portfolio-page .text-link span{color:var(--red);margin-left:22px}.portfolio-site .portfolio-page .hero-collage{background:var(--ink);min-height:720px;position:relative}.portfolio-site .portfolio-page .hero-image{margin:0;position:absolute;overflow:hidden;box-shadow:0 20px 45px oklch(18% .018 40/.25)}.portfolio-site .portfolio-page .hero-image img{object-fit:cover;height:100%;transition:transform .7s cubic-bezier(.2,.65,.25,1)}.portfolio-site .portfolio-page .hero-image:hover img{transform:scale(1.035)}.portfolio-site .portfolio-page .hero-image-a{z-index:1;width:66%;height:40%;top:8%;left:8%;transform:rotate(-2deg)}.portfolio-site .portfolio-page .hero-image-b{z-index:3;width:55%;height:33%;top:38%;right:5%;transform:rotate(2.4deg)}.portfolio-site .portfolio-page .hero-image-c{z-index:2;width:58%;height:36%;bottom:4%;left:9%;transform:rotate(-1deg)}.portfolio-site .portfolio-page .collage-note{z-index:5;color:var(--paper);writing-mode:vertical-rl;letter-spacing:.16em;text-transform:uppercase;font-size:10px;position:absolute;bottom:5%;right:5%}.portfolio-site .portfolio-page .discipline-strip{border-bottom:1px solid var(--line);letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:16px;min-height:76px;padding:18px 3.25vw;font-size:11px;font-weight:800;display:flex}.portfolio-site .portfolio-page .discipline-strip i{color:var(--red);font-style:normal}.portfolio-site .portfolio-page .work-intro{grid-template-columns:1.25fr .75fr;align-items:end;gap:8vw;padding:clamp(100px,12vw,180px) 6.5vw;display:grid}.portfolio-site .portfolio-page .work-intro h2{letter-spacing:-.055em;margin:18px 0 0;font-family:Gelasio,serif;font-size:clamp(52px,6.2vw,102px);font-weight:400;line-height:.92}.portfolio-site .portfolio-page .work-intro>p{max-width:500px;margin:0;padding-bottom:8px;font-size:clamp(17px,1.4vw,22px);line-height:1.55}.portfolio-site .portfolio-page .work-section{padding:0 3.25vw clamp(115px,12vw,180px)}.portfolio-site .portfolio-page .work-heading{border-top:1px solid var(--ink);grid-template-columns:70px 1fr minmax(260px,420px);align-items:end;gap:2vw;padding:30px 0 40px;display:grid}.portfolio-site .portfolio-page .work-number{color:var(--red);align-self:start;font-family:Gelasio,serif;font-size:34px}.portfolio-site .portfolio-page .work-heading h3{letter-spacing:-.04em;max-width:750px;margin:12px 0 0;font-family:Gelasio,serif;font-size:clamp(38px,4.1vw,70px);font-weight:400;line-height:.95}.portfolio-site .portfolio-page .work-heading>p{margin:0;font-size:15px;line-height:1.65}.portfolio-site .portfolio-page .work-grid{grid-template-columns:repeat(12,1fr);align-items:start;gap:clamp(12px,1.45vw,24px);display:grid}.portfolio-site .portfolio-page .work-card{grid-column:span 4;margin:0}.portfolio-site .portfolio-page .work-card a{background:var(--warm);display:block;overflow:hidden}.portfolio-site .portfolio-page .work-card img{aspect-ratio:4/3;object-fit:cover;transition:transform .55s cubic-bezier(.2,.65,.25,1),filter .4s}.portfolio-site .portfolio-page .work-card:hover img{filter:saturate(1.08);transform:scale(1.025)}.portfolio-site .portfolio-page .work-card figcaption{border-top:1px solid var(--ink);text-transform:uppercase;letter-spacing:.07em;justify-content:space-between;gap:20px;padding:12px 0 24px;font-size:11px;line-height:1.35;display:flex}.portfolio-site .portfolio-page .work-card figcaption span:last-child{color:var(--red);font-size:15px}.portfolio-site .portfolio-page .work-grid-branding .work-card-1{grid-column:span 7}.portfolio-site .portfolio-page .work-grid-branding .work-card-1 img{aspect-ratio:16/10}.portfolio-site .portfolio-page .work-grid-branding .work-card-2{grid-column:8/span 5;padding-top:8vw}.portfolio-site .portfolio-page .work-grid-branding .work-card-3{grid-column:1/span 5}.portfolio-site .portfolio-page .work-grid-branding .work-card-4{grid-column:6/span 7}.portfolio-site .portfolio-page .work-grid-digital .work-card{grid-column:span 4}.portfolio-site .portfolio-page .work-grid-digital .work-card:nth-child(n+4) img{aspect-ratio:1}.portfolio-site .portfolio-page .work-grid-campaigns .work-card{grid-column:span 4}.portfolio-site .portfolio-page .work-grid-campaigns .work-card img{aspect-ratio:16/10}.portfolio-site .portfolio-page .work-grid-print .work-card{grid-column:span 4}.portfolio-site .portfolio-page .work-grid-print .work-card:nth-child(2),.portfolio-site .portfolio-page .work-grid-print .work-card:nth-child(5),.portfolio-site .portfolio-page .work-grid-print .work-card:nth-child(8){padding-top:4vw}.portfolio-site .portfolio-page .motion-section{color:var(--paper);background:var(--ink);padding:clamp(100px,11vw,170px) 3.25vw}.portfolio-site .portfolio-page .motion-heading{grid-template-columns:1.1fr 1.3fr .7fr;align-items:end;gap:5vw;display:grid}.portfolio-site .portfolio-page .section-label-light{color:oklch(74% .17 34);align-self:start}.portfolio-site .portfolio-page .motion-heading h2{letter-spacing:-.06em;margin:0;font-family:Gelasio,serif;font-size:clamp(60px,7.2vw,116px);font-weight:400;line-height:.86}.portfolio-site .portfolio-page .motion-heading>p{color:oklch(75% .014 76);margin:0;font-size:15px;line-height:1.65}.portfolio-site .portfolio-page .reel{margin-top:80px}.portfolio-site .portfolio-page .reel-frame{aspect-ratio:16/9;background:var(--ink);border:1px solid #393939;position:relative;overflow:hidden}.portfolio-site .portfolio-page .reel-frame iframe{border:0;width:100%;height:100%}.portfolio-site .portfolio-page .reel-caption{text-transform:uppercase;letter-spacing:.1em;border-top:1px solid #6e6a64;grid-template-columns:120px 1fr auto;gap:24px;padding:16px 0 22px;font-size:11px;display:grid}.portfolio-site .portfolio-page .reel-caption strong{font-size:13px}.portfolio-site .portfolio-page .reel-caption span:last-child{color:oklch(74% .17 34)}.portfolio-site .portfolio-page .motion-gallery{grid-template-columns:repeat(3,1fr);gap:48px 20px;margin-top:80px;display:grid}.portfolio-site .portfolio-page .motion-card{display:block}.portfolio-site .portfolio-page .motion-image{background:#252525;position:relative;overflow:hidden}.portfolio-site .portfolio-page .motion-image img{aspect-ratio:16/9;object-fit:cover;opacity:.88;transition:transform .45s,opacity .35s}.portfolio-site .portfolio-page .motion-card:hover img{opacity:1;transform:scale(1.025)}.portfolio-site .portfolio-page .play{width:38px;height:38px;color:var(--ink);background:oklch(74% .17 34);border-radius:50%;place-items:center;padding-left:2px;font-size:10px;display:grid;position:absolute;bottom:18px;right:18px}.portfolio-site .portfolio-page .motion-card>div:last-child{text-transform:uppercase;letter-spacing:.07em;border-top:1px solid #6e6a64;grid-template-columns:32px 1fr auto;gap:12px;padding:13px 0;font-size:11px;line-height:1.35;display:grid}.portfolio-site .portfolio-page .motion-card>div:last-child>span:first-child{color:oklch(69% .015 76)}.portfolio-site .portfolio-page .motion-card>div:last-child>span:last-child{color:oklch(74% .17 34);font-size:16px}.portfolio-site .portfolio-page .video-heading{border-top:1px solid #6e6a64;grid-template-columns:1fr .55fr;align-items:end;gap:8vw;margin-top:140px;padding-top:35px;display:grid}.portfolio-site .portfolio-page .video-heading h3{letter-spacing:-.045em;margin:0;font-family:Gelasio,serif;font-size:clamp(42px,5vw,78px);font-weight:400;line-height:.94}.portfolio-site .portfolio-page .video-heading p{color:oklch(75% .014 76);margin:0;line-height:1.65}.portfolio-site .portfolio-page .video-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;display:grid}.portfolio-site .portfolio-page .video-card>div{position:relative;overflow:hidden}.portfolio-site .portfolio-page .video-card img{aspect-ratio:16/9;object-fit:cover;transition:transform .45s}.portfolio-site .portfolio-page .video-card:hover img{transform:scale(1.025)}.portfolio-site .portfolio-page .play-large{width:48px;height:48px}.portfolio-site .portfolio-page .video-card>span{text-transform:uppercase;letter-spacing:.08em;border-top:1px solid #6e6a64;justify-content:space-between;padding:15px 0;font-size:11px;display:flex}.portfolio-site .portfolio-page .video-card>span span{color:oklch(74% .17 34);font-size:16px}.portfolio-site .portfolio-page .about{padding:clamp(110px,13vw,190px) 6.5vw}.portfolio-site .portfolio-page .about-grid{grid-template-columns:1.15fr .85fr;align-items:end;gap:9vw;margin-top:30px;display:grid}.portfolio-site .portfolio-page .about h2{letter-spacing:-.06em;margin:0;font-family:Gelasio,serif;font-size:clamp(58px,7vw,112px);font-weight:400;line-height:.88}.portfolio-site .portfolio-page .about-grid>div{padding-bottom:6px}.portfolio-site .portfolio-page .about-grid p{margin:0 0 18px;font-size:clamp(17px,1.35vw,21px);line-height:1.6}.portfolio-site .portfolio-page .contact{color:var(--paper);background:var(--red);padding:75px 6.5vw 45px}.portfolio-site .portfolio-page .contact>a{letter-spacing:-.06em;justify-content:space-between;align-items:center;margin:28px 0 90px;font-family:Gelasio,serif;font-size:clamp(48px,7.7vw,128px);line-height:.9;display:flex}.portfolio-site .portfolio-page .contact>a span{font-family:Manrope,sans-serif;font-size:.5em}.portfolio-site .portfolio-page .contact-meta{text-transform:uppercase;letter-spacing:.13em;border-top:1px solid #ffffff8c;justify-content:space-between;padding-top:18px;font-size:10px;display:flex}@media (width<=900px){.portfolio-site .portfolio-page .hero{grid-template-columns:1fr;min-height:auto}.portfolio-site .portfolio-page .hero-copy{min-height:620px;padding:90px 7vw 70px}.portfolio-site .portfolio-page .hero h1{font-size:clamp(62px,16vw,100px)}.portfolio-site .portfolio-page .hero-collage{min-height:700px}.portfolio-site .portfolio-page .discipline-strip{white-space:nowrap;justify-content:flex-start;overflow-x:auto}.portfolio-site .portfolio-page .work-intro{grid-template-columns:1fr}.portfolio-site .portfolio-page .work-intro>p{max-width:650px}.portfolio-site .portfolio-page .work-heading{grid-template-columns:54px 1fr}.portfolio-site .portfolio-page .work-heading>p{grid-column:2}.portfolio-site .portfolio-page .work-card,.portfolio-site .portfolio-page .work-grid-branding .work-card-1,.portfolio-site .portfolio-page .work-grid-branding .work-card-2,.portfolio-site .portfolio-page .work-grid-branding .work-card-3,.portfolio-site .portfolio-page .work-grid-branding .work-card-4{grid-column:span 6;padding-top:0}.portfolio-site .portfolio-page .motion-heading{grid-template-columns:1fr 1fr}.portfolio-site .portfolio-page .motion-heading .section-label{grid-column:1/-1}.portfolio-site .portfolio-page .motion-gallery{grid-template-columns:repeat(2,1fr)}.portfolio-site .portfolio-page .video-heading,.portfolio-site .portfolio-page .about-grid{grid-template-columns:1fr}}@media (width<=600px){.portfolio-site .portfolio-page .wordmark strong{display:none}.portfolio-site .portfolio-page .nav-cta{padding:11px 14px}.portfolio-site .portfolio-page .hero-copy{min-height:570px}.portfolio-site .portfolio-page .hero-intro{font-size:18px}.portfolio-site .portfolio-page .hero-collage{min-height:540px}.portfolio-site .portfolio-page .hero-image-a{width:78%;height:35%}.portfolio-site .portfolio-page .hero-image-b{width:67%;height:31%;top:38%}.portfolio-site .portfolio-page .hero-image-c{width:70%;height:31%}.portfolio-site .portfolio-page .work-intro,.portfolio-site .portfolio-page .work-section,.portfolio-site .portfolio-page .motion-section{padding-left:5vw;padding-right:5vw}.portfolio-site .portfolio-page .work-heading{grid-template-columns:1fr;gap:14px}.portfolio-site .portfolio-page .work-heading>p{grid-column:1}.portfolio-site .portfolio-page .work-number{font-size:25px}.portfolio-site .portfolio-page .work-card,.portfolio-site .portfolio-page .work-grid-branding .work-card-1,.portfolio-site .portfolio-page .work-grid-branding .work-card-2,.portfolio-site .portfolio-page .work-grid-branding .work-card-3,.portfolio-site .portfolio-page .work-grid-branding .work-card-4{grid-column:1/-1}.portfolio-site .portfolio-page .work-grid-digital .work-card,.portfolio-site .portfolio-page .work-grid-campaigns .work-card,.portfolio-site .portfolio-page .work-grid-print .work-card{grid-column:span 6;padding-top:0}.portfolio-site .portfolio-page .work-card figcaption{font-size:9px}.portfolio-site .portfolio-page .motion-heading{grid-template-columns:1fr}.portfolio-site .portfolio-page .motion-heading h2{font-size:76px}.portfolio-site .portfolio-page .reel{margin-top:52px}.portfolio-site .portfolio-page .reel-caption{grid-template-columns:1fr auto}.portfolio-site .portfolio-page .reel-caption span:first-child{display:none}.portfolio-site .portfolio-page .motion-gallery,.portfolio-site .portfolio-page .video-grid{grid-template-columns:1fr}.portfolio-site .portfolio-page .about,.portfolio-site .portfolio-page .contact{padding-left:7vw;padding-right:7vw}.portfolio-site .portfolio-page .contact>a{margin-bottom:70px}.portfolio-site .portfolio-page .contact-meta{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){.portfolio-site .portfolio-page :before,.portfolio-site .portfolio-page :after{transition:none!important}}.portfolio-site .portfolio-page .hero{min-height:min(760px,100svh - 120px)}.portfolio-site .portfolio-page .hero-copy{padding-top:80px;padding-bottom:80px}.portfolio-site .portfolio-page .hero h1{letter-spacing:-.066em;font-size:clamp(56px,6.35vw,108px);line-height:1.03}.portfolio-site .portfolio-page .hero-collage{min-height:680px}.portfolio-site .portfolio-page .hero-image img{height:100%}.portfolio-site .portfolio-page .hero-intro{max-width:38ch}.portfolio-site .portfolio-page .text-link{white-space:normal;align-items:center;display:inline-flex}.portfolio-site .portfolio-page .work-card figcaption{color:var(--ink)}.portfolio-site .portfolio-page .work-card img{height:auto}.portfolio-site .portfolio-page .reel-frame iframe{position:absolute;inset:0}.portfolio-site .portfolio-page .reel-caption a{color:oklch(74% .17 34);text-underline-offset:4px;text-decoration:underline}.portfolio-site .portfolio-page .motion-section h2 em{color:oklch(74% .17 34)}.portfolio-site .portfolio-page .contact{background:var(--red);color:var(--paper)}.portfolio-site .portfolio-page .contact>a{gap:24px;font-size:clamp(44px,7.15vw,112px)}.portfolio-site .portfolio-page section[id]{scroll-margin-top:24px}@media (width<=900px){.portfolio-site .portfolio-page .hero{min-height:0}.portfolio-site .portfolio-page .hero-copy{min-height:520px;padding:70px 7vw}.portfolio-site .portfolio-page .hero h1{font-size:clamp(58px,10vw,96px)}.portfolio-site .portfolio-page .hero-collage{min-height:620px}.portfolio-site .site-header{flex-wrap:wrap;padding:20px 5vw}.portfolio-site .site-header nav{order:3;justify-content:flex-start;gap:24px;width:100%}}@media (width<=600px){.portfolio-site .portfolio-page .hero-copy{min-height:480px;padding:60px 6vw}.portfolio-site .portfolio-page .hero h1{font-size:clamp(45px,11.3vw,67px)}.portfolio-site .portfolio-page .hero-collage{min-height:490px}.portfolio-site .portfolio-page .motion-heading h2{font-size:clamp(55px,14vw,76px);line-height:1}.portfolio-site .portfolio-page .work-card figcaption{font-size:10px}.portfolio-site .portfolio-page .discipline-strip{white-space:normal;flex-wrap:wrap;gap:12px 20px;padding:22px 6vw}.portfolio-site .portfolio-page .discipline-strip i{display:none}.portfolio-site .portfolio-page .about h2{font-size:clamp(43px,11.5vw,65px);line-height:1.05}.portfolio-site .portfolio-page .contact>a{font-size:clamp(36px,9vw,56px)}}@media (width<=480px){.portfolio-site .portfolio-page .work-grid-digital .work-card,.portfolio-site .portfolio-page .work-grid-campaigns .work-card,.portfolio-site .portfolio-page .work-grid-print .work-card{grid-column:1/-1}.portfolio-site .portfolio-page .hero-collage{min-height:430px}.portfolio-site .portfolio-page .reel-caption{grid-template-columns:1fr;gap:10px}}@media (prefers-reduced-motion:reduce){.portfolio-site .portfolio-page *{transition:none!important}}.featured-projects{padding-block:48px}.featured-projects>h2{margin-bottom:48px;font-size:clamp(2rem,4vw,4rem)}.featured-project{border-top:1px solid;grid-template-columns:1fr 2fr;gap:48px;padding-block:48px;display:grid}.featured-project-copy h3{margin:16px 0;font-size:clamp(1.6rem,2.5vw,2.6rem);line-height:1.15}.featured-project-copy>p:last-child{max-width:40ch;line-height:1.7}.featured-project-images{grid-template-columns:1fr 1fr;align-items:start;gap:24px;display:grid}.featured-project-images figure{margin:0}.featured-project-images figure:first-child{grid-column:1/-1}.featured-project-images img{width:100%;height:auto;display:block}.featured-project-images figcaption{padding-top:12px;font-size:.75rem;line-height:1.5}.featured-project-images a:focus-visible{outline-offset:4px;outline:2px solid}@media (width<=700px){.featured-project{grid-template-columns:1fr;gap:24px}.featured-project-images{grid-template-columns:1fr}.featured-project-images figure{grid-column:1/-1}}.featured-projects{padding-inline:6.5%}.featured-projects>h2{font-family:var(--serif,"Gelasio",serif)}