:root{--machine:#050505;--paper:#e9e5d7;--ink:#11100d}*{box-sizing:border-box}html{background:var(--machine);scroll-behavior:smooth}body{margin:0;background:var(--machine);color:var(--paper);font-family:"Courier New",monospace;overflow-x:hidden}.machine{position:fixed;z-index:50;inset:0 0 auto;height:62px;padding:7px 14px;background:var(--machine);display:flex;align-items:center;gap:14px;color:var(--paper);font-size:9px;font-weight:700;letter-spacing:.08em}.mark{display:block;width:58px;height:46px;flex:none}.mark svg{width:100%;height:100%;fill:var(--paper)}.machine>span{flex:1}.machine button{border:0;border-radius:0;padding:10px 12px;background:var(--paper);color:var(--ink);font:700 10px "Courier New",monospace;cursor:pointer}.machine button:hover,.machine button:focus-visible{color:var(--paper);background:var(--ink);outline:1px solid var(--paper);outline-offset:-1px}.roll{width:min(100%,900px);margin:0 auto;padding-top:62px;background:var(--paper);box-shadow:0 0 42px #000}.fax-page{position:relative;width:100%;aspect-ratio:1448/2048;margin:-1px 0 0;overflow:hidden;background:var(--paper);isolation:isolate}.fax-page img{display:block;width:100%;height:100%;object-fit:cover;opacity:0;clip-path:inset(0 0 100% 0);filter:none}.fax-page.receiving img{opacity:1;animation:receive 8s steps(96,end) forwards}.fax-page.printed img{opacity:1;clip-path:inset(0)}.print-head{display:none;position:absolute;z-index:3;left:0;right:0;top:-3px;height:8px;background:var(--ink);box-shadow:0 -9px 24px 15px rgba(0,0,0,.7),0 5px 9px rgba(17,16,13,.32);transform:translateY(0);pointer-events:none}.fax-page.receiving .print-head{display:block;animation:head 8s steps(96,end) forwards}.email-hotspot{position:absolute;z-index:5;left:2.5%;top:68.2%;width:63%;height:7.5%;display:block;color:transparent;text-decoration:none}.email-hotspot span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.email-hotspot:focus-visible{outline:3px dashed var(--ink);outline-offset:3px;background:rgba(233,229,215,.14)}#fax-audio,#fax-audio iframe{position:fixed;width:1px;height:1px;left:-10px;bottom:-10px;border:0;opacity:.001;pointer-events:none}@keyframes receive{0%{clip-path:inset(0 0 100% 0)}7%{clip-path:inset(0 0 94% 0)}9%{clip-path:inset(0 0 94% 0)}24%{clip-path:inset(0 0 74% 0)}27%{clip-path:inset(0 0 74% 0)}52%{clip-path:inset(0 0 48% 0)}55%{clip-path:inset(0 0 48% 0)}78%{clip-path:inset(0 0 18% 0)}81%{clip-path:inset(0 0 18% 0)}100%{clip-path:inset(0)}}@keyframes head{0%{transform:translateY(0)}7%{transform:translateY(6%)}9%{transform:translateY(6%)}24%{transform:translateY(26%)}27%{transform:translateY(26%)}52%{transform:translateY(52%)}55%{transform:translateY(52%)}78%{transform:translateY(82%)}81%{transform:translateY(82%)}100%{transform:translateY(calc(100% - 8px))}}
@media(max-width:700px){.machine{height:56px;padding:5px 8px}.machine>span{display:none}.mark{width:50px;height:42px}.machine button{margin-left:auto}.roll{padding-top:56px}}
@media(prefers-reduced-motion:reduce){.fax-page img{opacity:1;clip-path:none}.fax-page.receiving img,.fax-page.receiving .print-head{animation:none}.print-head{display:none!important}}
.fax-page.receiving .print-head{animation-name:head2}
@keyframes head2{0%{top:-3px}7%{top:6%}9%{top:6%}24%{top:26%}27%{top:26%}52%{top:52%}55%{top:52%}78%{top:82%}81%{top:82%}100%{top:100%}}

/* OVERSCALE / BLACK RECEIVER */
.machine{position:fixed;color:#fff}
.mark svg{fill:#fff}
.machine button{background:#050505;color:#fff;border:1px solid #fff}
.machine button:hover,.machine button:focus-visible{background:#fff;color:#050505;outline:0}
.roll{position:relative;z-index:60;width:108vw;max-width:1280px;margin:-62px 0 0 50%;padding-top:0;transform:translateX(-50%);background:#050505;box-shadow:none}
.fax-page{background:#050505}
@media(max-width:700px){
  .machine{z-index:100}
  .roll{width:100vw;margin-top:0;padding-top:56px}
}