@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Barlow:wght@400;500;600;700&display=swap');
:root{--bg:#101111;--ink:#eeeae3;--muted:#a9aaa6;--line:#30312f;--orange:#fb592c;--display:'Barlow Condensed','Arial Narrow',Impact,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Barlow,Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--orange);outline-offset:6px}::selection{background:var(--orange);color:#101111}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 5%;border-bottom:1px solid #ffffff15;background:#101111;position:relative;z-index:5}.brand{display:flex;gap:18px;align-items:center}#logo{font-family:var(--display);font-size:49px;font-weight:900;letter-spacing:-3px;position:relative}.brand-dot{font:10px Arial;position:absolute;top:12px;right:-9px}.brand-caption{font-size:10px;line-height:1.4;letter-spacing:1.6px;border-left:1px solid #555;padding-left:18px}header nav{display:flex;align-items:center;gap:35px;font-size:13px}header nav a:hover,.text-link:hover{color:var(--orange)}.nav-contact{border:1px solid #555;padding:12px 18px}.nav-contact span{margin-left:25px}.menu-toggle{display:none}.skip{position:fixed;left:10px;top:-70px;z-index:99;background:var(--orange);padding:12px}.skip:focus{top:10px}.hero{min-height:720px;height:calc(100svh - 96px);max-height:1000px;position:relative;overflow:hidden;padding:36px 5% 24px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 75% 45%,#ab4b2638,transparent 55%),#101517}.hero:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101111 1%,#101111c4 30%,#10111108 70%),linear-gradient(0deg,#101111 0%,transparent 35%);z-index:1}.skyline{position:absolute;inset:0;background:url('assets/chicago.svg') center right/cover no-repeat;opacity:.9;animation:city-in 2s ease-out both}.hero-top,.hero-copy,.hero-bottom{position:relative;z-index:2}.hero-top,.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}.eyebrow,.edition,.hero-bottom,.section-label,.art-top,.art-caption,.tag,.creators>span,.film-note>span,.universe-index{font-size:10px;font-weight:600;letter-spacing:1.7px}.eyebrow{display:inline-flex;align-items:center;gap:10px}.eyebrow i{width:6px;height:6px;background:var(--orange);border-radius:50%;box-shadow:0 0 18px var(--orange)}.edition{color:#b1b1a9}.hero-copy{padding:44px 0 65px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.94;letter-spacing:-1px}h1{font-size:clamp(80px,9vw,144px);max-width:950px}h1 span,h2 span{color:var(--orange)}.hero-copy p{color:#c0c0b9;font-size:17px;line-height:1.6;margin-top:25px}.actions{display:flex;align-items:center;gap:35px;margin-top:30px}.button{padding:17px 22px;background:var(--orange);color:#151515;font-size:13px;font-weight:700;display:inline-flex;gap:35px;align-items:center;transition:background .2s,transform .2s}.button:hover{background:#ff784f;transform:translateY(-2px)}.text-link{font-size:13px;display:inline-flex;gap:20px;align-items:center}.hero-bottom{font-size:8px;color:#b0b1a9;letter-spacing:1.3px}.concept{font-size:7px;color:#8f9390}.ticker{background:var(--orange);color:#171715;display:flex;justify-content:space-around;align-items:center;padding:21px 3%;font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:.6px;gap:20px}.ticker b{font-size:24px}.section{padding:75px 7%;border-bottom:1px solid var(--line);scroll-margin-top:0}.section-label{display:flex;justify-content:space-between;margin-bottom:55px;color:var(--muted)}.about-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:9%}h2{font-size:clamp(48px,5.2vw,76px)}.about h2 span{color:#777e7b}.lead{font-size:24px;line-height:1.35;margin-bottom:25px}.about-grid>div>p:not(.lead),.film-copy>p,.film-note p,.universe p{font-size:15px;line-height:1.8;color:var(--muted)}.creators{margin-top:35px;border-top:1px solid var(--line);padding-top:24px;display:flex;gap:40px}.creators>span{color:#777e7b;line-height:1.6}.creators p{font-family:var(--display);font-size:24px;line-height:1.3;letter-spacing:.5px}.creators small{font-size:18px;color:var(--orange);padding-left:5px}.film{background:#151615}.orange{color:var(--orange)}.film-grid{display:grid;grid-template-columns:.95fr 1fr;gap:9%;align-items:center}.film-art{min-height:590px;position:relative;background:radial-gradient(ellipse at 65% 45%,#a73c254d,transparent 60%),repeating-linear-gradient(0deg,#ffffff03 0 1px,transparent 1px 5px),#1a1d1b;border:1px solid #45443c;overflow:hidden;padding:27px}.art-top{display:flex;justify-content:space-between;color:#adae9e;font-size:8px}.art-title{font-family:var(--display);font-weight:900;font-size:95px;line-height:.85;letter-spacing:-2px;position:relative;padding-top:65px;transform:rotate(-4deg);z-index:1}.art-title em{font-style:normal;color:var(--orange)}.window{position:absolute;right:-45px;top:70px;width:240px;height:420px;border:12px solid #807965;transform:rotate(18deg);opacity:.3;box-shadow:0 0 70px #fd6b3433}.window:before{content:'';position:absolute;left:45%;height:100%;width:10px;background:#807965}.window:after{content:'';position:absolute;top:45%;height:10px;width:100%;background:#807965}.window div{position:absolute;inset:30px;background:#cc865d;clip-path:polygon(0 0,100% 0,80% 20%,100% 50%,60% 70%,40% 100%,0 100%,15% 60%,0 40%);opacity:.3}.art-caption{position:absolute;bottom:24px;left:27px;font-size:7px;color:#aaa99d;letter-spacing:1px}.tag{border:1px solid #6b6b5e;padding:6px 10px;display:inline-block;margin-bottom:22px;font-size:9px}.film-copy h2{font-size:66px;margin-bottom:25px}.film-note{margin-top:27px;padding-top:24px;border-top:1px solid var(--line)}.film-note>span{font-size:8px;color:var(--ink)}.film-note p{margin-top:10px;font-size:13px}.film-copy .question{font-family:var(--display);color:var(--ink);font-size:21px;font-weight:600;letter-spacing:.6px;margin-top:25px;display:flex;justify-content:space-between}.question span{color:var(--orange)}.universe-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px}.universe-heading>p{max-width:250px}.universe-space{margin-top:45px;padding:45px 5%;border:1px solid var(--line);display:flex;align-items:center;gap:7%;position:relative;overflow:hidden;background:radial-gradient(ellipse at 5% 70%,#f3572c09,transparent 70%)}.orb{flex-shrink:0;width:190px;height:190px;border:1px solid #80503b;border-radius:50%;display:grid;place-items:center;position:relative;transform:rotate(-10deg)}.orb:before,.orb:after{content:'';position:absolute;inset:15px -10px;border:1px solid #5a3c30;border-radius:50%;transform:rotate(60deg)}.orb:after{transform:rotate(-60deg)}.orb span{font-family:var(--display);font-weight:900;font-size:120px;color:var(--orange);text-shadow:8px 5px #6e2e1b}.universe-space .eyebrow{color:var(--orange);font-size:8px}.universe-space h3{font-size:42px;margin:17px 0}.universe-space p{max-width:360px;font-size:13px}.universe-index{margin-left:auto;color:#666d67;line-height:2;font-size:9px}.contact{padding-top:65px;background:#e8e3d9;color:#161816}.contact>.eyebrow{color:#5e625c}.contact-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 40px}.contact h2{font-size:clamp(68px,8.3vw,120px)}.contact h2 span{color:#7b8076}.contact-arrow{font-size:120px;color:var(--orange);line-height:1}.contact-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #b9bbae;padding-top:24px}.contact-bottom p{font-size:13px;line-height:1.6;color:#62665e}footer{padding:35px 5%;display:flex;align-items:center;gap:28px}.footer-logo{font-family:var(--display);font-size:45px;font-weight:900;letter-spacing:-2px}footer p{font-size:10px;line-height:1.8;letter-spacing:1px}footer p span{font-size:7px;color:#858c85}footer>span{margin-left:auto;font-size:7px;letter-spacing:1px;color:#858c85}.media-grid,.character-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.media-grid img,.character-grid img{width:100%;height:auto}.media-grid button{background:none;border:0;color:inherit;cursor:pointer}.media-grid figcaption{margin-top:10px}#contact-links{display:flex;gap:15px;flex-wrap:wrap}#contact-links a{border-bottom:1px solid;font-size:13px}dialog{border:1px solid #555;background:#111;color:white;max-width:90vw;padding:35px}dialog::backdrop{background:#000d}dialog img{max-width:80vw;max-height:75vh}dialog .close{position:absolute;right:6px;top:6px;color:white;border:0;background:none;cursor:pointer}dialog p{padding-top:10px}[hidden]{display:none!important}@keyframes city-in{from{opacity:0;transform:scale(1.03)}to{opacity:.9;transform:scale(1)}}
@media(min-width:1500px){.section{padding-left:max(7%,calc((100% - 1300px)/2));padding-right:max(7%,calc((100% - 1300px)/2))}}@media(max-width:900px){header nav{gap:20px}.edition{display:none}.hero{min-height:670px}.concept{max-width:170px;text-align:center}.film-grid{gap:5%}.film-art{min-height:550px}.art-title{font-size:82px}.film-copy h2{font-size:53px}.universe-index{display:none}.about-grid{gap:5%}.section{padding:60px 5%}.section-label{margin-bottom:40px}.creators{gap:20px}.ticker{font-size:16px}footer>span{max-width:130px;line-height:1.7}}
@media(max-width:600px){header{height:78px;padding:0 6%}header nav{display:none}#logo{font-size:42px}.brand-caption{font-size:8px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;background:none;border:1px solid #4f534d;width:42px;height:40px;padding:10px}.menu-toggle span{height:1px;background:var(--ink);width:20px}#mobile-nav{position:absolute;top:78px;left:0;right:0;background:#171a17;z-index:6;padding:25px 6%;border-bottom:1px solid #555}#mobile-nav a{display:block;padding:13px 0;font-size:20px}.hero{height:calc(100svh - 78px);min-height:690px;max-height:850px;padding:28px 6% 23px}.hero-top .eyebrow{font-size:8px;letter-spacing:1.4px}.hero-copy{padding:65px 0 55px}h1{font-size:clamp(65px,16vw,96px);letter-spacing:-1.5px}.hero-copy p{font-size:14px;margin-top:24px}.actions{gap:25px;align-items:flex-start;flex-direction:column;margin-top:28px}.button{padding:16px 20px;font-size:12px}.text-link{font-size:12px}.hero-bottom{align-items:flex-end;font-size:7px;gap:10px}.hero-bottom>span:first-child{display:none}.concept{max-width:170px;text-align:left;font-size:6px;line-height:1.8}.hero-bottom>a{max-width:90px;text-align:right;line-height:1.8}.skyline{background-position:64% center;opacity:.6}.hero:after{background:linear-gradient(90deg,#101111dc,#10111165),linear-gradient(0deg,#101111,transparent 50%)}.ticker{padding:16px 6%;justify-content:space-between;font-size:15px;gap:12px}.ticker span:nth-of-type(3),.ticker b:last-child{display:none}.ticker b{font-size:18px}.section{padding:50px 6%}.section-label{font-size:8px;letter-spacing:1.2px;gap:20px;margin-bottom:35px}.section-label>span:last-child{text-align:right}.about-grid,.film-grid{grid-template-columns:1fr;gap:35px}h2{font-size:48px}.lead{font-size:23px}.about-grid>div>p:not(.lead){font-size:14px}.creators{gap:35px}.film-art{min-height:500px;max-width:400px;width:100%;margin:auto}.art-title{font-size:87px}.film-copy h2{font-size:53px}.film-copy>p{font-size:14px}.universe-heading{display:block}.universe-heading>p{margin-top:25px}.universe-space{padding:30px 24px;flex-direction:column;align-items:flex-start;gap:30px}.orb{width:120px;height:120px;margin:10px auto}.orb span{font-size:80px}.universe-space h3{font-size:38px}.contact h2{font-size:64px}.contact-arrow{font-size:67px}.contact-heading{gap:10px}.contact-bottom{align-items:flex-start;flex-wrap:wrap}.contact-bottom p{font-size:12px}.contact-bottom .text-link{margin-top:8px}footer{flex-wrap:wrap;gap:18px;padding:30px 6%}footer p{max-width:240px;font-size:8px}footer>span{max-width:none;width:100%;margin:0;font-size:6px}.media-grid,.character-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Dimensional art direction: live CSS geometry, no video or WebGL dependency. */
.hero{perspective:1100px}.hero-copy{pointer-events:none}.hero-copy a{pointer-events:auto}.hero:after{z-index:0}.skyline{transform-origin:center;will-change:transform}.hero h1{font-size:clamp(78px,7.4vw,120px);max-width:760px;text-shadow:1px 1px #8e8a81,2px 2px #77756e,3px 3px #565a53,4px 4px #393d37,10px 14px 25px #0008}.hero h1 span{text-shadow:1px 1px #a93619,2px 2px #8d2b15,3px 3px #692213,4px 4px #4c1a11,10px 14px 25px #000a}#logo,.footer-logo{text-shadow:1px 1px #7c8078,2px 2px #50574f,3px 3px #333a33,5px 5px 9px #000}.hero-emblem{position:absolute;z-index:1;right:1%;top:18%;width:48%;height:65%;perspective:1000px;pointer-events:none;isolation:isolate}.emblem-stage{position:absolute;inset:8% 0 20%;transform-style:preserve-3d;transform:rotateX(-12deg) rotateY(-24deg) rotateZ(-8deg);animation:emblem-float 9s ease-in-out infinite;will-change:transform}.emblem-word{position:absolute;inset:0;display:grid;place-items:center;transform-style:preserve-3d}.emblem-word>span{position:absolute;font-family:var(--display);font-size:clamp(130px,18vw,280px);font-weight:900;letter-spacing:-.065em;line-height:1}.emblem-layer{color:#813016;transform:translateZ(calc(var(--z)*-1.4px));text-shadow:1px 1px #34150c}.emblem-layer:nth-child(3n){color:#c94b23}.emblem-face{background:linear-gradient(135deg,#fff0be 0%,#efb483 13%,#ff7945 27%,#ffb177 39%,#fb592c 47%,#e23913 67%,#ff9563 81%,#a73113 100%);background-clip:text;-webkit-background-clip:text;color:transparent;filter:drop-shadow(0 -1px 0 #ffd6a2) drop-shadow(2px 2px 0 #ffb783);transform:translateZ(1px)}.emblem-rule{position:absolute;left:17%;right:10%;height:3px;bottom:9%;background:linear-gradient(90deg,transparent,#fc7a3c,#ffe6b0,transparent);box-shadow:0 0 22px #ff5b2b;transform:translateZ(2px)}.emblem-label{position:absolute;bottom:0;left:0;right:0;text-align:center;color:#e4a77b;font-size:10px;letter-spacing:5px;transform:translateZ(2px)}.emblem-halo{position:absolute;inset:-20%;background:radial-gradient(ellipse,#f858252c,transparent 60%);filter:blur(20px)}.emblem-floor{position:absolute;left:10%;right:4%;height:26%;bottom:5%;border-radius:50%;background:radial-gradient(ellipse,#fb592c22,#080a0bc9 55%,transparent 70%);transform:rotateX(60deg);filter:blur(5px)}.emblem-orbit{position:absolute;left:2%;right:0;bottom:5%;height:32%;border:1px solid #e36a374d;border-radius:50%;transform:rotateX(65deg) rotateZ(-12deg);box-shadow:0 2px 0 #fb592c22,0 10px 20px #0006,inset 0 2px 15px #fb592c0a}.emblem-caption{position:absolute;bottom:1%;left:0;right:0;text-align:center;font-size:7px;letter-spacing:2px;color:#ab8b75}.film-grid{perspective:1300px}.film-art{transform-style:preserve-3d;transform:rotateY(9deg) rotateX(2deg);border-color:#827158;box-shadow:-1px 1px #a89677,-3px 3px #4c4333,-6px 6px #28271f,-9px 9px #4b4030,-12px 12px #24241d,-25px 35px 55px #0009;transition:transform .6s,box-shadow .6s;will-change:transform}.film-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#fff0c30d,transparent 40%,#fb592c08);border:1px solid #ffffff0c}.art-title{text-shadow:1px 1px #8a8375,2px 2px #676459,3px 3px #3e4239,8px 10px 15px #0009}.art-title em{text-shadow:1px 1px #a83b1d,2px 2px #70280f,3px 3px #4a1c0e,8px 10px 15px #000a}.orb{transform-style:preserve-3d;background:radial-gradient(circle at 30% 20%,#ffb27b1a,transparent 60%),#111410;box-shadow:inset -20px -15px 35px #000,inset 12px 12px 30px #ff6b2a0d,15px 20px 25px #0008;animation:orb-hover 7s ease-in-out infinite}.orb:before{transform:rotateX(50deg) rotateZ(45deg);box-shadow:0 0 12px #fb592c22}.orb:after{transform:rotateY(50deg) rotateZ(-45deg)}.orb span{text-shadow:1px 1px #b43f1c,2px 2px #983414,3px 3px #7b2d14,4px 4px #63260e,5px 5px #50200d,6px 6px #391a0c,10px 15px 10px #000}.button{box-shadow:0 3px #963414,0 6px #5c2412,0 12px 22px #0005}.button:hover{transform:translateY(-3px);box-shadow:0 5px #963414,0 8px #5c2412,0 16px 24px #0007}@keyframes emblem-float{0%,100%{transform:translateY(0) rotateX(-12deg) rotateY(-24deg) rotateZ(-8deg)}50%{transform:translateY(-15px) rotateX(-7deg) rotateY(-16deg) rotateZ(-5deg)}}@keyframes orb-hover{0%,100%{transform:translateY(0) rotate(-10deg)}50%{transform:translateY(-8px) rotate(1deg)}}
@media(min-width:901px){.hero-copy p{max-width:440px}.hero-copy{max-width:64%}}@media(max-width:900px) and (min-width:601px){.hero-emblem{right:-5%;width:50%;top:27%}.emblem-word>span{font-size:23vw}.hero h1{font-size:10vw}.emblem-label{font-size:7px;letter-spacing:2px}}@media(max-width:600px){.hero{min-height:840px;max-height:1050px}.hero-copy{padding:190px 0 20px}.hero h1{font-size:clamp(65px,16vw,96px)}.hero-emblem{width:78%;right:4%;height:230px;top:55px}.emblem-stage{inset:0 0 25%;animation:emblem-float 9s ease-in-out infinite}.emblem-word>span{font-size:clamp(120px,37vw,170px)}.emblem-label{font-size:6px;letter-spacing:3px;bottom:4%}.emblem-caption{font-size:5px;letter-spacing:1.4px;bottom:0}.emblem-rule{bottom:17%;left:10%;right:10%}.emblem-orbit{height:35%;bottom:5%}.emblem-floor{height:35%}.film-art{transform:rotateY(5deg) rotateX(1deg);width:96%;margin:0 0 0 4%}.hero-bottom{padding-top:20px}.orb{margin:15px auto}}@media(prefers-reduced-motion:reduce){.emblem-stage{animation:none;transform:rotateX(-10deg) rotateY(-20deg) rotateZ(-6deg)}.film-art,.orb{transition:none!important}}
.emblem-word>span{letter-spacing:-.025em}
.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;opacity:.62;filter:brightness(.75)}.hero:after{z-index:1;background:linear-gradient(90deg,#101111d9 0%,#10111182 48%,#10111133 100%),linear-gradient(0deg,#101111 0%,#10111122 45%,#10111155 100%)}.hero-emblem{z-index:2}.hero-top,.hero-copy,.hero-bottom{z-index:3}.video-toggle{position:absolute;right:5%;bottom:58px;z-index:4;background:#101111a6;color:#c7c5bb;border:1px solid #ffffff38;padding:9px 12px;font-size:9px;letter-spacing:1px;cursor:pointer;display:flex;gap:14px;align-items:center}.video-toggle:hover{border-color:var(--orange);color:var(--ink)}.emblem-halo{background:radial-gradient(ellipse,#1b0f08aa,transparent 66%)}@media(max-width:600px){.hero-video{object-position:55% center;opacity:.6}.hero:after{background:linear-gradient(90deg,#101111a6,#1011114d),linear-gradient(0deg,#101111 0%,#10111166 50%,#10111144 100%)}.video-toggle{right:6%;bottom:50px;font-size:8px;padding:8px 10px}.hero-bottom{margin-top:42px}}@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero .skyline{background-image:url('assets/chicago-night-bright-poster.jpg');opacity:.5;animation:none}}
/* Keep the illuminated city visible; shade the copy locally. */
.hero-video{opacity:.96;filter:none;object-position:62% center}.hero:after{background:linear-gradient(90deg,#101111ab 0%,#10111170 35%,#10111110 65%,#10111108 100%),linear-gradient(0deg,#101111e6 0%,#10111112 24%,transparent 65%,#10111155 100%)}.emblem-halo{background:radial-gradient(ellipse,#1b0f0833,transparent 65%)}.hero-copy p{text-shadow:0 2px 6px #000,0 0 15px #000}.hero-top,.hero-bottom{text-shadow:0 1px 5px #000}.hero .text-link{text-shadow:0 2px 6px #000}.hero-emblem .emblem-caption{color:#d3b9a0;text-shadow:0 2px 5px #000}@media(max-width:600px){.hero-video{opacity:.95;object-position:65% center}.hero:after{background:linear-gradient(90deg,#10111166,#10111108),linear-gradient(0deg,#101111e6 0%,#10111180 28%,#10111138 66%,#10111133 100%)}.hero-copy p{color:#eeeae3}}@media(prefers-reduced-motion:reduce){.hero .skyline{opacity:.85}}