.journal{--folder-back: #2a2a2d;--folder-front: linear-gradient(180deg, rgba(38, 38, 41, .45), rgba(28, 28, 31, .94) 60%);--folder-front-solid: #1c1c1f}.journal{position:relative}.journal-defs{position:absolute;width:0;height:0}.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px 16px}.folder{margin:0;text-align:center}.folder-art{position:relative;isolation:isolate;width:84%;margin-inline:auto;aspect-ratio:.78 / 1}.folder-back{position:absolute;inset:5% 0 0;border-radius:18px;background:var(--folder-back)}.folder-back:before{content:"";position:absolute;left:0;top:-5%;width:44%;height:14%;border-radius:16px 22px 0 0;background:inherit}.folder-tickets{position:absolute;inset:0}.boarding{position:absolute;left:8%;top:9%;width:84%;aspect-ratio:1.2 / 1;display:grid;grid-template-columns:1fr 27%;border-radius:6px;background:#fff;color:#1f1f22;font-family:ui-monospace,Menlo,monospace;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));-webkit-mask:radial-gradient(circle 4px at 73% 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle 4px at 73% 100%,#0000 98%,#000) bottom / 100% 51% no-repeat;mask:radial-gradient(circle 4px at 73% 0,#0000 98%,#000) top / 100% 51% no-repeat,radial-gradient(circle 4px at 73% 100%,#0000 98%,#000) bottom / 100% 51% no-repeat;transform:rotate(-5deg);transition:transform .35s var(--ease-out)}.boarding.return{left:12%;top:2%;transform:rotate(4deg);background:#f1efea}.folder:hover .boarding{transform:translateY(-10%) rotate(-7deg)}.folder:hover .boarding.return{transform:translateY(-14%) rotate(6deg)}.boarding-main{display:flex;flex-direction:column;gap:4px;padding:7px 0 0 8px;min-width:0}.boarding-head{font-size:6px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;color:#8a8478}.boarding-route{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:700;letter-spacing:.3px}.boarding-route svg{width:9px;fill:currentColor;opacity:.4;rotate:90deg}.boarding-status{font-size:6px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#c2413a}.boarding-stub{display:flex;flex-direction:column;align-items:center;gap:4px;padding-top:8px;border-left:1.5px dashed rgba(31,31,34,.25);font-size:7px;font-weight:700;letter-spacing:.5px}.boarding-barcode{width:60%;height:18px;background:repeating-linear-gradient(90deg,#1f1f22 0 1px,transparent 1px 2.5px,#1f1f22 2.5px 4px,transparent 4px 5px);opacity:.75}.folder-front{position:absolute;inset:40% 0 0;z-index:3;border-radius:18px;background:var(--folder-front);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);box-shadow:inset 0 1px #ffffffb3,0 14px 28px -18px #00000073}.flag{position:absolute;left:11%;top:13%;width:15%;height:auto;filter:drop-shadow(0 2px 3px rgba(0,0,0,.2))}.postage{--r: 1.4px;position:absolute;right:9%;top:6%;width:30%;padding:4px;background:#fff;transform:rotate(6deg);filter:drop-shadow(0 4px 6px rgba(0,0,0,.18));-webkit-mask:radial-gradient(var(--r) at var(--r) var(--r),#0000 97%,#000) calc(-1 * var(--r)) calc(-1 * var(--r)) / calc(3 * var(--r)) calc(3 * var(--r)) round,linear-gradient(#000 0 0) content-box;mask:radial-gradient(var(--r) at var(--r) var(--r),#0000 97%,#000) calc(-1 * var(--r)) calc(-1 * var(--r)) / calc(3 * var(--r)) calc(3 * var(--r)) round,linear-gradient(#000 0 0) content-box}.postage-art{display:block;width:100%;height:auto}.postage-bg{fill:var(--stamp)}.postage-sun{fill:#ffffff59}.postage-ground{stroke:#ffffff73;stroke-width:2}.postage .landmark{fill:none;stroke:#fff;stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.postage-value{fill:#fff;font-family:ui-monospace,Menlo,monospace;font-size:7px;font-weight:700}.paperclip{position:absolute;left:50%;top:-14%;width:18%;fill:none;stroke:#8b939c;stroke-width:2;filter:drop-shadow(0 1px 1px rgba(0,0,0,.25));stroke-linecap:round;translate:-50% 0}.folder-people{position:absolute;left:10%;bottom:10%;display:flex}.folder-avatar{width:22px;height:22px;margin-right:-6px;border-radius:50%;border:2px solid var(--folder-front-solid);object-fit:cover}.folder-avatar.empty{border:1.5px dashed var(--faint);background:var(--folder-front-solid)}.folder-title{margin:10px 0 0;font-size:14px;font-weight:600;letter-spacing:-.01em;color:var(--title)}.folder-meta{margin:2px 0 0;font-size:12px;line-height:1.4;color:var(--muted)}.folder-meta strong{color:var(--text);font-weight:500}.sticker{position:absolute;z-index:4;font-size:32px;line-height:1;pointer-events:none;filter:drop-shadow(2px 0 0 #fff) drop-shadow(-2px 0 0 #fff) drop-shadow(0 2px 0 #fff) drop-shadow(0 -2px 0 #fff)}.sticker-shades{left:27%;top:0;rotate:-18deg}.sticker-plane{right:-3%;top:9%;rotate:12deg}.sticker-camera{left:-4%;top:58%;rotate:-10deg}@media(max-width:500px){.journal-grid{grid-template-columns:repeat(2,1fr);gap:28px 14px}.sticker{font-size:30px}}@media(prefers-reduced-motion:reduce){.boarding{transition:none}}