/* Website shell; archived visual studies remain untouched. */
.site{line-height:1.65}.site .site-header{height:auto;min-height:95px;padding:24px 28px;gap:28px}
.site nav{gap:24px;flex-wrap:wrap}.site nav a{position:relative;font:12px Consolas,monospace;padding:7px 0;white-space:nowrap}
.site nav a[aria-current=page]{color:#c6d6ac}.site nav a[aria-current=page]:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:#bacb9c}
.site main{animation:page-arrive .4s ease-out}.site .site-footer{gap:20px;flex-wrap:wrap;line-height:1.6}
.site a:focus-visible,.site button:focus-visible{outline:2px solid #cbdab1;outline-offset:5px}
.page-intro{padding:76px 40px 64px;border:1px solid #53606c;border-top:0}
.site .page-intro h1{font-size:clamp(40px,5.3vw,80px);letter-spacing:-.045em;line-height:1.16;margin:26px 0}
.page-intro>p{max-width:620px;color:#bdcbd2;font-size:16px}.page-intro>.eyebrow{color:#becfa7}
.space-intro{padding:72px 40px;display:grid;grid-template-columns:1fr 1.6fr;gap:32px;border-bottom:1px solid #53606c}
.space-intro h2,.closing-note h2,.about-grid h2,.lab-guide h2{font-size:clamp(24px,3vw,36px);font-weight:400;line-height:1.45;letter-spacing:-.035em;margin:0 0 20px}
.space-intro p,.closing-note p,.about-grid p,.lab-guide p{color:#bdcbd2;max-width:680px;line-height:1.9}
.text-link{display:inline-block;text-decoration:none;border-bottom:1px solid #91a68b;padding:5px 0;color:#d3dfc1}
.project-cards{display:grid;grid-template-columns:1fr 1fr;border-left:1px solid #53606c;margin-top:40px}
.project-card{min-width:0;border:1px solid #53606c;border-left:0;background:#1d2937;display:flex;flex-direction:column}
.card-content{padding:32px;display:flex;flex:1;flex-direction:column}.card-content h2{font-size:clamp(26px,3vw,40px);line-height:1.2;font-weight:400;margin:24px 0 12px;letter-spacing:-.04em}
.card-content p,.card-content li{color:#c2cdd4}.card-content ul{padding-left:20px;margin:8px 0}.scope-note{font-size:12px;border-top:1px solid #526371;padding-top:20px}
.action{display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:#c4d2b0;color:#15232c;text-decoration:none;padding:14px 20px;min-height:48px;font-size:14px;transition:background .2s,transform .2s}
.action:hover{background:#d7e3c5;transform:translateY(-2px)}.card-content .action{margin-top:auto;align-self:start}
.card-diagram{height:190px;background:radial-gradient(ellipse at 40% 50%,#344b59,#223242);border-bottom:1px solid #53606c;padding:38px;position:relative;display:grid;gap:7px}
.memory-diagram{grid-template-columns:repeat(4,1fr);align-content:center}.memory-diagram i{height:46px;border:1px solid #8fa6ab;background:#496270;transform:skewY(-9deg)}.memory-diagram i:nth-child(3){background:#c0d0a8}.card-diagram>span:last-child,.opcode-diagram small{font:10px Consolas,monospace;letter-spacing:.1em;color:#c1d1bc}
.memory-diagram>span{grid-column:1/-1;margin-top:18px}.opcode-diagram{grid-template-columns:repeat(4,1fr);align-content:center}.opcode-diagram>span{border:1px solid #8fa6ab;display:grid;place-items:center;height:46px;font:20px Consolas,monospace}.opcode-diagram>span:first-child{background:#c4d2b0;color:#172331}.opcode-diagram small{grid-column:1/-1;margin-top:18px}
.closing-note{padding:70px 40px;border-bottom:1px solid #53606c}.closing-note .eyebrow{display:block;margin-bottom:24px;color:#bacb9c}
.lab-guide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;padding:70px 24px}.lab-guide .eyebrow{display:block;margin-bottom:24px;color:#bacb9c}.lab-guide h2{font-size:24px}.lab-guide p{font-size:14px}
.version-strip{display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px;border-block:1px solid #53606c;padding:30px;color:#b7c7cd;font-size:13px}
.about-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;padding:70px 40px;border-bottom:1px solid #53606c}.about-index{font-size:clamp(38px,5vw,70px);letter-spacing:-.06em;line-height:1.1}.about-index span{color:#bacb9c}
.site .experiment-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:32px 0}.site .experiment-heading h1{font-size:clamp(28px,4vw,48px);line-height:1.2;letter-spacing:-.04em;margin:18px 0 8px}.experiment-heading p,.experiment-hint{font-size:12px;color:#b9c7d0}.experiment-hint{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
.experiment-frame{width:100%;height:max(760px,85vh);border:1px solid #607180;display:block;background:#101820}.experiment-return{display:flex;justify-content:space-between;gap:20px;padding:24px 0}
@keyframes page-arrive{from{opacity:.4;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site .site-header{gap:18px}.site .site-header>.eyebrow{display:none}.site nav{gap:18px}.lab-guide{grid-template-columns:1fr}.version-strip{grid-template-columns:1fr 1fr}.site .experiment-heading{align-items:start;flex-direction:column}.about-grid{gap:35px}}
@media(max-width:600px){.site .site-header{padding:18px;flex-wrap:wrap}.site nav{width:100%;margin:0;justify-content:space-between;gap:8px}.site nav a{font-size:11px}.page-intro{padding:46px 22px}.space-intro,.about-grid{grid-template-columns:1fr;padding:46px 22px;gap:26px}.project-cards{grid-template-columns:1fr;margin-top:24px}.card-content{padding:24px}.closing-note{padding:46px 22px}.version-strip{grid-template-columns:1fr;padding:24px;gap:8px}.site .site-footer{font-size:9px}.experiment-frame{height:85vh;min-height:600px}.about-index{font-size:46px}.site .display-copy{min-height:250px}}
@media(prefers-reduced-motion:reduce){.site main{animation:none}.site .action{transition:none}.site .action:hover{transform:none}}

.page-intro .phrase{display:inline-block}
.site .experiment-frame{min-height:0}
.site input:focus-visible{outline:2px solid #cbdab1;outline-offset:5px}
@media(pointer:coarse){.site .motion-controls button,.site .exhibit-toolbar button{min-height:44px}.site .motion-controls input{min-height:32px}}