.landing{--wall-gap:10px}.landing .rh{z-index:var(--z-sticky);padding:var(--s-4) var(--gutter);pointer-events:none;font-size:var(--text-sm);color:var(--ink-2);justify-content:space-between;align-items:baseline;display:flex;position:fixed;top:0;left:0;right:0}.landing .rh .wm{color:var(--ink);font-weight:500}.landing .tx{width:100%;height:var(--hairline);z-index:var(--z-bar);pointer-events:none;position:fixed;top:0;left:0;overflow:hidden}.landing .tx:before{content:"";background:var(--ink);animation:run var(--t-run) var(--ease) .2s 1;position:absolute;inset:0;transform:translate(-100%)}.landing .cover{box-sizing:border-box;min-height:100svh;padding:var(--s-9) var(--gutter) var(--s-8);counter-reset:none;grid-template-rows:1fr auto;max-width:1720px;margin-inline:auto;display:grid}.landing .cover .text{align-self:center;column-gap:var(--s-9);grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;display:grid}.landing .cover .text>div{min-width:0}.landing .cover h1{font-size:var(--text-mark);letter-spacing:-.035em;margin:0;line-height:.95}.landing .cover h1 .lw{vertical-align:bottom;margin-bottom:-.08em;padding-bottom:.08em;display:inline-block;overflow:hidden}.landing .cover h1 .lw>span{animation:rise var(--t-run) var(--ease) 80ms forwards;display:inline-block;transform:translateY(112%)}.landing .cover .lead{margin:var(--s-6) 0 0;max-width:36ch;font-size:var(--text-lead);letter-spacing:-.015em;color:var(--ink);line-height:1.25}.landing .cover .meta{justify-content:space-between;align-items:baseline;gap:var(--s-5);border-top:var(--hairline) solid var(--line);padding-top:var(--s-4);display:flex}.landing .cover .meta .n{color:var(--ink-3)}.landing .a{opacity:0;animation:rise var(--t-arrive) var(--ease) forwards;transform:translateY(14px)}.landing .cover .lead.a{animation-delay:.5s}.landing .cover .meta.a{animation-delay:.75s}.landing .rh.a{animation-delay:.9s}.landing .wall{gap:var(--wall-gap);min-width:0;display:grid}.landing .rw{gap:var(--wall-gap);display:flex}.landing .p{flex:0 0 0;flex-grow:var(--r);min-width:0;aspect-ratio:var(--r);background:var(--photo-ground);transition:background var(--t-drift) var(--ease);font-style:normal;display:block;position:relative}.landing .p:after{content:attr(data-n);font:400 var(--text-xs) var(--font-figures);font-variant-numeric:tabular-nums;color:var(--ink-3);position:absolute;bottom:8px;left:10px}.landing .p:hover{background:var(--surface-3)}.landing .wall .p{opacity:0;animation:rise var(--t-settle) var(--ease) forwards;animation-delay:calc(.9s + var(--i) * .16s);transform:translateY(28px)}.landing .wall .p:after{opacity:0;animation:rise var(--t-arrive) var(--ease) forwards;animation-delay:calc(2.2s + var(--i) * .16s)}.landing .pins{box-sizing:border-box;padding:var(--s-8) var(--gutter);gap:var(--s-4);align-content:start;max-width:1720px;margin-inline:auto;display:grid}.landing .pins .small{margin:0}.landing .pins .note{max-width:52ch;font-size:var(--text-sm);color:var(--ink-2);margin:0}.landing .pins .note a{color:var(--ink)}.landing .pins .list{max-width:720px}.landing .pins .tools{font-size:var(--text-xs);color:var(--ink-3);margin:0}.landing .pins .tools a{color:var(--ink-2)}.landing .status{box-sizing:border-box;border:var(--hairline) solid var(--ink-3);width:8px;height:8px;margin-inline:4px}.landing .status[data-status=published]{background:var(--ink);border-color:var(--ink)}.landing .status[data-status=archived]{background:var(--line-2);border-color:var(--line-2)}.landing .principle{box-sizing:border-box;min-height:80svh;padding:var(--s-8) var(--gutter);align-items:center;column-gap:var(--s-9);grid-template-columns:minmax(0,5fr) minmax(0,7fr);max-width:1720px;margin-inline:auto;display:grid}.landing .principle p{margin:0}.landing .principle .no{align-items:center;gap:var(--s-3);color:var(--ink-3);margin-bottom:var(--s-6);font-size:var(--text-sm);display:flex}.landing .principle .no:after{content:"";width:44px;height:var(--hairline);background:var(--line-2)}.landing .principle .st{font-size:var(--text-title);max-width:14ch;line-height:1.02}.landing .principle .dt{margin-top:var(--s-5);max-width:44ch;color:var(--ink-2);line-height:1.55}.landing .principle .txt{grid-column:1}.landing .principle .fig{grid-column:2;min-width:0}.landing .principle.r{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.landing .principle.r .txt{grid-area:1/2}.landing .principle.r .fig{grid-area:1/1}.landing .principle.wide{align-content:center;row-gap:var(--s-8);grid-template-columns:minmax(0,1fr)}.landing .principle.wide .txt{grid-column:1;max-width:60ch}.landing .principle.wide .fig{grid-column:1}.landing .principle .st,.landing .principle .dt,.landing .principle .no{opacity:0;transition:opacity var(--t-run) var(--ease), transform var(--t-run) var(--ease);transform:translateY(16px)}.landing .principle .dt{transition-delay:.2s}.landing .principle.in .st,.landing .principle.in .dt,.landing .principle.in .no{opacity:1;transform:none}.landing .fig>*{opacity:0;transition:opacity var(--t-arrive) var(--ease), transform var(--t-arrive) var(--ease);transition-delay:calc(.25s + var(--i,0) * 90ms);transform:translateY(12px)}.landing .principle.in .fig>*{opacity:1;transform:none}.landing .fig.spread{margin-right:calc(-1 * var(--gutter))}.landing .fig.spread .p{width:100%}.landing .fig.rows{gap:var(--s-4);display:grid}.landing .fig.rows .rw{align-items:flex-start}.landing .fig.rows .rw.solo .p{flex:0 0 46%}.landing .fig.rows .lbl{font-size:var(--text-xs);color:var(--ink-3);font-variant-numeric:tabular-nums;flex:1;align-self:end;gap:2px;display:grid}.landing .fig.rows .lbl b{color:var(--ink-2);font-weight:500}.landing .fig.rooms{gap:var(--s-5);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.landing .fig.rooms .cap{margin-top:var(--s-4);gap:2px;display:grid}.landing .fig.rooms .cap b{font-weight:500;font-size:var(--text-sm)}.landing .fig.rooms .cap span{font-size:var(--text-xs);color:var(--ink-3)}.landing .room{aspect-ratio:4/5;background:var(--surface);box-sizing:border-box;position:relative;overflow:hidden}.landing .room i{background:var(--photo-ground);min-width:0;font-style:normal;display:block;position:relative}.landing .room .r2{gap:4%;display:flex}.landing .room .r2 i{flex:0 0 0;flex-grow:var(--r);aspect-ratio:var(--r)}.landing .room.atelier{outline:var(--hairline) solid var(--line);align-content:space-between;gap:5%;padding:9% 9% 9% 24%;display:grid}.landing .room.atelier .n{font-size:var(--text-xs);color:var(--ink-3);position:absolute;top:9%;left:9%}.landing .room.atelier .solo{align-items:center;gap:6%;display:flex}.landing .room.atelier .solo i{aspect-ratio:1.5;width:52%}.landing .room.atelier .solo b{gap:3px;width:26%;display:grid}.landing .room.atelier .solo b:before,.landing .room.atelier .solo b:after{content:"";background:var(--line-2);height:2px}.landing .room.atelier .solo b:after{width:60%}.landing .room.nocturne{align-content:space-between;gap:6%;padding:9%;display:grid}.landing .room.nocturne .hd{width:20%;height:var(--hairline);background:var(--ink-3);justify-self:center;margin-bottom:2%}.landing .room.nocturne i.lit{background:color-mix(in srgb, var(--photo-ground) 55%, var(--ink-3))}.landing .room.ledger{background:var(--line);border:var(--hairline) solid var(--line);gap:var(--hairline);grid-template-rows:2fr 3fr 2fr;padding:0;display:grid}.landing .room.ledger .r2{gap:var(--hairline);display:grid}.landing .room.ledger .r2 i{aspect-ratio:auto;flex:none}.landing .room.ledger .r3{grid-template-columns:3fr 2fr 2fr}.landing .room.ledger .r2.d{grid-template-columns:1fr 1fr}.landing .room.ledger i.blk:before{content:"";background:var(--ink);width:22%;height:16%;position:absolute;top:0;left:0}.landing .room.caliper{align-content:start;gap:7%;padding:12% 10% 10%;display:grid}.landing .room.caliper .live{height:var(--hairline);background:var(--accent);width:38%;position:absolute;top:0;left:0}.landing .room.caliper .dim{height:var(--hairline);background:var(--ink-2);position:relative}.landing .room.caliper .dim:before,.landing .room.caliper .dim:after{content:"";width:var(--hairline);background:var(--ink-2);height:7px;position:absolute;top:-3px}.landing .room.caliper .dim:before{left:0}.landing .room.caliper .dim:after{right:0}.landing .room.caliper .dim.h{width:80%}.landing .room.caliper .wv{align-items:stretch;gap:6%;display:flex}.landing .room.caliper .wv i{aspect-ratio:1.5;width:80%}.landing .room.caliper .dim.v{width:var(--hairline);align-self:stretch;height:auto}.landing .room.caliper .dim.v:before,.landing .room.caliper .dim.v:after{width:7px;height:var(--hairline);top:auto;left:-3px}.landing .room.caliper .dim.v:before{top:0}.landing .room.caliper .dim.v:after{bottom:0}.landing .room.caliper .tb{border:var(--hairline) solid var(--ink-2);box-sizing:border-box;grid-template-columns:1fr 1.6fr;width:40%;height:11%;display:grid;position:absolute;bottom:8%;right:10%}.landing .room.caliper .tb:before{content:"";border-right:var(--hairline) solid var(--ink-2)}.landing .room.monograph{outline:var(--hairline) solid var(--line);align-content:start;gap:6%;padding:8% 0 0;display:grid}.landing .room.monograph .mh{border-bottom:var(--hairline) solid var(--ink);gap:10px;margin:0 8%;padding-bottom:6%;display:grid}.landing .room.monograph .mh b{display:block}.landing .room.monograph .mh .m{background:var(--line-2);width:28%;height:2px}.landing .room.monograph .mh .t{background:var(--ink);width:74%;height:12px}.landing .room.monograph i.sp{width:100%}.landing .room.monograph .solo{justify-content:space-between;align-items:flex-start;padding-left:8%;display:flex}.landing .room.monograph .solo .n{background:var(--ink);width:12%;height:18px;display:block}.landing .room.monograph .solo i{width:42%}.landing .fig.gate{column-gap:var(--s-8);grid-template-columns:minmax(0,1fr) auto;align-items:center;display:grid}.landing .fig.gate .p{width:100%;max-width:420px}.landing .fig.gate .door{gap:var(--s-5);justify-items:start;display:grid}.landing .fig.gate .pin{margin:0}.landing .fig.gate .pin i{box-sizing:border-box;border:var(--hairline) solid var(--line-2);background:var(--surface);width:64px;height:80px;font-style:normal;display:block;position:relative}.landing .fig.gate .pin i.f{border-color:var(--ink)}.landing .fig.gate .pin i.f:after{content:"";background:var(--ink);width:8px;height:8px;margin:-4px 0 0 -4px;position:absolute;top:50%;left:50%}.landing .fig.gate .pin i.c:after{content:"";width:var(--hairline);background:var(--ink);height:34px;margin:-17px 0 0;position:absolute;top:50%;left:50%}.landing .fig.gate .hint{font-size:var(--text-sm);color:var(--ink-3);margin:0}.landing .address{box-sizing:border-box;min-height:100svh;padding:var(--s-9) var(--gutter) calc(var(--s-8) + env(safe-area-inset-bottom));grid-template-rows:1fr auto;max-width:1720px;margin-inline:auto;display:grid}.landing .address .text{align-self:center}.landing .address .addr{font-size:var(--text-title);overflow-wrap:anywhere;margin:0;line-height:1}.landing .address .addr .slot{color:var(--ink-3)}.landing .address .after{margin:var(--s-6) 0 0;max-width:44ch;color:var(--ink-2)}.landing .colophon{justify-content:space-between;align-items:baseline;gap:var(--s-5);border-top:var(--hairline) solid var(--line);padding-top:var(--s-4);font-size:var(--text-sm);color:var(--ink-2);display:flex}.landing .colophon>div{gap:var(--s-5);align-items:baseline;display:flex}.landing .colophon .wm{color:var(--ink);font-weight:500}.landing .colophon .d{color:var(--ink-3)}.landing .address .text>*,.landing .colophon{opacity:0;transition:opacity var(--t-run) var(--ease), transform var(--t-run) var(--ease);transition-delay:calc(var(--i,0) * .12s);transform:translateY(14px)}.landing .address.in .text>*,.landing .address.in .colophon{opacity:1;transform:none}@media (width<=800px){.landing .rh .rt{display:none}.landing .cover{padding-top:var(--s-8)}.landing .cover .text{row-gap:var(--s-6);grid-template-columns:1fr}.landing .principle,.landing .principle.r{row-gap:var(--s-6);grid-template-columns:minmax(0,1fr);min-height:auto}.landing .principle .txt,.landing .principle.r .txt{grid-area:1/1}.landing .principle .fig,.landing .principle.r .fig{grid-area:2/1}.landing .fig.rooms{grid-template-columns:repeat(3,minmax(0,1fr))}.landing .fig.gate{row-gap:var(--s-5);grid-template-columns:1fr}.landing .fig.gate .p{max-width:62%}.landing .fig.gate .pin i{width:52px;height:64px}.landing .colophon{flex-wrap:wrap}.landing .pins .list{max-width:none}}@media (prefers-reduced-motion:reduce){.landing .tx:before{animation:none;transform:translate(-100%)}.landing .a,.landing .cover h1 .lw>span,.landing .wall .p,.landing .wall .p:after,.landing .principle .st,.landing .principle .dt,.landing .principle .no,.landing .fig>*,.landing .address .text>*,.landing .colophon{opacity:1;transition:none;animation:none;transform:none}}