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





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





 /*------------------------------------*\
   LOCAL FIXES
\*------------------------------------*/

.section-welcome .media-container .overview-welcome-welcome-hero-logo {
    opacity: 0;
    z-index: 5;
    margin: 0 auto;
    transition: opacity .6s ease-in-out, transform 1s ease-in-out;
    transform: translateY(25px);
}

html.no-enhanced .section-welcome .media-container .overview-welcome-welcome-hero-logo,
html.no-js .section-welcome .media-container .overview-welcome-welcome-hero-logo {
    opacity: 1;
}

.overview-welcome-welcome-hero-block {
    width: 297px;
    height: 97px;
    background-color: #fff;
    margin: 0 auto;
    z-index: 4;
    position: absolute;
    left: 50%;
    transform: translateX(-50%) scale(1.5);
    opacity: 0;
    transition: opacity .3s ease-in-out;
}

.inline-media-component-container.fallback .overview-welcome-welcome-hero-block, .inline-media-component-container.fallback .overview-welcome-welcome-hero-logo {
    opacity: 0;
    display: none;
}

@media only screen and (min-width: 1441px) {
    .section-welcome .overview-welcome-welcome-hero-logo, .section-welcome .overview-welcome-welcome-hero-logo img, .overview-welcome-welcome-hero-block {
        width: 518px;
        height: 176px;
    }
}

@media only screen and (max-width: 1068px) {
    .section-welcome .overview-welcome-welcome-hero-logo, .section-welcome .overview-welcome-welcome-hero-logo img, .overview-welcome-welcome-hero-block {
        width: 228px;
        height: 79px;
    }
}

@media only screen and (max-width: 734px) {
    .section-welcome .overview-welcome-welcome-hero-logo, .section-welcome .overview-welcome-welcome-hero-logo img, .overview-welcome-welcome-hero-block {
        width: 302px;
        height: 101px;
    }
}

@media only screen and (max-width: 480px) {
    .section-welcome .overview-welcome-welcome-hero-logo, .section-welcome .overview-welcome-welcome-hero-logo img, .overview-welcome-welcome-hero-block {
        width: 248px;
        height: 85px;
    }
}

.card .card-control .tile-button .tile-icon.larger {
    height: 46px;
    width: 46px;
}

.card .card-control .tile-button .tile-icon {
    height: 20px;
    width: 20px;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
    .section-apple-intelligence .apple-intelligence-bentos .grid-item-writing-tools .card-copy {
        padding-top: 20px;
    }
}

@media only screen and (max-width: 1068px) {
	.typography-product-stories-bento-copy {
    	font-size: 14px;
	}
}

@media (max-width:1068px) {
    .section-connections .connections-icons .icon-content .icon-copy {
    	max-width: 200px;
	}
}

@media (max-width: 734px) {
	.section-connections .connections-icons .icon-content .icon-copy {
    	max-width: 220px;
	}
}

.section-contrast .section-header .section-header-headline {
    max-width: 70%;
}
@media (max-width: 1068px) {
    .section-contrast .section-header .section-header-headline {
        max-width: 64%;
    }
}
@media (max-width: 734px) {
    .section-contrast .section-header .section-header-headline {
        max-width: 100%;
    }
}

.section-imac-iphone .imac-iphone-image::after {
    padding-bottom: 44.44%;
}

@media (max-width: 1068px) {
.section-imac-iphone .imac-iphone-image::after {
    padding-bottom: 59.04%;
}
}

@media (max-width: 734px) {
.section-imac-iphone .imac-iphone-image::after {
    padding-bottom: 78.57%;
}
}

@media (max-width:734px) {
    .section-apple-intelligence .apple-intelligence-bentos .grid-item-writing-tools {
		.section-apple-intelligence .apple-intelligence-bentos .grid-item:not(.grid-item-fixed) .card-copy {
    		padding-top: 22px;
		}
	}
}
/*------------------------------------*\
   END LOCAL FIXES
\*------------------------------------*/