.membership-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;min-height:620px;overflow:hidden;padding:70px max(6%,calc((100vw - 1320px)/2));border-bottom:1px solid #b999603b;background:radial-gradient(ellipse at 74% 45%,#7b481f46,transparent 48%),linear-gradient(115deg,#0e0c0b,#211710 75%,#0f0d0a)}.membership-hero:before{content:'';position:absolute;inset:0;pointer-events:none;opacity:.22;background:url('/assets/members-desk-desktop-new.webp') center 35%/cover no-repeat;mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}.membership-hero-copy,.membership-hero-art{position:relative;z-index:1}.membership-hero h1{font-size:clamp(3.7rem,6.3vw,7.1rem);max-width:760px;margin-bottom:26px}.membership-hero p{font:clamp(1.3rem,1.8vw,1.65rem)/1.36 var(--serif);color:#e1d1bb;max-width:600px}.membership-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.membership-hero-art{display:flex;justify-content:center;align-items:center}.membership-hero-art img{width:min(100%,520px);max-height:560px;object-fit:contain;filter:drop-shadow(10px 32px 28px #000b)}.membership-doors{max-width:1320px;margin:auto;padding:48px 6% 120px}.membership-doors-intro{text-align:center;max-width:750px;margin:0 auto 26px}.membership-doors-intro p{margin:auto}.membership-door{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:clamp(32px,6vw,90px);padding:34px 0;border-top:1px solid #b999603b}.membership-door:last-child{border-bottom:1px solid #b999603b}.membership-door.reverse .door-image{order:2}.door-image{height:320px;border:1px solid #b9996066;overflow:hidden;background:#140e0b;box-shadow:0 22px 45px #0007}.door-image img{width:100%;height:100%;object-fit:cover}.desk-image img{object-position:center 13%}.reading-image img{object-position:center}.door-copy .eyebrow{margin-bottom:13px}.door-copy h3{font-size:clamp(2.6rem,3.4vw,4rem);line-height:1.05}.door-copy p{max-width:520px}.membership-tiers{padding:105px max(6%,calc((100vw - 1320px)/2)) 120px;background:radial-gradient(ellipse at 50% 10%,#52361627,transparent 45%),#18140f;border-block:1px solid #b9996038}.tiers-heading{max-width:850px;margin:0 auto 58px;text-align:center}.tiers-heading p{margin:auto}.tier-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.tier-card{position:relative;display:flex;flex-direction:column;min-height:340px;padding:30px 32px;border:1px solid #b9996054;background:linear-gradient(137deg,#282017,#17130f 75%);transition:transform .2s,border-color .2s,box-shadow .2s}.tier-card:hover,.tier-card:focus-visible{transform:translateY(-5px);border-color:#dab97c;box-shadow:0 16px 40px #0008,0 0 22px #c39d4720;outline:none}.tier-featured{border-color:#c7a46b;background:linear-gradient(130deg,#3c2c1c,#201911 66%)}.tier-overline{color:#c8a86e;text-transform:uppercase;letter-spacing:.17em;font-size:.72rem;font-weight:600}.tier-top{display:flex;align-items:start;justify-content:space-between;gap:15px;margin:12px 0 12px}.tier-top h3{font-size:clamp(1.9rem,2.55vw,2.7rem);max-width:370px;margin:0}.tier-price{font:2.35rem/1 var(--serif);color:#e8cf9c;white-space:nowrap}.tier-price small{display:block;margin-top:7px;font:12px/1.3 Manrope,Arial,sans-serif;letter-spacing:.04em;color:#c7b7a1}.tier-card p{margin:0 0 15px;color:#dfcfb8}.tier-card ul{margin:0 0 24px;padding-left:19px;color:#c4b5a1;line-height:1.6}.tier-card li::marker{color:#c19b60}.tier-link{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:15px;border-top:1px solid #b999603b;color:#f0d4a1;font-size:.85rem;font-weight:600}.tier-link span{font-size:1.35rem}.tiers-note{max-width:830px;margin:28px auto 0;text-align:center;font-size:.85rem;color:#b9aa96}.membership-last{text-align:center;padding:105px 6% 125px;background:radial-gradient(ellipse at center,#6f4b242c,transparent 65%)}.membership-last p{margin:0 auto 25px}.membership-last .button{margin-top:12px}@media(max-width:1100px) and (min-width:801px){.site-header nav{gap:12px}.site-header nav a{font-size:.7rem}}@media(max-width:800px){.membership-hero{grid-template-columns:1fr;min-height:0;padding:65px 7% 60px}.membership-hero:before{opacity:.12;mask-image:none}.membership-hero h1{font-size:clamp(3.5rem,12vw,5.5rem)}.membership-hero-art{margin:25px auto 0}.membership-hero-art img{max-height:330px}.membership-doors{padding:38px 7% 80px}.membership-doors-intro{margin-bottom:22px}.membership-door,.membership-door.reverse{grid-template-columns:1fr;gap:18px;padding:26px 0 36px}.membership-door.reverse .door-image{order:0}.door-image{height:240px}.membership-tiers{padding:80px 7% 90px}.tier-grid{grid-template-columns:1fr}.tier-card{min-height:0;padding:25px}.tier-top h3{font-size:2.05rem}.membership-last{padding:80px 7% 95px}}@media(max-width:380px){.tier-top{display:block}.tier-price{display:block;margin-top:12px}.tier-price small{display:inline;margin-left:5px}.membership-actions .button{width:100%}}

/* Preserve the complete member-area previews, including their headings and objects. */
.membership-door .door-image{height:auto;aspect-ratio:auto}
.membership-door .door-image img{height:auto;object-fit:contain}
@media(max-width:800px){.membership-door .door-image{height:auto}}
/* Match the two previews in width while displaying each complete photograph. */
.membership-door .door-image{min-width:0;height:auto;overflow:hidden}
.membership-door .door-image img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}
/* Expand both member-area photos without cropping the originals. */
button.door-image{position:relative;display:block;width:100%;padding:0;color:inherit;text-align:left;cursor:zoom-in;font:inherit}
button.door-image:focus-visible{outline:2px solid #e5bf7d;outline-offset:4px}
.photo-hint{position:absolute;right:12px;bottom:12px;padding:6px 10px;border:1px solid #e5c286a6;background:#100c09d9;color:#f3ddb2;font:600 11px/1.3 Manrope,Arial,sans-serif;letter-spacing:.11em}
.membership-photo-dialog{position:fixed;inset:0;width:max-content;max-width:min(96vw,1600px);max-height:96dvh;margin:auto;padding:40px 12px 12px;border:1px solid #b99960;background:#100c09;box-shadow:0 28px 100px #000e;color:#f3ddb2;overflow:auto}
.membership-photo-dialog::backdrop{background:#030202dc;backdrop-filter:blur(6px)}
.membership-photo-dialog img{display:block;width:auto;max-width:100%;max-height:calc(96dvh - 58px);height:auto;margin:auto;object-fit:contain}
.photo-close{position:absolute;top:5px;right:10px;border:0;background:transparent;color:#f5dcae;padding:5px 9px;cursor:pointer;font:600 14px Manrope,Arial,sans-serif}
.photo-close:focus-visible{outline:2px solid #e5bf7d}
@media(max-width:800px){.membership-photo-dialog{width:96vw;padding:46px 8px 8px}.membership-photo-dialog img{max-height:calc(96dvh - 60px)}}
