.journal{--folder-back: #2a2a2d;--folder-front: #1f1f22;--folder-front-solid: #1c1c1f}.journal{position:relative}.journal-defs{position:absolute;width:0;height:0}.journal-window{overflow:hidden;padding:46px 0 6px}.journal-track{display:flex;gap:18px;width:max-content;will-change:transform}.journal.static .journal-window{overflow-x:auto}.journal .folder{flex:none;width:120px}.folder{margin:0;text-align:center}.folder-art{position:relative;isolation:isolate;width:100%;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:-24% 0 0;content-visibility:auto;contain-intrinsic-size:auto 120px auto 190px}.boarding{position:absolute;left:8%;top:26.6%;width:84%;aspect-ratio:1.2 / 1;border-radius:6px;background:#fff;color:#1f1f22;font-family:ui-monospace,Menlo,monospace;box-shadow:none;-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:21%;transform:rotate(4deg);background:#f1efea}.boarding-front{display:grid;grid-template-columns:1fr 27%;height:100%}.cobweb{position:absolute;left:0;top:0;width:34%;height:auto;z-index:1;fill:none;stroke:#ffffff47;stroke-width:.8;border-top-left-radius:18px;pointer-events:none}.departures{margin:-6px 0 6px;padding:10px 12px;border-radius:10px;background:#121214;color:#f4c84a;font-family:ui-monospace,Menlo,monospace;box-shadow:inset 0 0 0 1px #ffffff0f}.departures-head{display:flex;justify-content:space-between;gap:12px;margin-bottom:8px;font-size:9px;letter-spacing:1.4px;text-transform:uppercase;color:#ffffff80}.departures-head b{color:#f4c84a;font-weight:700;font-variant-numeric:tabular-nums}.departures-row{display:flex;gap:10px;perspective:400px}.flaps{display:flex;gap:2px;font-size:13px;font-weight:700}.flaps.grow{flex:1}.flaps.status{color:#ff8a65}.flap{display:inline-grid;place-items:center;width:.95em;height:1.45em;border-radius:2px;background:linear-gradient(#232327 50%,#1b1b1e 50%);white-space:pre;transform-origin:center}.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:5px;font-weight:700;letter-spacing:1px;text-transform:uppercase;color:#8a8478}.boarding-route{display:flex;align-items:center;gap:4px;font-size:10px;font-weight:700;letter-spacing:.3px}.boarding-route svg{width:9px;fill:currentColor;opacity:.4;rotate:90deg}.boarding-void{position:absolute;left:24%;top:4%;padding:0 4px;border:1.5px solid #d4372c;border-radius:3px;color:#d4372c;font-size:7.5px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;rotate:-8deg;opacity:.9}.folder :is(.flag,.postage-art,.sticker){transition:filter .3s var(--ease-out),opacity .3s var(--ease-out)}.folder :is(.flag,.postage-art){filter:grayscale(1);opacity:.7}.folder .sticker{filter:grayscale(1);opacity:.8}.folder:hover :is(.flag,.postage-art){filter:none;opacity:1}.folder:hover .sticker{filter:none;opacity:1}.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);content-visibility:auto;contain-intrinsic-size:auto 120px auto 90px;box-shadow:inset 0 1px #ffffff14}.flag{position:absolute;left:11%;top:13%;width:18%;height:auto;aspect-ratio:4 / 3;object-fit:cover;border-radius:3px;box-shadow:0 0 0 .5px #ffffff40}.postage{--r: 1.4px;position:absolute;right:9%;top:6%;width:30%;padding:4px;background:#fff;transform:rotate(6deg);-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;stroke-linecap:round;translate:-50% 0}.folder-title,.folder-meta{content-visibility:auto;contain-intrinsic-size:auto 120px auto 18px}.folder-title{margin:10px 0 0;font-size:13px;white-space:nowrap;font-weight:600;letter-spacing:-.01em;color:var(--title)}.folder-meta{margin:2px 0 0;font-size:11px;line-height:1.4;color:var(--muted);text-wrap:balance}.folder-meta strong{color:var(--text);font-weight:500}.sticker{position:absolute;z-index:4;width:62%;height:auto;pointer-events:none}.sticker-top{right:-24%;top:-18%;rotate:10deg}.sticker-tall{width:34%;right:-12%;top:-30%;rotate:8deg}@media(max-width:500px){.flaps{font-size:10px}.flaps[data-field=flight]{display:none}.departures-head{flex-direction:column;gap:2px}.journal .folder{width:108px}}@media(prefers-reduced-motion:reduce){.boarding{transition:none}}