:root{--night:#080d11;--paper:#0d151b;--paper2:#152127;--ink:#e9e7da;--muted:#b0bab4;--quiet:#87948f;--line:#56635c65;--scarlet:#e2745c;--glow:#e2a48b;--serif:Georgia,'Times New Roman',serif;--sans:'Onest','DM Sans',Arial,sans-serif;--micro:ui-monospace,SFMono-Regular,Consolas,monospace;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--night);color:var(--ink);font:400 16px/1.65 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}::selection{background:var(--scarlet);color:#160d0a}:focus-visible{outline:2px solid var(--glow);outline-offset:4px}
.skip{position:absolute;left:12px;top:-90px;z-index:500;background:#e9e7da;color:#111;padding:13px 20px}.skip:focus{top:12px}
.micro{font:500 10px/1.6 var(--micro);letter-spacing:.12em;text-transform:uppercase;color:#b8c4bd}
.deep-header{position:fixed;left:0;right:0;top:0;z-index:90;height:81px;padding:0 clamp(20px,4.5vw,80px);display:flex;justify-content:space-between;align-items:center;gap:22px;background:rgba(6,11,15,.85);backdrop-filter:blur(16px);border-bottom:1px solid #828b8044}
.wordmark{font:500 13px/1.05 var(--sans);letter-spacing:.13em;white-space:nowrap}.wordmark b{font-weight:800}.wordmark small{display:block;color:#afaaa2;font:400 9px/1.4 var(--micro);letter-spacing:.06em;margin-top:7px}
.deep-header nav{display:flex;gap:clamp(12px,2.3vw,39px);align-items:center}
.deep-header nav a{font:500 11px/1.5 var(--sans);color:#c4cbc4;letter-spacing:.045em;border-bottom:1px solid transparent;padding-block:9px}
.deep-header nav a:hover,.deep-header nav a:focus-visible{color:#fff;border-bottom-color:var(--scarlet)}
.scene-return{border:1px solid #d0cabb75;padding:11px 13px;font:500 10px var(--sans);letter-spacing:.035em;white-space:nowrap}
.scene-return:hover{background:#e9e7da;color:#0b1014}
.scene-hero{position:relative;isolation:isolate;min-height:clamp(640px,100svh,1000px);background:#111c23;overflow:hidden;display:flex;align-items:end}
.scene-world,.scene-grain,.hero-artwork{position:absolute;inset:0;pointer-events:none}
.scene-world{z-index:-3;opacity:.96}
.scene-world .temple-night-scene,.scene-world .temple-night-canvas,.scene-world .threeui-background,.scene-world canvas{height:100%;width:100%;display:block;position:absolute;inset:0}
.scene-world .temple-night-unavailable{display:none}
.scene-grain{z-index:-1;opacity:1;background:linear-gradient(to right,rgba(5,10,14,.82) 0%,rgba(5,10,14,.52) 50%,rgba(5,10,14,.26) 100%),linear-gradient(to top,#0a1116 0%,transparent 35%,rgba(6,10,14,.5) 100%);pointer-events:none}
.hero-artwork{inset:20% 7% 14% auto;width:min(43%,660px);z-index:-1;display:flex;align-items:center;justify-content:center;opacity:.96}
.hero-artwork:before{content:"";position:absolute;inset:-15px;border:1px solid rgba(237,213,185,.32);transform:translate(10px,12px);pointer-events:none}
.hero-artwork img{width:100%;height:100%;object-fit:contain;background:#121d26;box-shadow:0 18px 80px #0008;max-height:62vh}
.hero-engraving{position:absolute;right:-.06em;bottom:-.15em;font:400 clamp(200px,44vw,730px)/1 var(--serif);letter-spacing:-.18em;color:rgba(214,203,177,.075);z-index:-1;pointer-events:none}
.scene-hero-inner{position:relative;width:100%;min-height:clamp(640px,100svh,1000px);padding:122px clamp(20px,7vw,130px) 31px;display:flex;flex-direction:column;justify-content:space-between}
.hero-meta,.hero-bottom{display:flex;justify-content:space-between;gap:18px;align-items:center;font:500 10px/1.6 var(--micro);letter-spacing:.14em;color:#d5ded8}
.hero-meta span:first-child{color:#edab93}
.scene-hero-title{max-width:min(960px,75%);padding:55px 0 15px}
.scene-hero h1{font:400 clamp(66px,10vw,172px)/.93 var(--serif);letter-spacing:-.064em;text-wrap:balance;max-width:8.5ch;filter:drop-shadow(0 8px 28px rgba(0,0,0,.52));color:#f0e9db}
.scene-hero-title>p{font:400 clamp(15px,1.6vw,22px)/1.62 var(--sans);max-width:540px;color:#e0e2dc;filter:drop-shadow(0 2px 12px #0b131a);border-left:2px solid var(--scarlet);padding-left:18px}
.hero-bottom{border-top:1px solid #b7c1b45c;padding-top:16px;color:#afc0b9}
.scene-hero[data-light=low]{background:#0d161c}
.subnav{position:sticky;top:81px;z-index:80;background:rgba(10,17,22,.97);border-block:1px solid #8d999047;backdrop-filter:blur(9px);padding:12px clamp(20px,7vw,130px);display:flex;gap:clamp(14px,3vw,50px);align-items:center;overflow-x:auto;white-space:nowrap}
.subnav a{font:500 12px var(--sans);color:#bcc9c1;border-bottom:1px solid transparent;padding:9px 0}
.subnav a:hover{color:var(--ink);border-bottom-color:var(--scarlet)}
.detail-body{margin:auto;max-width:1700px}
.chapter-block{padding:clamp(90px,9vw,158px) clamp(22px,7vw,135px);display:grid;grid-template-columns:minmax(130px,22%) 1fr;gap:clamp(30px,5vw,120px);border-bottom:1px solid #7e8c7c48;position:relative;isolation:isolate}
.chapter-block:nth-of-type(2n){background:#101a20}
.chapter-rail{display:flex;gap:15px;flex-direction:column}
.chapter-number{font:400 clamp(80px,11vw,160px)/.82 var(--serif);letter-spacing:-.08em;color:#ad877958}
.chapter-rail .micro{color:#d5a58f}
.chapter-content{max-width:960px}
.chapter-content>h2{font:400 clamp(48px,5.7vw,98px)/1.05 var(--serif);letter-spacing:-.055em;max-width:14ch;margin-bottom:clamp(23px,3vw,42px);color:#efe8d9}
.chapter-lead{font:400 clamp(18px,1.6vw,26px)/1.73 var(--sans);color:#cad4cc;max-width:740px}
.reading-prose{max-width:740px}.reading-prose p{font-size:17px;line-height:1.9;color:#c7d1cc}
.quiet-note{font:500 11px var(--micro);letter-spacing:.08em;color:#c8b49d;margin-top:20px}
.detail-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}
.detail-tags span{font:400 11px/1.4 var(--micro);padding:8px 11px;border:1px solid #68776c66;color:#e0dfcf}
.field-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 32px;border-top:1px solid #7e8c7c66;margin-top:55px}
.field-notes article{padding:31px 0;border-bottom:1px solid #7e8c7c66}
.field-notes article .micro{color:#dd9b80}
.field-notes article h3{font:400 clamp(23px,2.3vw,33px)/1.25 var(--serif);margin:15px 0;color:#f0e7d9}
.field-notes article p{font:400 14px/1.75 var(--sans);color:#bac8c2;margin:0}
.scene-interlude{height:clamp(330px,54vw,590px);position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:center;text-align:center;background:#101619}
.interlude-effect{position:absolute;inset:0;z-index:-1;opacity:.55}
.interlude-effect .threeui-background,.interlude-effect canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.interlude-copy{position:relative;z-index:1;padding:24px}
.interlude-copy .micro{color:#eab6a2}
.interlude-copy p{font:400 clamp(35px,4.6vw,78px)/1.13 var(--serif);letter-spacing:-.04em;max-width:850px;margin:15px auto;color:#f0e7dc}
.evidence-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,4vw,54px);margin-top:44px}
.evidence-photo{margin:0;min-width:0}
.evidence-photo:first-child:nth-last-child(odd){grid-column:1/-1}
.evidence-figure{border:1px solid #8d9f9147;padding:clamp(7px,1vw,14px);background:#101b20;min-height:200px;display:flex;align-items:center}
.evidence-figure img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#0d151b}
.evidence-photo figcaption{display:flex;gap:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;padding:13px 2px;color:#d4dbd3;font:400 13px/1.6 var(--sans)}
.evidence-photo figcaption .micro{color:#da9e82}
.evidence-photo figcaption small{width:100%;color:#a8b6ad}
.source-links{display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap;margin-top:35px}
.ink-link{font:600 13px/1.5 var(--sans);color:#ecb39e;border-bottom:1px solid #e2a08a8a;padding-bottom:11px;display:inline-flex;gap:18px}
.ink-link:hover{color:#fff;border-color:#fff}
.next-chapters,.scene-end-link{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;padding:56px clamp(22px,7vw,135px) 110px;background:#0a1217}
.next-chapters a,.scene-end-link a{font:500 13px/1.6 var(--sans);color:#e5c4b0;border-bottom:1px solid #e5c4b099;padding-bottom:8px}
.index-chapters{max-width:1650px;margin:auto;padding:clamp(45px,6vw,110px) clamp(20px,7vw,128px);background:#0b1318}
.index-opening{margin-bottom:40px;color:#dd9f84}
.folio-index-item{display:grid;grid-template-columns:minmax(230px,.65fr) minmax(0,1fr);align-items:stretch;gap:clamp(25px,5vw,100px);padding:clamp(36px,5vw,68px) 0;border-top:1px solid #82908655}
.folio-index-item:last-child{border-bottom:1px solid #82908655}
.folio-index-item:nth-of-type(even){grid-template-columns:1fr minmax(230px,.65fr)}
.folio-index-item:nth-of-type(even) .folio-index-photo{order:2}
.folio-index-photo{min-height:240px;background:#101d24;border:1px solid #93a29655;display:flex;align-items:center;justify-content:center;overflow:hidden}
.folio-index-photo img{width:100%;height:100%;max-height:500px;object-fit:contain;transition:transform .5s ease}
.folio-index-item:hover img{transform:scale(1.035)}
.folio-index-copy{padding:10px 0;align-self:center}
.folio-index-copy .micro{color:#e9ab93}
.folio-index-copy h2{font:400 clamp(42px,5.7vw,88px)/1.06 var(--serif);letter-spacing:-.05em;max-width:13ch;margin:17px 0 24px;color:#eee6d7}
.folio-index-copy p{max-width:570px;color:#c4cfc7;font:400 16px/1.8 var(--sans)}
.folio-index-copy>span:last-child{display:inline-block;border-bottom:1px solid #ce9e86;font:500 13px var(--sans);color:#ecb59c;margin-top:17px;padding-bottom:10px}
.oss-entry{grid-template-columns:clamp(180px,25%,340px) 1fr}
.oss-entry:nth-of-type(even){grid-template-columns:clamp(180px,25%,340px) 1fr}
.oss-mark{font:400 clamp(80px,12vw,190px)/1 var(--serif);letter-spacing:-.12em;color:#bc8c77;background:#172027;display:flex;align-items:center;justify-content:center}
.milestones .milestone{display:grid;grid-template-columns:minmax(280px,1fr) minmax(0,1fr);gap:clamp(35px,5vw,90px);padding:50px 0;border-bottom:1px solid #82908655;align-items:center}
.milestones .milestone:nth-child(2n) .milestone-image{order:2}
.milestone-image{background:#0f1c24;border:1px solid #899e8c61;min-height:200px}
.milestone-image img{width:100%;max-height:600px;height:auto;aspect-ratio:16/10;object-fit:contain}
.milestone-copy h2{font:400 clamp(36px,5vw,80px)/1.08 var(--serif);letter-spacing:-.05em}
.milestone-copy p:not(.micro){color:#c8d1c9}
.milestone-copy>span{font:500 13px var(--micro);letter-spacing:.07em;color:#e2a68c}
.early-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.early-project{padding:34px;border:1px solid #7d8a804c;background:#111d24}
.early-project h2{font:400 clamp(34px,3.5vw,53px)/1.1 var(--serif);letter-spacing:-.04em;margin:20px 0}
.early-project>p{color:#c5d3c8}
.early-project .source-links{margin-top:24px}
.deep-footer{padding:clamp(55px,7vw,118px) clamp(22px,7vw,130px) 30px;background:#11191c;border-top:1px solid #a19b8655;display:grid;grid-template-columns:1fr minmax(160px,.35fr);gap:40px}
.deep-footer h2{font:400 clamp(45px,5.5vw,86px)/1.05 var(--serif);letter-spacing:-.045em;max-width:800px;margin:15px 0 20px}
.deep-footer p:not(.micro){color:#b7c3bc}
.deep-footer nav{display:flex;flex-direction:column;gap:13px;font:500 13px var(--sans)}
.deep-footer nav a:hover{color:#eeb99d}
.deep-footer .copyright{grid-column:1/-1;border-top:1px solid #777b7247;padding-top:24px;margin-top:30px}
.folio-cta{display:inline-flex;background:#d5b4a0;color:#0d1417;padding:14px 21px;font:600 13px var(--sans);margin-top:10px}
.folio-cta:hover{background:#f2d5c1}
@media(max-width:1000px){.deep-header{padding:0 25px}.deep-header nav{gap:14px}.hero-artwork{opacity:.36;width:60%}.scene-hero-title{max-width:95%}.chapter-block{grid-template-columns:140px 1fr;gap:35px}.folio-index-item{gap:35px}.chapter-number{font-size:95px}}
@media(max-width:730px){.deep-header{height:auto;min-height:70px;padding:12px 18px;display:flex;flex-wrap:wrap;gap:10px}.deep-header nav{order:3;width:100%;overflow-x:auto;white-space:nowrap;gap:21px}.deep-header nav a{padding:3px 0}.wordmark small{font-size:7px}.scene-return{font-size:9px;padding:9px}.scene-hero,.scene-hero-inner{min-height:clamp(630px,92svh,900px)}.scene-hero-inner{padding:158px 24px 22px}.scene-hero h1{font-size:clamp(54px,14vw,104px)}.scene-hero-title{max-width:100%;padding:30px 0}.scene-hero-title>p{font-size:15px;max-width:470px}.hero-meta,.hero-bottom{font-size:9px;letter-spacing:.08em}.hero-artwork{width:70%;opacity:.25;inset:25% 0 15% auto}.subnav{top:106px;padding:10px 22px;gap:20px}.chapter-block{padding:75px 23px;grid-template-columns:1fr;gap:26px}.chapter-rail{flex-direction:row;align-items:center;gap:20px}.chapter-number{font-size:75px}.chapter-content>h2{font-size:clamp(43px,10vw,75px)}.chapter-lead{font-size:17px}.field-notes,.evidence-gallery,.early-projects{grid-template-columns:1fr}.index-chapters{padding:40px 22px}.folio-index-item,.folio-index-item:nth-of-type(even),.oss-entry,.oss-entry:nth-of-type(even){grid-template-columns:1fr;gap:15px}.folio-index-item:nth-of-type(even) .folio-index-photo{order:0}.folio-index-photo{min-height:0;aspect-ratio:16/10}.folio-index-photo img{max-height:350px}.milestones .milestone{grid-template-columns:1fr;gap:24px}.milestones .milestone:nth-child(2n) .milestone-image{order:0}.deep-footer{grid-template-columns:1fr;gap:25px}.deep-footer h2{font-size:51px}.deep-footer .copyright{grid-column:1}.next-chapters{padding-inline:22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene-world,.interlude-effect{display:none!important}.folio-index-photo img{transition:none}.folio-index-item:hover img{transform:none}}

.reading-progress{position:fixed;inset:0 auto auto 0;width:100%;height:3px;background:#e8b29b;transform:scaleX(0);transform-origin:left center;z-index:140;pointer-events:none}
/* A focused case study: visible context, compact scene, readable evidence. */
:root{--scarlet:#83aef0;--glow:#a6c8ff;--ink:#e9eff6;--muted:#b4c1d0;--quiet:#94a7bd;--line:#a6bbd32b;--serif:'Onest',Arial,sans-serif;--sans:'Onest',Arial,sans-serif;scrollbar-color:#64788c #0a111a;scrollbar-width:thin}
button,a{cursor:pointer}.deep-header{height:78px;background:#09131fee;border-bottom-color:var(--line)}.deep-header nav a{font-size:12px;text-transform:none;letter-spacing:0}.scene-return{font-size:12px;letter-spacing:0;border-color:#a6c8ff55}.wordmark small{color:#a7bad0}.scene-hero{min-height:490px;align-items:center;background:#0b1826}.scene-hero-inner{min-height:490px;padding:125px max(24px,7vw) 40px;justify-content:center;gap:25px}.hero-meta{font:500 12px/1.7 var(--sans);letter-spacing:0}.hero-meta span:first-child{color:var(--glow)}.hero-meta span:last-child{display:none}.scene-hero h1{font:400 clamp(38px,4.8vw,68px)/1.12 var(--sans);letter-spacing:-.05em;max-width:20ch;margin:0 0 22px;filter:none}.scene-hero-title{padding:0;max-width:850px}.scene-hero-title>p{font:400 17px/1.75 var(--sans);border:0;padding:0;color:#c9d8e8;filter:none;max-width:56ch;margin:0}.hero-bottom,.hero-engraving{display:none}.has-artwork{min-height:570px}.has-artwork .scene-hero-inner{min-height:570px}.has-artwork .scene-hero-title{max-width:48%}.has-artwork .hero-artwork{inset:125px 7% 55px auto;width:40%;opacity:1;z-index:0}.hero-artwork:before{display:none}.hero-artwork img{max-height:none;box-shadow:none}.scene-world{opacity:.42}.scene-grain{background:linear-gradient(90deg,#061220e6,#061220a8)}.subnav{top:78px;gap:30px;scrollbar-width:thin;padding-block:6px}.subnav a{font-size:12px}.subnav>.micro{display:none}.chapter-block{padding:65px max(24px,7vw);grid-template-columns:130px minmax(0,1fr);gap:35px}.chapter-number{display:none}.chapter-rail{padding-top:7px}.chapter-rail .micro{font:500 12px/1.6 var(--sans);letter-spacing:0;color:var(--glow)}.chapter-content>h2{font:400 clamp(29px,3.1vw,43px)/1.2 var(--sans);letter-spacing:-.04em;max-width:27ch;margin-bottom:25px}.chapter-lead{font:400 16px/1.85 var(--sans);color:#bbcbdc;max-width:74ch}.field-notes{margin-top:30px;gap:0 28px}.field-notes article{padding:25px 0}.field-notes article h3{font:500 21px/1.4 var(--sans);margin:9px 0 15px}.field-notes article p{font-size:14px;color:#bbcbdc}.field-notes article>.micro{display:none}.detail-tags span{font:400 12px/1.5 var(--sans);border-color:var(--line);color:#b4c6dd}.quiet-note{font:400 12px/1.8 var(--sans);letter-spacing:0;color:var(--glow)}.evidence-gallery{gap:30px;grid-template-columns:1fr;margin-top:30px}.evidence-figure{display:block;width:100%;position:relative;min-height:0;padding:12px;border:1px solid #a6c8ff44;color:var(--ink);text-align:left}.evidence-figure img{aspect-ratio:auto;height:auto;max-height:650px;object-fit:contain}.image-enlarge{position:absolute;bottom:22px;right:22px;padding:9px 14px;background:#081422eb;color:#d8eaff;font:500 12px var(--sans);border:1px solid #a6c8ff55}.evidence-photo figcaption .micro{color:var(--glow)}.evidence-photo figcaption{font-size:13px}.hero-artwork img{object-fit:contain}.next-chapters,.scene-end-link{padding:35px max(24px,7vw) 60px}.next-chapters a,.scene-end-link a,.ink-link{color:var(--glow);border-color:#a6c8ff55}.ink-link{font-size:13px}.scene-interlude{display:none}.deep-footer{padding-top:45px;padding-bottom:25px}.deep-footer h2{font-size:30px;max-width:30ch}.deep-footer p{font-size:14px}.deep-footer nav{font-size:12px}.role-outcomes{padding-left:20px;display:grid;gap:23px;font:400 16px/1.85 var(--sans);color:#bbcbdc;max-width:74ch;margin-top:30px}.milestone-result{font:500 25px/1.5 var(--sans);color:var(--glow)}.screenshot-dialog{position:fixed;inset:15px;width:calc(100% - 30px);height:calc(100svh - 30px);max-width:1500px;max-height:none;margin:auto;padding:0;background:#0b1622;border:1px solid #759bc4;color:#e4edfa;overflow:hidden}.screenshot-dialog[open]{display:flex;flex-direction:column}.screenshot-dialog::backdrop{background:#02070ee8;backdrop-filter:blur(8px)}.screenshot-bar{padding:14px 20px;display:flex;gap:20px;align-items:center;justify-content:space-between;border-bottom:1px solid #a6c8ff33}.screenshot-bar p{font:400 14px/1.5 var(--sans);margin:0}.screenshot-bar button{background:#192c44;border:1px solid #87a9d266;color:#e3edfa;padding:11px 17px;min-height:44px;font:500 13px var(--sans)}.screenshot-dialog img{display:block;flex:1;min-height:0;width:100%;height:calc(100% - 75px);object-fit:contain;padding:15px}
@media(max-width:900px){.deep-header nav{display:none}.scene-return{font-size:11px}.scene-hero h1{font-size:42px}.has-artwork .scene-hero-title{max-width:100%}.has-artwork .scene-hero-inner{padding-bottom:30px;min-height:0}.has-artwork{display:flex;flex-direction:column;align-items:stretch;min-height:0}.has-artwork .hero-artwork{position:relative;inset:auto;width:auto;max-width:none;order:2;margin:0 24px 35px;height:auto;max-height:none}.hero-artwork img{height:auto;max-height:400px;width:100%;object-fit:contain}.scene-hero,.scene-hero-inner{min-height:410px}.scene-hero-inner{padding:120px 24px 40px}.hero-meta{font-size:11px}.scene-hero-title{max-width:100%}.scene-hero-title>p{font-size:16px}.chapter-block{padding:42px 24px;grid-template-columns:1fr;gap:15px}.chapter-rail{padding:0}.chapter-content>h2{font-size:32px}.chapter-lead{font-size:15px}.field-notes{grid-template-columns:1fr;margin-top:25px}.subnav{gap:25px;padding-inline:24px}.next-chapters{gap:20px}.next-chapters a{font-size:12px}.evidence-figure{padding:7px}.image-enlarge{bottom:14px;right:14px}.deep-footer h2{font-size:28px}.screenshot-dialog{inset:6px;width:calc(100% - 12px);height:calc(100svh - 12px)}.screenshot-bar{padding:10px 12px;gap:12px}.screenshot-bar p{font-size:12px}.role-outcomes{font-size:15px}}
.hero-artwork>a{display:flex;width:100%;height:100%;align-items:center;justify-content:center}.original-screen{color:var(--glow);font-size:12px;text-decoration:underline;text-underline-offset:4px}