.pg{--bone:#f1efe9;--sand:#d9c9a6;--quiet:#8a7f68;--copper:#e2a274;--copper-deep:#b0623a;--line:#d9c9a629;--edge:clamp(24px,6vw,104px);z-index:0;color:var(--bone);position:relative}.pg ::selection{background:var(--copper-deep);color:#141516}.pg :where(ul){margin:0;padding:0;list-style:none}.pg :where(h2,h3,p){font-weight:inherit;margin:0}.pg-hero{height:100svh;position:relative}.pg-about,.pg-work,.pg-end{background:var(--pg-ground)}[data-page-plate],[data-page-flat]{-webkit-mask-composite:source-in;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-composite:source-in;mask-composite:intersect}[data-page-away],[data-page-away] canvas,[data-page-away] [data-plate]{pointer-events:none!important}:root[data-page-reading] [data-plate-options]{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s,visibility 0s .2s}.pg-hint{z-index:20;cursor:pointer;font-family:var(--font-mono);letter-spacing:.06em;color:#d9c9a6;opacity:0;background:0 0;border:0;padding:12px 18px;font-size:11px;position:fixed;bottom:9.5rem;left:50%;transform:translate(-50%)}.pg-hint>span{opacity:.55;transition:opacity .2s}.pg-hint:hover>span,.pg-hint:focus-visible>span{opacity:.95}.pg-hint:focus-visible{outline-offset:2px;outline:1px solid}@media (min-width:640px){.pg-hint{bottom:5.25rem}}@media (min-width:1100px){.pg-hint{bottom:1.1rem}}.pg-drip{background:#d9c9a633;width:1px;height:30px;margin:9px auto 0;display:block;position:relative;overflow:hidden}.pg-drip:after{content:"";background:#f1efe9;width:1px;height:10px;animation:2.4s cubic-bezier(.6,0,.3,1) infinite pg-drip;position:absolute;top:-10px;left:0}@keyframes pg-drip{to{transform:translateY(40px)}}@media (prefers-reduced-motion:reduce){.pg-drip:after{animation:none;top:10px}}.pg-about{min-height:100svh;padding:0 var(--edge)9vh;align-content:end;gap:clamp(28px,5vh,56px);display:grid}.pg-say,.pg-project,.pg-ask{font-family:var(--font-serif);font-variation-settings:"opsz" 144;font-weight:300;line-height:1}.pg-say{letter-spacing:-.016em;text-wrap:balance;font-size:clamp(38px,6.2vw,100px)}.pg-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px 48px;padding-top:18px;display:flex}.pg-name{font-family:var(--font-mono);letter-spacing:.04em;color:var(--sand);opacity:.6;font-size:11px}.pg-note{font-family:var(--font-sans);color:var(--sand);opacity:.85;font-size:16px;line-height:1.5}.pg-work{padding:6vh var(--edge)34vh}.pg-row{border-bottom:1px solid var(--line);color:inherit;grid-template-columns:minmax(0,6fr) minmax(0,4fr) auto;align-items:baseline;gap:0 clamp(20px,4vw,72px);padding:clamp(18px,3.4vh,36px) 0;text-decoration:none;transition:opacity .25s;display:grid}.pg-work li:first-child .pg-row{border-top:1px solid var(--line)}.pg-row:focus-visible{outline:1px solid var(--copper);outline-offset:6px}.pg-project{letter-spacing:-.02em;font-size:clamp(40px,6.6vw,104px);transition:color .25s}.pg-line{font-family:var(--font-sans);color:var(--sand);max-width:30ch;font-size:clamp(15px,1.25vw,18px);line-height:1.45}.pg-host{font-family:var(--font-mono);color:var(--quiet);white-space:nowrap;font-size:12px;transition:color .25s}.pg-row[data-active] .pg-project,.pg-row[data-active] .pg-host{color:var(--copper)}.pg-work:has(.pg-row[data-active]) .pg-row:not([data-active]){opacity:.42}@media (max-width:760px){.pg-row{grid-template-columns:1fr auto;row-gap:8px}.pg-line{grid-area:2/1/auto/-1}}.pg-end{min-height:100svh;padding:0 var(--edge);align-content:center;justify-items:start;gap:clamp(20px,3.6vh,40px);display:grid}.pg-end>*{max-width:min(44vw,640px);opacity:var(--pg-end,1)}.pg-ask{letter-spacing:-.016em;font-size:clamp(38px,5.4vw,88px)}.pg-mail{font-family:var(--font-sans);color:var(--bone);text-decoration:underline;-webkit-text-decoration-color:var(--copper-deep);text-decoration-color:var(--copper-deep);text-underline-offset:.35em;font-size:clamp(18px,1.7vw,24px);text-decoration-thickness:1px;transition:color .2s,text-decoration-color .2s}.pg-mail:hover,.pg-mail:focus-visible{color:var(--copper);text-decoration-color:currentColor}.pg-mail:focus-visible{outline:1px solid var(--copper);outline-offset:6px}@media (max-width:760px){.pg-end{align-content:end;padding-bottom:18vh}.pg-end>*{max-width:none}}.pg-end{position:relative}.pg-ask[data-dust]{color:#0000}.pg-end>.pg-dust{pointer-events:none;max-width:none;position:absolute;inset:0}