/*
Theme Name: Bioroot Energy 2026
Author: Bioroot Energy
Description: A focused, responsive WordPress theme for Bioroot Energy.
Version: 1.4.21
Text Domain: bioroot-redesign
*/
:root{--ink:#102b2a;--green:#164c40;--lime:#d8ee86;--paper:#f6f7f0;--line:#cad7cc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:17px;line-height:1.55}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid #c9781b;outline-offset:3px}.wrap{max-width:1200px;margin:auto;padding:0 28px}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.head-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:88px}.brand{text-decoration:none;font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1}.brand small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.17em;margin-top:7px;font-weight:700}.menu{display:flex;gap:24px;align-items:center;list-style:none;margin:0;padding:0}.menu a{text-decoration:none;font-size:14px;font-weight:700}.menu a:hover{text-decoration:underline}.menu-toggle{display:none;border:1px solid var(--ink);padding:9px 13px;background:transparent;font:inherit}.hero{background:var(--green);color:#fff;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1.1fr .9fr;min-height:610px;align-items:center;gap:55px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:700;font-size:13px;color:var(--lime)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.3rem,6.5vw,6.7rem);letter-spacing:-.075em;line-height:.98;margin:25px 0}h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.06em;line-height:1.08}h3{font-size:1.35rem;letter-spacing:-.03em}.hero p{max-width:620px;color:#e0ede4;font-size:1.15rem}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:35px}.button{display:inline-block;background:var(--lime);color:var(--ink);padding:14px 23px;text-decoration:none;border-radius:3px;font-weight:800;font-size:15px}.button.secondary{background:transparent;border:1px solid #a4c6b8;color:white}.hero-art{aspect-ratio:1/1;max-height:470px;position:relative;border:1px solid #6c9d80;border-radius:50%;display:grid;place-items:center}.hero-art:before,.hero-art:after{content:'';position:absolute;border:1px solid #6c9d80;border-radius:50%;inset:11%}.hero-art:after{inset:25%}.hero-art span{background:var(--lime);color:var(--ink);border-radius:50%;width:37%;aspect-ratio:1;display:grid;place-items:center;text-align:center;font-weight:900;font-size:clamp(1.2rem,2.5vw,2rem);line-height:1.1;z-index:1;transform:rotate(-8deg)}.orbit{position:absolute;background:#edf7df;color:var(--ink);padding:9px 15px;border-radius:99px;font-size:14px;font-weight:800;z-index:2}.orbit.one{top:8%;left:9%}.orbit.two{right:-3%;top:42%}.orbit.three{bottom:8%;left:7%}section.pad{padding:105px 0}.intro{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px}.intro p{font-size:1.23rem;max-width:750px}.steps{background:#e8efe5}.section-heading{max-width:690px;margin-bottom:44px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;padding:30px;min-height:245px;border-top:4px solid var(--green)}.num{display:block;color:#477368;font-weight:800;margin-bottom:38px}.card p{margin:0;color:#3c5550}.feature{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.video{width:100%;background:#102b2a;aspect-ratio:16/9}.feature ul{padding-left:20px}.feature li{margin:12px 0}.deep{background:#102b2a;color:#fff}.deep .section-heading{max-width:790px}.links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.links a{display:block;border:1px solid #618079;text-decoration:none;padding:28px;min-height:145px;font-size:1.25rem;font-weight:800}.links a:hover{background:#235448}.links span{display:block;font-size:14px;font-weight:400;color:#c7dcd2;margin-top:16px}.footer{padding:52px 0;background:#092321;color:#d5e3db}.foot-inner{display:flex;justify-content:space-between;gap:30px}.footer a{color:#d5e3db}.page-main{padding:70px 0;max-width:850px}.page-main h1{font-size:clamp(2.7rem,5vw,4.5rem)}.page-main img{max-width:100%;height:auto}@media(max-width:800px){.head-inner{min-height:72px;flex-wrap:wrap}.menu-toggle{display:block}.site-nav{display:none;width:100%;padding-bottom:18px}.site-nav.open{display:block}.menu{display:block}.menu li{padding:10px 0}.hero-inner,.intro,.feature{grid-template-columns:1fr}.hero-inner{padding-top:75px;padding-bottom:65px;gap:55px}.hero-art{width:min(85%,390px);margin:auto}.grid,.links{grid-template-columns:1fr}.card{min-height:0}.num{margin-bottom:20px}section.pad{padding:70px 0}.foot-inner{display:block}}@media(max-width:430px){.wrap{padding:0 20px}.hero-art{width:83%}.orbit{font-size:11px;padding:7px 10px}.orbit.two{right:-10%}}
/* Color and image direction, version 1.1 */
:root{--ink:#142c35;--green:#123f4b;--lime:#e5f09c;--paper:#fcf8f1;--line:#d9d0bd;--orange:#ef9559;--sky:#dcebf0}body{background:var(--paper)}.site-header{background:#fffaf2;border-color:#e7d8c5}.brand{color:#123f4b}.brand small{color:#a65f32}.hero{background:linear-gradient(135deg,#123f4b 0%,#0f3544 70%,#1b5060 100%)}.hero-inner{grid-template-columns:1fr 1.04fr;gap:60px;min-height:610px}.hero h1{max-width:620px}.hero .eyebrow{color:#f9ad77}.hero-photo{margin:0;position:relative;align-self:stretch;display:flex;align-items:center}.hero-photo img{width:100%;height:460px;object-fit:cover;border-radius:46% 46% 5px 5px;box-shadow:24px 25px 0 rgba(239,149,89,.94)}.hero-photo figcaption{position:absolute;bottom:20px;left:0;background:#fffaf2;color:#123f4b;padding:11px 16px;font-weight:700;font-size:13px;letter-spacing:.02em}.button{background:var(--orange)}.button:hover{background:#fac596}.button.secondary:hover{background:#fff;color:var(--green)}.intro{position:relative}.intro:before{content:'';height:6px;width:80px;background:var(--orange);position:absolute;top:-30px;left:28px}.steps{background:var(--sky)}.card{border-top-color:var(--orange);box-shadow:0 12px 30px rgba(19,63,75,.06)}.num{color:#a45c30}.feature .button{margin-top:12px}.video{border-radius:3px;box-shadow:18px 18px 0 #e5c2a0}.deep{background:#163d48}.deep .eyebrow{color:#f9ad77}.links a{border-color:#648a90}.links a:hover{background:#275b66}.footer{background:#0e2b35}@media(max-width:800px){.hero-inner{grid-template-columns:1fr;gap:30px}.hero-photo{width:90%;margin:0 auto 15px}.hero-photo img{height:auto;aspect-ratio:4/3;object-fit:cover}.hero-photo figcaption{bottom:-12px;left:-10px}.intro:before{left:28px}}

.footer-links{display:flex;flex-wrap:wrap;gap:10px 22px}.footer-links a{text-decoration:none;font-weight:700}.footer-links a:hover{text-decoration:underline}@media(max-width:800px){.footer-links{margin-top:30px}}
/* Editable WordPress block homepage */
.editable-home>.wp-block-group{max-width:none!important;margin:0}.editable-home .home-wrap{max-width:1200px;margin-left:auto;margin-right:auto;padding-left:28px;padding-right:28px}.editable-home .home-section{padding:100px 0}.editable-home h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.06em;line-height:1.08}.editable-home h3{font-size:1.35rem;letter-spacing:-.03em}.editable-home .home-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:13px;font-weight:800;color:#a45c30}.editable-home .home-hero{background:linear-gradient(135deg,#123f4b,#0f3544 70%,#1b5060);color:#fff}.editable-home .home-hero-columns{min-height:610px;gap:60px}.editable-home .home-hero h1{font-size:clamp(3.3rem,6.5vw,6.7rem);letter-spacing:-.075em;line-height:.98;margin:25px 0}.editable-home .home-hero p:not(.home-kicker){font-size:1.15rem;color:#e0ede4}.editable-home .home-hero .home-kicker,.editable-home .home-deep .home-kicker{color:#f9ad77}.editable-home .home-hero-image{position:relative;margin:0}.editable-home .home-hero-image img{width:100%;height:460px;object-fit:cover;border-radius:46% 46% 5px 5px;box-shadow:24px 25px 0 #ef9559}.editable-home .home-hero-image figcaption{position:absolute;bottom:0;left:0;background:#fffaf2;color:#123f4b;padding:11px 16px;font-weight:700;font-size:13px}.editable-home .wp-block-button__link{background:#ef9559;color:#142c35;border-radius:3px;padding:14px 23px;font-size:15px;font-weight:800;text-decoration:none}.editable-home .wp-block-button.is-style-outline .wp-block-button__link{background:transparent;border:1px solid #a4c6b8;color:#fff}.editable-home .home-intro p:not(.home-kicker){font-size:1.2rem}.editable-home .home-steps{background:#dcebf0}.editable-home .home-steps h2{max-width:690px}.editable-home .home-cards{margin-top:44px;gap:18px}.editable-home .home-cards>.wp-block-column{background:#fff;padding:30px;border-top:4px solid #ef9559;box-shadow:0 12px 30px rgba(19,63,75,.06)}.editable-home .home-number{color:#a45c30;font-weight:800;font-size:14px;margin-bottom:38px}.editable-home .home-product .wp-block-list li{margin:12px 0}.editable-home .home-product .wp-block-video{margin:0;box-shadow:18px 18px 0 #e5c2a0}.editable-home .home-product video{display:block;width:100%}.editable-home .home-deep{background:#163d48;color:#fff}.editable-home .home-deep h2{max-width:790px}.editable-home .home-deep-links{margin-top:45px;gap:16px}.editable-home .home-deep-links>.wp-block-column{border:1px solid #648a90;padding:28px}.editable-home .home-deep-links a{color:#fff;text-decoration:none}.editable-home .home-deep-links a:hover{text-decoration:underline}.editable-home .home-deep-links p{color:#c7dcd2;font-size:14px}@media(max-width:800px){.editable-home .home-wrap{padding-left:20px;padding-right:20px}.editable-home .home-section{padding:70px 0}.editable-home .home-hero-columns{padding-top:65px;padding-bottom:70px}.editable-home .home-hero-image img{height:auto;aspect-ratio:4/3}.editable-home .home-cards>.wp-block-column{margin-bottom:16px}}

/* Closer rhythm between editable home sections, 2026 refresh. */
.editable-home .home-section{padding-top:56px;padding-bottom:56px}
.editable-home .home-hero-columns{min-height:540px}
.editable-home .home-cards{margin-top:30px}
.editable-home .home-deep-links{margin-top:30px}
@media(max-width:800px){.editable-home .home-section{padding-top:42px;padding-bottom:42px}.editable-home .home-hero-columns{min-height:0;padding-top:48px;padding-bottom:52px}}
/* More compact Purpose and Approach sections. */
.editable-home .home-intro,.editable-home .home-steps{padding-top:28px;padding-bottom:28px}
@media(max-width:800px){.editable-home .home-intro,.editable-home .home-steps{padding-top:24px;padding-bottom:24px}}

/* Circular, wider view of the conceptual plant scene. */
.hero-photo img,.editable-home .home-hero-image img{height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:50%;box-shadow:20px 20px 0 #ef9559}
@media(max-width:800px){.hero-photo img,.editable-home .home-hero-image img{aspect-ratio:1/1}}

/* Quiet globe behind the homepage introduction. */
.hero,.editable-home .home-hero{position:relative;isolation:isolate}
.hero::before,.editable-home .home-hero::before{content:"";position:absolute;z-index:0;pointer-events:none;width:min(56vw,690px);aspect-ratio:1;left:max(-90px,calc(50% - 690px));top:50%;transform:translateY(-50%);background:url("assets/hero-globe-coastlines.svg") center/contain no-repeat;opacity:.27;animation:bioroot-globe-drift 32s ease-in-out infinite alternate}
.hero .hero-inner,.editable-home .home-hero>*{position:relative;z-index:1}
@keyframes bioroot-globe-drift{from{transform:translate(-14px,-51%) rotate(-5deg)}to{transform:translate(18px,-49%) rotate(6deg)}}
@media(max-width:800px){.hero::before,.editable-home .home-hero::before{width:92vw;left:-30vw;top:31%;opacity:.18}}
@media(prefers-reduced-motion:reduce){.hero::before,.editable-home .home-hero::before{animation:none;transform:translateY(-50%)}}

/* Keep the globe quiet at the hero edges. */
.hero::before,.editable-home .home-hero::before{width:min(52vw,590px);opacity:.20;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}
@media(max-width:800px){.hero::before,.editable-home .home-hero::before{width:92vw;opacity:.14}}

/* Visible, unhurried globe motion. */
.hero::before,.editable-home .home-hero::before{animation:bioroot-globe-visible 10s ease-in-out infinite alternate;opacity:.43}
@keyframes bioroot-globe-visible{from{transform:translate(-48px,-50%) rotate(-9deg)}to{transform:translate(48px,-50%) rotate(9deg)}}
@media(max-width:800px){.hero::before,.editable-home .home-hero::before{opacity:.29;animation-duration:12s}}
@media(prefers-reduced-motion:reduce){.hero::before,.editable-home .home-hero::before{animation:none;transform:translateY(-50%)}}

/* A steady horizontal drift that is visible without drawing focus from the copy. */
.hero::before,.editable-home .home-hero::before{animation:bioroot-globe-steady 7s linear infinite alternate}
@keyframes bioroot-globe-steady{from{transform:translate(-65px,-50%) rotate(-6deg)}to{transform:translate(65px,-50%) rotate(6deg)}}
@media(max-width:800px){.hero::before,.editable-home .home-hero::before{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.hero::before,.editable-home .home-hero::before{animation:none;transform:translateY(-50%)}}

/* Distinct orbit and visitor motion control. */
.editable-home .home-hero::before{background-image:url("assets/hero-globe-coastlines-2026.svg");opacity:.59}
.editable-home .home-hero::after{content:"";position:absolute;pointer-events:none;z-index:0;width:min(52vw,590px);aspect-ratio:1;left:max(-90px,calc(50% - 690px));top:50%;border-radius:50%;transform:translateY(-50%);background:conic-gradient(from 0deg,transparent 0deg,transparent 265deg,rgba(255,193,126,.1) 290deg,rgba(255,193,126,.94) 314deg,transparent 335deg);mask:radial-gradient(circle,transparent 67%,#000 68%,#000 69.5%,transparent 71%);animation:bioroot-orbit 5s linear infinite}
@keyframes bioroot-orbit{from{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(360deg)}}
.globe-motion-toggle{position:absolute!important;z-index:3!important;left:max(28px,calc(50% - 572px));bottom:12px;border:1px solid rgba(226,245,238,.65);border-radius:20px;background:rgba(10,46,55,.83);color:#fff;padding:6px 12px;font:700 12px Arial,sans-serif;cursor:pointer}
.globe-motion-toggle:hover{background:#245f68}
.editable-home .home-hero.globe-motion-paused::before,.editable-home .home-hero.globe-motion-paused::after{animation:none}
@media(max-width:800px){.editable-home .home-hero::after{width:92vw;left:-30vw;top:31%}.globe-motion-toggle{left:20px;bottom:8px}}
@media(prefers-reduced-motion:reduce){.editable-home .home-hero::after{animation:none}.editable-home .home-hero.globe-motion-forced::before{animation:bioroot-globe-steady 7s linear infinite alternate}.editable-home .home-hero.globe-motion-forced::after{animation:bioroot-orbit 5s linear infinite}}

/* One slow west-to-east glide, then hold the geographic map in place. */
.editable-home .home-hero::before{background-image:url("assets/hero-globe-natural-earth.svg");opacity:.70;animation:bioroot-globe-once 18s ease-out 1 forwards}
.editable-home .home-hero::after{animation:bioroot-orbit 5s linear infinite}
@keyframes bioroot-globe-once{from{transform:translate(-75px,-50%)}to{transform:translate(65px,-50%)}}
@media(prefers-reduced-motion:reduce){.editable-home .home-hero::before{animation:none;transform:translate(65px,-50%)}.editable-home .home-hero::after{animation:none}}

/* Geographic globe rotates in place; the atmospheric swoosh keeps circling. */
.editable-home .home-hero::before{content:none;animation:none}
.editable-home .home-hero::after{animation:bioroot-orbit 5s linear infinite}
.bioroot-rotating-globe{position:absolute;z-index:0;pointer-events:none;width:min(52vw,590px);aspect-ratio:1;left:max(-90px,calc(50% - 690px));top:50%;transform:translateY(-50%);opacity:.65;mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 90%,transparent)}
@media(max-width:800px){.bioroot-rotating-globe{width:92vw;left:-30vw;top:31%;opacity:.43}}

/* Brighter orbit arc around the rotating globe. */
.editable-home .home-hero::after{background:conic-gradient(from 0deg,transparent 0deg,transparent 240deg,rgba(255,193,126,.25) 270deg,rgba(255,204,146,1) 310deg,rgba(255,204,146,.75) 325deg,transparent 350deg);mask:radial-gradient(circle,transparent 67%,#000 68%,#000 71%,transparent 72%);filter:drop-shadow(0 0 6px rgba(255,184,102,.75));opacity:1;z-index:1}

/* Keep the canvas behind the hero content without affecting layout. */
.editable-home .home-hero>.bioroot-rotating-globe{position:absolute;z-index:0}

/* Tighten the sequence from the hero through Purpose, Approach and Product. */
.editable-home .home-intro{padding-top:12px;padding-bottom:16px}
.editable-home .home-steps{padding-top:18px;padding-bottom:20px}
.editable-home .home-product{padding-top:22px;padding-bottom:36px}
.editable-home .home-steps .home-cards{margin-top:22px}
@media(max-width:800px){.editable-home .home-intro{padding-top:12px;padding-bottom:14px}.editable-home .home-steps{padding-top:16px;padding-bottom:18px}.editable-home .home-product{padding-top:20px;padding-bottom:30px}}

/* Remove Gutenberg's trailing block margins in the compact sequence. */
.editable-home .home-intro .wp-block-columns,.editable-home .home-steps .home-cards,.editable-home .home-product .wp-block-columns{margin-bottom:0}
.editable-home .home-intro .wp-block-column>:last-child,.editable-home .home-steps .home-cards .wp-block-column>:last-child,.editable-home .home-product .wp-block-column>:last-child{margin-bottom:0}

/* Mint-toned orbit to echo the geographic globe. */
.editable-home .home-hero::after{background:conic-gradient(from 0deg,transparent 0deg,transparent 240deg,rgba(137,216,181,.24) 270deg,rgba(167,239,205,1) 310deg,rgba(167,239,205,.78) 325deg,transparent 350deg);filter:drop-shadow(0 0 6px rgba(117,217,177,.72))}

/* One continuous loop traces both hero spheres. */
.editable-home .home-hero::after{inset:0;width:100%;height:100%;aspect-ratio:auto;top:0;left:0;transform:none;border-radius:0;mask:none;filter:none;background:url("assets/infinity-loop.svg") center/100% 100% no-repeat;animation:none;z-index:1}
@media(max-width:800px){.editable-home .home-hero::after{display:none}}

/* Thin green atmospheric rims; remove the heavy orange photo edge. */
.editable-home .home-hero-image img{box-shadow:none;border:2px solid rgba(169,226,201,.8);outline:2px solid rgba(169,226,201,.45);outline-offset:6px}
.editable-home .home-hero::after{background-image:url("assets/infinity-loop.svg")}
@media(max-width:800px){.editable-home .home-hero-image img{outline-offset:4px}}

/* Close atmospheric arcs follow each circle without a crossing ellipse. */
@keyframes bioroot-atmosphere-sweep{from{transform:translateY(-50%) rotate(-60deg)}to{transform:translateY(-50%) rotate(150deg)}}
@keyframes bioroot-photo-sweep{from{transform:rotate(140deg)}to{transform:rotate(-70deg)}}
.editable-home .home-hero::after{display:block;inset:auto;width:min(52vw,590px);height:auto;aspect-ratio:1;left:max(-90px,calc(50% - 690px));top:50%;border-radius:50%;background:conic-gradient(from 0deg,transparent 0deg,transparent 245deg,rgba(145,235,174,.08) 258deg,#8ee6ad 300deg,rgba(145,235,174,.7) 328deg,transparent 345deg);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px),#000 calc(100% - 4px),transparent calc(100% - 3px));filter:drop-shadow(0 0 3px rgba(122,232,165,.42));animation:bioroot-atmosphere-sweep 13s ease-in-out infinite alternate;pointer-events:none}
.editable-home .home-hero-image::after{content:"";position:absolute;inset:-7px;border-radius:50%;pointer-events:none;z-index:1;background:conic-gradient(from 0deg,transparent 0deg,transparent 245deg,rgba(145,235,174,.08) 258deg,#8ee6ad 300deg,rgba(145,235,174,.7) 328deg,transparent 345deg);mask:radial-gradient(farthest-side,transparent calc(100% - 8px),#000 calc(100% - 7px),#000 calc(100% - 4px),transparent calc(100% - 3px));animation:bioroot-photo-sweep 13s ease-in-out infinite alternate}
.editable-home .home-hero-image figcaption{z-index:2}
@media(max-width:800px){.editable-home .home-hero::after{display:block;width:92vw;left:-30vw;top:31%}.editable-home .home-hero-image::after{inset:-6px}}
@media(prefers-reduced-motion:reduce){.editable-home .home-hero::after,.editable-home .home-hero-image::after{animation:none}}

/* A brighter, shorter moving highlight makes the reversal visible. */
.editable-home .home-hero::after,.editable-home .home-hero-image::after{background:conic-gradient(from 0deg,transparent 0deg,transparent 265deg,rgba(113,255,159,.12) 280deg,#79ffad 294deg,#c3ffd4 310deg,#79ffad 326deg,rgba(113,255,159,.12) 340deg,transparent 352deg);filter:drop-shadow(0 0 6px rgba(114,255,165,.9));animation-duration:5.5s}
@media(prefers-reduced-motion:reduce){.editable-home .home-hero::after,.editable-home .home-hero-image::after{animation:none}}

/* Visible green strokes, including when the visitor has requested this motion explicitly. */
.editable-home .home-hero::after,.editable-home .home-hero-image::after{background:conic-gradient(from 0deg,transparent 0deg,transparent 235deg,#54f19a 252deg,#d6ffe4 283deg,#5cf4a0 318deg,transparent 338deg);mask:radial-gradient(farthest-side,transparent calc(100% - 12px),#000 calc(100% - 11px),#000 calc(100% - 5px),transparent calc(100% - 4px));filter:drop-shadow(0 0 8px rgba(90,255,160,.95));animation-duration:4.5s;animation-timing-function:linear}
@media(prefers-reduced-motion:reduce){.editable-home .home-hero::after{animation:bioroot-atmosphere-sweep 4.5s linear infinite alternate}.editable-home .home-hero-image::after{animation:bioroot-photo-sweep 4.5s linear infinite alternate}}

/* One-line editorial kicker and a single moving transfer arc. */
@media(min-width:801px){
 .editable-home .home-hero-columns>.wp-block-column:first-child>.home-kicker{position:absolute;z-index:3;top:34px;left:max(28px,calc(50% - 572px));margin:0;white-space:nowrap;font-size:13px;letter-spacing:.14em}
 .editable-home .home-hero-columns>.wp-block-column:first-child>h1{margin-top:66px}
}
.editable-home .home-hero::after{inset:0;top:0;left:0;transform:none;width:100%;height:100%;aspect-ratio:auto;border-radius:0;mask:none;filter:drop-shadow(0 0 5px rgba(104,255,166,.78));background:url("assets/globe-to-technology-swoosh.svg") center/100% 100% no-repeat;animation:none;z-index:1}
.editable-home .home-hero-image::after{content:none;animation:none}
@media(max-width:800px){.editable-home .home-hero::after{inset:0;width:100%;height:100%;top:0;left:0;transform:none;background-size:100% 100%;opacity:.75}}
@media(prefers-reduced-motion:reduce){.editable-home .home-hero::after{animation:none}}

/* Continuous figure-eight orbit with nearly circular lobes. */
.editable-home .home-hero::after{background-image:url("assets/figure-eight-orbit-2026.svg");filter:drop-shadow(0 0 4px rgba(112,250,163,.65))}
.editable-home .home-hero>.home-hero-columns{z-index:2}

/* The measured, unscaled path supersedes the old hero-sized background. */
.editable-home .home-hero::after{content:none!important}
.editable-home .home-hero>.bioroot-figure-eight{position:absolute!important;inset:0;width:100%;height:100%;z-index:1;overflow:visible;pointer-events:none;filter:drop-shadow(0 0 4px rgba(112,250,163,.65))}
.bioroot-figure-eight path{fill:none;vector-effect:non-scaling-stroke}
.bioroot-figure-eight-base{stroke:rgba(167,232,197,.42);stroke-width:1.8}
.bioroot-figure-eight-sweep{stroke:#8cffad;stroke-width:5.5;stroke-linecap:round;stroke-dasharray:105 895;animation:bioroot-figure-eight-travel 12s linear infinite}
@keyframes bioroot-figure-eight-travel{from{stroke-dashoffset:105}to{stroke-dashoffset:-895}}
@media(prefers-reduced-motion:reduce){.bioroot-figure-eight-sweep{animation:none;stroke-dashoffset:105}}

/* Keep WordPress child pages in accessible dropdowns, out of header flow. */
.site-header{position:relative;z-index:20}
.site-nav .menu>li{position:relative}
.site-nav .sub-menu{list-style:none;margin:0;padding:8px 0}
@media(min-width:801px){
 .site-nav .menu{flex-wrap:nowrap}
 .site-nav .sub-menu{position:absolute;top:100%;left:0;min-width:240px;max-width:360px;width:max-content;background:#fffaf2;border:1px solid #e7d8c5;box-shadow:0 14px 30px rgba(16,43,42,.15);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:30}
 .site-nav .menu>li:hover>.sub-menu,.site-nav .menu>li:focus-within>.sub-menu{opacity:1;visibility:visible;transform:translateY(0)}
 .site-nav .sub-menu li{padding:0}
 .site-nav .sub-menu a{display:block;padding:8px 14px;white-space:normal;line-height:1.35}
 .site-nav .sub-menu a:hover,.site-nav .sub-menu a:focus-visible{background:#e9f4ec}
}
@media(max-width:800px){.site-nav .sub-menu{padding:4px 0 4px 20px}.site-nav .sub-menu li{padding:4px 0}}

/* A smooth, visible highlight travels all the way around both rims. */
.editable-home .home-hero>.home-hero-columns{z-index:auto}
.editable-home .home-hero-columns>.wp-block-column:first-child{position:relative;z-index:4}
.editable-home .home-hero-columns>.wp-block-column:last-child{position:relative;z-index:2}
.editable-home .home-hero>.bioroot-figure-eight{z-index:3;filter:drop-shadow(0 0 7px rgba(111,255,167,.85))}
.bioroot-figure-eight-base{stroke:rgba(167,232,197,.5)}
.bioroot-figure-eight-sweep{stroke:#a4ffba;stroke-width:6.5;stroke-dasharray:145 855;animation-duration:9s;animation-name:bioroot-figure-eight-travel-visible}
@keyframes bioroot-figure-eight-travel-visible{from{stroke-dashoffset:145}to{stroke-dashoffset:-855}}
@media(prefers-reduced-motion:reduce){.bioroot-figure-eight-sweep{animation:none;stroke-dashoffset:145}}

/* The moving stroke follows the measured SVG path; remove the duplicate photo halo. */
.editable-home .home-hero-image img{outline:none;outline-offset:0}

/* Anchor the one-line kicker to the hero, not the vertically centered copy column. */
@media(min-width:801px){
 .editable-home .home-hero-columns>.wp-block-column:first-child{position:static}
 .editable-home .home-hero-columns>.wp-block-column:first-child>*{position:relative;z-index:4}
 .editable-home .home-hero-columns>.wp-block-column:first-child>.home-kicker{position:absolute;top:34px;z-index:4}
}
.bioroot-figure-eight-sweep{animation:none!important;stroke:#a4ffba;stroke-width:7;stroke-linecap:round}
.editable-home .home-hero>.bioroot-figure-eight{filter:drop-shadow(0 0 8px rgba(111,255,167,.9))}

/* A compact centered footer with the two sitewide links. */
.footer{padding:28px 0 24px}
.footer .foot-inner{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;text-align:center}
.footer .footer-links{display:flex;justify-content:center;gap:24px;margin:0}
.footer .foot-inner p{margin:0;font-size:14px}
@media(max-width:800px){.footer .footer-links{margin:0}}
.footer .foot-inner .footer-tagline{max-width:760px;color:#cbded9;font-size:15px}

/* Let the orbit touch the photo rim and serve as a quiet accent. */
.editable-home .home-hero-image img{border-color:rgba(169,226,201,.52)}
.bioroot-figure-eight-base{stroke:rgba(153,207,181,.25);stroke-width:1.5}
.bioroot-figure-eight-sweep{stroke:#99d9af;stroke-opacity:.62;stroke-width:4.5}
.editable-home .home-hero>.bioroot-figure-eight{filter:drop-shadow(0 0 3px rgba(111,220,155,.3))}

/* A subdued moving lead with progressively lighter trailing segments. */
.editable-home .home-hero-image img{border-color:rgba(169,226,201,.4)}
.bioroot-figure-eight-base{stroke:rgba(153,207,181,.18);stroke-width:1.4}
.bioroot-figure-eight-trail,.bioroot-figure-eight-middle,.bioroot-figure-eight-sweep{fill:none;vector-effect:non-scaling-stroke;stroke:#91cba6;stroke-linecap:round;animation:none!important}
.bioroot-figure-eight-trail{stroke-opacity:.09;stroke-width:3}
.bioroot-figure-eight-middle{stroke-opacity:.13;stroke-width:3.3}
.bioroot-figure-eight-sweep{stroke-opacity:.36;stroke-width:3.7}
.editable-home .home-hero>.bioroot-figure-eight{filter:drop-shadow(0 0 2px rgba(111,220,155,.14))}

/* Let the lead support the image without becoming the focal point. */
.bioroot-figure-eight-sweep{stroke-opacity:.27}

/* Static artwork remains when a browser cannot initialize either animation. */
.editable-home .home-hero:not(.bioroot-globe-ready)::before{content:""!important;background-image:url("assets/hero-globe-natural-earth.svg");animation:none;opacity:.35}
.editable-home .home-hero:not(.bioroot-orbit-ready)::after{content:""!important;display:block;inset:0;width:100%;height:100%;transform:none;border-radius:0;mask:none;background:url("assets/figure-eight-orbit-2026.svg") center/100% 100% no-repeat;animation:none;opacity:.45;z-index:1}

/* Keep the photo label level with the remaining hero action. */
.editable-home .home-hero .wp-block-button.is-style-outline{display:none}
.editable-home .home-hero-image figcaption{
 background:#fffaf2;color:#123f4b;border:1px solid #e7d8c5;
 font-size:11px;line-height:1.2;font-weight:700;letter-spacing:.02em;
 padding:5px 10px;border-radius:2px;
}
.editable-home .home-hero-image figcaption{top:81%;bottom:auto;max-width:calc(100% - 20px);box-shadow:0 4px 12px rgba(16,43,42,.12)}
@media(max-width:800px){.editable-home .home-hero-image figcaption{top:auto;bottom:5%;left:10px}}