/* Kinoflix creator identity: cyan cinema, violet series, magenta creator voices. */
.creator-button{display:inline-flex;justify-content:center;align-items:center;gap:24px;min-height:50px;padding:13px 22px;border:1px solid #a6f4ff;border-radius:9px;background:linear-gradient(110deg,#4eeaff,#9bcaff 57%,#dda4ff);color:#101328;font:700 13px/1.5 Arial,sans-serif;box-shadow:0 6px 28px #00dfff25,8px 0 30px #f225b81a;transition:filter .2s,box-shadow .2s}
.creator-button:hover{filter:brightness(1.12);box-shadow:0 6px 35px #00dfff40,8px 0 35px #f225b82b}
.creator-button:disabled{opacity:.6;cursor:wait}
.creator-promises{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#d2d0e4;margin-top:20px}
.creator-promises span:before{content:'✓';color:#72edff;margin-right:7px}
.creator-nav-cta{color:#a7efff!important}
.home-formats{padding:60px 5% 15px;background:radial-gradient(ellipse at 0 50%,#00caff0a,transparent 60%)}
.format-section-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:28px}
.format-section-heading h2{font-size:clamp(30px,3vw,44px)}
.format-section-heading h2 span{color:#bda2ef}
.format-section-heading>p{font-size:13px;color:#bbb6ce;line-height:1.8;max-width:340px}
.home-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.home-format-grid article{--format-color:#69e9ff;--format-rgb:0,211,255;position:relative;padding:26px;border:1px solid rgba(var(--format-rgb),.5);border-radius:15px;background:radial-gradient(ellipse at 0 0,rgba(var(--format-rgb),.16),transparent 80%),linear-gradient(145deg,#121d2a,#12121f);box-shadow:0 10px 35px #0003;display:flex;flex-direction:column;overflow:hidden}
.home-format-grid article:nth-child(2){--format-color:#c4a4ff;--format-rgb:162,102,255;background-color:#191327}
.home-format-grid article:nth-child(3){--format-color:#ff9fdb;--format-rgb:255,65,181;background-color:#241425}
.home-format-grid article:after{content:'';position:absolute;left:26px;right:26px;bottom:0;height:2px;background:linear-gradient(90deg,var(--format-color),transparent)}
.format-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}
.format-icon{width:43px;height:43px;display:grid;place-items:center;border:1px solid rgba(var(--format-rgb),.5);border-radius:12px;background:rgba(var(--format-rgb),.12);color:var(--format-color);font-size:24px}
.format-status{font-size:8px;letter-spacing:1px;color:var(--format-color);text-align:right}
.home-format-grid h3{font-size:30px;letter-spacing:-1px;margin:22px 0 8px}
.home-format-grid p{font-size:13px;line-height:1.8;color:#c0bdd0;margin:0 0 22px}
.home-format-grid a{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:16px;border-top:1px solid rgba(var(--format-rgb),.2);color:var(--format-color);font-size:12px;font-weight:700}
.home-format-grid a:hover{color:#fff}
.home-creator-callout{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:center;gap:40px;margin:75px 5% 0;padding:64px 6%;border:1px solid transparent;border-radius:20px;background:radial-gradient(ellipse at 10% 50%,#034c6680,transparent 55%),radial-gradient(ellipse at 100% 30%,#68165755,transparent 60%),linear-gradient(135deg,#111a2a,#181022) padding-box,linear-gradient(115deg,#14dafa70,#935cff8a,#ff38bd8f) border-box;overflow:hidden}
.creator-orbit{width:min(100%,260px);aspect-ratio:1;margin:auto;border:3px solid transparent;border-radius:50%;background:linear-gradient(135deg,#102339,#261234) padding-box,conic-gradient(from 10deg,#00e5ff,#6f57ff,#ff22bd,#7335ff,#00e5ff) border-box;display:grid;place-items:center;box-shadow:-15px 0 75px #00dfff26,18px 0 80px #ed26c52e,inset 0 0 70px #6e38bb22;position:relative}
.creator-orbit:before,.creator-orbit:after{content:'';position:absolute;inset:-20px;border:1px solid #a892d72b;border-radius:50%}
.creator-orbit:after{inset:-43px;border-color:#5d7c9c26}
.creator-orbit span{font-size:82px;line-height:1;background:linear-gradient(140deg,#6ef5ff,#bba3ff,#ff73d9);background-clip:text;color:transparent;filter:drop-shadow(0 0 20px #b445ff66);margin-left:12px}
.creator-callout-copy h2{font-size:clamp(34px,4vw,56px);line-height:1.06;margin:16px 0 22px;letter-spacing:-1.8px}
.creator-callout-copy h2 em,.creator-plan em,.creator-intro-copy em{font-style:normal;background:linear-gradient(110deg,#6beaff,#c2a0ff,#ff9bdf);background-clip:text;color:transparent}
.creator-callout-copy>p:not(.eyebrow){color:#c6c1d6;font-size:14px;line-height:1.85;max-width:570px}
.creator-callout-copy .creator-callout-note{font-size:11px!important;color:#b3a5c5!important;margin-top:20px}
.creator-page header{position:relative;background:#0b0d17;height:92px;border-bottom:1px solid #5f759938}
.creator-page header nav{margin-left:auto;font-size:12px}
.creator-page main{overflow:hidden}
.creator-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center;padding:85px 5%;background:radial-gradient(ellipse at 0 0,#00819b24,transparent 65%),radial-gradient(ellipse at 90% 30%,#7226a62b,transparent 65%)}
.creator-hero h1{font-size:clamp(42px,5.2vw,76px);letter-spacing:-3px}
.creator-hero-copy>p:not(.eyebrow){color:#c4c4d8;line-height:1.9;margin-bottom:28px;font-size:16px}
.creator-hero-image{position:relative;border:1px solid transparent;border-radius:20px;padding:4px;background:linear-gradient(130deg,#00dcff,#8b54ff,#ff44bd);box-shadow:-15px 0 70px #00dfff15,18px 0 65px #e52ab826}
.creator-hero-image img{display:block;width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:16px}
.creator-image-caption{position:absolute;inset:auto 4px 4px;padding:35px 20px 20px;display:flex;align-items:center;gap:10px;color:#e4e5f8;font-size:9px;letter-spacing:2px;background:linear-gradient(transparent,#080d1de6);border-radius:0 0 16px 16px}
.live-dot{width:6px;height:6px;background:#54e9ff;box-shadow:0 0 14px #00dfff;border-radius:50%;flex-shrink:0}
.creator-format-section{padding:35px 5% 80px}
.creator-format-section h2{font-size:clamp(32px,4vw,52px)}
.creator-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:34px}
.creator-format-grid article{--format-color:#6cecff;border-top:2px solid var(--format-color);padding:28px;border-radius:0 0 14px 14px;background:linear-gradient(135deg,#0d303d,#121827)}
.creator-format-grid article:nth-child(2){--format-color:#c0a0ff;background:linear-gradient(135deg,#302044,#171527)}
.creator-format-grid article:nth-child(3){--format-color:#ff99d8;background:linear-gradient(135deg,#412039,#1c1627)}
.format-number{font-size:10px;letter-spacing:2px;color:var(--format-color)}
.creator-format-grid h3{font-size:29px;line-height:1.2;letter-spacing:-.8px;margin:22px 0 18px}
.creator-format-grid p{color:#c7c1d7;font-size:13px;line-height:1.85;margin:0}
.creator-plan{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin:0 5%;padding:42px;border:1px solid #9474c64d;border-radius:16px;background:linear-gradient(125deg,#102c3a,#241734)}
.creator-plan h2{font-size:clamp(30px,3.5vw,45px);line-height:1.15}
.creator-plan>div>p:not(.eyebrow){font-size:14px;color:#d1ccdf;line-height:1.85;margin:0 0 18px}
.creator-plan .creator-stage{font-size:12px!important;color:#b9b1c9!important;margin-bottom:0!important}
.creator-introduce{display:grid;grid-template-columns:1fr 1.25fr;gap:65px;padding:100px 5% 60px;scroll-margin-top:25px;background:radial-gradient(ellipse at 100% 70%,#85296b18,transparent 65%)}
.creator-intro-copy{padding-top:24px}
.creator-intro-copy h2{font-size:clamp(32px,3.8vw,50px);line-height:1.15}
.creator-intro-copy p:not(.eyebrow){color:#bdb6cc;line-height:1.9;font-size:14px;max-width:420px;margin:25px 0}
.creator-intro-copy>a{font-size:12px;color:#8aeaff;text-decoration:underline;text-underline-offset:4px}
.creator-form-panel{padding:30px;border:1px solid transparent;border-radius:18px;background:linear-gradient(135deg,#141c2b,#211628) padding-box,linear-gradient(145deg,#39dcff88,#a25aff88,#ff42c77d) border-box;box-shadow:0 15px 60px #0004}
.creator-form-panel label{display:block;font-size:12px;color:#ded9ed;font-weight:700;margin:0 0 18px}
.creator-form-panel input:not([type=checkbox]):not([type=radio]),.creator-form-panel textarea{display:block;width:100%;margin-top:8px;padding:12px 13px;border:1px solid #8f79c3;border-radius:8px;background-color:#090f1b;color:#f4f1ff;font:13px/1.6 Arial,sans-serif;resize:vertical;outline:none}
.creator-form-panel input::placeholder,.creator-form-panel textarea::placeholder{color:#9393aa}
.creator-form-panel input:focus-visible,.creator-form-panel textarea:focus-visible{outline:2px solid #66dfff;outline-offset:2px;border-color:#8edcff}
.creator-field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.optional{font-weight:400;color:#afa4be;font-size:10px;margin-left:5px}
.creator-kind{border:0;padding:0;margin:0 0 22px;min-width:0}
.creator-kind legend{font-size:12px;font-weight:700;color:#e3dded;padding:0;margin-bottom:12px}
.creator-kind-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}
.creator-kind-options label{margin:0;position:relative;cursor:pointer}
.creator-kind-options input{position:absolute;width:1px;height:1px;opacity:0}
.creator-kind-options span{display:block;text-align:center;padding:10px 5px;border:1px solid #776fa25c;border-radius:8px;color:#cfc3df;background:#1f1c30;font-size:12px}
.creator-kind-options label:nth-child(2) span{background:#2c2040}.creator-kind-options label:nth-child(3) span{background:#3c2038}
.creator-kind-options input:checked+span{background:linear-gradient(115deg,#0a4d65,#643371);border-color:#79eaff;box-shadow:0 0 18px #3be7ff20;color:#fff}
.creator-kind-options input:focus-visible+span{outline:2px solid #8ceaff;outline-offset:3px}
.creator-form-panel label.creator-consent{display:flex;gap:10px;align-items:flex-start;font-size:11px;line-height:1.7;font-weight:400;color:#c7bfd5;margin-bottom:14px}
.creator-consent input{width:16px;height:16px;margin:2px 0 0;accent-color:#45ddf6;flex-shrink:0}
.creator-consent a{color:#9ce9ff;text-decoration:underline;text-underline-offset:3px}
.creator-form-panel .creator-button{width:100%;margin-top:10px}
.creator-form-note{font-size:10px;color:#aaa1b9;line-height:1.8;margin:15px 0 0}
.creator-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
#creator-status{color:#c0b0ff;font-size:12px;margin:12px 0 0}
#creator-success{padding:35px 5px;text-align:center;outline:none}
#creator-success h3{font-size:30px;line-height:1.2;margin:20px 0}
#creator-success>p:not(.eyebrow){color:#bdb7cd;font-size:13px;line-height:1.9}
.creator-success-mark{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 22px;border-radius:50%;background:linear-gradient(135deg,#67eaff,#d9a2ff);color:#112338;font-size:28px;box-shadow:0 0 35px #8570ff40}
@media(max-width:1050px){.cinema-page header{gap:24px}.cinema-page header nav{gap:18px}.cinema-page header .preview{display:none}.creator-hero{gap:30px}.creator-hero h1{font-size:52px}.home-format-grid article{padding:21px}.home-creator-callout{gap:45px;padding:45px 5%}.creator-orbit{max-width:200px}.creator-introduce{gap:35px}.creator-form-panel{padding:24px}}
@media(max-width:760px){.cinema-page header{height:auto;min-height:100px;flex-wrap:wrap;gap:0;padding-top:8px;padding-bottom:9px}.cinema-page header .brand{height:44px;width:125px}.cinema-page header nav{width:100%;margin:0;justify-content:space-between;gap:8px}.cinema-page header .navlink{font-size:11px;white-space:nowrap}.cinema-page .hero-copy{padding-top:145px}.cinema-page .hero h1{font-size:44px}.home-formats{padding-top:40px}.format-section-heading{align-items:start;flex-direction:column;gap:8px}.format-section-heading>p{margin:0}.home-format-grid{grid-template-columns:1fr;gap:14px}.home-format-grid article{padding:22px}.home-format-grid h3{font-size:28px;margin-top:16px}.home-format-grid p{max-width:420px}.format-status{font-size:9px}.home-creator-callout{grid-template-columns:1fr;margin-top:50px;padding:45px 24px;gap:45px}.creator-orbit{width:130px;margin-top:18px}.creator-orbit span{font-size:52px}.creator-orbit:before{inset:-13px}.creator-orbit:after{inset:-27px}.creator-callout-copy h2{font-size:39px}.creator-callout-copy .eyebrow{font-size:9px;line-height:1.8}.creator-promises{font-size:10px;gap:12px}.creator-button{padding:12px 16px;gap:14px;font-size:12px}.creator-page header{height:82px;gap:12px}.creator-page .brand{width:120px;flex-shrink:0}.creator-page header nav{gap:13px;font-size:11px}.creator-page header .creator-nav-cta{display:none}.creator-hero{grid-template-columns:1fr;padding:48px 5%;gap:35px}.creator-hero h1{font-size:46px;letter-spacing:-2px}.creator-hero-copy>p:not(.eyebrow){font-size:14px}.creator-hero-image img{aspect-ratio:1.6}.creator-format-section{padding:25px 5% 45px}.creator-format-grid{grid-template-columns:1fr;gap:15px}.creator-format-grid article{padding:25px}.creator-format-grid h3 br{display:none}.creator-format-grid h3{font-size:27px;margin:16px 0 12px}.creator-plan{grid-template-columns:1fr;gap:25px;padding:25px}.creator-introduce{grid-template-columns:1fr;padding:50px 5%;gap:28px}.creator-intro-copy{padding-top:0}.creator-intro-copy h2 br{display:none}.creator-intro-copy h2{line-height:1.25}.creator-form-panel{padding:22px 18px}.creator-field-pair{grid-template-columns:1fr;gap:0}.creator-kind-options{gap:6px}.creator-page footer{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.creator-button{transition:none}}

.production-callout{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);padding:0;gap:0;background:linear-gradient(120deg,#0b1320,#100d1c 70%,#210f27) padding-box,linear-gradient(110deg,#16ddff,#884aff,#ee28d1) border-box}.production-art{height:100%;min-height:620px;position:relative;overflow:hidden;background:#080c14}.production-art img{display:block;width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.production-art:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,transparent 75%,#100e1b)}.production-callout .creator-callout-copy{padding:52px 40px}.production-callout .creator-callout-copy h2{font-size:clamp(36px,3.8vw,58px)}.production-callout .creator-callout-copy>p:not(.eyebrow){font-size:15px;line-height:1.8}.production-formats{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0}.production-formats span{border:1px solid #af65e278;border-radius:24px;padding:9px 18px;font-size:13px;color:#eeedf8}.production-formats span:first-child{border-color:#22dbe9aa}.production-callout .creator-button{display:flex;justify-content:center;width:100%;font-size:16px;padding:18px 20px}.production-steps{list-style:none;display:flex;justify-content:space-between;gap:14px;margin:30px 0 0;padding:0}.production-steps li{display:grid;justify-items:center;gap:10px;position:relative;flex:1;font-size:13px;color:#eeedf8;text-align:center}.production-steps li:not(:last-child):after{content:'→';position:absolute;right:-16px;top:10px;color:#a49bda;font-size:22px}.production-steps svg{width:36px;height:36px;fill:none;stroke:#68e4fa;stroke-width:1.8;stroke-linejoin:round;stroke-linecap:round}.production-steps li:last-child svg{stroke:#da7de9}.production-callout .creator-callout-note{margin-top:24px;text-align:center}@media(max-width:1050px){.production-callout .creator-callout-copy{padding:36px 26px}.production-art{min-height:580px}}@media(max-width:760px){.production-callout{grid-template-columns:1fr;padding:0;gap:0}.production-art{min-height:0;aspect-ratio:1.3}.production-art:after{background:linear-gradient(0deg,#100e1b,transparent 30%)}.production-callout .creator-callout-copy{padding:26px 24px 34px}.production-callout .creator-callout-copy h2{font-size:38px}.production-callout .creator-button{font-size:14px}.production-steps{gap:10px}.production-steps li{font-size:12px}.production-formats{gap:8px}.production-formats span{font-size:12px;padding:8px 14px}}

/* Live film graphics for the creator invitation */
.production-motion{display:grid;place-items:center;background:radial-gradient(ellipse at 25% 30%,#00d9f51b,transparent 65%),radial-gradient(ellipse at 80% 75%,#fa22c91b,transparent 60%),#0b0e1c}.production-motion:after{display:none}.production-motion-stage{width:100%;padding:40px 24px;text-align:center;min-width:0}.production-motion-stage>svg{display:block;width:100%;height:auto;filter:drop-shadow(0 12px 30px #713fff30)}.production-motion-stage>span{font-size:11px;letter-spacing:3px;color:#c8c1e6}.production-record{display:flex;align-items:center;justify-content:center;gap:9px;font-size:10px;letter-spacing:2px;color:#86e9f5;margin-bottom:28px}.production-record i{width:7px;height:7px;border-radius:50%;background:#fa22c9;box-shadow:0 0 14px #fa22c9;animation:production-record 3s ease-in-out infinite}.production-motion .cinema-slate{animation:production-float 7s ease-in-out infinite}.production-motion .cinema-reel{transform-origin:345px 113px;animation:production-reel 32s linear infinite}.production-motion .cinema-clap{transform-origin:65px 116px;animation:production-clap 9s ease-in-out infinite}.production-motion .cinema-playhead{animation:production-edit 6s ease-in-out infinite alternate}.production-steps li svg{animation:production-step 9s ease-in-out infinite}.production-steps li:nth-child(2) svg{animation-delay:3s}.production-steps li:nth-child(3) svg{animation-delay:6s}@keyframes production-record{50%{opacity:.35}}@keyframes production-float{50%{transform:translateY(-9px)}}@keyframes production-reel{to{transform:rotate(360deg)}}@keyframes production-clap{0%,80%,100%{transform:rotate(0)}90%{transform:rotate(-8deg)}}@keyframes production-edit{to{transform:translateX(220px)}}@keyframes production-step{0%,35%,100%{transform:translateY(0);filter:none}15%{transform:translateY(-5px);filter:drop-shadow(0 0 8px #9b79ff)}}@media(max-width:760px){.production-motion{aspect-ratio:auto;min-height:340px}.production-motion-stage{max-width:420px;padding:28px 20px}.production-record{margin-bottom:8px}.production-motion-stage>span{font-size:9px}}@media(prefers-reduced-motion:reduce){.production-motion *,.production-steps li svg{animation:none!important}}

/* Opening production sequence for the For Creators hero. */
.creator-production-overlay {
  position:absolute;
  inset:4px;
  overflow:hidden;
  border-radius:16px;
  pointer-events:none;
  color:#f3edff;
  background:linear-gradient(180deg,#070a1a75,transparent 30%,transparent 48%,#090a1be8);
  font:700 clamp(8px,1vw,10px)/1.3 ui-monospace,monospace;
  letter-spacing:.12em;
}
.creator-stage-light {
  position:absolute;
  inset:0;
  mix-blend-mode:screen;
  opacity:.5;
}
.creator-stage-light-cyan {
  background:conic-gradient(from 154deg at 27% 0%,transparent,#30e2ff70 15deg,transparent 40deg);
  animation:creator-light-sweep 4.6s ease-out both;
}
.creator-stage-light-magenta {
  background:conic-gradient(from 182deg at 82% 0%,transparent,#f346d268 16deg,transparent 42deg);
  animation:creator-light-sweep 4.6s ease-out reverse both;
}
.creator-viewfinder {
  position:absolute;
  inset:14px;
  opacity:.7;
  --frame:linear-gradient(#c9c8fa,#c9c8fa);
  background:var(--frame) left top/18px 1px,var(--frame) left top/1px 18px,
    var(--frame) right top/18px 1px,var(--frame) right top/1px 18px,
    var(--frame) left bottom/18px 1px,var(--frame) left bottom/1px 18px,
    var(--frame) right bottom/18px 1px,var(--frame) right bottom/1px 18px;
  background-repeat:no-repeat;
}
.creator-monitor-label,.creator-edit-timeline {
  position:absolute;
  border:1px solid #a9a0ee57;
  background:#0c1025e8;
  border-radius:8px;
}
.creator-monitor-label {top:24px;left:24px;padding:8px 10px}
.creator-monitor-label>span {
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:5px;
  border-radius:50%;
  background:#9c83ff;
  box-shadow:0 0 10px #ff48ba;
}
.creator-edit-timeline {inset:auto 24px 24px;padding:8px 10px;overflow:hidden}
.creator-edit-label {display:flex;justify-content:space-between;margin-bottom:6px;color:#d9d5f5}
.creator-edit-track {display:grid;grid-template-columns:2fr 1fr 2fr;gap:3px;margin-top:3px}
.creator-edit-track+.creator-edit-track {grid-template-columns:3fr 2fr}
.creator-edit-track i {height:5px;border-radius:2px;background:linear-gradient(90deg,#2cbfd7,#8171ed)}
.creator-edit-track i:nth-child(even) {background:linear-gradient(90deg,#9d69f7,#ea6cbf)}
.creator-edit-playhead {
  position:absolute;
  top:24px;
  bottom:5px;
  left:72%;
  width:1px;
  background:#fff;
  box-shadow:0 0 7px 1px #a8edff;
  animation:creator-edit-scan 4.6s cubic-bezier(.2,.65,.4,1) both;
}
@keyframes creator-light-sweep {
  from {transform:translateX(-14%);opacity:.45}
  55% {opacity:.95}
  to {transform:translateX(12%);opacity:.5}
}
@keyframes creator-edit-scan {
  from {left:8%}
  to {left:72%}
}
@media (prefers-reduced-motion:reduce) {
  .creator-stage-light,.creator-edit-playhead {animation:none}
}

.creator-reel-art {
  width:min(100%,320px);
  margin-top:clamp(28px,5vw,72px);
  color:#c5b8ef;
  font:700 10px/1.4 ui-monospace,monospace;
  letter-spacing:.16em;
}
.creator-reel-art svg {display:block;width:100%;height:auto;filter:drop-shadow(0 0 15px #9b61ff46)}
.creator-reel-art span {display:block;margin-left:16px}
.creator-reel-strip {stroke:url(#creator-reel-color);stroke-width:13;opacity:.55}
.creator-reel-perforations {stroke:#13132b;stroke-width:8;stroke-dasharray:5 7;animation:creator-reel-feed 4.5s ease-out both}
.creator-reel-spool {transform-origin:65px 64px;animation:creator-reel-turn 4.5s ease-out both}
@keyframes creator-reel-feed {from{stroke-dashoffset:48}to{stroke-dashoffset:0}}
@keyframes creator-reel-turn {from{transform:rotate(-145deg)}to{transform:rotate(0)}}
@media (prefers-reduced-motion:reduce) {
  .creator-reel-perforations,.creator-reel-spool {animation:none}
}
@media (max-width:760px) {
  .creator-reel-art {display:none}
}

@media (prefers-reduced-motion:no-preference) {
  .creator-stage-light,.creator-edit-playhead,
  .creator-reel-perforations,.creator-reel-spool {animation-iteration-count:infinite}
  .creator-stage-light-cyan,.creator-edit-playhead {animation-direction:alternate}
  .creator-stage-light-magenta {animation-direction:alternate-reverse}
  .creator-reel-perforations,.creator-reel-spool {animation-timing-function:linear}
  .creator-reel-spool {animation-name:creator-reel-loop;animation-duration:8s}
}
@keyframes creator-reel-loop {to{transform:rotate(360deg)}}

/* The application deep link starts just below the sticky navigation. */
.creator-page.site-shell #introduce:target {
  scroll-margin-top: 0;
  padding-top: 0;
}
.creator-page #introduce:target .creator-intro-copy { padding-top: 32px; }

@media (max-width: 900px) {
  .creator-page.site-shell #introduce:target { scroll-margin-top: 36px; }
}

/* Keep the complete application action visible on landscape tablets. */
@media (min-width: 761px) and (max-height: 900px) {
  .creator-introduce .creator-form-panel { padding-block: 22px; }
  #creator-interest .creator-kind { margin-bottom: 15px; }
  #creator-interest > label,
  #creator-interest .creator-field-pair > label { margin-bottom: 13px; }
  #creator-interest textarea { height: 78px; }
}