/* Approved demo hero composition. All rules are limited to the main banner. */
.hero {
  min-height:calc(100svh - 118px);
  max-height:none;
  padding-top:55px;
  padding-bottom:100px;
  background:var(--paper);
  grid-template-columns:1.1fr .9fr;
  overflow:clip;
  line-height:1.62;
  -webkit-font-smoothing:antialiased;
}
.hero .hero-copy{z-index:3}
.hero h1{font-size:clamp(45px,4.95vw,88px);letter-spacing:-.045em}
.hero .eyebrow{font-size:12px;margin-bottom:24px}
.hero .hero-description{font-size:clamp(17px,1.35vw,21px)}
.hero .hero-art{
  z-index:2;grid-column:2;grid-row:1;align-self:center;
  margin-left:-8vw;margin-right:-9vw;transform:none;mix-blend-mode:multiply;
}
.hero .hero-art img{
  width:100%;max-width:100%;height:auto;max-height:560px;object-fit:contain;
  animation:none;transform:rotate(-8deg);mix-blend-mode:multiply;
  mask-image:linear-gradient(90deg,transparent,#000 9%,#000 91%,transparent),linear-gradient(0deg,transparent,#000 15%,#000 85%,transparent);
  mask-composite:intersect;
}
.hero .hero-sculpture{position:relative}
.hero .hero-backplane{position:absolute;width:27%;left:9%;top:7%;opacity:.055;z-index:0;pointer-events:none}
.hero .hero-backplane img{width:100%;height:auto}
.hero .art-label{left:24%;bottom:-8px;font-size:12px;color:#575053;letter-spacing:.16em}
.hero .hero-signature{margin-top:32px;font-size:14px}
.hero .hero-index{font-size:12px;bottom:33px;left:200px}
.hero .scroll-cue{font-size:14px}
.hero .circle{border-color:#b9afb3}
@media(min-width:1600px){
  .hero{min-height:750px}
  .hero .hero-art{margin-left:-5vw}
}
@media(max-width:1100px){
  .hero h1{font-size:4.8vw}
  .hero .hero-actions{gap:18px}
  .hero .hero-art{margin-left:-9vw}
}
@media(max-width:760px){
  .hero{display:flex;min-height:0;padding:38px var(--gutter) 72px}
  .hero .hero-copy{padding:0}
  .hero h1{font-size:clamp(36px,7.9vw,60px);white-space:normal;line-height:1.2}
  .hero .eyebrow{font-size:11px;letter-spacing:.08em;margin-bottom:20px}
  .hero .hero-description{font-size:17px;margin:22px 0}
  .hero .hero-signature{font-size:12px;margin-top:24px}
  .hero .hero-art{margin:14px -5vw 0;width:calc(100% + 10vw);max-height:290px;align-self:center}
  .hero .hero-art img{width:100%;max-height:290px;object-fit:contain}
  .hero .hero-backplane{display:none}
  .hero .hero-actions{flex-direction:row;flex-wrap:wrap;gap:16px}
  .hero .hero-actions .button{font-size:14px;padding:15px 18px;gap:13px}
  .hero .hero-actions .text-link{font-size:14px;justify-content:start}
  .hero .art-label{left:22%;bottom:5px;font-size:10px}
  .hero .scroll-cue{bottom:20px;font-size:12px}
  .hero .hero-index{display:none}
}