.gallery-shell{background-color:var(--bg-deep);border:1px solid var(--line);max-width:1080px;box-shadow:var(--shadow-card);background-image:linear-gradient(#1a162509 1px,#0000 1px),linear-gradient(90deg,#1a162509 1px,#0000 1px);background-size:22px 22px;border-radius:24px;grid-template-columns:minmax(0,1fr);align-items:start;gap:28px 36px;margin:0 auto;padding:28px 22px;display:grid;position:relative}@media (min-width:768px){.gallery-shell{grid-template-columns:minmax(0,4fr) minmax(0,8fr);align-items:center;gap:36px 48px;padding:32px 40px}}@media (min-width:1024px){.gallery-shell{gap:48px 64px;padding:40px 48px}}.gallery-stage{flex-direction:column;align-items:center;gap:16px;width:100%;display:flex}.gallery-phone-btn{appearance:none;cursor:pointer;background:0 0;border:0;width:100%;max-width:240px;margin:0;padding:0;display:block;position:relative}@media (min-width:1024px){.gallery-phone-btn{max-width:244px}}.gallery-phone-btn:focus-visible{outline:2px solid var(--purple);outline-offset:8px;border-radius:26px}.gallery-phone-btn:hover .gallery-phone{transform:translateY(-3px);box-shadow:0 24px 48px -16px #1a162538,0 8px 16px -6px #1a16251a}.gallery-phone-btn:hover .gallery-phone-hint{opacity:1;transform:translate(-50%)}.gallery-phone{aspect-ratio:18/39;background:var(--bg-white);border:1px solid var(--line);width:100%;transition:transform .28s var(--ease-out), box-shadow .28s var(--ease-out);border-radius:24px;position:relative;overflow:hidden;box-shadow:0 20px 40px -16px #1a16252e,0 6px 12px -4px #1a162514}.gallery-phone-img{opacity:0;transition:opacity .36s var(--ease-out), transform .42s var(--ease-out);-o-object-fit:cover;object-fit:cover;pointer-events:none;transform:translateY(8px)}.gallery-phone-img.is-active{opacity:1;pointer-events:auto;transform:translateY(0)}.gallery-phone-hint{opacity:0;font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);transition:opacity .22s var(--ease-out), transform .22s var(--ease-out);pointer-events:none;white-space:nowrap;font-size:9.5px;font-weight:600;position:absolute;bottom:-28px;left:50%;transform:translate(-50%,-4px)}.gallery-stage-meta{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);animation:gallery-text-fade .34s var(--ease-out);align-items:baseline;gap:8px;margin-top:12px;font-size:10px;font-weight:600;display:flex}.gallery-stage-mark{font-family:var(--font-display);color:var(--purple);text-transform:none;letter-spacing:0;font-size:14px;font-style:italic;font-weight:400}.gallery-stage-divider{color:var(--ink-trace);font-size:11px}.gallery-stage-chapter{color:var(--ink-soft)}.gallery-text{flex-direction:column;gap:22px;min-width:0;display:flex}@media (min-width:1024px){.gallery-text{gap:26px}}.gallery-headline{flex-direction:column;gap:10px;display:flex}.gallery-headline .eyebrow{margin:0}.gallery-headline-title{font-family:var(--font-display);letter-spacing:-.022em;color:var(--ink);margin:0;font-size:32px;line-height:1.06}@media (min-width:1024px){.gallery-headline-title{font-size:38px}}.gallery-headline-title em{color:var(--purple);font-style:italic;font-weight:400}.gallery-lede{font-family:var(--font-body);color:var(--ink-soft);max-width:540px;margin:0;font-size:16px;line-height:1.6}@media (min-width:1024px){.gallery-lede{max-width:560px;font-size:17px;line-height:1.62}}.gallery-active{background:var(--bg-white);border:1px solid var(--line);box-shadow:var(--shadow-card);max-width:540px;animation:gallery-active-in .42s var(--ease-out);border-radius:16px;flex-direction:column;gap:10px;padding:18px 20px 16px;display:flex;position:relative}@keyframes gallery-active-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.gallery-active-row{justify-content:space-between;align-items:baseline;gap:12px;display:flex}.gallery-active-mark{font-family:var(--font-display);color:var(--purple);letter-spacing:0;font-size:13px;font-style:italic;font-weight:400}.gallery-active-timestamp{font-family:var(--font-display);color:var(--ink);font-size:18px;font-style:italic;line-height:1.2}@media (min-width:1024px){.gallery-active-timestamp{font-size:20px}}.gallery-active-caption{font-family:var(--font-display);color:var(--ink);margin:2px 0 0;font-size:17px;font-style:italic;line-height:1.36}@media (min-width:1024px){.gallery-active-caption{font-size:19px}}.gallery-active-chips{flex-wrap:wrap;gap:6px;margin-top:6px;display:flex}.gallery-active-chip{font-family:var(--font-body);letter-spacing:-.005em;background:var(--purple-soft);color:var(--purple);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:11.5px;font-weight:500}.gallery-active-footer{font-family:var(--font-body);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);border-top:1px solid var(--line);margin-top:8px;padding-top:10px;font-size:9.5px;font-weight:600}.gallery-toc{flex-wrap:wrap;gap:6px;max-width:560px;display:flex}.gallery-toc-chip{appearance:none;border:1px solid var(--line);cursor:pointer;font-family:var(--font-body);letter-spacing:-.005em;color:var(--ink-soft);transition:background .22s var(--ease-out), border-color .22s var(--ease-out), color .22s var(--ease-out), transform .22s var(--ease-out);background:0 0;border-radius:999px;align-items:baseline;gap:6px;padding:6px 12px 7px;font-size:12px;line-height:1.2;display:inline-flex}.gallery-toc-chip:hover{border-color:var(--line-strong);color:var(--ink);transform:translateY(-1px)}.gallery-toc-chip:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.gallery-toc-chip.is-active{background:var(--purple);border-color:var(--purple);color:#fff}.gallery-toc-chip.is-active .toc-mark{color:#ffffffb3}.toc-mark{font-family:var(--font-display);color:var(--purple);transition:color .22s var(--ease-out);font-size:12px;font-style:italic;font-weight:400}.toc-sep{color:var(--ink-trace)}.toc-label{font-weight:500}.gallery-browse{appearance:none;border:1px solid var(--ink);color:var(--ink);cursor:pointer;font-family:var(--font-body);letter-spacing:-.005em;transition:background .22s var(--ease-out), color .22s var(--ease-out), border-color .22s var(--ease-out), transform .22s var(--ease-out), box-shadow .22s var(--ease-out);background:0 0;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:10px 18px 11px;font-size:14px;font-weight:600;display:inline-flex}.gallery-browse:hover{background:var(--ink);color:var(--bg-white);transform:translateY(-1px);box-shadow:0 8px 20px -8px #1a162559}.gallery-browse:active{transform:translateY(0)}.gallery-browse:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.gallery-browse-chevron{transition:transform .32s var(--ease-out)}.gallery-browse-chevron.is-open{transform:rotate(180deg)}.gallery-tray-wrap{transition:grid-template-rows .46s var(--ease-out);grid-column:1/-1;grid-template-rows:0fr;width:100%;margin-top:4px;display:grid}.gallery-tray-wrap.is-open{grid-template-rows:1fr}.gallery-tray{border-top:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:6px;padding:18px 4px 4px;display:grid;overflow:hidden}@media (max-width:767px){.gallery-tray{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;border-top:1px solid var(--line);grid-template-columns:none;grid-auto-columns:120px;grid-auto-flow:column;padding:18px 4px 6px;overflow:auto hidden}.gallery-tray::-webkit-scrollbar{display:none}}.gallery-thumb{appearance:none;background:var(--bg-white);border:1px solid var(--line);cursor:pointer;text-align:left;scroll-snap-align:start;font-family:var(--font-body);opacity:0;transition:opacity .36s var(--ease-out), transform .42s var(--ease-out), border-color .22s var(--ease-out), box-shadow .22s var(--ease-out);pointer-events:none;border-radius:14px;flex-direction:column;align-items:stretch;gap:8px;padding:8px 8px 10px;display:flex;transform:translateY(18px)}.gallery-tray-wrap.is-open .gallery-thumb{opacity:1;pointer-events:auto;transition-delay:calc(.18s + var(--stagger-index,0) * 50ms);transform:translateY(0)}.gallery-thumb:hover{border-color:var(--line-strong);box-shadow:var(--shadow-card);transform:translateY(-1px)}.gallery-thumb:focus-visible{outline:2px solid var(--purple);outline-offset:3px}.gallery-thumb.is-active{border-color:var(--purple);box-shadow:0 0 0 2px #7c3aed38, var(--shadow-card)}.gallery-thumb-phone{aspect-ratio:18/39;background:var(--bg-deep);border:1px solid var(--line);border-radius:8px;width:100%;position:relative;overflow:hidden}.gallery-thumb-meta{flex-direction:column;gap:2px;min-height:28px;display:flex}.gallery-thumb-mark{font-family:var(--font-body);letter-spacing:.16em;text-transform:uppercase;color:var(--ink-mute);font-size:8.5px;font-weight:600}.gallery-thumb-label{font-family:var(--font-display);color:var(--ink);font-size:13px;font-style:italic;line-height:1.2}.gallery-thumb.is-active .gallery-thumb-label{color:var(--purple)}@keyframes gallery-text-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.gallery-phone,.gallery-phone-img,.gallery-phone-hint,.gallery-stage-meta,.gallery-active,.gallery-active-timestamp,.gallery-active-caption,.gallery-active-footer,.gallery-browse-chevron,.gallery-toc-chip,.gallery-thumb{transition:none!important;animation:none!important;transform:none!important}}