.aoi-grid-square,.aoi-grid-square *{box-sizing:border-box}.aoi-grid-square{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden;width:252px;max-width:100%;aspect-ratio:1;padding:22px;background:#152e29;color:#fff!important;text-decoration:none!important;border:1px solid #183d34;box-shadow:7px 7px 0 #d6ef83;font:12px/1.3 system-ui,sans-serif;transition:transform .35s,box-shadow .35s}.aoi-grid-square::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(135deg,#4aeadc,#9778d1 20%,#cf2aba 40%,#ee2c82 60%,#fb6962 80%,#fef84c);opacity:.65}.aoi-grid-square::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,#102820 22%,#10282000 75%)}.aoi-gs-brand{position:absolute;inset:16px 18px auto;font-size:20px;font-weight:800;letter-spacing:-.08em;z-index:2}.aoi-gs-brand>span{font-size:8px;font-weight:600;letter-spacing:.16em;margin-left:10px}.aoi-gs-art{position:absolute;top:57px;left:16px;width:235px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;transform:rotate(-12deg);z-index:-2;transition:transform .6s}.aoi-gs-art>span{height:74px;overflow:hidden;border:1px solid #fff9;background:#36514a}.aoi-gs-art img{width:100%;height:100%;display:block;object-fit:cover}.aoi-gs-art>span:nth-child(2n){transform:translateY(-12px)}.aoi-gs-label{font-size:8px;letter-spacing:.2em;color:#def79e;margin-bottom:9px}.aoi-grid-square strong{font:500 27px/.98 Georgia,serif;letter-spacing:-.02em;max-width:180px;color:#fff}.aoi-gs-arrow{position:absolute;bottom:22px;right:17px;font:28px/1 system-ui;color:#dfff8b}.aoi-grid-square:hover{transform:translate(-2px,-2px);box-shadow:10px 10px 0 #d6ef83}.aoi-grid-square:hover .aoi-gs-art{transform:rotate(-6deg) translateY(-5px)}.aoi-grid-square:focus-visible{outline:3px solid #d12daf;outline-offset:6px}@media(prefers-reduced-motion:reduce){.aoi-grid-square,.aoi-gs-art{transition:none}}