.csv3-section{--csv3-bg: #fbfbfb;--csv3-ink: #202020;--csv3-muted: #777777;--csv3-soft: #f0f0f0;--csv3-line: #dedede;--csv3-red: #d3000e;width:100%;color:var(--csv3-ink);background:var(--csv3-bg);font-family:Roboto,sans-serif}.csv3-section *,.csv3-section *:before,.csv3-section *:after{box-sizing:border-box}.csv3-section a{color:var(--csv3-ink);text-decoration:none}.csv3-section a:hover{color:var(--csv3-red)}.csv3-section button,.csv3-section input,.csv3-section select{font:inherit}.csv3-inner{width:100%;max-width:1400px;margin:0 auto}.csv3-pad{padding:clamp(44px,5vw,80px) 20px}.csv3-eyebrow{margin:0 0 10px;color:var(--csv3-red);font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.csv3-section h2{margin:0;color:var(--csv3-ink);font-size:28px;font-weight:700;line-height:1.18}.csv3-section p{color:var(--csv3-muted);font-size:16px;line-height:1.55}.csv3-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:8px;padding:0 22px;border:1px solid var(--csv3-red);border-radius:8px;font-size:18px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.csv3-button--red{color:#fff!important;background:var(--csv3-red)}.csv3-button--red:hover{color:#fff!important;background:#b9000c;transform:translateY(-2px);box-shadow:0 12px 26px #d3000e33}.csv3-button--quiet{color:var(--csv3-ink);border-color:#bdbdbd;background:#ffffffc7}.csv3-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}.csv3-heading p{max-width:760px;margin:8px 0 0}.csv3-hero-wrap{padding:20px}.csv3-hero{display:grid;grid-template-columns:minmax(340px,.86fr) minmax(560px,1.25fr);min-height:560px;overflow:hidden;border-radius:clamp(10px,1.2vw,20px);background:linear-gradient(120deg,#f8eeec,#f5f3f0 52%,#e8ebea)}.csv3-hero__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(40px,5vw,76px)}.csv3-hero h1{max-width:690px;margin:0;color:var(--csv3-ink);font-size:clamp(38px,4.7vw,64px);font-weight:700;letter-spacing:-.045em;line-height:1}.csv3-hero__copy>p:not(.csv3-eyebrow){max-width:600px;margin:24px 0 0;color:var(--csv3-ink)}.csv3-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.csv3-hero__videos{display:grid;grid-template-columns:1.1fr .9fr;gap:10px;min-width:0;padding:12px}.csv3-hero-video{position:relative;min-width:0;overflow:hidden;border-radius:14px;background:var(--csv3-soft)}.csv3-hero-video img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.csv3-hero-video:hover img{transform:scale(1.025)}.csv3-hero-video__label{position:absolute;right:12px;bottom:12px;left:12px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;color:#fff;border-radius:8px;background:#0000009e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:12px}.csv3-hero-video__play{position:absolute;top:50%;left:50%;display:grid;width:54px;height:54px;place-items:center;color:var(--csv3-red);border-radius:50%;background:#fffffff0;transform:translate(-50%,-50%)}.csv3-featured{border-top:1px solid #e5e5e5}.csv3-featured__grid{display:grid;grid-template-columns:repeat(12,1fr);gap:24px 18px}.csv3-featured__grid>*{grid-column:span 4}.csv3-featured__grid>*:first-child{grid-column:span 8}.csv3-featured__grid>*:first-child .csv3-card__title{font-size:21px}.csv3-card{min-width:0}.csv3-card__cover{position:relative;display:block;width:100%;aspect-ratio:16/9;overflow:hidden;border-radius:clamp(10px,1.2vw,20px);background:var(--csv3-soft)}.csv3-card__cover:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(to top,rgba(0,0,0,.3),transparent 45%);pointer-events:none}.csv3-card__cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .3s ease,filter .3s ease}.csv3-card:hover .csv3-card__cover>img{transform:scale(1.025);filter:saturate(1.04)}.csv3-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:#888;background:linear-gradient(135deg,#eee,#ddd);font-size:42px;font-weight:700}.csv3-card__featured,.csv3-card__platform,.csv3-card__duration{position:absolute;z-index:2;display:inline-flex;align-items:center;padding:5px 8px;color:#fff;border-radius:6px;background:#000000b8;font-size:11px;font-weight:700}.csv3-card__featured{top:10px;left:10px;background:var(--csv3-red)}.csv3-card__platform{top:10px;right:10px}.csv3-card__duration{right:10px;bottom:10px}.csv3-card__play{position:absolute;z-index:2;top:50%;left:50%;display:grid;width:48px;height:48px;place-items:center;color:var(--csv3-red);border-radius:50%;background:#fffffff0;opacity:0;transform:translate(-50%,-45%);transition:opacity .2s ease,transform .2s ease}.csv3-card:hover .csv3-card__play,.csv3-card__cover:focus-visible .csv3-card__play{opacity:1;transform:translate(-50%,-50%)}.csv3-card__body{padding:13px 2px 0}.csv3-card__creator{display:flex;align-items:center;gap:8px;min-width:0}.csv3-card__creator img,.csv3-card__creator>span{display:grid;flex:0 0 30px;width:30px;height:30px;place-items:center;border-radius:50%;object-fit:cover;background:var(--csv3-ink);color:#fff;font-size:10px;font-weight:700}.csv3-card__creator strong{overflow:hidden;font-size:13px;text-overflow:ellipsis;white-space:nowrap}.csv3-card__creator small{margin-left:auto;color:var(--csv3-muted);font-size:12px;white-space:nowrap}.csv3-card__body h3{display:-webkit-box;min-height:44px;margin:9px 0 0;overflow:hidden;color:var(--csv3-ink);font-size:16px;font-weight:700;line-height:1.35;-webkit-box-orient:vertical;-webkit-line-clamp:2}.csv3-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px}.csv3-card__meta span{padding:4px 7px;color:#505050;border-radius:5px;background:var(--csv3-soft);font-size:12px}.csv3-card__meta small{color:var(--csv3-muted);font-size:12px}.csv3-library{border-top:1px solid #e5e5e5;background:#fff}.csv3-filter{margin-bottom:38px;border:1px solid #e0e0e0;border-radius:16px;background:#fff;box-shadow:0 12px 30px #0000000d}.csv3-filter__categories{display:flex;gap:8px;overflow-x:auto;padding:12px;border-bottom:1px solid #e8e8e8;scrollbar-width:none}.csv3-filter__categories::-webkit-scrollbar{display:none}.csv3-filter__categories button{flex:0 0 auto;min-height:40px;padding:0 16px;color:var(--csv3-ink);border:1px solid #dedede;border-radius:8px;background:#fff;font-size:14px;font-weight:600;cursor:pointer}.csv3-filter__categories button.is-active{color:#fff;border-color:var(--csv3-red);background:var(--csv3-red)}.csv3-filter__row{display:grid;grid-template-columns:repeat(3,minmax(150px,.8fr)) minmax(220px,1.25fr) auto;gap:12px;align-items:end;padding:18px}.csv3-field{display:grid;gap:7px}.csv3-field span{color:var(--csv3-muted);font-size:12px;font-weight:600}.csv3-field select,.csv3-field input{width:100%;height:44px;padding:0 13px;color:var(--csv3-ink);border:1px solid #d3d3d3;border-radius:8px;background:#fff;outline:none;font-size:14px}.csv3-field select:focus,.csv3-field input:focus{border-color:var(--csv3-red);box-shadow:0 0 0 2px #d3000e1a}.csv3-filter__clear{height:44px;padding:0 14px;color:var(--csv3-red);border:0;background:transparent;font-weight:600;text-decoration:underline;text-underline-offset:4px;cursor:pointer}.csv3-filter__status{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 18px 15px}.csv3-filter__status p{margin:0;font-size:13px}.csv3-filter__active{color:var(--csv3-ink)!important;font-weight:600}.csv3-library__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 18px}.csv3-empty{padding:54px 20px;text-align:center;border-radius:16px;background:var(--csv3-soft)}.csv3-empty h3,.csv3-empty p{margin:0 0 10px}.csv3-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:7px;margin-top:48px}.csv3-pagination button,.csv3-pagination span{display:grid;min-width:42px;height:42px;padding:0 12px;place-items:center;color:var(--csv3-ink);border:1px solid #d4d4d4;border-radius:7px;background:#fff;font-size:14px;cursor:pointer}.csv3-pagination button.is-active{color:#fff;border-color:var(--csv3-red);background:var(--csv3-red)}.csv3-pagination button:disabled{color:#aaa;cursor:not-allowed}.csv3-pagination span{border-color:transparent;cursor:default}.csv3-spotlight{border-top:1px solid #e5e5e5}.csv3-spotlight__rail{display:grid;grid-auto-columns:minmax(270px,1fr);grid-auto-flow:column;gap:16px;overflow-x:auto;padding:2px 2px 14px;scroll-snap-type:x mandatory}.csv3-person{display:grid;grid-template-rows:150px auto;overflow:hidden;border-radius:14px;background:#fff;box-shadow:0 7px 22px #00000012;scroll-snap-align:start}.csv3-person__media{overflow:hidden;background:var(--csv3-soft)}.csv3-person__media img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.csv3-person:hover .csv3-person__media img{transform:scale(1.025)}.csv3-person__body{display:grid;grid-template-columns:auto 1fr;gap:12px;align-items:center;padding:14px}.csv3-person__avatar{width:42px;height:42px;overflow:hidden;border-radius:50%;background:var(--csv3-ink)}.csv3-person__avatar img{width:100%;height:100%;object-fit:cover}.csv3-person__avatar span{display:grid;width:100%;height:100%;place-items:center;color:#fff;font-size:12px;font-weight:700}.csv3-person h3{margin:0;overflow:hidden;font-size:16px;text-overflow:ellipsis;white-space:nowrap}.csv3-person p{margin:3px 0 0;font-size:13px}.csv3-bridge{background:var(--csv3-soft)}.csv3-bridge__layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,6vw,90px);align-items:center}.csv3-bridge__copy p{max-width:620px}.csv3-bridge__copy a{display:inline-flex;gap:8px;margin-top:12px;color:var(--csv3-red);font-size:18px;font-weight:700}.csv3-bridge__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.csv3-bridge__steps div{min-height:180px;padding:22px;border-radius:14px;background:#fff}.csv3-bridge__steps span{color:var(--csv3-red);font-size:12px;font-weight:700}.csv3-bridge__steps strong,.csv3-bridge__steps small{display:block}.csv3-bridge__steps strong{margin-top:52px;font-size:21px}.csv3-bridge__steps small{margin-top:5px;color:var(--csv3-muted);font-size:13px;line-height:1.4}.csv3-ugc__box{display:grid;grid-template-columns:1.1fr .9fr;gap:50px;align-items:center;padding:clamp(30px,4vw,54px);border-radius:18px;background:linear-gradient(120deg,#f8eeec,#ededeb)}.csv3-ugc__box h2{font-size:clamp(30px,4vw,46px)}.csv3-ugc__action{justify-self:end;max-width:440px}.csv3-ugc__action p{margin:14px 0 0;font-size:12px}.csv3-modal{width:min(1080px,calc(100% - 32px));max-height:calc(100dvh - 32px);padding:0;overflow:auto;color:var(--csv3-ink);border:0;border-radius:18px;background:#fff;box-shadow:0 28px 90px #00000059}.csv3-modal::backdrop{background:#141414c2;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.csv3-modal__panel{position:relative;padding:18px}.csv3-modal__close{position:sticky;z-index:3;top:0;float:right;width:40px;height:40px;margin-bottom:-40px;color:var(--csv3-ink);border:0;border-radius:50%;background:#fffffff5;font-size:25px;cursor:pointer}.csv3-modal__media{clear:both;overflow:hidden;aspect-ratio:16/9;border-radius:12px;background:#101010}.csv3-modal__media iframe,.csv3-modal__media img{display:block;width:100%;height:100%;border:0;object-fit:contain}.csv3-modal__content{display:flex;align-items:start;justify-content:space-between;gap:24px;padding:22px 4px 10px}.csv3-modal__content h2{max-width:760px;font-size:28px}.csv3-modal__kicker{margin:0 0 6px;color:var(--csv3-red)!important;font-size:12px!important;font-weight:700;text-transform:uppercase}.csv3-modal__creator{display:flex;align-items:center;gap:10px;margin-top:10px}.csv3-modal__creator img,.csv3-modal__creator span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;object-fit:cover;color:#fff;background:var(--csv3-ink);font-size:11px;font-weight:700}.csv3-modal__source{flex:0 0 auto;padding:10px 13px;color:#fff!important;border-radius:7px;background:var(--csv3-red);font-size:14px;font-weight:700}.csv3-modal__meta{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:0 4px 14px}.csv3-modal__meta div{padding:12px;border-radius:8px;background:var(--csv3-soft)}.csv3-modal__meta dt{color:var(--csv3-muted);font-size:11px}.csv3-modal__meta dd{margin:4px 0 0;font-size:13px;font-weight:600}.csv3-modal__product{display:block;margin:0 4px;padding:13px 15px;color:var(--csv3-red)!important;border-radius:8px;background:#f8f1f1;font-size:14px;font-weight:700}@media(max-width:1100px){.csv3-hero{grid-template-columns:1fr}.csv3-hero__videos{min-height:480px}.csv3-filter__row{grid-template-columns:repeat(2,1fr)}.csv3-library__grid{grid-template-columns:repeat(3,1fr)}.csv3-featured__grid>*,.csv3-featured__grid>*:first-child{grid-column:span 6}}@media(max-width:760px){.csv3-pad{padding:clamp(44px,12vw,64px) 20px}.csv3-section h2{font-size:24px}.csv3-section p{font-size:14px}.csv3-button{min-height:44px;padding:0 18px;font-size:16px}.csv3-hero-wrap{padding:12px}.csv3-hero__copy{padding:38px 24px 28px}.csv3-hero h1{font-size:clamp(36px,12vw,52px)}.csv3-hero__videos{min-height:360px;padding:8px;gap:7px}.csv3-heading{align-items:start;flex-direction:column;gap:14px}.csv3-featured__grid>*,.csv3-featured__grid>*:first-child{grid-column:span 12}.csv3-filter__row{grid-template-columns:1fr 1fr;padding:14px}.csv3-field--search{grid-column:1/-1}.csv3-filter__status{align-items:end}.csv3-filter__status p:last-child{max-width:210px;text-align:right}.csv3-library__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px}.csv3-card__play{opacity:1;width:42px;height:42px;transform:translate(-50%,-50%)}.csv3-card__creator small{display:none}.csv3-card__body h3{min-height:39px;font-size:14px}.csv3-bridge__layout,.csv3-ugc__box{grid-template-columns:1fr}.csv3-bridge__steps{gap:7px}.csv3-bridge__steps div{min-height:130px;padding:12px}.csv3-bridge__steps strong{margin-top:30px;font-size:16px}.csv3-bridge__steps small{font-size:10px}.csv3-ugc__action{justify-self:start}.csv3-modal{width:calc(100% - 20px);max-height:calc(100dvh - 20px)}.csv3-modal__content{align-items:stretch;flex-direction:column}.csv3-modal__meta{grid-template-columns:1fr 1fr}}@media(max-width:460px){.csv3-hero__videos{min-height:300px}.csv3-filter__row{grid-template-columns:1fr}.csv3-field--search{grid-column:auto}.csv3-library__grid,.csv3-bridge__steps{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.csv3-section *,.csv3-section *:before,.csv3-section *:after{scroll-behavior:auto!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/33/assets/creator-stories-v3.css.map */