.workshop-page{background:radial-gradient(at 85% 12%,#12433225,#0000 25%),#060b11;overflow-x:clip}.workshop-kicker{color:#80d9c4;font:10px/1.8 var(--font-plex), monospace;letter-spacing:.13em}.workshop-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:55px;padding-block:95px 90px;display:grid}.workshop-hero h1{letter-spacing:-.06em;margin:25px 0;font-size:clamp(45px,4.8vw,67px);font-weight:500;line-height:1.04}.workshop-hero h1 em,.workshop-section-heading h2 em{color:var(--studio-accent);font-style:normal}.workshop-hero-copy>p{max-width:490px;color:var(--studio-muted);font-size:17px;line-height:1.8}.workshop-hero-links{flex-wrap:wrap;align-items:center;gap:25px;margin-top:31px;display:flex}.workshop-text-link{color:#c0d8df;padding-block:8px;font-size:13px;display:inline-block}.workshop-text-link:hover{color:var(--studio-accent)}.workshop-sculpture{isolation:isolate;perspective:1000px;height:490px;position:relative}.workshop-orbit{aspect-ratio:1;background:repeating-linear-gradient(0deg,#0000 0 30px,#48c7c00a 30px 31px),repeating-linear-gradient(90deg,#0000 0 30px,#48c7c00a 30px 31px);border:1px solid #4fb38b26;border-radius:50%;width:95%;position:absolute;top:0;left:4%;box-shadow:0 0 90px #2fd5ad0c,inset 0 0 100px #39ffcd08}.workshop-orbit:after{content:"";border:1px dashed #6ca5ce35;border-radius:50%;position:absolute;inset:12%}.workshop-sheet{border:1px solid #668b9d;border-radius:18px;width:62%;padding:24px;transition:transform .6s;position:absolute;box-shadow:0 10px #02080cc0,0 24px 45px #0008}.workshop-sheet>span,.workshop-sheet small{font:10px/1.7 var(--font-plex), monospace;letter-spacing:.13em}.workshop-sketch{color:#c7d9e8;background:repeating-linear-gradient(0deg,#0000 0 27px,#6693b710 27px 28px),#142333;top:8px;left:0;transform:rotate(-12deg)}.workshop-sketch p{font:25px/1.25 var(--font-lora), serif;margin:19px 0 18px}.workshop-sketch em{color:#bca9ff}.workshop-pencil-line{border-top:2px solid #a58aeb;width:62%;margin-bottom:23px;transform:rotate(-4deg)}.workshop-interface{color:#89dccd;background:#14282d;border-color:#4e9b9180;top:66px;right:-2%;transform:rotate(11deg)}.workshop-interface p{font:25px/1.25 var(--font-lora), serif;color:#d9fff6;margin:14px 0 0}.workshop-interface p em{color:#75ffe3}.workshop-wireframe{grid-template-columns:1fr 1fr;gap:11px;margin:14px 0 18px;display:grid}.workshop-wireframe i{background:#52c7ab0b;border:1px solid #67bdb280;border-radius:7px;height:39px}.workshop-wireframe i:first-child{grid-column:1/-1;height:16px}.workshop-wireframe i:last-child{background:#75ffe320;grid-column:1/-1;width:60%;height:14px}.workshop-finish{z-index:1;color:#cdf8eb;background:radial-gradient(at 100% 0,#21725a77,#0000 80%),#102425;border-color:#60dcba99;width:76%;top:160px;left:11%;transform:rotate(-4deg)}.workshop-finish p{letter-spacing:-.055em;margin:20px 0;font-size:37px;font-weight:500;line-height:1.03}.workshop-finish em{color:#8bffcc;font:italic 24px/1.4 var(--font-lora), serif;letter-spacing:-.03em}.workshop-finish-footer{border-top:1px solid #69b7a138;justify-content:space-between;align-items:end;padding-top:17px;display:flex}.workshop-finish-footer b{letter-spacing:-.08em;font-size:24px}.workshop-finish-footer span{font:10px var(--font-plex), monospace}.workshop-margin-note{font:italic 17px var(--font-lora), serif;color:#dfc594;position:absolute;bottom:-2px;right:3%;transform:rotate(-4deg)}@media (hover:hover){.workshop-sculpture:hover .workshop-sketch{transform:translate(-8px,-9px)rotate(-15deg)}.workshop-sculpture:hover .workshop-interface{transform:translate(10px,-6px)rotate(14deg)}.workshop-sculpture:hover .workshop-finish{transform:translateY(6px)rotate(-2deg)}}.workshop-readout{background:linear-gradient(90deg,#10262133,#10182344);border-block:1px solid #3c596b55;align-items:center;gap:36px;padding-block:24px;display:flex}.workshop-readout>span{color:#82b9b2;font:10px var(--font-plex), monospace;letter-spacing:.1em}.workshop-readout i{background:var(--studio-accent);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block;box-shadow:0 0 12px #39ffd0}.workshop-readout p{color:#a8bcc8;margin:0;font-size:12px}.workshop-readout strong{color:#eef7f8;padding-right:5px;font-size:22px;font-weight:500}.workshop-readout a{color:#8bf1d6;margin-left:auto;font-size:12px}.workshop-domains,.workshop-process{padding-block:90px 0}.workshop-section-heading h2{font:500 clamp(32px, 3.6vw, 46px)/1.13 var(--font-studio), sans-serif;letter-spacing:-.05em;margin:17px 0}.workshop-section-heading>p{max-width:610px;color:var(--studio-muted);margin:0;font-size:16px;line-height:1.8}.workshop-domain-grid{grid-template-columns:1fr 1fr;gap:30px;margin-top:39px;display:grid}.workshop-domain{background:linear-gradient(125deg,#152631,#0a131c);border:1px solid #375262;border-radius:18px;padding:30px;position:relative;box-shadow:0 7px #020609}.workshop-domain-web{background:linear-gradient(125deg,#25241e,#131720);border-color:#655b3d}.workshop-domain-top{justify-content:space-between;align-items:center;display:flex}.workshop-domain-top>span:last-child{color:#7bc6bd;font-size:30px}.workshop-domain-web .workshop-kicker,.workshop-domain-web .workshop-domain-top>span:last-child{color:#efd393}.workshop-domain h3{letter-spacing:-.04em;margin:23px 0 15px;font-size:27px;font-weight:500}.workshop-domain p{color:#b1c4d1;margin:0;font-size:15px;line-height:1.85}.workshop-domain-links{flex-wrap:wrap;gap:9px 23px;margin-top:28px;padding-top:20px;display:flex}.workshop-domain-links a{color:#caf2e9;padding-block:6px;font-size:12px}.workshop-domain-web .workshop-domain-links a{color:#ecddbb}.workshop-domain-links a:hover{text-underline-offset:5px;text-decoration:underline}.workshop-method-console{background:#0b151e;border:1px solid #3c5b65;border-radius:22px;margin-top:35px;overflow:hidden;box-shadow:0 9px #02070b,0 25px 60px #0004}.workshop-method-steps{background:#080f17;border-bottom:1px solid #355260;grid-template-columns:repeat(4,1fr);gap:7px;padding:8px;display:grid}.workshop-method-steps button{text-align:left;color:#afc4d0;cursor:pointer;border:1px solid #0000;border-radius:12px;align-items:center;gap:12px;padding:18px 13px;display:flex}.workshop-method-steps button span{font:10px var(--font-plex), monospace;color:#6a919c}.workshop-method-steps button strong{font-size:13px;font-weight:500}.workshop-method-steps button i{margin-left:auto;font-style:normal}.workshop-method-steps button[aria-pressed=true]{color:#a0ffe0;background:#143b31;border-color:#53bfa17a}.workshop-method-steps button[aria-pressed=true] span{color:#81e3c4}.workshop-method-steps button:hover{border-color:#709c9d}.workshop-method-steps button:focus-visible,.workshop-page a:focus-visible{outline:2px solid var(--studio-accent);outline-offset:3px}.workshop-method-detail{grid-template-columns:1.15fr 1fr;align-items:center;gap:54px;min-height:360px;padding:39px;display:grid}.workshop-method-copy{animation:.3s ease-out both workshop-copy-in}.workshop-method-copy h3{letter-spacing:-.04em;margin:19px 0;font-size:32px;font-weight:500;line-height:1.2}.workshop-method-copy p{color:#b9ccd7;max-width:460px;font-size:15px;line-height:1.85}.workshop-method-tags{flex-wrap:wrap;gap:10px;margin-top:28px;display:flex}.workshop-method-tags span{font:10px var(--font-plex), monospace;color:#93bbb9;border:1px solid #395561;border-radius:6px;padding:8px 10px}.workshop-method-example{background:linear-gradient(135deg,#1e2b40,#111d2b);border:1px solid #7794c653;border-radius:15px;padding:22px;position:relative;transform:rotate(2deg);box-shadow:0 7px #020912}.workshop-method-example>.workshop-kicker{color:#bca9e6;font-size:10px}.workshop-method-glyph{color:#b9a2ff;margin:19px 0;font-size:62px;line-height:1;display:block}.workshop-method-example blockquote{font:21px/1.4 var(--font-lora), serif;color:#e2e9f2;margin:0 0 22px}.workshop-method-example>div{border-top:1px solid #8b9bb82b;padding-top:16px}.workshop-method-example>div span{font:10px/1.7 var(--font-plex), monospace;color:#819db2;display:block}.workshop-method-example strong{color:#b4d9d7;margin-top:8px;font-size:12px;font-weight:400;line-height:1.7;display:block}.workshop-method-footnote{color:#8fa9b8;margin-top:28px;font-size:12px;line-height:1.8}.workshop-method-footnote a{color:#beeadf;display:inline-block}.workshop-rules{grid-template-columns:.8fr 1.2fr;gap:80px;padding-block:100px 80px;display:grid}.workshop-rules .workshop-section-heading{align-self:start;position:sticky;top:40px}.workshop-rule-list article{border-top:1px solid #354a58;gap:25px;padding:25px 0;display:flex}.workshop-rule-list article>span{font:10px/1.8 var(--font-plex), monospace;color:#80dac8;padding-top:5px}.workshop-rule-list article:nth-child(3n+2)>span{color:#bca3f5}.workshop-rule-list article:nth-child(3n)>span{color:#e6c78b}.workshop-rule-list h3{letter-spacing:-.025em;margin:0 0 10px;font-size:21px;font-weight:500}.workshop-rule-list p{color:#adc1cf;margin:0;font-size:14px;line-height:1.8}.workshop-exits{grid-template-columns:.85fr 1.15fr;align-items:center;gap:65px;padding-block:0 80px;display:grid}.workshop-exits h2{letter-spacing:-.04em;margin:15px 0;font-size:33px;font-weight:500}.workshop-exits p{color:#b1c6d1;max-width:380px;margin-bottom:20px;font-size:15px;line-height:1.8}.workshop-coop-door{background:linear-gradient(130deg,#113930,#0d1c27);border:1px solid #4b9c8277;border-radius:20px;padding:36px;box-shadow:0 7px #030809}.workshop-coop-door .workshop-text-link{margin-top:17px;font-size:12px;display:block}.workshop-mailing{border-top:1px solid #354b59;grid-template-columns:1fr 1fr;align-items:center;gap:35px;padding-block:35px 70px;display:grid}.workshop-mailing h2{letter-spacing:-.03em;margin:13px 0;font-size:25px;font-weight:500;line-height:1.3}.workshop-mailing p{color:#8da7b8;font-size:13px}.workshop-mailing form{margin:0}.workshop-mailing form button{background:var(--studio-accent)}#inside-the-build{scroll-margin-top:25px}@keyframes workshop-copy-in{0%{opacity:.2;transform:translateY(7px)}to{opacity:1;transform:none}}@media (max-width:1050px){.workshop-hero{gap:28px;padding-block:65px}.workshop-hero h1{font-size:49px}.workshop-sculpture{height:460px}.workshop-sheet{padding:18px}.workshop-finish p{font-size:32px}.workshop-finish em{font-size:20px}.workshop-readout{flex-wrap:wrap;gap:22px}.workshop-method-detail{gap:32px;padding:28px}.workshop-method-steps button{gap:7px;padding:15px 8px}.workshop-method-steps button strong{font-size:11px}.workshop-rules{gap:45px}}@media (max-width:760px){.workshop-hero{grid-template-columns:1fr;gap:35px;padding-block:45px 30px}.workshop-hero h1{font-size:clamp(38px,8vw,55px)}.workshop-hero-copy>p{font-size:15px}.workshop-kicker{font-size:10px}.workshop-hero-links{gap:16px}.workshop-hero-links .studio-button{font-size:12px}.workshop-sculpture{width:min(100%,440px);height:450px;margin:auto}.workshop-sketch p{font-size:22px}.workshop-interface{right:1%}.workshop-finish{width:79%;left:9%}.workshop-sheet>span,.workshop-sheet small,.workshop-finish-footer span{font-size:10px}.workshop-margin-note{font-size:14px;bottom:0}.workshop-readout{grid-template-columns:1fr 1fr;gap:15px;display:grid}.workshop-readout>span,.workshop-readout>a{grid-column:1/-1;margin:0}.workshop-readout p{font-size:11px}.workshop-domains,.workshop-process{padding-top:55px}.workshop-domain-grid{grid-template-columns:1fr;gap:22px;margin-top:28px}.workshop-domain{padding:24px}.workshop-domain h3{font-size:25px}.workshop-domain p,.workshop-section-heading>p{font-size:14px}.workshop-method-steps{grid-template-columns:1fr 1fr}.workshop-method-steps button{padding:14px 10px}.workshop-method-detail{grid-template-columns:1fr;gap:27px;padding:26px 22px}.workshop-method-copy h3{font-size:28px}.workshop-method-copy p{font-size:14px}.workshop-method-example{transform:rotate(1deg)}.workshop-rules{grid-template-columns:1fr;gap:28px;padding-block:65px 45px}.workshop-rules .workshop-section-heading{position:static}.workshop-exits{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.workshop-coop-door{padding:25px}.workshop-exits h2{font-size:29px}.workshop-mailing{grid-template-columns:1fr;gap:25px;padding-bottom:45px}.workshop-mailing form>div:first-child,.workshop-mailing input[type=email],.workshop-mailing button{width:100%}}@media (prefers-reduced-motion:reduce){.workshop-sheet{transition:none}.workshop-method-copy{animation:none}.workshop-sculpture:hover .workshop-sketch{transform:rotate(-12deg)}.workshop-sculpture:hover .workshop-interface{transform:rotate(11deg)}.workshop-sculpture:hover .workshop-finish{transform:rotate(-4deg)}}.workshop-method-creed{justify-items:start;gap:10px;display:grid}.workshop-method-creed ol{counter-reset:creed;gap:6px;margin:0;padding:0;list-style:none;display:grid}.workshop-method-creed li{counter-increment:creed;align-items:baseline;gap:12px;display:flex}.workshop-method-creed li:before{content:"0" counter(creed);font:10px var(--font-plex), monospace;letter-spacing:1px;color:#43ffe4;flex:none}.workshop-method-creed li{color:#adc1cf;font-size:14px;line-height:1.7}.workshop-method-creed>.workshop-kicker{margin-bottom:2px}
