/* The laptop's paper and offset navy card, in the working iOS product. */
.bar-motto,.desktop-actions{display:none}
.home-stage{position:relative;padding-top:22px}
.home-sheet{position:relative;margin:0 30px 0 18px;padding:27px 24px 48px;background:var(--bright)}
.home-sheet>.eyebrow{color:var(--red);font-size:9px}
.home-sheet h1{font-size:37px;letter-spacing:-1.6px;line-height:1.04;margin:15px 0 26px;max-width:400px}
.home-search>div{display:flex;align-items:center;border-bottom:1px solid #87918e;gap:6px}
.home-search input{min-width:0;width:100%;min-height:48px;border:0;outline:none;padding:10px 0;background:transparent;font:16px/1.4 var(--serif)}
.home-search input::placeholder{color:#798782}
.home-search:focus-within>div{border-color:var(--blue);box-shadow:0 1px var(--blue)}
.home-search button{display:grid;place-items:center;min-width:44px;min-height:44px;color:var(--red)}
.home-search svg{width:20px}
.home-rest{display:flex;gap:9px;align-items:center;margin-top:21px;font:13px/1.4 var(--serif);color:var(--muted)}
.home-rest i{width:4px;height:4px;border-radius:50%;background:#81968c}
.home-return{position:relative;margin-top:-22px}
.home-return .folio-cover{width:calc(100% - 48px);margin:0 18px 0 30px}
.home-return .cover-art{height:170px}
.home-return .cover-art img{height:142px;width:71%}
.home-return .cover-art img+img{width:46%;height:130px;top:40px}
.home-return .cover-art img:only-child{width:86%;height:100%}
.home-return .cover-art::after{left:23px;bottom:13px}
.home-return .cover-copy{padding:22px 24px 21px}
.home-return .cover-copy h2{font-size:31px;letter-spacing:-1px;margin-bottom:9px}
.home-return .cover-copy .eyebrow{color:#f66f56;letter-spacing:.14em}
.cover-count{color:#b8cace;font-size:11px}
.home-return .cover-bottom{margin-top:17px}
.home-return .nearby-margin{margin-top:23px}
.home-return .nearby-margin button>span{font-size:10px;margin-top:6px}
.home-more{padding:30px 23px 0}
.home-more-heading{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #b6c4bd}
.home-more-heading .eyebrow{font-size:10px}
.home-more-heading .icon{color:var(--muted)}
.home-more .secondary-folios{padding:0}
.home-more .small-folio h3{font-size:23px}
.home-more .nearby-footer{padding:24px 0 0}
.home-empty{background:var(--blue);color:var(--bright);margin:0 18px;padding:30px 24px}
.home-empty p{font:27px/1.2 var(--serif);margin-bottom:15px}
.home-empty .text-action{display:flex;color:var(--bright)}
.bar button:focus-visible,.dock button:focus-visible{outline-color:var(--bright)}
.folio-cover:focus-visible{outline:2px solid var(--red);outline-offset:4px}
@media(max-width:355px){
  .home-sheet{padding:24px 20px 44px}
  .home-sheet h1{font-size:33px}
  .home-search input{font-size:16px}
  .home-return .cover-copy{padding:21px}
  .home-return .cover-copy h2{font-size:29px}
}
@media(min-width:760px){
  body{padding:0}
  .app-shell{max-width:none;min-height:100dvh;border-radius:0;overflow:visible;box-shadow:none}
  .bar{min-height:68px;border-radius:0;padding-inline:30px}
  .bar-motto{display:block;font:italic 14px var(--serif);color:#b8c5c1}
  .desktop-actions{display:flex;gap:20px;align-items:center;margin-right:13px}
  .desktop-actions .keep-button{min-height:44px;font-size:12px;gap:7px}
  .desktop-actions .keep-button svg{width:29px;height:29px;padding:6px}
  .desktop-actions [aria-current="page"]{text-decoration:underline;text-underline-offset:6px}
  main{min-height:calc(100dvh - 68px)}
  .app-shell[data-screen="nearby"] main,.app-shell[data-screen="memory"] main{padding-bottom:65px}
  .app-shell[data-screen="nearby"] .dock,.app-shell[data-screen="memory"] .dock{display:none}
  .home-stage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));max-width:1280px;margin:auto;padding:60px 44px 0;align-items:start}
  .home-sheet{grid-column:2/12;grid-row:1;margin:0;padding:56px 62px 84px;box-shadow:0 20px 50px #132c390c}
  .home-sheet::before{content:'';position:absolute;right:0;top:0;width:24px;height:24px;background:linear-gradient(45deg,#e4e0d5 49%,var(--fog) 50%)}
  .home-sheet h1{font-size:clamp(44px,4.8vw,65px);max-width:670px;line-height:1.03;letter-spacing:-2.7px;margin-top:19px;margin-bottom:38px}
  .home-search{max-width:610px}
  .home-search input{font-size:21px;min-height:54px}
  .home-rest{margin-top:30px}
  .home-return{grid-column:7/13;grid-row:2;margin-top:-44px;z-index:1}
  .home-return .folio-cover{width:100%;margin:0;display:grid;grid-template-columns:44% 1fr;overflow:visible;box-shadow:0 20px 40px #152c391a}
  .home-return .folio-cover::before{content:'';position:absolute;left:-27px;top:47%;width:27px;height:1px;background:var(--red)}
  .home-return .folio-cover::after{content:'';position:absolute;left:-32px;top:calc(47% - 3px);width:7px;height:7px;border-radius:50%;background:var(--red)}
  .home-return .cover-art{height:100%;min-height:245px}
  .home-return .cover-art img{width:90%;height:68%;object-position:center}
  .home-return .cover-art img+img{width:68%;height:61%;top:auto;bottom:0;border-width:4px}
  .home-return .cover-art img:only-child{width:100%;height:100%}
  .home-return .cover-art::after{display:none}
  .home-return .cover-copy{padding:29px 25px 26px;align-self:center}
  .home-return .cover-art:empty+.cover-copy{grid-column:1/-1;min-height:210px}
  .home-return .cover-copy h2{font-size:31px}
  .home-return .cover-bottom{margin-top:29px}
  .home-return .nearby-margin{margin:26px 19px 0 25px;padding-left:17px}
  .home-return .home-empty{margin:0}
  .home-more{width:calc(100% - 88px);max-width:992px;margin:10px auto 0;padding:24px 0 0}
  .home-more .secondary-folios{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:40px}
  .home-more .small-folio{gap:18px}
  .home-more .nearby-footer{font-size:14px}
  .folio-heading,.folio-body{max-width:1140px;margin-inline:auto}
  .folio-heading{padding:40px 35px 30px}
  .folio-heading h1{font-size:52px;margin:14px 0 20px}
  .folio-body{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:40px;padding:0 35px}
  .folio-sources{padding:0;gap:40px;min-width:0}
  .folio-margin{align-self:start;margin:0;padding-top:20px}
  .source-detail{max-width:760px;margin:auto;padding-top:38px}
  .memory-head,.memory-list{max-width:900px;margin:auto}
  .memory-head{padding-top:45px}
  .memory-head h1{font-size:48px}
  .memory-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .memory-item>span:last-child{min-width:0}
  .folio-dock{max-width:760px;padding-inline:30px}
  .sheet{max-width:540px;bottom:24px;border-radius:14px;max-height:calc(var(--keyboard-height,100dvh) - 48px)}
  .sheet-content{padding:20px 30px 28px}
  .sheet-handle{display:none}
  .writing{min-height:250px}
  .comparison{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .comparison article{min-width:0}
}
@media(min-width:760px) and (max-width:1000px){
  .bar-motto{display:none}
  .home-stage{padding:44px 30px 0}
  .home-sheet{grid-column:1/13;padding-inline:45px}
  .home-return{grid-column:5/13}
  .home-more{width:calc(100% - 60px)}
  .folio-body{grid-template-columns:minmax(0,1fr) 220px;gap:26px;padding-inline:25px}
}