/* A real packing surface: inventory art on canvas, with the satchel kept clear. */
.packing-scene-section{position:relative;text-align:left;margin:80px 0 72px;scroll-margin-top:100px;outline:none}
.packing-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.packing-eyebrow{display:block;color:#cdbb89;text-transform:uppercase;letter-spacing:.16em;font:500 9px/1.5 var(--sans);margin-bottom:8px}
.company-gathering .packing-heading h3{font:500 clamp(32px,3.6vw,45px)/1.08 var(--serif);margin:0 0 10px;color:#f0e5cc}
.packing-heading p{font:400 12px/1.6 var(--sans);color:#acb5a4;margin:0}
.packing-identity{text-align:right;color:#dcc496;font:500 13px/1.6 var(--sans)}
.packing-identity span{display:block;color:#96a08f;font-size:10px;margin-top:3px}
.packing-scene{position:relative;isolation:isolate;min-height:560px;aspect-ratio:3/2;border:0;border-radius:0;overflow:visible;background:transparent;box-shadow:none}
.packing-backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-2}
.packing-scene:after{display:none}
.packing-workspace{position:relative;width:70%;padding:35px 23px 34px 33px}
.packing-groups{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 28px;padding:4px;border:1px solid #e0cf9840;border-radius:5px;background:#1e251dc9;box-shadow:0 3px 14px #0003}
.packing-groups button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;padding:11px 7px;border-radius:3px;background:transparent;color:#ceccb2;font:500 11px/1.3 var(--sans);white-space:nowrap}
.packing-groups button[aria-pressed=true]{background:#bda267;color:#191e17;box-shadow:0 2px 5px #0004}
.packing-groups button>span{font-size:9px;opacity:.8;font-variant-numeric:tabular-nums}
.packing-groups button:focus-visible{outline:2px solid #fff0ba;outline-offset:2px}
.packing-inventory{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px 14px;align-items:start;padding:9px 4px 12px}
.packing-empty{padding:20px 16px;background:#25271cde;border:1px solid #c8ac6b50;border-radius:4px;color:#e1d8b9;font:400 12px/1.6 var(--sans)}
.packing-empty[hidden]{display:none}
.packing-inventory:not(:has(.packing-object:not([hidden]))){display:none}
.packing-object{position:relative;display:flex;flex-direction:column;align-items:center;gap:8px;min-height:139px;cursor:pointer;text-align:center;color:#f7ebc6;-webkit-tap-highlight-color:transparent}
.packing-object[hidden]{display:none!important}
.packing-object>input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.packing-object-art{position:relative;display:block;padding:5px;border:1px solid #bd9b5c;background:linear-gradient(145deg,#7d673b,#28271c);border-radius:8px;box-shadow:3px 8px 12px #17181180,inset 0 1px #ffdf9b70;transform:rotate(var(--item-tilt));transition:transform .22s,box-shadow .22s}
.packing-object-art>img{display:block;width:64px;height:64px;border:1px solid #e9ce8560;border-radius:4px;transition:filter .25s,opacity .25s}
.packing-object:hover .packing-object-art{transform:rotate(0) translateY(-5px);box-shadow:3px 13px 18px #17181190,0 0 0 1px #efd693}
.packing-object>input:focus-visible+.packing-object-art{outline:3px solid #fff4bf;outline-offset:5px;transform:rotate(0) translateY(-3px)}
.packing-object-name{padding:6px 9px;max-width:100%;border:1px solid #c8ac6b50;border-radius:3px;background:#25271cd9;box-shadow:1px 3px 6px #0003;font:500 11px/1.35 var(--sans);text-wrap:balance}
.packing-object-state{color:#fff0b9;font:500 9px/1 var(--sans);text-transform:uppercase;letter-spacing:.1em;text-shadow:0 1px 4px #000}
.packing-quantity{position:absolute;right:5px;bottom:5px;min-width:18px;padding:2px 3px;background:#101910de;color:#fff5d2;border-radius:3px;font:600 11px/1.2 var(--sans);font-variant-numeric:tabular-nums;box-shadow:0 1px 4px #0008}
.packing-tick{position:absolute;right:-9px;top:-9px;display:grid;place-items:center;width:25px;height:25px;border:1px solid #eed199;border-radius:50%;background:#2e513b;box-shadow:0 3px 9px #0007;opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s}
.packing-tick svg{width:15px;height:15px;color:#fff3c6}
.packing-object.is-packed .packing-tick{opacity:1;transform:scale(1)}
.packing-object.is-packed .packing-object-art>img{filter:saturate(.3);opacity:.55}
.packing-object.is-packed .packing-object-name{background:#263c2bdc;border-color:#b7ba7c80;color:#f0eacc}
.packing-object.is-packed .packing-object-state{color:#e1e8bc}
.packing-bag-target{position:absolute;left:77%;top:39%;width:12%;height:14%;pointer-events:none}
.packing-bag-status{position:absolute;right:3.5%;top:77%;width:24%;text-align:center;padding:13px 8px 12px;border:1px solid #ad925350;border-radius:5px;background:#1d241bd9;box-shadow:0 5px 15px #0005;color:#f2dfaf;transform:rotate(-2deg)}
.packing-bag-caption{display:block;text-transform:uppercase;font:500 8px/1.4 var(--sans);letter-spacing:.16em;color:#c8b985;margin-bottom:6px}
.packing-bag-status strong{font:500 14px/1.4 var(--sans);font-variant-numeric:tabular-nums}
.packing-progress-track{display:block;height:3px;margin:10px 9px 0;background:#e4d1a32b;border-radius:3px;overflow:hidden}
.packing-progress-track>span{display:block;height:100%;background:#d8b86f;transition:width .35s}
.all-packed .packing-bag-status{border-color:#c6d8a0}
.packing-flying-icon{position:absolute;z-index:5;width:64px;height:64px;border-radius:5px;box-shadow:0 4px 18px #0009;pointer-events:none}
.packing-footer{display:flex;align-items:start;justify-content:space-between;gap:24px;border-bottom:1px solid #ac956430;padding:16px 0;color:#b9bda9}
.packing-footer>.text-link{flex-shrink:0;padding:0;font-size:11px;line-height:1.6}
.packing-notes{max-width:75%;font:400 12px/1.7 var(--sans)}
.packing-notes summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;color:#cbbb91;font-size:11px}
.packing-notes summary::-webkit-details-marker{display:none}
.packing-notes summary:after{display:none}
.packing-notes summary>svg{width:13px;height:13px;transition:transform .2s}
.packing-notes[open] summary>svg{transform:rotate(180deg)}
.packing-notes>div{padding-top:14px}
.packing-notes p{margin:0 0 14px;color:#aeb7a4}
.packing-notes p>strong{display:block;font-weight:500;color:#e2d8bb;margin-bottom:3px}
.packing-notes .packing-inherited{font-size:10px;color:#929e89}
.journal-navigation{display:flex;align-items:stretch;border-bottom:1px solid var(--line);margin-top:15px;gap:24px}
.journal-navigation .journal-tabs{flex:1;margin:0;border:0}
.packing-shortcut{display:flex;align-items:center;gap:7px;padding:10px 0;background:transparent;font:500 12px var(--sans);color:#d6bc84;white-space:nowrap}
.packing-shortcut svg{width:15px;height:15px}
.packing-shortcut:focus-visible{outline:2px solid #d6bc84;outline-offset:4px}
@media(max-width:560px){.packing-inventory{min-height:310px}}
@media(min-width:1250px){.packing-inventory{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 14px}}
@media(max-width:800px){.packing-scene{min-height:560px}.packing-workspace{width:71%;padding:26px 16px 30px 25px}.packing-groups{margin-bottom:24px}.packing-groups button{font-size:10px;padding:10px 6px}.packing-inventory{gap:20px 9px}.packing-object-art>img{width:55px;height:55px}.packing-object-name{font-size:10px;padding:5px 7px}.packing-object{min-height:128px}.packing-bag-status{width:25%;right:2%;top:77%}.packing-bag-status strong{font-size:12px}.packing-identity{font-size:11px}}
@media(max-width:560px){.packing-scene-section{margin:58px 0 50px}.packing-heading{display:block;margin-bottom:20px}.packing-identity{margin-top:14px;text-align:left;font-size:11px}.packing-identity span{display:inline;margin-left:8px;font-size:9px}.packing-heading p{font-size:11px}.packing-scene{aspect-ratio:auto;min-height:0;background:transparent}.packing-backdrop{height:310px;object-fit:cover;object-position:right top;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 94%,transparent),linear-gradient(#000 76%,transparent);mask-composite:intersect}.packing-scene:after{background:linear-gradient(0deg,#161e19a3,transparent 80%)}.packing-workspace{width:100%;padding:209px 15px 24px}.packing-groups{gap:2px;margin-bottom:24px;padding:3px;background:#20261ee8}.packing-groups button{font-size:10px;gap:5px;padding:12px 5px}.packing-inventory{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 9px;padding:6px 0}.packing-object{min-height:130px}.packing-object-art>img{width:55px;height:55px}.packing-object-name{font-size:10px}.packing-bag-status{left:7%;right:auto;top:64px;width:40%;padding:16px 10px;transform:rotate(-3deg)}.packing-bag-status strong{font-size:15px}.packing-bag-target{left:70%;top:116px;width:18%;height:52px}.packing-footer{gap:12px}.packing-notes{max-width:68%}.packing-notes p{font-size:11px}.packing-footer>.text-link{font-size:10px}.journal-navigation{gap:17px}.journal-navigation .journal-tabs{gap:14px}.journal-navigation .journal-tabs button{font-size:11px}.packing-shortcut{font-size:11px;gap:5px}.packing-shortcut svg{width:13px;height:13px}}
@media(prefers-reduced-motion:reduce){.packing-object-art,.packing-object-art>img,.packing-tick,.packing-progress-track>span{transition:none}.packing-object:hover .packing-object-art{transform:rotate(0)}}
@media print{.packing-scene-section{margin:25px 0}.packing-heading h3{color:#222!important}.packing-backdrop,.packing-bag-status,.packing-groups,.packing-object-state,.packing-footer,.packing-shortcut{display:none}.packing-scene{border:0;min-height:0;aspect-ratio:auto;background:none;box-shadow:none}.packing-scene:after{display:none}.packing-workspace{width:100%;padding:0}.packing-object[hidden]{display:flex!important}.packing-inventory{grid-template-columns:repeat(4,1fr)}.packing-object-name{color:#222;background:white}.packing-heading p,.packing-identity{color:#333}}

.packing-object-state{padding:3px 5px;border-radius:3px;background:#1c241bd9}