/* Editorial direction informed by REA's public page capture; all implementation and artwork are original to HazloSimple. */
.hz-hero{position:relative;margin:12px 20px;border-radius:14px;background:#f4f2e9;color:#15392d;min-height:750px;padding-top:132px;padding-bottom:28px;background-image:radial-gradient(ellipse at 76% 48%,#dfe7d255,transparent 48%),linear-gradient(115deg,#f7f5ed,#eff1e7);}
.hz-hero-grain{display:none}
.hz-hero-top{border-color:#15392d30;color:#53665b}
.hz-hero-top i{background:#7b9c55}
.hz-hero-main{grid-template-columns:1fr 1fr;min-height:470px;gap:34px}
.hz-hero-copy{padding:24px 0 38px}
.hz-hero h1{color:#15392d;font-size:clamp(62px,7vw,104px);letter-spacing:-5px;line-height:.99;margin-bottom:25px;font-weight:500}
.hz-hero h1 em{color:#587644;font-weight:500}
.hz-hero-copy>p{max-width:440px;color:#53665b;font-size:16px;line-height:1.75}
.hz-hero-actions{margin-top:28px;gap:11px}
.hz-hero .hz-button.outline{color:#15392d;border-color:#15392d45;background:#ffffff50}
.hz-hero .hz-button.outline:hover{background:#ffffff}
.hz-hero-foot{border-color:#15392d35;color:#53665b;grid-template-columns:1fr 1.25fr 105px;gap:24px}
.hz-hero-foot strong{color:#15392d}
.hz-hero-foot>a{color:#15392d}
.hz-hero-foot>a span{color:#587644}
.hz-artwork{height:430px;transform:none;margin:0;overflow:hidden;border:1px solid #15392d16;border-radius:12px;background:#e9ece0;box-shadow:0 24px 55px #15392d17}
.hz-hero-image{display:block;width:100%;height:100%;object-fit:cover;object-position:61% center}
.hz-art-caption{position:absolute;left:auto;top:auto;right:14px;bottom:14px;max-width:calc(100% - 28px);padding:9px 12px;border:1px solid #15392d18;border-radius:4px;background:#fffE;color:#53665b;font-size:8px;letter-spacing:1px}
.hz-disciplines{padding-top:28px;padding-bottom:40px;color:#53665b}
.card-art.preview-art{height:215px;display:flex;align-items:center;justify-content:center;padding:20px;isolation:isolate;background:radial-gradient(ellipse at 50% 100%,#cbd7c1 0,transparent 63%),linear-gradient(140deg,#eef0e7,#e0e7da)}
.preview-art-frame{display:block;width:88%;height:157px;overflow:hidden;border:1px solid #ffffff;border-radius:5px;background:#fff;box-shadow:0 14px 28px #15392d24;transform:rotate(-1.2deg);transition:transform .25s,box-shadow .25s}
.preview-art-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}
.preview-art .badge{position:absolute;top:14px;left:14px;z-index:2;background:#fffffff2;color:#15392d;border-color:#15392d18;letter-spacing:.5px}
.card:hover .preview-art-frame{transform:translateY(-4px) rotate(0);box-shadow:0 20px 34px #15392d30}
@media(max-width:1150px) and (min-width:761px){
  .hz-hero{min-height:700px;padding-left:38px;padding-right:38px}
  .hz-hero-main{min-height:430px;gap:22px}
  .hz-hero h1{font-size:clamp(58px,7.8vw,86px);letter-spacing:-4px}
  .hz-artwork{height:390px}
  .hz-hero-foot{grid-template-columns:1fr 1.2fr;gap:18px}
  .hz-hero-foot>a{display:none}
}
@media(max-width:760px){
  .hz-hero{margin:8px;padding:100px 24px 22px;border-radius:9px;min-height:0}
  .hz-hero-top{font-size:8px;letter-spacing:.8px}
  .hz-hero-top>span:last-child{display:none}
  .hz-hero-main{display:flex;flex-direction:column;align-items:stretch;gap:12px;min-height:0}
  .hz-hero-copy{padding:31px 0 5px}
  .hz-hero h1{font-size:clamp(48px,11vw,76px);letter-spacing:-3.2px;line-height:1.02;margin-bottom:19px}
  .hz-hero-copy>p{font-size:14px;line-height:1.7;max-width:410px}
  .hz-hero-actions{margin-top:21px;gap:9px}
  .hz-hero-actions .hz-button{font-size:11px;padding:14px 15px;gap:15px}
  .hz-artwork{width:100%;max-width:520px;height:auto;aspect-ratio:1.3;align-self:center;margin:8px 0 4px}
  .hz-hero-image{object-position:61% center}
  .hz-art-caption{font-size:7px;right:9px;bottom:9px;padding:7px 9px}
  .hz-hero-foot{grid-template-columns:1fr 1.2fr;gap:16px;padding-top:17px}
  .hz-hero-foot>span{font-size:8px;letter-spacing:.8px}
  .hz-hero-foot>p{font-size:9px}
  .hz-hero-foot>a{display:none}
  .hz-disciplines{padding:24px 26px 30px;gap:15px;font-size:8px;letter-spacing:1.1px}
  .hz-shop .card-art.preview-art{height:230px}
  .preview-art-frame{height:170px}
}
@media(max-width:400px){
  .hz-hero{padding-left:19px;padding-right:19px}
  .hz-hero h1{font-size:clamp(45px,12vw,58px);letter-spacing:-2.8px}
  .hz-hero-actions .hz-button{font-size:10px;padding:12px 13px;gap:12px}
  .hz-hero-foot{grid-template-columns:1fr;gap:8px}
}