/* Yoru Ventures - contact page styles - v1.3.1 */
/* ---------- contact ---------- */
.c-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:clamp(36px,6vw,100px);align-items:start;padding-bottom:clamp(30px,5vw,60px)}
.info{margin:0}
.info div{position:relative;padding:22px 0}
.info div::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--line);transform-origin:0 50%}
.js .info div::before{transform:scaleX(0);transition:transform 1.3s var(--ease)}
.js .info div.in::before{transform:scaleX(1)}
.info dt{margin-bottom:8px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:rgba(236,241,239,.5)}
.info dd{margin:0;font-size:clamp(16px,1.5vw,19px);line-height:1.5;color:var(--ink)}
.info a{border-bottom:1px solid rgba(136,222,204,.4);transition:color .2s,border-color .2s}
.info a:hover{color:var(--teal);border-color:var(--teal)}

.card{position:relative;padding:clamp(26px,3.6vw,46px);border-radius:26px;background:rgba(245,250,246,.035);border:1px solid rgba(245,250,246,.11);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 30px 80px rgba(0,0,0,.3)}
.card h2{margin:0 0 28px;font-family:var(--font-display);font-weight:300;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.01em;color:var(--ink)}
.f{position:relative;margin-bottom:26px}
.f label{display:block;margin-bottom:6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(236,241,239,.55);transition:color .25s}
.f input,.f textarea{display:block;width:100%;padding:8px 0 12px;font:inherit;font-size:17px;color:var(--ink);background:transparent;border:0;border-bottom:1px solid rgba(245,250,246,.2);border-radius:0;-webkit-appearance:none;appearance:none;transition:border-color .3s}
.f textarea{min-height:120px;resize:vertical;line-height:1.55}
.f input:focus,.f textarea:focus{outline:0}
.f::after{content:"";position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--teal);transform:scaleX(0);transform-origin:0 50%;transition:transform .55s var(--ease)}
.f:focus-within::after{transform:scaleX(1)}
.f:focus-within label{color:var(--teal)}
.f .bad{border-bottom-color:#e08a72}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.foot-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px 24px;margin-top:8px}
.msg{margin:0;min-height:20px;font-size:14px;line-height:1.5;color:var(--muted)}
.msg.err{color:#f0a48e}
.msg a{text-decoration:underline}

.done{display:none;text-align:left;padding:10px 0 4px}
.card.sent form,.card.sent>h2{display:none}
.card.sent .done{display:block;animation:pgin .8s ease both}
.tick{width:64px;height:64px;margin-bottom:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;border:1px solid rgba(136,222,204,.5);background:rgba(136,222,204,.08)}
.tick path{stroke-dasharray:24;stroke-dashoffset:24}
.card.sent .tick path{animation:tick .7s .25s var(--ease) forwards}
@keyframes tick{to{stroke-dashoffset:0}}
.done h3{margin:0 0 12px;font-family:var(--font-display);font-weight:300;font-size:clamp(26px,3vw,38px);letter-spacing:-.015em;color:var(--ink)}
.done p{margin:0 0 28px;max-width:420px;font-size:16px;line-height:1.7;color:var(--muted)}
.link-btn{font-size:14px;color:var(--teal);border-bottom:1px solid rgba(136,222,204,.4);padding-bottom:2px}

@media (max-width:860px){.c-grid{grid-template-columns:1fr}}

/* Turnstile (v1.1.0) */
.ts{margin:-4px 0 22px;min-height:65px}
.msg.ts{color:#f0a48e}