main{gap:var(--gap-lg)}#hero{margin:0 var(--margin-x);padding:var(--margin-y) 0}#hero h1{margin:0 -.4dvw;color:var(--color-text-primary);font-variation-settings:var(--font-variation-medium-alt);font-size:8.5dvw;letter-spacing:-.47dvw;line-height:var(--line-height-xxs);filter:contrast(1.05);z-index:1;transition:all var(--time-very-slow) var(--cubic-bezier-ease-in-out-quart);opacity:0;transform:translateY(5%)}#hero h1.visible{opacity:1;transform:translateY(0)}#hero h1 span{display:inline-block;position:relative;width:fit-content;height:fit-content;margin:0 0 0 calc(25dvw - var(--margin-x))}#hero h1 a{display:inline-flex;position:relative;margin:0 0 0 .4dvw;width:13dvw;height:6dvw;pointer-events:fill;transition:all var(--time-slow) var(--cubic-bezier-ease-in-out-quart);opacity:0;transform:translateX(10%)}#hero h1 a.visible{opacity:1;transform:translateX(0)}#hero img{display:flex;position:absolute;width:100%;height:100%;border-radius:6dvw;object-fit:cover;filter:grayscale(1);transition:all var(--time-slow) var(--cubic-bezier-ease-in-out-quart)}#hero h1 a:hover img{width:150%;height:330%;border-radius:var(--radius-md);filter:grayscale(0)}main .grid{margin:0 var(--margin-x)}main .grid .left,main .grid .right{flex-direction:row;gap:var(--gap-lg);color:var(--color-text-primary)}main .grid .container{display:flex;position:relative;flex-direction:column;margin:0;left:0;right:0;width:50%;height:fit-content;gap:var(--margin-x)}main .grid .left a{display:flex;position:relative;flex-direction:column;text-decoration:none;border:none;text-rendering:optimizeLegibility;margin:0;left:0;right:0;width:100%;height:calc((var(--size-card-md) * 2) - (var(--gap-lg) / 2));padding:var(--gap-md);justify-content:space-between;color:var(--color-text-primary);background:var(--color-fill-tertiary);border-radius:var(--radius-md);cursor:pointer;pointer-events:fill;transition:all var(--time-normal) ease-out;opacity:0;transform:translateY(10%)}main .grid .left a.visible{opacity:1;transform:translateY(0)}main .grid .left a .top,main .grid .left a .bottom{display:flex;position:relative;flex-direction:row;margin:0;left:0;right:0;height:fit-content;align-items:center;gap:var(--gap-lg) var(--gap-xxs)}main .grid .left a .top{margin:0 0 0 auto}main .grid .left a .bottom{flex-wrap:wrap}main .grid .left a h6{margin:0 var(--gap-xxxs) 0 0}#availability-status{display:flex;position:relative;margin:0 var(--gap-sm) 0 var(--gap-xs);width:var(--gap-xs);height:var(--gap-xs)}#availability-status div{display:flex;position:relative;background:var(--color-text-primary);border-radius:100%;transition:var(--transition-time-normal-out)}#availability-status div:first-child{position:absolute;top:50%;left:50%;width:300%;height:300%;transform:translate(-50%,-50%);opacity:.125}#availability-status div:last-child{margin:auto;width:100%;height:100%}main .grid .left a svg{display:inline-flex;position:relative;width:fit-content;height:var(--size-icon-sm);object-fit:contain;transition:all var(--time-normal) var(--cubic-bezier-ease-out-quad)}main .grid .left a svg path{stroke:var(--color-text-primary);stroke-width:var(--border-md);stroke-linecap:round;stroke-linejoin:round}main .grid .left a .bottom svg:first-of-type{margin:0 0 0 auto}main .grid .right p{transition:all var(--time-normal) ease-out;opacity:0;transform:translateY(10%)}main .grid .right p.visible{opacity:1;transform:translateY(0)}main button{opacity:0;transform:translateY(10%)}main button.visible{opacity:1;transform:translateY(0)}@media (max-width:1536px){main .grid .left a{height:var(--size-card-md)}}@media (max-width:1024px){main .grid .filler{display:none!important}main .grid .left .container{padding:0 var(--margin-x) 0 0}main .grid .left .container{width:100%}main .grid .left a{height:calc(var(--size-card-md) - var(--margin-x) - (var(--gap-lg) / 2))}}@media (max-width:768px){main .grid{margin:0 var(--margin-x)}main .grid .left,main .grid .right{flex-direction:column;gap:var(--gap-md)}main .grid .container{width:unset;gap:var(--gap-xl)}}@media (max-width:480px){#hero h1{margin:0 -.4dvw;font-size:15.5dvw;letter-spacing:-.65dvw}#hero h1 span{margin:0 0 0 calc(25dvw - var(--margin-x))}#hero h1 a{margin:0 0 0 .4dvw;width:25dvw;height:10.5dvw}#hero img{display:flex;position:absolute;width:100%;height:100%;border-radius:6dvw;object-fit:cover;filter:grayscale(1);transition:all var(--time-slow) var(--cubic-bezier-ease-in-out-quart)}#hero h1 a:hover img{width:150%;height:330%;border-radius:var(--radius-md);filter:grayscale(0)}main .grid .left a{height:var(--size-card-sm)}}