.hero.site-hero{min-height:800px;height:100svh;max-height:1180px;position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:130px 4.2vw 45px;display:flex;flex-direction:column;justify-content:center;isolation:isolate}
    .hero.site-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 41%,#5c2427 0,transparent 37%),radial-gradient(circle at 25% 100%,#321b23 0,transparent 44%);z-index:-3}
    .site-hero .hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:90px 90px;z-index:-2;mask-image:linear-gradient(to top,black,transparent 95%)}
    .site-hero .hero-art{position:absolute;right:1.5%;top:7%;width:min(52vw,760px);height:92%;z-index:-1;pointer-events:none;perspective:1100px;transform:translate3d(var(--art-shift-x,0px),calc(var(--art-y,0px) + var(--art-shift-y,0px)),0) rotate(var(--art-r,0deg));will-change:transform}
    .site-hero .hero-art::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle at var(--art-light-x,50%) var(--art-light-y,50%),#ff8572 0%,#ff6354 35%,rgba(255,99,84,.32) 62%,transparent 78%);filter:blur(100px);opacity:.23}
    .site-hero .hero-art::after{content:"";position:absolute;inset:6%;border:1px solid rgba(255,115,102,.13);border-radius:50%;box-shadow:0 0 0 75px rgba(255,115,102,.025);z-index:-1}
    .site-hero .hero-art-tilt{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(var(--art-tilt-x,0deg)) rotateY(var(--art-tilt-y,0deg));will-change:transform}
    .site-hero .hero-art-tilt::before{content:"";position:absolute;inset:0;background:url('/assets/anor-pomegranate.png') center/contain no-repeat;opacity:.26;filter:blur(9px) brightness(.65);transform:translate3d(20px,24px,-48px)}
    .site-hero .hero-art img{position:relative;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(-30px 25px 45px rgba(0,0,0,.19));animation:float 7s ease-in-out infinite;transform-style:preserve-3d}
    .site-hero .hero-art-tilt::after{content:"";position:absolute;inset:15%;border-radius:50%;background:radial-gradient(circle at var(--art-light-x,50%) var(--art-light-y,50%),rgba(255,255,255,.20),transparent 47%);mix-blend-mode:screen;transform:translateZ(36px);opacity:.7}
    @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
    .site-hero .hero-inner{position:relative;z-index:1;width:100%;padding-top:25px}
    .site-hero .eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:.22em}
    .site-hero .eyebrow .dot{width:7px;height:7px;display:inline-block;background:var(--red);border-radius:50%;box-shadow:0 0 0 5px rgba(255,90,69,.13)}
    .hero.site-hero .eyebrow{margin-bottom:31px}
    .hero.site-hero h1{font-size:clamp(70px,10.65vw,180px);letter-spacing:-.092em;line-height:.99;font-weight:700;margin:0;max-width:1200px;position:relative}
    .hero.site-hero h1 .line{display:block;white-space:nowrap}
    .hero.site-hero h1 em,.site-hero .serif{font-family:'Playfair Display',Georgia,serif;font-weight:500;letter-spacing:-.065em}
    .hero.site-hero h1 em{color:var(--red);padding-right:.08em}
    .hero.site-hero h1 .third{font-size:.69em;letter-spacing:-.075em;padding-top:.12em}
    .hero.site-hero h1 .fourth{font-size:.69em;letter-spacing:-.075em}
    .site-hero .hero-bottom{position:absolute;left:4.2vw;right:4.2vw;bottom:38px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
    .site-hero .hero-bottom p{max-width:330px;font-size:14px;line-height:1.6;margin:0;color:#c7bfc1}
    .site-hero .round-scroll{width:82px;height:82px;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;transition:background .2s,transform .3s}
    .site-hero .round-scroll:hover{background:var(--red);transform:rotate(45deg)}
    .site-hero .round-scroll svg{width:25px}
    .site-hero .hero-index{position:absolute;right:4.2vw;top:125px;font-size:11px;letter-spacing:.18em;color:#c8babc}

.hero.site-hero .hero-art{transform:none;will-change:auto}
.hero.site-hero #pomegranateParticles{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.hero.site-hero .particles-ready #pomegranateParticles{opacity:1}
.hero.site-hero .particles-ready .hero-art-tilt{visibility:hidden}
.hero.site-hero h1{overflow-wrap:break-word}
@media(max-width:1000px){
.hero.site-hero{min-height:730px}
.hero.site-hero .hero-art{width:75vw;right:-14%;top:10%;opacity:.75}
.hero.site-hero h1{font-size:clamp(67px,11.5vw,110px)}
}
@media(max-width:640px){
.hero.site-hero{height:100svh;min-height:670px;max-height:850px;padding:120px 22px 35px;justify-content:center}
.hero.site-hero .hero-art{width:113vw;height:65%;right:-40%;top:15%;opacity:.65}
.hero.site-hero .hero-index{right:22px;top:107px}
.hero.site-hero .hero-inner{padding-top:0}
.hero.site-hero .eyebrow{margin-bottom:28px;font-size:9px;letter-spacing:.13em;flex-wrap:wrap}
.hero.site-hero h1{font-size:clamp(53px,12.9vw,82px);line-height:1.03}
.hero.site-hero h1 .line{white-space:normal}
.hero.site-hero h1 .third,.hero.site-hero h1 .fourth{font-size:.77em}
.hero.site-hero .hero-bottom{left:22px;right:22px;bottom:28px;flex-direction:row;align-items:flex-end}
.hero.site-hero .hero-bottom p{font-size:12px;max-width:245px}
.hero.site-hero .round-scroll{width:57px;height:57px;flex-shrink:0}
.hero.site-hero .round-scroll svg{width:20px}
}
@media(prefers-reduced-motion:reduce){.hero.site-hero .hero-art img{animation:none}}

/* Keep the homepage introduction clear of the heading on larger screens. */
@media(min-width:641px){
  #top.hero.site-hero{height:auto;min-height:max(800px,100svh);max-height:none;padding-top:160px;padding-bottom:48px}
  #top.site-hero .hero-inner{padding-top:0;flex-shrink:0}
  #top.site-hero .hero-bottom{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:clamp(48px,5vw,80px);flex-shrink:0}
}