@font-face{font-family:DM Sans;src:url('assets/fonts/dm-sans-latin.woff2') format('woff2');font-style:normal;font-weight:100 1000;font-display:swap}
:root{--ink:#202124;--muted:#62666b;--line:#e4e6e9;--blue:#1a73e8;--red:#ea4335;--yellow:#fbbc04;--green:#188038;--font:'DM Sans','Helvetica Neue',sans-serif;--ease:cubic-bezier(.22,.68,0,1.01)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;color:var(--ink);background:#fff;font:16px/1.6 var(--font);-webkit-font-smoothing:antialiased}a{color:inherit}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}img{max-width:100%;display:block}figure,p{margin:0}h1,h2,h3{margin:0;font-weight:450;letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(38px,4.6vw,66px)}a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--blue);outline-offset:5px}[hidden]{display:none!important}.section-width{width:calc(100% - 112px);max-width:1320px;margin-inline:auto}.skip-link{position:absolute;top:-70px;left:20px;z-index:50;background:var(--blue);color:#fff;padding:12px}.skip-link:focus{top:12px}.site-header{min-height:96px;display:flex;align-items:center;gap:42px;padding:24px 56px;border-bottom:1px solid var(--line)}.never-mark{display:flex;align-items:center;min-height:44px;flex-shrink:0}.never-mark img{filter:brightness(0);width:91px;height:auto}.back-link{text-decoration:none;font-size:13px;color:var(--muted);display:flex;align-items:center;gap:10px;min-height:44px}.back-link:hover{color:var(--blue)}.private-label{margin-left:auto;display:flex;align-items:center;gap:8px;color:#58606a;font-size:11px;background:#f3f5f7;padding:8px 13px;border-radius:22px;white-space:nowrap}.private-label svg{width:14px;height:14px;stroke:currentColor;stroke-width:1.2}
.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:32px;align-items:center;min-height:710px;padding-top:62px;padding-bottom:72px}.project-credit{display:flex;align-items:center;gap:18px;margin-bottom:30px}.project-credit img{width:98px;height:auto}.project-credit>span{font-size:12px;color:var(--muted);padding-top:6px}.credit-divider{margin:0 10px;color:#a2a6ad}h1{font-size:clamp(68px,7.5vw,110px);font-weight:450;line-height:.99;letter-spacing:-.07em}.human{color:var(--blue);position:relative;display:inline-block}.human svg{position:absolute;left:-1%;bottom:-16px;width:105%;height:18px;fill:none;stroke:var(--yellow);stroke-width:7;stroke-linecap:round}.full-stop{color:var(--green)}.hero-deck{margin-top:40px;color:var(--muted);font-size:18px;line-height:1.6;letter-spacing:-.015em}.primary-link{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 23px;border-radius:32px;background:var(--blue);color:#fff;font-size:14px;font-weight:550;text-decoration:none;margin-top:28px;transition:background .2s,transform .2s}.primary-link:hover{background:#1558b0;transform:translateY(-2px)}.play-icon{font-size:12px}.duration{font-size:11px;border-left:1px solid #ffffff70;padding-left:14px;font-weight:400}.hero-art{position:relative;isolation:isolate;min-width:0;padding:35px 0 42px 8px;transform:translateY(4px)}.robot-portrait{position:relative;border-radius:46% 46% 26px 26px;overflow:hidden;aspect-ratio:1/1.02;width:100%;transform:rotate(3deg);background:#d9d2b4;z-index:2;transition:transform .6s var(--ease)}.robot-portrait img{width:100%;height:100%;object-fit:cover;object-position:62% 50%;transform:scale(1.02)}.blue-disc{position:absolute;width:81%;aspect-ratio:1;border-radius:50%;top:0;right:-3%;background:#e8f0fe;z-index:0}.yellow-disc{position:absolute;width:23%;aspect-ratio:1;border-radius:50%;bottom:10px;left:-7%;background:var(--yellow);z-index:1}.hero-art::after{content:'';position:absolute;right:-1%;bottom:12%;width:23px;height:23px;border-radius:50%;background:var(--red);z-index:3}.model-tag{position:absolute;bottom:26px;left:12%;z-index:4;display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);box-shadow:0 8px 28px #20212410;border-radius:50px;padding:16px 23px;transform:rotate(-4deg);font-size:13px}.colour-dots{display:inline-flex;align-items:center;gap:4px}.colour-dots i{display:block;width:8px;height:8px;border-radius:50%;background:var(--blue)}.colour-dots i:nth-child(2){background:var(--red)}.colour-dots i:nth-child(3){background:var(--yellow)}.colour-dots i:nth-child(4){background:var(--green)}.art-caption{display:block;text-align:right;margin:24px 20px -24px 0;color:var(--muted);font-size:11px}.project-facts{display:grid;grid-template-columns:repeat(4,1fr);padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);gap:24px}.project-facts div{display:grid;gap:4px}.project-facts span{font-size:11px;color:var(--muted)}.project-facts strong{font-size:14px;font-weight:500}
.chapter{padding-block:112px}.section-label{display:flex;align-items:center;gap:12px;font-size:11px;font-weight:500;letter-spacing:.045em;margin-bottom:24px}.chapter-dot{display:flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;color:#fff;font-size:9px}.blue{background:var(--blue)}.red{background:var(--red)}.yellow{background:var(--yellow);color:var(--ink)}.green{background:var(--green)}.blue-text{color:var(--blue)}.green-text{color:var(--green)}.brief{display:grid;grid-template-columns:1fr 2.15fr;gap:40px}.brief>.section-label{align-self:start;margin-top:9px}.prose-columns{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:32px;color:var(--muted);font-size:16px}.prose-columns strong{font-weight:550;color:var(--ink)}
.film-section{padding-block:80px;background:#f5f7fa}.film-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:36px;gap:24px}.film-heading>p{font-size:12px;padding-bottom:5px;line-height:1.9}.film-heading>p span{color:var(--muted)}.film-frame{border-radius:16px;overflow:hidden;background:#101113;box-shadow:0 16px 56px #20212412;position:relative}.film-frame video{display:block;width:100%;height:auto;aspect-ratio:16/9}.film-caption{display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted);margin-top:22px}.private-note{white-space:nowrap}.film-description{border-top:1px solid #dadddf;margin-top:26px;font-size:13px}.film-description summary{display:flex;align-items:center;gap:12px;padding:16px 0;cursor:pointer;list-style:none}.film-description summary::-webkit-details-marker{display:none}.film-description .story-icon{width:19px;height:19px;flex-shrink:0;color:var(--blue)}.film-description .story-toggle{font-size:20px;line-height:1;margin-left:auto;flex-shrink:0}.film-description[open] .story-toggle{transform:rotate(45deg)}.film-description>div{display:grid;gap:14px;max-width:78ch;color:var(--muted);padding-bottom:18px}.media-error{padding:24px;color:white}
.craft-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:64px;margin-bottom:48px}.craft-intro>p{color:var(--muted);max-width:52ch;font-size:16px;padding-bottom:4px}.scene-explorer{border:1px solid var(--line);border-radius:24px;overflow:hidden}.explorer-toolbar{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-bottom:1px solid var(--line);font-size:12px;gap:16px}.explorer-toolbar>span{display:flex;align-items:center;gap:8px}.tiny-dot{display:inline-block;width:7px;height:7px;background:var(--green);border-radius:50%}.notes-toggle{background:white;border:1px solid var(--line);border-radius:30px;padding:10px 15px;font-size:11px;min-height:44px;color:var(--muted);white-space:nowrap}.notes-toggle[aria-pressed=true]{background:#e8f0fe;color:#174ea6;border-color:#c6dafc}.notes-toggle span{margin-left:8px}.scene-controls{display:grid;grid-template-columns:repeat(3,1fr);padding:16px;gap:12px;background:#fafbfc}.scene-button{border:1px solid transparent;background:transparent;text-align:left;padding:12px;display:flex;align-items:center;gap:12px;border-radius:12px;min-width:0;color:var(--ink);transition:background .2s,border-color .2s}.scene-button img{width:68px;height:48px;object-fit:cover;border-radius:5px;flex-shrink:0}.scene-button>span:not(.selection-dot){font-size:12px;line-height:1.4}.scene-button small{display:block;font-size:9px;letter-spacing:.04em;color:var(--muted);margin-bottom:3px}.scene-button:hover{background:#f0f3f8}.scene-button[aria-pressed=true]{background:#fff;border-color:#c5d8f6;box-shadow:0 3px 12px #1a73e809}.selection-dot{width:6px;height:6px;background:transparent;border-radius:50%;margin-left:auto;flex-shrink:0}.scene-button[aria-pressed=true] .selection-dot{background:var(--blue)}.scene-image{position:relative;overflow:hidden}.scene-image>img{width:100%;height:auto;aspect-ratio:16/9}.scene figcaption{padding:25px 28px;display:grid;grid-template-columns:1fr 1.4fr;gap:28px;font-size:13px;border-bottom:1px solid var(--line)}.scene figcaption strong{font-weight:550}.scene figcaption>span{color:var(--muted)}.visual-notes{display:none;position:absolute;inset:0;pointer-events:none}.show-notes .visual-notes{display:block}.annotation{position:absolute;display:block;padding:10px 14px;background:#fffef5f5;color:#34352c;border-radius:6px;font-size:11px;box-shadow:0 4px 18px #0002;max-width:210px;line-height:1.4}.annotation::before{content:'';display:block;position:absolute;width:7px;height:7px;background:var(--yellow);outline:4px solid #ffffffa8;border-radius:50%;left:16px;top:-24px}.space-light{top:28%;left:65%}.space-nature{top:76%;left:10%}.machine-form{top:27%;left:35%}.machine-light{top:78%;left:65%}.people-material{top:22%;left:40%}.people-scale{top:77%;left:67%}.explorer-footnote{padding:16px 28px;color:var(--muted);font-size:11px}
.perspective{background:#f8faff;padding-block:100px}.perspective-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;align-items:center}.perspective-grid h2{margin-bottom:30px}.perspective-grid p{font-size:16px;color:var(--muted);max-width:51ch;margin-bottom:20px}.source-note{display:inline-block;font-size:11px;text-decoration:none;border-bottom:1px solid #c2d0e4;color:var(--muted);padding:8px 0}.source-note:hover{color:var(--blue)}.source-note span{margin-left:8px}.perspective-art{position:relative;aspect-ratio:1;max-width:460px;justify-self:center;width:100%;isolation:isolate}.shape{position:absolute;transition:transform .8s var(--ease)}.shape-blue{width:49%;height:49%;left:8%;top:10%;background:#4285f4;border-radius:50% 50% 8% 50%;transform:rotate(-14deg)}.shape-red{width:26%;height:26%;right:9%;top:23%;border:28px solid var(--red);border-radius:50%}.shape-yellow{width:46%;height:24%;left:12%;bottom:17%;border-radius:8% 8% 100px 100px;background:var(--yellow);transform:rotate(12deg)}.shape-green{width:28%;height:38%;right:11%;bottom:15%;border-radius:80px;background:#34a853;transform:rotate(24deg)}.perspective-art:hover .shape-blue{transform:rotate(0) translateY(-8px)}.perspective-art:hover .shape-yellow{transform:rotate(0) translateY(5px)}.perspective-art:hover .shape-green{transform:rotate(8deg)}.shape-caption{position:absolute;bottom:0;text-align:center;left:0;right:0;font-size:11px;color:var(--muted)}
.credits{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:64px}.credits h2{font-size:48px}.credits>div>p{margin-top:18px;color:var(--muted);font-size:14px}.credits dl{margin:0}.credits dl>div{display:grid;grid-template-columns:1fr 1.1fr;gap:20px;border-bottom:1px solid var(--line);padding:14px 0;font-size:13px}.credits dt{color:var(--muted)}.credits dd{margin:0}.closing{border-top:1px solid var(--line);padding-block:30px 50px;display:flex;align-items:center;gap:16px;font-size:12px}.closing p{color:var(--muted)}.closing>a{margin-left:auto;text-decoration:none;min-height:44px;display:flex;align-items:center;gap:20px}.closing>a:hover{color:var(--blue)}.site-footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px;min-height:112px;padding:32px 56px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.site-footer .never-mark img{width:99px}.site-footer p span{white-space:nowrap}.site-footer>a:last-child{display:flex;align-items:center;min-height:44px;text-decoration:none}.site-footer>a:last-child:hover{color:var(--blue)}
@media(min-width:1600px){.hero{padding-top:90px;padding-bottom:100px;gap:72px}.hero-art{max-width:590px}.hero-deck{font-size:20px}}
@media(max-width:1000px){.section-width{width:calc(100% - 64px)}.site-header,.site-footer{padding-inline:32px}.hero{gap:24px;min-height:630px}h1{font-size:80px}.hero-deck{font-size:16px}.hero-art{padding-left:0}.model-tag{font-size:11px;padding:12px 16px;left:0}.brief{grid-template-columns:1fr;gap:8px}.brief-body{max-width:850px}.chapter{padding-block:80px}.scene-controls{gap:4px;padding:10px}.scene-button img{width:48px;height:40px}.scene-button{gap:8px;padding:8px}.scene-button>span:not(.selection-dot){font-size:10px}.perspective-grid{gap:40px}.shape-red{border-width:20px}}
@media(max-width:700px){.section-width{width:calc(100% - 40px)}.site-header{padding:16px 20px;min-height:78px;gap:20px;flex-wrap:wrap}.site-header .never-mark img{width:78px}.back-link{font-size:11px;margin-left:auto;gap:6px}.private-label{display:none}.hero{grid-template-columns:1fr;padding-top:42px;padding-bottom:48px;gap:26px;min-height:0}.project-credit{margin-bottom:30px;gap:15px}.project-credit img{width:88px}.project-credit>span{font-size:11px}h1{font-size:clamp(64px,15vw,100px)}.hero-deck{font-size:17px;margin-top:32px}.desktop-break{display:none}.hero-deck{max-width:31ch}.hero-art{max-width:470px;width:91%;justify-self:center;padding-top:20px;margin-top:5px}.robot-portrait{aspect-ratio:1.08}.blue-disc{right:-3%}.art-caption{font-size:10px}.model-tag{left:9%;bottom:28px;padding:14px 20px;font-size:12px}.primary-link{min-height:52px;margin-top:24px}.project-facts{grid-template-columns:1fr 1fr;gap:22px 20px;padding:24px 0}.project-facts strong{font-size:12px}.project-facts span{font-size:10px}.chapter{padding-block:62px}.section-label{margin-bottom:20px}.prose-columns{grid-template-columns:1fr;gap:18px;margin-top:24px;font-size:15px}.film-section{padding-block:52px}.film-heading{display:block;margin-bottom:25px}.film-heading>p{margin-top:20px}.film-heading h2{font-size:42px}.film-frame{border-radius:8px}.film-caption{flex-direction:column;gap:10px;font-size:11px}.film-description{font-size:12px}.craft-intro{grid-template-columns:1fr;gap:24px;margin-bottom:32px}.craft-intro>p{font-size:15px}.scene-explorer{border-radius:14px}.explorer-toolbar{padding:12px;gap:8px;font-size:10px}.notes-toggle{font-size:10px;padding:8px 10px}.scene-controls{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:8px}.scene-button{display:block;padding:5px}.scene-button img{width:100%;height:auto;aspect-ratio:16/9;margin-bottom:6px}.scene-button small{font-size:8px;margin-bottom:1px}.scene-button>span:not(.selection-dot){display:block;font-size:9px}.selection-dot{display:none}.scene figcaption{padding:18px;grid-template-columns:1fr;gap:6px;font-size:12px}.annotation{font-size:9px;max-width:140px;padding:6px 8px;line-height:1.3}.annotation::before{top:-14px;width:5px;height:5px;outline-width:2px}.space-light{left:51%;top:24%}.space-nature{left:5%;top:69%}.machine-form{left:20%;top:25%}.machine-light{left:52%;top:73%}.people-material{left:24%;top:21%}.people-scale{left:53%;top:72%}.explorer-footnote{font-size:10px;padding:14px 18px}.perspective{padding-block:60px}.perspective-grid{grid-template-columns:1fr;gap:45px}.perspective-art{max-width:290px}.perspective-grid>div:last-child{order:-1}.perspective-grid p{font-size:15px}.credits{grid-template-columns:1fr;padding-block:60px;gap:26px}.credits h2{font-size:40px}.credits dl>div{font-size:12px}.closing{flex-wrap:wrap;gap:12px;font-size:11px;padding-bottom:28px}.closing>a{width:100%;margin:0;justify-content:space-between}.site-footer{padding:24px 20px;grid-template-columns:1fr auto;gap:10px 20px;font-size:11px}.site-footer p{grid-row:2;grid-column:1/-1}.site-footer .never-mark img{width:85px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}.perspective-art:hover .shape{transform:none}}
@media print{.site-header,.site-footer,.primary-link,.scene-controls,.notes-toggle,.visual-notes,.closing{display:none!important}.section-width{width:100%}.chapter,.credits,.perspective{padding-block:30px}.scene[hidden]{display:block!important}body{font-size:12px}.film-frame{box-shadow:none}.hero{min-height:0;padding:20px 0}h1{font-size:60px}}