:root{--ink:#050b12;--paper:#f0eee8;--gold:#c9a96b;--gold2:#f1d49a;--line:#ffffff20;--muted:#9aa8b3;--max:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:#f7f5ef;font:16px/1.55 Arial,sans-serif;overflow-x:hidden}a{color:inherit}.site-header{height:86px;position:fixed;inset:0 0 auto;z-index:40;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - var(--max))/2));border-bottom:1px solid var(--line);background:#050b12b8;backdrop-filter:blur(20px)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.logo-mark{position:relative;width:32px;height:32px;display:block;transform:rotate(45deg)}.logo-mark i{position:absolute;border:2px solid var(--gold);width:17px;height:17px}.logo-mark i:nth-child(1){left:0;top:0}.logo-mark i:nth-child(2){right:0;top:0}.logo-mark i:nth-child(3){right:0;bottom:0}.logo-type{display:grid;line-height:1}.logo-type b{font:700 1.35rem Georgia,serif;letter-spacing:.1em}.logo-type small{margin-top:5px;font:600 .52rem monospace;letter-spacing:.23em;color:#c9d0d5}.site-header nav{display:flex;gap:26px;margin-left:auto}.site-header nav a{text-decoration:none;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.sitewarden-link{color:var(--gold2)!important}.language select{border:1px solid #ffffff31;background:#071019;color:#fff;padding:8px}.menu{display:none}.cinematic{height:100svh;min-height:720px;position:relative;overflow:hidden}.cinematic-media{position:absolute;inset:-3%;background:linear-gradient(90deg,#03070cf2,#050b12ba 36%,#050b1235 72%),linear-gradient(0deg,#050b12c8,transparent 45%),url('/assets/msd-cinematic-hero-v1.png') center/cover;animation:cinema 18s ease-out both}.cinematic-grid{position:absolute;inset:0;opacity:.14;background-image:linear-gradient(#68c8ef32 1px,transparent 1px),linear-gradient(90deg,#68c8ef32 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 70%)}@keyframes cinema{from{transform:scale(1.1) translateX(1%)}to{transform:scale(1.02) translateX(-1%)}}.hero-copy{position:absolute;z-index:2;left:max(24px,calc((100vw - var(--max))/2));bottom:14vh;max-width:920px}.kicker,.manifest>p:first-child,.section-intro>p,.command>div>p,.sitewarden p:first-child,.closing>p,.page-hero>p:first-child{font:700 .67rem monospace;letter-spacing:.18em;color:var(--gold2)}.hero-copy h1{margin:.32em 0;font:400 clamp(3.2rem,6.5vw,7.2rem)/.92 Georgia,serif;letter-spacing:-.055em;text-wrap:balance}.lead{max-width:760px;font-size:clamp(1rem,1.7vw,1.35rem);color:#c9d3da}.actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:34px}.button,.ghost{display:inline-block;padding:15px 21px;text-decoration:none;font-weight:800;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase}.gold{background:var(--gold);color:#071019}.ghost{border:1px solid #ffffff70}.hero-status{position:absolute;z-index:3;right:3vw;bottom:5vh;display:grid;grid-template-columns:auto auto;gap:8px 14px;font:700 .58rem monospace;letter-spacing:.12em}.hero-status span{color:var(--gold)}.manifest{padding:clamp(90px,12vw,180px) max(24px,calc((100vw - var(--max))/2));background:var(--paper);color:#0b151c}.manifest h2{max-width:1200px;margin:.45em 0;font:400 clamp(3rem,6.4vw,7.4rem)/.94 Georgia,serif;letter-spacing:-.055em}.manifest>p:last-child{max-width:720px;margin-left:auto;color:#4e5c64;font-size:1.1rem}.proof{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.proof article{min-height:230px;padding:42px 4vw;border-right:1px solid var(--line);display:flex;flex-direction:column;justify-content:flex-end}.proof b{font:400 clamp(2.3rem,4vw,4.5rem) Georgia,serif;color:var(--gold2)}.proof span{color:var(--muted)}.portfolio{max-width:var(--max);margin:auto;padding:clamp(90px,10vw,160px) 24px}.section-intro{display:grid;grid-template-columns:.6fr 1.4fr;gap:8vw;margin-bottom:90px}.section-intro h2{margin:0;font:400 clamp(3rem,5.3vw,6.4rem)/.96 Georgia,serif;letter-spacing:-.05em}.portfolio>a{display:grid;grid-template-columns:80px 1fr 60px;gap:30px;align-items:center;padding:42px 8px;border-top:1px solid #ffffff32;text-decoration:none;transition:.3s}.portfolio>a:hover{background:#ffffff08;padding-left:24px}.portfolio>a>span,.portfolio small{font:700 .66rem monospace;color:var(--gold);letter-spacing:.13em}.portfolio h3{margin:.18em 0;font:400 clamp(2.1rem,4vw,4.5rem) Georgia,serif}.portfolio p{max-width:700px;color:var(--muted)}.portfolio>a>b{font-size:2rem}.sitewarden-card{background:linear-gradient(90deg,#0d527e55,transparent)}.command{display:grid;grid-template-columns:1fr 1fr;min-height:780px;background:#0b1823}.command>div{padding:clamp(60px,8vw,120px)}.command-visual{padding:0!important;overflow:hidden}.command img{width:100%;height:100%;object-fit:cover}.command h2{font:400 clamp(3rem,5.5vw,6rem)/.98 Georgia,serif}.command ul{list-style:none;padding:30px 0}.command li{display:flex;gap:20px;padding:18px 0;border-top:1px solid var(--line)}.command li span{color:var(--gold);font-family:monospace}.sitewarden{min-height:760px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;padding:10vw max(24px,calc((100vw - var(--max))/2));background:radial-gradient(circle at 78% 45%,#177ca2,#0b466d 24%,#06121c 62%)}.sitewarden h2{margin:.1em 0;font:400 clamp(5rem,13vw,13rem)/.8 Georgia,serif;letter-spacing:-.06em}.sitewarden>div>p{max-width:680px;color:#c8dce7}.light{background:#fff;color:#071019}.radar{position:relative;aspect-ratio:1;display:grid;place-items:center;border:1px solid #8bdcff66;border-radius:50%}.radar i{position:absolute;inset:15%;border:1px solid #8bdcff55;border-radius:50%}.radar i:nth-child(2){inset:30%}.radar i:nth-child(3){inset:45%}.radar:after{content:'';position:absolute;width:50%;height:1px;left:50%;top:50%;background:linear-gradient(90deg,#8bdcff,transparent);transform-origin:left;animation:radar 5s linear infinite}@keyframes radar{to{transform:rotate(360deg)}}.radar span{text-align:center;font:700 .65rem/1.6 monospace}.closing{max-width:var(--max);margin:auto;padding:clamp(100px,13vw,190px) 24px}.closing h2{max-width:1100px;margin:.25em 0 .6em;font:400 clamp(4rem,8vw,9rem)/.9 Georgia,serif;letter-spacing:-.055em}.page-hero{min-height:75vh;padding:180px max(24px,calc((100vw - var(--max))/2)) 100px;background:linear-gradient(140deg,#071019,#0b2739)}.page-hero h1{font:400 clamp(4rem,9vw,10rem)/.9 Georgia,serif;letter-spacing:-.06em}.page-hero>p:last-child{max-width:800px;color:#becbd3;font-size:1.25rem}.content{max-width:var(--max);margin:auto;padding:90px 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ffffff20}.content>div{min-height:300px;padding:50px;background:#0a141d}.content small{color:var(--gold)}.content h2{font:400 2.5rem Georgia,serif}.content p{color:var(--muted)}.project-form{max-width:1000px;margin:0 auto 100px;padding:50px;background:#0b1823}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project-form label{display:grid;gap:8px;margin-bottom:18px}.project-form input,.project-form textarea{width:100%;padding:14px;border:1px solid #ffffff35;background:#061019;color:#fff;font:inherit}.check{grid-template-columns:auto 1fr!important}.check input{width:auto}footer{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:40px;padding:60px max(24px,calc((100vw - var(--max))/2));border-top:1px solid var(--line)}footer p{color:var(--muted)}footer nav{display:flex;justify-content:flex-end;gap:18px;flex-wrap:wrap}footer nav a{text-decoration:none}.sound{position:fixed;right:20px;bottom:20px;z-index:50;border:1px solid #ffffff40;background:#071019cc;color:#fff;padding:10px;font:700 .58rem monospace;letter-spacing:.1em}
@media(max-width:900px){.site-header{height:72px;padding:0 16px;gap:12px}.menu{display:block;margin-left:auto;background:transparent;border:1px solid #ffffff35;color:#fff;padding:8px}.site-header nav{display:none;position:absolute;inset:72px 0 auto;background:#050b12;padding:25px;flex-direction:column}.site-header nav.open{display:flex}.language select{max-width:92px}.cinematic{min-height:760px}.hero-copy{left:20px;right:20px;bottom:13vh}.hero-copy h1{font-size:clamp(3.2rem,13vw,5.4rem)}.hero-status{display:none}.cinematic-media{background-position:64% center}.proof,.section-intro,.command,.sitewarden,.content,footer{grid-template-columns:1fr}.proof article{min-height:160px}.portfolio>a{grid-template-columns:45px 1fr 30px}.command-visual{min-height:440px}.radar{margin-top:60px}.sitewarden h2{font-size:18vw}.form-grid{grid-template-columns:1fr}footer nav{justify-content:flex-start}.sound{display:none}}
@media(max-width:480px){.logo-type small{display:none}.logo-type b{font-size:1.05rem}.logo-mark{width:26px;height:26px}.logo-mark i{width:14px;height:14px}.cinematic{min-height:700px}.cinematic-media{background-position:68% center}.hero-copy h1{font-size:12vw}.manifest,.portfolio,.command>div,.sitewarden,.closing{padding-left:18px;padding-right:18px}.manifest h2{font-size:12vw}.portfolio>a{grid-template-columns:34px 1fr;gap:14px}.portfolio>a>b{display:none}.portfolio h3{font-size:2.2rem}.command-visual{min-height:330px}.sitewarden{min-height:680px}.page-hero{padding:140px 18px 70px}.page-hero h1{font-size:14vw}.project-form{margin:0 14px 70px;padding:25px 18px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}
.watch,.latest,.origin,.project-grid,.video-grid,.legal-copy{max-width:var(--max);margin:auto;padding:clamp(80px,10vw,150px) 24px}.watch header,.latest>header{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:54px}.watch h2,.latest h2,.origin h2{margin:.2em 0;font:400 clamp(3rem,6vw,6.8rem)/.94 Georgia,serif;letter-spacing:-.055em}.watch>div,.journal-grid,.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#ffffff20}.watch a,.journal-grid>a,.journal-grid>article,.project-grid>a,.project-grid>article{min-height:290px;padding:40px;background:#09131c;text-decoration:none;display:flex;flex-direction:column}.watch a:hover,.journal-grid>a:hover,.project-grid>a:hover{background:#0d1d29}.watch small,.journal-grid small,.project-grid small,.video-grid span{font:700 .65rem monospace;letter-spacing:.14em;color:var(--gold)}.watch h3,.journal-grid h3,.project-grid h2{font:400 clamp(2rem,4vw,4rem) Georgia,serif;margin:.35em 0}.watch p,.journal-grid p,.project-grid p{color:var(--muted)}.watch b,.journal-grid b{margin-top:auto}.latest{max-width:none;background:#071019}.latest>header,.latest>.journal-grid{max-width:var(--max);margin-left:auto;margin-right:auto}.origin{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.origin-image{min-height:560px;background:linear-gradient(0deg,#050b12aa,transparent),url('/assets/msd-cinematic-hero-v1.png') center/cover;display:flex;align-items:end;padding:35px}.origin-image span{font:700 .7rem/1.7 monospace;letter-spacing:.14em}.video-grid article{min-height:420px;border:1px solid var(--line);background:radial-gradient(circle at 70%,#0f5270,#071019 60%);display:flex;flex-direction:column;justify-content:end;padding:45px}.video-grid b{font:400 clamp(3rem,7vw,7rem) Georgia,serif}.video-grid small{color:var(--muted)}.legal-copy{min-height:40vh;font-size:1.1rem}.legal.page-hero{min-height:55vh}
@media(max-width:900px){.site-header nav{max-height:calc(100vh - 72px);overflow:auto}.watch>div,.journal-grid,.project-grid,.origin{grid-template-columns:1fr}.watch header,.latest>header{align-items:flex-start;flex-direction:column}.origin-image{min-height:420px}}
.site-helper{position:fixed;right:20px;bottom:20px;z-index:60}.site-helper>button{border:1px solid var(--gold);background:#071019;color:#fff;padding:13px 17px;font-weight:800}.site-helper>div{display:none;width:min(340px,calc(100vw - 32px));margin-bottom:10px;padding:24px;background:#f3f0e9;color:#09131c;box-shadow:0 18px 60px #0008}.site-helper.open{display:flex;flex-direction:column-reverse;align-items:flex-end}.site-helper.open>div{display:block}.site-helper a{font-weight:800;color:#7c5c23}@media(max-width:600px){.site-helper{right:12px;bottom:12px}.site-helper>button{padding:11px 13px}}
.cinematic-media{background-image:linear-gradient(90deg,#03070cf2,#050b12ba 36%,#050b1235 72%),linear-gradient(0deg,#050b12c8,transparent 45%),url('/assets/msd-connected-worlds-hero-v2.png?v=20261007')!important}.origin-image{background-image:linear-gradient(0deg,#050b12aa,transparent),url('/assets/msd-connected-worlds-hero-v2.png?v=20261007')!important}