:root{--ink:#101010;--cream:#B7FF00;--orange:#FF4FA3;--ochre:#1838FF;--aqua:#00A7FF;--olive:#1838FF;--rust:#FF3B18}
*{box-sizing:border-box}.work-page{margin:0;background:var(--cream);color:var(--ink)}.work-top{position:relative;background:var(--cream);color:var(--ink);border-bottom:1px solid rgba(23,32,23,.35)}.work-top a{color:inherit}.work-main{overflow:hidden}.work-intro{min-height:66vh;padding:9vw 4vw 5vw;display:grid;grid-template-columns:1fr auto;align-content:end;position:relative}.work-intro .eyebrow{position:absolute;top:5vw;left:4vw;font:700 12px/1.2 monospace;letter-spacing:.1em}.work-intro h1{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(110px,24vw,360px);line-height:.72;letter-spacing:-.045em;margin:0;color:var(--orange)}.work-intro p{font:700 12px/1.5 monospace;align-self:end;margin:0 0 1vw 2vw}.project-list{border-top:1px solid var(--ink)}.project-row{min-height:84vh;padding:6vw 4vw;display:grid;grid-template-columns:minmax(240px,.72fr) minmax(0,1.65fr);gap:5vw;align-items:center;color:inherit;text-decoration:none;border-bottom:1px solid rgba(23,32,23,.45);position:relative}.project-row.reverse{grid-template-columns:minmax(0,1.65fr) minmax(240px,.72fr)}.copy{align-self:stretch;display:flex;flex-direction:column;justify-content:center;position:relative}.copy .num{font:700 12px monospace;position:absolute;top:0}.copy h2{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(70px,10vw,165px);line-height:.75;letter-spacing:-.04em;margin:0;text-transform:uppercase}.copy p,.copy b{font:700 11px/1.35 monospace;letter-spacing:.03em}.copy p{margin:2.5vw 0 .4vw}.copy b{writing-mode:vertical-rl;position:absolute;right:-2vw;bottom:0}.apple .copy h2{color:#1838FF}.applepay .copy h2{color:#FF3B18}.lulu .copy h2{color:#FF4FA3}.netflix .copy h2{color:#1838FF}.wynk .copy h2{color:#FF3B18}.louis .copy h2{color:#1838FF}.krug .copy h2{color:#FF4FA3}figure{margin:0}.native-media{width:100%;overflow:hidden;background:#111;box-shadow:0 0 0 1px rgba(23,32,23,.1)}.native-media.landscape,.native-media.embed{aspect-ratio:16/9}.native-media video,.native-media img{display:block;width:100%;height:auto}.native-media.landscape video{aspect-ratio:16/9;object-fit:contain;background:#000}.native-media.photo{background:transparent}.native-media.photo img{height:auto;object-fit:contain}.native-media iframe{width:100%;height:100%;border:0;display:block}.source-preview{aspect-ratio:16/9;position:relative;background:#000}.source-preview iframe{width:160%;height:160%;transform:scale(.625);transform-origin:0 0}.work-end{background:var(--olive);color:var(--cream);padding:7vw 4vw;display:grid;grid-template-columns:1fr 3fr;gap:3vw;font:700 12px/1.4 monospace}.work-end div{font-family:Impact,'Arial Narrow',sans-serif;font-size:clamp(38px,6vw,90px);line-height:.92}footer{background:var(--olive)!important;color:var(--cream)!important}
@media(max-width:760px){.work-top nav{display:none}.work-intro{min-height:48vh;padding-top:22vw}.project-row,.project-row.reverse{min-height:auto;grid-template-columns:1fr;padding:12vw 5vw;gap:7vw}.project-row.reverse .copy{grid-row:1}.copy{min-height:42vw}.copy h2{font-size:23vw}.copy b{right:0}.work-end{grid-template-columns:1fr}.source-preview iframe{width:100%;height:100%;transform:none}}
.native-media.louis-video{background:#000;overflow:hidden}.native-media.louis-video video{display:block;width:100%;height:auto;object-fit:contain;background:#000}
/* Louis Vuitton is portrait media: keep its native ratio, but give it breathing room instead of filling the row. */
.project-row.louis{grid-template-columns:minmax(280px,.95fr) minmax(300px,1.05fr);gap:8vw;padding-top:8vw;padding-bottom:8vw}
.project-row.louis .louis-video{width:min(100%,440px);justify-self:center;background:#000}
.project-row.louis .louis-video video{width:100%;height:auto;object-fit:contain}
@media(max-width:760px){.project-row.louis{grid-template-columns:1fr;gap:3rem}.project-row.louis .louis-video{width:min(72vw,360px);justify-self:center}}

/* KRUG embeds: crop only Vimeo's player/letterbox edge so no black frame is visible. */
.krug-clean{background:transparent!important;overflow:hidden!important;box-shadow:none!important}
.krug-clean iframe{width:108%!important;height:108%!important;transform:translate(-3.7%,-3.7%);border:0!important}
@media(max-width:760px){
 .work-intro{min-height:0!important;padding:16vw 5vw 9vw!important;display:block!important}
 .work-intro .eyebrow{position:static!important;margin:0 0 10vw!important}
 .work-intro h1{font-size:22vw!important;line-height:.78!important}
 .work-intro p{margin:5vw 0 0!important}
 .project-row,.project-row.reverse{padding:14vw 5vw 10vw!important;gap:7vw!important}
 .copy{min-height:0!important;padding-top:8vw!important}
 .copy .num{top:0!important;left:0!important;position:absolute!important;z-index:3}
 .copy h2{margin-top:7vw!important;line-height:.72!important}
 .project-row.louis{gap:7vw!important}
}