/* Loaded inline in HTML as fallback when main stylesheet path breaks */
*,
*::before,
*::after {
box-sizing: border-box;
}
html {
-webkit-text-size-adjust: 100%;
}
body {
margin: 0;
font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
color: #111;
background: #fff;
overflow-x: hidden;
}
img,
svg {
max-width: 100%;
height: auto;
display: block;
}
.wrap {
width: min(1120px, calc(100% - 40px));
margin-inline: auto;
}
.showcase-fan {
display: flex;
gap: 16px;
overflow-x: auto;
padding: 12px 0 24px;
justify-content: flex-start;
max-width: 100%;
}
.showcase-shot {
flex: 0 0 min(200px, 72vw);
width: min(200px, 72vw);
margin: 0;
padding: 10px;
border-radius: 28px;
background: linear-gradient(165deg, #2a2d35, #0f1114);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
}
.showcase-shot img {
width: 100%;
border-radius: 20px;
}
.feature-row__media {
max-width: 280px;
margin-inline: auto;
padding: 12px;
border-radius: 28px;
background: linear-gradient(165deg, #2a2d35, #0f1114);
}
.feature-row__media img {
width: 100%;
border-radius: 20px;
}
.badge-link img {
height: 44px;
width: auto;
}
.badge-link--play img {
height: 64px;
}