.portfolio>#contact.contact-cover{padding:34px 38px 20px;overflow:hidden}
.contact-cover-scene{position:relative;min-height:620px;isolation:isolate}
.contact-cover-art{position:absolute;top:-40px;left:22%;width:100%;height:640px;object-fit:contain;max-width:none;filter:none!important;pointer-events:none;z-index:-1;mask-image:linear-gradient(90deg,transparent,#000 28%,#000 86%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 28%,#000 86%,transparent)}
.contact-cover-copy{position:relative;width:58%;padding:22px 0 0}
#contact .contact-invitation{margin:0 0 28px;line-height:1;letter-spacing:.015em;text-align:left;font-size:clamp(76px,8vw,96px)}
.contact-invitation span{display:block;width:max-content;max-width:100%;transform-origin:left center}
.contact-invitation .contact-lets{font-size:.68em;transform:rotate(-5deg);margin:0 0 3px 9px}
.contact-invitation .contact-work{transform:rotate(2deg);margin-left:42px;color:var(--theme-ink);text-shadow:2px 3px 0 var(--theme-pink)}
.contact-invitation .contact-together{transform:rotate(-3deg);margin:10px 0 0 82px;text-shadow:2px 3px 0 rgba(224,187,228,.45)}
.contact-links{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;font-style:normal;position:relative;z-index:1}
.contact-links a{display:flex;align-items:center;gap:14px;width:max-content;max-width:100%;min-height:44px;font-size:17px;line-height:1.4;text-decoration:none;border-radius:24px}
.contact-links a>span:last-child{overflow-wrap:anywhere;text-decoration:underline;text-underline-offset:5px;text-decoration-color:rgba(66,63,102,.3)}
.contact-link-icon{display:grid;place-items:center;width:44px;height:44px;flex:0 0 44px;border:1px solid rgba(66,63,102,.16);border-radius:50%;background:rgba(255,252,229,.6);color:var(--theme-ink)}
.contact-link-icon svg{display:block;width:22px;height:22px;filter:none!important}
.contact-links a:hover .contact-link-icon{background:rgba(224,187,228,.32)}
.contact-portfolio-line{position:relative;z-index:2;display:block;margin:8px 0 10px;text-align:right;font-size:clamp(13px,1.5vw,18px);letter-spacing:.05em;line-height:1.4;white-space:nowrap;color:var(--theme-ink)}
@media screen and (max-width:1000px){.contact-cover-copy{width:65%}.contact-cover-art{left:18%;opacity:.86}.contact-links a{font-size:16px}}
@media screen and (max-width:767px){
 .portfolio>#contact.contact-cover{padding:32px 24px 18px}
 .contact-cover-scene{min-height:790px}
 .contact-cover-copy{width:100%;padding-top:0}
 #contact .contact-invitation{font-size:clamp(62px,18vw,95px);margin-bottom:335px}
 .contact-invitation .contact-work{margin-left:20px}
 .contact-invitation .contact-together{margin-left:38px}
 .contact-cover-art{top:170px;left:-13%;width:126%;height:420px;opacity:1;object-fit:cover;object-position:center;mask-image:linear-gradient(transparent,#000 12%,#000 84%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 12%,#000 84%,transparent)}
 .contact-links{gap:8px}
 .contact-links a{gap:10px;font-size:14px}
 .contact-link-icon{width:38px;height:38px;flex-basis:38px}
 .contact-portfolio-line{text-align:center;font-size:clamp(10px,2.8vw,13px);letter-spacing:.02em;margin-top:10px}
}
@media print{.portfolio>#contact.contact-cover{padding:10mm;height:185mm;min-height:0}.contact-cover-scene{min-height:140mm}.contact-cover-copy{width:58%}.contact-cover-art{top:-5mm;height:150mm}.contact-links a{font-size:12pt}#contact .contact-invitation{font-size:65pt;margin-bottom:12mm}.contact-portfolio-line{font-size:12pt}}