/* Contact card: 16px UI, 50px hero, one continuous expanding surface. */
.contact-study{--study-ink:#1a1a1a;--study-paper:#fff;--study-type:16px;--study-hero:50px;--study-mobile-type:14px;--study-mobile-hero:36px;--study-footer-space:160px;color:var(--study-ink);font-size:var(--study-type);line-height:1.3}
.contact-study .hero-copy h1,.contact-study .project-heading,.contact-study .project-heading .project-credit,.contact-study .footer-location,.contact-study .footer-contact,.contact-study .footer-founder figcaption{font-family:inherit;font-size:var(--study-type);font-weight:500;line-height:1.3;letter-spacing:.24px;color:var(--study-ink)}
.contact-study .hero-copy h1{width:auto;max-width:calc(100vw - 48px);font-size:var(--study-hero);line-height:1.2;text-wrap:balance;letter-spacing:0}
.contact-study .project-heading p{max-width:none;opacity:.5}
.contact-study .project-title-link:hover,.contact-study .footer-contact a:hover{opacity:1}
.contact-study .project-heading .project-credit{margin-top:24px}
.contact-study .work{padding-bottom:0}
.contact-study .site-location{padding:var(--study-footer-space) 16px calc(var(--study-footer-space) + env(safe-area-inset-bottom,0px));text-align:center}
.contact-study .site-location .footer-location{margin:0;color:rgba(0,0,0,.2)}

/* Explicit black/white states; no difference blending or intermediate tones. */
.contact-study .header.logo-header{mix-blend-mode:normal}
.contact-study .brand-logo img{filter:brightness(0)}
.contact-study .brand-logo[data-tone=dark] img{filter:brightness(0) invert(1)}
/* One persistent surface: the button is the bottom row of the expanded card. */
.contact-layer{--closed-width:102px;--closed-height:48px;--panel-width:min(480px,calc(100vw - 32px));--panel-height:477px;position:relative;z-index:50;pointer-events:none}
.contact-backdrop{position:fixed;inset:0;pointer-events:none}
.contact-open .contact-backdrop{pointer-events:auto}
.contact-panel{position:fixed;left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));width:var(--closed-width);height:var(--closed-height);transform:translate3d(-50%,0,0);will-change:transform;overflow:hidden;pointer-events:auto;border-radius:4px;background-color:#000;color:#fff;backdrop-filter:var(--contact-backdrop,none);-webkit-backdrop-filter:var(--contact-backdrop,none);--contact-ink:#fff}
.fixed-contact{appearance:none;position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:var(--closed-width);height:var(--closed-height);padding:16px 20px;border:0;outline:0;border-radius:4px;background:transparent;color:var(--contact-ink);font:inherit;letter-spacing:inherit;line-height:1;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation}
.contact-layer[data-keyboard-focus] .fixed-contact:focus{outline:2px solid currentColor;outline-offset:-6px}
.contact-trigger-labels{position:relative;display:block;height:1em;transition:opacity 140ms ease}
.contact-label,.contact-close-label{position:absolute;left:50%;top:0;transform:translateX(-50%)}
.contact-close-label{opacity:0}
@media(hover:hover){.fixed-contact:hover .contact-trigger-labels{opacity:.65}}
.contact-content{position:absolute;bottom:0;left:50%;width:var(--panel-width);padding:16px 20px 96px;transform:translateX(-50%) scale(0);transform-origin:50% 100%;opacity:0;visibility:hidden;pointer-events:none}
.contact-open .contact-content{pointer-events:auto}
.contact-fallback{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);padding:16px 20px;border-radius:4px;background:#000;color:#fff;font:inherit}
.contact-study .contact-panel .studio-footer{position:static;width:100%;display:flex;flex-direction:column;align-items:center;gap:60px;margin:0;padding:0;color:var(--study-ink)}
.contact-panel .footer-identities{display:contents}
.contact-panel .footer-founders{order:0;display:flex;gap:16px;width:100%;justify-content:center;align-items:start}
.contact-panel .footer-founder{flex:1 1 0;min-width:0;gap:12px}
.contact-panel .footer-portrait{width:100%;max-width:212px;height:auto;aspect-ratio:1;border:1px solid rgba(0,0,0,.04);border-radius:50%;overflow:hidden;background:transparent}
.contact-study .contact-panel .footer-founder figcaption{display:flex;flex-direction:column;line-height:1.2;color:#1a1a1a}
.contact-panel .founder-name{color:#1a1a1a}
.contact-panel .founder-role{color:rgba(26,26,26,.3)}
.contact-panel .footer-particle-fallback{opacity:1!important}
.contact-panel .footer-contact{order:1;display:flex;gap:4px;align-items:center;line-height:1.2}
.contact-panel a{color:inherit;text-decoration:none}
.contact-panel a:hover{text-decoration:none}
.contact-study .contact-panel .footer-contact a:hover{opacity:.65}


/* Tune mobile text here without changing the two desktop sizes. */
@media(max-width:600px){
 .contact-study{--study-type:var(--study-mobile-type);--study-hero:var(--study-mobile-hero)}
 .contact-study .phone-pair{grid-template-columns:minmax(0,1fr)}
 .contact-study .work{padding-bottom:0}.contact-study .project-heading .project-credit{margin-top:20px}}
@media(max-height:650px){.contact-panel .footer-portrait{max-width:140px}.contact-study .contact-panel .studio-footer{gap:32px}.contact-content{padding-bottom:68px}}
@media(max-height:420px){.contact-panel .footer-portrait{max-width:80px}.contact-study .contact-panel .studio-footer{gap:16px}.contact-content{padding-bottom:52px}}
@media(prefers-reduced-motion:reduce){.contact-panel,.fixed-contact,.contact-content,.contact-trigger-labels,.contact-label,.contact-close-label{transition:none!important}}