.s-hero-portfolio{--hero-portfolio-bg:var(--bg);--hero-portfolio-text:#3d3d3d;background:var(--hero-portfolio-bg);margin-block-start:var(--header-size)}.s-hero-portfolio .hero-portfolio--inner{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid;position:relative}.s-hero-portfolio .hero-portfolio--inner: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}@media (width<=980px){.s-hero-portfolio .hero-portfolio--inner{grid-template-columns:1fr;min-height:0}}.s-hero-portfolio .hero-portfolio--media{position:relative}.s-hero-portfolio .hero-portfolio--media: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}.s-hero-portfolio .hero-portfolio--media img{aspect-ratio:952/762;object-fit:cover;width:100%;height:100%;inset:0}@media (width<=980px){.s-hero-portfolio .hero-portfolio--media{position:relative}.s-hero-portfolio .hero-portfolio--media: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-hero-portfolio .hero-portfolio--media img{aspect-ratio:1;height:auto;position:static}}.s-hero-portfolio .hero-portfolio--content{padding-block:calc(var(--header-size) + 3rem) 2rem;padding-inline:2rem var(--container);flex-direction:column;justify-content:space-between;gap:4rem;display:flex}@media (width<=980px){.s-hero-portfolio .hero-portfolio--content{padding-block:48px 40px;padding-inline:var(--container);gap:48px}}.s-hero-portfolio .hero-portfolio--heading{flex-direction:column;align-items:flex-start;gap:1.4rem;display:flex}.s-hero-portfolio .hero-portfolio--heading .title-styled h1{font-family:var(--font-primary);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:2.6rem;font-weight:700;line-height:1.1}.s-hero-portfolio .hero-portfolio--tags{font-family:var(--font-primary);letter-spacing:.08em;text-transform:uppercase;color:var(--text-primary);flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.85rem;font-weight:500;line-height:1;display:inline-flex}.s-hero-portfolio .hero-portfolio--tags:before{content:"";border:1px solid;border-radius:50%;flex:none;width:.5em;height:.5em;display:block}.s-hero-portfolio .hero-portfolio--sep{color:var(--text-secondary)}.s-hero-portfolio .hero-portfolio--hint{font-family:var(--font-secondary);color:var(--hero-portfolio-text);margin:0;font-size:.95rem;line-height:1.4}.s-hero-portfolio .hero-portfolio--details{grid-template-columns:repeat(4,1fr);gap:2rem 3rem;margin:0 auto;padding-block:4rem;display:grid}@media (width<=1280px){.s-hero-portfolio .hero-portfolio--details{grid-template-columns:repeat(2,1fr)}}@media (width<=720px){.s-hero-portfolio .hero-portfolio--details{grid-template-columns:1fr;gap:28px;padding-block:48px}}.s-hero-portfolio .hero-portfolio--detail{flex-direction:column;gap:.8rem;display:flex}.s-hero-portfolio .hero-portfolio--detail dt{font-family:var(--font-primary);letter-spacing:-.01em;color:var(--text-primary);font-size:1.35rem;font-weight:700;line-height:1.2}.s-hero-portfolio .hero-portfolio--detail dd{font-family:var(--font-secondary);color:var(--hero-portfolio-text);margin:0;font-size:.95rem;line-height:1.5}