[data-template=mod-rana-foto]{--radius:0px;--field-bg:#0e0c0b;--line:#7a7268;--on-accent:var(--deep);--sprockets:repeating-linear-gradient(90deg, var(--paper) 0 12px, transparent 12px 30px)}[data-template=mod-rana-foto] .font-display{font-family:var(--font-display), serif;font-weight:400}[data-template=mod-rana-foto] .rna-shade{background:linear-gradient(#0e0c0b1a 25%,#0e0c0b8c 58%,#0e0c0beb 100%)}[data-template=mod-rana-foto] .rna-frame{background:var(--frame);padding:28px 24px;position:relative}[data-template=mod-rana-foto] .rna-frame--paper{background:var(--paper);color:var(--deep)}[data-template=mod-rana-foto] .rna-film{background:var(--sprockets) 0 4px / 30px 8px repeat-x, var(--sprockets) 0 calc(100% - 4px) / 30px 8px repeat-x, var(--deep);padding-block:16px}[data-template=mod-rana-foto] .rna-strip{scroll-snap-type:x proximity;scrollbar-width:none;gap:10px;margin:0;padding:0 16px;list-style:none;display:flex;overflow-x:auto}[data-template=mod-rana-foto] .rna-strip__frame{aspect-ratio:3/4;scroll-snap-align:center;background:var(--paper);flex:0 0 min(74vw,22rem);overflow:hidden}[data-template=mod-rana-foto] .rna-button,[data-template=mod-rana-foto] .inv-button{background:var(--amber);min-height:44px;color:var(--deep);cursor:pointer;padding:12px 28px;font-weight:600;transition:background-color .2s,transform .2s}[data-template=mod-rana-foto] .rna-button:hover,[data-template=mod-rana-foto] .inv-button:hover{background:var(--paper)}[data-template=mod-rana-foto] .rna-button:active,[data-template=mod-rana-foto] .inv-button:active{transform:scale(.97)}[data-template=mod-rana-foto] .rna-button:focus-visible{outline:3px solid var(--paper);outline-offset:3px}[data-template=mod-rana-foto] .rna-countdown .inv-countdown__units{gap:24px}[data-template=mod-rana-foto] .rna-countdown .inv-countdown__value{font-family:var(--font-display), serif;color:var(--amber);font-size:clamp(2.75rem,10vw,4.5rem)}[data-template=mod-rana-foto] .inv-copy{color:var(--amber)}[data-template=mod-rana-foto] .inv-music{background:var(--amber);color:var(--deep)}[data-template=mod-rana-foto] .rna-cover{color:var(--ink);overflow:hidden}[data-template=mod-rana-foto]:not(.rna-motion) .rna-cover{background:var(--deep);transition:opacity .7s}[data-template=mod-rana-foto]:not(.rna-motion)[data-opened] .rna-cover{opacity:0}@media (prefers-reduced-motion:reduce){[data-template=mod-rana-foto][data-opened] .rna-cover{opacity:0}}
