/* The welcoming interface sits in front of a factory that destroys conversations. */
.landing,.ending{position:relative;isolation:isolate;overflow:hidden}
.satire-background{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;user-select:none}
.satire-art{position:absolute;width:min(105vw,145vh,118rem);aspect-ratio:3/2;right:-8rem;bottom:-3rem;opacity:.88;mix-blend-mode:multiply;mask-image:linear-gradient(90deg,transparent,#000 18%)}
.satire-art>img{display:block;width:100%;height:100%;object-fit:contain}
.satire-background::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#faf9f5 0%,#faf9f5f5 16%,#faf9f5d9 32%,#faf9f578 49%,#faf9f515 70%),linear-gradient(180deg,#faf9f5 4%,#faf9f5e6 12%,#faf9f500 30%,#faf9f500 83%,#faf9f5eb 98%)}
.landing-content{position:relative;z-index:1}
.landing-showcase{position:relative}
.landing .dario-scene{align-self:end;max-width:25rem;margin-bottom:.8rem}
.landing .dario-stage{height:clamp(22rem,47vh,33rem)}
.landing .dario-character{width:86%;left:10%;right:auto}
.landing .dario-speech{max-width:22rem;background:#faf6edee;border-color:#d6c5af;box-shadow:0 .4rem 1.5rem #65503b0a}
.landing .dario-speech::after{border-top-color:#faf6ed}
.landing .dario-speech p{font-size:1.05rem;min-height:3em}
.landing-foot{position:relative;background:linear-gradient(180deg,#faf9f500,#faf9f5b3)}
.production-credit{background:#faf9f580}
.satire-scrap{position:absolute;top:39%;left:89%;width:.3rem;height:1.3rem;background:#fcfaf2;border:1px solid #c7ab8d;border-left:2px solid #bd7054;opacity:0;transform-origin:center;animation:factory-shred 5.6s linear infinite;animation-delay:calc(var(--scrap)*-.7s)}
.satire-scrap:nth-of-type(2n){width:.6rem;height:.85rem;left:93%}
.satire-scrap:nth-of-type(3n){left:88%;background:#e7ccad}
@keyframes factory-shred{0%{opacity:0;transform:translate3d(0,0,0) rotate(-20deg)}10%{opacity:.95}60%{opacity:.9;transform:translate3d(-1.7rem,8rem,0) rotate(115deg)}100%{opacity:0;transform:translate3d(1.2rem,17rem,0) rotate(280deg)}}
.ending .satire-art{filter:grayscale(.8);opacity:.38;right:-10rem;bottom:-5rem}
.ending-card{position:relative;z-index:1;background:#faf9f5ed;border:1px solid #e7ded0;border-radius:1rem;padding:2rem}
.result-hero{position:relative;isolation:isolate;overflow:hidden;background:#f7f1e7}
.result-hero img{display:block;width:100%;height:100%;object-fit:cover;object-position:70% 69%;opacity:.45;filter:none}
.result-hero::after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#f7f1e7e6,#f7f1e740)}
.result-hero .result-mark{z-index:1;text-shadow:0 1px 8px #fff9}
@media(min-aspect-ratio:19/10) and (min-width:1100px){.satire-art{width:min(85vw,160vh);right:0;bottom:-5rem}.landing .dario-stage{height:45vh;min-height:18rem}.landing .dario-scene{max-width:23rem}}
@media(max-width:1100px){.satire-art{width:115vw;right:-10rem;bottom:0}.satire-background::after{background:linear-gradient(90deg,#faf9f5f5 0%,#faf9f5cf 32%,#faf9f540 65%),linear-gradient(180deg,#faf9f5 6%,#faf9f500 40%,#faf9f5cc 100%)}.landing .dario-scene{max-width:23rem}.landing .dario-stage{height:26rem}}
@media(max-width:780px){.satire-art{width:145vw;right:-12%;bottom:1rem}.satire-background::after{background:linear-gradient(180deg,#faf9f5 0%,#faf9f5 35%,#faf9f5d9 49%,#faf9f540 65%,#faf9f530 90%,#faf9f5 100%)}.landing .dario-scene{max-width:25rem;margin-bottom:0}.landing .dario-stage{height:27rem}.landing .dario-speech{max-width:21rem}.landing .dario-character{width:86%;left:7%}.ending-card{padding:1.2rem}.satire-ending .satire-art{width:180vw;right:-50%;bottom:0}}
@media(prefers-reduced-motion:reduce){.satire-scrap{display:none}}

/* Geometry uses the illustration viewBox, so the production line scales with it. */
.factory-motion{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.factory-sheet,.factory-offcut{transform-box:view-box;will-change:transform,opacity}
.factory-track{opacity:.91}
.factory-stamp-head{transform-box:view-box;will-change:transform}