.page-hero{
  position:relative;
  overflow:hidden;
  min-height:550px;
  border-bottom:1px solid #D8A430;
  background:
    radial-gradient(circle at 73% 43%,rgba(255,245,198,.58),transparent 27%),
    linear-gradient(115deg,#FFF5C7 0%,var(--hm-amber) 48%,#F39A26 100%);
  background-size:130% 130%;
  animation:hm-gradient-motion 12s ease-in-out infinite alternate;
}
.page-hero::before{
  content:"";
  position:absolute;
  inset:0;
  opacity:.28;
  background-image:
    linear-gradient(rgba(71,45,4,.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(71,45,4,.12) 1px,transparent 1px);
  background-size:42px 42px;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 44%);
  mask-image:linear-gradient(90deg,transparent,#000 44%);
}
.page-hero::after{
  content:"";
  position:absolute;
  width:480px;
  height:480px;
  top:-240px;
  right:4%;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  filter:blur(28px);
  animation:hm-hero-drift 10s ease-in-out infinite alternate;
}
.page-hero__grid{
  position:relative;
  z-index:1;
  display:grid;
  min-height:550px;
  grid-template-columns:minmax(0,1fr) minmax(420px,1fr);
  align-items:center;
}
.page-hero__copy{padding:64px 54px 64px 0}
.page-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:24px;
  padding:6px 9px;
  border:1px solid rgba(64,40,6,.25);
  border-radius:var(--hm-radius-sm);
  color:#5D410B;
  background:rgba(255,253,247,.48);
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-0);
  font-weight:700;
  letter-spacing:.07em;
}
.page-hero__kicker::before{
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:#9B6806;
  box-shadow:0 0 0 3px rgba(155,104,6,.13);
}
.page-hero h1{max-width:610px;margin:0;color:#21180B;line-height:1.01;letter-spacing:-.052em}
.page-hero h1 span{display:block;color:#75470B}
.page-hero__lead{max-width:530px;margin:25px 0 0;color:#5B451E;font-size:var(--hm-fs-3)}
.page-hero__actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:27px}
.page-hero__notes{display:flex;gap:18px;flex-wrap:wrap;margin-top:23px;color:#614A22;font-family:var(--hm-font-mono);font-size:var(--hm-fs-0)}
.page-hero__notes span{display:flex;align-items:center;gap:6px}
.page-hero__notes span::before{content:"";width:4px;height:4px;border-radius:50%;background:#6C4A0D}
.page-hero__art{position:relative;min-width:0}
.page-hero__art>img{width:100%;max-height:470px;object-fit:contain}
.page-hero__label{
  position:absolute;
  right:0;
  bottom:28px;
  display:flex;
  gap:8px;
  padding:8px 10px;
  border:1px solid rgba(51,32,5,.28);
  border-radius:var(--hm-radius-sm);
  color:#55401B;
  background:rgba(255,253,247,.84);
  font-family:var(--hm-font-mono);
  font-size:var(--hm-fs-0);
}
.page-intro{
  padding:64px 0 72px;
  border-bottom:1px solid var(--hm-line);
  background:
    linear-gradient(rgba(110,83,27,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(110,83,27,.045) 1px,transparent 1px),
    var(--hm-surface);
  background-size:40px 40px;
}
.page-intro h1{max-width:800px;margin-bottom:18px}
.page-intro p{max-width:670px;color:var(--hm-muted);font-size:var(--hm-fs-3)}
@keyframes hm-gradient-motion{
  from{background-position:0% 45%}
  to{background-position:100% 55%}
}
@keyframes hm-hero-drift{
  from{transform:translate3d(-28px,0,0) scale(1)}
  to{transform:translate3d(34px,28px,0) scale(1.08)}
}
@media (max-width:900px){
  .page-hero__grid{grid-template-columns:1fr}
  .page-hero__copy{padding:64px 0 26px}
  .page-hero__art{padding-bottom:42px}
  .page-hero__art>img{max-height:390px}
}
@media (max-width:640px){
  .page-hero{min-height:auto}
  .page-hero__grid{min-height:auto}
  .page-hero__copy{padding-top:50px}
  .page-hero__art{margin-inline:-10px}
  .page-hero__label{right:10px;bottom:30px}
  .page-intro{padding:58px 0 50px}
}
@media (prefers-reduced-motion:reduce){
  .page-hero,.page-hero::after{animation:none}
}