.perspective-masthead-rule {
    border-top: 4px solid var(--bs-body-color);
    border-bottom: 4px solid var(--bs-body-color);
}

.perspective-title-rule {
    border-bottom: 2px solid var(--bs-body-color);
}

.perspective-quote-frame {
    border-top: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
    border-bottom: 1px solid rgba(var(--bs-emphasis-color-rgb), 0.2);
    border-left: 4px solid var(--bs-primary);
}

.perspective-headline-hover {
    transition: color 0.2s ease;
}

.perspective-headline-hover:hover {
    color: var(--bs-primary);
}

.perspective-micro-label {
    font-size: 0.6rem;
    letter-spacing: 0.15em;
}

.perspective-byline-suffix {
    font-size: 0.6rem;
    opacity: 0.6;
}

.perspective-quote-text {
    font-size: 1.1rem;
}

.perspective-card-desc {
    font-size: 0.875rem;
}

@keyframes git-log-timeline__blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0; }
}

.git-log-timeline__cursor {
    animation: git-log-timeline__blink 1s step-end infinite;
}

.git-log-timeline__accent-line {
    width: 4px;
}

.git-log-timeline__dot {
    width: 0.75rem;
    height: 0.75rem;
}

.git-log-timeline__date-width {
    width: 5rem;
}

.git-log-timeline__min-shrink {
  min-width: 0;
}

/* values-storybook — zigzag alternation, organic blob shapes, hover motion */
/* Layout/transform/animation only — no colors here, theme colors applied via tw: */

.values-storybook__item:nth-child(even) {
    flex-direction: row-reverse;
}

.values-storybook__blob-wrap {
    transition: transform 250ms ease;
}

.values-storybook__item:hover .values-storybook__blob-wrap {
    transform: scale(1.06);
}

.values-storybook__blob {
    position: absolute;
    inset: 0;
    border-radius: 42% 58% 63% 37% / 41% 44% 56% 59%;
}

.values-storybook__item:nth-child(even) .values-storybook__blob {
    border-radius: 58% 42% 37% 63% / 59% 56% 44% 41%;
}

.values-storybook__list {
    transition: transform 200ms ease;
}

/* team v19 — masonry with corner dots */
.team-masonry__media {
  height: 16rem;
}

.team-masonry__img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.team-masonry__card-accent {
  width: 0.25rem;
  z-index: 1;
}

.team-masonry__decor {
  position: absolute;
  width: 120px;
  height: 120px;
  border-radius: 50%;
  opacity: 0.08;
  pointer-events: none;
}

.team-masonry__decor--top-left {
  top: -40px;
  left: -40px;
  background-color: currentColor;
}

.team-masonry__decor--bottom-right {
  bottom: -40px;
  right: -40px;
  background-color: currentColor;
}

@media (max-width: 768px) {
  .team-masonry__decor {
    width: 80px;
    height: 80px;
  }
}

/* quote v29 — Xbox pinwheel: origami fold, device bezel frame, ruler marks, hover overlay */

.quote-xbox__grid {
    /* ultra-tight compact layout */
}

.quote-xbox__item {
    min-height: 10rem;
}

/* origami fold effect via clip-path diagonal cut */
.quote-xbox__card {
    clip-path: polygon(0 0, 100% 0, 100% 95%, 95% 100%, 0 100%);
    transition: transform 200ms ease-out;
}

/* device bezel frame styling */
.quote-xbox__bezel {
    background-image:
        linear-gradient(135deg, rgba(0,0,0,0.04) 0%, transparent 50%),
        linear-gradient(-135deg, rgba(0,0,0,0.04) 0%, transparent 50%);
    box-shadow: inset 0 0 0.5rem rgba(0, 0, 0, 0.08), 0 2px 4px rgba(0, 0, 0, 0.1);
}

/* ruler measurement marks corner decoration */
.quote-xbox__ruler {
    opacity: 0.6;
}

/* badge positioning and style */
.quote-xbox__badge {
    z-index: 2;
}

/* hover overlay slide-down effect */
.quote-xbox__overlay {
    overflow: hidden;
}

@media (hover: hover) {
    .quote-xbox__item:hover .quote-xbox__overlay {
        top: 0;
    }

    .quote-xbox__item:hover .quote-xbox__card {
        transform: translateY(0.25rem);
    }
}

.quote-xbox__overlay-text {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

/* energy/aggressive border accent on hover */
@media (hover: hover) {
    .quote-xbox__item:hover .quote-xbox__bezel {
        border-color: rgb(var(--tw-primary-600, 139, 92, 246));
        box-shadow: inset 0 0 0.5rem rgba(139, 92, 246, 0.2), 0 4px 12px rgba(139, 92, 246, 0.3);
    }
}

/* responsive text sizing */
@media (max-width: 639px) {
    .quote-xbox__item {
        min-height: 9rem;
    }
}

/* watermark title utilities */
.quote-xbox__watermark {
    font-weight: 900;
    letter-spacing: -0.06em;
}

/* measurement marks SVG styling */
.quote-xbox__ruler line {
    stroke-linecap: round;
}

/* accessibility: ensure overlay is visible on focus */
.quote-xbox__item:focus-within .quote-xbox__overlay {
    top: 0;
}