.studio{--paper:#f5f1e9;--ink:#24362f;background:var(--paper);color:var(--ink)}.studio-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:94px;padding:18px 6vw;border-bottom:1px solid #263c2c25}.studio-brand{font-size:26px;font-weight:800;letter-spacing:-2px;white-space:nowrap}.studio-brand span{color:#a44e2c;margin-left:8px;font-size:22px}.studio-nav nav{display:flex;gap:27px;flex-wrap:wrap;align-items:center;font-size:12px}.studio-nav nav a{min-height:44px;display:flex;align-items:center}.studio main{padding:0 6vw 100px;max-width:1600px;margin:auto}.studio-heading{padding:75px 0 65px;max-width:1000px}.studio-heading>.eyebrow{font-size:10px;letter-spacing:.1em;display:inline-flex;min-height:44px;align-items:center}.studio h1{font-size:clamp(55px,7.5vw,115px);line-height:1.03;letter-spacing:-.07em;font-weight:500;margin:20px 0 27px;text-wrap:balance}.studio-heading>p{font-size:19px;max-width:640px;color:#687262;line-height:1.7}.byline{display:block;font:10px 'Courier New',monospace;margin-top:30px;letter-spacing:.08em}.studio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.studio-card{padding:40px;min-height:300px;border:1px solid #253c2826;border-radius:22px;background:#e9eadf;position:relative;display:flex;flex-direction:column;align-items:start;overflow:hidden;transition:transform .3s,background .3s}.studio-card:nth-child(4n+2){background:#213c32;color:#f3f0e3}.studio-card:nth-child(4n+2) p{color:#e4e6d2b5}.studio-card:nth-child(4n+3){background:#e6dccb}.studio-card:nth-child(4n+4){background:#e6dcec}.studio-card .eyebrow{font-size:9px;opacity:.65}.studio-card h2{font-size:clamp(30px,3.7vw,54px);line-height:1.1;letter-spacing:-.05em;margin:30px 20px 25px 0;max-width:440px}.studio-card p{font-size:14px;line-height:1.7;max-width:350px;color:#65735f;margin-bottom:35px}.card-arrow{position:absolute;right:30px;bottom:25px;border:1px solid #72816950;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;font-size:24px}.studio-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #243a2510}.studio-section{margin-top:90px}.studio-section>h2{font-size:46px;margin-bottom:30px}.studio-section>p{max-width:700px;font-size:16px}.studio-note{font-size:12px!important;line-height:1.8;color:#697560;margin-top:27px;max-width:760px}.experiment{background:#e8ebdf;border:1px solid #253c2826;border-radius:25px;padding:40px;max-width:1100px}.experiment-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.experiment-bar a{font-size:12px;min-height:44px;display:flex;align-items:center}.experiment>p{max-width:850px;font-size:15px;line-height:1.8}.experiment pre{background:#183129;color:#daebbd;border-radius:14px;padding:25px;font-size:15px;line-height:1.9;overflow-x:auto;margin:25px 0}.studio code{font-size:.95em;background:#19312910;padding:2px 5px;border-radius:4px}.tool-actions{display:flex;gap:15px;align-items:end;flex-wrap:wrap;margin:25px 0}.studio label{display:grid;gap:9px;font-size:12px}.studio input,.studio select,.studio textarea{font:inherit;font-size:16px;color:var(--ink);padding:13px 14px;border:1px solid #24462b40;border-radius:9px;background:#faf9f4;max-width:100%;min-height:48px}.studio textarea{resize:vertical}.studio input[type=number]{width:130px}.studio input[type=range]{padding:0;background:transparent}.studio button,.studio-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 22px;background:#1d392e;color:#f1f2df;border:1px solid #203d3020;border-radius:40px;font-size:12px;cursor:pointer;text-align:center}.studio button:disabled{opacity:.45;cursor:default}.studio button.secondary{background:transparent;color:#25402d;border-color:#28432940}.experiment-status{min-height:56px;padding:16px 0;color:#24442e;font-size:14px!important}.memory-cells{display:flex;align-items:center;justify-content:space-evenly;gap:15px;margin:35px 0}.memory-cell{white-space:pre-line;padding:25px;background:#214134;color:#e1eac8;border-radius:16px;min-width:180px;font:16px/2 monospace}.pointer-arrow{font-size:15px}.ring-cells{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;margin-top:30px}.ring-cell{white-space:pre-line;text-align:center;min-height:85px;padding:15px 3px;background:#f6f5eb;border:1px solid #203d3030;border-radius:10px;font:12px/2 monospace}.ring-cell[data-filled=true]{background:#294b38;color:#e1f1b7}.layout-bytes{display:grid;grid-template-columns:repeat(8,1fr);gap:7px}.byte-cell{white-space:pre-line;border-radius:7px;text-align:center;padding:10px 2px;font:11px/1.8 monospace;background:#c4d7af}.byte-cell[data-field=padding]{background:repeating-linear-gradient(135deg,#d8d8cd,#d8d8cd 5px,#e8e7dc 5px,#e8e7dc 10px);color:#78796c}.byte-cell[data-field=value]{background:#334e40;color:#eef3dc}.byte-cell[data-field=count]{background:#d4bb9d}.signal-row{display:flex;align-items:stretch;gap:4px;min-height:90px;margin:15px 0}.signal-label{font:10px monospace;writing-mode:vertical-rl;margin-right:8px;min-width:20px}.signal-bit{flex:1;white-space:pre-line;text-align:center;border:1px solid #a2b49b;border-top:5px solid #809877;padding:35px 2px 8px;font:11px/1.7 monospace;min-width:0}.signal-bit[data-high=true]{border-top:5px solid #294d35;background:#d0dfbc;padding:8px 2px 35px}.signal-bit[data-active=true]{outline:3px solid #b96b3c;outline-offset:1px}.clock-bit{flex:1;text-align:center;font:28px monospace;min-width:0;color:#466c41}.article-body{max-width:760px;margin:0 auto}.article-body h2{font-size:35px;line-height:1.2;margin:40px 0 20px;letter-spacing:-.04em}.article-body p{font-size:17px;line-height:1.9;color:#5f6e59}.case-banner{border-radius:24px;padding:45px;background:radial-gradient(ellipse at 80% 30%,#547353,#183329 80%);color:#f0f1dc;margin-bottom:70px}.case-banner>span{font:11px monospace;letter-spacing:.1em}.case-banner strong{display:block;font-size:clamp(60px,9vw,130px);letter-spacing:-.065em;line-height:.96;font-weight:400;margin:50px 0}.case-banner em{font-family:Instrument,Georgia,serif;color:#d8ef8c;font-weight:400}.case-banner .studio-button{border:1px solid #f1f0df50}.architecture{display:grid;justify-items:center;gap:12px;margin:35px 0;font-size:13px}.architecture span{padding:18px 22px;border:1px solid #254b3025;border-radius:12px;width:100%;text-align:center;background:#e5e9dc}.demo-label{font:10px monospace;letter-spacing:.1em;color:#476646;margin-bottom:25px}.demo form{margin-top:30px}.demo form>label input{width:100%}.demo-inputs{display:flex;align-items:end;flex-wrap:wrap;gap:15px;margin-top:18px}.demo-agenda{display:grid;gap:12px;margin:10px 0 30px}.demo-block{display:grid!important;grid-template-columns:25px 100px 1fr;gap:16px!important;align-items:center;padding:22px;background:#fbfaf3;border-radius:12px;border-left:4px solid #7f9d61}.studio input[type=checkbox]{width:22px;height:22px;min-height:22px;accent-color:#456739}.block-time{font:11px/1.6 monospace}.demo-block strong{font-size:14px;font-weight:500}.demo-block[data-done=true] strong{text-decoration:line-through;opacity:.5}.contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.contact-layout h2{font-size:45px;margin-bottom:25px}.contact-layout>div p{font-size:15px;margin-bottom:20px;max-width:430px;color:#65745d}.contact-layout form{display:grid;gap:22px;padding:35px;background:#e6eadc;border-radius:20px}.contact-layout button{justify-self:start}.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}.journal-teaser{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:35px}.journal-teaser img{aspect-ratio:4/5;object-fit:cover;border-radius:20px}.story-photo{max-width:760px;margin:0 auto 50px}.story-photo img{max-height:850px;object-fit:contain;background:#e3e6d8;border-radius:16px}.story-photo figcaption{font:11px monospace;margin-top:16px;color:#6c765f}.ride-checklist{display:grid;gap:15px;margin:30px 0}.ride-checklist label{display:flex;align-items:center;gap:15px;min-height:44px;font-size:14px}.studio-footer{background:#19332a;color:#e4e7d4;display:flex;gap:30px;flex-wrap:wrap;padding:35px 6vw;font-size:11px}.studio-footer a{min-height:44px;display:flex;align-items:center}.studio-footer>span{margin-left:auto;align-self:center;opacity:.5}.home-explore{padding:80px 5vw;background:#e8e8dd}.home-explore h2{font-size:clamp(43px,6vw,80px)}.home-explore p{margin:25px 0;max-width:600px;color:#64705d}.home-explore-links{display:flex;gap:12px;flex-wrap:wrap}.home-explore-links a{border:1px solid #29452f40;border-radius:40px;padding:15px 23px;font-size:12px;min-height:48px}.home-explore-links a:first-child{background:#243f30;color:#f2f2df}
@media(max-width:700px){.studio-nav{padding:16px 6vw;gap:12px;align-items:start;flex-wrap:wrap}.studio-brand{font-size:25px}.studio-nav nav{gap:6px 20px;width:100%;font-size:11px}.studio-heading{padding:40px 0}.studio h1{font-size:55px;margin-top:20px}.studio-heading>p{font-size:16px}.studio-grid{grid-template-columns:1fr;gap:15px}.studio-card{padding:28px;min-height:270px}.studio-card h2{font-size:38px}.studio-card p{font-size:13px}.experiment{padding:23px 18px;border-radius:17px}.experiment-bar{gap:10px}.experiment-bar>.eyebrow{font-size:8px}.experiment-bar a{font-size:10px}.experiment>p{font-size:13px}.experiment pre{font-size:12px;padding:18px}.tool-actions{gap:10px}.studio button{font-size:11px;padding:12px 17px}.memory-cells{flex-direction:column;gap:12px}.memory-cell{width:100%;padding:18px;font-size:14px}.pointer-arrow{transform:rotate(90deg);margin:10px}.ring-cells{grid-template-columns:repeat(4,1fr)}.ring-cell{min-height:75px;font-size:11px}.layout-bytes{gap:4px;grid-template-columns:repeat(4,1fr)}.byte-cell{font-size:10px;padding:8px 2px}.signal-label{font-size:8px;min-width:10px;margin:0}.signal-row{gap:2px}.signal-bit{font-size:8px;padding-inline:0}.clock-bit{font-size:20px}.article-body h2{font-size:30px}.article-body p{font-size:15px}.studio-section{margin-top:65px}.studio-section>h2{font-size:36px}.case-banner{padding:28px;border-radius:18px}.case-banner strong{font-size:75px}.demo-inputs{gap:12px}.demo-inputs>button{width:100%}.demo-block{grid-template-columns:23px 1fr;gap:10px!important;padding:18px}.demo-block strong{grid-column:2;font-size:13px}.demo-block .block-time{font-size:10px}.contact-layout{grid-template-columns:1fr;gap:25px}.contact-layout h2{font-size:38px}.contact-layout form{padding:25px 20px}.journal-teaser{gap:12px}.journal-teaser img{border-radius:12px}.story-photo img{max-height:620px}.studio-footer{gap:10px 25px}.studio-footer>span{width:100%;margin-left:0}.home-explore{padding:65px 6vw}.home-explore-links a{font-size:11px;padding:13px 17px}.studio-note{font-size:11px!important}}
@media(prefers-reduced-motion:reduce){.studio-card{transition:none}.studio-card:hover{transform:none}}