.home-floorplans-section { position: relative; } .home-floorplans-section__carousel { position: relative; z-index: var(--z-index-base); padding-top: 2rem; } .home-floorplans-section__divider { position: absolute; top: 3rem; right: 0; left: 0; z-index: var(--z-index-flat); height: 2px; background: var(--border); transform-origin: left center; } .home-floorplans-section__swiper.swiper { position: relative; overflow: visible; } .home-floorplans-section__swiper .swiper-slide { display: flex; align-items: flex-start; width: min(82vw, 729px); height: auto; } .home-floorplans-section__card { display: block; width: 100%; color: inherit; text-decoration: none; background: transparent; } .home-floorplans-section__card:hover, .home-floorplans-section__card:focus, .home-floorplans-section__card:focus-visible { text-decoration: none; } .home-floorplans-section__card:focus-visible { outline: 2px solid var(--accent); outline-offset: 3px; } .home-floorplans-section__img { position: relative; aspect-ratio: 810 / 508; padding: 2rem 1.25rem 0; overflow: hidden; transition: padding .45s var(--ease-bloom); } .home-floorplans-section__frame { position: relative; width: 100%; height: 100%; overflow: hidden; } .home-floorplans-section__frame img { width: 100%; height: 100%; object-fit: cover; } .home-floorplans-section__meta { display: flex; gap: 1rem; align-items: flex-start; justify-content: space-between; padding: 1.25rem 1.5rem 1.5rem; transition: background .4s ease; } .home-floorplans-section__cat { position: relative; font-family: var(--body); font-size: max(21px, 1.25rem); font-weight: 900; color: var(--text); text-transform: uppercase; letter-spacing: .3px; transition: color .3s ease; } .home-floorplans-section__det { position: relative; font-size: 1.125rem; line-height: 1.25; color: var(--text); text-align: right; transition: color .3s ease; } .home-floorplans-section__swiper .swiper-slide-active { z-index: var(--z-index-overlay); } .home-floorplans-section__swiper .swiper-slide-active .home-floorplans-section__meta { background: var(--accent-wash); } .home-floorplans-section__swiper .swiper-slide-active .home-floorplans-section__img { padding: 0; } .home-floorplans-section__swiper .swiper-slide-active .home-floorplans-section__det { color: var(--text); } .home-floorplans-section__swiper .swiper-slide-active .home-floorplans-section__cat { color: var(--text); } .home-floorplans-section__card:hover .home-floorplans-section__cat, .home-floorplans-section__card:focus-visible .home-floorplans-section__cat { color: var(--accent); } .home-floorplans-section__cat::after { position: absolute; right: 0; bottom: -.35rem; left: 0; height: 2px; content: ""; background: var(--accent); transform: scaleX(0); transform-origin: left center; transition: transform .4s var(--ease-glide); } .home-floorplans-section__det-a { display: block; transition: opacity .3s ease, transform .35s var(--ease); } .home-floorplans-section__det-b { position: absolute; top: 0; right: 0; font-weight: 900; color: var(--accent); text-transform: uppercase; letter-spacing: .3px; white-space: nowrap; opacity: 0; transform: translateX(12px); transition: opacity .3s ease, transform .35s var(--ease); } .home-floorplans-section__card:hover .home-floorplans-section__cat::after, .home-floorplans-section__card:focus-visible .home-floorplans-section__cat::after { transform: scaleX(1); } .home-floorplans-section__card:hover .home-floorplans-section__det-a, .home-floorplans-section__card:focus-visible .home-floorplans-section__det-a { opacity: 0; transform: translateX(-12px); } .home-floorplans-section__card:hover .home-floorplans-section__det-b, .home-floorplans-section__card:focus-visible .home-floorplans-section__det-b { opacity: 1; transform: translateX(0); } @media (prefers-reduced-motion: reduce) { .home-floorplans-section__cat::after, .home-floorplans-section__det-a, .home-floorplans-section__det-b { transition-duration: .001s; } } .home-floorplans-section__frame--promo::before { position: absolute; top: 0; left: 0; z-index: var(--z-index-base); width: 68%; aspect-ratio: 1; content: ""; background: var(--accent); border-radius: 50%; transform: translate(-50%, -50%) scale(var(--wedge, 1)); } .home-floorplans-section__badge { position: absolute; top: 0; left: 0; z-index: var(--z-index-overlay); padding: 1.5rem; font-family: var(--body); font-size: 1.125rem; font-weight: 900; line-height: 1.1; color: var(--accent-ink); text-align: left; } .home-floorplans-section__arrow { position: absolute; top: calc(3rem + 25.7vw - max(55px, 3.75rem) / 2); z-index: var(--z-index-modal); display: grid; place-items: center; width: max(55px, 3.75rem); height: max(55px, 3.75rem); font-size: 1.5625rem; color: var(--text); cursor: pointer; background: var(--surface); border: 2px solid var(--border); border-radius: 50%; transition: border-color .2s ease, color .2s ease; } .home-floorplans-section__arrow::before { width: .5em; height: .7em; content: ""; background: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .home-floorplans-section__arrow--prev::before { mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-left.svg"); } .home-floorplans-section__arrow--next::before { mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-right.svg"); } .home-floorplans-section__arrow--prev { left: 1rem; } .home-floorplans-section__arrow--next { right: 1rem; } .home-floorplans-section__arrow:hover, .home-floorplans-section__arrow:focus-visible { color: var(--accent); border-color: var(--accent); } @media (min-width: 992px) { .home-floorplans-section__divider { top: 3.875rem; } .home-floorplans-section__swiper .swiper-slide { width: 50.625rem; } .home-floorplans-section__img { padding: 3.8125rem 2.0625rem 0; } .home-floorplans-section__meta { padding: 1.625rem 2.25rem 2rem; } .home-floorplans-section__cat { font-size: 1.875rem; } .home-floorplans-section__det { font-size: 1.75rem; } .home-floorplans-section__badge { padding: 2.75rem 2.5rem; font-size: 1.875rem; } .home-floorplans-section__arrow { top: 17.78rem; width: 4rem; height: 4rem; font-size: 1.625rem; } .home-floorplans-section__arrow--prev { left: 2rem; } .home-floorplans-section__arrow--next { right: 2rem; } }  /*! Swiper 11.0.5 (MIT) - tree-shaken. Core + a11y + effect-fade only. * Nav/pagination/scrollbar/zoom rules and the base64 swiper-icons font are dropped. */ /** * Swiper 11.0.5 * Most modern mobile touch slider and framework with hardware accelerated transitions * https://swiperjs.com * * Copyright 2014-2023 Vladimir Kharlampidi * * Released under the MIT License * * Released on: November 22, 2023 */ :root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translate3d(0px,0,0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-cube-shadow,.swiper-3d .swiper-slide{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper::before{content:'';flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper::before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper::before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-bottom,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:rgba(0,0,0,.15)}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.swiper .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-fade.swiper-free-mode .swiper-slide{transition-timing-function:ease-out}.swiper-fade .swiper-slide{pointer-events:none;transition-property:opacity}.swiper-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-fade .swiper-slide-active{pointer-events:auto}.swiper-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}  .home-vibe-section { position: relative; padding: 3rem var(--x-gap); margin: 0; border-top-right-radius: 0; } .home-vibe-section__inner { display: grid; gap: 2.5rem; align-items: center; } .home-vibe-section__gallery { aspect-ratio: 930 / 775; overflow: hidden; } .home-vibe-section__track { display: flex; flex-direction: row; height: 100%; will-change: transform; } .home-vibe-section__slide { display: none; flex: 0 0 auto; height: 100%; aspect-ratio: 930 / 775; margin-right: 1.5rem; overflow: hidden; } .home-vibe-section__slide--main { display: block; width: 100%; margin-right: 0; } .home-vibe-section__media { width: 100%; height: 100%; } .home-vibe-section__slide img { display: block; width: 100%; height: 100%; object-fit: cover; } @media (min-width: 992px) and (hover: hover) and (pointer: fine) { .home-vibe-section__slide img { transform-origin: 50% 40%; transition: transform 7s var(--ease-glide); } .home-vibe-section__slide:hover img { transform: scale(1.09) translate(-1.5%, -2%); } } @keyframes home-vibe-marquee-y { from { transform: translateY(-50%); } to { transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .home-vibe-section__track { animation: none; } .home-vibe-section__slide img { transition: none; } .home-vibe-section__slide:hover img { transform: none; } } .home-vibe-section__quote { order: -1; } .home-vibe-section__copy { max-width: 36.4375rem; margin-bottom: 2.625rem; } @media (min-width: 992px) { .home-vibe-section { margin-right: var(--section-inset); } .home-vibe-section__gallery { aspect-ratio: 930 / 1066.75; } .home-vibe-section__track { flex-direction: column; height: auto; animation: home-vibe-marquee-y 32s linear infinite; } .home-vibe-section__slide { display: block; width: 100%; height: auto; margin-right: 0; margin-bottom: 1.5rem; } .home-vibe-section { padding: 0; border-top-right-radius: 20.625rem; } .home-vibe-section__inner { grid-template-columns: 56.84% 1fr; gap: 5rem; padding-right: var(--x-gap); padding-left: var(--amenities-rail-width); } .home-vibe-section__quote { order: 0; } } @media (min-width: 992px) and (prefers-reduced-motion: no-preference) and (hover: hover) and (pointer: fine) { /* */ .home-vibe-section__track { translate: 0 0; transition: translate 600ms linear(0, 0.0491 1.25%, 0.0963 2.5%, 0.1855 5%, 0.2679 7.5%, 0.3439 10%, 0.4780 15%, 0.5904 20%, 0.6836 25%, 0.7599 30%, 0.8215 35%, 0.8704 40%, 0.9375 50%, 0.9744 60%, 0.9919 70%, 0.9995 85%, 1); } .home-vibe-section__gallery:hover .home-vibe-section__track, .home-vibe-section__gallery:focus-within .home-vibe-section__track { translate: 0 0.234375%; animation-play-state: paused; } }  .home-amenities-section__bar { display: flex; gap: 10px; align-items: center; order: 3; padding: 8px 12px; margin: 0 0 4px; background: var(--text); } .home-amenities-section__bar-mark { flex: 0 0 auto; width: 22px; height: 22px; } .home-amenities-section__prog { display: flex; flex: 1; gap: 5px; } .home-amenities-section__seg { flex: 1; height: 3px; overflow: hidden; background: rgba(255, 255, 255, .28); border-radius: 2px; } .home-amenities-section__seg-fill { display: block; width: 100%; height: 100%; background: var(--surface); transform: scaleX(0); transform-origin: left; } .home-amenities-section__seg--done .home-amenities-section__seg-fill { transform: scaleX(1); } .home-amenities-section__seg--active .home-amenities-section__seg-fill { animation: home-amen-fill var(--amen-cycle, 5000ms) linear forwards; } @keyframes home-amen-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } } .home-amenities-section__rail { display: none; } .home-amenities-section__body { display: flex; flex-direction: column; padding: var(--x-gap); } .home-amenities-section__head { order: 1; } .home-amenities-section__img { order: 2; } .home-amenities-section__panel { order: 4; } .home-amenities-section__img { --amen-settle: 1s; position: relative; aspect-ratio: 1676 / 922; margin-bottom: 0; overflow: hidden; } .home-amenities-section__img .home-amenities-section__swiper { position: absolute; inset: 0; width: 100%; height: 100%; } .home-amenities-section__swiper .swiper-slide { overflow: hidden; } .home-amenities-section__img img { width: 100%; height: 100%; object-fit: cover; } .home-amenities-section__swiper .swiper-slide img { filter: grayscale(1); transform: scale(1.07); transition: transform var(--amen-settle) var(--ease-glide), filter var(--amen-settle) var(--ease-glide); } .home-amenities-section__swiper .swiper-slide-active img { filter: grayscale(0); transform: scale(1); } .home-amenities-section__cap { position: absolute; top: 1.75rem; right: 1.75rem; z-index: var(--z-index-raised); display: inline-flex; gap: .5rem; align-items: center; max-width: calc(100% - 3.5rem); padding: .4375rem .95rem .4375rem .4375rem; font-family: var(--body); font-weight: 900; color: var(--surface); text-transform: uppercase; letter-spacing: .02em; pointer-events: none; background: var(--text); border-radius: 6.25rem; box-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .22); transform-origin: top right; scale: 1.05; } .home-amenities-section__cap-ic { display: grid; flex: 0 0 auto; place-items: center; width: 1.75rem; height: 1.75rem; background: rgba(255, 255, 255, .18); border-radius: 50%; } .home-amenities-section__cap-ic-dot { width: .9rem; height: .9rem; background: currentColor; mask: var(--icon) no-repeat center / contain; } .home-amenities-section__cap-name, .home-amenities-section__cap-hint { line-height: 1.15; } .home-amenities-section__cap-name { font-size: 1rem; } .home-amenities-section__cap-hint { font-size: 12px; } .home-amenities-section__cap-name { display: none; } .home-amenities-section__cap.is-in { animation: home-amen-cap-in .45s var(--ease); } .home-amenities-section__cols { display: contents; } .home-amenities-section__list { display: flex; flex-direction: column; margin: 16px 0 18px; } .home-amenities-section__row { display: contents; } .home-amenities-section__item-in { display: flex; gap: 12px; align-items: center; } .home-amenities-section__item { display: flex; align-items: center; width: 100%; min-height: 52px; padding: 8px 10px; font-family: var(--body); font-size: 17px; font-weight: 900; line-height: 1.05; color: var(--border); text-align: left; text-transform: uppercase; letter-spacing: .3px; cursor: pointer; border-left: 3px solid transparent; transition: color .18s ease, background-color .18s ease; } .home-amenities-section__item--on { color: var(--text); background: var(--surface-sunken); border-left-color: var(--accent); } .home-amenities-section__dot { flex: 0 0 auto; width: 20px; height: 20px; background: currentColor; -webkit-mask: var(--icon) no-repeat center / contain; mask: var(--icon) no-repeat center / contain; } @media (prefers-reduced-motion: reduce) { .home-amenities-section__swiper .swiper-slide img { filter: none; transform: none; transition: none; } .home-amenities-section__seg--active .home-amenities-section__seg-fill { transform: scaleX(0); animation: none; } .home-amenities-section__item-in { transition: none; } } @media (min-width: 1100px) { .home-amenities-section { --amen-plate-ar: 1.70; --amen-band: 3.4375rem; position: relative; z-index: var(--z-index-base); display: grid; grid-template-columns: var(--amenities-rail-width) 1fr; width: 100%; max-width: none; min-height: 560px; max-height: calc(100svh - var(--navbar-height)); aspect-ratio: var(--amen-plate-ar); } .home-amenities-section__bar { display: none; } .home-amenities-section__cap { display: none; } .home-amenities-section__rail { display: flex; align-items: end; height: calc(100% + var(--rail-over)); padding: 1.4375rem; margin-bottom: calc(-1 * var(--rail-over)); border-bottom-right-radius: 3.5625rem; } .home-amenities-section__rail-mark { width: 100%; height: auto; aspect-ratio: 1; } .home-amenities-section__body { --amen-gutter: max(0px, 50% - (var(--container-max) - var(--amenities-rail-width)) / 2); --amen-side: calc(var(--section-inset) + var(--amen-gutter)); --amen-copy-inset: max(28px, 2.6rem); position: relative; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding: var(--amen-band) calc(var(--amen-side) + var(--amen-copy-inset)) calc(var(--amen-band) + var(--amen-copy-inset)); overflow: clip; } .home-amenities-section__img { position: absolute; inset: var(--amen-band) var(--section-inset); z-index: var(--z-index-flat); aspect-ratio: auto; margin: 0; } .home-amenities-section__img::after { position: absolute; inset: 0; z-index: var(--z-index-overlay); pointer-events: none; content: ""; background: rgba(10, 9, 9, .55); -webkit-mask-image: var(--amen-scrim-shape); mask-image: var(--amen-scrim-shape); --amen-scrim-shape: radial-gradient(78% 62% at 10% 105%, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .90) 62%, rgba(0, 0, 0, 0) 100%), linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, .85) 9.5%, rgba(0, 0, 0, 0) 19%); } .home-amenities-section__cols { position: relative; z-index: var(--z-index-overlay); display: grid; grid-template-areas: "head cta" "list list"; grid-template-columns: 1fr auto; column-gap: 3rem; align-items: end; pointer-events: none; } .home-amenities-section__panel { display: contents; } .home-amenities-section__head { display: flex; flex-direction: column; grid-area: head; } .home-amenities-section__head .subheading { order: -1; margin: 0 0 .9rem; color: var(--surface); } .home-amenities-section__list { grid-area: list; } .home-amenities-section__cols .btn { grid-area: cta; } .home-amenities-section__head .display { margin: 0; font-size: clamp(2.6rem, calc(4.4vw * var(--ts)), 6.2rem); line-height: .96; color: var(--surface); } .home-amenities-section__cols .btn { --color: transparent; --bloom: var(--surface); --bloom-ink: var(--text-strong); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .75); } .home-amenities-section__cols .btn:focus-visible { outline-color: var(--surface); } .home-amenities-section__list { display: flex; flex-direction: row; gap: 1.4rem; justify-content: space-between; padding-top: max(12px, 1.27778rem); margin: max(18px, 1.6rem) 0 0; border-top: 1px solid rgba(255, 255, 255, .28); } .home-amenities-section__row { display: contents; } .home-amenities-section__item, .home-amenities-section__cols .btn { pointer-events: auto; } .home-amenities-section__item { position: relative; width: auto; min-height: 0; padding: 0; font-size: max(12px, 1.27778rem); color: rgba(255, 255, 255, .6); white-space: nowrap; background: none; border-left: 0; transition: color .3s var(--ease); } .home-amenities-section__item--on { color: var(--surface); background: none; } .home-amenities-section__item-in { gap: .6em; transform-origin: center; transition: scale .45s var(--ease-back); } .home-amenities-section__item--on .home-amenities-section__item-in { scale: 1.09; } .home-amenities-section__item::after { position: absolute; top: calc(-1 * max(12px, 1.27778rem) - 1px); right: 0; left: 0; height: 2px; content: ""; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .45s var(--ease); } .home-amenities-section__item--on::after { transform: scaleX(1); } .home-amenities-section__dot { width: 1.33em; height: 1.33em; } } @keyframes home-amen-cap-in { from { opacity: 0; transform: translateY(-.5rem); } to { opacity: 1; transform: none; } } .home-amenities-section__cursor .home-amenities-section__cursor-lab { opacity: 0; transition: opacity .14s var(--ease); } .home-amenities-section__cursor.is-on .home-amenities-section__cursor-lab { opacity: 1; transition: opacity .26s var(--ease) .2s; } .home-amenities-section__cursor-lab { display: flex; gap: 5px; align-items: center; font-family: var(--display); font-size: 14px; font-weight: 900; line-height: 1; color: var(--text-strong); text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; } .home-amenities-section__cursor-lab::before, .home-amenities-section__cursor-lab::after { display: none; width: .51em; height: .71em; content: ""; background: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .home-amenities-section__cursor-lab[data-dir="prev"]::before { display: block; mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-left.svg"); } .home-amenities-section__cursor-lab[data-dir="next"]::after { display: block; mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-right.svg"); } .home-amenities-section__img.is-custom, .home-amenities-section__img.is-custom * { cursor: default; } .home-amenities-section__img.is-custom[data-hot="1"], .home-amenities-section__img.is-custom[data-hot="1"] * { cursor: none; } .home-amenities-section__img { cursor: pointer; } .home-amenities-section__cursor.is-on.is-down .home-amenities-section__cursor-puck { transform: scale(.9); transition: transform .12s var(--ease); } .home-amenities-section__cursor::after { position: absolute; inset: 0; pointer-events: none; content: ""; border: 2px solid var(--surface); border-radius: 50%; opacity: 0; } .home-amenities-section__cursor.is-tap::after { animation: amen-cursor-ping .52s var(--ease); } @keyframes amen-cursor-ping { from { opacity: .75; transform: scale(1); } to { opacity: 0; transform: scale(1.8); } } @media (prefers-reduced-motion: reduce) { .home-amenities-section__cursor, .home-amenities-section__cursor-puck, .home-amenities-section__cursor-lab { transition: none; } .home-amenities-section__cursor-puck { transform: none; } .home-amenities-section__cursor.is-on.is-down .home-amenities-section__cursor-puck { transform: scale(1); } .home-amenities-section__cursor.is-tap::after { animation: none; } }  .magnetic-cursor { position: fixed; top: 0; left: 0; z-index: var(--z-index-cursor); pointer-events: none; opacity: 0; transform: translate3d(-200px, -200px, 0) translate(-50%, -50%); transition: opacity .5s var(--ease); will-change: transform; } .magnetic-cursor.is-on { opacity: var(--magnetic-cursor-vis, 1); transition: opacity .18s var(--ease); } .magnetic-cursor__puck { display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; overflow: hidden; background: var(--surface); border-radius: 50%; box-shadow: 0 .4rem 1.3rem rgba(0, 0, 0, .28); transform: scale(.1); transition: var(--magnetic-cursor-puck-tr, transform .5s var(--ease)); } .magnetic-cursor.is-on .magnetic-cursor__puck { transform: scale(1); transition: var(--magnetic-cursor-puck-tr-on, transform .5s var(--ease-back)); }  .home-location-section { position: relative; width: 100vw; padding: var(--y-gap) 0; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); --loc-card: min(82vw, 557px); --loc-gap: 1rem; --loc-squeeze: 1; } @media (min-width: 1100px) { .home-location-section { padding-top: calc(var(--y-gap) + var(--rail-over)); } } .home-location-section__row { position: relative; } .home-location-section__swiper.swiper { overflow: visible; } .home-location-section__swiper .swiper-slide { width: calc(var(--loc-card) + var(--loc-gap)); height: calc(var(--loc-card) / 16 * 18); padding-right: var(--loc-gap); } .home-location-section__swiper .swiper-wrapper { transition-timing-function: var(--ease-glide); } .home-location-section__card { position: relative; width: 100%; height: 100%; overflow: hidden; } .home-location-section__card img { width: 100%; height: 100%; object-fit: cover; } .home-location-section__card::after { position: absolute; inset: 0; content: ""; background: linear-gradient(to top, rgba(0, 0, 0, .6), transparent 42%); } .home-location-section__cap { position: absolute; bottom: 1.5rem; left: 1.5rem; z-index: var(--z-index-overlay); color: var(--text); } .home-location-section__cap b { display: block; margin-bottom: .375rem; font-family: var(--body); font-size: 1.125rem; font-weight: 900; text-transform: uppercase; letter-spacing: .3px; text-wrap: balance; } .home-location-section__cap span { font-size: 1rem; opacity: .92; } .home-location-section__info-wrap { display: contents; } .home-location-section__info { position: static; display: flex; flex-direction: column; padding: 1.875rem var(--x-gap) 0; } .home-location-section__info .subheading { margin-bottom: 1rem; } .home-location-section__lead { max-width: 700px; margin-bottom: 1.75rem; text-wrap: pretty; } .home-location-section__nav { align-self: flex-start; margin-bottom: 1.25rem; } .home-location-section__nav-row { display: flex; gap: max(22px, 1.375rem); align-items: center; } .home-location-section__nav-btn { display: grid; place-items: center; width: max(44px, 2.75rem); height: max(44px, 2.75rem); color: var(--text); appearance: none; cursor: pointer; background: none; border: 0; transition: color .2s ease; } .home-location-section__nav-btn:hover { color: var(--accent); } .home-location-section__nav-btn:focus-visible { outline: 3px solid var(--accent); outline-offset: 2px; border-radius: 4px; } .home-location-section__nav-btn { position: relative; } .home-location-section__nav-ring { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .home-location-section__nav-btn::before { display: block; width: max(17px, 1.1rem); height: max(24px, 2.115rem); content: ""; background: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .home-location-section__nav-btn--prev::before { mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-left.svg"); } .home-location-section__nav-btn--next::before { mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-right.svg"); } .home-location-section__cta { flex-direction: column; align-self: flex-start; padding: 1.25rem 2rem; border-radius: 3.75rem; } @media (min-width: 992px) { .home-location-section { --loc-squeeze: .727; --loc-card: calc((100% - 4 * var(--loc-gap)) / (3 + 2 * var(--loc-squeeze))); --loc-gap: 1.375rem; --loc-bleed: 1.375rem; } .home-location-section__card { --card-clipped: calc(clamp(0, var(--card-p, 1) - 2, 1) - clamp(0, var(--card-p, 1) - 4, 1)); --card-shift: clamp(0, var(--card-p, 1) - 3, 2); clip-path: inset(0 calc(var(--card-clipped) * (1 - var(--loc-squeeze)) * 100%) 0 0); transform: translateX(calc(var(--card-shift) * (1 - var(--loc-squeeze)) * -100%)); transition: transform var(--card-dur, 0ms) var(--ease-glide), clip-path var(--card-dur, 0ms) var(--ease-glide); } .home-location-section__swiper .swiper-slide { height: min(61.9875rem, 72vh); } .home-location-section__cap { bottom: 2.875rem; left: 2.625rem; } .home-location-section__cap b { font-size: 1.4375rem; } .home-location-section__cap span { font-size: 1.375rem; } .home-location-section__info-wrap { position: absolute; inset: 0; z-index: var(--z-index-raised); display: block; pointer-events: none; } .home-location-section__info { position: absolute; top: 0; bottom: 0; left: calc(2 * (var(--loc-card) + var(--loc-gap)) - var(--loc-bleed)); justify-content: flex-end; width: calc(2 * var(--loc-card) * var(--loc-squeeze) + var(--loc-gap) + 2 * var(--loc-bleed)); padding: 0 2.75rem 3.25rem; pointer-events: auto; background: var(--surface); } .home-location-section__info .subheading { margin-bottom: 1.125rem; } .home-location-section__lead { margin-bottom: 2.25rem; } .home-location-section__nav { margin-bottom: 1.5rem; } }  .progress-ring { width: var(--progress-ring-size, 56px); height: var(--progress-ring-size, 56px); } .progress-ring__track { stroke: var(--progress-ring-track, var(--border)); stroke-width: var(--progress-ring-width, 2); } .progress-ring__bar { stroke: var(--progress-ring-bar, var(--accent)); stroke-width: var(--progress-ring-width, 2); stroke-linecap: round; stroke-dasharray: 1000; stroke-dashoffset: 1000; } @media (prefers-reduced-motion: reduce) { .progress-ring__bar { display: none; } }  .home-social-section { --ig-pad: 1.5rem; --ig-gap: 15px; --ig-plate-top: calc(var(--ig-pad) + 1rem + 1.75rem); --ig-plate-bottom: calc(1.875rem + 1.4375rem + 1.75rem); width: 100vw; padding: 3rem 0 0; margin-right: calc(50% - 50vw); margin-left: calc(50% - 50vw); overflow: hidden; text-align: center; } .home-social-section__ghost { font-size: clamp(4.5rem, calc(22vw * var(--ts)), 14.125rem); line-height: .86; letter-spacing: .05em; white-space: nowrap; } .home-social-section__marquee { position: relative; z-index: var(--z-index-base); margin: 0; overflow: hidden; } .home-social-section__ent { position: relative; display: block; } .home-social-section__track { display: flex; width: max-content; will-change: transform; } .home-social-section__track .home-social-section__ghost { display: block; padding-right: 6rem; } .home-social-section__cards { position: relative; z-index: var(--z-index-overlay); margin: calc(var(--ig-plate-top) + .75rem) 0 calc(var(--ig-plate-bottom) + .75rem); } .home-social-section__swiper.swiper { position: relative; overflow: visible; } .home-social-section__swiper .swiper-slide { display: flex; align-items: center; width: clamp(16rem, 62vw, 28.1875rem); } .home-social-section__swiper .swiper-slide-active { z-index: var(--z-index-overlay); } .home-social-section__swiper .swiper-wrapper { transition-timing-function: var(--ease-glide); } .home-social-section__card { position: relative; display: block; width: 100%; cursor: pointer; } .home-social-section__card::before { position: absolute; top: calc(-1 * var(--ig-plate-top)); right: calc(-1 * var(--ig-pad)); bottom: calc(-1 * var(--ig-plate-bottom)); left: calc(-1 * var(--ig-pad)); z-index: var(--z-index-flat); content: ""; background: var(--surface); box-shadow: 0 .75rem 2.75rem rgba(0, 0, 0, .10); opacity: 0; transition: opacity .38s ease; } .home-social-section__card-media { position: relative; z-index: var(--z-index-base); display: block; aspect-ratio: 451 / 493; overflow: hidden; } .home-social-section__card-media img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); transform: scale(1.07); transition: filter .32s ease, transform .5s var(--ease-glide); } .home-social-section__card-top { position: absolute; right: 0; bottom: 100%; left: 0; z-index: var(--z-index-base); display: flex; align-items: center; height: 1.75rem; margin-bottom: 1rem; opacity: 0; transition: opacity .32s ease .16s; } .home-social-section__card-user { font-family: var(--body); font-size: 1.1875rem; font-weight: 700; color: var(--text-strong); letter-spacing: .02em; } @media (min-width: 992px) { .home-social-section__card-user { font-size: 1.31944rem; } } .home-social-section__card-actions { position: absolute; top: 100%; right: 0; left: 0; z-index: var(--z-index-base); display: flex; gap: 1.1875rem; align-items: center; height: 1.75rem; margin-top: 1.4375rem; color: var(--text-strong); opacity: 0; transition: opacity .32s ease .16s; } .home-social-section__ic { display: block; width: 1.625rem; height: 1.625rem; } .home-social-section__ic--bookmark { margin-left: auto; } .home-social-section__card::before { opacity: 1; } .home-social-section__card-top, .home-social-section__card-actions { opacity: 1; } .home-social-section__card-media img { filter: grayscale(0); transform: scale(1); } .home-social-section__card { transform: scale(.85); transition: transform .75s var(--ease-glide); } .home-social-section__swiper .swiper-slide-active .home-social-section__card { transform: scale(1); } @media (min-width: 992px) { .home-social-section__card::before, .home-social-section__card-top, .home-social-section__card-actions { opacity: 0; } .home-social-section__card-media img { filter: grayscale(1); transform: scale(1.07); } .home-social-section__card { transform: scale(1); } .home-social-section__swiper .swiper-slide-active .home-social-section__card::before, .home-social-section__swiper .swiper-slide-active .home-social-section__card-top, .home-social-section__swiper .swiper-slide-active .home-social-section__card-actions { opacity: 1; } .home-social-section__swiper .swiper-slide-active .home-social-section__card-media img { filter: grayscale(0); transform: scale(1); } .home-social-section__card:hover::before { opacity: 1; } .home-social-section__card:hover .home-social-section__card-top, .home-social-section__card:hover .home-social-section__card-actions { opacity: 1; } .home-social-section__card:hover .home-social-section__card-media img { filter: grayscale(0); transform: scale(1); } .home-social-section__swiper:hover .swiper-slide-active:not(:hover) .home-social-section__card::before { opacity: 0; } .home-social-section__swiper:hover .swiper-slide-active:not(:hover) .home-social-section__card-top, .home-social-section__swiper:hover .swiper-slide-active:not(:hover) .home-social-section__card-actions { opacity: 0; } .home-social-section__swiper:hover .swiper-slide-active:not(:hover) .home-social-section__card-media img { filter: grayscale(1); transform: scale(1.07); } } .home-social-section__arrow { position: absolute; top: 50%; z-index: var(--z-index-modal); display: grid; place-items: center; width: 55px; height: 55px; font-size: 1.5625rem; line-height: 1; color: var(--text); cursor: pointer; background: var(--surface); border: 2px solid var(--border); border-radius: 50%; transform: translateY(-50%); transition: border-color .2s ease, color .2s ease; } .home-social-section__arrow::before { width: .5em; height: .7em; content: ""; background: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain; } .home-social-section__arrow--prev::before { mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-left.svg"); } .home-social-section__arrow--next::before { mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-right.svg"); } .home-social-section__arrow--prev { left: .75rem; } .home-social-section__arrow--next { right: .75rem; } .home-social-section__arrow:hover, .home-social-section__arrow:focus-visible { color: var(--accent); border-color: var(--accent); } .home-social-section__cards.is-custom .home-social-section__arrow { cursor: pointer; } .home-social-section__cursor { --magnetic-cursor-puck-tr: width .28s var(--ease), height .28s var(--ease), transform .5s var(--ease); --magnetic-cursor-puck-tr-on: width .28s var(--ease), height .28s var(--ease), transform .5s var(--ease-back); } .home-social-section__cursor .home-social-section__cursor-lab { opacity: 0; transition: opacity .14s var(--ease); } .home-social-section__cursor.is-on .home-social-section__cursor-lab { opacity: 1; transition: opacity .26s var(--ease) .2s; } .home-social-section__cursor-lab { display: flex; gap: 2px; align-items: center; font-family: var(--display); font-size: 14px; font-weight: 900; line-height: 1; color: var(--text-strong); text-transform: uppercase; letter-spacing: .1em; white-space: nowrap; } .home-social-section__cursor-lab svg { width: .86em; height: .86em; } .home-social-section__cursor-drag::before, .home-social-section__cursor-drag::after { width: .4em; height: .56em; content: ""; background: currentColor; mask-repeat: no-repeat; mask-position: center; mask-size: contain; transition: transform .28s var(--ease), opacity .28s var(--ease); } .home-social-section__cursor-drag::before { mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-left.svg"); } .home-social-section__cursor-drag::after { mask-image: url("https://www.apollotempe.com/wp-content/themes/university-partners-2026/assets/images/icons/chevron-right.svg"); } .home-social-section__cursor { --drag-x: 0; } .home-social-section__cursor.is-on.is-drag .home-social-section__cursor-puck { box-shadow: 0 .2rem .7rem rgba(0, 0, 0, .22); transform: scale(.88) translateX(calc(var(--drag-x) * 7px)); transition: width .28s var(--ease), height .28s var(--ease), transform .18s var(--ease), box-shadow .18s var(--ease); } .home-social-section__cursor.is-drag .home-social-section__cursor-drag::before, .home-social-section__cursor.is-drag .home-social-section__cursor-drag::after { transform: translateX(calc(var(--drag-x) * 4px)); transition: transform .12s linear, opacity .12s linear; } .home-social-section__cursor.is-drag .home-social-section__cursor-drag::before { opacity: calc(.5 + var(--drag-x) * .5); } .home-social-section__cursor.is-drag .home-social-section__cursor-drag::after { opacity: calc(.5 - var(--drag-x) * .5); } .home-social-section__cards.is-custom, .home-social-section__cards.is-custom * { cursor: none; } @media (prefers-reduced-motion: reduce) { .home-social-section__cursor, .home-social-section__cursor-puck, .home-social-section__cursor-lab, .home-social-section__cursor-drag::before, .home-social-section__cursor-drag::after { transition: none; } .home-social-section__cursor-puck, .home-social-section__cursor.is-on.is-drag .home-social-section__cursor-puck { transform: none; } .home-social-section__cursor.is-drag .home-social-section__cursor-drag::before, .home-social-section__cursor.is-drag .home-social-section__cursor-drag::after { opacity: 1; transform: none; } } @media (min-width: 992px) { .home-social-section { --ig-pad: 1.8125rem; --ig-gap: 3.625rem; } .home-social-section__cards { margin: -2.875rem 0; } .home-social-section__swiper .swiper-slide { width: clamp(16rem, 78vw, 28.1875rem); } .home-social-section__arrow { position: absolute; pointer-events: none; opacity: 0; transition: opacity .2s var(--ease); } .home-social-section__arrow:focus-visible { pointer-events: auto; opacity: 1; } }  .home-faq-section { max-width: 1740px; padding: clamp(2.5rem, 3.9vw, 4.6875rem) var(--x-gap); margin: auto; --faq-mark: 1.5rem; --faq-bar: 3px; --faq-gutter: 1.75rem; --faq-mark-gap: 1.25rem; --faq-text-inset: calc(var(--faq-gutter) + var(--faq-mark) + var(--faq-mark-gap)); } .home-faq-section__panel { display: grid; overflow: hidden; color: var(--text); } .home-faq-section__intro { padding: 3.75rem 2rem; } .home-faq-section__heading { color: var(--text); } .home-faq-section__heading .accent { color: var(--heading-accent); } .home-faq-section__label { color: var(--text); } .home-faq-section__copy p { max-width: 34rem; margin: 0 0 2.875rem; color: var(--text); } .home-faq-section__cta { display: inline-flex; } .home-faq-section__list .accordion { display: grid; align-content: stretch; } .home-faq-section__list .accordion__item { overflow: hidden; border: 0; border-bottom: 2px solid var(--text); border-radius: 0; } .home-faq-section__list .accordion__item:last-child { border-bottom: 0; } .home-faq-section__list .accordion__item[open] { --text: var(--accent-ink); background: var(--accent); } .home-faq-section__list .accordion__summary { position: relative; display: flex; align-items: center; padding: 1.375rem var(--faq-gutter) 1.375rem var(--faq-text-inset); font-family: var(--body); font-size: max(14px, clamp(1.125rem, 4vw, 1.15rem)); font-weight: 400; color: var(--text); text-transform: uppercase; letter-spacing: .3px; } .home-faq-section__list .accordion__summary::before, .home-faq-section__list .accordion__summary::after { position: absolute; top: 50%; content: ""; background: var(--text); border-radius: 2px; } .home-faq-section__list .accordion__summary::before { left: var(--faq-gutter); width: var(--faq-mark); height: var(--faq-bar); transform: translateY(-50%); } .home-faq-section__list .accordion__summary::after { left: calc(var(--faq-gutter) + (var(--faq-mark) - var(--faq-bar)) / 2); width: var(--faq-bar); height: var(--faq-mark); transform: translateY(-50%); transition: transform .2s ease; } .home-faq-section__list .accordion__item[open] .accordion__summary::after { transform: translateY(-50%) scaleY(0); } .home-faq-section__list .accordion__content { padding: 0 var(--faq-gutter) 1.375rem var(--faq-text-inset); } .home-faq-section__list .accordion__content p { margin: 0; font-family: var(--body); font-size: max(14px, clamp(1rem, 3.5vw, 1.15rem)); line-height: 1.35; color: var(--text); } @media (min-width: 992px) { .home-faq-section { --faq-mark: 1em; } .home-faq-section__panel { grid-template-columns: 1fr 1fr; } .home-faq-section__intro { padding: 5rem; } .home-faq-section__list .accordion { height: 100%; border-left: 2px solid var(--text); } }  .home-form-section { position: relative; padding: 2.5rem var(--x-gap); } .home-form-section__inner { display: grid; grid-template-columns: 1fr; gap: 2.5rem; align-items: start; max-width: 108.75rem; margin: 0 auto; } .home-form-section__head { display: flex; flex-direction: column; gap: 1.5rem; align-items: flex-start; } .home-form-section__logo { flex: 0 0 auto; width: 6rem; height: 6rem; } @media (min-width: 992px) { .home-form-section { padding: 5.25rem var(--x-gap); } .home-form-section__inner { grid-template-columns: 1fr 1fr; } .home-form-section__head { flex-direction: row; gap: 1.875rem; } .home-form-section__logo { width: 8.5rem; height: 8.5rem; } }  .copyright { color: #fff; background-color: #121212; } .copyright__container { display: flex; flex-wrap: wrap; gap: 1rem; justify-content: center; padding: 1rem var(--x-gap); font-size: 12px; line-height: 1; } .copyright img { height: 1.1em; vertical-align: middle; } @media(min-width: 992px) { .copyright__container { justify-content: space-between; } }  .btn::before { top: var(--ink-y, 50%); left: var(--ink-x, 50%); width: var(--ink-d, 150%); }