/* v16: words lose their letters only after the familiar first chaos movement. */
.arrival #generic .chaos-letter{display:inline-block;will-change:transform,opacity}.arrival #generic.vanish .chaos-letter{animation:letter-break 5.2s cubic-bezier(.25,.1,.35,1) calc(1.5s + var(--clag)) both}@keyframes letter-break{0%,12%{transform:none;opacity:1}50%{transform:translate(calc(var(--cx)*.3),calc(var(--cy)*.4)) rotate(calc(var(--cr)*.3));opacity:1}100%{transform:translate(var(--cx),var(--cy)) rotate(var(--cr)) scale(.7);opacity:.1}}
.paused #generic .chaos-letter{animation:none!important;will-change:auto}@media(prefers-reduced-motion:reduce){.arrival #generic .chaos-letter{animation:none!important;will-change:auto}}
/* One vertical decision path; submit follows every field, and preview sits beside the question. */
#promise-continue{display:block;width:100%;margin-top:25px;min-height:56px;font:600 15px/1.5 Arial}.guided-mode #promise-form>.promise-line{display:block}.guided-mode #promise-form>.promise-line input{width:100%}.campaign-compare button{border:1px solid #81917a;background:transparent;padding:13px 17px;font:600 14px Arial;min-height:48px;flex:1}.campaign-compare button[aria-pressed=true]{background:#171c1b;color:#f5f3ed}.campaign-compare>div{display:flex}.guided-mode #campaign-before{display:none!important}#choice-preview{display:none}.guided-mode #experience-anchor{min-height:0}.guided-mode #customer-experience{min-height:0}
#brand-premiere{margin:0 0 30px;border:1px solid #a5b6a466;scroll-margin-top:80px;overflow:hidden;background:#171c1b;color:#f5f3ed;isolation:isolate}#brand-premiere[hidden]{display:none}.premiere-top{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 25px;background:#171c1b;border-bottom:1px solid #a5b6a433;font:12px Arial}.premiere-top>span{color:#b9cf43;max-width:45%;overflow-wrap:anywhere}.premiere-top button{font:12px/1.5 Arial;text-decoration:underline;min-height:44px;color:#f5f3ed}.premiere-theatre{height:clamp(440px,48vw,650px);position:relative;overflow:hidden;background:#b9cf43;color:#171c1b;perspective:1500px}.quiet .premiere-theatre{background:#a5b6a4}.premiere-grid{position:absolute;inset:0;background-image:linear-gradient(#171c1b0c 1px,transparent 1px),linear-gradient(90deg,#171c1b0c 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(15deg) scale(1.2)}.premiere-noise{position:absolute;inset:0;background:#e9e9e3;transition:opacity 1s,filter 1s}.premiere-noise span{position:absolute;left:8%;top:calc(10% + var(--i)*12%);font:600 clamp(20px,4vw,65px)/1.2 Arial;color:#80867e}.premiere-noise span:nth-child(even){left:40%;font-weight:400}.premiere-signal{position:absolute;inset:0;padding:7% 6%;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;transition:opacity .8s,transform .8s}.premiere-signal>p{font:12px/1.5 Arial;letter-spacing:.12em;margin-bottom:24px}.premiere-name{font:750 clamp(40px,7vw,100px)/1.04 Arial;letter-spacing:-.05em;max-width:100%;overflow-wrap:anywhere;position:relative;margin:0}.premiere-name>span{display:inline-block;transition:transform 1.2s,opacity 1s;transition-delay:calc(var(--i)*12ms)}.premiere-signal>strong{font:500 clamp(18px,2.4vw,32px)/1.4 Arial;max-width:750px;margin-top:30px}.premiere-world{position:absolute;inset:0;transition:transform 1s cubic-bezier(.2,.7,.3,1),opacity 1s;transform-origin:50% 60%;display:block}.premiere-wall{position:absolute;left:4%;top:7%;width:65%;height:85%;background:#e5e4dc;box-shadow:0 30px 60px #171c1b44;overflow:hidden;transform:rotateY(8deg) rotateZ(-3deg);border:12px solid #e9e7df}.premiere-wall>span{display:block;font:9px Arial;padding:12px;color:#536359;position:absolute;left:0;top:0}.premiere-poster{position:absolute;width:49%;height:90%;left:8%;top:6%;box-shadow:10px 15px 25px #171c1b33}.premiere-poster svg{width:100%;height:100%;object-fit:cover;display:block}.premiere-wall-word{position:absolute;right:-12%;bottom:12%;writing-mode:vertical-rl;text-transform:uppercase;font:750 clamp(30px,5vw,70px)/1 Arial;letter-spacing:-.05em;opacity:.18;white-space:nowrap}.premiere-phone{position:absolute;left:53%;top:22%;width:22%;height:72%;background:#171c1b;border:8px solid #171c1b;border-radius:24px;box-shadow:10px 20px 30px #171c1b66;transform:rotate(5deg);overflow:hidden}.premiere-phone>svg{display:block;width:100%;height:92%;background:#f5f3ed}.phone-speaker{height:11px;width:38%;border-radius:0 0 8px 8px;background:#171c1b;position:absolute;top:0;left:31%}.premiere-phone>span{color:#f5f3ed;display:block;text-align:center;font:8px Arial;margin-top:9px}.premiere-social{position:absolute;right:4%;top:7%;width:24%;height:52%;transform:rotate(7deg);box-shadow:10px 15px 30px #171c1b66;background:#171c1b;padding:9px;overflow:hidden}.premiere-social svg{width:100%;height:91%;display:block}.premiere-social>span{font:8px Arial;color:#b9cf43;display:block;text-align:center;margin-top:9px}.premiere-signature{position:absolute;bottom:0;left:0;right:0;padding:15px 25px;background:#171c1b;color:#f5f3ed;display:flex;gap:20px;align-items:center;justify-content:space-between}.premiere-signature>span{font:9px Arial;letter-spacing:.08em}.premiere-signature>b{font:500 13px Arial}.premiere-bottom{padding:24px 25px;background:#f5f3ed;color:#171c1b}.premiere-bottom #premiere-act{font:650 clamp(21px,2.5vw,32px)/1.2 Arial;letter-spacing:-.03em;margin-bottom:10px;min-height:40px}.premiere-bottom #premiere-caption{font:14px/1.6 Arial;color:#536359;min-height:45px;max-width:900px}.premiere-chapters{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:20px}.premiere-chapters button{min-height:48px;border:1px solid #81917a88;font:13px Arial;padding:12px}.premiere-chapters button[aria-pressed=true]{background:#171c1b;color:#b9cf43}.premiere-bottom #premiere-finish{padding-top:25px;display:flex;gap:15px;flex-wrap:wrap;align-items:center}.premiere-bottom #premiere-finish[hidden]{display:none}.premiere-bottom #premiere-finish>button{font:600 14px Arial;min-height:52px}.premiere-bottom #premiere-finish>p{width:100%;font:12px/1.6 Arial;color:#536359;margin-top:10px}#brand-premiere[data-act='0'] .premiere-signal{opacity:0;transform:scale(.7)}#brand-premiere[data-act='0'] .premiere-name>span{transform:translate(var(--x),var(--y)) rotate(var(--r));opacity:0}#brand-premiere[data-act='0'] .premiere-world,#brand-premiere[data-act='1'] .premiere-world{opacity:0;transform:scale(.35) rotate(18deg)}#brand-premiere:not([data-act='0']) .premiere-noise{opacity:0;filter:blur(12px);pointer-events:none}#brand-premiere[data-act='2'] .premiere-signal,#brand-premiere[data-act='3'] .premiere-signal{opacity:0;transform:scale(1.4);pointer-events:none}#brand-premiere[data-act='0'] .premiere-signature,#brand-premiere[data-act='1'] .premiere-signature{opacity:0}#brand-premiere:not(.premiere-moving) *{transition:none!important}
@media(max-width:680px){.guided-mode .play-head h2{font-size:27px}.guided-mode .sichtbar-guide{min-height:0;padding:14px;grid-template-columns:30px 1fr;gap:8px 12px}.guided-mode .guide-avatar{width:30px;height:30px;font-size:12px}.guided-mode .guide-copy h3{font-size:17px;min-height:0;margin:3px 0 6px}.guided-mode .guide-copy>p:not(.guide-feedback){min-height:0;font-size:12px;line-height:1.5}.guided-mode .guide-copy .guide-feedback,.guided-mode .guide-progress{display:none!important}.guided-mode .guide-copy>span{font-size:9px}.guided-mode .guided-task .game-controls h3{font-size:23px;min-height:55px}.guided-mode .guided-task #game-instruction{min-height:0;font-size:12px;margin:6px 0}.guided-mode .guided-task .game-choice{min-height:94px;padding:12px;gap:5px;font-size:16px}.guided-mode .guided-task .game-choice[aria-pressed=true]{padding:11px}.guided-mode .guided-task .game-choice small{font-size:12px}.guided-mode .guided-task .game-choice:after{font-size:11px}.guided-mode .guided-task #game-buttons{margin-top:12px;gap:9px}.guided-mode .guided-task .game-footer{min-height:32px;margin-top:8px}.guided-mode .guided-task #choice-continue{min-height:52px}.guided-building #campaign-stage{display:none!important}#choice-preview{display:flex;align-items:center;gap:13px;background:#e5e9dc;border:1px solid #81917a44;padding:10px;margin:12px 0;min-height:85px}#choice-preview>div{width:53px;flex-shrink:0;height:67px;overflow:hidden}#choice-preview svg{width:100%;height:100%;display:block}#choice-preview>p{margin:0!important}#choice-preview span,#choice-preview strong,#choice-preview small{display:block}#choice-preview span{font:9px Arial;color:#536359;margin-bottom:4px}#choice-preview strong{font:600 13px/1.35 Arial;color:#171c1b}#choice-preview small{font:10px/1.5 Arial;color:#536359;margin-top:4px}.guided-mode #promise-form label{font-size:22px}.guided-mode #promise-suggestions{display:flex;flex-wrap:wrap;gap:8px}.guided-mode #promise-suggestions button{font-size:12px}.guided-mode #promise-form>span{display:block;margin-top:15px}.guided-mode #promise-continue{font-size:14px}.guided-mode .signal-field{height:225px}.guided-mode .signal-field.found{height:95px}.guided-mode .mission-bottom{padding:15px}.guided-mode .signal-meter{display:none}.guided-mode .signal-field.found .signal-instruction{display:none}.premiere-top{padding:10px 13px;gap:9px;flex-wrap:wrap}.premiere-top>span{max-width:100%;width:100%;font-size:11px}.premiere-top button{font-size:11px;min-height:38px}.premiere-theatre{height:410px}.premiere-name{font-size:clamp(32px,10vw,55px)}.premiere-signal{padding:8%}.premiere-signal>p{font-size:9px}.premiere-signal>strong{font-size:20px;line-height:1.3;margin-top:20px}.premiere-wall{left:4%;top:8%;width:76%;height:75%;border-width:6px;transform:rotate(-4deg)}.premiere-wall>span{font-size:6px;padding:8px}.premiere-poster{left:8%;top:12%;width:59%;height:80%}.premiere-phone{left:58%;top:42%;width:32%;height:49%;border-width:5px;border-radius:15px}.premiere-phone>span{font-size:5px;margin-top:4px}.premiere-social{right:3%;top:5%;width:30%;height:36%;padding:5px;transform:rotate(9deg)}.premiere-social>span{font-size:5px;margin-top:3px}.premiere-signature{padding:10px 12px;display:block}.premiere-signature>span{display:block;font-size:7px;margin-bottom:5px}.premiere-signature>b{font-size:11px}.premiere-bottom{padding:20px 16px}.premiere-bottom #premiere-act{font-size:23px;min-height:55px}.premiere-bottom #premiere-caption{font-size:13px;min-height:65px}.premiere-chapters{grid-template-columns:1fr 1fr;gap:7px}.premiere-chapters button{font-size:12px;min-height:46px}.premiere-bottom #premiere-finish{display:grid;gap:10px}.premiere-bottom #premiere-finish[hidden]{display:none}.premiere-bottom #premiere-finish>button{width:100%;min-height:54px;line-height:1.5}.premiere-wall-word{font-size:40px;right:-18%}}
@media(prefers-reduced-motion:reduce){#brand-premiere *{animation:none!important;transition:none!important}.premiere-grid{transform:none}.premiere-wall,.premiere-phone,.premiere-social{transform:none}}.paused #brand-premiere *{animation:none!important;transition:none!important}
.arrival #generic .chaos-word,.arrival #generic .chaos-letter{font:inherit;letter-spacing:inherit;line-height:inherit;padding:0;background:transparent;vertical-align:baseline}
/* v17: a five-shot film animatic; all personal surfaces remain sharp, live HTML/SVG. */
.film-premiere .film-format{display:flex;justify-content:space-between;gap:15px;background:#0f1312;padding:10px 24px;color:#a5b6a4;font:10px/1.5 Arial;letter-spacing:.06em}.film-premiere .premiere-top>span{max-width:45%;font-size:11px}.film-premiere .film-screen{height:clamp(480px,47vw,650px);background:#171c1b;perspective:1600px}.film-shot{position:absolute;inset:0;overflow:hidden;opacity:0;pointer-events:none;visibility:hidden;transition:opacity .9s,transform 1.2s;transform:scale(1.04)}.film-premiere[data-act='0'] [data-shot='0'],.film-premiere[data-act='1'] [data-shot='1'],.film-premiere[data-act='2'] [data-shot='2'],.film-premiere[data-act='3'] [data-shot='3'],.film-premiere[data-act='4'] [data-shot='4']{opacity:1;visibility:visible;transform:scale(1)}.film-camera{position:absolute;inset:0;animation:film-dolly 5s ease both;animation-play-state:paused}.premiere-moving .film-camera{animation-play-state:running}.film-studio-art{width:100%;height:100%;object-fit:cover}.film-studio:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171c1be8,#171c1b99 38%,transparent 80%)}.film-studio-copy{position:absolute;left:7%;top:16%;right:40%;z-index:1;color:#f5f3ed}.film-studio-copy>b{font:600 clamp(25px,4vw,55px)/1 Arial;letter-spacing:-.05em;display:block;margin-bottom:35px}.film-studio-copy>span{font:600 clamp(26px,4vw,55px)/1.1 Arial;letter-spacing:-.04em;display:block}.film-studio-copy>small{font:11px Arial;letter-spacing:.08em;color:#b9cf43;display:block;margin-top:28px}.film-table-grid{position:absolute;inset:0;background-color:#536359;background-image:linear-gradient(#f5f3ed0a 1px,transparent 1px),linear-gradient(90deg,#f5f3ed0a 1px,transparent 1px);background-size:35px 35px}.film-sketch-paper{position:absolute;inset:10% 16%;background:#f5f3ed;color:#171c1b;box-shadow:25px 35px 60px #0005;padding:7% 7%;transform:rotate(-4deg);border:1px solid #171c1b33}.film-sketch-paper>span{font:10px Arial;letter-spacing:.06em;color:#536359}.sketch-rule{height:1px;background:#81917a55;margin:25px 0 20px}.film-name{font:650 clamp(30px,5vw,70px)/1.12 Arial;letter-spacing:-.04em;overflow-wrap:anywhere;max-width:100%;position:relative;z-index:1}.film-name>span{display:inline-block}.film-sketch-paper>p{font:18px/1.4 Arial;margin-top:20px;max-width:90%;overflow-wrap:anywhere}.film-sketch-paper>small{position:absolute;bottom:8%;left:10%;font:10px Arial;letter-spacing:.04em}.sketch-circle{position:absolute;left:6%;right:5%;top:30%;height:38%;border:3px solid #536359;border-radius:50%;rotate:-5deg;opacity:.45}.film-pencil{position:absolute;width:9px;height:55%;background:#b9cf43;right:18%;bottom:0;rotate:-40deg;box-shadow:3px 5px 6px #171c1b33}.film-pencil:before{content:'';position:absolute;top:-17px;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:18px solid #171c1b}.film-hand{position:absolute;width:22%;height:30%;background:#a5b6a4;bottom:-10%;right:0;border-radius:45% 45% 0 0;rotate:-35deg;box-shadow:-5px -5px 20px #171c1b22}.premiere-moving[data-act='1'] .film-name>span{animation:film-letter-in .7s calc(var(--i)*.045s) both}.premiere-moving[data-act='1'] .sketch-circle{animation:sketch-draw 2.6s ease both}.film-projection{background:#1f2924;color:#f5f3ed}.projection-lines{position:absolute;inset:0;background-image:linear-gradient(90deg,transparent 49.8%,#a5b6a422 50%,transparent 50.2%),linear-gradient(transparent 75%,#a5b6a422 75.2%,transparent 75.4%)}.projection-beam{position:absolute;inset:0;background:linear-gradient(110deg,transparent 10%,#b9cf432b 60%,#b9cf4366);clip-path:polygon(0 90%,100% 0,100% 100%)}.quiet .projection-beam{background:linear-gradient(110deg,transparent,#a5b6a477)}.projection-copy{position:absolute;left:8%;right:14%;top:18%;transform:perspective(1200px) rotateY(-9deg);transform-origin:left center}.projection-copy>span{font:14px Arial;color:#b9cf43;display:block;margin-bottom:26px;overflow-wrap:anywhere}.projection-copy h3{font:650 clamp(32px,5vw,70px)/1.12 Arial;letter-spacing:-.04em;max-width:100%;overflow-wrap:anywhere;text-shadow:0 0 28px #b9cf4322}.projection-copy>p{font:14px Arial;color:#a5b6a4;margin-top:30px}.projection-person{position:absolute;right:4%;bottom:-2%;height:28%;width:9%;border-radius:45% 45% 0 0;background:#0f1612;box-shadow:35px 15px 0 #171c1b33}.projection-person:before{content:'';position:absolute;width:60%;aspect-ratio:1;border-radius:50%;background:#0f1612;left:20%;top:-30%}.film-world{background:#b9cf43}.quiet .film-world{background:#a5b6a4}.film-world .premiere-world{opacity:1!important;transform:none!important}.premiere-moving[data-act='3'] .premiere-world{animation:film-pullback 5s ease both}.film-reveal{background:#171c1b;color:#f5f3ed}.film-reveal-gallery{position:absolute;inset:7% -6%;display:flex;gap:4%;align-items:center;transform:rotate(-10deg) scale(1.25);opacity:.24;filter:saturate(.5)}.film-reveal-gallery>div{width:33%;flex-shrink:0}.film-reveal-gallery svg{display:block;width:100%;height:auto}.film-reveal:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#171c1be8,#171c1bc9)}.film-reveal-copy{position:absolute;z-index:1;inset:0;padding:6% 8%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.film-reveal-copy>span{font:11px Arial;letter-spacing:.07em;color:#a5b6a4;margin-bottom:24px}.film-reveal-copy h3{font:600 clamp(35px,5.8vw,80px)/1.04 Arial;letter-spacing:-.04em;margin-bottom:28px}.film-reveal-copy h3 em{font:inherit;font-style:normal;color:#b9cf43}.film-reveal-copy>strong{font:500 clamp(22px,3vw,38px)/1.2 Arial;overflow-wrap:anywhere;max-width:100%;color:#f5f3ed}.film-reveal-copy>p{font:15px/1.6 Arial;max-width:90%;margin-top:12px;color:#a5b6a4}.film-premiere .premiere-chapters{grid-template-columns:repeat(5,1fr)}.film-premiere .premiere-bottom #premiere-act{min-height:40px}.film-premiere .premiere-bottom #premiere-caption{min-height:45px}.film-premiere .premiere-bottom #premiere-finish>p{max-width:850px}.film-premiere:not(.premiere-moving) .film-camera{animation-play-state:paused}.film-premiere:not(.premiere-moving) .film-shot{transition:none!important}@keyframes film-dolly{from{transform:scale(1.02) translateX(0)}to{transform:scale(1.13) translateX(-2%)}}@keyframes film-letter-in{from{opacity:0;translate:0 10px;filter:blur(3px)}to{opacity:1;translate:0 0;filter:blur(0)}}@keyframes sketch-draw{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes film-pullback{from{scale:1.17}to{scale:1}}
@media(max-width:680px){.film-premiere .film-format{padding:9px 13px;font-size:8px;letter-spacing:.02em}.film-premiere .premiere-top>span{max-width:100%;font-size:10px}.film-premiere .film-screen{height:415px}.film-studio-art{width:160%;max-width:none;translate:-30% 0}.film-studio-copy{left:7%;right:8%;top:14%}.film-studio-copy>b{font-size:28px;margin-bottom:30px}.film-studio-copy>span{font-size:32px;line-height:1.12}.film-studio-copy>small{font-size:8px;line-height:1.6;max-width:180px}.film-studio:after{background:linear-gradient(90deg,#171c1be8,#171c1b88 70%,transparent)}.film-sketch-paper{inset:12% 8%;padding:12% 8%;transform:rotate(-4deg)}.film-sketch-paper>span{font-size:8px}.sketch-rule{margin:20px 0}.film-name{font-size:31px;line-height:1.14}.film-sketch-paper>p{font-size:16px;margin-top:22px}.film-sketch-paper>small{font-size:7px;left:8%;bottom:7%;max-width:80%}.film-hand{width:30%;height:24%;right:-8%;bottom:-6%}.film-pencil{right:11%;height:45%}.projection-copy{left:8%;right:8%;top:18%;transform:none}.projection-copy>span{font-size:11px;margin-bottom:25px}.projection-copy h3{font-size:34px;line-height:1.12}.projection-copy>p{font-size:12px;max-width:80%;line-height:1.7}.projection-person{width:13%;height:21%}.film-reveal-copy{padding:8%}.film-reveal-copy>span{font-size:8px;line-height:1.7;max-width:100%;margin-bottom:25px}.film-reveal-copy h3{font-size:37px;line-height:1.06;margin-bottom:26px}.film-reveal-copy>strong{font-size:22px;line-height:1.2}.film-reveal-copy>p{font-size:13px;line-height:1.5}.film-premiere .premiere-chapters{grid-template-columns:1fr 1fr}.film-premiere .premiere-chapters button:last-child{grid-column:1/-1}.film-premiere .premiere-bottom #premiere-act{min-height:55px;font-size:23px}.film-premiere .premiere-bottom #premiere-caption{min-height:45px}.film-reveal-gallery{inset:15% -60%;opacity:.22}.film-reveal-gallery>div{width:42%}}
@media(prefers-reduced-motion:reduce){.film-premiere *{animation:none!important;transition:none!important}}.paused .film-premiere *{animation:none!important;transition:none!important}
.guided-complete #workshop-route{display:none}.film-premiere>.premiere-chapters{margin:0;padding:10px 20px;background:#171c1b;gap:8px}.film-premiere>.premiere-chapters button{color:#a5b6a4;border-color:#a5b6a444}.film-premiere>.premiere-chapters button[aria-pressed=true]{background:#b9cf43;color:#171c1b}.film-premiere .film-screen{isolation:isolate}
@media(max-width:680px){.film-premiere>.premiere-chapters{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:8px;gap:5px}.film-premiere>.premiere-chapters button{min-height:48px;font-size:9px;line-height:1.5;padding:7px 2px}.film-premiere>.premiere-chapters button:last-child{grid-column:auto}.film-premiere .film-screen{height:min(415px,calc(100svh - 235px))}.film-premiere .film-studio-art{height:120%;translate:-30% -8%}}
.film-name{font-size:clamp(28px,calc(1100px / var(--word-length)),70px)}@media(max-width:680px){.film-name{font-size:clamp(24px,calc(420px / var(--word-length)),31px)}}
.premiere-moving[data-act='1'] .film-name{animation:film-letter-in 1.4s ease both}@media(max-width:680px){.projection-copy{top:14%}.projection-copy h3{font-size:clamp(25px,calc(2100px / var(--headline-length)),34px)}.projection-copy>p{margin-top:20px}}
/* v19: a real reference moment and a name-based mark. */
.film-premiere>.premiere-chapters{grid-template-columns:repeat(6,minmax(0,1fr))}.film-premiere[data-act='5'] [data-shot='5']{opacity:1;visibility:visible;transform:scale(1)}.film-reference{background:#e4e8db;color:#171c1b}.film-reference-copy{position:absolute;left:6%;right:6%;top:6%}.film-reference-copy>span{font:10px Arial;letter-spacing:.08em;color:#536359}.film-reference-copy>h3{font:600 clamp(26px,3.5vw,45px)/1.15 Arial;letter-spacing:-.035em;margin-top:9px}.film-reference-window{position:absolute;left:10%;top:24%;width:80%;height:64%;background:#171c1b;border:8px solid #171c1b;border-radius:5px;box-shadow:15px 20px 35px #171c1b33;transform:rotate(-2deg);overflow:hidden}.film-reference-window>div{display:flex;justify-content:space-between;gap:10px;color:#f5f3ed;font:11px Arial;padding:6px 9px 10px}.film-reference-window img{display:block;width:100%;height:calc(100% - 26px);object-fit:contain;object-position:center top;background:#203540}.film-reference-note{position:absolute;left:6%;right:6%;bottom:3%;font:12px Arial;color:#536359}.film-monogram{position:absolute;right:8%;bottom:13%;width:75px;height:75px;border:2px solid #536359;border-radius:5px;background:#f5f3ed;display:grid;place-items:center;font:650 28px/1 Arial;letter-spacing:-1px;transform:rotate(6deg);color:#171c1b}.premiere-moving[data-act='5'] .film-reference-window{animation:film-reference-in 3.2s ease both}@keyframes film-reference-in{from{translate:0 12px;scale:.98}to{translate:0 0;scale:1}}@media(max-width:680px){.film-premiere>.premiere-chapters{grid-template-columns:repeat(3,minmax(0,1fr))}.film-premiere>.premiere-chapters button{font-size:10px;min-height:45px}.film-premiere .film-screen{height:min(400px,calc(100svh - 290px))}.film-reference-copy{top:6%;left:7%;right:7%}.film-reference-copy>span{font-size:8px}.film-reference-copy>h3{font-size:26px}.film-reference-window{left:6%;width:88%;top:29%;height:57%;border-width:4px}.film-reference-window>div{font-size:8px;padding:6px}.film-reference-window>div>span{font-size:7px}.film-reference-window img{height:calc(100% - 23px)}.film-reference-note{font-size:10px;line-height:1.5;bottom:3%;left:7%;right:7%}.film-monogram{width:56px;height:56px;font-size:22px;right:6%;bottom:12%}}
.film-monogram{font-size:clamp(8px,calc(100px / var(--initials-length)),28px)}@media(max-width:680px){.film-monogram{font-size:clamp(6px,calc(80px / var(--initials-length)),22px)}}
.film-monogram{left:8%;right:auto}