/* Motion is concentrated in the creator collage and interactive portfolio cards. */
.hero-grid{position:relative}.collage{perspective:1000px;isolation:isolate}.collage:before{content:'';position:absolute;inset:8% -3% 0;background:radial-gradient(ellipse,#e7def6 0,transparent 66%);z-index:-1}.portrait{background-image:url('assets/fictional-creators-v2.png');background-repeat:no-repeat;background-size:300% 100%;will-change:transform;transition:filter .3s}.portrait.one{background-position:0% center;--angle:-9deg;animation:creator-float 7s ease-in-out infinite}.portrait.two{background-position:50% center;--angle:8deg;animation:creator-float 8s ease-in-out -3s infinite}.portrait.three{background-position:100% center;--angle:-5deg;animation:creator-float 6s ease-in-out -2s infinite}.collage:hover .portrait{animation-play-state:paused}.sticker{z-index:3}.doodle{animation:star-turn 22s linear infinite}.bubble{z-index:4;animation:notification-pop .75s cubic-bezier(.2,1.7,.4,1) .5s both}.reel-label{z-index:4;right:3%;bottom:17%;font-size:15px;background:#faf8f2;color:#232320;padding:9px 14px;border-radius:99px}.demo-flag{position:absolute;bottom:-29px;right:2%;font-size:11px;color:#76736c}.camera-rec{position:absolute;top:20%;right:5%;z-index:5;border:1px solid #fff9;color:white;border-radius:7px;padding:4px 8px;font:11px monospace;transform:rotate(8deg);display:flex;align-items:center;gap:5px}.camera-rec:before{content:'';width:6px;height:6px;border-radius:50%;background:#fa553c;animation:record 2s ease-in-out infinite}.motion-toggle{font-size:12px;border:1px solid #c8c5bc;padding:8px 12px;border-radius:99px;white-space:nowrap}.ticker{justify-content:flex-start;gap:0;padding:17px 0}.ticker-track{display:flex;gap:38px;flex-shrink:0;align-items:center;animation:club-ticker 32s linear infinite;padding-right:38px}.ticker:hover .ticker-track{animation-play-state:paused}.creator-section{padding-block:85px 90px}.creator-top{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.creator-top p{max-width:310px;line-height:1.65;color:#69685f}.creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;perspective:1200px}.creator-card{position:relative;aspect-ratio:3/4;border-radius:18px;overflow:hidden;isolation:isolate;background:#e8dff3;transform:rotate(var(--rest,0deg));transition:transform .3s,box-shadow .3s;text-align:left;color:white;width:100%;border:0}.creator-card:nth-child(1){--rest:-3deg}.creator-card:nth-child(2){--rest:2deg;margin-top:22px}.creator-card:nth-child(3){--rest:-2deg}.creator-card:hover,.creator-card:focus-visible{box-shadow:0 25px 45px #35222625;z-index:2}.creator-photo{position:absolute;inset:0;background-image:url('assets/fictional-creators-v2.png');background-size:300% 100%;background-repeat:no-repeat;z-index:-2;transition:scale .5s}.creator-card:hover .creator-photo{scale:1.06}.creator-card:after{content:'';position:absolute;inset:38% 0 0;background:linear-gradient(transparent,#232320d9);z-index:-1}.creator-photo.p1{background-position:0% center}.creator-photo.p2{background-position:50% center}.creator-photo.p3{background-position:100% center}.creator-card-top{position:absolute;top:18px;left:18px;right:18px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.creator-location{background:#faf8f2ed;color:#232320;border-radius:30px;padding:7px 11px}.creator-open{width:34px;height:34px;border:1px solid #fff9;border-radius:50%;display:grid;place-content:center;font-size:19px;background:#ffffff15;backdrop-filter:blur(4px)}.creator-info{position:absolute;bottom:24px;left:24px;right:24px}.creator-info strong{display:block;font-size:38px;line-height:1;letter-spacing:-1.5px}.creator-info small{display:block;margin-top:10px;font-size:14px}.creator-specialty{display:inline-block;margin-top:15px;font-size:11px;border:1px solid #ffffff88;border-radius:30px;padding:6px 10px}.creator-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:42px}.creator-foot p{font-size:12px;color:#76736c}.profile-visual{height:285px;background-image:url('assets/fictional-creators-v2.png');background-size:300% 100%;border-radius:12px;margin-top:20px}.profile-visual.p1{background-position:0 center}.profile-visual.p2{background-position:50% center}.profile-visual.p3{background-position:100% center}.profile-tags{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}.profile-tags span{padding:7px 12px;border-radius:99px;background:#e4dcf2;font-size:12px}.pill span{transition:transform .25s}.pill:hover span{transform:translate(3px,-3px)}.logo:hover .brand-star{transform:rotate(45deg)}.brand-star{transition:transform .5s}.job-card{transition:transform .3s,box-shadow .3s}.job-card:hover{box-shadow:0 14px 35px #23232010}.mock-app{transition:transform .45s}.mock-app:hover{transform:rotate(0deg) translateY(-5px)}.closing:after{content:'';position:absolute;width:220px;height:220px;background:currentColor;mask:url('assets/icons/asterisk.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/asterisk.svg') center/contain no-repeat;right:-25px;bottom:-105px;color:#ffffff24;animation:star-turn 35s linear infinite;pointer-events:none}.motion-paused *,.motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important}.motion-paused .creator-card{transform:rotate(var(--rest))!important}.motion-paused .pill,.motion-paused .mock-app{transition:none}
@keyframes creator-float{0%,100%{transform:translateY(0) rotate(var(--angle))}50%{transform:translateY(-13px) rotate(calc(var(--angle) + 2deg))}}@keyframes star-turn{to{rotate:360deg}}@keyframes notification-pop{from{opacity:0;translate:0 18px;scale:.8}to{opacity:1;translate:0 0;scale:1}}@keyframes record{50%{opacity:.3}}@keyframes club-ticker{to{transform:translateX(-100%)}}
@media(max-width:800px){.creator-section{padding-block:65px}.creator-top{display:block}.creator-top p{margin-top:20px}.creator-grid{display:flex;gap:18px;overflow-x:auto;padding:15px 14px 30px;margin-inline:-14px;scroll-snap-type:x mandatory}.creator-card{flex:0 0 83%;scroll-snap-align:center}.creator-card:nth-child(2){margin-top:0}.creator-info strong{font-size:34px}.creator-foot{align-items:flex-start;flex-direction:column;margin-top:10px}.demo-flag{font-size:10px}.camera-rec{right:5%}.ticker-track{animation-duration:24s}.creator-top .section-title{font-size:48px}.creator-card{transform:none!important}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.creator-card{transform:none!important}.motion-toggle{display:none}.ticker-track{animation:none}}
/* Give each face its own space; place the message outside the portrait area. */
.collage{height:560px;margin-bottom:35px}.portrait.one{left:2%;top:1%;width:45%;height:63%;--angle:-7deg}.portrait.two{right:0;top:16%;width:46%;height:68%;--angle:7deg}.portrait.three{left:16%;bottom:0;width:34%;height:42%;z-index:3;--angle:-4deg;border-width:5px}.bubble{left:auto;right:-2%;bottom:-4%;width:56%;max-width:300px;padding:17px 19px;transform:rotate(3deg);font-size:15px;line-height:1.3}.bubble small{font-size:11px;line-height:1.5;margin-top:7px}.sticker{width:94px;height:94px;right:0;top:-4%;font-size:12px;transform:rotate(10deg)}.doodle{left:43%;top:0;font-size:62px}.camera-rec{top:20%;right:5%}
@media(min-width:1500px){.collage{height:610px}}
@media(min-width:801px) and (max-width:1000px){.collage{height:490px}.bubble{font-size:13px;padding:14px;width:59%}.bubble small{font-size:10px}.sticker{width:82px;height:82px;font-size:10px}}
@media(max-width:800px){.collage{height:470px;margin-top:15px;margin-bottom:35px}.portrait.one{left:1%;width:46%;height:61%}.portrait.two{width:46%;height:64%;top:18%;right:0}.portrait.three{left:12%;width:35%;height:41%;bottom:0}.bubble{width:54%;right:-1%;bottom:-3%;font-size:13px;padding:13px;transform:rotate(2deg)}.bubble small{font-size:10px}.sticker{width:82px;height:82px;top:-3%;font-size:10px}.doodle{font-size:48px;left:44%;top:2%}.camera-rec{font-size:9px;top:22%;right:4%}}

/* A bounded inner label keeps the circular badge optically balanced. */
.sticker{width:118px;height:118px;padding:18px;display:grid;place-items:center;place-content:normal;font-size:11px;line-height:1.25;letter-spacing:-.15px;top:-6%;right:1%;box-sizing:border-box}
.sticker>span{display:block;width:100%;text-align:center}
.sticker i{display:block;font-style:normal;font-size:20px;line-height:1;margin-top:7px;font-weight:400}
@media(max-width:1000px){.sticker{width:104px;height:104px;padding:16px;font-size:10px}.sticker i{font-size:17px;margin-top:5px}}
/* Keep the editorial collage; remove effects that do not explain the product. */
.collage:before,.camera-rec,.closing:after{display:none}.doodle{animation:none}.content-formats{display:flex;justify-content:space-between;gap:24px;border-block:1px solid #d8d4c9;padding-block:22px;font-size:16px;font-weight:600}.hero-title{font-size:clamp(54px,5.8vw,86px);letter-spacing:-.065em}.creator-card:nth-child(2){margin-top:0}.creator-top .section-title{max-width:800px}.job-tag{font-size:11px;padding:6px 10px}.job-image{display:flex;align-items:flex-start;gap:6px;padding:14px}.job-image img{position:absolute;inset:0}.job-tag,.job-tag.right{position:relative;inset:auto;z-index:1}.job-tag.right{margin-left:auto;flex-shrink:0}.job-card{display:flex;flex-direction:column}.job-card>div:last-child{flex:1;display:flex;flex-direction:column}.job-card>div:last-child>div:last-child{margin-top:auto;padding-top:20px}.job-title{min-height:0;margin-bottom:0}.job-card>div:last-child>p:last-of-type{margin-bottom:22px}.closing h2{font-size:clamp(48px,6vw,80px)}
@media(min-width:801px) and (max-width:1050px){.menu-links{gap:16px;font-size:12px}header .primary{padding:12px 16px;gap:12px;font-size:12px}.hero-title{font-size:54px}.job-grid{gap:16px}.job-image{height:220px;padding:10px}.job-tag{font-size:10px;padding:6px}.job-title{font-size:22px}}
@media(max-width:800px){.hero-title{font-size:clamp(44px,11.5vw,70px)}.content-formats{display:grid;grid-template-columns:1fr 1fr;font-size:13px;gap:14px;padding-block:18px}.creator-top .section-title{font-size:42px}.closing h2{font-size:48px}.creator-card{border-radius:14px}}
.creator-section{padding-bottom:40px}#opportunities{padding-top:55px}
@media(max-width:800px){.creator-section{padding-bottom:30px}#opportunities{padding-top:40px}}

@media(max-width:800px){#mobile-menu{display:block}}
.super-footer{background:#fa553c;color:#232320;overflow:hidden;border-top:1px solid #232320;padding-top:65px}.footer-invitation{display:grid;grid-template-columns:1.55fr 1fr;gap:80px;padding-bottom:65px;align-items:center;border-bottom:1px solid #23232055}.super-footer .closing{background:transparent;border-radius:0;padding:0;text-align:left;color:#232320;overflow:visible}.super-footer .closing h2{font-size:clamp(44px,5.2vw,72px);line-height:.98;letter-spacing:-.065em}.super-footer .closing p{font-size:15px;line-height:1.6;max-width:340px;margin:22px 0 26px}.super-footer .closing .pill{background:#faf8f2;color:#232320;padding:15px 23px}.footer-brand-route{border-left:1px solid #23232055;padding-left:48px}.footer-brand-route h3{font-size:34px;line-height:1.05;letter-spacing:-1.4px;font-weight:750}.footer-brand-route p{font-size:15px;margin-block:17px 22px}.footer-text-link{display:flex;gap:25px;align-items:center;font-weight:650;border-bottom:1px solid #232320;padding-bottom:7px}.footer-text-link span{font-size:24px;transition:transform .2s}.footer-text-link:hover span{transform:translate(3px,-3px)}.footer-navigation{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:35px;padding:40px 0 52px;font-size:14px;line-height:1.5}.footer-location{font-size:18px;letter-spacing:-.5px;font-weight:700}.footer-navigation nav{display:flex;align-items:flex-start;flex-direction:column;gap:9px}.footer-navigation h3{font-weight:750;margin-bottom:5px}.footer-navigation a:hover,.footer-navigation button:hover,.footer-meta a:hover{text-decoration:underline;text-underline-offset:4px}.footer-back{display:flex;align-items:center;gap:17px;align-self:start}.footer-back span{display:grid;place-content:center;border:1px solid #232320;width:36px;height:36px;border-radius:50%;font-size:21px;transition:transform .25s}.footer-back:hover span{transform:translateY(-4px)}.footer-wordmark{display:block;font-size:clamp(68px,15.5vw,218px);font-weight:1000;line-height:.9;letter-spacing:-.085em;white-space:nowrap;color:#faf8f2;padding-bottom:33px;transition:color .3s}.footer-wordmark:hover{color:#ecea91}.footer-meta{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #23232055;padding:22px 0 26px;font-size:11px}.footer-meta a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:800px){.super-footer{padding-top:44px}.footer-invitation{grid-template-columns:1fr;gap:35px;padding-bottom:35px}.footer-brand-route{border-left:0;border-top:1px solid #23232055;padding:30px 0 0}.footer-brand-route h3{font-size:28px}.footer-brand-route h3 br{display:none}.super-footer .closing h2{font-size:48px}.footer-navigation{grid-template-columns:1fr 1fr;gap:30px 15px;padding-block:30px 40px}.footer-location{grid-column:1/-1}.footer-back{grid-column:1/-1}.footer-wordmark{font-size:15.3vw;padding-bottom:24px}.footer-meta{flex-wrap:wrap;gap:12px}.footer-meta span:nth-child(2){order:3;flex-basis:100%}}
/* A quieter light surface with high-contrast type throughout the footer. */
.super-footer{background:#e4dcf2;color:#232320;border-top-color:#b3a8c2}.super-footer .closing{color:#232320}.super-footer .closing p,.footer-brand-route p{color:#403847}.super-footer .closing .pill{background:#232320;color:#faf8f2;border:1px solid #232320}.super-footer .closing .pill:hover{background:#403847}.footer-wordmark{color:#563d75}.footer-wordmark:hover{color:#232320}.footer-meta{font-size:13px;line-height:1.6}.footer-navigation{font-size:15px}.super-footer a:focus-visible,.super-footer button:focus-visible{outline:3px solid #563d75;outline-offset:5px}.footer-text-link{font-size:16px}.super-footer .footer-invitation,.super-footer .footer-brand-route,.super-footer .footer-meta{border-color:#b3a8c2}
.primary{color:#232320}.primary:hover{background:#ff725d;border-color:#ff725d}
/* Crop the source photo panels without changing their proportions. */
.creator-photo,.profile-visual,.portrait{overflow:hidden;background-image:none}
.creator-photo img,.profile-visual img,.portrait img{position:absolute;top:0;width:300%;max-width:none;height:100%;object-fit:cover;object-position:center 24%;display:block}
.creator-photo.p1 img,.profile-visual.p1 img,.portrait.p1 img{left:0}
.creator-photo.p2 img,.profile-visual.p2 img,.portrait.p2 img{left:-100%}
.creator-photo.p3 img,.profile-visual.p3 img,.portrait.p3 img{left:-200%}
.profile-visual{position:relative}.profile-visual img{object-position:center 20%}
.creator-marquee{overflow:hidden;margin-inline:calc(-5vw);padding:18px 0 24px;perspective:1200px}
.creator-track{display:flex;width:max-content;animation:creator-marquee 45s linear infinite;will-change:transform}
.creator-group{display:flex;gap:24px;padding-right:24px;align-items:center}
.creator-marquee .creator-card{width:320px;height:440px;aspect-ratio:auto;flex:0 0 320px;transform:none;--rest:0deg;cursor:pointer}
.creator-marquee .creator-card:nth-child(2){margin-top:0}.creator-marquee .creator-card:hover{transform:translateY(-5px)}
.creator-marquee:hover .creator-track,.creator-marquee:focus-within .creator-track{animation-play-state:paused}
.creator-foot{margin-top:15px}.creator-section{padding-bottom:35px}
@keyframes creator-marquee{to{transform:translateX(-50%)}}
@media(max-width:800px){.creator-group{gap:16px;padding-right:16px}.creator-marquee .creator-card{width:280px;height:400px;flex-basis:280px}.creator-track{animation-duration:50s}.creator-info strong{font-size:34px}.creator-marquee{margin-inline:-5vw}}
@media(prefers-reduced-motion:reduce){.creator-track{animation:none}.creator-marquee{overflow-x:auto}.creator-group[aria-hidden=true]{display:none}}
.ui-icon{display:inline-block;width:18px;height:18px;min-width:18px;flex-shrink:0;vertical-align:middle;aspect-ratio:1/1;object-fit:contain}.pill .ui-icon{width:20px;height:20px}.creator-open .ui-icon{width:20px;height:20px}.footer-back>span .ui-icon{width:21px;height:21px}.check .ui-icon{width:16px;height:16px}.close .ui-icon{width:16px;height:16px}.fee-gate{font-size:12px;font-weight:600;line-height:1.4;text-align:left;text-decoration:underline;text-underline-offset:3px;max-width:125px}.creator-marquee .creator-card{width:300px;height:450px;flex-basis:300px}.creator-marquee .creator-photo img,.profile-visual.creator-sprite img{left:calc(var(--col)*-100%);top:calc(var(--row)*-100%);width:300%;height:200%;max-width:none;object-fit:cover;object-position:center}.profile-visual.creator-sprite{width:240px;height:360px;max-width:100%;margin:20px auto;background:none;position:relative;overflow:hidden;border-radius:12px}.creator-track{animation-duration:180s}.creator-info small{line-height:1.5;max-width:230px}.creator-info strong{font-size:36px}.creator-marquee:focus-within .creator-track{animation-play-state:paused}.faq summary:after{content:'';display:block;flex:0 0 22px;width:22px;height:22px;background-color:currentColor;mask:url('assets/icons/plus.svg') center/contain no-repeat;-webkit-mask:url('assets/icons/plus.svg') center/contain no-repeat}.faq details[open] summary:after{content:'';mask-image:url('assets/icons/minus.svg');-webkit-mask-image:url('assets/icons/minus.svg')}
@media(max-width:800px){.creator-marquee .creator-card{width:260px;height:390px;flex-basis:260px}.creator-track{animation-duration:200s}}
/* Continuous content motion; no visible pause/resume controls or hover stops. */
.motion-toggle,#motion-toggle,#reel-motion{display:none!important}
.creator-marquee:hover .creator-track,.creator-marquee:focus-within .creator-track,.ticker:hover .ticker-track,.collage:hover .portrait{animation-play-state:running!important}
/* Pointer clicks are clean; keyboard focus remains clearly visible. */
:is(a,button,summary,input,select,textarea,[tabindex]):focus,:is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:none!important}
html[data-input-mode="keyboard"] :is(a,button,summary,input,select,textarea,[tabindex]):focus-visible{outline:2px solid #232320!important;outline-offset:4px}
/* Hover pauses the moving rail without adding visible controls. */
.creator-marquee:hover .creator-track,.ticker:hover .ticker-track{animation-play-state:paused!important}
.creator-marquee .creator-photo.single-photo img,.profile-visual.creator-sprite.single-photo img{left:0;top:0;width:100%;height:100%;object-fit:cover}

/* Explicit Lucide SVG sizing prevents platform emoji/font fallback. */
.doodle .ui-icon{width:72px;height:72px;min-width:72px;stroke-width:1.6}
.ticker b .ui-icon{width:28px;height:28px;min-width:28px}
.mock-app .text-coral>.ui-icon{width:30px;height:30px}
#mobile-menu{min-width:44px;min-height:44px}#mobile-menu .ui-icon{width:24px;height:24px}