:root{
  --gold:#f2b01e;
  --orange:#e67e22;
  --red:#8c2d18;
  --green:#2e4a2e;
  --cream:#f2e9d6;
  --brown:#2b2118;
  --black:#0f0f0f;
  --glass:rgba(15,15,15,.67);
  --line:rgba(242,176,30,.26);
}

*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--black)}
body{font-family:"Inter",system-ui,sans-serif;color:var(--cream)}

.hero{
  min-height:100svh;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,390px);
  grid-template-rows:auto 1fr auto;
  gap:34px;
  padding:28px clamp(24px,5vw,82px) 30px;
}

.hero-bg{
  position:absolute;
  inset:0;
  z-index:-5;
  background:
    linear-gradient(135deg,#24160f 0%,#17120e 38%,#102014 100%);
  background-image:url("assets/wallpaper.png");
  background-size:cover;
  background-position:center center;
  transform:scale(1.02);
}

.hero-shade{
  position:absolute;
  inset:0;
  z-index:-4;
  background:
    linear-gradient(90deg,rgba(9,9,8,.93) 0%,rgba(9,9,8,.74) 42%,rgba(9,9,8,.33) 72%,rgba(9,9,8,.58) 100%),
    linear-gradient(0deg,rgba(8,8,7,.86) 0%,transparent 45%,rgba(8,8,7,.30) 100%);
}

.hex-overlay{
  position:absolute;
  inset:0;
  z-index:-3;
  opacity:.20;
  background-image:
    linear-gradient(30deg,transparent 24%,rgba(242,176,30,.08) 25%,rgba(242,176,30,.08) 26%,transparent 27%,transparent 74%,rgba(242,176,30,.08) 75%,rgba(242,176,30,.08) 76%,transparent 77%),
    linear-gradient(150deg,transparent 24%,rgba(242,176,30,.08) 25%,rgba(242,176,30,.08) 26%,transparent 27%,transparent 74%,rgba(242,176,30,.08) 75%,rgba(242,176,30,.08) 76%,transparent 77%);
  background-size:68px 118px;
  mask-image:linear-gradient(90deg,rgba(0,0,0,.85),transparent 70%);
}

.site-header{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding-bottom:18px;
  border-bottom:1px solid rgba(242,233,214,.13);
}

.identity{
  display:flex;
  align-items:center;
  gap:14px;
  color:inherit;
  text-decoration:none;
}

.identity-icon{
  width:54px;
  height:54px;
  object-fit:cover;
  border-radius:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.36);
}

.identity-name{
  font-family:"Roboto Slab",Georgia,serif;
  font-size:clamp(1rem,1.6vw,1.35rem);
  font-weight:800;
  letter-spacing:.025em;
}

.identity-tag{
  margin-top:4px;
  color:var(--gold);
  font-size:.64rem;
  font-weight:700;
  letter-spacing:.155em;
}

.location{
  color:rgba(242,233,214,.64);
  font-size:.7rem;
  font-weight:700;
  letter-spacing:.17em;
}

.hero-content{
  align-self:center;
  max-width:760px;
  padding:40px 0 70px;
}

.main-logo{
  display:block;
  width:min(360px,68vw);
  max-height:360px;
  object-fit:contain;
  object-position:left center;
  filter:drop-shadow(0 20px 42px rgba(0,0,0,.42));
}

.logo-fallback{
  display:none;
  font-family:"Roboto Slab",Georgia,serif;
  line-height:.86;
  text-shadow:0 10px 30px rgba(0,0,0,.5);
}

.logo-fallback span{
  display:block;
  font-size:clamp(4rem,8vw,8.2rem);
  font-weight:800;
}

.logo-fallback strong{
  display:block;
  color:var(--gold);
  font-size:clamp(3rem,6vw,6.4rem);
  letter-spacing:.13em;
}

.kicker{
  margin:25px 0 0;
  color:var(--gold);
  font-family:"Roboto Slab",Georgia,serif;
  font-size:.8rem;
  font-weight:800;
  letter-spacing:.2em;
}

.intro{
  max-width:670px;
  margin:18px 0 0;
  color:rgba(242,233,214,.78);
  font-size:clamp(1rem,1.4vw,1.18rem);
  line-height:1.75;
}

.feature-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 14px;
  margin-top:28px;
  color:rgba(242,233,214,.68);
  font-size:.66rem;
  font-weight:800;
  letter-spacing:.15em;
}

.feature-row i{
  width:4px;
  height:4px;
  border-radius:50%;
  background:var(--gold);
}

.farm-card{
  align-self:end;
  margin-bottom:72px;
  padding:24px;
  background:var(--glass);
  border:1px solid var(--line);
  border-top:3px solid var(--gold);
  box-shadow:0 25px 70px rgba(0,0,0,.25);
  backdrop-filter:blur(10px);
}

.card-label{
  color:var(--gold);
  font-size:.64rem;
  font-weight:800;
  letter-spacing:.2em;
}

.status-line{
  margin-top:16px;
  font-family:"Roboto Slab",Georgia,serif;
  font-size:1.05rem;
  font-weight:700;
}

.status-dot{
  display:inline-block;
  width:8px;
  height:8px;
  margin-right:7px;
  border-radius:50%;
  background:#72b66a;
  box-shadow:0 0 0 4px rgba(114,182,106,.12);
}

.farm-card p{
  margin:13px 0 0;
  color:rgba(242,233,214,.65);
  line-height:1.65;
  font-size:.9rem;
}

footer{
  grid-column:1/-1;
  display:flex;
  justify-content:space-between;
  gap:20px;
  padding-top:18px;
  border-top:1px solid rgba(242,233,214,.13);
  color:rgba(242,233,214,.45);
  font-size:.62rem;
  font-weight:700;
  letter-spacing:.14em;
}

@media (max-width:850px){
  .hero{grid-template-columns:1fr}
  .farm-card{margin-bottom:10px;max-width:560px}
}

@media (max-width:600px){
  .hero{padding:20px 20px 24px}
  .location{display:none}
  .identity-tag{font-size:.54rem}
  .identity-icon{width:44px;height:44px}
  .hero-content{padding:42px 0 22px}
  .main-logo{width:min(310px,82vw)}
  .feature-row i{display:none}
  .feature-row{gap:10px 18px}
  footer{flex-direction:column}
}

@media (prefers-reduced-motion:reduce){
  *{scroll-behavior:auto!important}
}