.site .wp{display:grid;gap:10px;padding-top:16px}.site .wp-card{border-radius:var(--r-l);overflow:hidden;background:var(--surface);box-shadow:0 0 0 1px var(--hair),var(--float)}.white .wp-card{box-shadow:0 0 0 1px var(--hair),var(--soft)}.site .wp-photo{position:relative;aspect-ratio:16/9;background:var(--well);overflow:hidden}@media (min-width:760px){.site .wp-photo{aspect-ratio:2/1}}@media (min-width:1040px){.site .wp-photo{aspect-ratio:5/2}}.site .wp-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}.site .wp-photo img.on{opacity:1}@supports (backdrop-filter:blur(1px)){.site .wp-pause{backdrop-filter:blur(10px) saturate(1.4);-webkit-backdrop-filter:blur(10px) saturate(1.4);background:rgba(12,16,28,.42)}}.site .wp-pause{position:absolute;right:8px;top:8px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;background:rgba(12,16,28,.55);color:#fff;padding:0}.site .wp-pause svg{width:18px;height:18px;fill:currentColor}.site .wp-pause:focus-visible{outline:3px solid #fff;outline-offset:2px}.site .wp-bar{position:absolute;left:0;bottom:0;z-index:2;height:3px;width:100%;background:rgba(255,255,255,.85);transform-origin:0 50%;transform:scaleX(0)}.site .wp-meta{display:grid}.site .wp-meta>div{grid-area:1/1;visibility:hidden}.site .wp-meta>div.on{visibility:visible}.site .wp-info{display:flex;align-items:center;gap:12px;padding:14px 16px 10px}.site .wp-logo{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;flex-shrink:0;color:#fff;font-weight:800;font-size:13.5px}.site .wp-logo-cafe{background:linear-gradient(140deg,#6b4b2e,#b0814f)}.site .wp-logo-lounge{background:linear-gradient(140deg,#2f6b4f,#5fa37f)}.site .wp-logo-office{background:linear-gradient(140deg,#24407a,#4d79c9)}.site .wp-txt{display:grid;gap:2px;min-width:0}.site .wp-txt b{font-size:calc(16.5px * var(--fs));font-weight:800;line-height:1.35}.site .wp-txt small{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px;font-size:calc(14px * var(--fs));font-weight:600;color:var(--fg2)}.site .wp-txt small svg{width:15px;height:15px}.site .wp-area{display:inline-flex;align-items:center;gap:3px;white-space:nowrap}.site .wp-chips{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:0 16px 16px}.site .wp-chips .pill{white-space:normal;height:auto;min-height:30px;padding:5px 12px;line-height:1.35}.site .wp-chips .pill svg{flex-shrink:0}.site .wp-dots{display:flex;justify-content:center;gap:2px}.site .wp-dots button{width:44px;height:32px;border:0;background:none;padding:0;cursor:pointer;display:grid;place-items:center;border-radius:10px}.site .wp-dots button span{width:8px;height:8px;border-radius:99px;background:color-mix(in srgb,var(--fg2) 60%,var(--fg3));transition:width .25s ease,background-color .25s ease}.site .wp-dots button[aria-pressed=true] span{width:24px;background:var(--press)}.site .wp-dots button:focus-visible{outline:3px solid var(--accent);outline-offset:0}@media (pointer:coarse){.site .wp-dots button{height:44px}}@media (prefers-reduced-motion:no-preference){html:not(.pv-rm) .site .wp-photo img{transition:opacity .7s ease}html:not(.pv-rm) .site .wp-photo img.on{animation:wp-drift 4.6s ease-out both}html:not(.pv-rm) .site .wp-bar{animation:wp-bar 4.2s linear both}html:not(.pv-rm) .site .wp-meta>.on .wp-chips,html:not(.pv-rm) .site .wp-meta>.on .wp-info{animation:wp-in .45s cubic-bezier(.2,.8,.2,1) both}html:not(.pv-rm) .site .wp-meta>.on .wp-chips{animation-delay:.06s}}@keyframes wp-drift{0%{transform:scale(1.06)}to{transform:none}}@keyframes wp-bar{to{transform:scaleX(1)}}@keyframes wp-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}html.pv-yellow .site .wp-card,html.pv-yellow .site .wp-pause{background:#000;box-shadow:0 0 0 2px #ffe600}html.pv-yellow .site .wp-pause{color:#ffe600;backdrop-filter:none;-webkit-backdrop-filter:none}html.pv-yellow .site .wp-logo{background:#000;color:#ffe600;box-shadow:inset 0 0 0 2px #ffe600}html.pv-yellow .site .wp-bar{background:#ffe600}html.pv-yellow .site .wp-dots button span{background:#ffe600;opacity:.5}html.pv-yellow .site .wp-dots button[aria-pressed=true] span{opacity:1}@media (forced-colors:active){.site .wp-dots button span{forced-color-adjust:none;background:ButtonText}.site .wp-dots button[aria-pressed=true] span{background:Highlight}}