/* Neo-Brutalism × Riso: three inks, hard edges, an expressive object wall. */
:root{--paper:#fffdf3;--bg:#f4f2e9;--ink:#171717;--muted:#55554d;--accent:#ff5b35;--blue:#293dff;--acid:#edff56;--line:#171717;--shadow:6px 7px 0 #171717;font-family:Arial,'Microsoft YaHei','PingFang SC',sans-serif}
body{border-top:7px solid var(--blue)}body:after{opacity:.035}.topbar{height:85px;max-width:1600px;padding:0 34px}.brand{font-size:20px;letter-spacing:-.5px;font-weight:900}.brand-icon{color:var(--ink);font-size:48px;transform:rotate(-12deg)}.brand small{font-size:8px;font-weight:700;letter-spacing:1px}.top-right{gap:24px}.availability{background:var(--acid);border:2px solid var(--ink);padding:10px 14px;box-shadow:3px 3px 0 var(--ink);font-size:11px;font-weight:700;transform:rotate(-2deg)}.availability i{background:var(--ink);box-shadow:none;border-radius:0;width:7px;height:7px}.edition{color:var(--ink);font-size:10px}.workspace{max-width:1532px;margin:0 32px;grid-template-columns:250px 1fr;border:3px solid var(--ink);border-radius:0;min-height:860px;box-shadow:8px 9px 0 var(--ink)}.index-panel{background:var(--paper);padding:24px 24px 20px;border-right:3px solid var(--ink)}.index-top .mono{font-size:9px;letter-spacing:.4px}.mini-cross{font-size:30px;color:var(--ink);font-weight:900}.manifesto-type{font:900 76px/.83 Arial,sans-serif;letter-spacing:-7px;margin:36px 0 22px;position:relative}.manifesto-type>span:first-child{font-size:62px;color:var(--accent);position:absolute;right:-4px;top:-4px;transform:rotate(10deg)}.manifesto-type .type-dot{font-size:17px;color:var(--blue);vertical-align:bottom;line-height:2;letter-spacing:0;position:absolute;right:-6px;bottom:-4px}h1{font-size:26px;letter-spacing:-.8px;line-height:1.6;margin:0 0 17px;font-weight:900}.underlined{background:var(--acid);box-shadow:3px 3px 0 var(--ink);padding:2px 3px;border:1px solid var(--ink);display:inline-block;transform:rotate(-2deg)}.underlined:after{display:none}.designer-label{font:700 8px monospace;letter-spacing:.55px;margin:6px 0 19px}.intro{font-size:10px;line-height:2;color:#444}.rule{height:3px;background:var(--ink);margin:23px 0 18px}.eyebrow{font-size:8px;color:var(--ink);letter-spacing:.4px}.index-nav{gap:0}.index-nav button{font-size:13px;padding:12px 0;border-bottom:1px solid var(--ink);font-weight:700}.index-nav button span{color:var(--blue);font-weight:700;font-size:10px}.index-nav button b{font-size:20px;color:var(--ink)}.index-nav button:hover{color:var(--blue)}.legend{margin:23px 0;font-size:9px;color:var(--ink)}.legend-dot{background:var(--blue);border-radius:0}.register{border-bottom:2px solid var(--ink);color:var(--ink);padding-bottom:12px;font-size:20px}.register span{font-weight:700;font-size:8px;letter-spacing:.3px}.ink-controls{margin-top:14px;font-weight:700}.ink{width:19px;height:19px;border:2px solid var(--ink);border-radius:0;box-shadow:2px 2px 0 var(--ink)}.ink.red{background:linear-gradient(45deg,#ff5b35 50%,#293dff 50%)}.ink.green{background:linear-gradient(45deg,#b7ec31 50%,#6a2cff 50%)}.ink.active{outline:2px solid var(--ink);outline-offset:3px}.small-note{font-size:8px;color:#555;line-height:1.6;margin-top:15px}.reset{font-size:10px;text-decoration:none;border:1px solid var(--ink);padding:4px 6px;background:white}.reset:hover{background:var(--acid)}
.board{background-color:#e8e9df;background-image:radial-gradient(circle,#353831 1.3px,transparent 1.7px);background-size:25px 25px;background-position:13px 14px;min-height:860px}.board:before{box-shadow:none}.board-label{display:flex;justify-content:space-between;left:0;right:0;top:0;padding:13px 20px;background:var(--acid);border-bottom:3px solid var(--ink);color:var(--ink);font:700 10px monospace;letter-spacing:.8px}.board-label>span:first-child{font-weight:900}.board-corner{font:700 23px monospace;color:var(--ink);z-index:1;background:#e8e9df;width:21px;height:21px;display:grid;place-items:center}.top-left,.top-right-corner{top:53px}.bottom-left,.bottom-right{bottom:14px}.top-left,.bottom-left{left:10px}.top-right-corner,.bottom-right{right:10px}.board-footer{bottom:17px;left:40px;right:36px;color:var(--ink);align-items:center;font-weight:700}.board-footer span{background:var(--paper);border:1px solid var(--ink);font-size:8px;padding:5px 8px;letter-spacing:.4px}.object{transition:filter .15s}.object:hover{filter:none}.object.dragging{filter:drop-shadow(5px 8px 0 #17171733);z-index:6}.paper{border:3px solid var(--ink);box-shadow:var(--shadow)}.object-button:hover{translate:-2px -3px;box-shadow:9px 10px 0 var(--ink)}.drag-handle{outline-offset:5px}.id-object{left:4.5%;top:112px;width:25%;--rot:-5deg}.id-card{padding:0;border-radius:0;box-shadow:6px 7px 0 var(--ink);overflow:hidden}.id-top{background:var(--ink);color:white;font-size:8px;padding:11px 10px;border:0;font-weight:700;letter-spacing:0}.id-body{padding:15px 12px;gap:10px;align-items:center}.portrait{width:43%;height:108px;flex-shrink:0;background:var(--blue);border:2px solid var(--ink);position:relative;display:flex;align-items:center;justify-content:center}.portrait:after{opacity:.18;background-size:4px 4px}.eye-mark{display:flex;gap:3px;transform:rotate(-12deg)}.eye{background:var(--paper);width:29px;height:44px;border:2px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;overflow:hidden}.eye i{width:14px;height:19px;border-radius:50%;background:var(--ink);display:block;will-change:transform}.portrait-caption{position:absolute;bottom:7px;font:700 5px Arial;letter-spacing:.5px;color:white;left:7px}.id-copy strong{font:bold 23px/1.3 'Microsoft YaHei',sans-serif;letter-spacing:-1px}.id-copy>span{font-size:6px;font-weight:700;letter-spacing:0}.id-copy p{font-size:10px;line-height:1.7;margin:12px 0 10px;font-weight:600}.id-copy .small-arrow{font-size:8px;color:var(--blue);font-weight:900}.id-footer{background:var(--acid);border-top:2px solid var(--ink);padding:10px 11px;font-size:8px;font-weight:700}.barcode{height:16px;background:repeating-linear-gradient(90deg,#171717 0 1px,transparent 1px 3px,#171717 3px 5px,transparent 5px 7px)}.clip{border:3px solid var(--ink);background:var(--paper);border-radius:10px;top:-31px;width:18px;height:41px;box-shadow:2px 2px 0 var(--ink);left:46%}.clip:after{border:1px solid var(--ink);background:transparent;top:7px;left:3px;width:6px;height:25px}
.works-object{left:33%;top:106px;width:38%;--rot:2deg}.works-paper{background:var(--blue);color:var(--paper);padding:20px 17px 13px;box-shadow:8px 9px 0 var(--ink)}.paper-heading .mono{font-size:8px;letter-spacing:1px}.work-count{background:var(--acid);color:var(--ink);border:2px solid var(--ink);border-radius:0;padding:4px 7px;font:900 13px monospace;transform:rotate(7deg)}.works-heading h2{margin:16px 0 10px;font:900 39px/.91 Arial;letter-spacing:-1.8px;display:block;position:relative}.works-heading h2 .works-word{font:inherit;color:var(--paper);display:block}.works-heading h2 .works-word em{font-style:normal;color:var(--acid);font-size:1.09em}.works-heading h2 .works-arrow{position:absolute;right:0;bottom:-1px;color:var(--paper);font:bold 43px Arial;line-height:1}.works-heading p{font-size:9px;color:var(--paper);margin:12px 0 17px;letter-spacing:.4px}.featured-project{border-top:2px solid var(--ink)}.art{border:2px solid var(--ink)}.art-echo{background:var(--acid);height:190px;color:var(--ink);border-top:0}.art-tiny{font-size:7px;letter-spacing:1px;left:9px;top:10px;font-weight:700}.echo-orbit{width:155px;height:102px;border-width:22px;left:8%;top:58px;border-color:var(--accent);opacity:1;transform:rotate(-38deg)}.echo-orbit.two{border-color:var(--blue);left:29%;top:61px}.echo-orbit.three{width:119px;height:82px;left:48%;top:75px;border-color:var(--accent);opacity:.85}.echo-word{top:28px;right:12px;font:900 47px/1 'Microsoft YaHei',sans-serif;letter-spacing:-4px;color:var(--ink);text-shadow:2px 2px var(--paper);transform:rotate(-5deg)}.echo-word>span{display:block;font:700 6px monospace;letter-spacing:0;margin-top:5px;text-align:right;text-shadow:none}.art-bottom{font-size:5px;left:9px;bottom:8px;font-weight:700}.art:after{opacity:.23;background-size:3px 3px}.project-caption{margin:0;padding:10px 0 13px}.project-caption b{font-size:12px}.project-caption small,.mini-projects small{color:var(--paper);font-size:8px;opacity:.8}.project-caption>span:last-child{color:var(--acid);font:bold 23px Arial}.mini-projects{gap:12px}.mini-projects .art{height:119px;margin-bottom:9px;box-shadow:3px 3px 0 var(--ink)}.mini-projects b{font-size:10px}.mini-projects small{font-size:7px}.art-between{background:#ffb9dc}.circle{width:110px;height:110px;top:17px;background:var(--blue)}.c1{left:-23px}.c2{left:32px;background:var(--accent)}.between-text{font:bold 31px/.95 'Microsoft YaHei';top:11px;right:8px;color:var(--ink);text-shadow:1px 1px var(--paper)}.between-text span{font-size:6px;letter-spacing:.4px;margin-top:8px;text-shadow:none}.art-type{background:var(--accent);color:var(--acid)}.art-type>span{font:bold 52px/.95 'Microsoft YaHei';left:8px;top:5px;text-shadow:3px 2px var(--ink)}.art-type>i{color:var(--ink);font:bold 12px/.9 Arial;right:6px;bottom:9px}.all-works{border:2px solid var(--ink);background:var(--acid);color:var(--ink);padding:10px 9px;margin-top:17px;font-size:10px;font-weight:900;box-shadow:3px 3px 0 var(--ink)}.all-works:hover{color:var(--ink);background:white}.binder{top:-18px;width:68px;left:calc(50% - 34px);height:31px;border:2px solid var(--ink);border-radius:0;background:var(--ink);box-shadow:3px 3px 0 #fff5}.binder:before,.binder:after{border:3px solid var(--ink);background:var(--paper);border-radius:6px;width:16px;height:31px;top:-18px;left:12px}.binder:after{left:34px}
.note-object{width:21%;right:3%;top:107px;--rot:7deg}.sticky{background:var(--acid);padding:18px 14px 14px;border:3px solid var(--ink);box-shadow:6px 7px 0 var(--ink);position:relative}.sticky .mono{font-size:6px;letter-spacing:.1px;color:var(--ink)}.what-if{font:900 44px/.85 Arial;letter-spacing:-3px;margin:18px 0 12px;position:relative}.what-if>span{position:absolute;right:0;bottom:-15px;font-size:94px;color:var(--blue);-webkit-text-stroke:1.5px var(--ink);transform:rotate(8deg)}.sticky p{font:bold 19px/1.35 'Microsoft YaHei';margin:18px 0 16px;letter-spacing:-.4px}.note-foot{font:700 5px monospace;letter-spacing:.1px}.pin{width:13px;height:13px;border-radius:0;background:var(--accent);border:2px solid var(--ink);top:-7px;left:47%;box-shadow:2px 2px 0 var(--ink);transform:rotate(15deg)}.skills-object{width:23%;left:5.5%;top:409px;--rot:-4deg}.skills-tag{background:var(--accent);color:var(--ink);border:3px solid var(--ink);border-radius:50% 50% 0 0;padding:46px 14px 18px;text-align:left;box-shadow:7px 8px 0 var(--ink)}.skills-tag .hole{background:#e8e9df;border:2px solid var(--ink);width:12px;height:12px;top:16px;left:calc(50% - 6px);box-shadow:none}.skills-tag .mono{font-size:7px;letter-spacing:.2px;display:block;text-align:center}.skills-tag h2{font-size:34px;line-height:1.12;letter-spacing:-1.6px;margin:13px 0 20px;font-weight:900;text-align:center}.skill-chips{gap:6px;justify-content:center}.skill-chips span{background:var(--paper);border:1.5px solid var(--ink);border-radius:0;padding:5px 7px;font-weight:700;font-size:8px;box-shadow:2px 2px 0 var(--ink)}.skills-end{font-size:6px;border-top:2px dashed var(--ink);margin-top:20px;padding-top:11px;display:flex;align-items:center;gap:7px;font-weight:700;letter-spacing:0}.tag-cross{font:bold 23px Arial}.ring{border:3px solid var(--ink);background:transparent;top:-25px;width:25px;height:49px;left:calc(50% - 13px);box-shadow:2px 2px 0 #fff;border-radius:50%;transform:rotate(13deg)}
.lab-object{width:23%;right:2.6%;top:389px;--rot:-6deg}.lab-card{background:#ffb9dc;border:3px solid var(--ink);padding:8px 8px 12px;box-shadow:6px 7px 0 var(--ink)}.lab-art{height:160px;background:#ffb9dc;border:2px solid var(--ink)}.sunburst{font:bold 180px/.9 Arial;left:-16px;top:8px;color:var(--accent);transform:rotate(10deg)}.sunburst.blue{color:var(--blue);left:0;top:17px;opacity:1}.lab-art>span{font:900 23px/.87 Arial;right:8px;top:15px;color:var(--paper);text-shadow:2px 2px var(--ink);letter-spacing:-.7px;transform:rotate(0)}.lab-caption{font:900 12px Arial;padding:10px 1px 5px}.lab-caption b{font:bold 22px Arial;color:var(--ink)}.lab-card small{font-size:8px;color:var(--ink);font-weight:600}.tape{background:var(--paper);border:2px solid var(--ink);width:63px;height:22px;left:calc(50% - 31px);top:-12px;transform:rotate(4deg);box-shadow:2px 2px 0 var(--ink)}.tape:after{content:'EXPERIMENT';font:700 6px monospace;position:absolute;inset:0;display:grid;place-items:center;color:var(--ink)}.contact-object{width:25%;right:3%;top:675px;--rot:3deg}.contact-card{background:var(--ink);color:var(--paper);border:3px solid var(--ink);border-image:none;padding:14px 14px 12px;box-shadow:6px 7px 0 var(--blue)}.contact-card:hover{box-shadow:9px 10px 0 var(--blue)}.postcard-header .mono{font-size:7px;letter-spacing:.5px}.contact-card h2{font:900 35px/.88 Arial;letter-spacing:-1.8px;margin:17px 0 15px}.contact-card h2 span{color:var(--acid)}.stamp{background:var(--acid);color:var(--ink);border:1.5px solid var(--ink);font:900 6px/1.2 Arial;padding:4px;right:10px;top:12px;transform:rotate(9deg)}.stamp b{font-size:22px;line-height:1}.postcard-bottom{font-size:8px;padding-top:8px;border-top:1px solid #ffffff70}.postcard-bottom b{font-size:13px}.small-clip{border:2px solid var(--ink);background:var(--paper);border-radius:5px;top:-17px;height:29px;width:13px;left:25px;box-shadow:2px 2px 0 var(--ink)}.board-mark{position:absolute;left:5%;bottom:69px;display:flex;gap:10px;align-items:center;transform:rotate(-4deg)}.board-mark>span{font:bold 68px/.8 Arial;color:var(--blue)}.board-mark b{font:900 13px/.95 Arial;letter-spacing:-.4px;background:#e8e9df;padding:5px}.site-footer{max-width:1532px;margin:24px 32px;align-items:center;color:var(--ink);font-size:9px;font-weight:700}.site-footer>span:nth-child(2){font-weight:900;letter-spacing:1px;font-size:9px}
/* Modal pages follow the same graphic system instead of reverting to neutral UI. */
dialog{border:3px solid var(--ink);background:var(--paper);box-shadow:12px 12px 0 var(--ink)}dialog::backdrop{background:#293dff45;backdrop-filter:blur(4px)}.dialog-top{border-bottom:3px solid var(--ink);background:var(--acid);padding:15px 24px}.dialog-top .mono{font-size:9px;color:var(--ink)}.dialog-top button{border:2px solid var(--ink);padding:8px 12px;background:var(--paper);box-shadow:3px 3px 0 var(--ink);font-weight:700}.detail-kicker{color:var(--blue);font-weight:900}#dialog-title{font:900 36px/1.3 'Microsoft YaHei',Arial;letter-spacing:-1px}.detail-note{background:var(--acid);border:2px solid var(--ink);font-size:11px;box-shadow:3px 3px 0 var(--ink)}.meta-list{border-block:2px solid var(--ink)}.detail-grid h3{font-weight:900;font-size:16px}.detail-grid p{color:#404039;font-size:13px}.filters button{border:2px solid var(--ink);font-weight:700;box-shadow:3px 3px 0 var(--ink)}.filters button[aria-pressed=true]{background:var(--blue);color:white}.catalogue .art{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink)}.catalogue h3{font-size:13px}.catalogue .echo-word{font-size:37px;right:10px}.catalogue .echo-word>span{font-size:5px}.action-button{border:2px solid var(--ink);box-shadow:4px 4px 0 var(--ink);background:var(--blue);color:white;font-weight:700}.action-button:hover{background:var(--acid);color:var(--ink)}.back-button{color:var(--blue);font-weight:700}.project-next{border-top:2px solid var(--ink);font-weight:700}.detail-hero .art{height:280px}.detail-hero .echo-word{font-size:80px;top:35px;right:8%}.detail-hero .echo-word>span{font-size:10px}.detail-hero .echo-orbit{top:82px}.detail-hero .echo-orbit.two{top:91px}.detail-hero .echo-orbit.three{top:105px}.lab-play{border:3px solid var(--ink);background:var(--acid);box-shadow:6px 6px 0 var(--ink)}.lab-play .sunburst{font-size:290px;transform:none}.lab-range input{accent-color:var(--blue)}.contact-fields div{border-bottom:2px solid var(--ink)}.toast{background:var(--acid);color:var(--ink);border:2px solid var(--ink);font-weight:700;box-shadow:4px 4px 0 var(--ink)}button:focus-visible,a:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.works-object button:focus-visible{outline-color:var(--acid)}
@media(min-width:1600px){.workspace{margin-left:auto;margin-right:auto;grid-template-columns:270px 1fr;min-height:930px}.board{min-height:930px}.manifesto-type{font-size:85px}.manifesto-type>span:first-child{font-size:70px}.id-object{top:125px}.works-object{top:110px}.works-heading h2{font-size:48px}.art-echo{height:225px}.mini-projects .art{height:145px}.note-object{top:125px}.what-if{font-size:56px}.what-if>span{font-size:112px}.sticky p{font-size:24px}.skills-object{top:445px}.skills-tag h2{font-size:41px}.lab-object{top:430px}.lab-art{height:185px}.contact-object{top:736px}.contact-card h2{font-size:42px}.site-footer{margin-left:auto;margin-right:auto}}
@media(max-width:1190px) and (min-width:851px){.workspace{grid-template-columns:210px 1fr;margin-inline:22px}.index-panel{padding:22px 17px}.manifesto-type{font-size:66px;letter-spacing:-6px}.manifesto-type>span:first-child{font-size:52px;right:-1px}.manifesto-type .type-dot{font-size:14px;right:-4px}h1{font-size:23px}.intro{font-size:9px}.designer-label{font-size:7px}.index-nav button{font-size:12px}.id-object{width:25%;left:4%;top:111px}.id-body{display:block;padding:11px 9px}.portrait{width:100%;height:90px}.eye{width:32px;height:44px}.eye-mark{gap:6px}.id-copy{margin-top:11px}.id-copy strong{font-size:20px}.id-copy>span{display:none}.id-copy p{display:none}.id-copy .small-arrow{display:block;font-size:8px;margin-top:7px}.id-footer{font-size:6px;padding:9px 8px}.barcode{width:30px;height:12px}.id-top{font-size:6px;padding:10px 7px}.works-paper{padding:18px 12px 12px}.works-heading h2{font-size:32px}.works-heading h2 .works-arrow{font-size:34px;right:0}.paper-heading .mono{font-size:6px}.work-count{font-size:10px}.works-heading p{font-size:8px;letter-spacing:0}.art-echo{height:182px}.echo-word{font-size:37px;letter-spacing:-2px}.echo-orbit{width:135px;height:90px;left:0;top:65px;border-width:19px}.echo-orbit.two{left:23%;top:75px}.echo-orbit.three{left:45%;top:84px}.project-caption b{font-size:10px}.project-caption small{font-size:7px}.mini-projects{gap:9px}.mini-projects .art{height:115px}.mini-projects b{font-size:8px}.mini-projects small{font-size:6px}.art-type>span{font-size:45px}.art-type>i{font-size:10px}.note-object{width:21%;right:3%;top:114px}.sticky{padding:14px 9px 12px}.sticky .mono{font-size:5px}.what-if{font-size:35px;letter-spacing:-2px;margin-top:18px}.what-if>span{font-size:73px;bottom:-13px;right:-2px}.sticky p{font-size:17px;margin-top:18px}.note-foot{font-size:4px}.skills-object{width:23%;left:5%;top:430px}.skills-tag{padding:43px 9px 15px}.skills-tag h2{font-size:28px}.skill-chips{gap:5px}.skill-chips span{font-size:7px;padding:4px 5px}.skills-end{font-size:5px}.lab-object{width:23%;right:2.5%;top:377px}.lab-art{height:150px}.lab-art>span{font-size:20px;right:5px}.sunburst{font-size:145px;top:20px}.sunburst.blue{top:30px}.lab-caption{font-size:10px}.lab-card small{font-size:7px}.contact-object{top:662px;width:25%;right:3%}.contact-card{padding:12px 10px}.contact-card h2{font-size:29px;letter-spacing:-1.5px}.postcard-header .mono{font-size:6px}.stamp{display:block;right:6px;top:8px;font-size:5px;padding:3px}.stamp b{font-size:18px}.postcard-bottom{font-size:6px}.board-mark{bottom:75px;left:5%;gap:6px}.board-mark>span{font-size:54px}.board-mark b{font-size:10px}.board-footer>span:last-child{display:none}}
/* Narrow screens keep the same objects but use an intentionally composed, readable wall. */
@media(max-width:850px){body{border-top-width:5px}.topbar{height:78px;padding:0 24px}.brand{font-size:18px}.brand-icon{font-size:40px}.brand small{font-size:7px}.availability{padding:8px 10px;font-size:10px}.edition{display:none}.workspace{display:block;margin:0 18px;min-height:0;border-width:3px;box-shadow:6px 7px 0 var(--ink)}.index-panel{padding:24px;border-right:0;border-bottom:3px solid var(--ink);display:grid;grid-template-columns:1fr 1fr;column-gap:25px;align-items:start}.index-top{display:none}.manifesto-type{font-size:68px;letter-spacing:-5px;grid-column:1;grid-row:1/4;margin:3px 0 0;width:190px}.manifesto-type>span:first-child{font-size:55px;right:17px}.manifesto-type .type-dot{right:11px;font-size:15px}h1{font-size:24px;line-height:1.6;grid-column:2;grid-row:1;margin:0 0 10px}h1 br{display:block}.designer-label{font-size:7px;grid-column:2;grid-row:2;margin:0 0 10px}.intro{grid-column:2;grid-row:3;font-size:9px;line-height:1.9}.intro br{display:block}.rule,.eyebrow{display:none}.index-nav{grid-column:1/3;display:flex;gap:0;justify-content:space-between;margin-top:23px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink)}.index-nav button{border:0;font-size:12px;padding:12px 0;gap:8px}.index-nav button span{font-size:9px}.index-nav button b{display:inline;font-size:16px;margin-left:3px}.legend{display:none}.index-bottom{grid-column:1/3;display:flex;align-items:center;justify-content:space-between;margin:18px 0 0;gap:15px}.register{display:none}.ink-controls{margin:0;font-size:9px;gap:11px}.reset{margin-left:12px}.small-note{font-size:8px;max-width:190px;text-align:right;margin:0;line-height:1.5}.board{min-height:1260px}.board-label{font-size:8px;padding:13px 14px;letter-spacing:.3px}.id-object{width:42%;left:6%;top:104px}.id-top{font-size:8px}.id-body{display:flex;padding:16px 13px;gap:13px}.portrait{width:43%;height:113px}.id-copy strong{font-size:23px}.id-copy>span{font-size:6px}.id-copy p{font-size:10px}.id-footer{font-size:8px}.note-object{width:32%;right:8%;top:103px}.sticky{padding:18px 16px 15px}.sticky .mono{font-size:6px}.what-if{font-size:43px}.what-if>span{font-size:92px}.sticky p{font-size:20px}.note-foot{font-size:5px}.works-object{width:49%;left:6%;top:407px}.works-paper{padding:20px 16px 13px}.works-heading h2{font-size:38px}.works-heading h2 .works-arrow{font-size:40px}.works-heading p{font-size:9px}.art-echo{height:200px}.echo-word{font-size:43px}.echo-orbit{width:150px;left:5%;height:95px;top:77px}.echo-orbit.two{left:26%;top:82px}.echo-orbit.three{left:45%;top:95px}.mini-projects .art{height:118px}.skills-object{width:30%;left:auto;right:6%;top:405px}.skills-tag{padding:47px 12px 18px}.skills-tag h2{font-size:33px}.skills-end{font-size:6px}.lab-object{width:31%;right:5%;top:782px}.lab-art{height:163px}.lab-art>span{font-size:23px}.lab-caption{font-size:12px}.contact-object{width:43%;left:9%;right:auto;top:1050px}.contact-card h2{font-size:36px}.stamp{display:block}.board-mark{left:auto;right:6%;bottom:90px;transform:rotate(7deg);display:block;text-align:center}.board-mark>span{font-size:62px;display:block;margin-bottom:8px}.board-mark b{font-size:11px;display:block}.board-footer{left:35px;right:35px;bottom:16px}.board-footer>span:last-child{display:none}.board-footer .mono{font-size:7px}.drag-handle{pointer-events:none}.site-footer{margin:22px 20px;font-size:8px}.site-footer>span:nth-child(2){display:none}}
@media(max-width:550px){.topbar{height:73px;padding:0 17px}.brand{font-size:15px;gap:8px}.brand-icon{font-size:34px}.brand small{font-size:5px;letter-spacing:.6px}.availability{font-size:8px;padding:7px 8px;gap:5px}.availability i{width:5px;height:5px}.workspace{margin:0 10px;box-shadow:4px 5px 0 var(--ink);border-width:2px}.index-panel{padding:21px 17px 17px;border-bottom-width:2px;column-gap:13px;grid-template-columns:46% 1fr}.manifesto-type{font-size:54px;letter-spacing:-4px;width:147px;margin:4px 0}.manifesto-type>span:first-child{font-size:42px;right:12px;top:-1px}.manifesto-type .type-dot{font-size:11px;right:8px;bottom:0}h1{font-size:20px;letter-spacing:-.8px;line-height:1.7;margin-bottom:9px}.designer-label{font-size:5px;letter-spacing:0;margin-bottom:9px}.intro{font-size:7px;line-height:1.9}.intro br{display:block}.index-nav{margin-top:20px;border-width:1.5px}.index-nav button{font-size:10px;padding:11px 0;gap:5px}.index-nav button span{font-size:8px}.index-nav button b{font-size:13px;margin-left:0}.index-bottom{gap:10px;margin-top:15px}.ink-controls{gap:10px;font-size:8px}.ink{width:16px;height:16px}.ink.active{outline-width:1px}.reset{font-size:8px;padding:4px;margin-left:7px}.small-note{font-size:6px;max-width:115px}.board{min-height:1555px;background-size:23px 23px;background-position:11px 12px}.board-label{font-size:6px;letter-spacing:0;padding:11px 10px;border-bottom-width:2px}.board-label>span:first-child{font-size:8px}.board-corner{font-size:20px}.top-left,.top-right-corner{top:48px}.id-object{width:51%;left:5%;top:106px;--rot:-5deg}.id-card{border-width:2px;box-shadow:4px 5px 0 var(--ink)}.id-top{font-size:6px;padding:9px 7px}.id-body{padding:12px 8px;gap:8px}.portrait{width:41%;height:96px;border-width:1.5px}.eye{width:23px;height:36px;border-width:1.5px}.eye i{width:11px;height:16px}.eye-mark{gap:2px}.portrait-caption{font-size:4px;left:4px;bottom:6px}.id-copy strong{font-size:18px;letter-spacing:-1px}.id-copy>span{font-size:4px}.id-copy p{font-size:8px;margin:10px 0 8px}.id-copy .small-arrow{font-size:6px}.id-footer{padding:8px 7px;font-size:6px;border-top-width:1.5px}.barcode{width:28px;height:13px}.clip{top:-28px;height:37px;width:16px;border-width:2px}.clip:after{left:3px;top:5px;width:6px;height:24px}.note-object{width:29%;right:5%;top:116px;--rot:8deg}.sticky{padding:11px 8px;border-width:2px;box-shadow:4px 5px 0 var(--ink)}.sticky .mono{font-size:4px;line-height:1.5;display:block}.what-if{font-size:27px;letter-spacing:-2px;margin:15px 0 14px}.what-if>span{font-size:59px;right:-1px;bottom:-12px;-webkit-text-stroke:1px var(--ink)}.sticky p{font-size:13px;line-height:1.4;margin:17px 0 13px}.note-foot{font-size:3px;letter-spacing:0;display:block;white-space:nowrap}.pin{width:11px;height:11px;top:-6px}.works-object{width:78%;left:9%;top:390px;--rot:2deg}.works-paper{padding:20px 17px 13px;box-shadow:6px 7px 0 var(--ink);border-width:2px}.paper-heading .mono{font-size:7px;letter-spacing:.6px}.work-count{font-size:11px;padding:4px 6px}.works-heading h2{font-size:39px;letter-spacing:-1.7px;margin-top:15px}.works-heading h2 .works-arrow{font-size:38px}.works-heading p{font-size:9px;letter-spacing:0;margin:12px 0 16px}.art-echo{height:183px}.art-tiny{font-size:6px}.echo-word{font-size:43px;top:26px;right:12px}.echo-word>span{font-size:6px}.echo-orbit{width:135px;height:90px;top:67px;left:6%;border-width:19px}.echo-orbit.two{left:28%;top:75px}.echo-orbit.three{left:47%;top:85px;width:110px;height:75px}.art-bottom{font-size:5px}.project-caption{padding:11px 0 14px}.project-caption b{font-size:11px}.project-caption small{font-size:7px}.mini-projects{gap:12px}.mini-projects .art{height:118px;margin-bottom:8px}.mini-projects b{font-size:9px;line-height:1.6}.mini-projects small{font-size:7px;margin-top:4px}.art-type>span{font-size:50px;left:8px}.art-type>i{font-size:11px;right:6px}.between-text{font-size:30px;right:8px}.all-works{font-size:9px;padding:10px 8px;margin-top:16px}.skills-object{width:36%;left:6%;right:auto;top:1050px;--rot:-6deg}.skills-tag{padding:40px 9px 15px;border-width:2px;box-shadow:5px 6px 0 var(--ink);border-radius:50% 50% 0 0}.skills-tag .mono{font-size:5px;letter-spacing:0}.skills-tag h2{font-size:26px;line-height:1.15;letter-spacing:-1px;margin:12px 0 17px}.skill-chips{gap:5px}.skill-chips span{font-size:6px;padding:4px 5px;border-width:1px}.skills-end{font-size:4px;letter-spacing:0;margin-top:17px;gap:4px}.tag-cross{font-size:19px}.ring{width:23px;height:44px;border-width:2px;top:-22px}.lab-object{width:40%;right:6%;top:1065px;--rot:6deg}.lab-card{border-width:2px;padding:7px 7px 11px;box-shadow:5px 6px 0 var(--ink)}.lab-art{height:150px;border-width:1.5px}.sunburst{font-size:145px;left:-14px;top:18px}.sunburst.blue{left:-2px;top:28px}.lab-art>span{font-size:21px;right:6px;top:13px;letter-spacing:-.5px}.lab-caption{font-size:10px;padding:11px 0 5px}.lab-card small{font-size:7px;line-height:1.5}.tape{width:55px;left:calc(50% - 27px);height:20px;top:-10px}.contact-object{width:56%;left:9%;top:1359px;--rot:-3deg}.contact-card{border-width:2px;padding:14px 13px 12px;box-shadow:5px 6px 0 var(--blue)}.contact-card h2{font-size:34px;letter-spacing:-1.5px;margin:16px 0}.postcard-header .mono{font-size:6px}.postcard-bottom{font-size:7px}.stamp{font-size:5px;padding:3px;right:9px;top:10px}.stamp b{font-size:20px}.board-mark{right:5%;left:auto;bottom:88px;transform:rotate(8deg)}.board-mark>span{font-size:44px;margin-bottom:5px}.board-mark b{font-size:8px}.board-footer{left:28px;right:28px;bottom:16px}.board-footer .mono{font-size:6px;letter-spacing:0;padding:5px 6px}.site-footer{margin:18px 13px;font-size:7px}#dialog-title{font-size:27px}.dialog-top{padding:12px 16px}.dialog-top .mono{font-size:6px}.dialog-top button{font-size:10px;padding:7px 9px}.detail-hero .art{height:250px}.detail-hero .echo-word{font-size:54px;right:8%;top:33px}.detail-hero .echo-word>span{font-size:6px}.detail-hero .echo-orbit{top:76px;left:-10%}.detail-hero .echo-orbit.two{left:13%;top:90px}.detail-hero .echo-orbit.three{left:33%;top:106px}.catalogue h3{font-size:15px}.catalogue .art{height:200px}.catalogue .echo-word{font-size:47px}.detail-note{font-size:10px}.detail-grid p{font-size:12px}}
@media(max-width:374px){.manifesto-type{font-size:47px;width:132px;letter-spacing:-4px}.manifesto-type>span:first-child{font-size:37px;right:12px}.manifesto-type .type-dot{right:11px}h1{font-size:17px}.index-panel{column-gap:10px;padding-inline:15px}.designer-label{font-size:4px}.intro{font-size:6px}.brand{font-size:13px}.availability{font-size:7px;padding:7px}.brand-icon{font-size:30px}.index-nav button{font-size:9px}.index-nav button b{font-size:11px}.ink-controls{font-size:7px;gap:9px}.reset{margin-left:3px}.id-copy strong{font-size:16px}.eye{width:20px;height:32px}.portrait{height:88px}.what-if{font-size:24px}.what-if>span{font-size:53px}.sticky p{font-size:12px}.works-heading h2{font-size:34px}.works-heading h2 .works-arrow{font-size:33px}.works-paper{padding-inline:14px}.project-caption b{font-size:10px}.mini-projects b{font-size:8px}.skills-tag h2{font-size:24px}.skill-chips span{font-size:5px}.lab-art>span{font-size:19px}.contact-card h2{font-size:30px}.board-mark b{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}.eye i{transform:none!important}}