.contact-page{min-height:calc(100svh - var(--portfolio-header-bar,80px) - 80px);grid-column:1/-1;align-items:center;display:grid}.contact-page .contact-page-contact{grid-column:1/-1;width:100%;min-width:0}@media (max-width:1024px){.contact-page{min-height:calc(100svh - var(--portfolio-header-bar,64px) - 80px)}}@media (max-width:768px){.contact-page{align-items:start;min-height:0}}
.contact-page-contact{padding-block:0}.contact-page-contact__inner{text-align:left;min-width:0;max-width:100%}.contact-page-contact__layout{grid-template-columns:minmax(420px,1fr) minmax(360px,40%);align-items:stretch;gap:22px;min-width:0;display:grid}.contact-page-contact__content{min-width:0;padding-top:0}.contact-page-contact__title{font:var(--portfolio-text-h1);color:var(--text-primary);margin:8px 0 10px}.contact-page-contact__subtitle{max-width:62ch;font:var(--portfolio-text-b1);color:var(--text-secondary);margin:0}.contact-page-contact__actions{flex-flow:row;align-items:flex-start;gap:14px;margin-top:20px;display:flex}.contact-page-contact__actions--desktop{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:100%;display:grid}.contact-page-contact__actions--mobile{display:none}.contact-page-contact__action-card{--contact-fill-duration:.28s;isolation:isolate;border:2px solid var(--accent);min-height:116px;color:var(--accent);text-align:center;cursor:pointer;appearance:none;font:inherit;background:0 0;border-radius:12px;grid-template-rows:auto auto auto;align-content:center;justify-items:center;gap:8px;padding:14px 14px 12px;text-decoration:none;display:grid;position:relative;overflow:hidden}.contact-page-contact__action-card:before{content:"";z-index:0;background:var(--accent);transform-origin:bottom;transition:transform var(--contact-fill-duration)ease;position:absolute;inset:0;transform:scaleY(0)}.contact-page-contact__action-icon,.contact-page-contact__action-label,.contact-page-contact__action-detail{z-index:1;position:relative}.contact-page-contact__action-icon{background:var(--accent);width:24px;height:24px;-webkit-mask-image:var(--contact-icon);mask-image:var(--contact-icon);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-image:var(--contact-icon);transition:background-color var(--contact-fill-duration)ease;transition-delay:70ms;display:block;-webkit-mask-position:50%;-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat}.contact-page-contact__action-label{font:var(--portfolio-text-b2);color:var(--accent);transition:color var(--contact-fill-duration)ease;transition-delay:70ms}.contact-page-contact__action-detail{font:var(--portfolio-text-b3);color:color-mix(in srgb,var(--accent)82%,transparent);word-break:break-word;transition:color var(--contact-fill-duration)ease;transition-delay:70ms}.contact-page-contact__action-card:hover:before{transform:scaleY(1)}.contact-page-contact__action-card:hover{color:var(--accent)}.contact-page-contact__action-card:hover .contact-page-contact__action-icon{background:var(--accent-contrast-light)}.contact-page-contact__action-card:hover .contact-page-contact__action-label,.contact-page-contact__action-card:hover .contact-page-contact__action-detail{color:var(--accent-contrast-light)}.contact-page-contact__action-card--copied{border-color:var(--accent)}.contact-page-contact__action-card--copied:before{background:var(--accent);transform:scaleY(1)}.contact-page-contact__action-card--copied .contact-page-contact__action-icon,.contact-page-contact__action-card--copied .contact-page-contact__action-label,.contact-page-contact__action-card--copied .contact-page-contact__action-detail{color:#000}.contact-page-contact__action-card--copied .contact-page-contact__action-icon{background:#000}.contact-page-contact__action-card--copied:hover .contact-page-contact__action-icon,.contact-page-contact__action-card--copied:hover .contact-page-contact__action-label,.contact-page-contact__action-card--copied:hover .contact-page-contact__action-detail{color:#000}.contact-page-contact__action-card--copied:hover .contact-page-contact__action-icon{background:#000}.contact-page-contact__visual{border-radius:var(--radius-20);background:0 0;border:0;justify-self:end;width:100%;min-width:0;max-width:100%;min-height:clamp(300px,48vh,420px);position:relative;overflow:hidden}@media (min-width:1400px){.contact-page-contact__visual{width:112%;max-width:none}}.contact-page-contact__visual:before{content:"";background-image:linear-gradient(to right,color-mix(in srgb,var(--border)68%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--border)68%,transparent)1px,transparent 1px);opacity:.58;pointer-events:none;background-size:22px 22px;position:absolute;inset:0}@media (min-width:769px){.contact-page-contact__layout{align-items:center}.contact-page-contact__content{flex-direction:column;justify-content:center;max-width:520px;min-height:clamp(360px,56vh,500px);display:flex}.contact-page-contact__visual{min-height:clamp(360px,56vh,500px)}.contact-page-contact__visual:before{background-image:linear-gradient(to right,color-mix(in srgb,var(--accent)36%,transparent)1px,transparent 1px),linear-gradient(to bottom,color-mix(in srgb,var(--accent)36%,transparent)1px,transparent 1px);opacity:.62}.contact-page-contact__visual-keywords--desktop{min-height:clamp(360px,56vh,500px);position:relative}.contact-page-contact__visual-keywords--desktop .contact-page-contact__visual-keyword--lets{top:14%;left:12%}.contact-page-contact__visual-keywords--desktop .contact-page-contact__visual-keyword--connect{top:35%;right:10%}.contact-page-contact__visual-keywords--desktop .contact-page-contact__visual-keyword--and{top:56%;left:24%}.contact-page-contact__visual-keywords--desktop .contact-page-contact__visual-keyword--build{top:74%;bottom:auto;right:17%}}.contact-page-contact__visual-keywords{width:100%;height:100%;position:relative}.contact-page-contact__visual-keywords--desktop{display:block}.contact-page-contact__visual-keywords--mobile{display:none}.contact-page-contact__visual-keyword{--hero-keyword-font-size:20px;position:absolute}.contact-page-contact__visual-keyword .hero-keyword-badge{height:36px}.contact-page-contact__visual-keyword--lets{top:16%;left:16%;transform:rotate(-1.3deg)}.contact-page-contact__visual-keyword--connect{top:33%;right:15%;transform:rotate(1.6deg)}.contact-page-contact__visual-keyword--and{top:52%;left:30%;transform:rotate(-.8deg)}.contact-page-contact__visual-keyword--build{bottom:15%;right:24%;transform:rotate(1.1deg)}@media (max-width:768px){.contact-page-contact__layout{grid-template-columns:1fr;gap:16px}.contact-page-contact__content{padding-top:8px}.contact-page-contact__actions{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;gap:10px;width:100%;margin-top:16px;overflow:auto hidden}.contact-page-contact__actions--desktop{display:none}.contact-page-contact__actions--mobile{display:flex}.contact-page-contact__actions::-webkit-scrollbar{display:none}.contact-page-contact__visual{justify-self:stretch;width:100%;min-height:clamp(240px,38vh,320px)}.contact-page-contact__visual-keywords--desktop{display:none}.contact-page-contact__visual-keywords--mobile{display:block}.contact-page-contact__visual-keyword{--hero-keyword-font-size:22px}.contact-page-contact__visual-keyword .hero-keyword-badge{height:34px}.contact-page-contact__visual-keyword--lets{top:8%;left:8%}.contact-page-contact__visual-keyword--connect{top:33%;right:9%}.contact-page-contact__visual-keyword--and{top:58%;left:17%}.contact-page-contact__visual-keyword--build{bottom:8%;right:16%}}