/*------------------------------------*\
   LOCAL SCREENS
\*------------------------------------*/






/*------------------------------------*\
   END LOCAL SCREENS
\*------------------------------------*/ 




/*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/
.section-battery .stats .stat-item:first-child {
    margin-inline-end: 0;
}

@media (max-width: 734px) {
    .section-battery .stats .stat-item:first-child {
        margin-inline-end:0;
    }
}

.section-battery .stats {
    text-align: center;
}

@media (max-width: 734px) {
	.section-battery .stats {
    	text-align: left;
	}
}

.section-battery .stats .stat-item .call-out {
    margin-top:24px;
}

@media (max-width: 1068px) {
    .section-battery .stats .stat-item .call-out {
        margin-top:0;
    }
}

@media (max-width: 734px) {
    .section-battery .stats .stat-item .call-out {
        margin-top:12px;
    }
}

.section-battery .stats .stat-item .call-out .copy {
    margin: 16px auto 0;
}

@media (max-width: 734px) {
	.section-battery .stats .stat-item .call-out .copy {
		margin: initial;
    	margin-top: 12px;
	}
}

@media (max-width: 1068px) {
    .section-battery .stats .stat .stat-caption {
        max-width: none;
    }
}
@media (max-width: 734px) {
    .section-battery .stats .stat .stat-caption {
        max-width:290px;
    }
}

@media (max-width: 734px) {
	.media-card-gallery-content .media-gallery-item-noise-cancellation .caption.typography-media-card-gallery-headline {
		margin: 36px 57px;
	}
}


.section-magical .magical-experience-siri .media-block {
    box-sizing: border-box;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    border-radius: 25px;
    padding: 32px;
    background-image: none
}

@media (max-width: 480px) {
    .section-magical .magical-experience-siri .media-block {
        border-radius: 0;
        background-image: none
    }
}

.section-magical .magical-experience-siri .media-block::before {
    content: "";
    display: block;
    background-color: #fff;
    position: absolute;
    inset: 38px;
    box-shadow: 0 0 32px 40px #fff;
    background: #fff
}

.section-magical .magical-experience-siri .media-block p {
    position: relative;
    text-align: center;
    max-width: 615px
}

@media (max-width: 1068px) {
    .section-magical .magical-experience-siri .media-block p {
        max-width: 480px
    }
}

@media (max-width: 734px) {
    .section-magical .magical-experience-siri .media-block p {
        max-width: 300px
    }
}

html.text-zoom .section-magical .magical-experience-siri .media-block p {
    max-width: 1000px
}

@media (max-width: 734px) {
    .section-magical .magical-experience-siri .media-block p span.mobile-headline-gradient {
        display: block
    }
}

.section-magical .magical-experience-siri .media-block p .headline-gradient {
    --progress-color-one-default: 0;
    --progress-color-two-default: 40;
    --progress-color-three-default: 67;
    --progress-color-four-default: 100;
    --progress-color-one: var(--progress-color-one-default);
    --progress-color-two: var(--progress-color-two-default);
    --progress-color-three: var(--progress-color-three-default);
    --progress-color-four: var(--progress-color-four-default);
    background-image: linear-gradient(60deg, #0894ff calc(var(--progress-color-one) * 1%), #c959dd calc(var(--progress-color-two) * 1%), #ff2e54 calc(var(--progress-color-three) * 1%), #ff9003 calc(var(--progress-color-four) * 1%));
    background-clip: text;
    color: rgba(0, 0, 0, 0);
    margin-top: 8px
}

.section-magical .magical-experience-siri.current .media-block {
    background-image: conic-gradient(from 45deg, #bb64ff, #f28, #ff8b00 28%, #f2416b, #e750de 60%, #0096ff, #bb64ff)
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/