.church-mobile-prototype{--ink:#091d40;--gold:#dca73c;--light:#fffaf1;--muted:#53607a;--surface:#fff;--edge:#e7dfd1;--dark:#0b1d3f;--hero-ink:#fff;--radius:18px;color:var(--ink);font-family:Arial,Helvetica,sans-serif;max-width:850px;margin:auto}
.church-mobile-prototype *{box-sizing:border-box}
.church-mobile-prototype button,.church-mobile-prototype input,.church-mobile-prototype select,.church-mobile-prototype textarea{font:inherit}
.church-mobile-prototype .concept-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:0 auto 16px;max-width:800px}
.church-mobile-prototype .concept-picker button{min-height:46px;background:#f4f0e9;color:#1e2b47;border:1px solid #dbd6cd;border-radius:12px;font-weight:700;font-size:13px;line-height:1.15;cursor:pointer}
.church-mobile-prototype .concept-picker button[aria-pressed=true]{background:#101f41;color:#fff;border-color:#101f41}
.church-mobile-prototype .concept-caption{text-align:center;color:#5a6476;font-size:13px;margin:0 0 15px}
.church-mobile-prototype .device{width:min(390px,100%);height:min(77vh,760px);min-height:510px;margin:auto;padding:7px;background:#20283a;border-radius:35px;box-shadow:0 20px 48px rgba(12,21,37,.25)}
.church-mobile-prototype .screen{height:100%;overflow-y:auto;overscroll-behavior:contain;border-radius:28px;background:var(--light);scroll-behavior:smooth;scrollbar-width:thin}
.church-mobile-prototype .screen::-webkit-scrollbar{width:4px}.church-mobile-prototype .screen::-webkit-scrollbar-thumb{background:#b4a88f}
.church-mobile-prototype .phone-page{background:var(--light);min-height:100%;padding-bottom:58px}
.church-mobile-prototype .topbar{height:56px;padding:7px 15px;display:flex;align-items:center;gap:9px;background:var(--dark);color:#fff}
.church-mobile-prototype .brandmark{width:39px;height:39px;object-fit:cover;border-radius:50%;background:#fff;flex:none}
.church-mobile-prototype .brandtext{font-weight:800;text-transform:uppercase;letter-spacing:.035em;line-height:1.1;font-size:10px;flex:1}
.church-mobile-prototype .brandtext small{display:block;color:#ecc76e;letter-spacing:.16em;font-size:8px;margin-top:4px}
.church-mobile-prototype .topbar a{color:#fff;text-decoration:none;font-size:12px;font-weight:700;border:1px solid #ffffff88;border-radius:20px;padding:7px 9px}
.church-mobile-prototype main{display:flex;flex-direction:column}
.church-mobile-prototype section{position:relative;overflow:hidden}
.church-mobile-prototype .hero{order:1;min-height:430px;background:var(--dark);color:var(--hero-ink);display:flex;align-items:end}
.church-mobile-prototype .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:55% center}
.church-mobile-prototype .hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(3,8,23,.18),rgba(5,11,31,.2) 40%,rgba(3,8,23,.96))}
.church-mobile-prototype .hero-inner{position:relative;z-index:1;padding:30px 24px 31px;width:100%}
.church-mobile-prototype .eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.22em;font-weight:800;color:var(--gold);margin:0 0 11px}
.church-mobile-prototype h1,.church-mobile-prototype h2,.church-mobile-prototype h3,.church-mobile-prototype p{margin-top:0}
.church-mobile-prototype h1,.church-mobile-prototype h2,.church-mobile-prototype h3{font-family:Georgia,'Times New Roman',serif}
.church-mobile-prototype h1{font-size:51px;letter-spacing:-.055em;line-height:.98;margin-bottom:13px;font-weight:500}
.church-mobile-prototype h1 em,.church-mobile-prototype h2 em{color:var(--gold);font-style:italic}
.church-mobile-prototype .hero-description{font-size:15px;line-height:1.48;max-width:290px;margin-bottom:20px}
.church-mobile-prototype .actions{display:flex;gap:8px;flex-wrap:wrap}
.church-mobile-prototype .button{display:inline-flex;align-items:center;justify-content:center;gap:7px;text-decoration:none;border:0;border-radius:999px;padding:12px 15px;font-size:12px;font-weight:800;cursor:pointer}
.church-mobile-prototype .button.gold{background:var(--gold);color:#081a36}
.church-mobile-prototype .button.outline{border:1px solid currentColor;color:inherit;background:transparent}
.church-mobile-prototype .section-pad{padding:35px 22px}
.church-mobile-prototype .section-label{font-size:10px;letter-spacing:.17em;text-transform:uppercase;font-weight:800;color:#ac7410;margin-bottom:9px}
.church-mobile-prototype h2{font-size:36px;line-height:1.04;letter-spacing:-.04em;font-weight:500;margin-bottom:13px}
.church-mobile-prototype .section-lede{font-size:14px;line-height:1.52;color:var(--muted);margin-bottom:19px}
.church-mobile-prototype .video-section{order:2;background:#071c3c;color:#fff;padding:30px 14px 34px}
.church-mobile-prototype .video-section .section-label{color:#f1c765;margin-left:7px}
.church-mobile-prototype .video-section h2{font-size:32px;margin:0 7px 15px}
.church-mobile-prototype .video-section h2 em{color:#e7b344}
.church-mobile-prototype .player{aspect-ratio:16/10;position:relative;overflow:hidden;border-radius:15px;background:#020915;border:1px solid #ffffff40;box-shadow:0 12px 27px #0006}
.church-mobile-prototype .player img{width:100%;height:100%;object-fit:cover;object-position:center 41%;filter:brightness(.72)}
.church-mobile-prototype .player:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,#020916dc);pointer-events:none}
.church-mobile-prototype .player iframe{width:100%;height:100%;border:0;position:absolute;inset:0;z-index:4;background:#000}
.church-mobile-prototype .player-copy{position:absolute;z-index:2;bottom:14px;left:14px;right:14px}
.church-mobile-prototype .player-copy b{font-size:15px;display:block;margin-bottom:5px}
.church-mobile-prototype .player-copy small{font-size:11px;color:#fffde8}
.church-mobile-prototype .youtube-chip{position:absolute;z-index:2;top:11px;left:11px;display:inline-flex;gap:5px;align-items:center;padding:5px 9px;background:#e21d30;color:#fff;border-radius:6px;font-size:10px;font-weight:900;letter-spacing:.06em}
.church-mobile-prototype .video-tools{display:flex;justify-content:space-between;gap:7px;align-items:center;margin:13px 3px 14px}
.church-mobile-prototype .video-tools span{font-size:11px;color:#d8deea}
.church-mobile-prototype .video-tools button{background:#efbd57;color:#081935;padding:8px 10px;border:0;border-radius:999px;font-size:11px;font-weight:800;cursor:pointer}
.church-mobile-prototype .video-add{background:#112950;border:1px solid #385074;border-radius:11px;padding:11px;margin:8px 0 15px}
.church-mobile-prototype .video-add summary{font-size:12px;font-weight:800;cursor:pointer}
.church-mobile-prototype .video-add form{display:grid;gap:8px;margin-top:10px}
.church-mobile-prototype .video-add label{display:grid;gap:4px;font-size:11px}
.church-mobile-prototype .video-add input,.church-mobile-prototype .video-add select{width:100%;border:1px solid #71819b;border-radius:7px;padding:10px;background:#fff;color:#102343;font-size:13px}
.church-mobile-prototype .video-add button{border:0;border-radius:8px;background:var(--gold);padding:10px;color:#081b37;font-size:12px;font-weight:800}
.church-mobile-prototype .feedback{font-size:11px;line-height:1.35;color:#ffe393;margin:0;min-height:0}
.church-mobile-prototype .video-list{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.church-mobile-prototype .video-card{background:#fff;color:#081d40;border-radius:10px;overflow:hidden;min-width:0}
.church-mobile-prototype .video-card .thumb{height:65px;background:linear-gradient(135deg,#c68e3c,#3f77b3);display:flex;align-items:center;justify-content:center;color:#fff;font-size:25px}
.church-mobile-prototype .video-card:nth-child(2) .thumb{background:linear-gradient(135deg,#1c3d74,#a2685c)}
.church-mobile-prototype .video-card strong{display:block;font-family:Georgia,serif;font-size:14px;line-height:1.08;padding:8px 9px 2px}
.church-mobile-prototype .video-card small{display:block;color:#50617a;font-size:10px;padding:0 9px 9px}
.church-mobile-prototype .welcome-section{order:3;background:var(--light)}
.church-mobile-prototype .welcome-photo{width:100%;height:240px;object-fit:cover;object-position:center 24%;display:block}
.church-mobile-prototype .welcome-copy{padding:30px 22px 25px}
.church-mobile-prototype .welcome-copy h2{font-size:38px}
.church-mobile-prototype .name-keep{font-style:normal}
.church-mobile-prototype .mission{font-family:Georgia,serif;font-size:18px;font-style:italic;color:#af7914;margin-bottom:10px}
.church-mobile-prototype .pillars{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:0 18px 32px}
.church-mobile-prototype .pillar{background:#fff;border:1px solid var(--edge);border-radius:12px;padding:12px 10px;min-height:92px}
.church-mobile-prototype .pillar .symbol{font-size:23px;color:#b8831a;line-height:1}
.church-mobile-prototype .pillar b{display:block;font-family:Georgia,serif;font-size:16px;margin:7px 0 3px}
.church-mobile-prototype .pillar small{color:var(--muted);font-size:11px;line-height:1.25;display:block}
.church-mobile-prototype .prayer-section{order:4;background:#fff}
.church-mobile-prototype .prayer-photo{width:calc(100% + 44px);height:142px;object-fit:cover;object-position:55% 48%;margin:-35px -22px 26px;display:block}
.church-mobile-prototype .prayer-section blockquote{margin:18px 0 0;padding:12px 14px;border-left:3px solid var(--gold);font-family:Georgia,serif;font-style:italic;font-size:13px;line-height:1.43;background:#f8f3e9}
.church-mobile-prototype .prayer-section cite{display:block;margin-top:6px;color:#9e6812;font:normal 11px Arial,sans-serif}
.church-mobile-prototype .prayer-form{display:grid;gap:8px;margin-top:16px}
.church-mobile-prototype .prayer-form input,.church-mobile-prototype .prayer-form textarea{width:100%;border:1px solid #d8dce4;border-radius:9px;background:#fff;color:#081c3b;padding:12px;font-size:13px}
.church-mobile-prototype .prayer-form textarea{resize:vertical;min-height:81px}
.church-mobile-prototype .prayer-form button{border:0;border-radius:10px;background:var(--gold);color:#071b3a;padding:12px;font-weight:800;font-size:13px;cursor:pointer}
.church-mobile-prototype .prayer-note{font-size:10px;color:var(--muted);margin:8px 0 0;line-height:1.35}
.church-mobile-prototype .stories-section{order:5;background:#f6f0e5}
.church-mobile-prototype .story-list{display:grid;gap:8px}
.church-mobile-prototype .story{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid #eadfcf;border-radius:11px;padding:12px}
.church-mobile-prototype .story span{width:31px;height:31px;border-radius:50%;display:grid;place-items:center;flex:none;background:#f4e1aa;font-family:Georgia,serif;font-size:12px;color:#15264a}
.church-mobile-prototype .story b{font-family:Georgia,serif;font-size:17px}
.church-mobile-prototype .story small{display:block;color:var(--muted);font-size:11px;margin-top:2px}
.church-mobile-prototype .visit-section{order:6;background:#0b2349;color:#fff}
.church-mobile-prototype .visit-section .section-lede{color:#e2e8f0}
.church-mobile-prototype .visit-facts{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:17px 0}
.church-mobile-prototype .visit-facts div{padding:12px;background:#1a3760;border:1px solid #405878;border-radius:10px;min-height:83px}
.church-mobile-prototype .visit-facts small{display:block;color:#efc76b;font-size:10px;font-weight:800;letter-spacing:.08em;margin-bottom:7px}
.church-mobile-prototype .visit-facts b{font-size:13px;line-height:1.3}
.church-mobile-prototype footer{background:#170c2b;color:#fff;padding:25px 22px 31px}
.church-mobile-prototype footer img{height:51px;width:51px;border-radius:50%;background:white;float:left;margin-right:10px}
.church-mobile-prototype footer strong{font-family:Georgia,serif;font-size:15px;display:block;padding-top:4px;line-height:1.1}
.church-mobile-prototype footer p{clear:both;color:#d8cce0;font-size:12px;line-height:1.45;margin:19px 0}
.church-mobile-prototype footer nav{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #ffffff36;padding-top:14px}
.church-mobile-prototype footer a{font-size:11px;color:#f0c96c;text-decoration:none}
.church-mobile-prototype footer small{display:block;color:#baacc8;font-size:10px;margin-top:17px}
.church-mobile-prototype .bottom-nav{position:sticky;bottom:0;z-index:10;background:#ffffffed;backdrop-filter:blur(8px);height:54px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 -2px 12px #07142418}
.church-mobile-prototype .bottom-nav a{display:grid;place-items:center;align-content:center;text-decoration:none;color:#23365a;font-size:10px;font-weight:800;gap:2px}
.church-mobile-prototype .bottom-nav a span{font-size:17px;line-height:1}

/* The selected Sanctuary design is used only on phone widths. */
.church-mobile-prototype{display:none}
@media(max-width:650px){
  .home-page>.site-header,.home-page>main,.home-page>.site-footer,.home-page>.skip-link{display:none!important}
  .church-mobile-prototype{display:block;max-width:none;width:100%;font-family:Arial,Helvetica,sans-serif}
  .church-mobile-prototype .device{width:100%;height:auto;min-height:0;padding:0;border-radius:0;background:transparent;box-shadow:none}
  .church-mobile-prototype .screen{height:auto;overflow:visible;border-radius:0;scroll-behavior:smooth}
  .church-mobile-prototype .phone-page{padding-bottom:56px}
  .church-mobile-prototype .topbar{position:relative;z-index:2}
  .church-mobile-prototype .hero{min-height:430px;display:flex;align-items:end;grid-template-columns:none}
  .church-mobile-prototype .hero-photo{position:absolute;inset:0;max-width:none;width:100%;height:100%;border-radius:0;box-shadow:none;object-fit:cover}
  .church-mobile-prototype .hero-inner{padding:30px 24px 31px;max-width:none}
  .church-mobile-prototype .video-section{padding:30px 14px 34px}
  .church-mobile-prototype .welcome-photo{width:100%;height:auto;max-width:none;object-fit:contain;object-position:center}
  .church-mobile-prototype .mission{background:transparent;color:#af7914;padding:0}
  .church-mobile-prototype .prayer-photo{width:calc(100% + 44px);height:142px;max-width:none}
  .church-mobile-prototype .bottom-nav{position:fixed;bottom:0;left:0;right:0;height:56px;z-index:99;padding-bottom:env(safe-area-inset-bottom)}
  .church-mobile-prototype .player iframe{z-index:5}
  .church-mobile-prototype .video-card{border:0;text-align:left;cursor:pointer}
  .church-mobile-prototype .video-card:focus-visible,.church-mobile-prototype .bottom-nav a:focus-visible,.church-mobile-prototype button:focus-visible{outline:3px solid #f2c657;outline-offset:2px}
  .church-mobile-prototype .video-card .thumb img{width:100%;height:100%;object-fit:cover}
  .church-mobile-prototype .video-card .thumb{overflow:hidden}
  .church-mobile-prototype .video-card .thumb span{position:absolute;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#051a3cc9;color:#fff}
  .church-mobile-prototype .video-card .thumb{position:relative}
  .church-mobile-prototype .video-card .thumb span{left:calc(50% - 15px);top:calc(50% - 15px)}
  .church-mobile-prototype .video-card small{font-size:10px}
  .church-mobile-prototype .video-card .remove-video{display:block;width:100%;border:0;border-top:1px solid #e5e7ed;background:#fff;color:#9a2e3f;font-size:11px;padding:7px 9px;text-align:left;cursor:pointer}
  .church-mobile-prototype .video-card .choose-video{display:block;width:100%;border:0;background:#fff;color:#081d40;padding:0;text-align:left;cursor:pointer}
}
@media(max-width:360px){
  .church-mobile-prototype .brandtext{font-size:9px}
  .church-mobile-prototype h1{font-size:46px}
  .church-mobile-prototype .actions{gap:6px}
  .church-mobile-prototype .button{padding:11px 12px}
  .church-mobile-prototype .pillars{gap:7px}
}