:root{--paper:#f1f0e8;--ink:#242622;--muted:#60615c;--line:#caccc1;--accent:#b4422e;--coral:#ed725b;--panel:#e4e6dc;--dark:#202420;color-scheme:light;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:34px}body{margin:0;background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased}body.dark{--paper:#1d211e;--ink:#eeefe6;--muted:#b7bdb1;--line:#4c5249;--accent:#ff9c83;--panel:#303830;color-scheme:dark}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:6px}a:hover{text-decoration:underline;text-underline-offset:5px}button{color:inherit}.wrap{width:min(1440px,calc(100% - 100px));margin-inline:auto}.mono,.eyebrow{font-family:"Courier New",monospace;font-size:11px;font-weight:400;letter-spacing:1.1px;line-height:1.6}.eyebrow{margin:0 0 26px}.accent{color:var(--accent)}p{line-height:1.65}h1,h2,h3,p,figure{margin-top:0}h1,h2,h3{font-weight:500}em{font-family:Georgia,"Times New Roman",serif;font-weight:400}h2{font-size:clamp(36px,4.1vw,60px);letter-spacing:-2.3px;line-height:1.04}h3{font-size:20px;letter-spacing:-.5px}.skip{position:fixed;top:-100px;left:15px;padding:12px 20px;background:var(--ink);color:var(--paper);z-index:20}.skip:focus{top:12px}.site-header{height:100px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:13px;font-size:30px;letter-spacing:-1.5px;font-weight:700}.brand svg{width:30px;height:30px}.brand-dot{color:var(--accent)}.brand:hover{text-decoration:none}.site-header nav{display:flex;align-items:center;gap:36px;margin-left:auto;font-size:13px}.site-header nav span{font-size:10px;vertical-align:super;margin-left:3px}.theme-switch{background:transparent;border:1px solid var(--line);border-radius:50%;width:35px;height:35px;display:grid;place-items:center;font-size:20px}.hero-meta{display:flex;justify-content:space-between;margin-block:30px 42px}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:100%;vertical-align:1px;margin-right:10px}.hero-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:34px;align-items:stretch}.hero-copy{padding:21px 0 15px}.hero-copy .eyebrow{font-size:10px;margin-bottom:24px}h1{font-size:clamp(65px,6.85vw,106px);letter-spacing:-5.7px;line-height:.94;margin-bottom:29px}h1 em{letter-spacing:-6px}.hero-intro{font-size:15px;line-height:1.7;max-width:290px;color:var(--muted);margin-bottom:24px}.round-link{display:inline-flex;align-items:center;gap:12px;font-size:12px}.circle{width:36px;height:36px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:18px}.hero-art{position:relative;min-width:0;margin:0;overflow:hidden;background:#181b1d;aspect-ratio:1.05}.hero-art img{width:100%;height:100%;object-fit:cover;transition:transform 1s}.hero-art:hover img{transform:scale(1.035)}.art-corner{position:absolute;left:20px;top:18px;font-family:"Courier New",monospace;font-size:10px;color:#d8e0e1;letter-spacing:1px}.hero-art figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#151819d9);padding:44px 20px 20px;display:flex;justify-content:space-between;gap:16px;font-family:"Courier New",monospace;font-size:9px;letter-spacing:1px;color:#f1f2ed}.hero-bottom{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding:29px 0 25px;font-size:9px}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-heading h2{margin-bottom:0}.section-heading>p{font-size:13px;color:var(--muted);margin-bottom:3px;max-width:290px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.card-art{position:relative;display:block;aspect-ratio:.98;overflow:hidden;margin-bottom:20px}.card-art img{height:100%;width:100%;object-fit:cover;transform:scale(1.15);transition:transform .5s}.card-art:hover img{transform:scale(1.24)}.card-number{position:absolute;left:16px;top:15px;font-size:10px}.mirror-card{background:#181b1d;color:#fff}.card-open{position:absolute;bottom:14px;right:14px;border:1px solid currentColor;width:28px;height:28px;border-radius:50%;display:grid;place-items:center}.card-art:hover .card-open{background:var(--paper);color:var(--ink)}.system-card{display:grid;place-items:center;background:#ced6ba;color:#293225}.orbital{position:relative;width:62%;aspect-ratio:1;transform:rotate(-30deg)}.orbital i{position:absolute;inset:0;border:1px solid #475639;border-radius:50%}.orbital i:nth-child(2){transform:rotateY(25deg)}.orbital i:nth-child(3){transform:rotateY(48deg)}.orbital i:nth-child(4){transform:rotateY(70deg)}.orbital i:nth-child(5){transform:rotateX(30deg)}.orbital i:nth-child(6){transform:rotateX(52deg)}.orbital i:nth-child(7){transform:rotateX(73deg)}.system-card:hover .orbital{transform:rotate(-5deg);transition:transform 1s}.becoming-card{background:#e9957e;color:#502f28;display:flex;align-items:center;justify-content:center}.becoming-type{font-size:clamp(60px,7vw,116px);line-height:.72;letter-spacing:-7px;padding-bottom:12px}.becoming-type em{font-size:1.1em}.becoming-type>span{font-size:.55em;margin-left:15px}.card-meta{display:flex;justify-content:space-between;gap:8px;align-items:baseline}.card-meta h3{margin-bottom:8px}.card-meta .mono{font-size:8px;letter-spacing:.4px}.work-card>p{font-size:12px;color:var(--muted);margin-bottom:0}.collection-note{font-size:11px;color:var(--muted);border-top:1px solid var(--line);padding-top:21px;margin-top:30px;display:flex;justify-content:space-between;gap:15px}.collection-note a{text-decoration:underline;text-underline-offset:3px}.mirror-note{border-top:1px solid var(--line)}.two-column{display:grid;grid-template-columns:1fr 1fr;gap:65px}.two-column p:not(.body-large){font-size:14px;color:var(--muted);max-width:500px}.body-large{font-size:24px;line-height:1.5;letter-spacing:-.6px}.two-column .credit-line{font-size:10px!important;border-top:1px solid var(--line);padding-top:17px;margin-top:25px}.playground{background:var(--dark);color:#eceee3;padding:78px 0 32px}.playground .eyebrow{color:#c2c8b6}.playground .section-heading>p{color:#c0c7b7}.playground h2{font-size:54px}.experiment{position:relative;border:1px solid #535d4d;background:#252d25}.experiment canvas{display:block;width:100%;height:430px}.experiment-label{position:absolute;left:22px;top:20px;font-size:9px;color:#c9d3c1}.experiment-controls{display:flex;align-items:center;gap:40px;padding:26px 30px;border-top:1px solid #535d4d}.experiment-controls label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;flex:1;font-size:11px;max-width:360px}.experiment-controls output{font-family:"Courier New",monospace;color:#b6c99a}.experiment-controls input{width:100%;accent-color:#c5dba9;cursor:pointer;min-height:22px}.text-button{border:0;border-bottom:1px solid currentColor;background:transparent;padding:6px 0;font-size:11px}.experiment-controls button{margin-left:auto}.experiment-foot{font-size:9px;color:#bdc6b3;margin:16px 0 0}.about{display:grid;grid-template-columns:1fr 1.5fr;gap:70px}.about-symbol{display:block;font-size:150px;line-height:1.6;color:var(--accent);font-weight:400}.about-copy h2{font-size:clamp(34px,4vw,57px);margin-bottom:34px}.about-copy p:not(.body-large):not(.signature){font-size:15px;color:var(--muted);max-width:560px}.about-copy .signature{font-family:Georgia,serif;font-style:italic;font-size:32px;margin:27px 0 0}.signature span{font-family:Arial;font-style:normal;color:var(--accent);font-size:18px;margin-left:15px}.becoming{border-top:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center;padding-block:85px}.becoming h2{font-size:clamp(38px,5.6vw,78px);letter-spacing:-3px;line-height:1.08}.becoming p{color:var(--muted);font-size:14px}.becoming>.mono{font-size:9px}.contact{display:flex;align-items:end;justify-content:space-between;gap:40px;padding-block:86px 76px}.contact h2{font-size:clamp(40px,5.2vw,74px);margin:0}.contact h2>span{color:var(--accent)}.contact-details{padding-bottom:4px}.contact-details p{font-size:13px;color:var(--muted)}.email{display:block;font-size:clamp(14px,1.7vw,23px);letter-spacing:-.4px;margin:20px 0 14px}.email span{margin-left:12px}.contact-details .text-button{color:var(--muted)}#copy-status{display:block;font-size:11px;min-height:16px;margin-top:9px}.site-footer{border-top:1px solid var(--line);overflow:hidden;padding-top:38px}.footer-name{display:block;font-size:clamp(130px,25vw,370px);font-weight:700;line-height:.8;letter-spacing:-.07em;padding-bottom:37px}.footer-name span{color:var(--accent)}.footer-name:hover{text-decoration:none}.footer-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid var(--line);padding-block:23px 27px;font-family:"Courier New",monospace;font-size:9px;letter-spacing:.2px}.simple-page{max-width:760px;margin:70px auto 100px;padding-inline:28px}.simple-page h1{font-size:clamp(42px,6vw,76px);letter-spacing:-3px;line-height:1.03;margin-block:30px}.simple-page h2{font-size:28px;letter-spacing:-1px;margin-top:42px}.simple-page p,.simple-page li{font-size:15px;line-height:1.75;color:var(--muted)}.simple-page a{text-decoration:underline;text-underline-offset:4px}.simple-page .eyebrow{font-size:11px}.simple-page dt{font-size:14px;margin-top:22px}.simple-page dd{margin:5px 0;color:var(--muted);font-size:14px;line-height:1.7}@media(min-width:1600px){.hero-art{aspect-ratio:1.25}.hero-copy{padding-top:25px}}@media(max-width:1050px){.wrap{width:calc(100% - 64px)}h1{font-size:7.5vw;letter-spacing:-4px}h1 em{letter-spacing:-4px}.hero-copy .eyebrow{font-size:8px}.hero-art{aspect-ratio:auto}.hero-intro{font-size:13px;max-width:250px}.card-meta{display:block}.card-meta .mono{font-size:9px}.work-grid{gap:18px}.about{gap:38px}.contact{gap:24px}}@media(max-width:700px){html{scroll-padding-top:20px}.wrap{width:calc(100% - 40px)}.site-header{height:78px;gap:17px}.brand{font-size:26px;gap:8px}.brand svg{width:24px}.site-header nav{gap:18px;font-size:11px}.site-header nav a:first-child{display:none}.theme-switch{width:30px;height:30px;flex-shrink:0}.hero-meta{margin:25px 0 26px;font-size:8px;letter-spacing:.5px}.hero-meta>span:last-child{font-size:7px}.hero-grid{grid-template-columns:1fr;gap:28px}.hero-copy{padding:5px 0 0}.hero-copy .eyebrow{font-size:9px;margin-bottom:25px}h1{font-size:clamp(62px,13.8vw,91px);letter-spacing:-4px;margin-bottom:23px}h1 em{letter-spacing:-4.5px}.hero-intro{font-size:14px;max-width:310px}.hero-art{aspect-ratio:1.1}.hero-bottom{padding-block:20px;font-size:8px}.hero-bottom>span:first-child{max-width:175px}.hero-bottom>span:last-child{max-width:90px;text-align:right}.section{padding-block:60px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:20px;font-size:13px}.section-heading .eyebrow{margin-bottom:19px}h2{font-size:38px;letter-spacing:-1.9px}.work-grid{grid-template-columns:1fr;gap:34px}.card-art{aspect-ratio:1.2;margin-bottom:16px}.card-meta{display:flex}.card-meta .mono{font-size:8px}.card-meta h3{font-size:21px}.work-card>p{font-size:13px}.becoming-type{font-size:105px}.collection-note{display:block;margin-top:30px}.collection-note a{display:block;margin-top:8px}.two-column{grid-template-columns:1fr;gap:12px}.two-column h2{margin-bottom:16px}.body-large{font-size:22px}.playground{padding-block:55px 25px}.playground h2{font-size:39px}.experiment canvas{height:300px}.experiment-label{left:14px;top:14px;font-size:8px}.experiment-controls{flex-wrap:wrap;gap:22px;padding:20px}.experiment-controls label{flex-basis:100%;max-width:none}.experiment-controls button{margin:0}.about{grid-template-columns:1fr;gap:5px}.about-label{display:flex;justify-content:space-between;align-items:start}.about-symbol{font-size:58px;line-height:.8}.about-copy h2{font-size:37px;margin-bottom:28px}.becoming h2{font-size:39px;letter-spacing:-2px}.contact{display:block}.contact h2{font-size:48px}.contact-details{margin-top:30px}.email{font-size:19px}.footer-name{font-size:30vw;padding-bottom:25px}.footer-bottom{display:grid;grid-template-columns:1fr 1fr;row-gap:20px;font-size:8px}.footer-bottom a:last-child{text-align:right}.simple-page{margin-top:42px}.simple-page h1{font-size:52px;letter-spacing:-2px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}@media print{.theme-switch,.experiment-controls,#copy-email,.skip{display:none}body{background:white;color:black}.section{padding-block:30px}.hero-art{max-height:400px}a[href^=mailto]::after{content:" (" attr(href) ")"}.footer-name{font-size:100px}}
.playground :is(a,button,input):focus-visible{outline-color:#c5dba9}.hero-art>a{display:block;width:100%;height:100%}
