/* A contained camera journey, using the existing marketing palette and type. */
:root{--privacy-ink:#ededed}
:root[data-theme="light"]{--privacy-ink:#282828}
.privacy-section.section-space{padding-bottom:24px}
.privacy-section .privacy-layout{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);gap:clamp(32px,5vw,80px)}
.privacy-section .privacy-copy h2{max-width:none;margin-bottom:32px;text-wrap:balance}
.privacy-story{list-style:none;margin:0;padding:0}
.privacy-story li{position:relative;display:grid;grid-template-columns:28px minmax(0,1fr);gap:20px;padding-block:24px}
.privacy-story li+li{border-top:1px solid var(--line)}
.privacy-story-number{color:var(--muted);font-size:var(--type-body);font-variant-numeric:tabular-nums;line-height:1.8;transition:color .2s ease}
.privacy-story p{font-size:calc(var(--type-body) - var(--marketing-copy-adjustment,0px));line-height:1.8;color:var(--muted);overflow-wrap:anywhere;transition:color .2s ease}
.privacy-story p>span{display:block}
.privacy-story li::before{content:"";position:absolute;left:-12px;top:26px;bottom:26px;width:2px;border-radius:2px;background:var(--mint);opacity:0;transform:scaleY(.6);transition:opacity .2s ease,transform .2s ease}
.privacy-story [aria-current="step"]::before{opacity:1;transform:scaleY(1)}
.privacy-story [aria-current="step"] .privacy-story-number{color:var(--mint)}
.privacy-story [aria-current="step"] p{color:var(--ink)}
.privacy-section .privacy-note{max-width:none;white-space:normal;margin-top:24px}
.privacy-art{width:100%;min-width:0;margin:0;align-self:center}
.privacy-art-trigger{position:relative;display:block;width:100%;aspect-ratio:1.12;padding:0;border:0;background:transparent;color:var(--privacy-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;overflow:hidden;isolation:isolate}
.privacy-art-trigger:disabled{cursor:default;opacity:1}
.privacy-art-trigger:focus-visible{outline:2px solid var(--privacy-ink);outline-offset:4px}
.privacy-art canvas,.privacy-art-fallback{position:absolute;inset:0;width:100%;height:100%;display:block}
.privacy-art-fallback{fill:none;stroke:currentColor;stroke-width:1;vector-effect:non-scaling-stroke}
.privacy-fallback-internet,.privacy-fallback-link{opacity:.3}.privacy-fallback-cube{opacity:.8}.privacy-fallback-originals{opacity:.6}
.privacy-art[data-ready="true"] .privacy-art-fallback{display:none}
.privacy-network{position:absolute;top:12px;left:12px;max-width:calc(100% - 24px);display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid var(--line);border-radius:8px;background:var(--bg);color:var(--privacy-ink);opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .24s ease,transform .24s ease,visibility 0s .24s;pointer-events:none}
.privacy-network svg{width:26px;height:26px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.privacy-network strong{font-size:var(--type-caption);font-weight:600;line-height:1.5;text-align:left;overflow-wrap:anywhere}
.privacy-art[data-network="offline"] .privacy-network{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.privacy-art figcaption{text-align:center;margin-top:16px;color:var(--privacy-ink);font-size:calc(var(--type-caption) - var(--marketing-copy-adjustment,0px));line-height:1.6}
.privacy-steps{display:grid;min-height:3.2em;align-items:start;padding-inline:10px}
.privacy-steps>span{grid-area:1/1;opacity:0;visibility:hidden}
.privacy-art:not([data-phase]) [data-privacy-step="6"],.privacy-art[data-phase="0"] [data-privacy-step="0"],.privacy-art[data-phase="1"] [data-privacy-step="1"],.privacy-art[data-phase="2"] [data-privacy-step="2"],.privacy-art[data-phase="3"] [data-privacy-step="3"],.privacy-art[data-phase="4"] [data-privacy-step="4"],.privacy-art[data-phase="5"] [data-privacy-step="5"],.privacy-art[data-phase="6"] [data-privacy-step="6"]{opacity:1;visibility:visible}
.privacy-playback{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:32px;height:32px;color:var(--muted);opacity:.55;transition:opacity .2s ease}
.privacy-playback svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.4}
.privacy-play-icon{display:none}.privacy-art[data-paused="true"] .privacy-pause-icon{display:none}.privacy-art[data-paused="true"] .privacy-play-icon{display:block}
.privacy-art-trigger:hover .privacy-playback,.privacy-art-trigger:focus-visible .privacy-playback{opacity:1}
.privacy-art-trigger:disabled .privacy-playback{display:none}
@media(max-width:800px){.privacy-section .privacy-layout{grid-template-columns:minmax(0,1fr);gap:24px}.privacy-section .privacy-copy h2{margin-bottom:24px}.privacy-story li{gap:16px;padding-block:20px}.privacy-story li::before{top:22px;bottom:22px}.privacy-art{max-width:500px;margin:0 auto}.privacy-section .privacy-note{margin-top:20px}}
@media(max-width:800px) and (prefers-reduced-motion:no-preference){
  .privacy-section[data-scene-ready="true"] .privacy-story{display:grid}
  .privacy-section[data-scene-ready="true"] .privacy-story li{grid-area:1/1;border-top:0;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease,visibility 0s .24s}
  .privacy-section[data-scene-ready="true"] .privacy-story [aria-current="step"]{opacity:1;visibility:visible;transform:none;transition-delay:0s}
}
@media(prefers-reduced-motion:reduce){.privacy-art-trigger{scroll-behavior:auto;cursor:default}.privacy-playback{display:none;transition:none}.privacy-story-number,.privacy-story p,.privacy-story li::before,.privacy-network{transition:none}}