.arrangement-page{
  min-height:100vh;
  margin:0;
  background:#09070a;
  color:#f4ece8;
}


.arrangement-page-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:30px;

  padding:22px 5%;

  border-bottom:1px solid #e7b8c0;
}


.page-brand{
  font-size:34px;
  letter-spacing:.06em;
}


.page-brand span{
  display:block;

  margin-top:6px;

  color:#e7b8c0;

  font-family:Arial, Helvetica, sans-serif;
  font-size:10px;

  letter-spacing:.13em;
  text-transform:uppercase;
}


.arrangement-page-header nav{
  display:flex;
  gap:25px;

  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;

  letter-spacing:.12em;
  text-transform:uppercase;
}


.arrangement-page-header nav a:hover{
  color:#e7b8c0;
}


.arrangement-hero{
  display:grid;

  grid-template-columns:.9fr 1.1fr;

  min-height:520px;
}


.arrangement-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;

  padding:65px 8%;
}


.arrangement-copy .micro{
  margin-bottom:20px;
}


.arrangement-copy h1{
  margin:0 0 12px;

  font-size:clamp(46px,5vw,74px);
  font-weight:400;
  line-height:1;
}


.arrangement-price{
  margin:0 0 30px;

  color:#e7b8c0;

  font-size:30px;
}


.arrangement-price span{
  color:#d1c3bf;
  font-size:15px;
}


.arrangement-copy .lead{
  max-width:540px;

  margin:0 0 28px;

  color:#ddd2cf;

  font-size:19px;
  line-height:1.6;
}


.arrangement-detail{
  display:flex;
  align-items:center;

  padding:65px 7%;

  background:#efe5e1;
  color:#21181c;
}


.arrangement-detail-inner{
  width:100%;
  max-width:700px;

  margin:auto;
}


.arrangement-detail h2{
  margin:0 0 24px;

  font-size:31px;
  font-weight:400;
}


.arrangement-detail ul{
  margin:0 0 30px;

  padding-left:22px;
}


.arrangement-detail li{
  margin-bottom:12px;

  font-size:17px;
  line-height:1.5;
}


.arrangement-note{
  padding:24px;

  border:1px solid rgba(33,24,28,.2);

  background:rgba(255,255,255,.35);
}


.arrangement-note strong{
  display:block;

  margin-bottom:8px;
}


.application-section{
  position:relative;

  padding:65px 8% 75px;

  background:#09070a;
}


.application-section::before{
  content:"";

  position:absolute;

  top:0;
  left:0;

  width:100%;
  height:1px;

  background:#e7b8c0;
}


.application-section::after{
  content:"";

  position:absolute;

  top:-4px;
  left:50%;

  width:9px;
  height:9px;

  background:#e7b8c0;

  transform:translateX(-50%) rotate(45deg);
}


.application-grid{
  display:grid;

  grid-template-columns:.8fr 1.2fr;

  gap:60px;

  max-width:1350px;

  margin:auto;
}


.application-intro h2{
  margin:0 0 15px;

  font-size:38px;
  font-weight:400;
}


.application-intro p{
  max-width:450px;

  color:#cdbfbb;

  font-size:17px;
  line-height:1.6;
}


.application-form{
  display:grid;

  gap:14px;
}


.application-form label{
  display:grid;

  gap:7px;

  color:#e7b8c0;

  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;

  letter-spacing:.1em;
  text-transform:uppercase;
}


.application-form input,
.application-form textarea{
  width:100%;

  padding:14px 15px;

  border:1px solid rgba(231,184,192,.35);

  background:rgba(255,255,255,.035);

  color:#f4ece8;
}


.application-form input:focus,
.application-form textarea:focus{
  outline:none;

  border-color:#e7b8c0;
}


.application-form textarea{
  resize:vertical;
}


.form-small{
  color:#9f918e;

  font-size:12px;
}


/* Bottom divider */

.arrangement-page main{
  position:relative;
}


.arrangement-page main::after{
  content:"";

  position:absolute;

  left:0;
  bottom:0;

  width:100%;
  height:1px;

  background:#e7b8c0;
}


/* Mobile */

@media(max-width:800px){

  .arrangement-page-header{
    align-items:flex-start;

    padding:20px 22px;
  }


  .arrangement-page-header nav{
    display:none;
  }


  .page-brand{
    font-size:30px;
  }


  .arrangement-hero,
  .application-grid{
    grid-template-columns:1fr;
  }


  .arrangement-copy,
  .arrangement-detail,
  .application-section{
    padding:48px 24px;
  }


  .arrangement-copy h1{
    font-size:44px;
  }


  .arrangement-copy .lead{
    font-size:17px;
  }


  .application-intro h2{
    font-size:31px;
  }

}/* =========================================================
   APPLICATION STATUS
   ========================================================= */

.application-status{
  margin:
    4px
    0
    0;

  padding:
    14px
    16px;

  border:
    1px solid
    rgba(231,184,192,.35);

  font-size:
    14px;

  line-height:
    1.5;
}


.application-status.is-success{
  background:
    rgba(231,184,192,.12);

  color:
    #f3dde2;
}


.application-status.is-error{
  background:
    rgba(150,45,60,.15);

  border-color:
    rgba(220,100,115,.5);

  color:
    #ffdce1;
}


.application-form button:disabled{
  opacity:.55;
  cursor:wait;
}