.contact{flex-direction:column;gap:0;display:flex}.contact-page{--page-title-margin-bottom:1.35rem;--panel-bg-pos-x:50%;--panel-bg-pos-y:50%;--panel-bg-layer-opacity:.8;--panel-bg-saturation:.97;--panel-bg-brightness:1;--panel-bg-contrast:.97;--panel-bg-zoom:1.1;--panel-bg-nudge-x:0;--panel-bg-nudge-y:.2;--panel-padding-top:10%;--panel-padding-left:10%;--panel-padding-bottom:24%;--writing-row-gap:var(--panel-row-gap);--contact-link-row-min-h:var(--panel-row-min-h);--contact-link-row-max-h:var(--panel-row-max-h);--contact-link-row-gap:var(--panel-row-gap);--contact-link-pad-inline:.95em;--contact-link-tail-pad:1.5em;--contact-link-pad-block:.46em;flex-direction:column;gap:0;display:flex}.contact-page .page-buttons-zone,.contact-page .page-buttons-panel{width:100%;max-width:100%}.contact-page .page-buttons-panel{aspect-ratio:1;background-color:var(--color-page-bg);--contact-panel-edge:320px;--contact-stack-top-px:16px;--contact-intro-top-px:16px;--contact-links-top-px:120px;--contact-font-scale:1;--contact-fluid-font:clamp(var(--panel-fluid-font-min), calc(var(--panel-fluid-font-preferred) + .03rem), var(--panel-fluid-font-max));--contact-links-font-scale:1;--contact-links-width:38%;--contact-link-tail-min-px:13px}@media (width<=36rem){.contact-page .page-buttons-panel{--contact-font-scale:.91;--panel-bg-nudge-y:.25;--panel-bg-zoom:1}.contact-page__intro,.contact-page__intro--lead,.contact-page__intro--deck,.contact-page__intro-reach{font-weight:500}}@media (width<=22rem){.contact-page .page-buttons-panel{--contact-font-scale:.82}}.contact-page .page-buttons-panel:before{content:none}.contact-page .page-buttons-panel__media{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.contact-page .page-buttons-panel__media picture{width:100%;height:100%;display:block}.contact-page .page-buttons-panel__media img{left:calc((1 - var(--panel-bg-zoom,1)) * 50%);top:calc((1 - var(--panel-bg-zoom,1)) * 50%);width:calc(100% * var(--panel-bg-zoom,1));height:calc(100% * var(--panel-bg-zoom,1));object-fit:cover;object-position:calc(var(--panel-bg-pos-x,50%) + var(--panel-bg-nudge-x,0) * var(--contact-panel-edge,320px)) calc(var(--panel-bg-pos-y,50%) + var(--panel-bg-nudge-y,0) * var(--contact-panel-edge,320px));image-rendering:auto;filter:saturate(var(--panel-bg-saturation,1)) brightness(var(--panel-bg-brightness,1)) contrast(var(--panel-bg-contrast,1));opacity:var(--panel-bg-layer-opacity,1);display:block;position:absolute}.contact-page .page-buttons-panel:after{content:none}.contact-page .contact-page__fit-content.contact-page__fit-content--pending{opacity:0;pointer-events:none}.contact-page .contact-page__fit-content.contact-page__fit-content--visible{opacity:1;pointer-events:auto;transition:opacity .18s ease-out}.contact-page__inset-rect{box-sizing:border-box;font-size:calc(var(--contact-fluid-font) * var(--contact-font-scale));width:max-content;max-width:calc(100% - var(--panel-padding-left,2rem));text-align:left;background:var(--color-page-bg);z-index:2;border:none;min-width:0;min-height:0;position:absolute;left:auto;right:0;overflow:visible}.contact-page__inset-rect--intro{top:var(--contact-intro-top-px);width:calc(100% - var(--panel-padding-left,2rem));max-width:calc(100% - var(--panel-padding-left,2rem));--contact-intro-pad-left:clamp(.62rem, .48rem + 1.85vw, .85rem);--contact-intro-pad-right:clamp(.9rem, .72rem + 2.15vw, 1.24rem);--contact-intro-pad-top:clamp(.76rem, .52rem + 1.25vw, 1.19rem);--contact-intro-pad-bottom:clamp(.74rem, .56rem + 1.65vw, 1.15rem);padding:var(--contact-intro-pad-top) var(--contact-intro-pad-right) var(--contact-intro-pad-bottom) var(--contact-intro-pad-left);flex-direction:column;justify-content:flex-start;gap:clamp(.48em,.39rem + 1.06vw,.58em);display:flex}.contact-page__inset-rect--links{top:var(--contact-links-top-px);left:auto;right:0;font-size:calc(var(--contact-fluid-font) * var(--contact-font-scale) * var(--contact-links-font-scale));inline-size:var(--contact-links-width);width:var(--contact-links-width);max-inline-size:var(--contact-links-width);background:0 0;justify-content:flex-end;align-items:stretch;padding:0;display:flex;inset-inline:auto 0}.contact-page__intro{letter-spacing:-.006em;color:rgba(var(--color-ink-rgb), .96);white-space:normal;hyphens:none;word-break:normal;overflow-wrap:break-word;min-width:0;max-width:100%;margin:0;padding:0;font-weight:400;line-height:1.46}.contact-page__intro--lead{letter-spacing:-.01em;opacity:.98;font-size:.995em;font-weight:400;line-height:1.4}.contact-page__intro--deck{font-weight:400;line-height:1.45}.contact-page__intro-reach{letter-spacing:.005em;font-weight:400}.contact-page__links{align-items:stretch;gap:max(.45rem, var(--contact-link-row-gap,var(--panel-row-gap)));inline-size:100%;width:100%;flex-direction:column;max-inline-size:100%;display:flex}.contact-page .contact-extra-link{box-sizing:border-box;inline-size:100%;min-inline-size:0;min-height:clamp(var(--panel-row-min-h), var(--contact-link-row-min-h,6.8cqi), 3.05rem);max-height:clamp(2.7rem, var(--contact-link-row-max-h,7.8cqi), 3.25rem);--contact-link-icon-size:1.12em;--contact-bubble-size-mul:1;color:rgba(var(--color-ink-rgb), .96);font-size:inherit;padding:var(--contact-link-pad-block,.2em) max(var(--contact-link-tail-min-px,13px), calc(var(--contact-link-pad-inline,.95rem) + var(--contact-link-tail-pad,.55rem))) var(--contact-link-pad-block,.2em) var(--contact-link-pad-inline,.95rem);background-color:var(--color-page-bg);white-space:nowrap;justify-content:flex-start;align-items:center;gap:.62em;text-decoration:none;transition:background-color .18s,color .18s;display:inline-flex}.contact-page__links .contact-extra-link:first-child .contact-extra-link__text{transform:translate(-.01em)}.contact-page .contact-extra-link .contact-extra-link__text{font-size:inherit;letter-spacing:.02em;min-width:0;font-weight:500;line-height:1.24}.contact-page .contact-extra-link__icon:not(.contact-extra-link__icon--bubble){width:var(--contact-link-icon-size);height:var(--contact-link-icon-size)}.contact-page .contact-extra-link:hover{color:var(--color-page-bg);background-color:var(--color-ink)}.contact-page .contact-extra-link:focus-visible{color:var(--color-page-bg);background-color:var(--color-ink);outline:none}.contact-page .contact-extra-link:hover .contact-extra-link__icon,.contact-page .contact-extra-link:focus-visible .contact-extra-link__icon{filter:invert()brightness(1.05)}.contact-page .contact-extra-link__icon--bubble{width:calc(var(--contact-link-icon-size) * var(--contact-bubble-size-mul));height:calc(var(--contact-link-icon-size) * var(--contact-bubble-size-mul));object-fit:contain;transform:none}.contact-form{gap:1rem;width:100%;display:grid}.contact-form label{flex-direction:column;gap:.35rem;font-weight:500;display:flex}.contact-form input,.contact-form textarea,.contact-form button{font:inherit;color:var(--color-ink)}.contact-form input,.contact-form textarea{border:1px solid var(--color-ink);background-color:#0000;border-radius:.25rem;padding:.6rem .7rem}.contact-form :is(input,textarea):is(:focus,:focus-visible){border:2px solid var(--color-ink);outline:none}.contact-form textarea{resize:vertical;min-height:9rem}.contact-form button{min-height:1.75rem;max-height:var(--contact-send-max-height);border:1px solid var(--color-ink);cursor:pointer;background-color:#0000;border-radius:0;padding:0 1.4rem;transition:background-color .15s,color .15s}.contact-form button:hover{background-color:var(--color-ink);color:var(--color-page-bg)}.contact-form .hidden{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.contact-status{box-sizing:border-box;min-width:0;padding:var(--contact-status-pad-block) var(--contact-status-pad-inline);max-height:var(--contact-status-max-height);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;flex:1;margin:0;font-size:.75rem;line-height:1.25;display:-webkit-box;overflow:hidden}.contact-status--error{color:#b42323;opacity:1}.contact-status--success,.contact-status--pending{color:var(--color-ink);opacity:.78}.contact-form__actions{--contact-send-max-height:2rem;--contact-status-pad-block:.15rem;--contact-status-pad-inline:.1rem;--contact-status-max-height:calc(var(--contact-send-max-height) + 2 * var(--contact-status-pad-block));align-items:center;gap:.75rem;display:flex}.contact-form__actions .contact-status{min-height:0}.contact-extra-links-intro{margin:0;padding:0}.contact-extra-links{gap:1rem;margin-top:1rem;display:grid}.contact-extra-link{color:inherit;align-items:center;gap:.6rem;text-decoration:none;display:flex}.contact-extra-link__icon{flex:none;width:1.2rem;height:1.2rem;display:block}.contact-extra-link__text{font-weight:500}
