.portfolio-page .portfolio-index{font-family:var(--font-caveat), cursive;flex-wrap:wrap;gap:18px 35px;font-size:25px;display:flex}.portfolio-page .portfolio-index a{border-bottom:1px dashed #ad9e80}.portfolio-page .portfolio-spread{border-bottom:1px dashed #c8bca566;grid-template-columns:1fr 1fr;align-items:center;gap:70px;padding:50px 0 65px;scroll-margin-top:110px;display:grid}.portfolio-page .portfolio-spread:nth-child(2n) .portfolio-visual{order:2}.portfolio-page .portfolio-visual{text-align:center;background:radial-gradient(#e8eef477,#0000 70%)}.portfolio-page .portfolio-green .portfolio-visual{background:radial-gradient(#e8eedc99,#0000 70%)}.portfolio-page .portfolio-pink .portfolio-visual{background:radial-gradient(#f5e3e277,#0000 70%)}.portfolio-page .portfolio-yellow .portfolio-visual{background:radial-gradient(#faf0d399,#0000 70%)}.portfolio-page .portfolio-copy h3{font-family:var(--font-caveat), cursive;margin:10px 0 20px;font-size:clamp(45px,5vw,68px);font-weight:700;line-height:1.1}.portfolio-page .portfolio-copy>p:not(.eyebrow){color:#655e53;margin-bottom:22px;font-size:16px;line-height:1.9}.portfolio-page .portfolio-copy h4{font-family:var(--font-caveat), cursive;margin:20px 0 10px;font-size:26px;font-weight:700}.portfolio-page .portfolio-relevance{border-left:2px solid #c7b48d;padding-left:20px}.portfolio-page .portfolio-case-link{margin-top:22px;display:block}.portfolio-page .portfolio-project-logo{-o-object-fit:contain;object-fit:contain;opacity:.8;height:50px;margin:0 auto 15px;display:block}.portfolio-page .portfolio-scene svg{width:100%;height:auto;display:block;overflow:visible}.portfolio-page .portfolio-scene text{fill:#655e53;stroke:none;font-family:var(--font-caveat), cursive;font-size:19px}.portfolio-page .portfolio-scene .ps-title{font-size:30px;font-weight:700}.portfolio-page .portfolio-scene .ps-label{font-size:22px;font-weight:700}.portfolio-page .portfolio-scene .ps-small{font-size:17px}.portfolio-page .portfolio-scene .ps-code{font-family:monospace;font-size:12px}.portfolio-page .ps-note>path:first-child{transition:stroke .35s,stroke-width .35s}.portfolio-page .ps-active>path:first-child,.portfolio-page .ps-active>circle:first-child{stroke:#786136;stroke-width:2.7px}.portfolio-page .ps-active{filter:drop-shadow(0 2px 2px #9b89651a)}.portfolio-page .ps-connection{stroke:#a99b81;stroke-dasharray:3 6}.portfolio-page .ps-visible .ps-trace{stroke:#867044;animation:1.4s ease-out both portfolioTrace}.portfolio-page .ps-ar-layer{opacity:.25;transition:opacity 1s,translate 1s;translate:0 15px}.portfolio-page .ps-ar-layer.ps-revealed{opacity:1;translate:0}.portfolio-page .ps-caption{font-family:var(--font-caveat), cursive;color:#655e53;min-height:35px;margin:5px 0 10px;font-size:23px}.portfolio-page .ps-controls{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.portfolio-page .ps-controls button{color:#655e53;background:#fffdf8;border:1px solid #b1a183;border-radius:50%;width:30px;height:30px;font-size:13px}.portfolio-page .ps-controls button[aria-pressed=true]{background:#f7ecd1;border-color:#786136}.portfolio-page .ps-controls .ps-replay{width:auto;height:auto;font-family:var(--font-caveat), cursive;background:0 0;border:0;border-bottom:1px dashed #b1a183;border-radius:0;padding:4px 8px;font-size:19px}.portfolio-page .ps-disclaimer{color:#766d60;margin-top:12px;font-size:11px}@keyframes portfolioTrace{0%{stroke-dasharray:700;stroke-dashoffset:700px}to{stroke-dasharray:700;stroke-dashoffset:0}}@media (prefers-reduced-motion:reduce){.portfolio-page .ps-visible .ps-trace{animation:none}.portfolio-page .ps-ar-layer{transition:none}}@media (max-width:800px){.portfolio-page .portfolio-spread{gap:30px}}@media (max-width:640px){.portfolio-page .portfolio-spread{grid-template-columns:1fr;gap:20px;padding:25px 0 45px}.portfolio-page .portfolio-spread:nth-child(2n) .portfolio-visual{order:0}.portfolio-page .portfolio-visual svg{max-height:270px}.portfolio-page .portfolio-index{gap:15px;font-size:22px}}