/* Public information page only. Authentication and membership remain outside this page.
   Hero "Golden gesture of silence": one composition. The photograph is anchored right at 112% of the
   viewport width, so the face (from 53% of the image width) always starts at 40% of the viewport while
   the text column ends at 38%. A deep-black field and gradient sit behind the typography on the left. */
.restricted-page{--cartel-gold:#c9ad76;--cartel-ivory:#f1e4c8;--cartel-black:#080706;position:relative;min-height:100svh;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr auto;background:var(--cartel-black);color:var(--cartel-ivory);overflow-x:clip}
.restricted-header,.restricted-main,.restricted-footer{grid-column:1;width:100%;max-width:38vw;min-width:0;margin:0;padding-inline:clamp(24px,4.7vw,76px);position:relative;z-index:1;text-align:left}
.restricted-header{grid-row:1;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:12px 24px;padding-block:30px}
.restricted-header::after{content:"";position:absolute;left:clamp(24px,4.7vw,76px);right:0;bottom:0;height:1px;background:linear-gradient(90deg,#c9ad7640,transparent)}
.restricted-wordmark{font-size:12px;letter-spacing:.2em;color:var(--cartel-ivory)}
.restricted-header .eyebrow{font-size:8px;letter-spacing:.2em;color:var(--cartel-gold)}
.cartel-art{position:absolute;inset:0;z-index:0;overflow:hidden;background:var(--cartel-black)}
.cartel-art picture{display:block}
.cartel-art img{position:absolute;top:0;right:0;display:block;width:112%;max-width:none;height:auto;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 72%,transparent 100%)}
/* Keep the left field deep black for the typography, release the face on the right, and fade into black below. */
.cartel-art::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--cartel-black) 0%,rgba(8,7,6,.97) 26%,rgba(8,7,6,.82) 34%,rgba(8,7,6,.35) 41%,rgba(8,7,6,0) 50%);pointer-events:none}
.restricted-main{grid-row:2;align-self:center;padding-block:44px 40px}
.restricted-kicker{font-size:9px;letter-spacing:.23em;color:var(--cartel-gold);margin-bottom:22px}
.restricted-main h1{font-family:var(--serif);font-size:clamp(34px,4.3vw,72px);font-weight:400;letter-spacing:.035em;color:var(--cartel-ivory);line-height:1.08;overflow-wrap:normal}
.restricted-main h1 span{display:block;font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.48em;margin-top:16px;color:var(--cartel-gold)}
.restricted-rule{height:1px;width:64px;margin:28px 0;background:linear-gradient(90deg,var(--cartel-gold),#c9ad7600)}
.restricted-statement{font-family:var(--sans);font-size:clamp(20px,2.3vw,34px);font-weight:400;line-height:1.3;letter-spacing:.05em;color:var(--cartel-ivory);max-width:14ch;margin-bottom:18px}
.restricted-philosophy{font-family:var(--serif);font-size:clamp(19px,2vw,28px);line-height:1.4;color:var(--cartel-gold);max-width:26ch}
.restricted-description{max-width:36ch;margin-top:16px;font-size:14px;line-height:1.8;color:#d6d0c4}
.restricted-lead{max-width:40ch;margin-top:10px;font-size:14px;line-height:1.8;color:#d6d0c4}
.restricted-principles{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:9px}
.restricted-principles li{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--cartel-gold);display:flex;align-items:center;gap:12px}
.restricted-principles li::before{content:"";width:16px;height:1px;background:#c9ad76b3;flex-shrink:0}
.access-label{display:flex;align-items:center;justify-content:flex-start;gap:9px;font-size:9px;letter-spacing:.16em;color:var(--cartel-gold);margin-top:28px}
.access-label svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.restricted-invitation{font-size:12px;line-height:1.8;color:#d6d0c4;margin-top:12px;max-width:38ch}
.restricted-note{font-size:11px;line-height:1.8;color:#bdb6aa;margin-top:10px;max-width:42ch}
.restricted-return{font-size:12px;color:var(--cartel-ivory);margin-top:22px;gap:10px;min-height:44px}
.restricted-return svg{width:16px;height:16px;color:var(--cartel-gold);flex-shrink:0}
.restricted-footer{grid-row:3;padding-block:22px}
.restricted-footer::before{content:"";position:absolute;left:clamp(24px,4.7vw,76px);right:0;top:0;height:1px;background:linear-gradient(90deg,#c9ad7640,transparent)}
.restricted-footer p{font-size:11px;letter-spacing:.12em;color:var(--cartel-gold);line-height:1.7}
.restricted-footer [data-analytics-preferences]{font:inherit;font-size:11px;min-height:44px;margin-top:8px;color:var(--cartel-ivory);border:0;background:transparent;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.restricted-page a:focus-visible,.restricted-page button:focus-visible{outline:2px solid var(--cartel-gold);outline-offset:5px}
/* Consent controls stay inside the dark text field and never cover the face. */
.restricted-page .public-analytics-choice{left:20px;right:auto;width:min(600px,calc(38vw - 32px));margin:0;background:#11100e;border-color:#8a754d}

/* Below 900px the face gets its own band above the copy; nothing is laid over the photograph. */
@media(max-width:899px){
 .restricted-page{display:flex;flex-direction:column}
 .restricted-header,.restricted-main,.restricted-footer{max-width:none}
 .restricted-header{order:1;padding-block:24px;gap:10px 16px}
 .cartel-art{order:2;position:relative;inset:auto;flex:none;width:100%;height:clamp(240px,62vw,520px)}
 .cartel-art img{inset:0;width:100%;height:100%;object-fit:cover;object-position:78% 42%;-webkit-mask-image:none;mask-image:none}
 .cartel-art::after{background:linear-gradient(90deg,rgba(8,7,6,.55) 0%,rgba(8,7,6,0) 38%),linear-gradient(180deg,rgba(8,7,6,0) 58%,var(--cartel-black) 100%)}
 .restricted-main{order:3;align-self:stretch;padding-block:28px 40px;max-width:640px}
 .restricted-main h1{font-size:clamp(34px,10vw,62px)}
 .restricted-statement{font-size:clamp(22px,6.4vw,30px);max-width:17ch}
 .restricted-philosophy{font-size:clamp(19px,5.4vw,26px)}
 .restricted-footer{order:4;margin-top:auto}
 .restricted-page .public-analytics-choice{left:12px;right:12px;bottom:12px;width:auto;max-width:none;max-height:calc(100svh - 24px);overflow:auto}
}