.page{max-width:1480px;padding-block:30px 56px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));grid-template-columns:minmax(280px,340px) minmax(0,1fr);gap:clamp(24px,3.4vw,56px);margin:0 auto;display:grid}.panel{top:max(18px,env(safe-area-inset-top,0px));scrollbar-width:thin;scrollbar-color:rgba(var(--line),.3) transparent;align-self:start;min-width:0;max-height:calc(100vh - 36px);padding-right:6px;position:sticky;overflow:auto}h1{text-wrap:balance;margin:22px 0 0;font-size:clamp(42px,3.6vw,56px);font-weight:400;line-height:.92}h1 .l1{display:block}h1 .l2{color:var(--fg-strong);padding-left:.3em;font-style:italic;display:block}.subtitle{letter-spacing:.22em;font-variant:small-caps;text-transform:lowercase;color:var(--fg-soft);margin:12px 0 0;font-size:13px}.orn{width:100%;max-width:300px;height:22px;color:var(--fg);margin:14px 0 12px;display:block}.intro{color:var(--fg-body);max-width:36em;margin:0;font-size:15.5px;line-height:1.55}.intro:first-letter{float:left;color:var(--accent);padding:4px 7px 0 0;font-size:3.1em;font-style:italic;line-height:.82}.pieces{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;display:grid}.piece{appearance:none;border:1px solid rgba(var(--line),.3);cursor:pointer;aspect-ratio:1;background:#f9f3e3;border-radius:1px;max-width:100%;margin:0;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;box-shadow:0 1px #4a362226}.piece svg{width:100%;height:100%;display:block}.piece:hover{transform:translateY(-1px);box-shadow:0 4px 8px -4px #4a362280}.piece[aria-pressed=true]{border-color:var(--madder);box-shadow:0 0 0 2px var(--madder),0 4px 8px -4px #4a362280}.now{flex-wrap:wrap;align-items:baseline;gap:4px 8px;margin:10px 0 0;font-size:14.5px;display:flex}.now .k{letter-spacing:.14em;font-variant:small-caps;text-transform:lowercase;color:var(--fg-soft);font-size:11px}.now i{color:var(--accent)}.pigments{grid-template-columns:repeat(6,minmax(0,1fr));gap:9px 8px;margin-top:4px;display:grid}.pig{appearance:none;cursor:pointer;aspect-ratio:1;background:var(--c);border:0;border-radius:50%;width:100%;max-width:34px;margin:0 auto;padding:0;transition:transform .2s cubic-bezier(.3,1.6,.5,1),box-shadow .2s;box-shadow:inset 0 2px 3px #ffffff47,inset 0 -3px 5px #00000038,0 0 0 1px #4a362259,0 2px 3px -1px #3c281473}.pig:hover{transform:scale(1.1)}.pig[aria-pressed=true]{box-shadow:inset 0 2px 3px #ffffff47,inset 0 -3px 5px #00000038,0 0 0 2px var(--bg),0 0 0 4px var(--accent)}.actions{flex-wrap:wrap;gap:10px;margin:20px 0 6px;display:flex}.sheets{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(22px,3vw,44px);min-width:0;display:grid}.drawer-head{letter-spacing:.2em;font-variant:small-caps;text-transform:lowercase;color:var(--fg-soft);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;gap:6px 16px;margin:4px 0 0;font-size:12.5px;display:flex}.drawer-head b{color:var(--fg);font-weight:400}.card{min-width:0;transform:rotate(var(--rot,0deg));margin:0;transition:transform .55s cubic-bezier(.2,.8,.2,1)}.card:hover{transform:rotate(0)translateY(-4px)}.sheet{background-color:var(--sheet);width:100%;max-width:100%;position:relative;box-shadow:inset 0 0 38px #a0763c29,inset 0 0 2px #785a3259,0 1px 1px #4a362240,0 10px 22px -12px #3c28148c}.sheet:before{content:"";pointer-events:none;background-image:var(--fibre,none);opacity:.9;background-size:320px 320px;position:absolute;inset:0}.sheet svg{width:100%;height:auto;display:block;position:relative;overflow:visible}.sheet-mosaic{padding:6.5%}.card figcaption{text-align:center;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:9px;margin-top:11px;font-size:14.5px;display:flex}.card figcaption .eyebrow{letter-spacing:.14em;color:var(--fg-soft);font-variant:small-caps;text-transform:lowercase;font-size:11px}.figs-wrap{grid-column:1/-1;min-width:0}.figs{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 22px;margin:0;padding:0;list-style:none;display:grid}.figs li{border-top:1px solid rgba(var(--line),.18)}.fig{appearance:none;width:100%;height:100%;font:inherit;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:28px minmax(0,1fr) auto;align-items:baseline;gap:2px 8px;padding:10px 6px;transition:color .2s,background-color .3s;display:grid}.fig:hover,.fig[aria-pressed=true]{color:var(--accent)}.fig[aria-pressed=true]{background:var(--sel-bg)}.fig .num{color:var(--accent);font-size:17px;font-style:italic}.fig .name{font-size:17px;font-style:italic}.fig .pcs{letter-spacing:.12em;font-variant:small-caps;text-transform:lowercase;color:var(--fg-soft);font-size:11.5px}.fig .desc{color:var(--fg-desc);grid-column:2/4;font-size:14px;line-height:1.45}.footnote{color:var(--fg-soft);margin:10px 0 0;font-size:13px;font-style:italic;line-height:1.55}.piece canvas{width:100%;height:100%;display:block}.tab canvas{flex:none;width:42px;height:42px;display:block;box-shadow:0 1px 2px #3c281459}.tile-sheet{position:relative}.tile-hold{z-index:1;aspect-ratio:1;cursor:pointer;width:70%;position:absolute;top:11.8519%;left:15%;box-shadow:0 1px 1.5px #3a261266,0 2px 6px -2px #3a261240}.tile-hold canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.ants canvas{opacity:0;will-change:opacity;animation:.6s linear infinite ant}.ants canvas:nth-child(2){animation-delay:-.5s}.ants canvas:nth-child(3){animation-delay:-.4s}.ants canvas:nth-child(4){animation-delay:-.3s}.ants canvas:nth-child(5){animation-delay:-.2s}.ants canvas:nth-child(6){animation-delay:-.1s}@keyframes ant{0%,16.6%{opacity:1}16.7%,to{opacity:0}}.sheet svg.furn{z-index:2;pointer-events:none;position:relative}.furn text{font-family:var(--serif);fill:var(--ink)}.furn .t-caps{letter-spacing:2px;font-size:9px}.furn .t-name{font-size:17px;font-style:italic}.furn .t-sm{fill:#5a4630;font-size:10px}.furn .t-hand{fill:#3e2c1a;font-size:11px;font-style:italic}.furn .t-note{fill:var(--madder);font-size:11px;font-style:italic}.furn .t-stamp{letter-spacing:1.2px;fill:var(--madder);font-size:8.5px;font-weight:700}.mz{aspect-ratio:1;width:100%;max-width:100%;position:relative}.slot{width:25%;height:25%;position:absolute}.slot:after{content:"";background:#4a362209;border:1px dashed #4a362266;position:absolute;inset:2%}.cell{width:25%;height:25%;transition:transform .55s cubic-bezier(.3,1.6,.45,1);position:absolute}.apart .cell{transform:translate(calc(var(--dx) * var(--n,0px)),calc(var(--dy) * var(--n,0px)));transition:transform .28s ease-out}.cell.pending{visibility:hidden}.unf{position:absolute;inset:0}.flip{transform:scale(var(--fx),var(--fy));position:absolute;inset:0}.flip img{width:100%;height:100%;display:block;position:absolute;inset:0}.flip .next{opacity:0}.xfade .flip .next{opacity:1;transition:opacity .6s}.shade{opacity:0;pointer-events:none;background:#2a1c10;position:absolute;inset:0}.cell.land .unf{animation:.45s cubic-bezier(.3,1.5,.5,1) both land}@keyframes land{0%{transform:scale(1.035)}to{transform:none}}.cell.unfold-x .unf{transform-origin:var(--ox) 50%;animation:.72s cubic-bezier(.45,.05,.3,1) both unfx}.cell.unfold-y .unf{transform-origin:50% var(--oy);animation:.72s cubic-bezier(.45,.05,.3,1) both unfy}@keyframes unfx{0%{transform:scaleX(-1)}to{transform:none}}@keyframes unfy{0%{transform:scaleY(-1)}to{transform:none}}.cell.unfold-x .shade,.cell.unfold-y .shade{animation:.72s both shade}@keyframes shade{0%,to{opacity:0}50%{opacity:.3}}.dim{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .45s;position:absolute;inset:0}.focus .dim{opacity:1}.mz svg.ov{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.seams{fill:none;stroke:#2e292547;stroke-width:.8px;vector-effect:non-scaling-stroke}.focus .seams{stroke:var(--madder);stroke-dasharray:3 4;stroke-width:1px}.fo{fill:none;stroke:var(--madder);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:1 1;stroke-dashoffset:1px;animation:ink .9s cubic-bezier(.45,.05,.55,.95) var(--d,0s) forwards}.fo-glow{fill:none;stroke:var(--madder);stroke-width:9px;opacity:0;animation:glow 1.2s ease var(--d,0s) forwards}@keyframes ink{to{stroke-dashoffset:0}}@keyframes glow{to{opacity:.13}}.flash{transition:opacity 1s}.flash.out{opacity:0}@media (hover:hover){.card{will-change:transform}}.stage{z-index:40;padding:max(24px,env(safe-area-inset-top,0px)) max(16px,env(safe-area-inset-right,0px)) max(24px,env(safe-area-inset-bottom,0px)) max(16px,env(safe-area-inset-left,0px));align-content:center;place-items:center;gap:14px;display:grid;position:fixed;inset:0}.stage[hidden]{display:none}.stage-bg{background:var(--stage-bg);transition:opacity .8s;position:absolute;inset:0}.stage.leaving .stage-bg,.stage.leaving .stage-cap,.stage.leaving .skip{opacity:0}.stage-tile{aspect-ratio:1;will-change:transform;width:min(62vh,78vw,560px);max-width:100%;position:relative}.stage-tile canvas{width:100%;height:100%;display:block;box-shadow:0 18px 30px -12px #3c281473}.stage-cap{color:var(--fg-soft);text-align:center;margin:0;font-size:15px;font-style:italic;transition:opacity .5s;position:relative}.stage-cap b{color:var(--accent);letter-spacing:.2em;font-variant:small-caps;text-transform:lowercase;margin-right:8px;font-size:11px;font-style:normal;font-weight:400}.skip{right:max(18px,env(safe-area-inset-right,0px));bottom:max(18px,env(safe-area-inset-bottom,0px));transition:opacity .4s;position:absolute}.topbar{max-width:1480px;padding-block:14px 0;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));margin:0 auto}.topbar-inner{border-bottom:1px solid rgba(var(--line),.32);flex-wrap:wrap;align-items:flex-end;gap:10px 22px;width:100%;min-width:0;display:flex}.topbar .label{letter-spacing:.22em;font-variant:small-caps;text-transform:lowercase;color:var(--fg-soft);white-space:nowrap;padding-bottom:13px;font-size:11.5px}.tabs{scrollbar-width:none;gap:6px;min-width:0;max-width:100%;padding-top:4px;display:flex;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{appearance:none;font:inherit;color:var(--fg);cursor:pointer;border:1px solid rgba(var(--line),.28);border-bottom-color:rgba(var(--line),.32);background:var(--tab-bg);border-radius:4px 4px 0 0;flex:none;align-items:center;gap:11px;margin-bottom:-1px;padding:8px 16px 9px 8px;transition:background-color .25s,transform .25s;display:flex}.tab:hover{background:var(--tab-hover);transform:translateY(-2px)}.tab .tn{text-align:left;line-height:1.15;display:grid}.tab .tn span{letter-spacing:.16em;font-variant:small-caps;text-transform:lowercase;color:var(--fg-soft);font-size:10.5px}.tab .tn i{font-size:17px}.tab[aria-current=true]{background:var(--bg);border-color:rgba(var(--line),.45);border-bottom-color:var(--bg);box-shadow:inset 0 3px 0 var(--accent)}.tab[aria-current=true] .tn i{color:var(--accent)}.contact{z-index:30;right:0;bottom:max(22vh,calc(env(safe-area-inset-bottom,0px) + 84px));padding:9px calc(20px + env(safe-area-inset-right,0px)) 9px 9px;color:#f4efe0;letter-spacing:.01em;background:#2f5f46;border-radius:30px 0 0 30px;align-items:center;gap:11px;font-size:17px;text-decoration:none;transition:transform .55s cubic-bezier(.3,1.35,.5,1),background-color .25s;display:flex;position:fixed;transform:translate(calc(100% - 58px));box-shadow:inset 0 0 0 2px #2f5f46,inset 0 0 0 3px #f4efe059,0 6px 16px -6px #14281c99}.contact .ic{background:#f4efe024;border-radius:50%;flex:none;place-items:center;width:40px;height:40px;display:grid;box-shadow:inset 0 0 0 1px #f4efe059}.contact .ic svg{width:23px;height:23px}.contact .tx{white-space:nowrap}.contact.out,.contact:hover,.contact:focus-visible{transform:none}.contact:hover{background:#264f3a}.contact.hello .ic{animation:1.4s 2 hello}@keyframes hello{0%,to{box-shadow:inset 0 0 0 1px #f4efe059,0 0 #f4efe073}50%{box-shadow:inset 0 0 0 1px #f4efe059,0 0 0 9px #f4efe000}}@media (max-width:720px){.contact{padding-top:7px;padding-bottom:7px;font-size:16px}.contact .ic{width:36px;height:36px}.contact{transform:translate(calc(100% - 54px))}.contact.out,.contact:hover,.contact:focus-visible{transform:none}}.share{gap:10px;margin-top:6px;display:grid}.share-row{flex-wrap:wrap;gap:10px;display:flex}.btn-wa{color:#f4efe0;background:#2f5f46;border-color:#2f5f46;text-decoration:none;box-shadow:inset 0 0 0 2px #2f5f46,inset 0 0 0 3px #f4efe066,0 2px #14281c66}.btn-wa:hover{background:#264f3a;box-shadow:inset 0 0 0 2px #264f3a,inset 0 0 0 3px #f4efe08c,0 5px 10px -4px #14281c99}.share-note{color:var(--fg-soft);max-width:34em;margin:0;font-size:13px;font-style:italic;line-height:1.5}.share-note b{color:var(--fg);font-variant-numeric:tabular-nums;white-space:nowrap;font-style:normal;font-weight:400}.linkbox{width:100%;font:inherit;color:var(--ink);background:#fbf7ea;border:1px solid #4a362266;border-radius:1px;padding:8px 10px;font-size:13px}@media (max-width:1060px){.page{grid-template-columns:minmax(0,1fr) minmax(0,1fr);row-gap:30px}.panel,.sheets{display:contents}.col-a{order:1;grid-column:1/-1}.card-tile{order:2}.col-b{order:3;align-self:center;min-width:0}.col-b .index-title:first-child{margin-top:0}.card-mosaic{order:4;grid-column:1/-1;justify-self:center;width:100%;max-width:760px}.figs-wrap{order:5}.drawer-head{display:none}}@media (max-width:720px){.page{grid-template-columns:minmax(0,1fr);padding-block:22px 44px}.card{justify-self:center;width:100%;max-width:520px;transform:none}.card:hover{transform:none}.figs{grid-template-columns:1fr}h1{font-size:44px}.topbar .label{flex:1;padding-bottom:0}.tabs{order:3;width:100%}.tab{gap:8px;padding:6px 12px 7px 6px}.tab canvas{width:36px;height:36px}}@media (prefers-reduced-motion:reduce){.card,.cell,.dim{transition:none!important}.cell .unf,.cell .shade,.fo,.fo-glow,.ants canvas,.contact .ic{animation:none!important}.contact{transition:none}.ants canvas:first-child{opacity:1}.fo{stroke-dasharray:none;stroke-dashoffset:0}.fo-glow{opacity:.13}.apart .cell{transform:none}}