.hero-portfolio{background:var(--cream,#fff6ea);width:100%;max-width:490px;color:var(--ink);border:1px solid #291b1625;margin:auto;padding:16px 18px 10px;transform:rotate(1.2deg);box-shadow:9px 10px #d52d0018}.hero-portfolio-top{letter-spacing:.1em;justify-content:space-between;gap:12px;padding:0 0 12px;font-size:9px;display:flex}.hero-portfolio-stage{aspect-ratio:4/4.5;background:#f0e9de;position:relative;overflow:hidden}.hero-portfolio-slide{opacity:0;pointer-events:none;margin:0;transition:opacity .45s;position:absolute;inset:0}.hero-portfolio-slide.is-active{opacity:1;z-index:1}.hero-portfolio-slide img{object-fit:contain;width:100%;height:100%;display:block}.hero-portfolio-caption{align-items:center;gap:14px;min-height:75px;padding:16px 0 12px;display:flex}.hero-portfolio-count{white-space:nowrap;color:var(--red);font-size:11px}.hero-portfolio-caption strong{font:700 clamp(23px,2.2vw,30px)/1.05 var(--display-font);display:block}.hero-portfolio-caption div>span{color:var(--muted);margin-top:5px;font-size:10px;display:block}.hero-portfolio-controls{border-top:1px solid #291b1625;justify-content:space-between;align-items:center;gap:8px;padding-top:6px;display:flex}.hero-portfolio-controls>a{text-underline-offset:4px;font-size:11px;text-decoration:underline}.hero-portfolio-controls>div{gap:2px;display:flex}.hero-portfolio-controls button{min-width:44px;min-height:44px;color:var(--red);cursor:pointer;background:0 0;border:0;place-items:center;padding:8px;display:grid}.hero-portfolio-controls button:hover{background:#d52d0010}.hero-portfolio-controls button:focus-visible,.hero-portfolio-controls a:focus-visible{outline:2px solid var(--red);outline-offset:2px}@media (max-width:760px){.hero-portfolio{max-width:350px;padding:12px 12px 6px;transform:rotate(.7deg);box-shadow:6px 6px #d52d0018}.hero-portfolio-stage{aspect-ratio:1}.hero-portfolio-top{padding-bottom:9px;font-size:8px}.hero-portfolio-caption{min-height:68px;padding:12px 0 10px}.hero-portfolio-caption strong{font-size:25px}.hero-portfolio-controls>a{font-size:10px}}@media (prefers-reduced-motion:reduce){.hero-portfolio-slide{transition:none}}