.cam-hero .reveal-up{animation:cam-rise .9s var(--ease-expo) var(--d,0s) both}.cam-hero .reveal-word>span{animation:cam-word 1.1s var(--ease-expo) calc(var(--d,0s) + var(--i) * 45ms) both}@keyframes cam-rise{0%{opacity:0;transform:translateY(1.5rem)}}@keyframes cam-word{0%{transform:translateY(110%)}}.cam-wall{grid-template-columns:1fr 1fr;gap:1rem;height:26rem;display:grid;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 14% 86%,#0000);mask-image:linear-gradient(#0000,#000 14% 86%,#0000)}@media (min-width:64rem){.cam-wall{gap:1.25rem;height:40rem}}.cam-wall-col{flex-direction:column;gap:1rem;animation:46s linear infinite cam-up;display:flex}.cam-wall-col:nth-child(2){animation-name:cam-down;animation-duration:52s}.cam-wall:hover .cam-wall-col{animation-play-state:paused}@keyframes cam-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - .5rem))}}@keyframes cam-down{0%{transform:translateY(calc(-50% - .5rem))}to{transform:translateY(0)}}.cam-print{rotate:var(--r,0deg);background:#fff;padding:.5rem .5rem 0;box-shadow:0 14px 30px #2423201f}.cam-print-frame{background:var(--color-warm-ivory);padding:0}.cam-print figcaption{font-family:var(--font-mono);letter-spacing:.12em;color:var(--color-taupe-deep);padding:.55rem .15rem .6rem;font-size:.7rem}.cam-toasts{display:grid}.cam-toasts>*{opacity:0;grid-area:1/1;animation:9s ease-in-out infinite cam-toast}.cam-toasts>:nth-child(2){animation-delay:3s}.cam-toasts>:nth-child(3){animation-delay:6s}@keyframes cam-toast{0%{opacity:0;transform:translateY(.75rem)}6%,30%{opacity:1;transform:none}36%,to{opacity:0;transform:translateY(-.5rem)}}.cam-sky{opacity:0;transition:opacity 1.2s;position:absolute;inset:0}.cam-sky[data-active=true]{opacity:1}.cam-sky:first-child{background:linear-gradient(160deg,#e9a77f,#bd654c 45%,#5b3a3a)}.cam-sky:nth-child(2){background:linear-gradient(160deg,#a8728a,#5e4a6b 50%,#2a2b3d)}.cam-sky:nth-child(3){background:linear-gradient(160deg,#3b3f5c,#23253a 55%,#141420)}.cam-sky:nth-child(4){background:linear-gradient(160deg,#2a2933,#161616 60%,#0d0d0c)}.cam-stars{opacity:calc(var(--chapter,0) * .3);background-image:radial-gradient(1.5px 1.5px at 12% 18%,#fff,#0000),radial-gradient(1px 1px at 28% 42%,#fff,#0000),radial-gradient(1.5px 1.5px at 46% 12%,#fff,#0000),radial-gradient(1px 1px at 64% 30%,#fff,#0000),radial-gradient(1.5px 1.5px at 82% 16%,#fff,#0000),radial-gradient(1px 1px at 90% 46%,#fff,#0000),radial-gradient(1px 1px at 36% 64%,#fff,#0000);transition:opacity 1.2s;position:absolute;inset:0}.cam-tick{animation:cam-tick .8s var(--ease-expo);display:inline-block}@keyframes cam-tick{0%{opacity:0;filter:blur(6px);transform:translateY(35%)}to{opacity:1;filter:none;transform:none}}.cam-tile{aspect-ratio:2/3;background:#ffffff14;border-radius:.35rem;transition:background-color .4s}.cam-tile[data-on=true]{background:linear-gradient(135deg, var(--color-sand), #878b87 55%, #424a4c);animation:cam-pop .5s var(--ease-expo) calc(var(--n) * 40ms) both}.cam-tile[data-on=true]:nth-child(3n+2){background:linear-gradient(135deg, #e5dfd5, var(--color-sand), #aaa094)}.cam-tile[data-on=true]:nth-child(5n){background:linear-gradient(135deg, #424a4c, #2c302f, var(--color-camera-ground))}@media (min-width:64rem){.cam-chapter{opacity:.3;transition:opacity .6s}.cam-chapter[data-active=true]{opacity:1}}.cam-phone{aspect-ratio:9/18;background:var(--color-camera-ground);border-radius:2.4rem;width:100%;max-width:17rem;margin-inline:auto;padding:.6rem;position:relative;box-shadow:0 40px 90px #24232047;container-type:inline-size}.cam-screen-wrap{background:var(--color-soft-white);border-radius:1.9rem;height:100%;position:relative;overflow:hidden}.cam-screen{opacity:0;transition:opacity .5s ease, transform .7s var(--ease-expo);flex-direction:column;padding:9cqw 7cqw;display:flex;position:absolute;inset:0;transform:translateY(6%)}.cam-screen[data-active=true]{opacity:1;transform:none}.cam-caret:after{content:"";vertical-align:-.15em;background:currentColor;width:1px;height:1em;margin-left:2px;animation:1s step-end infinite cam-blink;display:inline-block}@keyframes cam-blink{50%{opacity:0}}.cam-qr{aspect-ratio:1;background:repeating-conic-gradient(var(--color-charcoal) 0 25%, #fff 0 50%) 0 0 / 9cqw 9cqw;border:3cqw solid #fff;outline:1px solid #24232026;width:52cqw}.cam-scan{background:var(--color-terracotta);height:2px;animation:1.8s ease-in-out infinite alternate cam-scan;position:absolute;left:8%;right:8%;box-shadow:0 0 12px 2px #bd654c80}@keyframes cam-scan{0%{top:8%}to{top:88%}}.cam-toast-saved{animation:3s ease-in-out infinite cam-saved}@keyframes cam-saved{0%,15%{opacity:0;transform:translateY(.5rem)}25%,75%{opacity:1;transform:none}85%,to{opacity:0}}.cam-viewfinder{aspect-ratio:2/3;background:#000;border-radius:1.25rem;position:relative;overflow:hidden}.cam-viewfinder video{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.cam-flash{pointer-events:none;background:#fff;animation:.45s ease-out forwards cam-flash;position:absolute;inset:0}@keyframes cam-flash{0%{opacity:.95}to{opacity:0}}.cam-corners>span{border:0 solid #fffc;width:1.4rem;height:1.4rem;position:absolute}.cam-corners>span:first-child{border-top-width:2px;border-left-width:2px;top:.9rem;left:.9rem}.cam-corners>span:nth-child(2){border-top-width:2px;border-right-width:2px;top:.9rem;right:.9rem}.cam-corners>span:nth-child(3){border-bottom-width:2px;border-left-width:2px;bottom:.9rem;left:.9rem}.cam-corners>span:nth-child(4){border-bottom-width:2px;border-right-width:2px;bottom:.9rem;right:.9rem}.cam-shutter{background:var(--color-shutter);border-radius:9999px;width:4.5rem;height:4.5rem;transition:transform .15s,opacity .3s;box-shadow:0 0 0 6px #b7432f4d,0 8px 24px #00000059}.cam-shutter:active{transform:scale(.9)}.cam-shutter:disabled{opacity:.4}.cam-shot{width:6.5rem;rotate:var(--r,0deg);animation:cam-eject .9s var(--ease-expo) both;background:#fff;padding:.35rem .35rem 1.2rem;box-shadow:0 12px 26px #2423202e}.cam-shot>:first-child{aspect-ratio:2/3;animation:2.4s ease-out both cam-develop}@keyframes cam-eject{0%{opacity:0;transform:translateY(-2.5rem)scale(.6)}to{opacity:1;transform:none}}@keyframes cam-develop{0%{filter:brightness(2.6)contrast(.35)sepia(.7)}to{filter:none}}.cam-strike{position:relative}.cam-strike:after{content:"";background:var(--color-terracotta-deep);transform-origin:0;height:1.5px;position:absolute;top:55%;left:0;right:0}[data-phase=waiting] .cam-strike:after{transform:scaleX(0)}[data-phase=seen] .cam-strike:after{transition:transform .7s var(--ease-expo) var(--d,0s)}@media not (min-width:48rem){.cam-strike:after{display:none}}[data-phase=waiting] .cam-check{opacity:0;scale:.3}[data-phase=seen] .cam-check{transition:opacity .3s ease var(--d,0s), scale .5s cubic-bezier(.34, 1.56, .64, 1) var(--d,0s)}.cam-ticket{-webkit-mask:radial-gradient(circle .9rem at left var(--notch,9.5rem), #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle .9rem at right var(--notch,9.5rem), #0000 98%, #000) right / 51% 100% no-repeat;mask:radial-gradient(circle .9rem at left var(--notch,9.5rem), #0000 98%, #000) left / 51% 100% no-repeat, radial-gradient(circle .9rem at right var(--notch,9.5rem), #0000 98%, #000) right / 51% 100% no-repeat}.cam-strip{background:var(--color-camera-ground);color:var(--color-warm-ivory);border-radius:1rem;overflow:hidden;box-shadow:0 24px 60px #2423202e}.cam-strip-scroll{grid-template-columns:repeat(var(--cols), minmax(3.6rem, 1fr));scroll-snap-type:x proximity;scrollbar-width:none;grid-template-rows:auto auto;column-gap:.375rem;padding:.25rem 1rem;display:grid;overflow-x:auto}.cam-strip-scroll::-webkit-scrollbar{display:none}.cam-strip-edge{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:var(--color-terracotta-light);grid-row:1;margin-bottom:.5rem;font-size:.65rem}.cam-strip-scroll [data-first=true]{margin-left:.875rem}.cam-frame{color:#f7f3ecbf;cursor:pointer;scroll-snap-align:center;height:5.75rem;transition:background-color .35s ease, color .35s ease, translate .5s var(--ease-expo);background:#f7f3ec12;border-radius:.4rem;flex-direction:column;grid-row:2;justify-content:space-between;padding:.6rem .5rem;display:flex;position:relative}.cam-frame:hover{background:#f7f3ec24}.cam-frame[data-on=true]{background:var(--color-warm-ivory);color:var(--color-charcoal);box-shadow:0 0 0 2px var(--color-terracotta), 0 10px 24px #bd654c59;translate:0 -.2rem}.cam-frame:has(:focus-visible){outline:2px solid var(--color-terracotta-light);outline-offset:3px}.cam-frame-dot{background:var(--color-terracotta);border-radius:9999px;width:.45rem;height:.45rem;position:absolute;top:.45rem;right:.45rem;box-shadow:0 0 0 3px #bd654c40}.cam-all summary{list-style:none}.cam-all summary::-webkit-details-marker{display:none}.cam-all summary:after{content:"↓";transition:rotate .4s var(--ease-expo)}.cam-all[open] summary:after{rotate:180deg}.cam-all tr[data-on=true]{background:#bd654c14}@keyframes cam-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.cam-hero .reveal-up,.cam-hero .reveal-word>span,.cam-wall-col,.cam-toasts>*,.cam-tick,.cam-tile[data-on=true],.cam-caret:after,.cam-scan,.cam-toast-saved,.cam-shot,.cam-shot>:first-child{animation:none!important}.cam-toasts>:first-child,.cam-toast-saved{opacity:1}}.cam-ev{border-bottom:1px solid var(--border);height:100%;padding:1.75rem 2.5rem 1.75rem 0;display:block;position:relative}@media (min-width:64rem){.cam-ev{border-bottom:0;padding:2rem 2.5rem 2rem 0}}.cam-ev:after{content:"";background:var(--accent);transform-origin:0;width:calc(100% - 1.5rem);height:1px;transition:transform .6s var(--ease-expo);position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.cam-ev:hover:after{transform:scaleX(1)}.cam-ev-name{transition:translate .5s var(--ease-expo), color .3s ease}.cam-ev:hover .cam-ev-name{color:var(--accent-text);translate:.35rem}.cam-ev-arrow{opacity:.4;transition:translate .4s var(--ease-expo), opacity .3s ease;position:absolute;top:1.75rem;right:1.5rem}.cam-ev:hover .cam-ev-arrow{opacity:1;translate:.3rem}.cam-ev:focus-visible{outline:2px solid var(--color-terracotta);outline-offset:4px}