.outline-orb-top {
    top: 0;
    right: 0;
    width: 18rem;
    height: 18rem;
    filter: blur(3rem);
}

.outline-orb-bottom {
    bottom: 0;
    left: 0;
    width: 18rem;
    height: 18rem;
    filter: blur(3rem);
}

.outline-media-group:hover .outline-image-hover {
    transform: scale(1.1);
}

.outline-image-hover {
    transition: transform 0.7s ease;
}

.outline-overlay-hover {
    transition: opacity 0.5s ease;
}

.outline-media-group:hover .outline-overlay-hover {
    opacity: 1;
}

.outline-float-star {
    top: -1rem;
    right: -1rem;
}

.outline-float-check {
    bottom: -1rem;
    left: -1rem;
}

@keyframes bounce-kf {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-25%); }
}

@keyframes pulse-kf {
    0%, 100% { opacity: 0.2; }
    50% { opacity: 0.35; }
}

.outline-bounce {
    animation: bounce-kf 1s infinite;
}

.outline-pulse {
    animation: pulse-kf 3s ease-in-out infinite;
}

.outline-card-hover {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.outline-card-group:hover .outline-card-hover {
    transform: scale(1.05);
    box-shadow: var(--bs-box-shadow-lg);
}

.outline-icon-rotate-hover {
    transition: transform 0.3s ease;
}

.outline-card-group:hover .outline-icon-rotate-hover {
    transform: rotate(12deg);
}

.outline-title-hover {
    transition: color 0.3s ease;
}

.outline-card-group:hover .outline-title-hover {
    color: var(--bs-primary);
}

.outline-sq-6  { width: 1.5rem;  height: 1.5rem;  flex-shrink: 0; }
.outline-sq-8  { width: 2rem;    height: 2rem;    flex-shrink: 0; }
.outline-sq-14 { width: 3.5rem;  height: 3.5rem;  flex-shrink: 0; }

.polaroid-cork-timeline__cork-bg {
    background-image:
        repeating-linear-gradient(
            0deg,
            transparent,
            transparent 20px,
            currentColor 20px,
            currentColor 21px
        ),
        repeating-linear-gradient(
            90deg,
            transparent,
            transparent 20px,
            currentColor 20px,
            currentColor 21px
        );
}

.polaroid-cork-timeline__polaroid {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.polaroid-cork-timeline__polaroid:hover {
    z-index: 10;
}

.polaroid-cork-timeline__polaroid--r0 { transform: rotate(-3deg); }
.polaroid-cork-timeline__polaroid--r1 { transform: rotate(2deg); }
.polaroid-cork-timeline__polaroid--r2 { transform: rotate(-1.5deg); }
.polaroid-cork-timeline__polaroid--r3 { transform: rotate(3.5deg); }
.polaroid-cork-timeline__polaroid--r4 { transform: rotate(-2.5deg); }
.polaroid-cork-timeline__polaroid--r5 { transform: rotate(1.5deg); }

.polaroid-cork-timeline__pin {
    width: 1rem;
    height: 1rem;
}

.polaroid-cork-timeline__pin--tl { top: 1.5rem; left: 1.5rem; }
.polaroid-cork-timeline__pin--tr { top: 1.5rem; right: 1.5rem; }
.polaroid-cork-timeline__pin--bl { bottom: 1.5rem; left: 1.5rem; }
.polaroid-cork-timeline__pin--br { bottom: 1.5rem; right: 1.5rem; }
.polaroid-cork-timeline__pin--center {
    top: -0.75rem;
    left: 50%;
    transform: translateX(-50%);
}

.polaroid-cork-timeline__title-card {
    transform: rotate(-1deg);
}

.polaroid-cork-timeline__photo {
    width: 12rem;
}

@media (min-width: 768px) {
    .polaroid-cork-timeline__photo {
        width: 13rem;
    }
}

.polaroid-cork-timeline__caption-text {
    font-family: 'Courier New', monospace;
}

/* values v13 — accordion chevron rotation, CSS-only via details[open] */
.values-notion-stack__chevron {
    transition: transform 200ms ease;
}

details.values-notion-stack__summary,
details > .values-notion-stack__summary {
    /* no-op selector kept for clarity; actual toggle target is the chevron below */
}

details[open] > .values-notion-stack__summary .values-notion-stack__chevron,
details[open] .values-notion-stack__chevron {
    transform: rotate(180deg);
}

.values-notion-stack__summary {
    -webkit-tap-highlight-color: transparent;
}

.values-notion-stack__summary::-webkit-details-marker {
    display: none;
}

.values-notion-stack__idx {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    letter-spacing: 0.05em;
}

.values-notion-stack__index-num {
    font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}