.portfolio-comment{text-align:left;align-items:flex-start;gap:.625rem;min-width:0;display:flex}.portfolio-comment>[role=img]{width:1.75rem;height:1.75rem;margin-top:.75rem;font-size:.75rem}.portfolio-comment-bubble{border-top:1px solid var(--bby-line);min-width:0;color:var(--bby-ink);background:0 0;flex:1;padding:.625rem 0 0;display:block;position:relative}.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-variant-numeric:tabular-nums;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{border-radius:var(--bby-radius-plaque);width:100%;min-height:44px;color:var(--bby-ink);cursor:pointer;background:0 0;border:0;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:.5rem}.portfolio-comment-trigger:focus-visible,.portfolio-comments-close:focus-visible{outline:2px solid var(--bby-rose);outline-offset:4px}.portfolio-comment-preview[data-compact] .portfolio-comment-trigger{align-items:center;gap:.5rem;width:fit-content;max-width:100%;padding:0 .625rem 0 .375rem;transition:background-color .16s ease-out;display:flex}.portfolio-comment-preview[data-compact] .portfolio-comment-trigger>svg{flex-shrink:0;position:static}.portfolio-comment-line{align-items:center;gap:.5rem;min-width:0;font-size:.8125rem;line-height:1.5;display:flex}.portfolio-comment-portrait{flex-shrink:0;display:flex}.portfolio-comment-portrait>[role=img]{width:1.5rem;height:1.5rem;font-size:.75rem}.portfolio-comment-line>strong{flex-shrink:0;font-weight:500}.portfolio-comment-excerpt{min-width:0;color:var(--bby-ink-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portfolio-comments-drawer{--bby-ink:var(--bby-paper-ink,#161616);--bby-rose:var(--bby-edge);--bby-blush:#f4f1ed;--bby-mist:var(--color-bby-mist)}.portfolio-comments-overlay{z-index:60;background:var(--bby-scrim);position:fixed;inset:0}.portfolio-comments-drawer{inset-inline:0;z-index:61;border-radius:var(--bby-radius-dialog) var(--bby-radius-dialog) 0 0;background:var(--bby-paper);width:min(100%,36rem);max-height:75dvh;color:var(--bby-ink);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;outline:none;flex-direction:column;margin-inline:auto;padding-top:.75rem;display:flex;position:fixed;bottom:0;box-shadow:0 -24px 60px -30px #00000073}.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{font-family:var(--font-display);letter-spacing:-.015em;margin:0;font-size:1.25rem;font-weight:400}.portfolio-comments-close{border-radius:var(--bby-radius-plaque);width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border:0;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,.portfolio-comment-preview[data-compact] .portfolio-comment-trigger:hover{background:var(--bby-blush)}}.portfolio-comment-trigger:active .portfolio-comment-bubble,.portfolio-comments-close:active,.portfolio-comment-preview[data-compact] .portfolio-comment-trigger:active{background:var(--bby-mist)}@media (prefers-reduced-motion:reduce){.portfolio-comments-drawer[data-vaul-drawer],.portfolio-comments-overlay[data-vaul-overlay]{transition:none!important;animation:none!important}}.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;box-shadow:inset 0 0 0 5px var(--bby-ink);outline:2px solid #fff}.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:#161616b3;border-radius:2px;height:4px;overflow:hidden;box-shadow:0 1px 3px #16161666}.portfolio-story-segments>button>span>span{transform-origin:0;background:#fff;height:100%;display:block}.portfolio-story-controls{border-radius:var(--bby-radius-plaque);background:#161616cc;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{border:1px solid var(--bby-ink);border-radius:var(--bby-radius-plaque);min-height:44px;color:var(--bby-ink);background:0 0;padding-inline:1rem;font-weight:500}.portfolio-story-error>button:hover{background:var(--bby-blush)}