/*
Theme Name: Knotted Life Reference Match
Author: Knotted Life
Description: Custom visual-match theme based on the approved Knotted Life screenshot. Faith-based series, episode release controls and Coming Soon overlays.
Version: 2.2.0
Requires PHP: 7.4
Text Domain: knotted-life
*/
:root{--paper:#faf7f0;--ink:#16110f;--copper:#a54428;--line:#e6dbcb;--light:#fffaf4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:14px/1.45 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--copper)}a:focus-visible,button:focus-visible{outline:3px solid var(--copper);outline-offset:2px}img{max-width:100%}.pagewrap{width:calc(100% - 6.8%);max-width:1432px;margin:0 auto}
.site-header{background:linear-gradient(110deg,#f7f3ed,#f9f5ef 60%,#f4ece2);height:58px;position:relative;z-index:5}.head-inner{height:58px;width:calc(100% - 12.6%);max-width:1340px;display:flex;align-items:center;justify-content:space-between;margin:auto;gap:20px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0;min-width:370px}.brand img{height:56px;width:55px;object-fit:contain}.brand-wordmark strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:22px;letter-spacing:.30em;line-height:1.1;font-weight:700;white-space:nowrap}.brand-wordmark small{display:block;font-size:8px;letter-spacing:.16em;white-space:nowrap;color:#534c47}.main-nav{margin-left:auto;display:flex;align-items:center;gap:34px;font-size:12px;font-weight:600;white-space:nowrap}.main-nav a{padding:18px 0 15px;position:relative}.main-nav a.home-link:after{content:'';position:absolute;bottom:8px;height:2px;background:var(--copper);left:0;width:100%}.watch-button{min-width:144px;display:flex;align-items:center;justify-content:center;gap:12px;padding:11px 14px;background:linear-gradient(#bd5430,#813015);box-shadow:inset 0 1px #ffbea45c;color:#fff;border-radius:3px;font-size:15px;white-space:nowrap}.watch-button:hover{color:#fff;filter:brightness(1.08)}.mobile-toggle{display:none}
.hero-desktop{position:relative}.hero-reference{display:block;width:100%;height:auto;object-fit:cover}.hero-hotspot{display:block;position:absolute;border-radius:4px;top:75.3%;height:17%;z-index:2}.hero-explore{left:9.7%;width:12.5%}.hero-start{left:22.9%;width:10.4%}.hero-hotspot:hover{box-shadow:inset 0 0 0 2px #ca562c}.hero-mobile{display:none}
.section-head{display:flex;align-items:center;justify-content:space-between;height:32px;padding:0 1px}.section-head h2{display:flex;align-items:center;gap:13px;margin:0;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.31em;color:#5a261e}.section-head h2:after{content:'';width:48px;height:1px;background:#d57555}.section-head>a{font-size:10px;color:#48413c;letter-spacing:.1em;text-transform:uppercase}.series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.series-card{position:relative;min-width:0;overflow:hidden;box-shadow:0 1px 7px #8d705c24;background:#e6dbd1}.series-card>img{width:100%;display:block;aspect-ratio:3.0/1;object-fit:cover}.series-card .click-cover{position:absolute;inset:0;z-index:1}.series-card .coming{z-index:2}.coming{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;text-align:center;background:rgba(72,74,76,.86);color:#fff;backdrop-filter:grayscale(1) blur(1.4px);pointer-events:none}.coming span,.coming strong{font-size:20px;font-weight:800;letter-spacing:.16em}.coming small{font-size:11px;letter-spacing:.04em;font-weight:500}
.watch-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.watch-card{min-width:0;position:relative;background:#eee1d6;overflow:hidden}.watch-card>a{position:relative;display:block;overflow:hidden}.watch-card img{display:block;width:100%;aspect-ratio:3.05/1;object-fit:cover}.watch-card .coming{background:rgba(93,97,100,.82)}.watch-card .coming strong{font-size:14px;letter-spacing:.11em}.watch-card .coming small{font-size:10px}.watch-title{position:absolute;bottom:6px;left:7px;color:#fff;text-shadow:0 1px 4px #000;background:#0008;padding:2px 4px;font-weight:bold}
.article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.art-card{position:relative;display:block;min-width:0;box-shadow:0 1px 4px #67544513}.art-card img{display:block;aspect-ratio:5.33/1;object-fit:cover;width:100%}.article-soon{position:absolute;right:5px;top:5px;padding:4px 7px;color:#fff;background:#686c70e8;font-size:9px;letter-spacing:.1em;font-weight:bold;border-radius:2px}
.about-strip{min-height:54px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:7px 42px}.about-strip h2{font-family:Georgia,'Times New Roman',serif;font-size:15px;letter-spacing:.24em;line-height:1.05;margin:0;min-width:240px}.about-strip p{font-size:12px;line-height:1.3;text-align:center;max-width:680px;margin:0;color:#55504e}.about-strip>a{font-size:12px;white-space:nowrap;border:1px solid #ac765f;border-radius:3px;padding:6px 14px;color:#522b21}
.footer{border-top:1px solid #dfd4c6;min-height:46px;background:#f7f3eb}.footer-inner{display:flex;justify-content:space-between;align-items:center;min-height:46px;gap:20px}.foot-brand{display:flex;gap:7px;align-items:center;min-width:260px}.foot-brand img{width:36px;height:36px;object-fit:contain}.foot-brand strong{font:700 15px/1 Georgia,serif;letter-spacing:.22em;display:block}.foot-brand small{display:block;font-size:6px;letter-spacing:.13em;color:#685d56}.footer nav{display:flex;gap:27px;font-size:10px}.footer-right{display:flex;align-items:center;gap:22px}.footer-right small{border-left:1px solid #b4a296;padding-left:17px;color:#544a42;font-size:8px;letter-spacing:.13em;white-space:nowrap}.social-icons{font-size:15px;white-space:nowrap}
/* Interior content and video-player layout */
.container{max-width:1100px;margin:auto;padding:0 30px}.page-main{padding:42px 0;min-height:60vh}.page-main h1{font:700 clamp(28px,3vw,46px)/1.15 Georgia,serif}.content-card{background:#fffdf7;border:1px solid var(--line);padding:25px;max-width:1000px}.episode-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.episode-card{position:relative;background:#eee3d7;overflow:hidden}.episode-pic{height:160px;background-position:center;background-size:cover;position:relative}.episode-name{position:absolute;bottom:10px;left:10px;background:#261916b8;color:white;padding:5px;font:bold 16px Georgia,serif}.episode-tag{display:block;padding:8px;font-size:11px;text-transform:uppercase;color:#534336}.episode-card .coming strong,.episode-card .coming span{font-size:18px}.video-frame{aspect-ratio:16/9;width:100%;max-width:1000px;display:grid;place-items:center;background:#555;color:white}.video-frame iframe,.video-frame video{width:100%;height:100%;border:0}.notice{font-size:13px;color:#68605a}
@media(min-width:1550px){.hero{max-width:1920px;margin:auto}}
@media(max-width:1280px){.head-inner{width:calc(100% - 6.8%)}.brand{min-width:310px}.brand-wordmark strong{font-size:18px}.brand-wordmark small{font-size:7px}.main-nav{gap:21px}.watch-button{min-width:126px;font-size:13px}.about-strip{padding:8px 10px}.about-strip h2{min-width:190px}.footer-right{gap:9px}.footer nav{gap:16px}}
@media(max-width:860px){.site-header,.head-inner{height:65px}.head-inner{width:calc(100% - 36px)}.brand{min-width:0}.brand img{height:55px;width:50px}.brand-wordmark strong{font-size:17px}.brand-wordmark small{font-size:6px}.mobile-toggle{display:block;border:1px solid #bfae9b;background:#fff9f1;padding:5px 10px;font-size:20px;margin-left:auto}.main-nav{display:none;position:absolute;top:65px;left:0;right:0;margin:0;padding:12px 22px;background:#faf6ef;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 7px 15px #29170d30}.main-nav.show{display:flex}.main-nav a{padding:10px}.main-nav a.home-link:after{display:none}.watch-button{min-width:110px;font-size:12px;padding:10px}.hero-desktop{display:none}.hero-mobile{display:block;position:relative;min-height:390px;background:#eee3d2;overflow:hidden}.hero-mobile-art{position:absolute;inset:0;background:linear-gradient(90deg,#f9f6ef 0%,#f9f6eeda 51%,#f9f6ef30 100%),url('assets/hero-right.webp') right center/auto 100% no-repeat}.hero-mobile-copy{position:relative;padding:65px 6% 45px;max-width:720px}.hero-mobile h1{font:700 clamp(35px,5.2vw,52px)/1.08 Georgia,serif;letter-spacing:-.035em;margin:0 0 14px}.hero-mobile h1 span{display:block;color:#a94227}.hero-mobile p{font-size:17px;max-width:510px;color:#3f3a35}.hero-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.hero-actions a{border-radius:3px;padding:10px 15px}.primary-cta{background:#a9462d;color:white}.secondary-cta{border:1px solid #ad8f7e;background:#fffaf4}.series-grid{gap:9px}.watch-grid{gap:6px}.watch-card .coming strong{font-size:12px}.watch-card .coming small{font-size:8px}.article-grid{gap:6px}.about-strip{flex-wrap:wrap;text-align:center;justify-content:center;gap:10px}.about-strip h2{min-width:auto}.about-strip p{flex:1 0 65%;font-size:12px}.footer-inner{flex-wrap:wrap;padding:10px 0}.footer-right{width:100%;justify-content:space-between}}
@media(max-width:570px){.pagewrap{width:calc(100% - 32px)}.brand-wordmark strong{font-size:14px;letter-spacing:.17em}.brand-wordmark small{font-size:5px;letter-spacing:.06em}.head-inner>.watch-button{display:none}.hero-mobile{min-height:410px}.hero-mobile-art{background:linear-gradient(90deg,#f9f6eefa,#f9f6efd7 80%,#f9f6efad),url('assets/hero-right.webp') 60% center/auto 100% no-repeat}.hero-mobile-copy{padding:65px 22px 40px}.hero-mobile h1{font-size:36px}.hero-mobile p{font-size:16px}.section-head{height:38px}.section-head h2{font-size:10px;letter-spacing:.15em}.section-head>a{font-size:9px}.series-grid{grid-template-columns:1fr;gap:12px}.series-card img{aspect-ratio:3/1}.watch-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.watch-card .coming strong{font-size:14px}.watch-card .coming small{font-size:10px}.article-grid{grid-template-columns:1fr;gap:10px}.article-soon{padding:4px 8px}.about-strip{padding:18px 0;display:block}.about-strip h2{font-size:17px}.about-strip p{margin:12px auto}.about-strip a{display:inline-block}.footer nav{flex-wrap:wrap;gap:12px}.foot-brand{min-width:0}.footer-right{justify-content:center}.episode-list{grid-template-columns:1fr}.container{padding:0 20px}}

/* Release placeholders: exact series names and titles for five fixed cards. */
.watch-card .coming{gap:2px;padding:3px 7px;background:rgba(90,95,99,.88)}
.watch-card .coming strong{font-size:clamp(10px,0.82vw,13px);letter-spacing:.08em;line-height:1.15}
.watch-card .coming .slot-series{font-weight:700;font-size:clamp(9px,0.66vw,11px);letter-spacing:.02em;line-height:1.05;color:#ffeddf}
.watch-card .coming .slot-title{font-size:clamp(9px,0.70vw,11px);font-weight:500;letter-spacing:0;line-height:1.12;max-width:98%;text-wrap:balance}
.watch-card .watch-title{font:700 11px/1.2 Arial, sans-serif;bottom:3px;left:4px;right:4px;letter-spacing:0;text-wrap:balance}
@media(max-width:860px){
 .watch-card img{aspect-ratio:2.85/1}
 .watch-card .coming{gap:1px;padding:1px 3px}
 .watch-card .coming strong{font-size:9px}
 .watch-card .coming .slot-series{font-size:8px}
 .watch-card .coming .slot-title{font-size:8px}
}
@media(max-width:570px){
 .watch-card img{aspect-ratio:2.05/1}
 .watch-card .coming{gap:2px;padding:4px}
 .watch-card .coming strong{font-size:11px}
 .watch-card .coming .slot-series{font-size:10px}
 .watch-card .coming .slot-title{font-size:10px}
}