@layer components{body:has(.ais-hero-banner) .actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:22px}body:has(.ais-hero-banner) .ais-intro-inner{max-width:var(--ais-max-w);margin:0 auto;padding:36px var(--ais-gutter) 32px;text-align:center}body:has(.ais-hero-banner) .buy-btn .arrow{display:inline-block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}body:has(.ais-hero-banner) .buy-btn:hover .arrow{transform:translateX(3px)}body:has(.ais-hero-banner) .fav-btn .heart{position:relative;width:14px;height:14px;display:inline-block}body:has(.ais-hero-banner) .fav-btn .heart svg{width:14px;height:14px;display:block;transition:transform .35s cubic-bezier(.34,1.56,.64,1)}body:has(.ais-hero-banner) .feed-col{min-width:0}body:has(.ais-hero-banner) .pinned-col{display:none;position:sticky;top:80px;align-self:start;height:fit-content}body:has(.ais-hero-banner) .plate .caption{flex:1 1 auto;min-width:0;padding:26px 26px 22px 8px;display:flex;flex-direction:column;justify-content:center}body:has(.ais-hero-banner) .plate .frame img{display:block;width:100%;height:auto;transition:transform 1.4s cubic-bezier(.2,.8,.2,1),opacity .9s ease,filter .9s ease;opacity:0;filter:blur(10px)}body:has(.ais-hero-banner) .plate .frame img.loaded{opacity:1;filter:blur(0)}body:has(.ais-hero-banner) .plate .mat{padding:22px;position:relative;flex:0 0 auto;width:46%;max-width:340px}body:has(.ais-hero-banner) .plate .mat a.frame{display:block;cursor:pointer}body:has(.ais-hero-banner) .plate .top{display:flex;align-items:flex-start}body:has(.ais-hero-banner) .sentinel{width:100%;height:1px;overflow:hidden;opacity:0;pointer-events:none}body:has(.ais-hero-banner) .stage{position:relative;z-index:2;max-width:var(--ais-max-w);margin:0 auto;padding:24px var(--ais-gutter) 120px;display:grid;grid-template-columns:1fr;gap:56px;transition:grid-template-columns .65s cubic-bezier(.45,.05,.2,1)}body:has(.ais-hero-banner) .stage.pinned{grid-template-columns:0.92fr 1.08fr}body:has(.ais-hero-banner) .work .frame img{display:block;width:100%;height:auto;transition:transform 1.3s cubic-bezier(.2,.8,.2,1),filter .6s ease,opacity .9s ease;opacity:0;filter:blur(8px)}body:has(.ais-hero-banner) .work .frame img.loaded{opacity:1;filter:blur(0)}body:has(.ais-hero-banner) .work .mat{padding:14px;position:relative;flex:0 0 auto;width:40%;max-width:170px;display:flex;align-items:center}body:has(.ais-hero-banner) .work-col{display:flex}body:has(.ais-hero-banner) .work.clicked .frame img{transform:scale(1.06)}body:has(.ais-hero-banner) .work.in-view{opacity:1;transform:translateY(0) scale(1)}body:has(.ais-hero-banner) .work:hover .badge{opacity:1;transform:none}body:has(.ais-hero-banner) .work:hover .frame img{transform:scale(1.04)}body:has(.ais-hero-banner) .work:hover .frame::after{opacity:1}}