.structured{background:#151d29;color:#e6e9e2}.frame{max-width:1600px;margin:auto;padding:24px 3.5% 0}header{display:flex;align-items:center;gap:40px;border:1px solid #53606c;height:95px;padding:0 28px}.logo{font-size:38px;font-weight:650;letter-spacing:-.1em;text-decoration:none}.logo span{font-weight:300}header>.eyebrow{font-size:9px;color:#adb9c4;line-height:1.7}nav{margin-left:auto;display:flex;gap:30px;font:12px Consolas,monospace}nav a{text-decoration:none}nav a:hover{color:#c3d699}.stage{display:grid;grid-template-columns:1fr 1.05fr;border:1px solid #53606c;border-top:0;min-height:615px}.title-block{padding:36px 40px;display:flex;flex-direction:column;align-items:start}.title-block>.eyebrow{color:#b6c3cf;font-size:10px}h1{font-size:clamp(65px,7.7vw,118px);font-weight:550;line-height:.89;letter-spacing:-.07em;margin:44px 0 28px}h1>span{color:#bacb9c}.title-block p{font-size:14px;line-height:1.9;color:#bac4cf;letter-spacing:.04em}.explore{display:flex;justify-content:space-between;width:225px;margin-top:auto;padding-top:25px;text-decoration:none;font-size:12px}.explore span{font-size:20px}.specimen{background:radial-gradient(ellipse at 50% 40%,#394b5b,#202d3d 65%);border-left:1px solid #53606c;position:relative;display:flex;flex-direction:column;overflow:hidden}.specimen:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#aab8c60a 1px,transparent 1px),linear-gradient(90deg,#aab8c60a 1px,transparent 1px);background-size:46px 46px;pointer-events:none}.specimen-top{position:relative;display:flex;justify-content:space-between;padding:25px;font-size:9px;color:#b6c2cd}.assembly-wrap{position:relative;flex:1;display:flex;align-items:center;justify-content:center;min-height:360px}#assembly{width:100%;max-height:420px;object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .8s;filter:drop-shadow(12px 30px 16px #0003)}.specimen.expanded #assembly{transform:translateY(-12px) scale(.94) rotate(-9deg);filter:drop-shadow(28px 42px 24px #0005)}.axis{position:absolute;top:48%;left:22px;right:22px;color:#aabbc6;font:20px Consolas}.axis span{float:right}.specimen-bottom{position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:22px 25px;border-top:1px solid #53606c}.specimen-bottom .eyebrow{font-size:9px;color:#a8b9c7}.specimen-bottom p{font-size:12px;margin:10px 0 0}.specimen-bottom button{padding:12px 14px;background:#c4d2b0;color:#1a2930;border:0;font-size:11px;white-space:nowrap}.specimen-bottom button span{padding-left:16px}.ticker{padding:15px 0;display:flex;justify-content:space-between;font:9px Consolas,monospace;letter-spacing:.15em;color:#a6b2bf;border-bottom:1px solid #53606c}.work{padding:85px 0;scroll-margin-top:24px}.section-title{display:grid;grid-template-columns:1fr 1fr;align-items:end}.section-title .eyebrow{grid-column:1/-1;color:#a7b8c6}.section-title h2{font-size:48px;line-height:1.1;font-weight:400;letter-spacing:-.05em;margin:25px 0 35px}.section-title h2 span{font:14px Consolas;color:#c0d49f;letter-spacing:0}.section-title p{justify-self:end;font-size:13px;line-height:1.9;color:#b9c4cc;margin-bottom:35px}.work-grid{display:grid;grid-template-columns:1fr 1.5fr;border:1px solid #53606c}.project-index{display:grid}.project-select{padding:27px;background:transparent;text-align:left;border:0;border-right:1px solid #53606c;color:#b0becb;display:grid;gap:25px}.project-select+button{border-top:1px solid #53606c}.project-select.active{background:#c3d0b3;color:#1b2b2f}.project-select strong{font-size:30px;font-weight:400;letter-spacing:-.04em}.project-select>span:last-child{font:10px Consolas}.project-select b{float:right;font-size:20px;font-weight:normal}.project-display{padding:30px;display:flex;flex-direction:column;justify-content:space-between;background:#202c3b}.binary-art{height:210px;position:relative;display:grid;place-content:center}.cell-grid{display:grid;grid-template-columns:repeat(8,20px);gap:5px;transform:perspective(400px) rotateX(40deg) rotateZ(-25deg)}.cell-grid i{width:20px;height:20px;border:1px solid #8b9d9d;background:#4b625f;box-shadow:3px 4px #142131}.cell-grid i:nth-child(7n){background:#c2d2aa}.binary-art>span{position:absolute;bottom:8px;right:0;font:11px Consolas;color:#bccca6}.display-copy h3{font-weight:400;font-size:26px;margin:10px 0}.display-copy p{font-size:13px;line-height:1.9;color:#bfccd5;max-width:420px;min-height:50px}.display-copy button{background:transparent;border:0;border-bottom:1px solid #8d9a8e;padding:8px 0;font-size:12px}.principles{display:grid;grid-template-columns:1fr 2fr;padding:60px 0 85px;border-top:1px solid #53606c}.principles h2{font-size:clamp(30px,4.5vw,62px);line-height:1.1;font-weight:350;letter-spacing:-.04em;margin:0 0 30px}.principles h2 em{font-family:Georgia,serif;font-weight:400;color:#bdccac}.principles p{font-size:14px;line-height:2;color:#bbc6d1}footer{border-color:#53606c;font:10px Consolas,monospace;letter-spacing:.05em}footer a{text-decoration:none}@media(max-width:800px){.frame{padding:14px 4% 0}header{height:76px;padding:0 18px;gap:20px}header>.eyebrow{display:none}nav{gap:15px;font-size:10px}.stage{grid-template-columns:1fr}.title-block{padding:28px}h1{font-size:clamp(72px,16vw,110px);margin:35px 0 20px}.explore{margin-top:10px}.specimen{border-left:0;border-top:1px solid #53606c}.assembly-wrap{min-height:300px}#assembly{height:330px}.ticker{font-size:8px;gap:15px}.ticker span:last-child{display:none}.section-title{display:block}.section-title h2{font-size:40px}.section-title p{margin:0 0 30px}.work{padding:55px 0}.work-grid{grid-template-columns:1fr}.project-index{grid-template-columns:1fr 1fr}.project-select{padding:20px;border-bottom:1px solid #53606c;gap:20px}.project-select+button{border-top:0;border-right:0}.project-select strong{font-size:24px}.project-select .eyebrow{font-size:8px}.project-display{padding:25px}.principles{grid-template-columns:1fr;gap:30px;padding:40px 0 60px}.specimen-bottom{padding:20px}.specimen-bottom .eyebrow{font-size:8px}}@media(max-width:380px){.project-select{padding:15px}.project-select strong{font-size:21px}.specimen-bottom{flex-wrap:wrap}nav{gap:10px}.logo{font-size:32px}}
