.l3d{width:var(--l3d-size);height:var(--l3d-size);perspective:760px;perspective-origin:50% 46%;flex:none}
.l3d-stage{position:relative;width:100%;height:100%;transform-style:preserve-3d;will-change:transform}
.l3d-layer{position:absolute;inset:0;display:block;
  -webkit-mask-image:url('/assets/logo-mask.png');mask-image:url('/assets/logo-mask.png');
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center}
.l3d-sheen{position:absolute;inset:0;display:block;transform:translateZ(1.4px);pointer-events:none;
  -webkit-mask-image:url('/assets/logo-mask.png');mask-image:url('/assets/logo-mask.png');
  -webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  background:linear-gradient(104deg,transparent 34%,rgba(255,246,214,.0) 40%,rgba(255,248,224,.82) 50%,rgba(255,246,214,0) 60%,transparent 66%);
  background-size:260% 100%;animation:l3d-sweep 4.6s cubic-bezier(.5,0,.5,1) infinite}
@keyframes l3d-sweep{0%,12%{background-position:170% 0}62%,100%{background-position:-70% 0}}
.l3d-static .l3d-sheen{animation-duration:7s;opacity:.55}

.l3d-loader{position:fixed;inset:0;z-index:200;background:#1A0E0A;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:26px;opacity:0;pointer-events:none;transition:opacity .5s ease}
.l3d-loader.on{opacity:1;pointer-events:auto}
.l3d-word{font-family:'Cormorant Garamond',Georgia,serif;font-size:1.12rem;color:#F7F3EC;letter-spacing:.02em}
.l3d-bar{width:132px;height:1px;background:rgba(184,144,42,.22);overflow:hidden;border-radius:99px}
.l3d-bar i{display:block;width:38%;height:100%;background:linear-gradient(90deg,transparent,#B8902A,transparent);
  animation:l3d-run 1.35s ease-in-out infinite}
@keyframes l3d-run{0%{transform:translateX(-110%)}100%{transform:translateX(370%)}}
@media (prefers-reduced-motion:reduce){.l3d-sheen,.l3d-bar i{animation:none}}