/* Personal filmmaking page. No changes to the other skill pages. */
.creative-lab.lab-subpage .filmmaking-personal { --world-accent:#c1afff; padding:130px clamp(22px,7vw,110px) 100px; }
.creative-lab.lab-subpage .filmmaking-personal::after,
.creative-lab.lab-subpage .filmmaking-personal .detail-content::before,
.creative-lab.lab-subpage .filmmaking-personal h1::after { content:none; }
.filmmaking-personal > section { width:100%; max-width:1200px; margin-left:auto; margin-right:auto; }
.filmmaking-personal .world-hero { padding:0 0 78px; }
.filmmaking-personal .back-link { display:inline-block; margin-bottom:38px; }
.filmmaking-personal .detail-icon { margin-bottom:28px; }
.creative-lab.lab-subpage .filmmaking-personal h1 { max-width:none; margin:0; font-size:clamp(30px,8.3vw,116px); line-height:1; letter-spacing:-.065em; }
.filmmaking-lead { max-width:875px; margin-top:30px; color:#bbb8cb; font-size:clamp(17px,1.5vw,21px); line-height:1.75; }
.filmmaking-lead p { margin:0 0 18px; }
.filmmaking-personal h2 { color:#f4f2ff; margin:0; font-size:clamp(30px,3.8vw,49px); letter-spacing:-.05em; line-height:1.12; }
.filmmaking-label { margin:0 0 18px; color:#b8a8ee; font-size:10px; font-weight:800; letter-spacing:.17em; line-height:1.6; }
.filmmaking-purpose { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); align-items:start; gap:clamp(30px,6vw,90px); padding:48px 0; border-top:1px solid #3e364e; border-bottom:1px solid #3e364e; }
.filmmaking-prose { color:#bcb7ca; font-size:16px; line-height:1.85; }
.filmmaking-prose p { margin:0 0 20px; }
.filmmaking-prose p:last-child { margin-bottom:0; }
.filmmaking-films { padding-top:92px; }
.filmmaking-films-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:32px; margin-bottom:38px; }
.filmmaking-films-heading > p { max-width:420px; margin:0; color:#aaa4ba; font-size:14px; line-height:1.8; }
.filmmaking-project { min-width:0; margin:0 0 50px; }
.filmmaking-project-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:19px 24px; background:#13111e; border:1px solid #49445f; border-bottom:0; }
.filmmaking-project-heading > div { display:flex; align-items:baseline; gap:18px; min-width:0; }
.filmmaking-number { font:11px/1.5 Consolas,monospace; letter-spacing:.08em; color:#b5a3f3; }
.filmmaking-project-heading h3 { margin:0; font-size:clamp(21px,2.4vw,31px); font-weight:700; line-height:1.3; letter-spacing:-.035em; color:#f4f2ff; }
.filmmaking-format { font:9px/1.5 Consolas,monospace; letter-spacing:.12em; color:#ada4c8; }
.filmmaking-dream { margin-top:40px; padding-top:48px; border-top:1px solid #3e364e; }
.filmmaking-dream .filmmaking-prose { max-width:850px; margin-top:28px; }
.filmmaking-personal :is(a,button,video):focus-visible { outline:2px solid #b6a5ff; outline-offset:5px; }
@media (max-width:900px) {
  .filmmaking-purpose { grid-template-columns:1fr; gap:26px; }
  .filmmaking-films-heading { display:block; }
  .filmmaking-films-heading > p { max-width:580px; margin-top:22px; }
}
@media (max-width:700px) {
  .creative-lab.lab-subpage .filmmaking-personal { padding:105px 22px 65px; }
  .creative-lab.lab-subpage .filmmaking-personal h1 { font-size:clamp(30px,8.4vw,59px); }
  .filmmaking-personal .world-hero { padding-bottom:48px; }
  .filmmaking-purpose { padding:32px 0; }
  .filmmaking-prose { font-size:15px; }
  .filmmaking-films { padding-top:60px; }
  .filmmaking-project { margin-bottom:30px; }
  .filmmaking-project-heading { padding:15px; }
  .filmmaking-project-heading > div { gap:12px; }
  .filmmaking-format { display:none; }
  .filmmaking-dream { margin-top:50px; padding-top:32px; }
}