:root{font-family:Arial,Helvetica,sans-serif;color:#222;background:#fff;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button{font:inherit;color:inherit;border:0;background:none;padding:0;text-align:left;cursor:pointer}button:hover{color:#888}button:focus-visible,a:focus-visible{outline:1px solid #888;outline-offset:5px}a{color:inherit}.skip{position:fixed;top:-60px;left:24px;background:#fff;padding:12px;z-index:20}.skip:focus{top:10px}aside{position:fixed;inset:0 auto 0 0;width:220px;padding:40px 28px;display:flex;flex-direction:column;background:#fff}.name{font-size:23px;font-weight:400;letter-spacing:-.6px}nav{margin-top:48px;font-size:14px;line-height:1.3}nav button{display:block;margin-bottom:15px}.project-nav{margin-top:20px}.secondary-nav{margin-top:44px}.active{color:#888}.copyright{margin-top:auto;padding-top:70px;color:#999;font-size:10px;line-height:1.6}main{margin-left:220px;min-height:100svh}.page{max-width:1200px;padding:42px 40px 70px 20px}.works{padding-top:42px}.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,180px));gap:30px 16px;align-items:start}.work-item{min-width:0}.work-image{position:relative;height:145px}.work-item:nth-child(2) .work-image{height:180px}.work-item:nth-child(3) .work-image{height:132px}.work-label{display:flex;justify-content:space-between;gap:6px;font-size:11px;line-height:1.4;margin-top:9px}.work-label span:last-child{font-size:10px;color:#999}.work-image .sculpture{margin:0;width:75%;height:65%;filter:drop-shadow(5px 10px 8px #0004)}.work-image .orb{width:85px}.work-image .orbit b{border-width:10px}.detail-intro{display:grid;grid-template-columns:1fr 1.1fr;gap:65px;min-height:260px;margin:18px 0 45px}.detail-heading{text-align:right}.detail-heading h1{font-size:40px;line-height:1.05;letter-spacing:-1.4px;margin:0;font-weight:600}.detail-heading p{font-size:13px;color:#999;margin:10px 0}.description{font-size:14px;line-height:1.7;max-width:360px}.description p{margin:0 0 18px}.category{font-size:10px;letter-spacing:1.2px;text-transform:uppercase;color:#888}figure{margin:0;width:55%;max-width:450px}.detail-art{height:340px;position:relative}.detail-art .sculpture{margin:0;width:72%}.detail-art .orb{width:210px}.detail-art .orbit b{border-width:22px}figcaption{display:flex;justify-content:space-between;font-size:11px;margin-top:10px}figcaption span{color:#999}.detail-footer{display:flex;justify-content:space-between;margin-top:55px;font-size:12px;color:#888}.prose{max-width:700px;padding-top:60px}.prose h1{font-size:28px;font-weight:400;letter-spacing:-.5px;margin:0 0 35px}.prose p{font-size:14px;line-height:1.7;max-width:420px;margin-bottom:24px}.prose .eyebrow{font-size:11px;color:#999;margin-bottom:30px}.text-link{font-size:12px;margin-top:16px}.mobile-header{display:none}.art{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;display:grid;place-items:center}.blue{background:radial-gradient(ellipse at 75% 15%,#afb9cc,transparent 65%),linear-gradient(150deg,#242c3d,#7a8ea7 55%,#29384b)}.pink{background:radial-gradient(ellipse at 72% 24%,#d9bfb4,transparent 65%),linear-gradient(130deg,#44323b,#a57f7c 60%,#443d50)}.green{background:radial-gradient(ellipse at 75% 22%,#c9ccb0,transparent 65%),linear-gradient(140deg,#293f39,#809184 60%,#263f39)}.sculpture{position:relative;width:55%;height:65%;margin-left:12%;filter:drop-shadow(24px 50px 35px #0005)}.tabs i{position:absolute;top:8%;right:15%;bottom:8%;left:15%;border:1px solid #fff8;border-radius:3px;background:linear-gradient(145deg,#e5e8ebcc,#8498b077 60%,#c9d1db99);box-shadow:inset 0 0 50px #ffffff25,20px 25px 40px #17233630}.tabs i:nth-child(1){transform:translate(-20%,-12%) rotate(-21deg)}.tabs i:nth-child(2){transform:translate(25%,15%) rotate(17deg)}.tabs i:nth-child(3){transform:rotate(-4deg)}.orbit b{position:absolute;width:75%;height:80%;left:13%;top:10%;border:clamp(15px,4vw,65px) solid #b9766b;border-radius:50%;box-shadow:inset 8px 12px 18px #0003,12px 18px 25px #0003}.orbit b:nth-child(2){transform:rotateX(65deg) rotate(30deg);border-color:#e2af98}.orbit b:nth-child(3){transform:rotateY(65deg) rotate(20deg);border-color:#6f494e}.sphere{display:grid;place-items:center}.orb{width:min(45vw,530px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 32% 24%,#edf1d5,#b8c6a6 20%,#597b66,#142f2a 80%);box-shadow:30px 55px 55px #172f3270}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.08;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.6' filter='url(%23n)'/%3E%3C/svg%3E");pointer-events:none}@media(max-width:850px){aside{width:180px;padding:30px 20px}.name{font-size:21px}main{margin-left:180px}.page{padding:32px 24px 60px 12px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.work-image{height:115px}.work-item:nth-child(2) .work-image{height:145px}.work-item:nth-child(3) .work-image{height:105px}.work-label,.work-label span{display:block}.detail-intro{gap:30px}.detail-heading h1{font-size:30px}figure{width:75%}}@media(max-width:580px){aside{width:135px;padding:27px 16px}.name{font-size:19px}nav{font-size:12px;margin-top:35px}nav button{margin-bottom:16px}.secondary-nav{margin-top:35px}.copyright{font-size:9px}main{margin-left:135px}.page{padding:28px 17px 50px 6px}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.work-image{height:95px}.work-item:nth-child(2) .work-image{height:115px}.work-item:nth-child(3) .work-image{height:90px}.work-image .orb{width:55px}.work-image .orbit b{border-width:6px}.work-label{font-size:10px}.detail-intro{display:flex;flex-direction:column-reverse;gap:25px;min-height:0;margin:0 0 32px}.detail-heading{text-align:left}.detail-heading h1{font-size:27px}.description{font-size:12px}.category{font-size:9px}figure{width:100%}.detail-art{height:240px}.detail-art .orb{width:130px}.detail-art .orbit b{border-width:13px}.prose h1{font-size:25px}.prose p{font-size:12px}.detail-footer{gap:15px;font-size:10px}}:root{font-family:Times New Roman,Times,serif}.name,h1,h2,h3,.work-label span:first-child{font-family:Courier New,Courier,monospace}nav button{margin-bottom:7px}.work-grid{grid-template-columns:repeat(2,minmax(0,240px));gap:32px 22px}.work-image,.work-item:nth-child(2) .work-image,.work-item:nth-child(3) .work-image{height:160px}.case-cover{height:100%;background:#f4f3ef;padding:20px;display:flex;flex-direction:column;justify-content:space-between;color:#555}.work-item:nth-child(2) .case-cover{background:#eef0f1}.work-item:nth-child(3) .case-cover{background:#eff0e9}.work-item:nth-child(4) .case-cover{background:#eeece9}.cover-mark{font:40px Courier New,monospace}.cover-title{font:12px Courier New,monospace}.work-label,.work-label span{display:block}.work-label span:last-child{margin-top:4px;font-size:11px}.detail-intro{min-height:0;margin-bottom:40px}.case-flow{display:flex;gap:22px;align-items:center;padding:25px 0;border-block:1px solid #e8e8e8;color:#777;font:12px Courier New,monospace;flex-wrap:wrap}.case-content{max-width:620px;padding-top:20px}.case-content section{margin:30px 0}.case-content h2{font-size:15px;font-weight:400;margin:0 0 12px}.case-content p{font-size:15px;line-height:1.75;margin:0}.source-link{font-size:13px;text-underline-offset:4px}.source-link:hover{color:#888}@media(max-width:580px){.work-grid{grid-template-columns:1fr;gap:25px}.work-image,.work-item:nth-child(2) .work-image,.work-item:nth-child(3) .work-image{height:145px}.case-flow{gap:12px;font-size:10px}.case-content p,.case-content h2{font-size:13px}}.case-cover{padding:12px;justify-content:center;overflow:hidden}.interface-preview{background:#fff;border:1px solid #deded8;color:#444;font:12px Arial,sans-serif;width:100%;text-align:left}.preview-top{display:flex;justify-content:space-between;border-bottom:1px solid #e8e8e2;padding:14px 18px;font:13px Courier New,monospace}.interface-preview small{font-size:9px;letter-spacing:.6px;color:#999}.reader-preview,.coupon-preview,.signal-preview{padding:22px}.preview-modes{display:flex;gap:20px;font-size:10px;margin-bottom:28px}.preview-modes b{font-weight:400;border-bottom:1px solid #888;padding-bottom:4px}.reader-columns{display:grid;grid-template-columns:1fr 1fr;gap:28px}.reader-columns p{font:16px/1.65 Times New Roman,serif;margin:12px 0 25px}.preview-controls{font-size:10px;color:#888;border-top:1px solid #eee;padding-top:15px}.tabs-preview{display:grid;grid-template-columns:1fr 1fr;min-height:230px}.browser-paper{padding:30px;color:#aaa;font:14px Times New Roman,serif;background:#fafaf8}.browser-paper i{display:block;height:5px;background:#e6e6e1;margin-top:18px;width:90%}.browser-paper i:last-child{width:60%}.task-panel{padding:20px;border-left:1px solid #eee}.task-example{padding:15px 0;border-bottom:1px solid #eee}.task-example span,.task-example small{display:block}.task-example small{margin-top:6px;font-size:8px}.coupon-preview{max-width:350px;margin:auto}.coupon-ticket{border:1px dashed #c8cbbd;padding:18px;margin:15px 0;display:flex;justify-content:space-between;font:15px Courier New,monospace}.preview-action{padding:12px;background:#edf0e7;margin:18px 0;font-size:11px}.evidence-table{display:grid;grid-template-columns:1.5fr repeat(3,1fr);margin:20px 0 26px}.evidence-table>div{border-bottom:1px solid #eee;padding:13px 6px;font-size:10px}.evidence-dot{display:inline-grid;place-items:center;background:#e9ede9;width:23px;height:23px}.no-evidence{color:#bbb}.case-visual{width:100%;max-width:660px;margin:0 0 35px;background:#f4f3ef;padding:25px}.case-visual figcaption{color:#888;font-size:10px;margin-top:14px}.work-image .interface-preview{width:420px;flex-shrink:0;transform:scale(.48);transform-origin:center}.work-image .case-cover{align-items:center}.work-image .reader-columns p{font-size:16px}.work-image .interface-preview{pointer-events:none}@media(max-width:580px){.case-visual{padding:10px}.reader-preview,.coupon-preview,.signal-preview{padding:12px}.reader-columns{gap:12px}.reader-columns p{font-size:12px}.preview-top{padding:12px;font-size:11px}.preview-modes{gap:12px;font-size:9px}.tabs-preview{grid-template-columns:1fr}.browser-paper{display:none}.task-panel{border:0;padding:15px}.evidence-table>div{font-size:8px;padding:10px 2px}.evidence-dot{width:16px;height:16px}.case-visual figcaption{font-size:9px}.work-image .interface-preview{transform:scale(.42)}.work-image .tabs-preview{grid-template-columns:1fr 1fr}.work-image .browser-paper{display:block}}.series-card{display:block;width:240px;max-width:100%}.series-card img{display:block;width:100%;height:auto}.series-card>span{display:block;font:13px Courier New,monospace;margin-top:12px}.series-card small{display:block;color:#999;font-size:11px;margin-top:6px}.series-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:40px}.series-heading h1{font-size:28px;font-weight:400;margin:0}.series-heading>span{font-size:12px;color:#999}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:30px 24px}.photo-grid figure{width:100%;max-width:none;margin:0}.photo-grid img{display:block;width:100%;height:auto}.photo-grid a{display:block}.photo-grid figcaption{font-size:10px;color:#999;margin-top:9px}@media(max-width:850px){.photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}}@media(max-width:580px){.photo-grid{grid-template-columns:1fr;gap:26px}.series-heading{display:block;margin-bottom:28px}.series-heading h1{font-size:23px;margin-bottom:10px}}.series-intro{max-width:660px;margin:0 0 42px;font-size:15px;line-height:1.75}.series-intro p{margin:0 0 22px}@media(max-width:580px){.series-intro{font-size:13px}}.description,.prose p,.case-content p,.series-intro{line-height:1.4}.playground-art{width:100%;max-width:440px;margin:0}.playground-art img{display:block;width:100%;height:auto}.playground-art figcaption{font:13px Courier New,Courier,monospace;margin-top:12px}.playground-art a{display:block}.playground-art{max-width:240px}.playground-art a{padding:18px;background:#fff;border:1px solid #eee;box-shadow:0 2px 7px #00000008}.playground{display:grid;grid-template-columns:repeat(2,minmax(0,240px));gap:36px 28px;align-items:start}.reshape-cover{aspect-ratio:1;background:#080a0b;position:relative;display:grid;place-items:center;overflow:hidden}.reshape-form{width:65%;aspect-ratio:1;border:1px solid #b6c8cc;border-radius:43% 57% 60% 40%;box-shadow:inset 8px 0 24px #94b4ba55,0 0 22px #91aebc22;background:repeating-radial-gradient(ellipse at 45% 50%,transparent 0 4px,#a1bfc64d 5px,transparent 6px 9px);transform:rotate(-25deg)}.reshape-cover-label{position:absolute;bottom:14px;left:14px;color:#aaa;font:10px Courier New,monospace}.reshape-project p{font-size:12px;line-height:1.4;color:#888;margin-top:8px}@media(max-width:580px){.playground{grid-template-columns:minmax(0,240px)}}.reshape-live{position:relative;aspect-ratio:1;overflow:hidden;background:#050505}.reshape-live iframe{position:absolute;width:800px;height:800px;max-width:none;border:0;left:50%;top:50%;transform:translate(-50%,-50%) scale(.3);pointer-events:none}.reshape-live .reshape-cover-label{pointer-events:none;background:#050505;padding:4px 6px;left:8px;bottom:8px}