.workshop-shell{position:relative}.workshop-header{max-width:1100px;margin:auto;padding:clamp(48px,8vw,96px) clamp(24px,5vw,64px) 48px}.workshop-header h1{color:#f0eddf;letter-spacing:-.055em;overflow-wrap:break-word;max-width:none;margin:0;font:900 clamp(40px,6vw,78px)/1.04 Arial Black,Arial,sans-serif;transform:none}.workshop-header>p:not(.archive-kicker):not(.workshop-byline){color:#b9b0b8;max-width:720px;margin:28px 0;font:22px/1.55 Georgia,serif}.workshop-byline{color:#61e7f3;letter-spacing:.06em;font:700 12px/1.8 monospace;display:block}.workshop-gallery-header{grid-template-columns:minmax(0,1fr) minmax(240px,340px);align-items:center;gap:clamp(32px,5vw,80px);max-width:1440px;display:grid}.workshop-intro h1{white-space:nowrap}.workshop-intro>p:not(.archive-kicker){color:#b9b0b8;max-width:720px;margin:28px 0 36px;font:22px/1.55 Georgia,serif}.workshop-sketch{stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;justify-self:end;width:100%;max-width:340px}.sketch-guides{stroke:#61e7f3;opacity:.15}.sketch-notebook{stroke:#ff4fbd;opacity:.55}.sketch-terminal{stroke:#61e7f3;opacity:.75}.sketch-signal{stroke:#dfff43;opacity:.5}.workshop-sketch text{fill:#61e7f3;opacity:.5;letter-spacing:1px;font:8px monospace}@media (max-width:1050px){.workshop-gallery-header{grid-template-columns:minmax(0,1fr) 240px;gap:24px}.workshop-intro h1{font-size:clamp(40px,6vw,62px)}}@media (max-width:760px){.workshop-gallery-header{grid-template-columns:1fr;gap:16px}.workshop-intro h1{font-size:clamp(34px,10vw,62px)}.workshop-sketch{justify-self:center;max-width:220px}}.workshop-index{max-width:1100px;margin:auto;padding:0 clamp(24px,5vw,64px) 96px}.workshop-index article{background:#100b13b8;border:1px solid #40333e;border-left:3px solid #61e7f3;padding:36px clamp(24px,4vw,48px)}.workshop-index h2{letter-spacing:-.04em;max-width:24ch;margin:24px 0;font:900 clamp(28px,4vw,46px)/1.1 Arial Black,Arial,sans-serif}.workshop-index h2 a{color:#f0eddf;text-decoration:none}.workshop-index article>p:not(.archive-kicker):not(.workshop-byline){color:#b9b0b8;max-width:680px;font:20px/1.65 Georgia,serif}.workshop-read{color:#dfff43;border-bottom:1px solid #dfff43;align-items:center;min-height:44px;margin-top:20px;font:800 12px/1.5 monospace;text-decoration:none;display:inline-flex}.workshop-shell a:focus-visible{outline-offset:6px;outline:3px solid #dfff43}.workshop-shell a:hover{color:#dfff43}.workshop-prose{max-width:820px;margin:0 auto;padding:0 clamp(24px,5vw,64px) 80px}.workshop-prose p{color:#c9c0c7;margin:0 0 24px;font:20px/1.8 Georgia,serif}.workshop-opening>p:first-child{color:#f0eddf;font-size:24px}.workshop-prose h2{color:#f0eddf;letter-spacing:-.025em;margin:56px 0 24px;scroll-margin-top:100px;font:800 clamp(26px,3vw,34px)/1.2 Arial,Helvetica,sans-serif}.workshop-prose .workshop-closing{color:#f0eddf;border-left:3px solid #ff4fbd;margin-top:56px;padding:24px 0 24px 24px;font-size:26px;font-style:italic}.workshop-prose .workshop-credit{color:#aaa1a9;font:12px/1.8 monospace}@media (max-width:600px){.workshop-shell .archive-nav{flex-wrap:wrap;gap:16px;padding-block:12px;line-height:1.5}.workshop-header{padding-bottom:32px}.workshop-prose p{font-size:18px;line-height:1.75}.workshop-header .archive-kicker{line-height:1.8}}
