:root{--ink: #171412;--muted: #4a4540;--bg: #fff;--line: #171412;--font-display: "Playfair Display", "Times New Roman", serif;--font-sans: "Figtree", system-ui, sans-serif;--font-fg: "EB Garamond", Georgia, serif;--fg-cream: #f2eee6;--fg-ink: #1c2120;--header-h: clamp(46px, 7.2vh, 64px)}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-weight:500;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit;background:none;border:0;padding:0;color:inherit;cursor:pointer}.site-shell{min-height:100dvh;min-height:100vh;height:100%;display:flex;flex-direction:column;background:var(--bg)}.site-shell.is-home{background:#000}.site-shell.is-fg{background:var(--fg-cream);color:var(--fg-ink)}.site-main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;overflow:auto}.site-shell.is-home .site-main{overflow:hidden}.site-header{position:sticky;top:0;z-index:40;height:var(--header-h);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,3vw,36px);background:#ffffffeb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.site-header.home-overlay{position:absolute;top:0;left:0;right:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff}.is-fg .site-header{position:absolute;top:0;left:0;right:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}.header-brand{font-family:var(--font-display);font-weight:700;font-size:clamp(16px,1.7vw,22px);letter-spacing:.16em}.back-button{font-family:var(--font-sans);font-weight:600;font-size:15px;letter-spacing:.04em}.back-button:hover{opacity:.7}.menu-toggle{width:42px;height:42px;display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:6px;z-index:50}.menu-toggle span{display:block;width:26px;height:2.5px;background:currentColor;border-radius:2px;transition:transform .2s ease,opacity .2s ease,width .2s ease}.menu-toggle span:nth-child(2){width:20px}.menu-toggle.is-open{color:var(--ink)}.menu-toggle.is-open span:nth-child(1){transform:translateY(8.5px) rotate(45deg);width:26px}.menu-toggle.is-open span:nth-child(2){opacity:0}.menu-toggle.is-open span:nth-child(3){transform:translateY(-8.5px) rotate(-45deg);width:26px}.site-menu{pointer-events:none}.site-menu.is-open{pointer-events:auto}.menu-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#17141247;opacity:0;pointer-events:none;transition:opacity .25s ease;z-index:35}.menu-backdrop.is-open{opacity:1;pointer-events:auto}.site-menu{position:fixed;top:0;right:0;z-index:45;width:min(420px,100%);height:100dvh;height:100vh;background:#fff;color:var(--ink);padding:18px 28px 36px;display:flex;flex-direction:column;gap:8px;transform:translate(100%);transition:transform .28s ease}.site-menu.is-open{transform:translate(0)}.site-menu a.menu-link{font-family:var(--font-display);font-weight:700;font-size:clamp(28px,4vw,40px);line-height:1.18}.site-menu a.menu-link:hover{text-decoration:line-through;text-decoration-thickness:2px}.menu-close{margin:0 0 16px;width:fit-content;align-self:flex-start;font-family:var(--font-sans);font-weight:600;font-size:15px;letter-spacing:.08em;text-transform:uppercase}.menu-close:hover{text-decoration:line-through}.menu-actions{margin-top:auto;display:flex;gap:18px}.menu-icon{display:flex!important;align-items:center;gap:8px;font-family:var(--font-sans)!important;font-size:15px!important;font-weight:600!important;letter-spacing:.04em}.menu-icon svg{width:22px;height:22px}.home-page{position:relative;flex:1 1 auto;min-height:100dvh;min-height:100vh;overflow:hidden;display:flex;align-items:center}.home-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.home-nav{position:relative;z-index:1;padding:0 clamp(24px,6vw,110px)}.home-nav a{color:#fff;font-family:var(--font-display);font-weight:700;font-size:clamp(28px,min(6vh,4.4vw),52px);line-height:1.22;display:block;width:fit-content;text-shadow:0 2px 18px rgba(0,0,0,.45)}.home-nav a:hover{text-decoration:line-through;text-decoration-thickness:3px}.page-fit{flex:1 1 auto;width:100%;min-height:0;padding:clamp(2px,.8vh,8px) clamp(14px,3.5vw,56px) clamp(8px,1.8vh,24px)}.page-center{min-height:calc(100dvh - var(--header-h));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.page-title{margin:0;font-family:var(--font-display);font-weight:700;font-size:clamp(34px,5vw,64px);letter-spacing:.08em;line-height:1.05}.page-note{margin:0;font-family:var(--font-display);font-size:clamp(22px,3vw,32px);font-weight:600}.page-copy{font-size:clamp(15px,1.35vw,18px);line-height:1.55;font-weight:500;color:var(--muted);max-width:52ch}.page-copy p{margin:0 0 .9em}.page-copy p:last-child{margin-bottom:0}.page-copy a{text-decoration:underline;text-underline-offset:3px}.video-slot{min-width:0;min-height:0;width:100%}.video-frame{position:relative;background:#000;overflow:hidden;width:100%;aspect-ratio:16 / 9}.video-frame.video-portrait{aspect-ratio:9 / 16;width:min(100%,280px);margin:0 auto}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.preaching-page{height:calc(100dvh - var(--header-h));min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(16px,3vw,48px);background:#fff}.preaching-copy{padding:clamp(12px,4vh,48px) 0 clamp(12px,4vh,48px) clamp(8px,2vw,28px)}.preaching-photo{height:calc(100dvh - var(--header-h) - 24px);max-height:860px;padding:clamp(12px,3.5vh,56px) clamp(16px,4vw,64px) clamp(12px,3.5vh,56px) 0;display:flex;overflow:hidden}.preaching-photo img{width:100%;height:128%;max-width:none;object-fit:cover;object-position:center bottom;align-self:flex-end}.presenting-page{display:flex;flex-direction:column;gap:clamp(12px,2vh,28px);padding-bottom:clamp(12px,2vh,32px)}.presenting-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,4vw,56px);align-items:start}.presenting-intro{text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px;max-width:100%}.presenting-intro .page-title{font-size:clamp(28px,4vw,48px)}.presenting-intro .page-copy{max-width:none;font-size:clamp(14px,1.2vw,16px)}.interviews{text-align:center;padding:8px 0 0}.interviews h2{margin:0 0 10px;font-family:var(--font-display);font-size:clamp(13px,1.5vw,18px);letter-spacing:.16em}.interviews p{margin:0 auto;text-align:center;font-size:clamp(12px,1.15vw,15px);line-height:1.7;letter-spacing:.04em;font-weight:600;color:var(--muted)}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(18px,2.4vw,32px) clamp(16px,2vw,28px);align-items:stretch}.brand-row{display:grid;grid-template-columns:minmax(92px,.36fr) minmax(0,1fr);gap:clamp(10px,1.6vw,18px);align-items:center}.brand-row-flip{grid-template-columns:minmax(0,1fr) minmax(92px,.36fr)}.brand-logos{display:flex;align-items:center;justify-content:center;min-height:0;background:#fff}.brand-logos img{max-width:min(100%,180px);max-height:min(22vh,140px);width:auto;height:auto;object-fit:contain}.logo-alpha img{background:transparent}.bethel-stack{width:min(148px,100%);display:flex;flex-direction:column;align-items:stretch;gap:4px}.bethel-stack .bethel-mark,.bethel-stack .amaj-logo{width:100%;max-width:none;max-height:none;height:auto}.bethel-stack .bethel-mark{filter:brightness(0);background:transparent;padding:0}.brand-media,.bbc-card{width:100%}.bbc-card{position:relative;display:block;overflow:hidden;background:#111;aspect-ratio:16 / 9}.bbc-card img{width:100%;height:100%;object-fit:cover}.bbc-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:#fff;background:#00000047;font-family:var(--font-sans);font-weight:700;letter-spacing:.04em}.bbc-card:hover .bbc-play{background:#0006}.session-page{height:calc(100dvh - var(--header-h));min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(16px,3vw,40px);align-items:stretch;padding-bottom:clamp(8px,1.4vh,16px)}.session-copy{min-height:0;overflow:auto;display:flex;flex-direction:column;justify-content:center}.session-copy .page-title{margin-bottom:clamp(8px,1.4vh,16px);font-size:clamp(22px,3.6vw,44px)}.session-copy .page-copy{font-size:clamp(13px,1.5vh,16px);line-height:1.45}.session-media{min-height:0;height:100%;display:grid;grid-template-rows:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(8px,1.2vh,12px)}.session-photo{min-height:0;overflow:hidden}.session-photo img{width:100%;height:100%;object-fit:cover;object-position:center 30%}.session-videos{min-height:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:clamp(6px,1vh,10px)}.session-videos .video-slot,.session-videos .video-frame{height:100%}.session-page .video-frame{aspect-ratio:auto}.fg-page{background:var(--fg-cream);color:var(--fg-ink);font-family:var(--font-fg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:clamp(6px,1vh,12px);padding-top:0;padding-bottom:clamp(12px,2vh,28px)}.fg-logo{width:min(96px,18vw,12vh);height:auto;margin-top:0}.fg-page .page-title{font-family:var(--font-fg);letter-spacing:.18em;font-size:clamp(22px,3.6vh,42px)}.fg-desc{max-width:62ch;margin:0;font-family:var(--font-fg);font-size:clamp(16px,1.6vw,20px);line-height:1.45}.fg-cta{display:inline-block;margin:4px 0 10px;padding:8px 22px;border:1px solid var(--fg-ink);font-family:var(--font-fg);font-size:clamp(16px,1.6vw,22px);letter-spacing:.08em}.fg-cta:hover{background:var(--fg-ink);color:var(--fg-cream)}.fg-videos{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px)}.fg-portraits{width:100%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);margin-top:8px}.fg-portraits figure{margin:0;display:flex;flex-direction:column;gap:8px}.portrait-frame{aspect-ratio:1;overflow:hidden}.fg-portraits img{width:100%;height:100%;object-fit:cover}.fg-portraits figure:nth-child(1) img{object-position:50% 28%}.fg-portraits figure:nth-child(2) img{object-position:50% 58%}.fg-portraits figure:nth-child(3) img{object-position:50% 48%}.fg-portraits figcaption{font-size:15px;letter-spacing:.08em}.about-page{height:calc(100dvh - var(--header-h));min-height:0;overflow:hidden;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(16px,3vw,48px)}.about-copy{min-height:0;overflow:auto}.about-copy .page-title{margin-bottom:clamp(8px,1.2vh,16px)}.about-copy .page-copy{max-width:58ch;font-size:clamp(13px,1.55vh,17px)}.about-photo{height:calc(100dvh - var(--header-h) - 20px);max-height:none;padding:clamp(8px,2.5vh,36px) clamp(8px,3vw,40px) clamp(8px,2.5vh,36px) 0;display:flex;min-height:0}.about-photo img{width:100%;height:100%;object-fit:cover;object-position:center 18%}.media-page{display:flex;flex-direction:column;gap:clamp(12px,2vh,28px);padding-bottom:clamp(10px,1.8vh,24px)}.media-intro .page-copy{max-width:62ch}.media-block h2{margin:0 0 14px;font-family:var(--font-display);font-size:clamp(20px,2.4vw,28px);letter-spacing:.1em}.media-landscapes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(12px,2vw,24px)}.media-shorts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(12px,2vw,24px);justify-items:center}.media-shorts .video-slot{display:flex;justify-content:center}@media (max-width: 860px){.preaching-page,.session-page,.about-page,.presenting-top,.brand-grid,.brand-row,.brand-row-flip,.media-landscapes,.media-shorts{grid-template-columns:1fr}.preaching-page,.session-page,.about-page{height:auto;overflow:visible}.preaching-photo,.about-photo{height:auto;max-height:none;padding:0 12px 24px;aspect-ratio:3 / 4}.session-media{grid-template-rows:auto auto;height:auto}.session-videos{grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.session-page .video-frame{aspect-ratio:16 / 9;height:auto}.fg-videos,.fg-portraits{grid-template-columns:1fr}.home-nav a{font-size:clamp(26px,7vw,40px)}}@media (max-width: 520px){.site-header{padding:0 14px}.page-fit{padding:4px 14px 20px}}@media (max-height: 780px){.page-title{font-size:clamp(22px,4.6vh,40px)}.brand-logos img{max-height:min(14vh,92px)}.video-frame.video-portrait{width:min(100%,170px)}.fg-portraits figcaption{font-size:12px}.presenting-intro .page-copy,.session-copy .page-copy,.about-copy .page-copy{font-size:clamp(12px,1.7vh,15px)}}