.pf-head{padding-top:calc(var(--head) + clamp(16px, 2.4svh, 28px))}.pf-meta{font-size:14px;line-height:1.3}.pf-meta .m1{grid-column:1/4}.pf-meta .m2{grid-column:4/7}.pf-meta .m3{grid-column:7/10}.pf-meta .m4{color:var(--mute);font-variant-numeric:tabular-nums;grid-column:11/13;justify-self:end}.pf-num{font-variant-numeric:tabular-nums}.pf-title{padding:clamp(40px, 9svh, 140px) var(--m) 0;letter-spacing:-.065em;text-wrap:nowrap;align-items:flex-start;gap:.06em;font-size:clamp(72px,min(19vw,30svh),320px);font-weight:700;line-height:.86;display:flex}.pf-title-clip{padding-block:.03em .14em;display:block;overflow:hidden}.pf-title-word{display:block}.pf-total{letter-spacing:0;color:var(--mute);font-variant-numeric:tabular-nums;margin-top:.3em;font-size:.15em;font-weight:500}.pf-bar{top:var(--head);z-index:30;background:color-mix(in srgb, var(--bg) 88%, transparent);backdrop-filter:blur(12px);transition:top .7s var(--ease);align-items:center;margin-top:clamp(28px,5svh,64px);padding-block:12px;position:sticky}.head.is-hidden~main .pf-bar{top:0}.pf-bar:before,.pf-bar:after{content:"";left:var(--m);right:var(--m);background:var(--rule);height:1px;position:absolute}.pf-bar:before{top:0}.pf-bar:after{bottom:0}.pf-filters{flex-wrap:wrap;grid-column:1/10;gap:2px 24px;display:flex}.pf-views{grid-column:10/13;justify-self:end;gap:20px;display:flex}.pf-bar button{all:unset;cursor:pointer;color:var(--mute);align-items:center;gap:7px;padding:6px 0;font-size:15px;transition:color .3s;display:inline-flex}.pf-bar button:before{content:"";background:var(--accent);width:6px;height:6px;transition:transform .4s var(--out);transform:scale(0)}.pf-bar button[aria-pressed=true]{color:var(--ink)}.pf-bar button[aria-pressed=true]:before{transform:scale(1)}.pf-bar button:hover{color:var(--ink)}.pf-bar button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.pf-bar sup{color:var(--mute);font-variant-numeric:tabular-nums;margin-left:1px;font-size:11px}.pf-index{padding-block:clamp(20px,3vw,40px) clamp(96px,12vw,180px)}.pf-row-head{color:var(--mute);padding-bottom:10px;font-size:13px}.pf-list{position:relative}.pf-list:before{content:"";left:var(--m);right:var(--m);background:var(--ink);height:1px;position:absolute;top:0}.pf-item{position:relative}.pf-item:after{content:"";left:var(--m);right:var(--m);background:var(--rule);height:1px;position:absolute;bottom:0}.pf-item .rule-hot{left:var(--m);right:var(--m);z-index:1;background:var(--accent);transform-origin:0;height:1px;transition:transform .8s var(--ease);position:absolute;bottom:0;transform:scaleX(0)}.pf-item:hover .rule-hot{transform:scaleX(1)}.pf-item.is-out,.pf-card.is-out{display:none}.pf-row{align-items:baseline;padding-block:clamp(14px,1.6vw,22px)}.pf-row:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.c-n{color:var(--mute);font-variant-numeric:tabular-nums;grid-column:1/2;font-size:14px}.c-title{grid-column:2/7}.pf-name{letter-spacing:-.045em;transition:transform .8s var(--out), color .35s;font-size:clamp(26px,3.2vw,52px);font-weight:700;line-height:1;display:inline-block}.c-client{color:var(--ink-2);grid-column:7/9;font-size:15px}.c-disc{color:var(--mute);flex-wrap:wrap;grid-column:9/11;gap:0 12px;font-size:14px;display:flex}.c-year{color:var(--mute);font-variant-numeric:tabular-nums;grid-column:11/12;font-size:14px}.c-arrow{transition:transform .6s var(--out);grid-column:12/13;justify-self:end;font-size:20px}.pf-row:hover .pf-name{color:var(--accent);transform:translate(.12em)}.pf-row:hover .c-arrow{transform:translate(4px)rotate(-45deg)}.pf-gallery{align-items:start;row-gap:clamp(48px,7vw,110px);padding-block:clamp(32px,4vw,56px) clamp(96px,12vw,180px)}.pf-card{display:block;position:relative}.pf-card[data-slot="0"]{grid-column:1/8}.pf-card[data-slot="1"]{grid-column:9/13;margin-top:clamp(60px,10vw,180px)}.pf-card[data-slot="2"]{grid-column:2/7}.pf-card[data-slot="3"]{grid-column:8/13;margin-top:clamp(30px,6vw,100px)}.pf-cover{aspect-ratio:4/3;background:#d9d8d1;position:relative;overflow:hidden}.pf-card[data-slot="1"] .pf-cover,.pf-card[data-slot="2"] .pf-cover{aspect-ratio:4/5}.pf-cover-in{transition:transform 1.2s var(--out);position:absolute;inset:0}.pf-card:hover .pf-cover-in{transform:scale(1.045)}.pf-card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.pf-card-meta{grid-template-columns:auto minmax(0,1fr) auto;align-items:baseline;gap:2px 14px;padding-top:14px;display:grid}.pf-card-title{letter-spacing:-.025em;font-size:clamp(18px,1.5vw,24px);font-weight:600;line-height:1.15}.pf-card-sub{color:var(--mute);grid-column:2/3;font-size:14px}.pf-drawer{background:var(--bg);width:min(720px,100vw);max-width:none;height:100dvh;max-height:none;color:var(--ink);border:0;flex-direction:column;margin:0;padding:0;display:none;position:fixed;inset:0 0 0 auto;overflow:hidden}.pf-drawer[open]{display:flex}.pf-drawer::backdrop{backdrop-filter:blur(3px);background:#0e0e0d73}.dr-bar{height:var(--head);padding-inline:var(--m);border-bottom:1px solid var(--rule);flex:none;align-items:center;gap:16px;font-size:14px;display:flex}.dr-concept{color:var(--accent)}.dr-concept[hidden]{display:none}.dr-count{color:var(--mute);font-variant-numeric:tabular-nums;margin-left:auto}.dr-close{all:unset;cursor:pointer;width:40px;height:40px;transition:transform .5s var(--out), color .3s;place-items:center;font-size:28px;line-height:1;display:grid}.dr-close:hover{color:var(--accent);transform:rotate(90deg)}.dr-close:focus-visible{outline:2px solid var(--accent)}.dr-body{overscroll-behavior:contain;padding:clamp(20px, 3vw, 40px) var(--m) 40px;flex:1;overflow-y:auto}.dr-project[hidden]{display:none}.dr-cover{aspect-ratio:4/3;background:#d9d8d1;position:relative;overflow:hidden}.dr-n{color:var(--mute);margin-top:28px;font-size:14px}.dr-title{letter-spacing:-.05em;margin-top:6px;font-size:clamp(36px,5vw,72px);font-weight:700;line-height:.95}.dr-meta{column-gap:var(--g);border-top:1px solid var(--rule);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;padding-top:14px;display:grid}.dr-meta dt{color:var(--mute);font-size:13px}.dr-meta dd{margin-top:4px;font-size:15px}.dr-summary{letter-spacing:-.015em;max-width:44ch;margin-top:28px;font-size:clamp(18px,1.6vw,22px);line-height:1.35}.dr-note{border-left:2px solid var(--accent);max-width:52ch;color:var(--ink-2);margin-top:16px;padding-left:14px;font-size:14px}.dr-sub{color:var(--mute);margin-top:36px;font-size:14px;font-weight:500}.dr-scope{border-top:1px solid var(--rule);margin-top:10px;font-size:15px}.dr-scope li{border-bottom:1px solid var(--rule);justify-content:space-between;padding:10px 0;display:flex}.dr-scope li:after{content:"+";color:var(--mute)}.dr-nav{padding:12px var(--m);border-top:1px solid var(--rule);flex:none;justify-content:space-between;display:flex}.dr-nav button{all:unset;cursor:pointer;padding:6px 0;font-size:15px;transition:color .3s}.dr-nav button:hover{color:var(--accent)}.dr-nav button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media (width<=1100px){.c-title{grid-column:2/8}.c-client{grid-column:8/11}.c-disc{display:none}}@media (width<=760px){.pf-meta{row-gap:10px}.pf-meta .m1{grid-column:1/3}.pf-meta .m2{grid-column:3/5}.pf-meta .m3{grid-column:1/3}.pf-meta .m4{grid-column:3/5}.pf-title{font-size:clamp(64px,24vw,140px)}.pf-filters{grid-column:1/5;gap:0 16px}.pf-views{grid-column:1/5;justify-self:start}.pf-bar button{font-size:14px}.pf-row-head{display:none}.pf-row{row-gap:6px}.c-n{grid-column:1/2}.c-title{grid-column:2/5}.c-client{grid-column:2/4;font-size:14px}.c-year{grid-column:4/5;justify-self:end}.c-arrow{display:none}.pf-card[data-slot]{grid-column:1/5;margin-top:0}.pf-card[data-slot] .pf-cover{aspect-ratio:4/3}.dr-meta{grid-template-columns:1fr 1fr;row-gap:14px}}