:root{--ink:#171612;--paper:#f4f0e7;--powder:#c9dbe8;--ox:#a42d38;--butter:#ffd76a;--blue:#2648d8;--coral:#ff5d42;--line:2px solid var(--ink);--pad:clamp(1rem,2.6vw,2.5rem);--max:1520px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.45}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.18em}a:focus-visible,summary:focus-visible{outline:4px solid var(--blue);outline-offset:4px}.skip{position:absolute;left:-9999px;top:1rem;background:#fff;padding:.7rem 1rem;z-index:100}.skip:focus{left:1rem}.site-shell{max-width:var(--max);margin:auto}.topbar{display:grid;grid-template-columns:1fr auto;align-items:center;padding:1rem var(--pad);border-bottom:var(--line);background:var(--paper);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:.65rem;text-decoration:none;font-weight:900;letter-spacing:.02em}.brand-dot{width:2.2rem;height:2.2rem;border-radius:50%;display:grid;place-items:center;background:var(--ox);color:#fff;font-size:.7rem}.nav{display:flex;gap:1.4rem;font-size:.9rem;font-weight:700}.nav a{text-decoration:none}.nav a[aria-current="page"]{text-decoration:underline}.mobile-nav{display:none}.hero{min-height:740px;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);border-bottom:var(--line)}.hero-copy{padding:clamp(3rem,7vw,7.5rem) var(--pad) 3rem;display:flex;flex-direction:column;justify-content:space-between;gap:4rem}.eyebrow{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.hero h1{font-size:clamp(4.1rem,9.2vw,10.6rem);line-height:.78;letter-spacing:-.075em;margin:0;max-width:8ch;text-transform:uppercase}.hero h1 span{display:block;color:var(--ox)}.hero-bottom{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:end}.hero-bottom p{max-width:32rem;font-size:clamp(1rem,1.4vw,1.25rem);margin:0}.cta{display:inline-block;background:var(--ink);color:#fff;border:2px solid var(--ink);padding:.8rem 1rem;text-decoration:none;font-weight:800;width:max-content}.cta.light{background:transparent;color:var(--ink)}.hero-art{background:var(--powder);padding:clamp(1.5rem,3vw,3rem);display:grid;place-items:center;overflow:hidden}.hero-art img{width:min(100%,760px);border:var(--line);transform:rotate(2deg);box-shadow:-18px 18px 0 var(--butter)}
.marquee{border-bottom:var(--line);padding:.65rem var(--pad);display:flex;justify-content:space-between;gap:1rem;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;text-transform:uppercase;letter-spacing:.05em}.section{padding:clamp(3rem,6vw,6.5rem) var(--pad);border-bottom:var(--line)}.section-head{display:grid;grid-template-columns:.35fr 1fr;gap:2rem;align-items:start;margin-bottom:3rem}.section-head h2{font-size:clamp(2.7rem,6vw,6.4rem);line-height:.88;letter-spacing:-.06em;margin:0;text-transform:uppercase}.section-head p{max-width:46rem;font-size:1.1rem;margin:.4rem 0 0}.project-grid{display:grid;grid-template-columns:1.3fr .9fr;gap:1rem}.project-card{border:var(--line);background:#fff;text-decoration:none;display:block}.project-card:nth-child(3){grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr}.project-card img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#ddd}.project-card:nth-child(2) img{aspect-ratio:4/5}.project-card:nth-child(3) img{aspect-ratio:16/9}.project-meta{padding:1rem;display:flex;justify-content:space-between;gap:1rem;border-top:var(--line);font-weight:800}.project-meta small{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:400}.split-note{display:grid;grid-template-columns:1fr 1fr}.split-note>*{padding:clamp(2rem,4vw,4rem);min-height:320px}.split-note .left{background:var(--ox);color:#fff}.split-note .right{background:var(--butter)}.split-note h2{font-size:clamp(2.2rem,4.5vw,5rem);line-height:.92;margin:0 0 1rem;letter-spacing:-.05em}.footer{padding:2rem var(--pad) 3rem;display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end}.footer strong{font-size:clamp(1.7rem,3vw,3.2rem);line-height:1}.fiction{font-size:.75rem;max-width:50rem;color:#47433c}.page-intro{padding:clamp(3rem,7vw,7rem) var(--pad) 2.5rem;border-bottom:var(--line);display:grid;grid-template-columns:.33fr 1fr;gap:2rem;min-height:440px;align-content:end}.page-intro h1{font-size:clamp(4rem,9vw,9.5rem);line-height:.8;letter-spacing:-.07em;margin:0;text-transform:uppercase}.page-intro p{font-size:clamp(1.05rem,1.8vw,1.35rem);max-width:42rem;margin:0}.work-list{padding:1rem var(--pad) 5rem}.work-row{display:grid;grid-template-columns:8rem 1fr minmax(260px,.8fr);gap:1rem;padding:1rem 0;border-bottom:var(--line);align-items:center;text-decoration:none}.work-row:first-child{border-top:var(--line)}.work-row img{width:100%;aspect-ratio:16/9;object-fit:cover}.work-row h2{font-size:clamp(2rem,4.4vw,4.6rem);line-height:.9;letter-spacing:-.055em;margin:0}.work-row p{margin:.6rem 0 0;max-width:38rem}.tag{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.72rem;text-transform:uppercase}.case-hero{display:grid;grid-template-columns:1.1fr .9fr;border-bottom:var(--line);background:var(--blue);color:#fff}.case-copy{padding:clamp(3rem,6vw,6rem) var(--pad)}.case-copy h1{font-size:clamp(4rem,8vw,9rem);line-height:.8;letter-spacing:-.07em;text-transform:uppercase;margin:1rem 0 2rem}.case-copy p{max-width:36rem;font-size:1.15rem}.case-art{padding:clamp(1.5rem,3vw,3rem);display:grid;place-items:center}.case-art img{border:2px solid var(--ink);box-shadow:16px 16px 0 var(--coral)}.facts{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:var(--line)}.fact{padding:1.2rem var(--pad);border-right:var(--line)}.fact:last-child{border-right:0}.fact strong{display:block;font-size:1.05rem;margin-top:.25rem}.case-section{padding:clamp(3rem,6vw,6rem) var(--pad);border-bottom:var(--line);display:grid;grid-template-columns:.36fr 1fr;gap:2.5rem}.case-section h2{font-size:clamp(2.5rem,5vw,5.3rem);line-height:.9;letter-spacing:-.055em;margin:0;text-transform:uppercase}.case-body{max-width:54rem}.case-body p{font-size:1.1rem}.media-pair{display:grid;grid-template-columns:.78fr 1.22fr;gap:1rem;margin-top:2rem}.media-pair img,.wide-media img{width:100%;border:var(--line);background:#ddd}.wide-media{margin-top:2rem}.decision-list{display:grid;gap:.7rem;margin-top:2rem}.decision{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1rem 0;border-top:1px solid #7c776e}.decision span{font-family:ui-monospace,SFMono-Regular,Menlo,monospace}.about-hero{display:grid;grid-template-columns:.82fr 1.18fr;border-bottom:var(--line)}.about-portrait{background:var(--butter);padding:clamp(1.5rem,3vw,3rem)}.about-portrait img{border:var(--line);transform:rotate(-2deg)}.about-copy{padding:clamp(3rem,6vw,6rem) var(--pad);display:flex;flex-direction:column;justify-content:space-between;gap:4rem}.about-copy h1{font-size:clamp(4rem,8.5vw,9rem);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;margin:0}.about-copy .lede{font-size:clamp(1.2rem,2vw,1.65rem);max-width:34rem}.studio{display:grid;grid-template-columns:1.05fr .95fr;border-bottom:var(--line)}.studio img{width:100%;height:100%;object-fit:cover;min-height:420px}.studio-copy{padding:clamp(2.5rem,5vw,5rem) var(--pad)}.studio-copy h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.9;letter-spacing:-.055em;margin:0 0 2rem;text-transform:uppercase}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--line);margin-top:2rem}.service{padding:1rem;border-right:var(--line)}.service:last-child{border-right:0}.contact-block{background:var(--ox);color:#fff;padding:clamp(3rem,7vw,7rem) var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:2rem}.contact-block h2{font-size:clamp(3rem,7vw,7.5rem);line-height:.84;letter-spacing:-.06em;text-transform:uppercase;margin:0}.contact-block a{color:#fff}.contact-block p{max-width:34rem;font-size:1.1rem}.contact-lines{display:grid;gap:.8rem;align-content:end}.contact-line{border-top:1px solid rgba(255,255,255,.55);padding-top:.8rem;display:flex;justify-content:space-between;gap:1rem}
@media(max-width:900px){.nav{display:none}.mobile-nav{display:block}.mobile-nav summary{font-weight:800;cursor:pointer;list-style:none}.mobile-nav[open]{position:absolute;right:var(--pad);top:.65rem;background:#fff;border:var(--line);padding:.8rem;min-width:200px}.mobile-nav nav{display:grid;gap:.7rem;margin-top:.8rem}.hero{grid-template-columns:1fr;min-height:0}.hero-art{min-height:560px}.hero-copy{min-height:620px}.hero-bottom{grid-template-columns:1fr}.section-head,.page-intro,.case-section{grid-template-columns:1fr}.project-grid{grid-template-columns:1fr}.project-card:nth-child(3){grid-column:auto;display:block}.project-card:nth-child(2) img,.project-card:nth-child(3) img{aspect-ratio:16/10}.split-note{grid-template-columns:1fr}.page-intro{min-height:380px}.work-row{grid-template-columns:5.5rem 1fr}.work-row img{grid-column:1/-1}.case-hero,.about-hero,.studio{grid-template-columns:1fr}.case-art{min-height:500px}.facts{grid-template-columns:1fr 1fr}.fact:nth-child(2){border-right:0}.fact:nth-child(-n+2){border-bottom:var(--line)}.media-pair{grid-template-columns:1fr}.services{grid-template-columns:1fr}.service{border-right:0;border-bottom:var(--line)}.service:last-child{border-bottom:0}.contact-block{grid-template-columns:1fr}}
@media(max-width:560px){:root{--pad:1rem}.topbar{padding:.8rem 1rem}.brand-dot{width:2rem;height:2rem}.brand-text{font-size:.9rem}.hero-copy{min-height:520px;padding-top:3rem}.hero h1{font-size:clamp(3.7rem,20vw,5.7rem)}.hero-art{min-height:400px;padding:1.25rem}.hero-art img{box-shadow:-10px 10px 0 var(--butter)}.marquee{display:grid;gap:.25rem}.section{padding:3rem 1rem}.section-head{margin-bottom:1.6rem}.section-head h2{font-size:3.4rem}.project-meta{display:block}.project-meta small{display:block;margin-top:.3rem}.split-note>*{min-height:0;padding:2.3rem 1rem}.footer{grid-template-columns:1fr}.page-intro{min-height:330px;padding-top:3rem}.page-intro h1{font-size:4.1rem}.work-list{padding:1rem 1rem 3rem}.work-row{grid-template-columns:1fr}.work-row .tag{margin-top:.4rem}.case-copy{padding:3rem 1rem}.case-copy h1{font-size:4.4rem}.case-art{min-height:330px;padding:1rem}.facts{grid-template-columns:1fr}.fact{border-right:0!important;border-bottom:var(--line)!important}.fact:last-child{border-bottom:0!important}.case-section{padding:3rem 1rem}.case-section h2{font-size:3.5rem}.about-copy{padding:3rem 1rem}.about-copy h1{font-size:4.3rem}.about-portrait{padding:1rem}.studio-copy{padding:3rem 1rem}.contact-block{padding:3rem 1rem}.contact-block h2{font-size:4rem}.contact-line{display:grid}.section-head p,.page-intro p,.case-body p{font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}

/* Narrow-screen intrinsic-size guard: keep oversized display words inside the content box. */
.page-intro>*,.case-section>*,.work-row>*{min-width:0}
@media(max-width:560px){
  .page-intro h1{font-size:clamp(3rem,15vw,4.1rem)}
  .case-section h2{font-size:clamp(2.55rem,13vw,3.5rem)}
}

/* Visual remediation: work-led editorial opening, preserving campaign artwork. */
.hero{grid-template-columns:1.25fr .75fr;min-height:0}
.hero-copy{display:contents}.hero-copy>div:first-child{padding:42px var(--pad) 34px}.hero h1{font-size:clamp(3rem,6.5vw,6.8rem);line-height:.96;max-width:13ch;letter-spacing:-.065em}.hero h1 span{display:inline}
.hero-bottom{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:34px var(--pad);gap:24px}.hero-art{grid-column:1/-1;min-height:0;height:390px;padding:0;background:var(--blue)}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;transform:none;border:0;box-shadow:none}
.page-intro h1,.case-copy h1,.about-copy h1{font-size:clamp(3rem,6vw,6.2rem);line-height:.98}.section-head h2,.case-section h2{font-size:clamp(2.5rem,4.6vw,4.8rem);line-height:.98}
@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-copy>div:first-child{padding:32px var(--pad) 16px}.hero-bottom{padding:12px var(--pad) 30px}.hero-art{height:340px}}
@media(max-width:560px){.hero h1{font-size:3.6rem}.hero-art{height:250px}.hero-bottom p{font-size:1rem}.hero-copy>div:first-child{padding-top:30px}}

.about-portrait{background:var(--butter);display:grid;place-items:center}.about-portrait img{width:100%;aspect-ratio:1.2;object-fit:cover;transform:none}.about-copy{gap:2rem}.about-copy h1{max-width:10ch}@media(max-width:900px){.about-copy{grid-row:1}.about-portrait img{max-height:380px;object-fit:contain}.about-copy{padding:36px var(--pad)}}