@layer components{.portfolio_hero{--_alignment:center;text-align:center;padding-block:var(--section-space-large) var(--section-space-small);border-bottom:var(--border-width) solid var(--border);background:radial-gradient(ellipse 60% 80% at 0% 100%, color-mix(in lab, var(--brand-500) 25%, transparent) 0%, transparent 55%), var(--background)}.portfolio_hero>.container{gap:0}.portfolio_hero-eyebrow{margin-bottom:var(--space-3)}.portfolio_hero>.container>.portfolio_hero-title{margin-block:0 var(--space-5);letter-spacing:var(--letter-spacing-wider);color:var(--heading-accent);font-size:clamp(3rem,7vw,5.5rem)}.portfolio_hero-sub{font-family:var(--secondary-family);color:var(--text-2);opacity:.7;font-size:clamp(1rem,2vw,1.35rem);font-style:italic}.portfolio_filters{z-index:10;padding-block:var(--space-4);border-bottom:var(--border-width) solid var(--border);background-color:var(--background-2);position:sticky;top:0}.portfolio_filter-bar{justify-content:flex-start;align-items:center;gap:var(--space-4);flex-flow:wrap}.portfolio_filter-label{color:var(--text-2);opacity:.5;flex:none}.portfolio_filter-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.portfolio_filter-btn{padding:var(--space-1) var(--space-3);border:var(--border-width) solid var(--border);color:var(--text-2);cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);background-color:#0000}@media (hover:hover){.portfolio_filter-btn:hover{border-color:var(--text-2);color:var(--text)}}.portfolio_filter-btn.is-active{background-color:var(--heading-accent);border-color:var(--heading-accent);color:var(--dark-900)}.portfolio_filter-count{color:var(--text-2);opacity:.45;margin-inline-start:auto}@media not (min-width:37.5rem){.portfolio_filter-count{display:none}}.portfolio_tag{padding:var(--space-1) var(--space-2);border:var(--border-width) solid color-mix(in lab, var(--heading-accent) 35%, transparent);color:var(--heading-accent)}.portfolio_status{padding:var(--space-1) var(--space-2)}.portfolio_status.is-active{border:var(--border-width) solid color-mix(in lab, var(--accent-400) 30%, transparent);color:var(--accent-400)}.portfolio_status.is-play{padding:0}.portfolio_status.is-play a{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border:var(--border-width) solid var(--brand-500);background-color:var(--brand-500);color:var(--light-100);transition:background-color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);display:inline-flex}@media (hover:hover){.portfolio_status.is-play a:hover{background-color:var(--heading-accent);border-color:var(--heading-accent);color:var(--dark-900)}}.portfolio_client{align-items:center;gap:var(--space-3);display:flex}.portfolio_client-label{color:var(--text-2);opacity:.5}.portfolio_client-name{color:var(--text-2)}.portfolio_ctas{gap:var(--space-3);padding-top:var(--space-6);flex-wrap:wrap;margin-top:auto;display:flex}.portfolio_cta{align-items:center;gap:var(--space-2);font-family:var(--text-label-font-family);font-size:var(--text-label);letter-spacing:var(--text-label-letter-spacing);line-height:var(--text-label-line-height);text-transform:var(--text-label-text-transform);padding:var(--space-3) var(--space-5);background-color:var(--brand-500);color:var(--light-100);transition:background-color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);text-decoration:none;display:inline-flex}@media (hover:hover){.portfolio_cta:hover{background-color:var(--heading-accent);color:var(--dark-900)}.portfolio_cta:hover .portfolio_cta-arrow{translate:.25rem}}.portfolio_cta-arrow{transition:translate var(--hover-duration) var(--hover-ease)}.portfolio_divider{justify-content:flex-start;align-items:center;gap:var(--space-4);padding-top:var(--section-space-small);padding-bottom:var(--space-6);flex-direction:row}.portfolio_divider-label{white-space:nowrap;flex:none}.portfolio_divider-rule{height:var(--border-width);background:linear-gradient(to right, var(--border), transparent);flex:1}.portfolio_jams{padding-bottom:var(--space-6)}.portfolio_jams-grid,.portfolio_originals-grid{gap:var(--border-width);border:var(--border-width) solid var(--border);background-color:var(--border);grid-template-columns:minmax(0,1fr);width:100%;display:grid}@media (min-width:56rem){.portfolio_jams-grid,.portfolio_originals-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}:is(.portfolio_jams-grid,.portfolio_originals-grid)>:only-child{grid-column:1/-1}@media (min-width:56rem){.portfolio_jams-grid>.portfolio_jam-card:only-child{flex-direction:row}.portfolio_jams-grid>.portfolio_jam-card:only-child>.portfolio_jam-media{aspect-ratio:auto;flex:0 0 50%;min-height:22rem}.portfolio_jams-grid>.portfolio_jam-card:only-child .portfolio_jam-img{position:absolute;inset:0}.portfolio_jams-grid>.portfolio_jam-card:only-child>.portfolio_jam-info{border-top:0;border-left:var(--border-width) solid var(--border);padding:var(--space-6)}}.portfolio_jam-img{object-fit:cover;object-position:center 38%;width:100%;height:100%}.portfolio_jam-card{background-color:var(--background-2);transition:background-color var(--hover-duration) var(--hover-ease);flex-direction:column;display:flex}@media (hover:hover){.portfolio_jam-card:hover{background-color:color-mix(in lab, var(--background-3) 85%, transparent)}}.portfolio_jam-media{aspect-ratio:16/9;width:100%;position:relative;overflow:hidden}.portfolio_carousel,.portfolio_slides,.portfolio_video{width:100%;height:100%;position:relative}.portfolio_slide{opacity:0;transition:opacity .5s;position:absolute;inset:0}.portfolio_slide.is-active{z-index:1;opacity:1}.portfolio_slide img{height:100%}.portfolio_carousel-prev,.portfolio_carousel-next{z-index:5;border:var(--border-width) solid color-mix(in lab, var(--heading-accent) 20%, transparent);background-color:color-mix(in lab, var(--dark-900) 70%, transparent);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;transition:background-color var(--hover-duration) var(--hover-ease), border-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);justify-content:center;align-items:center;font-size:1.5rem;line-height:1;display:flex;position:absolute;top:50%;translate:0 -50%}@media (hover:hover){:is(.portfolio_carousel-prev,.portfolio_carousel-next):hover{background-color:color-mix(in lab, var(--heading-accent) 85%, transparent);border-color:var(--heading-accent);color:var(--dark-900)}}.portfolio_carousel-prev{left:var(--space-3)}.portfolio_carousel-next{right:var(--space-3)}.portfolio_dots{bottom:var(--space-2);z-index:5;gap:.3125rem;display:flex;position:absolute;left:50%;translate:-50%}.portfolio_dot{background-color:var(--text-2);opacity:.4;cursor:pointer;width:.375rem;height:.375rem;transition:opacity var(--hover-duration) var(--hover-ease), background-color var(--hover-duration) var(--hover-ease), scale var(--hover-duration) var(--hover-ease);border:0;border-radius:50%;padding:0}.portfolio_dot.is-active,.portfolio_dot:hover{background-color:var(--heading-accent);opacity:1;scale:1.3}a.portfolio_video{display:block}.portfolio_video img{object-fit:cover;height:100%}.portfolio_video-play{border:var(--border-width) solid color-mix(in lab, var(--heading-accent) 40%, transparent);background-color:color-mix(in lab, var(--dark-900) 70%, transparent);width:4rem;height:4rem;color:var(--heading-accent);transition:background-color var(--hover-duration) var(--hover-ease), color var(--hover-duration) var(--hover-ease);border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.portfolio_video:hover .portfolio_video-play,.portfolio_video:focus-visible .portfolio_video-play{background-color:var(--heading-accent);color:var(--dark-900)}.portfolio_video iframe{border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.portfolio_jam-info{padding:var(--space-4) var(--space-5);border-top:var(--border-width) solid var(--border);flex-direction:column;flex:1;gap:0;display:flex}.portfolio_jam-info>.portfolio_jam-title{margin-top:var(--space-5)}.portfolio_jam-info>.portfolio_jam-desc{margin-top:var(--space-2)}.portfolio_jam-info>.portfolio_client{margin-top:var(--space-4)}.portfolio_jam-header{align-items:center;gap:var(--space-2) var(--space-3);flex-wrap:wrap;display:flex}.portfolio_jam-title{color:var(--text)}.portfolio_jam-desc{white-space:pre-line;color:var(--text-2);opacity:.85;line-height:1.7}.portfolio_originals{padding-bottom:var(--section-space-medium)}.portfolio_original-card{background-color:var(--background-2);min-height:17.5rem;position:relative;overflow:hidden}.portfolio_more{opacity:.5;min-height:10rem;transition:opacity var(--hover-duration) var(--hover-ease);border-style:dashed;justify-content:center;align-items:center;display:flex}@media (hover:hover){.portfolio_more:hover{opacity:.75}}.portfolio_more-body{align-items:center;gap:var(--space-2);padding:var(--space-6);text-align:center;flex-direction:column;display:flex}.portfolio_more-plus{font-family:var(--secondary-family);color:var(--heading-accent);opacity:.6;font-size:3rem;line-height:1}.portfolio_more-title{letter-spacing:var(--letter-spacing-wider);color:var(--text)}.portfolio_more-sub{color:var(--text-2);opacity:.6}}