.s-other-portfolio{--other-portfolio-bg:var(--bg);background:var(--other-portfolio-bg);position:relative}.s-other-portfolio:after{content:"";z-index:1;pointer-events:none;background:var(--line);opacity:var(--line-draw,1);transition:transform var(--line-dur,0s) cubic-bezier(.25, .1, .25, 1) var(--line-delay,0s), opacity var(--line-dur,0s) cubic-bezier(.25, .1, .25, 1) var(--line-delay,0s);width:auto;height:1px;transform:scaleX(var(--line-draw,1));transform-origin:0;position:absolute;inset-block:0 auto;inset-inline:0}.s-other-portfolio .other-portfolio--inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}@media (width<=720px){.s-other-portfolio .other-portfolio--inner{grid-template-columns:1fr}}.s-other-portfolio .other-portfolio--cell{min-height:32rem;padding:4rem var(--container);justify-content:center;align-items:center;display:flex}.s-other-portfolio .other-portfolio--cell.prev{position:relative}.s-other-portfolio .other-portfolio--cell.prev:after{content:"";z-index:1;pointer-events:none;background:var(--line);opacity:var(--line-draw,1);transition:transform var(--line-dur,0s) cubic-bezier(.25, .1, .25, 1) var(--line-delay,0s), opacity var(--line-dur,0s) cubic-bezier(.25, .1, .25, 1) var(--line-delay,0s);width:1px;height:auto;transform:scaleY(var(--line-draw,1));transform-origin:top;position:absolute;inset-block:0;inset-inline:auto 0}@media (width<=720px){.s-other-portfolio .other-portfolio--cell{min-height:0;padding:40px var(--container)}.s-other-portfolio .other-portfolio--cell.prev{position:relative}.s-other-portfolio .other-portfolio--cell.prev:after{content:"";z-index:1;pointer-events:none;background:var(--line);opacity:var(--line-draw,1);transition:transform var(--line-dur,0s) cubic-bezier(.25, .1, .25, 1) var(--line-delay,0s), opacity var(--line-dur,0s) cubic-bezier(.25, .1, .25, 1) var(--line-delay,0s);width:auto;height:1px;transform:scaleX(var(--line-draw,1));transform-origin:0;position:absolute;inset-block:auto 0;inset-inline:0}}.s-other-portfolio .other-portfolio--link{color:inherit;flex-direction:column;align-items:center;gap:1.4rem;text-decoration:none;display:flex}.s-other-portfolio .other-portfolio--link:focus-visible{outline:2px solid var(--ascent);outline-offset:4px}@media (hover:hover) and (pointer:fine){.s-other-portfolio .other-portfolio--link{cursor:pointer}.s-other-portfolio .other-portfolio--link:hover .other-portfolio--image img{transform:scale(1.04)}}.s-other-portfolio .other-portfolio--image{aspect-ratio:3/4;background:var(--beige);width:8.5rem;display:block;overflow:hidden}.s-other-portfolio .other-portfolio--image img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}@media (width<=720px){.s-other-portfolio .other-portfolio--image{width:120px}}