/* An open invitation above one continuous, oversized Ballet line. */
.portfolio-closing > .contact-inner,.case-study .portfolio-closing > .contact-inner{width:100%;max-width:none;margin-inline:0;padding-inline:0;overflow:visible;container-type:inline-size}
.portfolio-closing .closing-cta{display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:clamp(100px,10vw,192px);min-height:clamp(700px,54vw,1120px);padding:clamp(100px,10vw,200px) 0 0;border:0}
.portfolio-closing .closing-invitation{position:relative;z-index:1;flex:none;width:100%;max-width:420px;align-self:center;padding:0 20px;text-align:center}
.portfolio-closing .closing-invitation p{max-width:38ch;margin:0 auto 40px;font-size:16px;line-height:1.35;text-wrap:balance}
.contact.portfolio-closing .contact-action{min-width:205px;min-height:56px;max-width:100%;padding:16px 28px;border:1px solid transparent;background:#fff;color:#111;font-weight:400;font-size:16px;line-height:1.35}
.contact.portfolio-closing .contact-action:is(:hover,:focus-visible){background:var(--ink);color:#fff;border-color:var(--ink)}
.portfolio-closing .closing-title{--closing-ink-width:7.297;--closing-optical-shift:.0215em;position:relative;left:var(--closing-optical-shift);flex:none;width:100%;max-width:none;margin:0;padding:0 0 .1em;font-family:'Ballet',cursive;font-size:calc((100vw - 2px) / var(--closing-ink-width));font-size:calc((100cqw - 2px) / var(--closing-ink-width));font-weight:400;font-style:normal;line-height:1.6;letter-spacing:0;white-space:nowrap;text-align:center;color:#000;font-optical-sizing:auto}
.portfolio-closing .closing-title span{display:inline}
html[lang=fi] .portfolio-closing .closing-title{--closing-ink-width:7.884;--closing-optical-shift:.0235em}
@media(max-width:1000px) and (min-width:651px){
 .portfolio-closing .closing-cta{min-height:660px;gap:150px;padding-top:110px}
}
@media(max-width:650px){
 .contact.portfolio-closing{padding-inline:0}
 .portfolio-closing .closing-cta{min-height:660px;min-height:min(760px,100svh);gap:96px;padding:88px 0 24px}
 .portfolio-closing .closing-invitation{max-width:380px;padding-inline:12px}
 .portfolio-closing .closing-invitation p{max-width:32ch;font-size:15px;line-height:1.45;margin-bottom:30px}
 .contact.portfolio-closing .contact-action{min-width:190px;min-height:54px}
}

/* Ballet ink bounds include the flourishes: one complete edge-to-edge line at every viewport width. */