:root{--paper:#fff;--bg:var(--paper);--fg:#171715;--mute:#67665f;--line:#9a9990;--serif:'Times New Roman',Georgia,serif}
html{scroll-snap-type:none}body{background:var(--paper)}body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23n)' opacity='.65' d='M0 0h160v160H0z'/%3E%3C/svg%3E")}
#home>.top,#home>.hero,#home>#work,#home>#about,#home>.bar{display:none!important}.site-nav{position:fixed;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:center;gap:34px;padding:20px 24px;pointer-events:none}.site-nav>*{pointer-events:auto}.site-nav .wordmark{font:italic 700 25px/.8 var(--serif);letter-spacing:-3px;text-decoration:none;margin-right:4px}.site-nav nav{display:flex;gap:28px}.site-nav nav a{font-size:13px;line-height:1.3;text-decoration:none;position:relative;padding-bottom:8px}.site-nav nav a[aria-current]::after{content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor;bottom:0;left:50%;transform:translateX(-50%)}.site-nav nav a:hover{opacity:.55}
.archive{height:100svh;min-height:650px;overflow:hidden;position:relative}.archive-info{position:absolute;left:24px;top:21px;width:285px;z-index:3}.archive-info h1{font:400 27px/1 var(--serif);text-transform:uppercase;letter-spacing:-1.3px;margin-bottom:8px}.archive-info dl{margin:0}.archive-info dl div{display:flex;justify-content:space-between;gap:14px;border-top:1px solid var(--fg);padding:5px 0}.archive-info dt{font:9px/1.5 monospace;text-transform:uppercase;letter-spacing:1.2px;padding-top:3px}.archive-info dd{font-size:12px;line-height:1.4;margin:0;text-align:right;max-width:190px}.archive-info .project-open{margin-top:14px;font-size:11px;text-decoration:none;border-bottom:1px solid;display:inline-flex;gap:48px;padding-bottom:3px}.archive-info .project-open:hover{gap:64px}.archive-counter{position:absolute;right:25px;top:24px;font:11px monospace;letter-spacing:1px}.disc-window{position:absolute;inset:150px 0 132px;touch-action:pan-y;cursor:grab;outline:none}.disc-window:active{cursor:grabbing}.disc-window:focus-visible{outline:1px dashed var(--mute);outline-offset:-12px}.disc{position:absolute;left:50%;top:50%;width:clamp(310px,44vw,640px);aspect-ratio:1;display:block;border-radius:50%;background:#b8b8b5;padding:0;transform-style:preserve-3d;transition:transform 850ms cubic-bezier(.22,.68,.16,1),opacity .5s;box-shadow:inset 0 0 0 2px #d5d7d5,inset 0 0 0 5px #8f9291,2px 4px 0 #818482,8px 18px 30px #14140d0c;text-decoration:none;isolation:isolate;overflow:hidden;will-change:transform}.disc-face{position:absolute;inset:5px;border-radius:50%;overflow:hidden;mask-image:radial-gradient(circle,transparent 0 9%,#000 9.3%);background:#141513}.disc img{width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}.disc-face::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#fff6,transparent 30%,#0002 65%,#fff3);border-radius:50%;pointer-events:none}.disc-hole{position:absolute;left:50%;top:50%;width:21%;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle, var(--paper) 0 44%,#d3d3d2 45% 55%,#888f92 56% 67%,#b7bbbd 68% 82%,#858d91 83% 89%,#d0d3d3 90%);box-shadow:0 0 0 1px #fff5}.disc-lettering{position:absolute;bottom:15%;left:9%;right:9%;text-align:center;color:#fff;font:italic 38px/1 var(--serif);letter-spacing:-1px;text-shadow:0 1px 12px #0008;pointer-events:none}.disc-id{position:absolute;top:8%;left:10%;right:10%;text-align:center;color:white;font:8px monospace;letter-spacing:3px;text-transform:uppercase;pointer-events:none}.disc:hover .disc-face::after{background:linear-gradient(115deg,#fff8,transparent 45%,#0001)}
.archive-foot{position:absolute;bottom:26px;left:24px;right:24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:24px}.archive-intro{font:10px/1.7 monospace;letter-spacing:.4px;text-transform:uppercase;max-width:230px}.archive-summary{text-align:center}.archive-summary .eyebrow{font:9px monospace;letter-spacing:1.8px;text-transform:uppercase}.archive-summary h2{font:400 29px/1 var(--serif);letter-spacing:-.8px;margin:9px auto 12px;max-width:420px}.archive-controls{display:flex;align-items:center;justify-content:center;gap:17px}.archive-controls button{width:32px;height:28px;border:1px solid #aaa99f;border-radius:50%;font-size:17px}.archive-controls button:hover{background:#171715;color:#fff}.archive-controls button:disabled{opacity:.25;cursor:default}.page-dots{display:flex;gap:7px}.page-dots button{height:5px;width:5px;border:0;background:#aaa99f;padding:0}.page-dots button[aria-current]{background:#171715;transform:scale(1.4)}.archive-hint{text-align:right;font:9px/1.7 monospace;letter-spacing:.8px;text-transform:uppercase}
.index-toggle{position:absolute;right:24px;bottom:130px;z-index:5;font:10px monospace;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid;padding-bottom:4px}.archive-index{position:absolute;inset:80px 24px 105px;z-index:6;background:var(--paper);overflow:auto}.archive-index a{display:grid;grid-template-columns:50px 1.3fr 1fr 25px;gap:20px;padding:21px 0;border-top:1px solid var(--line);text-decoration:none;align-items:center}.archive-index a span:nth-child(2){font:30px var(--serif)}.archive-index a span:not(:nth-child(2)){font:10px monospace}.archive-index a:hover{opacity:.55}
.about-page{padding:135px 6vw 60px;max-width:1400px;margin:auto}.about-kicker{font:10px monospace;text-transform:uppercase;letter-spacing:2px;margin-bottom:26px}.about-page h1{font:400 clamp(65px,10vw,150px)/.86 var(--serif);letter-spacing:-.055em;margin-bottom:50px}.about-grid{display:grid;grid-template-columns:1fr 1.5fr;gap:9vw;border-top:1px solid var(--fg);padding-top:25px}.about-grid h2{font:11px monospace;text-transform:uppercase;letter-spacing:1px}.about-grid .big{font:400 clamp(26px,3.2vw,44px)/1.15 var(--serif);letter-spacing:-1px}.about-grid .wd{margin:38px 0}.about-links{display:flex;gap:30px;margin-top:38px;font-size:13px}.about-links a{text-underline-offset:5px}.about-end{margin-top:75px;padding-top:15px;border-top:1px solid;font:10px monospace;text-transform:uppercase}
.v{padding-top:82px;max-width:1280px}.v h1{font-family:var(--serif);font-weight:400;letter-spacing:-.05em}.v .back{padding:12px 0 35px}.v .gal img{border-radius:0}.meta::after{display:none}.sutra-demo{margin:55px 0 65px}.demo-head{display:flex;justify-content:space-between;font:9px monospace;letter-spacing:1px;border-top:1px solid;padding:12px 0}.sutra-demo video{display:block;width:100%;aspect-ratio:2512/1330;object-fit:contain;background:#111}.demo-caption{display:grid;grid-template-columns:1fr 1.3fr;gap:40px;padding:22px 0 28px}.demo-caption h2{font:30px var(--serif);letter-spacing:-1px}.demo-caption p{color:var(--mute);font-size:14px;max-width:500px}.chapter-list{display:flex;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.chapter-list button{flex:1;padding:15px 12px;border-right:1px solid var(--line);text-align:left;font-size:12px;display:flex;flex-wrap:wrap;gap:9px;align-content:center}.chapter-list button:last-child{border:0}.chapter-list button span{font:10px monospace}.chapter-list button small{display:block;flex-basis:100%;padding-left:23px;opacity:.55;font:9px monospace}.chapter-list button[aria-pressed=true]{background:var(--fg);color:var(--paper)}.chapter-list button:hover{background:#d8d7d0;color:#171715}.sutra-stills{display:grid;grid-template-columns:1fr 1fr;gap:28px 18px}.sutra-stills figure{margin:0}.sutra-stills figure:first-child{grid-column:1/-1}.sutra-stills img{width:100%;display:block}.sutra-stills figcaption{font:10px monospace;margin-top:10px;text-transform:uppercase;letter-spacing:.5px}.site-nav.is-detail{background:rgba(240,239,235,.95);border-bottom:1px solid #aaa8}
@media(max-width:800px){.site-nav{padding:17px;gap:20px}.site-nav nav{gap:20px}.site-nav nav a{font-size:12px}.archive{min-height:620px}.archive-info{left:18px;top:88px;width:260px}.archive-info h1{font-size:24px}.archive-counter{top:93px;right:18px;font-size:9px}.disc-window{inset:265px 0 170px}.disc{width:80vw;max-width:440px}.disc-lettering{font-size:29px}.disc-id{font-size:6px;letter-spacing:1.7px}.archive-foot{bottom:22px;left:18px;right:18px;grid-template-columns:1fr}.archive-intro,.archive-hint{display:none}.archive-summary h2{font-size:26px}.archive-controls{gap:22px}.index-toggle{bottom:28px;right:18px;font-size:8px}.archive-index{inset:265px 18px 125px}.archive-index a{grid-template-columns:25px 1fr 15px;padding:12px 0;gap:10px}.archive-index a span:nth-child(2){font-size:22px}.archive-index a span:nth-child(3){display:none}.about-page{padding:110px 22px 40px}.about-grid{grid-template-columns:1fr;gap:24px}.about-page h1{margin-bottom:32px}.about-links{flex-wrap:wrap;gap:18px}.v{padding-top:72px}.demo-caption{grid-template-columns:1fr;gap:12px}.chapter-list{flex-wrap:wrap}.chapter-list button{flex-basis:33%;border-bottom:1px solid var(--line);padding:12px 8px}.sutra-stills{grid-template-columns:1fr}.sutra-stills figure:first-child{grid-column:auto}.it .tt{flex-wrap:wrap}}
.disc{width:clamp(270px,34vw,500px)}.site-nav.is-detail{background:rgba(255,255,255,.95)}
@media(max-width:800px){.disc{width:68vw;max-width:360px}}
.archive{display:grid;grid-template-rows:150px minmax(0,1fr) auto;row-gap:18px;padding-bottom:26px;min-height:650px}
.archive[hidden]{display:none}
.disc-window{position:relative;inset:auto;grid-row:2;width:100%;min-height:0;overflow:hidden;container-type:size}
.disc{width:min(40vw,570px,70cqh)}
.archive-foot{position:relative;inset:auto;grid-row:3;margin:0 24px;min-height:116px;z-index:4}
.index-toggle{bottom:160px}
@media(max-width:800px){.archive{grid-template-rows:225px minmax(0,1fr) auto;row-gap:16px;min-height:700px;padding-bottom:24px}.disc-window{inset:auto}.disc{width:min(78vw,400px,70cqh)}.archive-foot{inset:auto;margin:0 18px;min-height:126px;padding-bottom:24px}.index-toggle{bottom:23px}.archive-summary h2{max-width:330px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}@media print{body::before,.site-nav{display:none!important}.v{padding-top:0}body{background:white}}