/* A red thread into every project, with breathing room inside the navigation. */
.navigation{padding-right:14px;box-sizing:border-box}
.navigation .nav-action,html[data-scene=films] .navigation .nav-action,.mobile-menu .mobile-menu-project{background-color:#a82035;background-image:url('assets/melli-knit-button.svg');background-size:48px 32px;color:#fff;border:1px solid #8c1830;border-radius:10px;box-shadow:inset 0 1px 0 #f58e973b,0 3px 9px #5b12221c;font-weight:600;text-shadow:0 1px 2px #671327;transition:filter .2s,box-shadow .2s}
.navigation .nav-action{padding:14px 20px;gap:22px;min-height:48px;margin-right:2px}
.navigation .nav-action:hover,.mobile-menu .mobile-menu-project:hover{background-color:#a82035;filter:brightness(1.08);box-shadow:inset 0 1px 0 #f58e973b,0 4px 12px #5b122233;color:#fff}
.navigation .nav-action:focus-visible,.mobile-menu .mobile-menu-project:focus-visible{outline:2px solid var(--red);outline-offset:4px}
.mobile-menu .mobile-menu-project{padding:16px 20px;justify-content:center;font-size:17px}
/* Maya's portrait film owns a generous stage before the familiar profile. */
.model-dialog.model-with-introduction{width:min(1400px,calc(100vw - 48px))}
.model-with-introduction .model-detail-layout{scroll-margin-top:85px}
.actor-intro{height:calc(var(--intro-height,650px) + var(--intro-distance,950px));position:relative;background:#333;isolation:isolate}
.actor-intro-static{height:var(--intro-height,650px)}
.actor-intro-stage{position:sticky;top:var(--intro-top,69px);height:var(--intro-height,650px);overflow:hidden;background:#333;color:#fff}
.actor-intro-backdrop{position:absolute;inset:-40px;background-size:cover;background-position:center;filter:blur(38px);opacity:.35}
.actor-intro-poster,.actor-intro-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;display:block}
.actor-intro-video{opacity:0;transition:opacity .3s}
.intro-ready .actor-intro-video{opacity:1}
.actor-intro-title{position:absolute;left:5%;top:18%;max-width:30%;pointer-events:none}
.actor-intro-title .eyebrow{color:#e9c5c3;font-size:10px;letter-spacing:.12em;margin:0 0 22px}
.actor-intro-name{font-family:'Instrument Serif',Georgia,serif;font-size:clamp(70px,8vw,132px);line-height:1;letter-spacing:-.055em;margin:0}
.actor-intro-line{position:absolute;right:5%;top:28%;width:22%;font-family:'Instrument Serif',Georgia,serif;font-size:clamp(23px,3vw,40px);line-height:1.2;white-space:pre-line;word-break:keep-all;color:#e7ddd7;pointer-events:none}
.actor-intro-controls{position:absolute;bottom:0;left:0;right:0;padding:50px 5% 28px;background:linear-gradient(transparent,#171414b0);display:flex;gap:25px;justify-content:space-between;align-items:end}
.actor-intro-controls>div{display:flex;gap:12px;flex-wrap:wrap;justify-content:flex-end}
.actor-intro-hint{font-size:12px;color:#f0e4df;margin:0;max-width:260px}
.actor-intro-controls button{min-height:44px;padding:11px 16px;font-size:12px;border:1px solid #f0e4df70;background:#332e2ce6;color:#fff;border-radius:5px}
.actor-intro-controls .actor-intro-skip{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.actor-intro-controls button:disabled{opacity:.55}
.actor-intro-controls button:focus-visible{outline:2px solid #fff;outline-offset:3px}
.actor-intro-progress{position:absolute;bottom:0;left:0;right:0;height:3px;background:#ffffff30}
.actor-intro-progress span{display:block;height:100%;background:#cf4051;transform:scaleX(var(--intro-progress,0));transform-origin:left}
.actor-intro-static .actor-intro-hint,.actor-intro-static .actor-intro-progress{display:none}
.actor-intro-failed .actor-intro-hint{display:block}
@media(max-width:900px){.navigation{padding-right:max(22px,env(safe-area-inset-right))}.actor-intro-title{left:5%;top:10%;max-width:34%}.actor-intro-line{right:5%;width:20%;font-size:24px}.actor-intro-controls{padding-inline:4%;gap:12px}.actor-intro-hint{max-width:170px}}
@media(max-width:600px){.model-dialog.model-with-introduction{width:100%;height:100dvh;max-height:100dvh;margin:0}.actor-intro-poster,.actor-intro-video{object-fit:cover}.actor-intro-title{left:22px;top:24px;max-width:70%}.actor-intro-title .eyebrow{font-size:9px;margin-bottom:10px}.actor-intro-name{font-size:72px}.actor-intro-line{display:none}.actor-intro-controls{display:block;padding:60px 20px 24px}.actor-intro-hint{max-width:none;margin-bottom:14px;font-size:12px}.actor-intro-controls>div{justify-content:flex-start;gap:8px}.actor-intro-controls button{font-size:11px;padding:10px 12px}.model-with-introduction .model-detail-layout{scroll-margin-top:70px}}
@media(max-width:1100px) and (max-height:600px) and (orientation:landscape){.navigation{padding-right:max(22px,env(safe-area-inset-right))}.model-dialog.model-with-introduction{width:calc(100vw - 24px);height:calc(100dvh - 16px)}.actor-intro-title{top:12%}.actor-intro-name{font-size:70px}.actor-intro-title .eyebrow{font-size:9px;margin-bottom:10px}.actor-intro-line{font-size:24px}.actor-intro-controls{padding:35px 4% 14px}.actor-intro-hint{font-size:10px}.actor-intro-controls button{font-size:10px;padding:9px 12px}}
@media(prefers-reduced-motion:reduce){.actor-intro-video,.navigation .nav-action{transition:none}}