@font-face{font-family:Fraunces;src:url(/fonts/fraunces-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Fraunces;src:url(/fonts/fraunces-italic-latin.woff2) format("woff2");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:DMSans;src:url(/fonts/dm-sans-latin.woff2) format("woff2");font-weight:400 700;font-style:normal;font-display:swap}:root{--paper:#faf7f2;--paper-deep:#f5eee4;--ink:#07383e;--text:#253438;--muted:#586368;--coral:#cc6848;--line:#e4d7c7;--deep:#033d44;--white:#fffdf9;--serif:Fraunces,Georgia,serif;--sans:DMSans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.55}button,a{font:inherit}button{cursor:pointer}.skip{position:fixed;left:12px;top:-50px;z-index:100;background:var(--ink);color:#fff;padding:.7rem 1rem}.skip:focus{top:12px}.site-header{height:76px;max-width:1440px;padding:0 clamp(24px,5vw,76px);margin:auto;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{font-family:var(--serif);font-size:19px;color:var(--ink);text-decoration:none;white-space:nowrap}.brand i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#1a6970;margin-right:8px}.brand span{color:var(--coral);padding:0 3px}.brand em,h1 em,h2 em{font-weight:400;color:var(--coral)}.nav{display:flex;gap:43px}.nav :is(button,a),.mobile-nav :is(button,a){border:0;background:transparent;color:var(--text);font-size:14px;padding:9px 0}.nav :is(button,a):first-child{border-bottom:2px solid var(--coral)}.nav :is(button,a):hover,.text-link:hover,footer a:hover,footer button:hover{color:var(--coral)}.menu-button{display:none;border:0;background:transparent;color:var(--ink)}.hero{max-width:1440px;min-height:605px;margin:auto;padding:40px clamp(24px,5vw,76px) 56px;display:grid;grid-template-columns:1fr .92fr;gap:70px;align-items:center;position:relative}.hero-copy{max-width:590px}.hero h1,.section-heading h2,.project h2,.perspectives h2,.about h2,.contact h2,.dialog h2{font-family:var(--serif);font-weight:400;color:var(--ink);line-height:1.03;letter-spacing:-.045em;margin:0}.hero h1{font-size:clamp(51px,5.5vw,83px)}.hero-copy>p{font-size:18px;line-height:1.55;max-width:440px;margin:28px 0}.hero-actions{display:flex;align-items:center;gap:31px;flex-wrap:wrap}.button{border:1px solid currentColor;border-radius:5px;padding:15px 20px;display:inline-flex;align-items:center;gap:23px;text-decoration:none;font-size:14px;transition:.2s transform,.2s background}.button svg,.text-link svg{width:18px}.button:hover{transform:translateY(-2px)}.primary{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 5px 10px #06383d24}.text-link{border:0;border-bottom:1px solid var(--ink);padding:8px 0;background:transparent;color:var(--ink);display:inline-flex;gap:22px;align-items:center;font-size:14px}.portrait-frame{height:467px;margin:0;border:1px solid #e4cbb6;position:relative;background:#f8f1e7;overflow:hidden}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:center}.portrait-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 66%,#fbf5eddb)}.portrait-note{position:absolute;z-index:1;bottom:18px;left:0;right:0;text-align:center;color:#5b5c57;font-size:13px}.scribble{position:absolute;z-index:1;border-color:#789da0;opacity:.55}.circle{width:88px;height:88px;border:1px solid;border-radius:50%;left:48px;top:112px;background:#b8c8c370}.dash{height:40px;width:60px;border-top:2px dashed;transform:rotate(-43deg);right:34px;bottom:105px}.trail{position:absolute;bottom:0;left:18%;right:15%;height:50px;display:flex;align-items:center;gap:9px;color:#554b48;font-family:var(--serif);font-size:14px}.trail i{height:1px;flex:1;background:var(--line);position:relative}.trail i:after{content:"";width:7px;height:7px;position:absolute;right:0;top:-3px;background:var(--coral);border:2px solid white;border-radius:50%}.trail b{display:inline-block;width:8px;height:8px;background:#1a6970;border:2px solid white;border-radius:50%;margin-left:7px}.workshop{background:var(--deep);color:#eaf1ee;padding:67px clamp(24px,5vw,76px) 72px;display:grid;grid-template-columns:.8fr 1.2fr;gap:68px;align-items:center;position:relative;overflow:hidden}.workshop:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 80% 50%,#21616855,transparent 30%),repeating-radial-gradient(circle at 30% 80%,#b7d7d01c 0 1px,transparent 1px 8px);pointer-events:none}.section-heading,.context-panel{position:relative;z-index:1}.section-heading h2{font-size:clamp(38px,4vw,58px);color:#fff}.section-heading p{margin:62px 0 0;max-width:360px;font-size:16px;line-height:1.65}.section-heading h2:after,.contact h2:after{content:"";display:block;background:var(--coral);width:43px;height:2px;margin-top:24px}.context-tabs{display:flex;gap:12px;justify-content:flex-end;flex-wrap:wrap}.context-tabs button{min-width:164px;color:#fff;background:transparent;border:1px solid #aec9c8;border-radius:5px;padding:13px 15px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:14px}.context-tabs button svg{width:20px}.context-tabs button.selected{background:var(--paper);color:var(--text);border-color:var(--coral);box-shadow:0 0 0 1px #d67c60}.context-card{margin:57px auto 0;max-width:580px;border:1px solid #72999a;border-radius:6px;padding:23px 27px;color:#eaf1ee}.fiction{font-size:11px;text-transform:uppercase;color:#d9b7a7;letter-spacing:.08em}.context-card h3{font-family:var(--serif);font-size:25px;font-weight:400;margin:10px 0 18px}.comparison{display:grid;grid-template-columns:1fr 1fr;gap:23px}.comparison div{border-left:2px solid var(--coral);padding-left:13px}.comparison span,.project-line>span,.overline{font-size:11px;text-transform:uppercase;letter-spacing:.09em;color:var(--coral);font-weight:700}.comparison p{font-size:14px;line-height:1.5;margin:7px 0}.context-note{font-family:var(--serif);font-style:italic;color:#e09270;margin:17px 0 0;font-size:18px}.project{padding:74px clamp(24px,5vw,76px) 96px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;max-width:1440px;margin:auto}.project h2,.perspectives h2{font-size:clamp(40px,4.5vw,60px);margin:14px 0 46px}.project-line{border-left:1px solid var(--line);padding:12px 0 12px 31px;position:relative}.project-line:before{content:"";position:absolute;width:10px;height:10px;background:#1a6970;border:3px solid var(--paper);border-radius:50%;left:-7px;top:37px}.project h3{font:400 clamp(31px,3vw,42px)/1.1 var(--serif);color:var(--ink);margin:13px 0}.project-line p{max-width:500px;margin:19px 0 21px;line-height:1.65}.project-detail{max-width:570px;background:var(--paper-deep);border-left:2px solid var(--coral);padding:17px;margin-top:23px;font-size:14px}.notebook{margin:0}.notebook img{width:100%;height:auto;display:block;border-radius:17px;box-shadow:0 10px 20px #35251824}.perspectives{border-top:1px solid var(--line);padding:84px clamp(24px,5vw,76px) 68px;max-width:1440px;margin:auto}.perspectives h2{margin-bottom:38px}.lens-tabs{display:flex;border-bottom:1px solid var(--line);gap:8vw}.lens-tabs button{border:0;background:transparent;padding:13px 0;color:var(--text);min-width:130px;text-align:left;font-family:var(--serif);font-size:18px}.lens-tabs button[aria-pressed=true]{border-bottom:3px solid var(--coral)}.lens-content{display:grid;grid-template-columns:.78fr 1fr;gap:60px;padding-top:44px}.lens-content>div{border-right:1px solid var(--line);padding:0 65px 15px 0}.lens-content h3{font:400 clamp(42px,4.8vw,68px)/1.05 var(--serif);color:var(--ink);margin:0 0 25px;letter-spacing:-.04em}.lens-content p{max-width:350px}.lens-content ul{list-style:none;padding:0;margin:0}.lens-content li{padding:17px 0;border-bottom:1px solid var(--line)}.lens-content a{font:400 clamp(22px,2.4vw,34px)/1.2 var(--serif);color:var(--ink);text-decoration:none;display:flex;justify-content:space-between;gap:10px}.lens-content a:hover{color:var(--coral)}.lens-content a svg{width:19px}.lens-content small{color:var(--coral);font-size:11px;text-transform:uppercase;letter-spacing:.1em;display:block;margin-top:8px}.about{background:var(--paper-deep);padding:75px clamp(24px,5vw,76px);display:grid;grid-template-columns:1fr 1fr;gap:10vw}.about h2{font-size:clamp(43px,5vw,70px);margin-top:17px}.about>div:last-child{padding-top:41px;max-width:480px}.about p{margin:0 0 20px;font-size:17px}.perspective-button{background:none;border:0;color:var(--coral);padding:10px 0;display:flex;gap:10px;align-items:center;margin-top:20px}.perspective-button svg{width:19px}.about output{display:block;color:var(--ink);font-family:var(--serif);font-size:24px;line-height:1.3;margin-top:12px}.contact{background:var(--deep);color:#eaf1ee;padding:73px clamp(24px,5vw,76px);display:grid;grid-template-columns:70px 1fr auto;gap:20px;align-items:end;position:relative;overflow:hidden}.contact:after{content:"";position:absolute;width:600px;height:600px;right:-200px;bottom:-460px;border:1px solid #7ea5a170;border-radius:50%;box-shadow:0 0 0 40px #7ea5a10d,0 0 0 80px #7ea5a10d}.contact>svg{width:45px;height:45px;z-index:1}.contact>div,.contact>a{z-index:1}.contact h2{font-size:clamp(44px,5.2vw,75px);color:#fff}.contact p{max-width:380px;margin:29px 0 0}.light{background:transparent;color:#fff;border-color:#c9d8d4;margin-bottom:7px}footer{background:var(--deep);border-top:1px solid #678888;color:#e2eae6;padding:18px clamp(24px,5vw,76px);display:flex;justify-content:space-between;gap:20px;align-items:center;font-size:13px}footer a,footer button{color:#e2eae6;background:none;border:0;text-decoration:none}footer div{display:flex;gap:20px}.dialog{max-width:630px;border:1px solid var(--line);padding:46px;background:var(--paper);color:var(--text);box-shadow:0 24px 60px #001c20aa}.dialog::backdrop{background:#02272d99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.dialog h2{font-size:42px;margin:10px 0 22px}.dialog p{max-width:510px}.dialog a{color:var(--coral)}.dialog-close{position:absolute;right:15px;top:15px;border:0;background:none;color:var(--ink)}.dialog-close svg{width:25px}.dialog-note{border-left:2px solid var(--coral);padding-left:14px;margin-top:22px;font-size:14px}.legal{max-width:510px}.legal h2{font-size:37px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.up{transform:rotate(180deg)}@media(max-width:760px){.site-header{height:64px}.nav{display:none}.menu-button{display:block}.mobile-nav{position:absolute;right:16px;top:56px;background:var(--paper);box-shadow:0 12px 25px #002c3322;padding:12px 20px;border:1px solid var(--line);min-width:175px}.mobile-nav :is(button,a){display:block;width:100%;text-align:left}.hero{display:block;padding-top:30px;min-height:0}.hero h1{font-size:clamp(45px,12vw,66px)}.hero-copy>p{font-size:16px;margin:22px 0}.hero-actions{gap:16px}.portrait-frame{height:min(120vw,465px);margin:42px auto 38px;max-width:470px}.trail{position:static;width:100%;font-size:12px;gap:5px}.workshop{display:block;padding-top:54px}.section-heading p{margin:27px 0 38px}.context-tabs{justify-content:flex-start;gap:7px}.context-tabs button{min-width:0;flex:1;padding:10px 7px;font-size:12px}.context-tabs button svg{display:none}.context-card{margin-top:21px;padding:19px}.comparison{grid-template-columns:1fr;gap:14px}.project{display:flex;flex-direction:column;padding-top:62px;gap:39px}.project h2{margin-bottom:30px}.notebook{width:100%}.perspectives{padding-top:57px}.lens-tabs{justify-content:space-between;gap:0}.lens-tabs button{min-width:auto;font-size:16px}.lens-content{grid-template-columns:1fr;gap:30px;padding-top:34px}.lens-content>div{border-right:0;border-bottom:1px solid var(--line);padding:0 0 25px}.lens-content h3{font-size:47px}.lens-content a{font-size:24px}.about{display:block;padding-top:58px}.about>div:last-child{padding-top:34px}.contact{grid-template-columns:1fr;padding-top:54px;gap:16px}.contact>svg{display:none}.contact a{justify-self:start;margin-top:15px}footer{flex-wrap:wrap;font-size:12px}.dialog{width:calc(100% - 24px);padding:38px 25px}.dialog h2{font-size:35px}}@media(max-width:375px){.brand{font-size:16px}.brand i{width:8px;height:8px;margin-right:5px}.hero,.workshop,.project,.perspectives,.about,.contact{padding-left:18px;padding-right:18px}.button{padding:12px 14px;gap:12px;font-size:13px}.text-link{gap:12px}.context-tabs{display:grid;grid-template-columns:1fr}.context-tabs button{width:100%}.trail{font-size:11px}.lens-tabs button{font-size:14px}.contact h2{font-size:43px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.notebook figcaption{font-size:11px;color:var(--muted);margin-top:9px;text-align:right}:root{--paper:#f7f4ef;--ink:#173f43;--coral:#b76d45;--deep:#173f43}.hero-copy>p{color:var(--muted)}.nav :is(button,a):first-child{border-bottom:0}.portrait-frame img{object-fit:contain}.portrait-frame:after{display:none}.workshop:before{display:none}.section-heading h2{font-size:clamp(38px,3.6vw,49px)}.about h3{font:400 clamp(40px,4.4vw,62px)/1.08 var(--serif);letter-spacing:-.04em;color:var(--ink);margin:0 0 28px}.about h3 em{font-weight:400;color:var(--coral)}.contact-email{display:block;width:max-content;color:#fff;font:400 clamp(27px,3.4vw,46px)/1.2 var(--serif);text-decoration:none;border-bottom:1px solid var(--coral);margin-top:32px}.contact-linkedin{color:#fff;display:flex;align-items:center;gap:16px;font-size:14px;margin-top:17px;width:max-content}.contact-linkedin svg{width:18px}.site-header button,.button,.text-link,.context-tabs button,.lens-tabs button,.perspective-button,footer button,.dialog-close{min-height:44px}.site-header button:focus-visible,.button:focus-visible,.text-link:focus-visible,.context-tabs button:focus-visible,.lens-tabs button:focus-visible,.perspective-button:focus-visible,footer button:focus-visible,a:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.lens-content{animation:content-in .28s ease-out}@keyframes content-in{0%{opacity:.65;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}.portrait-frame{width:100%;max-width:465px;height:auto;justify-self:end;border:0;background:transparent;overflow:visible}.portrait-frame img{display:block;width:100%;height:auto}.portrait-note{position:static;display:block;margin-top:12px;font-size:13px}.about>div:first-child>p{max-width:440px;margin-top:34px}.overline,.project-line>span,.lens-content small,.perspective-button{color:#9a4d2e}.comparison span,.fiction{color:#eab08b}.context-note{color:#e5a178}.dialog-close{min-width:44px}.dialog-close:focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media(max-width:760px){.portrait-frame{max-width:360px;margin:34px auto 20px}.portrait-note{font-size:12px}.about h3{font-size:40px}.about>div:last-child{padding-top:35px}}.editorial-index{gap:7vw;padding-top:58px;padding-bottom:58px}.editorial-index .overline{color:#eab08b}.editorial-index h2{margin:16px 0 0}.editorial-index .section-heading p{margin-top:26px;max-width:430px}.workshop-entries{position:relative}.workshop-entries a{display:grid;grid-template-columns:30px 1fr 24px;align-items:center;gap:16px;color:#f7f4ef;text-decoration:none;padding:24px 0;border-bottom:1px solid #ffffff35}.workshop-entries a:first-child{border-top:1px solid #ffffff35}.entry-number{font-size:12px;color:#eab08b;align-self:start;padding-top:4px}.workshop-entries small{display:block;color:#c8d9d4;font-size:12px;margin-bottom:8px}.workshop-entries strong{font:400 clamp(24px,2.5vw,34px)/1.2 var(--serif)}.workshop-entries svg{transition:transform .2s}.workshop-entries a:hover svg{transform:translate(5px)}.science,.play-section{padding:80px clamp(24px,5vw,76px);max-width:1440px;margin:auto;border-top:1px solid var(--line)}.science{display:grid;grid-template-columns:.85fr 1.15fr;gap:7vw;align-items:center}.science h2,.play-heading h2{font:400 clamp(38px,4.1vw,57px)/1.1 var(--serif);letter-spacing:-.035em;margin:18px 0 28px}.science h2 em,.play-heading h2 em{color:var(--coral)}.science-copy p{max-width:470px;line-height:1.7}.science-copy .text-link{margin-top:26px;width:fit-content}.archive-note{display:block;font-size:12px;color:var(--muted);line-height:1.7;margin-top:12px}.slide-browser{min-width:0}.slide-browser figure{margin:0}.slide-browser img{width:100%;height:auto;display:block;background:#fff;box-shadow:0 8px 32px #173f4314;border:1px solid var(--line)}.slide-browser figcaption{min-height:162px;padding-top:23px}.slide-browser figcaption>span{color:#9a4d2e;font-size:12px}.slide-browser h3{font:400 29px/1.2 var(--serif);color:var(--ink);margin:8px 0}.slide-browser figcaption p{font-size:14px;line-height:1.6;margin:0;max-width:550px}.slide-controls{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;gap:12px}.slide-controls button{min-width:44px;min-height:44px;display:grid;place-items:center;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:50%}.slide-controls button:hover{background:var(--paper-deep)}.slide-controls button:focus-visible{outline:3px solid var(--coral);outline-offset:3px}.slide-controls span{font-size:12px;color:var(--muted)}.play-heading{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center}.play-heading>p{max-width:460px;line-height:1.7}.game-stage{border:1px solid var(--line);background:#ede9e0;margin-top:24px}.game-invitation{text-align:center;padding:50px 24px 38px;overflow:hidden}.play-lettering{display:flex;justify-content:center;align-items:baseline;gap:clamp(7px,2vw,24px);position:relative;max-width:570px;margin:0 auto 30px;padding-bottom:16px;border-bottom:1px solid #173f4340;font:400 clamp(42px,7vw,92px)/1.2 var(--serif);color:var(--ink)}.play-lettering span:nth-child(3n){transform:rotate(12deg) translateY(7px)}.play-lettering span:nth-child(4n){transform:rotate(-10deg)}.play-lettering span:nth-child(5),.play-lettering span:nth-child(7){color:#9a4d2e}.play-lettering i{width:15px;height:15px;border-radius:50%;background:var(--coral);position:absolute;bottom:0;right:6%}.game-invitation h3{font:400 30px/1.2 var(--serif);color:var(--ink);margin:0 0 12px}.game-invitation p{margin:0 0 24px}.game-invitation .button{margin:auto}.game-invitation small{display:block;margin-top:17px;font-size:12px;color:var(--muted)}.game-toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 18px;background:var(--paper);gap:12px}.game-toolbar>span{font:400 20px var(--serif);color:var(--ink)}.game-toolbar .text-link{font-size:13px}.game-stage iframe{display:block;width:100%;height:640px;border:0;background:#000}.play-footnote{font-size:12px;color:var(--muted);margin-top:13px}@media(max-width:760px){.editorial-index .workshop-entries{margin-top:32px}.science{grid-template-columns:1fr;gap:38px}.science,.play-section{padding:56px 24px}.play-heading{grid-template-columns:1fr;gap:0}.play-heading h2{margin-bottom:12px}.slide-browser figcaption{min-height:178px}.game-stage iframe{height:660px;max-height:85svh;min-height:450px}.game-toolbar{padding:8px 12px}.game-toolbar>span{font-size:17px}.game-toolbar .text-link{gap:7px}.game-invitation{padding:38px 18px 30px}.game-invitation p{font-size:14px}}.craft-science{grid-template-columns:.9fr 1.1fr;gap:8vw;padding-top:92px;padding-bottom:92px}.craft-science h2{font-size:clamp(38px,3.9vw,56px)}.craft-credit{border-left:2px solid var(--coral);padding:3px 0 3px 20px;margin-top:32px}.craft-credit span,.craft-credit small{display:block;font-size:12px;color:var(--muted)}.craft-credit strong{display:block;font:400 23px/1.3 var(--serif);color:var(--ink);margin:9px 0}.composition{min-width:0}.specimen{position:relative;isolation:isolate;aspect-ratio:1/1.1;background:#fdfbf6;border:1px solid #ded8cd;box-shadow:5px 7px 0 -1px #eee8dc,5px 7px #ded8cd,0 18px 38px #173f430b;padding:32px 36px 26px;display:flex;flex-direction:column;justify-content:center;overflow:hidden}.specimen-registration{position:absolute;top:22px;left:28px;right:28px;display:flex;justify-content:space-between;gap:12px;font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.specimen-title{position:relative;margin-top:16px;font:400 clamp(49px,5.6vw,82px)/.99 var(--serif);letter-spacing:-.055em;color:var(--ink);z-index:1}.specimen-title span,.specimen-title em{display:block}.specimen-title span:nth-child(2){font-size:.74em;line-height:1.4;letter-spacing:-.035em;padding-left:14%}.specimen-title em{color:#a65b36;text-align:right;padding-right:8%}.specimen-drawing{width:100%;height:auto;margin:16px 0 4px;color:var(--coral)}.specimen-colophon{font-size:12px;line-height:1.6;color:var(--muted);margin:0}.specimen-edition{position:absolute;right:26px;bottom:22px;font-size:9px;color:var(--muted);writing-mode:vertical-rl;letter-spacing:.09em;text-transform:uppercase}.specimen-grid{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;opacity:0;background:repeating-linear-gradient(0deg,transparent 0 23px,#173f4314 23px 24px),repeating-linear-gradient(90deg,transparent 0 23px,#173f4314 23px 24px);transition:opacity .25s}.show-traces .specimen-grid{opacity:1}.craft-annotations{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;color:#914523;font:italic 12px/1.4 var(--serif)}.craft-annotations span{position:absolute;background:#fdfbf6ed;padding:4px 8px;border-bottom:1px solid #b76d4570}.annotation-top{top:11%;left:7%;transform:rotate(-3deg)}.annotation-middle{top:48%;right:2%;transform:rotate(3deg)}.annotation-bottom{bottom:7%;left:9%;transform:rotate(-2deg)}.specimen-tools{margin-top:25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 18px}.specimen-tools>span{font-size:11px;color:var(--muted)}.specimen-tools button{display:flex;align-items:center;gap:9px;background:transparent;border:0;border-bottom:1px solid var(--line);color:var(--ink);font-size:12px;min-height:44px;padding:8px 0}.specimen-tools svg{width:15px}.specimen-tools button:hover{color:#914523}.specimen-tools button:focus-visible{outline:3px solid var(--coral);outline-offset:4px}@media(max-width:760px){.craft-science{grid-template-columns:1fr;padding-top:58px;padding-bottom:62px;gap:40px}.specimen{padding:30px 28px;max-width:480px;width:100%;margin:auto}.specimen-title{font-size:clamp(48px,12vw,76px)}.specimen-registration{left:20px;right:20px;font-size:8px}.specimen-colophon,.craft-annotations{font-size:11px}.specimen-drawing{margin-top:10px}.specimen-tools{max-width:480px;margin:23px auto 0}}.annotation-middle{top:58%}.skip{visibility:hidden}.skip:focus{visibility:visible}.lens-content h4{font:400 clamp(25px,2.8vw,38px)/1.2 var(--serif);color:var(--ink);margin:0 0 12px;letter-spacing:-.02em}.lens-content li>p{font-size:14px;line-height:1.6;max-width:470px;margin:0;color:var(--muted)}.lens-content li{padding:23px 0}.lens-content li:first-child{padding-top:0}.lens-content>div>p{max-width:420px}.lens-tabs{gap:24px}.lens-tabs button{min-width:0}.hero h1{font-size:clamp(45px,5.4vw,78px)}@media(max-width:760px){.lens-tabs{gap:10px}.lens-tabs button{font-size:clamp(12px,3.2vw,16px)}.hero h1{font-size:clamp(41px,10.7vw,66px)}.lens-content h3{font-size:clamp(36px,10vw,47px)}}#inhalt{position:relative}.thinking-trail{position:absolute;left:max(5px,calc((100% - 1440px)/2 + 12px));top:0;width:44px;height:100%;color:#b38b70;opacity:.65;pointer-events:none;z-index:2}.early-stance,.work-notes{max-width:1440px;margin:auto;padding:70px clamp(24px,5vw,76px)}.early-stance{display:grid;grid-template-columns:1fr 1fr;gap:7vw;border-top:1px solid var(--line)}.early-stance h2,.notes-heading h2{font:400 clamp(36px,4vw,56px)/1.12 var(--serif);letter-spacing:-.035em;color:var(--ink);margin:17px 0 0}.early-stance h2 em,.notes-heading h2 em{color:var(--coral)}.stance-text{max-width:520px}.stance-text p{margin:0 0 18px;line-height:1.75}.stance-text .text-link{width:fit-content}.work-notes{border-top:1px solid var(--line);padding-top:80px;padding-bottom:78px}.notes-heading{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;margin-bottom:42px}.notes-heading>p{line-height:1.75;max-width:490px}.notes-list{border-top:1px solid #cfc7b9}.work-note{border-bottom:1px solid #cfc7b9}.work-note summary{display:grid;grid-template-columns:42px 1fr 44px;align-items:center;gap:16px;cursor:pointer;padding:27px 0;list-style:none;min-height:100px}.work-note summary::-webkit-details-marker{display:none}.note-number{font-size:12px;color:#9a4d2e;align-self:start;padding-top:4px}.work-note summary small{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:block;margin-bottom:7px}.work-note summary strong{font:400 clamp(25px,3vw,38px)/1.2 var(--serif);color:var(--ink)}.note-toggle{position:relative;width:44px;height:44px;border:1px solid var(--line);border-radius:50%;transition:background .2s}.note-toggle:before,.note-toggle:after{content:"";position:absolute;background:var(--ink);width:14px;height:1px;top:21px;left:14px}.note-toggle:after{transform:rotate(90deg)}.work-note[open] .note-toggle:after{transform:rotate(0)}.work-note summary:hover .note-toggle{background:var(--paper-deep)}.work-note summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}.note-body{padding:0 60px 30px 58px;display:grid;grid-template-columns:1fr 1fr;gap:22px 50px}.note-body>p{grid-column:1/-1;max-width:760px;margin:0;line-height:1.75}.note-body h3{font-size:11px;text-transform:uppercase;letter-spacing:.07em;color:#9a4d2e;margin:0 0 10px}.note-body div p{margin:0;line-height:1.75;font-size:15px}.note-body>small{grid-column:1/-1;font-size:12px;color:var(--muted)}.notes-footnote{font-size:12px;color:var(--muted);margin:18px 0 0}.portrait-frame{transform:rotate(-1deg)}.portrait-note{transform:rotate(1deg)}@media(max-width:760px){.thinking-trail{left:1px;width:15px;opacity:.55}.early-stance,.work-notes{padding:48px 24px}.early-stance,.notes-heading{grid-template-columns:1fr;gap:24px}.notes-heading{margin-bottom:26px}.notes-heading>p{margin:0}.work-note summary{grid-template-columns:22px 1fr 44px;gap:10px;padding:23px 0}.work-note summary strong{font-size:25px}.work-note summary small{font-size:10px}.note-body{padding:0 0 25px 32px;grid-template-columns:1fr;gap:22px}.note-body>p,.note-body>small{grid-column:1}.portrait-frame,.portrait-note{transform:none}}.thinking-trail{left:12px}@media(max-width:1100px){.thinking-trail{left:1px;width:15px}}body[data-era]{overflow-x:clip}body[data-era] .era-switcher{position:relative;z-index:20}body[data-era] .retro-schematic{pointer-events:none}body[data-era] .retro-kicker,body[data-era] .retro-stamp{display:block}body[data-era=werkstatt]{--paper: #dedbc5;--paper-deep: #c8c5ae;--ink: #101b17;--text: #18241e;--muted: #4d584c;--coral: #a5ff00;--line: #687064;--deep: #09130f;--white: #f3f2d9;background:var(--paper);color:var(--text);font-family:Courier New,ui-monospace,monospace;font-size:15px;letter-spacing:.008em}body[data-era=werkstatt] :is(h1,h2,h3,h4,.brand,.workshop-entries strong,.note-body h3){font-family:Impact,Haettenschweiler,Arial Narrow Bold,Arial,sans-serif;font-weight:400;letter-spacing:.025em}body[data-era=werkstatt] .site-header{height:82px;max-width:none;border-bottom:2px solid var(--ink);padding-inline:clamp(18px,4vw,64px);background:#d4d0b8}body[data-era=werkstatt] .brand{color:var(--ink);font-size:22px;text-transform:uppercase}body[data-era=werkstatt] .brand i{width:14px;height:14px;border-radius:0;background:var(--coral);box-shadow:3px 3px var(--ink)}body[data-era=werkstatt] .brand span,body[data-era=werkstatt] .brand em{color:var(--ink);font-style:normal}body[data-era=werkstatt] .brand em{font-family:Courier New,ui-monospace,monospace;font-size:11px;letter-spacing:.08em}body[data-era=werkstatt] .nav{gap:9px}body[data-era=werkstatt] .nav :is(button,a),body[data-era=werkstatt] .mobile-nav :is(button,a){border:1px solid transparent;padding:10px 12px;text-transform:uppercase;font-size:11px;letter-spacing:.08em}body[data-era=werkstatt] .nav :is(button,a):hover,body[data-era=werkstatt] .nav :is(button,a):focus-visible{border-color:var(--ink);color:var(--ink);background:var(--coral)}body[data-era=werkstatt] .era-switcher{background:#0b1510;color:#d9e1cf;border-bottom:2px solid var(--coral);min-height:44px;padding:7px clamp(18px,4vw,64px);display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}body[data-era=werkstatt] .era-label:before{content:"> ";color:var(--coral)}body[data-era=werkstatt] .era-links{display:flex;flex-wrap:wrap;gap:6px}body[data-era=werkstatt] .era-links a{color:#d9e1cf;text-decoration:none;border:1px solid #617063;padding:4px 8px}body[data-era=werkstatt] .era-links a[aria-current=page],body[data-era=werkstatt] .era-links a:hover{background:var(--coral);color:#09130f;border-color:var(--coral)}body[data-era=werkstatt] .hero{max-width:none;min-height:680px;grid-template-columns:minmax(0,1.02fr) minmax(320px,.7fr);gap:clamp(26px,6vw,100px);padding:clamp(48px,8vw,116px) clamp(24px,7vw,112px) 96px;border-bottom:2px solid var(--ink);background-color:var(--paper);background-image:linear-gradient(#26352b22 1px,transparent 1px),linear-gradient(90deg,#26352b22 1px,transparent 1px);background-size:24px 24px}body[data-era=werkstatt] .hero-copy{max-width:680px;position:relative;z-index:1}body[data-era=werkstatt] .retro-kicker{color:var(--ink);font-size:11px;line-height:1.3;letter-spacing:.12em;margin:0 0 17px;text-transform:uppercase}body[data-era=werkstatt] .retro-kicker:before{content:"SYSTEM / ";color:#5a6658}body[data-era=werkstatt] .hero h1{color:var(--ink);font-size:clamp(64px,9.25vw,146px);line-height:.82;letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance;text-shadow:4px 4px 0 var(--coral)}body[data-era=werkstatt] .hero h1 em{color:var(--ink);font-style:normal}body[data-era=werkstatt] .hero-copy>p{max-width:540px;font-size:15px;line-height:1.75;margin:35px 0;border-left:4px solid var(--coral);padding-left:17px;color:var(--text)}body[data-era=werkstatt] .button,body[data-era=werkstatt] .text-link{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:11px;min-height:46px}body[data-era=werkstatt] .button.primary{background:var(--ink);color:var(--coral);border-color:var(--ink);box-shadow:5px 5px #5f6659}body[data-era=werkstatt] .button.primary:hover{background:var(--coral);color:var(--ink);transform:translate(2px,2px);box-shadow:3px 3px #5f6659}body[data-era=werkstatt] .text-link{color:var(--ink);border-bottom:2px solid var(--ink)}body[data-era=werkstatt] .portrait-frame{max-width:480px;justify-self:center;transform:rotate(2deg);border:3px solid var(--ink);padding:10px;background:#101b17;box-shadow:13px 13px 0 var(--coral),18px 18px 0 var(--ink)}body[data-era=werkstatt] .portrait-frame img{filter:grayscale(1) contrast(1.35) sepia(.15);mix-blend-mode:screen;background:#152019}body[data-era=werkstatt] .portrait-note{color:#d9e1cf;margin:10px 2px 0;text-align:left;font-size:10px;line-height:1.5;text-transform:uppercase;letter-spacing:.06em}body[data-era=werkstatt] .retro-stamp{position:absolute;right:-26px;top:18px;z-index:3;max-width:180px;padding:8px 11px;border:2px solid var(--ink);background:var(--coral);color:var(--ink);font-size:10px;line-height:1.25;letter-spacing:.08em;transform:rotate(5deg);text-align:center;text-transform:uppercase}body[data-era=werkstatt] .retro-schematic{position:absolute;right:clamp(14px,2vw,42px);bottom:22px;width:min(41vw,420px);color:#213328;opacity:.75}body[data-era=werkstatt] .trail{bottom:18px;left:clamp(24px,7vw,112px);right:auto;width:min(62vw,620px);color:var(--ink);font-family:Courier New,ui-monospace,monospace;font-size:10px;text-transform:uppercase;letter-spacing:.08em}body[data-era=werkstatt] .trail i{background:var(--ink)}body[data-era=werkstatt] .trail i:after,body[data-era=werkstatt] .trail b{border-radius:0;border:0;background:var(--coral)}body[data-era=werkstatt] .thinking-trail{color:#416046;opacity:.82}body[data-era=werkstatt] .early-stance,body[data-era=werkstatt] .work-notes,body[data-era=werkstatt] .science,body[data-era=werkstatt] .play-section,body[data-era=werkstatt] .perspectives{max-width:none;padding-inline:clamp(24px,7vw,112px);border-color:var(--ink)}body[data-era=werkstatt] .early-stance{background:#c4c3aa}body[data-era=werkstatt] .early-stance h2,body[data-era=werkstatt] .notes-heading h2,body[data-era=werkstatt] .science h2,body[data-era=werkstatt] .play-heading h2,body[data-era=werkstatt] .perspectives h2,body[data-era=werkstatt] .about h2{color:var(--ink);text-transform:uppercase;letter-spacing:.015em}body[data-era=werkstatt] :is(.early-stance h2 em,.notes-heading h2 em,.science h2 em,.play-heading h2 em,.perspectives h2 em,.about h2 em){color:#314e38;font-style:normal}body[data-era=werkstatt] .overline,body[data-era=werkstatt] .project-line>span,body[data-era=werkstatt] .note-number{color:#203c28;font-size:10px;letter-spacing:.12em}body[data-era=werkstatt] .workshop{background:#0a1510;padding-inline:clamp(24px,7vw,112px);border-top:2px solid var(--coral);border-bottom:2px solid var(--coral)}body[data-era=werkstatt] .workshop:after{content:"WORKBENCH // READY";position:absolute;right:8vw;top:20px;color:var(--coral);font-size:10px;letter-spacing:.12em}body[data-era=werkstatt] .section-heading h2{color:var(--coral);text-transform:uppercase;line-height:.9}body[data-era=werkstatt] .section-heading h2 em{color:#edf0d5;font-style:normal}body[data-era=werkstatt] .section-heading p{margin-top:32px}body[data-era=werkstatt] .workshop-entries a{border-color:#67806b;padding:20px 0}body[data-era=werkstatt] .workshop-entries a:hover{background:#a5ff0016;padding-inline:10px;margin-inline:-10px}body[data-era=werkstatt] .entry-number{color:var(--coral);font-size:11px}body[data-era=werkstatt] .workshop-entries small{color:#a7bba9;font-family:Courier New,ui-monospace,monospace}body[data-era=werkstatt] .workshop-entries strong{color:#f1f2d8;text-transform:uppercase}body[data-era=werkstatt] .project{max-width:none;padding-inline:clamp(24px,7vw,112px);grid-template-columns:.9fr 1.1fr}body[data-era=werkstatt] .project h2{color:var(--ink);text-transform:uppercase}body[data-era=werkstatt] .project h3{font-family:Courier New,ui-monospace,monospace;font-weight:700;color:var(--ink);font-size:clamp(23px,3vw,38px);letter-spacing:-.045em}body[data-era=werkstatt] .project-line{border-left:3px solid var(--ink)}body[data-era=werkstatt] .project-line:before{border-radius:0;border-color:var(--paper);background:var(--coral)}body[data-era=werkstatt] .notebook img{border-radius:0;border:2px solid var(--ink);box-shadow:9px 9px 0 var(--coral);filter:contrast(1.1) saturate(.65)}body[data-era=werkstatt] .work-notes{background:#e6e1cc}body[data-era=werkstatt] .work-note,body[data-era=werkstatt] .notes-list{border-color:var(--ink)}body[data-era=werkstatt] .work-note summary{grid-template-columns:48px 1fr 46px}body[data-era=werkstatt] .work-note summary strong{color:var(--ink);text-transform:uppercase;font-size:clamp(26px,3.2vw,45px)}body[data-era=werkstatt] .work-note summary small{font-family:Courier New,ui-monospace,monospace;letter-spacing:.09em}body[data-era=werkstatt] .note-toggle{border-radius:0;border:2px solid var(--ink)}body[data-era=werkstatt] .note-toggle:before,body[data-era=werkstatt] .note-toggle:after{background:var(--ink)}body[data-era=werkstatt] .work-note[open]{background:#ced2b9}body[data-era=werkstatt] .science{background:#d1ceb7}body[data-era=werkstatt] .craft-credit{border-color:var(--ink)}body[data-era=werkstatt] .craft-credit strong{font-family:Courier New,ui-monospace,monospace;font-size:17px}body[data-era=werkstatt] .specimen{border:3px solid var(--ink);border-radius:0;box-shadow:9px 9px 0 var(--coral);background:#f1efd8}body[data-era=werkstatt] .specimen-registration,body[data-era=werkstatt] .specimen-edition{font-family:Courier New,ui-monospace,monospace;color:#334938}body[data-era=werkstatt] .specimen-title{color:var(--ink);font-family:Impact,Haettenschweiler,Arial Narrow Bold,sans-serif;font-style:normal;text-transform:uppercase}body[data-era=werkstatt] .specimen-title em{color:#284c31;font-style:normal}body[data-era=werkstatt] .specimen-drawing{color:#31543a}body[data-era=werkstatt] .specimen-tools button{border-bottom:2px solid var(--ink);color:var(--ink)}body[data-era=werkstatt] .play-section{background:#0b1510;color:#e8ebd3;border-color:var(--coral)}body[data-era=werkstatt] .play-heading h2{color:var(--coral)}body[data-era=werkstatt] .play-heading h2 em{color:#eef0d9}body[data-era=werkstatt] .game-stage{border:2px solid var(--coral);background:#111e16}body[data-era=werkstatt] .game-invitation{background-image:radial-gradient(#a5ff0030 1px,transparent 1px);background-size:8px 8px}body[data-era=werkstatt] .play-lettering{font-family:Impact,Haettenschweiler,sans-serif;color:var(--coral);border-color:#8fa88c}body[data-era=werkstatt] .play-lettering span:nth-child(5),body[data-era=werkstatt] .play-lettering span:nth-child(7){color:#f1f2d8}body[data-era=werkstatt] .game-invitation h3{color:#f1f2d8;font-family:Courier New,ui-monospace,monospace;font-size:24px}body[data-era=werkstatt] .game-invitation small,body[data-era=werkstatt] .play-footnote{color:#b8c7b4}body[data-era=werkstatt] .game-toolbar{background:#d4d0b8}body[data-era=werkstatt] .perspectives{background:var(--paper)}body[data-era=werkstatt] .lens-tabs{gap:0;border-color:var(--ink)}body[data-era=werkstatt] .lens-tabs button{padding:13px 20px;text-transform:uppercase;font-family:Courier New,ui-monospace,monospace;font-size:11px;letter-spacing:.08em}body[data-era=werkstatt] .lens-tabs button[aria-pressed=true]{color:var(--ink);background:var(--coral);border-bottom:3px solid var(--ink)}body[data-era=werkstatt] .lens-content>div{border-color:var(--ink)}body[data-era=werkstatt] .lens-content h3{font-family:Impact,Haettenschweiler,sans-serif;color:var(--ink);text-transform:uppercase}body[data-era=werkstatt] .lens-content li{border-color:var(--ink)}body[data-era=werkstatt] .lens-content h4{font-family:Courier New,ui-monospace,monospace;font-weight:700;color:var(--ink)}body[data-era=werkstatt] .about{background:#bfc3aa;padding-inline:clamp(24px,7vw,112px)}body[data-era=werkstatt] .about h3{font-family:Impact,Haettenschweiler,sans-serif;color:var(--ink);text-transform:uppercase}body[data-era=werkstatt] .perspective-button{color:var(--ink);border-bottom:2px solid var(--ink);font-family:Courier New,ui-monospace,monospace}body[data-era=werkstatt] .about output{font-family:Courier New,ui-monospace,monospace;color:var(--ink);font-size:19px}body[data-era=werkstatt] .contact{background:#09130f;padding-inline:clamp(24px,7vw,112px);border-top:2px solid var(--coral)}body[data-era=werkstatt] .contact h2{color:var(--coral);text-transform:uppercase}body[data-era=werkstatt] .contact h2 em{color:#f1f2d8;font-style:normal}body[data-era=werkstatt] .contact-email{color:#f1f2d8;border-color:var(--coral);font-family:Courier New,ui-monospace,monospace}body[data-era=werkstatt] footer{background:#09130f;border-color:var(--coral);padding-inline:clamp(24px,7vw,112px);font-family:Courier New,ui-monospace,monospace}body[data-era=werkstatt] .dialog{border:3px solid var(--ink);border-radius:0;box-shadow:12px 12px 0 var(--coral);background:#e7e4ce}body[data-era=copyshop]{--paper: #f2eddc;--paper-deep: #e3dcc7;--ink: #101811;--text: #182118;--muted: #465045;--coral: #d90a68;--line: #686d5d;--deep: #113326;--white: #fffdf4;background:var(--paper);color:var(--text);font-family:Arial,Helvetica,sans-serif}body[data-era=copyshop] :is(h1,h2,h3,h4,.brand){font-family:Arial Black,Impact,Arial,sans-serif;font-weight:900}body[data-era=copyshop] .site-header{height:70px;max-width:none;padding-inline:clamp(16px,4vw,58px);background:#faf6e9;border-bottom:3px solid var(--ink)}body[data-era=copyshop] .brand{color:var(--ink);font-size:19px;letter-spacing:-.07em;text-transform:uppercase;transform:rotate(-1deg)}body[data-era=copyshop] .brand i{border-radius:0;width:13px;height:13px;background:var(--coral);transform:rotate(18deg)}body[data-era=copyshop] .brand span{color:#74bd00}body[data-era=copyshop] .brand em{display:none}body[data-era=copyshop] .nav{gap:20px}body[data-era=copyshop] .nav :is(button,a),body[data-era=copyshop] .mobile-nav :is(button,a){color:var(--ink);text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.08em}body[data-era=copyshop] .nav :is(button,a):hover{color:var(--coral);transform:rotate(-2deg)}body[data-era=copyshop] .era-switcher{background:#101811;color:#f2eddc;padding:7px clamp(16px,4vw,58px);min-height:42px;display:flex;align-items:center;gap:14px;font-size:10px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}body[data-era=copyshop] .era-label{color:#baff20}body[data-era=copyshop] .era-links{display:flex;flex-wrap:wrap;gap:4px}body[data-era=copyshop] .era-links a{color:#f2eddc;padding:4px 7px;text-decoration:none;border:1px dashed #d6d2be}body[data-era=copyshop] .era-links a[aria-current=page],body[data-era=copyshop] .era-links a:hover{background:var(--coral);color:#fff;border-style:solid}body[data-era=copyshop] .hero{max-width:none;min-height:670px;grid-template-columns:minmax(0,1.22fr) minmax(260px,.78fr);gap:clamp(20px,5vw,80px);padding:clamp(50px,8vw,108px) clamp(18px,6vw,92px) 100px;background-color:#f2eddc;background-image:radial-gradient(#1523191a .8px,transparent .9px),linear-gradient(95deg,transparent 38%,#d90a6815 38% 39%,transparent 39%);background-size:6px 6px,100% 100%}body[data-era=copyshop] .hero-copy{max-width:720px;position:relative;z-index:2}body[data-era=copyshop] .retro-kicker{display:inline-block;color:#fff;background:var(--ink);font-size:10px;font-weight:700;letter-spacing:.12em;padding:6px 9px 5px;margin:0 0 20px;transform:rotate(-2deg);text-transform:uppercase}body[data-era=copyshop] .hero h1{color:var(--ink);font-size:clamp(58px,9.4vw,145px);line-height:.78;letter-spacing:-.095em;text-transform:uppercase;text-wrap:balance}body[data-era=copyshop] .hero h1 em{color:#18744a;font-style:normal;display:inline-block;transform:skew(-8deg)}body[data-era=copyshop] .hero-copy>p{max-width:510px;margin:35px 0;font-size:16px;line-height:1.62;font-weight:600;border-top:3px solid var(--ink);padding-top:15px}body[data-era=copyshop] .button,body[data-era=copyshop] .text-link{border-radius:0;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:11px}body[data-era=copyshop] .button.primary{background:var(--coral);color:#fff;border-color:var(--ink);box-shadow:5px 5px 0 var(--ink)}body[data-era=copyshop] .button.primary:hover{transform:translate(2px,2px) rotate(-1deg);box-shadow:3px 3px 0 var(--ink)}body[data-era=copyshop] .text-link{color:var(--ink);border-bottom:2px solid var(--ink)}body[data-era=copyshop] .portrait-frame{max-width:440px;justify-self:center;position:relative;padding:8px;border:2px solid var(--ink);background:#fffdf4;box-shadow:10px 10px #b6ff19,14px 14px 0 var(--coral);transform:rotate(4deg)}body[data-era=copyshop] .portrait-frame:before{content:"ORIGINAL / 01";position:absolute;top:-15px;left:12px;padding:4px 6px;color:#fff;background:var(--coral);font-size:9px;letter-spacing:.09em;font-weight:700;z-index:2}body[data-era=copyshop] .portrait-frame img{filter:grayscale(1) contrast(1.75) brightness(1.08);mix-blend-mode:multiply;background:#d8d3c1}body[data-era=copyshop] .portrait-note{color:var(--ink);margin:9px 1px 0;text-align:left;font-size:11px;font-weight:700;line-height:1.35;transform:rotate(-2deg)}body[data-era=copyshop] .retro-stamp{position:absolute;top:24px;right:-24px;z-index:4;width:174px;padding:10px;color:#111;background:#b6ff19;border:2px solid var(--ink);font-size:10px;font-weight:900;line-height:1.15;letter-spacing:.07em;text-align:center;text-transform:uppercase;transform:rotate(8deg);box-shadow:3px 3px 0 var(--ink)}body[data-era=copyshop] .retro-schematic{position:absolute;right:4vw;bottom:14px;width:min(44vw,440px);color:#155f3d;opacity:.56;transform:rotate(-2deg)}body[data-era=copyshop] .trail{bottom:14px;left:clamp(18px,6vw,92px);right:auto;width:min(64vw,640px);font-size:11px;font-family:Arial,sans-serif;font-weight:700;color:var(--ink)}body[data-era=copyshop] .trail i{background:var(--ink)}body[data-era=copyshop] .trail i:after{background:var(--coral);border-color:#f2eddc}body[data-era=copyshop] .trail b{background:#70bd00;border-color:#f2eddc}body[data-era=copyshop] .thinking-trail{color:#236941;opacity:.75;stroke-dasharray:4 3}body[data-era=copyshop] .early-stance,body[data-era=copyshop] .work-notes,body[data-era=copyshop] .science,body[data-era=copyshop] .play-section,body[data-era=copyshop] .perspectives{max-width:none;padding-inline:clamp(18px,6vw,92px);border-color:var(--ink)}body[data-era=copyshop] .early-stance{background:#c2ddaf;position:relative}body[data-era=copyshop] .early-stance:after{content:"!";position:absolute;right:8vw;bottom:-32px;color:var(--coral);font-family:Arial Black,sans-serif;font-size:180px;line-height:1;opacity:.9;pointer-events:none}body[data-era=copyshop] :is(.early-stance h2,.notes-heading h2,.science h2,.play-heading h2,.perspectives h2,.about h2){color:var(--ink);line-height:.88;letter-spacing:-.07em;text-transform:uppercase}body[data-era=copyshop] :is(.early-stance h2 em,.notes-heading h2 em,.science h2 em,.play-heading h2 em,.perspectives h2 em,.about h2 em){color:var(--coral);font-style:normal}body[data-era=copyshop] .stance-text{position:relative;z-index:1;font-weight:600}body[data-era=copyshop] .overline,body[data-era=copyshop] .project-line>span,body[data-era=copyshop] .note-number{color:#10623b;font-size:10px;font-weight:900;letter-spacing:.11em}body[data-era=copyshop] .workshop{padding-inline:clamp(18px,6vw,92px);background:var(--ink);border-top:11px solid var(--coral);border-bottom:11px solid #b6ff19}body[data-era=copyshop] .workshop:before{display:block;background:repeating-linear-gradient(-38deg,transparent 0 18px,#b6ff190e 18px 20px)}body[data-era=copyshop] .section-heading h2{color:#fff;line-height:.84;letter-spacing:-.07em;text-transform:uppercase}body[data-era=copyshop] .section-heading h2 em{color:#b6ff19;font-style:normal}body[data-era=copyshop] .section-heading p{margin-top:32px;font-weight:600}body[data-era=copyshop] .workshop-entries a{border-color:#b6ff1977;padding-block:21px}body[data-era=copyshop] .workshop-entries a:hover{background:var(--coral);padding-inline:10px;margin-inline:-10px;transform:skew(-1deg)}body[data-era=copyshop] .entry-number{color:#b6ff19;font-weight:900}body[data-era=copyshop] .workshop-entries small{color:#d1d8c5;font-weight:700}body[data-era=copyshop] .workshop-entries strong{color:#fff;font-size:clamp(25px,3vw,43px);line-height:.96;letter-spacing:-.06em;text-transform:uppercase}body[data-era=copyshop] .project{max-width:none;padding-inline:clamp(18px,6vw,92px);grid-template-columns:1.02fr .98fr}body[data-era=copyshop] .project h2{color:var(--ink);text-transform:uppercase;line-height:.82;letter-spacing:-.08em}body[data-era=copyshop] .project h3{color:#14613d;font-family:Arial Black,sans-serif;font-size:clamp(25px,3.2vw,45px);line-height:.93;letter-spacing:-.07em;text-transform:uppercase}body[data-era=copyshop] .project-line{border-left:5px solid var(--coral)}body[data-era=copyshop] .project-line:before{background:#b6ff19;border-color:var(--paper);border-radius:0}body[data-era=copyshop] .notebook{transform:rotate(-2deg)}body[data-era=copyshop] .notebook img{border-radius:0;border:2px solid var(--ink);box-shadow:9px 9px #b6ff19;filter:grayscale(1) contrast(1.18)}body[data-era=copyshop] .work-notes{background:#faf6e9}body[data-era=copyshop] .work-note,body[data-era=copyshop] .notes-list{border-color:var(--ink)}body[data-era=copyshop] .work-note summary{grid-template-columns:50px 1fr 46px}body[data-era=copyshop] .work-note summary strong{color:var(--ink);font-size:clamp(28px,3.7vw,52px);line-height:.94;letter-spacing:-.07em;text-transform:uppercase}body[data-era=copyshop] .work-note summary small{color:#14613d;font-weight:700}body[data-era=copyshop] .note-toggle{border:2px solid var(--ink);border-radius:0;transform:rotate(45deg)}body[data-era=copyshop] .note-toggle:before,body[data-era=copyshop] .note-toggle:after{background:var(--ink)}body[data-era=copyshop] .work-note[open]{background:#e9dfbd}body[data-era=copyshop] .science{background:#d3e5bc}body[data-era=copyshop] .craft-credit{border-color:var(--coral)}body[data-era=copyshop] .craft-credit strong{font-family:Arial Black,sans-serif;letter-spacing:-.04em;color:var(--ink)}body[data-era=copyshop] .specimen{border:2px solid var(--ink);border-radius:0;background:#fffdf4;box-shadow:10px 11px 0 var(--coral),15px 16px #b6ff19;transform:rotate(1.5deg)}body[data-era=copyshop] .specimen:after{content:"KOPIE";position:absolute;right:9%;top:13%;color:var(--coral);border:2px solid currentColor;padding:4px 8px;font-size:10px;font-weight:900;letter-spacing:.12em;transform:rotate(12deg);opacity:.8}body[data-era=copyshop] .specimen-registration,body[data-era=copyshop] .specimen-edition{font-family:Arial,sans-serif;font-weight:700;color:#344536}body[data-era=copyshop] .specimen-title{color:var(--ink);font-family:Arial Black,Impact,sans-serif;font-style:normal;line-height:.82;letter-spacing:-.085em;text-transform:uppercase}body[data-era=copyshop] .specimen-title em{color:#177348;font-style:normal}body[data-era=copyshop] .specimen-drawing{color:var(--coral);stroke-width:2.5px}body[data-era=copyshop] .specimen-tools button{color:var(--ink);border-bottom:2px solid var(--ink);font-weight:700}body[data-era=copyshop] .play-section{background:#f2eddc}body[data-era=copyshop] .play-heading h2{color:var(--ink)}body[data-era=copyshop] .game-stage{border:3px solid var(--ink);background:#b6ff19;box-shadow:8px 8px 0 var(--coral)}body[data-era=copyshop] .game-invitation{background-image:repeating-linear-gradient(135deg,#b6ff19 0,#b6ff19 14px,#eff3d2 14px,#eff3d2 28px)}body[data-era=copyshop] .play-lettering{color:var(--ink);border-color:var(--ink);font-family:Arial Black,Impact,sans-serif;font-weight:900;letter-spacing:-.1em}body[data-era=copyshop] .play-lettering span:nth-child(5),body[data-era=copyshop] .play-lettering span:nth-child(7){color:var(--coral)}body[data-era=copyshop] .game-invitation h3{color:var(--ink);font-family:Arial Black,Impact,sans-serif;text-transform:uppercase}body[data-era=copyshop] .game-invitation small,body[data-era=copyshop] .play-footnote{color:#263d2d;font-weight:700}body[data-era=copyshop] .game-toolbar{background:#f2eddc}body[data-era=copyshop] .perspectives{background:#fffdf4}body[data-era=copyshop] .lens-tabs{gap:0;border-color:var(--ink)}body[data-era=copyshop] .lens-tabs button{min-width:0;padding:13px 20px;color:var(--ink);font-family:Arial,sans-serif;font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}body[data-era=copyshop] .lens-tabs button[aria-pressed=true]{color:#fff;background:var(--coral);border-bottom:3px solid var(--ink)}body[data-era=copyshop] .lens-content>div,body[data-era=copyshop] .lens-content li{border-color:var(--ink)}body[data-era=copyshop] .lens-content h3{color:#14613d;font-family:Arial Black,Impact,sans-serif;line-height:.84;letter-spacing:-.085em;text-transform:uppercase}body[data-era=copyshop] .lens-content h4{color:var(--ink);font-family:Arial Black,Impact,sans-serif;line-height:.95;letter-spacing:-.05em}body[data-era=copyshop] .about{background:#1e6b45;color:#f9f4df;padding-inline:clamp(18px,6vw,92px)}body[data-era=copyshop] .about h2,body[data-era=copyshop] .about h3{color:#fffdf4;font-family:Arial Black,Impact,sans-serif;text-transform:uppercase}body[data-era=copyshop] .about h3 em{color:#b6ff19;font-style:normal}body[data-era=copyshop] .about .overline{color:#b6ff19}body[data-era=copyshop] .perspective-button{color:#b6ff19;border-bottom:2px solid #b6ff19;font-weight:700}body[data-era=copyshop] .about output{color:#fff;font-family:Arial Black,Impact,sans-serif;font-size:21px;line-height:1.1;letter-spacing:-.04em}body[data-era=copyshop] .contact{background:#101811;padding-inline:clamp(18px,6vw,92px);border-top:10px solid var(--coral)}body[data-era=copyshop] .contact h2{color:#fff;text-transform:uppercase;line-height:.82;letter-spacing:-.08em}body[data-era=copyshop] .contact h2 em{color:#b6ff19;font-style:normal}body[data-era=copyshop] .contact-email{color:#fff;border-color:var(--coral);font-family:Arial Black,Impact,sans-serif;letter-spacing:-.04em}body[data-era=copyshop] footer{background:#101811;border-color:#b6ff19;padding-inline:clamp(18px,6vw,92px)}body[data-era=copyshop] .dialog{border:3px solid var(--ink);border-radius:0;box-shadow:10px 10px 0 var(--coral);background:#fffdf4}body[data-era] :is(a,button):focus-visible{outline:3px solid var(--coral);outline-offset:3px}@media(max-width:760px){body[data-era] .site-header{height:64px}body[data-era] .menu-button{color:var(--ink)}body[data-era] .mobile-nav{top:58px;right:10px;background:var(--paper);border:2px solid var(--ink);box-shadow:6px 6px 0 var(--coral)}body[data-era] .era-switcher{align-items:flex-start;flex-direction:column;gap:4px;padding-block:8px}body[data-era] .hero{display:grid;grid-template-columns:1fr;min-height:0;padding-top:52px;padding-bottom:80px;gap:42px}body[data-era] .hero h1{font-size:clamp(52px,17vw,84px);max-width:100%}body[data-era] .hero-copy>p{font-size:14px;margin:26px 0}body[data-era] .portrait-frame{width:min(78vw,340px);justify-self:center;margin:0 14px 26px 7px}body[data-era] .retro-stamp{right:-20px;top:8px;width:145px;font-size:9px}body[data-era] .retro-schematic{width:80vw;right:4vw;bottom:4px;opacity:.38}body[data-era] .trail{position:static;width:100%;order:3;font-size:9px}body[data-era] .early-stance,body[data-era] .notes-heading,body[data-era] .play-heading{grid-template-columns:1fr}body[data-era] .early-stance,body[data-era] .work-notes,body[data-era] .science,body[data-era] .play-section,body[data-era] .perspectives,body[data-era] .about,body[data-era] .contact,body[data-era] .project,body[data-era] .workshop{padding-left:23px;padding-right:23px}body[data-era] .project{grid-template-columns:1fr}body[data-era] .workshop:after{display:none}body[data-era] .section-heading h2{font-size:clamp(40px,14vw,64px)}body[data-era] .work-note summary{grid-template-columns:26px minmax(0,1fr) 44px;gap:10px}body[data-era] .work-note summary strong{overflow-wrap:anywhere}body[data-era] .note-body{padding-left:36px}body[data-era] .specimen{margin-right:12px}body[data-era] .lens-tabs{overflow-x:auto;scrollbar-width:thin}body[data-era] .lens-tabs button{flex:0 0 auto}body[data-era] .contact{grid-template-columns:1fr}body[data-era] .contact>a{max-width:100%;overflow-wrap:anywhere}body[data-era=copyshop] .early-stance:after{font-size:110px;right:14px;bottom:-20px}}@media(max-width:375px){body[data-era] .brand{font-size:15px}body[data-era] .hero{padding-inline:18px}body[data-era] .hero h1{font-size:clamp(48px,16.2vw,62px)}body[data-era] .hero-actions{align-items:flex-start;flex-direction:column}body[data-era] .portrait-frame{width:min(82vw,300px)}body[data-era] .retro-stamp{right:-14px;width:125px}body[data-era] .work-note summary strong{font-size:25px}}@media(min-width:761px)and (max-width:1050px){body[data-era] .hero{grid-template-columns:minmax(0,1fr) minmax(270px,.65fr);padding-inline:6vw}body[data-era] .hero h1{font-size:clamp(57px,8vw,84px)}body[data-era] .retro-schematic{width:38vw}body[data-era] .nav{gap:3px}body[data-era] .nav :is(button,a){padding-inline:8px}}@media(prefers-reduced-motion:reduce){body[data-era] *{animation:none!important;transition:none!important}}body[data-era=werkstatt] :is(h1,h2,h3,h4,.brand,.workshop-entries strong,.note-body h3),body[data-era=copyshop] :is(h1,h2,h3,h4,.brand){font-family:var(--sans);font-weight:700}body[data-era=werkstatt] .hero h1,body[data-era=copyshop] .hero h1{font-family:var(--sans);font-size:clamp(52px,5.6vw,82px);font-weight:700;letter-spacing:-.065em;line-height:.88}body[data-era=werkstatt] .hero h1{text-shadow:3px 3px 0 var(--coral)}body[data-era=copyshop] .hero h1 em{font-family:var(--sans);font-weight:700}body[data-era]{overflow-x:visible}@media(max-width:760px){body[data-era] :is(.hero-copy,.early-stance>div,.notes-heading>div,.play-heading>div,.lens-content>div,.about>div,.contact>div){min-width:0}body[data-era] .hero h1{font-size:clamp(36px,12vw,52px);line-height:.91;letter-spacing:-.07em;overflow-wrap:anywhere}body[data-era=copyshop] .hero h1 em{transform:none}body[data-era] .portrait-frame{transform:none;margin-left:auto;margin-right:auto}body[data-era] .retro-stamp{right:-10px}body[data-era] :is(.early-stance h2,.notes-heading h2,.science h2,.play-heading h2,.perspectives h2,.about h2){font-size:clamp(32px,10vw,45px);overflow-wrap:anywhere}body[data-era] .lens-tabs{flex-wrap:wrap;overflow:visible}body[data-era] .lens-tabs button{flex:1 1 29%;padding:11px 5px;font-size:10px}}@media(max-width:375px){body[data-era] .hero h1{font-size:36px}}body[data-era] .era-links a{display:inline-flex;align-items:center;min-height:44px;padding-inline:10px}body[data-era=werkstatt] .about h3 em{color:#314e38;font-style:normal}body[data-era=werkstatt] .workshop .overline,body[data-era=werkstatt] .play-section .overline{color:#b9dc98}body[data-era=copyshop] .workshop .overline{color:#b6ff19}body[data-era=werkstatt] .specimen-tools button:focus-visible,body[data-era=werkstatt] .work-note summary:focus-visible,body[data-era=werkstatt] .text-link:focus-visible{outline-color:#31543a}body[data-era] .nav a,body[data-era] .mobile-nav a{text-decoration:none;color:inherit;display:inline-flex;align-items:center;min-height:44px}body[data-era] .mobile-nav a{display:flex;width:100%}body[data-era] .nav a:focus-visible,body[data-era] .mobile-nav a:focus-visible{outline:3px solid #d90068;outline-offset:3px}.eigenleben-project{display:grid;grid-template-columns:54px 1fr 28px;gap:22px;align-items:center;margin-top:34px;padding:24px 0;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}.eigenleben-mark{display:grid;place-items:center;width:54px;height:54px;border:2px solid currentColor;font:700 39px/.9 var(--serif);position:relative;transform:rotate(-5deg);background:#c9ddaf}.eigenleben-mark>span{position:absolute;font:14px var(--sans);right:1px;top:0}.eigenleben-project small{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.09em;color:#1e6b45}.eigenleben-project strong{display:block;font-size:26px;letter-spacing:-.05em;line-height:1.3;margin:3px 0 6px}.eigenleben-project>span:nth-child(2)>span{display:block;font-size:14px;line-height:1.6;max-width:660px}.eigenleben-arrow{font-size:26px}.eigenleben-project:hover strong{text-decoration:underline;text-decoration-color:#d90068;text-underline-offset:5px}.eigenleben-project:focus-visible{outline:3px solid #d90068;outline-offset:5px}.legal-page{max-width:880px;margin:auto;padding:64px 24px 90px}.legal-page h1{font-size:clamp(34px,6vw,64px);line-height:1.05}.legal-page h2{font-size:24px;margin-top:36px}.legal-page a{color:#1e6b45}.legal-page p{line-height:1.8}.legal-back{display:inline-flex;min-height:44px;align-items:center;color:inherit!important}@media(max-width:760px){.eigenleben-project{grid-template-columns:40px 1fr;gap:16px}.eigenleben-mark{width:40px;height:44px;font-size:30px}.eigenleben-arrow{display:none}}