.fieldnotes-field .notes-grid>.note-card:nth-child(5n+1){--fn-dx:-10px;--fn-dy:-4px;--fn-rot:-1.2deg}.fieldnotes-field .notes-grid>.note-card:nth-child(5n+2){--fn-dx:8px;--fn-dy:-16px;--fn-rot:.9deg}.fieldnotes-field .notes-grid>.note-card:nth-child(5n+3){--fn-dx:-6px;--fn-dy:6px;--fn-rot:1.4deg}.fieldnotes-field .notes-grid>.note-card:nth-child(5n+4){--fn-dx:12px;--fn-dy:-8px;--fn-rot:-.8deg}.fieldnotes-field .notes-grid>.note-card:nth-child(5n+5){--fn-dx:0px;--fn-dy:14px;--fn-rot:.6deg}.fieldnotes-field .note-card{will-change:transform;transform:translate3d(var(--fn-dx,0px),var(--fn-dy,0px),0) rotate(var(--fn-rot,0deg));transition:transform var(--t-med) var(--ease-out),opacity var(--t-med) var(--ease-out),border-color var(--t-fast) var(--ease-out),filter var(--t-med) var(--ease-out)}.fieldnotes-field .note-card__media{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.12;z-index:0;border-radius:var(--glass-radius);transition:opacity var(--t-med) var(--ease-out)}.fieldnotes-field .note-card>*:not(.note-card__media):not(.corners):not(.card-glow){position:relative;z-index:1}.fieldnotes-field .note-card.reveal{opacity:0;transform:translate3d(var(--fn-dx,0px),calc(var(--fn-dy,0px) + 24px),0) rotate(var(--fn-rot,0deg));transition:opacity var(--t-slow) var(--ease-out),transform var(--t-slow) var(--ease-out);transition-delay:calc(var(--i) * 60ms)}.fieldnotes-field .note-card.reveal.is-in{opacity:1;transform:translate3d(var(--fn-dx,0px),var(--fn-dy,0px),0) rotate(var(--fn-rot,0deg))}.fieldnotes-field .note-card:hover,.fieldnotes-field .note-card:focus-visible,.fieldnotes-field .note-card.reveal.is-in:hover,.fieldnotes-field .note-card.reveal.is-in:focus-visible{transform:translate3d(var(--fn-dx,0px),calc(var(--fn-dy,0px) - 8px),0) rotate(0) scale(1.035);z-index:5;border-color:#ff5d0173;transition:transform var(--t-med) var(--ease-out),border-color var(--t-fast) var(--ease-out)}.fieldnotes-field .note-card:hover>.card-glow,.fieldnotes-field .note-card:focus-visible>.card-glow{opacity:.6}.fieldnotes-field .note-card:hover .note-card__media,.fieldnotes-field .note-card:focus-visible .note-card__media{opacity:.62}.fieldnotes-field .notes-grid:has(.note-card:hover) .note-card:not(:hover),.fieldnotes-field .notes-grid:has(.note-card:focus-visible) .note-card:not(:focus-visible){opacity:.42;filter:blur(.4px) saturate(.9);transform:translate3d(var(--fn-dx,0px),var(--fn-dy,0px),0) rotate(var(--fn-rot,0deg)) scale(.985);transition:opacity var(--t-med) var(--ease-out),filter var(--t-med) var(--ease-out),transform var(--t-med) var(--ease-out)}.fieldnotes-grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.06;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='fn-grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23fn-grain)'/%3E%3C/svg%3E");background-size:120px 120px}body[data-theme=white] .fieldnotes-grain{opacity:.035;mix-blend-mode:multiply}@media(max-width:700px){.fieldnotes-field .notes-grid>.note-card{--fn-dx:0px;--fn-dy:0px;--fn-rot:0deg}.fieldnotes-field .notes-grid{scroll-snap-type:y proximity}.fieldnotes-field .note-card{scroll-snap-align:start}.fieldnotes-field .note-card__media{opacity:.2}.fieldnotes-field .notes-grid:has(.note-card:hover) .note-card:not(:hover),.fieldnotes-field .notes-grid:has(.note-card:focus-visible) .note-card:not(:focus-visible){opacity:1;filter:none;transform:none}}@media(max-width:600px){.fieldnotes-grain{opacity:.04}}@media(prefers-reduced-motion:reduce){.fieldnotes-field .note-card{--fn-dx:0px !important;--fn-dy:0px !important;--fn-rot:0deg !important;transform:none!important;transition:none!important}.fieldnotes-field .note-card.reveal{opacity:1!important;transform:none!important}.fieldnotes-field .notes-grid:has(.note-card:hover) .note-card:not(:hover),.fieldnotes-field .notes-grid:has(.note-card:focus-visible) .note-card:not(:focus-visible){opacity:1!important;filter:none!important;transform:none!important}.fieldnotes-field .note-card__media{opacity:.4!important;transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/41/assets/css-fieldnotes.css.map */