@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f3ede1;--paper-deep:#e9dfcf;--ink:#292332;--muted:#706875;--purple:#692f75;--line:#cfc3b7;--dark:#27212e;--accent:#d18ce5;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%}a:focus-visible,button:focus-visible{outline:3px solid #a33db3;outline-offset:5px}::selection{background:#d5b9d9}.skip{position:fixed;left:20px;top:-100px;padding:12px;background:#fff;z-index:10}.skip:focus{top:12px}.site-header{height:102px;padding:0 5.2%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:13px;font-weight:700;font-size:17px;letter-spacing:3px}.brand-sub{display:block;font-size:8px;letter-spacing:2px;margin-top:5px}.brand-mark{font-family:Georgia,serif;letter-spacing:-5px;position:relative;font-size:46px;line-height:1;margin-right:7px}.brand-mark span{font-size:19px;position:absolute;top:-4px;right:-9px;color:var(--purple);letter-spacing:0}.site-header nav{display:flex;align-items:center;gap:32px;font-size:12px}.site-header nav a{padding:12px 0}.site-header nav a:hover{color:var(--purple)}.site-header .active{border-bottom:1px solid var(--purple)}.site-header .nav-play{border:1px solid var(--ink);padding:12px 18px}.nav-play span{margin-left:16px}.hero{min-height:690px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;inset:0}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(247,240,224,.98) 0%,rgba(247,240,224,.94) 22%,rgba(247,240,224,.7) 36%,rgba(247,240,224,0) 56%);pointer-events:none}.hero-copy{position:relative;z-index:1;padding:65px 0 90px;margin-left:7.4%;width:48%;max-width:640px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.1px;line-height:1.8;margin:0 0 23px}.status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#763980;margin-right:7px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Libre Caslon Display',Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-2.5px;line-height:1.02}h1{font-size:clamp(70px,7.1vw,116px);margin-bottom:27px}h1 em,h2 em{font-weight:400;color:var(--purple)}.hero-description{font-size:16px;line-height:1.85;color:#554c5d;margin-bottom:31px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--purple);color:#fff;padding:17px 23px;font-size:12px;font-weight:500;transition:background .2s,transform .2s}.button:hover{background:#4b2255;transform:translateY(-2px)}.text-link{font-size:12px;display:inline-flex;gap:17px;align-items:center;border-bottom:1px solid var(--ink);padding:7px 0}.text-link:hover{color:var(--purple);border-color:var(--purple)}.build-note{font-size:8px;letter-spacing:1.5px;margin-top:22px;color:#766c79}.build-note span{margin:0 9px}.hero-caption{position:absolute;bottom:21px;left:5.2%;right:5.2%;z-index:2;display:flex;justify-content:space-between;font-size:8px;letter-spacing:2px}.hero-caption span:last-child{color:#55465e}.project-strip{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:23px 5.2%;font-size:9px;letter-spacing:1.3px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.project-strip b{color:var(--purple);margin-right:10px}.section-wrap{padding:85px 7.4%;max-width:1600px;margin:auto}h2{font-size:clamp(42px,4.3vw,66px);margin-bottom:25px}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:9%}.intro-grid h2{padding-top:3px}.intro p:not(.eyebrow),.art-copy p:not(.eyebrow){font-size:14px;line-height:1.9;color:var(--muted)}.intro .lead{font-size:18px!important;line-height:1.6!important;color:var(--ink)!important;margin-bottom:22px}.section-top{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:28px}.section-top .eyebrow{margin:0}.small-label{font-size:8px;letter-spacing:1.5px;color:var(--muted)}.prototype-section{background:var(--dark);color:var(--paper)}.prototype-section .eyebrow{color:#ca97d7}.prototype-section .small-label{color:#a79cae}.prototype-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:7%;align-items:center}.game-preview{position:relative;border:1px solid #66516e;background:#342540;display:block;overflow:hidden}.game-preview img{width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .4s}.game-preview:hover img{transform:scale(1.03)}.preview-play{position:absolute;top:20px;right:20px;background:#efe4d9;color:var(--ink);display:grid;place-items:center;font-size:28px;width:50px;height:50px}.preview-label{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#161021e8);padding:55px 24px 24px;font-size:9px;letter-spacing:2px}.prototype-copy h2{font-size:70px}.prototype-copy h2 em{color:#cd9ae1}.prototype-copy>p{font-size:13px;line-height:1.8;color:#beb2c5}.moves{margin:28px 0;max-width:300px}.moves>div{display:flex;justify-content:space-between;gap:15px;font-size:11px;border-bottom:1px solid #51445c;padding:9px 0}.moves dd{margin:0;color:#d8bce1}.button-light{background:#d8b5e2;color:#291f32}.button-light:hover{background:#e8cef0}.fineprint{font-size:10px!important;line-height:1.7!important;color:var(--muted)}.prototype-copy .fineprint{margin-top:18px;max-width:300px;color:#a598ad}.art-grid{display:grid;grid-template-columns:.9fr 1.35fr;gap:8%;align-items:center}.art-detail{margin:0;overflow:hidden}.art-detail img{width:100%;aspect-ratio:1.35;object-fit:cover;object-position:right center}.art-detail figcaption{display:flex;justify-content:space-between;gap:14px;font-size:9px;border-top:1px solid var(--line);padding-top:15px;letter-spacing:1px;margin-top:14px}.art-detail figcaption span:last-child{letter-spacing:0;color:var(--muted)}.palette{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:23px;margin-top:40px;flex-wrap:wrap}.palette span{font-size:10px;display:flex;align-items:center;gap:9px;color:var(--muted)}.palette span:before{content:'';width:17px;height:17px;display:inline-block;background:var(--swatch);border:1px solid #0001}.journal-section{padding-top:30px}.journal-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.journal-heading h2{font-size:54px}.journal-heading .eyebrow{margin-bottom:17px}.journal-entry{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr 40px;gap:35px;padding:31px 0;margin-top:18px}.journal-entry>div:first-child{display:flex;gap:25px;align-items:center}.entry-number{font-family:Georgia,serif;font-size:42px;color:#9e82a2}.entry-date{font-size:9px;line-height:1.8;letter-spacing:1px;color:var(--muted)}.journal-entry h3{font-family:Georgia,serif;font-size:23px;font-weight:400;margin-bottom:10px}.journal-entry p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.entry-arrow{font-size:28px;color:var(--purple)}.journal-entry:hover h3{color:var(--purple)}.next-section{padding-top:15px}.next-section h2{font-size:48px}.roadmap{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:38px}.roadmap li{border-top:1px solid var(--line);padding-top:22px}.roadmap li>span{font-size:9px;letter-spacing:1.5px;color:var(--purple)}.roadmap h3{font-size:16px;font-weight:500;margin:18px 0 12px}.roadmap p{font-size:12px;color:var(--muted);line-height:1.8}.site-footer{margin:0 5.2%;border-top:1px solid var(--line);padding:40px 2.2%;display:grid;grid-template-columns:1fr 1.5fr;gap:12px 30px;font-size:10px;color:var(--muted)}.footer-title{font-weight:700;letter-spacing:2px;color:var(--ink)}.footer-title span{margin-left:25px}.site-footer p{margin-bottom:0}.site-footer .fineprint{max-width:420px}.site-footer>a:last-child{justify-self:start;text-decoration:underline}.journal-hero{padding:70px 7.4% 55px;max-width:1600px;margin:auto}.journal-hero h1{font-size:clamp(64px,7vw,100px);margin-bottom:25px}.journal-hero p:last-child{color:var(--muted);font-size:15px;line-height:1.8;max-width:580px}.journal-banner{width:85.2%;margin:0 auto;max-width:1360px;aspect-ratio:2.45;object-fit:cover;object-position:center 42%}.article{padding:60px 7.4% 80px;max-width:1150px;margin:auto;display:grid;grid-template-columns:150px 1fr;gap:55px}.article-aside{font-size:10px;line-height:1.8;color:var(--muted);letter-spacing:1px}.article-aside b{display:block;color:var(--purple);font-size:40px;font-family:Georgia,serif;font-weight:400;margin-bottom:16px}.article-body h2{font-size:53px;line-height:1.1}.article-body h3{font-family:Georgia,serif;font-weight:400;font-size:28px;margin-top:35px}.article-body p,.article-body li{font-size:14px;line-height:1.95;color:#655b6c}.article-body ul{padding-left:20px}.article-body figure{margin:30px 0}.article-body figcaption{font-size:10px;color:var(--muted);margin-top:12px;line-height:1.7}.article-body .button{margin-top:14px}.development-note{border-left:2px solid #a77bb2;padding:8px 0 8px 20px;background:#e9dfcf66;margin:28px 0}.development-note p{margin:0;font-size:12px}.article .milestone-list{padding:0;list-style:none}.milestone-list li{border-bottom:1px solid var(--line);padding:11px 0;font-size:12px}.milestone-list span{color:var(--purple);display:inline-block;width:75px;font-size:9px;letter-spacing:1px}
@media(min-width:1700px){.hero{min-height:800px}.hero-art{object-position:center 55%}.hero-copy{margin-left:max(7.4%,calc((100vw - 1360px)/2))}}
@media(max-width:1050px){.hero{min-height:630px}.hero-copy{margin-left:5.2%;width:55%}h1{font-size:85px}.hero:after{background:linear-gradient(90deg,#f7f0e0 0%,#f7f0e0e8 25%,#f7f0e080 49%,transparent 75%)}.hero-art{object-position:60% center}.actions{gap:15px}.section-wrap{padding:65px 5.2%}.intro-grid{gap:6%}.prototype-grid{gap:5%;grid-template-columns:1.25fr 1fr}.prototype-copy h2{font-size:60px}.art-grid{gap:5%}.journal-entry{grid-template-columns:1fr 2fr 20px;gap:20px}.project-strip span:last-child{display:none}.article{padding-left:5.2%;padding-right:5.2%;gap:30px;grid-template-columns:110px 1fr}}
@media(max-width:720px){.site-header{height:84px;padding:0 5%;gap:10px}.brand{font-size:13px;letter-spacing:2px;gap:9px}.brand-sub{font-size:6px;letter-spacing:1px}.brand-mark{font-size:35px}.brand-mark span{font-size:14px}.site-header nav{gap:15px;font-size:10px}.site-header .nav-play{padding:10px}.nav-play span{display:none}.site-header nav .active{display:none}.hero{min-height:790px;align-items:flex-start}.hero-copy{padding-top:40px;margin-left:6%;width:88%;padding-bottom:330px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:20px}h1{font-size:76px;letter-spacing:-2.5px;line-height:1;margin-bottom:20px}.hero-description{font-size:14px;line-height:1.7;margin-bottom:20px}.hero-art{height:65%;top:auto;bottom:0;object-position:72% center}.hero:after{background:linear-gradient(180deg,#f7f0e0 0%,#f7f0e0 34%,#f7f0e0d9 43%,transparent 68%)}.hero-caption{left:6%;right:6%;font-size:7px;letter-spacing:1px}.build-note{font-size:7px;margin-top:17px}.button{padding:15px 18px;font-size:11px;gap:20px}.text-link{font-size:11px}.project-strip{padding:20px 6%;font-size:8px;gap:15px}.project-strip span:nth-child(3){display:none}.section-wrap{padding:55px 6%}h2{font-size:44px;letter-spacing:-1.8px}.intro-grid,.prototype-grid,.art-grid{grid-template-columns:1fr;gap:20px}.intro .eyebrow{margin-bottom:20px}.intro p:not(.eyebrow),.art-copy p:not(.eyebrow){font-size:13px}.intro .lead{font-size:17px!important}.section-top{margin-bottom:25px}.section-top .small-label{display:none}.prototype-grid{gap:35px}.prototype-copy h2{font-size:58px;line-height:.95}.prototype-copy h2 br{display:none}.prototype-copy h2 em:before{content:' '}.moves{max-width:none}.prototype-copy .fineprint{max-width:none}.art-grid{gap:30px}.art-detail img{aspect-ratio:1.4}.palette{gap:17px}.journal-section{padding-top:10px}.journal-heading{align-items:flex-start;flex-direction:column;gap:0}.journal-heading h2{font-size:44px}.journal-heading .text-link{margin-bottom:20px}.journal-entry{grid-template-columns:1fr 25px;gap:20px;padding:25px 0}.journal-entry>div:first-child{grid-column:1/-1;gap:18px}.entry-date br{display:none}.entry-date{font-size:8px}.entry-number{font-size:30px}.journal-entry h3{font-size:22px}.journal-entry .entry-arrow{grid-row:2;grid-column:2}.next-section{padding-top:10px}.next-section h2{font-size:42px}.roadmap{grid-template-columns:1fr;gap:22px;margin-top:28px}.roadmap li{padding-top:18px}.roadmap h3{margin-top:14px}.roadmap p{margin-bottom:0}.site-footer{grid-template-columns:1fr;padding:30px 1%;margin:0 6%;gap:18px}.site-footer p{line-height:1.7}.journal-hero{padding:45px 6% 30px}.journal-hero h1{font-size:68px}.journal-hero p:last-child{font-size:13px}.journal-banner{width:88%;aspect-ratio:1.55}.article{display:block;padding:30px 6% 55px}.article-aside{display:flex;align-items:center;gap:18px;margin-bottom:28px;font-size:9px}.article-aside b{font-size:32px;margin:0}.article-body h2{font-size:42px}.article-body p,.article-body li{font-size:13px}.article-body h3{font-size:25px}.article-body .eyebrow{font-size:9px}}
img{height:auto}.hero-art{height:100%}.game-preview img{height:auto}.art-detail img{height:auto}.journal-banner{height:auto}
@media(max-width:720px){.hero{min-height:760px}.hero-copy{padding-bottom:350px}.hero h1{font-size:58px;letter-spacing:-2px}.hero h1 em{font-size:54px;white-space:nowrap}.hero:after{background:linear-gradient(180deg,#f7f0e0 0%,#f7f0e0 30%,#f7f0e0ed 40%,#f7f0e099 49%,transparent 65%)}.hero-art{height:65%}.entry-date{word-spacing:2px}.entry-date br:after{content:' '}}
@media(max-width:365px){.hero h1{font-size:54px}.hero h1 em{font-size:48px}.site-header nav{gap:8px}.site-header .nav-play{padding:9px 7px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Build 0.2: raster title and reference-study journal. */
.project-logo-title{margin-bottom:25px}.project-logo{display:block;width:640px;max-width:100%;height:auto}.study-table-wrap{overflow-x:auto;margin:30px 0}.study-table{width:100%;border-collapse:collapse;font-size:12px;line-height:1.7}.study-table th,.study-table td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:13px 10px}.study-table th{font-size:10px;color:var(--purple);letter-spacing:1px}.study-table td{color:var(--muted);width:50%}.game-preview img{aspect-ratio:10/7}.article-body figure img{height:auto}
@media(max-width:720px){.hero .project-logo-title{margin-top:10px;margin-bottom:28px}.project-logo{width:100%;max-width:430px}.study-table{font-size:11px}.study-table th,.study-table td{padding:11px 7px}.hero-copy{padding-top:45px}}