/* orthodox.faith site styles */
:root{
  --of-ink:#1F1A17; --of-muted:#5C534A; --of-body:#3D3630;
  --of-parchment:#F8F4EC; --of-ivory:#FFFDF8; --of-sand:#EDE3CF;
  --of-line:#E3D9C6; --of-line-soft:#EFE7D7; --of-line-strong:#CDBFA6;
  --of-red:#7A1F1F; --of-red-deep:#5E1717; --of-red-dark:#2E0D0D;
  --of-gold:#B08D3C; --of-gold-text:#7E5B1C; --of-gold-light:#E2C47E;
  --of-cream:#FBF6EA; --of-navy:#0B0F3A;
  --of-serif:'EB Garamond',Georgia,serif; --of-sans:'Source Sans 3',system-ui,sans-serif;
}
body{background:var(--of-parchment);color:var(--of-ink);font-family:var(--of-sans);font-size:16px;line-height:1.5}
body a{color:var(--of-red)} body a:hover{color:#4F1212}
.of-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.of-wrap{max-width:1240px;margin:0 auto;padding:0 24px;box-sizing:border-box}
.of-serif{font-family:var(--of-serif)}
.of-eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--of-gold-text)}
.of-h2,.of-h2 .elementor-heading-title{margin:0;font-family:var(--of-serif);font-size:34px;font-weight:500;line-height:1.15;color:var(--of-ink)}
.of-btn{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:6px;text-decoration:none;font-weight:600;box-sizing:border-box}
.of-btn-primary{background:var(--of-red);color:var(--of-cream)!important}
.of-btn-primary:hover{background:#5E1717}
.of-btn-outline{border:1px solid var(--of-line-strong);color:var(--of-ink)!important;font-weight:500}
.of-btn-gold{background:var(--of-gold-light);color:var(--of-red-dark)!important}

/* Today strip */
.of-strip{background:var(--of-red);color:var(--of-cream);font-size:14px}
.of-strip .of-wrap{display:flex;flex-wrap:wrap;gap:8px 24px;align-items:center;justify-content:space-between;padding-top:8px;padding-bottom:8px}
.of-strip-facts{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center}
.of-strip-facts strong{font-weight:600}
.of-strip-links{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.of-strip a{color:var(--of-cream)} .of-strip a:hover{color:#fff}
.of-lang{position:relative}
.of-lang summary{cursor:pointer;list-style:none;border:1px solid rgba(251,246,234,.5);border-radius:4px;padding:3px 10px;min-height:28px;display:flex;align-items:center}
.of-lang summary::-webkit-details-marker{display:none}
.of-lang ul{position:absolute;right:0;top:calc(100% + 6px);z-index:50;margin:0;padding:6px 0;list-style:none;background:var(--of-ivory);border:1px solid var(--of-line);border-radius:6px;min-width:200px;max-height:60vh;overflow:auto;box-shadow:0 8px 24px rgba(0,0,0,.15)}
.of-lang li a{display:block;padding:6px 14px;color:var(--of-ink);text-decoration:none}
.of-lang li a:hover,.of-lang li a[aria-current]{background:var(--of-parchment);color:var(--of-red)}

/* Header */
.of-header-bar{background:var(--of-ivory);border-bottom:1px solid var(--of-line)}
.of-logo img{height:96px;width:auto;display:block}
.of-search{display:flex;gap:8px;flex:0 1 380px;min-width:240px}
.of-search input[type=search]{flex:1;min-height:44px;padding:0 14px;border:1px solid var(--of-line-strong);border-radius:6px;font:inherit;background:#fff;color:var(--of-ink)}
.of-search button{min-height:44px;padding:0 18px;border:0;border-radius:6px;background:var(--of-ink);color:var(--of-cream);font:inherit;font-weight:600;cursor:pointer}
.of-nav{background:var(--of-ivory);border-top:1px solid var(--of-line-soft);border-bottom:1px solid var(--of-line)}
.of-nav ul{display:flex;flex-wrap:wrap;gap:0 4px;margin:0 auto;padding:0 24px;max-width:1240px;list-style:none;box-sizing:border-box}
.of-nav a{display:block;padding:12px;color:var(--of-ink);text-decoration:none;font-weight:500;border-bottom:3px solid transparent}
.of-nav a:hover,.of-nav .current-menu-item>a{color:var(--of-red);border-bottom-color:var(--of-red)}

/* Bands */
.of-band-parchment{background:var(--of-parchment)}
.of-band-ivory{background:var(--of-ivory)}
.of-band-sand{background:var(--of-sand);border-top:1px solid #DCCFB6;border-bottom:1px solid #DCCFB6}
.of-band-mosaic{background-color:#D9A93E;background-image:linear-gradient(rgba(255,246,222,.35),rgba(255,246,222,.35)),url(../img/mosaic-gold.webp);background-repeat:no-repeat;background-size:cover;background-position:center;border-top:1px solid #C9A04A;border-bottom:1px solid #C9A04A}
.of-damask{background-color:var(--of-red-deep);background-image:linear-gradient(rgba(94,23,23,.82),rgba(94,23,23,.82)),url(../img/damask-red.webp);background-repeat:repeat;background-size:auto,600px auto;background-position:center}
.of-brocade-navy{background-color:var(--of-navy);background-image:linear-gradient(rgba(8,11,46,.86),rgba(8,11,46,.86)),url(../img/brocade-navy.webp);background-repeat:repeat;background-size:auto,960px auto;background-position:center top}

/* Today */
.of-today{display:flex;flex-direction:column;gap:20px}
.of-today-banner{border-radius:10px;padding:36px 36px 32px;display:flex;flex-wrap:wrap;gap:16px 24px;align-items:flex-end;justify-content:space-between;box-shadow:inset 0 0 0 1px rgba(176,141,60,.45)}
.of-today-title{display:flex;flex-direction:column;gap:6px;background:rgba(46,13,13,.78);padding:16px 20px;border-radius:8px}
.of-today-title .of-eyebrow{color:var(--of-gold-light)}
.of-today-title h1{margin:0;font-family:var(--of-serif);font-size:44px;font-weight:500;line-height:1.1;color:var(--of-cream)}
.of-today-title span.of-sub{color:#EADFC8;font-size:15px}
.of-today-nav{display:flex;gap:8px;flex-wrap:wrap}
.of-today-nav .of-btn-ghost{border:1px solid rgba(251,246,234,.6);color:var(--of-cream)!important;background:rgba(46,13,13,.7);font-weight:500}
.of-cal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:24px}
.of-cal{background:var(--of-ivory);border:1px solid var(--of-line);border-radius:10px;overflow:hidden;display:flex;flex-direction:column}
.of-cal-head{padding:14px 24px;border-bottom:1px solid var(--of-line-soft);display:flex;justify-content:space-between;align-items:baseline;gap:12px;flex-wrap:wrap}
.of-cal-head h2{margin:0;font-family:var(--of-sans);font-size:15px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--of-ink)}
.of-cal-head span{font-size:14px;color:var(--of-muted)}
.of-cal-main{padding:24px;display:flex;gap:20px;flex-wrap:wrap}
.of-cal-icon{width:132px;flex:none}
.of-cal-icon img{width:132px;height:176px;object-fit:cover;border:1px solid #DCCFB6;border-radius:6px;display:block}
.of-cal-text{flex:1 1 200px;display:flex;flex-direction:column;gap:10px}
.of-cal-text h3{margin:0;font-family:var(--of-serif);font-size:28px;font-weight:500;line-height:1.15;color:var(--of-ink)}
.of-badge{align-self:flex-start;font-size:13px;font-weight:600;color:var(--of-gold-text);background:#F4EBD8;border-radius:4px;padding:2px 8px}
.of-cal-text p{margin:0;color:var(--of-body)}
.of-cal dl{margin:0;padding:0 24px 24px;display:grid;grid-template-columns:120px 1fr;gap:10px 16px;font-size:15px}
.of-cal dt{color:var(--of-muted)} .of-cal dd{margin:0}
.of-empty{padding:24px;color:var(--of-muted)}

/* Faith cards */
.of-plaque{align-self:center;text-align:center;background:rgba(255,251,240,.86);border:1px solid rgba(154,116,38,.5);border-radius:10px;padding:14px 32px;margin:0 auto 28px;max-width:max-content}
.of-plaque h2{margin:0;font-family:var(--of-serif);font-size:40px;font-weight:500;color:var(--of-red-deep)}
.of-plaque span{font-family:var(--of-serif);font-style:italic;font-size:18px;color:#4A3A22}
.of-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.of-card{text-decoration:none;color:var(--of-ink)!important;background:var(--of-ivory);border:1px solid var(--of-line);border-radius:10px;padding:22px;display:flex;flex-direction:column;gap:6px;transition:box-shadow .15s}
.of-card:hover{box-shadow:0 6px 20px rgba(60,30,0,.18)}
.of-card strong{font-family:var(--of-serif);font-size:23px;font-weight:500;color:var(--of-red)}
.of-card span{color:var(--of-muted);font-size:15px}

/* Questions */
.of-qa{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px 48px;align-items:start}
.of-qa-intro{display:flex;flex-direction:column;gap:12px}
.of-qa-intro p{margin:0;color:var(--of-body)}
.of-row{display:flex;gap:12px;flex-wrap:wrap}
.of-qa-list{margin:0;padding:0;list-style:none;border-top:1px solid var(--of-line)}
.of-qa-list li{border-bottom:1px solid var(--of-line)}
.of-qa-list a{display:block;padding:16px 0;text-decoration:none;color:var(--of-ink);font-family:var(--of-serif);font-size:21px}
.of-qa-list a:hover{color:var(--of-red)}

/* Books */
.of-section-head{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:8px;margin-bottom:20px}
.of-books{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px}
.of-book{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--of-ink)!important}
.of-book img,.of-book .of-cover{aspect-ratio:2/3;width:100%;object-fit:cover;border:1px solid #DCCFB6;border-radius:6px;background:#EFE7D7;display:block}
.of-book h3{margin:0;font-family:var(--of-serif);font-size:22px;font-weight:500}
.of-book span{font-size:14px;color:var(--of-muted)}

/* News */
.of-news{background:var(--of-ivory);border:1px solid var(--of-line);border-radius:10px;padding:28px 32px}
.of-news ul{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:0 40px}
.of-news li{padding:14px 0;border-top:1px solid var(--of-line-soft);display:flex;flex-direction:column;gap:4px}
.of-news li a{color:var(--of-ink);text-decoration:none;font-weight:600}
.of-news li a:hover{color:var(--of-red)}
.of-news li span{font-size:14px;color:var(--of-muted)}

/* Footer */
.of-footer{color:#E9E1D2;border-top:4px solid var(--of-gold)}
.of-footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px;padding-top:48px;padding-bottom:32px}
.of-footer-brand{display:flex;flex-direction:column;gap:10px}
.of-footer-brand img{width:88px;height:auto;display:block}
.of-footer-brand .of-name{font-family:var(--of-serif);font-size:26px;color:var(--of-cream)}
.of-footer-brand .of-motto{font-family:var(--of-serif);font-style:italic;font-size:17px;color:var(--of-gold-light)}
.of-footer-brand p{margin:0;font-size:15px;color:#CFC5B3}
.of-footer nav{display:flex;flex-direction:column;gap:8px;font-size:15px}
.of-footer nav strong{font-weight:600;color:var(--of-cream)}
.of-footer a{color:#E9E1D2} .of-footer a:hover{color:#fff}
.of-footer-bottom{border-top:1px solid rgba(176,141,60,.4);font-size:13px;color:#D8CCB6;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;padding-top:16px;padding-bottom:32px}

@media (max-width:640px){
  .of-today-title h1{font-size:32px}
  .of-plaque h2{font-size:32px}
  .of-today-banner{padding:20px}
  .of-cal dl{grid-template-columns:1fr;gap:2px}
  .of-cal dd{margin-bottom:8px}
  .of-logo img{height:72px}
}

/* ===== Inner pages (v1.1) ===== */
.of-page-head{color:var(--of-cream);padding:40px 0 44px}
.of-page-head h1{margin:6px 0 0;font-family:var(--of-serif);font-size:44px;font-weight:500;line-height:1.1;color:var(--of-cream)}
.of-page-head .of-eyebrow{color:var(--of-gold-light)}
.of-page-head .of-sub{margin:10px 0 0;font-family:var(--of-serif);font-size:21px;font-style:italic;color:#F1E3C2}
.of-crumbs{font-size:14px;margin-bottom:14px;color:#E9D9B6}
.of-crumbs a{color:#F1E3C2!important;text-decoration:none}
.of-crumbs a:hover{text-decoration:underline}
.of-single{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:48px;padding-top:48px;padding-bottom:72px}
.of-single-main{min-width:0}
.of-prose{font-family:var(--of-serif);font-size:20px;line-height:1.65;color:var(--of-body)}
.of-prose h2,.of-prose h3{font-family:var(--of-serif);font-weight:500;color:var(--of-ink)}
.of-prose img{max-width:100%;height:auto}
.of-block{margin-top:40px;padding-top:24px;border-top:1px solid var(--of-line)}
.of-block h2{margin:0 0 12px;font-family:var(--of-serif);font-size:26px;font-weight:500;color:var(--of-ink)}
.of-block-body{font-family:var(--of-serif);font-size:19px;line-height:1.6;color:var(--of-body)}
.of-hymn .of-block-body{background:var(--of-ivory);border-left:3px solid var(--of-gold);padding:16px 20px;font-style:italic}
.of-scripture .of-block-body{font-size:20px}
.of-notes .of-block-body{font-family:var(--of-sans);font-size:15px;color:var(--of-muted)}
.of-short-answer{background:var(--of-ivory);border:1px solid var(--of-line);border-left:4px solid var(--of-red);border-radius:6px;padding:18px 22px;margin-bottom:28px}
.of-short-answer p{margin:6px 0 0;font-family:var(--of-serif);font-size:21px;line-height:1.5;color:var(--of-ink)}
.of-single-side{display:flex;flex-direction:column;gap:20px;align-self:start;position:sticky;top:24px}
.of-single-image{width:100%;height:auto;border-radius:6px;border:1px solid var(--of-line)}
.of-facts{margin:0;background:var(--of-ivory);border:1px solid var(--of-line);border-radius:6px;padding:8px 18px}
.of-facts dt{margin-top:12px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--of-gold-text)}
.of-facts dd{margin:2px 0 12px;padding-bottom:12px;border-bottom:1px solid var(--of-line-soft);color:var(--of-ink)}
.of-facts dd:last-child{border-bottom:0}
.of-side-actions{display:flex;flex-direction:column;gap:10px}
.of-side-actions .of-btn{justify-content:center}
.of-terms{display:flex;flex-direction:column;gap:6px;font-size:14px;color:var(--of-muted)}
.of-embed iframe{width:100%;aspect-ratio:16/9;height:auto;border:0;border-radius:6px;margin-bottom:24px}
.of-list{padding-left:20px}.of-list li{margin:6px 0}
.of-archive{padding-top:40px;padding-bottom:72px}
.of-filters{display:flex;flex-wrap:wrap;gap:12px 16px;align-items:flex-end;background:var(--of-ivory);border:1px solid var(--of-line);border-radius:6px;padding:16px 18px;margin-bottom:28px}
.of-filters label{display:flex;flex-direction:column;gap:4px;font-size:13px;font-weight:600;color:var(--of-muted)}
.of-filters input,.of-filters select{min-height:44px;padding:0 10px;border:1px solid var(--of-line-strong);border-radius:6px;background:#fff;font:inherit;font-weight:400;color:var(--of-ink);min-width:160px}
.of-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:20px}
.of-item{display:flex;flex-direction:column;background:var(--of-ivory);border:1px solid var(--of-line);border-radius:6px;overflow:hidden;text-decoration:none;color:var(--of-ink)!important;transition:border-color .15s,box-shadow .15s}
.of-item:hover{border-color:var(--of-gold);box-shadow:0 4px 16px rgba(46,13,13,.08)}
.of-item-image{width:100%;height:180px;object-fit:cover}
.of-item-body{display:flex;flex-direction:column;gap:6px;padding:16px 18px}
.of-item-body strong{font-family:var(--of-serif);font-size:21px;font-weight:500;line-height:1.25}
.of-item-body span{font-size:15px;color:var(--of-muted)}
.of-item-body .of-eyebrow{font-size:12px;color:var(--of-gold-text)}
.of-pager{margin-top:32px;display:flex;gap:6px;flex-wrap:wrap}
.of-pager .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;border:1px solid var(--of-line-strong);border-radius:6px;text-decoration:none;color:var(--of-ink)!important}
.of-pager .current{background:var(--of-red);border-color:var(--of-red);color:var(--of-cream)!important}
.of-empty{font-family:var(--of-serif);font-size:20px;color:var(--of-muted)}
/* Month calendar */
.of-month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}
.of-dow{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--of-gold-text);padding:4px 6px}
.of-day{display:flex;flex-direction:column;gap:4px;min-height:112px;padding:8px;background:#fff;border:1px solid var(--of-line);border-radius:6px;text-decoration:none;color:var(--of-ink)!important;font-size:13px;line-height:1.3;overflow:hidden}
.of-day:hover{border-color:var(--of-gold)}
.of-day-num{font-family:var(--of-serif);font-size:20px;font-weight:600}
.of-day-num small{font-family:var(--of-sans);font-size:11px;font-weight:400;color:var(--of-muted)}
.of-day-nc{border-left:3px solid var(--of-red);padding-left:6px}
.of-day-oc{border-left:3px solid var(--of-gold);padding-left:6px;color:var(--of-muted)}
.of-day.is-today{outline:2px solid var(--of-red);outline-offset:-2px}
.of-day.is-feast{background:#FBF1DA}
.of-day.is-fast .of-day-num::after{content:"";display:inline-block;width:7px;height:7px;margin-left:6px;border-radius:50%;background:#5D6B8A;vertical-align:middle}
.of-legend{margin-top:16px;display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:14px;color:var(--of-muted)}
.of-key{display:inline-block;width:14px;height:14px;border-radius:3px;margin-right:6px;vertical-align:-2px}
.of-key-nc{background:var(--of-red)}.of-key-oc{background:var(--of-gold)}.of-key-fast{background:#5D6B8A;border-radius:50%;width:10px;height:10px}
@media (max-width:900px){
  .of-single{grid-template-columns:1fr;gap:32px}
  .of-single-side{position:static}
  .of-page-head h1{font-size:34px}
  .of-month-grid{grid-template-columns:1fr}
  .of-dow,.of-day-pad{display:none}
  .of-day{min-height:0}
}
.of-filters button.of-btn{border:0!important;background:var(--of-red)!important;color:var(--of-cream)!important;font:600 16px/1 var(--of-sans);padding:0 20px;cursor:pointer}
.of-filters button.of-btn:hover,.of-filters button.of-btn:focus{background:var(--of-red-deep)!important;color:var(--of-cream)!important}

/* ===== Ordinary pages and forms (v1.2) ===== */
.of-page-body{padding-top:40px;padding-bottom:72px;max-width:880px}
.of-page-body .of-prose{font-size:19px}
.of-contact{display:flex;flex-direction:column;gap:56px}
.of-contact-block{scroll-margin-top:24px}
.of-contact-block>p{margin:8px 0 24px;color:var(--of-body)}
.of-contact-block+.of-contact-block{padding-top:48px;border-top:1px solid var(--of-line)}
.jet-form-builder{font-family:var(--of-sans);font-size:16px}
.jet-form-builder-row{margin-bottom:18px}
.jet-form-builder__label-text{font-weight:600;color:var(--of-ink);font-size:15px}
.jet-form-builder__required{color:var(--of-red)}
.jet-form-builder__desc{font-size:14px;color:var(--of-muted);margin-top:4px}
.jet-form-builder input.jet-form-builder__field,.jet-form-builder select.jet-form-builder__field,.jet-form-builder textarea.jet-form-builder__field{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--of-line-strong);border-radius:6px;background:#fff;color:var(--of-ink);font:inherit;box-sizing:border-box}
.jet-form-builder textarea.jet-form-builder__field{min-height:160px}
.jet-form-builder .jet-form-builder__field:focus{outline:2px solid var(--of-gold);outline-offset:1px;border-color:var(--of-gold)}
.jet-form-builder .jet-form-builder__action-button{min-height:46px;padding:0 24px;border:0!important;border-radius:6px;background:var(--of-red)!important;color:var(--of-cream)!important;font:600 16px/1 var(--of-sans);cursor:pointer}
.jet-form-builder .jet-form-builder__action-button:hover{background:var(--of-red-deep)!important}
.jet-form-builder-messages-wrap .jet-form-builder-message{margin-top:16px;padding:14px 18px;border-radius:6px;border-left:4px solid var(--of-gold);background:var(--of-ivory)}
.jet-form-builder-message--success{border-left-color:#3E6B48!important}
.jet-form-builder-message--error{border-left-color:var(--of-red)!important}
.of-cal-text h3 a{color:inherit!important;text-decoration:none}
.of-cal-text h3 a:hover{text-decoration:underline}
.of-cal dd a{color:inherit!important;text-decoration:underline;text-decoration-color:rgba(176,141,60,.6);text-underline-offset:3px}
.of-principal{margin:0;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--of-gold-text);text-align:center}
.of-cal dd strong a{font-weight:600}

/* ===== Videos (v1.5) ===== */
.of-videos+.of-videos{margin-top:48px}
.of-video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}
.of-video{margin:0;display:flex;flex-direction:column;gap:10px}
.of-video-play{position:relative;display:block;width:100%;aspect-ratio:16/9;padding:0;border:0!important;border-radius:6px;overflow:hidden;background:#000!important;cursor:pointer}
.of-video-play img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity .2s}
.of-video-play:hover img,.of-video-play:focus-visible img{opacity:.85}
.of-video-play:focus-visible{outline:3px solid var(--of-gold);outline-offset:2px}
.of-video-icon{position:absolute;left:50%;top:50%;width:64px;height:44px;margin:-22px 0 0 -32px;border-radius:10px;background:rgba(122,31,31,.92)}
.of-video-icon::after{content:"";position:absolute;left:26px;top:13px;border-style:solid;border-width:9px 0 9px 15px;border-color:transparent transparent transparent #FBF6EA}
.of-video-frame{width:100%;aspect-ratio:16/9;border:0;border-radius:6px;display:block}
.of-video figcaption{display:flex;flex-direction:column;gap:4px}
.of-video figcaption a{font-family:var(--of-serif);font-size:19px;line-height:1.3;color:var(--of-ink)!important;text-decoration:none}
.of-video figcaption a:hover{text-decoration:underline}
.of-video figcaption span{font-size:14px;color:var(--of-muted)}
.of-page-body:has(.of-video-grid){max-width:1240px}
/* Book covers (v1.5.1) */
.of-book .of-cover{overflow:hidden;position:relative;background:linear-gradient(160deg,#7A1F1F,#5E1717)}
.of-book .of-cover img{border:0;border-radius:0;height:100%;width:100%;aspect-ratio:auto}
.of-book .of-book-author{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--of-gold-text)}
.of-item-cover{display:block;height:220px;background:#EFE7D7;text-align:center}
.of-item-cover img{height:100%;width:auto;max-width:100%;object-fit:contain}
.of-video-grid-two{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}
.of-video-grid-wide{grid-template-columns:minmax(0,880px)}
/* Designed placeholder covers (v1.5.4) */
.of-cover{display:block;aspect-ratio:2/3;width:100%;border-radius:4px;overflow:hidden;box-shadow:0 6px 18px rgba(46,13,13,.18)}
.of-cover img{width:100%;height:100%;object-fit:cover;display:block;border:0}
.of-cover-ph{background-color:var(--of-red-deep);background-image:linear-gradient(rgba(94,23,23,.86),rgba(94,23,23,.86)),url(../img/damask-red.webp);background-size:auto,300px auto;padding:9%;box-sizing:border-box}
.of-cover-frame{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10%;height:100%;border:1px solid rgba(226,196,126,.75);outline:3px double rgba(226,196,126,.45);outline-offset:4px;padding:10% 8%;box-sizing:border-box;text-align:center}
.of-cover-cross{font-size:26px;line-height:1;color:var(--of-gold-light)}
.of-cover-title{font-family:var(--of-serif);font-size:clamp(15px,1.55vw,21px);line-height:1.2;color:#FBF6EA;font-weight:500;text-transform:none;letter-spacing:0}
.of-cover-author{font-family:var(--of-sans);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--of-gold-light)}
.of-book .of-cover-ph span{color:inherit}
.of-book .of-cover-ph .of-cover-title{color:#FBF6EA;font-size:clamp(15px,1.55vw,21px)}
.of-book .of-cover-ph .of-cover-author,.of-book .of-cover-ph .of-cover-cross{color:var(--of-gold-light)}
.of-cover-side{max-width:240px;margin:0 auto}
.of-item-cover{height:auto;padding:20px 20px 0;background:none}
.of-item-cover .of-cover{max-width:150px;margin:0 auto}
.of-item-cover .of-cover-title{font-size:15px}
.of-book .of-cover-ph,.of-item-cover .of-cover-ph{background-color:var(--of-red-deep);background-image:linear-gradient(rgba(94,23,23,.86),rgba(94,23,23,.86)),url(../img/damask-red.webp);background-size:auto,300px auto;border:0;padding:9%}
.of-cover-ph .of-cover-cross,.of-book .of-cover-ph .of-cover-cross{font-size:30px;line-height:1}
.of-book .of-cover-ph .of-cover-title{font-size:clamp(17px,1.75vw,23px)}
/* Homepage: 8 books in two rows of four, 4 videos (v1.5.6) */
.of-books{grid-template-columns:repeat(4,minmax(0,1fr))}
.of-video-grid-four,.of-videos .of-video-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:1024px){.of-books,.of-video-grid-four,.of-videos .of-video-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.of-books,.of-video-grid-four,.of-videos .of-video-grid{grid-template-columns:1fr}}
.of-page-body .of-video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.of-page-body .of-video-grid-wide{grid-template-columns:minmax(0,880px)}