.trend-hero{isolation:isolate;padding-top:1rem;position:relative;overflow:hidden}.trend-hero:before{z-index:-1;background:radial-gradient(ellipse 50% 42% at 40% 50%, color-mix(in oklch, var(--primary) 22%, transparent), transparent 75%);pointer-events:none;content:"";position:absolute;inset:8% -10% 4%}.trend-hero-intro{z-index:1;text-align:center;max-width:66rem;margin-inline:auto;position:relative}.trend-hero-announcement{border:1px solid color-mix(in oklch, var(--primary) 20%, var(--border));background:var(--trend-accent-soft);max-width:100%;color:var(--foreground);transition:border-color var(--trend-duration-fast) var(--trend-ease), background-color var(--trend-duration-fast) var(--trend-ease);border-radius:999px;align-items:center;gap:.5rem;padding:.25rem .65rem .25rem .25rem;font-size:.75rem;line-height:1.5;text-decoration:none;display:inline-flex}.trend-hero-announcement:hover{border-color:var(--primary);background:color-mix(in oklch, var(--primary) 20%, var(--background))}.trend-hero-announcement-badge{background:color-mix(in oklch, var(--primary) 64%, var(--foreground));height:auto;color:var(--background);border:0;border-radius:999px;padding:.1rem .55rem;font-size:.6875rem;font-weight:800}.trend-hero-title{font-family:var(--font-display);letter-spacing:-.055em;text-wrap:balance;margin-top:1.2rem;font-size:clamp(2.8rem,5.1vw,4.7rem);font-weight:800;line-height:1.05}.trend-hero-title>span{color:color-mix(in oklch, var(--primary) 72%, var(--foreground))}.trend-hero-description{max-width:53rem;color:var(--muted-foreground);text-wrap:pretty;margin:1.05rem auto 0;font-size:1rem;line-height:1.65}.trend-hero-actions{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-top:1.4rem;display:flex}.trend-hero-upload,.trend-hero-browse{height:3.1rem;transition:transform var(--trend-duration-fast) var(--trend-ease), border-color var(--trend-duration-fast) var(--trend-ease), background-color var(--trend-duration-fast) var(--trend-ease), box-shadow var(--trend-duration-normal) var(--trend-ease);border-radius:999px;gap:.6rem;padding-inline:1.65rem;font-size:.9375rem;font-weight:700}.trend-hero-upload{background:var(--primary);color:var(--primary-foreground);box-shadow:var(--trend-shadow-glow)}.trend-hero-upload:hover{background:color-mix(in oklch, var(--primary) 88%, var(--foreground));transform:translateY(-2px)}.trend-hero-browse{border-color:color-mix(in oklch, var(--primary) 20%, var(--border));background:var(--background);color:var(--foreground)}.trend-hero-browse:hover{border-color:var(--primary);background:var(--trend-accent-soft);transform:translateY(-2px)}.trend-hero-helper{color:var(--muted-foreground);margin-top:.75rem;font-size:.75rem;line-height:1.6}.trend-hero-stage{margin-top:1rem;padding:1.25rem .5rem 0;position:relative}.trend-hero-gallery{border-radius:0;grid-template-columns:1fr 1.05fr 1.2fr 1.05fr 1fr;align-items:center;gap:clamp(.75rem,2vw,1.75rem);width:100%;display:grid}.trend-hero-tile{--hero-rotation:0deg;--hero-lift:0px;min-width:0;transform:translateY(var(--hero-lift)) rotate(var(--hero-rotation));transition:transform var(--trend-duration-slow) var(--trend-ease);position:relative}.trend-hero-tile[data-position="-2"]{--hero-rotation:5deg;--hero-lift:-1.6rem}.trend-hero-tile[data-position="-1"]{--hero-rotation:1.5deg;--hero-lift:-.5rem}.trend-hero-tile[data-position="1"]{--hero-rotation:-1.5deg;--hero-lift:-.5rem}.trend-hero-tile[data-position="2"]{--hero-rotation:-5deg;--hero-lift:-1.6rem}.trend-hero-tile:hover,.trend-hero-tile:focus-within{z-index:2;transform:translateY(calc(var(--hero-lift) - .35rem)) rotate(calc(var(--hero-rotation) * .5))}.trend-hero-media{aspect-ratio:var(--trend-aspect-hero);border:1px solid color-mix(in oklch, var(--foreground) 20%, transparent);border-radius:var(--trend-radius-media);background:var(--card);box-shadow:0 12px 32px -18px var(--background);transition:border-color var(--trend-duration-normal) var(--trend-ease), box-shadow var(--trend-duration-normal) var(--trend-ease);position:relative;overflow:hidden}.trend-hero-tile[data-active] .trend-hero-media{border-color:color-mix(in oklch, var(--primary) 65%, var(--foreground));box-shadow:0 0 0 3px color-mix(in oklch, var(--primary) 12%, transparent), 0 18px 64px -28px color-mix(in oklch, var(--primary) 65%, transparent)}.trend-hero-select{border-radius:inherit;text-align:left;background:0 0;border:0;width:100%;min-width:0;height:100%;padding:0;display:block;position:absolute;inset:0;overflow:hidden}.trend-hero-select:hover,.trend-hero-select[aria-pressed=true]{background:0 0}.trend-hero-select:focus-visible{outline:2px solid var(--foreground);outline-offset:-5px;box-shadow:none}.trend-hero-poster,.trend-hero-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.trend-hero-video{animation:trend-hero-reveal var(--trend-duration-slow) var(--trend-ease) both}.trend-hero-media-shade{pointer-events:none;background:linear-gradient(#0000,#00000057);position:absolute;inset:55% 0 0}.trend-hero-source{border:3px solid var(--foreground);background:var(--foreground);width:34%;max-width:5.4rem;color:var(--background);animation:trend-hero-source-in var(--trend-duration-normal) var(--trend-ease) both;border-radius:.45rem;flex-direction:column;display:flex;position:absolute;top:.7rem;left:.7rem;overflow:hidden;transform:rotate(-5deg);box-shadow:0 5px 15px #0000004d}.trend-hero-source img{aspect-ratio:.85;object-fit:cover;width:100%;height:auto}.trend-hero-source>span{text-align:center;white-space:normal;padding-top:.2rem;font-size:.625rem;font-weight:700;line-height:1.3}.trend-hero-sample-name{color:var(--foreground);text-align:center;margin-top:.75rem;font-size:.8125rem;font-weight:650;line-height:1.4;display:block}.trend-hero-output{flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:1rem;display:flex}.trend-hero-output>span{border:1px solid var(--border);background:var(--trend-surface-raised);color:var(--muted-foreground);border-radius:999px;align-items:center;gap:.45rem;padding:.4rem .7rem;font-size:.75rem;line-height:1.4;display:inline-flex}.trend-hero-output svg{width:.9rem;height:.9rem;color:color-mix(in oklch, var(--primary) 65%, var(--foreground))}.trend-hero-benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:2.2rem;padding-bottom:.75rem;list-style:none;display:grid}.trend-hero-benefits li{min-width:0;color:var(--foreground);justify-content:center;align-items:center;gap:.7rem;font-size:.8125rem;line-height:1.5;display:flex;position:relative}.trend-hero-benefits li+li:before{background:color-mix(in oklch, var(--primary) 20%, var(--border));content:"";width:1px;position:absolute;top:22%;bottom:22%;left:-.75rem}.trend-hero-benefit-icon{border:1px solid color-mix(in oklch, var(--primary) 10%, transparent);background:var(--trend-accent-soft);width:2.8rem;height:2.8rem;color:color-mix(in oklch, var(--primary) 65%, var(--foreground));border-radius:999px;flex:none;justify-content:center;align-items:center;display:flex}.trend-hero-benefit-icon svg{width:1.2rem;height:1.2rem}.trend-header{background:color-mix(in oklch, var(--background) 88%, transparent);border-bottom-color:#0000}.trend-header-desktop{height:4.25rem}.trend-header-links{background:0 0;border:0;border-radius:0;gap:.1rem;padding:0}.trend-header-brand-name{letter-spacing:-.025em;font-size:1.05rem}.trend-header-create{box-shadow:var(--trend-shadow-glow);transition:transform var(--trend-duration-fast) var(--trend-ease), background-color var(--trend-duration-fast) var(--trend-ease), box-shadow var(--trend-duration-normal) var(--trend-ease)}.trend-header-create:hover{background:color-mix(in oklch, var(--primary) 88%, var(--foreground));transform:translateY(-1px)}.trend-header-bottom{background:color-mix(in oklch, var(--background) 92%, transparent)}@media (width<=399px){.trend-header-mobile{gap:.25rem}.trend-header-mobile .trend-header-brand-name{font-size:.96875rem}.trend-header-mobile img{width:1.75rem;height:1.75rem}.trend-header-mobile [data-slot=button]{padding-inline:.6rem;font-size:.8125rem}.trend-header-mobile .trend-header-menu-label{display:none}.trend-header-mobile .trend-header-menu-trigger{gap:0;width:2.5rem;min-width:2.5rem;padding-inline:0}.trend-header-mobile .trend-header-sign-in{padding-inline:.5rem}}@keyframes trend-hero-reveal{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@keyframes trend-hero-source-in{0%{opacity:0;transform:translateY(.4rem)rotate(-5deg)}to{opacity:1;transform:translateY(0)rotate(-5deg)}}@media (width>=1600px){.trend-hero-stage{max-width:78rem;margin-inline:auto}}@media (width<=1023px){.trend-hero{padding-top:1.2rem}.trend-hero-title{font-size:clamp(2.6rem,6vw,4rem)}.trend-hero-description{max-width:46rem;font-size:.9375rem}.trend-hero-benefits{gap:1rem}.trend-hero-benefits li{gap:.5rem;font-size:.75rem}.trend-hero-benefit-icon{width:2.3rem;height:2.3rem}}@media (width<=639px){.trend-hero{padding-top:.9rem}.trend-hero-announcement{gap:.35rem;padding-right:.45rem;font-size:.625rem}.trend-hero-announcement-badge{padding-inline:.4rem;font-size:.625rem}.trend-hero-title{letter-spacing:-.05em;margin-top:1rem;font-size:clamp(2.65rem,10vw,3.5rem);line-height:1.06}.trend-hero-title>span{display:block}.trend-hero-description{margin-top:1rem;font-size:.875rem;line-height:1.6}.trend-hero-actions{gap:.6rem;margin-top:1.15rem}.trend-hero-upload,.trend-hero-browse{flex:auto;height:3rem;padding-inline:.9rem;font-size:.8125rem}.trend-hero-helper{max-width:22rem;margin-inline:auto;font-size:.6875rem}.trend-hero-stage{margin-inline:-1rem;overscroll-behavior-x:contain;scrollbar-width:none;margin-top:1rem;padding:1.2rem 1rem .5rem;overflow-x:auto}.trend-hero-stage::-webkit-scrollbar{display:none}.trend-hero-gallery{gap:.7rem;width:max(100%,38rem)}.trend-hero-media{aspect-ratio:9/15.4;border-radius:calc(var(--trend-radius-media) * .825)}.trend-hero-tile[data-position="-2"],.trend-hero-tile[data-position="2"]{--hero-lift:-.85rem}.trend-hero-tile[data-position="-1"],.trend-hero-tile[data-position="1"]{--hero-lift:-.25rem}.trend-hero-sample-name{margin-top:.5rem;font-size:.6875rem}.trend-hero-source{border-width:2px;width:38%;top:.45rem;left:.45rem}.trend-hero-source>span{padding-top:.1rem;font-size:.5rem}.trend-hero-output{gap:.4rem;margin-top:.6rem}.trend-hero-output>span{gap:.3rem;padding:.35rem .55rem;font-size:.625rem}.trend-hero-benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem .75rem;margin-top:1.5rem}.trend-hero-benefits li{justify-content:flex-start;font-size:.6875rem}.trend-hero-benefits li+li:before{display:none}.trend-hero-benefit-icon{width:2.2rem;height:2.2rem}.trend-hero-benefit-icon svg{width:1rem;height:1rem}}@media (prefers-reduced-motion:reduce){.trend-hero *,.trend-hero :before,.trend-header *,.trend-header-bottom *{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.trend-hero-tile:hover,.trend-hero-tile:focus-within{transform:translateY(var(--hero-lift)) rotate(var(--hero-rotation))}.trend-hero-upload:hover,.trend-hero-browse:hover,.trend-header-create:hover{transform:none}}