/* GOCCIA — imza krom: açılış, imleç, geçiş, header cam */

#goccia-boot {
    position: fixed;
    inset: 0;
    z-index: 999999;
    background: #0c0b0a;
    display: grid;
    place-items: center;
    transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1), visibility 0.85s;
}

#goccia-boot.is-out {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.goccia-boot-canvas {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.goccia-boot-brand {
    position: relative;
    z-index: 2;
    font-family: Figtree, sans-serif;
    font-size: clamp(0.72rem, 2vw, 0.82rem);
    font-weight: 700;
    letter-spacing: 0.42em;
    text-indent: 0.42em;
    color: rgba(247, 242, 234, 0.92);
    animation: goccia-boot-pulse 1.8s ease-in-out infinite;
}

@keyframes goccia-boot-pulse {
    0%, 100% { opacity: 0.55; }
    50% { opacity: 1; }
}

.goccia-transition-veil {
    position: fixed;
    inset: 0;
    z-index: 99990;
    pointer-events: none;
    background: linear-gradient(105deg, #0c0b0a 0%, #1a1510 45%, #b08d57 50%, #1a1510 55%, #0c0b0a 100%);
    background-size: 220% 100%;
    background-position: 120% 0;
    opacity: 0;
    mix-blend-mode: multiply;
}

.goccia-transition-veil.is-play {
    animation: goccia-veil-sweep 0.75s cubic-bezier(0.22, 1, 0.36, 1);
}

@keyframes goccia-veil-sweep {
    0% { opacity: 0; background-position: 120% 0; }
    35% { opacity: 0.85; }
    100% { opacity: 0; background-position: -20% 0; }
}

html.goccia-cursor-on,
html.goccia-cursor-on body {
    cursor: none;
}

html.goccia-cursor-on a,
html.goccia-cursor-on button,
html.goccia-cursor-on input,
html.goccia-cursor-on select,
html.goccia-cursor-on textarea {
    cursor: none;
}

.goccia-cursor-ring,
.goccia-cursor-dot,
.goccia-cursor-trail {
    transition: opacity 0.2s ease;
}

.goccia-cursor-ring {
    position: fixed;
    top: 0;
    left: 0;
    width: 36px;
    height: 36px;
    border: 1px solid rgba(176, 141, 87, 0.75);
    border-radius: 50%;
    pointer-events: none;
    z-index: 99998;
    mix-blend-mode: difference;
    transition: transform 0.08s linear, width 0.2s ease, height 0.2s ease, border-color 0.2s ease;
}

.goccia-cursor-ring.is-down {
    width: 28px;
    height: 28px;
    border-color: rgba(241, 101, 39, 0.9);
}

.goccia-cursor-dot {
    position: fixed;
    top: 0;
    left: 0;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #b08d57;
    pointer-events: none;
    z-index: 99999;
    box-shadow: 0 0 12px rgba(176, 141, 87, 0.65);
}

.goccia-cursor-trail {
    position: fixed;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 99997;
}

.rv-header.is-elevated {
    background: rgba(255, 255, 255, 0.78);
    backdrop-filter: blur(16px) saturate(1.2);
    box-shadow: 0 8px 32px rgba(26, 23, 21, 0.08);
}

.rv-strip.goccia-neon-strip {
    position: relative;
    overflow: hidden;
}

.rv-strip.goccia-neon-strip::after {
    content: "";
    position: absolute;
    inset: -2px;
    background: linear-gradient(90deg, transparent, rgba(176, 141, 87, 0.55), transparent);
    transform: translateX(-120%);
    animation: goccia-strip-sheen 4.5s ease-in-out infinite;
    pointer-events: none;
}

@keyframes goccia-strip-sheen {
    0%, 55% { transform: translateX(-120%); opacity: 0; }
    70% { opacity: 1; }
    100% { transform: translateX(120%); opacity: 0; }
}

.goccia-look-gl {
    display: none !important;
}

.stl-stage[data-goccia-look-parallax] img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);
    will-change: transform;
}

.stl-stage[data-goccia-look-stage] {
    overflow: hidden;
    border-radius: 4px;
    box-shadow: 0 28px 80px rgba(0, 0, 0, 0.18);
}

.stl-stage[data-goccia-look-stage] .stl-pin {
    z-index: 3;
}

html.goccia-cursor-over-gallery .goccia-cursor-ring,
html.goccia-cursor-over-gallery .goccia-cursor-dot,
html.goccia-cursor-over-gallery .goccia-cursor-trail {
    opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
    #goccia-boot,
    .goccia-transition-veil,
    .goccia-cursor-ring,
    .goccia-cursor-dot,
    .goccia-cursor-trail {
        display: none !important;
    }

    html.goccia-cursor-on,
    html.goccia-cursor-on body,
    html.goccia-cursor-on a,
    html.goccia-cursor-on button {
        cursor: auto;
    }

    .rv-strip.goccia-neon-strip::after {
        animation: none;
    }
}