/* CompactCSS source: /web/main/bais-shimon-5787/styles.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers focused garments into one ordered desktop-first stylesheet; Awtsmoos.com links responsive and motion vessels separately so the publication compiler cannot hide the final mobile law.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/core.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives the page its ground and measure; Awtsmoos.com lets dark circuitry and warm parchment meet without sacrificing readability.
*/
:root {
	font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	color: #241820;
	background: #0b0910;
	--ink: #241820;
	--ink-soft: #75676d;
	--wine: #641b3c;
	--wine-deep: #260b19;
	--night: #0d0b12;
	--night-soft: #17121d;
	--gold: #e5b95f;
	--gold-bright: #ffd985;
	--cream: #fbf7ee;
	--paper: #fffdf8;
	--line: rgba(89, 42, 59, .14);
	--line-dark: rgba(255, 220, 148, .16);
	--shadow: 0 20px 54px rgba(39, 14, 26, .12);
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	scroll-padding-top: 72px;
}

body {
	margin: 0;
	min-height: 100vh;
	background: radial-gradient(circle at 80% 4%, rgba(124, 36, 73, .22), transparent 28%), #f5efe6;
}

a {
	color: inherit;
}

button,
a {
	-webkit-tap-highlight-color: transparent;
}

.skip-link {
	position: fixed;
	top: 12px;
	left: 12px;
	z-index: 100;
	transform: translateY(-180%);
	padding: 10px 14px;
	background: #fff;
	color: var(--wine);
}

.skip-link:focus {
	transform: none;
}

.page-shell {
	max-width: 1160px;
	margin: 0 auto;
	padding: 0 22px 76px;
}

.content-section {
	padding: clamp(48px, 7vw, 78px) 0 0;
}

.section-heading {
	display: grid;
	gap: 10px;
	max-width: 760px;
	margin-bottom: 24px;
}

.section-heading--compact {
	margin-bottom: 16px;
}

.section-heading h2 {
	margin: 0;
	font: 500 clamp(2.2rem, 5.2vw, 4.3rem)/.98 Georgia, "Times New Roman", serif;
	letter-spacing: -.045em;
	color: var(--wine-deep);
}

.section-heading p:not(.section-kicker) {
	margin: 0;
	max-width: 680px;
	color: var(--ink-soft);
	line-height: 1.6;
}

.section-kicker {
	margin: 0;
	color: #9a6d28;
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .15em;
	text-transform: uppercase;
}

footer {
	padding: 30px 20px 46px;
	color: #776870;
	text-align: center;
	font-size: .88rem;
}

:focus-visible {
	outline: 3px solid var(--gold-bright);
	outline-offset: 3px;
}



/* CompactCSS source: /web/main/bais-shimon-5787/hero.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos turns the first glance into invitation; Awtsmoos.com lets wine-dark depth, luminous gold, and clean typography reveal a living community.
*/
.hero {
	position: relative;
	overflow: hidden;
	padding: clamp(76px, 10vw, 122px) 24px 50px;
	background: linear-gradient(135deg, #120b12 0%, #391126 48%, #711e46 100%);
	color: var(--cream);
}

.hero::before {
	content: "";
	position: absolute;
	inset: 0;
	background-image: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px);
	background-size: 42px 42px;
	mask-image: linear-gradient(to bottom, #000, transparent 82%);
}

.hero::after {
	content: "";
	position: absolute;
	width: 420px;
	height: 420px;
	right: -150px;
	top: -190px;
	border: 1px solid rgba(255, 218, 137, .28);
	transform: rotate(34deg);
	box-shadow: 0 0 90px rgba(229, 185, 95, .12);
}

.hero__inner {
	position: relative;
	z-index: 1;
	max-width: 1120px;
	margin: 0 auto;
}

.eyebrow {
	margin: 0;
	color: var(--gold-bright);
	font-size: .76rem;
	font-weight: 850;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.hero__title {
	display: grid;
	gap: 2px;
	margin: 18px 0 22px;
	max-width: 860px;
	font: 500 clamp(3.4rem, 8.4vw, 7rem)/.94 Georgia, "Times New Roman", serif;
	letter-spacing: -.06em;
}

.hero__title span,
.hero__title strong {
	display: block;
}

.hero__title strong {
	color: var(--gold-bright);
	font-weight: 500;
}

.hero__lead {
	max-width: 720px;
	margin: 0;
	color: #f0e8eb;
	font-size: clamp(1rem, 2vw, 1.2rem);
	line-height: 1.65;
}

.hero-signals {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin-top: 24px;
}

.hero-signals span {
	padding: 8px 10px;
	border: 1px solid rgba(255, 221, 151, .2);
	background: rgba(16, 8, 13, .22);
	color: #f7dfaa;
	font-size: .75rem;
	font-weight: 750;
	letter-spacing: .03em;
}



/* CompactCSS source: /web/main/bais-shimon-5787/navigation.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos opens a measured gate without delay; Awtsmoos.com keeps the community drawer deterministic so no stalled transition can bar the way.
*/
.community-menu-trigger {
	position: fixed;
	top: 18px;
	left: 18px;
	z-index: 70;
	display: inline-flex;
	align-items: center;
	gap: 10px;
	min-height: 44px;
	padding: 0 14px;
	border: 1px solid rgba(255, 220, 148, .34);
	border-radius: 3px;
	background: rgba(13, 10, 16, .92);
	box-shadow: 0 14px 38px rgba(0, 0, 0, .26);
	color: #fff8e8;
	font: inherit;
	cursor: pointer;
	backdrop-filter: blur(12px);
}

.community-menu-trigger span {
	color: var(--gold-bright);
	font-size: 1.08rem;
}

.community-nav-backdrop {
	position: fixed;
	inset: 0;
	z-index: 78;
	border: 0;
	background: rgba(4, 3, 6, .66);
}

.community-drawer {
	position: fixed;
	inset: 0 auto 0 0;
	z-index: 80;
	width: min(350px, 88vw);
	padding: 20px;
	background: #0d0a10;
	box-shadow: 34px 0 84px rgba(0, 0, 0, .46);
	color: #f9f1e5;
	transform: translateX(-102%);
	overflow-y: auto;
}

.community-drawer.is-open {
	transform: translateX(0);
}

.community-drawer__head {
	display: flex;
	justify-content: space-between;
	align-items: start;
	padding-bottom: 18px;
	border-bottom: 1px solid var(--line-dark);
}

.community-drawer__head div {
	display: grid;
	gap: 2px;
}

.community-drawer__head small {
	color: var(--gold);
	font-size: .68rem;
	font-weight: 850;
	letter-spacing: .13em;
	text-transform: uppercase;
}

.community-drawer__head strong {
	font: 500 1.5rem Georgia, serif;
}

.community-drawer__head button {
	width: 40px;
	height: 40px;
	border: 1px solid var(--line-dark);
	border-radius: 2px;
	background: transparent;
	color: #fff;
	font-size: 1.6rem;
	cursor: pointer;
}



/* CompactCSS source: /web/main/bais-shimon-5787/navigation-links.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets many destinations remain one path; Awtsmoos.com gives every namespaced drawer row a number, focus, and luminous active edge.
*/
.community-drawer__links {
	display: grid;
	gap: 6px;
	margin-top: 18px;
}

.community-drawer__links p {
	margin: 14px 0 4px;
	color: #907d86;
	font-size: .67rem;
	font-weight: 850;
	letter-spacing: .15em;
	text-transform: uppercase;
}

.community-drawer__links a {
	display: grid;
	grid-template-columns: 34px 1fr;
	align-items: center;
	min-height: 46px;
	padding: 8px 10px;
	border: 1px solid rgba(255, 255, 255, .07);
	background: #141018;
	text-decoration: none;
}

.community-drawer__links a:hover,
.community-drawer__links a.is-active {
	border-color: rgba(255, 216, 130, .4);
	background: #1c141e;
	box-shadow: inset 3px 0 0 var(--gold);
}

.community-drawer__links a span {
	color: var(--gold);
	font: 700 .68rem ui-monospace, monospace;
}

.community-drawer__foot {
	margin: 26px 0 0;
	color: #998990;
	font-size: .77rem;
	line-height: 1.5;
}



/* CompactCSS source: /web/main/bais-shimon-5787/events.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers recurring Torah into luminous vessels; Awtsmoos.com makes every date and speaker feel alive while the community grid stays isolated from platform styles.
*/
.events-section {
	margin-top: 44px;
	padding: clamp(30px, 5vw, 52px);
	border: 1px solid rgba(255, 220, 148, .13);
	background: radial-gradient(circle at 90% 0%, rgba(112, 29, 68, .38), transparent 32%), #100c14;
	box-shadow: 0 28px 70px rgba(47, 15, 32, .2);
	color: #f7efe8;
}

.events-section .section-heading h2 {
	color: #fff8ed;
}

.events-section .section-heading p:not(.section-kicker) {
	color: #baaeb4;
}

.community-featured-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 14px;
}

.event-card {
	position: relative;
	display: grid;
	align-content: start;
	gap: 16px;
	min-width: 0;
	padding: 22px;
	border: 1px solid rgba(255, 220, 148, .13);
	border-top: 2px solid var(--gold);
	background: linear-gradient(160deg, rgba(255,255,255,.045), rgba(255,255,255,.012));
	color: #f7efe8;
}

.event-card::after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 44px;
	border-top: 1px solid rgba(255, 219, 139, .35);
	border-right: 1px solid rgba(255, 219, 139, .35);
}

.event-card--compact {
	gap: 12px;
	padding: 16px;
	border-top-width: 1px;
	background: #17121b;
}

.event-card__header {
	display: grid;
	grid-template-columns: 62px minmax(0, 1fr);
	gap: 14px;
	align-items: start;
}

.event-date {
	display: grid;
	place-items: center;
	min-height: 68px;
	border: 1px solid rgba(255, 220, 148, .2);
	background: rgba(255,255,255,.035);
}

.event-date__day,
.event-date__month {
	color: #ab969e;
	font-size: .62rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.event-date__number {
	color: var(--gold-bright);
	font: 600 1.45rem/1 Georgia, serif;
}

.event-card__title {
	display: grid;
	gap: 4px;
}

.event-badge {
	color: var(--gold);
	font-size: .67rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.event-card h3 {
	margin: 0;
	font: 500 clamp(1.55rem, 3vw, 2.45rem)/1 Georgia, serif;
	letter-spacing: -.035em;
}

.event-card__host {
	margin: 0;
	color: #d7c8ce;
	font-size: .83rem;
	font-weight: 750;
}



/* CompactCSS source: /web/main/bais-shimon-5787/next-event.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals what comes next without hiding the larger calendar; Awtsmoos.com gives the nearest gathering a compact luminous status rail.
*/
.next-event {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	max-width: 760px;
	margin-top: 26px;
	padding: 11px 13px;
	border: 1px solid rgba(255, 220, 148, .18);
	background: rgba(9, 6, 11, .28);
}

.next-event__label {
	color: var(--gold);
	font-size: .65rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.next-event__title {
	color: #fff;
	font-size: .88rem;
}

.next-event__meta {
	color: #cbbcc2;
	font-size: .76rem;
}



/* CompactCSS source: /web/main/bais-shimon-5787/event-meta.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals the details that let a gathering be entered; Awtsmoos.com keeps Zoom, directions, dedication, and access metadata precise and touchable.
*/
.event-facts {
	display: grid;
	margin: 0;
	border-top: 1px solid rgba(255,255,255,.09);
}

.event-fact {
	display: grid;
	grid-template-columns: 88px minmax(0, 1fr);
	gap: 12px;
	padding: 9px 0;
	border-bottom: 1px solid rgba(255,255,255,.08);
}

.event-fact dt {
	color: #8f7f86;
	font-size: .68rem;
	font-weight: 850;
	text-transform: uppercase;
}

.event-fact dd {
	margin: 0;
	color: #f2e8e4;
	font-size: .84rem;
	line-height: 1.45;
}

.event-card__dedication {
	margin: 0;
	padding: 12px 14px;
	border-left: 2px solid var(--gold);
	background: rgba(229, 185, 95, .07);
	color: #d8cbd0;
	font-size: .86rem;
	line-height: 1.55;
}

.event-card__details {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}

.event-chip {
	display: inline-flex;
	align-items: center;
	min-height: 28px;
	padding: 5px 8px;
	border: 1px solid rgba(255,255,255,.1);
	background: rgba(255,255,255,.035);
	color: #cdbec4;
	font-size: .68rem;
}

.event-chip--zoom {
	border-color: rgba(117, 221, 210, .22);
	color: #bceee8;
}

.event-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	align-items: center;
}

.event-card--compact .event-card__header {
	grid-template-columns: 52px minmax(0, 1fr);
}

.event-card--compact .event-date {
	min-height: 58px;
}

.event-card--compact h3 {
	font-size: 1.25rem;
}

.event-card--compact .event-facts {
	font-size: .78rem;
}



/* CompactCSS source: /web/main/bais-shimon-5787/calendar.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos unfolds one week after another without repetition in the source; Awtsmoos.com turns recurring rules into a calm eight-week map of community life.
*/
.calendar-stage {
	padding-top: clamp(66px, 9vw, 104px);
	padding-bottom: clamp(60px, 8vw, 96px);
}

.week-calendar {
	display: grid;
	gap: 24px;
}

.calendar-week {
	display: grid;
	grid-template-columns: 170px minmax(0, 1fr);
	gap: 20px;
	padding-top: 18px;
	border-top: 1px solid var(--line);
}

.calendar-week__heading {
	display: grid;
	align-content: start;
	gap: 8px;
}

.calendar-week__line {
	width: 42px;
	height: 3px;
	background: linear-gradient(90deg, var(--electric), var(--gold));
}

.calendar-week__heading h3 {
	margin: 0;
	font-family: Georgia, "Times New Roman", serif;
	font-size: 1.16rem;
	font-weight: 500;
	color: var(--wine);
}

.calendar-week__heading small {
	color: #8b7a83;
	font-size: .68rem;
}

.calendar-week__grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}



/* CompactCSS source: /web/main/bais-shimon-5787/schedule.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives each holy service its own measured vessel; Awtsmoos.com keeps Shabbos and Sunday distinct so Shofar stands only where it belongs.
*/
.schedule-section {
	margin-top: 60px;
	padding: clamp(30px, 5vw, 52px);
	border: 1px solid #d9cec5;
	background: rgba(255, 252, 246, .78);
	box-shadow: var(--shadow);
}

.holiday {
	padding: 26px 0 0;
}

.holiday + .holiday {
	margin-top: 36px;
	border-top: 1px solid #d9cec5;
}

.holiday__intro {
	display: grid;
	gap: 7px;
	margin-bottom: 16px;
}

.holiday__intro h3 {
	margin: 0;
	font: 500 clamp(2rem, 4.5vw, 3.8rem)/1 Georgia, serif;
	letter-spacing: -.04em;
	color: var(--wine-deep);
}

.schedule-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.schedule-card {
	position: relative;
	min-width: 0;
	padding: 20px;
	border: 1px solid #ded3cb;
	border-left: 3px solid var(--wine);
	background: var(--paper);
}

.schedule-card--wide {
	grid-column: 1 / -1;
}

.schedule-card__date {
	margin: 0 0 7px;
	color: #8f6b31;
	font-size: .72rem;
	font-weight: 850;
	letter-spacing: .025em;
}

.schedule-badge {
	display: inline-block;
	margin-bottom: 9px;
	padding: 5px 8px;
	border: 1px solid #d6ad54;
	background: #fff1c8;
	color: #6c4512;
	font-size: .66rem;
	font-weight: 850;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.schedule-card h4 {
	margin: 0 0 12px;
	font: 500 clamp(1.35rem, 2.8vw, 1.9rem)/1.08 Georgia, serif;
	letter-spacing: -.025em;
	color: var(--wine);
}

.times {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
}

.times li {
	display: grid;
	grid-template-columns: minmax(92px, 118px) minmax(0, 1fr);
	gap: 12px;
	align-items: baseline;
	padding: 9px 0;
	border-top: 1px solid #e5dcd5;
}

.times strong {
	color: var(--wine);
	font-size: .9rem;
	font-variant-numeric: tabular-nums;
}

.times span {
	color: #6f6067;
	font-size: .9rem;
	line-height: 1.4;
}

.times--split {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	column-gap: 24px;
}



/* CompactCSS source: /web/main/bais-shimon-5787/actions.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos turns intention into action; Awtsmoos.com keeps call, Zoom, directions, calendar, and donation controls sharp, legible, and easy to touch.
*/
.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 9px;
	margin-top: 28px;
}

.button {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	min-height: 42px;
	padding: 9px 13px;
	border: 1px solid transparent;
	border-radius: 3px;
	font: 850 .78rem/1.2 inherit;
	text-decoration: none;
	cursor: pointer;
	transition: transform 150ms ease, border-color 150ms ease, background 150ms ease;
}

.button:hover {
	transform: translateY(-1px);
}

.button--primary {
	border-color: var(--gold-bright);
	background: var(--gold-bright);
	color: #25170d;
}

.button--ghost {
	border-color: rgba(255, 255, 255, .26);
	background: rgba(255, 255, 255, .05);
	color: #fff;
}

.button--electric {
	border-color: rgba(117, 221, 210, .28);
	background: #78ddd2;
	color: #102524;
	box-shadow: 0 8px 26px rgba(117, 221, 210, .14);
}

.button--quiet {
	border-color: rgba(255, 255, 255, .16);
	background: rgba(255,255,255,.055);
	color: #f5ece7;
}

.button--light {
	background: #fff9ee;
	color: var(--wine);
}

.button--gold {
	background: var(--gold);
	color: #21130d;
}



/* CompactCSS source: /web/main/bais-shimon-5787/support.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets welcome and generosity meet without confusion; Awtsmoos.com gives reservation its own gate while donation choices shine in a separate state.
*/
.support {
	display: grid;
	grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
	gap: clamp(24px, 5vw, 58px);
	align-items: start;
	margin-top: clamp(54px, 8vw, 88px);
	margin-bottom: 46px;
	padding: clamp(28px, 5vw, 46px);
	border-top: 3px solid var(--gold);
	background: radial-gradient(circle at 92% 0%, rgba(103, 232, 137, .08), transparent 28%), linear-gradient(135deg, #130c13, #2e101e);
	box-shadow: 0 24px 64px rgba(31, 12, 23, .22);
	color: #fff9ed;
}

.support__intro {
	display: grid;
	align-content: start;
	gap: 12px;
}

.support h2 {
	margin: 0;
	font: 500 clamp(2.3rem, 5vw, 4.4rem)/.96 Georgia, "Times New Roman", serif;
	letter-spacing: -.045em;
	color: #fff8ed;
}

.support__intro > p:not(.section-kicker) {
	margin: 0;
	max-width: 560px;
	color: #d6c8ce;
	line-height: 1.62;
}

.support__reservation {
	display: grid;
	gap: 8px;
	margin-top: 8px;
	padding: 14px;
	border: 1px solid rgba(255, 218, 133, .18);
	border-left: 3px solid var(--gold);
	background: rgba(255,255,255,.035);
}

.support__reservation strong {
	color: #f8d992;
	font-size: .75rem;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.support__reservation span {
	color: #d7c9cf;
	font-size: .83rem;
	line-height: 1.45;
}

.support__reservation .button {
	justify-self: start;
	margin-top: 2px;
}

.support__methods {
	min-width: 0;
}

footer {
	padding: 24px 34px 38px;
	border-top: 1px solid var(--line);
	color: #897982;
	text-align: center;
	font-size: .76rem;
}



/* CompactCSS source: /web/main/bais-shimon-5787/zmanim.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives sacred boundaries a precise luminous band; Awtsmoos.com keeps candle lighting and nightfall compact, scannable, and separate from weekly events.
*/
.zmanim-band {
	border-block: 1px solid rgba(255, 219, 139, .12);
	background: #120e15;
	color: #f8efe8;
}

.zmanim-band__inner {
	display: grid;
	grid-template-columns: minmax(180px, .55fr) minmax(0, 2fr);
	gap: 24px;
	align-items: center;
	max-width: 1160px;
	margin: 0 auto;
	padding: 19px 22px;
}

.zmanim-band__heading {
	display: grid;
	gap: 4px;
}

.zmanim-band__heading h2 {
	margin: 0;
	font: 500 1.26rem Georgia, serif;
	color: #fff7ea;
}

.zmanim-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 6px;
}

.zmanim-grid div {
	display: grid;
	gap: 2px;
	min-width: 0;
	padding: 9px 10px;
	border-left: 1px solid rgba(255, 219, 139, .16);
}

.zmanim-grid span,
.zmanim-grid small {
	color: #a8959d;
	font-size: .67rem;
	line-height: 1.25;
}

.zmanim-grid strong {
	color: var(--gold-bright);
	font-size: .96rem;
	font-variant-numeric: tabular-nums;
}