.contact-section{position:relative;z-index:30;display:grid;align-items:center;width:100%;min-height:100vh;min-height:100svh;padding:calc(var(--navigation-offset, 120px) + 24px) clamp(24px,5vw,80px) 64px;scroll-margin-top:calc(0px - var(--navigation-offset, 120px));background:transparent;color:var(--color-brand-black, #000)}.contact-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:clamp(32px,5vw,72px);width:min(100%,1280px);margin:0 auto}.contact-copy{min-width:0;padding:12px 0}.contact-title{margin:0;font-family:var(--font-display);font-size:clamp(48px,5.6vw,82px);font-weight:500;line-height:1.16;letter-spacing:-.055em}.contact-title>span{display:block}.contact-title>span+span{margin-top:4px}.contact-position{margin:28px 0 0;font-family:var(--font-display);font-size:clamp(18px,1.7vw,24px);font-weight:500;line-height:1.5;letter-spacing:-.025em}.contact-introduction{max-width:470px;margin:16px 0 0;font-family:var(--font-display);font-size:16px;line-height:1.85;color:#56565b;text-wrap:pretty}.contact-disciplines{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;font-family:var(--font-display);font-size:12px;line-height:1.4}.contact-disciplines li{padding:8px 12px;border:1px solid rgb(0 0 0 / 12%);border-radius:999px;background:#ffffff40;white-space:nowrap}.contact-project-link{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;min-height:54px;margin-top:28px;padding:7px 8px 7px 24px;border-radius:999px;background:#000;color:#fff;font-family:var(--font-display);font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;transition:background-color .18s ease}.contact-project-link:hover{background:#27272a}.contact-project-arrow{display:grid;place-items:center;flex-shrink:0;width:38px;height:38px;border-radius:50%;background:#fff;color:#000}.contact-project-arrow svg{transition:transform .18s ease}.contact-project-link:hover .contact-project-arrow svg{transform:translate(1px,-1px)}.contact-details{max-width:470px;margin-top:40px;padding-top:20px;border-top:1px solid rgb(0 0 0 / 16%);font-family:var(--font-display)}.contact-details-label{margin:0;font-size:11px;line-height:1.4;color:#68686e}.contact-details-status{margin:8px 0 0;font-size:12px;line-height:1.5;color:#68686e}.contact-resume-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;margin-top:12px;padding:12px 20px;border:0;border-radius:999px;background:#000;color:#fff;font-family:var(--font-display);font-size:13px;font-weight:500;line-height:1.4;text-decoration:none}.contact-resume-button:hover{background:#27272a}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px}.contact-actions .contact-resume-button{margin-top:0}.contact-info-button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:12px 20px;border:1px solid rgb(0 0 0 / 20%);border-radius:999px;background:#fff9;color:var(--color-brand-black);font-family:var(--font-display);font-size:13px;font-weight:500;line-height:1.4;cursor:pointer}.contact-info-button:hover{background:#fff}.contact-modal{width:min(680px,calc(100vw - 32px));max-height:calc(100vh - 32px);max-height:calc(100dvh - 32px);margin:auto;padding:0;overflow:auto;overscroll-behavior:contain;border:1px solid rgb(0 0 0 / 16%);border-radius:24px;background:#f5f5f7f5;color:var(--color-brand-black);font-family:var(--font-display)}.contact-modal[open]{animation:contact-modal-appear .16s ease-out}.contact-modal::backdrop{background:#0003;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.contact-modal-content{padding:clamp(20px,4vw,40px)}.contact-modal-topline{display:flex;align-items:center;justify-content:space-between;gap:16px}.contact-modal-kicker{margin:0;color:#68686e;font-size:12px;line-height:1.5;letter-spacing:.18em}.contact-modal-close{display:grid;flex-shrink:0;place-items:center;width:44px;height:44px;border:1px solid rgb(0 0 0 / 16%);border-radius:50%;background:#fff;cursor:pointer}.contact-modal h2{margin:24px 0 0;font-size:clamp(28px,4vw,42px);font-weight:500;line-height:1.35;letter-spacing:-.035em;text-wrap:balance}#contact-modal-description{margin:20px 0 0;color:#56565b;font-size:15px;line-height:1.8}.contact-modal-list{margin:28px 0 0}.contact-modal-row{padding:20px 0;border-top:1px solid rgb(0 0 0 / 16%)}.contact-modal-row dt{color:#68686e;font-size:13px;line-height:1.5}.contact-modal-row dd{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:12px 0 0}.contact-modal-value{min-width:0;font-size:clamp(16px,2.5vw,22px);line-height:1.5;overflow-wrap:anywhere;-webkit-user-select:text;user-select:text}.contact-copy-button{flex-shrink:0;min-width:80px;min-height:44px;padding:10px 16px;border:0;border-radius:999px;background:#000;color:#fff;font-size:14px;line-height:1.5;cursor:pointer}.contact-copy-button:hover{background:#27272a}.contact-copy-button:disabled{cursor:wait}.contact-copy-status{min-height:24px;margin:8px 0 0;color:#56565b;font-size:13px;line-height:1.8}@keyframes contact-modal-appear{0%{opacity:0}to{opacity:1}}.contact-portrait{position:relative;isolation:isolate;justify-self:end;width:min(100%,510px);aspect-ratio:4 / 5;margin:0}.contact-portrait:before,.contact-portrait:after{position:absolute;z-index:-1;display:block;border:1px solid rgb(0 0 0 / 16%);border-radius:50%;content:"";pointer-events:none}.contact-portrait:before{top:15%;right:-3%;bottom:18%;left:-3%;transform:rotate(-13deg)}.contact-portrait:after{right:3%;bottom:1%;left:3%;height:15%;border-color:#0000003d}.contact-photo{position:absolute;top:0;right:6%;bottom:9%;left:6%;display:block;width:88%;height:91%;object-fit:contain;object-position:center bottom;transform:scale(1.12);transform-origin:center bottom;-webkit-mask-image:radial-gradient(ellipse 60% 75% at 50% 35%,#000 60%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 68%,transparent 98%);mask-image:radial-gradient(ellipse 60% 75% at 50% 35%,#000 60%,transparent 100%),linear-gradient(to bottom,#000 0%,#000 68%,transparent 98%);-webkit-mask-composite:source-in;mask-composite:intersect;mask-mode:alpha}@media(min-width:768px)and (max-height:760px){.contact-section{padding-bottom:40px}.contact-title{font-size:clamp(48px,4.6vw,68px)}.contact-position{margin-top:22px}.contact-details{margin-top:28px}.contact-portrait{width:min(100%,450px)}}@media(max-width:1023px){.contact-layout{gap:28px}.contact-title{font-size:clamp(44px,5.5vw,56px)}.contact-position{font-size:18px}.contact-introduction{font-size:15px}.contact-disciplines{gap:8px 6px}.contact-disciplines li{padding-right:10px;padding-left:10px}}@media(max-width:767px){.contact-section{padding-right:24px;padding-bottom:40px;padding-left:24px}.contact-layout{grid-template-columns:minmax(0,1fr);gap:32px;max-width:540px}.contact-copy{padding:0}.contact-title{font-size:clamp(42px,9.7vw,64px)}.contact-position{margin-top:24px;font-size:18px}.contact-introduction{margin-top:14px}.contact-disciplines{margin-top:20px}.contact-project-link{margin-top:24px}.contact-details{margin-top:30px;padding-top:18px}.contact-portrait{justify-self:center;width:min(88%,380px)}}@media(prefers-reduced-motion:reduce){.contact-modal[open]{animation:none}.contact-project-link,.contact-project-arrow svg{transition:none}.contact-project-link:hover .contact-project-arrow svg{transform:none}}
