/* KAYAN contact page — isolated luxury responsive design */
.contact-page{
  position:relative;
  overflow:hidden;
  padding:76px 0 105px;
  background:
    radial-gradient(ellipse 48% 34% at 87% 5%,rgba(177,130,55,.105),transparent 75%),
    radial-gradient(ellipse 40% 42% at 4% 62%,rgba(201,169,106,.055),transparent 75%),
    linear-gradient(145deg,#090b0e 0%,#0c0e12 52%,#090b0e 100%);
}
.contact-page::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  opacity:.19;
  background:
    linear-gradient(120deg,transparent 0 19.9%,rgba(201,169,106,.18) 20%,transparent 20.1% 79.9%,rgba(201,169,106,.12) 80%,transparent 80.1%),
    repeating-linear-gradient(135deg,transparent 0 70px,rgba(201,169,106,.025) 71px,transparent 72px 142px);
  mask-image:linear-gradient(180deg,#000,transparent 88%);
}
.contact-intro,.contact-main-grid{position:relative;z-index:1}
.contact-intro{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:185px;
  margin-bottom:38px;
}
.contact-intro-copy{max-width:780px}
.contact-intro h1{
  margin:12px 0 15px;
  color:#f0d49b;
  font-size:clamp(38px,5vw,58px);
  line-height:1.2;
  letter-spacing:-.7px;
  text-shadow:0 5px 30px rgba(201,169,106,.12);
}
.contact-title-rule{
  display:block;
  width:88px;
  height:2px;
  margin:20px 0;
  background:linear-gradient(90deg,#8e6a35,#f0d49b,transparent);
}
.contact-lead{
  max-width:720px;
  color:#c6c2b9;
  font-size:16px;
  line-height:2;
}
.contact-intro-mark{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  width:158px;
  height:158px;
  margin-inline-start:35px;
  border:1px solid rgba(201,169,106,.23);
  border-radius:50%;
  color:rgba(224,190,123,.26);
  font:500 108px/1 Georgia,serif;
  box-shadow:inset 0 0 40px rgba(201,169,106,.035),0 0 70px rgba(201,169,106,.045);
}
.contact-intro-mark::before,.contact-intro-mark::after{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(201,169,106,.15);
  border-radius:50%;
}
.contact-intro-mark::after{inset:-8px;border-style:dashed;opacity:.35}
.contact-intro-mark i{
  position:absolute;
  width:7px;height:7px;
  top:12px;right:32px;
  border-radius:50%;
  background:#e4c27f;
  box-shadow:0 0 15px #d5ad64;
}
.contact-main-grid{
  direction:ltr;
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(330px,.92fr);
  align-items:stretch;
  gap:28px;
}
.contact-form-card,.contact-details-card{
  position:relative;
  overflow:hidden;
  direction:rtl;
  border:1px solid rgba(201,169,106,.23);
  border-radius:8px;
  background:linear-gradient(145deg,rgba(22,25,30,.96),rgba(13,15,19,.97));
  box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.035);
}
.contact-form-card{padding:clamp(25px,4vw,44px)}
.contact-form-card::before,.contact-details-card::before{
  content:"";
  position:absolute;
  top:0;right:0;left:0;
  height:2px;
  background:linear-gradient(90deg,transparent,#b18a4c,#f0d49b,#b18a4c,transparent);
  opacity:.8;
}
.contact-card-kicker{
  display:inline-block;
  color:#d6b36e;
  font:700 10px/1.5 Kayan,sans-serif;
  letter-spacing:2.2px;
  text-transform:uppercase;
}
.contact-card-heading h2,.contact-details-card h2{
  margin:9px 0 9px;
  color:#f0d49b;
  font-size:clamp(23px,2.5vw,29px);
  line-height:1.45;
}
.contact-card-heading>p,.contact-details-intro{
  margin:0;
  color:#aaa9a5;
  font-size:13px;
  line-height:2;
}
.kayan-contact-form{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:17px 14px;
  margin-top:28px;
}
.contact-field{min-width:0}
.contact-field:nth-child(4){grid-column:1/-1}
.contact-field label{
  display:block;
  margin:0 0 8px;
  color:#d8c49d;
  font-size:13px;
  font-weight:700;
}
.contact-field input,.contact-field textarea{
  display:block;
  width:100%;
  min-width:0;
  border:1px solid rgba(201,169,106,.2);
  border-radius:4px;
  outline:none;
  background:rgba(5,7,10,.54);
  color:#f4eee2;
  padding:14px 15px;
  font:14px/1.8 Kayan,sans-serif;
  transition:border-color .25s ease,box-shadow .25s ease,background .25s ease;
}
.contact-field input{height:52px}
.contact-field textarea{min-height:142px;resize:vertical}
.contact-field input::placeholder,.contact-field textarea::placeholder{color:#77766f}
.contact-field input:focus,.contact-field textarea:focus{
  border-color:#c9a96a;
  background:rgba(5,7,10,.78);
  box-shadow:0 0 0 3px rgba(201,169,106,.09),0 8px 24px rgba(0,0,0,.12);
}
.contact-submit{
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;
  min-height:55px;
  margin-top:3px;
  padding:12px 24px;
  border:1px solid rgba(240,212,155,.8);
  border-radius:4px;
  color:#171109;
  background:linear-gradient(115deg,#a47d42 0%,#e8cc91 52%,#c29a59 100%);
  box-shadow:0 8px 25px rgba(176,136,68,.17),inset 0 1px 0 rgba(255,255,255,.4);
  font:700 15px Kayan,sans-serif;
  cursor:pointer;
  transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.contact-submit svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.8;
  stroke-linecap:round;stroke-linejoin:round;
  transition:transform .25s ease;
}
.contact-submit:hover{
  transform:translateY(-3px);
  filter:brightness(1.06);
  box-shadow:0 13px 30px rgba(176,136,68,.24),inset 0 1px 0 rgba(255,255,255,.4);
}
.contact-submit:hover svg{transform:translateX(-4px)}
.contact-details-card{
  padding:clamp(27px,4vw,43px);
  background:
    radial-gradient(ellipse 80% 45% at 100% 0%,rgba(201,169,106,.13),transparent 80%),
    linear-gradient(145deg,rgba(25,24,21,.98),rgba(12,14,18,.98));
}
.contact-details-card h2{margin-top:12px}
.contact-details-intro{max-width:380px;margin-bottom:31px}
.contact-detail-list{
  display:grid;
  gap:0;
  border-top:1px solid rgba(201,169,106,.16);
}
.contact-detail-item{
  display:flex;
  align-items:center;
  gap:16px;
  padding:20px 0;
  border-bottom:1px solid rgba(201,169,106,.14);
  color:inherit;
  text-decoration:none;
  transition:background .2s ease,padding .2s ease;
}
a.contact-detail-item:hover{padding-inline:8px;background:rgba(201,169,106,.035)}
.contact-detail-icon{
  display:flex;
  align-items:center;
  justify-content:center;
  flex:0 0 46px;
  width:46px;height:46px;
  border:1px solid rgba(201,169,106,.34);
  border-radius:50%;
  color:#e4c27f;
  background:linear-gradient(145deg,rgba(201,169,106,.13),rgba(255,255,255,.015));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06);
}
.contact-detail-icon svg{
  width:19px;height:19px;
  fill:none;stroke:currentColor;stroke-width:1.6;
  stroke-linecap:round;stroke-linejoin:round;
}
.contact-detail-item small{
  display:block;
  margin-bottom:4px;
  color:#b18a4c;
  font:700 9px Kayan,sans-serif;
  letter-spacing:1.8px;
}
.contact-detail-item p{
  margin:0;
  color:#e2ded5;
  font-size:14px;
  line-height:1.8;
  overflow-wrap:anywhere;
}
.contact-whatsapp-link{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  min-height:49px;
  margin-top:25px;
  padding:10px 16px;
  border:1px solid rgba(201,169,106,.38);
  border-radius:4px;
  color:#ecd19a;
  background:rgba(201,169,106,.07);
  font-size:13px;
  font-weight:700;
  transition:background .25s ease,border-color .25s ease,transform .25s ease;
}
.contact-whatsapp-link svg{
  width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;
  stroke-linecap:round;stroke-linejoin:round;
}
.contact-whatsapp-link:hover{
  background:rgba(201,169,106,.15);
  border-color:#d8b978;
  transform:translateY(-2px);
}
.contact-card-ornament{
  position:absolute;
  left:-4px;
  bottom:-18px;
  color:rgba(201,169,106,.055);
  font:700 55px/1 Georgia,serif;
  letter-spacing:5px;
  pointer-events:none;
  white-space:nowrap;
}
.contact-card-ornament span{
  display:block;
  margin-top:4px;
  font:8px Kayan,sans-serif;
  letter-spacing:2px;
}
@media(max-width:900px){
  .contact-main-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.88fr);gap:18px}
  .contact-form-card,.contact-details-card{padding:25px}
}
@media(max-width:700px){
  .contact-page{padding:48px 0 68px}
  .contact-intro{min-height:0;margin-bottom:27px}
  .contact-intro-mark{width:92px;height:92px;flex:0 0 92px;margin-inline-start:14px;font-size:65px}
  .contact-intro-mark::before{inset:6px}
  .contact-intro-mark::after{inset:-5px}
  .contact-intro-mark i{width:5px;height:5px;top:7px;right:18px}
  .contact-intro h1{font-size:clamp(34px,8vw,44px)}
  .contact-lead{font-size:14px}
  .contact-main-grid{grid-template-columns:1fr;gap:17px}
  .contact-details-card{order:-1}
  .contact-form-card,.contact-details-card{padding:24px 20px}
  .contact-details-intro{margin-bottom:18px}
  .contact-detail-item{padding:14px 0}
}
@media(max-width:480px){
  .contact-intro-mark{display:none}
  .contact-page{padding:40px 0 55px}
  .contact-intro{margin-bottom:23px}
  .contact-intro h1{font-size:36px}
  .contact-title-rule{margin:15px 0}
  .kayan-contact-form{grid-template-columns:1fr;gap:14px;margin-top:22px}
  .contact-field:nth-child(4),.contact-submit{grid-column:auto}
  .contact-field input{height:50px}
  .contact-field textarea{min-height:125px}
  .contact-submit{min-height:52px}
  .contact-form-card,.contact-details-card{padding:22px 17px}
}
@media(prefers-reduced-motion:reduce){
  .contact-field input,.contact-field textarea,.contact-submit,.contact-submit svg,.contact-detail-item,.contact-whatsapp-link{transition:none}
}