:root{--ink:#11130f;--paper:#f0eee6;--accent:#b5cf77;--g:clamp(1.2rem,3vw,3rem);--line:rgba(17,19,15,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Archivo,Arial,sans-serif}body.drop{--paper:#edf3f2;--ink:#153235;--accent:#9dc4c5}body.moloss{--paper:#f6e6c3;--ink:#38230f;--accent:#ed7135}body.the-picture-network{--paper:#e8e9e2;--ink:#18212e;--accent:#7c92ae}a{color:inherit;text-decoration:none}.mono{font-family:'IBM Plex Mono',monospace;font-size:.66rem;letter-spacing:.02em;text-transform:uppercase}header{position:fixed;inset:0 0 auto;z-index:5;display:flex;justify-content:space-between;padding:1.25rem var(--g);color:#fff;mix-blend-mode:difference;font-size:.76rem;font-weight:700}.hero{min-height:100svh;padding:7rem var(--g) 1.5rem;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;overflow:hidden}.hero>.mono:first-child{grid-column:1/5}.services{grid-column:9/13;margin:0;text-align:right;line-height:1.5}.hero h1{grid-column:1/13;margin:5vh 0 0;font-size:clamp(5.8rem,17vw,17rem);line-height:.68;letter-spacing:-.11em}.hero h2{grid-column:2/7;margin:0;font-size:clamp(1.4rem,2.3vw,2.7rem);line-height:.96;letter-spacing:-.06em;font-weight:500}.hero figure{grid-column:7/13;margin:0;min-height:48vh;position:relative;overflow:hidden}.hero img,.visual img{width:100%;height:100%;object-fit:cover;display:block}.hero figcaption{position:absolute;left:1rem;bottom:1rem;color:#fff;mix-blend-mode:difference}.chapter{max-width:1100px;margin:0 auto;padding:clamp(6rem,13vw,13rem) var(--g);display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.chapter>p{grid-column:1/3;margin:0}.chapter h2{grid-column:3/7;margin:0;font-size:clamp(3rem,6vw,7rem);line-height:.78;letter-spacing:-.09em;font-weight:500}.chapter div{grid-column:8/13;font-size:clamp(1.15rem,1.7vw,1.85rem);line-height:1.1;letter-spacing:-.04em}.dark{max-width:none;background:var(--ink);color:var(--paper);padding-left:max(var(--g),calc((100% - 1100px)/2 + var(--g)));padding-right:max(var(--g),calc((100% - 1100px)/2 + var(--g)))}.dark hr{border:0;border-top:1px solid rgba(255,255,255,.3);margin:4rem 0 1rem}.dark strong{font-size:.75rem;text-transform:uppercase;letter-spacing:.03em}.insight{background:var(--accent);min-height:72vh;padding:clamp(5rem,12vw,13rem) var(--g);display:flex;flex-direction:column;justify-content:space-between}.insight p{margin:0}.insight blockquote{max-width:1100px;margin:3rem auto 0;font:italic 400 clamp(4rem,10vw,11rem)/.75 'Cormorant Garamond',serif;letter-spacing:-.08em}.visual{max-width:1400px;margin:auto;padding:var(--g);display:grid;grid-template-columns:1.5fr .5fr;gap:var(--g);align-items:end}.visual img{height:75vh}.visual p{max-width:12rem;line-height:1.5}.made{max-width:1100px;margin:auto;padding:clamp(6rem,12vw,13rem) var(--g)}.made h2{font-size:clamp(4rem,10vw,10rem);line-height:.75;letter-spacing:-.1em;margin:2rem 0 4rem}.made ul{list-style:none;padding:0;margin:0;border-top:1px solid var(--line)}.made li{padding:1.1rem 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:clamp(1.35rem,2.4vw,2.5rem);letter-spacing:-.05em}.outcome{background:var(--ink);color:var(--paper);min-height:80vh;padding:clamp(6rem,13vw,14rem) var(--g);display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.outcome h2{max-width:16ch;margin:3rem 0;font-size:clamp(3rem,7vw,8rem);line-height:.82;letter-spacing:-.08em;font-weight:500}.outcome small{max-width:40rem;line-height:1.5;margin-bottom:2rem}.outcome a{border:1px solid currentColor;border-radius:99px;padding:.8rem 1rem;text-transform:uppercase;font-size:.72rem}.next{padding:clamp(4rem,9vw,10rem) var(--g);background:var(--accent)}.next p{margin:0 0 2rem}.next a{font-size:clamp(4rem,13vw,14rem);font-weight:800;line-height:.7;letter-spacing:-.1em}@media(max-width:700px){.hero{display:flex;flex-direction:column;gap:1.5rem}.services{text-align:left}.hero h1{font-size:22vw;margin:2rem 0}.hero h2{font-size:1.6rem}.hero figure{min-height:50vh}.chapter{display:block;padding-top:6rem;padding-bottom:6rem}.chapter>p{margin-bottom:2rem}.chapter h2{margin-bottom:2rem}.chapter div{font-size:1.28rem}.insight{min-height:58vh}.visual{display:block}.visual img{height:62vh}.visual p{margin-top:1rem}.made,.outcome{padding-top:6rem;padding-bottom:6rem}}
.media-reel{max-width:1400px;margin:auto;padding:clamp(2rem,5vw,5rem) var(--g) clamp(6rem,12vw,12rem);display:grid;grid-template-columns:minmax(0,2fr) minmax(14rem,1fr);gap:var(--g);align-items:end}.media-reel figure{margin:0;min-width:0}.media-reel video,.media-reel img{display:block;width:100%;height:clamp(22rem,48vw,44rem);object-fit:cover;background:var(--ink)}.media-reel__film video{height:auto;aspect-ratio:16/9}.media-reel figcaption{margin-top:1rem;line-height:1.5}@media(max-width:700px){.media-reel{grid-template-columns:1fr;padding-bottom:6rem}.media-reel video,.media-reel img{height:auto;max-height:70svh;aspect-ratio:auto}.media-reel__film video{height:auto;aspect-ratio:16/9}.media-reel__still{width:min(82%,26rem);margin-left:auto!important}}

.picture-gallery{max-width:1400px;margin:auto;padding:clamp(6rem,12vw,12rem) var(--g)}.picture-gallery header{display:grid;grid-template-columns:minmax(0,.55fr) minmax(18rem,1fr);gap:var(--g);align-items:end;margin-bottom:clamp(2rem,5vw,5rem);border-top:1px solid var(--line)}.picture-gallery header p{margin:1rem 0 0}.picture-gallery header h2{max-width:14ch;margin:1rem 0 0;font-size:clamp(3rem,6.5vw,7rem);font-weight:500;line-height:.82;letter-spacing:-.08em}.picture-gallery__grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--g);align-items:start}.picture-gallery figure{grid-column:span 6;margin:0;min-width:0}.picture-gallery figure:nth-child(3),.picture-gallery figure:nth-child(5){grid-column:span 4}.picture-gallery figure:nth-child(4),.picture-gallery figure:nth-child(6){grid-column:span 8}.picture-gallery img{display:block;width:100%;height:auto;background:var(--ink)}.picture-gallery figcaption{margin-top:.8rem;line-height:1.4}@media(max-width:700px){.picture-gallery{padding-top:6rem;padding-bottom:6rem}.picture-gallery header{grid-template-columns:1fr;gap:.5rem}.picture-gallery__grid{grid-template-columns:1fr;gap:2.5rem}.picture-gallery figure,.picture-gallery figure:nth-child(n){grid-column:auto}.picture-gallery figure:nth-child(3),.picture-gallery figure:nth-child(5){width:min(84%,24rem);margin-left:auto}.picture-gallery header h2{font-size:clamp(2.8rem,14vw,4.8rem)}}


/* The Picture Network — editorial case-study rebuild. */
body.the-picture-network{--tpn-page:clamp(1.25rem,4vw,4rem);--tpn-max:76rem;--tpn-soft:#d8dee2}
body.the-picture-network .case-concept-note{max-width:var(--tpn-max);margin:4.75rem auto 0;padding:1.15rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:10rem minmax(0,42rem);gap:2rem;font-size:.78rem;line-height:1.6;letter-spacing:.015em}
body.the-picture-network .case-concept-note p{margin:0}
body.the-picture-network .hero{max-width:84rem;min-height:0;margin:0 auto;padding:clamp(5.5rem,8vw,7.5rem) var(--tpn-page) clamp(5rem,8vw,7rem);display:grid;grid-template-columns:minmax(0,.82fr) minmax(26rem,1.18fr);grid-template-areas:"kicker services" "title image" "subtitle image";column-gap:clamp(2.5rem,6vw,6.5rem);row-gap:1.5rem;align-items:start;overflow:visible}
body.the-picture-network .hero>.mono:first-child{grid-area:kicker;align-self:end}
body.the-picture-network .hero .services{grid-area:services;align-self:end;margin:0;text-align:right;line-height:1.5}
body.the-picture-network .hero h1{grid-area:title;max-width:7.2ch;margin:clamp(2rem,5vw,4.5rem) 0 0;font-size:clamp(4.8rem,8.5vw,8.2rem);font-weight:700;line-height:.88;letter-spacing:-.065em;text-wrap:balance}
body.the-picture-network .hero h2{grid-area:subtitle;max-width:17ch;margin:1.25rem 0 0;font-size:clamp(1.4rem,2vw,2rem);font-weight:500;line-height:1.12;letter-spacing:-.025em}
body.the-picture-network .hero figure{grid-area:image;min-height:0;height:clamp(32rem,54vw,43rem);margin:2rem 0 0;overflow:hidden;background:var(--ink)}
body.the-picture-network .hero figure img{height:100%;object-position:center;transition:transform .6s ease}
body.the-picture-network .chapter{max-width:none;margin:0;padding:clamp(5.5rem,9vw,8rem) max(var(--tpn-page),calc((100vw - 76rem)/2));display:grid;grid-template-columns:8rem minmax(13rem,18rem) minmax(0,1fr);column-gap:clamp(2rem,5vw,5rem);align-items:start;border-top:1px solid var(--line)}
body.the-picture-network .chapter>p{grid-column:1;margin:.35rem 0 0}
body.the-picture-network .chapter h2{grid-column:2;margin:0;font-size:clamp(2.6rem,4.2vw,4.3rem);font-weight:500;line-height:.98;letter-spacing:-.05em;text-wrap:balance}
body.the-picture-network .chapter div{grid-column:3;max-width:34rem;font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.58;letter-spacing:-.012em}
body.the-picture-network .chapter.dark{border-top:0;background:var(--ink);color:var(--paper)}
body.the-picture-network .chapter.dark hr{margin:2.75rem 0 1.25rem}
body.the-picture-network .chapter.dark strong{display:inline-block;margin-bottom:.55rem}
body.the-picture-network .insight{min-height:0;padding:clamp(5.5rem,9vw,8.5rem) max(var(--tpn-page),calc((100vw - 76rem)/2));display:grid;grid-template-columns:8rem minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start;background:var(--accent)}
body.the-picture-network .insight p{grid-column:1;margin:.7rem 0 0}
body.the-picture-network .insight blockquote{grid-column:2;max-width:14ch;margin:0;font:italic 400 clamp(3.7rem,6.3vw,6.4rem)/.96 'Cormorant Garamond',serif;letter-spacing:-.045em}
body.the-picture-network .visual{max-width:84rem;margin:0 auto;padding:clamp(4rem,7vw,6rem) var(--tpn-page);display:grid;grid-template-columns:minmax(0,1fr) 13rem;gap:2rem;align-items:end}
body.the-picture-network .visual img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
body.the-picture-network .visual p{max-width:12rem;margin:0 0 .25rem;line-height:1.55}
body.the-picture-network .picture-gallery{max-width:84rem;margin:0 auto;padding:clamp(5rem,8vw,7rem) var(--tpn-page);border-top:1px solid var(--line)}
body.the-picture-network .picture-gallery>header{position:static;inset:auto;z-index:auto;width:auto;margin:0 0 clamp(2.5rem,5vw,4.5rem);padding:0;display:grid;grid-template-columns:13rem minmax(0,42rem);gap:clamp(2rem,5vw,5rem);align-items:start;border:0;color:inherit;mix-blend-mode:normal;font-size:inherit;font-weight:400}
body.the-picture-network .picture-gallery>header p{margin:.45rem 0 0}
body.the-picture-network .picture-gallery>header h2{max-width:13ch;margin:0;font-size:clamp(3rem,5.2vw,5.1rem);font-weight:500;line-height:.98;letter-spacing:-.05em;text-wrap:balance}
body.the-picture-network .picture-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(2rem,4vw,4rem) clamp(1.25rem,3vw,2.5rem)}
body.the-picture-network .picture-gallery figure,body.the-picture-network .picture-gallery figure:nth-child(n){grid-column:auto;width:auto;margin:0}
body.the-picture-network .picture-gallery img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;background:var(--ink)}
body.the-picture-network .picture-gallery figcaption{margin-top:.75rem}
body.the-picture-network .made{max-width:76rem;margin:0 auto;padding:clamp(5.5rem,9vw,8rem) 0;display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,7rem);border-top:1px solid var(--line)}
body.the-picture-network .made>p{grid-column:1/3;margin:0}
body.the-picture-network .made h2{grid-column:1;max-width:8ch;margin:1.5rem 0 0;font-size:clamp(3.6rem,6vw,6rem);font-weight:500;line-height:.94;letter-spacing:-.055em}
body.the-picture-network .made ul{grid-column:2;margin:1.5rem 0 0}
body.the-picture-network .made li{display:block;padding:1.05rem 0;font-size:clamp(1.1rem,1.55vw,1.4rem);line-height:1.35;letter-spacing:-.015em}
body.the-picture-network .outcome{min-height:0;padding:clamp(6rem,10vw,9rem) max(var(--tpn-page),calc((100vw - 76rem)/2));display:grid;grid-template-columns:13rem minmax(0,48rem);gap:clamp(2rem,5vw,5rem);align-items:start;background:var(--ink);color:var(--paper)}
body.the-picture-network .outcome>p{grid-column:1;margin:.6rem 0 0}
body.the-picture-network .outcome h2{grid-column:2;max-width:18ch;margin:0;font-size:clamp(3.2rem,5.2vw,5.2rem);font-weight:500;line-height:1;letter-spacing:-.045em;text-wrap:balance}
body.the-picture-network .outcome small{grid-column:2;max-width:36rem;margin:1.75rem 0 0;font-size:.88rem;line-height:1.6}
body.the-picture-network .case-conversion{padding:clamp(5.5rem,9vw,8rem) max(var(--tpn-page),calc((100vw - 76rem)/2));display:grid;grid-template-columns:13rem minmax(0,48rem);gap:0 clamp(2rem,5vw,5rem);text-align:left;background:var(--tpn-soft);color:var(--ink)}
body.the-picture-network .case-conversion>p.mono{grid-column:1;margin:.55rem 0 0}
body.the-picture-network .case-conversion h2{grid-column:2;max-width:15ch;margin:0 0 1.75rem;font-size:clamp(3.2rem,5vw,5rem);font-weight:500;line-height:1;letter-spacing:-.045em;text-wrap:balance}
body.the-picture-network .case-conversion>p:not(.mono),body.the-picture-network .case-conversion>a{grid-column:2}
body.the-picture-network .case-conversion>p:not(.mono){margin:0 0 .5rem}
body.the-picture-network .case-conversion a{width:max-content;margin:1rem .65rem 0 0}
body.the-picture-network .next{padding:clamp(4.5rem,7vw,6.5rem) max(var(--tpn-page),calc((100vw - 76rem)/2));background:var(--accent)}
body.the-picture-network .next a{font-size:clamp(4rem,9vw,8rem);line-height:.8;letter-spacing:-.07em}

@media(max-width:900px){
  body.the-picture-network .case-concept-note{margin:4.75rem var(--tpn-page) 0}
  body.the-picture-network .hero{grid-template-columns:minmax(0,.9fr) minmax(20rem,1.1fr);column-gap:2rem}
  body.the-picture-network .chapter{grid-template-columns:6rem minmax(11rem,15rem) minmax(0,1fr);column-gap:2rem}
  body.the-picture-network .insight{grid-template-columns:6rem minmax(0,1fr);column-gap:2rem}
  body.the-picture-network .made{margin-right:var(--tpn-page);margin-left:var(--tpn-page)}
}

@media(max-width:700px){
  body.the-picture-network{--tpn-page:1.25rem}
  body.the-picture-network .case-concept-note{display:block;padding:1rem 0}
  body.the-picture-network .case-concept-note strong{display:block;margin-bottom:.45rem}
  body.the-picture-network .hero{padding-top:5.5rem;padding-bottom:4.5rem;display:grid;grid-template-columns:1fr;grid-template-areas:"kicker" "services" "title" "subtitle" "image";gap:1rem}
  body.the-picture-network .hero .services{text-align:left}
  body.the-picture-network .hero h1{max-width:8ch;margin:1.75rem 0 0;font-size:clamp(3.6rem,17vw,4.4rem);line-height:.9;letter-spacing:-.06em}
  body.the-picture-network .hero h2{margin:.4rem 0 .75rem;font-size:1.4rem;line-height:1.16}
  body.the-picture-network .hero figure{height:auto;margin:.75rem 0 0;aspect-ratio:4/3}
  body.the-picture-network .chapter{padding:4.5rem var(--tpn-page);display:block}
  body.the-picture-network .chapter>p{margin:0 0 1.25rem}
  body.the-picture-network .chapter h2{margin:0 0 1.5rem;font-size:clamp(2.6rem,12vw,3.15rem);line-height:1}
  body.the-picture-network .chapter div{font-size:1.08rem;line-height:1.62}
  body.the-picture-network .chapter.dark hr{margin:2.25rem 0 1.15rem}
  body.the-picture-network .insight{padding:4.75rem var(--tpn-page);display:block}
  body.the-picture-network .insight p{margin:0 0 1.5rem}
  body.the-picture-network .insight blockquote{font-size:clamp(2.9rem,13vw,3.45rem);line-height:1}
  body.the-picture-network .visual{padding:3.75rem var(--tpn-page);display:block}
  body.the-picture-network .visual p{margin:1rem 0 0}
  body.the-picture-network .picture-gallery{padding:4.5rem var(--tpn-page)}
  body.the-picture-network .picture-gallery>header{position:static;display:block;margin-bottom:2.5rem;padding:0}
  body.the-picture-network .picture-gallery>header p{margin:0 0 1.25rem}
  body.the-picture-network .picture-gallery>header h2{font-size:clamp(2.65rem,12vw,3.1rem);line-height:1}
  body.the-picture-network .picture-gallery__grid{grid-template-columns:1fr;gap:2.25rem}
  body.the-picture-network .picture-gallery img{aspect-ratio:4/3}
  body.the-picture-network .made{margin:0 var(--tpn-page);padding:4.5rem 0;display:block}
  body.the-picture-network .made>p{margin:0 0 1.25rem}
  body.the-picture-network .made h2{margin:0 0 2.5rem;font-size:clamp(3rem,14vw,3.6rem);line-height:.98}
  body.the-picture-network .made ul{margin:0}
  body.the-picture-network .made li{font-size:1.08rem}
  body.the-picture-network .outcome{padding:5rem var(--tpn-page);display:block}
  body.the-picture-network .outcome>p{margin:0 0 1.5rem}
  body.the-picture-network .outcome h2{font-size:clamp(2.45rem,11vw,2.9rem);line-height:1.06;letter-spacing:-.04em}
  body.the-picture-network .outcome small{display:block;margin-top:1.5rem}
  body.the-picture-network .case-conversion{padding:5rem var(--tpn-page);display:block}
  body.the-picture-network .case-conversion>p.mono{margin:0 0 1.5rem}
  body.the-picture-network .case-conversion h2{font-size:clamp(2.55rem,11.5vw,3rem);line-height:1.04}
  body.the-picture-network .case-conversion a{display:flex;width:max-content;margin-top:.8rem}
  body.the-picture-network .next{padding:4rem var(--tpn-page)}
  body.the-picture-network .next a{font-size:clamp(4rem,20vw,5.5rem)}
}


/* DROP — media-led case-study layout using each original asset at its native ratio. */
body.drop{--drop-page:clamp(1.25rem,4vw,4rem);--drop-max:76rem;--drop-soft:#dce9e7}
body.drop .hero{max-width:84rem;min-height:0;margin:0 auto;padding:clamp(7rem,10vw,9rem) var(--drop-page) clamp(5rem,8vw,7rem);display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(0,1.28fr);grid-template-areas:"kicker services" "title image" "subtitle image";column-gap:clamp(2.5rem,6vw,6rem);row-gap:1.5rem;align-items:start;overflow:visible}
body.drop .hero>.mono:first-child{grid-area:kicker;align-self:end}
body.drop .hero .services{grid-area:services;align-self:end;margin:0;text-align:right;line-height:1.5}
body.drop .hero h1{grid-area:title;position:relative;z-index:1;min-width:0;max-width:100%;margin:clamp(2.5rem,6vw,5rem) 0 0;font-size:clamp(5.5rem,10.5vw,10rem);font-weight:700;line-height:.82;letter-spacing:-.065em}
body.drop .hero h2{grid-area:subtitle;max-width:16ch;margin:1.5rem 0 0;font-size:clamp(1.5rem,2.2vw,2.15rem);font-weight:500;line-height:1.12;letter-spacing:-.03em}
body.drop .hero figure{grid-area:image;min-height:0;height:auto;margin:2rem 0 0;aspect-ratio:3/2;overflow:hidden;background:var(--ink)}
body.drop .hero figure img{width:100%;height:100%;object-fit:cover}
body.drop .chapter{max-width:none;margin:0;padding:clamp(5.5rem,9vw,8rem) max(var(--drop-page),calc((100vw - 76rem)/2));display:grid;grid-template-columns:8rem minmax(13rem,18rem) minmax(0,1fr);column-gap:clamp(2rem,5vw,5rem);align-items:start;border-top:1px solid var(--line)}
body.drop .chapter>p{grid-column:1;margin:.35rem 0 0}
body.drop .chapter h2{grid-column:2;margin:0;font-size:clamp(2.7rem,4.3vw,4.4rem);font-weight:500;line-height:.98;letter-spacing:-.05em}
body.drop .chapter div{grid-column:3;max-width:34rem;font-size:clamp(1.08rem,1.35vw,1.28rem);line-height:1.58;letter-spacing:-.012em}
body.drop .chapter.dark{border-top:0;background:var(--ink);color:var(--paper)}
body.drop .chapter.dark hr{margin:2.75rem 0 1.25rem}
body.drop .chapter.dark strong{display:inline-block;margin-bottom:.55rem}
body.drop .insight{min-height:0;padding:clamp(5.5rem,9vw,8.5rem) max(var(--drop-page),calc((100vw - 76rem)/2));display:grid;grid-template-columns:8rem minmax(0,1fr);gap:clamp(2rem,5vw,5rem);align-items:start;background:var(--accent)}
body.drop .insight p{grid-column:1;margin:.7rem 0 0}
body.drop .insight blockquote{grid-column:2;max-width:14ch;margin:0;font:italic 400 clamp(3.8rem,6.3vw,6.5rem)/.96 'Cormorant Garamond',serif;letter-spacing:-.045em}
body.drop .visual{max-width:76rem;margin:0 auto;padding:clamp(5rem,9vw,8rem) 0;display:grid;grid-template-columns:minmax(13rem,1fr) minmax(22rem,31rem);gap:clamp(3rem,9vw,9rem);align-items:end}
body.drop .visual img{grid-column:2;width:100%;height:auto;aspect-ratio:2/3;object-fit:contain;background:transparent}
body.drop .visual p{grid-column:1;grid-row:1;max-width:13rem;margin:0 0 .25rem;line-height:1.55}
body.drop .drop-campaign-gallery{max-width:84rem;margin:0 auto;padding:clamp(5rem,8vw,7rem) var(--drop-page);border-top:1px solid var(--line)}
body.drop .drop-campaign-gallery__intro{display:grid;grid-template-columns:13rem minmax(0,42rem);gap:clamp(2rem,5vw,5rem);align-items:start;margin-bottom:clamp(2.5rem,5vw,4.5rem)}
body.drop .drop-campaign-gallery__intro p{margin:.45rem 0 0}
body.drop .drop-campaign-gallery__intro h2{max-width:13ch;margin:0;font-size:clamp(3rem,5.2vw,5.1rem);font-weight:500;line-height:.98;letter-spacing:-.05em;text-wrap:balance}
body.drop .drop-campaign-gallery__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.25rem,3vw,2.5rem)}
body.drop .drop-campaign-gallery figure{margin:0}
body.drop .drop-campaign-gallery img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#fff}
body.drop .drop-campaign-gallery figcaption{margin-top:.75rem}
body.drop .media-reel{max-width:84rem;margin:0 auto;padding:clamp(5rem,8vw,7rem) var(--drop-page);display:grid;grid-template-columns:minmax(0,1.55fr) minmax(18rem,.45fr);gap:clamp(2rem,5vw,5rem);align-items:start;border-top:1px solid var(--line)}
body.drop .media-reel video,body.drop .media-reel img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
body.drop .media-reel__film video{aspect-ratio:16/9;background:var(--ink)}
body.drop .media-reel__still{width:auto;max-width:25rem;justify-self:end;margin:0}
body.drop .media-reel__still img{aspect-ratio:1120/1778}
body.drop .media-reel figcaption{margin-top:.75rem}
body.drop .made{max-width:76rem;margin:0 auto;padding:clamp(5.5rem,9vw,8rem) 0;display:grid;grid-template-columns:minmax(16rem,.8fr) minmax(0,1.2fr);gap:clamp(3rem,7vw,7rem);border-top:1px solid var(--line)}
body.drop .made>p{grid-column:1/3;margin:0}
body.drop .made h2{grid-column:1;max-width:8ch;margin:1.5rem 0 0;font-size:clamp(3.6rem,6vw,6rem);font-weight:500;line-height:.94;letter-spacing:-.055em}
body.drop .made ul{grid-column:2;margin:1.5rem 0 0}
body.drop .made li{display:block;padding:1.05rem 0;font-size:clamp(1.1rem,1.55vw,1.4rem);line-height:1.35;letter-spacing:-.015em}
body.drop .outcome{min-height:0;padding:clamp(6rem,10vw,9rem) max(var(--drop-page),calc((100vw - 76rem)/2));display:grid;grid-template-columns:13rem minmax(0,48rem);gap:clamp(2rem,5vw,5rem);align-items:start;background:var(--ink);color:var(--paper)}
body.drop .outcome>p{grid-column:1;margin:.6rem 0 0}
body.drop .outcome h2{grid-column:2;max-width:18ch;margin:0;font-size:clamp(3.2rem,5.2vw,5.2rem);font-weight:500;line-height:1;letter-spacing:-.045em;text-wrap:balance}
body.drop .outcome a{grid-column:2;width:max-content;margin-top:1.75rem}
body.drop .case-conversion{padding:clamp(5.5rem,9vw,8rem) max(var(--drop-page),calc((100vw - 76rem)/2));display:grid;grid-template-columns:13rem minmax(0,48rem);gap:0 clamp(2rem,5vw,5rem);text-align:left;background:var(--drop-soft);color:var(--ink)}
body.drop .case-conversion>p.mono{grid-column:1;margin:.55rem 0 0}
body.drop .case-conversion h2{grid-column:2;max-width:15ch;margin:0 0 1.75rem;font-size:clamp(3.2rem,5vw,5rem);font-weight:500;line-height:1;letter-spacing:-.045em;text-wrap:balance}
body.drop .case-conversion>p:not(.mono),body.drop .case-conversion>a{grid-column:2}
body.drop .case-conversion>p:not(.mono){margin:0 0 .5rem}
body.drop .case-conversion a{width:max-content;margin:1rem .65rem 0 0}
body.drop .next{padding:clamp(4.5rem,7vw,6.5rem) max(var(--drop-page),calc((100vw - 76rem)/2));background:var(--accent)}
body.drop .next a{font-size:clamp(4rem,9vw,8rem);line-height:.8;letter-spacing:-.07em}

@media(max-width:900px){
  body.drop .hero{grid-template-columns:minmax(14rem,.72fr) minmax(0,1.28fr);column-gap:2rem}
  body.drop .hero h1{font-size:clamp(4.5rem,8vw,6rem)}
  body.drop .chapter{grid-template-columns:6rem minmax(11rem,15rem) minmax(0,1fr);column-gap:2rem}
  body.drop .insight{grid-template-columns:6rem minmax(0,1fr);column-gap:2rem}
  body.drop .visual,body.drop .made{margin-right:var(--drop-page);margin-left:var(--drop-page)}
  body.drop .media-reel{grid-template-columns:minmax(0,1.4fr) minmax(15rem,.6fr)}
}

@media(max-width:700px){
  body.drop{--drop-page:1.25rem}
  body.drop .hero{padding-top:6.5rem;padding-bottom:4.5rem;display:grid;grid-template-columns:1fr;grid-template-areas:"kicker" "services" "title" "subtitle" "image";gap:1rem}
  body.drop .hero .services{text-align:left}
  body.drop .hero h1{margin:1.5rem 0 0;font-size:clamp(5.5rem,25vw,7rem);line-height:.82}
  body.drop .hero h2{margin:.4rem 0 .75rem;font-size:1.4rem;line-height:1.16}
  body.drop .hero figure{margin:.75rem 0 0;aspect-ratio:3/2}
  body.drop .chapter{padding:4.5rem var(--drop-page);display:block}
  body.drop .chapter>p{margin:0 0 1.25rem}
  body.drop .chapter h2{margin:0 0 1.5rem;font-size:clamp(2.6rem,12vw,3.15rem);line-height:1}
  body.drop .chapter div{font-size:1.08rem;line-height:1.62}
  body.drop .chapter.dark hr{margin:2.25rem 0 1.15rem}
  body.drop .insight{padding:4.75rem var(--drop-page);display:block}
  body.drop .insight p{margin:0 0 1.5rem}
  body.drop .insight blockquote{font-size:clamp(2.9rem,13vw,3.45rem);line-height:1}
  body.drop .visual{margin:0;padding:4.5rem var(--drop-page);display:block}
  body.drop .visual img{width:86%;height:auto;margin-left:auto;aspect-ratio:2/3}
  body.drop .visual p{margin:1rem 0 0}
  body.drop .drop-campaign-gallery{padding:4.5rem var(--drop-page)}
  body.drop .drop-campaign-gallery__intro{display:block;margin-bottom:2.5rem}
  body.drop .drop-campaign-gallery__intro p{margin:0 0 1.25rem}
  body.drop .drop-campaign-gallery__intro h2{font-size:clamp(2.65rem,12vw,3.1rem);line-height:1}
  body.drop .drop-campaign-gallery__grid{grid-template-columns:1fr;gap:2.25rem}
  body.drop .media-reel{padding:4.5rem var(--drop-page);display:block}
  body.drop .media-reel__still{width:78%;max-width:none;margin:3rem 0 0 auto}
  body.drop .made{margin:0 var(--drop-page);padding:4.5rem 0;display:block}
  body.drop .made>p{margin:0 0 1.25rem}
  body.drop .made h2{margin:0 0 2.5rem;font-size:clamp(3rem,14vw,3.6rem);line-height:.98}
  body.drop .made ul{margin:0}
  body.drop .made li{font-size:1.08rem}
  body.drop .outcome{padding:5rem var(--drop-page);display:block}
  body.drop .outcome>p{margin:0 0 1.5rem}
  body.drop .outcome h2{font-size:clamp(2.45rem,11vw,2.9rem);line-height:1.06;letter-spacing:-.04em}
  body.drop .outcome a{display:inline-flex;margin-top:1.5rem}
  body.drop .case-conversion{padding:5rem var(--drop-page);display:block}
  body.drop .case-conversion>p.mono{margin:0 0 1.5rem}
  body.drop .case-conversion h2{font-size:clamp(2.55rem,11.5vw,3rem);line-height:1.04}
  body.drop .case-conversion a{display:flex;width:max-content;margin-top:.8rem}
  body.drop .next{padding:4rem var(--drop-page)}
  body.drop .next a{font-size:clamp(3.8rem,18vw,5rem)}
}