.portfolio-home{overflow-x:clip}.home-screen{--edge:var(--frame-edge);--col-gap:clamp(24px,2.6vw,48px);--wide:calc((min(100vw, var(--frame-max)) - 2 * var(--edge) - var(--col-gap)) * 7 / 12);--art-h:min(clamp(260px,38svh,560px),calc(var(--wide) * 37 / 80));max-width:var(--frame-max);margin:0 auto;padding:24px var(--edge) 0}.home-mast{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"name contact" "name lede";-moz-column-gap:40px;column-gap:40px;align-items:end;position:relative;z-index:3;translate:var(--mx,0) var(--my,0)}.home-name{grid-area:name;margin:0;color:var(--ink);font:400 var(--type-name)/.95 var(--font-script),serif;letter-spacing:-.015em;white-space:nowrap}.home-contact{grid-area:contact;justify-self:end;align-self:start;display:flex;gap:24px;font-size:var(--step--1)}.home-contact a{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--ink);text-decoration:none}.home-lede{grid-area:lede;justify-self:end;max-width:25rem;padding-bottom:.35em}.home-role{margin:0 0 8px;font-size:var(--step-0);color:var(--muted)}.home-belief{margin:0;font:400 var(--type-voice)/1.4 var(--font-script),serif;color:var(--ink);text-wrap:balance}.belief-word{display:inline;padding:0 0 8px;border:0;background-color:transparent;color:inherit;font:inherit;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.belief-word:active{color:var(--accent);background-image:var(--px-row-1),var(--px-row-2),var(--px-row-3);background-position:0 calc(100% - 6px),0 calc(100% - 3px),0 100%}.loom{margin-top:clamp(26px,4.2svh,48px)}.loom-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(26px,3.4svh,44px) var(--col-gap);margin:0;padding:0;list-style:none}.loom-cell{min-width:0}.panel{display:block;color:inherit;text-decoration:none}.panel-art{display:block;height:var(--art-h);transition:box-shadow .32s var(--ease-out);will-change:transform}.panel-composition{position:absolute;inset:0;display:block;overflow:hidden}.panel-layer{position:absolute;display:block;max-width:none}.panel-layer--raised{box-shadow:0 12px 30px rgb(0 0 0/.28)}.panel-meta{position:relative;z-index:3;display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 14px;margin-top:18px}.panel-title{display:inline-flex;align-items:baseline;gap:10px;color:var(--ink);font:400 clamp(24px,2.1vw,36px)/1.1 var(--font-heading),serif;letter-spacing:-.01em;transition:color .2s ease}.panel-title .arrow{width:.7em;height:.7em;opacity:0;translate:-4px 0;transition:opacity .2s ease,translate .24s var(--ease-out)}.panel-detail{color:var(--muted);font:400 var(--type-data)/1.4 var(--font-data),monospace;letter-spacing:.01em;font-variant-numeric:tabular-nums}.panel-caption{position:relative;z-index:3;max-width:var(--measure);margin:6px 0 0;font-size:var(--step--1);line-height:1.5;color:color-mix(in srgb,var(--muted) 86%,var(--paper))}@media (hover:hover) and (pointer:fine){.panel:hover .panel-art{box-shadow:0 22px 54px rgb(0 0 0/.5)}.panel:hover .panel-title{color:var(--accent)}.panel:hover .panel-title .arrow{opacity:1;translate:0 0}}.skip-link:focus~.portfolio-home .home-name{opacity:0}.panel:focus-visible{outline:none}.panel:focus-visible .panel-art{outline:2px solid var(--accent);outline-offset:4px}.panel:focus-visible .panel-title{color:var(--accent)}.panel:focus-visible .panel-title .arrow{opacity:1;translate:0 0}.home-path{max-width:var(--frame-max);margin:0 auto;padding:clamp(56px,8svh,96px) var(--frame-edge) clamp(48px,6vw,80px)}.path-hem{display:flex;align-items:center;gap:20px}.path-hem h2{flex:none;margin:0;font:400 var(--step-3)/1 var(--font-heading),serif;color:var(--ink);letter-spacing:-.01em}.path-hem:after{content:"";flex:1;height:2px;background:repeating-linear-gradient(90deg,var(--line-strong) 0 2px,transparent 2px 5px)}.path-body{position:relative}.path-canvas{position:absolute;top:0;left:-16px;width:calc(100% + 32px);height:100%;pointer-events:none}.path-threads{position:relative;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:0 clamp(14px,1.6vw,26px);margin:0;padding:0;list-style:none}.path-thread{padding-top:104px}.path-thread:nth-child(3n+2){padding-top:126px}.path-thread:nth-child(3n){padding-top:88px}.path-knot{display:block;width:6px;height:6px;margin-bottom:12px;background:var(--thread)}.path-label{display:grid;gap:4px;color:inherit;text-decoration:none}.path-period{color:var(--muted);font:400 var(--type-data)/1.4 var(--font-data),monospace;letter-spacing:.01em;font-variant-numeric:tabular-nums}.path-thread[data-project] .path-period{color:var(--accent)}.path-role{font-size:var(--step-0);font-weight:500;line-height:1.3;color:var(--ink);text-wrap:balance}.path-org{font-size:var(--step--1);line-height:1.35;color:var(--muted)}a.path-label:hover .path-role{color:var(--accent)}.path-note{margin:clamp(36px,5vw,56px) 0 0;font-size:var(--step--1);color:var(--muted)}.path-note a{display:inline-flex;align-items:center;gap:6px;color:var(--ink);text-decoration:none}.home-footer{box-sizing:border-box;max-width:var(--frame-max);margin:16px auto 0;padding:32px var(--frame-edge);display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:24px;border-top:1px solid var(--line)}.home-footer>a{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin:0;color:var(--ink);font-size:var(--type-caption);text-decoration:none;overflow-wrap:anywhere}@media (max-width:767px){.home-footer{margin-top:0;padding-block:24px;flex-direction:column}}@media (max-width:1180px){.path-threads{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:8px}.path-thread,.path-thread:nth-child(n){padding-top:56px}}@media (max-width:767px){.path-threads{grid-template-columns:repeat(2,minmax(0,1fr))}.path-thread,.path-thread:nth-child(n){padding-top:36px}}@media (max-width:899px){.home-screen{--art-h:auto;padding-top:16px}.home-mast{grid-template-columns:minmax(0,1fr);grid-template-areas:"contact" "name" "lede";row-gap:10px;translate:none}.home-contact{justify-self:start;gap:18px}.home-name{font-size:clamp(56px,16vw,104px);white-space:normal}.home-lede{justify-self:start;margin-top:8px}.loom-grid{grid-template-columns:minmax(0,1fr)}.panel-art{aspect-ratio:16/10}.loom-yimbyplus .panel-art{aspect-ratio:80/37}}@media (prefers-reduced-motion:reduce){.home-mast{translate:none}.panel-art,.panel-title,.panel-title .arrow{transition:none}}