.art-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;display:grid}.art-card{--ab:#0a0a0a;--af:#fff;--fe:clamp(0, calc(var(--sp-e,1)*1.25), 1);background:var(--ab);color:var(--af);translate:0 calc((1 - var(--fe))*40px);scale:calc(.95 + var(--fe)*.05);opacity:calc(.3 + var(--fe)*.7);border-radius:30px;flex-direction:column;transition:box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 24px #0000001f}.art-card:hover{box-shadow:0 14px 34px #0003}.art-card.t-red{--ab:var(--red);--af:#fff}.art-card.t-pink{--ab:var(--pink);--af:#111}.art-card.t-sky{--ab:var(--sky);--af:#111}.art-card.t-blue{--ab:var(--blue);--af:#111}.art-card.t-black{--ab:#0a0a0a;--af:#fff}.art-card-ph{aspect-ratio:4/3;background:#f1f2f6;display:block;position:relative;overflow:hidden}.art-card-ph img{object-fit:cover;width:100%;height:100%;transition:transform .6s;position:absolute;inset:0}.art-card:hover .art-card-ph img{transform:scale(1.06)}.art-card-body{flex-direction:column;flex:1;gap:10px;min-width:0;padding:22px 24px 24px;display:flex;position:relative}.art-card .cp-tag{color:#111;background:#fff}.art-card .art-feat{color:inherit;background:0 0;font-weight:900;box-shadow:inset 0 0 0 1.5px}.art-card h3{overflow-wrap:anywhere;font-size:clamp(18px,1.55vw,21px);font-weight:900;line-height:1.55}.art-card h3 a:after{content:"";z-index:1;position:absolute;inset:0}.art-card h3 a:focus-visible{outline:none}.art-card:has(h3 a:focus-visible){outline-offset:3px;outline:3px solid #111}.art-shop{overflow-wrap:anywhere;font-size:15px;font-weight:700;line-height:1.5}.art-where{opacity:.92;align-items:flex-start;gap:6px;font-size:14px;line-height:1.5;display:flex}.art-where svg{flex:none;margin-top:2px}.art-lede{opacity:.95;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.75;display:-webkit-box;overflow:hidden}.art-go{color:#fff;background:#111;border-radius:50%;align-self:flex-end;place-items:center;width:38px;height:38px;margin-top:auto;transition:transform .3s cubic-bezier(.34,1.56,.64,1);display:grid}.art-card.t-black .art-go,.art-card.t-red .art-go{color:#111;background:#fff}.art-card:hover .art-go{transform:translate(4px)scale(1.1)}.art-hero .art-shop{margin-top:18px;font-size:clamp(16px,1.6vw,20px)}.art-hero .sh-name{margin-top:20px}.art-hero .cp-addr-l{margin-top:14px}.art-sec .sh-h{max-width:20em;font-size:clamp(24px,2.7vw,38px);line-height:1.5}.art-sec .sh-sub{font-size:clamp(14px,1.2vw,16px)}.art-quote .sh-bq{max-width:44em}.art-quote .sh-bq p{font-size:clamp(20px,2.3vw,32px);line-height:1.7}.art-fig{aspect-ratio:4/3;background:#eee;border-radius:22px;margin:0 0 22px;overflow:hidden}.art-fig img{object-fit:cover;width:100%;height:100%}.art-end .sh-h{margin-bottom:22px}.art-end-box{max-width:760px}.art-end-name{overflow-wrap:anywhere;margin-top:16px;font-size:clamp(24px,3vw,40px);font-weight:900;line-height:1.35}.art-end .cp-addr{color:inherit;margin-top:14px}.art-end .cp-addr svg{color:inherit}.art-end .cp-tag{color:#111;background:#fff}.art-end .art-end-cta{max-width:560px;margin:26px 0 0}.art-end-cta .cp-red{width:100%}.art-end-links .cp-links{margin-top:14px}.art-end .sh-src{margin-top:34px}.art-end .sh-src a{color:inherit}.cp-mini-t.art-mini-t strong{-webkit-line-clamp:4;-webkit-box-orient:vertical;font-size:15px;display:-webkit-box;overflow:hidden}@media (max-width:1000px){.art-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:900px){.art-list{gap:16px}.art-card-body{padding:18px 18px 20px}.art-fig{border-radius:18px}}@media (max-width:640px){.art-list{grid-template-columns:1fr}.art-card h3{font-size:18px}}@media (prefers-reduced-motion:reduce){.art-card{opacity:1!important;translate:none!important;scale:1!important}}
