body:has(.simple-landing),html:has(.simple-landing){height:auto;min-height:100%;overflow-x:clip;overflow-y:auto;background:#303132}body:has(.simple-landing):before{display:block;background-image:url(/landing/camera-body-noise.png);background-repeat:repeat;background-size:48px 48px;mix-blend-mode:overlay;opacity:.24}.simple-landing{overflow:clip;min-height:100svh;display:grid;place-items:center;padding:max(48px,env(safe-area-inset-top)) 24px max(48px,env(safe-area-inset-bottom));font-family:var(--font-rounded);color:#f3f1eb}.simple-composition{width:100%;display:flex;flex-direction:column;align-items:center}.simple-copy{text-align:center}.simple-copy h1{margin:0;font-size:var(--text-display);font-weight:700;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}.simple-copy p{max-width:50ch;margin:16px auto 0;color:var(--bone-secondary);font-size:var(--text-body);line-height:1.5}.simple-object-space{position:relative;width:min(360px,100%);height:400px;margin:24px 0 12px;display:grid;place-items:center}.simple-cartridge{position:relative;width:min(340px,100%);height:380px;border:0;padding:0;background:transparent;color:inherit;cursor:-webkit-grab;cursor:grab;touch-action:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;border-radius:36px;outline-offset:6px}.simple-cartridge[data-dragging]{cursor:-webkit-grabbing;cursor:grabbing}.simple-cartridge:focus-visible{outline:1px solid #b6b4ae}.simple-cartridge-canvas{position:absolute;left:50%;top:50%;width:100vw;height:100svh;transform:translate(-50%,-50%);pointer-events:none;transition:opacity .3s}.simple-cartridge-poster{position:absolute;width:100%;height:100%;object-fit:contain;inset:0;transform:rotate(-10deg);pointer-events:none}.simple-download{display:inline-flex;border-radius:7px;transition:opacity .18s}.simple-download img{display:block;width:144px;height:48px}.simple-download:hover{opacity:.85}.simple-download:focus-visible{outline:2px solid #edece7;outline-offset:5px}.simple-access{align-items:center;gap:10px;height:48px;padding:0 22px 0 18px;border-radius:999px;background:#ee5a24;color:#fff;font-size:var(--text-body);font-weight:600;text-decoration:none;box-shadow:inset 0 1px 0 rgb(255 255 255/.25),0 10px 24px -8px rgb(238 90 36/.7)}.simple-access svg{width:14px;height:14px;flex:none;fill:currentColor}.simple-access:hover{opacity:1;background:#f66a35}.simple-access:active{scale:.97}.simple-flash{position:fixed;inset:0;z-index:1000;background:#fff;opacity:0;pointer-events:none}@media (max-width:600px){.simple-object-space{margin-top:18px;height:360px}.simple-cartridge{width:min(310px,100%);height:340px}}@media (prefers-reduced-motion:reduce){.simple-cartridge,.simple-cartridge-canvas,.simple-download{transition:none!important}}.simple-copy,.simple-download{opacity:0;translate:0 8px;transition:opacity .9s ease,translate .9s ease}.simple-composition:has([data-sequence=complete]) .simple-copy,.simple-composition:has([data-sequence=complete]) .simple-download,.simple-composition:has([data-sequence=text]) .simple-copy{opacity:1;translate:0 0}.simple-download:focus-visible{opacity:1;translate:0 0}@media (prefers-reduced-motion:reduce){.simple-copy,.simple-download{opacity:1;translate:none;transition:none}}