/* The about drawer is a handful of keepsakes, not a second long homepage. */
.desk-panel[data-view="about"] .about-rollback { padding-block:24px; }
.about-rollback > .label { margin-bottom:8px; }
.about-rollback > .h2 { max-width:20ch; margin-bottom:20px; }
.desk-view-body .about-rollback .wall { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 18px; padding:0 6px; }
.desk-view-body .about-rollback .pol { align-self:start; margin:0; rotate:-2deg; }
.desk-view-body .about-rollback .pol:nth-child(2) { rotate:2deg; }
.desk-view-body .about-rollback .pol img { height:clamp(150px,24vw,250px); object-fit:cover; }
.desk-view-body .about-rollback .pol figcaption { font-size:19px; line-height:1.15; }
.desk-view-body .about-rollback .lore-note { grid-column:1/-1; justify-self:center; max-width:none; width:auto; margin:4px 0 0; padding:10px 16px; font-size:22px; line-height:1.15; rotate:-1deg; box-shadow:none; background:var(--marker); }
.about-rollback .lore-note br { display:none; }
.about-rollback .lore-note br::after { content:' '; }
.desk-view-body .about-pockets { padding-block:24px; }
.about-pockets .rapid-label { display:block; font-family:var(--serif); font-size:28px; line-height:1.1; text-transform:none; letter-spacing:-.02em; font-weight:640; margin:0 0 20px; color:var(--ink); }
.about-pockets .rapid-label::after { display:none; }
.about-pockets .strip-wrap { max-width:560px; margin-inline:auto; }
.about-pockets .strip.pocket-ready { display:grid; overflow:visible; padding:6px 8px 8px; min-height:224px; perspective:1200px; cursor:auto; position:relative; }
.about-pockets .strip.pocket-ready::before,.about-pockets .strip.pocket-ready::after { content:''; position:absolute; inset:8px 8px 12px; background:#e9dfcd; rotate:2deg; border-radius:3px; pointer-events:none; }
.about-pockets .strip.pocket-ready::after { rotate:-2deg; background:#f0e9da; }
.about-pockets .pocket-ready .card { grid-area:1/1; width:100%; min-width:0; height:210px; rotate:0deg; z-index:1; --rv:0px; transform:rotateY(var(--fy,0deg)); }
.about-pockets .pocket-ready .card[hidden] { display:none!important; }
.about-pockets .card-face { padding:24px; border:0; border-radius:3px; box-shadow:0 5px 12px rgba(34,30,25,.12); }
.about-pockets .card-k { font-size:11px; letter-spacing:.08em; }
.about-pockets .card-v { font-family:var(--serif); font-size:clamp(23px,3vw,29px); line-height:1.17; margin:10px 0 0; letter-spacing:-.02em; }
.about-pockets .card-b { font-family:var(--hand); font-size:27px; line-height:1.12; }
.about-pockets .c-receipt .card-face { clip-path:none; }
.about-pockets .c-receipt .card-k { font-family:inherit; }
.about-pockets .c-tag .card-face { clip-path:none; }
.about-pockets .c-tag .card-face::before { display:none; }
.about-pockets .c-ticket .card-face { clip-path:none; }
.about-pockets .c-ticket .card-face::before,.about-pockets .c-ticket .card-face::after { display:none; }
.about-pockets .pocket-controls { display:flex; align-items:center; gap:4px; margin-top:4px; padding-inline:4px; }
.about-pockets .pocket-controls button { min-width:44px; min-height:44px; border:0; background:transparent; color:var(--ink); font-size:22px; cursor:pointer; }
.about-pockets .pocket-controls .pocket-flip { margin-left:auto; font-family:var(--hand); font-size:23px; padding-inline:8px; }
.about-pockets .pocket-count { min-width:48px; font-size:12px; text-align:center; }
.about-pockets .pocket-controls button:hover { background:var(--paper-2); }
.about-pockets :is(button,.card):focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.about-pockets .swipe-hint { font-size:21px; margin:8px 4px 0; text-align:center; }
.desk-view-body .outro { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:8px 28px; padding-block:24px; text-align:left; align-items:start; }
.outro .outro-big { grid-column:1; font-size:clamp(44px,6vw,72px); line-height:.95; margin:12px 0 4px; }
.outro > .aside { grid-column:1; font-size:22px; line-height:1.2; margin:0; text-align:left; }
.outro .dispatch { grid-column:2; grid-row:1/3; width:100%; margin:0; padding:20px; border:0; border-radius:2px; background:#fffdfa; box-shadow:0 6px 16px rgba(34,30,25,.1); }
.outro .dispatch-head { gap:8px; margin-bottom:12px; }
.outro .dispatch-title { font-size:17px; letter-spacing:-.02em; }
.outro .dispatch-dot { animation:none; box-shadow:none; width:7px; height:7px; }
.outro .dispatch-live { font-size:10px; }
.outro .dispatch-row { padding:9px 0; gap:14px; border-bottom:1px solid rgba(34,30,25,.15); }
.outro .dispatch-rows { border-top:1px solid rgba(34,30,25,.25); }
.outro .dk { font-size:10px; }
.outro .dv { font-size:14px; line-height:1.4; }
.outro .dispatch-row:first-child .dv { font-family:var(--serif); font-size:27px; line-height:1; }
.outro .dispatch-foot { font-size:19px; line-height:1.1; margin-top:14px; text-align:left; }
.outro .about-postscript { grid-column:1/-1; margin-top:16px; border-block:1px solid rgba(34,30,25,.2); width:100%; }
.about-postscript > summary { min-height:52px; display:flex; justify-content:space-between; align-items:center; gap:12px; padding:8px 0; cursor:pointer; list-style:none; }
.about-postscript > summary::-webkit-details-marker { display:none; }
.about-postscript > summary .hand { font-size:23px; }
.about-postscript > summary:focus-visible { outline:2px solid var(--blue); outline-offset:3px; }
.about-postscript[open] > summary > span:last-child { rotate:90deg; }
.about-postscript .secrets { margin:16px auto; }
.desk-view-body .about-postscript .ps-stage { margin:20px auto 24px; }
@media (max-width:600px) {
  .desk-view-body .about-rollback .wall { gap:12px; padding-inline:3px; }
  .desk-view-body .about-rollback .pol img { height:154px; }
  .desk-view-body .about-rollback .pol figcaption { font-size:16px; line-height:1.1; }
  .desk-view-body .about-rollback .lore-note { font-size:20px; padding:10px; }
  .desk-view-body .about-pockets .rapid-label { font-size:26px; margin-bottom:12px; }
  .about-pockets .card-face { padding:22px 20px; }
  .about-pockets .card-b { font-size:25px; }
  .about-pockets .pocket-controls { flex-wrap:wrap; }
  .about-pockets .pocket-controls .pocket-flip { font-size:21px; }
  .desk-view-body .outro { grid-template-columns:minmax(0,1fr); gap:12px; }
  .outro .outro-big { grid-column:1; font-size:48px; margin:0; }
  .desk-view-body .outro > .aside { grid-column:1; font-size:20px; line-height:1.2; max-width:none; margin:0 0 4px; }
  .outro .dispatch { grid-column:1; grid-row:auto; padding:18px; }
  .outro .dispatch-title { font-size:16px; }
  .outro .dispatch-row { padding-block:8px; }
  .outro .dispatch-foot { font-size:19px; }
  .about-postscript > summary .hand { font-size:21px; }
}
@media (prefers-reduced-motion:reduce) {
  .about-pockets .card { transition:none; }
}