:root{--font-title:Georgia,serif;--font-body:Arial,sans-serif;--font-accent:"Courier New",monospace;--black:#080808;--silver:#d9d8d5;--muted:#9b9b98;--line:#30302f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--black);color:var(--silver);font-family:var(--font-body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #fff;outline-offset:6px}header{height:106px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid var(--line);background:#080808;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:15px}.brand img{width:94px;height:64px;object-fit:contain}.brand span{font-size:9px;letter-spacing:3px;border-left:1px solid #555;padding-left:18px}nav{display:flex;gap:36px;align-items:center;font-size:12px}nav a:hover,.text-link:hover,.contact-links a:hover{color:white}nav .nav-cta{border:1px solid #626261;padding:14px 20px;display:flex;gap:32px}.menu{display:none}.hero{min-height:740px;height:calc(100svh - 106px);max-height:960px;position:relative;padding:37px 5% 80px;overflow:hidden}.hero-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1.7px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow i{width:5px;height:5px;border-radius:50%;background:var(--silver)}.hero-location{color:var(--muted);font-size:9px}.hero h1{font-family:var(--font-title);font-size:clamp(68px,7.9vw,128px);letter-spacing:-6px;font-weight:400;line-height:1.02;margin:84px 0 42px;position:relative;z-index:2}em{font-weight:400;color:#aeadab}.hero h1 em{background:linear-gradient(100deg,#eee 0%,#8d8d8b 55%,#ddd);background-clip:text;-webkit-background-clip:text;color:transparent}.hero-bottom{position:relative;z-index:2;display:flex;flex-direction:column;gap:25px;align-items:flex-start}.hero p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:45px;background:var(--silver);color:#111;padding:19px 22px;border:0;cursor:pointer;font-size:12px}.button span{font-size:20px}.button:hover{background:#fff}.hero-art{position:absolute;width:490px;height:490px;right:3%;top:240px;transform:rotate(-28deg);pointer-events:none;opacity:.8}.orbit{position:absolute;inset:60px 100px;border:20px solid transparent;border-radius:50%;background:linear-gradient(145deg,#030303,#444 33%,#c3c3c3 38%,#252525 43%,#070707 50%,#777 65%,#ddd 68%,#111 75%) border-box;mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);mask-composite:exclude;box-shadow:20px 25px 50px #000}.orbit-one{transform:rotate(-35deg) scaleX(1.35)}.orbit-two{transform:rotate(35deg) scaleX(1.35)}.orbit-three{transform:rotate(90deg) scaleX(1.25)}.art-caption{position:absolute;bottom:-8px;left:110px;font-size:8px;letter-spacing:3px;transform:rotate(28deg);color:#747472}.scroll,.edition{position:absolute;bottom:31px;font-size:9px;letter-spacing:2px;color:#999}.scroll{display:flex;gap:35px;align-items:center}.scroll span{font-size:18px}.edition{right:5%}.ticker{overflow:hidden;display:flex;gap:50px;white-space:nowrap;align-items:center;border-block:1px solid var(--line);padding:25px 0;font-size:12px;letter-spacing:4px;justify-content:center}.ticker b{font-size:28px;font-weight:400;color:#777}.section{padding:90px 5% 105px;border-bottom:1px solid var(--line)}.section-meta{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-bottom:70px}.about-grid,.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}h2{font-family:var(--font-title);font-size:clamp(48px,5.5vw,82px);font-weight:400;letter-spacing:-3px;line-height:1.05;margin:0}.about-grid>div{max-width:470px}.about-grid p{font-size:14px;line-height:1.85;color:var(--muted)}.about-grid .large-copy{color:var(--silver);font-size:25px;line-height:1.4;margin:0 0 30px}.text-link{font-size:11px;display:inline-flex;gap:40px;border-bottom:1px solid #666;padding:22px 0 12px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:60px}.section-heading p{font-size:13px;color:var(--muted);line-height:1.8;min-width:280px;margin-bottom:4px}.service-list{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line)}summary{list-style:none;display:flex;align-items:center;padding:30px 0;cursor:pointer}summary::-webkit-details-marker{display:none}.number{width:10%;font-size:10px;color:var(--muted)}h3{font-size:clamp(22px,2.6vw,38px);font-weight:400;letter-spacing:-1px;margin:0}.toggle{font-size:28px;font-weight:200;margin-left:auto;transition:transform .2s}details[open] .toggle{transform:rotate(45deg)}.service-content{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding:0 7% 36px 10%;color:var(--muted);font-size:13px;line-height:1.9}.service-content p{margin:0}.service-content ul{padding:0;margin:0;list-style:none}.service-content li:before{content:'—';margin-right:12px;color:#666}.brands{background:#0c0c0c}.logo-grid{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid var(--line)}.logo-grid>div{height:170px;padding:35px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--line)}.logo-grid>div:last-child{border:0}.logo-grid img{max-width:100%;max-height:65px;object-fit:contain}.brand-note{margin-top:28px;color:#858582;font-size:11px}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:flex;gap:28px;padding:26px 0;border-top:1px solid var(--line)}.approach li:first-child{padding-top:0;border-top:0}.approach li>span{font-size:10px;color:var(--muted);padding-top:6px}.approach h3{font-size:20px;letter-spacing:-.4px}.approach p{font-size:13px;line-height:1.8;color:var(--muted);max-width:370px}.contact{background:radial-gradient(ellipse at 100% 0,#242424 0,transparent 65%)}.contact h2{font-size:clamp(80px,11vw,165px);line-height:.95;position:relative;margin-bottom:60px;letter-spacing:-6px}.contact-arrow{position:absolute;right:0;top:0;font-family:var(--font-body);font-weight:200;font-size:1.1em;color:#9c9c99}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-grid p{font-size:15px;line-height:1.7;color:var(--muted)}.email{font-family:var(--font-title);font-size:clamp(17px,2vw,27px);display:inline-block;border-bottom:1px solid #555;padding:12px 0;overflow-wrap:anywhere}.contact-links{display:flex;gap:30px;font-size:11px;margin-top:25px}form{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}label{font-size:10px;color:var(--muted);margin-top:10px}input,textarea{width:100%;border:0;border-bottom:1px solid #555;color:var(--silver);background:transparent;padding:12px 0 16px;border-radius:0;font-size:13px;outline:none}input:focus,textarea:focus{border-color:white}label[for=name]{grid-column:1;grid-row:1}#name{grid-column:1;grid-row:2}label[for=email]{grid-column:2;grid-row:1}#email{grid-column:2;grid-row:2}label[for=brief]{grid-column:1/-1;margin-top:25px}textarea{grid-column:1/-1;resize:vertical}form .button{grid-column:1/-1;margin-top:22px}form .form-note{grid-column:1/-1;font-size:10px;margin:10px 0 0}footer{padding:58px 5% 25px}.footer-wordmark{font-family:var(--font-title);font-size:clamp(70px,14vw,210px);letter-spacing:-8px;line-height:1;display:flex;align-items:center;gap:35px}.footer-wordmark>span{font-size:10px;font-family:var(--font-accent);letter-spacing:5px}footer>div{border-top:1px solid var(--line);margin-top:40px;padding-top:22px;display:flex;justify-content:space-between;font-size:9px;color:var(--muted)}.skip{position:fixed;top:-80px;left:20px;padding:15px;background:white;color:black;z-index:99}.skip:focus{top:10px}@media(min-width:1600px){.hero-art{right:9%;top:260px;width:560px;height:560px}}@media(max-width:900px){nav{gap:20px}.hero h1{font-size:80px}.hero-art{right:-100px;opacity:.5;top:300px}.hero-location{display:none}.logo-grid>div{padding:20px}.about-grid,.approach-grid,.contact-grid{gap:7%}.email{font-size:20px}}@media(max-width:640px){header{height:83px;padding:0 6%}.brand img{width:72px;height:50px}.brand span{font-size:7px;letter-spacing:2px;padding-left:13px}.menu{display:flex;gap:20px;background:none;border:0;color:var(--silver);font-size:12px;align-items:center;padding:12px 0}.menu span{font-size:24px}nav{display:none;position:absolute;left:0;right:0;top:83px;background:#0c0c0c;padding:25px 6%;border-bottom:1px solid #444;flex-direction:column;align-items:stretch;gap:24px}nav.open{display:flex}nav .nav-cta{justify-content:space-between}.hero{height:auto;min-height:750px;padding:31px 6% 92px}.hero-top{font-size:8px;letter-spacing:1.4px}.hero h1{font-size:clamp(49px,12vw,75px);letter-spacing:-2.9px;margin:73px 0 34px;line-height:1.08}.hero-bottom{gap:25px}.hero p{font-size:13px}.hero-art{width:310px;height:310px;right:-85px;top:430px;opacity:.6}.orbit{inset:40px 65px;border-width:12px}.art-caption{display:none}.hero .button{padding:17px 20px;font-size:11px}.scroll,.edition{font-size:8px;bottom:28px}.edition{right:6%}.ticker{gap:24px;padding:14px 0;font-size:10px;letter-spacing:2px}.ticker b{font-size:20px}.section{padding:60px 6% 65px}.section-meta{font-size:8px;letter-spacing:1px;margin-bottom:43px}.section-meta span:last-child{display:none}h2{font-size:51px;letter-spacing:-2px}.about-grid,.approach-grid,.contact-grid{grid-template-columns:1fr;gap:38px}.about-grid .large-copy{font-size:22px;margin-bottom:22px}.about-grid p{font-size:13px}.section-heading{align-items:flex-start;flex-direction:column;gap:23px;margin-bottom:34px}.section-heading p{font-size:12px}.number{width:12%}summary{padding:24px 0}h3{font-size:23px;letter-spacing:-.5px}.service-content{grid-template-columns:1fr;gap:18px;padding:0 0 28px 12%;font-size:12px}.logo-grid{grid-template-columns:repeat(2,1fr)}.logo-grid>div{height:130px;padding:30px;border-bottom:1px solid var(--line)}.logo-grid>div:nth-child(2n){border-right:0}.logo-grid>div:last-child{grid-column:1/-1;height:110px;border-bottom:0}.logo-grid img{max-width:145px;max-height:60px}.brand-note{font-size:10px;line-height:1.7}.approach h3{font-size:19px}.approach p{font-size:12px}.contact h2{font-size:82px;letter-spacing:-4px;margin-bottom:30px}.contact-arrow{font-size:70px;top:7px}.contact-links{gap:25px}.email{font-size:21px}.contact-grid{gap:40px}.footer-wordmark{font-size:90px;letter-spacing:-5px;gap:22px}.footer-wordmark>span{font-size:7px;letter-spacing:3px}footer{padding:40px 6% 24px}footer>div{font-size:8px}.desktop{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Brand roster and Rich London relationships */
.direct-brands{grid-template-columns:repeat(4,minmax(0,1fr))}.direct-brands .kush-logo{max-height:84px;max-width:135px}.rich-network{display:grid;grid-template-columns:minmax(0,1fr) minmax(35px,.55fr) minmax(0,1.6fr) minmax(35px,.55fr) minmax(0,1fr);align-items:center;gap:22px;padding:52px 35px;border-bottom:1px solid var(--line);min-height:190px}.network-brand,.network-source{display:flex;align-items:center;justify-content:center;min-width:0}.network-brand img{max-width:155px;width:100%;max-height:70px;object-fit:contain}.network-source img{width:100%;max-width:255px;height:auto}.network-arrow{width:100%;height:22px;overflow:visible;fill:none;stroke:#aeadab;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}@media(max-width:640px){.direct-brands{grid-template-columns:repeat(2,minmax(0,1fr))}.direct-brands>div:last-child{grid-column:auto;height:130px}.direct-brands>div:nth-child(3){border-bottom:0}.direct-brands .kush-logo{max-height:72px;max-width:110px}.rich-network{padding:35px 5px;min-height:145px;gap:9px;grid-template-columns:minmax(0,1fr) 25px minmax(0,1.5fr) 25px minmax(0,1fr)}.network-brand img{max-height:42px}.network-arrow{height:15px;stroke-width:1.8}}

/* Previous brand experience */
.past-experience{background:#080808}.past-experience .section-heading{align-items:flex-end}.past-experience h2{font-size:clamp(44px,5vw,74px)}.past-logo-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.past-logo{height:155px;display:flex;justify-content:center;align-items:center;padding:35px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.past-logo img{max-width:100%;width:165px;max-height:65px;object-fit:contain}.past-logo.tall-mark img{width:auto;max-width:110px;max-height:86px}@media(max-width:900px){.past-logo{padding:25px}}@media(max-width:640px){.past-experience .section-heading{align-items:flex-start}.past-experience h2{font-size:44px}.past-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.past-logo{height:125px;padding:26px}.past-logo img{max-height:53px}.past-logo.tall-mark img{max-height:72px;max-width:90px}}

.past-logo.bbc-logo{padding:20px}.past-logo.bbc-logo img{width:180px;height:auto;max-width:100%;max-height:112px}@media(max-width:640px){.past-logo.bbc-logo{padding:14px}.past-logo.bbc-logo img{width:145px;max-height:95px}}

/* Three-font system: titles, body, accents. */
body,button,input,textarea,nav,.menu,.email{font-family:var(--font-body)}h1,h2,h3,.footer-wordmark{font-family:var(--font-title)}.eyebrow,.hero-location,.section-meta,.ticker,.number,.scroll,.edition,.art-caption,.brand span,.footer-wordmark>span,label,footer>div{font-family:var(--font-accent)}h3{letter-spacing:-.5px}.approach h3{font-size:22px}@media(max-width:640px){.approach h3{font-size:20px}.section-meta{letter-spacing:.6px}.brand span{letter-spacing:1.2px}.eyebrow{letter-spacing:1px}}

/* Original Noir logo assembles, then rotates as a single piece. */
.hero-art.noir-animation{width:440px;height:320px;right:3%;top:350px;transform:none;opacity:1;pointer-events:auto;perspective:1000px;z-index:1}.noir-stage{position:absolute;inset:0 0 34px;display:grid;place-items:center;perspective:1000px}.noir-spinner{position:relative;width:100%;aspect-ratio:410/260;transform-style:preserve-3d;transform:rotateY(0deg);will-change:transform}.noir-front,.noir-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;-webkit-backface-visibility:hidden}.noir-front{transform:translateZ(.6px);transform-style:preserve-3d}.noir-back{transform:rotateY(180deg) translateZ(.6px)}.noir-box,.noir-flying-word,.noir-complete{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.noir-box,.noir-flying-word{opacity:0}.noir-complete{opacity:1}.animation-ready .noir-spinner{animation:noir-spin 28s linear 3.1s infinite}.animation-ready .noir-box{animation:noir-box-intro 2.8s ease both}.animation-ready .noir-flying-word{animation:noir-word-arrive 2.8s cubic-bezier(.16,.7,.23,1) both}.animation-ready .noir-complete{animation:noir-seal 2.8s ease both}.animation-toggle{position:absolute;bottom:0;left:50%;transform:translateX(-50%);font-family:var(--font-accent);font-size:9px;letter-spacing:1px;color:var(--muted);background:transparent;border:0;border-bottom:1px solid #444;padding:7px 0;cursor:pointer;white-space:nowrap}.animation-toggle:hover{color:white}.animation-paused .noir-spinner,.animation-paused .noir-box,.animation-paused .noir-flying-word,.animation-paused .noir-complete{animation-play-state:paused}.animation-paused .noir-spinner{will-change:auto}@keyframes noir-word-arrive{0%,8%{opacity:0;transform:translate3d(170px,-150px,260px) rotate(-18deg) scale(1.65)}16%{opacity:1}65%{opacity:1;transform:translate3d(0,0,0) rotate(0deg) scale(1)}82%{opacity:1;transform:translate3d(0,0,0) rotate(0deg) scale(1)}100%{opacity:0;transform:translate3d(0,0,0) rotate(0deg) scale(1)}}@keyframes noir-box-intro{0%{opacity:0;transform:translateY(10px)}14%,82%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}@keyframes noir-seal{0%,78%{opacity:0}100%{opacity:1}}@keyframes noir-spin{from{transform:rotateY(0deg)}to{transform:rotateY(360deg)}}@media(min-width:1600px){.hero-art.noir-animation{width:510px;height:360px;right:6%;top:360px}}@media(max-width:1050px){.hero-art.noir-animation{width:340px;height:260px;right:2%;top:425px}}@media(max-width:640px){.hero-art.noir-animation{width:245px;height:182px;right:5%;top:530px}.noir-stage{inset:0 0 25px}.animation-toggle{font-size:8px;padding:5px 0;letter-spacing:.6px}}@media(prefers-reduced-motion:reduce){.animation-ready .noir-spinner,.animation-ready .noir-box,.animation-ready .noir-flying-word,.animation-ready .noir-complete{animation:none!important}.noir-box,.noir-flying-word{display:none}.noir-complete{opacity:1}.animation-toggle{display:none}.noir-spinner{will-change:auto}}
.animation-background-paused .noir-spinner,.animation-background-paused .noir-box,.animation-background-paused .noir-flying-word,.animation-background-paused .noir-complete{animation-play-state:paused}

/* Depth extruded from the original rounded logo contour; no rectangular planes. */
.noir-spinner{--logo-depth:76px;transform:rotateX(-9deg) rotateY(0deg)}.noir-front{transform:translateZ(calc(var(--logo-depth) / 2 + .5px))}.noir-curved-body{position:absolute;inset:0;transform-style:preserve-3d;pointer-events:none}.noir-depth-layer{position:absolute;inset:0;width:100%;height:100%;overflow:visible;transform:translateZ(calc(var(--logo-depth) * var(--slice)));backface-visibility:visible;-webkit-backface-visibility:visible;shape-rendering:geometricPrecision}@keyframes noir-spin{from{transform:rotateX(-9deg) rotateY(0deg)}to{transform:rotateX(-9deg) rotateY(360deg)}}@media(max-width:1050px){.noir-spinner{--logo-depth:60px}}@media(max-width:640px){.noir-spinner{--logo-depth:44px}}

/* Continuous side surface follows the rounded traced boundary, including edge-on views. */
.noir-curved-back{position:absolute;inset:0;width:100%;height:100%;transform:translateZ(calc(var(--logo-depth) / -2));backface-visibility:visible;shape-rendering:geometricPrecision}.noir-contour-wall{position:absolute;width:calc(var(--panel-width) + .35px);height:var(--logo-depth);transform:translate(-50%,-50%) rotateZ(var(--panel-angle)) rotateX(90deg);background:linear-gradient(180deg,#050505 0%,#202020 3%,#505050 4.5%,#171717 6.5%,var(--panel-shade) 12%,var(--panel-shade) 78%,#242424 89%,#3c3c3c 92%,#101010 96%,#030303 100%);backface-visibility:visible;-webkit-backface-visibility:visible;transform-style:preserve-3d}

/* Phone layout: a simple content stack with the logo centred in normal flow. */
@media(max-width:640px){
 .hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:0;max-height:none;padding:28px 6% 30px;gap:0}
 .hero-top{flex:none;min-height:14px}
 .hero h1{font-size:clamp(42px,10.8vw,58px);line-height:1.08;letter-spacing:-2px;margin:38px 0 24px;max-width:100%}
 .hero-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
 .hero-bottom p{font-size:14px;line-height:1.75;max-width:38ch}
 .hero .hero-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:15px 25px;gap:0;border:0;border-radius:0;box-shadow:none;background:#d9d8d5;color:#080808;font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:0;text-align:center}
 .hero .hero-cta .hero-cta-icon{display:none}
 .hero-art.noir-animation{position:relative;inset:auto;right:auto;top:auto;left:auto;bottom:auto;align-self:center;width:min(100%,320px);height:auto;aspect-ratio:410/310;min-height:0;flex:none;margin:28px auto 18px;transform:none;opacity:1}
 .noir-stage{inset:0 0 34px}
 .animation-toggle{bottom:0;font-size:8px;letter-spacing:.7px;padding:6px 0}
 .hero .scroll{position:static;bottom:auto;left:auto;align-self:center;justify-content:center;gap:18px;margin:4px 0 15px;font-size:8px;letter-spacing:1.6px}
 .hero .edition{position:static;right:auto;bottom:auto;align-self:center;font-size:8px;letter-spacing:1.4px;margin:0}
 .section{padding:48px 6% 52px}
 .section-meta{margin-bottom:30px}
 .section-heading{display:flex;flex-direction:column;align-items:flex-start;gap:20px;margin-bottom:30px}
 .about-grid,.approach-grid,.contact-grid{grid-template-columns:minmax(0,1fr);gap:30px}
 .about-grid>div{max-width:none}
 .about-grid .large-copy{font-size:21px;line-height:1.45}
 .section-heading p{min-width:0;max-width:100%;margin:0}
 .service-content{grid-template-columns:minmax(0,1fr)}
 .past-experience .section-heading{align-items:flex-start}
 .contact h2{margin-bottom:28px}
 .contact-grid form{display:flex;flex-direction:column;gap:0}
 .contact-grid label{margin-top:20px}
 .contact-grid label:first-child{margin-top:0}
 .contact-grid input,.contact-grid textarea{min-width:0}
 .contact-grid .contact-links{flex-wrap:wrap;gap:18px 25px}
 footer{padding-top:32px}
}

/* Shared polished black finish across desktop and phone. */
:root{--noir-surface:linear-gradient(165deg,#494949 0%,#292929 9%,#171717 38%,#080808 76%,#030303 100%);--noir-edge:#4a4a4a;--noir-shadow:inset 0 1px 0 #ffffff26,inset 0 -1px 0 #0009,0 3px 0 #030303,0 7px 15px #0005}
.button,.hero .hero-cta,nav .nav-cta{background:var(--noir-surface);color:#deddda;border:1px solid var(--noir-edge);border-radius:12px;box-shadow:var(--noir-shadow);justify-content:center;gap:0;text-shadow:0 1px 1px #0007;transition:border-color .2s,box-shadow .2s}
.button:hover,.hero .hero-cta:hover,nav .nav-cta:hover{background:linear-gradient(165deg,#555 0%,#303030 10%,#1a1a1a 40%,#090909 80%,#030303);color:#fff;border-color:#777;box-shadow:inset 0 1px 0 #ffffff38,0 3px 0 #030303,0 8px 18px #0008}
.service-list{border:0}.service-list details{margin:12px 0;border:1px solid #363636;border-radius:14px;background:var(--noir-surface);box-shadow:var(--noir-shadow);padding:0 24px}.service-list summary{padding-block:27px}.service-list .service-content{padding-right:0}.service-list details[open]{border-color:#555}
.logo-grid,.past-logo-grid{border:0;gap:12px}.logo-grid>div,.logo-grid>div:last-child,.past-logo{background:var(--noir-surface);border:1px solid #363636;border-radius:14px;box-shadow:var(--noir-shadow)}.rich-network{margin-top:16px;background:var(--noir-surface);border:1px solid #363636;border-radius:16px;box-shadow:var(--noir-shadow)}
input,textarea{padding:14px 16px;border:1px solid #3d3d3d;border-radius:10px;background:linear-gradient(165deg,#292929,#111 45%,#060606);box-shadow:inset 0 1px 0 #ffffff12,0 2px 0 #0006;color:#e0dfdc}input:focus,textarea:focus{border-color:#a6a6a3;box-shadow:inset 0 1px 0 #ffffff20,0 0 0 1px #a6a6a3}form label{margin-bottom:9px}
.ticker-divider{display:block;width:1px;height:18px;flex:0 0 1px;background:#555}
.noir-reverse-word{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:translateZ(calc(var(--logo-depth) / -2 - 1px)) rotateY(180deg);backface-visibility:hidden;-webkit-backface-visibility:hidden}
@media(max-width:640px){nav.open{background:var(--noir-surface);border-radius:0 0 14px 14px;box-shadow:var(--noir-shadow)}.hero .hero-cta{background:var(--noir-surface);color:#deddda;border:1px solid var(--noir-edge);border-radius:12px;box-shadow:var(--noir-shadow)}.service-list details{padding:0 17px}.service-list summary{padding-block:23px}.direct-brands>div:nth-child(2n),.direct-brands>div:nth-child(3),.direct-brands>div:last-child{border:1px solid #363636}.logo-grid,.past-logo-grid{gap:10px}.contact-grid form label{margin-bottom:9px}}

/* Identical complete front and rear faces, equally spaced from the centre. */
.noir-front{transform:translateZ(calc(var(--logo-depth) / 2 + .5px))}.noir-matching-rear{position:absolute;inset:0;width:100%;height:100%;transform:rotateY(180deg) translateZ(calc(var(--logo-depth) / 2 + .5px));backface-visibility:hidden;-webkit-backface-visibility:hidden}.noir-matching-rear img{display:block;width:100%;height:100%;object-fit:contain}.noir-contour-wall{background:linear-gradient(180deg,#050505 0%,#505050 4%,#101010 8%,var(--panel-shade) 18%,var(--panel-shade) 82%,#101010 92%,#505050 96%,#050505 100%)}

/* One shared face layout prevents browser-specific rear sizing or placement. */
.noir-face{position:absolute;inset:0;width:100%;height:100%;margin:0;padding:0;border:0;transform-style:flat;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 50%}.noir-face-front{transform:translateZ(calc(var(--logo-depth) / 2 + .5px))}.noir-face-rear{transform:rotateY(180deg) translateZ(calc(var(--logo-depth) / 2 + .5px))}.noir-face .noir-face-image{position:absolute;inset:0;display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain;object-position:50% 50%;margin:0;padding:0;border:0;opacity:1;transform:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.animation-ready .noir-face-front .noir-face-image{animation:noir-seal 2.8s ease both}.animation-paused .noir-face-image,.animation-background-paused .noir-face-image{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.animation-ready .noir-face-front .noir-face-image{animation:none!important;opacity:1}}

/* Event photograph scoped to the opening landing section. */
.hero{background-color:#080808;background-image:linear-gradient(90deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.74) 48%,rgba(0,0,0,.56) 100%),url('/assets/noir-event-hero.jpg');background-size:cover;background-position:center,center 43%;background-repeat:no-repeat}.hero h1{ text-shadow:0 2px 18px #0007}.hero-bottom p{color:#d0cfcc;text-shadow:0 1px 5px #0008}.hero .eyebrow,.hero .hero-location,.hero .scroll,.hero .edition,.hero .animation-toggle{color:#c5c4c1}.hero .animation-toggle{border-bottom-color:#8888}
@media(max-width:640px){.hero{background-image:linear-gradient(180deg,rgba(0,0,0,.78) 0%,rgba(0,0,0,.72) 40%,rgba(0,0,0,.64) 65%,rgba(0,0,0,.84) 100%),url('/assets/noir-event-hero.jpg');background-position:center,55% center}.hero-bottom p{color:#deddd9}}

/* Title above the Rich London brand relationship row. */
.rich-network{padding-top:28px;padding-bottom:36px;row-gap:30px}.network-title{grid-column:1 / -1;margin:0;color:#deddda;font-family:var(--font-title);font-size:clamp(15px,1.6vw,20px);font-weight:400;letter-spacing:1.4px;line-height:1.4;text-align:center}@media(max-width:640px){.rich-network{padding-top:22px;padding-bottom:26px;row-gap:22px}.network-title{font-size:13px;letter-spacing:.7px;line-height:1.4}}

/* Scale only the animated logo; preserve all surrounding layout and motion. */
.noir-spinner{scale:0.2}

/* Align content after removing decorative numbering. */
.service-list .service-content{padding-left:0}.approach li{gap:0}.approach li>div{width:100%}

/* Desktop only: centre the animation and track the conversation button's row. */
@media(min-width:641px){.hero-art.noir-animation{left:50%;right:auto;top:var(--desktop-logo-top,440px);transform:translateX(-50%);margin:0}}

/* One stationary solid: no entrance, crossfade or lettering movement. */
.noir-stage{opacity:1;animation:none}
.animation-ready .noir-stage{animation:none}
.animation-ready .noir-spinner{animation:noir-solid-spin 28s linear infinite}
.noir-face .noir-face-image,.animation-ready .noir-face-front .noir-face-image{opacity:1;animation:none;transform:none}
.noir-contour-wall{width:calc(var(--panel-width) + 1px);background:linear-gradient(180deg,#303030 0%,#1b1b1b 32%,#090909 70%,#050505 100%);border:0;outline:0;box-shadow:none}
@keyframes noir-solid-spin{from{transform:rotateX(-9deg) rotateY(0deg)}to{transform:rotateX(-9deg) rotateY(360deg)}}
.animation-ready.animation-paused .noir-spinner,.animation-ready.animation-background-paused .noir-spinner{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.animation-ready .noir-spinner{animation:none!important}}

/* Full-tile links preserve the existing tile and logo styling. */
.direct-brands>div,.network-brand,.network-source{position:relative}.brand-tile-link{position:absolute;inset:0;z-index:1;border-radius:inherit}

/* Management follows the existing service panels and typography. */
.management-profile{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:48px;align-items:center;padding:4px 0 34px;max-width:900px;margin:auto}
.management-portrait{display:block;width:100%;height:auto;aspect-ratio:1179/1568;object-fit:cover;border-radius:10px}
.management-bio{min-width:0}.management-bio h4{font-family:var(--font-title);font-size:48px;font-weight:400;letter-spacing:-1.5px;line-height:1.1;margin:0 0 10px}
.management-role{font-size:16px;color:var(--silver);margin:0 0 30px}.management-credits-label{font-family:var(--font-accent);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 14px}
.management-credits{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;padding:0;margin:0 0 30px;font-size:14px;line-height:1.6;color:var(--silver)}.management-credits li{overflow-wrap:anywhere}
.management-instagram{min-height:48px;text-align:center}
@media(max-width:640px){.management-profile{grid-template-columns:minmax(0,1fr);gap:25px;padding-bottom:25px}.management-portrait{max-width:340px;margin:0 auto}.management-bio h4{font-size:38px}.management-role{font-size:14px;margin-bottom:25px}.management-credits{font-size:13px;gap:8px 15px}.management-instagram{width:100%}}

.management-profile+.management-profile{border-top:1px solid var(--line);padding-top:34px}.si-xiazi-portrait{aspect-ratio:auto}

/* Original brand assets, contained without cropping. */
.direct-brands .lac-studios-brand img{max-height:105px}.direct-brands .cmv-brand img{max-height:85px}.direct-brands .la-couronne-brand img{width:100%;max-width:220px}
@media(max-width:640px){.direct-brands .lac-studios-brand img{max-height:85px}.direct-brands .cmv-brand img{max-height:70px}}

.direct-brands .la-couronne-brand img,.direct-brands .lac-studios-brand img,.direct-brands .cmv-brand img{mix-blend-mode:screen}

.direct-brands .cmv-brand img{mix-blend-mode:normal}

.direct-brands .sonay-brand img{width:100%;max-width:220px;max-height:80px;filter:brightness(0) invert(1)}