:root{--bg:#f6f6f2;--ink:#342d41;--muted:#716a7b;--accent:#9880ce;--lavender:#ded5f0;--mint:#dcebe0;--peach:#f2d9c9;--line:#dedce2;font-family:'Trebuchet MS','Segoe UI',sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #7654b0;outline-offset:5px}.skip-link{position:fixed;top:-80px;left:20px;z-index:100;background:white;padding:15px}.skip-link:focus{top:12px}.header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:700}.brand svg{width:27px}.brand-dot{width:7px;height:7px;background:var(--accent);border-radius:50%}.header-role{font-size:13px;color:var(--muted)}.header-link{font-size:14px}.header-link span{margin-left:18px}.chapter{min-height:100svh;padding:55px 7vw 195px;display:flex;align-items:center}.creators-chapter{min-height:calc(100svh - 88px)}.stage{width:100%;max-width:1320px;margin:auto}.creators-chapter .stage{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:3vw}.section-note{display:flex;align-items:center;gap:9px;font-size:13px;color:var(--muted);margin-bottom:27px}.tiny-play{border-top:4px solid transparent;border-bottom:4px solid transparent;border-left:7px solid var(--accent)}h1,h2,h3,p{margin:0}h1,h2{font-weight:500;letter-spacing:-.065em;line-height:1.04}h1{font-size:clamp(55px,6.6vw,100px)}h2{font-size:clamp(45px,5.6vw,80px)}.soft-word{color:#8a729f}.scroll-cue{display:flex;align-items:center;gap:13px;margin-top:40px;font-size:12px;color:var(--muted)}.scroll-icon{display:grid;place-items:center;border:1px solid #cac4d2;width:32px;height:42px;border-radius:20px;font-size:18px}.creator-composition{height:440px;position:relative}.creator-frame{position:absolute;width:51%;height:330px;border-radius:110px 110px 12px 12px;overflow:hidden}.creator-frame-one{background:var(--lavender);left:0;top:5px;transform:rotate(-7deg)}.creator-frame-two{background:var(--mint);right:0;top:70px;transform:rotate(8deg)}.frame-tag{position:absolute;top:25px;left:0;text-align:center;width:100%;font-size:12px;z-index:1}.abstract-portrait{position:absolute;inset:0;overflow:hidden;opacity:.5}.abstract-portrait i{position:absolute;width:95px;height:115px;border-radius:48%;background:#ad96cb;left:calc(50% - 47px);top:62px;transform:rotate(9deg)}.abstract-portrait b{position:absolute;width:240px;height:200px;border-radius:50% 50% 0 0;background:#ad96cb;left:calc(50% - 120px);top:179px}.portrait-two i,.portrait-two b{background:#9fbea9}.creator-info{position:absolute;left:25px;bottom:40px;display:flex;flex-direction:column}.creator-info strong{font-size:67px;font-weight:500;letter-spacing:-5px;line-height:1}.creator-info strong span{font-size:43px;letter-spacing:-2px;margin-left:3px}.creator-info>span{font-size:12px;margin-top:7px}.asset-note{position:absolute;bottom:15px;left:25px;font-size:10px}.creator-frame img{width:100%;height:100%;object-fit:cover}.creator-frame:has(img) .creator-info,.creator-frame:has(img) .frame-tag{background:var(--bg);padding:8px;border-radius:8px;width:auto}.composition-marker{position:absolute;right:0;top:0;width:65px;color:#baa4d6}.composition-marker svg{stroke:currentColor;stroke-width:3}.composition-caption{position:absolute;bottom:0;width:100%;text-align:center;font-size:10px;color:var(--muted)}.relation-chapter{background:#eeedf3}.relation-stage{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.relation-art{height:170px;position:relative;margin-bottom:30px}.speech{position:absolute;width:140px;height:95px;border-radius:28px}.speech:after{content:'';position:absolute;bottom:-14px;left:30px;border-top:22px solid var(--lavender);border-right:22px solid transparent}.speech-back{left:30px;background:var(--lavender);transform:rotate(-9deg);top:10px;padding:30px}.speech-back span{display:block;height:5px;background:#a993ca;margin-bottom:12px;border-radius:4px}.speech-front{left:145px;top:40px;background:var(--mint);transform:rotate(9deg)}.speech-front:after{border-top-color:var(--mint)}.speech-front svg{width:85px;margin:15px 28px;fill:none;stroke:#708c79;stroke-width:4}.orbit-label{position:absolute;bottom:0;left:38px;font-size:12px;color:var(--muted)}.strength{display:flex;align-items:center;gap:23px;border-bottom:1px solid #d7d3df;padding:18px 0}.strength h3{font-size:19px;font-weight:400;line-height:1.35}.strength-icon{display:block;width:40px;height:40px;font-size:26px;position:relative;fill:none;stroke:var(--accent);stroke-width:1.5;color:var(--accent)}.strength-icon span{font-size:13px;position:absolute;bottom:-1px;right:0}.infinity{font-size:41px;line-height:35px}.journey-track{position:relative;display:grid;grid-template-columns:repeat(3,1fr);margin-top:45px;gap:40px}.journey-line{position:absolute;top:170px;width:100%;height:1px;background:#cfc6db}.role-art{height:140px;position:relative;margin-bottom:23px}.role h3{font-size:20px;font-weight:400;margin-top:24px}.role-point{display:block;width:15px;height:15px;background:var(--bg);border:4px solid #ac94ce;border-radius:50%;position:relative}.film-strip{position:absolute;display:flex;gap:8px;padding:15px 8px;background:var(--lavender);top:25px;transform:rotate(-9deg);border-top:6px dotted #b5a0d3;border-bottom:6px dotted #b5a0d3}.film-strip i{display:block;width:53px;height:63px;background:#bfadd8;border-radius:3px}.edit-cut{position:absolute;width:3px;height:130px;background:var(--ink);left:115px;top:6px;transform:rotate(20deg)}.text-art span{display:block;font-size:100px;letter-spacing:-10px;color:#91ad99;line-height:130px}.text-art i{position:absolute;bottom:10px;width:130px;height:3px;background:var(--mint)}.manage-art{display:flex;align-items:center;gap:8px}.manage-art i{display:block;width:40px;height:90px;border-radius:5px;background:var(--peach)}.manage-art i:nth-child(2){height:65px}.manage-art i:nth-child(3){height:110px}.manage-art span{position:absolute;left:95px;top:75px;border-radius:50%;background:var(--ink);color:white;width:37px;height:37px;display:grid;place-items:center}.videos-chapter{background:#f0edf5}.videos-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.format-switch{display:flex;border:1px solid #d6cede;border-radius:30px;padding:4px;gap:3px}.format-switch button{border:0;background:transparent;color:var(--muted);padding:11px 19px;border-radius:25px;font-size:13px}.format-switch button[aria-pressed=true]{background:var(--ink);color:#fff}.format-switch span{margin-left:10px}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:850px}.video-card{border:0;text-align:left;color:var(--ink);padding:0;background:transparent}.video-cover{aspect-ratio:9/11;background:var(--lavender);border-radius:8px;display:grid;place-items:center;position:relative;overflow:hidden}.video-card:nth-child(2) .video-cover{background:var(--mint)}.video-card:nth-child(3) .video-cover{background:var(--peach)}.video-cover img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.play{border:1px solid #ffffffb0;border-radius:50%;width:54px;height:54px;display:grid;place-items:center;background:#ffffff75;font-size:18px;z-index:1}.video-card h3{font-size:14px;font-weight:400;margin-top:13px}.video-card p{font-size:11px;color:var(--muted);margin-top:7px}.video-grid.long{max-width:none}.long .video-cover{aspect-ratio:16/9}.placeholder .video-cover:before{content:'';width:65%;height:70%;border:1px solid #ffffff99;border-radius:70px 70px 4px 4px}.placeholder .video-cover>span{position:absolute;font-size:12px}.ending{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:50px;padding-top:23px;font-size:11px;color:var(--muted)}.timeline{position:fixed;bottom:18px;left:4vw;width:92vw;background:#fbfbf8f5;border:1px solid #ddd9e3;border-radius:13px;z-index:10;padding:16px 23px 19px;box-shadow:0 8px 35px #342d410d;backdrop-filter:blur(16px)}.timeline-top{display:flex;justify-content:space-between;align-items:center;font-size:10px;margin-bottom:15px}.timeline-status{display:flex;gap:8px;align-items:center}.timeline-live{width:6px;height:6px;border-radius:50%;background:var(--accent)}.timeline-hint{color:var(--muted)}#timecode{font-variant-numeric:tabular-nums}.timeline-editor{position:relative}.ruler{display:flex;justify-content:space-between;font-size:8px;color:var(--muted);padding-bottom:9px;background:repeating-linear-gradient(90deg,#d8d3df 0 1px,transparent 1px 2.5%) bottom/100% 4px no-repeat}.timeline-clips{display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin-top:6px}.clip{height:35px;border-radius:4px;position:relative;overflow:hidden;display:flex;align-items:center;padding:0 12px;font-size:10px;border:1px solid transparent}.clip[aria-current]{border-color:#766187}.clip-creators{background:var(--lavender)}.clip-relation{background:var(--mint)}.clip-journey{background:var(--peach)}.clip-videos{background:#dbd9ef}.clip-pattern,.waveform{margin-left:auto;opacity:.22;width:34%;height:20px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 6px)}.playhead{position:absolute;left:0;top:0;bottom:-5px;width:2px;background:#6b498f;pointer-events:none;z-index:2}.playhead span{position:absolute;top:-3px;left:-4px;width:10px;height:10px;background:#6b498f;clip-path:polygon(0 0,100% 0,100% 60%,50% 100%,0 60%)}.timeline-scrubber{position:absolute;top:-8px;left:0;width:100%;height:27px;margin:0;opacity:0;cursor:ew-resize;z-index:3}.timeline-editor:focus-within{outline:2px solid var(--accent);outline-offset:5px}dialog{border:0;border-radius:12px;background:var(--bg);color:var(--ink);padding:45px 20px 20px;width:min(900px,94vw);max-height:90svh}dialog::backdrop{background:#251d34cc}.dialog-close{position:absolute;right:12px;top:8px;border:0;background:transparent;font-size:23px;color:var(--ink);padding:5px}#video-player video{display:block;max-height:70svh;width:100%}#video-player iframe{display:block;width:100%;aspect-ratio:16/9;border:0}#video-caption{margin-top:12px;font-size:14px}body:has(dialog[open]){overflow:hidden}@media(max-width:760px){.header{height:70px;padding:0 6vw}.header-role{display:none}.chapter{padding:40px 7vw 165px;min-height:auto}.creators-chapter .stage,.relation-stage{grid-template-columns:1fr;gap:35px}h1{font-size:clamp(48px,11vw,76px)}h2{font-size:clamp(42px,10vw,64px)}.section-note{margin-bottom:18px}.scroll-cue{margin-top:23px}.creator-composition{height:365px;max-width:440px;width:100%;margin:auto}.creator-frame{height:275px;width:47%}.creator-frame-two{top:45px}.composition-caption{bottom:18px}.creator-info strong{font-size:54px}.composition-marker{width:45px}.relation-art{display:none}.journey-track{gap:12px}.role-art{transform:scale(.55);transform-origin:left bottom;width:180px;margin-top:-20px}.role{min-width:0}.journey-line{top:150px}.role h3{font-size:14px;line-height:1.4}.videos-heading{align-items:flex-start;flex-direction:column}.video-grid{gap:13px;grid-template-columns:repeat(2,1fr)}.video-grid.long{grid-template-columns:1fr}.video-card h3{line-height:1.4}.ending{flex-direction:column;line-height:1.6}.timeline{left:3vw;width:94vw;bottom:10px;padding:13px 12px}.timeline-hint{display:none}.clip{padding:0 6px;font-size:9px}.clip-pattern,.waveform{display:none}.timeline-top{margin-bottom:12px}.brand{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Scroll-led compositions; the timeline is the shared visual reference. */
.chapter{--chapter-progress:0}.creator-frame-one{transform:translateY(calc(var(--chapter-progress)*-35px)) rotate(calc(-7deg + var(--chapter-progress)*10deg))}.creator-frame-two{transform:translateY(calc(var(--chapter-progress)*30px)) rotate(calc(8deg - var(--chapter-progress)*11deg))}.speech-front{transform:translateX(calc(var(--chapter-progress)*-30px)) rotate(calc(9deg - var(--chapter-progress)*14deg))}.journey-line{background:linear-gradient(to right,#9880ce calc(var(--chapter-progress)*100%),#d8d1e0 0);height:3px}.edit-cut{transform:translateX(calc(var(--chapter-progress)*40px)) rotate(20deg)}.role-description{font-size:14px;line-height:1.65;color:var(--muted);max-width:29ch;margin-top:14px}.chapter-intro{font-size:15px;line-height:1.65;color:var(--muted);max-width:39ch;margin-top:25px}.strength h3 small{display:block;font-size:12px;line-height:1.6;font-weight:400;color:var(--muted);margin-top:5px}.timeline-live{box-shadow:0 0 0 4px #9880ce15}.video-card:not(.placeholder):hover .play{background:var(--ink);color:white}.video-card:not(.placeholder):hover .video-cover{outline:2px solid var(--accent);outline-offset:4px}.journey-track{isolation:isolate}.role-art{max-width:100%}@media(min-width:1600px){.chapter{padding-top:90px;padding-bottom:220px}.creator-composition{height:490px}.creator-frame{height:380px}.stage{max-width:1440px}h1{font-size:110px}h2{font-size:90px}.timeline{max-width:1540px;left:50%;transform:translateX(-50%)}}@media(max-width:760px){.role-description{font-size:12px}.journey-track{grid-template-columns:1fr;gap:32px;padding-left:28px}.role{position:relative;display:grid;grid-template-columns:95px 1fr;column-gap:22px;align-items:center}.role-art{grid-row:1/3;width:170px;height:110px;transform:scale(.48);transform-origin:left center;margin:0;max-width:none}.role-point{position:absolute;left:-35px;top:49px}.role h3{font-size:20px;margin:0;align-self:end}.role-description{grid-column:2;margin-top:7px;align-self:start;max-width:32ch}.journey-line{left:0;width:3px;top:55px;bottom:55px;height:auto;background:linear-gradient(to bottom,#9880ce calc(var(--chapter-progress)*100%),#d8d1e0 0)}.chapter-intro{font-size:14px}.creator-frame-one{transform:translateY(calc(var(--chapter-progress)*-12px)) rotate(calc(-7deg + var(--chapter-progress)*8deg))}.creator-frame-two{transform:translateY(calc(var(--chapter-progress)*12px)) rotate(calc(8deg - var(--chapter-progress)*8deg))}}@media(max-width:360px){.role{grid-template-columns:70px 1fr;gap:12px}.role-art{transform:scale(.36)}.creator-info{left:16px}.creator-info strong{font-size:47px}.asset-note{left:16px}.frame-tag{font-size:10px}.composition-caption{font-size:9px}}@media(prefers-reduced-motion:reduce){.creator-frame-one{transform:rotate(-7deg)}.creator-frame-two{transform:rotate(8deg)}.speech-front{transform:rotate(9deg)}.edit-cut{transform:rotate(20deg)}}
/* Floating editing dock: lifted off the edge, with a clearer active track. */
.timeline{
  left:50%;width:88vw;max-width:1320px;transform:translateX(-50%);
  bottom:clamp(36px,6vh,72px);padding:20px 26px 23px;
  border:1px solid #c2afd9;border-radius:20px;background:rgba(253,251,255,.96);
  box-shadow:0 22px 60px -15px #49325d42,0 5px 16px #49325d12,inset 0 1px 0 #fff;
  backdrop-filter:blur(20px);
}
.timeline-top{font-size:12px;margin-bottom:19px}.timeline-status{font-weight:700;gap:11px}
.timeline-live{width:8px;height:8px;background:#8057b4;box-shadow:0 0 0 5px #9880ce20}
.timeline-hint{font-size:11px}.ruler{font-size:10px;padding-bottom:12px}
.clip{height:44px;font-size:12px;padding:0 13px;border-radius:6px}
.clip[aria-current]{border:2px solid #8057b4;box-shadow:inset 0 0 0 1px #ffffff7a;font-weight:700}
.playhead{width:3px;background:#73439f;box-shadow:0 0 0 2px #ffffff80}
.playhead span{width:13px;height:13px;left:-5px;top:-5px;background:#73439f}
.timeline-scrubber{height:32px}.chapter{padding-bottom:260px}
@media(max-width:760px){
 .timeline{width:94vw;bottom:calc(28px + env(safe-area-inset-bottom,0px));padding:16px 12px 17px;border-radius:16px}
 .timeline-top{font-size:11px;margin-bottom:16px}.ruler{font-size:9px}
 .clip{font-size:10px;padding:0 6px;height:44px}.timeline-clips{gap:4px}
 .chapter{padding-bottom:220px}
}
@media(max-width:360px){.clip{font-size:9px;padding:0 4px}.timeline-top{font-size:10px}}
@media(max-height:520px){.timeline{bottom:12px;padding:10px 14px 12px}.timeline-top{margin-bottom:10px}.clip{height:34px}.ruler{padding-bottom:8px}}
@media(max-width:760px) and (min-height:700px){
 .creators-chapter{padding-top:32px}.creators-chapter .stage{gap:24px}
 .creator-composition{height:300px}.creator-frame{height:235px}
 .creator-frame-two{top:35px}.creator-info{bottom:37px}
 .creator-info strong{font-size:49px}.composition-caption{bottom:3px}
 .abstract-portrait i{top:51px;height:95px;width:80px;left:calc(50% - 40px)}
 .abstract-portrait b{top:149px}
}
.profile-avatar{width:36px;height:36px;border-radius:50%;object-fit:cover}
.creator-frame.has-portrait{border-radius:24px;overflow:hidden;isolation:isolate}
.creator-frame.has-portrait>img{height:68%;object-fit:cover;object-position:center}
.creator-frame.has-portrait .frame-tag{top:14px;left:14px;padding:6px 11px;font-size:13px;font-weight:700;background:#fdfbfff2;border-radius:20px}
.creator-frame.has-portrait .creator-info{left:0;bottom:0;width:100%;height:33%;border-radius:0;background:var(--lavender);display:flex;flex-direction:row;align-items:center;justify-content:space-around;gap:8px;padding:14px}
.creator-frame-two.has-portrait .creator-info{background:var(--mint)}
.creator-info>div{display:flex;flex-direction:column;gap:5px}.has-portrait .creator-info strong{font-size:clamp(27px,3vw,43px);letter-spacing:-2px;white-space:nowrap}.creator-info>div>span{font-size:11px}.has-portrait .asset-note{display:none}
.communities-block{grid-column:1/-1;margin-top:20px;border-top:1px solid var(--line);padding-top:24px}.communities-block>p{font-size:13px;color:var(--muted);margin-bottom:17px}.communities{display:flex;gap:45px;flex-wrap:wrap}.community{display:flex;gap:15px;align-items:center;position:relative}.community img{width:58px;height:58px;object-fit:contain;border-radius:13px;background:#e9e4ef}.community h3{font-size:17px;font-weight:500}.community p{margin-top:5px;font-size:12px;color:var(--muted)}
.video-grid:not(.long){max-width:650px}.video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid.long{grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid:not(.long) .video-cover{aspect-ratio:9/16}.video-cover img{object-fit:cover}.video-cover .play{box-shadow:0 3px 20px #0004;background:#ffffffdc;color:var(--ink)}
.is-loading{position:relative}.is-loading:after{content:'';position:absolute;inset:0;z-index:4;pointer-events:none;background:linear-gradient(100deg,#e6e0ed 20%,#f8f5fc 45%,#e6e0ed 70%);background-size:250% 100%;animation:skeleton-sweep 1.5s ease-in-out infinite;border-radius:inherit}.is-loading img{opacity:0}.brand.is-loading:after{width:36px;border-radius:50%}.community.is-loading:after{width:58px}.creator-frame.is-loading:after{height:68%}
@keyframes skeleton-sweep{from{background-position:100% 0}to{background-position:-100% 0}}
#video-player{position:relative;min-height:170px;background:#211b29;border-radius:6px;overflow:hidden}#video-player.is-loading:after{z-index:0}.player-status{position:absolute;inset:0;display:grid;place-items:center;padding:25px;text-align:center;z-index:1;color:var(--ink);background:#eee8f3}.is-loading .player-status{background:transparent}#video-player video{position:relative;z-index:2;min-height:170px}#video-player.is-loading video{opacity:0}#video-player:not(.is-loading) .player-status{color:var(--ink)}
@media(max-width:760px){.creator-frame.has-portrait{border-radius:17px}.creator-frame.has-portrait .creator-info{padding:8px;gap:6px}.has-portrait .creator-info strong{font-size:25px;letter-spacing:-1px}.creator-info>div>span{font-size:9px}.creator-frame.has-portrait .frame-tag{font-size:11px;left:10px;top:10px}.communities-block{margin-top:0}.communities{gap:20px}.community img{width:48px;height:48px}.community h3{font-size:15px}.community p{font-size:11px}.video-grid.long{grid-template-columns:1fr}.community.is-loading:after{width:48px}.composition-caption{font-size:9px}}
@media(max-width:360px){.has-portrait .creator-info strong{font-size:21px}.creator-info>div>span{font-size:8px}.creator-frame.has-portrait .creator-info{padding:6px;gap:5px}}
.contact-block{margin-top:65px;padding:35px 0 5px;border-top:1px solid var(--line)}.contact-block h3{font-size:clamp(26px,3vw,38px);font-weight:500;letter-spacing:-.04em}.contact-block p{font-size:14px;color:var(--muted);margin:13px 0 22px}.discord-contact{border:0;background:var(--ink);color:#fff;padding:15px 23px;border-radius:25px;font-size:15px}.contact-status{display:block;font-size:12px;margin-top:12px;min-height:18px;color:var(--muted)}
/* Four collaborations, equal visual weight. */
.creators-chapter .stage{grid-template-columns:.95fr 1.05fr;gap:5vw}.creators-chapter h1{font-size:clamp(48px,5.6vw,85px)}
.creator-composition{height:auto;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:stretch;padding:10px 0 38px}
.creator-composition .creator-frame{position:relative;inset:auto;width:100%;height:260px;margin:0;display:block;border-radius:20px;transform:none}
.creator-composition .creator-frame:nth-of-type(odd){transform:translateY(calc(var(--chapter-progress)*-12px)) rotate(-2deg)}
.creator-composition .creator-frame:nth-of-type(even){transform:translateY(calc(var(--chapter-progress)*12px)) rotate(2deg)}
.creator-composition .creator-frame>img{display:block;width:100%;height:68%;border-radius:0;object-fit:cover}
.creator-composition .creator-info{height:33%;min-height:0;margin:0}.creator-composition .creator-info strong{font-size:32px;letter-spacing:-1.5px}
.creator-composition .community-card{background:#d7e8e5;gap:0}.creator-composition .community-card>img{object-fit:contain;padding:20px;background:#e2eeeb}
.creator-composition .community-card:nth-of-type(4)>img{background:#e9e0f0}.creator-composition .community-card .creator-info{background:var(--mint)}
.creator-composition .community-card:nth-of-type(4) .creator-info{background:var(--lavender)}
.creator-composition .community-card .frame-tag{margin:0;font-size:12px;font-weight:700;z-index:2}
.creator-composition .composition-marker{display:none}.creator-composition .composition-caption{bottom:0;grid-column:1/-1}.creator-composition .community.is-loading:after{width:100%;height:68%}
@media(min-width:1600px){.creator-composition .creator-frame{height:300px}.creator-composition .creator-info strong{font-size:40px}}
@media(max-width:760px){.creators-chapter .stage{grid-template-columns:1fr;gap:30px}.creators-chapter h1{font-size:clamp(44px,10vw,66px)}.creator-composition{height:auto;gap:14px;max-width:520px;padding-bottom:32px}.creator-composition .creator-frame{height:220px;border-radius:15px}.creator-composition .creator-info strong{font-size:26px}.creator-composition .community-card>img{padding:25px 12px 10px}.creator-composition .community-card .frame-tag{font-size:11px}.creator-composition .creator-info>div>span{font-size:9px}}
@media(max-width:360px){.creator-composition .creator-frame{height:195px}.creator-composition .creator-info strong{font-size:21px}.creator-composition .creator-info>div>span{font-size:8px}.clip{font-size:8px}}
@media(prefers-reduced-motion:reduce){.creator-composition .creator-frame:nth-of-type(odd),.creator-composition .creator-frame:nth-of-type(even){transform:none}}