/* Photographic rhythm and tactile motion. The car retains its open stage. */
.apex-hero-refined{grid-template-columns:.86fr 1.14fr;gap:6%;padding-block:68px 80px;min-height:780px;align-items:center}
.apex-hero-refined .hero-content{padding-bottom:20px}.apex-hero-refined h1{font-size:clamp(76px,7.1vw,116px)}.apex-hero-refined .hero-copy{max-width:310px}
.apex-photo-layout{min-width:0;position:relative}.apex-photo-layout button{display:block;width:100%;text-align:left;position:relative}
.apex-photo-layout .frame{border:1px solid #8295a355;padding:5px;background:#1a2832;box-shadow:0 25px 70px #0003;overflow:hidden;isolation:isolate}
.apex-photo-layout .frame:after{inset:3px;border-color:#a5bdc71c}.apex-photo-layout img{filter:none;object-fit:cover;object-position:center;transition:filter .8s,transform 1.8s var(--ease);scale:1.025}
.apex-photo-main{aspect-ratio:1.5;height:auto}.apex-photo-main img{object-position:50% 58%}
.photo-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:13px 2px 15px;color:#a3b7c5;font-size:7px;letter-spacing:.1em;border-bottom:1px solid #8295a32b;transition:color .5s}
.photo-caption>span:last-child{font-size:15px;transition:translate .7s var(--ease),rotate .7s var(--ease)}
.apex-photo-layout button:hover .photo-caption{color:#e2f2fb}.apex-photo-layout button:hover .photo-caption>span:last-child{translate:3px -3px;rotate:5deg}
.apex-photo-layout button:hover img{filter:brightness(1.08);transform:scale(1.045)}
.apex-photo-details{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:21px}.apex-photo-details .frame{aspect-ratio:1.7}.apex-photo-details .photo-caption{font-size:6px;padding-block:11px}.apex-photo-details button:nth-child(2) img{object-position:62% 50%}
.photo-main-btn:after{content:'';position:absolute;inset:0 0 44px;pointer-events:none;background:linear-gradient(110deg,transparent 34%,#d5eeff16 48%,#f5fbff28 50%,transparent 66%);translate:-140% 0;opacity:0;mix-blend-mode:screen}
.apex-photo-layout.ambient-visible .photo-main-btn:after{animation:apex-light-sweep 14s 2s ease-in-out infinite}
.apex-photo-layout.ambient-visible .frame img{animation:apex-photo-breathe 17s ease-in-out infinite alternate}.apex-photo-details button:nth-child(2) img{animation-delay:-7s!important}
.service-card{gap:28px}.service-card .frame{aspect-ratio:1.28;padding:5px;border-color:#8399a450}.service-card .card-info{margin-top:18px;padding-top:20px}.service-card .card p{font-size:11px;max-width:280px}.service-card .card{transition:translate .7s var(--ease)}.service-card .card:hover{translate:0 -7px}.service-card .card img{filter:none}
.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:430px 360px;gap:28px;align-items:stretch}
.gallery-grid>button{height:100%;display:flex;flex-direction:column;overflow:visible;background:transparent;padding:0;border:0;aspect-ratio:auto!important;position:relative}
.gallery-grid>button[data-gallery="0"]{grid-area:1 / 1 / 2 / 8}.gallery-grid>button[data-gallery="2"]{grid-area:1 / 8 / 2 / 13}.gallery-grid>button[data-gallery="1"]{grid-area:2 / 1 / 3 / 6}.gallery-grid>button[data-gallery="3"]{grid-area:2 / 6 / 3 / 13}
.gallery-grid>button>.frame{width:100%;height:calc(100% - 43px);flex:none;aspect-ratio:auto;padding:5px;border:1px solid #8198a350;background:#172630;overflow:hidden;box-shadow:0 18px 45px #0003}
.gallery-grid .frame:after{inset:3px}.gallery-grid>button>.frame img{object-fit:cover;filter:none;transition:transform 1.6s var(--ease),filter 1s;scale:1.025}
.gallery-grid>button[data-gallery="0"] img{object-position:50% 57%}.gallery-grid>button[data-gallery="2"] img{object-position:58% center}.gallery-grid>button[data-gallery="3"] img{object-position:center 58%}
.gallery-grid>button>span{position:static;display:flex;align-items:center;justify-content:space-between;padding:12px 1px 10px;width:100%;background:none;color:#a3b8c6;font-size:9px;letter-spacing:.02em;border-bottom:1px solid #7d93a433;transition:color .5s}
.gallery-grid>button>span b{font-size:17px;font-weight:400;transition:translate .7s}.gallery-grid>button:hover>span{color:#e4f4fc}.gallery-grid>button:hover>span b{translate:3px -3px}.gallery-grid>button:hover img{transform:scale(1.055);filter:brightness(1.07)}
.gallery-foot{margin-top:38px}.apex-strip{padding:24px;position:relative}.apex-strip .frame{height:440px;aspect-ratio:2.5;width:100%;max-width:100%}.apex-strip img{object-position:50% 64%;filter:none}
.btn,.text-link,.header-cta,.gallery-controls button,.dialog-close,summary,.back-top{transition:color .45s,background .5s,border-color .5s,box-shadow .65s,translate .45s var(--ease),scale .3s var(--ease)}
.btn{overflow:hidden;isolation:isolate;background:linear-gradient(115deg,#b5cad8,#d4e0e7 48%,#abc4d5);background-size:200% 100%;transition:background-position .8s,box-shadow .6s,translate .5s,scale .25s}
.btn:hover{background-position:100% 0;box-shadow:0 0 35px #afd6ef20,0 12px 28px #0003;translate:0 -3px}.btn.ghost{background:transparent}.btn.ghost:hover{background:#b6d0e014;color:#e7f3fb}.btn>span{transition:translate .6s var(--ease),rotate .6s}.btn:hover>span,.text-link:hover>span{translate:4px -3px;rotate:5deg}
button:active,a.btn:active,summary:active{scale:.975}.text-link{background-image:linear-gradient(#b6d8ed,#b6d8ed);background-position:0 100%;background-size:0 1px;background-repeat:no-repeat;border-bottom-color:#71879450;transition:background-size .6s,color .5s}.text-link:hover{background-size:100% 1px;color:#edf9ff}
.arrow-circle{transition:rotate .7s,background .7s,box-shadow .7s}.card:hover .arrow-circle{rotate:7deg;background:#bed6e4;color:#14232e;box-shadow:0 0 35px #a9d5ef20}
.price-card{position:relative;isolation:isolate;overflow:hidden;--shine-x:50%;--shine-y:50%}.price-card:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at var(--shine-x) var(--shine-y),#acd7ed14,transparent 55%);opacity:0;transition:opacity .7s}.price-card:hover:after,.price-card.selected:after{opacity:1}.apex-config .price-card.selected{animation:apex-selected-breathe 6s ease-in-out infinite alternate}
.config-total{transition:border-color .8s,box-shadow .8s}.config-total:focus-within{border-color:#9ac0d8;box-shadow:0 0 45px #a7d2ee0a}.form-grid select,.form-grid input,#vehicle-type{transition:border-color .5s,box-shadow .5s,background .5s}.form-grid select:focus,.form-grid input:focus,#vehicle-type:focus{border-color:#adcfdf;box-shadow:0 0 0 3px #9fc7e510;outline:none}
.faq summary span{transition:rotate .6s var(--ease),color .5s}.faq details[open] summary span{color:#d5ecfa}.faq summary:hover{color:#d3e7f4}.faq details{transition:border-color .7s}.faq details[open]{border-color:#8da9bc}
.vehicle-story{background:#0c1925}.vehicle-atmosphere{background:radial-gradient(ellipse at 75% 40%,#4568764d,transparent 67%),radial-gradient(ellipse at 45% 110%,#144d7242,transparent 65%),linear-gradient(120deg,#0b131d,#142536 70%,#0d1d2a)}
.vehicle-atmosphere:after{animation:apex-atmosphere 13s ease-in-out infinite alternate}.vehicle-halo{animation:apex-halo-breathe 10s ease-in-out infinite alternate;border-color:#89c3e128}.vehicle-copy h2 em{color:#a9cce2}.vehicle-scrubber input::-webkit-slider-thumb{transition:box-shadow .4s,scale .4s}.vehicle-scrubber input:hover::-webkit-slider-thumb,.vehicle-scrubber input:active::-webkit-slider-thumb{box-shadow:0 0 0 7px #b1d9f214,0 0 20px #8ec7ee55;scale:1.2}
.dialog[open]{animation:apex-dialog-enter .65s var(--ease)}.dialog::backdrop{background:#030912df;backdrop-filter:blur(15px)}.gallery-dialog{border-color:#8aa4b8}.gallery-dialog>img{padding:14px;background:#0c1721}.gallery-controls{padding:19px 25px}.dialog-close:hover{background:#c3dbe9;color:#11212d;box-shadow:0 0 25px #9cd1ec25}.brief-result{background:radial-gradient(ellipse at 100% 0,#32516b44,transparent 70%),#192c3b}
.cursor-light{position:fixed;left:0;top:0;width:520px;height:520px;border-radius:50%;pointer-events:none;z-index:19;background:radial-gradient(circle,#8acdf218,#8acdf207 32%,transparent 65%);opacity:0;mix-blend-mode:screen;transition:opacity .8s;will-change:transform}
.cursor-orbit{position:fixed;left:0;top:0;width:42px;height:42px;border:1px solid #9bc9e358;border-radius:50%;pointer-events:none;z-index:10000;opacity:0;transition:opacity .5s,width .4s,height .4s,border-color .4s,background .4s;will-change:transform;box-shadow:0 0 20px #b6e1f00a}
.cursor-light.shown,.cursor-orbit.shown{opacity:1}.cursor-orbit.interactive{width:62px;height:62px;border-color:#c4e8f392;background:#b1d8f00a}.cursor-orbit.pressing{border-color:#e5f7ff;background:#c0e7fa1c}
.click-wave{position:fixed;left:0;top:0;width:24px;height:24px;border:1px solid #c0e7f5aa;background:#a0d6f518;border-radius:50%;pointer-events:none;z-index:10001}
.closing{background:radial-gradient(ellipse at 50% 110%,#426b8555,transparent 70%),#111d28}.closing:before{animation-duration:27s}.closing:after{animation-duration:36s}.apex-benefits span{transition:color .6s,translate .6s}.apex-benefits span:hover{color:#e1f3ff;translate:0 -3px}.step b{transition:color .7s,box-shadow .7s}.step.visible b{color:#d1e7f5;text-shadow:0 0 20px #91c8e966}
@keyframes apex-photo-breathe{from{scale:1.025}to{scale:1.07}}
@keyframes apex-light-sweep{0%,64%,100%{translate:-140% 0;opacity:0}70%{opacity:.65}86%{translate:140% 0;opacity:0}}
@keyframes apex-selected-breathe{from{box-shadow:0 0 0 1px #bccfd729,0 20px 60px #0003}to{box-shadow:0 0 0 1px #c6e8fa55,0 0 45px #70a9cb12}}
@keyframes apex-atmosphere{from{opacity:.65}to{opacity:1}}
@keyframes apex-halo-breathe{from{opacity:.5;scale:1}to{opacity:1;scale:1.035}}
@keyframes apex-dialog-enter{from{opacity:0;translate:0 24px;scale:.97;filter:blur(5px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
@media(max-width:1100px){.apex-hero-refined{gap:40px}.apex-photo-details{gap:14px}.gallery-grid{grid-template-rows:365px 310px;gap:22px}.apex-hero-refined h1{font-size:84px}}
@media(max-width:760px){.apex-hero-refined{gap:36px;padding-block:45px 55px;min-height:0}.apex-hero-refined .hero-content{padding-bottom:0}.apex-hero-refined h1{font-size:clamp(66px,17vw,90px)}.apex-photo-layout{width:100%;padding:0}.apex-photo-details{gap:12px;margin-top:15px}.apex-photo-details .frame{aspect-ratio:1.25}.apex-photo-details .photo-caption{font-size:5px;letter-spacing:.03em;gap:6px}.photo-caption{font-size:6px;padding-block:10px 12px}.photo-caption>span:last-child{font-size:13px}.service-card{gap:35px}.service-card .frame{aspect-ratio:1.3}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:280px 235px 280px;gap:21px 14px}.gallery-grid>button[data-gallery="0"]{grid-area:1/1/2/3}.gallery-grid>button[data-gallery="2"]{grid-area:2/2/3/3}.gallery-grid>button[data-gallery="1"]{grid-area:2/1/3/2}.gallery-grid>button[data-gallery="3"]{grid-area:3/1/4/3}.gallery-grid>button>.frame{height:calc(100% - 39px)}.gallery-grid>button>span{font-size:7px;line-height:1.45;padding-block:9px}.gallery-grid>button[data-gallery="2"] img{object-position:64% center}.apex-strip{padding:12px}.apex-strip .frame{height:300px;aspect-ratio:1.3}.cursor-light,.cursor-orbit{display:none}.gallery-dialog>img{padding:7px}.gallery-controls{padding:14px 12px}.gallery-controls span{font-size:8px}}
@media(pointer:coarse),(prefers-reduced-motion:reduce){.cursor-light,.cursor-orbit,.click-wave{display:none}}
.motion-off .cursor-light,.motion-off .cursor-orbit,.motion-off .click-wave{display:none}.motion-off .apex-photo-layout img{scale:1}.motion-off .vehicle-atmosphere:after,.motion-off .vehicle-halo,.motion-off .photo-main-btn:after,.motion-off .price-card.selected{animation:none!important}
@media(prefers-reduced-motion:reduce){.apex-photo-layout img{scale:1}.vehicle-atmosphere:after,.vehicle-halo,.photo-main-btn:after,.price-card.selected{animation:none!important}}
