.portfolio-story{aspect-ratio:4/5;background:var(--bby-surface);width:100%;height:100%;position:relative;overflow:hidden}.portfolio-story>a{width:100%;height:100%;display:block}.portfolio-story>a>:is(img,video){object-fit:cover;width:100%;height:100%;display:block}.portfolio-story :is(a,button):focus-visible{outline-offset:-4px;outline:2px solid #fff;box-shadow:inset 0 0 0 5px #171717}.portfolio-story button{cursor:pointer;color:#fff;border:0}.portfolio-story-segments{top:0;left:8px;right:var(--story-inset-end,8px);gap:4px;display:flex;position:absolute}.portfolio-story-segments>button{background:0 0;flex:1;align-items:center;min-width:0;height:44px;padding:0;display:grid}.portfolio-story-segments>button>span{background:#171717b3;border-radius:2px;height:4px;overflow:hidden;box-shadow:0 1px 3px #17171766}.portfolio-story-segments>button>span>span{transform-origin:0;background:#fff;height:100%;display:block}.portfolio-story-controls{background:#171717cc;border-radius:999px;display:flex;position:absolute;bottom:8px;left:8px;overflow:hidden}.portfolio-story-controls>button{background:0 0;place-items:center;width:44px;height:44px;padding:0;display:grid}.portfolio-story-controls>button:hover{background:#ffffff26}.portfolio-story-error{text-align:center;background:var(--bby-surface);color:var(--bby-ink);align-content:center;justify-items:center;padding:1rem;font-size:.875rem;display:grid;position:absolute;inset:44px 0 60px}.portfolio-story-error>button{background:var(--bby-ink);border-radius:999px;min-height:44px;padding-inline:1rem}.portfolio-comment{text-align:left;align-items:flex-start;gap:.75rem;min-width:0;display:flex}.portfolio-comment>[role=img]{margin-top:.625rem}.portfolio-comment-bubble{border:1px solid var(--bby-line);background:var(--bby-paper);min-width:0;color:var(--bby-ink);border-radius:1rem;flex:1;padding:.75rem 1rem;display:block;position:relative}.portfolio-comment-bubble:before{content:"";border-left:1px solid var(--bby-line);border-bottom:1px solid var(--bby-line);background:inherit;width:8px;height:8px;position:absolute;top:1.25rem;left:-5px;transform:rotate(45deg)}.portfolio-comment-author{overflow-wrap:anywhere;flex-wrap:wrap;align-items:baseline;gap:.25rem .5rem;display:flex}.portfolio-comment-author strong{font-size:.8125rem;font-weight:500}.portfolio-comment-author time{color:var(--bby-ink-muted);font-size:.75rem}.portfolio-comment-text{white-space:pre-wrap;overflow-wrap:anywhere;margin-top:.25rem;font-size:.875rem;line-height:1.6;display:block}.portfolio-comment-trigger{width:100%;min-height:44px;color:var(--bby-ink);cursor:pointer;background:0 0;border:0;border-radius:1rem;padding:0;display:block;position:relative}.portfolio-comment-trigger .portfolio-comment-bubble{padding-right:2.75rem}.portfolio-comment-trigger .portfolio-comment-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.portfolio-comment-trigger>svg{color:var(--bby-ink-muted);position:absolute;top:1rem;right:1rem}.portfolio-comment-trigger:focus-visible,.portfolio-comments-close:focus-visible{outline:2px solid var(--bby-rose);outline-offset:4px}.portfolio-comments-overlay{z-index:60;background:#00000073;position:fixed;inset:0}.portfolio-comments-drawer{inset-inline:0;z-index:61;background:var(--bby-surface);width:min(100%,36rem);max-height:75dvh;color:var(--bby-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border-radius:1.5rem 1.5rem 0 0;outline:none;flex-direction:column;margin-inline:auto;padding-top:.75rem;display:flex;position:fixed;bottom:0}.portfolio-comments-drawer [data-vaul-handle]{background:var(--bby-control-line);flex-shrink:0}.portfolio-comments-drawer header{justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem .5rem 1.5rem;display:flex}.portfolio-comments-drawer h2{margin:0;font-size:1rem;font-weight:500}.portfolio-comments-close{width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:50%;flex-shrink:0;place-items:center;padding:0;display:grid}.portfolio-comments-scroll{overscroll-behavior:contain;padding:.5rem max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));scrollbar-width:thin;scrollbar-color:var(--bby-control-line) transparent;overflow-y:auto}@media (hover:hover){.portfolio-comment-trigger:hover .portfolio-comment-bubble{border-color:var(--bby-control-line)}.portfolio-comments-close:hover{background:var(--bby-line)}}.portfolio-comment-trigger:active .portfolio-comment-bubble,.portfolio-comments-close:active{background:var(--bby-surface)}@media (width<=639px){.portfolio-note .portfolio-comment{display:block;position:relative}.portfolio-note .portfolio-comment>[role=img]{z-index:1;width:24px;height:24px;margin:0;position:absolute;top:.75rem;left:.75rem}.portfolio-note .portfolio-comment-bubble{padding:.75rem}.portfolio-note .portfolio-comment-bubble:before{top:-5px;left:20px;transform:rotate(135deg)}.portfolio-note .portfolio-comment-author{min-height:24px;padding-left:2rem}}@media (prefers-reduced-motion:reduce){.portfolio-comments-drawer[data-vaul-drawer],.portfolio-comments-overlay[data-vaul-overlay]{transition:none!important;animation:none!important}}