/* Open workshop: real builds, generous type, a clear path into the tool. */
.open-hero{display:grid;grid-template-columns:1fr 1.06fr;gap:48px;padding-block:58px 42px;align-items:center}.open-hero h1{font-size:clamp(38px,4.4vw,66px);line-height:1.32;letter-spacing:-.065em}.open-hero h1 em{font-style:normal;color:#367256}.open-tagline{font-size:20px;font-weight:650;line-height:1.8;margin:22px 0 13px}.open-lead{max-width:440px;line-height:2;color:#5c6d61;font-size:14px}.open-hero .actions{margin-top:28px;gap:20px;flex-wrap:wrap}.open-badges{display:flex;gap:9px 16px;flex-wrap:wrap;font-size:10px;color:#59705c;margin-top:22px}.open-badges span:before{content:'✓';margin-right:6px;color:#48875d}.open-hero-art{background:#060a08;border-radius:16px;overflow:hidden;position:relative;min-width:0;color:white;box-shadow:0 18px 40px #163a3014}.open-hero-art>img{display:block;height:auto;width:100%;aspect-ratio:1.08;object-fit:contain;padding:36px 8px 60px}.hero-art-label{position:absolute;top:23px;left:24px;right:24px;display:flex;justify-content:space-between;gap:15px;font-size:8px;letter-spacing:.12em;color:#b8d4b2}.hero-art-caption{position:absolute;bottom:23px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:end;gap:18px}.hero-art-caption span{font-size:16px;font-weight:500;line-height:1.6}.hero-art-caption a{font-size:10px;color:#d0f776;white-space:nowrap}.open-maker-steps{margin:0 auto;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);padding:0;border-block:1px solid #d6dfd3}.open-maker-steps a{display:flex;align-items:center;gap:14px;padding:22px 15px;color:#234c39;font-size:12px;font-weight:600}.open-maker-steps a+a{border-left:1px solid #d6dfd3}.open-maker-steps span{font-size:11px;color:#859b76}.open-maker-steps b{margin-left:auto}.open-maker-steps a:hover{background:#ebf2e4}.open-promise{padding-block:64px;border-bottom:1px solid #d6dfd3}.open-promise>div:first-of-type{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.open-promise h2{font-size:clamp(24px,2.5vw,34px);line-height:1.6}.open-promise p:not(.eyebrow){line-height:2;color:#5b6b60;font-size:14px}.promise-points{display:flex;gap:30px;flex-wrap:wrap;margin:28px 0 20px;color:#2d5b41;font-size:12px;font-weight:600}.open-promise>.text-link{font-size:11px}.web-studio-band{background:#183d32;color:#f9fcf6;padding-block:65px}.web-studio-band>.wrap:first-child{display:grid;grid-template-columns:.85fr 1.2fr;gap:48px;align-items:center}.studio-intro .eyebrow{color:#b8d59a}.studio-intro h2{font-size:clamp(30px,3vw,44px);line-height:1.5}.studio-intro>p:not(.eyebrow){font-size:14px;line-height:2;color:#d0ded3;margin:20px 0}.studio-intro .actions{flex-wrap:wrap;gap:18px}.studio-intro small{font-size:10px;display:block;line-height:1.9;color:#afc6b5;margin-top:20px}.web-studio-band .text-link{color:#d2edbb}.live-app-shot{border:1px solid #5c7a65;border-radius:10px;background:#edf4e8;overflow:hidden;box-shadow:0 20px 45px #0003}.live-app-shot>div{display:flex;justify-content:space-between;align-items:center;padding:14px;color:#254f3c;font-size:8px;letter-spacing:.07em}.live-app-shot i{display:inline-block;width:6px;height:6px;background:#4d8b59;border-radius:50%;margin-right:5px}.live-app-shot img{width:100%;height:auto}.live-app-shot>p{padding:13px 15px;color:#315e44;font-size:11px}.studio-capabilities{display:flex;gap:12px 24px;flex-wrap:wrap;margin-top:32px;border-top:1px solid #52715d;padding-top:25px;color:#d9ead7;font-size:11px}.studio-capabilities span:before{content:'＋';margin-right:9px;color:#c7f67c}.material-lab{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.material-story h2{font-size:clamp(27px,2.8vw,39px);line-height:1.55}.material-story>p:not(.eyebrow){font-size:14px;line-height:2;color:#536b5b;margin:23px 0}.material-story .caption{font-size:11px!important}.material-calculator{border:1px solid #cdd9c7;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 16px 35px #163a3009}.calc-top{padding:16px 20px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:.08em;color:#54764f;gap:12px}.material-calculator>img{width:100%;height:210px;object-fit:contain;background:black}.calc-body{padding:23px}.calc-body fieldset{border:0;padding:0;margin:0}.calc-body legend{font-size:12px;font-weight:600;margin-bottom:12px}.material-picks{display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.material-picks button{min-height:44px;background:#f6f8f2;border:1px solid #d6dfcf;border-radius:6px;font-size:12px;font-weight:650;color:#34563a}.material-picks button[aria-pressed=true]{color:white;background:#24553e;border-color:#24553e}.mass-result{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:22px}.mass-result>div>span{font-size:10px;color:#63715d;display:block}.mass-result strong{font-size:42px;line-height:1.4;letter-spacing:-.04em;color:#193e2e;display:block}.mass-result small{font-size:18px;font-weight:400}.mass-result>span{font-size:10px;border-radius:5px;padding:7px;background:#f0f5e9;color:#547342;white-space:nowrap}.calc-body .caption{font-size:10px;line-height:1.8;margin-top:12px}.remix-playground{padding-block:64px;background:#edf2e7;border-block:1px solid #dae4d1}.remix-origin{display:flex;align-items:center;gap:22px;background:#fff;border:1px solid #d4dfca;border-radius:9px;padding:16px;max-width:590px;margin:auto}.remix-origin>img{width:155px;height:100px;object-fit:contain;background:#000;border-radius:6px}.remix-origin small,.idea-index{font-size:9px;color:#648153;letter-spacing:.08em}.remix-origin h3{font-size:23px;margin:5px 0}.remix-origin .text-link{font-size:11px}.remix-origin>span{margin-left:auto;color:#82a262;font-size:25px}.remix-branches{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:35px;position:relative}.remix-branches:before{content:'';position:absolute;width:2px;top:0;left:50%;height:35px;background:#b7cca4}.remix-branches article{position:relative;background:#fbfdf7;border-top:3px solid #a4c384;border-radius:0 0 8px 8px;padding:27px 24px}.remix-branches h3{font-size:20px;line-height:1.6;margin:12px 0}.remix-branches p{font-size:12px;color:#5d7158;line-height:1.9;margin-bottom:23px}.remix-branches .text-link{font-size:11px}.share-invitation{padding:70px 0;background:#173c30;color:white}.share-invitation .eyebrow{color:#c0d6a8}.share-invitation h2{font-size:clamp(27px,3vw,42px);line-height:1.6}.share-invitation p:not(.eyebrow){font-size:14px;line-height:2;color:#d2e2d2;max-width:650px;margin:22px 0}.share-invitation .actions{gap:27px;flex-wrap:wrap}.share-invitation .text-link{color:#d1efb8}.share-invitation small{display:block;font-size:11px;color:#afc5b3;margin-top:25px;line-height:1.8}.site-header .editor-nav{background:#1e4b38;color:white!important;border-radius:5px;padding:9px 13px}.open-policy{padding:22px;border:1px solid #d5decf;background:#f3f7ed;border-radius:8px;margin:25px 0}.open-policy p{font-size:13px;line-height:1.9;margin-top:8px}.open-editor-call{display:block;margin-top:16px}.experiment-seed{color:#345e40;font-size:12px;background:#edf4e6;padding:12px;border-radius:6px;margin-bottom:16px}
@media(max-width:1000px){.open-hero{gap:28px}.open-hero h1{font-size:42px}.open-promise>div:first-of-type{gap:30px}.material-lab{gap:35px}.web-studio-band>.wrap:first-child{gap:28px}.site-header nav{gap:13px}.site-header nav a{font-size:10px}}
@media(max-width:760px){.open-hero{grid-template-columns:1fr;padding-block:32px 26px;gap:28px}.open-hero h1{font-size:44px}.open-tagline{font-size:17px;margin-top:18px}.open-lead{font-size:13px}.open-hero .actions{gap:20px;margin-top:22px}.open-badges{font-size:9px}.open-hero-art>img{aspect-ratio:1.3}.hero-art-caption span{font-size:14px}.hero-art-caption a{font-size:9px}.open-maker-steps{grid-template-columns:1fr 1fr}.open-maker-steps a{padding:17px 11px;font-size:11px;gap:10px}.open-maker-steps a:nth-child(3){border-left:0}.open-maker-steps a:nth-child(n+3){border-top:1px solid #d6dfd3}.open-promise{padding-block:40px}.open-promise>div:first-of-type{grid-template-columns:1fr;gap:18px}.open-promise p:not(.eyebrow){font-size:13px}.promise-points{gap:12px;font-size:11px;flex-direction:column;margin-top:20px}.web-studio-band{padding-block:42px}.web-studio-band>.wrap:first-child{grid-template-columns:1fr;gap:25px}.studio-intro>p:not(.eyebrow){font-size:13px}.studio-intro h2{font-size:32px}.studio-capabilities{gap:12px 16px;font-size:10px}.material-lab{grid-template-columns:1fr;gap:27px}.material-story>p:not(.eyebrow){font-size:13px;margin-block:17px}.material-calculator>img{height:185px}.calc-body{padding:19px}.mass-result strong{font-size:37px}.remix-playground{padding-block:42px}.remix-origin{gap:14px;padding:12px}.remix-origin>img{width:108px;height:90px}.remix-origin small{font-size:7px}.remix-origin h3{font-size:21px}.remix-origin .text-link{font-size:10px}.remix-branches{grid-template-columns:1fr;gap:16px;padding-top:25px}.remix-branches:before{height:25px}.remix-branches article{padding:21px}.remix-branches h3{font-size:21px}.share-invitation{padding-block:44px}.share-invitation p:not(.eyebrow){font-size:13px}.share-invitation h2{font-size:27px}.site-header nav .editor-nav{display:none}.site-header nav.open .editor-nav{display:block}.open-policy{padding:18px}.open-policy p{font-size:12px}}
.maker-picture-guide{padding-block:60px 30px}.picture-guide-heading{text-align:center;max-width:760px;margin:0 auto 32px}.picture-guide-heading h2{font-size:clamp(24px,2.5vw,34px);line-height:1.5}.picture-guide-heading>p:last-child{font-size:13px;color:#61705f;margin-top:16px;line-height:1.9}.maker-picture-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.maker-picture-card{position:relative;display:block;background:#f1f5e9;border:1px solid #dde5d4;border-radius:12px;padding:16px 20px 26px;transition:transform .2s,background .2s}.maker-picture-card:hover{transform:translateY(-4px);background:#e8f0db}.maker-picture-card img{display:block;width:100%;height:auto}.picture-step-number{font-size:10px;letter-spacing:.12em;color:#76955e}.maker-picture-card h3{font-size:18px;margin:10px 0;line-height:1.5}.maker-picture-card p{font-size:12px;line-height:1.9;color:#607059;max-width:210px}.picture-step-arrow{position:absolute;right:17px;bottom:15px;color:#608548}.picture-loop{text-align:center;border-top:1px dashed #abc393;color:#48713f;font-size:13px;line-height:1.9;margin:26px 0 0;padding:20px}.maker-picture-card:focus-visible{outline:3px solid #638b45;outline-offset:4px}@media(max-width:900px){.maker-picture-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.maker-picture-guide{padding-block:36px 16px}.maker-picture-grid{gap:12px}.maker-picture-card{padding:7px 12px 22px}.maker-picture-card h3{font-size:15px}.maker-picture-card p{font-size:11px}.picture-loop{font-size:12px;padding:15px 5px}.picture-guide-heading h2{font-size:24px}}@media(prefers-reduced-motion:reduce){.maker-picture-card{transition:none}}