/* THE WHITE ROSE RAVEN — V2.6 contact page (kontakt.html). Builds on studio-page.css. */
.contact-page .ab-scene-shade{background:
  radial-gradient(48% 70% at 46% 52%,rgba(8,5,7,.55),rgba(8,5,7,.18) 75%,transparent 100%),
  linear-gradient(180deg,rgba(8,5,7,.55) 0%,transparent 16%)}
.ct-main{padding:118px 0 80px}
.ct-shell{max-width:920px}
.ct-intro{text-align:center;margin:0 auto 22px;max-width:980px;font-family:"Cormorant Garamond",serif;font-size:19px;line-height:1.45;color:rgba(246,238,228,.82);text-shadow:0 2px 12px rgba(0,0,0,.8)}
.ct-intro em{font-style:italic;font-weight:600;color:#f3e6d2}
.ct-card{position:relative;padding:30px 30px 32px;border-radius:18px;
  background:linear-gradient(160deg,rgba(22,14,16,.80),rgba(12,8,10,.74));
  border:1px solid rgba(228,203,166,.22);box-shadow:0 40px 90px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,236,210,.06);
  -webkit-backdrop-filter:blur(6px) saturate(115%);backdrop-filter:blur(6px) saturate(115%)}
.ct-eyebrow{margin:0;font-family:"Cormorant Garamond",serif;font-size:14px;font-weight:600;letter-spacing:.3em;text-transform:uppercase;color:var(--gold)}
.ct-eyebrow-2{margin-top:30px}
.ct-titlerow{display:flex;align-items:center;gap:26px}
.ct-titlerow h1{margin:2px 0 4px;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(42px,5vw,58px);color:#f2e7d8;white-space:nowrap}
.ct-titlerow .ab-rule{margin-top:14px}
.ct-titlerow .ab-rule i{left:-2px;right:auto;transform:translate(-50%,-50%)}
.ct-lead{margin:0 0 20px;font-family:"Cormorant Garamond",serif;font-style:italic;font-size:21px;color:rgba(246,238,228,.75)}
.ct-links{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:12px 30px}
.ct-links a{display:inline-flex;align-items:center;gap:10px;font-family:"Cormorant Garamond",serif;font-size:18px;color:#efe4d4;transition:color .25s ease}
.ct-links a:hover{color:var(--gold-2)}
.ct-links svg{width:22px;height:22px;color:#efe4d4;flex:none}
.ct-h2{margin:8px 0 10px;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:clamp(22px,2.4vw,28px);line-height:1.25;color:#f2e7d8;max-width:620px}
.ct-sub{margin:0 0 20px;font-family:"Cormorant Garamond",serif;font-size:18px;line-height:1.4;color:rgba(246,238,228,.78)}

.ct-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.ct-full{grid-column:1/-1}
.ct-field{position:relative;display:block}
.ct-field input,.ct-field select,.ct-field textarea{
  width:100%;padding:13px 16px;border-radius:10px;
  background:rgba(8,5,7,.55);border:1px solid rgba(228,203,166,.2);
  color:#f2e7d8;font:500 17px/1.3 "Cormorant Garamond",serif;outline:none;
  transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;
  -webkit-appearance:none;appearance:none}
.ct-field textarea{min-height:96px;resize:vertical}
.ct-field ::placeholder{color:rgba(246,238,228,.62)}
.ct-field select:invalid{color:rgba(246,238,228,.62)}
.ct-field select option{background:#1a1013;color:#f2e7d8}
.ct-select::after{content:"";position:absolute;right:18px;top:50%;border:6px solid transparent;border-top-color:#efe4d4;transform:translateY(-25%);pointer-events:none}
.ct-field input:focus,.ct-field select:focus,.ct-field textarea:focus{border-color:rgba(228,203,166,.6);background:rgba(12,8,10,.7);box-shadow:0 0 0 3px rgba(200,167,120,.12),0 0 24px rgba(255,170,90,.08)}
.ct-check{display:flex;gap:10px;align-items:flex-start;margin:4px 0 2px;font-family:"Cormorant Garamond",serif;font-size:15.5px;color:rgba(246,238,228,.8);cursor:pointer}
.ct-check input{margin-top:3px;width:15px;height:15px;accent-color:#c9a26a}
.ct-check a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:rgba(228,203,166,.4)}
.ct-file{position:relative;display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:10px;background:rgba(8,5,7,.55);border:1px solid rgba(228,203,166,.2);cursor:pointer}
.ct-file input{position:absolute;inset:0;opacity:0;cursor:pointer}
.ct-file-btn{padding:4px 12px;border-radius:6px;background:rgba(242,231,216,.92);color:#1a1013;font:600 13px/1.4 var(--sans)}
.ct-file-name{font-family:"Cormorant Garamond",serif;font-size:16px;color:rgba(246,238,228,.75);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ct-file:focus-within{border-color:rgba(228,203,166,.6)}
.ct-hint{margin:-2px 0 6px;font-family:"Cormorant Garamond",serif;font-size:14px;color:rgba(246,238,228,.6)}
.ct-submit{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:10px;
  padding:14px 20px;border:0;border-radius:10px;cursor:pointer;
  background:linear-gradient(135deg,#e2c49b,#b99263);color:#1d140e;
  font:700 13px/1 "Cormorant Garamond",serif;font-size:16px;letter-spacing:.16em;text-transform:uppercase;
  box-shadow:0 14px 34px rgba(151,100,52,.25);transition:transform .25s ease,box-shadow .25s ease}
.ct-submit::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.45) 50%,transparent 60%);transform:translateX(-120%);transition:transform .9s ease}
.ct-submit:hover{transform:translateY(-1px);box-shadow:0 18px 40px rgba(151,100,52,.35)}
.ct-submit:hover::after{transform:translateX(120%)}
.ct-submit:disabled{opacity:.7;cursor:progress}
.ct-submit .spinner{display:none;width:14px;height:14px;border:2px solid rgba(29,20,14,.3);border-top-color:#1d140e;border-radius:50%;animation:ctSpin .8s linear infinite}
.ct-submit.is-busy .spinner{display:inline-block}
@keyframes ctSpin{to{transform:rotate(360deg)}}
.ct-success{padding:20px 0 4px}

@media (max-width:720px){
  .ct-main{padding-top:104px}
  .ct-card{padding:24px 18px}
  .ct-form{grid-template-columns:1fr}
  .ct-titlerow .ab-rule{display:none}
  .ct-links{flex-direction:column;gap:10px}
  .ct-intro{font-size:17px}
}