@import url('https://fonts.googleapis.com/css2?family=Caveat:wght@500;600;700&display=swap');
@import url("../../css/styles.css");

/* Founder Note — small focused styles to give a handwritten, warm card */
.founder-note-card{
	position:relative;
	border-radius:14px;
	padding:1.5rem 1.5rem 1.25rem 1.5rem;
	background:linear-gradient(180deg, #fff8f9 0%, #fffaf6 100%);
	border:1px solid rgba(237,154,186,0.35);
	box-shadow:0 8px 24px rgba(217,111,151,0.06), inset 0 1px 0 rgba(255,255,255,0.6);
	transition:transform 260ms var(--ease, cubic-bezier(.2,.9,.2,1)), box-shadow 260ms var(--ease), border-color 260ms var(--ease), background 260ms var(--ease);
	overflow:hidden;
}
.founder-note-card::before{ /* subtle shimmer layer */
	content:'';
	position:absolute;
	top:-40%; left:-20%;
	width:140%; height:200%;
	background:linear-gradient(120deg, rgba(255,255,255,0.0) 0%, rgba(255,255,255,0.25) 45%, rgba(255,255,255,0.0) 60%);
	transform:translateX(-30%) rotate(-12deg);
	opacity:0; pointer-events:none;
	transition:opacity 420ms var(--ease);
}
.founder-note-card:hover{transform:translateY(-8px);box-shadow:0 22px 52px rgba(217,111,151,0.12),0 8px 20px rgba(0,0,0,0.06);border-color:rgba(217,111,151,0.75);background:linear-gradient(180deg,#fff7f8 0%, #fff5f2 100%)}
.founder-note-card:hover::before{opacity:1}

.founder-note-text{font-family: 'Caveat', 'Segoe UI', 'Georgia', cursive; font-size:clamp(1.45rem,2.4vw,1.9rem);line-height:1.45;color:var(--text-color,#2b2b2b);margin:0 0 1rem}

#founder-h{font-family:'Caveat', Georgia, serif; color:#d96f97; font-size:clamp(2.8rem,6vw,3.6rem); line-height:0.95; margin:0 0 0.6rem}
.founder-note-signoff{font-family:'Caveat', Georgia, serif;color:#d96f97;font-size:1.05rem;text-align:right;margin:0.25rem 0 0}

@media (prefers-reduced-motion: reduce){
	.founder-note-card, .founder-note-card::before{transition:none!important;transform:none!important}
}

/* Spotlights invitation and small visual tweaks */
.spotlight-invite__inner{display:grid;grid-template-columns:1fr 380px;gap:2.5rem;align-items:center;padding:2.25rem 0}
.spotlight-invite__content .section-kicker{display:inline-block;background:var(--pink-light);color:white;padding:0.25rem 0.75rem;border-radius:999px;font-weight:700;font-size:0.78rem;margin-bottom:0.6rem}
.spotlight-invite__content .section-title{font-family:var(--font-head);font-size:clamp(1.6rem,3.6vw,2.4rem);margin:0 0 0.6rem}
.spotlight-invite__visual{display:flex;align-items:center;justify-content:center}
.spotlight-invite .invite-icon{max-width:100%;height:auto;border-radius:12px;box-shadow:0 8px 20px rgba(217,111,151,0.06)}

.featured-interview-card__inner{
	display:grid !important;
	grid-template-columns:auto minmax(0, 1fr) auto !important;
	gap:1rem !important;
	align-items:center !important;
	min-width:0;
}

.featured-interview-card__visual{
	width:86px;
	height:86px;
	flex:0 0 86px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.featured-interview-card__initials{
	width:56px;
	height:56px;
	border-radius:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	font-weight:700;
	background:linear-gradient(120deg,#fff8fb,#fff0f6);
}

.featured-interview-card__content,
.featured-interview-card__cta,
.references-intro__inner > * {
	min-width:0;
}

.references-intro__inner{
	display:grid !important;
	grid-template-columns:1fr 1fr !important;
	gap:var(--sp-3xl) !important;
	align-items:center !important;
}

.references-intro__visual{
	display:flex;
	justify-content:center;
}

/* Card hover improvements */
.card{transition:transform 260ms var(--ease), box-shadow 260ms var(--ease), border-color 260ms var(--ease)}
.card:hover{transform:translateY(-8px);box-shadow:0 26px 56px rgba(217,111,151,0.12);border-color:rgba(217,111,151,0.48)}
.card-visual{transition:filter 260ms var(--ease), background 260ms var(--ease)}
.card:hover .card-visual{filter:brightness(1.04) saturate(1.03)}
.initials-circle{transition:transform 260ms var(--ease), box-shadow 260ms var(--ease)}
.card:hover .initials-circle{transform:scale(1.08);box-shadow:0 16px 36px rgba(217,111,151,0.12)}
.card-link{transition:transform 220ms var(--ease), color 220ms var(--ease)}
.card-link:hover{transform:translateX(4px);color:var(--pink-primary-deep)}

/* visual variants */
.visual--rocket{background:linear-gradient(120deg,#fff7fb,#fff0f6)}
.visual--orbit{background:linear-gradient(120deg,#fff8f6,#fff4fb)}
.visual--rover{background:linear-gradient(120deg,#fff9f7,#fff4f6)}
.visual--planet{background:linear-gradient(120deg,#fffaf2,#fff6f8)}
.visual--stars{background:linear-gradient(120deg,#fff8fb,#fffdfc)}
.visual--atom{background:linear-gradient(120deg,#fff8ff,#fffaf9)}
.visual--constellation{background:linear-gradient(120deg,#fff7f9,#fff6fb)}
.visual--molecule{background:linear-gradient(120deg,#fffaf2,#fff8fb)}

@media (max-width:880px){
	.spotlight-invite__inner{grid-template-columns:1fr;gap:1.25rem}
	.spotlight-invite__visual{order:-1}
	.spotlight-invite__content,
	.spotlight-invite__visual{min-width:0}
	.spotlight-invite__visual{overflow:hidden}
}

@media (prefers-reduced-motion: reduce){
	.card, .card-visual, .initials-circle, .card-link, .spotlight-invite__inner{transition:none!important;transform:none!important}
}

/* References page: simple readable list with hanging indent and safe URL wrapping */
.reference-list{list-style:none;padding:0;margin:0;display:grid;gap:0.65rem}
.reference-item{font-size:0.95rem;line-height:1.5;color:var(--text-color,#2b2b2b);padding-left:0}
.reference-item a{word-break:break-word;overflow-wrap:anywhere;color:var(--pink-primary);text-decoration:underline}
.reference-item em{font-style:italic}
.reference-note{font-size:0.95rem;color:var(--text-muted)}

@media (max-width:640px){
  .reference-item{font-size:0.95rem}
}

/* Founder collage portrait frame */
.founder-collage {
--founder-rose: #e98cac;
--founder-blush: #f8c9d8;
--founder-cream: #fff4e8;
--founder-paper: #fffaf6;
--founder-ink: #6f3750;
position: relative;
width: min(100%, 430px);
min-height: 560px;
margin: clamp(1.5rem, 4vw, 3rem) auto;
display: grid;
place-items: center;
isolation: isolate;
}

.founder-collage__glow {
position: absolute;
width: 92%;
height: 84%;
border-radius: 999px;
background:
radial-gradient(circle at 35% 25%, rgba(248, 201, 216, 0.65), transparent 38%),
radial-gradient(circle at 70% 75%, rgba(255, 244, 232, 0.9), transparent 45%);
filter: blur(22px);
opacity: 0.95;
z-index: -5;
}

.founder-collage__blob {
position: absolute;
z-index: -4;
filter: blur(0.2px);
opacity: 0.92;
pointer-events: none;
}

.founder-collage__blob--rose {
width: 330px;
height: 390px;
top: 42px;
left: 18px;
border-radius: 42% 58% 63% 37% / 38% 46% 54% 62%;
background: linear-gradient(135deg, rgba(248, 201, 216, 0.92), rgba(255, 236, 242, 0.8));
transform: rotate(-9deg);
}

.founder-collage__blob--cream {
width: 270px;
height: 310px;
right: 6px;
bottom: 40px;
border-radius: 58% 42% 39% 61% / 52% 40% 60% 48%;
background: linear-gradient(135deg, rgba(255, 244, 232, 0.96), rgba(255, 252, 246, 0.8));
transform: rotate(13deg);
}

.founder-collage__card {
position: relative;
width: min(100%, 315px);
margin: 0;
padding: 16px 16px 72px;
border-radius: 44px 38px 62px 30px;
background:
linear-gradient(180deg, rgba(255, 252, 248, 0.98), rgba(255, 244, 248, 0.96));
border: 1px solid rgba(233, 140, 172, 0.28);
box-shadow:
0 30px 70px rgba(196, 86, 126, 0.22),
0 12px 28px rgba(111, 55, 80, 0.08),
inset 0 0 0 1px rgba(255, 255, 255, 0.7);
transform: rotate(-2deg);
transition: transform 260ms ease, box-shadow 260ms ease;
z-index: 2;
}

.founder-collage__card::before {
content: "";
position: absolute;
inset: 18px;
border-radius: 38px 34px 54px 26px;
background: rgba(255, 214, 226, 0.55);
transform: rotate(5deg);
z-index: -1;
}

.founder-collage__card::after {
content: "";
position: absolute;
inset: auto 28px 22px auto;
width: 82px;
height: 24px;
border-radius: 999px;
background:
radial-gradient(circle, rgba(233, 140, 172, 0.48) 2px, transparent 3px) 0 0 / 14px 14px;
opacity: 0.65;
}

.founder-collage__image {
display: block;
width: 100%;
aspect-ratio: 4 / 5;
object-fit: cover;
object-position: 65% center;
border-radius: 32px 28px 48px 24px;
box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}

.founder-collage__badge {
position: absolute;
top: 28px;
right: -22px;
z-index: 4;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 0.55rem 0.9rem;
border-radius: 999px;
background: linear-gradient(135deg, #ffffff, #ffeaf2);
color: var(--founder-ink);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.04em;
text-transform: uppercase;
border: 1px solid rgba(233, 140, 172, 0.32);
box-shadow: 0 12px 26px rgba(196, 86, 126, 0.16);
transform: rotate(8deg);
}

.founder-collage__caption {
position: absolute;
left: 24px;
right: 24px;
bottom: 18px;
display: flex;
align-items: center;
justify-content: space-between;
gap: 0.7rem;
padding: 0.72rem 0.85rem;
border-radius: 20px 20px 28px 18px;
background: rgba(255, 255, 255, 0.78);
backdrop-filter: blur(10px);
border: 1px solid rgba(233, 140, 172, 0.2);
color: var(--founder-ink);
font-size: 0.78rem;
box-shadow: 0 12px 24px rgba(111, 55, 80, 0.08);
}

.founder-collage__caption span {
color: rgba(111, 55, 80, 0.74);
}

.founder-collage__caption strong {
color: var(--founder-ink);
font-weight: 800;
}

.founder-collage__tag {
position: absolute;
left: 4px;
bottom: 88px;
z-index: 5;
max-width: 185px;
padding: 0.72rem 0.95rem;
border-radius: 18px 18px 18px 6px;
background: linear-gradient(135deg, #fff7df, #ffe9f1);
color: var(--founder-ink);
font-size: 0.82rem;
font-weight: 800;
line-height: 1.2;
box-shadow: 0 14px 30px rgba(196, 86, 126, 0.16);
border: 1px solid rgba(233, 140, 172, 0.2);
transform: rotate(-7deg);
}

.founder-collage__tape {
position: absolute;
z-index: 6;
width: 92px;
height: 28px;
border-radius: 8px;
background:
linear-gradient(90deg, rgba(255, 255, 255, 0.58), rgba(255, 221, 232, 0.62)),
repeating-linear-gradient(45deg, rgba(255,255,255,0.24) 0 5px, transparent 5px 10px);
border: 1px solid rgba(255, 255, 255, 0.5);
box-shadow: 0 8px 20px rgba(111, 55, 80, 0.08);
backdrop-filter: blur(4px);
}

.founder-collage__tape--one {
top: 58px;
left: 112px;
transform: rotate(-10deg);
}

.founder-collage__tape--two {
right: 32px;
bottom: 132px;
transform: rotate(13deg);
width: 74px;
opacity: 0.82;
}

.founder-collage__sparkle {
position: absolute;
z-index: 7;
color: rgba(196, 86, 126, 0.75);
text-shadow: 0 8px 20px rgba(196, 86, 126, 0.2);
pointer-events: none;
}

.founder-collage__sparkle--one {
top: 62px;
right: 44px;
font-size: 1.65rem;
}

.founder-collage__sparkle--two {
top: 150px;
left: 20px;
font-size: 1.35rem;
}

.founder-collage__sparkle--three {
right: 20px;
bottom: 74px;
font-size: 1.15rem;
}

.founder-collage__orbit {
position: absolute;
right: -8px;
top: 150px;
width: 96px;
height: 96px;
z-index: 1;
fill: none;
stroke: rgba(196, 86, 126, 0.38);
stroke-width: 2;
transform: rotate(14deg);
}

.founder-collage__orbit circle {
fill: rgba(196, 86, 126, 0.5);
stroke: none;
}

.founder-collage:hover .founder-collage__card {
transform: rotate(-0.5deg) translateY(-8px);
box-shadow:
0 38px 86px rgba(196, 86, 126, 0.26),
0 16px 34px rgba(111, 55, 80, 0.1),
inset 0 0 0 1px rgba(255, 255, 255, 0.75);
}

.founder-collage:hover .founder-collage__sparkle--one {
transform: translateY(-4px) rotate(8deg);
}

.founder-collage:hover .founder-collage__tag {
transform: rotate(-4deg) translateY(-3px);
}


/* Spotlight profile hero */
.spotlight-profile-hero {
position: relative;
overflow: hidden;
}

.spotlight-profile-hero__grid {
display: grid;
grid-template-columns: minmax(0, 1.05fr) minmax(300px, 0.95fr);
gap: clamp(2.5rem, 6vw, 5rem);
align-items: center;
}

.spotlight-profile-hero__content {
max-width: 700px;
}

.spotlight-profile-hero__field {
display: inline-flex;
margin: 0.7rem 0 1rem;
padding: 0.6rem 0.95rem;
border-radius: 999px;
background: rgba(248, 201, 216, 0.5);
color: #7a3551;
font-weight: 850;
box-shadow: inset 0 0 0 1px rgba(233, 140, 172, 0.22);
}

.spotlight-profile-hero__dek {
font-size: clamp(1.05rem, 2vw, 1.25rem);
line-height: 1.8;
color: #6f5060;
}

/* Spotlight avatar image frame */
.spotlight-profile-hero__visual {
display: grid;
place-items: center;
}

.spotlight-avatar-frame {
position: relative;
width: min(100%, 390px);
min-height: 450px;
display: grid;
place-items: center;
isolation: isolate;
}

.spotlight-avatar-frame__glow {
position: absolute;
width: 92%;
height: 86%;
border-radius: 999px;
background:
radial-gradient(circle at 35% 20%, rgba(248, 201, 216, 0.7), transparent 40%),
radial-gradient(circle at 70% 78%, rgba(255, 244, 232, 0.95), transparent 46%);
filter: blur(24px);
z-index: -5;
}

.spotlight-avatar-frame__blob {
position: absolute;
z-index: -4;
opacity: 0.92;
pointer-events: none;
}

.spotlight-avatar-frame__blob--one {
width: 310px;
height: 365px;
top: 42px;
left: 18px;
border-radius: 42% 58% 63% 37% / 38% 46% 54% 62%;
background: linear-gradient(135deg, rgba(248, 201, 216, 0.9), rgba(255, 238, 244, 0.78));
transform: rotate(-9deg);
}

.spotlight-avatar-frame__blob--two {
width: 255px;
height: 280px;
right: 4px;
bottom: 44px;
border-radius: 58% 42% 39% 61% / 52% 40% 60% 48%;
background: linear-gradient(135deg, rgba(255, 244, 232, 0.96), rgba(255, 252, 246, 0.82));
transform: rotate(13deg);
}

.spotlight-avatar-frame__card {
position: relative;
width: min(100%, 305px);
margin: 0;
padding: 15px 15px 78px;
border-radius: 46px 38px 62px 30px;
background:
linear-gradient(180deg, rgba(255, 252, 248, 0.98), rgba(255, 243, 248, 0.96));
border: 1px solid rgba(233, 140, 172, 0.3);
box-shadow:
0 32px 76px rgba(196, 86, 126, 0.22),
0 16px 36px rgba(111, 55, 80, 0.08),
inset 0 0 0 1px rgba(255, 255, 255, 0.72);
transform: rotate(-2deg);
}

.spotlight-avatar-frame__image-wrap {
position: relative;
overflow: hidden;
border-radius: 34px 30px 48px 24px;
background: #fff4e8;
aspect-ratio: 4 / 5;
}

.spotlight-avatar-frame__image {
display: block;
width: 100%;
height: 100%;
object-fit: cover;
}

.spotlight-avatar-frame__caption {
position: absolute;
left: 24px;
right: 24px;
bottom: 18px;
display: grid;
gap: 0.15rem;
padding: 0.72rem 0.85rem;
border-radius: 20px 20px 28px 18px;
background: rgba(255, 255, 255, 0.78);
backdrop-filter: blur(10px);
border: 1px solid rgba(233, 140, 172, 0.2);
color: #6f3750;
box-shadow: 0 12px 24px rgba(111, 55, 80, 0.08);
}

.spotlight-avatar-frame__caption span {
font-size: 0.76rem;
color: rgba(111, 55, 80, 0.74);
font-weight: 750;
}

.spotlight-avatar-frame__caption strong {
font-size: 0.96rem;
color: #5f243d;
}

.spotlight-avatar-frame__badge {
position: absolute;
right: -4px;
top: 78px;
z-index: 5;
padding: 0.62rem 0.95rem;
border-radius: 999px;
background: linear-gradient(135deg, #fff8df, #ffe7f0);
color: #6f3750;
font-size: 0.78rem;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.05em;
border: 1px solid rgba(233, 140, 172, 0.25);
box-shadow: 0 14px 30px rgba(196, 86, 126, 0.16);
transform: rotate(7deg);
}

.spotlight-avatar-frame__sparkle {
position: absolute;
z-index: 6;
color: rgba(196, 86, 126, 0.78);
text-shadow: 0 8px 20px rgba(196, 86, 126, 0.2);
pointer-events: none;
}

.spotlight-avatar-frame__sparkle--one {
top: 46px;
right: 54px;
font-size: 1.6rem;
}

.spotlight-avatar-frame__sparkle--two {
left: 30px;
bottom: 78px;
font-size: 1.25rem;
}

.spotlight-avatar-frame__orbit {
position: absolute;
width: 142px;
height: 68px;
border: 2px solid rgba(196, 86, 126, 0.34);
border-radius: 50%;
transform: rotate(-24deg);
z-index: -1;
}

.spotlight-avatar-frame__orbit::before {
content: "";
position: absolute;
width: 11px;
height: 11px;
right: 10px;
top: 27px;
border-radius: 50%;
background: rgba(196, 86, 126, 0.55);
}

/* Spotlight achievement carousel */
.spotlight-journey {
position: relative;
}

.spotlight-journey__heading {
max-width: 740px;
margin-bottom: clamp(1.6rem, 4vw, 2.6rem);
}

.spotlight-carousel {
max-width: 920px;
margin-inline: auto;
}

.spotlight-carousel__viewport {
position: relative;
min-height: 390px;
overflow: hidden;
border-radius: 38px;
background:
radial-gradient(circle at 10% 16%, rgba(248, 201, 216, 0.46), transparent 34%),
radial-gradient(circle at 88% 82%, rgba(255, 244, 232, 0.92), transparent 40%),
linear-gradient(135deg, rgba(255, 250, 246, 0.98), rgba(255, 239, 246, 0.93));
border: 1px solid rgba(233, 140, 172, 0.25);
box-shadow:
0 32px 78px rgba(196, 86, 126, 0.17),
0 14px 32px rgba(111, 55, 80, 0.07),
inset 0 0 0 1px rgba(255,255,255,0.72);
}

.spotlight-carousel__viewport::before {
content: "";
position: absolute;
width: 190px;
height: 190px;
right: -52px;
top: -58px;
border-radius: 999px;
background: rgba(248, 201, 216, 0.36);
pointer-events: none;
}

.spotlight-carousel__viewport::after {
content: "✦";
position: absolute;
right: clamp(1.5rem, 5vw, 3rem);
bottom: clamp(1.2rem, 4vw, 2.4rem);
color: rgba(196, 86, 126, 0.32);
font-size: 3rem;
pointer-events: none;
}

.spotlight-carousel__slide {
min-height: 390px;
padding: clamp(2.2rem, 5vw, 3.8rem);
display: grid;
align-content: center;
gap: 0.78rem;
}

.spotlight-carousel__slide[hidden] {
display: none !important;
}

.spotlight-carousel__slide.is-active {
display: grid;
animation: spotlightSlideIn 240ms ease both;
}

@keyframes spotlightSlideIn {
from {
opacity: 0;
transform: translateY(8px) scale(0.99);
}

to {
opacity: 1;
transform: translateY(0) scale(1);
}
}

.spotlight-carousel__count {
width: fit-content;
padding: 0.42rem 0.78rem;
border-radius: 999px;
background: rgba(255,255,255,0.76);
color: #8b4964;
font-weight: 850;
font-size: 0.78rem;
box-shadow: inset 0 0 0 1px rgba(233, 140, 172, 0.16);
}

.spotlight-carousel__icon {
font-size: 2.15rem;
line-height: 1;
}

.spotlight-carousel__label {
margin: 0;
color: #9b4d6b;
font-weight: 900;
text-transform: uppercase;
letter-spacing: 0.08em;
font-size: 0.78rem;
}

.spotlight-carousel__slide h3 {
margin: 0;
max-width: 660px;
color: #2e1422;
font-size: clamp(1.75rem, 4vw, 2.65rem);
line-height: 1.08;
}

.spotlight-carousel__slide p:not(.spotlight-carousel__label) {
margin: 0;
max-width: 700px;
color: #624456;
font-size: clamp(1rem, 2vw, 1.15rem);
line-height: 1.76;
}

.spotlight-carousel__nav {
display: flex;
justify-content: center;
align-items: center;
gap: 0.85rem;
flex-wrap: wrap;
margin-top: 1.2rem;
}

.spotlight-carousel__arrow,
.spotlight-carousel__dot {
border: 0;
cursor: pointer;
font: inherit;
}

.spotlight-carousel__arrow {
width: 2.8rem;
height: 2.8rem;
display: grid;
place-items: center;
border-radius: 999px;
background: linear-gradient(135deg, #ffe5ef, #fff4e8);
color: #61283f;
font-weight: 900;
box-shadow: 0 12px 25px rgba(196, 86, 126, 0.14);
transition: transform 180ms ease, box-shadow 180ms ease;
}

.spotlight-carousel__arrow:hover,
.spotlight-carousel__arrow:focus-visible {
transform: translateY(-2px);
box-shadow: 0 16px 30px rgba(196, 86, 126, 0.18);
outline: 3px solid rgba(246, 167, 195, 0.35);
outline-offset: 3px;
}

.spotlight-carousel__dots {
display: flex;
justify-content: center;
gap: 0.55rem;
padding: 0.38rem 0.55rem;
border-radius: 999px;
background: rgba(255, 255, 255, 0.58);
box-shadow: inset 0 0 0 1px rgba(233, 140, 172, 0.14);
}

.spotlight-carousel__dot {
width: 0.78rem;
height: 0.78rem;
border-radius: 999px;
background: rgba(122, 53, 81, 0.24);
box-shadow: inset 0 0 0 1px rgba(122, 53, 81, 0.18);
transition: width 180ms ease, background 180ms ease, transform 180ms ease;
}

.spotlight-carousel__dot:hover,
.spotlight-carousel__dot:focus-visible {
transform: scale(1.12);
outline: 3px solid rgba(246, 167, 195, 0.35);
outline-offset: 3px;
}

.spotlight-carousel__dot.is-active {
width: 2.05rem;
background: #f6a7c3;
}

@media (max-width: 900px) {
.spotlight-profile-hero__grid {
grid-template-columns: 1fr;
}

.spotlight-profile-hero__content {
order: 1;
}

.spotlight-profile-hero__visual {
order: 2;
}

.spotlight-avatar-frame {
min-height: 410px;
}
}

/* === Footer copyright line === */
footer.site-footer::after {
content: "© 2026 Her Future STEM. Student project. All rights reserved.";
display: block;
width: 100%;
flex-basis: 100%;
grid-column: 1 / -1;
margin-top: 1.25rem;
padding-top: 1rem;
text-align: center;
font-size: 0.9rem;
line-height: 1.5;
opacity: 0.78;
}

footer.site-footer .footer-bottom > p {
display: none;
}

@media (max-width: 640px) {
.spotlight-avatar-frame {
min-height: 380px;
}

.spotlight-avatar-frame__card {
width: min(100%, 270px);
padding: 13px 13px 70px;
}

.spotlight-avatar-frame__badge {
right: 8px;
top: 62px;
}

.spotlight-carousel__viewport,
.spotlight-carousel__slide {
min-height: 440px;
}

.spotlight-carousel__slide {
padding: 1.55rem;
}

.spotlight-carousel__viewport {
border-radius: 28px;
}

.spotlight-carousel__slide h3 {
font-size: 1.58rem;
}

.spotlight-carousel__nav {
gap: 0.65rem;
}
}

@media (prefers-reduced-motion: reduce) {
.spotlight-carousel__slide.is-active {
animation: none;
}

.spotlight-carousel__arrow,
.spotlight-carousel__dot {
transition: none;
}
}
@media (max-width: 900px) {
.founder-collage {
width: min(100%, 380px);
min-height: 520px;
margin-top: 2rem;
}

.founder-collage__card {
width: min(100%, 292px);
}

.founder-collage__badge {
right: -10px;
}

.founder-collage__tag {
left: 10px;
bottom: 70px;
}

.founder-collage__orbit {
right: 4px;
}
}

@media (max-width: 430px) {
.founder-collage {
width: min(100%, 330px);
min-height: 470px;
margin-top: 1.5rem;
}

.featured-interview-card__inner,
.references-intro__inner {
	grid-template-columns:1fr !important;
	gap:1rem !important;
}

.featured-interview-card__cta {
	margin-left:0 !important;
	justify-self:start;
}

.featured-interview-card__visual {
	width:72px;
	height:72px;
	flex:0 0 72px;
}

.featured-interview-card__initials {
	width:48px;
	height:48px;
}

.references-intro__visual {
	overflow:hidden;
}

.founder-collage__card {
width: min(100%, 250px);
padding: 12px 12px 62px;
}

.founder-collage__badge {
top: 18px;
right: -2px;
font-size: 0.72rem;
}

.founder-collage__caption {
left: 14px;
right: 14px;
padding: 0.62rem 0.72rem;
}

.founder-collage__tag {
bottom: 60px;
max-width: 140px;
padding: 0.62rem 0.78rem;
}

.founder-collage__tape--one {
left: 68px;
}

.founder-collage__orbit {
right: 0;
top: 132px;
}
}

@media (max-width: 390px) {
.founder-collage {
width: min(100%, 300px);
min-height: 440px;
}

.founder-collage__card {
width: min(100%, 230px);
padding: 11px 11px 58px;
}

.founder-collage__badge {
top: 16px;
right: 0;
}

.founder-collage__caption {
left: 12px;
right: 12px;
font-size: 0.74rem;
}

.founder-collage__tag {
max-width: 132px;
font-size: 0.72rem;
}

.founder-collage__tape--one {
left: 56px;
}
}

@media (max-width: 360px) {
.founder-collage {
width: min(100%, 280px);
min-height: 410px;
}

.founder-collage__card {
width: min(100%, 214px);
padding: 10px 10px 54px;
}

.founder-collage__caption {
left: 10px;
right: 10px;
}

.founder-collage__tag {
left: 0;
max-width: 122px;
}
}

@media (max-width: 520px) {
.founder-collage {
min-height: 500px;
padding-inline: 0.5rem;
}

.founder-collage__card {
width: min(100%, 270px);
padding: 13px 13px 66px;
border-radius: 36px 32px 48px 26px;
}

.founder-collage__caption {
left: 18px;
right: 18px;
flex-direction: column;
align-items: flex-start;
gap: 0.2rem;
}

.founder-collage__badge {
top: 24px;
right: -4px;
transform: rotate(5deg);
}

.founder-collage__tag {
max-width: 155px;
font-size: 0.76rem;
}

.founder-collage__tape--one {
left: 82px;
}

.founder-collage__orbit {
width: 76px;
height: 76px;
}
}

@media (prefers-reduced-motion: reduce) {
.founder-collage__card,
.founder-collage__sparkle,
.founder-collage__tag {
transition: none;
}

.founder-collage:hover .founder-collage__card,
.founder-collage:hover .founder-collage__sparkle--one,
.founder-collage:hover .founder-collage__tag {
transform: none;
}
}