/* ================= Crantum — İletişim sayfası (sade) ================= */
.ct{padding:56px 0 120px}
.ct__grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:88px;align-items:start}

/* sol */
.ct__info{position:sticky;top:120px}
.ct__info h1{font-size:clamp(44px,5.4vw,72px);font-weight:500;letter-spacing:-.045em;line-height:1;opacity:0;animation:fadeUp .8s .1s cubic-bezier(.2,.7,.2,1) forwards}
.ct__lead{margin-top:22px;max-width:420px;font-size:17px;line-height:1.65;color:var(--muted);opacity:0;animation:fadeUp .8s .25s cubic-bezier(.2,.7,.2,1) forwards}
.ct__list{margin-top:48px;border-top:1px solid var(--line);opacity:0;animation:fadeUp .8s .4s cubic-bezier(.2,.7,.2,1) forwards}
.ct__row{display:grid;grid-template-columns:150px 1fr;gap:16px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--line)}
.ct__row dt{font-size:14px;color:var(--muted)}
.ct__row dd{font-size:17px;font-weight:500;letter-spacing:-.01em;color:var(--ink)}
.ct__row a{display:inline-flex;align-items:center;gap:6px;transition:color .2s}
.ct__arr{width:15px;height:15px;fill:none;stroke:#A3A9B3;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s,transform .25s}
.ct__row a:hover .ct__arr{stroke:var(--ink);transform:translate(2px,-2px)}
.ct__social{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:28px;opacity:0;animation:fadeUp .8s .55s cubic-bezier(.2,.7,.2,1) forwards}
.ct__social a{position:relative;font-size:14.5px;font-weight:500;color:var(--text)}
.ct__social a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .3s cubic-bezier(.2,.7,.2,1)}
.ct__social a:hover{color:var(--ink)}
.ct__social a:hover::after{transform:scaleX(1);transform-origin:left}

/* sağ: form */
.ct__form{padding:44px;border-radius:24px;background:var(--soft);opacity:0;animation:fadeUp .9s .3s cubic-bezier(.2,.7,.2,1) forwards}
.ct__form .pform__group:first-of-type{margin-top:0}
.ct__form .chip2 span,.ct__form .fld input,.ct__form .fld textarea{background:#fff}
.ct__form .pform__foot{border-top-color:#E2E4E1}

/* responsive */
@media (max-width:1080px){
  .ct__grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .ct__info{position:static}
}
@media (max-width:640px){
  .ct{padding:28px 0 80px}
  .ct__info h1{font-size:44px}
  .ct__list{margin-top:36px}
  .ct__row{grid-template-columns:1fr;gap:4px;padding:14px 0}
  .ct__form{padding:24px 18px;border-radius:20px}
}