@font-face{font-family:Lava;src:url('/assets/LavaPro_HL-Regular.woff2') format('woff2');font-weight:400;font-display:swap}@font-face{font-family:Lava;src:url('/assets/LavaPro_HL-Bold.woff2') format('woff2');font-weight:700;font-display:swap}
:root{--gold:#d1a941;--cream:#fbf4e6;--ink:#091b24;--rail:58px}*{box-sizing:border-box}[hidden]{display:none!important}html{overscroll-behavior:none;background:#000;scrollbar-width:none}body{margin:0;color:var(--gold);background:#000;font-family:Lava,serif;overscroll-behavior:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:6px}button{color:inherit} .skip-link{position:fixed;top:12px;right:80px;z-index:1000;background:var(--cream);color:var(--ink);padding:10px;translate:0 -200%}.skip-link:focus{translate:0 0}
.kollelim-rail{position:fixed;right:0;top:0;bottom:0;width:var(--rail);z-index:20;display:flex;align-items:stretch;flex-direction:column;background:#090501;border-left:1px solid #7d6c3566}.kollelim-menu-toggle{height:60px;flex:none;border:0;border-bottom:1px solid #7d6c3566;background:none;display:grid;align-content:center;justify-content:center;gap:7px}.kollelim-menu-toggle span{display:block;width:25px;height:1px;background:#d7c89d}.rail-name,.rail-yeshiva{writing-mode:vertical-rl;transform:rotate(180deg);text-align:center;text-decoration:none;display:grid;place-items:center;flex:none;height:135px;border-top:1px solid #7d6c3566;color:#e2d7c3;font-size:18px}.rail-donate{margin-top:auto;background:var(--gold);color:#000;writing-mode:vertical-rl;transform:rotate(180deg);display:grid;place-items:center;height:119px;text-decoration:none;font-size:21px}.rail-progress{position:absolute;left:-1px;top:0;width:2px;height:100%;background:var(--gold);transform:scaleY(var(--page-progress,0));transform-origin:top;pointer-events:none}
main{margin-right:var(--rail)}.kollelim-region{position:relative}.kollelim-viewport{position:sticky;top:0;height:100svh;overflow:clip}.kollelim-header{position:absolute;top:0;left:4vw;z-index:3;display:flex;direction:ltr;align-items:center;gap:8vw}.kollelim-header>a:first-child{display:block;width:min(16svh,146px)}.kollelim-header img{display:block;width:100%;height:auto;filter:brightness(0) invert(1)}.donate{font-size:20px;background:#bba588;color:#17130d;border-radius:40px;padding:12px 23px;text-decoration:none;transition:background .25s}.donate:hover{background:var(--gold)}.kollelim-track{position:absolute;inset:0 0 0 auto;width:max-content;display:flex;direction:rtl;align-items:center;gap:16svh;will-change:transform;padding-left:12vw}.kollelim-intro{position:relative;flex:none;width:calc(100vw - var(--rail));height:100svh;display:flex;align-items:center;gap:4vw;padding:14svh 8vw 9svh 6vw;background:#171717 url('/assets/menu-texture-original.png') center/cover no-repeat;background-blend-mode:luminosity}.kollelim-intro:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000 0%,transparent 25%,#0002);pointer-events:none}.kollelim-intro h1{position:relative;margin:0;font-size:clamp(100px,20svh,209px);line-height:.76;font-weight:700;width:54%;padding-bottom:.12em;letter-spacing:-.025em}.intro-copy{position:relative;flex:1;max-width:440px}.intro-copy p{font-size:clamp(35px,5svh,64px);line-height:1.05;color:var(--cream);margin:0 0 30px}.intro-copy button{border:0;border-bottom:1px solid var(--gold);padding:12px 0;background:none;font-size:24px;display:flex;gap:50px;align-items:center}.intro-wave{position:absolute;bottom:8svh;right:calc(50% - 106px)}
.kollel-card{flex:none;width:74svh;max-width:76vw;position:relative}.kollel-city{margin:0 0 5svh;text-align:right;font-size:clamp(28px,4.7svh,55px);line-height:1}.kollel-card-open{border:0;padding:0;display:block;width:100%;position:relative;background:none;text-align:right}.kollel-cover{display:block;aspect-ratio:669/446;overflow:hidden;background:#111}.kollel-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1),filter .5s}.kollel-card-open:hover img,.kollel-card-open:focus-visible img{transform:scale(1.035);filter:brightness(.88)}.kollel-read{position:absolute;bottom:10%;left:-7svh;display:flex;gap:30px;align-items:center;background:var(--gold);color:#000;padding:18px 26px;font-size:clamp(22px,3.2svh,33px);line-height:1;transform:translateX(8px);opacity:0;transition:opacity .25s,transform .35s}.kollel-card-open:hover .kollel-read,.kollel-card-open:focus-visible .kollel-read{opacity:1;transform:translateX(0)}.kollel-card h2{font-size:clamp(28px,4.8svh,55px);line-height:1.05;font-weight:400;margin:3svh 0 0}.kollel-letterpress{height:100%;display:flex;flex-direction:column;justify-content:center;padding:8%;border:1px solid #c3a13f55;color:#d1a941;font-size:clamp(36px,7svh,85px);line-height:1}.kollel-letterpress small{font-size:24px;line-height:1.2;margin-top:20px;color:#fbf4e688}.kollelim-scroll-controls{position:absolute;bottom:4svh;left:50%;translate:-50% 0;display:flex;align-items:center;gap:20px;z-index:4;direction:rtl}.kollelim-scroll-controls button{border:0;background:none;font-size:33px;width:50px;height:35px}.kollelim-count{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;direction:ltr;color:#bba588}
.kollelim-menu{position:fixed;inset:0;margin:0;border:0;width:100%;max-width:none;height:100svh;max-height:none;background:#111;color:var(--cream);padding:7svh 10vw;overscroll-behavior:contain}.kollelim-menu::backdrop{background:#000b}.kollelim-menu>p{font-size:60px;color:var(--gold);margin:0 0 5svh}.kollelim-menu nav{display:grid;grid-template-columns:repeat(3,1fr);gap:10px 40px}.kollelim-menu nav button{padding:12px 0;border:0;border-bottom:1px solid #d1a94144;background:none;color:var(--cream);text-align:right;font-size:27px}.kollelim-menu nav button:hover{color:var(--gold)}.menu-close{position:absolute;left:4vw;top:3svh;border:1px solid #d1a94177;border-radius:50%;background:none;width:50px;height:50px;font-size:36px;color:var(--gold)}.menu-sites{display:flex;gap:35px;margin-top:40px;font-size:22px}
.kollel-dialog{position:fixed;inset:0;margin:0;width:100%;height:100svh;max-width:none;max-height:none;border:0;padding:0;overflow:visible;background:transparent;color:var(--ink)}.kollel-dialog::backdrop{background:#0000;transition:background .65s}.kollel-dialog.is-open::backdrop{background:#0005}.kollel-drawer{position:absolute;right:0;top:0;bottom:0;width:min(54vw,827px);background:var(--cream);transform:translateX(102%);transition:transform .75s cubic-bezier(.22,.76,.19,1);box-shadow:-20px 0 80px #0003;border-right:7px solid var(--gold)}.kollel-dialog.is-open .kollel-drawer{transform:translateX(0)}.kollel-close{position:absolute;left:-66px;top:20px;width:48px;height:48px;border:1px solid var(--gold);border-radius:50%;color:var(--gold);background:#050505;font-size:32px;z-index:3;transition:background .25s,transform .3s}.kollel-close:hover{background:#30342a;transform:translateX(4px)}.kollel-reading{height:100%;overflow:auto;overscroll-behavior:contain;scrollbar-width:none;scroll-behavior:smooth}.kollel-reading::-webkit-scrollbar{display:none}.kollel-detail{padding:5svh 8% 5svh 10%}.kollel-detail h2{font-size:clamp(43px,5.7vw,95px);line-height:.97;font-weight:700;margin:0 0 28px;padding-bottom:26px;border-bottom:3px solid #c3a13f;overflow-wrap:break-word}.kollel-facts{display:grid;gap:16px;padding:0 0 32px}.kollel-fact{display:flex;gap:12px;align-items:flex-start;font-size:clamp(20px,1.75vw,28px);line-height:1.15;max-width:90%;margin-right:0}.kollel-fact img{flex:none;margin-top:3px}.kollel-fact p{margin:0}.kollel-fact b{font-weight:700}.kollel-gallery{position:relative;margin:12px -2% 0 -8%;overflow:visible}.kollel-gallery-track{display:flex;gap:14px;direction:rtl;overflow:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}.kollel-gallery-track::-webkit-scrollbar{display:none}.kollel-gallery-track img{width:74%;height:clamp(220px,31vw,365px);object-fit:cover;flex:none;scroll-snap-align:start}.kollel-gallery-track img:only-child{width:100%;height:auto;max-height:470px}.gallery-next{position:absolute;left:23%;top:50%;translate:-50% -50%;width:60px;height:60px;border:1px solid var(--gold);border-radius:50%;background:#123c3d;color:var(--gold);font-size:30px}.gallery-count{font:11px Arial,sans-serif;direction:ltr;text-align:left;margin:12px 0 0;color:#827753}.kollel-thumbnails{display:flex;gap:8px;margin:14px 0 30px;justify-content:flex-start;overflow:auto;scrollbar-width:none}.kollel-thumbnails button{padding:0;border:1px solid transparent;background:none;flex:none;width:31px;height:80px;opacity:.55;transition:opacity .2s}.kollel-thumbnails button[aria-current=true]{opacity:1;border-color:var(--gold)}.kollel-thumbnails img{height:100%;width:100%;object-fit:cover;filter:grayscale(1)}.kollel-copy{font-size:clamp(21px,1.8vw,28px);line-height:1.22;padding-top:5px}.kollel-copy p{margin:0 0 1.1em}.kollel-film video{width:100%;height:auto;background:#111;margin:0 0 30px}.kollel-detail-nav{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #c3a13f77;margin-top:35px;padding-top:25px}.kollel-detail-nav button{border:0;background:none;color:#273e3a;font-size:20px}.kollel-reading-progress{position:absolute;left:10px;top:20px;bottom:20px;width:5px;background:#d1a94133;border-radius:5px;overflow:hidden;pointer-events:none}.kollel-reading-progress span{display:block;width:100%;height:100%;background:var(--gold);transform:scaleY(var(--read-progress,0));transform-origin:top}
@media(hover:none){.kollel-read{opacity:1;transform:none;left:-12px;padding:14px 20px}.kollel-card{max-width:78vw}}
@media(max-width:700px){:root{--rail:45px}.kollelim-header{left:5vw;gap:18px}.kollelim-header>a:first-child{width:95px}.donate{font-size:17px;padding:10px 16px}.kollelim-track{gap:13vw;padding-left:12vw}.kollelim-intro{display:block;padding:25svh 8vw 12svh}.kollelim-intro h1{font-size:clamp(84px,14svh,140px);width:100%;line-height:.82}.intro-copy{margin-top:4svh}.intro-copy p{font-size:28px;display:inline;margin-left:15px}.intro-copy p br{display:none}.intro-copy button{font-size:20px;gap:30px;padding:9px 0}.intro-wave{bottom:5svh;transform:scale(.65);transform-origin:center}.kollel-card{width:76vw;max-width:76vw}.kollel-city{font-size:33px;margin-bottom:30px}.kollel-card h2{font-size:32px;margin-top:22px}.kollel-read{font-size:21px;left:-12px}.kollelim-scroll-controls{bottom:7svh}.kollelim-menu{padding:11svh 8vw 5svh}.kollelim-menu>p{font-size:42px}.kollelim-menu nav{grid-template-columns:repeat(2,1fr);gap:5px 22px}.kollelim-menu nav button{font-size:22px;padding:10px 0}.menu-sites{flex-direction:column;gap:20px;font-size:19px}.kollel-drawer{width:calc(100vw - 24px);border-right-width:4px}.kollel-close{left:14px;top:12px;width:40px;height:40px;font-size:27px;background:var(--cream);color:var(--ink)}.kollel-detail{padding:80px 7% 35px 10%}.kollel-detail h2{font-size:48px;line-height:1.02}.kollel-fact{font-size:22px;max-width:100%}.kollel-copy{font-size:22px;line-height:1.25}.kollel-gallery-track img{height:260px}.gallery-next{width:48px;height:48px}.kollel-reading-progress{left:5px;width:4px}.kollel-thumbnails button{height:65px}.kollel-detail-nav button{font-size:18px}.rail-name,.rail-yeshiva{height:120px;font-size:17px}.rail-donate{font-size:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
