/* Warm film, upright type, and lightweight motion for the creator homepage. */
.hero{background:#171815}
.hero-film{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.film-video{display:block;width:100%;height:100%;object-fit:cover;background:#24231e}
.hero-film .film-video{object-position:55% center}
.hero-film-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,17,15,.87) 0%,rgba(17,20,17,.73) 37%,rgba(18,21,17,.25) 77%,rgba(15,18,15,.4)),linear-gradient(180deg,rgba(8,13,11,.6),transparent 35%,rgba(10,16,13,.7))}
.hero .hero-detail,.hero .hero-footnote{color:#deded1}
.hero .hero-description{color:#f0eee5}
.hero h1{font-size:clamp(66px,7.05vw,108px);letter-spacing:-.06em}
.hero h1 em{font-weight:400;color:#e5c995;display:inline-block}
.hero-film-link{display:inline-flex;align-items:center;gap:11px;margin-top:26px;color:#e7d5b1;font-size:12px}
.film-link-play{width:25px;height:25px;border:1px solid #d6b77b88;border-radius:50%;position:relative;transition:background .25s,transform .25s}
.film-link-play:after{content:'';position:absolute;top:8px;left:10px;border-left:6px solid var(--gold);border-top:4px solid transparent;border-bottom:4px solid transparent}
.hero-film-link:hover .film-link-play{background:#d6b77b22;transform:scale(1.1)}
.hero-bottom{gap:18px;color:#e0ddd1}
.hero-bottom>span:last-child{color:#dfddd1}
.hero-photo{border-color:#ddc7a37a;box-shadow:0 25px 55px #03090666}
.photo-title i{font-weight:400}
.photo-shade{background:linear-gradient(0deg,#141b17e8,transparent 80%)}
.orbit{border-color:#e3c38c4a}
.orbit-two{border-color:#e3c38c2c}
.orbit:after{content:'';position:absolute;inset:-1px;border:1px solid transparent;border-top-color:#f5d79b77;border-radius:50%;animation:orbit-light 20s linear infinite}
.orbit-two:after{animation-duration:28s;animation-direction:reverse}
.universe-caption{color:#e0ddd1}
.film-control{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #e9d1a666;border-radius:30px;background:#1017138c;color:#f5e6cb;padding:10px 16px;min-height:44px;font-size:11px;line-height:1.4;transition:background .2s,border-color .2s}
.film-control:hover{background:#283026;border-color:#e9d1a6}
.film-control:focus-visible{outline-color:#efd6a7}
.film-control svg{width:15px;height:15px;stroke-width:2}
.film-play-icon{fill:currentColor;stroke:none}
.film-control .film-pause-icon{display:none}
.film-control.is-playing .film-play-icon{display:none}
.film-control.is-playing .film-pause-icon{display:block}
.hero-film-control{padding:8px 13px;min-height:38px;font-size:10px}
.inspiration-section{padding:84px 0 45px;background:#eae6dc;overflow:hidden}
.inspiration-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:38px}
.inspiration-heading .eyebrow{color:#75664d;margin-bottom:20px}
.inspiration-heading h2{font-size:clamp(38px,4.15vw,63px)}
.inspiration-heading h2 em{color:var(--bronze)}
.inspiration-heading>p{color:#636658;font-size:14px;line-height:1.9;max-width:340px;padding-bottom:5px}
.inspiration-film{position:relative;isolation:isolate;aspect-ratio:2.15;border-radius:12px;overflow:hidden;background:#24231e;box-shadow:0 28px 60px #3d39221c}
.inspiration-film .film-video{position:absolute;inset:0;z-index:-2}
.maker-film-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#070d0a66,transparent 38%,#11180fbb),linear-gradient(90deg,#12180f55,transparent 65%)}
.film-topline{display:flex;align-items:center;justify-content:space-between;gap:20px;position:absolute;top:29px;left:34px;right:34px;color:#fff0d7;font-size:9px;letter-spacing:.15em;line-height:1.6}
.film-stamp{display:flex;align-items:center;gap:10px}
.film-stamp>span{height:6px;width:6px;border-radius:50%;background:#ead1a0;box-shadow:0 0 0 5px #ead1a019}
.film-caption{position:absolute;bottom:42px;left:40px;right:40px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.film-caption>p{font:400 clamp(40px,5.2vw,78px)/1.02 var(--serif);letter-spacing:-.05em;color:#fff5e3}
.film-caption>p span{color:#f0d092}
.film-caption>div{display:flex;align-items:flex-end;flex-direction:column;gap:16px}
.film-caption-detail{color:#f3e9d5;font-size:12px}
.film-timeline{position:absolute;left:40px;right:40px;bottom:21px;height:1px;background:#e7d3aa3d}
.film-timeline>span{display:block;transform:scaleX(0);transform-origin:left;height:100%;background:#e2c795;transition:transform .3s linear}
.creative-path{display:flex;align-items:center;gap:30px;justify-content:space-between;padding:31px 0}
.creative-path>span{display:flex;align-items:center;gap:12px;white-space:nowrap;font-size:13px;color:#3c4a3e}
.creative-path small{font-size:9px;color:var(--bronze);letter-spacing:.08em}
.creative-path>i{height:1px;background:#b6a47e55;flex:1;max-width:180px;position:relative;overflow:hidden}
.creative-path>i:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,#ae874a,transparent);animation:path-light 4s ease-in-out infinite}
.creative-path>i:nth-of-type(2):after{animation-delay:1.5s}
.feature-grid .feature-card:nth-child(2){transition-delay:.08s}
.feature-grid .feature-card:nth-child(3){transition-delay:.16s}
.feature-card .lesson-preview{transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.feature-card:hover .lesson-preview{transform:rotate(0) translateY(-4px)}
.feature-card .resource-sheet:not(.back){transition:transform .7s cubic-bezier(.2,.7,.3,1)}
.feature-card:hover .resource-sheet:not(.back){transform:rotate(-4deg) translateY(-5px)}
.feature-card.is-visible .conversation{animation:conversation-breathe 7s ease-in-out infinite}
.feature-card.is-visible .conversation.second{animation-delay:-3.5s}
.feature-card .preview-line>i{transform-origin:left}
.feature-card.is-visible .preview-line>i{animation:lesson-line 7s ease-in-out infinite}
.editorial-image img{transition:transform 1.5s cubic-bezier(.2,.7,.3,1)}
.editorial-image:hover img{transform:scale(1.035)}
.motion-sleeping *,.motion-sleeping *:before,.motion-sleeping *:after{animation-play-state:paused!important}
@keyframes orbit-light{to{transform:rotate(360deg)}}
@keyframes path-light{0%{transform:translateX(-110%)}70%,100%{transform:translateX(110%)}}
@keyframes conversation-breathe{0%,100%{translate:0 0}50%{translate:0 -5px}}
@keyframes lesson-line{0%,100%{transform:scaleX(.58)}50%{transform:scaleX(1)}}
@media(min-width:601px) and (max-width:1100px){.community-card{top:24%}}
@media(max-width:1100px){.hero h1{font-size:clamp(56px,7.2vw,79px)}.film-caption{left:28px;right:28px;bottom:35px}.inspiration-heading{gap:28px}.inspiration-heading>p{max-width:270px}}
@media(max-width:800px){.hero h1{font-size:clamp(49px,7.2vw,64px)}.inspiration-heading{display:block}.inspiration-heading>p{margin-top:23px;max-width:none}.inspiration-section{padding-top:65px}.inspiration-film{aspect-ratio:1.65}.film-topline{left:25px;right:25px;font-size:8px}.creative-path{gap:15px}.creative-path>span{font-size:11px;gap:8px}.hero-film-control>span{display:none}.hero-film-control{padding:9px;min-width:38px}}
@media(max-width:600px){.hero-film .film-video{object-position:60% top}.hero-film-shade{background:linear-gradient(180deg,#101814cc 0%,#141a16b5 40%,#10171399 68%,#101813f0 100%)}.hero h1{font-size:clamp(57px,14.6vw,82px);letter-spacing:-.055em}.hero-grid{padding-top:45px}.hero .hero-detail{max-width:340px}.hero-film-link{margin-top:22px}.hero-bottom{flex-wrap:wrap;gap:14px;padding-block:21px}.hero-bottom>span:first-child{flex:1;min-width:150px}.hero-bottom>span:last-child{max-width:none;flex-basis:100%;justify-content:flex-start;font-size:7px;gap:5px}.hero-bottom .parent-word{font-size:9px}.hero-film-control>span{display:inline}.hero-film-control{min-height:40px;padding:9px 12px}.creator-universe{margin-top:44px}.inspiration-section{padding-block:56px 20px}.inspiration-heading{margin-bottom:27px}.inspiration-heading .eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:.12em}.inspiration-heading h2{font-size:clamp(35px,8.8vw,49px);line-height:1.09}.inspiration-heading>p{font-size:14px;margin-top:20px}.inspiration-film{aspect-ratio:.88;border-radius:9px}.inspiration-film .film-video{object-position:58% center}.film-topline{top:23px;left:20px;right:20px;font-size:7px;letter-spacing:.09em}.film-topline>span:last-child{display:none}.film-caption{left:22px;right:22px;bottom:34px;display:block}.film-caption>p{font-size:54px}.film-caption>div{align-items:flex-start;gap:15px;margin-top:18px}.film-caption-detail{font-size:11px}.film-control{font-size:10px;padding:10px 13px}.film-timeline{left:22px;right:22px;bottom:15px}.creative-path{gap:12px;padding:25px 0;align-items:flex-start}.creative-path>span{font-size:11px;white-space:normal;line-height:1.55;display:block;flex:1}.creative-path small{display:block;margin-bottom:6px;font-size:8px}.creative-path>i{display:none}}
@media(max-width:600px){.community-card{top:22%;padding:11px 12px}.community-card .sample-avatars{margin-top:9px;margin-bottom:6px}.community-card .sample-avatars>span{width:24px;height:24px}}
@media(max-width:370px){.community-card{top:19%}}
@media(prefers-reduced-motion:reduce){.orbit:after,.creative-path>i:after,.feature-card .conversation,.feature-card .preview-line>i{animation:none!important}.film-timeline>span,.editorial-image img{transition:none}}