@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{--bg:#111215;--surface:#1b1d22;--text:#f3f3ee;--muted:#b1b1b7;--line:#34363c;--orange:#ff7045;--lime:#d5f771;--cyan:#6ce9e0;--head:'Barlow Condensed','Arial Narrow',Impact,sans-serif;--body:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button,summary{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}::selection{background:var(--orange);color:var(--bg)}.wrap{max-width:1360px;margin:auto;padding-left:64px;padding-right:64px}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--cyan);color:#111;padding:12px}.skip:focus{top:10px}.header{height:94px;padding:0 4.5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#111215f2;position:sticky;top:0;z-index:30;backdrop-filter:blur(18px)}.brand{font-weight:800;letter-spacing:-1.2px;font-size:26px;display:flex;align-items:center;line-height:1}.brand-icon{display:flex;align-items:center;justify-content:center;background:var(--orange);color:var(--bg);font-family:var(--head);font-size:28px;width:34px;height:34px;transform:skew(-8deg);margin-right:11px}.brand-dot{color:var(--orange)}nav{display:flex;gap:34px}nav a{font-size:14px;color:#d1d1d5;transition:color .2s}nav a:hover{color:var(--orange)}.header-tag{font-size:12px;letter-spacing:1.2px;border:1px solid #51525a;padding:8px 12px}.eyebrow,.mono,.section-label,.panel-heading,.capture-label,.capture-bottom{font-size:12px;letter-spacing:1.5px;font-weight:650}.hero{display:grid;grid-template-columns:1.06fr 1fr;gap:30px;padding-top:75px;padding-bottom:24px;overflow:hidden}.eyebrow{display:flex;align-items:center;gap:12px}.line{display:inline-block;width:27px;height:2px;background:var(--orange)}h1,h2,h3,p{margin-top:0}h1{font-family:var(--head);font-size:clamp(72px,7.5vw,108px);line-height:.97;letter-spacing:-1.2px;text-transform:uppercase;margin:30px 0 27px;font-weight:800}h1>span{color:var(--orange)}.lead{font-size:23px;line-height:1.4;letter-spacing:-.5px;margin-bottom:15px}.lead strong{font-weight:650}.hero-description{max-width:370px;color:var(--muted);margin-bottom:28px;font-size:16px;line-height:1.65}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:15px 23px;font-size:15px;font-weight:700;border:1px solid transparent;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:#131417}.primary:hover{background:#ff916b}.button span{font-size:22px;line-height:1}.stack{display:flex;flex-wrap:wrap;gap:9px;margin-top:26px}.stack span{font-size:12px;color:#c4c4cb;border:1px solid var(--line);padding:4px 10px}.hero-visual{position:relative;min-height:510px;background:radial-gradient(ellipse at 78% 24%,#2f666c 0,transparent 40%),radial-gradient(ellipse at 12% 80%,#744b3c 0,transparent 45%),#20262c;border:1px solid #596269;overflow:hidden;isolation:isolate}.hero-visual:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:44px 44px;z-index:-1}.visual-top{display:flex;align-items:center;justify-content:space-between;padding:22px 25px;font-size:11px;font-weight:600;letter-spacing:1.3px;color:#e2e2df}.corner-icon{font-size:28px;line-height:1;color:var(--cyan)}.visual-word{position:absolute;left:35px;top:114px;font-size:clamp(76px,8vw,126px);font-family:var(--head);font-weight:800;line-height:.83;letter-spacing:-2px;transform:rotate(-8deg);color:#eef4e7}.visual-word span{-webkit-text-stroke:1px #c9e8e3;color:transparent}.orbital{position:absolute;width:440px;height:440px;right:-130px;top:15px;transform:rotate(-33deg);z-index:-1}.orbital i{position:absolute;inset:0;border:1px solid #9ddaca55;border-radius:50%;transform:scaleX(.48)}.orbital i:nth-child(2){transform:scaleX(.75);inset:25px}.orbital i:nth-child(3){transform:scaleX(.98);inset:55px;border-color:#ddf17888}.visual-cross{position:absolute;color:var(--cyan);font-size:28px;line-height:1;font-weight:300}.cross-one{left:28px;top:85px}.cross-two{right:28px;bottom:132px}.visual-bottom{position:absolute;bottom:0;left:0;right:0;padding:22px;display:flex;align-items:center;gap:15px;border-top:1px solid #ffffff25;background:#14191acc;backdrop-filter:blur(8px)}.visual-bottom strong{font-size:15px;display:block}.visual-bottom div>span{color:#c0c7c6;font-size:12px;display:block}.format{font-size:12px;color:#c5d5d2;margin-left:auto}.film-icon{border:1px solid #859a99;width:38px;height:30px;display:flex;justify-content:space-between;padding:4px;flex-shrink:0}.film-icon span{height:100%;width:3px;border-top:3px solid #c7d6d0;border-bottom:3px solid #c7d6d0}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;margin-top:28px;padding-top:20px;border-top:1px solid var(--line);color:#a6a7af;font-size:12px}.hero-foot span:last-child{font-size:10px;letter-spacing:1.3px}.hero-foot b{margin-left:12px;font-size:16px;color:var(--orange)}.overview{background:var(--orange);color:#18191a;padding:57px 0 48px;margin-top:55px}.section-top{display:flex;justify-content:space-between;gap:24px;align-items:center}.overview-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:70px;align-items:end;margin:35px 0 42px}h2{font-family:var(--head);font-weight:700;font-size:clamp(46px,5vw,68px);line-height:1.02;letter-spacing:-.7px;text-transform:uppercase;margin-bottom:24px}.overview h2{font-size:clamp(42px,4.5vw,60px);margin:0}.overview h2 span{color:#713b2d}.overview-heading p{margin:0;max-width:435px;font-size:16px;line-height:1.7}.system-index{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #813e2a66}.system-index a{display:flex;align-items:start;gap:14px;padding:26px 20px 5px;border-right:1px solid #813e2a66;transition:background .2s}.system-index a:first-child{padding-left:0}.system-index a:last-child{border-right:0}.system-index a:hover{background:#ffffff20}.index-no{font-size:12px;font-weight:700;padding-top:3px}.system-index h3{font-size:18px;letter-spacing:-.5px;margin-bottom:6px}.system-index p{font-size:13px;margin:0}.index-icon{font-size:27px;margin-left:auto}.system-section{padding-top:100px;padding-bottom:100px}.section-label{display:flex;align-items:center;gap:18px;color:#adaeb5;margin-bottom:32px}.number{font-size:13px;display:flex;align-items:center;justify-content:center;border:1px solid currentColor;height:32px;width:36px}.coral{color:var(--orange)}.lime{color:var(--lime)}.cyan{color:var(--cyan)}.system-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.system-copy h2{margin-bottom:27px}.system-copy h2 em,h2 em{font-style:normal}.section-lead{font-size:21px;font-weight:550;line-height:1.4;margin-bottom:18px}.system-copy>p:not(.section-lead){color:var(--muted);max-width:455px;font-size:16px}.benefits{display:flex;flex-wrap:wrap;gap:7px;margin:24px 0 28px}.benefits span{border-bottom:1px solid #555760;font-size:12px;padding:3px 0;margin-right:12px;color:#d0d1d4}details{border-top:1px solid var(--line);margin-top:24px}summary{font-size:14px;font-weight:600;cursor:pointer;list-style:none;padding:17px 22px 17px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:0;font-size:20px;line-height:1.2;color:var(--orange)}details[open] summary:after{content:'−'}details p{font-size:14px;color:var(--muted);line-height:1.7}details p:last-child{margin-bottom:20px}.pipeline-panel,.utility-panel{background:var(--surface);border:1px solid #3a3c43;padding:27px;position:relative}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:11px;margin-bottom:45px;color:#e0e0e4}.tiny-label{font-size:9px;letter-spacing:1px;color:#9d9ea7;text-align:right}.sources{display:flex;justify-content:space-between;gap:7px}.sources span{border:1px solid #55565e;padding:9px 7px;font-size:12px;text-align:center;flex:1;background:#27292f}.pipeline-lines{display:flex;justify-content:space-around;height:50px;padding:0 20px}.pipeline-lines span{width:1px;background:linear-gradient(#65666e,var(--orange));position:relative}.pipeline-lines span:after{content:'';width:5px;height:5px;position:absolute;background:var(--orange);bottom:0;left:-2px;border-radius:50%}.pipeline-core{background:var(--orange);color:#1c2024;display:flex;align-items:center;gap:20px;padding:22px}.core-symbol{font-size:45px;line-height:1}.pipeline-core>span:nth-child(2){font-size:10px;letter-spacing:1.5px;line-height:1.8}.pipeline-core strong{font-size:23px;letter-spacing:-.7px}.core-mark{font-family:var(--head);font-size:53px;margin-left:auto;line-height:1;color:#a3412c}.single-line{height:42px;width:1px;background:linear-gradient(var(--orange),#7e807f);margin:auto}.target{width:65%;padding:17px;margin:auto;display:flex;gap:16px;align-items:center;background:#2b2e33;border:1px solid #55585e}.target-icon{font-size:32px;color:var(--cyan)}.target strong{font-size:17px;display:block}.target div span{font-size:12px;color:#bbbcc2}.panel-note{display:flex;align-items:center;gap:11px;font-size:12px;color:#b5b5bf;padding-top:30px}.note-mark{color:var(--orange);font-size:22px}.animation-section{background:#232725;padding:72px 0;border-block:1px solid #40463f}.animation-heading{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-bottom:23px}.animation-heading h2{font-size:clamp(60px,7vw,88px)}.animation-heading h2 em{color:var(--lime)}.animation-heading>div>p:not(.section-lead){color:#b7bcb7;max-width:440px}.animation-heading .benefits{margin-bottom:0}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:16px}.capture{height:310px;border:1px solid #606657;display:flex;flex-direction:column;padding:22px;position:relative;background-color:#292f28;background-image:linear-gradient(#c2d9b009 1px,transparent 1px),linear-gradient(90deg,#c2d9b009 1px,transparent 1px);background-size:30px 30px}.capture-physics{background-color:#303929;border-color:#7c9251;background-image:radial-gradient(ellipse at 50% 100%,#627c293d,transparent 70%),linear-gradient(#c2d9b009 1px,transparent 1px),linear-gradient(90deg,#c2d9b009 1px,transparent 1px)}.capture-label{font-size:11px;color:#c5cfbc}.capture-center{margin:auto;text-align:center}.frame-icon{display:block;color:var(--lime);font-size:38px;font-family:var(--head);letter-spacing:9px;line-height:1;margin-bottom:18px}.capture-center h3{font-family:var(--head);font-size:27px;font-weight:600;margin-bottom:6px}.capture-center p{font-size:12px;color:#a8b09e;margin-bottom:0}.capture-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1px;color:#a0ae94}.capture-bars{font-size:14px;color:#aacd66;letter-spacing:4px}.animation-notes{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start;margin-top:25px}.animation-notes>p{font-size:14px;color:#b6bdb1;line-height:1.7;max-width:460px}.animation-notes b{color:var(--lime);margin-right:10px}.animation-notes details{margin:0;border-color:#59614e}.animation-notes summary:after{color:var(--lime)}.utility-panel{border-top:2px solid var(--cyan)}.utility-panel .panel-heading{margin-bottom:25px}.scenario-control{display:flex;gap:3px;background:#111518;padding:4px;border:1px solid #3b4145}.scenario-control button{background:transparent;border:0;flex:1;padding:10px 7px;font-size:12px;line-height:1.4;color:#aaafb2;transition:background .2s,color .2s}.scenario-control button.active{background:var(--cyan);color:#162222;font-weight:650}.score-list{padding-top:28px}.score-row{margin-bottom:21px}.score-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px}.score-value{font-family:var(--head);font-size:20px;color:#c9d1d4}.score-track{height:9px;background:#343b40;overflow:hidden}.score-track div{height:100%;background:#688986;transition:width .5s ease,background .3s}.score-row.winner .score-track div,.score-row:first-child .score-track div{background:var(--cyan)}.score-row:not(.winner).updated .score-track div{background:#688986}.decision{margin-top:28px;border-top:1px solid #41484b;padding-top:21px}.decision>span{font-size:10px;letter-spacing:1.2px;color:#a2b1b4}.decision strong{display:block;font-family:var(--head);font-size:35px;color:var(--cyan);line-height:1.1;margin:9px 0}.decision p{font-size:14px;color:#c1cbcb;line-height:1.6;margin-bottom:15px}.illustration-note{font-size:11px;color:#a3a6ae;margin-bottom:0;line-height:1.5}.loop-section{background:#dedfe4;color:#1c2028;padding:64px 0 68px}.loop-section .eyebrow{color:#4d515c}.loop-section h2{margin-top:38px;font-size:clamp(56px,6vw,80px);margin-bottom:14px}.loop-intro{color:#575b66;font-size:17px;line-height:1.6}.loop-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid #aeb2bb;margin-top:35px}.loop-selector button{text-align:left;border:0;border-right:1px solid #aeb2bb;padding:24px 28px;display:grid;grid-template-columns:40px 1fr;column-gap:10px;background:transparent;color:#555d68;transition:background .2s}.loop-selector button:last-child{border-right:0}.loop-selector button>span{font-size:13px;grid-row:span 2;padding-top:5px}.loop-selector strong{font-family:var(--head);font-size:33px;line-height:1.15;text-transform:uppercase;letter-spacing:.2px}.loop-selector small{font-size:12px;margin-top:5px}.loop-selector button.active{background:#22262c;color:#f1f2ee}.loop-selector button.active>span{color:var(--orange)}.loop-detail{display:flex;gap:28px;align-items:center;padding:36px 0 0;min-height:180px}.loop-symbol{font-size:80px;color:#606782;line-height:1;width:110px;text-align:center;flex-shrink:0}.loop-detail .eyebrow{font-size:10px;margin-bottom:5px}.loop-detail h3{font-size:25px;font-weight:600;letter-spacing:-.8px;margin-bottom:7px;line-height:1.2}.loop-detail p{font-size:15px;line-height:1.6;max-width:620px;color:#5c616a;margin-bottom:0}.loop-fraction{margin-left:auto;font-family:var(--head);font-size:30px;color:#5d6472;white-space:nowrap}.credits-section{padding-top:80px;padding-bottom:85px;display:grid;grid-template-columns:1fr 1.25fr;gap:100px}.credits-intro .eyebrow{font-size:10px;color:#acadb7;margin-bottom:25px}.credits-intro h2{font-size:54px}.credits-intro h2 span{color:#858a96}.credits-intro p{font-size:15px;color:#aaaeb8;max-width:330px}.credits-list>div{border-bottom:1px solid var(--line);padding:17px 0;display:grid;grid-template-columns:1fr 1fr;gap:3px 20px;align-items:center}.credits-list>div:first-child{padding-top:0}.credits-list>div>span{grid-row:span 2;font-size:12px;color:#a6a9b5}.credits-list strong{font-size:14px;font-weight:500;line-height:1.45}.credits-list small{font-size:12px;color:#a0a5b2}.footer{padding-top:30px;padding-bottom:35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px}.footer p{font-size:13px;line-height:1.7;margin:0}.footer p span{font-size:11px;color:#989da9}.back-top{font-size:13px;border-bottom:1px solid #6b707d;padding-bottom:3px}.back-top:hover{color:var(--orange)}
@media(min-width:1500px){.header{padding-left:calc((100vw - 1232px)/2);padding-right:calc((100vw - 1232px)/2)}}
@media(max-width:1100px){.wrap{padding-left:40px;padding-right:40px}.hero{gap:24px;padding-top:50px}.hero-visual{min-height:480px}.system-grid,.animation-heading,.animation-notes{gap:40px}.hero .eyebrow{font-size:10px}.visual-word{left:20px;font-size:102px;top:135px}.overview-heading{gap:35px}.index-icon{display:none}.system-index a{padding-right:10px;padding-left:14px}.pipeline-panel,.utility-panel{padding:22px}.pipeline-core{gap:12px;padding:18px}.pipeline-core strong{font-size:21px}.sources span{font-size:10px}.credits-section{gap:50px}.header-tag{display:none}.hero-description{max-width:320px}.loop-detail p{max-width:540px}}
@media(max-width:760px){html{scroll-padding-top:87px}.wrap{padding-left:24px;padding-right:24px}.header{height:76px;padding:0 24px}.header nav{gap:18px}.header nav a{font-size:12px}.header nav a:nth-child(2){display:none}.brand{font-size:23px}.brand-icon{width:28px;height:29px;font-size:23px;margin-right:8px}.hero{grid-template-columns:1fr;padding-top:42px;gap:32px}.hero-copy h1{font-size:clamp(50px,15vw,102px);letter-spacing:-1px;margin-top:25px}.hero .eyebrow{font-size:10px;letter-spacing:1px}.lead{font-size:22px}.hero-description{max-width:400px}.hero-visual{min-height:350px;margin-top:0}.visual-word{left:40px;top:92px;font-size:94px}.orbital{width:380px;height:380px;top:-95px;right:-30px}.cross-one{top:65px}.cross-two{bottom:105px}.visual-top{padding:17px 21px}.visual-bottom{padding:17px 21px}.hero-foot{margin-top:0;padding-top:17px;font-size:11px;gap:18px}.hero-foot span:last-child{font-size:9px;max-width:130px;text-align:right}.hero-foot b{display:none}.overview{margin-top:28px;padding:40px 0}.section-top .mono{font-size:10px;letter-spacing:1px}.overview .eyebrow{font-size:10px}.overview-heading{grid-template-columns:1fr;gap:20px;margin:28px 0}.overview h2{font-size:47px}.overview-heading p{font-size:15px}.system-index{grid-template-columns:1fr}.system-index a,.system-index a:first-child{padding:20px 0;border-right:0;border-bottom:1px solid #813e2a66;align-items:center}.system-index a:last-child{border-bottom:0;padding-bottom:0}.system-index h3{font-size:18px;margin-bottom:2px}.index-icon{display:block}.index-no{margin-right:7px}.system-section{padding-top:62px;padding-bottom:62px}.system-grid{grid-template-columns:1fr;gap:28px}.section-label{font-size:10px;letter-spacing:1.2px;margin-bottom:25px}.number{height:28px;width:32px;font-size:12px}h2{font-size:55px}.system-copy h2{margin-bottom:22px}.section-lead{font-size:20px}.system-copy>p:not(.section-lead){max-width:100%}.benefits{margin:20px 0}.pipeline-panel,.utility-panel{padding:23px}.panel-heading{font-size:10px;letter-spacing:1px}.tiny-label{font-size:9px}.sources span{font-size:11px}.pipeline-core strong{font-size:23px}.core-symbol{font-size:42px}.target{width:65%}.animation-section{padding:48px 0}.animation-heading{grid-template-columns:1fr;gap:4px}.animation-heading h2{font-size:67px;margin-bottom:23px}.animation-heading>div>p:not(.section-lead){max-width:none}.comparison{grid-template-columns:1fr;gap:13px;margin-top:28px}.capture{height:260px}.animation-notes{grid-template-columns:1fr;gap:8px;margin-top:24px}.animation-notes>p{max-width:none}.scenario-control button{font-size:12px}.loop-section{padding:43px 0}.loop-section .section-top{gap:15px;align-items:start}.loop-section .section-top .eyebrow{font-size:10px}.loop-section .section-top .mono{max-width:105px;text-align:right;font-size:9px}.loop-section h2{margin-top:30px;font-size:65px}.loop-intro{font-size:16px}.loop-selector{margin-top:28px}.loop-selector button{padding:16px 12px;grid-template-columns:1fr;gap:2px}.loop-selector button>span{grid-row:auto;padding-top:0;font-size:11px;margin-bottom:5px}.loop-selector strong{font-size:26px}.loop-selector small{font-size:10px;line-height:1.5;max-width:90px}.loop-detail{gap:17px;padding-top:27px;align-items:start;min-height:210px}.loop-symbol{font-size:50px;width:48px;margin-top:12px}.loop-detail h3{font-size:22px}.loop-detail p{font-size:14px}.loop-fraction{display:none}.credits-section{padding-top:55px;padding-bottom:50px;grid-template-columns:1fr;gap:28px}.credits-intro h2{font-size:51px;margin-bottom:20px}.credits-intro p{max-width:420px}.credits-list>div{grid-template-columns:.9fr 1.1fr}.credits-list strong{font-size:13px}.credits-list small,.credits-list>div>span{font-size:11px}.footer{flex-wrap:wrap;gap:23px;padding-top:25px;padding-bottom:30px}.footer p{font-size:12px}.back-top{margin-left:auto;font-size:12px}.desktop-br{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep primary controls readable across screen sizes. */
.scenario-control button{font-size:14px}.header nav a{font-size:14px}.back-top{font-size:14px}@media(max-width:760px){.header nav{gap:16px}.scenario-control button{padding-left:4px;padding-right:4px}.header nav a{font-size:14px}.loop-selector small{font-size:12px}}

/* Project case study presentation */
:root{--head:'DM Sans',Arial,sans-serif}
.brand{font-size:21px;letter-spacing:-.5px;font-weight:650}.header{height:80px}.header-tag{border:0;color:var(--muted);padding:0;letter-spacing:1px}
.hero{padding-top:54px;padding-bottom:24px;gap:48px;align-items:start}.hero-copy h1{font-family:var(--body);font-size:clamp(42px,5vw,66px);font-weight:650;letter-spacing:-2px;line-height:1.08;text-transform:none;margin:25px 0 18px}.lead{font-size:21px;line-height:1.45;margin-bottom:18px}.hero-description{max-width:490px;font-size:16px;margin-bottom:25px}.hero-visual{min-height:410px;background:radial-gradient(ellipse at 80% 15%,#25444b,transparent 65%),#20242a}.visual-cross{font-size:23px;color:#608f91}.visual-top{font-size:10px;color:#b6c2c5}.footage-placeholder{position:absolute;inset:70px 20px 90px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.placeholder-frame{font-size:40px;letter-spacing:9px;color:var(--cyan);margin-bottom:16px}.footage-placeholder strong{font-size:21px;font-weight:500}.footage-placeholder p{color:#a5b5ba;font-size:14px;margin-top:7px;margin-bottom:0}.project-facts{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:26px 0 20px;padding-top:18px;border-top:1px solid var(--line)}.project-facts dt{font-size:12px;color:#9ba3af;margin-bottom:4px}.project-facts dd{margin:0;font-size:14px}.project-link{display:inline-block;color:var(--cyan);font-size:14px;border-bottom:1px solid #466767;padding-bottom:2px}.project-link:hover{color:#a5fff6}.stack{margin-top:20px}.hero-foot{margin-top:4px}.hero-foot span:last-child b{display:none}
.overview{background:#1b1e24;color:var(--text);border-block:1px solid var(--line);padding:38px 0;margin-top:35px}.overview .eyebrow{color:var(--orange)}.overview-heading{grid-template-columns:1fr 1fr;gap:60px;margin:24px 0 30px;align-items:start}.overview h2{font-family:var(--body);font-size:31px;font-weight:550;letter-spacing:-.8px;text-transform:none;line-height:1.2}.overview-heading p{font-size:15px;color:var(--muted);max-width:none}.system-index{border-color:var(--line)}.system-index a{border-color:var(--line);padding-top:23px}.system-index a:hover{background:#ffffff05}.system-index h3{font-size:16px;font-weight:550}.system-index p{color:#a3abb6;font-size:12px}.index-no,.index-icon{color:var(--orange)}
h2,.animation-heading h2,.loop-section h2,.credits-intro h2{font-family:var(--body);text-transform:none;font-size:36px;line-height:1.2;letter-spacing:-1px;font-weight:550}.system-section{padding-top:66px;padding-bottom:66px}.system-grid{gap:65px}.section-label{margin-bottom:23px;letter-spacing:1px;font-size:11px}.section-lead{font-size:18px;font-weight:500;line-height:1.5}.system-copy h2{margin-bottom:16px}.system-copy details{margin-top:25px}.animation-section{background:#1e2422;padding:52px 0}.animation-heading{gap:65px;align-items:start;margin-bottom:28px}.animation-heading h2{max-width:400px}.animation-heading>div>p{max-width:none}.capture-center h3{font-size:19px;line-height:1.5;font-weight:500;max-width:340px}.capture-center p{font-size:13px}.animation-notes{gap:65px}.animation-notes>p{font-size:14px}.animation-notes b{display:block;margin-bottom:5px;font-weight:500}.pipeline-core strong{font-size:20px;font-weight:600}.decision strong{font-size:28px;font-weight:550}.loop-section{background:#cbd6dd;padding:45px 0}.loop-section h2{margin-top:25px;margin-bottom:16px}.loop-intro{font-size:16px;max-width:760px}.loop-selector strong{font-family:var(--body);font-size:23px;font-weight:550;text-transform:none}.loop-selector small{font-size:13px}.loop-detail h3{font-size:22px}.loop-fraction{font-size:23px}.credits-section{padding-top:58px;padding-bottom:58px;gap:70px}.credits-intro .eyebrow{font-size:10px}.footer{padding-top:24px;padding-bottom:25px}
@media(max-width:1100px){.system-grid,.animation-heading,.animation-notes{gap:35px}.hero{gap:30px}.hero-visual{min-height:430px}.overview-heading{gap:35px}.credits-section{gap:40px}}
@media(max-width:760px){.header{height:70px}.brand{font-size:20px}.hero{padding-top:34px;gap:29px}.hero-copy h1{font-size:46px;letter-spacing:-1.5px;margin:20px 0 16px}.lead{font-size:19px}.hero-description{max-width:none}.project-facts{gap:12px}.project-facts dd{font-size:13px}.hero-visual{min-height:300px}.footage-placeholder{inset:45px 20px 80px}.placeholder-frame{font-size:32px;margin-bottom:10px}.footage-placeholder strong{font-size:18px}.hero-foot span:last-child{display:none}.overview{padding:29px 0;margin-top:25px}.overview-heading{grid-template-columns:1fr;gap:17px;margin:23px 0}.overview h2{font-size:28px}.system-index a{padding:18px 0}.system-index h3{font-size:16px}.system-section{padding-top:46px;padding-bottom:46px}.system-grid{gap:27px}h2,.animation-heading h2,.loop-section h2,.credits-intro h2{font-size:29px;letter-spacing:-.6px;line-height:1.25}.section-lead{font-size:18px}.animation-section{padding:39px 0}.animation-heading{gap:4px;margin-bottom:18px}.animation-heading h2{margin-bottom:17px}.comparison{margin-top:17px}.animation-notes{gap:9px}.loop-section{padding:35px 0}.loop-selector strong{font-size:19px}.loop-selector small{font-size:12px}.loop-detail{min-height:220px}.loop-detail h3{font-size:20px}.credits-section{padding-top:43px;padding-bottom:40px;gap:22px}.credits-intro h2{margin-bottom:17px}}

/* Annotation revisions: a single project objective paragraph. */
.overview-heading{display:block;margin:22px 0 0}.overview-heading p{max-width:900px;font-size:17px;line-height:1.75}.hero{padding-bottom:0}.hero-visual{min-height:360px}.header{justify-content:space-between}.hero-copy .project-facts{margin-top:24px}@media(max-width:760px){.overview-heading{margin-top:18px}.overview-heading p{font-size:16px}.hero-visual{min-height:300px}}

/* Status-effect application and bounded feedback loop. */
#effects .system-grid{align-items:start}#effects .system-copy{padding-top:10px}.effect-diagram{margin:0;background:var(--surface);border:1px solid #3a3c43;padding:25px}.effect-diagram .panel-heading{margin-bottom:24px}.effect-flow{position:relative;padding-right:24px}.effect-inputs{display:grid;grid-template-columns:1fr 1.2fr 1fr;gap:7px}.effect-inputs span{display:flex;align-items:center;justify-content:center;padding:10px 7px;border:1px solid #565961;background:#272a31;font-size:13px;line-height:1.4;text-align:center;min-height:56px}.flow-connector{height:33px;text-align:center;color:#bdc3ca;font-size:23px;line-height:33px;position:relative;z-index:1}.function-node{background:var(--orange);color:#1b1d21;padding:17px 12px;text-align:center;position:relative;z-index:1}.node-label{display:block;font-size:10px;letter-spacing:1px;font-weight:650;margin-bottom:8px}.function-node code{font-family:monospace;font-size:clamp(16px,1.7vw,21px);font-weight:650;overflow-wrap:anywhere}.return-connector{height:54px;line-height:1.3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.return-connector span{font-size:12px;color:#bdc3ca}.return-connector b{font-weight:400;font-size:22px;line-height:1}.actor-node{padding:17px 14px;background:#2b3035;border:1px solid #5b626a;text-align:center}.actor-node .node-label{color:var(--cyan)}.actor-node strong{font-size:15px;font-weight:550;line-height:1.5;display:block}.actor-node p{font-size:13px;color:#b2bbc5;margin:9px 0 0;line-height:1.5}.condition-node{border:1px solid #616a6e;padding:13px;text-align:center;background:#22292b}.condition-node strong{font-size:14px;display:block;font-weight:550}.condition-node span{font-size:12px;color:#b7c3c4;display:block;margin-top:4px}.flow-branches{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-top:11px}.branch{text-align:center;position:relative;z-index:1}.branch-label{font-size:10px;letter-spacing:1px;color:#bbc5cb;display:block}.branch-arrow{display:block;color:#8c9da0;line-height:1.2;font-size:22px;margin:3px 0 6px}.stop-node,.repeat-node{padding:14px 8px;border:1px solid #505a5c;background:#262c2e;min-height:102px;display:flex;flex-direction:column;justify-content:center;gap:7px}.stop-node strong,.repeat-node strong{font-size:14px;font-weight:550}.stop-node span,.repeat-node span{font-size:12px;color:#b3bec4;line-height:1.5}.repeat-node{border-color:#c26d4f;background:#302b29}.repeat-node strong{color:var(--orange)}.repeat-node code{font-size:11px;overflow-wrap:anywhere}.repeat-path{position:absolute;right:0;top:124px;bottom:52px;width:25px;border-right:1px dashed var(--orange);border-top:1px dashed var(--orange);border-bottom:1px dashed var(--orange);border-radius:0 9px 9px 0;pointer-events:none}.repeat-path:before{content:'';position:absolute;top:-4px;left:-1px;border-top:3px solid transparent;border-bottom:3px solid transparent;border-right:6px solid var(--orange)}.effect-diagram figcaption{font-size:12px;line-height:1.7;color:#b5bcc5;margin-top:21px;border-top:1px solid #3d434b;padding-top:15px}
@media(max-width:1100px){.effect-diagram{padding:20px}.effect-inputs span{font-size:12px}.effect-flow{padding-right:20px}.repeat-path{width:21px}.function-node code{font-size:17px}}
@media(max-width:760px){#effects .system-copy{padding-top:0}.effect-diagram{padding:20px}.effect-inputs span{font-size:12px;padding:9px 5px}.function-node code{font-size:18px}.repeat-node code{font-size:10px}.actor-node strong{font-size:14px}.flow-branches{gap:10px}}

/* Combat case study: concise explanations paired with gameplay evidence. */
.combat-intro{display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-bottom:28px;align-items:start}.combat-intro h2{margin-bottom:0}.combat-intro p{color:#bbc3bc;font-size:16px;line-height:1.7;margin:0}.combat-feature{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding:31px 0;border-top:1px solid #414a42}.combat-feature:last-child{padding-bottom:0}.combat-feature-number{display:block;font-size:11px;letter-spacing:1px;color:var(--lime);line-height:1.6;margin-bottom:12px}.combat-feature-copy h3{font-size:23px;line-height:1.35;font-weight:550;letter-spacing:-.5px;margin-bottom:15px}.combat-feature-copy p{font-size:16px;line-height:1.7;color:#b9c2b9;margin-bottom:13px}.combat-feature-copy p:last-child{margin-bottom:0}.combat-takeaway{padding-top:9px;border-top:1px solid #414a42;font-size:14px!important}.combat-takeaway strong{display:block;font-size:12px;font-weight:550;color:#d7e3cb;margin-bottom:4px}.combat-clip{margin:0;border:1px solid #5d6d51;background-image:radial-gradient(ellipse at 85% 15%,#455c3233,transparent 65%),linear-gradient(#c2d9b008 1px,transparent 1px),linear-gradient(90deg,#c2d9b008 1px,transparent 1px);background-color:#283027;background-size:auto,32px 32px,32px 32px}.clip-heading{display:flex;justify-content:space-between;gap:14px;padding:15px 18px;font-size:10px;letter-spacing:1px;color:#b2c7a1}.clip-placeholder{min-height:175px;padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.clip-placeholder>span{font-size:33px;color:var(--lime);letter-spacing:7px;line-height:1;margin-bottom:19px}.clip-placeholder strong{font-size:17px;line-height:1.5;font-weight:500;max-width:320px}.clip-placeholder p{font-size:12px;color:#a4b29c;margin:8px 0 0;line-height:1.5}.combat-clip figcaption{border-top:1px solid #516047;padding:12px 18px;font-size:12px;color:#b5c0ad;line-height:1.5;background:#20291fd9}.combat-reference{display:inline-block;font-size:12px;color:var(--lime);border-bottom:1px solid #6f8352;line-height:1.6;margin-top:7px}.combat-reference:hover{color:#efffd3}
@media(max-width:1100px){.combat-intro,.combat-feature{gap:35px}.combat-feature-copy h3{font-size:21px}.clip-placeholder{min-height:160px}}
@media(max-width:760px){.combat-intro{grid-template-columns:1fr;gap:16px;margin-bottom:24px}.combat-feature{grid-template-columns:1fr;gap:22px;padding:28px 0}.combat-feature-copy h3{font-size:22px}.combat-feature-number{font-size:10px}.clip-placeholder{min-height:170px}.clip-heading{font-size:10px}.combat-feature-copy p{font-size:16px}}

/* Playable build section. */
.download-section{background:#cbd6dd;color:#1c2028;padding:48px 0}.download-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.download-intro .eyebrow{color:#535c67;font-size:11px;margin-bottom:20px}.download-intro h2{margin-bottom:15px}.download-intro>p{font-size:16px;line-height:1.7;color:#515d68;max-width:470px;margin-bottom:0}.download-availability{padding:25px;border:1px solid #96a7b1;background:#dae3e8}.download-status{display:block;font-size:18px;font-weight:550;color:#253844}.download-availability p{font-size:14px;line-height:1.7;color:#586774;margin:9px 0 0}.download-instructions{margin-top:35px;padding-top:24px;border-top:1px solid #9daeb8}.download-instructions h3{font-size:18px;font-weight:550;margin-bottom:7px}.instructions-context{font-size:14px;color:#58636f;margin-bottom:23px}.download-instructions ol{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.download-instructions li{display:flex;align-items:start;gap:13px}.download-step{font-size:12px;font-weight:650;color:#4a6474;padding-top:3px}.download-instructions strong{font-size:15px;font-weight:550;display:block}.download-instructions li p{font-size:14px;line-height:1.6;color:#58636f;margin:6px 0 0}
@media(max-width:1100px){.download-layout{gap:35px}.download-instructions ol{gap:20px}}
@media(max-width:760px){.download-section{padding:36px 0}.download-layout{grid-template-columns:1fr;gap:23px}.download-availability{padding:20px}.download-instructions{margin-top:28px}.download-instructions ol{grid-template-columns:1fr;gap:20px}.download-instructions li p{margin-top:4px}.download-intro .eyebrow{margin-bottom:17px}}

/* Actual gameplay screenshots, preserving the complete frame. */
.game-screenshot{display:block;width:100%;height:auto}.hero-visual.has-game-image{min-height:0;background:#20242a;align-self:start}.hero-visual.has-game-image:before{display:none}.hero-visual.has-game-image .game-screenshot{width:100%;height:auto}.combat-clip .game-screenshot{width:100%;height:auto;border-top:1px solid #516047}