.portfolio{--pf-forest:#24422f;--pf-pine:#35603f;--pf-moss:#4f8a5c;--pf-leaf:#7fb673;--pf-sage:#b7d29e;--pf-wheat:#e7cf90;--pf-sun:#f2c14e;--pf-dawn:#f6b27a;--pf-bloom:#ef7f5c;--pf-petal:#e58aa6;--pf-sky:#fbf3e4;--pf-mist:#eef4e2;--pf-cream:#fbf7ef;--pf-ink:var(--pf-forest);--pf-ink-soft:color-mix(in srgb, var(--pf-forest) 80%, transparent);--pf-muted:color-mix(in srgb, var(--pf-forest) 55%, transparent);--pf-faint:color-mix(in srgb, var(--pf-forest) 30%, transparent);--pf-accent:var(--pf-bloom);--pf-line:color-mix(in srgb, var(--pf-moss) 24%, transparent);background-color:var(--color-paper);color:var(--pf-ink)}.portfolio [data-ribbon=stencil]{--pf-rib-back:#eef3e6;--pf-rib-1:#b7d29e;--pf-rib-2:#7fb673;--pf-rib-3:#4f8a5c;--pf-rib-4:#d0e2ab}.portfolio [data-ribbon=paint]{--pf-rib-back:#f8ecd6;--pf-rib-1:#f2c14e;--pf-rib-2:#f6b27a;--pf-rib-3:#ef7f5c;--pf-rib-4:#e7cf90}.portfolio [data-ribbon=abstract]{--pf-rib-back:#e9e2d4;--pf-rib-1:#24422f;--pf-rib-2:#ef7f5c;--pf-rib-3:#f2c14e;--pf-rib-4:#4f8a5c}.portfolio [data-ribbon=storybooks]{--pf-rib-back:#fbf7ef;--pf-rib-1:#e7cf90;--pf-rib-2:#f6b27a;--pf-rib-3:#e58aa6;--pf-rib-4:#eef4e2}.portfolio .pf-page-eyebrow{color:var(--pf-accent);letter-spacing:.34em}.portfolio .pf-page-title{color:var(--pf-ink);font-family:var(--font-sans);letter-spacing:-.03em;font-weight:600;line-height:.96}.portfolio .pf-page-lede{color:var(--pf-ink-soft)}.portfolio .pf-section{scroll-margin-top:7.5rem}.portfolio .pf-header-index{color:var(--pf-accent);font-family:var(--font-mono);letter-spacing:.28em}.portfolio .pf-header-title{color:var(--pf-ink);font-family:var(--font-sans);letter-spacing:-.03em;font-weight:600;line-height:.98}.portfolio .pf-header-count{color:var(--pf-muted);font-family:var(--font-mono);letter-spacing:.18em}.portfolio .pf-ribbon{border:1px solid color-mix(in srgb, var(--pf-rib-3) 22%, transparent);background:var(--pf-rib-back);border-radius:6px;width:100%;height:clamp(84px,11vh,132px);position:relative;overflow:hidden}.portfolio .pf-ribbon-canvas{width:100%;height:100%;position:absolute;inset:0}.portfolio .pf-ribbon:after{content:"";pointer-events:none;background:linear-gradient(#ffffff42,#0000 42%);position:absolute;inset:0}.portfolio .pf-row{align-items:flex-start;display:flex}.portfolio .pf-item{flex-direction:column;display:flex}.portfolio .pf-mat{box-sizing:border-box;background:var(--color-art-backdrop);cursor:zoom-in;width:100%;box-shadow:0 12px 30px color-mix(in srgb, var(--pf-forest) 15%, transparent);transition:box-shadow var(--duration-base) var(--ease-entrance);appearance:none;text-align:left;border:none;border-radius:3px;padding:clamp(10px,1vw,16px);display:block}.portfolio .pf-mat:hover{box-shadow:0 22px 50px color-mix(in srgb, var(--pf-forest) 26%, transparent)}.portfolio .pf-mat:focus-visible{outline:2px solid var(--pf-accent);outline-offset:3px}.portfolio .pf-art{width:100%}.portfolio .pf-art figcaption{display:none}.portfolio .pf-tombstone{flex-direction:column;gap:.15rem;min-height:2.6rem;margin-top:.7rem;display:flex}.portfolio .pf-tomb-title{color:var(--pf-ink);transition:color var(--duration-fast) var(--ease-standard);font-style:italic}.portfolio .pf-item:hover .pf-tomb-title{color:var(--pf-accent)}.portfolio .pf-tomb-meta{color:var(--pf-muted);font-family:var(--font-mono)}.portfolio .pf-index-wrap{z-index:40;pointer-events:none;justify-content:center;display:flex;position:sticky;top:5.5rem}.portfolio .pf-index{pointer-events:auto;background:color-mix(in srgb, var(--pf-cream) 82%, transparent);border:1px solid color-mix(in srgb, var(--pf-moss) 26%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 26px color-mix(in srgb, var(--pf-forest) 12%, transparent), inset 0 1px 0 #ffffff8c;border-radius:999px;align-items:center;gap:.15rem;padding:.4rem .45rem;display:inline-flex}.portfolio .pf-index-link{z-index:1;white-space:nowrap;color:color-mix(in srgb, var(--pf-forest) 72%, transparent);transition:color var(--duration-fast) var(--ease-standard);border-radius:999px;padding:.35rem .85rem;font-size:.8rem;display:block;position:relative}.portfolio .pf-index-link:hover,.portfolio .pf-index-link[data-active=true]{color:var(--pf-forest)}.portfolio .pf-index-indicator{z-index:0;background:color-mix(in srgb, var(--pf-leaf) 36%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--pf-moss) 42%, transparent);border-radius:999px;position:absolute;inset:0}.portfolio .pf-spine{z-index:30;background:color-mix(in srgb, var(--pf-moss) 16%, transparent);pointer-events:none;width:3px;height:100vh;position:fixed;top:0;right:0}.portfolio .pf-spine-fill{transform-origin:top;background:linear-gradient(180deg, var(--pf-leaf), var(--pf-sun) 50%, var(--pf-bloom));position:absolute;inset:0;transform:scaleY(0)}.portfolio .pf-lightbox{z-index:90;background:color-mix(in srgb, var(--color-lightbox) 94%, transparent);justify-content:center;align-items:center;padding:clamp(1rem,4vw,3.5rem);display:flex;position:fixed;inset:0}.portfolio .pf-lb-stage{flex-direction:column;align-items:center;gap:1rem;max-width:100%;max-height:100%;display:flex;position:relative}.portfolio .pf-lb-frame{background:var(--color-art-backdrop);cursor:zoom-in;touch-action:pan-y;max-width:min(92vw,1400px);max-height:74vh;position:relative;overflow:hidden;box-shadow:0 30px 80px #00000059}.portfolio .pf-lb-frame[data-zoomed=true]{cursor:zoom-out}.portfolio .pf-lb-art{background:var(--color-neutral-300);transform-origin:50%;width:100%;height:100%;transition:transform var(--duration-base) var(--ease-standard);display:block}.portfolio .pf-lb-caption{text-align:center;color:#f3efe6;flex-direction:column;gap:.2rem;display:flex}.portfolio .pf-lb-title{font-size:1.05rem;font-style:italic}.portfolio .pf-lb-meta{font-family:var(--font-mono);color:#f3efe6a8;font-size:.78rem}.portfolio .pf-lb-btn{z-index:2;color:#f3efe6;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);background:#0006;border:1px solid #ffffff3d;border-radius:999px;justify-content:center;align-items:center;display:inline-flex;position:absolute}.portfolio .pf-lb-btn:hover{background:#0000009e;border-color:#ffffff70}.portfolio .pf-lb-btn:focus-visible{outline:2px solid var(--pf-accent);outline-offset:2px}.portfolio .pf-lb-close{width:2.75rem;height:2.75rem;font-size:1.35rem;top:clamp(.75rem,3vw,2rem);right:clamp(.75rem,3vw,2rem)}.portfolio .pf-lb-nav{width:3rem;height:3rem;font-size:1.5rem;top:50%;transform:translateY(-50%)}.portfolio .pf-lb-prev{left:clamp(.5rem,2vw,1.5rem)}.portfolio .pf-lb-next{right:clamp(.5rem,2vw,1.5rem)}@media (prefers-reduced-motion:reduce){.portfolio .pf-spine-fill,.portfolio .pf-mat,.portfolio .pf-tomb-title,.portfolio .pf-lb-art,.portfolio .pf-lb-btn{transition:none!important}}