#home>.hero{background:#000!important;color:#fff!important;min-height:calc(100svh - 100px);overflow:hidden;isolation:isolate}
#home>.hero .hero-top,#home>.hero h1 em,#home>.hero .hero-bottom{color:#fff!important}
#home>.hero h1{max-width:800px;font-size:clamp(56px,7.4vw,115px)}
#home>.hero .hero-bottom{position:relative;max-width:590px}
#home>.hero .hero-bottom p{max-width:560px}
#home>.hero .pill{background:#fff;color:#000}
.cheetah-motion{position:absolute;right:-7%;top:10%;width:55%;aspect-ratio:1;z-index:0;pointer-events:none;animation:cheetah-forward 12s linear infinite}
.cheetah-walker{width:100%;height:100%;background-image:url('assets/cheetah-walk-cycle.png');background-size:300% 200%;background-repeat:no-repeat;mix-blend-mode:screen;filter:blur(1.4px);animation:cheetah-walk 1.8s steps(1,end) infinite}
@keyframes cheetah-walk{0%{background-position:0% 0%}16.667%{background-position:50% 0%}33.333%{background-position:100% 0%}50%{background-position:0% 100%}66.667%{background-position:50% 100%}83.333%,100%{background-position:100% 100%}}
@keyframes cheetah-forward{0%{transform:translateX(-5%);opacity:0}8%{opacity:1}92%{opacity:1}100%{transform:translateX(4%);opacity:0}}
.botanical-world,.seasonal-ground,.seasonal-art,.arrival-art{display:none!important}
@media(max-width:800px){#home>.hero{min-height:820px}#home>.hero h1{font-size:12vw;margin-top:40px}.cheetah-motion{top:230px;right:-8%;width:95%}#home>.hero .hero-bottom{margin-top:300px!important}.cheetah-walker{filter:blur(1px)}}
@media(prefers-reduced-motion:reduce){.cheetah-motion,.cheetah-walker{animation:none!important}}
@media(min-width:801px){.cheetah-motion{right:0;width:48%;top:12%}}
.cheetah-walker{filter:blur(2.6px)}
@media(max-width:800px){.cheetah-motion{top:145px;right:5%;width:90%}}
/* Centered editorial hero composition. */
#home>.hero{display:flex;flex-direction:column;align-items:center;text-align:center;min-height:950px;padding-top:35px;padding-bottom:60px}
#home>.hero .hero-top{display:block;width:100%;text-align:center}
#home>.hero h1{max-width:1100px;width:100%;margin:300px auto 30px;font-size:clamp(52px,6.8vw,105px);z-index:2}
#home>.hero .hero-bottom{display:block;width:100%;max-width:660px;margin:0 auto!important;text-align:center}
#home>.hero .hero-bottom p{max-width:660px;margin:0 auto 25px}
.cheetah-motion{right:auto;left:50%;top:35px;width:min(620px,65vw);margin-left:calc(min(620px,65vw) / -2);animation:cheetah-center-forward 12s linear infinite}
@keyframes cheetah-center-forward{0%{transform:translateX(-3%);opacity:0}8%,92%{opacity:1}100%{transform:translateX(3%);opacity:0}}
@media(max-width:800px){#home>.hero{min-height:800px;padding-top:25px;padding-bottom:45px}#home>.hero h1{font-size:11vw;margin:265px auto 25px}.cheetah-motion{top:35px;width:100%;left:0;right:auto;margin-left:0}#home>.hero .hero-bottom{margin:0 auto!important}#home>.hero .hero-bottom p{max-width:540px}}
/* Miniature gallery above the centered headline. */
#home>.hero{min-height:0;padding-top:22px;padding-bottom:65px}
.hero-gallery{position:relative;order:1;flex:none;width:min(820px,100%);height:310px;overflow:hidden;margin:12px auto 24px;perspective:700px;background:#000}
#home>.hero .hero-top{order:0}#home>.hero h1{order:2;margin:0 auto 28px;font-size:clamp(46px,6.2vw,88px)}#home>.hero .hero-bottom{order:3}
.gallery-wall{position:absolute;inset:10px 30px 70px;background:linear-gradient(90deg,#000,#160505 18%,#210909 50%,#160505 82%,#000);transform:rotateX(-2deg)}
.gallery-floor{position:absolute;bottom:0;left:0;width:100%;height:90px;background:radial-gradient(ellipse at 50% 0%,#300c0c, #000 72%);transform:rotateX(25deg);transform-origin:top}
.gallery-frame{position:absolute;top:25px;width:70px;height:85px;box-shadow:0 0 0 3px #000000,0 10px 20px #000;overflow:hidden;background:#000}.gallery-frame img{width:100%;height:100%;object-fit:contain}.art-one{left:7%;top:42px;transform:rotate(-3deg)}.art-two{left:27%;width:52px;height:92px;border-radius:50%}.art-three{left:45%;width:80px;height:70px;top:34px}.art-three img{transform:rotate(40deg) scale(1.3)}.art-four{left:66%;top:38px;width:62px;height:78px}.art-five{right:4%;top:22px;width:54px;height:95px}.art-five img{transform:rotate(-35deg)}
.mirror-art{background:linear-gradient(120deg,#000 8%,#fff 10%,#000 13%,#fff 45%,#000000 47%,#000 74%,#fff 76%,#000 80%);opacity:.8}
.hero-gallery .cheetah-motion{top:auto;bottom:-28px;left:0;right:auto;margin:0;width:255px;height:255px;z-index:2;mix-blend-mode:screen;animation:gallery-walk 18s linear infinite}
.hero-gallery .cheetah-walker{filter:blur(1px)}
@keyframes gallery-walk{0%{transform:translateX(-70px);opacity:0}8%,90%{opacity:1}100%{transform:translateX(630px);opacity:0}}
@media(max-width:700px){.hero-gallery{height:225px;margin:10px auto 25px}.gallery-wall{inset:0 0 50px}.gallery-frame{scale:.7;transform-origin:top left}.hero-gallery .cheetah-motion{width:185px;height:185px;bottom:-20px;animation-name:gallery-walk-mobile}.gallery-floor{height:65px}#home>.hero h1{font-size:10.5vw;margin-top:0}#home>.hero{padding-bottom:45px}.art-five{display:none}@keyframes gallery-walk-mobile{0%{transform:translateX(-65px);opacity:0}10%,85%{opacity:1}100%{transform:translateX(280px);opacity:0}}}
/* Small Versailles-inspired vignette; typography remains the hero. */
.hero-gallery{width:min(420px,82vw);height:155px;margin:8px auto 22px}
.gallery-wall{inset:3px 12px 30px}
.gallery-floor{height:42px}
.gallery-frame{width:34px;height:43px;top:18px;padding:3px;background:linear-gradient(135deg,#f3d796,#9b681d 24%,#ffe6a3 42%,#815014 65%,#d6ad58);box-shadow:0 0 0 1px #e5bf71,0 0 0 3px #795018,0 0 0 4px #c69b47,0 5px 8px #000;overflow:visible}
.gallery-frame:before,.gallery-frame:after{content:'';position:absolute;left:50%;width:14px;height:6px;transform:translateX(-50%);background:linear-gradient(90deg,#90601d,#f5d58b,#90601d);border-radius:70% 70% 20% 20%}
.gallery-frame:before{top:-8px}.gallery-frame:after{bottom:-7px;transform:translateX(-50%) rotate(180deg)}
.gallery-frame img{background:#000;object-fit:contain;transform:none}
.art-one{left:7%;top:24px;transform:none}.art-two{left:27%;width:27px;height:49px;top:16px;border-radius:48% 48% 8% 8%}.art-three{left:46%;width:39px;height:35px;top:23px}.art-four{left:66%;top:23px;width:30px;height:40px}.art-five{right:4%;top:16px;width:27px;height:48px}
.mirror-art{opacity:1;background:linear-gradient(125deg,#9c711f 0 5%,#f8d785 6% 10%,#100a05 11% 28%,#fff 30%,#4c3320 39%,#000 60%,#fff 72%,#d2ab58 90%)}
.hero-gallery .cheetah-motion{width:112px;height:112px;bottom:-9px;animation:gallery-walk-small 18s linear infinite}
.hero-gallery .cheetah-walker{filter:blur(.45px)}
@keyframes gallery-walk-small{0%{transform:translateX(-35px);opacity:0}8%,90%{opacity:1}100%{transform:translateX(350px);opacity:0}}
#home>.hero h1{font-size:clamp(50px,7.2vw,104px);margin:0 auto 28px}
@media(max-width:700px){.hero-gallery{width:300px;max-width:90%;height:125px;margin:8px auto 20px}.gallery-frame{scale:.8}.art-five{display:block}.hero-gallery .cheetah-motion{width:90px;height:90px;bottom:-7px;animation-name:gallery-walk-tiny}.gallery-floor{height:30px}#home>.hero h1{font-size:11vw}@keyframes gallery-walk-tiny{0%{transform:translateX(-25px);opacity:0}8%,90%{opacity:1}100%{transform:translateX(255px);opacity:0}}}
/* Each work lights up only as the cheetah reaches it. */
.hero-gallery .gallery-frame{filter:brightness(.48) saturate(.7);transition:filter .45s ease;will-change:filter}
.hero-gallery .gallery-frame.is-lit{filter:brightness(1.45) saturate(1.15) drop-shadow(0 0 7px #f7cc78) drop-shadow(0 0 17px #d08a4277)}
@media(prefers-reduced-motion:reduce){.hero-gallery .gallery-frame{filter:none;transition:none}}
/* Floating objects in an undefined black space. */
.hero-gallery .gallery-wall{background:transparent!important}
.hero-gallery .gallery-floor{display:none!important}

.hero-gallery .gallery-frame{opacity:0;transition:opacity .4s ease,filter .4s ease}.hero-gallery .gallery-frame.is-lit{opacity:1}
@media(prefers-reduced-motion:reduce){.hero-gallery .gallery-frame{opacity:1}}
