/* GumiFloor – podstránky (port rawstructure.framer.website/contact: Page Intro + Contact) */
.pg{display:block}
.pin{position:relative;padding:176px var(--pad) 96px;overflow:hidden}
.pin .bp{z-index:0}
.pin-in{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;gap:36px;max-width:1320px;margin:0 auto}
.pin h1{position:relative;left:auto;top:auto;white-space:normal;line-height:.88}
html:not(.go) .pin h1 .c{filter:blur(8px);transform:translateY(140px) rotate(10deg)}
.go .pin h1 .c{transition:opacity .5s ease,filter 1s cubic-bezier(.22,1,.36,1),transform 1s linear(0,.32 12%,.7 26%,.93 42%,1.01 58%,1.005 76%,1);transition-delay:calc(.2s + var(--i)*.05s)}
.pin .lbl .scr-a{color:var(--ac)}
.pin-lead{width:560px;max-width:100%;font-size:22px;line-height:1.45;letter-spacing:-.01em}
.go .pin-lead{opacity:1;transform:none}
.pin-lead{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease2) .6s,transform 1s var(--ease2) .6s}

.kt{padding:40px var(--pad) 160px}
.kt-row{display:flex;align-items:flex-start;gap:48px;max-width:1320px;margin:0 auto}
.kf{flex:1.3 0 0;min-width:0;display:flex;flex-direction:column;gap:36px;padding:48px;background:var(--card2);border:1px solid var(--ln)}
.kf-head{display:flex;justify-content:space-between;align-items:center}
.kf-head h2{font:400 36px/1 Anton;letter-spacing:-.04em;text-transform:uppercase}
.kf-head .mono{font-size:11px;color:var(--ac)}
.kf-row{display:flex;gap:28px}
.kf-l{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:10px}
.kf-l>.mono{font-size:11px;color:var(--mut)}
.kf input[type=text],.kf input[type=email],.kf input[type=tel],.kf select,.kf textarea{width:100%;height:56px;padding:0;border:0;border-bottom:1px solid var(--ln);border-radius:0 0 10px 10px;background:transparent;color:var(--tx);font:400 20px/1.2 Geist,system-ui,sans-serif;outline:none;transition:border-color .2s}
.kf textarea{height:160px;resize:none;padding:0;border-radius:0 0 10px 10px}
.kf ::placeholder{color:#8c877f99;opacity:1}
.kf input:focus,.kf textarea:focus,.kf select:focus{border-bottom-color:var(--ac)}
.kf-sel{position:relative;display:block}
.kf-sel select{appearance:none;-webkit-appearance:none;padding:0 40px 0 12px;cursor:pointer}
.kf-sel select option{color:#000}
.kf-sel::after{content:"";position:absolute;right:14px;top:22px;width:8px;height:8px;border-right:1.5px solid var(--ac);border-bottom:1.5px solid var(--ac);transform:rotate(45deg);pointer-events:none}
.kf .bad{border-bottom-color:#ff6b57!important}
.kf-hp{position:absolute!important;transform:scale(0);height:0!important}
.kf-msg{display:none;font-size:16px;line-height:1.5}
.kf-msg.ok,.kf-msg.err{display:block}
.kf-msg.ok{color:var(--ac)}.kf-msg.err{color:#ff8a78}
.kf-btn{display:flex;justify-content:space-between;align-items:center;width:100%;height:64px;padding:8px 8px 8px 24px;border:0;background:var(--ac);color:var(--bg);cursor:pointer;font:500 13px/1.4 Mono;letter-spacing:.08em;text-transform:uppercase}
.kf-btn .ib{display:grid;place-items:center;width:48px;height:48px;background:var(--bg);color:var(--tx);transition:transform .4s var(--ease2),background-color .4s var(--ease2),color .4s var(--ease2)}
.kf-btn .ib svg{width:22px;height:22px;transition:transform .4s var(--ease2)}
.kf-btn:hover .ib,.kf-btn:focus-visible .ib{transform:rotate(45deg);background:var(--tx);color:var(--bg)}
.kf-btn:hover .ib svg,.kf-btn:focus-visible .ib svg{transform:rotate(-45deg)}
.kf-btn:focus-visible{outline:2px solid var(--tx);outline-offset:3px}
.kf-btn[disabled]{opacity:.6;cursor:progress}
.kf-note{margin-top:-16px;font-size:13px;line-height:1.5;color:var(--mut)}

.ks{flex:1 0 0;min-width:0;display:flex;flex-direction:column;gap:16px}
.kmap{position:relative;height:320px;overflow:hidden;background:#0B1A2A}
.kmap img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.55;will-change:transform}
.kmap .dim{left:24px;bottom:20px}
.kpin{position:absolute;left:200px;top:130px;width:44px;height:44px;display:grid;place-items:center;background:var(--ac);color:var(--bg);transform:rotate(45deg);animation:kpin 1s cubic-bezier(.45,0,.55,1) infinite alternate}
@keyframes kpin{to{transform:rotate(45deg) scale(1.15)}}
.kc.up:not(.on){transform:translateY(40px)}
.kpin svg{width:20px;height:20px;transform:rotate(-45deg)}
.kc{position:relative;display:flex;gap:20px;padding:24px;border:1px solid var(--ln)}
.kc.up.on{transition:opacity 1s var(--ease2) var(--dl,0s),transform 1s var(--ease2) var(--dl,0s),background-color .3s var(--e44)}
.kc.done{transition:transform .3s var(--e44),background-color .3s var(--e44)!important}
.kc.done:hover{transform:scale(1.1);background:var(--card2);z-index:2}
.kc .n{color:var(--ac);width:16px;flex:none}
.kc>div{flex:1;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.kc h3{font:600 22px/1.25 Geist,system-ui,sans-serif;letter-spacing:-.01em}
.kc p{font-size:16px;line-height:1.6;letter-spacing:-.02em;color:var(--mut)}
.kc a.mono,.kc span.mono{color:var(--mut);transition:color .25s var(--e44)}
.kc a.mono:hover{color:var(--tx)}
.kh{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 24px;background:var(--ac);color:var(--bg)}
.kh .big{font:400 28px/1 Anton;text-transform:uppercase}

@media (max-width:1199.98px){
  .pin{padding:150px 32px 80px}
  .kt-row{flex-direction:column;gap:24px}
  .kf,.ks{flex:none;width:100%}
  .kf{padding:36px}
  .kpin{left:340px}
}
@media (max-width:809.98px){
  .pin{padding:128px 20px 64px}
  .pin-in{gap:24px}
  .pin h1{margin-top:0}
  .pin-lead{font-size:17px}
  .kt{padding:24px 20px 96px}
  .kt-row{gap:16px}
  .kf{padding:24px;gap:28px}
  .kf-head{flex-direction:column;align-items:flex-start;gap:8px}
  .kf-row{flex-direction:column}
  .kf-l{flex:none}
  .kpin{left:150px}
  .kc.done:hover{transform:none}
  .kh{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (prefers-reduced-motion:reduce){
  .pin-lead{opacity:1;transform:none;transition:none}
  .kc,.kf-btn .ib,.kf-btn .ib svg{transition:none!important}
  .kpin{animation:none}
}