@layer components{.stack-item_wrap{white-space:nowrap;align-items:center;gap:.4em;display:inline-flex}.stack-item_logo{background-color:var(--light-100);object-fit:contain;border-radius:.25em;flex:none;width:1.25em;height:1.25em}.portfolio-card_wrap{min-width:0;color:var(--text);text-decoration:none;display:block}.portfolio-card_frame{aspect-ratio:16/10;border:var(--border-width) solid var(--border);background-color:var(--background-3);transition:translate calc(var(--hover-duration) * 1.5) var(--hover-ease), box-shadow calc(var(--hover-duration) * 1.5) var(--hover-ease);border-radius:1.25rem;flex-direction:column;display:flex;overflow:clip}@media (hover:hover){.portfolio-card_wrap:hover .portfolio-card_frame{translate:0 -.25rem;box-shadow:0 1.25rem 2.5rem #0f0f0e1f}}.portfolio-card_bar{align-items:center;gap:var(--space-2);height:2.25rem;padding-inline:var(--space-3);border-bottom:var(--border-width) solid var(--border);background-color:var(--light-200);color:var(--dark-900);flex:none;font-size:.75rem;display:flex}.portfolio-card_dots{gap:.3125rem;display:flex}.portfolio-card_dots i{border-radius:var(--radius-round);background-color:var(--rule);width:.5rem;height:.5rem}.portfolio-card_url{border-radius:var(--radius-round);background-color:var(--light-300);min-width:0;color:var(--dark-700);text-overflow:ellipsis;white-space:nowrap;flex:auto;padding:.25rem .75rem;overflow:hidden}.portfolio-card_warning{border-radius:var(--radius-round);background-color:var(--peach);color:var(--dark-900);font-weight:var(--primary-regular);flex:none;align-items:center;gap:.4rem;padding:.25rem .625rem .25rem .4rem;display:inline-flex}.portfolio-card_warning:before{content:"!";border-radius:var(--radius-round);background-color:var(--dark-900);width:1rem;height:1rem;color:var(--peach);justify-content:center;align-items:center;font-size:.6875rem;line-height:1;display:inline-flex}.portfolio-card_ongoing{border:var(--border-width) solid var(--dark-900);border-radius:var(--radius-round);font-weight:var(--primary-regular);flex:none;padding:.25rem .625rem}.portfolio-card_rating{border-radius:var(--radius-round);background-color:var(--accent);font-weight:var(--primary-regular);flex:none;padding:.25rem .625rem}.portfolio-card_screen{background-color:var(--background-skeleton);flex:auto;min-height:0;position:relative;overflow:clip}.flat .portfolio-card_screen{padding:var(--space-4);background-color:var(--_bg);color:var(--_fg);align-items:flex-end;display:flex}.portfolio-card_image{object-fit:cover;object-position:top;width:100%;height:100%;transition:scale calc(var(--hover-duration) * 3) var(--hover-ease);position:absolute;inset:0}@media (hover:hover){.portfolio-card_wrap:hover .portfolio-card_image{scale:1.04}}.portfolio-card_name-flat{font-size:var(--h3);font-weight:var(--primary-regular);line-height:var(--line-height-small);letter-spacing:var(--letter-spacing-tight);overflow-wrap:anywhere;transition:opacity var(--hover-duration) var(--hover-ease)}.portfolio-card_wrap:is(:hover,:focus-visible) .portfolio-card_name-flat{opacity:0}.portfolio-card_details{z-index:1;justify-content:flex-end;gap:var(--space-1);padding:var(--space-4) var(--space-5);color:var(--light-200);opacity:0;transition:opacity calc(var(--hover-duration) * 1.5) var(--hover-ease), translate calc(var(--hover-duration) * 1.5) var(--hover-ease);background:linear-gradient(#0f0f0ecc,#0f0f0ee0 45%,#0f0f0ef2);flex-direction:column;display:flex;position:absolute;inset:0;translate:0 .5rem}.portfolio-card_wrap:is(:hover,:focus-visible) .portfolio-card_details{opacity:1;translate:0}@media (hover:none){.portfolio-card_details{opacity:1;padding:var(--space-4);background:linear-gradient(#0f0f0e00 45%,#0f0f0ed9);translate:0}.portfolio-card_details .portfolio-card_review,.portfolio-card_details .portfolio-card_specs{display:none}}.portfolio-card_title{font-size:var(--h3);font-weight:var(--primary-regular);line-height:var(--line-height-medium);letter-spacing:var(--letter-spacing-tight);overflow-wrap:anywhere;margin:0}.portfolio-card_sector{color:var(--brand-300);font-size:var(--text-main);line-height:var(--text-main-line-height)}.portfolio-card_specs{margin:var(--space-2) 0 0;font-size:var(--text-small);flex-direction:column;line-height:1.3;display:flex}.portfolio-card_spec{align-items:center;gap:var(--space-3);border-top:var(--border-width) solid #f4f0ec33;grid-template-columns:7.5rem minmax(0,1fr);padding-block:.3rem;display:grid}.portfolio-card_spec dt{color:var(--brand-300)}.portfolio-card_spec dd{flex-wrap:wrap;align-items:center;gap:.25rem .9rem;margin:0;display:flex}.portfolio-card_partner{align-items:center;gap:.4rem;display:inline-flex}.portfolio-card_role{color:var(--brand-300)}.portfolio-card_tag{border:var(--border-width) solid #f4f0ec4d;border-radius:var(--radius-round);white-space:nowrap;padding:.15rem .6rem;font-size:.8125rem}.portfolio-card_review{gap:var(--space-1);margin-top:var(--space-2);padding-top:var(--space-3);border-top:var(--border-width) solid #f4f0ec40;flex-direction:column;display:flex}.portfolio-card_quote{font-size:var(--text-main);font-weight:var(--primary-light);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.portfolio-card_author{color:var(--accent);font-size:var(--text-small);font-weight:var(--primary-regular)}.portfolio-grid_wrap{gap:var(--space-5);grid-template-columns:minmax(0,1fr);width:100%;display:grid}@media (min-width:48rem){.portfolio-grid_wrap{gap:var(--space-6);grid-template-columns:repeat(2,minmax(0,1fr))}}.portfolio-page_container{width:min(100% - var(--site-margin) * 2, 112rem);max-width:none}.portfolio-page_empty{text-align:center;align-self:center}}
