:root{
  --bg:#070808;
  --text:#f2f0eb;
  --muted:#c7c2b8;
  --gold:#b88745;
  --line:#1a1917;
}

*{box-sizing:border-box}

html,body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  font-weight:300;
}

a{color:inherit;text-decoration:none}

/* HERO */
.hero{
  position:relative;
  width:100%;
  aspect-ratio:8 / 3;
  height:auto;
  min-height:620px;
  max-height:720px;
  overflow:hidden;
  background:#050606;
}

.hero-image{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
  transform:none;
  filter:none;
}

.hero-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    rgba(3,4,4,.20) 0%,
    rgba(3,4,4,.10) 28%,
    rgba(3,4,4,.02) 52%,
    rgba(3,4,4,0) 72%);
  pointer-events:none;
}

.brand-row{
  position:absolute;
  z-index:2;
  top:62px;
  left:4vw;
  display:flex;
  align-items:center;
  gap:23px;
}

.brand-logo{
  display:block;
  width:118px;
  height:auto;
}

/* The only alternate type treatment:
   lowercase, single-storey rounded a, as requested. */
.brand-name{
  color:var(--gold);
  font-family:"Century Gothic","Avenir Next",Avenir,Futura,sans-serif;
  font-size:13px;
  font-weight:400;
  line-height:1.35;
  letter-spacing:.025em;
  text-transform:lowercase;
}

.hero-copy{
  position:absolute;
  z-index:2;
  left:4vw;
  top:265px;
  width:min(610px,44vw);
}

/* Directly follows the adeholbrook.com hero type treatment:
   Raleway, ultra-light, tight tracking. */
.hero h1{
  margin:0 0 29px;
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  font-size:clamp(46px,4.1vw,63px);
  font-weight:200;
  line-height:.98;
  letter-spacing:-.035em;
}

.hero h1 span{
  display:block;
  margin-bottom:7px;
}

.intro{
  margin:0;
  max-width:520px;
  color:var(--muted);
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  font-size:clamp(15px,1.3vw,20px);
  line-height:1.65;
  font-weight:300;
}

/* CONTACT */
.contact{
  min-height:350px;
  padding:34px 4vw 30px;
  display:grid;
  grid-template-columns:1fr 1fr;
  background:var(--bg);
  border-top:1px solid #151515;
}

.contact-left{
  padding-right:6.3vw;
  border-right:1px solid #4f4c47;
}

/* Same label styling as adeholbrook.com section labels. */
.section-label{
  color:var(--gold);
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.24em;
  font-size:10px;
  font-weight:500;
  margin-bottom:18px;
}

form{
  display:flex;
  flex-direction:column;
  gap:12px;
}

label{
  color:#9d978d;
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.2em;
  font-weight:500;
}

input,textarea{
  display:block;
  width:100%;
  margin-top:8px;
  padding:12px 13px;
  border:1px solid #5e482b;
  background:#0b0c0c;
  color:#eee;
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  font-size:15px;
  font-weight:300;
  outline:none;
  border-radius:0;
}

input{height:42px}
textarea{height:86px;resize:vertical}

input:focus,textarea:focus{border-color:#80643e}

button{
  width:max-content;
  margin-top:1px;
  padding:6px 0 9px;
  border:0;
  border-bottom:1px solid var(--gold);
  background:transparent;
  color:#d8b071;
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  text-transform:uppercase;
  letter-spacing:.18em;
  font-size:10px;
  font-weight:500;
  cursor:pointer;
}

button span{
  padding-left:34px;
  font-size:16px;
}

.status{
  min-height:14px;
  margin:0;
  color:#9f998f;
  font-size:13px;
}

.statement{
  display:flex;
  align-items:center;
  padding-left:7.2vw;
}

/* Same Raleway family and light body treatment as adeholbrook.com. */
.statement p{
  margin:0;
  color:#d8d4cc;
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  font-size:clamp(16px,1.4vw,21px);
  line-height:1.75;
  font-weight:300;
}

footer{
  min-height:67px;
  padding:0 4vw;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #151515;
  color:#77736c;
  font-family:"Raleway","Century Gothic","Trebuchet MS",Arial,sans-serif;
  font-size:10px;
  letter-spacing:.12em;
  text-transform:uppercase;
}

footer a{color:#b88745}

@media(max-width:900px){
  .hero{height:auto;min-height:670px}
  .hero-copy{width:min(620px,58vw)}
  .contact{grid-template-columns:1fr;gap:54px;padding-top:54px;padding-bottom:54px}
  .contact-left{border-right:0;padding-right:0}
  .statement{padding-left:0}
}

@media(max-width:620px){
  .hero{min-height:690px}
  .hero-image{
    width:100%;
    height:100%;
    min-height:0;
    object-fit:cover;
    object-position:center center;
    transform:none;
  }
  .hero-shade{
    background:
      linear-gradient(90deg,rgba(3,4,4,.98) 0%,rgba(3,4,4,.84) 48%,rgba(3,4,4,.22) 100%),
      linear-gradient(0deg,rgba(3,4,4,.25),rgba(3,4,4,.03));
  }
  .brand-row{top:30px;left:22px;right:22px;gap:14px}
  .brand-logo{width:96px}
  .brand-name{font-size:10px}
  .hero-copy{top:180px;left:22px;right:22px;width:auto}
  .hero h1{font-size:clamp(40px,12vw,57px)}
  .intro{font-size:15px}
  .contact{padding:48px 22px}
  .statement p{font-size:16px}
  footer{padding:24px 22px;gap:18px;flex-direction:column;align-items:flex-start}
}


/* Full-height page refinement — remove dead space below footer */
html, body {
  min-height: 100%;
}
body {
  min-height: 100vh;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
}
main {
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.contact {
  flex: 1 0 auto;
  align-items: center;
}
footer {
  margin-top: auto;
  flex-shrink: 0;
}