:root{--paper:#f8f7f2;--ink:#252c26;--line:#d3d6cb;--accent:#526b62}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img,video{max-width:100%;display:block}figure{margin:0}.site-header{height:87px;margin:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--ink)}.brand{font-size:33px;font-weight:800;letter-spacing:-2px;line-height:1}.brand span{font-size:10px;vertical-align:top;display:inline-block;margin:3px 0 0 5px;letter-spacing:0}nav{display:flex;gap:34px;font-size:12px}.case-intro{padding:38px 10% 48px;max-width:1600px;margin:auto}.back,.kicker,.source-date{font:9px/1.7 'Courier New',monospace;letter-spacing:1.1px}.back{display:inline-block;margin:0 0 35px}.case-intro>.kicker{display:block;color:var(--accent)}.project-header{margin:13px 0 36px;max-width:860px}.project-detail-title{font-size:clamp(54px,6.8vw,96px);line-height:1.02;font-weight:400;letter-spacing:-4px;margin:0 0 25px}.project-detail-subtitle{font-size:19px;line-height:1.55;max-width:740px;color:#626b5c}.project-thesis{font:italic 28px/1.4 Georgia;color:var(--accent);margin:20px 0 0}.mira-status{font:9px/1.8 'Courier New';letter-spacing:1px;color:var(--accent)}.project-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:25px;padding-top:27px;border-top:1px solid var(--line)}.project-meta-item h3{font:9px 'Courier New';letter-spacing:1px;text-transform:uppercase;margin:0 0 9px;color:var(--accent)}.project-meta-item p{font-size:12px;line-height:1.7;margin:0;max-width:230px}.case-cover{margin:0 6%;background:#e6e9de}.case-cover>img{width:100%;max-height:760px;object-fit:contain}.source-date{max-width:1100px;margin:30px auto 0;padding:0 6%;font-size:8px;letter-spacing:.4px;color:#7c8177}.reading-layout{max-width:1380px;margin:75px auto 100px;padding:0 6%;display:grid;grid-template-columns:180px minmax(0,1fr);gap:60px}.contents{position:sticky;top:35px;align-self:start;font-size:10px;line-height:1.6;padding-right:10px;max-height:85vh;overflow:auto;scrollbar-width:thin}.contents>.kicker{display:block;font-size:8px;margin-bottom:20px;color:#727d68}.contents>a{display:flex;align-items:baseline;gap:10px;color:#7c8374;border-top:1px solid #e4e5dc;padding:10px 0;transition:color .2s}.contents>a span{font:8px 'Courier New';color:#8d9585}.contents>a:hover,.contents>a.active{color:var(--accent)}.contents>a.active{font-weight:bold}.case-body{min-width:0}.case-body h2{font-size:29px;line-height:1.25;font-weight:400;letter-spacing:-.8px;margin:55px 0 24px;color:var(--accent)}.case-body>div:first-child h2,.case-body>section:first-child h2{margin-top:0}.case-body h3{font-size:19px;line-height:1.4;font-weight:400}.case-body p{color:#626a5d;margin:16px 0;max-width:800px;line-height:1.85;font-size:14px}.case-body strong{font-weight:600;color:var(--ink)}.case-body>img{width:100%;height:auto;margin:35px 0;cursor:zoom-in}.case-body img{border-radius:0}.case-body a:not(.demo-link){text-decoration:underline;text-underline-offset:5px}.case-body li{font-size:14px;color:#626a5d;margin-bottom:10px}.demo-link{display:flex;align-items:center;gap:16px;border:1px solid var(--line);background:#edf0e5;padding:30px;font-size:14px;margin:30px 0 10px}.demo-link>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--accent);color:white;flex-shrink:0}.demo-link small{font:8px 'Courier New';margin-left:auto;white-space:nowrap}.video-caption{font:10px/1.6 'Courier New'!important;color:#7e8576!important;margin:8px 0 30px!important}.case-body video{width:100%;margin:25px 0;background:#20241d}.mira-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:38px 0 65px}.mira-gallery.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:650px}.mira-gallery figure{min-width:0}.mira-gallery img{width:100%;height:auto;cursor:zoom-in;border:1px solid #d5d0db;border-radius:14px}.mira-gallery figcaption{font-size:10px;line-height:1.8;margin-top:16px;color:#71786a}.mira-gallery figcaption strong{display:block;font-size:12px;margin-bottom:5px}.mira-flow{font:12px/2 'Courier New';border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:20px 0;color:var(--accent)}.mira-decisions{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0 55px}.mira-decisions>article{padding:20px 0;border-top:1px solid var(--line)}.mira-decisions h3{margin:0 0 15px}.mira-decisions p{font-size:12px;line-height:1.8}.mira-next{padding:25px;background:#f0edf1;margin:30px 0}.mira-next h2{margin-top:0}.mira-note{font:10px/1.9 'Courier New'!important;border-top:1px solid var(--line);padding-top:25px;margin-top:45px!important}.persona-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin:30px 0}.persona-card{padding:24px;border:1px solid var(--line)}.persona-card-primary{grid-column:1/-1}.persona-photo-wrap{display:flex;gap:20px;align-items:center}.persona-photo{width:90px;height:100px;object-fit:cover}.persona-number,.step-num{font:12px 'Courier New';color:var(--accent)}.persona-tag{font:9px 'Courier New'}.persona-card p{font-size:12px}.screenshots-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:30px 0}.screenshots-row-2,.hud-grid,.hud-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0}.hud-details img{width:100%}.quote-block{border-left:2px solid var(--accent);padding-left:25px;margin:40px 0}.quote-block p{font:italic 23px/1.5 Georgia;color:var(--ink)}.quote-block cite{font:10px 'Courier New';color:#808774}.process-steps{display:grid;gap:20px;margin:30px 0}.process-step{display:flex;gap:20px;border-top:1px solid var(--line);padding-top:20px}.step-title{font-size:16px!important;margin:0!important}.step-desc{font-size:12px!important;margin:6px 0!important}.production-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.production-poster img{width:100%;height:auto}.production-title{font-size:25px}.production-title>span{display:block}.production-release{font-size:10px!important}.production-status{background:#e5ecdf;padding:5px 9px;display:inline-block;font-size:9px}.production-status.upcoming{background:#eee5d9}.featured-film{margin:0 6%}.featured-film video{max-width:1100px;max-height:600px;width:100%;margin:auto;background:#232922}.featured-film figcaption{font:10px 'Courier New';text-align:center;margin:15px}.next-case{margin:0 6%;padding:40px 4%;border-top:1px solid var(--ink);display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.next-case .kicker{grid-column:1/-1}.next-case strong{font-size:45px;font-weight:400;letter-spacing:-1.5px}.next-case>span:last-child{font-size:55px;color:var(--accent)}footer{margin:50px 6% 0;padding:24px 0;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:9px/1.5 'Courier New';letter-spacing:.7px}.image-viewer{border:0;background:#f8f7f2;padding:45px 20px 20px;max-width:95vw;max-height:95vh}.image-viewer::backdrop{background:#1c211bba}.image-viewer img{max-height:80vh;width:auto;max-width:90vw;object-fit:contain}.image-viewer button{position:absolute;right:15px;top:6px;background:none;border:0;font-size:25px;color:var(--ink)}.image-viewer p{font:10px 'Courier New';max-width:85vw;margin-bottom:0}@media(max-width:1000px){.reading-layout{grid-template-columns:145px minmax(0,1fr);gap:35px}.project-detail-title{font-size:70px}}@media(max-width:700px){.site-header{height:76px;margin:0 5%}nav{font-size:11px;gap:21px}.brand{font-size:31px}.case-intro{padding:27px 5% 30px}.back{margin-bottom:26px;font-size:8px}.kicker{font-size:8px}.project-detail-title{font-size:52px;letter-spacing:-2px;margin-bottom:20px}.project-detail-subtitle{font-size:16px;line-height:1.65}.project-thesis{font-size:24px}.project-meta{grid-template-columns:1fr 1fr;gap:22px 20px}.project-meta-item p{font-size:11px}.project-meta-item h3{font-size:8px}.case-cover{margin:0 5%}.reading-layout{display:block;padding:0 5%;margin-top:35px;margin-bottom:50px}.contents{position:relative;top:auto;max-height:none;display:flex;overflow:auto;gap:18px;padding:0 0 16px;margin-bottom:40px;border-bottom:1px solid var(--line)}.contents>.kicker{display:none}.contents>a{flex-shrink:0;max-width:180px;border:0;font-size:9px;padding:0}.case-body h2{font-size:26px;margin-top:40px;letter-spacing:-.5px}.case-body p{font-size:13px;line-height:1.85}.mira-gallery{gap:13px;grid-template-columns:1fr 1fr;margin-bottom:40px}.mira-gallery figure:last-child:nth-child(odd){grid-column:1/-1;width:55%;justify-self:center}.mira-gallery img{border-radius:10px}.mira-gallery figcaption{font-size:9px}.mira-gallery figcaption strong{font-size:11px}.mira-gallery.two{gap:13px}.mira-decisions{grid-template-columns:1fr;gap:10px}.mira-decisions h3{font-size:18px}.mira-decisions p{font-size:12px}.demo-link{padding:18px;gap:10px;font-size:12px;flex-wrap:wrap}.demo-link small{font-size:7px}.demo-link>span{width:32px;height:32px}.persona-grid,.screenshots-row,.screenshots-row-2,.hud-details,.hud-grid{grid-template-columns:1fr}.quote-block p{font-size:20px}.production-grid{gap:18px}.production-title{font-size:20px}.next-case{margin:0 5%;padding:30px 0}.next-case strong{font-size:31px}.next-case>span:last-child{font-size:40px}.featured-film{margin:0 5%}footer{font-size:7px;margin:35px 5% 0}.source-date{margin-top:20px;font-size:7px}.mira-status{font-size:8px}.mira-note{font-size:9px!important}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
.hud-slideshow{position:relative;margin:35px 0 50px;background:#e9ece4;padding-bottom:45px}.hud-slide{display:none}.hud-slide.active{display:block}.hud-slide>img,.hud-slide>video{width:100%;aspect-ratio:16/9;object-fit:contain;margin:0;background:#dfe5d9}.hud-btn{position:absolute;bottom:9px;width:30px;height:28px;border:1px solid var(--line);background:var(--paper);font-size:18px;color:var(--ink)}.hud-prev{left:15px}.hud-next{right:15px}.hud-dots{height:28px;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:8px;align-items:center}.hud-dot{width:5px;height:5px;border-radius:50%;background:#bdc5b4}.hud-dot.active{background:var(--accent)}
/* Clear opening summaries and readable supporting information. */
.kicker,.back{font-size:11px;letter-spacing:.7px}.project-meta-item h3{font-size:11px}.project-meta-item p{font-size:14px}.project-detail-subtitle{font-size:20px}.case-body p{font-size:16px;line-height:1.85}.contents{font-size:12px}.contents>.kicker{font-size:10px}.contents>a span{font-size:10px}.mira-gallery figcaption{font-size:12px;line-height:1.7}.mira-gallery figcaption strong{font-size:13px}.mira-decisions p{font-size:14px}.video-caption{font-size:12px!important}.mira-note{font-size:12px!important}.source-date{font-size:10px;line-height:1.7;max-width:1380px}.case-summary{margin:45px 6% 0;padding:25px 3% 28px;background:#edf0e6;border-top:2px solid var(--accent)}.case-summary>.kicker{font-size:10px;color:var(--accent);display:block;margin-bottom:20px}.case-summary>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.case-summary h2{font-size:18px;line-height:1.4;letter-spacing:-.4px;font-weight:500;margin:0 0 10px}.case-summary p{font-size:14px;line-height:1.8;color:#626a5d;margin:0}.reading-layout{margin-top:55px}.skip-link{position:fixed;left:15px;top:8px;z-index:99;background:var(--ink);color:var(--paper);padding:12px 16px;font-size:13px;transform:translateY(-150%)}.skip-link:focus{transform:none}.image-viewer p{font-size:12px}.process-step .step-desc{font-size:14px!important}.persona-card p{font-size:14px}.case-body li{font-size:15px}.production-release{font-size:12px!important}.production-status{font-size:11px}.mira-status{font-size:11px}.demo-link small{font-size:10px}.mira-flow{font-size:13px}.contents>a.active{border-left:2px solid var(--accent);padding-left:8px}.hud-btn{width:36px;height:32px;bottom:6px}.hud-slide{position:relative}.case-cover{background:#e6e9de}footer{font-size:10px}
@media(max-width:700px){.project-meta-item h3{font-size:10px}.project-meta-item p{font-size:13px}.project-detail-subtitle{font-size:17px}.case-body p{font-size:15px}.contents>a{font-size:11px;max-width:190px;line-height:1.7}.contents>a span{font-size:10px}.case-summary{margin:30px 5% 0;padding:22px}.case-summary>div{grid-template-columns:1fr;gap:22px}.case-summary h2{font-size:17px;margin-bottom:8px}.case-summary p{font-size:14px}.case-summary>.kicker{margin-bottom:20px}.mira-gallery figcaption{font-size:11px}.mira-gallery figcaption strong{font-size:12px}.mira-note{font-size:11px!important}.source-date{font-size:10px}.mira-status{font-size:10px}.demo-link{font-size:14px}.demo-link small{font-size:10px}.case-body li{font-size:14px}.production-release{font-size:11px!important}.mira-decisions p{font-size:14px}.reading-layout{margin-top:35px}.contents>a.active{padding-left:5px}footer{font-size:9px}}