/*
Theme Name: Try the Gene Pool Design
Version: 1.0.0
Requires at least: 6.4
Requires PHP: 7.4
Text Domain: bw-trythegenepool-com
Description: Distinct editorial discovery layout. No demo posts or offers.
*/
:root{--accent:#305b42;--tint:#e2f5cb;--paper:#fcfcf8;--font:Trebuchet MS,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:#202724;font:17px/1.65 var(--font)}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--accent)}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}.skip{position:absolute;left:16px;top:-100px;background:white;padding:12px;z-index:10}.skip:focus{top:10px}.site-header{padding:26px 0;border-bottom:1px solid #20272422}.header-row{display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-weight:800;letter-spacing:-.04em;font-size:25px;line-height:1.1}.nav{display:flex;gap:24px;flex-wrap:wrap;font:600 13px/1.6 Arial,sans-serif}.nav a{text-decoration:none}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font:700 11px/1.6 Arial,sans-serif;color:var(--accent)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,6.5vw,88px);line-height:1.02;letter-spacing:-.055em;margin-bottom:24px;font-weight:700}h2{font-size:clamp(26px,3vw,40px);line-height:1.15;letter-spacing:-.03em}.hero{padding:88px 0}.intro{font-size:20px;max-width:520px;color:#48534e}.button{display:inline-block;border:1px solid var(--accent);background:var(--accent);color:white!important;border-radius:4px;padding:13px 22px;text-decoration:none;font:600 14px/1.5 Arial,sans-serif}.graphic{min-height:280px;background:var(--tint);position:relative;overflow:hidden;border-radius:8px;display:grid;place-items:center}.graphic span{display:block;width:160px;height:160px;border:24px solid var(--accent);transform:rotate(-20deg);opacity:.8}.graphic:after{content:'';position:absolute;width:130px;height:130px;border:1px solid var(--accent);border-radius:50%;right:12%;bottom:12%}.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:60px;align-items:center}.section{padding:56px 0;border-top:1px solid #20272422}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px}.empty{border:1px solid #20272422;padding:34px;border-radius:8px;max-width:760px;background:#ffffff66}.empty p{margin-bottom:0;color:#526159}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.post{border-top:3px solid var(--accent);padding-top:20px;min-width:0}.post h2{font-size:26px}.post img{width:100%;height:auto}.post a{overflow-wrap:anywhere}.site-footer{border-top:1px solid #20272422;padding:30px 0;margin-top:30px;font:13px/1.7 Arial,sans-serif}.footer-row{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap}.content{max-width:760px;padding:60px 0;overflow-wrap:anywhere}.content img{max-width:100%;height:auto}.search-form{display:flex;gap:10px;flex-wrap:wrap}.search-field{max-width:100%;padding:12px;border:1px solid #777;border-radius:3px}.search-submit{padding:12px;background:var(--accent);color:white;border:0}.pagination{margin-top:30px}.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:760px){.wrap{width:calc(100% - 32px)}.hero{padding:48px 0}.hero-grid{grid-template-columns:1fr;gap:30px}.graphic{min-height:200px}.header-row{align-items:flex-start;flex-direction:column;gap:16px}.nav{gap:18px}.post-grid{grid-template-columns:1fr}.section{padding:36px 0}h1{font-size:46px}.section-heading{display:block}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.lab .site-header{border:0;padding-top:40px}.lab .nav{border:1px solid var(--accent);border-radius:30px;padding:10px 20px}.lab .hero-grid{grid-template-columns:1fr 1fr}.lab .graphic{border-radius:46% 54% 65% 35%;background:var(--tint)}.lab .graphic span{border-radius:50%;width:190px;height:190px;border-width:2px}.lab .graphic:after{width:70px;height:70px;background:var(--accent);border:0;right:42%;bottom:35%}.lab .eyebrow{font-family:monospace}.lab .empty{border-style:dashed;border-radius:20px}
.edition{padding-top:24px;border-bottom:1px solid #20272422}@media(max-width:760px){body .hero-grid{display:flex;flex-direction:column;align-items:stretch}body .hero-copy{order:0}body .graphic{order:1;min-height:190px}body.terminal .graphic,body.pop .graphic,body.paper .graphic{display:none}body.bold .graphic{min-height:16px}body .hero{padding-left:16px;padding-right:16px}body .header-row{flex-direction:column}body .brand{border-right:0}body.index .empty{margin-left:0}}
