/* Confirmed project and product updates, scoped to the local Chinese version. */
.apple-v1.portfolio-page .header-icon { width: 2.75rem; height: 2.75rem; }
.apple-v1.portfolio-page .bubble-trigger { width: 3rem; height: 3rem; }
.apple-v1.portfolio-page .product-slab img { width: 6rem; height: 6rem; }
.apple-v1.portfolio-page .product-slab--secondary img { width: 5rem; height: 5rem; }
.apple-v1.portfolio-page .hero-actions > .text-link {
    min-height: 3rem;
    justify-content: center;
    text-align: center;
}
.apple-v1 .project-story--xiying { background: #eee6d6; }
.apple-v1 .project-story--xiying .story-media { background: #1b1410; }
.apple-v1 .project-story--xiying .story-slide img { object-fit: contain; }
.apple-v1 .story-slide--poster { background: #e5edfa; }
.apple-v1 .story-slide--poster img { object-fit: contain; }
.apple-v1 .project-story:hover .story-slide--poster img,
.apple-v1 .project-story--xiying:hover .story-media img { transform: none; }

/* A shared card frame prevents portrait posters from stretching the project list. */
.apple-v1.portfolio-page .project-story {
    height: 32rem;
    min-height: 0;
    grid-template-rows: minmax(0, 1fr);
}
.apple-v1.portfolio-page .story-copy { min-height: 0; min-width: 0; padding: 2rem; }
.apple-v1.portfolio-page .story-index { margin: 0 0 0.75rem; }
.apple-v1.portfolio-page .story-icon { width: 3.25rem; height: 3.25rem; margin: 0 0 1rem; border-radius: 0.85rem; }
.apple-v1.portfolio-page .story-copy h3 { font-size: clamp(2.4rem, 4vw, 3.25rem); letter-spacing: -0.04em; line-height: 1.05; }
.apple-v1.portfolio-page .story-copy > p:not(.story-index) { margin-top: 1rem; font-size: 1rem; line-height: 1.6; }
.apple-v1.portfolio-page .story-meta { margin-top: 1.25rem; padding-top: 1rem; gap: 0.75rem; }
.apple-v1.portfolio-page .story-actions { margin-top: auto; padding-top: 1.25rem; gap: 0.8rem; }
.apple-v1.portfolio-page .story-media { height: 100%; min-height: 0; }
.apple-v1.portfolio-page .story-track { height: 100%; }
.apple-v1.portfolio-page .story-slide { height: 100%; min-height: 0; box-sizing: border-box; padding-bottom: 3.5rem; }
.apple-v1.portfolio-page .story-slide img { height: 100%; min-height: 0; width: 100%; object-fit: contain; align-self: center; }

.apple-v1.product-page .hero-poster {
    width: min(100%, 22rem);
    margin: 0 auto;
    overflow: hidden;
    border-radius: 1.5rem;
}
.apple-v1.product-page .hero-poster img { display: block; width: 100%; height: auto; }
.apple-v1.product-page .promo-section { padding: 2rem 0 6rem; overflow: hidden; }
.apple-v1.product-page .promo-section h2 {
    margin: 0 0 1rem;
    font-family: var(--v1-display);
    font-size: clamp(2rem, 4vw, 3.75rem);
    font-weight: 650;
    letter-spacing: -0.03em;
    line-height: 1.15;
    text-wrap: balance;
}
.apple-v1.product-page .promo-intro { max-width: 38rem; color: var(--v1-muted); margin-bottom: 2.5rem; }
.apple-v1.product-page .promo-rail {
    --rail-inset: max(1.5rem, calc((100vw - 75rem) / 2));
    display: flex;
    gap: 1.5rem;
    padding: 0 var(--rail-inset) 1.5rem;
    overflow-x: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scroll-padding-inline: var(--rail-inset);
    scrollbar-width: none;
}
.apple-v1.product-page .promo-rail::-webkit-scrollbar { display: none; }
.apple-v1.product-page .promo-rail:focus-visible { outline-offset: -0.25rem; }
.apple-v1.product-page .promo-card {
    flex: 0 0 clamp(17rem, 26vw, 20rem);
    min-width: 0;
    margin: 0;
    scroll-snap-align: start;
}
.apple-v1.product-page .promo-card img {
    display: block;
    width: 100%;
    height: auto;
    aspect-ratio: 900 / 1599;
    border-radius: 1.5rem;
}
.apple-v1.product-page .promo-card figcaption {
    margin-top: 1.25rem;
    padding-inline: 0.25rem;
    color: var(--v1-muted);
    font-size: 0.94rem;
    line-height: 1.6;
}
.apple-v1.product-page .promo-card figcaption strong { color: var(--v1-ink); }
.apple-v1.product-page .promo-controls { display: flex; justify-content: space-between; align-items: center; gap: 1rem; }
.apple-v1.product-page .promo-progress { color: var(--v1-muted); font-size: 0.82rem; font-variant-numeric: tabular-nums; }
.apple-v1.product-page .promo-arrows { display: flex; gap: 0.75rem; }
.apple-v1.product-page .promo-arrows button {
    display: grid;
    place-items: center;
    width: 2.75rem;
    height: 2.75rem;
    padding: 0;
    border: 0;
    border-radius: 50%;
    background: #303034;
    color: var(--v1-ink);
    cursor: pointer;
    transition: background 160ms ease-out;
}
.apple-v1.product-page .promo-arrows button:hover:not(:disabled) { background: #45454b; }
.apple-v1.product-page .promo-arrows button:disabled { opacity: 0.35; cursor: default; }
.apple-v1.product-page .promo-arrows svg { width: 1.4rem; height: 1.4rem; fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.apple-v1.product-page .feature-grid article { display: block; min-height: 0; }
.apple-v1.product-page .feature-grid article::before { display: block; }
.apple-v1.product-page .feature-art {
    /* Source rectangles stay inside the app screen; the poster remains intact. */
    --screen-x: 235;
    --screen-y: 605;
    --screen-width: 454;
    position: relative;
    width: min(100%, 17rem);
    aspect-ratio: 9 / 16;
    margin: 1.25rem auto 1.5rem;
    overflow: hidden;
    border-radius: 1rem;
    background: #fffdf5;
}
.apple-v1.product-page .feature-art img {
    position: absolute;
    display: block;
    width: calc(900 / var(--screen-width) * 100%);
    max-width: none;
    height: auto;
    left: calc(-1 * var(--screen-x) / var(--screen-width) * 100%);
    top: calc(-1 * var(--screen-y) / (var(--screen-width) * 16 / 9) * 100%);
}
.apple-v1.product-page .feature-art--expiry { --screen-x: 354; --screen-y: 624; --screen-width: 426; }
.apple-v1.product-page .feature-art--family { --screen-x: 252; --screen-y: 560; --screen-width: 394; }
.apple-v1.product-page .feature-grid h3 { margin: 0 0 1rem; }
.apple-v1.product-page .download-grid { grid-template-columns: minmax(0, 1fr); }
.apple-v1.product-page .download-grid h2 { max-width: 20ch; }
.apple-v1.product-page .platform-grid h2 { max-width: 20ch; }
.apple-v1.product-page .download-grid .download-note { margin: 1.25rem 0 0; font-size: 0.82rem; }
.apple-v1.product-page .store-button--available { background: #0071e3; color: #f8fbff; border-color: transparent; }
.apple-v1.product-page .store-button--available:hover { background: #0066cd; transform: none; }
.apple-v1.product-page .store-button.is-disabled { cursor: default; opacity: 1; color: #68625b; }
.apple-v1.product-page .platform-list .platform-available { color: #e7eefb; border-color: #7084a6; }

@media (max-width: 960px) {
    .apple-v1.portfolio-page .project-story { height: 50rem; grid-template-rows: 20rem minmax(0, 1fr); }
}

@media (max-width: 700px) {
    .apple-v1.portfolio-page .header-icon { width: 2.5rem; height: 2.5rem; }
    .apple-v1.portfolio-page .hero-actions { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 0.75rem; align-items: center; }
    .apple-v1.portfolio-page .product-slab img { width: 5.25rem; height: 5.25rem; }
    .apple-v1.portfolio-page .product-slab--secondary img { width: 4.75rem; height: 4.75rem; }
    .apple-v1.product-page .promo-section { padding: 1rem 0 4rem; }
    .apple-v1.product-page .promo-rail { --rail-inset: 1rem; gap: 1rem; }
    .apple-v1.product-page .promo-card { flex-basis: min(78vw, 20rem); }
    .apple-v1.portfolio-page .project-story { height: 48rem; grid-template-rows: 18rem minmax(0, 1fr); }
    .apple-v1.portfolio-page .story-copy { padding: 1.5rem 1.25rem; }
    .apple-v1.portfolio-page .story-icon { width: 2.75rem; height: 2.75rem; margin-bottom: 0.75rem; }
    .apple-v1.portfolio-page .story-copy h3 { font-size: 2rem; }
    .apple-v1.portfolio-page .story-copy > p:not(.story-index) { font-size: 0.94rem; margin-top: 0.75rem; }
    .apple-v1.portfolio-page .story-meta { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; margin-top: 1rem; padding-top: 0.75rem; }
    .apple-v1.portfolio-page .story-meta strong { font-size: 0.75rem; }
    .apple-v1.portfolio-page .story-actions { gap: 0.65rem; padding-top: 1rem; }
}

@media (prefers-reduced-motion: reduce) {
    .apple-v1.product-page .promo-rail { scroll-behavior: auto; }
}