*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#171717;color:#f5f0e8;font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,select:focus-visible{outline:2px solid #e7ad4d;outline-offset:5px}[hidden]{display:none!important}header{padding:36px 20px 20px;display:flex;justify-content:center}.brand img{display:block;width:135px;height:135px;object-fit:contain}h1,h2,p{margin:0}#home>h1{text-align:center;font-size:clamp(2rem,4.3vw,4rem);font-weight:400;line-height:1.15;padding:16px 20px 40px}h1 span,footer h2 span{color:#e8ad4a}.reel{display:grid;grid-template-columns:13% 70% 13%;gap:2%;align-items:center;overflow:hidden}.centre,.side{display:block;position:relative;overflow:hidden;border-radius:8px;background:#252525}.centre{aspect-ratio:16/9}.side{height:85%;opacity:.65}.centre>img,.side>img{width:100%;height:100%;object-fit:cover;display:block}.side:first-child img{object-position:70% center}.side:last-child img{object-position:30% center}.reel-caption{position:absolute;inset:auto 0 0;padding:65px 36px 28px;background:linear-gradient(transparent,#000d)}.reel-caption>span:first-child{color:#e8ad4a;font-size:.875rem;letter-spacing:2px}.reel-caption h2{font-weight:400;font-size:clamp(1.3rem,3vw,2.4rem)}.explore{display:block;font-size:1rem;color:#e0d8cb;margin-top:4px}.reel-controls{display:flex;align-items:center;justify-content:center;gap:20px;margin:18px 0 26px}.reel-controls>button{font-size:1.6rem;width:44px;height:44px;border:1px solid #555;background:transparent;border-radius:50%;line-height:1}.reel-track{display:flex;gap:6px}.reel-track button{border:0;background:#555;width:25px;height:4px;padding:0;position:relative}.reel-track button:after{content:'';position:absolute;inset:-14px -2px}.reel-track button.selected{background:#e8ad4a}.categories{max-width:1150px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:10px 24px;margin:0 auto 40px}.categories a{display:flex;align-items:center;justify-content:center;text-align:center;font-size:1rem;padding:14px 8px;border-bottom:1px solid #414141;color:#cec6ba}.categories a:hover,.categories a.active{color:#e8ad4a;border-color:#e8ad4a}.clients{padding:34px 24px 26px;background:#101010;max-width:1280px;margin:auto}.client-wall{display:block;width:100%;height:auto;filter:brightness(1.8)}.new-clients{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));align-items:center;gap:20px;padding:22px 12px 6px}.new-clients img{width:100%;height:55px;object-fit:contain;filter:grayscale(1) invert(1);mix-blend-mode:screen;background:transparent;padding:6px}footer{padding:48px 28px 32px;max-width:1280px;margin:auto}footer h2{text-align:center;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:400;margin-bottom:30px}.contact-row{display:flex;align-items:center;justify-content:center;gap:28px;font-size:1rem}.footer-brand img{width:90px;height:90px;display:block;object-fit:contain;transform:translateY(-8px)}.divider{height:24px;width:1px;background:#655841}.contact-row>a:not(.footer-brand){padding:12px 0;overflow-wrap:anywhere}.contact-row>a:hover{color:#e8ad4a}.collection{max-width:1360px;padding:0 36px;margin:0 auto}.collection-nav{display:flex;justify-content:space-between;gap:20px;align-items:center;margin:8px 0 26px}.back{border-bottom:1px solid #e8ad4a;padding:8px 0;color:#e8ad4a}.collection-nav label{display:flex;gap:14px;align-items:center;font-size:.875rem}.collection-nav select{padding:10px 12px;max-width:280px;border:1px solid #514a40;border-radius:4px;background:#242321}.collection-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 24px}.collection-heading h1{font-size:clamp(1.8rem,3.5vw,3.4rem);font-weight:400;line-height:1.15;margin-bottom:12px}.eyebrow{color:#e8ad4a;font-size:.75rem;letter-spacing:1.5px;margin-bottom:12px}.collection-heading p:not(.eyebrow){font-size:1rem;color:#cfc7ba;max-width:680px}.collection-heading img{width:190px;aspect-ratio:16/9;object-fit:cover;border-radius:4px}.presentation{position:relative;aspect-ratio:16/9;background:#0b0b0b;border:1px solid #494035;border-radius:6px;overflow:hidden}#media,#media iframe{width:100%;height:100%;border:0;display:block}.loading{position:absolute;inset:0;display:grid;place-items:center;color:#d5c7b2;pointer-events:none;z-index:1}.viewer-help{display:flex;justify-content:space-between;align-items:flex-start;gap:30px;margin-top:16px;font-size:.875rem;color:#cfc7ba}.viewer-help>a{color:#e8ad4a;white-space:nowrap;text-decoration:underline}.collection-note{font-size:.875rem;color:#bbb4a8;padding:14px 0;max-width:920px}.collection-links{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:30px;padding-top:20px;border-top:1px solid #3d3830;font-size:.875rem}.collection-links a{padding:8px 0;color:#cfc7ba}.collection-links a.current,.collection-links a:hover{color:#e8ad4a}@media(min-width:1700px){.reel{max-width:1700px;margin:auto}}@media(max-width:760px){header{padding-top:22px}.brand img{width:105px;height:105px}#home>h1{padding-bottom:28px}.reel{grid-template-columns:5% 86% 5%}.reel-caption{padding:40px 20px 18px}.categories{grid-template-columns:repeat(2,1fr);gap:4px 16px;margin-bottom:24px}.categories a{font-size:.875rem}.clients{padding:18px 14px}.new-clients{grid-template-columns:repeat(5,minmax(0,1fr));gap:15px;padding:16px 4px}.contact-row{gap:16px;flex-wrap:wrap}.footer-brand{width:100%;display:flex;justify-content:center}.footer-brand img{width:70px;height:70px;transform:none}.contact-row{font-size:.875rem}.collection{padding:0 16px}.collection-nav{flex-wrap:wrap}.collection-nav label{width:100%;flex-wrap:wrap}.collection-nav select{flex:1;max-width:100%;min-width:160px}.collection-heading img{display:none}.viewer-help{flex-direction:column;gap:12px}.viewer-help>a{white-space:normal}.presentation{border-radius:3px}footer{padding:36px 16px 26px}}@media(max-width:400px){.contact-row{flex-direction:column;gap:3px}.divider{display:none}.reel-track button{width:19px}.reel-caption h2{font-size:1.15rem}.explore{font-size:.875rem}.eyebrow{letter-spacing:.8px}}
/* A wraparound screen, matching the approved cinematic reel. */
.reel-geometry{position:absolute;pointer-events:none}.reel{grid-template-columns:18% 64% 18%;gap:0;aspect-ratio:1.9;max-width:1600px;margin:0 auto;position:relative;isolation:isolate;background:radial-gradient(ellipse at 50% 96%,#9e661c24,transparent 66%)}.centre{aspect-ratio:auto;height:84%;width:100%;clip-path:url(#screen-curve);border-radius:0;z-index:2;filter:drop-shadow(0 12px 22px #0008)}.side{height:100%;border-radius:0;opacity:.9;position:relative}.side:first-child{clip-path:url(#left-wrap);margin-right:3px}.side:last-child{clip-path:url(#right-wrap);margin-left:3px}.side:after{content:'';position:absolute;inset:0;pointer-events:none}.side:first-child:after{background:linear-gradient(90deg,#0001,#0000 38%,#0009)}.side:last-child:after{background:linear-gradient(270deg,#0001,#0000 38%,#0009)}.side:first-child img{object-position:60% center}.side:last-child img{object-position:55% center}.centre>img{object-position:50% 42%}.screen-outline{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;fill:none;stroke:#d99b3b;stroke-width:1.5px;vector-effect:non-scaling-stroke}.screen-outline path{vector-effect:non-scaling-stroke}.reel-caption{padding:90px 32px 28px;background:linear-gradient(transparent,#000b 60%,#000d)}.reel-caption h2{max-width:520px;font-size:clamp(1.7rem,4vw,3.5rem);font-weight:600;line-height:1.05;margin:8px 0 12px}.explore{display:inline-flex;border:1px solid #dfd6c0;border-radius:24px;padding:6px 15px;font-size:.875rem;color:#f5f0e8}.reel-controls{margin:8px 0 22px}.centre:hover .explore{background:#e8ad4a;color:#171717;border-color:#e8ad4a}.centre:focus-visible,.side:focus-visible{outline:none}.centre:focus-visible .screen-outline{stroke:#fff;stroke-width:4px}.side:focus-visible:after{box-shadow:inset 0 0 0 4px #e8ad4a}.reel-controls>button{border-color:#766046;background:#262018}.reel-caption>span:first-child{letter-spacing:1.8px}@media(max-width:760px){.reel{grid-template-columns:13% 74% 13%;aspect-ratio:1.55}.reel-caption{padding:55px 22px 22px}.reel-caption h2{font-size:clamp(1.4rem,5.5vw,2.7rem);max-width:400px}.reel-caption>span:first-child{font-size:.75rem}.explore{padding:5px 12px;font-size:.75rem}.reel-controls{margin-top:10px}}@media(max-width:400px){.reel{grid-template-columns:10% 80% 10%;aspect-ratio:1.35}.reel-caption{padding:35px 16px 18px}.reel-caption h2{font-size:1.55rem}.side{opacity:.7}}
/* One continuous logo panel; original brand artwork is kept intact. */
.clients{background:#101010}.client-wall{mix-blend-mode:screen;filter:brightness(2.1);opacity:.9}.new-clients{padding-top:20px;padding-bottom:10px;gap:20px;background:transparent}.new-clients img{background:transparent;border:0;border-radius:0;opacity:.74;mix-blend-mode:screen;filter:grayscale(1) invert(1);padding:5px}.new-clients img.transparent-logo{filter:brightness(0) invert(1)}.new-clients img.zee-logo{filter:url(#zee-monochrome)}
