/* Demo 21: illustrated shot direction and full-width contact banners. */
.premiere-layout{display:block;max-width:1600px;padding-top:20px}.premiere-layout .recruit-tabs{margin-bottom:18px}.premiere-layout .recruit-side{display:grid;grid-template-columns:.8fr 1fr 1.3fr;gap:18px;margin-top:30px}.premiere-layout .recruit-main{min-width:0}.signal-feature{position:relative;min-height:600px;isolation:isolate;overflow:hidden;border:1px solid #9b7a564d;background:#080e15}.feature-scenery,.feature-weather,.feature-shade{position:absolute;inset:0;pointer-events:none}.feature-scenery{background-size:cover;background-position:70% 35%;opacity:.65;filter:saturate(.7)}.feature-shade{background:linear-gradient(90deg,#070d14f5 2%,#070d14a8 40%,#070d1400 70%),linear-gradient(0deg,#070d14 0%,#070d1400 45%)}.feature-character{position:absolute;right:-2%;height:110%;width:68%;bottom:-11%;object-fit:contain;object-position:center 25%;filter:drop-shadow(0 15px 30px #0009);mask-image:linear-gradient(#000 70%,transparent 97%)}.feature-edition{position:relative;z-index:2;padding:24px 30px;display:flex;justify-content:space-between;gap:20px;color:#b3b9b8;font:9px/1.5 monospace;letter-spacing:2px}.feature-copy{position:relative;z-index:2;margin:55px 0 95px;padding:0 40px;width:58%;max-width:670px}.feature-copy>p:first-child{font-size:17px;letter-spacing:7px;color:var(--rarity)}.feature-copy>p:first-child span{display:block;font:9px/1.5 monospace;letter-spacing:2px;color:#a6b9bc;margin-top:12px}.feature-copy>small{font:11px monospace;letter-spacing:7px;color:#c6cbc8}.feature-copy h1{font:clamp(64px,7vw,112px)/1 Georgia,serif;letter-spacing:-4px;margin:14px 0 22px;color:#f6f0e6;text-shadow:0 4px 50px #000}.feature-copy blockquote{font:italic 20px/1.7 Georgia,serif;color:#d3d8d5;margin:0 0 26px;max-width:340px}.feature-copy>button{border:1px solid #b49a7180;border-radius:0;background:#181b21bd;font-size:11px;letter-spacing:.6px;padding:15px 18px;display:flex;gap:28px;align-items:center}.feature-copy>button:hover{background:#403128b0;border-color:#e3b790}.feature-copy>button span{color:var(--rarity);font-size:19px}.feature-disclosure{font:9px/1.6 monospace;color:#9aa9ad;letter-spacing:.3px;max-width:280px}.feature-select{position:absolute;z-index:3;bottom:24px;right:24px;display:flex;gap:9px}.feature-select button{position:relative;display:flex;text-align:left;align-items:center;gap:10px;border:1px solid #697a803d;border-radius:0;width:170px;height:84px;padding:8px;background:#080f18c9;overflow:hidden}.feature-select button[aria-pressed=true]{border-color:var(--rarity);background:#253039b8}.feature-select img{height:125px;width:64px;object-fit:cover;object-position:50% 0;align-self:flex-start;mask-image:linear-gradient(#000 65%,transparent)}.feature-select span{font-size:10px;color:#d5baa1;display:grid;gap:5px;z-index:1}.feature-select b{font:19px Georgia,serif;color:#e5e9e6}.feature-select small{font:7px monospace;letter-spacing:1px;color:#879ea8}.feature-watermark{position:absolute;right:3%;top:41%;writing-mode:vertical-rl;font:9px monospace;letter-spacing:7px;color:#d9c4ad83}.feature-weather{opacity:.08;background:repeating-linear-gradient(110deg,transparent 0 80px,#b2ccd722 81px,transparent 82px 130px);mask-image:linear-gradient(transparent,#000)}.signal-feature[data-feature=depth]{border-color:#8299a65c}.signal-feature[data-feature=depth] .feature-scenery{background-position:66% 39%;opacity:.7}.signal-feature[data-feature=depth] .feature-character{right:-1%;bottom:-20%;height:125%;}.premiere-layout .recruit-pull-row{max-width:780px}.premiere-layout .recruit-save-note{max-width:850px}.repeat-search{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin:20px 0}.repeat-search>span{font:11px monospace;color:#a9bfc0;margin-right:12px}.repeat-search>span>b{font-size:18px;color:#f2e4cd;font-weight:400}.repeat-search small{display:block;font:8px/1.6 monospace;letter-spacing:1px;color:#84979d;margin-top:7px}.repeat-search>button{border:1px solid #bba57b69;background:#212b2eba;border-radius:2px;padding:14px 18px;font-size:11px;min-height:46px;white-space:nowrap}.repeat-search>button>b{font:12px monospace;margin-left:14px;color:#eccda1}.repeat-search>button:disabled{opacity:.35}.recruit-summary .repeat-search{padding:20px 0;border-top:1px solid #ffffff20;border-bottom:1px solid #ffffff20;margin-bottom:24px}
/* Shots stay aspect-correct. Each change crossfades two separately composed images. */
.contact-premiere .cinema-shot{position:absolute;inset:-3%;background-size:cover;opacity:0;transform:scale(1.055);transition:opacity 1.15s ease,transform 6s ease-out;will-change:opacity,transform}.contact-premiere .cinema-shot[data-visible=true]{opacity:.88;transform:scale(1)}.contact-premiere .cinema-shot[data-camera=close]{transition:opacity .9s,transform 7s ease-out}.cinema-shade{position:absolute;inset:0;background:linear-gradient(0deg,#02070ce8,transparent 48%,#02070c90),linear-gradient(90deg,#02070c45,transparent 65%);transition:background 1s}.cinema-letterbox{position:absolute;inset:0;border-top:9vh solid #020609;border-bottom:13vh solid #020609;pointer-events:none;transition:border-width 1.8s cubic-bezier(.2,.8,.2,1)}.contact-premiere .contact-figure{inset:6% -1% -4% 34%;transition:opacity 2s ease,transform 3s ease,filter 2.3s ease;transform:translateX(28px) scale(1.035);filter:brightness(.12)}.contact-premiere .contact-figure img{mask-image:linear-gradient(#000 78%,transparent 99%)}.contact-premiere[data-beat=arrival] .contact-figure{opacity:.9;transform:translateX(0) scale(1);filter:brightness(.8)}.contact-premiere[data-beat=identity] .contact-figure{opacity:1;transform:none;filter:none}.contact-premiere .contact-identity{top:29%;left:7%;width:44%;transition:opacity 1.6s .15s,transform 1.6s .15s}.contact-premiere .contact-identity h1{font-size:clamp(60px,7.5vw,112px)}.contact-premiere .contact-band{letter-spacing:4px}.contact-premiere .contact-band span{letter-spacing:10px}.contact-premiere .contact-line{max-width:450px}.contact-premiere .contact-top{background:linear-gradient(#03070bae,transparent);padding-top:max(16px,env(safe-area-inset-top))}.contact-premiere .contact-top button{border-color:#b5b8ad33}.contact-premiere .contact-bottom{min-height:96px;background:linear-gradient(transparent,#03080bf0)}.contact-premiere .contact-bottom>span{flex-shrink:0}.cinema-final-actions[hidden]{display:none}.cinema-final-actions{margin-left:auto}.contact-bottom .repeat-search{margin:0}.contact-bottom .repeat-search small{font-size:7px;letter-spacing:.5px;margin-top:5px}.contact-bottom .repeat-search>span{font-size:9px}.contact-bottom .repeat-search>span>b{font-size:16px}.contact-bottom .repeat-search button{min-height:44px;padding:12px 14px;font-size:10px}.contact-bottom .repeat-search button>b{margin-left:9px}.contact-premiere .contact-beat-copy{top:auto;bottom:16%;left:8%;right:35%;transform:none;text-align:left;z-index:2}.contact-premiere .contact-beat-copy small{font:9px monospace;letter-spacing:4px;margin-bottom:15px}.contact-premiere .contact-beat-copy p{font:clamp(22px,2.7vw,37px)/1.5 Georgia,serif;max-width:750px;margin:0;text-shadow:0 3px 18px #000}.contact-premiere[data-beat=tune] .contact-beat-copy,.contact-premiere[data-beat=lock] .contact-beat-copy{top:43%;bottom:auto;left:12%;right:12%;text-align:center}.contact-premiere[data-beat=tune] .contact-beat-copy p,.contact-premiere[data-beat=lock] .contact-beat-copy p{margin:auto}.contact-premiere[data-beat=tune] .cinema-shot{opacity:.07}.contact-premiere[data-loading=true] .cinema-shot{opacity:.05}.contact-premiere[data-beat=closeup] .contact-beat-copy,.contact-premiere[data-beat=interference] .contact-beat-copy{bottom:18%}.contact-premiere[data-beat=answer] .contact-beat-copy,.contact-premiere[data-beat=distance] .contact-beat-copy{top:auto;bottom:17%;left:8%;right:35%}.contact-premiere[data-beat=answer] .contact-beat-copy p,.contact-premiere[data-beat=distance] .contact-beat-copy p{font-size:clamp(22px,2.7vw,37px)}.contact-premiere[data-beat=silence] .cinema-shot{opacity:.13;transition:opacity .7s}.contact-premiere[data-beat=sever] .cinema-letterbox{border-top-width:3vh;border-bottom-width:8vh}.contact-premiere[data-beat=sever] .cinema-shot[data-visible=true]{animation:breachImpact .48s ease-out}.contact-premiere[data-beat=sever] .cinema-exposure{animation:breachExposure .8s ease-out}.contact-premiere[data-beat=aftermath] .cinema-letterbox,.contact-premiere[data-beat=surface] .cinema-letterbox{border-top-width:4vh;border-bottom-width:9vh}.contact-premiere[data-beat=arrival] .cinema-letterbox,.contact-premiere[data-beat=identity] .cinema-letterbox{border-width:0}.contact-premiere[data-beat=arrival] .cinema-shot[data-visible=true],.contact-premiere[data-beat=identity] .cinema-shot[data-visible=true]{opacity:.28;transform:scale(1.01)}.contact-premiere[data-beat=identity] .cinema-shade{background:linear-gradient(90deg,#030910ed 0%,#03091080 44%,transparent 72%),linear-gradient(0deg,#030910ce,transparent 40%)}.cinema-exposure{position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,transparent 22%,#f6d4a399 49%,transparent 67%);opacity:0}.cinema-atmosphere{position:absolute;inset:-15%;pointer-events:none;opacity:.12;background:repeating-linear-gradient(110deg,transparent 0 100px,#b8d4e133 101px,transparent 102px 190px);animation:contactRain 6s linear infinite;mask-image:linear-gradient(transparent,#000)}.rarity-5 .cinema-atmosphere{background:radial-gradient(ellipse at 65% 4%,#b3e4ee44,transparent 50%);opacity:.4;animation:contactWater 8s ease-in-out infinite alternate}.cinema-readout{position:absolute;left:5%;top:15%;display:flex;align-items:center;gap:16px;font:8px monospace;letter-spacing:2px;color:#c5d3d291}.cinema-readout i{height:1px;width:40px;background:var(--rarity);opacity:.5}.cinema-timeline{position:absolute;bottom:13%;right:5%;display:flex;gap:5px;width:130px;transition:opacity 1s}.cinema-timeline i{height:2px;flex:1;background:#b1b6b82f}.cinema-timeline i[data-done=true]{background:var(--rarity)}.contact-premiere[data-beat=identity] .cinema-readout,.contact-premiere[data-beat=identity] .cinema-timeline{opacity:0}.contact-premiere[data-beat=identity] .cinema-atmosphere{animation:none;opacity:.08}.contact-premiere.contact-low .cinema-atmosphere{display:none}.contact-premiere.contact-low .cinema-shot{transform:none!important;will-change:auto;transition:opacity .7s;animation:none!important}.contact-premiere.contact-low .contact-figure{filter:none;transition:opacity 1s;transform:none}.contact-premiere.contact-no-shake[data-beat=sever] .cinema-shot{animation:none!important}.contact-premiere.contact-still *{animation:none!important;transition:none!important}.contact-premiere.contact-still .cinema-atmosphere{display:none}.reduce .feature-weather{display:none}
@keyframes breachImpact{0%{transform:scale(1.065) translateX(-3px)}40%{transform:scale(1.035) translateX(2px)}100%{transform:scale(1)}}@keyframes breachExposure{0%{opacity:0}22%{opacity:.28}100%{opacity:0}}@keyframes contactRain{to{transform:translate(-90px,170px)}}@keyframes contactWater{to{transform:scale(1.15);opacity:.2}}
@media(max-width:1000px){.feature-copy{padding:0 28px;width:60%}.feature-copy h1{font-size:80px}.feature-select{right:18px;bottom:18px}.feature-select button{width:145px}.contact-bottom .repeat-search>span{display:none}.contact-premiere .contact-identity{top:27%;width:49%;left:5%}.contact-premiere .contact-identity h1{font-size:76px}.premiere-layout .recruit-side{grid-template-columns:.8fr 1fr}.premiere-layout .recruit-presentation{grid-column:1/-1}.recruit-fixtures{grid-template-columns:1fr 1fr}.recruit-fixtures>span,.recruit-fixtures>small{grid-column:1/-1}}
@media(max-width:700px){.premiere-layout{padding:14px 16px 24px}.signal-feature{min-height:660px}.feature-edition{padding:16px;gap:12px;font-size:7px;letter-spacing:1px}.feature-edition>span{max-width:50%}.feature-edition>span:last-child{text-align:right}.feature-character{height:85%;width:105%;right:-15%;bottom:12%;object-position:60% 0}.signal-feature[data-feature=depth] .feature-character{height:96%;width:110%;right:-16%;bottom:9%}.feature-shade{background:linear-gradient(0deg,#060d14 6%,#060d14d9 25%,#060d1488 43%,transparent 75%)}.feature-scenery{background-position:70% center}.feature-copy{margin:245px 0 110px;width:100%;padding:0 23px;max-width:none}.feature-copy>p:first-child{font-size:13px;letter-spacing:5px;margin-bottom:12px}.feature-copy>p:first-child span{font-size:8px;margin-top:8px}.feature-copy>small{font-size:9px;letter-spacing:5px}.feature-copy h1{font-size:64px;letter-spacing:-2px;margin:10px 0 15px}.feature-copy blockquote{font-size:17px;line-height:1.45;margin-bottom:18px;max-width:280px}.feature-copy>button{font-size:10px;padding:12px}.feature-disclosure{font-size:8px}.feature-select{left:16px;right:16px;bottom:16px}.feature-select button{flex:1;width:auto;height:68px}.feature-select img{height:110px;width:48px}.feature-select b{font-size:16px}.feature-select small{font-size:6px}.feature-watermark{top:20%;font-size:8px}.premiere-layout .recruit-side{gap:10px;margin-top:20px}.repeat-search{flex-wrap:wrap}.repeat-search>span{width:100%;margin:0 0 4px}.repeat-search>button{flex:1}.repeat-search small{display:inline;margin-left:12px;letter-spacing:0}.contact-premiere .contact-figure{inset:8% -22% 23% 8%;}.contact-premiere .contact-figure img{mask-image:linear-gradient(#000 55%,transparent 99%)}.contact-premiere .contact-identity{top:auto;bottom:166px;left:7%;width:86%}.contact-premiere .contact-identity h1{font-size:60px;margin:5px 0 12px}.contact-premiere .contact-band{font-size:9px;margin-bottom:10px;letter-spacing:2px}.contact-premiere .contact-band span{font-size:13px;letter-spacing:4px;display:inline;margin-left:10px}.contact-premiere .contact-line{font-size:17px;line-height:1.4;max-width:290px}.contact-premiere .contact-acquisition{font-size:8px;margin-top:12px;padding-top:10px}.contact-premiere .contact-fine{font-size:8px;max-width:290px}.contact-premiere .contact-bottom{min-height:0;display:grid;grid-template-columns:auto 1fr;padding:14px 16px max(14px,env(safe-area-inset-bottom));gap:10px}.contact-premiere .contact-bottom>.primary{grid-column:2;justify-self:end;min-height:42px}.cinema-final-actions{grid-column:1/-1;grid-row:2;width:100%;margin:0}.contact-bottom .repeat-search{display:flex;flex-wrap:nowrap;gap:8px}.contact-bottom .repeat-search>button{flex:1;min-height:42px;font-size:10px}.contact-bottom .repeat-search>span{display:none}.contact-premiere .contact-beat-copy,.contact-premiere[data-beat=answer] .contact-beat-copy,.contact-premiere[data-beat=distance] .contact-beat-copy{left:8%;right:8%;bottom:20%}.contact-premiere .contact-beat-copy small{font-size:8px;letter-spacing:2px}.contact-premiere .contact-beat-copy p,.contact-premiere[data-beat=answer] .contact-beat-copy p,.contact-premiere[data-beat=distance] .contact-beat-copy p{font-size:26px}.contact-premiere[data-beat=identity] .cinema-shade{background:linear-gradient(0deg,#030910 5%,#030910cf 39%,transparent 76%)}.cinema-readout{top:13%;font-size:7px;gap:8px;letter-spacing:1px}.cinema-timeline{bottom:15%;width:90px}.cinema-letterbox{border-top-width:10vh;border-bottom-width:15vh}}
@media(max-height:560px) and (orientation:landscape){.contact-premiere .contact-figure{inset:4% -4% -6% 43%}.contact-premiere .contact-identity{top:22%;bottom:auto;left:6%;width:47%}.contact-premiere .contact-identity h1{font-size:50px;margin:5px 0 10px}.contact-premiere .contact-band{font-size:8px;letter-spacing:2px;margin-bottom:10px}.contact-premiere .contact-band span{display:inline;font-size:11px;letter-spacing:3px;margin-left:12px}.contact-premiere .contact-line{font-size:15px;line-height:1.4;margin:5px 0}.contact-premiere .contact-acquisition{font-size:8px;margin-top:9px;padding-top:8px}.contact-premiere .contact-fine{display:none}.contact-premiere .contact-bottom{display:flex;min-height:0;padding:10px 18px max(10px,env(safe-area-inset-bottom));gap:10px}.cinema-final-actions{margin-left:auto;width:auto}.contact-bottom .repeat-search{gap:7px}.contact-bottom .repeat-search button{font-size:9px;padding:10px;min-height:38px}.contact-premiere .contact-bottom>.primary{font-size:9px;min-height:38px;padding:10px 14px}.contact-premiere .contact-beat-copy,.contact-premiere[data-beat=distance] .contact-beat-copy,.contact-premiere[data-beat=answer] .contact-beat-copy{bottom:22%;right:28%;left:7%}.contact-premiere .contact-beat-copy p,.contact-premiere[data-beat=distance] .contact-beat-copy p,.contact-premiere[data-beat=answer] .contact-beat-copy p{font-size:25px}.cinema-readout{top:19%;font-size:7px}.cinema-timeline{bottom:22%}.contact-premiere .contact-top{padding-top:8px}.contact-premiere .contact-top button{min-height:34px}.feature-copy{margin-top:40px}}
@media(max-height:700px) and (orientation:portrait){.contact-premiere .contact-identity{bottom:150px}.contact-premiere .contact-identity h1{font-size:46px;margin-bottom:9px}.contact-premiere .contact-line{font-size:15px}.contact-premiere .contact-fine{display:none}.contact-premiere .contact-band{margin-bottom:6px}.contact-premiere .contact-acquisition{margin-top:9px}.contact-premiere .contact-figure{bottom:22%}}
@media(max-height:390px) and (orientation:landscape){.contact-premiere .contact-identity{top:20%}.contact-premiere .contact-identity h1{font-size:38px;margin:3px 0 6px}.contact-premiere .contact-line{font-size:12px}.contact-premiere .contact-acquisition{font-size:7px;margin-top:6px;padding-top:6px}.contact-premiere .contact-band{margin-bottom:5px}.contact-premiere .contact-codename{font-size:7px}.contact-premiere .contact-bottom small{display:none}}
@media(prefers-reduced-motion:reduce){.feature-weather{display:none}.contact-premiere *{animation:none!important;transition:none!important}.cinema-atmosphere{display:none}}
.contact-no-atmosphere .cinema-atmosphere,.contact-no-flash .cinema-exposure{display:none}

/* The poster is one authored composition: do not overlay a second copy of its character. */
.signal-feature .feature-scenery{opacity:.96;filter:none;background-position:70% 12%}.signal-feature[data-feature=depth] .feature-scenery{opacity:.96;background-position:66% 39%}
@media(max-width:700px){.signal-feature .feature-scenery{background-position:69% 20%}.signal-feature[data-feature=depth] .feature-scenery{background-position:64% 26%}}