:root{--blue: #0077cc;--grey: #797979;--bg: #f5f5f5;--black: #000;--font-mono: "Syne Mono", "Courier New", monospace;--font-sans: "Syne", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;overflow:hidden}body{background:var(--bg);color:var(--blue);font-family:var(--font-mono);font-weight:700;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell{display:flex;flex-direction:column;height:100dvh;height:100vh;overflow:hidden}.site-main{flex:1 1 0;min-height:0;display:flex;flex-direction:column;overflow:hidden}.site-footer{flex:0 0 auto;padding:3px 16px 6px;background:transparent;font-family:var(--font-mono);color:var(--blue);font-weight:700;font-size:clamp(10px,1.2vh,13px);display:flex;gap:14px;flex-wrap:nowrap;white-space:nowrap;overflow:hidden}.site-header{--header-fs: min(20px, max(5px, 1.5625vw ));--header-gap: min(26px, max(2px, calc(100vw / 120)));display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;padding:clamp(6px,.8vh,12px) clamp(6px,1.6vw,28px);background:transparent;gap:var(--header-gap);position:relative;z-index:10;white-space:nowrap;overflow-x:auto;scrollbar-width:none;flex:0 0 auto}.site-header::-webkit-scrollbar{display:none}.site-header.home-overlay{position:absolute;top:0;left:0;right:0}.site-header.home-overlay .header-link,.site-header.home-overlay .header-icon{text-shadow:0 1px 12px rgba(0,0,0,.55)}.header-spacer{flex:1 1 0;min-width:0;height:1px}.header-link{font-family:var(--font-mono);color:var(--blue);font-size:var(--header-fs);font-weight:700;letter-spacing:.02em;white-space:nowrap;flex-shrink:0}.header-brand{font-size:var(--header-fs);letter-spacing:.03em}.header-icon{display:flex;color:var(--blue);flex-shrink:0;font-size:var(--header-fs)}.header-icon svg{width:1em;height:1em}.back-button{display:inline-block;color:var(--blue);font-family:var(--font-mono);font-weight:700;font-size:clamp(11px,1.5vh,16px);letter-spacing:.1em;margin-bottom:clamp(2px,.5vh,6px);flex:0 0 auto}.back-button:hover{opacity:.7}.back-button-float{position:absolute;top:clamp(8px,1.6vh,24px);left:clamp(12px,2vw,40px);margin-bottom:0;z-index:2}.page-fit{flex:1 1 0;min-height:0;overflow:hidden;display:flex;flex-direction:column;padding:clamp(4px,.8vh,12px) clamp(10px,1.8vw,32px) clamp(2px,.5vh,8px);position:relative;background:transparent;color:var(--blue);font-family:var(--font-mono);font-weight:700}.page-center{align-items:center;justify-content:center;text-align:center;gap:clamp(8px,1.4vh,18px)}.page-title,.page-note{font-family:var(--font-mono);font-weight:700;color:var(--blue);margin:0;line-height:1.2;flex:0 0 auto}.page-title{font-size:clamp(13px,2.2vh,28px);text-align:center}.page-note{font-size:clamp(11px,1.8vh,20px)}.page-logo{max-height:min(10vh,88px);max-width:min(28vw,220px);width:auto;height:auto;object-fit:contain}.corner-logo{position:absolute;top:clamp(4px,.8vh,12px);right:clamp(8px,1.4vw,24px);max-height:min(8vh,72px);max-width:min(16vw,140px);z-index:2}.video-row{display:flex;justify-content:center;align-items:stretch;gap:clamp(6px,1vw,14px);min-height:0;min-width:0;flex:1 1 0;width:100%}.video-slot,.still,.portrait-frame{container-type:size;min-width:0;min-height:0;height:100%;display:grid;place-items:center}.video-row .video-slot{flex:1 1 0}.video-frame{position:relative;background:#000;overflow:hidden;width:100%;height:auto;aspect-ratio:16 / 9}.video-frame.video-landscape{width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw);aspect-ratio:16 / 9}.video-frame.video-portrait{width:min(100cqw,56.25cqh);height:min(100cqh,calc(100cqw * 16 / 9));aspect-ratio:9 / 16}.video-frame.video-square{width:min(100cqw,100cqh);height:min(100cqw,100cqh);aspect-ratio:1 / 1}.video-frame iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.home-page{position:relative;flex:1 1 0;min-height:0;background:#000;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;z-index:0}.home-nav{position:relative;z-index:1;padding:0 clamp(24px,6vw,110px)}.home-nav a{color:var(--blue);font-family:var(--font-mono);font-weight:700;font-size:clamp(18px,min(5.6vh,4vw),44px);line-height:1.28;display:block;width:fit-content;text-shadow:0 1px 12px rgba(0,0,0,.55)}.index-page{justify-content:center}.index-page nav a{color:var(--blue);font-family:var(--font-mono);font-weight:700;font-size:clamp(12px,min(3.5vh,3.2vw),34px);line-height:1.22;display:block;width:fit-content}.about-title{font-size:clamp(22px,4.4vh,48px)}.about-bio,.about-mail{font-size:clamp(13px,2vh,20px);font-weight:700;line-height:1.45;max-width:640px;margin:0;color:var(--blue)}.about-mail{font-size:clamp(12px,1.8vh,18px)}.contact-link{color:var(--blue);font-weight:700;font-size:clamp(16px,min(4vh,3vw),32px)}.layout-default .default-head{display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);flex-wrap:nowrap;margin-bottom:clamp(4px,.8vh,10px);flex:0 0 auto;min-height:0}.default-media{flex:1 1 0;min-height:0;min-width:0;display:grid;gap:clamp(6px,1vh,12px);align-content:center;justify-items:stretch}.media-cols-1{grid-template-columns:minmax(0,1fr)}.media-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.media-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.media-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.still{overflow:hidden}.still img{width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw);object-fit:cover}.layout-theway .theway-head{display:flex;flex-direction:column;align-items:center;text-align:center;gap:clamp(2px,.5vh,6px);flex:0 0 auto;margin-bottom:clamp(4px,.7vh,10px)}.layout-theway .theway-logo{max-height:min(8vh,70px);max-width:min(36vw,200px)}.theway-names{max-width:min(960px,98%);margin:0;color:var(--blue);font-weight:700;font-size:clamp(8px,1.25vh,12px);line-height:1.35;letter-spacing:.03em}.theway-media{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:clamp(4px,.8vh,10px)}.theway-media .video-row{flex:1.25 1 0}.theway-square{flex:.7 1 0;min-height:0;display:flex;justify-content:center}.theway-square .video-slot{width:auto;aspect-ratio:1 / 1;height:100%;max-width:min(42vw,280px)}.layout-bethel .bethel-logos{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;margin-bottom:clamp(4px,.7vh,10px)}.layout-bethel .amaj-logo{max-height:min(9vh,78px);max-width:min(18vw,130px);border-radius:6px}.bethel-media{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:clamp(4px,.8vh,10px)}.bethel-media .video-row{flex:1 1 0}.podcast-links{display:flex;align-items:center;justify-content:center;gap:16px;margin:0;padding:2px 0;flex:0 0 auto}.podcast-links a{display:flex;color:var(--blue);transition:opacity .15s ease}.podcast-links a:hover{opacity:.7}.podcast-links svg{width:clamp(18px,2.4vh,28px);height:clamp(18px,2.4vh,28px)}.stpauls-logo{mix-blend-mode:multiply}.stpauls-title{padding-right:clamp(0px,10vw,100px);margin-bottom:clamp(4px,.7vh,8px)}.stpauls-media{flex:1 1 0;min-height:0;display:flex;flex-direction:column;gap:clamp(6px,1vh,12px)}.stpauls-media .video-row{flex:1 1 0}.stpauls-media .video-row.cols-2 .video-slot{flex:0 1 calc((100% - 2 * clamp(6px,1vw,14px)) / 3);max-width:calc((100% - 2 * clamp(6px,1vw,14px)) / 3)}.layout-fg{align-items:center;text-align:center}.layout-fg .fg-logo{max-height:min(7vh,64px);max-width:min(22vw,140px)}.layout-fg .page-title{margin-bottom:clamp(2px,.4vh,6px)}.layout-fg .video-row{width:100%;flex:1.15 1 0}.fg-portraits{flex:.85 1 0;min-height:0;width:100%;display:flex;justify-content:center;gap:clamp(4px,.9vw,12px);margin:clamp(4px,.6vh,8px) 0}.fg-portraits figure{margin:0;flex:1 1 0;min-width:0;min-height:0;height:100%;display:flex;flex-direction:column;align-items:center}.fg-portraits .portrait-frame{flex:1 1 0;width:100%}.fg-portraits img{width:min(100cqw,100cqh);height:min(100cqw,100cqh);aspect-ratio:1;object-fit:cover;border-radius:3px}.fg-portraits figcaption{margin-top:2px;color:var(--blue);font-weight:700;font-size:clamp(8px,1.15vh,13px);flex:0 0 auto;line-height:1.2}.fg-desc{max-width:640px;margin:0;font-size:clamp(10px,1.45vh,15px);font-weight:700;line-height:1.35;color:var(--blue);flex:0 0 auto}.fg-cta{display:inline-block;margin-top:clamp(2px,.4vh,6px);padding:3px 14px;border:1.5px solid var(--blue);color:var(--blue);font-family:var(--font-mono);font-weight:700;font-size:clamp(11px,1.5vh,16px);letter-spacing:.08em;flex:0 0 auto}.fg-cta:hover{background:var(--blue);color:#fff}.layout-alpha .default-media{padding-top:clamp(2px,.4vh,6px)}.layout-bbc{align-items:center;text-align:center;gap:clamp(6px,1vh,12px)}.bbc-card{position:relative;flex:1 1 0;min-height:0;width:min(100%,900px);display:grid;place-items:center;overflow:hidden;border-radius:6px;background:#111;container-type:size}.bbc-card img{width:min(100cqw,calc(100cqh * 16 / 9));height:min(100cqh,56.25cqw);object-fit:cover}.bbc-play{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:#fff;background:#00000059;font-weight:700;font-family:var(--font-mono);font-size:clamp(12px,1.8vh,20px)}.bbc-play-icon{font-size:clamp(28px,6vh,64px);line-height:1}.bbc-link{color:var(--blue);font-weight:700;font-family:var(--font-mono);font-size:clamp(13px,1.8vh,22px);flex:0 0 auto}@media (max-width: 760px){.site-header{padding:8px 12px}.layout-theway .theway-square{flex:.55 1 0}}@media (max-width: 500px){.header-spacer{display:none}.site-header{--header-fs: max(7px, calc(100vw / 44));--header-gap: 3px;justify-content:flex-start;padding:6px}.header-link,.header-brand{letter-spacing:0}.site-footer{gap:8px;font-size:9px;padding:2px 8px 4px}.page-fit{padding:4px 8px 2px}.fg-portraits{gap:3px}}@media (max-height: 700px){.site-footer{padding:2px 12px 4px}.page-logo{max-height:min(8vh,64px)}}