:root{--bg:#10110f;--fg:#eeeae1;--dim:#97998f;--line:#393b35}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,select,textarea{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #d8f18c;outline-offset:5px}header{position:absolute;z-index:5;top:0;width:100%;padding:26px 4%;display:flex;justify-content:space-between;align-items:center}.brand{display:flex;font-size:48px;font-weight:900;line-height:.8;gap:8px}.brand span{font-size:10px;line-height:1.2;padding-top:2px;letter-spacing:1px}nav{display:flex;gap:34px;font-size:12px}nav a:hover,.text-link:hover{color:#d8f18c}#menu{display:none}.hero{min-height:820px;height:100svh;max-height:1300px;position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:135px 4% 30px;overflow:hidden;background:#040504}.hero-art{position:absolute;inset:0;opacity:.62;background-image:linear-gradient(0deg,#080908 0%,transparent 38%,#0005 80%),url('assets/p0.jpg');background-size:cover,140% auto;background-position:center,50% 39%;animation:slow 22s alternate infinite;filter:saturate(.75)}@keyframes slow{to{transform:scale(1.06)}}.hero-top,.hero-bottom{position:relative;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.6;letter-spacing:1px}.hero-top span:last-child{text-align:right}.hero-title{position:relative;margin-top:auto;padding-top:140px}.hero-title h1{font-size:clamp(100px,23.5vw,390px);letter-spacing:-.087em;line-height:.73;margin:0 0 25px -1.5%;font-weight:900}.hero-title h1 span{display:block;font-size:13px;letter-spacing:.46em;margin:30px 0 0 1.9%}.hero-title>p{position:absolute;bottom:0;right:0;font-size:clamp(14px,1.6vw,24px);line-height:1.12;letter-spacing:-.03em}.hero-bottom{border-top:1px solid #ffffff55;margin-top:35px;padding-top:20px}.section{padding:100px 6%;}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:38px}.section h2{font-size:clamp(48px,7.5vw,120px);line-height:.95;letter-spacing:-.065em;font-weight:500;margin:0}.intro h2 span{color:#898d80}.intro-bottom,.split{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:55px}.intro-bottom>p:first-child{font-size:25px;line-height:1.3;max-width:400px}p{font-size:15px;line-height:1.65;margin-top:0}p+p{margin-top:18px}.intro-bottom>p:last-child{max-width:470px;color:#b5b7ae}.disciplines{margin-top:65px}.disciplines a{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;font-size:24px;letter-spacing:-.04em}.disciplines a:last-child{border-bottom:1px solid var(--line)}.disciplines span{font-size:12px;color:var(--dim)}.disciplines a:hover{padding-left:10px;color:#d8f18c}.work{background:var(--fg);color:var(--bg)}.section-head{display:flex;justify-content:space-between;align-items:end}.section-head h2{font-size:clamp(45px,6vw,90px)}.section-head>p{font-size:12px}.filters{display:flex;gap:8px;margin:45px 0 28px;flex-wrap:wrap}.filters button{background:transparent;border:1px solid #aaa99f;border-radius:30px;padding:10px 18px;font-size:11px}.filters .active{background:var(--bg);color:var(--fg);border-color:var(--bg)}.projects{display:grid;grid-template-columns:1fr 1fr;gap:38px 25px}.project{text-align:left;padding:0;background:transparent;border:0;color:inherit}.project figure{margin:0;aspect-ratio:1.7;overflow:hidden;background:#20211e;position:relative}.project img{width:100%;height:100%;object-fit:cover;transition:transform .65s,opacity .65s}.project:hover img{transform:scale(1.035);opacity:.8}.project figure span{position:absolute;right:14px;bottom:14px;background:#eeeae1;color:#111;border-radius:50%;width:35px;height:35px;display:grid;place-items:center}.project h3{font-size:20px;font-weight:500;letter-spacing:-.04em;margin:15px 0 6px}.project p{font-size:10px;letter-spacing:.8px;text-transform:uppercase}.work-note{font-size:10px;margin-top:40px;color:#5f6258}.technology{background:#181b16;position:relative}.technology h2{font-size:clamp(85px,14vw,215px);color:#d8e2bd}.tech-body{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:65px}.big-copy{font-size:clamp(23px,2.6vw,38px);letter-spacing:-.035em;line-height:1.22}.text-link{display:inline-block;font-size:12px;padding:10px 0;border-bottom:1px solid currentColor;margin-top:10px}.games{overflow:hidden}.huge-outline{font-size:26vw;line-height:.8;font-weight:900;letter-spacing:-.09em;-webkit-text-stroke:1px #5d6353;color:transparent;margin-top:65px}.bali{background:#b8c0a4;color:#182016}.bali h2 em{font-family:Georgia,serif;font-weight:400}.small-label{font-size:10px;letter-spacing:1px;line-height:1.6}.people h2{max-width:800px}.culture{margin:70px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.culture span{font-size:30px;letter-spacing:-.04em}.culture p{font-size:12px;margin:0;max-width:300px}.founder{display:grid;grid-template-columns:1fr 1fr;gap:12%;margin-top:80px;align-items:center}.founder img{width:100%;aspect-ratio:.85;object-fit:cover;object-position:50% 40%;filter:grayscale(1)}.founder h3{font-size:40px;font-weight:500;letter-spacing:-.05em;margin:0 0 20px}blockquote{margin:30px 0 0;font-size:16px;line-height:1.7;color:#afb39f}blockquote strong{font-size:28px;color:var(--fg)}.contact{background:#e8e4da;color:var(--bg)}.contact h2{font-size:clamp(80px,14vw,200px)}label{display:block;font-size:11px;margin:20px 0 10px}select,textarea{width:100%;border:1px solid #92958a;background:transparent;color:#111;padding:12px;border-radius:0}textarea{resize:vertical}.solid{margin-top:14px;background:#141711;border:0;color:#eeeae1;padding:15px 22px;font-size:12px}#copy-status{font-size:12px;margin-top:10px}footer{padding:65px 6% 25px}.footer-logo{display:block;font-size:17vw;letter-spacing:-.085em;font-weight:900;line-height:.8}.footer-logo span{font-size:12px;letter-spacing:.5em;display:block;margin:25px 0 40px}footer>div{font-size:9px;letter-spacing:1px}footer>p{font-size:clamp(19px,3vw,42px);letter-spacing:-.03em;margin-top:55px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:25px;margin-top:50px}dialog{background:var(--fg);color:var(--bg);border:0;width:min(900px,94vw);max-height:92svh;padding:55px 45px;overscroll-behavior:contain}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.close{position:absolute;right:20px;top:16px;border:0;background:transparent;font-size:13px}#detail img{width:100%;margin-bottom:25px}#detail h2{font-size:40px;letter-spacing:-.05em;line-height:1.05}#detail p{max-width:680px}#detail .eyebrow{margin-bottom:15px}body:has(dialog[open]){overflow:hidden}@media(min-width:1500px){.section{padding-left:max(6%,calc((100vw - 1350px)/2));padding-right:max(6%,calc((100vw - 1350px)/2))}}@media(max-width:700px){header{padding:24px 6%}nav{display:none}header.open nav{display:flex;position:absolute;top:80px;left:0;width:100%;background:#10110f;padding:30px;flex-direction:column}#menu{display:block;background:none;border:0;color:var(--fg);font-size:12px}.hero{height:90svh;min-height:640px;padding:120px 6% 25px}.hero-art{background-size:cover,auto 100%;background-position:center,center}.hero-top{font-size:8px}.hero-title{padding-top:100px;padding-bottom:65px}.hero-title h1{font-size:23vw}.hero-title h1 span{font-size:9px;letter-spacing:.3em;margin-top:20px}.hero-title>p{bottom:0;left:0;font-size:17px}.hero-bottom{font-size:8px}.hero-bottom>span{max-width:180px}.section{padding:65px 6%}.section h2{font-size:58px}.intro-bottom,.split,.tech-body,.founder{grid-template-columns:1fr;gap:20px;margin-top:35px}.section-head{display:block}.section-head>p{margin-top:25px}.projects{grid-template-columns:1fr;gap:25px}.project h3{font-size:21px}.technology h2{font-size:100px}.culture{display:block;margin:45px 0}.culture p{margin-top:15px}.founder img{aspect-ratio:1.1}.founder{gap:35px}.contact h2{font-size:90px}dialog{padding:50px 22px 25px}#detail h2{font-size:30px}.footer-bottom{font-size:8px}.disciplines a{font-size:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}*{transition:none!important}}
.hero-art{background-size:cover,190% auto;background-position:center,50% 48%}@media(max-width:700px){.hero-art{background-size:cover,auto 145%;background-position:center,50% 48%}}
/* DESIRE GROUPE identity: red and white first, black in support. */
:root{--desire-red:#dc1826;--bg:#111;--fg:#fff;--dim:#b8b8b8;--line:#444}
body{background:#fff;color:#111}.brand{font-size:32px;letter-spacing:-2px;align-items:center;color:#fff}.brand span{letter-spacing:1px;font-size:9px;line-height:1.35;padding-top:0}.brand{background:var(--desire-red);padding:12px 14px}.hero{color:#fff}.hero-title h1{color:var(--desire-red)}.hero-title h1 span{color:#fff}.hero-bottom a{border-bottom:2px solid var(--desire-red);padding-bottom:5px}nav{color:#fff}nav a:hover{color:#ff5964}.intro{background:#fff}.intro h2 span{color:var(--desire-red)}.intro-bottom>p:last-child{color:#555}.disciplines a{border-color:#ccc}.disciplines a:last-child{border-color:#ccc}.disciplines a:hover{color:var(--desire-red)}.disciplines span{color:#555}.eyebrow{color:var(--desire-red)}.work{background:#f5f5f3;color:#111}.filters .active{background:var(--desire-red);border-color:var(--desire-red);color:#fff}.project figure span{background:var(--desire-red);color:#fff}.project:hover h3{color:var(--desire-red)}.technology{background:var(--desire-red);color:#fff}.technology .eyebrow,.technology h2{color:#fff}.technology .text-link:hover{color:#111}.games{background:#fff;color:#111}.huge-outline{-webkit-text-stroke:1px var(--desire-red)}.bali{background:#111;color:#fff}.bali .eyebrow{color:#ff5864}.bali h2 em{color:#fff}.people{background:#fff;color:#111}.culture{border-color:#ccc}.culture span{color:var(--desire-red)}blockquote{color:#555}blockquote strong{color:var(--desire-red)}.contact{background:#f5f5f3;color:#111}.contact h2{color:var(--desire-red)}.solid{background:var(--desire-red);color:#fff}.text-link:hover{color:var(--desire-red)}footer{background:var(--desire-red);color:#fff}.footer-bottom{border-color:#ffffff66}dialog{background:#fff;color:#111}.close{color:#111}button:focus-visible,a:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:#ff6871}@media(max-width:700px){.brand{font-size:26px;padding:10px 12px}.brand span{font-size:8px}header.open nav{background:var(--desire-red)}header.open nav a:hover{color:#fff}}
/* Official supplied trademark artwork, displayed without retyping or recolouring. */
:root{--desire-red:#f20d30}
.brand{display:block;background:#fff;padding:0;line-height:0;width:190px;letter-spacing:normal}.brand img{display:block;width:100%;height:auto}
.hero{min-height:860px;padding-top:160px}.hero-title{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:35px}.hero-title h1{margin:0;line-height:0;letter-spacing:normal;font-size:inherit;width:min(64%,780px);font-weight:normal}.hero-title h1 img{display:block;width:100%;height:auto}.hero-title>p{position:static;margin:0 0 12px;font-size:clamp(16px,1.7vw,26px);max-width:300px}.footer-logo{width:min(440px,80%);font-size:inherit;letter-spacing:normal;line-height:0;margin-bottom:35px}.footer-logo img{display:block;width:100%;height:auto}
@media(max-width:700px){.brand{width:145px;padding:0}.hero{padding-top:160px;min-height:700px;height:auto}.hero-top{margin-bottom:30px}.hero-title{display:block;padding:0}.hero-title h1{width:100%;margin:0}.hero-title>p{margin:22px 0 0;font-size:18px;max-width:none}.hero-bottom{margin-top:30px}.footer-logo{width:min(350px,100%)}}
.studio-descriptor{display:block!important;background:#fff;color:#555!important;text-align:center;font-family:Arial,Helvetica,sans-serif;font-weight:400;font-style:normal;line-height:1.2!important;letter-spacing:.3em!important;margin:0!important;padding:0 0 14px!important;font-size:12px!important}.hero-title h1 .studio-descriptor{font-size:clamp(18px,2.5vw,36px)!important;padding:0 0 26px!important}.footer-logo .studio-descriptor{font-size:22px!important;padding-bottom:22px!important}.brand .studio-descriptor{font-size:10px!important;padding-bottom:10px!important}
.biography{margin:25px 0}.biography summary{cursor:pointer;font-size:13px;color:var(--desire-red);padding:15px 0;border-top:1px solid #ccc;border-bottom:1px solid #ccc}.biography h4{font-size:20px;font-weight:500;margin:28px 0 12px;letter-spacing:-.03em}.biography p{font-size:14px}.project-type-art{height:100%;display:flex;align-items:center;padding:7%;background:#f20d30;color:white;font-size:clamp(24px,3.5vw,60px);font-weight:700;line-height:1.05;letter-spacing:-.05em}#detail li{font-size:14px;line-height:1.6;margin-bottom:8px}

/* Approved Studios lockup: masterbrand above-left, offering below-right.
   Render the approved artwork as one unit; lighten blends its dark ground
   into the shared charcoal surface without a card-shaped image surround. */
:root{--brand-charcoal:#202020}
html{scroll-padding-top:118px}
.site-header{position:fixed;inset:0 0 auto;z-index:20;padding:18px 6%;height:112px;background:var(--brand-charcoal);border-bottom:1px solid #ffffff18}
.site-header .brand{width:190px;padding:0;background:none;line-height:0;transition:opacity .2s}
.studios-lockup{display:block;width:100%;height:auto;overflow:hidden;mix-blend-mode:lighten}
.site-header.at-home{background:transparent;border-color:transparent}
.site-header.at-home .brand{opacity:0;pointer-events:none}
.site-header.at-home .brand:focus-visible{opacity:1;pointer-events:auto}
.hero{background:var(--brand-charcoal);min-height:720px;height:100svh;max-height:1300px;padding:142px 6% 30px;justify-content:flex-start}
.hero-top{font-size:10px;color:#c7c7c7}
.hero-title{display:block;margin:0;padding:clamp(45px,9vh,110px) 0 0}
.hero-title h1{width:100%;max-width:1320px;margin:0;font-size:inherit;line-height:0}
.hero-title>p{position:static;font-size:clamp(15px,1.6vw,24px);font-weight:400;letter-spacing:.08em;line-height:1.4;max-width:none;margin:30px 0 0 17.6%}
.hero-bottom{margin-top:auto;padding-top:20px}
footer{background:var(--brand-charcoal)}
.footer-logo{width:min(580px,100%);margin-bottom:38px}
@media(min-width:1500px){.hero-title h1{max-width:1450px}}
@media(max-height:780px) and (min-width:701px){.hero{min-height:650px}.hero-title{padding-top:25px}.hero-title h1{width:min(100%,1000px)}.hero-title>p{margin-top:20px;font-size:16px}}
@media(max-width:700px){
 html{scroll-padding-top:94px}
 .site-header{height:90px;padding:16px 6%}
 .site-header .brand{width:145px}
 .site-header.open{background:var(--brand-charcoal)}
 .site-header.open nav{top:90px;background:var(--brand-charcoal);border-top:1px solid #ffffff30}
 .hero{height:100svh;min-height:600px;padding:130px 6% 26px}
 .hero-top{font-size:8px;gap:12px;margin:0}
 .hero-title{padding:clamp(70px,17vh,150px) 0 45px}
 .hero-title h1{width:100%}
 .hero-title>p{margin:28px 0 0 17.6%;font-size:14px;letter-spacing:.04em;line-height:1.5}
 .hero-bottom{margin-top:auto;font-size:8px;align-items:flex-end}
 .hero-bottom>span{max-width:155px}
 .footer-logo{width:100%}
}
@media(prefers-reduced-motion:reduce){.site-header .brand{transition:none}}

/* Full supplied film posters and Bali concept imagery. */
.project img{object-fit:contain}
.bali-visual{margin:48px 0 0}.bali-visual img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}.bali-visual figcaption{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#bbb;margin-top:14px}

/* Studio positioning beneath the approved identity. */
.hero-credential{display:block;margin-bottom:12px;font-size:clamp(18px,2vw,28px);font-weight:600;letter-spacing:0;line-height:1.3}
@media(max-width:700px){.hero-credential{font-size:18px;margin-bottom:10px}}

/* Production toolkit within Imagination + Technology. */
.production-toolkit{margin-top:65px;padding-top:38px;border-top:1px solid #ffffff70}.production-toolkit h3{font-size:clamp(28px,3.5vw,48px);font-weight:500;letter-spacing:-.04em;margin:0 0 20px}.toolkit-intro{max-width:680px}.toolkit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;margin:35px 0 18px}.toolkit-grid article{border-top:1px solid #ffffff70;padding-top:20px}.toolkit-grid h4{font-size:22px;font-weight:600;letter-spacing:-.03em;margin:0 0 12px}.toolkit-grid p{font-size:14px;line-height:1.6;margin:0}@media(max-width:900px){.toolkit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.toolkit-grid{grid-template-columns:1fr;gap:24px}.production-toolkit{margin-top:45px}}

.toolkit-note{font-size:12px;line-height:1.6;max-width:680px;margin-top:28px}