/* Cartoon Church — shared local styles. No build step required. */
:root {
  --ink:#0d253e;
  --muted:#435b70;
  --paper:#f8f5ec;
  --gold:#d4b16a;
  --pink:#dbe8ef;
  --line:#bcc8cc;
  --max:1400px
}
.topbar {
  padding:12px 28px;
  text-align:center;
  background:#eeeee2;
  border-bottom:1px solid var(--line);
  font-size:12px;
}
* {
  box-sizing:border-box
}
html {
  scroll-behavior:smooth;
  scroll-padding-top:20px
}
body {
  margin:0;
  color:var(--ink);
  background:var(--paper);
  font:16px/1.6 "Segoe UI",Arial,sans-serif
}
a {
  color:inherit;
  text-underline-offset:4px
}
a:hover {
  color:#785008
}
button,input,textarea {
  font:inherit
}
button,a,input,textarea {
  touch-action:manipulation
}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible {
  outline:3px solid #a13764;
  outline-offset:5px
}
img {
  max-width:100%;
  height:auto;
  display:block
}
iframe {
  display:block;
  border:0;
  max-width:100%
}
h1,h2,h3,p {
  margin-top:0
}
h1,h2,h3 {
  line-height:1.12
}
h1 {
  font-family:Georgia,serif;
  font-weight:500;
  font-size:clamp(38px,4.6vw,66px);
  letter-spacing:-2px;
  margin-bottom:20px
}
h2 {
  font-size:clamp(24px,2.7vw,36px);
  letter-spacing:-1px
}
h3 {
  font-size:21px
}
p {
  color:var(--muted)
}
main {
  min-width:0
}
.skip-link {
  position:absolute;
  left:16px;
  top:-100px;
  z-index:100;
  background:var(--gold);
  padding:12px
}
.skip-link:focus {
  top:10px
}
.site-header {
  border-bottom:1px solid var(--ink);
  background:var(--paper)
}
.masthead {
  max-width:var(--max);
  margin:auto;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:24px;
  padding:24px 32px
}
.brand-art {
  position:relative;
  display:block;
  flex:0 0 300px;
  width:300px;
  height:59px;
  overflow:hidden
}
.brand-art img {
  position:absolute;
  width:558px;
  max-width:none;
  height:auto;
  left:-145px;
  top:-79px
}
.identity {
  font-size:11px;
  font-weight:700;
  letter-spacing:1.4px;
  line-height:1.8
}
.identity span {
  display:block;
  font-weight:400;
  letter-spacing:3px
}
.support-link {
  font-size:13px;
  font-weight:650;
  white-space:nowrap
}
.support-link span {
  margin-left:14px
}
nav {
  border-top:1px solid var(--line)
}
nav ul {
  max-width:var(--max);
  list-style:none;
  display:flex;
  gap:8px;
  margin:auto;
  padding:10px 24px;
  flex-wrap:wrap
}
nav a {
  display:block;
  padding:8px 18px;
  border-radius:5px;
  text-decoration:none;
  font-size:13px;
  font-weight:600
}
nav a[aria-current] {
  background:var(--ink);
  color:var(--paper)
}
nav a:hover {
  background:var(--gold);
  color:var(--ink)
}
.home-intro {
  max-width:var(--max);
  margin:auto;
  padding:44px 32px 32px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:32px
}
.eyebrow {
  font-size:11px;
  font-weight:750;
  letter-spacing:2px;
  text-transform:uppercase;
  display:block;
  margin-bottom:18px;
  color:#60644c
}
.home-intro h1 {
  margin:0
}
.home-intro em {
  font-style:italic;
  text-decoration:underline;
  text-decoration-color:var(--gold);
  text-decoration-thickness:6px;
  text-underline-offset:7px
}
.intro-note {
  width:250px;
  flex-shrink:0;
  border-left:1px solid var(--line);
  padding-left:34px;
  font-size:14px
}
.intro-note p {
  margin:8px 0
}
.intro-note a {
  font-size:12px;
  font-weight:650
}
.spark {
  font-size:46px;
  line-height:1;
  color:#947018
}
.broadcast {
  max-width:calc(var(--max) - 64px);
  margin:0 auto 36px;
  border:1px solid var(--ink);
  border-radius:12px;
  background:#eeeee2;
  overflow:hidden;
  box-shadow:5px 5px 0 #d8d9cb
}
.broadcast-top {
  display:flex;
  justify-content:space-between;
  gap:16px;
  padding:13px 22px;
  border-bottom:1px solid var(--ink);
  font-size:10px;
  font-weight:700;
  letter-spacing:1.7px
}
.broadcast-top span:last-child {
  font-weight:400;
  letter-spacing:.4px
}
.channel-grid {
  display:grid;
  grid-template-columns:minmax(220px,.75fr) minmax(0,1.55fr) minmax(0,1.1fr)
}
.channel {
  padding:22px;
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch
}
.channel+.channel {
  border-left:1px solid var(--ink)
}
.channel-label {
  font-size:9px;
  letter-spacing:1.6px;
  display:flex;
  justify-content:space-between;
  margin-bottom:12px
}
.channel h2 {
  font-size:24px;
  line-height:1.12;
  letter-spacing:-.8px;
  min-height:54px;
  margin-bottom:19px
}
.channel.sermons {
  background:var(--gold)
}
.sermons h2 {
  font-size:37px;
  letter-spacing:-1.5px
}
.playlist-frame {
  aspect-ratio:16/9;
  min-height:200px;
  background:#202822;
  border-radius:6px;
  overflow:hidden;
  margin-bottom:20px;
  border:1px solid #202822
}
.playlist-frame iframe {
  width:100%;
  height:100%
}
.playlist-frame.vertical {
  aspect-ratio:9/16;
  width:100%;
  max-width:226px;
  align-self:center
}
.channel p {
  font-size:13px;
  line-height:1.7;
  margin:0 0 24px;
  color:#3c4538
}
.playlist-link {
  display:flex;
  justify-content:space-between;
  gap:8px;
  font-size:12px;
  font-weight:650;
  margin-top:auto;
  padding-top:13px;
  border-top:1px solid #8c926d;
  text-decoration:none
}
.player-help {
  margin:0;
  border-top:1px solid var(--ink);
  padding:12px 22px;
  font-size:11px
}
.explore-band {
  max-width:var(--max);
  margin:auto;
  display:flex;
  gap:34px;
  align-items:center;
  padding:24px 32px 36px
}
.explore-band>div {
  margin-right:auto
}
.explore-band h2 {
  font-family:Georgia,serif;
  font-weight:400;
  font-size:30px;
  margin:0
}
.explore-band .eyebrow {
  margin-bottom:9px
}
.explore-band>a {
  font-size:13px;
  font-weight:600
}
.section,.hero,.showcase,.wrap,.stage-content,.cta-band {
  max-width:1200px;
  margin:0 auto;
  padding:30px 28px
}
.hero {
  padding-top:48px
}
.hero>p {
  max-width:750px
}
.hero-card {
  display:grid;
  grid-template-columns:1.3fr .8fr;
  gap:40px
}
.hero-side {
  padding:26px;
  background:#ecebdc;
  border-radius:8px
}
.hero-side h2 {
  font-size:23px
}
.grid,.video-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:24px
}
.showcase .grid {
  grid-template-columns:repeat(3,minmax(0,1fr))
}
.card,.video-card,.sample-card,.info-panel {
  background:#fffdf6;
  border:1px solid var(--line);
  border-radius:9px;
  padding:24px;
  min-width:0
}
.showcase .card {
  padding:0;
  overflow:hidden
}
.thumb {
  display:block;
  position:relative
}
.thumb img {
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover
}
.badge,.sample-badge {
  display:inline-block;
  background:var(--gold);
  font-size:11px;
  font-weight:700;
  padding:6px 10px;
  border-radius:4px
}
.badge {
  position:absolute;
  left:12px;
  bottom:12px
}
.meta {
  padding:20px
}
.title {
  font-weight:750
}
.provider {
  font-size:13px;
  color:var(--muted)
}
.video iframe,.video-frame iframe,.frame iframe {
  width:100%;
  aspect-ratio:16/9;
  height:auto;
  min-height:200px
}
.video,.video-frame,.frame {
  border-radius:6px;
  overflow:hidden;
  background:var(--ink)
}
.video-card .video-frame {
  margin-bottom:20px
}
.video-card h3 {
  font-size:20px
}
.video-card p {
  font-size:14px;
  margin-bottom:0
}
.btn,.donate-btn,.sample-link,button {
  display:inline-block;
  border:1px solid var(--ink);
  border-radius:5px;
  background:var(--gold);
  color:var(--ink);
  padding:12px 18px;
  font-weight:650;
  text-decoration:none;
  font-size:13px;
  cursor:pointer
}
.hero-actions {
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:22px
}
.btn-secondary {
  background:transparent
}
.sample-grid {
  display:grid;
  grid-template-columns:minmax(0,380px) minmax(0,1fr);
  gap:24px
}
.sample-info {
  display:grid;
  gap:18px
}
.pdf-preview-shell {
  margin:16px 0
}
.pdf-preview-shell img {
  width:100%;
  height:auto
}
.contact-box {
  padding:16px;
  background:#f2edce;
  border-radius:6px;
  margin-top:20px;
  overflow-wrap:anywhere
}
.license-table {
  width:100%;
  border-collapse:collapse;
  font-size:14px;
  table-layout:fixed;
  overflow-wrap:anywhere
}
.license-table th,.license-table td {
  text-align:left;
  padding:14px 10px;
  border-bottom:1px solid var(--line);
  vertical-align:top
}
.license-table th {
  background:#f2edce
}
.cta-card,.donate-inner {
  display:flex;
  gap:24px;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap
}
.cta-card {
  padding:30px;
  background:#ecebdc;
  border-radius:9px
}
.donate-bar {
  border-block:1px solid var(--line);
  margin:30px 0
}
.donate-inner {
  max-width:1200px;
  margin:auto;
  padding:24px 28px
}
.heroHeader {
  max-width:1144px;
  margin:40px auto 0;
  padding:50px 32px;
  background:linear-gradient(90deg,#202822ef,#202822bb),url('../images/Silvana.png') center/cover;
  border-radius:10px
}
.heroHeader h1,.heroHeader p {
  color:var(--paper)
}
.stage-content {
  display:grid;
  gap:30px
}
.carousel-card,.carousel-container {
  border:1px solid var(--line);
  background:#fffdf6;
  border-radius:9px;
  position:relative;
  min-width:0;
  overflow:hidden
}
.carousel-container {
  max-width:900px;
  margin:30px auto;
  padding:24px
}
.carousel-head {
  padding:24px
}
.carousel-head h2,.carousel-container h2 {
  font-size:28px
}
.carousel-stage {
  position:relative;
  padding:0 24px
}
.carousel-window {
  overflow:hidden
}
.carousel-track,.carousel {
  display:flex;
  transition:transform .3s ease
}
.carousel-item {
  flex:0 0 100%;
  min-width:0;
  text-align:center;
  padding:0 16px
}
.carousel-item img {
  width:100%;
  height:460px;
  object-fit:contain;
  background:#e9e8dd;
  border-radius:5px;
  margin-bottom:18px
}
.carousel-item h3 {
  font-family:Georgia,serif;
  font-size:24px
}
.carousel-btn {
  position:absolute;
  top:50%;
  z-index:2;
  width:44px;
  height:44px;
  padding:0;
  border-radius:50%;
  box-shadow:2px 2px 0 var(--ink)
}
.prev-btn {
  left:10px
}
.next-btn {
  right:10px
}
.carousel-dots {
  display:flex;
  gap:3px;
  flex-wrap:wrap;
  justify-content:center;
  padding:16px
}
.carousel-dot {
  width:24px;
  height:24px;
  padding:0;
  background:transparent;
  border:0;
  position:relative
}
.carousel-dot:after {
  content:'';
  display:block;
  width:8px;
  height:8px;
  border:1px solid var(--ink);
  border-radius:50%;
  margin:auto
}
.carousel-dot.active:after {
  background:var(--ink)
}
.archive summary {
  cursor:pointer;
  padding:20px 0;
  border-block:1px solid var(--line);
  font-family:Georgia,serif;
  font-size:24px
}
.archive summary span {
  float:right;
  font:12px/2 "Segoe UI",sans-serif
}
.archive .video-grid {
  margin-top:24px
}
.guest-invite {
  max-width:1144px;
  margin:30px auto 60px;
  padding:32px;
  display:flex;
  gap:26px;
  align-items:center;
  background:#edd5d7;
  border:1px solid var(--ink);
  border-radius:10px
}
.guest-invite>span {
  font-size:50px
}
.guest-invite h2 {
  font-size:28px;
  margin-bottom:8px;
  font-family:Georgia,serif;
  font-weight:400
}
.guest-invite p {
  margin:0
}
.guest-invite .btn {
  margin-left:auto;
  background:transparent;
  white-space:nowrap
}
.site-footer {
  max-width:var(--max);
  margin:40px auto 0;
  padding:36px 32px;
  display:flex;
  justify-content:space-between;
  gap:32px;
  border-top:1px solid var(--line);
  font-size:11px;
  line-height:1.8
}
.site-footer strong {
  font-size:20px
}
.site-footer p {
  margin:8px 0
}
.guest-layout {
  display:grid;
  grid-template-columns:1.15fr 1fr;
  gap:60px;
  padding-bottom:60px
}
.guest-form {
  padding:32px
}
.guest-form h2 {
  margin-top:24px;
  font-family:Georgia,serif;
  font-weight:400
}
.status {
  background:#eeecd9;
  border:1px solid var(--line);
  border-radius:30px;
  padding:7px 12px;
  font-size:10px;
  letter-spacing:1.4px
}
.guest-form label {
  display:block;
  font-weight:650;
  font-size:13px;
  margin:22px 0 8px
}
.guest-form input,.guest-form textarea {
  display:block;
  width:100%;
  padding:14px;
  border:1px solid #a6aa99;
  border-radius:5px;
  background:#f4f2e9;
  color:var(--ink)
}
.form-note {
  font-size:12px;
  margin-top:12px
}
.guest-form button {
  width:100%
}
button:disabled {
  cursor:not-allowed;
  opacity:.65
}
.guest-notes {
  padding:20px 12px
}
.big-mark {
  font-family:Georgia,serif;
  font-size:120px;
  line-height:1;
  color:#a33b63
}
.guest-notes h2 {
  font-family:Georgia,serif;
  font-weight:400;
  font-size:40px
}
.approved-comments {
  margin-top:40px;
  padding-top:26px;
  border-top:1px solid var(--line)
}
.approved-comments h3 {
  font-size:18px
}
@media(min-width:1500px) {
  .channel-grid {
    grid-template-columns:.75fr 1.55fr 1.1fr
  }
}
@media(max-width:1100px) {
  .masthead {
    flex-wrap:wrap
  }
  .support-link {
    margin-left:auto
  }
  .channel-grid {
    grid-template-columns:240px minmax(0,1fr)
  }
  .move {
    grid-column:1/-1;
    border-left:0!important;
    border-top:1px solid var(--ink);
    display:grid;
    grid-template-columns:1fr 1fr;
    column-gap:30px
  }
  .move .playlist-frame {
    grid-column:2;
    grid-row:1/5
  }
  .move h2 {
    min-height:0
  }
  .explore-band {
    flex-wrap:wrap
  }
  .broadcast {
    margin-inline:28px
  }
  .hero-card {
    grid-template-columns:1fr
  }
  .hero-side {
    max-width:none
  }
}
@media(max-width:700px) {
  h1 {
    letter-spacing:-1.3px
  }
  .masthead {
    padding:20px;
    gap:16px
  }
  .brand-art {
    flex-basis:270px;
    width:270px;
    height:53px
  }
  .brand-art img {
    width:502px;
    left:-130px;
    top:-71px
  }
  .identity {
    font-size:9px;
    width:100%
  }
  .support-link {
    margin-left:0;
    font-size:12px
  }
  nav ul {
    padding:8px 12px;
    gap:2px
  }
  nav a {
    font-size:12px;
    padding:9px 10px
  }
  .home-intro {
    padding:32px 20px
  }
  .intro-note {
    display:none
  }
  .broadcast {
    margin:0 16px 26px
  }
  .broadcast-top {
    padding:12px 16px
  }
  .broadcast-top span:last-child {
    display:none
  }
  .channel-grid {
    display:flex;
    flex-direction:column
  }
  .channel {
    padding:22px
  }
  .sermons {
    order:-1
  }
  .channel+.channel {
    border-left:0
  }
  .shorts,.move {
    border-top:1px solid var(--ink)
  }
  .move {
    display:flex
  }
  .channel h2 {
    min-height:0
  }
  .channel p {
    font-size:14px
  }
  .playlist-frame.vertical {
    max-width:240px
  }
  .explore-band {
    padding:24px 20px;
    gap:22px
  }
  .explore-band>div {
    width:100%
  }
  .section,.hero,.showcase,.wrap,.stage-content,.cta-band {
    padding:24px 20px
  }
  .hero {
    padding-top:34px
  }
  .grid,.video-grid,.showcase .grid,.sample-grid,.guest-layout {
    grid-template-columns:1fr
  }
  .heroHeader {
    margin:24px 20px 0;
    padding:30px 20px
  }
  .carousel-item img {
    height:280px
  }
  .carousel-stage {
    padding:0 6px
  }
  .carousel-container {
    margin:24px 20px;
    padding:20px 8px
  }
  .carousel-container>h2,.carousel-container>p {
    padding-inline:12px
  }
  .license-table {
    font-size:11px
  }
  .license-table th,.license-table td {
    padding:9px 5px
  }
  .card {
    padding:18px
  }
  .guest-invite {
    margin:24px 20px 40px;
    padding:24px;
    flex-wrap:wrap
  }
  .guest-invite>span {
    display:none
  }
  .guest-invite .btn {
    margin-left:0
  }
  .archive summary {
    font-size:20px
  }
  .archive summary span {
    float:none;
    display:block
  }
  .site-footer {
    padding:30px 20px;
    flex-direction:column;
    gap:20px
  }
  .guest-layout {
    gap:24px
  }
  .guest-form {
    padding:24px
  }
  .guest-notes {
    padding:16px 0
  }
  .guest-notes h2 {
    font-size:34px
  }
}
@media(prefers-reduced-motion:reduce) {
  html {
    scroll-behavior:auto
  }
  *,*:before,*:after {
    animation:none!important;
    transition:none!important
  }
}
/* Display the existing banner logo without changing the source artwork. */
.brand-art {
  height:47px;
  border-radius:4px
}
.brand-art img {
  width:691px;
  left:-59px;
  top:-119px
}
@media(max-width:700px) {
  .brand-art {
    height:43px
  }
  .brand-art img {
    width:622px;
    left:-53px;
    top:-107px
  }
}
/* Seal palette: visual treatments only; geometry and content stay unchanged. */
body {
  background:radial-gradient(ellipse at 8% 0%,#d5e5ef99,transparent 45%),radial-gradient(ellipse at 95% 35%,#dfc58b26,transparent 50%),var(--paper);
}
.site-header {
  background:radial-gradient(ellipse at 22% 10%,#fffdf7ee,transparent 65%),linear-gradient(110deg,#e0ebf0aa,#f8f5ec 55%,#e5d3a933);
  border-bottom-color:#9caebd;
}
nav { background:#f8f5ec99; }
nav a[aria-current] { background:linear-gradient(120deg,#0b213a,#204a68);color:var(--paper); }
nav a:hover { background:linear-gradient(120deg,#dfc791,#e9dcb9);color:var(--ink); }
a:hover { color:#735522; }
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible { outline-color:#2873a0; }
.eyebrow { color:#46667e; }
.spark { color:#a07a36;text-shadow:0 0 18px #dfc99488; }
.broadcast {
  background:linear-gradient(120deg,#edf3f5,#f8f5ec 75%);
  border-color:#536b80;
  box-shadow:5px 5px 0 #123b5514,0 12px 35px #1439510a;
}
.broadcast-top {
  background:radial-gradient(ellipse at 80% 0%,#387ba145,transparent 60%),linear-gradient(100deg,#0c223b,#163b55);
  color:#fcf8ee;border-bottom-color:#b89a60;
}
.channel+.channel { border-left-color:#a9b9c4; }
.channel.sermons { background:radial-gradient(ellipse at 20% 0%,#fff4d6cc,transparent 70%),linear-gradient(150deg,#e6ce9b,#d6b678); }
.channel.shorts,.channel.move { background:linear-gradient(160deg,#e6eff4aa,#f8f5ec55); }
.channel p { color:#324e63; }
.playlist-link { border-top-color:#899da9; }
.player-help { background:#f8f5eccc;border-top-color:#a9b9c4; }
.playlist-frame,.video,.video-frame,.frame { background:#0c2139;border-color:#526f84;box-shadow:0 0 20px #4b8caa12; }
.card,.video-card,.sample-card,.info-panel,.carousel-card,.carousel-container {
  background:linear-gradient(145deg,#fffdf7f5,#f4f6f4f2);
  border-color:#becbd0;
}
.hero-side,.cta-card,.guest-invite {
  background:radial-gradient(ellipse at 90% 0%,#edddb8aa,transparent 65%),linear-gradient(120deg,#dceaf1,#f7f3e7);
  border-color:#9caebd;
}
.contact-box,.license-table th,.status { background:linear-gradient(120deg,#eee2c8,#f5efdf); }
.topbar { background:linear-gradient(90deg,#dfeaf0,#f3ecd9); }
.donate-bar { background:linear-gradient(100deg,#dfeaf077,#f5eeddaa); }
.heroHeader {
  background:radial-gradient(ellipse at 85% 10%,#4388b333,transparent 60%),linear-gradient(90deg,#0b213af5,#12344bdc),url('../images/Silvana.png') center/cover;
  box-shadow:inset 0 1px 0 #d4b16a77;
}
.carousel-item img { background:#e5edf0; }
.btn:not(.btn-secondary),.donate-btn,.sample-link,.carousel-btn,.guest-form button,.badge,.sample-badge {
  background:linear-gradient(125deg,#ead5a6,#d4b16a);
}
.guest-invite .btn { background:#fffaf04d; }
.guest-form input,.guest-form textarea { background:#f4f6f2;border-color:#a7b8c3; }
.big-mark { color:#477b9a;text-shadow:0 0 24px #70a5c82b; }
.site-footer { background:linear-gradient(115deg,#e5eef355,#f8f5ec00 50%,#e9d8b326); }
/* Blend only identity artwork, never photographs, text containers or video players. */
.brand-art { box-shadow:0 0 18px #91b6cd1a; }
.brand-art img { mix-blend-mode:multiply; }
img[src$="church-of-jesus-christ-ufologists.png"] {
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 2%,#000 98%,transparent);
}
@media(max-width:700px) {
  .shorts,.move { border-top-color:#a9b9c4; }
}
/* Homepage identity seal: compact, with the existing brand and navigation retained. */
.page-index .church-identity {
  position:relative;
  min-height:56px;
  padding-left:70px;
  display:flex;
  align-items:center;
  isolation:isolate;
}
.page-index .church-identity::before {
  content:"";
  position:absolute;
  inset:-12px auto -12px -16px;
  width:104px;
  background:radial-gradient(ellipse,#e6d09a66 0%,#7fafd033 38%,transparent 72%);
  pointer-events:none;
  z-index:-1;
}
.page-index .header-seal {
  position:absolute;
  left:0;
  top:50%;
  transform:translateY(-50%);
  width:56px;
  height:56px;
  overflow:hidden;
  border-radius:50%;
  /* The source includes an ivory caption panel; display its circular seal intact. */
  -webkit-mask-image:radial-gradient(circle,#000 91%,transparent 100%);
  mask-image:radial-gradient(circle,#000 91%,transparent 100%);
}
.page-index .header-seal img {
  position:absolute;
  width:144px;
  height:auto;
  max-width:none;
  left:-44px;
  top:-5px;
  mix-blend-mode:multiply;
  -webkit-mask-image:none;
  mask-image:none;
}
@media(max-width:700px) {
  .page-index .church-identity { min-height:44px;padding-left:56px; }
  .page-index .header-seal { width:44px;height:44px; }
  .page-index .header-seal img { width:113px;left:-34px;top:-4px; }
  .page-index .church-identity::before { width:86px; }
}