/* Visual audit: shared edges, complete artwork and intentional media rows. */
:root{--media-width:1100px;--media-gap:24px}
.case-page .project-main{max-width:calc(var(--media-width) + 8vw);padding-left:4vw;padding-right:4vw}
.case-page .project-main .project-heading,.case-page .project-main .product-copy,.case-page .project-main .section-head{text-align:center;margin-left:auto;margin-right:auto}
.case-page .project-main .product-copy{margin-bottom:44px}
.case-page .project-main h1{overflow-wrap:normal;text-wrap:balance}
.case-page .project-main figcaption{position:static;background:transparent;color:#555;padding:0;text-align:left;font-size:10px;line-height:1.6;margin:12px 0 0}
.case-page .reveal,.packaging-page .reveal{opacity:1;transform:none}
.case-page .project-main>figure,.case-page .sb-campaign,.case-page .sb-label,.case-page .sb-jars,.case-page .sb-lead-film,.case-page .sb-support-film,.case-page .lifestyle-lead-film,.case-page .rolling-retail-media,.case-page .rolling-carousel,.case-page .apparel-gallery,.case-page .nocturnal-merch-pair,.case-page .nocturnal-booth-wide,.case-page .nocturnal-booth-details{width:100%;max-width:var(--media-width);margin-left:auto;margin-right:auto}
.case-page .project-main img,.case-page .project-main video{object-fit:contain}
.case-page .project-main .audit-wide{width:100%;margin:0 0 44px;max-width:none}
.audit-wide img{display:block;width:100%;height:auto}
.audit-portrait-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--media-gap);width:100%;margin:44px auto}
.audit-portrait-pair figure{min-width:0;margin:0}
.audit-portrait-pair img{width:100%;height:auto;object-fit:contain}
.home-work .cover-image{aspect-ratio:16/10;background:#f4f4f2}
.home-work .cover-image img{object-fit:contain;background:transparent;max-height:100%}
.home-work .packaging .cover-image,.home-work .packaging .cover-image img{background:#fff}
.home-work .packaging .cover-image{display:block}
.home-work .packaging .cover-image img{transform:scale(1.4)!important}
.home-work .small-batch .cover-image{background:#fff!important}
.home-work .cover-photo-pair{display:flex;gap:0;background:#121212}
.home-work .cover-photo-pair img{width:50%;height:100%;object-fit:contain;background:transparent}
.home-work .small-batch .cover-image,.home-work .rolling-loud .cover-image,.home-work .super-star .cover-image,.home-work .new-york .cover-image{background:#101010}
.home-work .drinks .cover-image{background:#f4f4f2}
.project-main .bar-final{display:block;max-width:var(--media-width);margin:auto}
.project-main .bar-final>figure,.project-main .bar-support-films,.project-main .film-more{margin-bottom:44px}
.project-main .bar-lead{max-width:none}
.project-main .bar-launch-flyers{max-width:850px}
.project-main .bar-support-films{max-width:none;gap:var(--media-gap)}
.project-main .bar-cutouts{max-width:700px;margin:44px auto}
.project-main .bar-cutouts img{height:240px;width:100%;object-fit:contain}
.project-main .superstar-final{display:flex;flex-direction:column;gap:44px}
.project-main .superstar-final>*{order:initial;width:100%;max-width:none;margin:0}
.project-main .superstar-hero img{width:100%;height:auto;max-height:none}
.project-main .superstar-packs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
.project-main .superstar-packs img{height:280px;width:100%;object-fit:contain}
.project-main .superstar-packs figcaption{text-align:center}
.project-main .superstar-video video{width:100%;height:auto;max-height:620px;object-fit:contain;background:#000}
.project-main .superstar-cutouts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;align-items:start}
.project-main .superstar-cutouts img{width:100%;height:620px;object-fit:contain;background:#fff}
.project-main .rolling-carousel,.project-main .carousel-viewport,.project-main .carousel-slide,.project-main .carousel-slide img{background:#fff}
.project-main .carousel-slide img{height:560px;object-fit:contain}
.project-main .rolling-2024-story{max-width:none;gap:24px}
.project-main .rolling-2024-story figure{flex:1;min-width:0}
.project-main .artist-box-grid .artist-artwork{width:100%;max-width:none;height:260px}
.project-main .artist-box-grid .artist-artwork img{max-height:210px;height:210px}
.project-main .artist-box-grid .artist-artwork img[src$="rolling-box-ye.jpg"]{height:235px;max-height:235px}
.project-main .artist-box-grid .artist-artwork img[src$="rolling-box-future.jpg"]{height:250px;max-height:250px}
.project-main .apparel-photo-row.portrait-pair{max-width:none;gap:24px}
.project-main .apparel-landscape{width:100%;margin:0}
.project-main .apparel-landscape img{width:100%;height:auto}
.project-main .drink-three{align-items:start}
.project-main .drink-three img{height:auto;max-height:none;width:100%}
.project-main .drinks-editorial img{width:100%;height:640px;object-fit:contain}
.project-main .drinks-editorial figure{min-height:0;background:#fff;overflow:visible}
.project-main .go-proof{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 24px;margin:48px auto 70px}
.project-main .go-proof figure,.project-main .go-proof .go-wide{position:static;min-height:0;grid-row:auto;grid-column:auto;background:#fff;overflow:visible}
.project-main .go-proof .go-wide{grid-column:1/-1}
.project-main .go-proof img{position:static;width:100%;height:auto;object-fit:contain}
.project-main .go-proof figcaption{text-shadow:none}
.new-york-page .photo-grid{columns:2;column-gap:24px;margin:36px 0 48px}
.new-york-page .photo-grid figure{margin-bottom:24px}
.new-york-page .bar-support-films{max-width:850px;margin:44px auto}
.new-york-page .brochure-spread{margin:30px 0}
.new-york-page .brochure-full{display:block;overflow-x:auto;outline:1px solid #ddd}
.new-york-page .brochure-full img{max-width:none;width:100%;height:auto;min-width:1000px}
.brochure-spread figcaption a{border-bottom:1px solid #555}
.events-page .nocturnal-booth-details{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 24px;align-items:start}
.events-page .nocturnal-booth-details img,.events-page .nocturnal-booth-details video{width:100%;height:650px;max-height:none;object-fit:contain;background:#fff}
.events-page .nocturnal-booth-details .nocturnal-recap{width:100%;max-width:none;margin:0}
.project-main .complex-context{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;width:100%;max-width:none}
.project-main .complex-context figure,.project-main .complex-context figure:last-child{width:100%;max-width:none}
.project-main .complex-context img{width:100%;height:600px;object-fit:contain}
.project-main .complex-final{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:none;align-items:start}
.project-main .complex-final figure,.project-main .complex-final .complexcon-process-film{width:100%;max-width:none;margin:0}
.project-main .complex-final img,.project-main .complex-final video{width:100%;height:560px;object-fit:contain;background:#fff}
.project-main .retail-spread .retail-merch{grid-column:auto;max-width:none;justify-self:stretch}
.project-main .retail-spread{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.project-main .retail-spread img{height:320px;width:100%;object-fit:contain}
.packaging-page .wrap{width:min(calc(100% - 8vw),1100px)}
.packaging-page .hero{padding-top:48px}
.packaging-page .hero-head{display:block;text-align:center;max-width:850px;margin:0 auto 44px}
.packaging-page .hero-head h1{font-size:clamp(44px,5.5vw,76px);font-weight:500;line-height:1;letter-spacing:-.045em}
.packaging-page .hero-copy{margin:24px auto 0;font-size:17px;line-height:1.55;max-width:740px}
.packaging-page .hero-media{max-width:1000px;margin:auto}
.packaging-page .hero-media img{height:540px;aspect-ratio:auto;object-fit:contain}
.packaging-page .hero-media img{transform:scale(1.6)}
.packaging-page .indexrow{grid-template-columns:repeat(4,minmax(0,1fr))}
.packaging-page .indexrow a{font-size:10px;line-height:1.5}
.packaging-page .section{padding:62px 0 20px}
.packaging-page .section-head{grid-template-columns:1fr 1fr;gap:36px;align-items:end}
.packaging-page .section h2{font-size:clamp(38px,4.5vw,60px);line-height:1;font-weight:600}
.packaging-page .section-copy{font-size:16px;line-height:1.55}
.packaging-page .family h3{font-size:32px;font-weight:500}
.packaging-page .video-block video{object-fit:contain;background:#000}
.packaging-page .product-img{min-height:0}
.packaging-page .product-img img,.packaging-page .product-img.tall img{height:270px;padding:8px}
.packaging-page .edible-family{grid-template-columns:160px 1fr}
.packaging-page .site-footer h2{font-size:clamp(42px,6vw,82px)}
.packaging-page .next-project{margin-bottom:65px}
@media(max-width:760px){
 :root{--media-gap:16px}
 .case-page .project-main{padding-left:20px;padding-right:20px}
 .project-main .audit-portrait-pair{gap:20px}
 .project-main .bar-launch-flyers{grid-template-columns:repeat(2,minmax(0,1fr));margin:32px auto}
 .project-main .bar-cutouts img{height:180px}
 .project-main .superstar-final{gap:32px}
 .project-main .superstar-packs{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .project-main .superstar-packs img{height:200px}
 .project-main .superstar-cutouts{gap:20px;grid-template-columns:1fr}
 .project-main .superstar-cutouts img{height:auto;max-height:520px}
 .project-main .carousel-slide img{height:auto;max-height:480px}
 .project-main .artist-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}
 .project-main .artist-box-grid .artist-artwork{height:180px}
 .project-main .artist-box-grid .artist-artwork img{height:140px;max-height:140px}
 .project-main .artist-box-grid .artist-artwork img[src$="rolling-box-ye.jpg"]{height:165px;max-height:165px}
 .project-main .artist-box-grid .artist-artwork img[src$="rolling-box-future.jpg"]{height:175px;max-height:175px}
 .project-main .apparel-photo-row.portrait-pair{gap:16px;flex-wrap:nowrap}
 .project-main .apparel-photo-row.portrait-pair figure{flex:1 1 0%}
 .project-main .drinks-editorial{grid-template-columns:1fr}
 .project-main .drinks-editorial img{height:auto;max-height:none}
 .new-york-page .photo-grid{column-gap:16px}
 .new-york-page .brochure-full{overflow-x:auto}
 .events-page .nocturnal-booth-details{gap:24px 16px}
 .events-page .nocturnal-booth-details img,.events-page .nocturnal-booth-details video{height:260px}
 .project-main .complex-context{gap:16px}
 .project-main .complex-context img{height:250px}
 .project-main .complex-final{grid-template-columns:1fr;max-width:360px;margin:auto;gap:28px}
 .project-main .complex-final img,.project-main .complex-final video{height:auto;max-height:600px}
 .project-main .retail-spread{grid-template-columns:1fr}
 .project-main .retail-spread img{height:auto}
 .packaging-page .wrap{width:calc(100% - 40px)}
 .packaging-page .hero-media img{height:auto;max-height:340px}
 .packaging-page .hero-media img{transform:none}
 .packaging-page .hero-head h1{font-size:44px}
 .packaging-page .hero-copy{font-size:16px}
 .packaging-page .indexrow{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 .packaging-page .indexrow a{min-width:0;padding:14px 10px}
 .packaging-page .section-head{grid-template-columns:1fr;gap:20px}
 .packaging-page .section h2{font-size:38px}
 .packaging-page .edible-family{grid-template-columns:1fr}
 .packaging-page .product-img img,.packaging-page .product-img.tall img{height:200px;min-height:0}
 .packaging-page .family-meta{font-size:9px}
}

/* Rolling Loud: chronological film-led stories and the complete box collection. */
.home-work .drinks .drinks-approved-pair{display:flex;gap:2px;align-items:center;background:#080808}
.home-work .drinks-approved-pair .drinks-approved-photo{width:41.6667%;height:100%;flex:0 0 41.6667%;object-fit:contain;background:#080808}
.home-work .drinks-approved-pair .drinks-approved-campaign{width:calc(58.3333% - 2px);height:100%;flex:1 1 58.3333%;object-fit:contain;background:#080808}
.rolling-loud-page .rolling-page-heading{margin-bottom:38px}
.rolling-loud-page .rolling-year-section{margin-top:44px;padding-top:34px}
.rolling-loud-page .rolling-year-heading{margin-bottom:30px}
.rolling-loud-page .rolling-year-heading h2{font-size:clamp(30px,3.6vw,48px)}
.rolling-loud-page .project-main .rl-film{width:100%;max-width:none;margin:30px auto 48px}
.rolling-loud-page .project-main .rl-film video{width:100%;height:auto;max-height:650px;object-fit:contain}
.rolling-loud-page .rl-section-head{text-align:center;margin:48px auto 28px}
.rolling-loud-page .rl-section-head h3{font-size:clamp(28px,3.2vw,42px);font-weight:500;letter-spacing:-.035em;line-height:1.1;margin:0 0 14px}
.rolling-loud-page .rl-section-head p{font-size:16px;line-height:1.5;margin:0 auto;max-width:650px;color:#555}
.rolling-loud-page .rl-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.rolling-loud-page .rl-product-grid figure{min-width:0}
.rolling-loud-page .rl-product-frame{height:300px;display:flex;align-items:center;justify-content:center;background:#000;overflow:hidden}
.rolling-loud-page .rl-product-frame img{width:100%;height:100%;object-fit:contain;padding:24px}
.rolling-loud-page .rl-product-frame.pod img{transform:scale(1.28)}
.rolling-loud-page .rl-product-frame.preroll img{transform:scale(1.5);padding:0}
.rolling-loud-page .rl-product-grid figcaption{text-align:center;font-size:10px;letter-spacing:0;line-height:1.5}
.rolling-loud-page .rl-product-grid figcaption strong{display:block;font-size:14px;font-weight:500;color:#111;margin-bottom:4px}
.rolling-loud-page .rl-product-grid figcaption span{display:block;font-size:9px;letter-spacing:.025em}
.rolling-loud-page .rl-campaign-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:45px auto 52px;align-items:start}
.rolling-loud-page .rl-campaign-pair img{width:100%;height:500px;object-fit:contain}
.rolling-loud-page .rl-campaign-landscape{margin:34px 0 52px}
.rolling-loud-page .rl-campaign-landscape img{width:100%;height:auto;max-height:620px;object-fit:contain}
.rolling-loud-page .rl-photo-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.rolling-loud-page .rl-photo-pair img{width:100%;height:auto;object-fit:contain}
.rolling-loud-page .project-main .rl-merch{width:100%;max-width:none;margin:45px auto 54px}
.rolling-loud-page .project-main .rl-merch .carousel-slide{height:650px;padding:0 0 36px;flex:0 0 100%;display:block}
.rolling-loud-page .project-main .rl-merch .carousel-slide img{height:calc(100% - 24px);width:100%;object-fit:contain}
.rolling-loud-page .project-main .rl-merch .carousel-slide figcaption{position:absolute;bottom:0;left:0;text-align:center;margin:0;width:100%}
.rolling-loud-page .rl-boxes{margin:54px 0 70px}
.rolling-loud-page .rl-box-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}
.rolling-loud-page .rl-box-grid figure{min-width:0;margin:0}
.rolling-loud-page .rl-box-art{display:flex;width:100%;aspect-ratio:4/3;align-items:center;justify-content:center;background:#f4f4f2;padding:14px}
.rolling-loud-page .rl-box-art img{width:100%;height:100%;object-fit:contain;transition:opacity .2s}
.rolling-loud-page .rl-box-art:hover img{opacity:.88}
.rolling-loud-page .rl-box-grid figcaption{display:flex;justify-content:space-between;gap:8px;font-size:10px}
@media(max-width:760px){
 .rolling-loud-page .rolling-page-heading{margin-bottom:28px}
 .rolling-loud-page .project-main .rl-film{margin:24px 0 32px}
 .rolling-loud-page .rl-product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}
 .rolling-loud-page .rl-product-frame{height:240px}
 .rolling-loud-page .rl-product-frame img{padding:16px}
 .rolling-loud-page .rl-product-grid figcaption strong{font-size:13px}
 .rolling-loud-page .rl-campaign-pair{gap:16px;margin:30px 0}
 .rolling-loud-page .rl-campaign-pair img{height:245px}
 .rolling-loud-page .rl-photo-pair{grid-template-columns:1fr;gap:26px}
 .rolling-loud-page .project-main .rl-merch .carousel-slide{height:475px}
 .rolling-loud-page .project-main .rl-merch .carousel-slide img{height:430px;max-height:none}
 .rolling-loud-page .rl-box-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px}
 .rolling-loud-page .rl-box-art{padding:8px;aspect-ratio:1/1}
 .rolling-loud-page .rl-box-grid figcaption{font-size:9px;letter-spacing:.015em;line-height:1.5}
 .rolling-loud-page .rl-section-head p{font-size:15px}
}

/* Final review: captions on white and finished in-store Super Star execution. */
.project-main .superstar-video,.packaging-page .video-block{background:#fff}
.packaging-page .video-caption{background:#fff;color:#444;padding:12px 0 0}
.project-main .superstar-store{display:block;max-width:660px;margin:0 auto}
.project-main .superstar-store img{height:auto;max-height:740px}
.project-main .video-embed{background:#fff}
.project-main .video-embed small{background:#fff;color:#555;padding:12px 0 0}

/* Morning editorial revision: natural photographs, clear sequences and stable films. */
.home-work .apparel .morning-cover{background:#fff}
.home-work .morning-cover img{width:100%;height:100%;object-fit:contain}
.apparel-editorial figure,.ooh-editorial figure{margin:0;min-width:0}
.apparel-editorial img,.ooh-editorial img{display:block;width:100%;height:auto}
.project-main .apparel-photo-lead{max-width:820px;margin:0 auto 76px}
.editorial-section-head{text-align:center;max-width:700px;margin:60px auto 30px}
.editorial-section-head h2{font-size:clamp(30px,4vw,46px);font-weight:500;line-height:1.1;letter-spacing:-.035em;margin:0 0 16px}
.editorial-section-head p{font-size:16px;line-height:1.6;color:#555;margin:0 auto}
.project-main .editorial-anchor{width:100%;margin:0 auto 48px}
.editorial-photo-pair,.ooh-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:36px auto 64px;align-items:start}
.editorial-photo-pair img{width:100%;height:auto}
.editorial-photo-pair,.ooh-pair{display:flex}
.editorial-photo-pair figure,.ooh-pair figure{flex:var(--photo-ratio,1) 1 0%;min-width:0}
.apparel-scene{margin-bottom:64px}
.project-main .apparel-support-film{width:100%;max-width:960px;margin:68px auto 0}
.apparel-support-film video,.new-york-page video.native-landscape{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#000}
.ooh-pair figure{align-self:start}
.ooh-page .project-heading{margin-bottom:44px}
.ooh-page .editorial-anchor:first-of-type{max-width:1000px}
.project-main .retail-spread{grid-template-columns:repeat(2,minmax(0,1fr))}
.project-main .retail-spread img{height:auto}
.project-main .sb-retail-evidence{width:100%;max-width:450px;margin:56px auto}
.project-main .sb-retail-evidence img{width:100%;height:auto}
.events-page .nocturnal-booth-details .nocturnal-backdrop{grid-column:1/-1;max-width:550px;width:100%;justify-self:center}
.events-page .nocturnal-recap{width:100%;max-width:500px;margin:48px auto 0}
.events-page .nocturnal-recap video{display:block;width:100%;height:auto;max-height:none;aspect-ratio:9/16;background:#000;object-fit:contain}
@media(max-width:760px){
 .project-main .apparel-photo-lead{margin-bottom:42px}
 .editorial-section-head{margin:40px auto 24px}
 .editorial-section-head p{font-size:15px}
 .project-main .editorial-anchor{margin-bottom:30px}
 .editorial-photo-pair{gap:16px;margin:28px auto 40px}
 .apparel-scene{margin-bottom:42px}
 .ooh-pair{display:block;margin:30px auto 42px}
 .ooh-pair figure+figure{margin-top:30px}
 .project-main .apparel-support-film{margin-top:42px}
 .project-main .retail-spread{grid-template-columns:1fr}
 .events-page .nocturnal-recap{max-width:none;margin-top:32px}
 .events-page .nocturnal-booth-details .nocturnal-backdrop{max-width:280px}
 .events-page .nocturnal-booth-details .nocturnal-backdrop img{height:auto}
 .project-main .sb-retail-evidence{max-width:300px;margin:36px auto}
}