/* Free Map Keys: readable actions and an alternating artwork journey. */
.luminous-transformation #universe #chapterKeys #keysInYourLife{display:grid;grid-template-columns:minmax(0,1fr);width:min(1120px,calc(100% - 48px));gap:clamp(64px,10vw,140px);margin:48px auto 100px}
.luminous-transformation #universe #chapterKeys #keysInYourLife article.key-artifact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,6vw,88px);align-items:center;text-align:left;opacity:1;padding:0 0 48px;border-bottom:1px solid #d5b67a30;--arrival-x:-28px}
.luminous-transformation #universe #chapterKeys #keysInYourLife .key-artifact-art{grid-column:1;grid-row:1;justify-self:center;width:100%;max-width:420px;overflow:hidden;border-radius:3px;box-shadow:0 24px 60px #0005}
.luminous-transformation #universe #chapterKeys #keysInYourLife .key-artifact-copy{grid-column:2;grid-row:1;min-width:0;width:100%;padding:20px 0;text-align:left}
.luminous-transformation #universe #chapterKeys #keysInYourLife article:nth-child(even){--arrival-x:28px}
.luminous-transformation #universe #chapterKeys #keysInYourLife article:nth-child(even) .key-artifact-art{grid-column:2}
.luminous-transformation #universe #chapterKeys #keysInYourLife article:nth-child(even) .key-artifact-copy{grid-column:1}
.luminous-transformation #universe #chapterKeys #keysInYourLife h3{font-size:clamp(1.6rem,3vw,2.8rem);line-height:1.2;letter-spacing:.025em;overflow-wrap:break-word}
.luminous-transformation #universe #chapterKeys a.key-claim-verify{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:15px 24px;background:#f3d99f!important;color:#20170c!important;border:1px solid #fff0c8;border-radius:3px;opacity:1!important;filter:none;text-shadow:none;font-size:14px;font-weight:800;line-height:1.5;letter-spacing:.09em;text-decoration:none;cursor:pointer;box-shadow:0 4px 20px #d9b76a30;transition:background .2s,box-shadow .2s,transform .2s;max-width:100%;box-sizing:border-box;text-align:center}
.luminous-transformation #universe #chapterKeys a.key-claim-verify:hover{background:#fff0cc!important;color:#20170c!important;box-shadow:0 6px 28px #e8c17860;transform:translateY(-2px)}
.luminous-transformation #universe #chapterKeys a.key-claim-verify:focus-visible{outline:3px solid #fff!important;outline-offset:5px;box-shadow:0 0 0 8px #514027!important}
.luminous-transformation #universe #chapterKeys #keysInYourLife .key-acquisition{margin-top:24px}
@keyframes keyGalleryArrival{from{opacity:.5;transform:translate3d(var(--arrival-x),20px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@media(prefers-reduced-motion:no-preference){body:not(.quiet) #chapterKeys #keysInYourLife .gallery-arrived{animation:keyGalleryArrival .85s cubic-bezier(.16,1,.3,1) both}}
@media(max-width:700px){
.luminous-transformation #universe #chapterKeys #keysInYourLife{width:calc(100% - 36px);gap:64px;margin-top:32px}
.luminous-transformation #universe #chapterKeys #keysInYourLife article.key-artifact{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:36px;--arrival-x:-12px}
.luminous-transformation #universe #chapterKeys #keysInYourLife article:nth-child(even){align-items:flex-end;--arrival-x:12px}
.luminous-transformation #universe #chapterKeys #keysInYourLife .key-artifact-art{width:88%;max-width:360px}
.luminous-transformation #universe #chapterKeys #keysInYourLife .key-artifact-copy{width:100%;max-width:none;padding:12px 0}
.luminous-transformation #universe #chapterKeys #keysInYourLife h3{font-size:clamp(1.5rem,6vw,2rem)}
.luminous-transformation #universe #chapterKeys #keysInYourLife a.key-claim-verify{width:100%}
}
@media(prefers-reduced-motion:reduce){#chapterKeys #keysInYourLife *{animation:none!important;transition:none!important}}