/* Fifth Avenue Cellar — one house identity across every member surface. */
:root{--ivory:#f5f0e6;--paper:#fffcf5;--ink:#101010;--black:#090909;--wine:#792832;--muted:#6a665f;--line:#d8d1c5;--display:'Cormorant Garamond',Georgia,serif;--inscription:'Cinzel',Georgia,serif}
*{box-sizing:border-box}body{margin:0;background:var(--ivory);color:var(--ink);font:16px/1.6 Arial,sans-serif;overflow-wrap:break-word}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.5;cursor:wait}button,a,input,textarea,select{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--wine)}h1,h2,h3,p{margin:0}h1,h2,h3,.serif{font-family:var(--display);font-weight:500;font-synthesis:none}h1{font-size:clamp(2.6rem,4vw,3.6rem);line-height:1.06;letter-spacing:-.025em}h2{font-size:2.15rem;line-height:1.15}h3{font-size:1.8rem;line-height:1.15}p{margin:12px 0}.eyebrow{font-size:12px;font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.muted{color:var(--muted)}.small{font-size:14px}.footnote{font-size:12px;color:var(--muted);line-height:1.6;margin-top:24px}.row{display:flex;align-items:center;gap:14px}.between{justify-content:space-between}.wrap{flex-wrap:wrap}.stack{display:grid;gap:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.three{grid-template-columns:repeat(3,minmax(0,1fr))}.row>div,.shell>div,.grid>*,.chatmain{min-width:0}.card{background:var(--paper);border:1px solid var(--line);padding:28px}.card p:last-child{margin-bottom:0}.divider{border:0;border-top:1px solid var(--line);margin:24px 0}.empty{padding:30px;text-align:center;color:var(--muted);border:1px solid var(--line);font-size:14px}.tag{display:inline-block;padding:5px 9px;font-size:12px;letter-spacing:.04em;background:#ede9e0;color:#45413c}.tag.wine{background:#f2e7e5;color:#76232e}.avatar{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border:1px solid #bcaeaa;background:transparent;border-radius:50%;color:var(--wine);font:600 1.3rem var(--display)}
/* The approved original artwork is framed without redrawing its letterforms. */
.wordmark{flex-shrink:0;display:block;width:100%;height:auto;aspect-ratio:1140/430;overflow:hidden;background:#000;mix-blend-mode:screen}.house-seal{display:block;width:66px;height:auto;aspect-ratio:250/320;overflow:hidden;background:#000;mix-blend-mode:screen}.brand{display:flex;flex-direction:column;align-items:center;gap:24px;width:min(680px,100%)}.brand .house-seal{width:68px}.brand-home{display:block;background:none;border:0;padding:0;width:300px;flex-shrink:1}.sidebar-seal{display:flex;justify-content:center;padding:0 0 30px;border-bottom:1px solid #292625}.sidebar-seal .house-seal{width:64px}
.btn{border:1px solid var(--ink);background:var(--ink);color:var(--paper);padding:12px 20px;min-height:46px;border-radius:0;font-size:14px;letter-spacing:.035em;transition:background .18s,color .18s}.btn:hover{background:#2c2927}.btn.secondary,.btn.quiet{border-color:#b7aea1;background:transparent;color:var(--ink)}.btn.secondary:hover,.btn.quiet:hover{background:#eee8de}.link{border:0;background:none;color:var(--wine);padding:4px 0;min-height:40px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:5px;font-size:14px}.link:hover{color:#44151d}label{display:block;font-size:14px;font-weight:500;margin-bottom:20px}input,textarea,select{display:block;width:100%;margin-top:8px;border:1px solid #bfb7a9;background:var(--paper);color:var(--ink);padding:13px;border-radius:0;font-size:16px}input:disabled{color:var(--muted);background:#eeeae2}textarea{resize:vertical;min-height:110px}input[type=checkbox]{display:inline;width:auto;margin:0 10px 0 0;accent-color:var(--wine)}label.check{display:flex;align-items:center}.error{background:#f3e5e2;color:#722631;padding:14px;margin-bottom:16px;font-size:14px}.notice{padding:20px;border-left:2px solid var(--wine);background:#eee7dc}
/* Entry and membership approval screens. */
.auth{min-height:100vh;background:var(--black);display:flex;flex-direction:column;align-items:center;padding:56px 24px 64px}.authstory{width:100%;display:flex;justify-content:center;padding:4px 16px 38px;color:var(--ivory)}.authform{width:min(480px,100%);background:var(--paper);border:1px solid #d9d2c7;padding:36px 38px;margin:0 auto}.authform h2{font-size:2.8rem;margin:12px 0 24px;line-height:1.06}.authform form{margin-top:26px}.authswitch{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:28px}.authswitch button{border:0;border-bottom:2px solid transparent;color:var(--muted);background:none;padding:0 0 14px;font-size:14px;min-height:44px}.authswitch button.active{border-color:var(--wine);color:var(--ink)}.authform form>.btn{width:100%}.authform .eyebrow{font-size:12px}.authform .footnote{border-top:1px solid var(--line);padding-top:20px;margin-top:22px}.account-help{margin-top:14px}.approval-note{font-family:var(--display);font-size:19px;color:var(--ivory);text-align:center;margin:18px 0 0}.entry-brand{width:100%;display:flex;flex-direction:column;align-items:center}
/* Member shell: black masthead, oxblood seal, ivory working surfaces. */
.shell{display:grid;grid-template-columns:220px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100dvh;background:var(--black);padding:36px 20px 24px;color:var(--ivory);display:flex;flex-direction:column;border-right:1px solid #292625}.sidebar nav{display:grid;gap:5px;margin-top:28px}.nav{border:0;border-left:2px solid transparent;background:none;color:#c9c3b9;text-align:left;display:flex;align-items:center;gap:12px;padding:13px 12px;font-size:14px;min-height:46px}.nav:hover{background:#1e1c1b;color:var(--ivory)}.nav.active{background:#201b1b;border-left-color:#a34350;color:var(--ivory)}.nav .symbol{font-size:19px;width:23px;text-align:center}.sidebar .bottom{margin-top:auto;padding-top:24px;border-top:1px solid #302c29}.sidebar .muted{color:#ada69a}.sidebar .link{color:#e1d5c8}.sidebar .avatar{border-color:#6d4347;color:var(--ivory)}.mobile-more{display:none}.topbar{background:var(--black);color:var(--ivory);padding:26px 44px;min-height:140px;display:flex;justify-content:space-between;align-items:center;gap:24px;border-bottom:1px solid #332828}.topbar .btn.quiet{color:var(--ivory);border-color:#645b51;background:transparent}.topbar .btn.quiet:hover{background:#252020}.topbar .offline{color:#d4aaa7;font-size:12px}.topbar .row{flex-wrap:wrap;justify-content:flex-end}.content{max-width:1280px;margin:auto;padding:42px 44px 64px}.pagehead{margin-bottom:32px}.pagehead .eyebrow{margin-bottom:12px}.sectionhead{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:30px 0 18px}.sectionhead h2{font-size:2rem}.metric{font:500 3.1rem/1.2 var(--display);margin:8px 0;color:var(--ink);font-variant-numeric:lining-nums}.datebox{width:60px;min-width:60px;border:1px solid #baa79e;color:var(--ink);text-align:center;padding:9px;font:600 2rem/1 var(--display)}.datebox small{display:block;font:12px Arial,sans-serif;letter-spacing:.08em;margin-bottom:8px;color:var(--wine)}.eventfooter{margin-top:24px;border-top:1px solid var(--line);padding-top:18px}.event-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:16px}.segmented{display:flex;gap:6px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.segmented button{padding:12px 14px;min-height:46px;border:0;border-bottom:2px solid transparent;background:none;color:var(--muted);font-size:14px}.segmented button[aria-pressed=true]{border-color:var(--wine);color:var(--ink)}.event-time-note{margin-bottom:24px}.calendar-link{font-size:14px}
/* Collection, member cards, conversations and administration share the same primitives. */
.winecard{cursor:pointer;text-align:left;transition:border-color .18s}.winecard:hover{border-color:var(--wine)}.wine-vintage{background:var(--black);color:var(--ivory);padding:22px;margin:-28px -28px 24px;font:500 2.6rem var(--display);text-align:center;border-bottom:2px solid var(--wine)}.wine-vintage span{display:block;font:10px Arial,sans-serif;letter-spacing:.22em;margin-top:8px;color:#c7bfb2}.filters{margin-bottom:24px}.filters input{margin:0;max-width:340px}.filters select{margin:0;width:180px}.chat{display:grid;grid-template-columns:230px minmax(0,1fr);border:1px solid var(--line);background:var(--paper);height:min(650px,75dvh);min-height:430px}.threads{min-width:0;padding:16px;border-right:1px solid var(--line);overflow:auto;background:#eeeadf}.thread{display:block;border:0;border-left:2px solid transparent;background:none;text-align:left;width:100%;padding:14px 10px;color:var(--ink);font-size:14px;overflow-wrap:anywhere}.thread.active{border-left-color:var(--wine);background:#e3d9d1}.chatmain{display:flex;flex-direction:column;min-height:0}.chathead{padding:18px 24px;border-bottom:1px solid var(--line)}.messages{flex:1;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:18px}.message{max-width:82%;align-self:flex-start}.message.mine{align-self:flex-end}.bubble{background:#ede8de;padding:13px 16px;white-space:pre-wrap;overflow-wrap:anywhere}.mine .bubble{background:#191717;color:var(--ivory);border-left:2px solid var(--wine)}.message .small{margin-bottom:5px;color:var(--muted)}.composer{border-top:1px solid var(--line);padding:16px;display:flex;gap:12px;align-items:end}.composer textarea{min-height:50px;max-height:130px;margin:0;flex:1}.notification{display:block;width:100%;text-align:left;border:1px solid var(--line);padding:20px;background:var(--paper);color:var(--ink)}.notification.unread{border-left:3px solid var(--wine)}.notification p{margin:4px 0}.adminlist{display:grid;gap:14px}.more-menu{display:grid;gap:12px}.more-menu .btn{text-align:left;min-height:48px}dialog{border:1px solid var(--line);border-top:3px solid var(--wine);background:var(--paper);padding:30px;width:min(580px,92vw);max-height:85dvh;overscroll-behavior:contain;color:var(--ink)}dialog::backdrop{background:#000a}.modalhead{display:flex;justify-content:space-between;align-items:start;margin-bottom:26px}.close{border:0;background:none;font-size:26px;color:var(--muted);min-width:44px;min-height:44px;margin:-10px -10px 0 0}#toast{position:fixed;bottom:28px;left:50%;transform:translateX(-50%);z-index:10;background:var(--ink);color:var(--paper);padding:14px 24px;display:none;max-width:min(540px,90vw);width:max-content;font-size:14px;border-top:2px solid var(--wine)}.skip-link{position:absolute;top:-100px;left:16px;z-index:30;padding:12px 18px;background:var(--ivory);color:var(--ink)}.skip-link:focus{top:12px}.loading{min-height:100vh;background:var(--black);display:grid;place-items:center;color:var(--ivory);font:2rem var(--display)}
@media(max-width:1100px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:28px 14px}.content{padding:32px 26px 56px}.topbar{padding:24px 26px}.grid:not(.three){grid-template-columns:1fr}.three{grid-template-columns:repeat(2,minmax(0,1fr))}.chat{grid-template-columns:185px minmax(0,1fr)}}
@media(max-width:700px){h1{font-size:2.65rem}h2{font-size:2rem}h3{font-size:1.7rem}.auth{padding:30px 18px 42px}.authstory{padding:0 4px 28px}.brand{gap:16px}.brand .house-seal{width:48px}.authform{padding:28px 24px}.authform h2{font-size:2.4rem}.authswitch{gap:20px}.authswitch button{font-size:14px}.approval-note{font-size:18px;margin-top:14px}.shell{display:block}.sidebar{position:fixed;bottom:0;top:auto;width:100%;height:auto;z-index:5;border:0;border-top:1px solid #423033;padding:0 0 env(safe-area-inset-bottom,0px)}.sidebar-seal,.sidebar .bottom{display:none}.sidebar nav{display:flex;gap:0;margin:0}.sidebar .nav{flex:1;min-width:0;border-left:0;border-top:2px solid transparent;padding:10px 3px;flex-direction:column;gap:3px;font-size:12px;line-height:1.3}.sidebar .nav.active{border-top-color:#a34350}.sidebar .secondary-nav{display:none}.sidebar .mobile-more{display:flex}.topbar{padding:20px 18px;min-height:110px;gap:14px}.brand-home{width:230px;max-width:65%}.topbar .btn{font-size:13px;padding:9px 11px;min-height:44px}.topbar .row{gap:5px}.topbar .offline{max-width:95px;text-align:right}.content{padding:28px 18px calc(108px + env(safe-area-inset-bottom,0px))}.pagehead{margin-bottom:26px}.grid,.three{grid-template-columns:1fr}.card{padding:22px}.wine-vintage{margin:-22px -22px 22px}.sectionhead{margin-top:26px;gap:12px}.sectionhead h2{font-size:1.85rem}.sectionhead .link{flex-shrink:0;font-size:13px}.btn,.link{min-height:44px}.filters{align-items:stretch}.filters input,.filters select{max-width:none;width:100%}.segmented{width:100%}.segmented button{flex:1;padding:12px 7px;font-size:13px}.chat{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr);height:65dvh;min-height:420px}.threads{display:flex;gap:6px;border:0;border-bottom:1px solid var(--line);max-height:80px;padding:8px;overflow-x:auto}.threads>.eyebrow{display:none}.thread{white-space:nowrap;width:auto;flex-shrink:0;min-height:44px;border-left:0;border-bottom:2px solid transparent}.thread.active{border-bottom-color:var(--wine)}.chathead{padding:14px 16px}.messages{padding:16px}.message{max-width:93%}.composer{padding:12px;gap:8px}.composer .btn{padding:12px}.adminlist .row{flex-wrap:wrap}dialog{padding:24px}#toast{bottom:calc(90px + env(safe-area-inset-bottom,0px))}}
@media(max-width:380px){.authform{padding:24px 20px}.authswitch{gap:14px}.authswitch button{font-size:13px}.topbar{padding:18px 14px}.content{padding-left:14px;padding-right:14px}.sidebar .nav{font-size:11px}.card{padding:18px}.wine-vintage{margin:-18px -18px 20px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.header-seal{display:none}@media(max-width:700px){.header-seal{display:block;flex-shrink:0}.header-seal .house-seal{width:32px}.topbar{gap:10px}.brand-home{max-width:58%}.topbar .row{margin-left:auto}.topbar .btn{padding:8px}.topbar .offline{display:none}}
