.logo-relief{--rx:0deg;--ry:0deg;--lx:50%;--ly:35%;--sx:0px;--sy:16px;position:relative;display:block;isolation:isolate;overflow:hidden;background:#fff;border:1px solid rgba(231,198,125,.8);border-radius:16px;transform-style:preserve-3d;transform:perspective(850px) rotateX(var(--rx)) rotateY(var(--ry)) translateZ(0);box-shadow:var(--sx) var(--sy) 24px rgba(3,17,14,.38),0 4px 8px rgba(201,164,93,.24),inset 0 1px 0 rgba(255,255,255,.9);transition:transform .18s ease-out,box-shadow .18s ease-out;will-change:transform,box-shadow}
.logo-relief img{position:absolute;z-index:1;left:0;top:-18%;display:block;width:100%;height:auto;max-width:none;pointer-events:none;user-select:none;transform:translateZ(18px) scale(1.015);filter:saturate(1.08) contrast(1.03) drop-shadow(0 5px 4px rgba(22,8,1,.24))}
.logo-relief::before{content:"";position:absolute;z-index:2;inset:-20%;pointer-events:none;background:radial-gradient(circle at var(--lx) var(--ly),rgba(255,248,209,.72) 0,rgba(255,210,113,.28) 18%,transparent 43%);mix-blend-mode:screen;opacity:.64;transform:translateZ(28px);transition:background-position .16s ease-out}
.logo-relief::after{content:"";position:absolute;z-index:3;inset:-45%;pointer-events:none;background:linear-gradient(112deg,transparent 35%,rgba(255,255,255,.05) 42%,rgba(255,239,180,.68) 49%,rgba(255,255,255,.12) 55%,transparent 64%);transform:translate3d(-45%,0,36px) rotate(2deg);animation:ph-logo-shine 7.5s ease-in-out infinite}
.official-logo{flex:0 0 auto;width:230px;height:154px;margin-top:28px}
.footer-logo{width:min(310px,78vw);height:min(208px,52vw)}
.logo-relief:focus-visible{outline:3px solid #f3c96e;outline-offset:5px}
@keyframes ph-logo-shine{0%,24%{transform:translate3d(-48%,0,36px) rotate(2deg);opacity:0}34%{opacity:.82}50%{transform:translate3d(48%,0,36px) rotate(2deg);opacity:.3}58%,100%{transform:translate3d(48%,0,36px) rotate(2deg);opacity:0}}
@media(max-width:1100px){.official-logo{width:185px;height:124px;margin-top:19px}}
@media(max-width:900px){.official-logo{width:165px;height:110px;margin-top:14px}.site-header{height:92px}}
@media(max-width:560px){.official-logo{width:132px;height:88px;margin-top:7px;border-radius:11px}.site-header{padding-left:4vw;padding-right:4vw}.footer-logo{width:min(270px,84vw);height:min(181px,56vw)}}
@media(prefers-reduced-motion:reduce){.logo-relief{transform:none!important;transition:none!important}.logo-relief::after{animation:none;display:none}.logo-relief::before{opacity:.34}}