.tile--art{--art-c:#6D28D9;--art-o:.3;--glow:rgba(139,92,246,.22);background:linear-gradient(160deg,#FFFFFF 0%,#F1ECFC 100%)}.tile--art.tile--dark{--art-c:#A78BFA;--art-o:.5;--glow:rgba(139,92,246,.5);background:linear-gradient(160deg,#1E1240 0%,#0E0820 100%);border:1px solid rgba(196,181,253,.14)}.tile--art.tile--accent{--art-c:#FFFFFF;--art-o:.38;--glow:rgba(103,232,249,.35);background:linear-gradient(135deg,#7C3AED 0%,#4C1D95 100%)}.tile--art::before{content:"";position:absolute;inset:0;z-index:-4;pointer-events:none;background:radial-gradient(60% 70% at 88% 12%,var(--glow),transparent 70%),radial-gradient(50% 55% at 0% 100%,rgba(34,211,238,.14),transparent 70%)}.tile--art::after{content:"";position:absolute;inset:0;z-index:-3;pointer-events:none;opacity:.5;color:var(--art-c);background-image:radial-gradient(currentColor 1px,transparent 1.2px);background-size:18px 18px;-webkit-mask-image:linear-gradient(200deg,#000 0%,transparent 60%);mask-image:linear-gradient(200deg,#000 0%,transparent 60%)}.tile--art.tile--dark::after,.tile--art.tile--accent::after{opacity:.3}.tile__art{position:absolute;z-index:-2;right:-4%;bottom:-8%;width:66%;height:auto;max-height:120%;color:var(--art-c);opacity:var(--art-o);pointer-events:none;transition:transform var(--t-base) var(--ease),opacity .4s ease}.tile--wide .tile__art{width:50%;right:12%;bottom:-14%}.tile--tall .tile__art{width:118%;right:-14%;bottom:-4%}.tile--art:hover .tile__art{transform:scale(1.05) rotate(-1deg);opacity:calc(var(--art-o) + .12)}.tile--photo{background:var(--c-night);color:#fff}.tile--photo::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,rgba(8,5,18,.92) 0%,rgba(8,5,18,.5) 45%,rgba(8,5,18,.12) 100%)}.tile--photo .tile__sub{color:#E9E4FA}.tile--photo .tile__img{background:linear-gradient(180deg,#fff,#F1EDFC)}.tile__bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}.tile--photo:hover .tile__bg{transform:scale(1.05)}@media (prefers-reduced-motion:reduce){.tile--art:hover .tile__art,.tile--photo:hover .tile__bg{transform:none}}@media (max-width:899px){.bento{grid-template-columns:1fr}.tile,.tile--wide,.tile--tall{min-height:172px;padding:20px}.tile__title,.tile--wide .tile__title,.tile--tall .tile__title{font-size:1.25rem}.tile__img,.tile--wide .tile__img,.tile--tall .tile__img{width:min(30%,104px);top:16px;right:16px}}