/*
Theme Name:   Tribe (Forgiven Child)
Theme URI:    https://tribejh.com
Description:  Child theme for tribejh.com. Carries the 2026 redesign as standalone page templates so a Forgiven update can never overwrite it. Feed-driven sections come from the Tribe Feeds plugin.
Author:       The Print Shop JH
Template:     forgiven
Version:      1.0.0
License:      GPL-2.0-or-later
Text Domain:  tribe-forgiven-child
*/

/* All redesign styles are scoped under .t26 so nothing here can leak into
   Forgiven's own templates, Beaver Builder layouts, or plugin output. */

:root{
  --navy:#101828; --navy-2:#16223a; --ink:#0a0f1a;
  --amber:#F0C048; --sky:#48C0D8; --orange:#F06030; --coral:#F04848; --teal:#306078;
  --cream:#FBF6EC; --sand:#F3E9D7; --muted:#8fa0b8;
  --maxw:1180px;
  --display:'Bricolage Grotesque','Archivo',system-ui,sans-serif;
  --body:'Inter',system-ui,-apple-system,sans-serif;
}.t26 *{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body.t26{font-family:var(--body);background:var(--navy);color:#e8eef7;-webkit-font-smoothing:antialiased;overflow-x:hidden}.t26 .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px}.t26 h1, .t26 h2, .t26 h3, .t26 h4{font-family:var(--display);font-weight:800;line-height:1.04;letter-spacing:-.03em}.t26 a{color:inherit;text-decoration:none}.t26 img{max-width:100%;display:block}.t26 .eyebrow{font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}.t26 .eyebrow.d{color:var(--orange)}.t26 .sub{font-size:17px;line-height:1.65;color:var(--muted);max-width:48ch}.t26 .light .sub, .t26 .sand .sub{color:#4c5a70}.t26 .btn{display:inline-flex;align-items:center;gap:10px;padding:14px 26px;border-radius:100px;font-weight:700;font-size:15px;border:1.5px solid transparent;cursor:pointer;transition:.25s cubic-bezier(.2,.7,.3,1);white-space:nowrap;font-family:inherit}.t26 .btn-primary{background:linear-gradient(100deg,var(--orange),var(--coral));color:#fff;box-shadow:0 10px 28px -8px rgba(240,96,48,.55)}.t26 .btn-primary:hover{transform:translateY(-2px)}.t26 .btn-ghost{border-color:rgba(255,255,255,.32);color:#fff;background:rgba(255,255,255,.08);backdrop-filter:blur(8px)}.t26 .btn-ghost:hover{background:rgba(255,255,255,.16)}.t26 .btn-white{background:#fff;color:var(--ink)}.t26 .btn-dark{background:var(--navy);color:#fff}.t26 .btn-sm{padding:10px 18px;font-size:14px}.t26 /* ---------- HEADER ---------- */
header{position:fixed;top:0;left:0;right:0;z-index:100;padding:16px 0;transition:.35s ease;view-transition-name:site-header}.t26 header.scrolled{background:rgba(10,15,26,.88);backdrop-filter:blur(18px) saturate(160%);padding:9px 0;border-bottom:1px solid rgba(255,255,255,.08)}.t26 .nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.t26 .nav .logo img{height:36px}.t26 .nav-links{display:flex;gap:28px;align-items:center}.t26 .nav-links button{background:none;border:0;font:inherit;font-size:14.5px;font-weight:600;color:#e4ebf5;cursor:pointer;padding:5px 0;position:relative;text-shadow:0 1px 8px rgba(0,0,0,.45)}.t26 .nav-links button::after{content:'';position:absolute;left:0;bottom:-2px;height:2px;width:0;background:var(--amber);transition:width .28s}.t26 .nav-links button:hover::after, .t26 .nav-links button[aria-current="page"]::after{width:100%}.t26 .nav-cta{display:flex;gap:10px;align-items:center}.t26 .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}.t26 .burger span{display:block;width:24px;height:2px;background:#fff;border-radius:2px}.t26 /* ---------- PAGE SYSTEM ---------- */
.page{display:none}.t26 .page.active{display:block}.t26 main{min-height:100vh}.t26 h1:focus, .t26 h2:focus{outline:none}.t26 /* ---------- HERO ---------- */
.hero{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;background:var(--ink)}.t26 .hero.short{min-height:62svh}.t26 .hero-media{position:absolute;inset:0}.t26 .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 42%;filter:grayscale(100%) contrast(1.06) brightness(.86)}.t26 .tint{position:absolute;inset:0;background:linear-gradient(118deg,#F06030,#F04848 38%,#306078);mix-blend-mode:color;opacity:.38}.t26 .scrim{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,15,26,.96) 4%,rgba(10,15,26,.7) 32%,rgba(10,15,26,.25) 64%,rgba(10,15,26,.5)),linear-gradient(100deg,rgba(10,15,26,.72),rgba(10,15,26,.2) 48%,transparent 72%)}.t26 .grain{position:absolute;inset:0;pointer-events:none;opacity:.1;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}.t26 .hero-inner{position:relative;z-index:5;width:100%;padding:150px 0 clamp(70px,10vh,120px)}.t26 .hero h1{font-size:clamp(2.5rem,6.2vw,5.2rem);color:#fff;max-width:15ch;text-shadow:0 4px 40px rgba(0,0,0,.5)}.t26 .hero h1 em{font-style:normal;color:var(--amber)}.t26 .hero.short h1{font-size:clamp(2.1rem,4.4vw,3.6rem);max-width:17ch}.t26 .hero .lead{margin-top:20px;font-size:clamp(1.02rem,1.7vw,1.24rem);line-height:1.55;color:rgba(255,255,255,.93);max-width:46ch;text-shadow:0 2px 18px rgba(0,0,0,.6)}.t26 .hero-cta{display:flex;gap:13px;margin-top:32px;flex-wrap:wrap}.t26 /* ---------- STRIP ---------- */
.strip{background:var(--ink);border-top:3px solid var(--orange);position:relative;z-index:6}.t26 .strip-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.09)}.t26 .cell{background:var(--ink);padding:24px 20px}.t26 .cell .k{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--sky);font-weight:700}.t26 .cell .v{font-family:var(--display);font-size:1.3rem;margin-top:7px;color:#fff}.t26 .cell .s{font-size:13px;color:var(--muted);margin-top:5px;line-height:1.5}.t26 /* ---------- SECTIONS ---------- */
.sec{padding:clamp(64px,9vw,116px) 0}.t26 .sec.light{background:var(--cream);color:var(--ink)}.t26 .sec.sand{background:var(--sand);color:var(--ink)}.t26 .sec.light h2, .t26 .sec.light h3, .t26 .sec.sand h2, .t26 .sec.sand h3{color:var(--ink)}.t26 h2.big{font-size:clamp(2rem,4.8vw,3.5rem);max-width:18ch}.t26 .head{display:flex;justify-content:space-between;align-items:flex-end;gap:38px;flex-wrap:wrap;margin-bottom:46px}.t26 .head>div{flex:1 1 440px}.t26 .head>.sub{flex:0 1 390px}.t26 /* ---------- STEPS ---------- */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.t26 .step{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(16,24,40,.08);transition:.3s cubic-bezier(.2,.7,.3,1)}.t26 .step:hover{transform:translateY(-6px);box-shadow:0 24px 48px -20px rgba(16,24,40,.3)}.t26 .step figure{height:180px;overflow:hidden}.t26 .step figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.t26 .step:hover figure img{transform:scale(1.06)}.t26 .step .b{padding:26px 28px 28px}.t26 .step .num{font-family:var(--display);font-size:12.5px;font-weight:800;letter-spacing:.1em;color:var(--orange)}.t26 .step h3{font-size:1.45rem;margin:11px 0}.t26 .step p{font-size:14.6px;line-height:1.65;color:#55637a}.t26 /* ---------- EVENTS ---------- */
.events{display:grid;gap:13px}.t26 .ev{display:flex;gap:20px;align-items:flex-start;padding:20px 22px;border:1px solid rgba(16,24,40,.12);border-radius:18px;background:#fff;transition:.22s}.t26 .ev:hover{border-color:var(--orange);transform:translateX(3px)}.t26 .ev .date{flex:0 0 58px;text-align:center;line-height:1}.t26 .ev .mon{display:block;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--orange)}.t26 .ev .day{display:block;font-family:var(--display);font-size:1.85rem;font-weight:800;margin-top:4px;color:var(--ink)}.t26 .ev h3{font-size:1.12rem;color:var(--ink);margin-bottom:5px}.t26 .ev .m{font-size:13.4px;color:#6b7a90}.t26 /* ---------- WATCH ---------- */
.wgrid{display:grid;grid-template-columns:1.4fr 1fr;gap:24px;align-items:stretch}.t26 .feature{border-radius:24px;overflow:hidden;position:relative;min-height:420px;display:flex;flex-direction:column;justify-content:flex-end;padding:34px;border:1px solid rgba(255,255,255,.1)}.t26 .feature img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.62)}.t26 .feature .fs{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,15,26,.95),rgba(10,15,26,.35) 60%,transparent)}.t26 .feature>*{position:relative;z-index:2}.t26 .play{width:70px;height:70px;border-radius:50%;background:#fff;color:var(--ink);display:grid;place-items:center;font-size:20px;padding-left:4px;margin-bottom:auto;box-shadow:0 12px 36px -8px rgba(0,0,0,.6);transition:.3s}.t26 .feature:hover .play{transform:scale(1.08);background:var(--amber)}.t26 .feature h3{font-size:clamp(1.6rem,3vw,2.4rem);color:#fff;margin:18px 0 10px;max-width:18ch}.t26 .meta{font-size:13.2px;color:#c2cfe0;display:flex;gap:14px;flex-wrap:wrap;align-items:center}.t26 .dot{width:4px;height:4px;border-radius:50%;background:currentColor;opacity:.55}.t26 .vlist{display:flex;flex-direction:column;gap:12px}.t26 .vrow{display:flex;gap:14px;align-items:center;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09);border-radius:16px;padding:12px;transition:.22s;flex:1}.t26 .vrow:hover{background:rgba(255,255,255,.1);border-color:rgba(72,192,216,.5)}.t26 .vrow img{width:104px;height:60px;object-fit:cover;border-radius:9px;flex:0 0 auto}.t26 .vrow h4{font-size:.98rem;color:#fff;line-height:1.3;margin-bottom:4px}.t26 .vrow .m{font-size:12.2px;color:var(--muted)}.t26 /* ---------- PODCAST ---------- */
.eps{display:grid;gap:11px}.t26 .ep{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap;padding:17px 22px;border:1px solid rgba(255,255,255,.11);border-radius:16px;transition:.22s}.t26 .ep:hover{background:rgba(255,255,255,.05);border-color:var(--amber)}.t26 .ep h4{font-size:1.06rem;color:#fff;margin-bottom:4px}.t26 .ep .m{font-size:13px;color:var(--muted)}.t26 .ep .pl{width:40px;height:40px;border-radius:50%;border:1.5px solid rgba(255,255,255,.3);display:grid;place-items:center;font-size:12px;color:#fff;padding-left:2px;flex:0 0 auto;transition:.22s}.t26 .ep:hover .pl{background:var(--amber);color:var(--ink);border-color:var(--amber)}.t26 /* ---------- RHYTHM ---------- */
.rhythm{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.t26 .rc{border-radius:22px;overflow:hidden;position:relative;min-height:370px;display:flex;flex-direction:column;justify-content:flex-end;padding:30px;color:#fff;transition:.34s}.t26 .rc:hover{transform:translateY(-7px)}.t26 .rc img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.t26 .rc .ov{position:absolute;inset:0}.t26 .rc.a .ov{background:linear-gradient(to top,rgba(200,45,40,.95),rgba(240,96,48,.5) 58%,rgba(240,96,48,.15))}.t26 .rc.b .ov{background:linear-gradient(to top,rgba(20,70,95,.95),rgba(48,120,150,.5) 58%,rgba(72,192,216,.15))}.t26 .rc.c .ov{background:linear-gradient(to top,rgba(150,90,15,.95),rgba(240,160,60,.48) 58%,rgba(240,192,72,.15))}.t26 .rc>*{position:relative;z-index:2}.t26 .rc .when{font-size:12.5px;font-weight:700;letter-spacing:.15em;text-transform:uppercase}.t26 .rc h3{font-size:1.75rem;margin:7px 0 9px}.t26 .rc p{font-size:14.2px;line-height:1.6;max-width:32ch}.t26 .rc .tag{align-self:flex-start;margin-top:18px;background:rgba(255,255,255,.24);padding:8px 16px;border-radius:100px;font-size:12.5px;font-weight:700;backdrop-filter:blur(6px)}.t26 /* ---------- MISSION ---------- */
.mission{position:relative;padding:clamp(80px,11vw,140px) 0;overflow:hidden;background:var(--ink)}.t26 .mission img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:grayscale(55%)}.t26 .mission .ms{position:absolute;inset:0;background:linear-gradient(rgba(10,15,26,.9),rgba(10,15,26,.85)),linear-gradient(120deg,rgba(240,96,48,.25),rgba(48,96,120,.3))}.t26 .mission .wrap{position:relative;z-index:2;text-align:center}.t26 .mission blockquote{font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,3.3vw,2.7rem);line-height:1.25;letter-spacing:-.025em;max-width:24ch;margin:24px auto 0;color:#fff}.t26 .mission blockquote span{color:var(--amber)}.t26 .values{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:56px;position:relative;z-index:2}.t26 .val{border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:24px 20px;background:rgba(10,15,26,.45);backdrop-filter:blur(6px);transition:.3s}.t26 .val:hover{border-color:var(--amber);transform:translateY(-4px)}.t26 .val h4{font-family:var(--display);font-size:1.16rem;color:#fff;margin-bottom:7px}.t26 .val p{font-size:13.2px;line-height:1.6;color:#b6c4d6}.t26 /* ---------- SPLIT / GIVE / VISIT ---------- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:54px;align-items:center}.t26 .photo{border-radius:22px;overflow:hidden;aspect-ratio:4/3.1}.t26 .photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.t26 .photo:hover img{transform:scale(1.05)}.t26 .give{position:relative;padding:clamp(64px,8vw,104px) 0;color:#fff;overflow:hidden;background:var(--ink)}.t26 .give img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:grayscale(100%)}.t26 .give .gs{position:absolute;inset:0;background:linear-gradient(105deg,rgba(240,96,48,.95),rgba(240,72,72,.9) 55%,rgba(150,45,80,.92))}.t26 .give .wrap{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:38px;flex-wrap:wrap}.t26 .give h2{font-size:clamp(1.9rem,4.2vw,3.1rem);max-width:16ch}.t26 .give p{margin-top:14px;font-size:16.5px;line-height:1.6;max-width:44ch;opacity:.95}.t26 .visit{background:var(--navy-2);padding:clamp(64px,8vw,104px) 0}.t26 .vgrid{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.t26 .mapcard{border-radius:22px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0d1526}.t26 .mapcard figure{height:210px;overflow:hidden}.t26 .mapcard figure img{width:100%;height:100%;object-fit:cover}.t26 .mapcard .b{padding:28px 30px 30px}.t26 .mapcard h3{font-size:1.7rem;color:#fff;margin-bottom:9px}.t26 .mapcard address{font-style:normal;color:var(--muted);font-size:15.5px;line-height:1.7}.t26 .chips{display:flex;gap:9px;margin-top:20px;flex-wrap:wrap}.t26 .chip{border:1px solid rgba(255,255,255,.18);border-radius:100px;padding:8px 15px;font-size:12.5px;color:#cfdaea;font-weight:600}.t26 .faq{display:grid;gap:12px;margin-top:12px}.t26 .faq details{border:1px solid rgba(255,255,255,.13);border-radius:14px;padding:16px 20px;background:rgba(255,255,255,.03)}.t26 .faq summary{cursor:pointer;font-weight:700;font-size:1.02rem;color:#fff;list-style:none}.t26 .faq summary::-webkit-details-marker{display:none}.t26 .faq summary::after{content:'+';float:right;color:var(--amber);font-size:1.3rem;line-height:1}.t26 .faq details[open] summary::after{content:'\2013'}.t26 .faq p{margin-top:11px;font-size:14.6px;line-height:1.65;color:var(--muted)}.t26 /* ---------- FOOTER ---------- */
footer{background:var(--ink);padding:64px 0 30px;border-top:1px solid rgba(255,255,255,.08)}.t26 .fg{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:36px}.t26 .fg img{height:38px;margin-bottom:16px}.t26 .fg p{font-size:13.6px;color:var(--muted);line-height:1.7;max-width:32ch}.t26 .fc h5{font-family:var(--display);font-size:12.5px;letter-spacing:.15em;text-transform:uppercase;color:var(--amber);margin-bottom:14px}.t26 .fc button{display:block;background:none;border:0;font:inherit;font-size:14.2px;color:#c3d0e2;margin-bottom:10px;cursor:pointer;padding:0;text-align:left;transition:.2s}.t26 .fc button:hover{color:#fff}.t26 .socials{display:flex;gap:9px;margin-top:20px}.t26 .socials a{width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.18);display:grid;place-items:center;font-size:12.5px;font-weight:700;color:#cfdaea;transition:.25s}.t26 .socials a:hover{background:var(--amber);color:var(--ink);border-color:var(--amber)}.t26 .fb{margin-top:44px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;font-size:12.5px;color:#61708a}.t26 /* ---------- VIEW TRANSITIONS ---------- */
@view-transition{navigation:auto}::view-transition-old(root){animation:fade .22s ease both}::view-transition-new(root){animation:fade .3s ease reverse both}@keyframes fade{from{opacity:1}to{opacity:0}}.t26 /* ---------- REVEAL ---------- */
.rv{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.3,1),transform .7s cubic-bezier(.2,.7,.3,1)}.t26 .rv.in{opacity:1;transform:none}@media(max-width:980px){.t26 .nav-links{display:none}.t26 .burger{display:flex}.t26 .steps, .t26 .rhythm{grid-template-columns:1fr}.t26 .wgrid, .t26 .split, .t26 .vgrid{grid-template-columns:1fr}.t26 .values{grid-template-columns:repeat(2,1fr)}.t26 .strip-grid{grid-template-columns:repeat(2,1fr)}.t26 .fg{grid-template-columns:1fr 1fr}
}@media(max-width:560px){.t26 .nav-cta .btn-ghost{display:none}.t26 .values, .t26 .strip-grid, .t26 .fg{grid-template-columns:1fr}.t26 .hero-cta .btn{width:100%;justify-content:center}
}@media(prefers-reduced-motion:reduce){.t26 *{animation:none!important;transition:none!important}.t26 .rv{opacity:1;transform:none}@view-transition{navigation:none}
}

/* ---------- Editor content on the interior template ---------- */
.t26 .tribe-content{max-width:760px;font-size:17px;line-height:1.75;color:#cbd7e6}
.t26 .tribe-content h2{font-size:clamp(1.7rem,3.4vw,2.5rem);color:#fff;margin:1.6em 0 .5em}
.t26 .tribe-content h3{font-size:1.4rem;color:#fff;margin:1.4em 0 .45em}
.t26 .tribe-content p{margin-bottom:1.1em}
.t26 .tribe-content a{color:var(--amber);text-decoration:underline;text-underline-offset:3px}
.t26 .tribe-content ul,.t26 .tribe-content ol{margin:0 0 1.2em 1.3em}
.t26 .tribe-content li{margin-bottom:.5em}
.t26 .tribe-content img{border-radius:16px;margin:1.6em 0}
.t26 .tribe-content blockquote{border-left:3px solid var(--orange);padding-left:22px;margin:1.6em 0;font-size:1.15em;color:#fff}
.t26 .tribe-content hr{border:0;border-top:1px solid rgba(255,255,255,.14);margin:2.4em 0}

/* Tribe Feeds output inherits these fonts automatically */
.t26 .tf{--tf-accent:var(--orange);--tf-line:rgba(255,255,255,.16);--tf-radius:18px}
.t26 .sec.light .tf{--tf-line:rgba(16,24,40,.14)}

/* ---------- Mobile nav ---------- */
@media(max-width:980px){
  .t26 .nav-links.open{
    display:flex;flex-direction:column;gap:18px;position:absolute;top:100%;left:0;right:0;
    background:rgba(10,15,26,.97);backdrop-filter:blur(18px);padding:26px 24px;
    border-bottom:1px solid rgba(255,255,255,.1);
  }
  .t26 header{position:fixed}
  .t26 .nav{position:relative}
}