/* Blender-rendered Beautyfull identity with a quiet light sweep. */
.hero-note{z-index:4}
.brand-motion{position:relative;height:145vh;min-height:800px;background:#191413;color:#fbf3e7;isolation:isolate}
.brand-motion-stage{position:sticky;top:72px;height:calc(100vh - 72px);min-height:570px;max-height:1000px;display:grid;place-items:center;overflow:hidden;background:#191413}
.brand-motion-copy{text-align:center;position:relative;z-index:2;width:100%;padding:40px 20px}
.brand-motion-copy .eyebrow{color:#e4c987;font-size:.68rem;letter-spacing:.34em;margin:0}
.motion-logo{position:relative;width:min(78vw,1040px);margin:0 auto 12px;isolation:isolate;filter:drop-shadow(0 18px 30px rgba(0,0,0,.24))}
.motion-logo img{position:relative;z-index:1;width:100%;height:auto;display:block;object-fit:contain}
.motion-logo::before{content:"";position:absolute;z-index:2;inset:0;background:linear-gradient(108deg,transparent 34%,rgba(255,248,220,.06) 42%,rgba(255,255,255,.92) 49%,rgba(255,228,157,.2) 56%,transparent 67%);background-size:260% 100%;background-position:-180% 0;-webkit-mask:url("../images/motion/logo-poster.webp") center/contain no-repeat;mask:url("../images/motion/logo-poster.webp") center/contain no-repeat;animation:logo-shine 5.8s cubic-bezier(.55,.05,.45,.95) infinite;pointer-events:none}
.motion-logo::after{content:"";position:absolute;z-index:0;inset:12% 7%;border-radius:50%;background:radial-gradient(ellipse,rgba(225,187,112,.18),transparent 65%);filter:blur(22px);opacity:.55;animation:logo-aura 5.8s ease-in-out infinite}
.logo-sparkle{position:absolute;z-index:3;width:10px;height:10px;opacity:0;transform:rotate(45deg) scale(.2);background:linear-gradient(90deg,transparent 0 38%,#fff8dc 40% 60%,transparent 62%),linear-gradient(0deg,transparent 0 38%,#fff8dc 40% 60%,transparent 62%);filter:drop-shadow(0 0 7px rgba(255,229,157,.95));pointer-events:none;animation:sparkle-pop 5.8s ease-in-out infinite}
.logo-sparkle-one{top:29%;left:22%;animation-delay:1.05s}
.logo-sparkle-two{top:56%;left:69%;width:8px;height:8px;animation-delay:2.7s}
.logo-sparkle-three{top:39%;left:86%;width:7px;height:7px;animation-delay:4.05s}
.brand-motion-motto{font-family:"Playfair Display",serif;font-size:clamp(1.5rem,3.1vw,2.65rem);line-height:1.35;margin:0;color:#f5e6d0}
.brand-motion-motto em{color:#d3b17b;font-weight:500}
.brand-scroll-hint{display:inline-flex;align-items:center;gap:14px;color:#c4b4a1;font-size:.64rem;text-transform:uppercase;letter-spacing:.17em;margin-top:46px}
.brand-scroll-hint span{font-size:1.15rem;animation:scroll-cue 2.5s ease-in-out infinite}
@keyframes scroll-cue{0%,100%{transform:translateY(-3px)}50%{transform:translateY(4px)}}
@keyframes logo-shine{0%,18%{background-position:-180% 0;opacity:0}28%{opacity:.25}47%{background-position:0 0;opacity:1}64%{opacity:.2}78%,100%{background-position:180% 0;opacity:0}}
@keyframes logo-aura{0%,100%{opacity:.35;transform:scale(.94)}48%{opacity:.72;transform:scale(1.04)}}
@keyframes sparkle-pop{0%,23%,100%{opacity:0;transform:rotate(45deg) scale(.2)}31%{opacity:.15}38%{opacity:1;transform:rotate(45deg) scale(1)}48%{opacity:.2;transform:rotate(45deg) scale(.6)}55%{opacity:0;transform:rotate(45deg) scale(.2)}}
@media(max-width:720px){
  .brand-motion{height:120vh;min-height:740px}
  .brand-motion-stage{top:64px;height:calc(100svh - 64px);min-height:550px}
  .brand-motion-copy{padding:40px 12px}
  .motion-logo{width:100%;max-width:none;margin:0 auto 12px}
  .brand-motion-motto{font-size:1.65rem}
  .brand-motion-copy .eyebrow{font-size:.58rem;letter-spacing:.22em}
  .brand-scroll-hint{margin-top:35px;font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){
  .brand-scroll-hint span,.motion-logo::before,.motion-logo::after,.logo-sparkle{animation:none!important;transform:none!important}
  .motion-logo::before{opacity:0}
  .motion-logo::after{opacity:.4}
  .brand-motion{height:auto;min-height:0}
  .brand-motion-stage{position:relative;top:0;height:auto;min-height:530px}
  .brand-scroll-hint{display:none}
}