/* The last conversation: a dark invitation, an open form, then the signature. */
.experience-page .contact-chapter{background:var(--paper);padding:65px 0 0;overflow:clip}
.contact-invitation{position:relative;min-height:740px;background:#232826;color:#f4f5f3;border-radius:22px;overflow:hidden;padding:70px 6%;isolation:isolate}
.invitation-copy{position:relative;z-index:2;width:53%;max-width:650px}
.invitation-eyebrow{font-size:12px;color:#c2cdc6;margin-bottom:30px}
.invitation-copy h2{font-size:clamp(68px,7.6vw,126px);font-weight:500;line-height:.98;letter-spacing:-.065em}
.contact-head-line{display:block;overflow:hidden;padding-bottom:.08em;margin-bottom:-.08em}
.contact-head-line>span{display:block;transform-origin:left bottom}
.invitation-description{max-width:330px;font-size:15px;line-height:1.65;color:#c2cdc6;margin-top:30px}
.contact-invite-link{display:flex;width:fit-content;gap:35px;align-items:center;border:1px solid #77837c;border-radius:50px;padding:9px 10px 9px 23px;margin-top:27px;font-size:13px;transition:border-color .25s,background .25s}
.contact-invite-link>span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#2287d9;color:white;font-size:22px;transition:transform .35s cubic-bezier(.2,.8,.2,1),background .25s}
.contact-invite-link:hover,.contact-invite-link:focus-visible{border-color:#e6efea;background:#ffffff08}
.contact-invite-link:hover>span{transform:rotate(45deg);background:#3199ed}
.invitation-assurance{font-size:10px;color:#aab8af;margin-top:15px}
.contact-orbit{position:absolute;width:clamp(550px,60vw,950px);aspect-ratio:1;right:-17%;top:-26%;border-radius:50%;background:#2287d9;z-index:0;transform-origin:50% 50%;pointer-events:none}
.contact-orbit>i{position:absolute;inset:8%;border:1px solid #d9edff40;border-radius:50%}
.contact-orbit>b{position:absolute;inset:16%;border:1px solid #d9edff28;border-radius:50%;font-weight:normal}
.contact-workscene{position:absolute;width:52%;right:-1%;top:27%;z-index:1;pointer-events:none}
.contact-workscene>svg{width:100%;height:auto;display:block;overflow:visible}
.conversation-drawing *{fill:none!important;stroke:#d4eaff!important;stroke-width:1.05!important}
.conversation-legend{display:flex;justify-content:center;gap:38px;font-size:10px;margin-top:12px;color:#e6f0f8}
.conversation-legend>span{display:flex;align-items:center;gap:8px}
.conversation-legend i{width:7px;height:7px;background:#303633;border:1px solid #dfe8e2;border-radius:50%}
.conversation-legend>span:last-child i{background:#cae7ff}
.invitation-baseline{position:absolute;left:6%;right:6%;bottom:24px;display:flex;align-items:center;gap:25px;font-size:9px;color:#9baaa1}
.invitation-baseline>i{height:1px;flex:1;background:#74807966;transform:scaleX(var(--invitation-progress,1));transform-origin:left}
.invitation-baseline>span:last-child{font-size:19px;color:#b9c6bd}
.contact-chapter .contact-grid{padding-block:115px 90px;gap:10vw;align-items:start;scroll-margin-top:120px}
.contact-chapter .contact-copy{position:sticky;top:145px}
.contact-chapter .contact-copy>.section-caption{font-size:11px;margin-bottom:27px}
.contact-chapter .contact-copy h3{font-size:clamp(48px,5vw,78px);line-height:1.08;letter-spacing:-.06em;font-weight:500;outline-offset:10px}
.contact-chapter .contact-copy>p:not(.section-caption){font-size:15px;line-height:1.7;max-width:300px;margin-top:28px}
.contact-chapter .contact-email{font-size:clamp(16px,1.7vw,24px);margin-top:35px;gap:30px;width:fit-content;position:relative;padding-bottom:10px}
.contact-email:after{content:'';height:1px;position:absolute;left:0;right:0;bottom:0;background:#2287d9;transform:scaleX(0);transform-origin:left;transition:transform .4s}
.contact-email:hover:after,.contact-email:focus-visible:after{transform:scaleX(1)}
.contact-chapter .contact-copy>p.contact-mail-note{font-size:11px;margin-top:8px;color:var(--muted)}
.contact-chapter #contact-form{padding-top:4px;min-width:0}
.contact-field{position:relative}
.contact-field>span{display:flex;align-items:center;gap:9px;color:#526058;transition:color .2s}
.contact-field>span:before{content:'';width:4px;height:4px;border:1px solid #9baaa0;border-radius:50%;transition:background .2s,border-color .2s;flex-shrink:0}
.contact-field:focus-within>span,.contact-field.is-complete>span{color:#1a74b7}
.contact-field:focus-within>span:before,.contact-field.is-complete>span:before{border-color:#2287d9;background:#2287d9}
.contact-field:after{content:'';position:absolute;left:0;bottom:0;right:0;height:1px;background:#2287d9;transform:scaleX(0);transform-origin:left;transition:transform .45s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.contact-field:focus-within:after{transform:scaleX(1)}
.contact-chapter .contact-field input,.contact-chapter .contact-field textarea{border-color:#c5cec8;padding:10px 0 15px;font-size:15px;line-height:1.55}
.contact-chapter .contact-field textarea{min-height:105px}
.contact-chapter .contact-field input::placeholder,.contact-chapter .contact-field textarea::placeholder{color:#77847b}
.contact-chapter .consent{font-size:11px;margin-block:29px 25px;max-width:440px}
.contact-chapter .submit-button{border-radius:40px;border-color:#b4c2b8;background:transparent;color:var(--ink);padding:9px 10px 9px 22px;gap:20px;font-size:13px}
.contact-chapter .submit-button .submit-label{font-size:13px;text-align:left}
.submit-icon{width:43px;height:43px;flex-shrink:0;border-radius:50%;background:#2287d9;color:white;display:grid;place-items:center;transition:background .25s,transform .35s}
.submit-icon svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.submit-check,.submit-spinner{display:none}
.contact-chapter .submit-button:hover{background:#e7eee8;border-color:#7d9b88}
.contact-chapter .submit-button:hover .submit-icon{transform:rotate(45deg)}
.contact-chapter .submit-button:disabled{opacity:.7;background:transparent;cursor:progress}
#contact-form[data-state=sending] .submit-arrow,#contact-form[data-state=success] .submit-arrow{display:none}
#contact-form[data-state=sending] .submit-spinner{display:block;stroke-dasharray:42 22;transform-origin:center;animation:contact-sending 1s linear infinite}
#contact-form[data-state=success] .submit-check{display:block;stroke-dasharray:1;stroke-dashoffset:0}
#contact-form[data-state=success] .submit-icon{background:#1a74b7;transform:none}
#contact-form[data-state=error] #form-status{color:#9b4138}
#form-status{min-height:2.9em;color:#1a74b7;font-size:12px;line-height:1.5}
@keyframes contact-sending{to{transform:rotate(360deg)}}
.closing-footer{border-top:1px solid var(--line);padding-block:43px 30px;position:relative;--closing-progress:1}
.closing-footer:before{content:'';position:absolute;left:0;right:0;top:-1px;height:1px;background:#2287d9;transform:scaleX(var(--closing-progress));transform-origin:left}
.closing-footer .footer-top{align-items:flex-start;display:grid;grid-template-columns:1.2fr 1fr auto;gap:40px}
.closing-footer .footer-top>p{font-size:13px;line-height:1.65}
.closing-chapters{display:grid;grid-template-columns:1fr 1fr;gap:12px 35px;font-size:11px;color:var(--muted)}
.closing-chapters a{width:fit-content;transition:color .2s}
.closing-chapters a:hover{color:#2287d9}
.closing-footer .back-top{align-items:center;font-size:11px;gap:22px}
.back-top-orbit{display:block;width:66px;height:66px}
.back-top-orbit svg{width:100%;height:100%;fill:none;stroke:#2287d9;stroke-width:1}
.back-top-orbit .return-track{stroke:#c9d4cd}
.back-top-orbit .return-progress{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--closing-progress));transform:rotate(-90deg);transform-origin:center}
.back-top-orbit path{stroke:#303b36;transition:stroke .2s}
.back-top:hover .back-top-orbit path{stroke:#2287d9}
.experience-page .closing-footer .footer-word{transform:none;opacity:1;font-size:clamp(60px,19.7vw,350px);line-height:1.18;padding:40px 0 25px;letter-spacing:-.085em;display:flex;align-items:baseline}
.experience-page .closing-footer .footer-word>.closing-letter{position:relative;display:inline-block;color:rgb(202 211 205 / calc(1 - var(--letter-progress,1)))}
.closing-letter>i{display:block;position:absolute;inset:0;color:var(--ink);font-style:normal;clip-path:inset(calc((1 - var(--letter-progress,1))*100%) 0 0 0);transform:translateY(calc((1 - var(--letter-progress,1))*16px))}
.closing-letter.is-dot>i{color:#2287d9}
.closing-footer .footer-bottom{position:relative;padding-top:22px;font-size:10px}
@media(min-width:1800px){.contact-invitation{min-height:810px;padding-top:78px}.contact-workscene{top:25%}.contact-orbit{top:-29%;right:-11%}}
@media(max-width:1100px){.contact-invitation{padding-top:58px;min-height:690px}.invitation-copy{width:56%}.invitation-copy h2{font-size:8.4vw}.invitation-description{font-size:14px;max-width:290px}.contact-orbit{right:-26%;top:-18%;width:66vw}.contact-workscene{top:30%;right:-3%;width:51%}.contact-chapter .contact-grid{gap:7vw;padding-block:95px 65px}.contact-chapter .contact-copy{top:135px}.closing-footer .footer-top{gap:25px}.closing-chapters{gap:10px 20px}}
@media(max-width:760px){
 .experience-page .contact-chapter{padding-top:25px}.contact-invitation{border-radius:15px;padding:35px 7%;min-height:0;display:flex;flex-direction:column;overflow:hidden}.invitation-copy{width:100%;max-width:none}.invitation-eyebrow{font-size:10px;margin-bottom:24px}.invitation-copy h2{font-size:clamp(57px,11.5vw,86px);line-height:1.02;max-width:480px}.invitation-description{font-size:13px;max-width:290px;margin-top:24px}.contact-invite-link{font-size:12px;padding-left:19px;gap:35px;margin-top:24px}.contact-invite-link>span{width:38px;height:38px;font-size:21px}.invitation-assurance{font-size:9px;line-height:1.6;margin-top:13px;max-width:250px}.contact-orbit{width:118%;top:auto;bottom:-16%;right:-31%;opacity:1}.contact-workscene{position:relative;top:auto;right:auto;width:130%;margin:44px -15% 45px;max-height:none;z-index:1}.conversation-legend{font-size:9px;margin-top:0;gap:28px}.invitation-baseline{left:8%;right:8%;bottom:17px;font-size:8px;gap:14px;color:#dae9f1}.invitation-baseline>i{background:#c4e6ff77}
 .contact-chapter .contact-grid{padding-block:65px 40px;display:block;scroll-margin-top:110px}.contact-chapter .contact-copy{position:relative;top:auto;margin-bottom:45px}.contact-chapter .contact-copy>.section-caption{font-size:10px;margin-bottom:18px}.contact-chapter .contact-copy h3{font-size:47px}.contact-chapter .contact-copy>p:not(.section-caption){font-size:14px;max-width:340px;margin-top:21px}.contact-chapter .contact-email{font-size:18px;margin-top:25px;margin-bottom:0;gap:30px}.contact-chapter .contact-copy>.contact-mail-note{font-size:10px;margin-top:8px}.contact-chapter .contact-field input,.contact-chapter .contact-field textarea{font-size:16px}.contact-chapter .form-row{gap:20px}.contact-chapter .consent{font-size:10px}.contact-chapter .submit-button .submit-label{font-size:12px}.contact-chapter .submit-button{padding-left:18px}.submit-icon{width:40px;height:40px}#form-status{font-size:11px}
 .closing-footer{padding-top:30px;padding-bottom:25px}.closing-footer .footer-top{grid-template-columns:1fr auto;gap:28px 16px}.closing-footer .footer-top>p{font-size:11px}.closing-chapters{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;gap:14px 24px;font-size:10px}.closing-footer .back-top{font-size:9px;gap:10px}.back-top-orbit{width:44px;height:44px}.experience-page .closing-footer .footer-word{font-size:19.2vw;padding:28px 0 22px}.closing-footer .footer-bottom{font-size:9px;line-height:1.6}.closing-footer .footer-bottom nav{gap:12px 20px}
}
@media(max-width:360px){.invitation-copy h2{font-size:50px}.contact-invitation{padding-inline:7%}.contact-orbit{bottom:-11%}.contact-workscene{margin-top:40px}.invitation-description{font-size:12px}.invitation-assurance{max-width:210px}.contact-invite-link{gap:18px;font-size:11px}.contact-chapter .form-row{grid-template-columns:1fr;gap:0}.closing-chapters{gap:11px 18px}.closing-footer .back-top{gap:6px;font-size:8px}.contact-chapter .contact-copy h3{font-size:43px}}
@media(prefers-reduced-motion:reduce){.contact-head-line>span,.contact-orbit,.contact-workscene,.closing-letter>i{transform:none!important;opacity:1!important;filter:none!important;clip-path:none!important}.contact-field:after,.contact-invite-link>span,.submit-icon{transition:none}.submit-spinner{animation:none!important}}