/* A wall of little notes, and a quiet place to read one. */
@font-face{font-family:LeferiBase;src:url("fonts/LeferiBaseRegular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
.filters{position:sticky;top:var(--site-header-height,80px);z-index:12;background:#121310f5;backdrop-filter:blur(10px)}
.lounge-content{min-height:360px}
.wall-heading{min-height:102px;display:flex;align-items:center;justify-content:space-between;padding-right:174px;gap:20px}
.wall-kicker{font-size:8px;letter-spacing:2.1px;color:#8c8e7d}
.wall-heading h2{display:flex;align-items:center;font:400 22px/1.2 LeferiBase,var(--body);margin:8px 0 0;color:#e3d8be;letter-spacing:-1.25px}
/* A short category must not stretch its cards to the taller side rail. */
.story-grid.memo-wall{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 25px;padding:8px 1px 5px;align-self:start;align-content:start}
.note-card.story-card{width:100%;--note:#f1eee4;aspect-ratio:1;min-height:230px;padding:17px 19px 13px;border:0;border-radius:0;background:none;box-shadow:none;isolation:isolate;overflow:visible;transition:transform .25s;transform:rotate(var(--tilt));font-family:LeferiBase,var(--body)}
.note-card.story-card:after{display:none}
.note-card.story-card:hover{transform:translateY(-5px) rotate(0deg);box-shadow:none}
.note-card:focus-within{z-index:2}
.note-card .paper-surface{position:absolute;z-index:-1;inset:0;background:var(--note);border-radius:2px;box-shadow:0 2px 5px #0002;pointer-events:none}
.story-card.note-card.note-yellow{--note:#e8d991}
.story-card.note-card.note-kraft{--note:#c8a582}
.story-card.note-card.note-blue{--note:#bdcfd0}
.note-card .story-meta{display:flex;position:relative;align-items:center;margin:0 0 7px;font-size:9px;line-height:18px;color:#776c57;gap:8px}
.note-card .story-meta>span:first-child{color:#746247;font-weight:500}
.note-like{padding:0 1px;display:inline-flex;align-items:center;gap:5px;min-height:22px;color:#655744;font-size:12px;font-weight:700}
.note-like svg{width:15px;height:15px;stroke-width:1.8}
.note-like.liked,.letter-like.liked{color:#a75547}
.note-like.liked svg,.letter-like.liked svg{fill:#a7554726}
.note-card .story-open{position:relative;min-height:0;flex:1;justify-content:center;padding:12px 0 24px}
.note-card h2{font:400 20px/1.35 LeferiBase,var(--body);font-synthesis:none;letter-spacing:-1px;min-height:0;-webkit-line-clamp:3;margin:0;word-break:keep-all;overflow:hidden}
.note-card .cover{border-radius:4px;border:0}
.note-card .drink-row{position:relative;flex-shrink:0;border:0;padding:7px 0 0;gap:7px;color:#625743;min-height:30px}
.note-card .drink-row svg{width:19px;height:25px;color:#9a774f;stroke-width:1}
.note-card .drink-row small{font-size:7px;color:#8a7e67;margin-bottom:2px;font-weight:400}
.note-card .drink-row strong{font-size:9px;line-height:1.4;font-weight:500;word-break:keep-all}
.wall-rail{position:sticky;top:calc(var(--site-header-height,80px) + 112px);border-left:1px solid #35372d;padding:17px 0 0 24px;min-height:350px;color:#b3a584}
.rail-overline{font-size:8px;letter-spacing:2px;color:#898c78}
.wall-rail .drink-art{width:128px;height:155px;display:block;margin:22px 0 4px -12px;color:#c8ba94}
.wall-rail .rail-line{margin:24px 0 20px}
.wall-rail .rail-copy{font-size:8px;line-height:2.1;letter-spacing:1.8px}
.lounge-footer{margin-top:45px}
.detail-toolbar{display:flex;align-items:center;min-height:84px;gap:25px;color:#8c8f7d;font-size:9px;letter-spacing:.8px}
.wall-back{display:flex;align-items:center;gap:9px;padding:10px 0;color:#d0c6ae;font-size:12px;letter-spacing:0}
.wall-back svg{width:17px;height:17px}
.letter-pagination{display:flex;gap:6px;margin-left:auto}
.letter-pagination button{padding:8px;color:#c7bda4;border:1px solid #424538;border-radius:50%;display:grid;place-items:center}
.letter-pagination svg{width:14px;height:14px}
.reading-room{display:grid;grid-template-columns:minmax(0,1fr) 302px;gap:42px;max-width:1120px;margin:7px auto 0;align-items:start}
.letter-column{min-width:0}
.story-letter{position:relative;padding:42px 47px 33px;color:#3f3c32;background:#f0ece2;box-shadow:0 2px 6px #0002;border-radius:2px;min-height:0;isolation:isolate}
.story-letter.letter-kraft{background-color:#dfc6a9}
.story-letter.letter-yellow{background-color:#eee2ae}
.story-letter.letter-blue{background-color:#dae3e0}
.letter-category{display:flex;align-items:center;gap:12px;color:#9a7b51;font-size:10px}
.letter-category>span{color:#aaa18e;font-size:9px}
.letter-heading h2{font:750 31px/1.32 var(--body);letter-spacing:-1.2px;margin:19px 0 10px;word-break:keep-all;outline:0}
.letter-byline{font-size:10px;color:#98907d}
.letter-body{margin-top:30px;font:15px/2.15 LeferiBase,var(--body);color:#555043;word-break:keep-all;overflow-wrap:anywhere;letter-spacing:-.15px}
.letter-body p{margin:0 0 24px}
.letter-body p:last-child{margin-bottom:0}
.letter-signoff{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;color:#94856a}
.letter-like{display:flex;align-items:center;gap:7px;padding:20px 0 0;flex-basis:100%;margin-top:0;border-top:1px solid #9b89622c;font-size:12px;color:#85755c;text-align:left}
.letter-like .like-count{font-size:14px;font-weight:700;color:#655744}
.letter-like.liked .like-count{color:inherit}
.letter-like>svg{width:17px;height:17px;stroke-width:1.4}
.letter-like-copy{font-size:10px;margin-left:7px;color:#998b71}
.letter-replies{margin:28px 0 0;padding:8px 0 0}
.reply-heading{display:flex;justify-content:space-between;align-items:center;padding-bottom:17px;border-bottom:1px solid #35382d}
.reply-heading h3{font:23px/1.2 LeferiBase,var(--body);letter-spacing:-.5px;margin:0;color:#c9c2a9}
.reply-heading>span{font-size:10px;color:#808671}
.letter-replies #comment-list>p{color:#8d9280;font-size:11px;line-height:1.8;margin:22px 0 24px}
.letter-replies .comment-item{padding:17px 0;border-bottom:1px dashed #3d4232;color:#c0c6af}
.letter-replies .comment-item small{color:#929b7e;font-size:10px}
.letter-replies .comment-item p{font-size:12px;line-height:1.8;margin:9px 0 0;overflow-wrap:anywhere;white-space:pre-wrap}
.letter-replies .comment-form{display:flex;gap:10px;margin:20px 0 12px}
.letter-replies .comment-form input{min-width:0;flex:1;border:1px solid #454a38;border-radius:3px;background:#1a1e15;padding:14px 13px;color:#dddcc8;font-size:11px}
.letter-replies .comment-form input::placeholder{color:#818a71}
.letter-replies .comment-form button{display:flex;align-items:center;gap:7px;padding:12px;border:1px solid #585c43;color:#d0c8a4;font-size:11px;border-radius:3px;background:#262b1d}
.letter-replies .comment-form svg{width:13px;height:13px}
.letter-replies>small{display:block;font-size:9px;color:#707966}
.drink-companion{position:sticky;top:calc(var(--site-header-height,80px) + 103px);min-width:0;text-align:center}
.drink-menu{position:relative;padding:29px 26px 24px;background:#1c2118;border:1px solid #515442;outline:1px solid #353b2b;outline-offset:-7px;color:#c7bea1}
.menu-kicker{font-size:8px;letter-spacing:2.1px;color:#969c7c}
.drink-menu h3{font:26px/1.25 LeferiBase,var(--body);margin:16px 0 0;color:#d9d0b4;letter-spacing:-.8px}
.drink-stage{height:218px;position:relative;display:flex;justify-content:center;align-items:center;margin:4px 0 8px}
.drink-stage .drink-art{height:207px;width:182px;color:#d4c3a0}
.drink-english{font-size:7px;letter-spacing:1.8px;color:#8e9578}
.drink-menu h4{font:26px/1.2 LeferiBase,var(--body);color:#e6d9b4;margin:9px 0 14px;letter-spacing:-.8px}
.drink-tags{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;color:#a9ad91;font-size:9px}
.drink-tags>span+span:before{content:"·";margin-right:8px;color:#657052}
.bartender-note{margin-top:24px;padding-top:22px;border-top:1px solid #424a34;text-align:left}
.bartender-note>span{font:18px/1.2 LeferiBase,var(--body);color:#b8b696}
.bartender-note p{font-size:11px;line-height:1.95;word-break:keep-all;color:#a1aa8d;margin:9px 0 0}
.drink-base{font-size:9px;line-height:1.7;color:#7f896c;text-align:left;margin:14px 0 0}
.menu-signature{display:flex;justify-content:flex-end;align-items:center;gap:6px;color:#bac1a1;font:18px/1.2 LeferiBase,var(--body);margin-top:22px;transform:rotate(-3deg)}
.menu-signature svg{width:22px;height:24px;stroke-width:1.2}
.back-to-wall{display:inline-flex;gap:10px;align-items:center;font-size:10px;color:#a5ad90;padding:10px 0;border-bottom:1px solid #424a35}
.back-to-wall svg{width:12px;height:12px}
@media(min-width:1600px){.note-card.story-card{min-height:230px}.note-card h2{font-size:20px}}
@media(max-width:1250px){.story-layout{grid-template-columns:minmax(0,1fr) 110px;gap:23px}.story-grid.memo-wall{gap:29px 19px}.note-card.story-card{padding:14px 15px 11px;min-height:218px}.note-card h2{font-size:18px;min-height:0}.wall-heading{padding-right:133px}.wall-rail{padding-left:17px}.wall-rail .drink-art{width:102px;height:143px}.reading-room{gap:30px;grid-template-columns:minmax(0,1fr) 280px}.story-letter{padding:35px 36px 29px}}
@media(max-width:1050px){.story-layout{display:block}.wall-rail{display:none}.wall-heading{padding-right:0}.story-grid.memo-wall{gap:30px 18px}.reading-room{gap:25px;grid-template-columns:minmax(0,1fr) 265px}.story-letter{padding:32px 28px 28px}.letter-heading h2{font-size:32px}.drink-menu{padding:25px 22px}}
@media(max-width:900px){.story-grid.memo-wall{grid-template-columns:repeat(3,minmax(0,1fr));gap:29px 22px}.note-card.story-card{min-height:220px}.note-card h2{font-size:18px}.note-card .story-meta{font-size:9px}.reading-room{grid-template-columns:minmax(0,1fr) 245px;gap:20px}.drink-menu{padding:24px 19px}}
@media(max-width:760px){.story-grid.memo-wall{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 22px}.note-card.story-card{min-height:225px;padding:16px 18px 13px}.note-card h2{font-size:19px;min-height:0}.reading-room{display:flex;flex-direction:column;gap:26px;max-width:550px}.letter-column{display:contents}.story-letter{order:0;width:100%;min-height:0;padding:32px}.drink-companion{position:static;order:1;width:100%}.letter-replies{order:2;width:100%;margin:0}.drink-menu{padding:27px 30px;display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 18px;text-align:left}.menu-kicker,.drink-menu h3{grid-column:1/-1;text-align:center}.drink-stage{grid-column:1;grid-row:3/8;height:235px;margin:6px -12px 0}.drink-stage .drink-art{width:155px;height:195px}.drink-english{grid-column:2;margin-top:29px;font-size:7px;line-height:1.6}.drink-menu h4{grid-column:2;font-size:24px;margin:7px 0 12px}.drink-tags{grid-column:2;justify-content:flex-start;font-size:8px;gap:5px}.drink-tags>span+span:before{margin-right:5px}.bartender-note{grid-column:2;margin-top:17px;padding-top:15px}.bartender-note p{font-size:10px}.drink-base{grid-column:2;font-size:8px}.menu-signature{grid-column:1/-1;margin-top:18px}.back-to-wall{margin-top:12px}.detail-toolbar{min-height:70px;gap:15px}.detail-toolbar>span{font-size:8px}.letter-replies .comment-form input{font-size:16px}.letter-replies .comment-form input::placeholder{font-size:11px}.lounge-footer{margin-top:35px}}
@media(max-width:520px){.wall-heading{min-height:94px;gap:5px}.wall-kicker{font-size:6px;letter-spacing:1.6px}.wall-heading h2{font-size:19px;letter-spacing:-1.2px;gap:8px;margin-top:7px}.story-grid.memo-wall{gap:25px 18px;padding-top:6px}.note-card.story-card{padding:12px 12px 10px;min-height:180px}.note-card .story-meta{font-size:7px;line-height:14px;margin-bottom:4px;gap:5px}.note-like{min-height:22px;font-size:11px;gap:4px}.note-like svg{width:13px;height:13px}.note-card h2{font-size:18px;line-height:1.25;min-height:0;letter-spacing:-.8px}.note-card .drink-row{min-height:26px;gap:5px;padding-top:5px}.note-card .drink-row svg{width:15px;height:20px}.note-card .drink-row small{font-size:6px;margin-bottom:1px}.note-card .drink-row strong{font-size:7px;line-height:1.3}.detail-toolbar{min-height:66px;gap:12px}.wall-back{font-size:11px;gap:5px}.wall-back svg{width:14px}.detail-toolbar>span{font-size:7px;letter-spacing:.3px}.letter-pagination{gap:5px}.letter-pagination button{padding:7px}.letter-pagination svg{width:11px;height:11px}.reading-room{gap:24px;margin-top:9px}.story-letter{padding:28px 24px 25px}.letter-category{font-size:9px;gap:9px}.letter-category>span{font-size:8px}.letter-heading h2{font-size:29px;line-height:1.2;margin-top:18px;letter-spacing:-1px}.letter-byline{font-size:9px}.letter-body{font-size:14px;line-height:2}.letter-body p{margin-bottom:21px}.letter-signoff{margin-top:28px}.letter-like{padding-top:17px;font-size:11px}.letter-like-copy{font-size:9px;margin-left:3px}.drink-menu{padding:25px 20px 24px;grid-template-columns:115px minmax(0,1fr);column-gap:13px}.drink-menu h3{font-size:25px}.drink-stage{margin-left:-10px;margin-right:-8px}.drink-stage .drink-art{width:132px;height:183px}.drink-menu h4{font-size:22px}.drink-english{font-size:6px;letter-spacing:1.1px}.drink-tags{font-size:7px;gap:4px}.bartender-note>span{font-size:16px}.bartender-note p{font-size:10px;line-height:1.85}.drink-base{font-size:7px}.reply-heading h3{font-size:22px}.reply-heading>span{font-size:9px}.letter-replies .comment-form{gap:7px}.letter-replies .comment-form button{font-size:10px;padding:10px}.letter-replies .comment-form input{padding:12px 10px}.letter-replies .comment-form svg{display:none}}

/* The sort control belongs to the card wall, not the category navigation. */
.wall-heading{min-height:65px}
.wall-heading .sorting{margin-left:auto;flex-shrink:0}
.wall-heading .sorting select{padding-right:2px}
@media(max-width:520px){.wall-heading{min-height:57px;gap:10px}.wall-heading .sorting select{font-size:11px}}