/* Approved web-animation choreography. Scoped to df-* illustration elements. */
.df-copy-scene,.df-files-scene{position:absolute;inset:0;z-index:6;perspective:1400px;pointer-events:none}
.df-scene-heading{position:absolute;top:15.5%;left:5%;right:5%;text-align:center;opacity:0;transform:translateY(24px);transition:opacity .85s,transform 1.3s var(--ease),filter .8s}
.df-chapter-mark{display:block;font-size:.68cqw;letter-spacing:.2em;font-weight:600;color:#536750;margin-bottom:1.1cqw}
.df-scene-heading h2{font-family:Georgia,"Times New Roman",serif;font-size:3.85cqw;line-height:1.1;letter-spacing:-.045em;font-weight:400;margin:0;color:#2a4332}
.df-scene-heading em{font-weight:400;color:#5a795b}
.df-scene-heading p{font-size:1.05cqw;color:#4e644f;margin:1cqw 0 0}
.df-work-window{position:absolute;background:#fffefa;border:1px solid #ffffffc9;border-radius:1.15cqw;box-shadow:0 2px 4px #22362b15,0 20px 45px -15px #18372c54,0 65px 80px -45px #183f3366;overflow:visible;width:38%;top:35%;font-size:1.25cqw;color:#333832;opacity:0;transform:translateY(48px) scale(.93);transition:opacity .95s,transform 1.5s var(--ease),filter 1s;transform-style:preserve-3d;will-change:transform,opacity}
.df-source-note,.df-finder-source{left:6%}
.df-destination-mail,.df-finder-destination{right:6%}
.df-window-bar{height:3.3cqw;display:flex;align-items:center;padding:0 1.25cqw;background:#eeede8f5;border-bottom:1px solid #dedfd6;border-radius:1.15cqw 1.15cqw 0 0;position:relative;justify-content:space-between}
.df-traffic{display:flex;gap:.42cqw;width:5.8cqw}
.df-traffic i{display:block;width:.64cqw;height:.64cqw;border-radius:50%;background:#dd9f92;box-shadow:inset 0 0 0 .5px #0000000a}
.df-traffic i:nth-child(2){background:#d9c18c}
.df-traffic i:nth-child(3){background:#99ba95}
.df-app-title{display:flex;align-items:center;justify-content:center;gap:.52cqw;font-size:.83cqw;font-weight:550;color:#666c60;white-space:nowrap}
.df-notes-icon{height:1.1cqw;width:.92cqw;border:1px solid #ccc8b8;border-top:.3cqw solid #ddbe50;border-radius:2px;background:repeating-linear-gradient(#fbfbf5 0 3px,#dcdfd4 4px 5px)}
.df-mail-icon{color:#739cb2;font-size:1.35cqw;line-height:1}
.df-window-menu{width:5.8cqw;text-align:right;color:#989e91;letter-spacing:1px}
.df-note-body{padding:1.9cqw 2.4cqw 2.25cqw;height:19.7cqw;overflow:hidden}
.df-note-date{display:block;text-align:center;font-size:.69cqw;color:#a0a397;margin-bottom:1.5cqw}
.df-note-body h3{font-size:1.72cqw;line-height:1.2;font-weight:650;letter-spacing:-.045em;margin:0 0 1.1cqw}
.df-note-context{font-size:.99cqw;color:#828778;margin:0 0 1.7cqw}
.df-copy-selection{position:relative;display:table;padding:.55cqw .65cqw;margin-inline:-.65cqw;border-radius:3px;line-height:1.6;font-size:1.22cqw;transition:background .45s,box-shadow .45s}
.df-copy-selection p{margin:0}
.df-copy-selection>span{font-size:1.07cqw;color:#537569}
.df-selection-note{display:block;font-size:.78cqw;color:#a1a594;margin-top:1.5cqw}
.df-device-label{position:absolute;top:calc(100% + 1.6cqw);left:.4cqw;right:.4cqw;display:flex;align-items:center;gap:.6cqw;color:#f6f6e6;text-shadow:0 1px 8px #23413270;font-size:.98cqw;font-weight:550;letter-spacing:-.01em;white-space:nowrap}
.df-device-label svg{width:1.4cqw;height:1.4cqw;stroke-width:1.5}
.df-device-label small{margin-left:auto;font-size:.56cqw;letter-spacing:.16em;font-weight:450;color:#fbfbefba}
.df-mail-details{padding:.5cqw 1.65cqw;background:#fffefa;position:relative;border-bottom:1px solid #eaebe2;font-size:.78cqw}
.df-mail-details>div{display:flex;align-items:center;gap:.7cqw;height:2cqw}
.df-mail-details span{color:#a2a598;width:3.6cqw}
.df-mail-details>div+div{border-top:1px solid #edeee6}
.df-mail-body{position:relative;height:14.5cqw;padding:1.4cqw 1.65cqw;border-radius:0 0 1.15cqw 1.15cqw;background:#fffefa;font-size:1.05cqw;line-height:1.6}
.df-mail-body>p{margin:0 0 1.15cqw}
.df-paste-placeholder{position:absolute;top:4.1cqw;left:1.65cqw;right:1.65cqw;display:flex;gap:.7cqw;align-items:center;opacity:1;transition:opacity .2s}
.df-caret{height:1.3cqw;width:1.4px;background:#879878}
.df-paste-placeholder small{font-size:.9cqw;color:#b4b8a9}
.df-pasted-text{line-height:1.6;padding:.25cqw 0;opacity:0;transform:translateY(8px);transition:opacity .5s,transform .65s var(--ease);font-size:1.22cqw}
.df-pasted-text p{margin:0}
.df-pasted-text>span{color:#537569;font-size:1.07cqw}
.df-mail-signoff{padding-top:1.1cqw;opacity:0;transition:opacity .5s}
.df-keystroke{position:absolute;left:50%;bottom:-7.7cqw;transform:translate(-50%,10px) scale(.9);border-radius:9px;display:flex;gap:5px;align-items:center;padding:8px 12px 8px 8px;background:#f9f9f1eb;border:1px solid #fffffa;box-shadow:0 5px 18px #163a3630;opacity:0;transition:opacity .3s,transform .55s var(--ease);font-size:.82cqw;white-space:nowrap}
.df-keystroke kbd{font-family:inherit;font-size:1.2cqw;display:flex;align-items:center;justify-content:center;min-width:2.6cqw;height:2.6cqw;padding:0 .6cqw;background:#fffefa;border:1px solid #d5d9cd;border-radius:5px;box-shadow:0 2px 0 #ccd2c3}
.df-keystroke span{margin-left:7px;margin-right:3px;color:#5b6b54}
.df-source-success,.df-paste-success,.df-files-success{position:absolute;bottom:-7.4cqw;left:50%;display:flex;align-items:center;gap:.65cqw;transform:translate(-50%,8px);white-space:nowrap;border-radius:30px;padding:.8cqw 1.3cqw;background:#f6faf1;color:#3e6946;border:1px solid #ffffffad;box-shadow:0 6px 20px #153c3430;font-size:.87cqw;font-weight:550;opacity:0;transition:opacity .5s,transform .7s var(--ease)}
.df-source-success svg,.df-paste-success svg,.df-files-success svg{width:1.22cqw;height:1.22cqw;stroke-width:2}
.df-source-success{font-size:.75cqw;bottom:1.25cqw;right:1.3cqw;left:auto;transform:translateY(5px);padding:.5cqw .8cqw;box-shadow:none;background:#edf3e8}
.df-travelling-copy{position:absolute;left:42%;top:49%;width:12%;height:8.6cqw;background:#fffef5;border-radius:.7cqw;box-shadow:0 12px 40px #1b3c3266;opacity:0;z-index:12;transform:translate(-30%,10px) scale(.7);border:1px solid #fffef5}
.df-traveller-lines{padding:1.3cqw}
.df-traveller-lines i{height:.35cqw;background:#81907c;display:block;border-radius:5px;margin-bottom:.6cqw}
.df-traveller-lines i:nth-child(2){width:85%;background:#c6cec0}
.df-traveller-lines i:nth-child(3){width:53%;background:#c6cec0}
.df-travelling-copy img{position:absolute;width:2.6cqw;height:2.6cqw;bottom:.6cqw;right:.6cqw}
.df-handoff-caption{position:absolute;top:87%;left:50%;transform:translate(-50%,10px);display:flex;align-items:center;gap:.65cqw;font-size:.82cqw;white-space:nowrap;opacity:0;transition:opacity .5s,transform .6s var(--ease);color:#f3f5e9;letter-spacing:.015em}
.df-handoff-caption>img{width:2.3cqw;height:2.3cqw}
.df-handoff-caption>svg{width:1.3cqw;height:1.3cqw}
.df-handoff-line{height:1px;width:2.6cqw;background:#dce6d196;margin-right:.5cqw}

.df-film:is([data-phase="copy"],[data-phase="transit"],[data-phase="paste"],[data-phase="hold"]) .df-copy-heading{opacity:1;transform:none}
.df-film:is([data-phase="copy"],[data-phase="transit"],[data-phase="paste"],[data-phase="hold"]) .df-source-note{opacity:1;transform:translateY(0) rotateY(5deg) rotateZ(-.65deg)}
.df-film:is([data-phase="copy"],[data-phase="transit"],[data-phase="paste"],[data-phase="hold"]) .df-destination-mail{opacity:1;transform:translateY(0) rotateY(-5deg) rotateZ(.65deg);transition-delay:.18s}
.df-film[data-phase="copy"] .df-copy-selection{background:#d9e9f3;box-shadow:0 0 0 1px #b6d0df}
.df-film[data-phase="copy"] .df-copy-key,.df-film[data-phase="paste"] .df-paste-key{opacity:1;transform:translate(-50%,0) scale(1)}
.df-film:is([data-phase="transit"],[data-phase="paste"],[data-phase="hold"]) .df-source-success{opacity:1;transform:none}
.df-film[data-phase="transit"] .df-travelling-copy{animation:df-crossing 2.65s var(--ease) both}
.df-film:is([data-phase="paste"],[data-phase="hold"]) .df-pasted-text{opacity:1;transform:none}
.df-film:is([data-phase="paste"],[data-phase="hold"]) .df-paste-placeholder{opacity:0}
.df-film[data-phase="hold"] .df-mail-signoff{opacity:1}
.df-film[data-phase="hold"] .df-paste-success{opacity:1;transform:translate(-50%,0)}
.df-film[data-phase="hold"] .df-destination-mail{transform:translate(-2%,0) scale(1.035) rotateY(0deg);transition-delay:0s}
.df-film[data-phase="hold"] .df-source-note{opacity:.78;transform:translateX(-2%) scale(.97)}
.df-film[data-phase="transit"] .df-handoff-caption{opacity:1;transform:translate(-50%,0);transition-delay:1.9s}
.df-film:is([data-phase="files"],[data-phase="transfer"],[data-phase="ready"],[data-phase="land"],[data-phase="landed"],[data-phase="closing"],[data-phase="finished"]) .df-source-note{transform:translate(-35px,10px) scale(.93);filter:blur(6px)}
.df-film:is([data-phase="files"],[data-phase="transfer"],[data-phase="ready"],[data-phase="land"],[data-phase="landed"],[data-phase="closing"],[data-phase="finished"]) .df-destination-mail{transform:translate(35px,10px) scale(.93);filter:blur(6px)}

.df-files-heading{top:13%}
.df-finder-source,.df-finder-destination{top:35%;font-size:1cqw}
.df-finder-path{display:flex;align-items:center;height:2.8cqw;gap:.6cqw;border-bottom:1px solid #e3e6da;padding:0 1.3cqw;font-size:.75cqw;color:#828977;background:#f6f7f0}
.df-finder-path svg{width:1.4cqw;height:1.2cqw}
.df-finder-path>span{color:#c8cfc0;margin:0 .2cqw}
.df-finder-items{padding:.8cqw;display:grid;gap:.35cqw;height:14.8cqw}
.df-finder-item{display:flex;align-items:center;gap:1.15cqw;border:1px solid transparent;padding:.55cqw .85cqw;border-radius:6px;position:relative;min-width:0;background:#fffefa}
.df-finder-item.df-selected{background:#e6eff2;border-color:#d9e6ea}
.df-finder-item>div{font-size:1.02cqw;font-weight:550;letter-spacing:-.015em}
.df-finder-item small{display:block;font-size:.73cqw;font-weight:400;color:#8a9384;margin-top:.32cqw;letter-spacing:.01em}
.df-file-glyph{width:3.1cqw;height:2.8cqw;overflow:visible}
.df-pdf-glyph{width:2.6cqw;margin-inline:.25cqw;height:3.1cqw}
.df-coast-thumbnail{width:3.1cqw;height:2.4cqw;object-fit:cover;box-shadow:0 1px 4px #26352d22;border:2px solid #fff;border-radius:2px}
.df-item-selected{margin-left:auto;width:1.25cqw;height:1.25cqw;display:flex;align-items:center;justify-content:center;background:#91b4c4;border-radius:50%;color:#fff}
.df-item-selected svg{width:.9cqw;height:.9cqw;stroke-width:2}
.df-finder-footer{height:2cqw;border-top:1px solid #e4e6dc;background:#f5f6f0;border-radius:0 0 1.15cqw 1.15cqw;display:flex;align-items:center;justify-content:center;font-size:.66cqw;color:#969f8d;letter-spacing:.02em}
.df-empty-folder{position:absolute;top:7cqw;left:0;right:0;height:12cqw;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.2cqw;color:#b4baad;font-size:.87cqw;transition:opacity .5s}
.df-empty-folder svg{width:4.2cqw;height:3.6cqw;opacity:.22}
.df-arrived-items .df-finder-item{opacity:0;transform:translateY(16px) scale(.96);transition:opacity .4s,transform .8s var(--ease);background:#f7faf2}
.df-filled-count{display:none}
.df-transfer-pill{position:absolute;left:50%;top:86%;transform:translate(-50%,10px);display:flex;align-items:center;gap:.8cqw;background:#f8faf2eb;border:1px solid #fff;box-shadow:0 5px 25px #18392c33;backdrop-filter:blur(20px);border-radius:10px;padding:.7cqw 1cqw;opacity:0;transition:opacity .5s,transform .7s var(--ease);font-size:.8cqw;color:#537252;min-width:26cqw}
.df-transfer-pill>img{width:2.7cqw;height:2.7cqw}
.df-transfer-pill>div{flex:1}
.df-transfer-label{display:block;margin-bottom:.6cqw;font-weight:500}
.df-transfer-track{display:block;height:3px;border-radius:20px;background:#dfe7d7;overflow:hidden;min-width:15cqw}
.df-transfer-track i{display:block;background:#74956b;transform-origin:left;width:100%;height:100%;transform:scaleX(var(--transfer,0));border-radius:inherit}
.df-transfer-percent{font-size:.65cqw;font-variant-numeric:tabular-nums;color:#7e8d77;padding-inline:.25cqw}
.df-film:is([data-phase="files"],[data-phase="transfer"],[data-phase="ready"],[data-phase="land"],[data-phase="landed"]) .df-files-heading{opacity:1;transform:none}
.df-film:is([data-phase="files"],[data-phase="transfer"],[data-phase="ready"],[data-phase="land"],[data-phase="landed"]) .df-finder-source{opacity:1;transform:translateY(0) rotateY(5deg) rotateZ(-.65deg)}
.df-film:is([data-phase="files"],[data-phase="transfer"],[data-phase="ready"],[data-phase="land"],[data-phase="landed"]) .df-finder-destination{opacity:1;transform:translateY(0) rotateY(-5deg) rotateZ(.65deg);transition-delay:.15s}
.df-film[data-phase="files"] .df-files-copy-key,.df-film[data-phase="land"] .df-files-paste-key{opacity:1;transform:translate(-50%,0) scale(1)}
.df-film:is([data-phase="transfer"],[data-phase="ready"]) .df-transfer-pill{opacity:1;transform:translate(-50%,0)}
.df-film:is([data-phase="land"],[data-phase="landed"]) .df-empty-folder{opacity:0}
.df-film:is([data-phase="land"],[data-phase="landed"]) .df-arrived-items .df-finder-item{opacity:1;transform:none}
.df-film:is([data-phase="land"],[data-phase="landed"]) .df-arrived-items .df-finder-item:nth-child(2){transition-delay:.15s}
.df-film:is([data-phase="land"],[data-phase="landed"]) .df-arrived-items .df-finder-item:nth-child(3){transition-delay:.3s}
.df-film:is([data-phase="land"],[data-phase="landed"]) .df-empty-count{display:none}
.df-film:is([data-phase="land"],[data-phase="landed"]) .df-filled-count{display:inline}
.df-film[data-phase="landed"] .df-files-success{opacity:1;transform:translate(-50%,0)}
.df-film[data-phase="landed"] .df-finder-destination{transform:translate(-2%,0) scale(1.035)}
.df-film[data-phase="landed"] .df-finder-source{opacity:.78;transform:translateX(-2%) scale(.97)}

@keyframes df-crossing{0%{opacity:0;transform:translate(-80%,35%) scale(.62) rotate(-9deg)}
18%{opacity:1}
45%{opacity:1;transform:translate(0,-95%) scale(1.05) rotate(1deg)}
78%{opacity:1;transform:translate(100%,-15%) scale(.8) rotate(6deg)}
100%{opacity:0;transform:translate(150%,15%) scale(.45) rotate(0)}
}

@media(max-width:820px) and (orientation:portrait){
.df-work-window{width:70%;border-radius:2cqw;box-shadow:0 12px 30px #19372930,0 26px 35px -24px #122f2c99}
.df-source-note,.df-finder-source{left:5%;top:27%;transform-origin:left top}
.df-destination-mail,.df-finder-destination{right:5%;top:55%;transform-origin:right bottom}
.df-window-bar{height:6cqw;padding-inline:2cqw;border-radius:2cqw 2cqw 0 0}
.df-traffic{gap:.8cqw;width:9cqw}
.df-traffic i{width:1.15cqw;height:1.15cqw}
.df-app-title{font-size:1.6cqw;gap:1cqw}
.df-window-menu{font-size:2cqw;width:9cqw}
.df-notes-icon{width:1.7cqw;height:2.1cqw;border-top-width:.6cqw}
.df-mail-icon{font-size:2.6cqw}
.df-note-body{padding:2.4cqw 4.5cqw;height:30cqw}
.df-note-date{font-size:1.4cqw;margin-bottom:2cqw}
.df-note-body h3{font-size:3.2cqw;margin-bottom:1.5cqw}
.df-note-context{font-size:1.9cqw;margin-bottom:2cqw}
.df-copy-selection{font-size:2.5cqw;padding:1cqw;margin-inline:-1cqw}
.df-copy-selection>span{font-size:2.1cqw}
.df-selection-note{display:none}
.df-device-label{top:calc(100% + 1.7cqw);font-size:1.95cqw;gap:1cqw}
.df-device-label svg{width:2.5cqw;height:2.5cqw}
.df-device-label small{display:none;font-size:1.14cqw;letter-spacing:.08em}
.df-mail-details{padding:1cqw 3cqw;font-size:1.4cqw}
.df-mail-details>div{height:3.8cqw;gap:1cqw}
.df-mail-details span{width:7cqw}
.df-mail-body{height:25.5cqw;padding:2cqw 3cqw;font-size:2cqw;border-radius:0 0 2cqw 2cqw}
.df-mail-body>p{margin-bottom:1.5cqw}
.df-paste-placeholder{top:7cqw;left:3cqw;gap:1cqw}
.df-caret{height:2.7cqw}
.df-paste-placeholder small{font-size:1.75cqw}
.df-pasted-text{font-size:2.5cqw;padding:.5cqw 0}
.df-pasted-text>span{font-size:2.1cqw}
.df-mail-signoff{padding-top:1.5cqw}
.df-keystroke{bottom:-13cqw;font-size:1.7cqw;padding:5px 7px;gap:3px}
.df-keystroke kbd{height:5cqw;min-width:5cqw;font-size:2.3cqw;padding:0 1cqw}
.df-copy-key,.df-files-copy-key{left:auto;right:-28%;bottom:14%;transform:translate(0,5px)!important}
.df-paste-key,.df-files-paste-key{bottom:-12cqw}
.df-source-success{bottom:1.5cqw;right:2cqw;padding:.8cqw 1.5cqw;font-size:1.5cqw;gap:1cqw}
.df-source-success svg{width:2.2cqw;height:2.2cqw}
.df-paste-success,.df-files-success{bottom:-9.5cqw;padding:1.6cqw 2.5cqw;font-size:1.75cqw;gap:1cqw}
.df-paste-success svg,.df-files-success svg{width:2.5cqw;height:2.5cqw}
.df-handoff-caption{top:48.5%;left:51%;font-size:1.7cqw;gap:1cqw}
.df-handoff-caption img{width:4.2cqw;height:4.2cqw}
.df-handoff-caption svg{width:2.5cqw;height:2.5cqw}
.df-handoff-line{width:4cqw}
.df-travelling-copy{left:48%;top:44%;height:15cqw;width:20%;border-radius:1.2cqw}
.df-traveller-lines{padding:2.5cqw}
.df-traveller-lines i{height:.6cqw;margin-bottom:1cqw}
.df-travelling-copy img{width:5cqw;height:5cqw;bottom:1cqw;right:1cqw}
.df-film[data-phase="transit"] .df-travelling-copy{animation:crossing-mobile 2.65s var(--ease) both}
.df-film:is([data-phase="copy"],[data-phase="transit"],[data-phase="paste"],[data-phase="hold"]) .df-source-note,.df-film:is([data-phase="files"],[data-phase="transfer"],[data-phase="ready"],[data-phase="land"],[data-phase="landed"]) .df-finder-source{transform:rotateZ(-1deg)}
.df-film:is([data-phase="copy"],[data-phase="transit"],[data-phase="paste"],[data-phase="hold"]) .df-destination-mail,.df-film:is([data-phase="files"],[data-phase="transfer"],[data-phase="ready"],[data-phase="land"],[data-phase="landed"]) .df-finder-destination{transform:rotateZ(1deg)}
.df-film[data-phase="hold"] .df-destination-mail,.df-film[data-phase="landed"] .df-finder-destination{transform:scale(1.025)}
.df-film[data-phase="hold"] .df-source-note,.df-film[data-phase="landed"] .df-finder-source{opacity:.7;transform:scale(.97)}
.df-files-heading{top:12%}
.df-finder-source{top:27%;width:69%}
.df-finder-destination{top:56%;width:69%}
.df-finder-path{height:4.2cqw;padding:0 2cqw;gap:1cqw;font-size:1.4cqw}
.df-finder-path svg{width:2.5cqw;height:2cqw}
.df-finder-items{padding:1.2cqw;gap:.25cqw;height:25cqw}
.df-finder-item{gap:2cqw;padding:.7cqw 1.5cqw;border-radius:4px}
.df-finder-item>div{font-size:2cqw}
.df-finder-item small{font-size:1.3cqw;margin-top:.5cqw}
.df-file-glyph{width:5.4cqw;height:4.6cqw}
.df-pdf-glyph{width:4.4cqw;height:5.2cqw;margin-inline:.5cqw}
.df-coast-thumbnail{width:5.4cqw;height:4.3cqw;border-width:1px}
.df-item-selected{width:2.3cqw;height:2.3cqw}
.df-item-selected svg{width:1.7cqw;height:1.7cqw}
.df-finder-footer{height:3.5cqw;font-size:1.25cqw;border-radius:0 0 2cqw 2cqw}
.df-empty-folder{top:12cqw;height:20cqw;font-size:1.6cqw;gap:2cqw}
.df-empty-folder svg{width:8cqw;height:7cqw}
.df-transfer-pill{top:51%;min-width:56cqw;padding:1.1cqw 2cqw;gap:1.3cqw;border-radius:7px;font-size:1.65cqw}
.df-transfer-pill img{width:4.5cqw;height:4.5cqw}
.df-transfer-label{margin-bottom:1cqw}
.df-transfer-track{height:2px}
.df-transfer-percent{font-size:1.3cqw;padding-inline:.7cqw}
}

/* Original opening and closing cards. */
.df-opening{position:absolute;inset:25% 5% auto;z-index:5;text-align:center;transition:opacity .95s,transform 1.45s var(--ease),filter .9s;will-change:opacity,transform}
.df-film-kicker{font-size:.78cqw;letter-spacing:.24em;display:block;margin-bottom:2.3cqw;color:#566750}
.df-opening h2{font-family:Georgia,"Times New Roman",serif;font-size:6cqw;letter-spacing:-.055em;line-height:1.08;font-weight:400;margin:0;color:#243d2e;text-shadow:0 1px 25px #f1efdb70}
.df-opening h2 em{font-weight:400;color:#4c6b52}
.df-opening p{font-size:1.2cqw;margin:2.2cqw 0 0;color:#455b4a;letter-spacing:.01em}

.df-closing{position:absolute;z-index:8;inset:15% 8% auto;text-align:center;opacity:0;transform:translateY(30px) scale(.96);filter:blur(5px);transition:opacity 1.2s,transform 1.8s var(--ease),filter 1.2s}
.df-closing>img{width:7.5cqw;height:7.5cqw;margin:0 auto .3cqw;filter:drop-shadow(0 7px 12px #263d2e21)}
.df-closing-brand{font-size:1.4cqw;letter-spacing:-.04em;font-weight:600}
.df-closing h2{font-family:Georgia,"Times New Roman",serif;font-size:6.9cqw;line-height:1.1;font-weight:400;letter-spacing:-.065em;margin:2cqw 0 1.4cqw}
.df-closing h2 em{font-weight:400;color:#50745a}
.df-closing p{font-size:1.12cqw;color:#50644f;letter-spacing:.015em;margin:0}
.df-film:is([data-phase="closing"],[data-phase="finished"]) .df-closing{opacity:1;transform:none;filter:none}
.df-film:is([data-phase="closing"],[data-phase="finished"]) .df-finder-source{transform:translate(-35px,20px) scale(.94);filter:blur(8px)}
.df-film:is([data-phase="closing"],[data-phase="finished"]) .df-finder-destination{transform:translate(35px,20px) scale(.94);filter:blur(8px)}
.df-end-cta{position:absolute;left:0;right:0;bottom:14%;z-index:25;display:flex;align-items:center;justify-content:center;gap:10px}
.df-end-cta button,.df-end-cta a{border-radius:8px;font-size:11px;font-weight:550;display:flex;align-items:center;gap:7px;padding:11px 16px;border:1px solid #f4f6e6;background:#f7f8ecc7;color:#36533c;backdrop-filter:blur(10px)}
.df-end-cta a{color:#fcfbf0;background:#34503de8;border-color:transparent}
.df-end-cta button:hover{background:#fffef6}
.df-end-cta svg{width:14px;height:14px}