/* Approved Plum / Acid direction — September 2026. */
:root{--wine:#510d2b;--wine-dark:#34081c;--ink:#231923;--muted:#706774;--paper:#fff;--surface:#f8f6fa;--line:#e7e0ea;--accent:#eff77b;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
body{background:#fff}.masthead{background:#fff;border:0;color:var(--wine)}.mast-inner{max-width:1600px;padding:30px 40px 22px;gap:32px}.wordmark{font-family:inherit;gap:22px;flex-shrink:0}.monogram{width:58px;height:58px;border:0;border-radius:12px;background:var(--wine);font-family:inherit;font-size:22px;font-weight:600;gap:8px}.monogram span{color:white}.brand-lockup{align-items:flex-start;padding-left:22px;border-left:1px solid var(--line)}.brand-name{font-size:clamp(28px,2.6vw,42px);line-height:1;font-weight:800;letter-spacing:-1.8px;color:var(--wine)}.wordmark small{font-size:12px;letter-spacing:2px;color:var(--wine);margin-top:8px}.header-search{flex:1;max-width:390px;min-width:160px}.header-search input{border-radius:30px;background:#f8f6fa;border:1px solid var(--line);min-height:46px;padding-left:42px;font-size:16px}.header-search .search-box span{left:16px;top:6px;color:var(--wine)}.mast-actions{gap:23px;flex-shrink:0}.about-button{border:0;color:var(--wine);font-size:14px;max-width:none;white-space:nowrap}.about-button:hover{color:var(--wine-dark)}.account-button{order:2;background:#f7f1fa;border:1px solid var(--line);color:var(--wine);border-radius:15px;min-height:46px;font-weight:600;padding:11px 17px}.about-button{order:1}main{max-width:1600px;padding:0 40px}.intro{margin:0;border:0;border-radius:24px;padding:32px 38px;background:#3e091f;min-height:300px;isolation:isolate}.intro::before{opacity:1;background:url('images/plum-wine-hero.webp') center center/cover no-repeat;inset:0}.intro::after{background:linear-gradient(90deg,#38091edf 0%,#38091e85 43%,transparent 75%)}.intro>div:first-child{display:block;min-width:0}.intro h1{font-family:inherit;font-size:clamp(36px,4.7vw,72px);line-height:1.01;letter-spacing:-2.8px;font-weight:800;color:#fff;margin:0 0 14px;max-width:75%}.intro .lede{font-size:clamp(16px,1.7vw,23px);color:#fff;line-height:1.45}.intro #add-wine{display:inline-flex;margin:17px 0 0;border-radius:30px;background:var(--accent);color:#1c191c;font-size:17px;font-weight:650;padding:12px 24px;min-height:46px;box-shadow:none}.intro #add-wine:hover{background:#f6ffa0}.edition{display:none}.discovery-bar{display:flex;align-items:center;gap:22px;padding:20px 0 4px;flex-wrap:wrap}.collection-switch{display:flex;gap:8px;flex-shrink:0;padding-right:22px;border-right:1px solid var(--line)}.collection-switch button{border:1px solid var(--line);border-radius:28px;background:#f9f7fa;color:var(--ink);font-size:14px;padding:10px 18px;min-height:44px}.collection-switch button[aria-pressed=true]{background:var(--wine);border-color:var(--wine);color:#fff}.type-filters{border:0;gap:7px;flex:1;flex-wrap:wrap;min-width:0}.type-filter,.type-filter:first-child{border:1px solid var(--line);border-radius:28px;padding:10px 14px;min-height:44px;background:#fff;color:var(--ink);font-weight:500;font-size:14px;gap:7px}.type-filter[aria-pressed=true]{background:#efdfF4;color:#2e1432;border:1px solid #e8d8ee;font-weight:650}.type-filter:hover{background:#f7f1fa}.type-dot{display:block;width:12px;height:12px;flex-shrink:0}.type-filter .count{font-size:12px;color:var(--muted)}.catalogue-note{font-size:14px;padding:12px 0 0;line-height:1.6}.catalogue-layout{padding-top:22px;gap:28px}.filters{border-right:1px solid var(--line)}.filter-title{margin-bottom:16px}.filter-title h2{font-weight:650}.filters label{font-weight:550}.filters input,.filters select{border-radius:10px;border-color:var(--line)}.results-toolbar{margin-top:0}.bottle-stage{border:1px solid var(--line);border-radius:15px;background:#faf9fb}.wine-card:hover .bottle-stage{border-color:#b997ad}.name-button h2{font-family:inherit;font-size:21px;font-weight:650;letter-spacing:-.5px}.buy-link{border-color:var(--line);border-radius:10px}.card-content{border-color:var(--line)}.source-note{border-color:var(--line)}.primary,.secondary{border-radius:10px}.detail-copy h2,.about-content h2,.wine-form h2,.account-form h2{font-family:inherit;font-weight:700}.detail-image,.photo-pick{background:#f8f5fa}dialog{border-radius:20px}.close{border-radius:50%}.creator-credit{border-color:var(--wine)}input,select,.wine-form input,.wine-form select,.wine-form textarea{border-color:var(--line)}
@media(max-width:1150px){.mast-inner{gap:20px;flex-wrap:wrap;padding:24px 28px 20px}.header-search{order:3;max-width:none;flex-basis:100%}.mast-actions{margin-left:auto}.wordmark small{letter-spacing:1.3px}main{padding:0 28px}.intro{padding:30px;min-height:280px}.intro h1{font-size:clamp(38px,5.7vw,62px);max-width:78%;letter-spacing:-2px}.discovery-bar{gap:14px}.collection-switch{border:0;padding:0}.type-filters{flex-basis:100%}}
@media(max-width:720px){.mast-inner{padding:20px 18px 16px;gap:18px}.wordmark{gap:12px}.monogram{width:42px;height:44px;font-size:17px;gap:5px;border-radius:9px}.brand-lockup{padding-left:12px}.brand-name{font-size:29px;letter-spacing:-1.2px}.wordmark small{font-size:12px;letter-spacing:.7px}.mast-actions{flex-direction:row;gap:14px;flex-wrap:wrap;margin-left:0;justify-content:space-between;width:100%}.account-button{font-size:14px;min-height:44px;padding:10px 15px}.about-button{font-size:14px;max-width:none}.about-button span{display:inline}.header-search{order:2;flex-basis:100%}.mast-actions{order:3}main{padding:0 18px}.intro{padding:26px 23px;min-height:300px;border-radius:20px}.intro::before{background-position:65% center}.intro::after{background:linear-gradient(90deg,#38091eed,#38091e99 65%,#38091e44)}.intro h1{font-size:clamp(33px,7.8vw,48px);letter-spacing:-1.4px;max-width:100%;line-height:1.05}.intro .lede{font-size:16px}.intro #add-wine{margin-top:24px;font-size:16px;padding:12px 23px}.discovery-bar{padding-top:17px}.type-filters{overflow:visible;flex-wrap:wrap;gap:7px}.type-filter,.type-filter:first-child{padding:9px 12px;font-size:14px}.catalogue-layout{display:block;padding-top:19px}.filters{border:0;padding:0 0 20px}.filter-title{display:flex}.filters>label[for=style],.filters>select#style{display:block}.catalogue-note{font-size:14px}.wine-card{gap:16px}.bottle-stage{min-height:248px}.name-button h2{font-size:20px}.detail-copy h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}
/* Option 04: two separately drawn Vs and a centre rule. */
.monogram{padding:0;overflow:hidden;background:transparent}
.monogram img{display:block;width:100%;height:100%;object-fit:fill}
/* Compact full-width hero: approximately half the original height. */
.intro{min-height:150px;padding:18px 32px;border-radius:20px}
.intro h1{font-size:clamp(28px,3vw,40px);line-height:1.1;letter-spacing:-1.3px;margin-bottom:7px;max-width:85%}
.intro h1 br{display:none}.intro h1 br::after{content:' '}
.intro .lede{font-size:17px;line-height:1.4}
.intro #add-wine{margin-top:10px;padding:8px 20px;min-height:44px;font-size:15px}
@media(max-width:1150px){.intro{min-height:150px;padding:18px 28px}.intro h1{font-size:clamp(28px,3.6vw,36px);max-width:90%}}
@media(max-width:720px){.intro{min-height:150px;padding:14px 20px;border-radius:18px}.intro h1{font-size:28px;line-height:1.08;letter-spacing:-.8px;max-width:100%;margin-bottom:6px}.intro .lede{font-size:15px}.intro #add-wine{margin-top:9px;padding:8px 19px;font-size:15px;min-height:44px}}
