.bay-veil,.bay-rule,.bay-head-rule,.bay-cue{display:none}@media (prefers-reduced-motion:no-preference){.bays-title h1{animation:bay-title 1s var(--ease-reveal) backwards}}@media (min-width:48rem){.bays-title h1,.bays-lead{width:fit-content;position:relative}.bays-title h1:before,.bays-lead:before{content:"";z-index:-1;background-color:#283240e0;position:absolute;-webkit-mask-composite:source-in;mask-composite:intersect}.bays-title h1:before{inset:-12rem -7rem -4rem calc(-1*clamp(1.25rem,4.5vw,5rem));-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 7rem),#0000),linear-gradient(#000 calc(100% - 4rem),#000000b3 calc(100% - 2rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 7rem),#0000),linear-gradient(#000 calc(100% - 4rem),#000000b3 calc(100% - 2rem),#0000)}.bays-lead:before{inset:-1.5rem -5rem -4.5rem calc(-1*clamp(1.25rem,4.5vw,5rem));-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 5rem),#0000),linear-gradient(#0000,#000000b3 2rem,#000 4rem calc(100% - 4.5rem),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 5rem),#0000),linear-gradient(#0000,#000000b3 2rem,#000 4rem calc(100% - 4.5rem),#0000)}.bay:nth-child(2n)>.bay-rule{display:block}}@media (min-width:48rem) and (max-width:57.5rem),(min-width:80rem) and (hover:hover){.bay-name{flex-direction:column;justify-content:flex-end;min-height:2lh;display:flex}}@supports (animation-timeline:view()){@media (max-width:79.99rem) and (prefers-reduced-motion:no-preference),(hover:none) and (prefers-reduced-motion:no-preference){.bay-photo img{animation:linear both bay-settle;animation-timeline:view();animation-range:entry cover 45%}}}@media (min-width:80rem) and (hover:hover){.service-bays{--bays-height:max(100svh, 40rem);height:var(--bays-height)}.bays-title{pointer-events:none}.bays-title h1{font-size:min(var(--text-display-lg), 11svh);text-wrap:wrap}.bays-title h1>span{display:inline}.bays{grid-template-columns:repeat(4,minmax(0,1fr));height:100%}.bay{pointer-events:none;overflow:clip}.bay-body{pointer-events:auto}.bay-head-text:before{content:"";inset-inline:0;z-index:-1;height:min(calc(var(--bays-height) * .55), calc(var(--bays-height) - 26rem));position:absolute;bottom:0}.bay-veil,.bay-rule,.bay-head-rule,.bay-cue{display:block}.bay-rule{z-index:11}.bay-veil{opacity:0;transition:opacity .4s var(--ease-ui)}.bay-body{inset-inline:0;z-index:10;background-color:var(--color-navy-900);padding-bottom:1.75rem;position:absolute;bottom:0;translate:0 100%}.bay-head{inset-inline:0;position:absolute;bottom:100%}.bay-photo{inset-inline:0;bottom:max(.5rem, 100% - var(--photo-drop,0rem));height:var(--bays-height);aspect-ratio:auto;pointer-events:none;position:absolute}.bay-head-text{background-color:var(--color-navy-900);padding:1rem 1.75rem 1.75rem}.bay-line{min-height:2lh}.bay-name{transition:min-height 0s .3s}.bay-detail{padding-top:0;position:relative}.bay-detail>p{margin-top:calc(-2lh - 1.75rem)}.bay-detail>*{opacity:0;transition:opacity .15s var(--ease-ui)}.bay-line,.bay-cue{transition:opacity .25s var(--ease-ui) .15s}.bay:hover:not([data-parked]) .bay-body,.bay:focus-within .bay-body{translate:0}.bays:not(:has(.bay:hover)) .bay:target .bay-body{translate:0}.bay:hover:not([data-parked]) .bay-detail>*,.bay:focus-within .bay-detail>*{opacity:1;transition:opacity .4s var(--ease-ui) .12s}.bays:not(:has(.bay:hover)) .bay:target .bay-detail>*{opacity:1;transition:opacity .4s var(--ease-ui) .12s}.bay:hover:not([data-parked]) :is(.bay-line,.bay-cue),.bay:focus-within :is(.bay-line,.bay-cue){opacity:0;transition:opacity .15s var(--ease-ui)}.bays:not(:has(.bay:hover)) .bay:target :is(.bay-line,.bay-cue){opacity:0;transition:opacity .15s var(--ease-ui)}.bay:hover:not([data-parked]) .bay-name,.bay:focus-within .bay-name{min-height:0;transition-delay:0s}.bays:not(:has(.bay:hover)) .bay:target .bay-name{min-height:0;transition-delay:0s}.bay:hover:not([data-parked]) .bay-detail>*{transition-delay:.21s}.bay:hover:not([data-parked]) :is(.bay-line,.bay-cue,.bay-name){transition-delay:90ms}.bays .bay:focus-within :is(.bay-detail>*,.bay-line,.bay-cue,.bay-name){transition:none}:is(.bays:has(.bay:hover:not([data-parked])) .bay:not(:hover) .bay-veil,.bays:has(.bay:focus-within) .bay:not(:focus-within) .bay-veil,.bays:not(:has(.bay:hover)):has(.bay:target) .bay:not(:target) .bay-veil){opacity:1}.bays-lead{transition:opacity .3s var(--ease-ui)}:is(.service-bays:has(.bay:first-child:hover:not([data-parked])) .bays-lead,.service-bays:has(.bay:first-child:focus-within) .bays-lead,.service-bays:not(:has(.bay:hover)):has(.bay:first-child:target) .bays-lead){opacity:0}@media (prefers-reduced-motion:no-preference){.bay-body{transition:translate .3s var(--ease-ui)}.bay:hover:not([data-parked]) .bay-body{transition:translate .42s var(--ease-reveal) 90ms}.bays:not(:has(.bay:hover)) .bay:target .bay-body{transition:translate .42s var(--ease-reveal)}.bays .bay:focus-within .bay-body{transition:none}.bay-photo img{transition:scale 1.2s var(--ease-reveal);animation:bay-settle 1.6s var(--ease-reveal) backwards;animation-delay:calc(var(--bay) * 90ms)}.bay:hover:not([data-parked]) .bay-photo img{scale:1.04}.bay-rule{transform-origin:top;animation:bay-draw 1.1s var(--ease-draw) backwards;animation-delay:calc(var(--bay) * 80ms + .1s)}.bay-head-rule{transform-origin:0;animation:bay-draw-across 1.1s var(--ease-draw) backwards;animation-delay:calc(var(--bay) * 60ms)}.bay-head-text>:not(.bay-head-rule){animation:bay-rise .7s var(--ease-reveal) backwards;animation-delay:calc(var(--bay) * 60ms + .15s)}}@media (prefers-reduced-motion:reduce){.bay:hover:not([data-parked]) .bay-body{transition:translate 0s 90ms}.bay-head-text{animation:bay-fade .4s var(--ease-ui) .2s backwards}}}@keyframes bay-draw{0%{transform:scaleY(0)}}@keyframes bay-draw-across{0%{transform:scaleX(0)}}@keyframes bay-settle{0%{transform:scale(1.1)}}@keyframes bay-rise{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes bay-title{0%{transform:translateY(.12em)}}@keyframes bay-fade{0%{opacity:0}}
