.merch-previous-short{display:none}
@media(max-width:850px){
  #main-content>.home-end-section .footer-logout{position:relative;display:flex;justify-content:center;height:auto;margin:24px auto 12px;width:100%}
  #main-content>.home-end-section .footer-skitz{position:static;display:block;width:130px;height:90px;margin:0 auto}
  #main-content>.home-end-section .footer-base{padding-top:0;gap:20px}
  body .offer.original .original-details{margin:22px 6vw;padding:24px 18px;border-width:9px}
  body .offer.original .original-details>p{top:0;margin:0;font-size:17px;line-height:1.65}
  body .offer.original .original-signature{margin-top:24px}
  body #main-content .vault-cta,body .return-top{min-height:28px;padding:7px 10px;font-size:10px;line-height:1.4;letter-spacing:.08em;width:auto;min-width:0;white-space:nowrap;justify-content:center;gap:6px}
  body #main-content .nav .vault-cta{flex:none;margin-left:auto}
  body #main-content .vault-cta .text-arrow,body .mobile-hide-arrow{display:none}
  body .return-top{bottom:14px}
  body .artwork-page .artwork-cta,body .artwork-page .artwork-back{justify-content:center;text-align:center}
  body .artwork-page .artwork-cta .text-arrow{display:none}
  .merch-previous-long{display:none}.merch-previous-short{display:inline}
}
@media(max-width:850px){
  body .works .text-link{justify-content:center;text-align:center}
  body .works .text-link .text-arrow{display:none}
}
/* Second mobile review: tighter spacing and centred collection controls. */
@media(max-width:850px){
  body #main-content>.nav{height:72px;padding-block:6px}
  body #main-content>.nav nav{top:72px}
  body .work-link>span{left:50%;right:auto;transform:translateX(-50%);text-align:center;white-space:nowrap}
  body .work-link:is(:hover,:focus-visible)>span{transform:translateX(-50%)}
  body .offer.original .original-summary{padding-bottom:20px}
  body .offer.original .original-details{margin-top:12px}
  body #main-content.merch-image-page{grid-template-rows:auto minmax(0,1fr) auto;padding-top:18px}
  body #main-content.merch-image-page>.merch-image-back{position:static;justify-self:center;margin:0;inset:auto}
  body #main-content.merch-image-page .merch-gallery-dots{display:flex;flex-wrap:wrap;justify-content:center;gap:0}
  body #main-content.merch-image-page .merch-gallery-dots button{flex:0 0 calc(100% / 6);min-width:0}
}
body .hero .gallery-app-link{justify-content:center;margin-left:12px}
@media(max-width:850px){body .hero .gallery-app-link{width:auto;min-width:0;margin-left:12px;padding:7px 10px;min-height:28px;font-size:10px;line-height:1.4;letter-spacing:.08em}}

body .hero-entry-links{display:flex;justify-content:space-between;align-items:center;gap:12px;width:100%}
body .hero-entry-links .gallery-app-link{margin-left:auto}
.journal-memory-art{flex-direction:column;align-items:flex-end;gap:30px}
.journal-memory-art .journal-grandma-mirror{display:block;width:min(100%,460px);margin-inline:auto;align-self:center}
.journal-memory-art .journal-grandma-mirror img{width:100%;height:auto}
@media(max-width:850px){.journal-memory-art .journal-grandma-mirror{width:min(100%,380px);margin-inline:auto}}

@media(max-width:850px){body #main-content .hero-entry-links .gallery-app-link{width:auto;min-width:0;min-height:28px;padding:7px 10px;font-size:10px;line-height:1.4;letter-spacing:.08em;white-space:nowrap;flex:none}}

/* Desktop app entry preview; the mobile link remains in its original row. */
body #main-content .hero .gallery-app-desktop{display:none}
@media(min-width:851px){
 body #main-content .hero-art{flex-direction:column;align-items:center}
 body #main-content .hero-entry-links .gallery-app-link{display:none}
 body #main-content .hero .gallery-app-desktop{display:inline-flex;position:relative;isolation:isolate;overflow:hidden;flex:none;width:354.35px;min-width:0;max-width:100%;margin:22px 0 0;justify-content:center;align-items:center;min-height:44px;padding:14px 20px;font:400 12px/1.5 "FA Marcellus",Georgia,serif;letter-spacing:.14em}
 body #main-content .hero .gallery-app-desktop::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,#060606 0%,#242424 22%,#515151 46%,#101010 69%,#303030 100%);opacity:0;animation:app-metal-fade 1.4s ease-in-out infinite alternate}
 body #main-content .hero .gallery-app-desktop span{padding:0 8px;color:#000;background:transparent;box-shadow:none;text-shadow:none;animation:app-metal-ink 1.4s ease-in-out infinite alternate}
 body #main-content .hero .gallery-app-desktop:focus-visible{outline:2px solid #fff0aa;outline-offset:5px}
}
@keyframes app-metal-fade{0%,15%{opacity:0}85%,100%{opacity:1}}
@keyframes app-metal-ink{0%,15%{color:#000}85%,100%{color:#f6d987}}
@media(prefers-reduced-motion:reduce){body #main-content .hero .gallery-app-desktop::before{animation:none;opacity:0}body #main-content .hero .gallery-app-desktop span{animation:none;color:#000}}

/* Half-size mobile artwork with a full-size transparent touch target. */
@media(max-width:850px){
 body .return-top{left:50%;right:auto;transform:translateX(-50%) scale(.5);transform-origin:center bottom;overflow:visible}
 body .return-top::before{content:"";position:absolute;inset:-50%;background:transparent;border:0;box-shadow:none}
}

/* Compact Journal introduction on phones while retaining the complete portrait. */
@media(max-width:850px){
 body .journal-page .journal-hero{padding-top:30px;padding-bottom:30px;gap:24px;min-height:0}
 body .journal-page .journal-hero-copy,body .journal-page .journal-hero-profile{transform:none}
 body .journal-page .journal-hero h1{margin-top:16px;margin-bottom:18px}
 body .journal-page .journal-hero-profile img{max-width:100%;max-height:none}
}