.refs{padding-block:var(--sc-section)}.refs__head{gap:var(--sc-5) clamp(2rem, 5vw, 5rem);margin-bottom:var(--sc-6);grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:end;display:grid}.refs__head h2{max-width:14ch}.refs__lede{max-width:40ch;color:var(--sc-ink-soft)}.refs__group{margin:var(--sc-7) 0 var(--sc-5);font:700 .8rem/1 var(--sc-font-text);letter-spacing:.14em;text-transform:uppercase;color:var(--sc-ink-soft);align-items:center;gap:1rem;display:flex}.refs__group:after{content:"";background:var(--sc-hairline);flex:1;height:1px}.refs__sites,.refs__shops{margin:0;padding:0;list-style:none}.refs__sites{grid-template-columns:repeat(6,minmax(0,1fr));gap:clamp(2.5rem,4vw,3.5rem) clamp(1.25rem,2.4vw,2.25rem);display:grid}.ref--feature{grid-column:span 2}.refs__sites .ref:not(.ref--feature){grid-column:span 3}.ref__link{color:inherit;gap:1rem;text-decoration:none;display:grid}.ref__stage{display:block;position:relative}.ref__frame{transition:transform .4s var(--sc-ease-out), box-shadow .4s;background:#fff;border-radius:10px;display:block;overflow:clip;box-shadow:0 1px 2px #0000001f,0 24px 48px -24px #0a0c2880}.ref__bar{color:#666;font:500 .68rem/1 var(--sc-font-text);background:#eceae4;align-items:center;gap:.3rem;padding:.45rem .6rem;display:flex}.ref__bar i{background:#cfccc4;border-radius:50%;width:.45rem;height:.45rem}.ref__bar span{white-space:nowrap;text-overflow:ellipsis;margin-left:.4rem;overflow:hidden}.ref__shot{aspect-ratio:16/10;display:block;overflow:hidden}.ref--shop .ref__shot{aspect-ratio:4/5}.ref__shot img{width:100%;height:auto;transition:translate 1.2s var(--sc-ease-out);display:block}.ref__phone{aspect-ratio:9/18.5;width:27%;transition:transform .4s var(--sc-ease-out);background:#fff;border:4px solid #15151a;border-radius:16px;position:absolute;bottom:-14%;right:-4%;overflow:hidden;box-shadow:0 2px 4px #0003,0 24px 40px -16px #0a0c2899}.ref__phone img{width:100%;height:auto;display:block}.ref--feature .ref__copy{padding-right:26%}.ref__copy{gap:.25rem;display:grid}.ref__name{font:800 1.3rem/1.15 var(--sc-font-display);letter-spacing:-.01em}.ref--shop .ref__name{font-size:1.1rem}.ref__what{color:var(--sc-ink-soft);font-size:.95rem}.ref__go{color:var(--sc-ink);text-decoration:underline;-webkit-text-decoration-color:var(--signal);text-decoration-color:var(--signal);text-underline-offset:.25em;margin-top:.2rem;font-size:.85rem;font-weight:600;text-decoration-thickness:2px}.ref__link:focus-visible{outline:none}.ref__link:focus-visible .ref__frame{outline:3px solid var(--signal);outline-offset:4px}@media (hover:hover) and (prefers-reduced-motion:no-preference){.ref__link:hover .ref__frame,.ref__link:focus-visible .ref__frame{transform:translateY(-4px);box-shadow:0 2px 4px #0000001f,0 36px 60px -24px #0a0c2899}.ref__link:hover .ref__phone{transform:translate(6px,-8px)rotate(2deg)}.ref__link:hover .ref__shot img,.ref__link:focus-visible .ref__shot img{transition:translate 6s cubic-bezier(.45,0,.55,1);translate:0 -66.6%}.ref--shop .ref__link:hover .ref__shot img,.ref--shop .ref__link:focus-visible .ref__shot img{transition-duration:4s;translate:0 -33.3%}}.refs__shops{overscroll-behavior-x:contain;scroll-snap-type:x mandatory;--bleed:calc((100vw - 100cqw) / 2);margin-inline:calc(var(--bleed) * -1);padding:.5rem var(--bleed) 1.5rem;scroll-padding-inline:var(--bleed);scrollbar-width:none;grid-auto-columns:clamp(13.5rem,21vw,18rem);grid-auto-flow:column;gap:clamp(1rem,2vw,1.75rem);display:grid;overflow-x:auto}.shelf{container-type:inline-size}.refs__shops::-webkit-scrollbar{display:none}.refs{overflow-x:clip}.shelf__nav{justify-content:flex-end;gap:.6rem;margin-top:.25rem;display:flex}.shelf__nav button{cursor:pointer;border:1.5px solid var(--sc-ink);width:3rem;height:3rem;color:var(--sc-ink);font:700 1.15rem/1 var(--sc-font-text);background:0 0;border-radius:50%;place-items:center;transition:background-color .16s,color .16s,opacity .16s;display:grid}.shelf__nav button:hover:not(:disabled){background:var(--sc-ink);color:var(--sc-canvas)}.shelf__nav button:focus-visible{outline:3px solid var(--signal);outline-offset:2px}.shelf__nav button:disabled{opacity:.3;cursor:default}.refs__shops .ref{scroll-snap-align:start}.refs__more{margin-top:var(--sc-6);color:var(--sc-ink-soft)}@media (max-width:1100px){.ref--feature,.refs__sites .ref:not(.ref--feature){grid-column:span 3}}@media (max-width:860px){.refs__head{grid-template-columns:1fr}.refs__sites{grid-template-columns:1fr;gap:3.5rem}.ref--feature,.refs__sites .ref:not(.ref--feature){grid-column:auto}.ref__phone{width:30%;right:2%}.refs__shops{grid-auto-columns:72vw}}