/* EvolutionTest.org shared stylesheet (Option C, warm natural-history museum) */
:root{--ink:#3b2f24;--muted:#7a6650;--blue:#8a4b2a;--line:#d6c29b;--paper:#faf5ea;--bg:#f4ecdc;--gold:#b08d57;--rust:#8a4b2a}
*{box-sizing:border-box;margin:0;padding:0}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}
html{scroll-behavior:smooth}
body{font-family:"Source Serif 4",Georgia,serif;color:var(--ink);background:var(--bg);line-height:1.7}
.wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.skip-link{position:absolute;left:-10000px;top:0;background:#faf5ea;color:#3b2f24;padding:10px 14px;z-index:50}.skip-link:focus{left:10px;top:10px}
/* header + nav */
header.top{background:#3b2f24;color:#f4ecdc;border-bottom:4px double var(--gold)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;min-height:72px}
.logo{font:700 24px "Playfair Display",serif;color:#f4ecdc}.logo b{color:#d4a95e}
nav.main{display:flex;gap:4px;background:#3b2f24}
nav.main a{padding:10px 14px;border-radius:6px;font-size:15px;color:#e8dcc4;font-family:"Playfair Display",serif;font-weight:600}
nav.main a.on,nav.main a:hover{color:#d4a95e}
#t{position:absolute;opacity:0;pointer-events:none}.burger{display:none;cursor:pointer;width:44px;height:44px;align-items:center;justify-content:center;color:#f4ecdc}
.burger span,.burger span:before,.burger span:after{display:block;width:24px;height:2px;background:currentColor;position:relative;content:""}
.burger span:before{position:absolute;top:-7px}.burger span:after{position:absolute;top:7px}
/* header image */
.hero{width:100%;aspect-ratio:2400/560;background:#1a140f url(../img/header1.jpg) center/cover no-repeat;border-bottom:6px solid #8a6a3b}
.hero.slim{aspect-ratio:2400/330}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* page title band (inner pages) */
.ptitle{text-align:center;padding:48px 0 8px}
.ptitle h1{font:700 clamp(32px,5vw,54px)/1.12 "Playfair Display",serif;color:var(--ink)}
.ptitle h1:after{content:"";display:block;width:90px;height:2px;background:var(--gold);margin:18px auto 0}
.ptitle p.sub{margin-top:16px}
/* type + sections */
section{padding:72px 0}
.eyebrow{font:italic 17px "Playfair Display",serif;color:#8a6a3b;margin-bottom:4px}
h2{font:700 clamp(26px,3.4vw,40px)/1.2 "Playfair Display",serif;color:var(--ink);margin-bottom:14px}
h3{font-family:"Playfair Display",serif}
.narrow{max-width:760px;text-align:center}.narrow h2:after{content:"";display:block;width:90px;height:2px;background:var(--gold);margin:16px auto 0}
.lead{font-size:20px}
.sub{max-width:620px;margin:0 auto 28px;font-size:18px}
.prose{max-width:780px;margin:0 auto}.prose p{font-size:18px;margin-bottom:18px}
.prose a,.inline a{color:var(--rust);text-decoration:underline;text-underline-offset:3px}
.band{background:#ebe0c9;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{display:block;background:var(--paper);border:1px solid #c9b38a;padding:30px;box-shadow:6px 6px 0 var(--line);transition:.2s}
a.card:hover{box-shadow:9px 9px 0 var(--gold)}
.ic{font-size:30px;width:58px;height:58px;border:2px solid #8a6a3b;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;color:#8a6a3b}
.card h3{font:700 23px "Playfair Display",serif;margin-bottom:6px}
.more{display:inline-block;margin-top:12px;color:var(--rust);font-style:italic;font-weight:600}
.btn{display:inline-block;background:var(--rust);color:#faf5ea;padding:13px 26px;font:600 16px "Playfair Display",serif;letter-spacing:.04em;margin-top:14px;border:1px solid #5e3119}
.btn:hover{background:#6f3a20}
.btn-o{background:transparent;color:var(--rust);border:1px solid var(--rust)}.btn-o:hover{background:#efe3cc}
.verse{border-left:4px solid var(--gold);background:var(--paper);padding:16px 22px;margin:22px 0}
.verse blockquote{font:italic 20px/1.45 "Playfair Display",serif;margin-bottom:6px}
.verse cite{font-style:normal;font-weight:600;color:#8a6a3b;font-size:14px;letter-spacing:.06em}
.tractsec{background:#3b2f24;color:#e8dcc4}.tractsec h2{color:#faf5ea}.tractsec .eyebrow{color:#d4a95e}
/* footer */
footer{background:#2a2119;color:#c9b38a;padding:44px 0;text-align:center;border-top:4px double var(--gold)}
.fnav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 22px;margin-bottom:18px}.fnav a{color:#e8dcc4;font-family:"Playfair Display",serif}.fnav a:hover{color:#d4a95e}
.copy{font-size:14px;opacity:.7;margin-top:6px}
/* contact form card (from pinpointevangelism contactus1.html, recolored) */
.req-note{color:var(--muted);font-size:13.5px;margin-bottom:18px}
.req-note span,.rq{color:#a3321f;font-weight:700}
.fld{margin-bottom:18px}
.fld label{display:block;font-weight:600;font-size:15px;margin-bottom:6px}
.fld input,.fld select,.fld textarea{display:block;width:100%;font:inherit;font-size:16px;color:var(--ink);background:#fffdf8;border:1.5px solid #c9b38a;border-radius:6px;padding:12px 14px;transition:border-color .15s,box-shadow .15s}
.fld textarea{resize:vertical;min-height:150px;line-height:1.5}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--rust);box-shadow:0 0 0 4px rgba(138,75,42,.18);background:#fff}
.fld .sel{position:relative}
.fld select{appearance:none;-webkit-appearance:none;padding-right:42px;cursor:pointer}
.fld .sel:after{content:"";position:absolute;right:17px;top:50%;width:9px;height:9px;margin-top:-7px;border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);transform:rotate(45deg);pointer-events:none}
.fld [aria-invalid="true"]{border-color:#a3321f;background:#fff8f7}
.fld [aria-invalid="true"]:focus{box-shadow:0 0 0 4px rgba(163,50,31,.15)}
.fhint{font-size:13.5px;color:var(--muted);margin-top:6px}
.ferr{font-size:14px;color:#a3321f;font-weight:600;margin-top:6px}.ferr:empty{display:none}
.ferr:before{content:"! ";display:inline-grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#a3321f;color:#fff;font-size:11px;margin-right:6px;vertical-align:1px}
.hp{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden}
.send{cursor:pointer;width:100%;text-align:center;margin-top:4px;display:block}
.send[disabled]{opacity:.7;cursor:progress}
.fprivacy{font-size:13.5px;color:var(--muted);text-align:center;margin-top:12px}
.fmsg{display:none;gap:14px;align-items:flex-start;border-radius:8px;padding:18px 20px;margin-bottom:22px}.fmsg:focus{outline:none}
.fmsg h3{font-size:18px;margin-bottom:2px}.fmsg p{font-size:15.5px}.fmsg svg{flex:none;width:36px;height:36px}
.fmsg.ok{background:#f1fbf4;border:1px solid #bfe5cc;color:#14532d}
.fmsg.err{background:#fff5f4;border:1px solid #f3c4bf;color:#7f1d14}
.fmsg:target,.fmsg.show{display:flex}
.fcard.done .fmsg.ok{margin-bottom:0;padding:26px 24px}.fcard.done form{display:none}
.fcard:has(#sent:target) form{display:none}.fcard:has(#sent:target) #sent{margin-bottom:0}
.linkbtn{all:unset;cursor:pointer;color:var(--rust);font-weight:600;font-size:15px;margin-top:10px;display:inline-block}
.linkbtn:focus-visible{outline:2px solid var(--rust);outline-offset:3px;border-radius:4px}
.btn-sm{padding:9px 18px;font-size:14.5px;margin-top:12px;cursor:pointer}
.fcard{max-width:640px;margin:1.5rem auto 0;text-align:left;background:var(--paper);border:1px solid #c9b38a;box-shadow:6px 6px 0 var(--line);padding:32px}
.fcard h2{margin-top:0;font-size:28px}
/* heaven or hell */
.wideimg{border:8px solid var(--paper);box-shadow:6px 6px 0 var(--line);margin:0 auto 30px}
.gpt-wrap{max-width:860px;margin:0 auto}
.embed-box{max-width:600px;margin:40px auto 0;background:var(--paper);border:1px solid #c9b38a;padding:24px;text-align:center}
.embed-box h3{font-size:22px;margin-bottom:8px}.embed-box p{color:var(--muted);font-size:15px;margin-bottom:14px}
.code-row{display:flex;gap:8px;align-items:stretch;text-align:left}
.code-row code{flex:1;min-width:0;background:#2a2119;color:#f0d79a;font:13px/1.5 ui-monospace,Menlo,Consolas,monospace;padding:10px 12px;border-radius:6px;overflow-wrap:anywhere;user-select:all}
.copy-btn{flex:none;background:#d4a95e;color:#2a2119;border:0;border-radius:6px;padding:0 16px;font-weight:700;cursor:pointer;font-family:inherit}
.embed-note{font-size:13px;margin:12px 0 0}
.bnr{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.bn{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;background:var(--paper);border:1px solid #c9b38a;box-shadow:6px 6px 0 var(--line);padding:22px;transition:.2s}
.bn:hover{box-shadow:9px 9px 0 var(--gold)}
.bn b{font:700 19px/1.3 "Playfair Display",serif;flex:1;display:flex;align-items:center}
.bn img{width:100%;max-width:468px;height:auto;aspect-ratio:468/60}
.bn small{color:var(--rust);font-weight:600}
.cta-row{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
/* links */
.lgroup{max-width:860px;margin:0 auto 44px}
.lgroup h2{font-size:28px;border-bottom:2px solid var(--gold);padding-bottom:8px;margin-bottom:18px}
.lk{display:block;background:var(--paper);border:1px solid #c9b38a;padding:18px 22px;margin-bottom:14px;box-shadow:4px 4px 0 var(--line);transition:.2s}
.lk:hover{box-shadow:7px 7px 0 var(--gold)}
.lk b{font:700 20px "Playfair Display",serif;color:var(--rust)}.lk span{display:block;font-size:16.5px}.lk small{color:var(--muted);font-size:14px;overflow-wrap:anywhere}
/* videos */
.vgroup{max-width:1000px;margin:0 auto 44px}
.vgroup h2{font-size:28px;border-bottom:2px solid var(--gold);padding-bottom:8px;margin-bottom:10px}
.vdesc{color:var(--muted);margin-bottom:18px}
.vgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.vid{background:var(--paper);border:1px solid #c9b38a;box-shadow:4px 4px 0 var(--line);display:flex;flex-direction:column}
.vthumb,.vframe{display:block;width:100%;aspect-ratio:16/9;border:0;background:#1a140f}
.vthumb{all:unset;box-sizing:border-box;position:relative;display:block;width:100%;aspect-ratio:16/9;cursor:pointer;overflow:hidden;background:#1a140f}
.vthumb img{width:100%;height:100%;object-fit:cover}
.vthumb:focus-visible{outline:3px solid var(--rust);outline-offset:-3px}
.vplay{position:absolute;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;background:rgba(42,33,25,.82);border:2px solid #d4a95e;transition:.2s}
.vplay:after{content:"";position:absolute;left:25px;top:18px;border-left:19px solid #f4ecdc;border-top:13px solid transparent;border-bottom:13px solid transparent}
.vthumb:hover .vplay{background:var(--rust)}
.vdur{position:absolute;right:8px;bottom:8px;background:rgba(42,33,25,.88);color:#f4ecdc;font-size:13px;padding:1px 7px;border-radius:4px}
.vinfo{padding:14px 18px 18px}.vinfo h3{font-size:19px;line-height:1.3;color:var(--ink)}.vinfo p{font-size:16px;margin:4px 0 6px}
.vyt{color:var(--rust);text-decoration:underline;text-underline-offset:3px;font-size:15px;font-weight:600}
.vnote{max-width:1000px;margin:0 auto;color:var(--muted);font-size:14.5px;text-align:center}
@media(min-width:701px){.vgrid>.vid:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:calc(50% - 11px)}}
@media(max-width:700px){.vgrid{grid-template-columns:1fr}}
@media(max-width:820px){.burger{display:flex}header.top .wrap{position:relative}
nav.main{display:none;position:absolute;left:0;right:0;top:72px;flex-direction:column;padding:10px 16px 18px;z-index:20}
#t:checked~nav.main{display:flex}nav.main a{padding:14px;font-size:17px}
.hero,.hero.slim{aspect-ratio:auto;min-height:150px;background-image:url(../img/header1-phone-crop.jpg)}
.hero{min-height:230px}.hero.slim{min-height:150px}
.cards,.bnr{grid-template-columns:1fr}section{padding:48px 0}.ptitle{padding:36px 0 0}
.prose p{font-size:17px}.fcard{padding:22px 18px}.code-row{flex-direction:column}.copy-btn{padding:10px}}