/* The street-interview site's navy, cream and gold system, adapted for UGC. */
.ugc-page .ugc-hero-collage{position:relative;width:min(100%,470px);height:480px;margin:12px 0 28px;isolation:isolate}
.ugc-hero-main{position:absolute;right:2%;top:0;width:66%;height:440px;object-fit:cover;object-position:50% 30%;border:6px solid #eeeae0;border-radius:16px;transform:rotate(3deg);box-shadow:0 20px 55px #0004}
.ugc-hero-small{position:absolute;left:0;bottom:0;width:45%;height:310px;object-fit:cover;object-position:50% 25%;border:6px solid #fff;border-radius:14px;transform:rotate(-5deg);box-shadow:0 15px 40px #0005}
.ugc-frame-note{position:absolute;right:0;bottom:8px;max-width:53%;padding:13px 18px;background:#d5b56b;color:#1d2b46;font-size:24px;line-height:1.25;font-weight:800;text-align:right;border-radius:6px;transform:rotate(2deg)}
.ugc-page .creative-hero .mini-label{display:block;color:#e0c17d;font-size:17px;margin-bottom:20px}
.ugc-page .creative-hero h1{max-width:950px;margin-inline:auto}
.ugc-page .gallery-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px;gap:16px;color:#1d2b46}
.ugc-page .gallery-heading h3{font-size:29px;margin:0}.ugc-page .gallery-heading>span{font-size:16px;color:#586174}
.landing-ui.ugc-page .creative-v2 .portfolio .video-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 3px 22px;gap:22px;scrollbar-width:thin;scrollbar-color:#b89952 #e6e3d9}
.ugc-page .portfolio .video-card{flex:0 0 245px;scroll-snap-align:start;min-width:0}
.ugc-page .video-caption{color:#34425c;font-size:15px;font-weight:600;min-height:24px}
.ugc-page .video-wrap{aspect-ratio:9/16;background:#10141e;border-radius:15px;box-shadow:0 8px 24px #1d2b4615}
.ugc-page .video-wrap video{object-fit:contain;background:#10141e}
.ugc-page .play-button{position:absolute;inset:0;border:0;background:transparent;color:white;font-size:42px;cursor:pointer;text-shadow:0 2px 15px #000}
.ugc-page .video-wrap:has(video[data-playing]) .play-button{display:none}
.ugc-page .ugc-offer-section{padding-block:65px 75px;background:#eeeae0}
.ugc-page .ugc-offer-section h2{font-size:39px;line-height:1.25;color:#1d2b46;margin:12px 0 25px;text-align:center}
.ugc-page .ugc-offer-section .portfolio-offer{margin-top:0}
.ugc-page .ugc-offer-section .mini-label{display:block;text-align:center;color:#876823}
.ugc-page .ugc-offer-section .cta{min-height:56px;width:min(100%,520px);font-size:21px;border-radius:10px}
.ugc-page .creative-price .ugc-offer-terms{font-size:15px!important;font-weight:400!important;line-height:1.8!important;color:#586174!important;max-width:590px!important}
.ugc-page .ugc-reviews-heading{margin-top:48px}
.ugc-page .ugc-product-collage .collage-main{width:88%;height:480px;object-fit:cover;object-position:50% 30%}
.ugc-page .ugc-product-collage .collage-small{width:45%;height:290px;object-fit:cover;object-position:50% 30%}
.ugc-page .ugc-about-link{display:inline-flex;margin-top:18px;color:#e0c17d;border-bottom:1px solid #d5b56b;padding-bottom:7px;font-weight:700;gap:18px}
.ugc-page .ugc-about-nav{color:#e0c17d!important;font-size:17px}
.ugc-page .creative-invitation{padding-bottom:85px}
.ugc-page .rec{display:none}
.ugc-gallery-controls{display:flex;justify-content:center;gap:14px;margin:5px 0 35px}.ugc-gallery-controls button{width:46px;height:46px;border:1px solid #b89952;background:#fff;color:#1d2b46;border-radius:50%;font-size:24px;cursor:pointer}.ugc-gallery-controls button:hover{background:#eeeae0}
.about-page .archive-note .first-video-proof{width:100%;margin-bottom:20px}.about-page .first-video-proof p{font-size:16px;line-height:1.6}.about-page .first-video-proof img{width:100%;height:auto;display:block}
@media(max-width:800px){.ugc-page .ugc-hero-collage{width:min(100%,360px);height:410px}.ugc-hero-main{height:370px}.ugc-hero-small{height:260px}.ugc-frame-note{font-size:20px;padding:12px}.ugc-page .creative-hero .mini-label{font-size:15px}.ugc-page .gallery-heading{align-items:flex-start;flex-direction:column;gap:8px}.ugc-page .gallery-heading h3{font-size:26px}.ugc-page .portfolio .video-card{flex-basis:75%;max-width:280px}.ugc-page .ugc-offer-section{padding-block:45px}.ugc-page .ugc-offer-section h2{font-size:31px}.ugc-page .ugc-offer-section .cta{font-size:19px}.ugc-page .ugc-product-collage .collage-main{height:400px}.ugc-page .ugc-product-collage .collage-small{height:245px}.ugc-page .ugc-about-nav{display:none!important}.ugc-page .creative-invitation{padding-bottom:65px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
@media(max-width:800px){.landing-ui.ugc-page .site-header .ugc-about-nav{display:flex!important;font-size:15px;padding:4px}.ugc-page .site-header .tiktok-link{display:none!important}.landing-ui.ugc-page .site-header nav{gap:12px}}