body.is-portfolio{--pf-persp:1100;overflow:hidden}.pf{--pf-bg:#e7e7e7;--pf-ink:#111;--pf-pad:3.2vw;--pf-top:8vh;--pf-item-size:clamp(1rem, 1.7vw, 1.5rem);--pf-warp-z:620;--pf-warp-in:-900;--pf-warp-dur:900;--pf-warp-step:26;background:var(--pf-bg);color:var(--pf-ink);position:fixed;inset:0}body.is-portfolio #brand-mark{perspective:calc(var(--pf-persp) * 1px);perspective-origin:var(--pf-ox,50%) var(--pf-oy,50%)}body.is-portfolio .bm{-webkit-backface-visibility:hidden;backface-visibility:hidden}.pf-title{font-family:Helvetica Neue,Arial,sans-serif;font-weight:700;line-height:1;font-size:var(--type-display);letter-spacing:.01em;text-transform:uppercase;color:var(--pf-ink);margin:0 0 4vh}.pf-body{padding:var(--pf-top) var(--pf-pad) 6vh;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:3vw;display:grid;position:absolute;inset:0}.pf-list{scrollbar-width:none;-ms-overflow-style:none;scroll-snap-type:y mandatory;height:100%;position:relative;overflow:hidden auto}.pf-list::-webkit-scrollbar{width:0;height:0;display:none}.pf-item{scroll-snap-align:center;font:500 var(--pf-item-size)/1.2 "Helvetica Neue", Arial, sans-serif;text-transform:uppercase;letter-spacing:.01em;opacity:.32;filter:blur(2px);cursor:pointer;align-items:center;gap:14px;padding:1.4vh 0;transition:opacity .32s,filter .32s;display:flex}.pf-item-t{white-space:nowrap;flex:auto;min-width:0}.pf-item-label{min-width:0}.pf-item.is-active{opacity:1;filter:none}.pf-item-thumb{display:none}.pf-item-open{color:#fff;opacity:0;background:#111;border-radius:50%;flex:none;justify-content:center;align-items:center;width:clamp(28px,2.6vw,38px);height:clamp(28px,2.6vw,38px);transition:opacity .28s cubic-bezier(.16,1,.3,1),transform .32s cubic-bezier(.16,1,.3,1);display:none;transform:translateY(60%)}.pf-item-open svg{width:46%;height:46%}.pf-item.is-active .pf-item-open{opacity:1;transform:none}.pf-status{font:500 var(--type-body)/1.8 ui-monospace, SFMono-Regular, Menlo, monospace;letter-spacing:.1em;opacity:.55;margin:0;padding:2vh 0}.pf-cover{cursor:pointer;border-radius:2px;position:relative;overflow:hidden}.pf-cover-img{object-fit:contain;object-position:right center;opacity:0;width:100%;height:100%;transition:opacity .5s;position:absolute;inset:0}.pf-cover-img.is-on{opacity:1}@media (width<=900px){.pf-body{height:100%;padding:5vh 5vw 4vh;display:block;position:static;overflow-y:auto}.pf-list{scroll-snap-type:none;height:auto;overflow:visible}.pf-pad-top,.pf-pad-bottom{display:none}.pf-item{opacity:1;filter:none;border-bottom:1px solid #00000014;gap:4vw;padding:3vh 0}.pf-item-t{white-space:normal}.pf-item-label{overflow-wrap:anywhere}.pf-item-thumb{object-fit:contain;object-position:right center;flex:none;width:22vw;height:22vw;display:block}.pf-cover{display:none}}@media (prefers-reduced-motion:reduce){.pf-item,.pf-cover-img,.pf-item-open{transition:none!important}}@media (width>=901px){.pf-title{z-index:3;left:var(--pf-pad);top:calc(var(--pf-top) - .17em);overflow-wrap:break-word;width:30vw;font-size:var(--type-display);color:var(--pf-ink);clip:auto;white-space:normal;height:auto;margin:0;line-height:1.02;position:fixed;overflow:visible}.pf-item-open{display:flex}}