:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0b090a;color:#fff7ea;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink: #0b090a;--paper: #fff7ea;--gold: #f0bc54;--red: #a8202d;--crimson: #e44646;--teal: #2ec7b7;--violet: #7747b7;--plum: #211127;--line: rgba(255, 247, 234, .18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 10%,rgba(232,64,65,.26),transparent 30rem),radial-gradient(circle at 92% 28%,rgba(46,199,183,.18),transparent 24rem),linear-gradient(180deg,#0b090a,#160d19 44%,#09080a)}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}.hero{position:relative;min-height:94vh;overflow:hidden;isolation:isolate;display:grid;grid-template-rows:auto 1fr}.hero__backdrop{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(90deg,#050506c2,#0505065c 42%,#050506b8),linear-gradient(0deg,#0b090a,#0b090a00 34%),url(/assets/the-mumbai-king-hero.png);background-size:cover;background-position:center}.hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:4rem 4rem;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 76%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 76%)}.nav{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:1rem 0;display:flex;align-items:center;justify-content:space-between;gap:1rem}.nav__brand{display:inline-flex;align-items:center;gap:.72rem;font-weight:800;letter-spacing:0;text-transform:uppercase;font-size:.86rem}.nav__mark{display:grid;place-items:center;width:2.8rem;height:2.8rem;border:1px solid rgba(240,188,84,.72);background:#0b090aa3;color:var(--gold)}.nav__links{display:flex;align-items:center;gap:clamp(.8rem,2vw,1.8rem);color:#fff7eac7;font-size:.88rem;font-weight:700;text-transform:uppercase}.nav__links a{position:relative}.nav__links a:after{content:"";position:absolute;left:0;right:0;bottom:-.4rem;height:2px;background:var(--gold);transform:scaleX(0);transform-origin:left;transition:transform .18s ease}.nav__links a:hover:after{transform:scaleX(1)}.hero__content{width:min(1180px,calc(100% - 2rem));margin:0 auto;align-self:center;padding:8vh 0 16vh}.eyebrow,.section__label{margin:0 0 .9rem;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}h1,h2,h3,p,blockquote{margin-top:0}h1,h2{font-family:Georgia,Times New Roman,serif;letter-spacing:0}h1{max-width:860px;margin-bottom:1rem;color:#fff5da;font-size:clamp(4.2rem,13vw,10.8rem);line-height:.82;text-transform:uppercase;text-shadow:0 0 1.8rem rgba(240,188,84,.34),0 .18rem 0 rgba(168,32,45,.7)}.hero__copy{max-width:620px;color:#fff7eadb;font-size:clamp(1.08rem,2vw,1.34rem);line-height:1.55}.hero__tagline{max-width:620px;margin-bottom:.65rem;color:var(--gold);font-family:Georgia,Times New Roman,serif;font-size:clamp(1.4rem,3vw,2.2rem);line-height:1.08}.hero__actions{display:flex;flex-wrap:wrap;gap:.85rem;margin-top:1.9rem}.button{display:inline-flex;min-height:3.15rem;align-items:center;justify-content:center;padding:0 1.25rem;border:1px solid var(--line);border-radius:4px;font-size:.82rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button--primary{border-color:#f4ca70;background:linear-gradient(135deg,#f7d47a,#c8832f);color:#160b0d}.button--ghost{background:#fff7ea14;color:var(--paper)}.scroll-cue{position:absolute;left:50%;bottom:1.2rem;width:1px;height:4rem;background:linear-gradient(to bottom,transparent,rgba(255,247,234,.56))}.scroll-cue span{position:absolute;bottom:0;left:-.24rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--gold)}.section{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:clamp(4.5rem,9vw,8rem) 0}.section--intro{display:flex;flex-direction:column;align-items:center}.section--intro .section__label{width:min(860px,100%)}.intro{display:grid;gap:1.25rem;width:min(860px,100%);color:#fff7ead1;font-size:clamp(1.05rem,1.7vw,1.26rem);line-height:1.72}.intro__logline{color:#fff1d2;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.55rem,3vw,2.45rem);line-height:1.12}.intro p:last-child{color:#fff7ea}.section--quote{width:100%;max-width:none;padding:clamp(4rem,8vw,7rem) max(1rem,calc((100vw - 1180px)/2));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,#a8202d47,#2ec7b724),#130b11}blockquote{max-width:1060px;margin-bottom:0;font-family:Georgia,Times New Roman,serif;color:#fff2c9;font-size:clamp(2.2rem,6vw,5.4rem);line-height:.98}.section__header{max-width:760px;margin-bottom:2rem}.section__header h2,.media-panel h2,.footer h2{margin-bottom:0;color:#fff1d2;font-size:clamp(2.2rem,6vw,4.6rem);line-height:.96}.section--music{position:relative}.section--music:before{content:"";position:absolute;top:4.5rem;right:0;width:min(22rem,36vw);height:1px;background:linear-gradient(to right,transparent,rgba(240,188,84,.72))}.music-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.music-feature{min-height:28rem;padding:clamp(1.15rem,2.4vw,1.8rem);border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff7ea17,#fff7ea06),#0a0809ad;overflow:hidden;position:relative}.music-feature:after{content:"";position:absolute;inset:auto -12% -22% 34%;height:12rem;border:1px solid rgba(240,188,84,.28);border-radius:50%;opacity:.7}.music-feature--elvis{background:linear-gradient(180deg,#f0bc5426,#fff7ea06),#0a0809c2}.music-feature--india{background:linear-gradient(180deg,#2ec7b729,#a8202d14),#0a0809bd}.music-feature__kicker{margin-bottom:1.35rem;color:var(--gold);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.music-feature h3{max-width:520px;margin-bottom:1rem;color:#fff3d7;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.8rem,3.2vw,3rem);line-height:1}.music-feature p:not(.music-feature__kicker){position:relative;z-index:1;max-width:620px;color:#fff7eac2;font-size:1rem;line-height:1.66}.soundtrack-strip{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}.soundtrack-strip span{display:inline-flex;min-height:2.3rem;align-items:center;padding:0 .8rem;border:1px solid rgba(240,188,84,.32);border-radius:999px;background:#f0bc5414;color:#fff7ead1;font-size:.8rem;font-weight:800;text-transform:uppercase}.music-note{max-width:760px;margin:1.6rem 0 0;color:#fff0cb;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.62}.character-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.character{min-height:29rem;padding:1.1rem;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#fff7ea17,#fff7ea05),#0a0809a8;overflow:hidden}.character__portrait{position:relative;margin:0 0 1.2rem;overflow:hidden;border:1px solid rgba(240,188,84,.38);border-radius:6px;background:#f0bc5414;aspect-ratio:1 / 1}.character__portrait:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 58%,rgba(11,9,10,.34));box-shadow:inset 0 0 0 1px #fff7ea14}.character__portrait img{display:block;width:100%;height:100%;object-fit:cover}.character__role{margin-bottom:.45rem;color:var(--teal);font-size:.78rem;font-weight:900;text-transform:uppercase}.character h3{margin-bottom:.8rem;color:#fff3d7;font-size:1.35rem}.character p:not(.character__role){color:#fff7eabd;line-height:1.58}.section--media{width:100%;max-width:none;padding-left:max(1rem,calc((100vw - 1180px)/2));padding-right:max(1rem,calc((100vw - 1180px)/2));background:linear-gradient(115deg,#7747b738,#0b090a00 50%),linear-gradient(0deg,#a8202d38,#0b090a00)}.media-panel{display:grid;grid-template-columns:minmax(18rem,.72fr) minmax(24rem,1.28fr);gap:clamp(2rem,5vw,4rem);align-items:center}.media-panel h2{max-width:540px;font-size:clamp(2.4rem,4.7vw,4.5rem)}.media-panel p{max-width:560px;color:#fff7eac7;font-size:1.08rem;line-height:1.7}.media-showcase{display:grid;gap:1rem}.mumbai-media{margin:0;overflow:hidden;border:1px solid rgba(255,247,234,.2);border-radius:8px;background:#0a0809ad;box-shadow:0 2rem 5rem #0000004d}.mumbai-media img{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;object-position:center}.mumbai-media figcaption{padding:.95rem 1rem 1rem;color:#fff7eac2;font-size:.84rem;font-weight:800;line-height:1.45;text-transform:uppercase}.media-cues{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem}.media-cues span{display:grid;min-height:4.25rem;place-items:center;border:1px solid rgba(240,188,84,.28);border-radius:8px;background:linear-gradient(135deg,#f0bc541a,#2ec7b714),#0a08099e;color:#fff7ead6;font-size:.78rem;font-weight:900;line-height:1.2;text-align:center;text-transform:uppercase}.section--details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;padding-top:clamp(3rem,7vw,5rem)}.detail{min-height:10rem;padding:1.2rem;border:1px solid var(--line);background:#fff7ea0d}.detail span{display:block;margin-bottom:1.2rem;color:var(--gold);font-size:.76rem;font-weight:900;text-transform:uppercase}.detail strong{display:block;color:#fff7ea;font-family:Georgia,Times New Roman,serif;font-size:clamp(1.45rem,3vw,2.4rem);line-height:1.05}.footer{width:min(1180px,calc(100% - 2rem));margin:0 auto;padding:2rem 0 3rem;display:flex;align-items:end;justify-content:space-between;gap:2rem;border-top:1px solid var(--line)}.footer h2{max-width:720px}.footer__copyright{margin:1.4rem 0 0;color:#fff7ea9e;font-size:.86rem;line-height:1.5}@media(max-width:880px){.hero{min-height:92vh}.nav{align-items:flex-start}.nav__links{display:none}.hero__content{padding:9vh 0 13vh}.section--intro,.music-grid,.media-panel,.section--details{grid-template-columns:1fr}.character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.hero__backdrop{background-position:58% center}.hero__actions,.footer{align-items:stretch;flex-direction:column}.button{width:100%}.character-grid{grid-template-columns:1fr}.music-feature,.character{min-height:auto}.media-cues{grid-template-columns:1fr}}
