:root{--paper:#f7f5f0;--surface:#fffefa;--ink:#202d39;--muted:#667079;--accent:#8e422c;--line:#d8d7cf;--wash:#eeeee7;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--mono:'Courier New',monospace}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.8 var(--serif)}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:4px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button{font:inherit;cursor:pointer}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-family:var(--serif);font-weight:400;letter-spacing:-.025em;line-height:1.16}h1,.page-title{font-size:clamp(38px,4.6vw,64px);max-width:960px}h2{font-size:clamp(29px,3vw,43px)}h3{font-size:26px;margin-bottom:16px}h4{font-size:22px;margin-bottom:14px}p{max-width:76ch}p+p{margin-top:20px}img{max-width:100%;height:auto;display:block}button,a,summary{-webkit-tap-highlight-color:transparent}[hidden]{display:none!important}.skip{position:absolute;top:-80px}.skip:focus{top:5px;left:10px;background:var(--surface);padding:10px;z-index:50}
.masthead{max-width:1280px;margin:auto;padding:29px 5%;display:flex;justify-content:space-between;align-items:center;gap:30px;border-bottom:1px solid var(--ink)}.wordmark{font:600 30px/1.1 var(--serif);letter-spacing:-.045em;white-space:nowrap}.wordmark span{font-weight:400}.wordmark sup{display:none}.brand-lockup{display:flex;align-items:center;gap:24px}.brand-note{border-left:1px solid var(--line);padding-left:24px;font:10px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.15em;max-width:170px}.masthead nav{display:flex;align-items:center;gap:24px;font:12px/1.6 var(--sans)}.masthead nav>a[aria-current=page]{color:var(--accent);border-bottom:1px solid}.nav-more{border:0;padding:0;position:relative}.nav-more summary{font:12px/1.6 var(--sans);white-space:nowrap;list-style:none}.nav-more summary::-webkit-details-marker{display:none}.nav-more>div{position:absolute;right:0;top:35px;z-index:20;width:255px;display:grid;gap:12px;background:var(--surface);padding:24px;border:1px solid var(--line);box-shadow:0 6px 18px #202d3912}.nav-more a{font:12px/1.4 var(--sans)}
main{max-width:1280px;margin:auto}.breadcrumb{padding:28px 5% 0;display:flex;gap:10px;color:var(--muted);font:11px/1.5 var(--sans)}.breadcrumb a{text-decoration:underline}.chapter{padding:66px 5%;border-bottom:1px solid var(--line)}.breadcrumb+.chapter{padding-top:40px}.eyebrow,.index,.film-meta,.film-no,.art-year{font:10px/1.6 var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow{margin-bottom:24px;color:var(--accent)}.index{display:block;color:var(--muted);margin-bottom:22px}.article-meta{display:flex;flex-wrap:wrap;gap:10px 25px;margin:25px 0 34px;color:var(--muted);font:10px/1.6 var(--sans);letter-spacing:.04em;text-transform:uppercase}.article-meta span+span{border-left:1px solid var(--line);padding-left:25px}.large{font-size:23px;line-height:1.55;margin-bottom:25px}.intro{font-size:20px;line-height:1.65;margin-top:24px}.split{display:grid;grid-template-columns:1fr 1.2fr;gap:70px}.section-heading{display:grid;grid-template-columns:1.8fr 1fr;gap:40px;align-items:start;margin-bottom:35px}.section-heading>p{font-size:18px;color:var(--muted);padding-top:8px}.section-heading h1,.section-heading h2{max-width:850px}.article-toc{display:flex;flex-wrap:wrap;gap:10px 25px;margin:30px 0 40px;padding:20px 0;border-block:1px solid var(--line);font:12px/1.5 var(--sans)}.article-toc .index{width:100%;margin:0;color:var(--muted)}.article-toc a{max-width:300px;text-decoration:underline;text-underline-offset:4px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:13px 19px;border:1px solid var(--ink);font:12px/1.5 var(--sans);margin-top:28px}.button:hover{background:var(--accent);color:var(--surface);border-color:var(--accent);text-decoration:none}.dark{background:var(--ink);color:var(--surface)}.lime{background:var(--surface);color:var(--ink)}.byline,.caption{font:11px/1.7 var(--sans);color:var(--muted);margin-top:24px}.byline a{text-decoration:underline}.source-link{display:inline-block;font:12px/1.7 var(--sans);color:var(--accent);text-decoration:underline;text-underline-offset:4px;margin-top:20px}
.hero{padding:60px 5% 66px;display:grid;grid-template-columns:1fr 1.1fr;gap:65px;align-items:center}.hero h1{font-size:clamp(48px,5.5vw,76px);line-height:1.06}.hero h1 span{font-style:italic;color:var(--accent)}.hero .eyebrow{font-size:10px}.hero-figure{border-top:3px solid var(--ink);padding-top:12px}.hero-figure img{width:100%;aspect-ratio:4/3;object-fit:cover}.hero-figure figcaption{padding-top:14px}figcaption{color:var(--muted);font:12px/1.7 var(--sans);padding:13px 0 0}figcaption a{color:var(--accent);text-decoration:underline}.media-figure{margin:35px 0 10px}.media-figure img{width:100%;max-height:480px;object-fit:cover;background:var(--wash)}.media-figure.product img{object-fit:contain;max-height:330px;background:#e9e7e2}.figure-pair{display:grid;grid-template-columns:1fr 1fr;gap:25px}.figure-pair .media-figure{margin-top:30px}.figure-pair img{aspect-ratio:16/10;object-fit:cover}.media-section{padding:40px 5% 55px;border-bottom:1px solid var(--line)}.media-section>h2{margin:0 0 24px}.media-section>p{font-size:18px;margin-bottom:24px;color:var(--muted)}
.topic-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.topic-card{padding:30px;min-height:260px;display:flex;flex-direction:column;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.topic-card:hover{background:var(--wash);text-decoration:none}.topic-card h3{font-size:28px}.topic-card p{font:14px/1.75 var(--sans);color:var(--muted)}.topic-arrow{margin-top:auto;padding-top:24px;align-self:flex-end;color:var(--accent)}.topic-card .index{font-size:9px}.device-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.device-grid article{border-top:2px solid var(--ink);padding-top:22px}.device-grid p{font-size:16px}.device-grid a{font:12px/1.7 var(--sans);color:var(--accent);display:inline-block;margin-top:22px;text-decoration:underline}.note{margin-top:35px;padding:25px 30px;display:grid;grid-template-columns:1fr 2fr;gap:35px;background:var(--wash);border-left:3px solid var(--accent)}.note strong{font-size:20px;font-weight:400}.note p{font-size:16px}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:35px 60px;counter-reset:step}.steps li{border-top:1px solid var(--line);padding:24px 0 0 50px;position:relative;counter-increment:step}.steps li:before{content:'0' counter(step);position:absolute;left:0;top:24px;color:var(--accent);font:13px/1.5 var(--mono)}.steps p{font-size:16px}.steps h3{font-size:25px}.ideas-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:35px}.ideas-grid article{border-top:1px solid var(--line);padding-top:20px}.ideas-grid article>span{font:11px var(--mono);color:var(--accent)}.ideas-grid h3{margin-top:20px}.ideas-grid p{font-size:16px}.timeline{margin-top:40px}.timeline article{display:grid;grid-template-columns:1fr 3fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}.timeline .year{font-size:38px;line-height:1.2;color:var(--accent)}.timeline p{font-size:16px}.timeline a{font:12px/1.5 var(--sans);color:var(--accent);text-decoration:underline;display:inline-block;margin-top:22px}
.cinema-intro,.vr-intro{max-width:850px;font-size:19px}.film-filters{display:flex;flex-wrap:wrap;gap:10px;margin:30px 0}.film-filters button{border:1px solid var(--line);background:transparent;color:var(--ink);font:11px/1.6 var(--sans);padding:9px 16px}.film-filters button.active{background:var(--ink);color:var(--surface);border-color:var(--ink)}.film-filters span{margin-left:10px}.film-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.film{background:var(--surface);border:1px solid var(--line)}.film-art{height:200px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;background:#e5e1d9;position:relative;overflow:hidden;color:var(--ink)}.art-title{font:italic 34px/1.05 var(--serif);max-width:220px}.film-art:after{content:'';position:absolute;inset:15px;border:1px solid #202d3925;pointer-events:none}.art-1{background:#d9dedd}.art-2{background:#e1d9d1}.art-3{background:#e6ded0}.art-4{background:#dddbe2}.art-5{background:#e0e2d3}.film-art.has-image{padding:0}.film-art.has-image:after{display:none}.film-art.has-image img{width:100%;height:100%;object-fit:cover}.film-art.has-image .image-credit{position:absolute;bottom:0;left:0;right:0;padding:7px 12px;background:#202d39d9;color:#fff;font:9px/1.5 var(--sans)}.film-body{padding:25px}.film-meta{font-size:9px;color:var(--accent);margin-bottom:12px}.film h3{font-size:27px;margin-bottom:8px}.director{font:11px/1.6 var(--sans);color:var(--muted);margin-bottom:18px}.film-body>p:not(.film-meta):not(.director){font-size:16px}.film .lesson{border-top:1px solid var(--line);padding-top:15px;font-size:14px!important}.film a{font:11px/1.6 var(--sans);color:var(--accent);display:inline-block;margin-top:22px;text-decoration:underline}.game-lead{max-width:900px;margin:35px 0;border-left:3px solid var(--accent);padding-left:25px}.game-lead .index{margin-bottom:15px}.game-rule{display:grid;grid-template-columns:1fr 2fr;gap:35px;border-block:1px solid var(--line);padding:25px 0;margin-bottom:35px}.game-rule strong{font-weight:400;font-size:21px}.game-rule p{font-size:16px;color:var(--muted)}.game-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px}.game-card{background:var(--surface);border:1px solid var(--line);padding:30px}.game-card-top{display:flex;justify-content:space-between;gap:15px;align-items:start}.game-tag{display:inline-block;font:9px/1.5 var(--sans);letter-spacing:.07em;color:var(--accent);border:1px solid #c6ada1;padding:4px 8px;margin-bottom:18px}.game-card h3{font-size:31px}.game-credit{font:11px/1.6 var(--sans);color:var(--muted);margin-bottom:22px}.game-card>p:not(.game-credit){font-size:16px}.game-lesson{border-top:1px solid var(--line);padding-top:17px;margin-top:22px}.game-lesson>span{font:9px/1.5 var(--mono);letter-spacing:.1em;color:var(--accent)}.game-lesson p{font-size:15px;margin-top:10px}.game-caveats{margin-top:35px;background:var(--wash);padding:30px}.caveat-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:25px}.caveat-grid p{font-size:16px}.camera-reasons{margin:40px 0}.camera-reasons .game-card h3{font-size:26px}.collection-heading{margin-top:55px}.vr-feature{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:35px;align-items:start}.vr-feature .media-figure{margin:0}.vr-feature img{aspect-ratio:4/5;max-height:650px;object-fit:cover}.vr-feature h3{font-size:36px;margin:10px 0 20px}.vr-feature article p{font-size:17px}.vr .game-grid{grid-template-columns:repeat(3,1fr)}.vr .game-card{padding:25px}.vr .game-card h3{font-size:28px}
.expanded-copy{max-width:960px;margin:auto;padding-block:55px}.expanded-copy h2{font-size:34px;margin:50px 0 25px}.expanded-copy h2:first-child{margin-top:0}.expanded-copy h3{font-size:25px;margin:34px 0 17px}.expanded-copy p{font-size:18px;line-height:1.9;max-width:74ch}.expanded-copy a{text-decoration:underline;text-decoration-color:#b2b8b7;text-underline-offset:4px}.expanded-copy a:hover{color:var(--accent)}details:not(.nav-more){border-top:1px solid var(--line);padding:21px 0}summary{cursor:pointer;font-size:21px;line-height:1.4}details p{font-size:17px;margin-top:17px;color:var(--muted)}.faq .page-title{margin-bottom:35px}.related-reading{max-width:960px;margin:auto;padding:35px 5%;display:grid;gap:14px}.related-reading .index{margin-bottom:0}.related-reading a{font:14px/1.6 var(--sans);text-decoration:underline;text-underline-offset:4px}.page-next{padding:35px 5%;border-block:1px solid var(--line)}.page-next .eyebrow{display:block;margin-bottom:15px}.page-next>a{font-size:28px;line-height:1.3;display:flex;justify-content:space-between;gap:20px}.page-next>a span{color:var(--accent)}footer{max-width:1280px;margin:auto;padding:45px 5%;display:grid;grid-template-columns:1fr 1.3fr .5fr;gap:35px;align-items:start}footer p{font:11px/1.8 var(--sans);color:var(--muted);margin-top:20px}.footer-pages{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 20px;font:11px/1.5 var(--sans)}footer>.source-link{margin-top:0;justify-self:end}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.video-figure{min-width:0;margin:0}.video-stage{position:relative;aspect-ratio:16/9;background:#202d39;overflow:hidden}.video-stage iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-load{border:0;padding:0;position:relative;width:100%;height:100%;display:block;background:transparent;color:#fff}.video-load img{width:100%;height:100%;object-fit:cover}.video-load:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#14202db3)}.video-load .play-mark{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:#fffefaeF;color:var(--ink);z-index:2;font:19px var(--sans)}.video-load .load-label{position:absolute;left:16px;bottom:13px;z-index:2;font:10px/1.5 var(--sans);text-transform:uppercase;letter-spacing:.09em}.video-load:hover .play-mark{background:var(--accent);color:#fff}.video-figure figcaption strong{color:var(--ink);display:block;font-size:14px;margin-bottom:6px}.video-figure figcaption p{font-size:12px}.video-figure figcaption a{display:inline-block;margin-top:9px}.video-note{font:11px/1.7 var(--sans)!important;color:var(--muted);margin-top:22px}.media-section .article-toc{margin:20px 0}.research-strip{display:flex;gap:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 5%;color:var(--muted);font:10px/1.6 var(--mono);letter-spacing:.08em;text-transform:uppercase}.research-strip span:first-child{color:var(--accent)}
@media(max-width:1050px){.brand-note{display:none}.hero{gap:35px}.split{gap:40px}.film-grid{grid-template-columns:1fr 1fr}.ideas-grid{grid-template-columns:1fr 1fr}.vr .game-grid{grid-template-columns:1fr}.topic-card{padding:24px}.masthead nav{gap:17px}footer{grid-template-columns:1fr 1.5fr}footer>.source-link{justify-self:start}}
@media(max-width:760px){.masthead{gap:20px;padding:22px 5%}.masthead nav{gap:16px;font-size:11px}.masthead nav>a[href="glasses.html"]{display:none}.hero{grid-template-columns:1fr;gap:35px;padding-block:42px}.hero h1{font-size:58px}.hero h1 br{display:none}.hero h1 br:after{content:' '}.hero .intro{max-width:50ch;font-size:19px}.hero-figure img{aspect-ratio:16/9}.chapter{padding-block:45px}.split,.section-heading{grid-template-columns:1fr;gap:28px}.section-heading>p{padding:0;max-width:60ch}.device-grid{grid-template-columns:1fr;gap:30px}.vr-feature{grid-template-columns:1fr}.vr-feature img{aspect-ratio:16/9;max-height:400px}.game-card-top{display:block}.game-card-top .index{margin-bottom:15px}.game-grid,.caveat-grid{grid-template-columns:1fr}.game-rule{grid-template-columns:1fr;gap:18px}.topic-grid{grid-template-columns:1fr 1fr}.note{grid-template-columns:1fr;gap:15px}.research-strip{gap:18px;flex-wrap:wrap}.article-meta{margin-top:20px}.expanded-copy p{font-size:17px}.expanded-copy h2{font-size:31px}.video-grid{gap:24px}.media-section{padding-top:35px}.media-figure img{max-height:350px}.media-figure.product img{max-height:240px}}
@media(max-width:540px){body{font-size:16px}.wordmark{font-size:26px}.masthead nav{gap:13px}.masthead nav>a[href="cinema.html"]{display:none}.nav-more summary{font-size:11px}.hero h1{font-size:48px}.page-title{font-size:38px}.large{font-size:21px}.hero{padding-top:35px}.hero .eyebrow{font-size:9px}.film-grid,.video-grid,.figure-pair,.steps{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr}.topic-card{min-height:200px}.ideas-grid{gap:25px}.ideas-grid h3{font-size:24px}.film-art{height:220px}.timeline article{grid-template-columns:70px 1fr;gap:20px}.timeline .year{font-size:28px}.timeline h3{font-size:24px}.game-card{padding:25px}.film-body{padding:24px}.article-meta span+span{border:0;padding:0}.article-meta{gap:10px 16px}.figure-pair .media-figure{margin-top:20px}.media-figure img{max-height:none}.expanded-copy h2{font-size:29px}.footer-pages{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr}.page-next>a{font-size:25px}.article-toc{gap:12px 20px}.research-strip span{font-size:9px}.media-section>h2{font-size:30px}.video-grid .video-stage{aspect-ratio:16/9}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
.article-header{margin-bottom:32px}.article-header .page-title{max-width:950px}.article-header .article-meta{margin-bottom:22px}.contents-panel{border-block:1px solid var(--line);padding:12px 0!important;max-width:950px}.contents-panel summary{font:12px/1.6 var(--sans);color:var(--muted)}.contents-panel .article-toc{border:0;margin:18px 0 8px;padding:0}.contents-panel .article-toc .index{display:none}.intro-body{margin-bottom:32px}.intro-body>div{max-width:80ch}.intro-body>p{font-size:20px;max-width:80ch;color:var(--muted)}.intro-body .page-title{margin-bottom:20px}.article-header .eyebrow{margin-bottom:20px}.faq .article-header .page-title{margin-bottom:0}
.video-grid:has(>.video-figure:only-child){grid-template-columns:minmax(0,760px)}
@media(min-width:1051px){.video-grid:has(>.video-figure:nth-child(3)){grid-template-columns:repeat(3,minmax(0,1fr))}}
/* Real title imagery and compact source credits. */
.film-cover{margin:0;background:var(--wash)}.film-cover img{width:100%;height:280px;object-fit:contain}.film-cover.still img{object-fit:cover}.film-cover figcaption{padding:10px 16px;border-bottom:1px solid var(--line);font:10px/1.6 var(--sans)}.film .film-cover a{margin:0;font-size:10px;color:var(--muted)}.title-media{margin:22px 0 28px}.title-media img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:var(--wash)}.title-media.poster img{height:300px;aspect-ratio:auto;object-fit:contain}.title-media figcaption{padding-top:9px;font:11px/1.6 var(--sans)}.title-media figcaption strong{display:block;font-weight:400;color:var(--ink);margin-bottom:5px}.title-media figcaption a{color:var(--muted)}.game-card .title-media figcaption a{margin:0}.additional-film-images,.episode-images{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-bottom:25px}.additional-film-images .title-media,.episode-images .title-media{margin:5px 0 20px}.paired-media{display:grid;grid-template-columns:1fr;gap:0}.paired-media .title-media{margin:8px 0 24px}.figure-pair:has(>figure:only-child){grid-template-columns:minmax(0,760px)}.video-external:hover{text-decoration:none}.button:has(>span:empty){gap:0}.expanded-copy>.title-media{max-width:760px}.timeline .title-media{max-width:260px}.timeline .title-media img{object-fit:contain;height:240px;aspect-ratio:auto}.hero-figure figcaption{padding-top:12px}
@media(max-width:540px){.additional-film-images,.episode-images{grid-template-columns:1fr}.film-cover img{height:300px}.game-card .title-media img{aspect-ratio:16/9}.title-media.poster img{height:320px}}
@media(min-width:761px) and (max-width:1050px){.brand-note{display:block;font-size:9px;max-width:145px;padding-left:16px}.brand-lockup{gap:16px}.masthead nav{gap:14px;font-size:11px}}

/* AR case studies keep the source image beside its project context. */
.ar-project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px;margin-top:32px}
.ar-project .media-figure{margin:0 0 22px}
.ar-project .media-figure img{width:100%;aspect-ratio:16/10;object-fit:cover}
.ar-project h3{margin:8px 0 14px;font-size:28px}
.ar-project .eyebrow{font-size:10px;margin-bottom:8px}
.ar-project p{font-size:17px}
.ar-project .project-lesson{border-left:2px solid var(--accent);padding-left:16px;font-style:italic}
.source-credit{color:var(--muted);text-decoration:none}
@media(max-width:700px){.ar-project-grid{grid-template-columns:1fr;gap:36px}}

.section-heading{margin:40px 0 24px}
.video-stage noscript{display:block;aspect-ratio:16/9}