/* ================================================================
   STUDIO G — Inner Pages (About, Photography, Reels, Contact)
   Logo mark: PSD Asset 2 copy 2  X=59 Y=53 W=67 H=124
   ================================================================ */

/*
   LOGO MARK — top-left
   PSD: W=67, H=124
   Reduced 15% from PSD size:  124 × 0.85 = 105.4px  →  105px
   vw: 105.4 / 1920 = 5.490vw
   left: 59/1920 = 3.073%   top: 53/1080 = 4.907%
*/
.logo-mark {
    position: absolute;
    left:  3.073%;
    top:   4.907%;
    display: block;
    pointer-events: all;
    cursor: pointer;
    z-index: 2;
    transition: transform 0.22s ease-out;
    animation: logoFade 1s ease 0.1s both;
    line-height: 0;
}
.logo-mark:hover { transform: scale(1.07); }

.logo-mark svg {
    display: block;
    height: clamp(34px, 5.490vw, 105px);   /* 124px × 0.85 = 105.4px */
    width: auto;
}

@keyframes logoFade {
    from { opacity: 0; transform: translateY(-6px); }
    to   { opacity: 1; transform: translateY(0); }
}

/* ─── Responsive ─── */
@media (max-width: 1024px) {
    .logo-mark svg { height: clamp(26px, 8.5vw, 70px); }
}