:root{--navy:#102945;--gold:#c69037;--cream:#f6f4ef;--muted:#697381}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--navy);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}header{height:92px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #10294520;background:#fff;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:12px;font-weight:700;letter-spacing:2px}.brand img{width:94px;height:74px;object-fit:cover}nav{display:flex;align-items:center;gap:35px;font-size:13px}.nav-contact{border:1px solid #10294550;padding:13px 20px}.menu{display:none}.eyebrow{font-size:11px;letter-spacing:2.5px;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:25px;height:1px;background:var(--gold)}.hero{padding:85px 6% 70px;display:grid;grid-template-columns:1.2fr 1fr;gap:4%;align-items:center;min-height:650px}h1{font-size:clamp(54px,6.3vw,96px);font-weight:500;line-height:1.02;letter-spacing:-5px;margin:30px 0}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}p{line-height:1.75;color:var(--muted);font-size:16px}.intro{max-width:480px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--navy);color:white;padding:18px 24px;font-size:13px;margin-top:22px}.button:hover{background:#254766}.hero-art{min-height:420px;position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #c6903738;overflow:hidden;background:#eeece5}.record{width:350px;height:350px;border-radius:50%;background:repeating-radial-gradient(circle,#152f4c 0px,#152f4c 2px,#29435c 3px,#11273f 5px);box-shadow:15px 25px 45px #10294535;display:grid;place-items:center;transform:rotate(-16deg)}.record-label{width:148px;height:148px;border-radius:50%;background:#fff;display:grid;place-items:center;overflow:hidden}.record-label img{width:148px;height:auto;display:block}.art-note{position:absolute;bottom:20px;left:23px;font-size:10px;letter-spacing:2px}.art-top{position:absolute;top:20px;right:23px;font-size:10px;letter-spacing:2px}.vertical{position:absolute;right:18px;top:50%;writing-mode:vertical-rl;font-size:10px;letter-spacing:3px}.metrics{background:var(--navy);color:#fff;padding:45px 6%;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.metric{border-right:1px solid #ffffff30;padding-right:30px}.metric:last-child{border:0}.metric strong{font-size:48px;font-weight:400;letter-spacing:-2px}.metric p{color:#c8d0db;font-size:13px;margin:12px 0 0}.metric small{color:#c8d0db;font-size:10px;display:block;margin-top:8px}section{padding:100px 6%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:45px}h2{font-size:clamp(38px,4vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:20px 0 0}.section-head>p{max-width:370px;font-size:14px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #10294525}.service{padding:30px 30px 30px 0;border-bottom:1px solid #10294525}.service:nth-child(3n+2),.service:nth-child(3n+3){padding-left:30px;border-left:1px solid #10294525}.number{color:var(--gold);font-size:11px;letter-spacing:1px}h3{font-size:21px;font-weight:500;margin:22px 0 12px}.service p{font-size:14px;margin:0}.experience{background:#eae8e2}.experience-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:12%}.experience-intro{max-width:420px}.track{padding:25px 0;border-top:1px solid #10294530}.track:first-child{padding-top:0;border:0}.track h3{margin:0 0 8px}.track p{font-size:14px;margin:0}.track span{font-size:10px;text-transform:uppercase;letter-spacing:2px;color:#8d682d;display:block;margin-bottom:12px}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.about-mark{background:white;padding:35px}.about-mark img{display:block;width:100%}.locations{display:flex;gap:35px;margin-top:35px;font-size:12px;letter-spacing:2px}.locations span{border-top:1px solid var(--gold);padding-top:12px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px;padding-top:35px;border-top:1px solid #10294525}.process p{font-size:14px}.process h3{margin:10px 0}.contact{background:var(--navy);color:white;display:grid;grid-template-columns:1.3fr 1fr;gap:8%}.contact p{color:#bdc8d4;max-width:480px}.contact h2{font-size:64px}.contact .button{background:var(--gold);color:var(--navy)}.contact-box{border:1px solid #ffffff30;padding:35px;align-self:center}.contact-box .eyebrow{font-size:10px}.contact-box>a{display:block;font-size:22px;margin:25px 0 10px}.contact-box p{font-size:13px;margin:8px 0}footer{background:#0b2139;color:#bac5d1;padding:30px 6%;display:flex;justify-content:space-between;gap:25px;font-size:11px;line-height:1.6}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:5px}@media(max-width:800px){header{height:78px}.brand img{width:72px;height:60px}.brand{font-size:13px}.menu{display:block;border:1px solid #10294540;background:white;padding:10px}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:25px 6%;border-bottom:1px solid #ddd}nav.open{display:flex;flex-wrap:wrap;gap:20px}.hero{padding-top:50px;grid-template-columns:1fr;gap:40px}h1{letter-spacing:-3px}.hero-art{min-height:350px}.record{width:280px;height:280px}.metrics{gap:20px;padding-top:30px;padding-bottom:30px}.metric{padding-right:15px}.metric strong{font-size:31px}.metric p{font-size:11px}section{padding:65px 6%}.section-head{display:block}.section-head>p{margin-top:25px}.services{grid-template-columns:1fr 1fr}.service:nth-child(n){padding:25px 15px 25px 0;border-left:0}.service:nth-child(even){padding-left:20px;border-left:1px solid #10294525}.experience-grid,.about-grid,.contact{grid-template-columns:1fr;gap:40px}.process{gap:25px}.contact h2{font-size:48px}footer{flex-direction:column}.about-mark{max-width:450px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

:root{--cream:#050608;--navy:#152e4b;--gold:#d1a252;--muted:#a7afbb}body{background:#050608;color:#f0eee9}header{background:#050608;border-bottom:1px solid #ffffff14}header .brand{color:#e8e7e2}.brand img{width:60px;height:44px;object-fit:cover;border-radius:2px}nav{color:#aab1bc}nav a:hover,nav a[aria-current=page]{color:var(--gold)}.nav-contact{border-color:#d1a25270;color:var(--gold)}.hero{min-height:calc(100svh - 175px);padding-top:60px;padding-bottom:60px;position:relative;grid-template-columns:1.25fr 1fr;gap:4%}h1{font-size:clamp(55px,6.7vw,100px);letter-spacing:-4px;margin:28px 0}.intro{font-size:16px;max-width:420px}.button{background:var(--gold);color:#090b0f;border:1px solid var(--gold)}.button:hover{background:#e4b96f}.hero-art{background:transparent;border:0;min-height:400px;overflow:visible}.record{width:min(32vw,410px);height:min(32vw,410px);background:repeating-radial-gradient(circle,#0a1728 0px,#0a1728 2px,#13273d 3px,#091421 5px);box-shadow:0 0 100px #12325824;transform:rotate(-18deg);border:1px solid #214365}.record-label{background:#070b12;border:1px solid #c6903760;color:var(--gold);font-size:43px;letter-spacing:-3px;font-weight:700;width:130px;height:130px}.art-note{bottom:0;left:50%;transform:translateX(-50%);white-space:nowrap;color:#778595;font-size:9px}.art-top,.vertical{display:none}footer{background:#050608;border-top:1px solid #ffffff14;color:#79828e;padding:25px 6%}.section-head>p{color:var(--muted)}section{min-height:calc(100svh - 175px)}.services,.service,.service:nth-child(n){border-color:#ffffff1c}.number{color:var(--gold)}.experience{background:#050608}.track{border-color:#ffffff1c}.track span{color:var(--gold)}.experience-grid{padding-top:30px}.about-mark{background:#fff}.about-grid{align-items:start}.about-grid>div:first-child{background:linear-gradient(135deg,#112941,#080d15);padding:50px;min-height:340px;display:flex;flex-direction:column;justify-content:center}.about-grid .monogram{font-size:100px;color:var(--gold);font-weight:700;letter-spacing:-8px}.about-grid .signature{color:#9faab8;font-size:11px;letter-spacing:3px}.process{border-color:#ffffff1c}.contact{background:#050608}.contact-box{background:#0c1725;border-color:#ffffff20}.metrics{background:#0b1624;margin:45px 0;padding:35px;gap:25px}.metric strong{color:#dfb76e}.achievements{max-width:1350px;margin:auto}.award-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:50px}.award-grid article{border-top:1px solid #ffffff20;padding-top:20px}.award-grid p{font-size:14px}.page-intro{max-width:620px}.home-footer{display:flex;justify-content:space-between}.menu{color:var(--gold);background:transparent;border-color:#d1a25270}@media(max-width:800px){nav{background:#080b10;border-color:#ffffff20}.hero{min-height:calc(100svh - 170px);grid-template-columns:1fr;padding-top:55px;padding-bottom:40px;gap:20px}.hero-art{min-height:170px;justify-content:end;overflow:hidden}.record{width:180px;height:180px;margin-right:20px}.record-label{width:75px;height:75px;font-size:28px}.art-note{left:0;transform:none;bottom:50%;font-size:8px}.hero h1{font-size:clamp(52px,10vw,76px);letter-spacing:-3px}.hero .intro{font-size:14px;max-width:330px}.metrics{padding:25px 18px;gap:14px}.metric strong{font-size:29px}.award-grid{grid-template-columns:1fr;gap:20px}.about-grid>div:first-child{min-height:220px;padding:30px}.about-grid .monogram{font-size:75px}.contact h2{font-size:48px}footer{gap:8px;font-size:10px}.process{grid-template-columns:1fr;gap:12px}.contact-box>a{font-size:20px}}
/* Refined brand and responsive artwork */
.brand{gap:14px;flex-shrink:0}.brand img{width:82px;height:62px;object-fit:contain;border-radius:0}.brand-name{font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:1.5px;font-weight:400;white-space:nowrap}.brand-name em{color:var(--gold);font-weight:400;letter-spacing:0}.hero-art{display:flex;flex-direction:column;gap:32px;padding:20px 0}.art-note{position:static;transform:none;white-space:normal;text-align:center;line-height:1.7;max-width:310px;letter-spacing:2px}.record{flex-shrink:0}.vacancy-card{margin-top:48px;max-width:720px;background:#0b1624;border:1px solid #d1a25233;padding:36px}.vacancy-card h3{font-size:28px}.vacancy-card p{max-width:560px}nav{gap:24px}
@media(max-width:1000px) and (min-width:801px){header{padding:0 4%}.brand-name{font-size:21px}nav{gap:15px;font-size:12px}}
@media(max-width:800px){.brand{gap:9px}.brand img{width:66px;height:54px}.brand-name{font-size:22px;letter-spacing:1px}.hero-art{min-height:0;overflow:visible;align-items:center;gap:28px;padding:20px 0 0}.record{margin:0;width:190px;height:190px}.art-note{font-size:8px;max-width:280px}.vacancy-card{padding:26px}.vacancy-card h3{font-size:24px}}

h1.page-title{font-size:clamp(38px,4vw,58px);font-weight:400;letter-spacing:-2px;line-height:1.1;margin:20px 0 0}.contact h1.page-title{font-size:64px}@media(max-width:800px){.contact h1.page-title{font-size:48px}}

/* Cinematic music imagery: AI-created atmospheric scenes */
.hero{isolation:isolate;background:linear-gradient(90deg,rgba(5,6,8,.96),rgba(5,6,8,.78) 48%,rgba(5,6,8,.42)),linear-gradient(0deg,#050608,transparent 25%),url('scene-studio.webp') center/cover no-repeat}.hero .intro{color:#c3c8d0}.hero-art{position:relative;isolation:isolate;gap:40px}.hero-art:before{content:'';position:absolute;width:72%;aspect-ratio:1;top:4%;left:7%;z-index:-1;transform:rotate(-9deg);background:linear-gradient(140deg,#15324bdd,#07101be8);border:1px solid #cda45c55;box-shadow:0 30px 70px #0008}.record{position:relative;background:radial-gradient(circle at 50% 50%,transparent 27%,#0000 28%),repeating-radial-gradient(circle,#07121e 0 2px,#223951 2.5px,#0c1b2a 4px);box-shadow:18px 26px 50px #000a,inset 0 0 25px #000b;border:2px solid #36536d;animation:vinyl-turn 55s linear infinite}.record:before{content:'';position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 35deg,transparent 0deg,#b4c9de22 40deg,transparent 80deg,transparent 180deg,#e3c48b1a 220deg,transparent 255deg);pointer-events:none}.record-label{position:relative;display:flex;flex-direction:column;justify-content:center;gap:8px;background:radial-gradient(circle at 30% 25%,#234260,#091321 75%);border:1px solid #d1a252b0;box-shadow:0 0 0 6px #060c14}.record-label:before{content:'JRG MUSIC • SIDE A';font:7px Arial,sans-serif;letter-spacing:1.4px;color:#d9bb82}.record-label:after{content:'';width:7px;height:7px;border-radius:50%;background:#050608;border:1px solid #b7a27a}.art-note{color:#c4c9cf;font-size:9px;max-width:310px;letter-spacing:2px}.scene-concert{--scene:url('scene-concert.webp')}.scene-gala{--scene:url('scene-gala.webp')}.scene-film{--scene:url('scene-film.webp')}.image-banner,.image-card{background-image:linear-gradient(90deg,rgba(5,6,8,.93),rgba(5,6,8,.58)),var(--scene);background-size:cover;background-position:center;border:1px solid #d1a25224}.image-banner{padding:48px;min-height:320px;display:flex;flex-direction:column;justify-content:center}.image-banner p,.image-card p{color:#c3c8d0}.section-head.image-banner{display:flex;flex-direction:row;justify-content:space-between;align-items:end;gap:40px;min-height:370px}.section-head.image-banner>p{max-width:340px}.experience-intro.image-banner{max-width:none;padding:36px;align-self:start;min-height:520px}.award-grid{gap:24px}.award-grid article.image-card{padding:40px 32px;min-height:320px;display:flex;flex-direction:column;justify-content:end;background-image:linear-gradient(0deg,rgba(5,6,8,.97),rgba(5,6,8,.68) 60%,rgba(5,6,8,.32)),var(--scene)}.image-card .number{margin-top:50px}.contact{background-image:linear-gradient(90deg,#050608f5,#050608dc),url('scene-studio.webp');background-position:center;background-size:cover}.contact-box{background:#091321e8}.contact-box>a{font-size:clamp(17px,2vw,24px);overflow-wrap:anywhere;line-height:1.5}.contact-box>a span{color:var(--gold)}
@keyframes vinyl-turn{from{transform:rotate(-18deg)}to{transform:rotate(342deg)}}
@media(max-width:800px){.hero{background-image:linear-gradient(180deg,#050608e8,#050608bd 55%,#050608ed),url('scene-studio.webp');background-position:60% center}.hero-art{padding:30px 0 8px;gap:34px}.hero-art:before{width:180px;left:calc(50% - 112px);top:16px}.record{width:210px;height:210px}.record-label{width:85px;height:85px;font-size:28px;gap:5px}.record-label:before{font-size:5px;letter-spacing:.8px}.record-label:after{width:5px;height:5px}.art-note{font-size:8px;max-width:280px}.image-banner{padding:30px 24px;min-height:340px}.section-head.image-banner{display:block;min-height:370px}.section-head.image-banner>p{margin-top:24px}.experience-intro.image-banner{padding:30px 24px;min-height:0}.award-grid article.image-card{padding:30px 24px;min-height:340px}.contact-box{padding:26px}.contact-box>a{font-size:20px}.image-banner h1.page-title{font-size:clamp(34px,7.5vw,48px)}}
@media(prefers-reduced-motion:reduce){.record{animation:none}}

/* Fine gold and blue threads around the wordmark */
.hero-art:before{content:none;display:none}.brand{position:relative;isolation:isolate}.brand img,.brand-name{position:relative;z-index:1}.brand-ribbons{position:absolute;pointer-events:none;z-index:0;left:48px;top:-13px;width:310px;height:90px;overflow:visible;opacity:.9}@media(max-width:1000px) and (min-width:801px){.brand-ribbons{width:245px;left:40px;top:-8px;height:80px}}@media(max-width:800px){.brand-ribbons{left:40px;top:-12px;width:245px;height:80px}}@media(max-width:380px){.brand-ribbons{width:218px;left:34px}}

/* Sculptural champagne-gold header texture and true black vinyl */
.brand:before{content:'';position:absolute;z-index:-1;pointer-events:none;left:-20px;top:50%;transform:translateY(-50%);width:365px;height:90px;background:url('scene-gala.webp') 85% 48%/430px auto no-repeat;opacity:.46;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 72%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 72%,transparent)}.brand img,.brand-name{z-index:1}.record{background:repeating-radial-gradient(circle,#030303 0 2px,#252525 2.5px,#090909 4px);border-color:#343434;box-shadow:18px 26px 50px #000c,inset 0 0 25px #000b}.record:before{background:conic-gradient(from 35deg,transparent 0deg,#ffffff17 40deg,transparent 80deg,transparent 180deg,#dfcda112 220deg,transparent 255deg)}.record-label{background:radial-gradient(circle at 30% 25%,#25231f,#080808 75%);box-shadow:0 0 0 6px #030303}.scene-night-video{--scene:url('scene-night-video.webp')}.award-grid article.scene-night-video{background-position:65% center}@media(max-width:800px){.brand:before{width:270px;height:76px;left:-15px;background-size:340px auto;opacity:.43}.award-grid article.scene-night-video{min-height:380px}}

/* Logo-led header and concise information pages */
.brand{width:240px;gap:0;padding-left:20px;min-height:82px}.brand img{width:124px;height:82px;object-fit:contain;filter:drop-shadow(0 2px 8px #000)}.brand:before{left:-15px;width:285px;background-position:85% 48%;opacity:.32}.simple-page{max-width:1350px;margin:auto;padding-top:60px;padding-bottom:65px;min-height:0}.simple-page .section-head.image-banner{min-height:290px;align-items:center;margin-bottom:42px}.simple-page .section-head p{max-width:470px;margin:22px 0 0;font-size:16px}.simple-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.simple-grid article{padding:30px 0;border-top:1px solid #ffffff20}.simple-grid h2,.experience-rows h2{font-size:25px;letter-spacing:-.5px;line-height:1.25;margin:14px 0}.simple-grid p,.experience-rows p{font-size:15px;max-width:450px;margin:0}.experience-rows article{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;align-items:start;padding:28px 0;border-top:1px solid #ffffff20}.experience-rows h2{margin:0}.simple-contact{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:30px;padding-top:28px;border-top:1px solid #d1a25240}.simple-contact p{font-size:14px;margin:0;max-width:470px}.simple-contact .number+p{margin-top:12px}.simple-contact a{color:var(--gold);font-size:14px;white-space:nowrap}.simple-contact a span{margin-left:18px}@media(max-width:1000px) and (min-width:801px){.brand{width:190px;padding-left:8px}.brand:before{width:230px}}@media(max-width:800px){.brand{width:220px;min-height:76px;padding-left:22px}.brand img{width:112px;height:74px}.brand:before{width:250px;left:-10px;opacity:.3}.simple-page{padding-top:34px;padding-bottom:45px}.simple-page .section-head.image-banner{min-height:280px;margin-bottom:24px}.simple-page .section-head p{font-size:14px;max-width:320px}.simple-grid{grid-template-columns:1fr;gap:0}.simple-grid article{padding:24px 0}.simple-grid h2,.experience-rows h2{font-size:23px}.experience-rows article{grid-template-columns:1fr;gap:12px;padding:24px 0}.simple-contact{align-items:start;flex-direction:column;gap:20px}.simple-grid p,.experience-rows p{font-size:14px}}

.scene-awards{--scene:url("scene-awards.webp")}
.award-grid article.scene-awards{background-position:62% center}