/* CompactCSS source: /web/main/bais-shimon-5787/reservation-page.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers the reservation journey beneath the same living surface covenant as every other Bais Shimon room; Awtsmoos.com loads the fresh shared navigation and visual foundation exactly once, then adds only reservation-specific controls, contact, responsive measure, and motion.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/styles.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews one coherent visual garment before many public rooms appear; Awtsmoos.com carries the fresh fail-safe navigation release through one cache-safe global parent.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/theme.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews color before wavelength can call itself light; Awtsmoos.com lets Bais Shimon glow through midnight blue, electric cyan, royal violet, and candle-gold, each finite token a vessel that points beyond itself and rhymes with the Infinite.
*/
:root {
	color-scheme: dark;
	--aw-surface-bg: #02070f;
	--aw-surface-panel: rgb(7 22 38 / 74%);
	--aw-surface-panel-strong: rgb(9 27 48 / 91%);
	--aw-surface-panel-hover: rgb(13 39 65 / 91%);
	--aw-surface-text: #fffdf7;
	--aw-surface-text-muted: #a9bfd0;
	--aw-surface-accent: #62e9ff;
	--aw-surface-accent-strong: #bcf7ff;
	--aw-surface-accent-soft: rgb(98 233 255 / 14%);
	--aw-surface-violet: #aa86ff;
	--aw-surface-violet-soft: rgb(170 134 255 / 17%);
	--aw-surface-gold: #ffd66b;
	--aw-surface-gold-soft: #fff0b1;
	--aw-surface-border: rgb(161 226 255 / 18%);
	--aw-surface-border-strong: rgb(154 238 255 / 44%);
	--aw-surface-highlight: rgb(255 255 255 / 11%);
	--aw-surface-danger: #ff91ab;
	--aw-surface-success: #76efc2;
	--aw-surface-warning: #ffe08d;
	--aw-surface-radius-xs: .62rem;
	--aw-surface-radius-sm: .9rem;
	--aw-surface-radius-md: 1.16rem;
	--aw-surface-radius-lg: 1.7rem;
	--aw-surface-touch: 2.75rem;
	--aw-surface-gap-xs: .38rem;
	--aw-surface-gap-sm: .7rem;
	--aw-surface-gap-md: 1.05rem;
	--aw-surface-gap-lg: 1.6rem;
	--aw-surface-fast: 150ms;
	--aw-surface-standard: 290ms;
	--aw-surface-slow: 820ms;
	--aw-surface-ease: cubic-bezier(.2, .82, .2, 1);
	--aw-surface-spring: cubic-bezier(.16, 1.18, .3, 1);
	--aw-surface-shadow: 0 28px 88px rgb(0 0 0 / 48%);
	--aw-surface-shadow-soft: 0 14px 48px rgb(0 0 0 / 32%);
	--aw-surface-shadow-lift: 0 36px 110px rgb(0 0 0 / 55%);
	--aw-surface-ring: 0 0 0 3px rgb(98 233 255 / 23%);
	--aw-surface-glow: 0 0 34px rgb(98 233 255 / 17%);
	--aw-surface-glow-strong: 0 0 68px rgb(98 233 255 / 28%);
	--aw-surface-gold-glow: 0 0 58px rgb(255 214 107 / 22%);
	--aw-surface-layer-base: 0;
	--aw-surface-layer-sticky: 10;
	--aw-surface-layer-popover: 20;
	--aw-surface-layer-drawer: 30;
	--aw-surface-layer-modal: 40;
	--aw-surface-layer-toast: 50;
	--aw-surface-safe-top: env(safe-area-inset-top, 0px);
	--aw-surface-safe-right: env(safe-area-inset-right, 0px);
	--aw-surface-safe-bottom: env(safe-area-inset-bottom, 0px);
	--aw-surface-safe-left: env(safe-area-inset-left, 0px);
	--navy: #061a2b;
	--navy-soft: #123e5e;
	--cream: #f8f3e8;
	--cream-panel: #fffdf8;
	--ink-dark: #102536;
	--ink-dark-soft: #667582;
	--wine: #934d7e;
	--wine-deep: #54203f;
	--gold: var(--aw-surface-gold);
	--gold-soft: var(--aw-surface-gold-soft);
	--electric: var(--aw-surface-accent);
	--electric-soft: var(--aw-surface-accent-strong);
	--ink: var(--aw-surface-text);
	--ink-soft: #deedf5;
	--muted: var(--aw-surface-text-muted);
	--line: var(--aw-surface-border);
	--line-electric: rgb(98 233 255 / 36%);
	--paper: var(--aw-surface-panel);
	--night: var(--aw-surface-bg);
	--glass: var(--aw-surface-panel);
	--glass-strong: var(--aw-surface-panel-strong);
	--shadow-soft: var(--aw-surface-shadow-soft);
	--shadow-deep: var(--aw-surface-shadow);
	--ease-out: var(--aw-surface-ease);
	--radius-pill: 999px;
	--radius-sm: var(--aw-surface-radius-sm);
	--radius-md: var(--aw-surface-radius-md);
	--radius-card: var(--aw-surface-radius-lg);
	--rail: 226px;
	--aw-layer-sticky: var(--aw-surface-layer-sticky);
	--aw-layer-drawer: var(--aw-surface-layer-drawer);
}



/* CompactCSS source: /web/main/bais-shimon-5787/core.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos creates darkness, aurora, starfield and eye in one instant; Awtsmoos.com lets the Bais Shimon vessel feel like living sacred technology—deep space beneath, luminous Torah above, with every focus ring and touch target still serving a real person before spectacle.
*/
*,
*::before,
*::after {
	box-sizing: border-box;
}
html {
	scroll-behavior: smooth;
	background: var(--night);
}
body {
	position: relative;
	isolation: isolate;
	margin: 0;
	min-width: 0;
	min-height: 100vh;
	overflow-x: clip;
	background:
		radial-gradient(circle at 88% -8%, rgb(98 233 255 / 20%), transparent 30rem),
		radial-gradient(circle at 8% 28%, rgb(255 214 107 / 11%), transparent 29rem),
		radial-gradient(circle at 74% 78%, rgb(170 134 255 / 15%), transparent 37rem),
		linear-gradient(135deg, rgb(8 38 62 / 26%) 0 1px, transparent 1px 34px),
		linear-gradient(180deg, #06182a 0%, #020914 48%, #01040a 100%);
	background-attachment: fixed;
	color: var(--ink);
	text-rendering: optimizeLegibility;
	-webkit-font-smoothing: antialiased;
}
body::before {
	position: fixed;
	inset: 0;
	z-index: -1;
	background: radial-gradient(circle at 50% 20%, transparent 0 22%, rgb(2 7 15 / 62%) 72%);
	content: "";
	pointer-events: none;
}
:where(main, section, article, aside, header, footer, nav, form, fieldset, div) {
	min-inline-size: 0;
}
:where(img, video, canvas, svg) {
	max-inline-size: 100%;
}
:where(img, video) {
	block-size: auto;
}
:where(p, li, dd, dt, blockquote, figcaption) {
	overflow-wrap: anywhere;
}
:where(a, button, input, select, textarea, summary, [role="button"], [tabindex]:not([tabindex="-1"])) {
	-webkit-tap-highlight-color: transparent;
}
:where(button, input, select, textarea) {
	font: inherit;
}
:where(input, select, textarea, button, [role="button"], summary) {
	min-block-size: var(--aw-surface-touch);
}
:where(.text-link, footer a, .skip-link) {
	display: inline-flex;
	align-items: center;
	min-inline-size: var(--aw-surface-touch);
	min-block-size: var(--aw-surface-touch);
}
:where(a, button, [role="button"], input, textarea, select, summary, [tabindex]:not([tabindex="-1"])):focus-visible {
	outline: 2px solid var(--aw-surface-accent);
	outline-offset: 3px;
	box-shadow: var(--aw-surface-ring), var(--aw-surface-glow-strong);
}
:where(.home-social, .portal-grid, .content-section, .schedule-section, .calendar-stage, .support) {
	content-visibility: auto;
	contain-intrinsic-size: auto 720px;
}
::selection {
	background: rgb(170 134 255 / 38%);
	color: #fff;
}
.skip-link {
	position: fixed;
	top: max(12px, env(safe-area-inset-top));
	left: max(12px, env(safe-area-inset-left));
	z-index: var(--aw-surface-layer-toast);
	transform: translateY(-180%);
	padding: 10px 14px;
	border: 1px solid var(--aw-surface-border-strong);
	border-radius: var(--aw-surface-radius-sm);
	background: rgb(5 24 43 / 96%);
	box-shadow: var(--aw-surface-shadow-soft), var(--aw-surface-glow);
	color: #fff;
	transition: transform var(--aw-surface-fast) var(--aw-surface-ease);
}
.skip-link:focus {
	transform: none;
}
.section-kicker {
	margin: 0;
	color: var(--gold-soft);
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .14em;
	text-shadow: 0 0 18px rgb(255 214 107 / 20%);
	text-transform: uppercase;
}
[hidden] {
	display: none;
}
@media (prefers-reduced-motion: reduce) {
	html {
		scroll-behavior: auto;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/shell.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives each page a measured chamber while the rail remains one shared spine; Awtsmoos.com keeps content broad enough to breathe and narrow enough to align.
*/
.site-frame {
	min-height: 100vh;
	margin-left: var(--rail);
}

.page-shell {
	width: min(1180px, calc(100% - 52px));
	margin: 0 auto;
}

.page-content {
	padding-block: 48px 76px;
}

.content-section {
	padding-top: 36px;
}

.content-section + .content-section {
	margin-top: 42px;
}

.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.15rem, 5vw, 4.7rem)/.96 Georgia, "Times New Roman", serif;
	letter-spacing: -.048em;
	color: #fff7ef;
}

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

footer {
	padding: 28px 28px 38px;
	border-top: 1px solid var(--line);
	color: #8f8189;
	text-align: center;
	font-size: .75rem;
}



/* CompactCSS source: /web/main/bais-shimon-5787/glass.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is beyond every pane yet creates refraction, glow, shadow, and shine anew; Awtsmoos.com lets Bais Shimon glass feel like a living orbital chamber, where cyan, violet, and candle-gold move around readable Torah without ever becoming the Torah itself.
*/
.glass-card {
	position: relative;
	isolation: isolate;
	border: 1px solid var(--aw-surface-border);
	border-radius: var(--radius-card);
	background:
		linear-gradient(145deg, rgb(255 255 255 / 10%), transparent 29%),
		linear-gradient(325deg, rgb(170 134 255 / 8%), transparent 38%),
		linear-gradient(25deg, rgb(98 233 255 / 6%), transparent 45%),
		var(--aw-surface-panel);
	box-shadow:
		var(--aw-surface-shadow-soft),
		inset 0 1px 0 rgb(255 255 255 / 13%),
		inset 0 -1px 0 rgb(98 233 255 / 7%);
	backdrop-filter: blur(24px) saturate(142%);
	overflow: hidden;
	transition:
		transform var(--aw-surface-standard) var(--aw-surface-spring),
		border-color var(--aw-surface-standard) ease,
		box-shadow var(--aw-surface-standard) ease;
}
.glass-card::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background:
		radial-gradient(circle at 100% 0%, rgb(98 233 255 / 21%), transparent 31%),
		radial-gradient(circle at 0% 100%, rgb(255 214 107 / 13%), transparent 43%),
		radial-gradient(circle at 52% 110%, rgb(170 134 255 / 12%), transparent 38%);
	content: "";
	pointer-events: none;
}
.glass-card::after {
	position: absolute;
	inset: -60% -28%;
	z-index: -1;
	background: linear-gradient(112deg, transparent 35%, rgb(205 248 255 / 18%) 48%, transparent 61%);
	content: "";
	opacity: 0;
	pointer-events: none;
	transform: translate3d(-28%, 0, 0) rotate(3deg);
	transition: opacity var(--aw-surface-standard) ease, transform var(--aw-surface-slow) var(--aw-surface-ease);
}
.glass-card:focus-within {
	border-color: var(--aw-surface-border-strong);
	box-shadow: var(--aw-surface-shadow), var(--aw-surface-glow), inset 0 1px 0 rgb(255 255 255 / 15%);
}
.glass-card:focus-within::after {
	opacity: 1;
	transform: translate3d(5%, 0, 0) rotate(3deg);
}
.glass-card--primary {
	border-color: rgb(255 214 107 / 35%);
	background:
		linear-gradient(150deg, rgb(255 214 107 / 14%), transparent 32%),
		linear-gradient(330deg, rgb(98 233 255 / 10%), transparent 42%),
		var(--aw-surface-panel-strong);
	box-shadow: var(--aw-surface-shadow), var(--aw-surface-gold-glow), inset 0 1px 0 rgb(255 255 255 / 13%);
}
.inset-surface {
	border: 1px solid var(--aw-surface-border);
	border-radius: var(--radius-md);
	background: rgb(2 10 20 / 68%);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%);
	backdrop-filter: blur(16px) saturate(130%);
}
.text-link {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	color: var(--electric-soft);
	font-size: .78rem;
	font-weight: 800;
	text-decoration: none;
	transition: color var(--aw-surface-fast) ease, transform var(--aw-surface-fast) var(--aw-surface-ease), text-shadow var(--aw-surface-fast) ease;
}
.text-link:focus-visible {
	color: #fff;
}
.text-link:active {
	transform: translateX(1px) scale(.975);
}
@media (hover: hover) and (pointer: fine) {
	.glass-card:hover {
		border-color: var(--aw-surface-border-strong);
		box-shadow: var(--aw-surface-shadow-lift), var(--aw-surface-glow), inset 0 1px 0 rgb(255 255 255 / 15%);
		transform: translateY(-4px) perspective(800px) rotateX(.35deg);
	}
	.glass-card:hover::after {
		opacity: 1;
		transform: translate3d(20%, 0, 0) rotate(3deg);
	}
	.text-link:hover {
		color: #fff;
		text-shadow: 0 0 18px rgb(98 233 255 / 48%);
		transform: translateX(2px);
	}
}
@media (prefers-reduced-motion: reduce) {
	.glass-card,
	.glass-card::after,
	.text-link {
		transition: none;
	}
}
@media (prefers-reduced-transparency: reduce) {
	.glass-card,
	.inset-surface {
		background: #091c2e;
		backdrop-filter: none;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/hero.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos creates threshold and destination in one instant, and every photograph is only a garment for a deeper life; Awtsmoos.com lets the real Bais Shimon image become a cinematic gate of cyan distance and Shabbos gold without sacrificing the words that tell a person where to go.
*/
.hero,
.page-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
	background:
		radial-gradient(circle at 84% 14%, rgb(113 221 255 / 20%), transparent 27rem),
		radial-gradient(circle at 18% 110%, rgb(220 174 77 / 12%), transparent 25rem),
		linear-gradient(135deg, #061725, #0b2b40 56%, #12374d);
}
.hero::before,
.page-hero::before {
	position: absolute;
	inset: 0;
	z-index: -1;
	background: linear-gradient(90deg, rgb(1 8 14 / 91%), rgb(4 20 31 / 62%) 56%, rgb(4 20 31 / 28%));
	content: "";
}
.hero::after,
.page-hero::after {
	position: absolute;
	inset: -42% -18%;
	z-index: -1;
	background: linear-gradient(108deg, transparent 38%, rgb(150 232 255 / 11%) 48%, rgb(255 224 147 / 8%) 53%, transparent 64%);
	content: "";
	pointer-events: none;
	transform: translate3d(-28%, 0, 0) rotate(-4deg);
}
.home-hero {
	min-height: 68vh;
	padding: clamp(102px, 12vw, 158px) 36px 72px;
	background-image:
		linear-gradient(90deg, rgb(1 8 14 / 91%), rgb(4 20 31 / 64%) 54%, rgb(4 20 31 / 31%)),
		url('https://awtsmoos.com/api/social/assets/awtsmoos/image/asset_1789144237955_1fcf945d1dcd8fa837.jpg');
	background-position: center;
	background-size: cover;
}
.home-hero::before {
	background:
		radial-gradient(circle at 72% 26%, rgb(113 221 255 / 13%), transparent 24rem),
		linear-gradient(180deg, rgb(2 10 17 / 4%), rgb(2 10 17 / 54%));
}
.hero__inner,
.page-hero__inner {
	position: relative;
	z-index: 1;
	width: min(1080px, 100%);
	margin: 0 auto;
}
.eyebrow {
	margin: 0;
	color: var(--gold-soft);
	font-size: .7rem;
	font-weight: 850;
	letter-spacing: .15em;
	text-shadow: 0 0 18px rgb(220 174 77 / 24%);
	text-transform: uppercase;
}
.hero__title {
	display: grid;
	gap: 0;
	max-width: 820px;
	margin: 16px 0 18px;
	font: 500 clamp(3.45rem, 8vw, 7.5rem)/.89 Georgia, serif;
	letter-spacing: -.06em;
	text-shadow: 0 4px 38px rgb(0 0 0 / 46%);
}
.hero__title strong {
	color: #fff0bd;
	font-size: .72em;
	font-weight: 500;
	text-shadow: 0 0 36px rgb(220 174 77 / 15%);
}
.hero__lead {
	max-width: 650px;
	margin: 0;
	color: #f7f3ea;
	font-size: clamp(1rem, 2vw, 1.22rem);
	line-height: 1.55;
	text-shadow: 0 2px 18px rgb(0 0 0 / 38%);
}
.page-hero { padding: 68px 34px 38px; }
.page-hero h1 {
	max-width: 850px;
	margin: 12px 0;
	font: 500 clamp(2.55rem, 5.5vw, 5rem)/.95 Georgia, serif;
	letter-spacing: -.045em;
	text-shadow: 0 3px 30px rgb(0 0 0 / 34%);
}
.page-hero p:not(.eyebrow) {
	max-width: 730px;
	margin: 0;
	color: #dce9f0;
	line-height: 1.58;
}
@media (max-width: 760px) {
	.home-hero { min-height: 61vh; padding: 96px 22px 56px; background-position: 58% center; }
	.hero__title { font-size: clamp(3rem, 15vw, 5.3rem); }
	.page-hero { padding: 84px 22px 30px; }
}
@media (prefers-reduced-motion: reduce) {
	.hero::after,
	.page-hero::after { transform: none; }
}



/* CompactCSS source: /web/main/bais-shimon-5787/home-brand.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets a local name carry warmth without becoming a billboard; Awtsmoos.com keeps Chabad of Crown Heights unmistakable while Beis Shmuel settles beneath it like a quieter golden signature.
*/
.home-identity {
	min-height: 46vh;
}

.hero__title--identity {
	max-width: 860px;
	font-size: clamp(3.4rem, 8vw, 7rem);
}

.hero__title--identity span {
	color: #fff8f4;
}

.hero__title--identity strong {
	font-size: .8em;
}

.hero__beis-shmuel {
	margin: 7px 0 18px;
	color: var(--gold-soft);
	font: 500 clamp(1.7rem, 3.6vw, 3.25rem)/1 Georgia, serif;
	letter-spacing: -.035em;
}



/* CompactCSS source: /web/main/bais-shimon-5787/navigation.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is one before header, drawer, motion, and links appear as separate garments; Awtsmoos.com lets each focused navigation vessel load through one cache-safe parent.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/navigation-base.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals a doorway before ornament can load; Awtsmoos.com keeps the three-bar mobile control visible as the first navigation truth.
*/
.site-mobile-header {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) 42px;
	gap: 9px;
	align-items: center;
	min-height: 62px;
	padding: 8px 10px;
	border-bottom: 1px solid rgb(181 231 247 / 12%);
	background: #061c2b;
}

.site-menu-trigger {
	display: inline-grid;
	grid-template-columns: 20px auto;
	gap: 7px;
	align-items: center;
	min-width: 42px;
	min-height: 42px;
	padding: 0 11px;
	border: 1px solid rgb(181 231 247 / 18%);
	border-radius: 12px;
	background: rgb(255 255 255 / 5%);
	color: #f5fbff;
	font: inherit;
	font-size: .6rem;
	font-weight: 800;
	cursor: pointer;
}

.site-menu-trigger__bars {
	display: grid;
	gap: 4px;
	width: 18px;
}

.site-menu-trigger__bar {
	display: block;
	width: 18px;
	height: 2px;
	border-radius: 999px;
	background: currentColor;
	box-shadow: 0 0 8px rgb(98 233 255 / 24%);
	transform-origin: center;
}

.site-menu-trigger.is-open .site-menu-trigger__bar:first-child {
	transform: translateY(6px) rotate(45deg);
}

.site-menu-trigger.is-open .site-menu-trigger__bar:nth-child(2) {
	opacity: 0;
}

.site-menu-trigger.is-open .site-menu-trigger__bar:last-child {
	transform: translateY(-6px) rotate(-45deg);
}

@media (min-width: 901px) {
	.site-mobile-header,
	.site-menu-trigger {
		display: none;
	}
}

@media (max-width: 430px) {
	.site-menu-trigger__label {
		display: none;
	}

	.site-menu-trigger {
		grid-template-columns: 20px;
		padding-inline: 10px;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/navigation-drawer.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is beyond every path while Awtsmoos.com gathers finite routes into one guarded drawer that opens and closes without losing place.
*/
.site-rail {
	position: fixed;
	inset: 0 auto 0 0;
	z-index: var(--aw-layer-drawer);
	display: grid;
	grid-template-rows: auto minmax(0, 1fr) auto;
	width: var(--rail);
	padding: max(18px, var(--aw-surface-safe-top)) 13px max(16px, var(--aw-surface-safe-bottom));
	border-right: 1px solid rgb(181 231 247 / 12%);
	background: linear-gradient(180deg, rgb(10 39 57 / 95%), rgb(4 20 31 / 94%) 52%, rgb(2 12 19 / 98%));
	box-shadow: 20px 0 58px rgb(0 0 0 / 28%);
	backdrop-filter: blur(24px) saturate(135%);
	overscroll-behavior: contain;
}

.site-rail__brand {
	display: grid;
	grid-template-columns: 8px 1fr auto;
	gap: 10px;
	align-items: start;
	padding: 8px 8px 17px;
	border-bottom: 1px solid rgb(181 231 247 / 10%);
}

.site-rail__pulse {
	width: 7px;
	height: 7px;
	margin-top: 6px;
	border-radius: 50%;
	background: var(--gold);
	box-shadow: 0 0 16px rgb(220 174 77 / 56%);
}

.site-rail__brand-copy {
	display: grid;
	gap: 2px;
}

.site-rail__brand-copy strong {
	color: #fff9ee;
	font: 600 1rem/1.1 Georgia, serif;
}

.site-rail__brand-copy small {
	color: #8fa8b6;
	font-size: .6rem;
}

.site-rail__close {
	display: none;
}

.site-rail.is-open .site-rail__close {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border: 1px solid rgb(181 231 247 / 15%);
	border-radius: 11px;
	background: rgb(255 255 255 / 5%);
	color: #fff;
	cursor: pointer;
}

.site-rail__contact {
	display: flex;
	flex-wrap: wrap;
	gap: 8px 12px;
	padding: 14px 8px 2px;
	border-top: 1px solid rgb(181 231 247 / 9%);
}

.site-rail-backdrop {
	position: fixed;
	inset: 0;
	z-index: calc(var(--aw-layer-drawer) - 1);
	margin: 0;
	padding: 0;
	border: 0;
	border-radius: 0;
	background: rgb(1 7 12 / 68%);
	backdrop-filter: blur(10px) saturate(118%);
}

@media (prefers-reduced-transparency: reduce) {
	.site-rail {
		background: #071d2b;
		backdrop-filter: none;
	}

	.site-rail-backdrop {
		background: rgb(0 0 0 / 84%);
		backdrop-filter: none;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/navigation-mobile.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos fixes one narrow doorway in place while Awtsmoos.com lets the drawer move beneath it without swallowing the page.
*/
@media (max-width: 900px) {
	:root {
		--mobile-header-height: 62px;
		--mobile-rail-width: min(330px, calc(100vw - 44px));
	}

	body.site-nav-open {
		overflow: hidden;
		overscroll-behavior: none;
	}

	.site-frame {
		margin-left: 0;
		padding-top: calc(var(--mobile-header-height) + env(safe-area-inset-top));
	}

	.site-mobile-header {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: calc(var(--aw-layer-drawer) + 3);
		grid-template-columns: auto minmax(0, 1fr) 42px;
		min-height: calc(var(--mobile-header-height) + env(safe-area-inset-top));
		padding: max(8px, env(safe-area-inset-top)) 10px 8px;
		border-bottom-color: rgb(181 231 247 / 18%);
		background: linear-gradient(180deg, rgb(4 21 33 / 98%), rgb(3 17 28 / 95%));
		box-shadow: 0 10px 28px rgb(0 0 0 / 24%);
		backdrop-filter: blur(22px) saturate(128%);
	}

	.site-mobile-header__home {
		display: grid;
		place-items: center;
		width: 42px;
		height: 42px;
		border: 1px solid rgb(181 231 247 / 16%);
		border-radius: 12px;
		background: rgb(255 255 255 / 5%);
		color: #eafaff;
		text-decoration: none;
	}

	.site-mobile-header__home .site-icon {
		width: 19px;
		height: 19px;
		color: currentColor;
	}

	.site-mobile-header__copy {
		display: grid;
		gap: 1px;
		min-width: 0;
		color: inherit;
		text-decoration: none;
	}

	.site-mobile-header__copy strong {
		color: #fff8ee;
		font: 600 .88rem/1.05 Georgia, serif;
	}

	.site-mobile-header__copy small {
		overflow: hidden;
		color: #839ead;
		font-size: .54rem;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.site-menu-trigger {
		display: inline-grid !important;
		visibility: visible !important;
		opacity: 1 !important;
		border-color: rgb(181 231 247 / 22%) !important;
		background: rgb(255 255 255 / 6%) !important;
		color: #fff !important;
	}

	.site-menu-trigger:active,
	.site-mobile-header__home:active {
		transform: scale(.96);
	}

	.site-rail {
		inset: calc(var(--mobile-header-height) + env(safe-area-inset-top)) auto 0 0;
		width: var(--mobile-rail-width);
		height: calc(100dvh - var(--mobile-header-height) - env(safe-area-inset-top));
		padding-top: 12px;
		overflow: hidden;
		transform: translate3d(calc(-100% - 18px), 0, 0);
	}

	.site-rail.is-open {
		transform: translate3d(0, 0, 0);
	}

	.site-rail__links {
		min-height: 0;
		overflow-y: auto;
		overscroll-behavior: contain;
	}

	.site-rail-backdrop {
		inset: calc(var(--mobile-header-height) + env(safe-area-inset-top)) 0 0;
		height: auto;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/navigation-motion.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets orientation arrive gently before motion disappears again; Awtsmoos.com gives header, drawer, backdrop, and route groups short compositor-friendly motion that never obscures the path itself.
*/
@keyframes aw-nav-header-enter {
	from { opacity: 0; transform: translate3d(0, -12px, 0); }
	to { opacity: 1; transform: translate3d(0, 0, 0); }
}
@keyframes aw-nav-link-enter {
	from { opacity: 0; transform: translate3d(-12px, 0, 0) scale(.985); }
	to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@media (max-width: 900px) and (prefers-reduced-motion: no-preference) {
	.site-mobile-header { animation: aw-nav-header-enter 320ms var(--aw-surface-ease) both; }
	.site-menu-trigger,
	.site-mobile-header__home { transition: transform var(--aw-surface-fast) var(--aw-surface-spring), background-color var(--aw-surface-fast) ease, border-color var(--aw-surface-fast) ease; }
	.site-menu-trigger__bars i { transition: transform 260ms var(--aw-surface-spring), opacity 150ms ease; }
	.site-rail { transition: transform 310ms cubic-bezier(.2,.8,.2,1); }
	.site-rail-backdrop { transition: opacity 220ms ease, backdrop-filter 220ms ease; }
	.site-rail.is-open .site-rail__route { animation: aw-nav-link-enter 360ms var(--aw-surface-ease) both; }
	.site-rail.is-open .site-rail__group:nth-child(2) .site-rail__route { animation-delay: 28ms; }
	.site-rail.is-open .site-rail__group:nth-child(3) .site-rail__route { animation-delay: 56ms; }
	.site-rail.is-open .site-rail__group:nth-child(4) .site-rail__route { animation-delay: 84ms; }
}
@media (prefers-reduced-motion: reduce) {
	.site-mobile-header,
	.site-menu-trigger,
	.site-mobile-header__home,
	.site-menu-trigger__bars i,
	.site-rail,
	.site-rail-backdrop,
	.site-rail__route { animation: none; transition: none; }
}





/* CompactCSS source: /web/main/bais-shimon-5787/navigation-links.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos turns many finite doors toward one purpose while remaining beyond every path; Awtsmoos.com lets the sidebar read like a calm map with clear districts, quiet inactive routes, and one unmistakable current room.
*/
.site-rail__links {
	display: grid;
	align-content: start;
	gap: 17px;
	padding: 16px 2px;
	overflow-y: auto;
	scrollbar-width: thin;
}
.site-rail__group { display: grid; gap: 4px; }
.site-rail__group + .site-rail__group { padding-top: 2px; }
.site-rail__group-label {
	margin: 0 10px 5px;
	color: #6f8d9e;
	font-size: .51rem;
	font-weight: 860;
	letter-spacing: .14em;
	text-transform: uppercase;
}
.site-rail__route {
	position: relative;
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 9px;
	align-items: center;
	min-height: 45px;
	padding: 0 10px;
	border: 1px solid transparent;
	border-radius: 12px;
	background: transparent;
	color: #a9bec9;
	text-decoration: none;
	transition: transform var(--aw-surface-fast) var(--aw-surface-spring), background-color var(--aw-surface-fast) ease, border-color var(--aw-surface-fast) ease, color var(--aw-surface-fast) ease;
}
.site-rail__route::before {
	position: absolute;
	inset: 10px auto 10px 0;
	width: 2px;
	border-radius: 999px;
	background: linear-gradient(180deg, var(--gold), var(--electric));
	content: "";
	opacity: 0;
	transform: scaleY(.4);
	transition: opacity var(--aw-surface-fast) ease, transform var(--aw-surface-standard) var(--aw-surface-spring);
}
.site-icon { width: 18px; height: 18px; color: #7196a8; transition: color var(--aw-surface-fast) ease, filter var(--aw-surface-fast) ease; }
.site-rail__route strong { overflow: hidden; font-size: .73rem; font-weight: 760; text-overflow: ellipsis; white-space: nowrap; }
.site-rail__route:focus-visible { border-color: rgb(98 233 255 / 24%); background: rgb(98 233 255 / 6%); color: #fff; outline: none; }
.site-rail__route:active { transform: scale(.98); }
.site-rail__route.is-active {
	border-color: rgb(255 214 107 / 16%);
	background: linear-gradient(90deg, rgb(255 214 107 / 9%), rgb(98 233 255 / 4%));
	color: #fff9eb;
}
.site-rail__route.is-active::before { opacity: 1; transform: scaleY(1); }
.site-rail__route.is-active .site-icon { color: var(--gold-soft); filter: drop-shadow(0 0 8px rgb(255 214 107 / 20%)); }
@media (hover: hover) and (pointer: fine) {
	.site-rail__route:hover { border-color: rgb(98 233 255 / 12%); background: rgb(98 233 255 / 4%); color: #fff; transform: translateX(2px); }
	.site-rail__route:hover .site-icon { color: var(--electric-soft); }
}
@media (max-width: 900px) {
	.site-rail__links { gap: 14px; padding-top: 10px; }
	.site-rail__route { min-height: 46px; }
}
@media (prefers-reduced-motion: reduce) {
	.site-rail__route,
	.site-rail__route::before,
	.site-icon { transition: none; }
}



/* CompactCSS source: /web/main/bais-shimon-5787/actions.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews intention before the finger meets the finite gate; Awtsmoos.com lets each Bais Shimon action become a small pane of responsive light—gold for invitation, cyan for motion, glass for choice—while the label stays obvious and the physics never replace meaning.
*/
.hero__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-top: 26px;
}
.button {
	position: relative;
	isolation: isolate;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: 7px;
	min-height: 46px;
	padding: 10px 17px;
	overflow: hidden;
	border: 1px solid transparent;
	border-radius: 13px;
	font: 850 .76rem/1.2 inherit;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--aw-surface-fast) var(--aw-surface-spring), box-shadow var(--aw-surface-standard) ease, border-color var(--aw-surface-fast) ease, background-color var(--aw-surface-fast) ease;
}
.button::before {
	position: absolute;
	inset: -80% -35%;
	z-index: -1;
	background: linear-gradient(108deg, transparent 39%, rgb(255 255 255 / 22%) 49%, transparent 60%);
	content: "";
	opacity: 0;
	pointer-events: none;
	transform: translateX(-30%);
	transition: opacity var(--aw-surface-fast) ease, transform var(--aw-surface-slow) var(--aw-surface-ease);
}
.button:focus-visible { box-shadow: var(--aw-surface-ring), var(--aw-surface-glow); }
.button:active:not(:disabled):not([aria-disabled="true"]) { transform: translateY(1px) scale(.975); }
.button:disabled,
.button[aria-disabled="true"] { cursor: not-allowed; opacity: .48; }
.button--electric {
	border-color: rgb(113 221 255 / 43%);
	background: linear-gradient(135deg, #126286, #0d405d);
	box-shadow: 0 10px 30px rgb(16 116 157 / 24%), inset 0 1px 0 rgb(255 255 255 / 14%);
	color: #fff;
}
.button--gold {
	border-color: rgb(255 227 154 / 63%);
	background: linear-gradient(135deg, #ffe39a, #d8a437 72%, #bd8421);
	box-shadow: 0 10px 32px rgb(220 174 77 / 22%), inset 0 1px 0 rgb(255 255 255 / 36%);
	color: #261c09;
}
.button--ghost {
	border-color: rgb(181 231 247 / 24%);
	background: linear-gradient(145deg, rgb(255 255 255 / 9%), rgb(5 25 39 / 52%));
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
	color: #fff;
	backdrop-filter: blur(16px) saturate(125%);
}
.button--quiet {
	border-color: var(--aw-surface-border);
	background: rgb(255 255 255 / 5%);
	color: #eef6fa;
}
.button--social {
	border-color: rgb(113 221 255 / 30%);
	background: linear-gradient(135deg, rgb(113 221 255 / 14%), rgb(255 224 147 / 5%));
	color: var(--electric-soft);
}
@media (hover: hover) and (pointer: fine) {
	.button:hover:not(:disabled):not([aria-disabled="true"]) { transform: translateY(-2px); }
	.button:hover::before { opacity: 1; transform: translateX(28%); }
	.button--electric:hover { box-shadow: 0 16px 38px rgb(16 116 157 / 31%), var(--aw-surface-glow); }
	.button--gold:hover { box-shadow: 0 16px 38px rgb(220 174 77 / 30%); }
	.button--ghost:hover { border-color: rgb(181 231 247 / 42%); background-color: rgb(17 53 78 / 68%); }
}
@media (prefers-reduced-motion: reduce) {
	.button,
	.button::before { transition: none; }
}
@media (prefers-reduced-transparency: reduce) {
	.button--ghost { background: #123149; backdrop-filter: none; }
}



/* CompactCSS source: /web/main/bais-shimon-5787/next-event.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos reveals the nearest gathering and the ordered hours within a holy program without eclipsing the weeks beyond; Awtsmoos.com gives event timing a quiet electric rail for the next signal and luminous nested vessels for every published Yom Tov hour.
*/
.next-event {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr) auto;
	gap: 12px;
	align-items: center;
	max-width: 820px;
	margin-top: 26px;
	padding: 13px 15px;
	border: 1px solid var(--line-electric);
	background: rgba(8,7,11,.34);
	box-shadow: inset 3px 0 0 rgba(117,221,210,.65);
	backdrop-filter: blur(14px);
}
.next-event__label {
	color: var(--electric);
	font-size: .64rem;
	font-weight: 900;
	letter-spacing: .09em;
	text-transform: uppercase;
}
.next-event__title {
	color: #fff;
	font-size: .9rem;
}
.next-event__meta {
	color: #c1b2ba;
	font-size: .76rem;
	font-variant-numeric: tabular-nums;
}
.event-program {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px;
}
.event-program__eyebrow {
	grid-column: 1 / -1;
	margin: 0;
	color: var(--gold-soft);
	font-size: .62rem;
	font-weight: 850;
	letter-spacing: .13em;
	text-transform: uppercase;
}
.event-program__group {
	padding: 12px;
	border: 1px solid var(--line);
	border-radius: var(--radius-md);
	background: linear-gradient(145deg, rgb(98 233 255 / 7%), rgb(170 134 255 / 6%), rgb(3 12 23 / 72%));
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
	transition: transform var(--aw-surface-standard) var(--aw-surface-spring), border-color var(--aw-surface-fast) ease, box-shadow var(--aw-surface-standard) ease;
}
.event-program__date {
	color: var(--muted);
}
.event-program__group h4 {
	margin: 5px 0 9px;
	color: #fff;
}
.event-program__times {
	display: grid;
	gap: 6px;
}
.event-program__row {
	display: grid;
	grid-template-columns: minmax(72px, auto) 1fr;
	gap: 10px;
	padding-top: 6px;
	border-top: 1px solid var(--line);
	font-size: .68rem;
	line-height: 1.4;
}
.event-program__row strong {
	color: var(--gold-soft);
}
@media (hover: hover) and (pointer: fine) {
	.event-program__group:hover {
		border-color: var(--aw-surface-border-strong);
		box-shadow: var(--aw-surface-glow), inset 0 1px 0 rgb(255 255 255 / 10%);
		transform: translateY(-2px);
	}
}
@media (max-width: 620px) {
	.event-program {
		grid-template-columns: 1fr;
	}
}
@media (prefers-reduced-motion: reduce) {
	.event-program__group {
		transition: none;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/events.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gathers recurring Torah into a real place and hour while remaining beyond every clock; Awtsmoos.com lets each Bais Shimon event shine as a legible glass invitation—date first, teacher next, real actions last—so cinematic depth never competes with the gathering itself.
*/
.events-section {
	position: relative;
	padding: clamp(18px, 4vw, 30px);
	overflow: hidden;
	border: 1px solid var(--aw-surface-border);
	border-radius: 22px;
	background:
		linear-gradient(145deg, rgb(255 255 255 / 8%), transparent 35%),
		rgb(6 24 37 / 74%);
	box-shadow: var(--aw-surface-shadow-soft), inset 0 1px 0 rgb(255 255 255 / 8%);
	backdrop-filter: blur(20px) saturate(128%);
	color: var(--ink);
}
.events-section .section-kicker { color: var(--gold-soft); }
.events-section .section-heading h2 { color: #fffaf0; }
.events-section .section-heading p:not(.section-kicker) { color: #b5c7d1; }
.community-featured-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 10px; }
.event-card {
	position: relative;
	display: grid;
	gap: 11px;
	min-width: 0;
	padding: 15px;
	overflow: hidden;
	border: 1px solid var(--aw-surface-border);
	border-radius: 17px;
	background:
		linear-gradient(145deg, rgb(255 255 255 / 8%), transparent 35%),
		rgb(8 31 47 / 78%);
	box-shadow: 0 10px 32px rgb(0 0 0 / 20%), inset 0 1px 0 rgb(255 255 255 / 7%);
	backdrop-filter: blur(16px);
	color: var(--ink);
	transition: transform var(--aw-surface-standard) var(--aw-surface-spring), border-color var(--aw-surface-standard) ease, box-shadow var(--aw-surface-standard) ease;
}
.event-card--compact { gap: 8px; padding: 12px; border-radius: 13px; box-shadow: inset 0 1px 0 rgb(255 255 255 / 6%); }
.event-card__header { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 12px; align-items: center; }
.event-date {
	display: grid;
	place-items: center;
	min-height: 62px;
	border: 1px solid rgb(113 221 255 / 24%);
	border-radius: 12px;
	background:
		linear-gradient(145deg, rgb(113 221 255 / 14%), rgb(255 224 147 / 5%)),
		rgb(4 22 34 / 76%);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%), 0 0 24px rgb(113 221 255 / 6%);
}
.event-date__day,
.event-date__month { color: #a9c2cf; font-size: .52rem; font-weight: 850; letter-spacing: .07em; text-transform: uppercase; }
.event-date__number { color: var(--electric-soft); font: 800 1.25rem/1 ui-monospace, monospace; text-shadow: 0 0 16px rgb(113 221 255 / 25%); }
.event-card__title { display: grid; gap: 3px; }
.event-badge { color: var(--gold-soft); font-size: .53rem; font-weight: 850; letter-spacing: .06em; text-transform: uppercase; }
.event-card h3 { margin: 0; color: #fffaf0; font: 600 clamp(1.25rem, 2.4vw, 1.75rem)/1.05 Georgia, serif; letter-spacing: -.025em; }
.event-card__host { margin: 0; color: #adc0cb; font-size: .69rem; font-weight: 760; }
.event-card--compact h3 { font-size: 1rem; }
.calendar-section {
	margin-top: 16px;
	padding: clamp(18px, 4vw, 28px);
	border: 1px solid var(--aw-surface-border);
	border-radius: 22px;
	background:
		radial-gradient(circle at 96% 0%, rgb(113 221 255 / 10%), transparent 22rem),
		rgb(5 22 34 / 78%);
	box-shadow: var(--aw-surface-shadow-soft);
	backdrop-filter: blur(18px);
}
@media (hover: hover) and (pointer: fine) {
	.event-card:hover { border-color: var(--aw-surface-border-strong); box-shadow: var(--aw-surface-shadow-lift); transform: translateY(-3px); }
}
@media (max-width: 600px) {
	.events-section,
	.calendar-section { padding: 14px; border-radius: 17px; }
	.event-card { padding: 12px; }
}
@media (prefers-reduced-motion: reduce) { .event-card { transition: none; } }



/* CompactCSS source: /web/main/bais-shimon-5787/event-meta.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives every practical event detail a luminous vessel without letting metadata become a foreign white island; Awtsmoos.com keeps facts, chips, and action controls inside one dark-glass language while the fuller Yom Tov program receives its own event-timing vessel.
*/
.event-facts {
	display: grid;
	margin: 0;
	border-top: 1px solid var(--line);
}
.event-fact {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 12px;
	padding: 9px 0;
	border-bottom: 1px solid var(--line);
}
.event-fact dt {
	color: var(--electric-soft);
	font-size: .55rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.event-fact dd {
	margin: 0;
	color: var(--ink-soft);
	font-size: .73rem;
	line-height: 1.45;
}
.event-facts--compact .event-fact {
	grid-template-columns: 56px minmax(0, 1fr);
	padding-block: 6px;
}
.event-card__dedication {
	margin: 0;
	padding: 10px 12px;
	border: 1px solid rgb(255 214 107 / 20%);
	border-left: 3px solid var(--gold);
	border-radius: 0 var(--radius-sm) var(--radius-sm) 0;
	background: linear-gradient(90deg, rgb(255 214 107 / 12%), rgb(170 134 255 / 5%));
	color: var(--gold-soft);
	font-size: .7rem;
	font-weight: 750;
	line-height: 1.5;
}
.event-card__details,
.event-card__actions {
	display: flex;
	flex-wrap: wrap;
	gap: 7px;
}
.event-chip {
	display: inline-flex;
	align-items: center;
	min-height: 27px;
	padding: 4px 8px;
	border: 1px solid var(--line-electric);
	border-radius: var(--radius-pill);
	background: linear-gradient(120deg, rgb(98 233 255 / 11%), rgb(170 134 255 / 7%));
	color: var(--muted);
	font-size: .57rem;
}
.event-chip--zoom {
	color: var(--electric-soft);
}
.event-action {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	min-height: 40px;
	padding: 0 11px;
	border: 1px solid var(--line-electric);
	border-radius: 11px;
	background: linear-gradient(145deg, rgb(255 255 255 / 8%), rgb(4 20 35 / 66%));
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 8%);
	color: var(--electric-soft);
	font-size: .63rem;
	font-weight: 800;
	text-decoration: none;
	cursor: pointer;
	transition: transform var(--aw-surface-fast) var(--aw-surface-spring), border-color var(--aw-surface-fast) ease, background var(--aw-surface-fast) ease, box-shadow var(--aw-surface-fast) ease;
}
.event-action__icon {
	width: 16px;
	height: 16px;
}
.event-action--tiktok {
	border-color: rgb(170 134 255 / 36%);
	color: #decfff;
}
.event-action:focus-visible {
	border-color: var(--aw-surface-accent);
	background: rgb(98 233 255 / 12%);
}
.event-action:active {
	transform: translateY(1px) scale(.97);
}
@media (hover: hover) and (pointer: fine) {
	.event-action:hover {
		border-color: var(--aw-surface-border-strong);
		box-shadow: var(--aw-surface-glow), inset 0 1px 0 rgb(255 255 255 / 10%);
		transform: translateY(-2px);
	}
}
@media (prefers-reduced-motion: reduce) {
	.event-action {
		transition: none;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/social.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos makes distant listeners part of one gathering without turning the hero into a toolbar; Awtsmoos.com keeps weekly rhythm and social access inside small tactile signal pills whose focus, press, and pointer states remain truthful on every device.
*/
.signal-row {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-top: 18px;
}
.signal-row span,
.signal-row a {
	display: inline-flex;
	gap: 6px;
	align-items: center;
	min-height: 32px;
	padding: 0 10px;
	border: 1px solid var(--line);
	border-radius: var(--radius-pill);
	background: var(--aw-surface-highlight);
	color: var(--muted);
	font: 780 .6rem/1 ui-monospace, monospace;
	letter-spacing: .035em;
	text-decoration: none;
	transition: border-color var(--aw-surface-fast) ease, background-color var(--aw-surface-fast) ease, color var(--aw-surface-fast) ease, transform var(--aw-surface-fast) var(--aw-surface-ease);
}
.signal-chip {
	display: inline-flex;
	gap: 7px;
	align-items: center;
	min-height: 32px;
	padding: 0 11px;
	border: 1px solid var(--line-electric);
	border-radius: var(--radius-pill);
	background: linear-gradient(120deg, rgb(98 233 255 / 17%), rgb(170 134 255 / 10%), rgb(255 214 107 / 7%));
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 9%);
	color: var(--electric-soft);
	font-size: .68rem;
	font-weight: 750;
}
.signal-row .signal-link--tiktok {
	border-color: rgb(255 82 151 / 25%);
	background: linear-gradient(135deg, rgb(255 82 151 / 8%), rgb(123 220 255 / 4.5%));
	color: #ffd1e3;
}
.signal-row a:focus-visible {
	outline: none;
	border-color: var(--line-electric);
	box-shadow: var(--aw-surface-ring);
	color: #fff;
}
.signal-row a:active {
	transform: translateY(1px) scale(.985);
}
@media (hover: hover) and (pointer: fine) {
	.signal-row a:hover {
		border-color: var(--line-electric);
		background: var(--aw-surface-accent-soft);
		color: #fff;
	}
}
@media (prefers-reduced-motion: reduce) {
	.signal-row a {
		transition: none;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/calendar.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos unfolds recurrence without demanding eight full screens of repetition; Awtsmoos.com keeps future weeks as a measured agenda, each heading fixed to context and each compact card carrying only the next practical doors.
*/
.calendar-section {
	padding: clamp(20px, 4vw, 34px);
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	background: rgba(12,10,15,.64);
}

.calendar-filters {
	display: flex;
	flex-wrap: wrap;
	gap: 6px;
	margin-bottom: 18px;
}

.calendar-filters button {
	min-height: 36px;
	padding: 0 12px;
	border: 1px solid var(--line);
	border-radius: var(--radius-pill);
	background: rgba(255,255,255,.025);
	color: #978a91;
	font-size: .62rem;
	font-weight: 820;
	cursor: pointer;
}

.calendar-filters button[aria-pressed="true"] {
	border-color: var(--line-electric);
	background: rgba(103,216,205,.08);
	color: var(--electric-soft);
}

.event-calendar {
	display: grid;
	gap: 18px;
}

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

.calendar-week__heading {
	position: sticky;
	top: 12px;
	align-self: start;
	display: grid;
	gap: 6px;
}

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

.calendar-week__heading h3 {
	margin: 0;
	font: 500 1rem/1.15 Georgia, serif;
}

.calendar-week__heading small {
	color: #71656c;
	font-size: .58rem;
}

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

@media (max-width: 700px) {
	.calendar-week {
		grid-template-columns: 1fr;
	}

	.calendar-week__heading {
		position: static;
	}

	.calendar-week__grid {
		grid-template-columns: 1fr;
	}
}



/* 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 while glass, gold, and the living shadow token make each schedule card legible without ornamental noise.
*/
.schedule-section {
	padding: clamp(26px, 4vw, 44px);
	border: 1px solid var(--line);
	background: rgba(14,10,16,.7);
	box-shadow: var(--shadow-soft);
}

.holiday {
	padding-top: 24px;
}

.holiday + .holiday {
	margin-top: 34px;
	border-top: 1px solid var(--line);
}

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

.holiday__intro h3 {
	margin: 0;
	font: 500 clamp(2rem, 4.4vw, 3.7rem)/1 Georgia, serif;
	letter-spacing: -.04em;
	color: #fff3ea;
}

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

.schedule-card {
	position: relative;
	min-inline-size: 0;
	padding: 19px;
	border: 1px solid var(--line);
	border-left: 3px solid var(--gold);
	background: linear-gradient(145deg, rgba(255,255,255,.045), rgba(255,255,255,.015));
	overflow: hidden;
}

.schedule-card::after {
	position: absolute;
	inset: auto -26px -36px auto;
	width: 90px;
	height: 90px;
	border: 1px solid rgba(226,184,94,.16);
	border-radius: 50%;
	content: "";
}

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

.schedule-card__date {
	margin: 0 0 7px;
	color: #b89554;
	font-size: .69rem;
	font-weight: 900;
}

.schedule-badge {
	display: inline-block;
	margin-bottom: 9px;
	padding: 5px 8px;
	border: 1px solid rgba(117,221,210,.26);
	background: rgba(117,221,210,.07);
	color: var(--electric-soft);
	font-size: .64rem;
	font-weight: 900;
	letter-spacing: .05em;
	text-transform: uppercase;
}

.schedule-card h4 {
	margin: 0 0 11px;
	font: 500 clamp(1.3rem, 2.7vw, 1.85rem)/1.08 Georgia, serif;
	color: #fff4ed;
}



/* CompactCSS source: /web/main/bais-shimon-5787/schedule-times.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets each zman stand beside its service without confusion; Awtsmoos.com gives holy times tabular rhythm and responsive precision.
*/
.times {
	display: grid;
	margin: 0;
	padding: 0;
	list-style: none;
}

.times li {
	display: grid;
	grid-template-columns: minmax(90px, 116px) minmax(0, 1fr);
	gap: 11px;
	padding: 8px 0;
	border-top: 1px solid rgba(255,255,255,.07);
}

.times strong {
	color: var(--gold-soft);
	font-size: .86rem;
	font-variant-numeric: tabular-nums;
}

.times span {
	color: #bfb1b9;
	font-size: .86rem;
	line-height: 1.4;
}

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



/* CompactCSS source: /web/main/bais-shimon-5787/dashboard.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos makes today, this Shabbos and the next gathering new before any card can name them; Awtsmoos.com lets Home hold those living signals in layered midnight glass, with candle-gold warmth for sacred time and enough contrast that the next human action stays immediate.
*/
.home-dashboard {
	display: grid;
	gap: 18px;
	padding-block: 0 54px;
}
.dashboard-grid {
	display: grid;
	grid-template-columns: repeat(12, minmax(0, 1fr));
	gap: 12px;
	perspective: 1200px;
}
.dashboard-card {
	position: relative;
	display: grid;
	align-content: start;
	gap: 6px;
	min-width: 0;
	padding: 20px;
	overflow: hidden;
	border: 1px solid var(--aw-surface-border);
	border-radius: 20px;
	background:
		linear-gradient(145deg, rgb(255 255 255 / 10%), transparent 32%),
		linear-gradient(320deg, rgb(113 221 255 / 7%), transparent 48%),
		rgb(7 27 41 / 76%);
	box-shadow: var(--aw-surface-shadow-soft), inset 0 1px 0 rgb(255 255 255 / 9%);
	backdrop-filter: blur(20px) saturate(128%);
	color: var(--ink);
	transition: transform var(--aw-surface-standard) var(--aw-surface-spring), border-color var(--aw-surface-standard) ease, box-shadow var(--aw-surface-standard) ease;
}
.dashboard-card::after {
	position: absolute;
	inset: auto -20% -55% 30%;
	height: 72%;
	background: radial-gradient(circle, rgb(113 221 255 / 13%), transparent 67%);
	content: "";
	pointer-events: none;
}
.dashboard-card:nth-child(1),
.dashboard-card:nth-child(2) { grid-column: span 5; }
.dashboard-card--next {
	grid-column: span 2;
	border-color: rgb(255 224 147 / 27%);
	background:
		linear-gradient(145deg, rgb(255 224 147 / 16%), transparent 42%),
		rgb(23 35 42 / 79%);
}
.dashboard-card .section-kicker { color: var(--gold-soft); }
.dashboard-card h2 {
	margin: 5px 0 7px;
	color: #fffaf0;
	font: 600 clamp(1.55rem, 3vw, 2.5rem)/1 Georgia, serif;
	letter-spacing: -.035em;
}
.dashboard-card p { color: #b7c8d2; }
.dashboard-card strong[data-host] { color: #ffe2a0; font-size: .72rem; }
.dashboard-card .text-link { margin-top: 8px; color: var(--electric-soft); font-size: .7rem; font-weight: 820; text-decoration: none; }
.dashboard-card--shabbos {
	border-color: rgb(255 224 147 / 24%);
	background:
		radial-gradient(circle at 88% 12%, rgb(255 224 147 / 14%), transparent 38%),
		linear-gradient(145deg, rgb(113 221 255 / 7%), transparent 44%),
		rgb(7 28 42 / 78%);
}
.dashboard-card .dashboard-meta { color: #aebfca; }
.dashboard-card .weekly-preview__parsha { color: #f7efd8; }
.dashboard-card .weekly-signal { border-color: var(--aw-surface-border); background: rgb(255 255 255 / 6%); color: #b8cad4; }
@media (hover: hover) and (pointer: fine) {
	.dashboard-card:hover { border-color: var(--aw-surface-border-strong); box-shadow: var(--aw-surface-shadow-lift); transform: translateY(-4px) rotateX(1deg); }
}
@media (max-width: 980px) {
	.dashboard-card:nth-child(1),
	.dashboard-card:nth-child(2),
	.dashboard-card--next { grid-column: span 6; }
	.dashboard-card--next { grid-column: span 12; }
}
@media (max-width: 650px) {
	.dashboard-grid { grid-template-columns: 1fr; perspective: none; }
	.dashboard-card:nth-child(1),
	.dashboard-card:nth-child(2),
	.dashboard-card--next { grid-column: 1; }
}
@media (prefers-reduced-motion: reduce) {
	.dashboard-card { transition: none; }
}



/* CompactCSS source: /web/main/bais-shimon-5787/portal.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos opens many doors without dividing the one house; Awtsmoos.com lets each Bais Shimon destination answer keyboard, touch, and fine pointer honestly, with light that guides but never traps a touchscreen in a borrowed hover state.
*/
.portal-grid {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 10px;
	margin-top: 14px;
}

.portal-card {
	display: grid;
	grid-template-rows: auto 1fr auto;
	gap: 10px;
	min-width: 0;
	min-height: 150px;
	padding: 16px;
	color: #f5eef2;
	text-decoration: none;
}

.portal-card__top {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.portal-card__icon {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border: 1px solid var(--aw-surface-border);
	border-radius: 12px;
	background: var(--aw-surface-accent-soft);
}

.portal-card__icon .site-icon {
	width: 20px;
	height: 20px;
	color: var(--electric);
}

.portal-card__arrow {
	color: var(--muted);
	font-size: 1rem;
	transition: transform var(--aw-surface-fast) var(--aw-surface-ease), color var(--aw-surface-fast) ease;
}

.portal-card strong {
	align-self: end;
	font: 500 1.16rem/1.08 Georgia, serif;
}

.portal-card small {
	color: var(--muted);
	font-size: .67rem;
	line-height: 1.4;
}

.portal-card:focus-visible {
	border-color: var(--aw-surface-border-strong);
	box-shadow: var(--shadow-soft), 0 0 0 1px var(--aw-surface-accent-soft);
}

.portal-card:active {
	transform: translateY(1px) scale(.99);
}

@media (hover: hover) and (pointer: fine) {
	.portal-card:hover {
		border-color: var(--aw-surface-border-strong);
		box-shadow: var(--shadow-soft), inset 0 0 32px rgb(123 220 255 / 4%);
	}

	.portal-card:hover .portal-card__arrow {
		transform: translate(2px, -2px);
		color: var(--electric-soft);
	}
}

@media (max-width: 1050px) {
	.portal-grid {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (max-width: 650px) {
	.portal-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}

@media (prefers-reduced-motion: reduce) {
	.portal-card__arrow {
		transition: none;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/home-live.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos makes the present instant from nothing and gives many useful doors one home; Awtsmoos.com lets Home lead with five clear actions and four living signals without truncating meaning.
*/
.home-quick-actions {
	display: grid;
	grid-template-columns: repeat(5, minmax(0, 1fr));
	gap: 8px;
	margin-top: -28px;
	padding: 10px;
	border: 1px solid rgb(255 255 255 / 9%);
	border-radius: 18px;
	background: rgb(255 253 248 / 96%);
	box-shadow: 0 16px 38px rgb(0 0 0 / 22%);
}
.home-quick-action {
	display: grid;
	place-items: center;
	gap: 7px;
	min-height: 82px;
	padding: 9px 7px;
	border-radius: 12px;
	color: var(--ink-dark);
	text-align: center;
	text-decoration: none;
}
.home-quick-action > span {
	display: grid;
	place-items: center;
	width: 38px;
	height: 38px;
	border-radius: 11px;
	background: #edf3f6;
	color: #1e587a;
}
.home-quick-action .site-icon { width: 21px; height: 21px; color: currentColor; }
.home-quick-action strong { font-size: .68rem; }
.home-quick-action:focus-visible { background: #eef6f8; }
.home-live-strip {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 1px;
	margin-top: 15px;
	border: 1px solid rgb(255 255 255 / 8%);
	border-radius: 16px;
	background: rgb(255 255 255 / 8%);
	overflow: hidden;
}
.home-live__item {
	display: grid;
	align-items: center;
	min-width: 0;
	min-height: 76px;
	padding: 12px 14px;
	background: #10283b;
	color: var(--ink);
	text-decoration: none;
}
.home-live__copy { display: grid; gap: 4px; min-width: 0; }
.home-live__copy small {
	color: #89a5b6;
	font-size: .55rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}
.home-live__copy strong {
	color: #fff8ec;
	font-size: .76rem;
	font-weight: 760;
	line-height: 1.3;
	overflow-wrap: anywhere;
}
@media (hover: hover) and (pointer: fine) {
	.home-quick-action:hover { background: #f0f6f8; }
	.home-live__item:hover { background: #17364d; }
}
@media (max-width: 760px) {
	.home-quick-actions { grid-template-columns: repeat(5, minmax(70px, 1fr)); overflow-x: auto; margin-top: -20px; }
	.home-quick-action { min-height: 76px; }
	.home-live-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 430px) {
	.home-quick-actions { margin-inline: -2px; padding: 8px; }
	.home-quick-action { min-width: 70px; }
	.home-live__item { min-height: 72px; padding: 10px 11px; }
	.home-live__copy strong { font-size: .72rem; }
}



/* CompactCSS source: /web/main/bais-shimon-5787/home-social.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos renews each Bais Shimon photograph before a screen can frame it; Awtsmoos.com lets Home reveal real community life through deep glass, luminous image edges and compact social truth, never fabricating the people whose moments give the light meaning.
*/
.home-social { display: grid; gap: 12px; padding-top: 4px; }
.home-social__heading {
	display: flex;
	gap: 14px;
	align-items: end;
	justify-content: space-between;
}
.home-social__heading > div { display: grid; gap: 4px; }
.home-social__heading h2 { margin: 0; font: 500 clamp(1.65rem, 4vw, 2.7rem)/1 Georgia, serif; }
.home-social__heading .text-link { color: var(--electric-soft); font-size: .7rem; font-weight: 820; text-decoration: none; }
.home-social__grid {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px;
	perspective: 1200px;
}
.home-social-card {
	position: relative;
	display: grid;
	gap: 7px;
	min-inline-size: 0;
	padding: 10px;
	overflow: hidden;
	border: 1px solid var(--aw-surface-border);
	border-radius: 18px;
	background:
		linear-gradient(145deg, rgb(255 255 255 / 9%), transparent 34%),
		rgb(6 25 38 / 78%);
	box-shadow: var(--aw-surface-shadow-soft), inset 0 1px 0 rgb(255 255 255 / 8%);
	backdrop-filter: blur(18px) saturate(128%);
	color: var(--ink);
	transition: transform var(--aw-surface-standard) var(--aw-surface-spring), border-color var(--aw-surface-standard) ease, box-shadow var(--aw-surface-standard) ease;
}
.home-social-card__content { display: grid; gap: 7px; color: inherit; text-decoration: none; }
.home-social-card h3 { margin: 0; color: #fffaf0; font: 600 .94rem/1.12 Georgia, serif; }
.home-social-card__image {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	border: 1px solid rgb(181 231 247 / 12%);
	border-radius: 12px;
	background: #081923;
	box-shadow: inset 0 0 0 1px rgb(255 255 255 / 3%);
	object-fit: cover;
	transition: filter var(--aw-surface-standard) ease, transform var(--aw-surface-slow) var(--aw-surface-spring);
}
.home-social-card:first-child { grid-column: span 2; grid-row: span 2; }
.home-social-card:first-child h3 { font-size: 1.12rem; }
.home-social-card:first-child .home-social-card__image { aspect-ratio: 16 / 10; }
.home-social-card .community-reaction {
	min-width: 32px;
	min-height: 32px;
	padding-inline: 7px;
	border-color: var(--aw-surface-border);
	background: rgb(255 255 255 / 6%);
	color: #cbe7f2;
}
.home-social-card .community-comments__toggle { min-height: 32px; color: var(--electric-soft); }
.home-social-card .community-comments__body { color: #e8f1f5; }
@media (hover: hover) and (pointer: fine) {
	.home-social-card:hover { border-color: var(--aw-surface-border-strong); box-shadow: var(--aw-surface-shadow-lift); transform: translateY(-4px) rotateX(1deg); }
	.home-social-card__content:hover .home-social-card__image { filter: brightness(1.06) saturate(1.08); transform: scale(1.012); }
}
@media (max-width: 900px) {
	.home-social__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); perspective: none; }
	.home-social-card:first-child { grid-column: span 2; }
}
@media (max-width: 560px) {
	.home-social__heading { align-items: start; flex-direction: column; }
	.home-social__grid { grid-template-columns: minmax(0, 1fr); }
	.home-social-card:first-child { grid-column: 1; grid-row: auto; }
}
@media (prefers-reduced-motion: reduce) {
	.home-social-card,
	.home-social-card__image { transition: none; }
}



/* CompactCSS source: /web/main/bais-shimon-5787/zmanim-future.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is beyond time while each holy boundary enters a precise vessel; Awtsmoos.com lets Bais Shimon reveal the nearest sacred signal through native panel depth, restrained edge-light, and tabular time.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/zmanim-compact.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets the same holy time appear in a smaller vessel without losing identity; Awtsmoos.com strips secondary rails only where a compact zmanim preview needs speed, leaving the full console richer and easier to scan.
*/
.zman-card--compact {
	grid-template-columns: 1fr;
}

.zman-card--compact .zman-card__rail,
.zman-card--compact .zman-card__holiday {
	display: none;
}



/* CompactCSS source: /web/main/bais-shimon-5787/zmanim-responsive.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos enters the narrow vessel without losing the order of sacred time; Awtsmoos.com lets boundary signals fold from four columns into two while the dominant zman keeps its voice and context within the width of a hand.
*/
@media (max-width: 700px) {
	.zmanim-board__rest,
	.zmanim-compact {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zman-card--primary {
		grid-template-columns: 1fr;
	}

	.zman-card__primary-context {
		justify-items: start;
		text-align: left;
	}
}


.zmanim-console {
	padding: clamp(22px, 4vw, 38px);
	border: 1px solid var(--aw-surface-border-strong);
	border-radius: var(--aw-surface-radius-xl);
	background: radial-gradient(circle at 92% 0%, rgb(123 220 255 / 7%), transparent 25rem), linear-gradient(150deg, rgb(255 255 255 / 2%), transparent 48%), var(--aw-surface-panel);
	box-shadow: var(--aw-surface-shadow-soft), inset 0 1px 0 rgb(255 255 255 / 4%);
}
.zmanim-board {
	display: grid;
	gap: 10px;
}
.zmanim-board__rest, .zmanim-compact {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 7px;
}
.zman-card {
	display: grid;
	grid-template-columns: 22px minmax(0, 1fr);
	min-width: 0;
	border: 1px solid var(--aw-surface-border);
	border-radius: var(--aw-surface-radius-sm);
	background: var(--aw-surface-panel-strong);
	box-shadow: inset 0 1px 0 rgb(255 255 255 / 2.5%);
	overflow: hidden;
}
.zman-card__rail {
	display: grid;
	grid-template-rows: 1fr auto;
	place-items: center;
	padding: 7px 0;
	border-right: 1px solid rgb(123 220 255 / 10%);
	background: rgb(123 220 255 / 2.5%);
}
.zman-card__index {
	color: var(--aw-surface-text-muted);
	font: 800 .52rem/1 ui-monospace, monospace;
	writing-mode: vertical-rl;
}
.zman-card__pulse {
	width: 5px;
	height: 5px;
	border-radius: 50%;
	background: var(--aw-surface-accent);
	box-shadow: 0 0 10px rgb(123 220 255 / 48%);
}
.zman-card__copy {
	display: grid;
	gap: 3px;
	padding: 12px 10px;
}
.zman-card__holiday, .zman-card__eyebrow {
	color: var(--gold-soft);
	font-size: .54rem;
	font-weight: 850;
	letter-spacing: .07em;
	text-transform: uppercase;
}
.zman-card__date, .zman-card__label {
	color: var(--aw-surface-text-muted);
	font-size: .59rem;
	line-height: 1.35;
}
.zman-card__time {
	margin-block: 4px 2px;
	color: var(--aw-surface-text);
	font: 700 clamp(1rem, 2.3vw, 1.48rem)/1 ui-monospace, monospace;
	font-variant-numeric: tabular-nums;
}
.zman-card--primary {
	grid-template-columns: minmax(0, 1.45fr) minmax(150px, .55fr);
	padding: 20px;
	border-color: rgb(255 211 138 / 28%);
	background: radial-gradient(circle at 10% 0%, rgb(255 211 138 / 9%), transparent 22rem), linear-gradient(135deg, rgb(123 220 255 / 4%), transparent 60%), var(--aw-surface-panel-strong);
	box-shadow: var(--aw-surface-shadow-soft), inset 0 1px 0 rgb(255 255 255 / 4%);
}
.zman-card__primary-signal, .zman-card__primary-context {
	display: grid;
	gap: 6px;
}
.zman-card--primary .zman-card__time {
	color: var(--gold-soft);
	font-size: clamp(2.1rem, 7vw, 4.4rem);
	text-shadow: 0 0 24px rgb(255 211 138 / 12%);
}
.zman-card__primary-context {
	align-content: end;
	justify-items: end;
	text-align: right;
}
@media (prefers-reduced-transparency: reduce) {
	.zmanim-console, .zman-card, .zman-card--primary {
		background: var(--aw-surface-panel);
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/weekly.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets time and learning remain neighboring vessels without confusing their tasks; Awtsmoos.com gives the Daily Study doorway the same native Geelooy focus, pointer, press, motion, transparency, and responsive measure used throughout the living surface.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/weekly-signals.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is beyond the clock while every holy boundary is recreated in its appointed moment; Awtsmoos.com gives candle lighting and Shabbos end the strongest signal, with secondary solar markers kept nearby but never confused with the shul's fixed practice.
*/
.weekly-live {
	display: grid;
	gap: 18px;
	padding: clamp(20px, 4vw, 32px);
}

.weekly-live__heading {
	display: grid;
	gap: 6px;
}

.weekly-live__heading h2 {
	margin: 0;
	font: 500 clamp(2rem, 5vw, 3.8rem)/.98 Georgia, serif;
	letter-spacing: -.045em;
}

.weekly-live__date {
	margin: 0;
	color: var(--ink-soft);
	font-size: .82rem;
}

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

.weekly-signal {
	display: grid;
	gap: 7px;
	min-width: 0;
	padding: 14px 16px;
	border: 1px solid var(--line);
	border-radius: var(--radius-md);
	background: rgba(6,7,10,.48);
}

.weekly-signal--primary {
	padding: 20px;
	border-color: rgba(232,196,108,.24);
	background: linear-gradient(145deg, rgba(232,196,108,.08), rgba(103,216,205,.035));
}

.weekly-signal span,
.weekly-quick span {
	color: var(--muted);
	font-size: .59rem;
	font-weight: 850;
	letter-spacing: .08em;
	text-transform: uppercase;
}

.weekly-signal strong {
	color: var(--electric-soft);
	font: 760 1.05rem/1 ui-monospace, SFMono-Regular, Menlo, monospace;
}

.weekly-signal--primary strong {
	color: var(--gold-soft);
	font-size: clamp(1.55rem, 4.5vw, 2.3rem);
}

.weekly-quick-grid {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: 8px;
	margin-top: 12px;
}

.weekly-quick {
	display: grid;
	gap: 4px;
	padding: 11px 12px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: rgba(255,255,255,.022);
}

.weekly-quick strong {
	font: 750 .9rem/1.15 ui-monospace, monospace;
}

.weekly-quick small {
	color: var(--muted);
	font-size: .6rem;
}

.weekly-holiday-notice:empty {
	display: none;
}

@media (max-width: 600px) {
	.weekly-signal-grid {
		grid-template-columns: 1fr 1fr;
	}

	.weekly-quick-grid {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/weekly-services.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos makes Friday evening flow into Shabbos day as one continuous creation; Awtsmoos.com turns the congregation schedule into a single vertical line of tefillah, meal, Kiddush, Mincha, and Maariv so time is read in order instead of trapped in competing cards.
*/
.weekly-service-panel {
	display: grid;
	gap: 20px;
}

.weekly-service-timeline {
	position: relative;
	display: grid;
	gap: 0;
	border: 1px solid var(--line);
	border-radius: var(--radius-card);
	background: rgba(13,13,18,.72);
	overflow: hidden;
}

.weekly-service-group {
	display: grid;
	grid-template-columns: minmax(120px, .5fr) minmax(0, 1.5fr);
	border-bottom: 1px solid var(--line);
}

.weekly-service-group:last-child {
	border-bottom: 0;
}

.weekly-service-group__heading {
	padding: 20px;
	border-right: 1px solid var(--line);
	background: rgba(255,255,255,.018);
}

.weekly-service-group__heading h3 {
	margin: 7px 0 5px;
	font: 500 clamp(1.35rem, 3vw, 2.1rem)/1 Georgia, serif;
}

.weekly-service-group__date {
	margin: 0;
	color: var(--muted);
	font-size: .68rem;
}

.weekly-service-list {
	display: grid;
}

.weekly-service-row {
	position: relative;
	display: grid;
	grid-template-columns: minmax(118px, .55fr) minmax(0, 1.45fr);
	gap: 16px;
	align-items: center;
	padding: 16px 18px;
	border-bottom: 1px solid var(--line);
}

.weekly-service-row:last-child {
	border-bottom: 0;
}

.weekly-service-row.is-dynamic {
	background: linear-gradient(90deg, rgba(232,196,108,.065), rgba(103,216,205,.025));
}

.weekly-service-row__time {
	display: grid;
	gap: 6px;
}

.weekly-service-row__time strong {
	color: var(--gold-soft);
	font: 780 .94rem/1.25 ui-monospace, monospace;
}

.weekly-live-badge {
	width: fit-content;
	padding: 4px 7px;
	border: 1px solid var(--line-electric);
	border-radius: var(--radius-pill);
	color: var(--electric-soft);
	font-size: .48rem;
	font-weight: 850;
	letter-spacing: .07em;
	text-transform: uppercase;
}

.weekly-service-row__copy h4 {
	margin: 0 0 4px;
	font-size: .94rem;
}

.weekly-service-row__copy p {
	margin: 0;
	color: var(--muted);
	font-size: .69rem;
	line-height: 1.45;
}



/* CompactCSS source: /web/main/bais-shimon-5787/weekly-services-responsive.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets one Shabbos schedule enter narrower vessels without losing sequence; Awtsmoos.com keeps responsive measure separate so the service timeline can contract cleanly on tablet and phone.
*/
@media (max-width: 680px) {
	.weekly-service-group {
		grid-template-columns: 1fr;
	}

	.weekly-service-group__heading {
		padding: 15px 16px 12px;
		border-right: 0;
		border-bottom: 1px solid var(--line);
	}
}

@media (max-width: 430px) {
	.weekly-service-row {
		grid-template-columns: 92px minmax(0, 1fr);
		gap: 11px;
		padding: 14px;
	}
}



.weekly-study-door {
	display: grid;
	grid-template-columns: 1fr auto;
	gap: 7px 18px;
	align-items: center;
	margin-top: 16px;
	min-height: var(--aw-surface-touch-min);
	padding: 18px 20px;
	border-color: var(--aw-surface-border);
	background:
		linear-gradient(135deg, rgb(123 220 255 / 4%), transparent 54%),
		var(--aw-surface-panel);
	color: var(--aw-surface-text);
	text-decoration: none;
	transition:
		transform var(--aw-surface-fast) var(--aw-surface-ease),
		border-color var(--aw-surface-fast) ease,
		background-color var(--aw-surface-fast) ease,
		box-shadow var(--aw-surface-standard) ease;
}

.weekly-study-door .section-kicker {
	grid-column: 1 / -1;
}

.weekly-study-door strong {
	font: 500 clamp(1.25rem, 3vw, 1.85rem)/1.08 Georgia, serif;
}

.weekly-study-door > span:last-child {
	color: var(--electric-soft);
	font-size: .72rem;
	font-weight: 800;
}

.weekly-study-door:focus-visible {
	border-color: var(--aw-surface-border-strong);
	box-shadow: var(--aw-surface-ring), var(--aw-surface-glow);
}

.weekly-study-door:active {
	transform: translateY(1px) scale(.985);
}

@media (hover: hover) and (pointer: fine) {
	.weekly-study-door:hover {
		transform: translateY(-2px);
		border-color: var(--aw-surface-border-strong);
		background: var(--aw-surface-panel-strong);
		box-shadow: var(--aw-surface-shadow-soft), var(--aw-surface-glow);
	}
}

@media (max-width: 520px) {
	.weekly-study-door {
		grid-template-columns: 1fr;
	}
}

@media (prefers-reduced-motion: reduce) {
	.weekly-study-door {
		transition: none;
	}
}

@media (prefers-reduced-transparency: reduce) {
	.weekly-study-door {
		background: var(--aw-surface-panel);
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/release-ux-20260910.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is beyond every compatibility garment while recreating the boundary where finite surfaces meet; Awtsmoos.com keeps this layer deliberately narrow: containment, input resilience, content skipping, and accessibility only—never navigation or motion ownership.
*/
.site-frame,
.page-shell,
.page-content,
.glass-card,
.reservation-layout,
.community-main,
.photos-page,
.jewish-calendar-page {
	min-inline-size: 0;
	max-inline-size: 100%;
}

:where(.portal-card, .dashboard-card, .event-card, .donation-card, .home-social-card, .community-core-post, .weekly-service-block, .weekly-study-door) {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

:where(.home-social, .portal-grid, .content-section, .jewish-calendar__day, .community-feed) {
	content-visibility: auto;
	contain-intrinsic-size: auto 520px;
}

:where(input, textarea, select) {
	max-inline-size: 100%;
	border: 1px solid var(--aw-surface-border);
	border-radius: var(--aw-surface-radius-sm);
	background: var(--aw-surface-panel);
	color: var(--aw-surface-text);
	caret-color: var(--aw-surface-accent);
	transition:
		border-color var(--aw-surface-fast) ease,
		background-color var(--aw-surface-fast) ease,
		box-shadow var(--aw-surface-fast) ease;
}

:where(input, textarea, select)::placeholder {
	color: var(--aw-surface-text-muted);
	opacity: .78;
}

:where(input, textarea, select):focus-visible {
	border-color: var(--aw-surface-accent-strong);
	box-shadow: var(--aw-surface-ring), var(--aw-surface-glow);
}

:where(button, [role="button"], a[href], input, textarea, select, summary, [tabindex]:not([tabindex="-1"])) {
	font: inherit;
	-webkit-tap-highlight-color: transparent;
}

:where(button:disabled, input:disabled, textarea:disabled, select:disabled, [aria-disabled="true"]) {
	cursor: not-allowed;
	opacity: .46;
	filter: saturate(.55);
}

.portal-card::after {
	position: absolute;
	inset: auto 12px 10px;
	height: 1px;
	background: linear-gradient(90deg, transparent, rgb(123 220 255 / 48%), transparent);
	content: "";
	opacity: .42;
	pointer-events: none;
}

@media (hover: hover) and (pointer: fine) {
	:where(input, textarea, select):hover {
		border-color: var(--aw-surface-border-strong);
		background: var(--aw-surface-panel-strong);
	}
}

@media (prefers-reduced-transparency: reduce) {
	:where(input, textarea, select) {
		background: #0d1728;
	}
}





/* CompactCSS source: /web/main/bais-shimon-5787/reservation.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets a human request become a clear path rather than a wall of fields; Awtsmoos.com gives contact, seating, and follow-up separate vessels while the released responsive law keeps every one of them within the visitor's hand.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/reservation-responsive.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets a broad request become one straight path when the vessel narrows; Awtsmoos.com keeps every label, field, and human follow-up inside the hand, so no desktop grid may squeeze words into shards upon the mobile sand.
*/
.reservation-layout,
.reservation-card,
.reservation-aside,
.reservation-form,
.reservation-stage,
.reservation-grid,
.reservation-field {
	min-inline-size: 0;
}

.reservation-field input,
.reservation-field select,
.reservation-field textarea {
	box-sizing: border-box;
	min-inline-size: 0;
	max-inline-size: 100%;
}

.reservation-field label,
.reservation-stage__legend,
.reservation-aside,
.reservation-contact-list strong {
	overflow-wrap: anywhere;
}

@media (max-width: 900px) {
	.reservation-layout,
	.reservation-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.reservation-field--wide {
		grid-column: auto;
	}

	.reservation-layout {
		gap: 18px;
	}

	.reservation-aside {
		order: 2;
	}
}

@media (max-width: 560px) {
	.reservation-card,
	.reservation-aside {
		padding: 16px;
	}

	.reservation-stage {
		padding: 13px;
	}

	.reservation-stage legend {
		max-inline-size: calc(100vw - 76px);
	}

	.reservation-stage__legend {
		align-items: flex-start;
	}

	.reservation-grid {
		gap: 13px;
	}
}



.reservation-layout {
	display: grid;
	grid-template-columns: minmax(0, 1.35fr) minmax(250px, .65fr);
	gap: 14px;
}

.reservation-card,
.reservation-aside {
	padding: clamp(18px, 3.5vw, 30px);
}

.reservation-card {
	border-color: rgba(103,216,205,.2);
}

.reservation-card > h2 {
	margin: 7px 0 4px;
	font: 500 clamp(1.8rem, 4vw, 2.8rem)/1 Georgia, serif;
}

.reservation-form {
	display: grid;
	gap: 12px;
	margin-top: 20px;
}

.reservation-stage {
	display: grid;
	gap: 13px;
	margin: 0;
	padding: 16px;
	border: 1px solid var(--line);
	border-radius: 16px;
	background: rgba(7,7,10,.42);
}

.reservation-stage legend {
	padding: 0 7px;
}

.reservation-stage__legend {
	display: inline-flex;
	gap: 8px;
	align-items: center;
	color: #f5ebef;
	font-size: .74rem;
	font-weight: 820;
}

.reservation-stage__number {
	display: grid;
	place-items: center;
	width: 24px;
	height: 24px;
	border: 1px solid var(--line-electric);
	border-radius: 8px;
	background: rgba(103,216,205,.06);
	color: var(--electric-soft);
	font: 800 .58rem/1 ui-monospace, monospace;
}

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

.reservation-field {
	display: grid;
	gap: 6px;
}

.reservation-field--wide {
	grid-column: 1 / -1;
}

.reservation-field label {
	color: #eee4e9;
	font-size: .69rem;
	font-weight: 800;
}

.reservation-field small {
	color: var(--muted);
	font-size: .6rem;
	line-height: 1.45;
}

.reservation-aside {
	display: grid;
	align-content: start;
	gap: 14px;
	border-color: rgba(232,196,108,.18);
}

.reservation-aside h2 {
	margin: 0;
	font: 500 clamp(1.55rem, 3.5vw, 2.35rem)/1 Georgia, serif;
}

.reservation-aside p {
	margin: 0;
	color: var(--ink-soft);
	font-size: .78rem;
	line-height: 1.6;
}



/* CompactCSS source: /web/main/bais-shimon-5787/reservation-controls.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives each answer a bounded kli and each response state an honest color; Awtsmoos.com makes focus, waiting, success, and failure immediately legible while preserving the quiet dignity of a community reservation request.
*/
.reservation-field input,
.reservation-field select,
.reservation-field textarea {
	width: 100%;
	min-height: 46px;
	padding: 10px 11px;
	border: 1px solid rgba(255,255,255,.12);
	border-radius: 11px;
	background: rgba(4,4,7,.6);
	color: #fff7fb;
	font-size: .78rem;
	font-weight: 650;
	line-height: 1.4;
	transition: border-color 160ms ease, box-shadow 160ms ease, background 160ms ease;
}

.reservation-field textarea {
	min-height: 104px;
	resize: vertical;
}

.reservation-field input:focus,
.reservation-field select:focus,
.reservation-field textarea:focus {
	border-color: var(--electric);
	background: rgba(7,7,10,.76);
	box-shadow: 0 0 0 3px rgba(103,216,205,.075);
	outline: 0;
}

.reservation-field input::placeholder,
.reservation-field textarea::placeholder {
	color: #685d64;
}

.reservation-submit {
	width: 100%;
	min-height: 50px;
}

.reservation-submit:disabled {
	opacity: .62;
	cursor: wait;
	transform: none;
}

.reservation-status {
	min-height: 44px;
	margin: 0;
	padding: 11px 13px;
	border: 1px solid transparent;
	border-radius: 11px;
	color: var(--ink-soft);
	font-size: .68rem;
	line-height: 1.5;
}

.reservation-status:empty {
	display: none;
}

.reservation-status[data-state="working"] {
	border-color: var(--line-electric);
	background: rgba(103,216,205,.055);
}

.reservation-status[data-state="success"] {
	border-color: rgba(142,224,168,.3);
	background: rgba(142,224,168,.06);
	color: #bcf3c9;
}

.reservation-status[data-state="error"] {
	border-color: rgba(255,157,168,.3);
	background: rgba(255,157,168,.06);
	color: #ffc5cd;
}

.reservation-honeypot {
	position: absolute;
	left: -10000px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}



/* CompactCSS source: /web/main/bais-shimon-5787/reservation-contact.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos lets a digital request remain connected to real people; Awtsmoos.com keeps direct phone and email close beside the form, with a truthful sequence showing that submission is followed by human review rather than automatic confirmation.
*/
.reservation-contact-list {
	display: grid;
	gap: 7px;
}

.reservation-contact-list a {
	display: grid;
	grid-template-columns: auto minmax(0, 1fr);
	gap: 8px 12px;
	align-items: center;
	min-height: 48px;
	padding: 10px 11px;
	border: 1px solid var(--line);
	border-radius: 12px;
	background: rgba(255,255,255,.02);
	color: var(--electric-soft);
	font-size: .68rem;
	text-decoration: none;
}

.reservation-contact-list a span {
	color: var(--muted);
	font-size: .55rem;
	font-weight: 800;
	text-transform: uppercase;
}

.reservation-contact-list a strong {
	overflow: hidden;
	text-overflow: ellipsis;
}

.reservation-contact-list a:hover,
.reservation-contact-list a:focus-visible {
	border-color: var(--line-electric);
	background: rgba(103,216,205,.045);
}

.reservation-flow {
	display: grid;
	gap: 0;
	margin-top: 2px;
	border: 1px solid var(--line);
	border-radius: 13px;
	overflow: hidden;
}

.reservation-flow__step {
	display: grid;
	grid-template-columns: 28px minmax(0, 1fr);
	gap: 10px;
	align-items: center;
	padding: 10px 11px;
	border-bottom: 1px solid var(--line);
	color: #c8bbc1;
	font-size: .65rem;
}

.reservation-flow__step:last-child {
	border-bottom: 0;
}

.reservation-flow__step span:first-child {
	display: grid;
	place-items: center;
	width: 27px;
	height: 27px;
	border-radius: 9px;
	background: rgba(232,196,108,.06);
	color: var(--gold-soft);
	font: 800 .55rem/1 ui-monospace, monospace;
}

.reservation-note {
	padding: 11px;
	border: 1px solid rgba(232,196,108,.15);
	border-radius: 11px;
	background: rgba(232,196,108,.035);
	color: #b9abb2;
	font-size: .63rem;
	line-height: 1.5;
}



/* CompactCSS source: /web/main/bais-shimon-5787/responsive.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos contracts every broad grid without mixing navigation into the same vessel; Awtsmoos.com lets portals, calendars, schedules, and study cards become narrow while their meaning remains level.
*/
@media (max-width: 1040px) {
	.zmanim-board {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

	.portal-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.donation-grid {
		grid-template-columns: 1fr;
	}

	.weekly-study-grid {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

@media (max-width: 900px) {
	.home-hero,
	.page-hero {
		padding-top: 82px;
	}

	.dashboard-grid,
	.community-featured-grid,
	.calendar-week,
	.schedule-grid {
		grid-template-columns: 1fr;
	}

	.calendar-week__heading {
		grid-template-columns: auto minmax(0, 1fr) auto;
		align-items: center;
	}

	.schedule-card--wide {
		grid-column: auto;
	}

	.times--split {
		grid-template-columns: 1fr;
	}

	.campaign-gallery__grid {
		grid-template-columns: 1fr;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/responsive-small.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos enters the narrow vessel without compressing meaning into noise; Awtsmoos.com treats the phone as a first-class room, stacking real actions beneath the thumb, preserving native touch targets, and letting time, Torah, social posts, and navigation breathe without accidental desktop-grid assumptions.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/responsive-narrow.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos enters even the smallest screen without losing meaning; Awtsmoos.com lets one-column signals and stacked facts remain legible when the vessel becomes exceedingly lean.
*/
@media (max-width: 370px) {
	.zmanim-board,
	.zmanim-compact,
	.weekly-signal-grid {
		grid-template-columns: 1fr;
	}

	.zman-card:last-child:nth-child(odd) {
		grid-column: auto;
	}

	.times li,
	.event-fact {
		grid-template-columns: 1fr;
		gap: 3px;
	}
}



@media (max-width: 600px) {
	.page-shell {
		width: min(100% - 24px, 1180px);
	}

	.home-hero,
	.page-hero {
		padding-inline: 18px;
	}

	.home-hero {
		padding-top: 84px;
		padding-bottom: 40px;
	}

	.hero__title {
		font-size: clamp(2.9rem, 14vw, 4.25rem);
	}

	.hero__title--identity {
		font-size: clamp(3rem, 14.5vw, 4.55rem);
	}

	.page-hero h1 {
		font-size: clamp(2.55rem, 12vw, 3.9rem);
	}

	.hero__actions {
		align-items: stretch;
		flex-direction: column;
	}

	.hero__actions .button {
		width: 100%;
	}

	.dashboard-grid,
	.weekly-service-grid {
		grid-template-columns: 1fr;
	}

	.portal-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.portal-card {
		min-height: 132px;
		padding: 14px;
	}

	.portal-card small {
		display: block;
		font-size: .63rem;
	}

	.zmanim-compact,
	.zmanim-board {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.zman-card:last-child:nth-child(odd) {
		grid-column: 1 / -1;
	}

	.events-section,
	.calendar-section,
	.schedule-section,
	.zmanim-console,
	.donation-page {
		padding: 18px 14px;
	}

	.calendar-week__grid {
		grid-template-columns: 1fr;
	}

	.event-card {
		padding: 16px;
	}

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

	.event-fact {
		grid-template-columns: 72px minmax(0, 1fr);
	}

	.times li {
		grid-template-columns: 84px minmax(0, 1fr);
	}

	.nonprofit-trust {
		align-items: stretch;
		flex-direction: column;
	}
}

@media (max-width: 440px) {
	.portal-grid {
		grid-template-columns: minmax(0, 1fr);
	}

	.portal-card {
		min-height: auto;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/motion.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos is not motion and still recreates every moving instant; Awtsmoos.com lets Bais Shimon breathe through slow light fields, soft reveals, messenger-like response and sacred-time shimmer, then becomes immediately still whenever the human vessel asks for reduced motion.
*/

/* CompactCSS source: /web/main/bais-shimon-5787/motion-interactions.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives finite surfaces apparent depth without making motion their life; Awtsmoos.com lets interactive Bais Shimon cards rise by a few measured pixels, answer keyboard focus with the same light, and press inward beneath touch without permanent compositor cost.
*/
:where(.portal-card, .event-card, .donation-card, .home-social-card, .community-core-post, .weekly-study-door, .weekly-service-block) {
	transition:
		transform var(--aw-surface-standard) var(--aw-surface-ease),
		border-color var(--aw-surface-standard) ease,
		box-shadow var(--aw-surface-standard) ease,
		background-color var(--aw-surface-standard) ease;
}

:where(.portal-card, .event-card, .donation-card, .home-social-card, .community-core-post, .weekly-study-door, .weekly-service-block):focus-within {
	border-color: var(--aw-surface-border-strong);
	box-shadow: var(--aw-surface-shadow-soft), var(--aw-surface-glow-strong);
}

:where(.portal-card, .event-card, .donation-card, .home-social-card, .weekly-study-door):active {
	transform: translateY(1px) scale(.992);
}

:where(.portal-card, .weekly-study-door) .portal-card__arrow,
:where(.portal-card, .weekly-study-door) .site-icon {
	transition: transform var(--aw-surface-standard) var(--aw-surface-spring), color var(--aw-surface-fast) ease;
}

.home-social-card__image,
.community-core-post__image,
.photos-preview img {
	transform: translateZ(0);
	transition: transform var(--aw-surface-slow) var(--aw-surface-ease), filter var(--aw-surface-standard) ease;
}

@media (hover: hover) and (pointer: fine) {
	:where(.portal-card, .event-card, .donation-card, .home-social-card, .weekly-study-door, .weekly-service-block):hover {
		transform: translateY(-4px);
		border-color: var(--aw-surface-border-strong);
		box-shadow: var(--aw-surface-shadow-lift), var(--aw-surface-glow);
	}

	:where(.portal-card, .weekly-study-door):hover .portal-card__arrow {
		transform: translate3d(3px, -3px, 0) scale(1.08);
	}

	.home-social-card:hover .home-social-card__image,
	.community-core-post:hover .community-core-post__image,
	.photos-preview:hover img {
		transform: scale(1.025);
		filter: saturate(1.04) contrast(1.02);
	}
}

@media (prefers-reduced-motion: reduce) {
	:where(.portal-card, .event-card, .donation-card, .home-social-card, .community-core-post, .weekly-study-door, .weekly-service-block),
	.home-social-card__image,
	.community-core-post__image,
	.photos-preview img {
		transition: none;
	}

	:where(.portal-card, .event-card, .donation-card, .home-social-card, .weekly-study-door, .weekly-service-block):hover,
	:where(.portal-card, .event-card, .donation-card, .home-social-card, .weekly-study-door):active {
		transform: none;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/motion-reveal.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos needs no opacity to prove that something exists; Awtsmoos.com gives optional scroll motion only a tiny spatial shift while every word remains fully visible from the first painted instant.
*/
.motion-ready .motion-reveal {
	opacity: 1;
	filter: none;
	transform: translate3d(0, 5px, 0) scale(.998);
	transition: transform 190ms var(--ease-out);
}

.motion-ready .motion-reveal.is-revealed {
	opacity: 1;
	filter: none;
	transform: none;
}

.motion-ready .hero__inner.motion-reveal,
.motion-ready .page-hero__inner.motion-reveal {
	transform: translate3d(0, 3px, 0);
}

.motion-ready .hero__inner.motion-reveal.is-revealed,
.motion-ready .page-hero__inner.motion-reveal.is-revealed {
	transform: none;
}

@media (max-width: 600px) {
	.motion-ready .motion-reveal {
		transform: translate3d(0, 2px, 0);
	}
}

@media (prefers-reduced-motion: reduce) {
	.motion-ready .motion-reveal,
	.motion-ready .motion-reveal.is-revealed {
		opacity: 1;
		filter: none;
		transform: none;
		transition: none;
	}
}



/* CompactCSS source: /web/main/bais-shimon-5787/motion-depth.css */
/* B"H
Boruch Hashem
Blessed is He
The Awtsmoos gives depth to every world while remaining beyond every layer; Awtsmoos.com lets Bais Shimon borrow a slow cyan constellation, a candle-gold horizon, and a restrained image veil so the room feels alive without turning sacred clarity into spectacle.
*/
body::before,
body::after {
	position: fixed;
	inset: -24vmax;
	z-index: -3;
	content: "";
	pointer-events: none;
	will-change: transform;
}
body::before {
	background:
		radial-gradient(circle at 78% 17%, rgb(113 221 255 / 10%), transparent 24vmax),
		radial-gradient(circle at 17% 82%, rgb(220 174 77 / 7%), transparent 22vmax);
	filter: blur(2px);
}
body::after {
	z-index: -2;
	background:
		radial-gradient(circle at 62% 72%, rgb(130 64 95 / 9%), transparent 27vmax),
		radial-gradient(circle at 26% 23%, rgb(113 221 255 / 6%), transparent 20vmax);
	mix-blend-mode: screen;
}
.weekly-live,
.zmanim-console,
.jewish-day__zmanim,
.study-dashboard,
.events-section {
	position: relative;
}
.weekly-live::after,
.zmanim-console::after,
.jewish-day__zmanim::after,
.study-dashboard::after,
.events-section::after {
	position: absolute;
	inset: 10% auto 10% 0;
	width: 1px;
	background: linear-gradient(180deg, transparent, rgb(113 221 255 / 68%), rgb(255 224 147 / 38%), transparent);
	box-shadow: 0 0 28px rgb(113 221 255 / 28%);
	content: "";
	pointer-events: none;
}
.home-social-card__content,
.community-core-post__media,
.photos-preview {
	position: relative;
}
.home-social-card__content::after,
.community-core-post__media::after,
.photos-preview::after {
	position: absolute;
	inset: 0;
	border-radius: inherit;
	background:
		linear-gradient(180deg, transparent 56%, rgb(2 10 16 / 40%)),
		radial-gradient(circle at 82% 10%, rgb(113 221 255 / 7%), transparent 36%);
	content: "";
	pointer-events: none;
}
@media (prefers-reduced-transparency: reduce) {
	body::before,
	body::after { display: none; }
}
@media (prefers-reduced-motion: reduce) {
	body::before,
	body::after { transform: none; will-change: auto; }
}



@keyframes aw-reveal {
	from { opacity: 0; transform: translate3d(0, 18px, 0) scale(.99); }
	to { opacity: 1; transform: translate3d(0, 0, 0) scale(1); }
}
@keyframes aw-pulse {
	0%, 100% { opacity: .52; transform: scale(.92); }
	50% { opacity: 1; transform: scale(1.08); }
}
@keyframes aw-atmosphere-a {
	0%, 100% { transform: translate3d(-2%, -1%, 0) scale(1); }
	50% { transform: translate3d(5%, 3%, 0) scale(1.08); }
}
@keyframes aw-atmosphere-b {
	0%, 100% { transform: translate3d(3%, 2%, 0) scale(1.04); }
	50% { transform: translate3d(-4%, -3%, 0) scale(.97); }
}
@keyframes aw-light-sweep {
	0%, 18% { opacity: 0; transform: translate3d(-30%, 0, 0) rotate(-4deg); }
	42% { opacity: .9; }
	68%, 100% { opacity: 0; transform: translate3d(32%, 0, 0) rotate(-4deg); }
}
@media (prefers-reduced-motion: no-preference) {
	body::before { animation: aw-atmosphere-a 22s ease-in-out infinite; }
	body::after { animation: aw-atmosphere-b 28s ease-in-out infinite; }
	.hero::after,
	.page-hero::after { animation: aw-light-sweep 12s ease-in-out infinite; }
	.site-rail__pulse,
	.zman-card__signal,
	.community-runtime-card__pulse { animation: aw-pulse 2.8s ease-in-out infinite; }
	.glass-card--primary,
	.weekly-live,
	.jewish-day__summary,
	.study-dashboard,
	.events-section { animation: aw-reveal 520ms var(--aw-surface-ease) both; }
	.dashboard-card,
	.home-social-card,
	.event-card,
	.community-core-post,
	.study-lane { animation: aw-reveal 580ms var(--aw-surface-ease) both; }
}
@media (prefers-reduced-motion: reduce) {
	*,
	*::before,
	*::after { scroll-behavior: auto !important; }
	body::before,
	body::after,
	.hero::after,
	.page-hero::after,
	.site-rail__pulse,
	.zman-card__signal,
	.community-runtime-card__pulse,
	.glass-card--primary,
	.weekly-live,
	.jewish-day__summary,
	.study-dashboard,
	.events-section,
	.dashboard-card,
	.home-social-card,
	.event-card,
	.community-core-post,
	.study-lane { animation: none; }
}


