/* Work hero only: approved poster composition using the established Home tokens. */
body[data-page=work]{--burgundy:#A73D4D;--mustard:#D4C26B;--ink:#252020;background:var(--burgundy)}
.work-section{max-width:none;padding:0 0 90px}.site-header{position:absolute;inset:0 0 auto;z-index:20;height:84px;min-height:84px;padding:0 clamp(48px,4vw,76px)}.site-header ul{gap:clamp(24px,2.7vw,48px)}.site-header .nav-link{font-size:clamp(10px,.85vw,14px);font-weight:500;letter-spacing:.5px}.site-header .nav-link.active:after{height:1px;bottom:3px}
.work-approved-hero{position:relative;isolation:isolate;min-height:800px;height:100svh;overflow:hidden;background:var(--burgundy)}
.work-hero-grain{position:absolute;inset:0;z-index:0;opacity:.15;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E")}
.work-hero-copy{position:relative;z-index:3;width:53%;margin-left:6.5%;padding-top:max(130px,15vh)}
.work-approved-hero .work-headline{font-size:clamp(94px,min(10.8vw,18vh),208px);line-height:.91;letter-spacing:-.035em;font-weight:400;margin:0 0 30px;transform:rotate(-2deg);transform-origin:left center;max-width:none}.work-headline>span{display:block;white-space:nowrap}
.work-approved-hero .work-intro{max-width:530px;width:83%;font-size:clamp(14px,.95vw,16px);line-height:1.55;margin:0;color:var(--mustard)}
.work-ideas-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;width:300px;max-width:90%;padding:16px 26px;margin-top:26px;border:1px solid var(--mustard);color:var(--mustard);text-decoration:none;font-size:13px;font-weight:500;letter-spacing:1px;transition:background 0.17s,color 0.17s}.work-ideas-cta span{font-size:25px;line-height:1}.work-ideas-cta:hover{background:var(--mustard);color:var(--burgundy)}
.work-approved-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;pointer-events:none}
.work-doodle{position:absolute;z-index:2;fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.work-star{left:3.4%;top:9.5%;width:4.5%;transform:rotate(-7deg)}.work-rays{right:9.8%;top:19.5%;width:5.8%}.work-scribble{left:36%;bottom:6%;width:18%;stroke-width:2;transform:rotate(-12deg)}
.category-archive{max-width:1548px;margin:0 auto;padding:30px 0 0;scroll-margin-top:28px;width:calc(100% - 10vw)}
@media(min-aspect-ratio:2/1){.work-hero-copy{padding-top:14vh}.work-approved-hero .work-headline{font-size:18vh;margin-bottom:3vh}.work-approved-hero .work-intro{font-size:1.7vh;max-width:34vw}.work-ideas-cta{margin-top:2.5vh;padding:1.5vh 24px}}
@media(min-width:768px) and (max-width:1100px){.work-hero-copy{width:54%;margin-left:5%;padding-top:150px}.work-approved-hero .work-headline{font-size:10.8vw}.work-approved-hero .work-intro{width:90%;font-size:14px}.work-approved-photo{object-fit:cover;object-position:60% center}.work-star{top:12%;left:2%}.work-scribble{bottom:4%}}
@media(max-width:1023px){.site-header{height:64px;min-height:64px;position:relative;padding:0 24px}.site-header .nav-link{font-size:12px}.work-approved-hero{height:auto;min-height:0;display:flex;flex-direction:column;padding-top:25px}.work-hero-copy{margin:0 24px;width:auto;padding:25px 0 0}.work-approved-hero .work-headline{font-size:clamp(58px,12.8vw,96px);margin-bottom:28px;line-height:.94}.work-approved-hero .work-intro{width:100%;max-width:530px;font-size:14px;line-height:1.6}.work-ideas-cta{margin-top:24px;width:270px;padding:15px 20px;font-size:11px}.work-approved-photo{position:relative;inset:auto;width:185%;max-width:none;height:auto;object-fit:contain;margin-left:-79%;margin-top:12px;aspect-ratio:1669 / 942}.work-star{left:auto;right:8%;top:18px;width:34px}.work-rays{right:3%;top:auto;bottom:36%;width:40px}.work-scribble{display:none}.category-archive{width:calc(100% - 48px);margin-top:0;padding-top:24px}}
.work-approved-hero .work-headline{transform:translateX(-12px) rotate(-2deg) scaleX(1.12);transform-origin:left center}
@media(max-width:1023px){.work-approved-hero .work-headline{transform:rotate(-2deg)}}

/* Preserve the Navratri short film's vertical format inside its campaign card. */
.mahindra-navratri-video{width:min(100%,320px);aspect-ratio:9/16;background:#111;margin:18px 0}.mahindra-navratri-video iframe{display:block;width:100%;height:100%;border:0}

.mahindra-dussehra-video{width:min(100%,320px);aspect-ratio:9/16;background:#111;margin:18px 0}.mahindra-dussehra-video iframe{display:block;width:100%;height:100%;border:0}

/* Compact thumbnail gallery; full film opens in one accessible player. */
.mahindra-hyperlocal-videos{margin-top:26px}.hyperlocal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:18px 14px}.hyperlocal-tile{display:block;min-width:0;padding:0;text-align:left;color:var(--mustard);background:transparent;border:1px solid #d4c26b66;cursor:pointer;font:500 13px/1.4 var(--sans)}.hyperlocal-thumbnail{display:block;position:relative;aspect-ratio:16/10;background:#111;overflow:hidden}.hyperlocal-thumbnail img{display:block;width:100%;height:100%;object-fit:contain}.hyperlocal-play{position:absolute;inset:0;display:grid;place-items:center;font-size:25px;color:#fff;text-shadow:0 1px 5px #000}.hyperlocal-tile-title{display:block;padding:10px}.hyperlocal-tile:hover{border-color:var(--mustard)}.hyperlocal-tile:focus-visible{outline:2px solid var(--mustard);outline-offset:4px}
.hyperlocal-player-dialog{width:min(900px,calc(100% - 32px));max-height:94svh;padding:18px;border:1px solid var(--mustard);background:#211b1e;color:var(--mustard)}.hyperlocal-player-dialog::backdrop{background:#000b}.hyperlocal-player-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:14px}.hyperlocal-player-header h2{font:600 17px/1.4 var(--sans);margin:0}.hyperlocal-player-close{flex-shrink:0;border:1px solid currentColor;background:transparent;color:inherit;padding:8px 12px;font:500 12px var(--sans);cursor:pointer}.hyperlocal-modal-video{display:block;width:100%;max-height:75svh;background:#000;object-fit:contain}
@media(max-width:600px){.hyperlocal-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px}.hyperlocal-tile{font-size:12px}.hyperlocal-tile-title{padding:8px}.hyperlocal-player-header h2{font-size:14px}.hyperlocal-player-dialog{padding:12px}}