.titles-armed [data-beat]{opacity:0;animation:titles-failsafe 1ms 3.5s forwards}@keyframes titles-failsafe{to{opacity:1}}@media (prefers-reduced-motion:reduce){.titles-armed [data-beat]{opacity:1;animation:none}}:root{--night: #0d1626;--deep: #1f3f6e;--denim: #406ea8;--ice: #dfe9f1;--mist: #a9bcd2;--green: #4cc24a;}*{box-sizing: border-box;margin: 0;padding: 0;}html{background: var(--night);}body{min-height: 100dvh;background: var(--night);color: var(--ice);font-family: "EB Garamond",Georgia,"Times New Roman",serif;font-size: clamp(1.05rem,1rem + 0.3vw,1.2rem);line-height: 1.45;display: flex;flex-direction: column;overflow-x: clip;-webkit-font-smoothing: antialiased;}.page{flex: 1;width: 100%;max-width: 1180px;margin: 0 auto;padding: max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 12px max(20px,env(safe-area-inset-left));display: grid;gap: clamp(16px,3vw,28px);align-content: center;}.brand{display: flex;align-items: center;gap: 12px;color: var(--ice);}.brand img{width: clamp(52px,14vw,96px);height: auto;aspect-ratio: 1;border-radius: 14px;display: block;}.brand .name{display: block;font-size: clamp(1.5rem,1.2rem + 1.4vw,2.3rem);font-weight: 600;letter-spacing: 0.02em;line-height: 1.1;}.brand .tag{display: block;font-size: clamp(0.85rem,0.8rem + 0.2vw,1rem);font-style: italic;font-weight: 400;color: var(--mist);}.screen{position: relative;border-radius: 6px;background: var(--deep);aspect-ratio: 4 / 3.3;overflow: hidden;border: 1px solid var(--denim);padding: 22px 12px;display: grid;place-items: center;}.screen .frame{position: absolute;inset: 12px 10px;border: 1px solid rgba(223,233,241,0.28);border-radius: 3px;}.screen .sprockets{position: absolute;left: 0;right: 0;height: 8px;display: flex;justify-content: space-around;}.screen .sprockets.top{top: 0;}.screen .sprockets.bottom{bottom: 0;}.screen .sprockets i{width: 7px;height: 4px;margin-top: 2px;background: var(--night);border-radius: 1px;}.credits{position: relative;text-align: center;font-size: clamp(0.95rem,0.8rem + 0.9vw,1.4rem);line-height: 1.45;color: var(--ice);padding: 0 24px;}.credits .role{font-variant: small-caps;letter-spacing: 0.12em;color: var(--mist);font-size: 0.86em;}.credits .title{font-style: italic;}.credits .play{display: inline-block;width: 0.7em;height: 0.7em;vertical-align: -0.02em;margin-right: 0.35em;}.text{display: grid;gap: clamp(12px,2.4vw,22px);align-content: start;}h1{font-weight: 400;font-size: clamp(2.25rem,1.5rem + 3.6vw,4rem);line-height: 1.04;letter-spacing: -0.01em;color: var(--ice);max-width: 14ch;}h1 em{font-style: italic;color: var(--green);}.lede{color: var(--mist);max-width: 36ch;}.lede strong{color: var(--ice);font-weight: 600;}.go{display: grid;gap: 10px;justify-items: start;}.cta{display: inline-flex;align-items: center;gap: 12px;min-height: 54px;padding: 0 28px 0 22px;border-radius: 999px;background: var(--ice);color: var(--night);font-family: inherit;font-weight: 600;font-size: clamp(1.15rem,1.05rem + 0.4vw,1.35rem);text-decoration: none;transition: transform 0.2s ease,background-color 0.2s ease;-webkit-tap-highlight-color: transparent;}.cta svg{width: 16px;height: 16px;flex: none;}.cta:active{transform: scale(0.97);}.cta:focus-visible{outline: 3px solid var(--green);outline-offset: 4px;}@media (hover: hover) and (pointer: fine){.cta:hover{background: #ffffff;transform: translateY(-1px);}}.worry{font-size: clamp(0.95rem,0.9rem + 0.2vw,1.05rem);font-style: italic;color: var(--mist);max-width: 38ch;}footer{padding: 14px 20px max(14px,env(safe-area-inset-bottom));text-align: center;color: var(--mist);font-size: 0.95rem;letter-spacing: 0.14em;font-variant: small-caps;}@media (min-width: 900px){.page{grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);grid-template-areas: "brand brand" "text screen";align-content: center;column-gap: clamp(32px,5vw,72px);padding-top: 28px;}.brand{grid-area: brand;}.brand img{width: 88px;}.credits{font-size: clamp(1.4rem,0.6rem + 1.3vw,1.9rem);}.text{grid-area: text;align-self: center;}.screen{grid-area: screen;align-self: center;aspect-ratio: 16 / 10;}}@media (max-height: 700px) and (max-width: 899px){.screen{aspect-ratio: 16 / 9;}.brand img{width: 46px;}}