/* Two business lines, one expanding first-screen stage. */
.split-hero{display:flex;height:calc(100svh - 96px);min-height:560px;max-height:920px;background:#143b30;isolation:isolate}
.split-hero .split-panel{position:relative;flex:1 1 50%;min-width:0;overflow:hidden;transition:flex-basis .8s cubic-bezier(.22,.8,.25,1),flex-grow .8s cubic-bezier(.22,.8,.25,1);color:#fff}
.split-panel+.split-panel{border-left:1px solid #ffffff50}
.split-photo,.split-shade{position:absolute;inset:0;pointer-events:none}
.split-photo{background-position:center;background-size:cover;transform:scale(1.025);transition:filter .8s ease,transform 1.2s ease}
.split-ruminant .split-photo{background-image:url('assets/hero-cattle.png');background-position:57% center}
.split-aquatic .split-photo{background-image:url('assets/hero.png');background-position:60% center}
.split-shade{background:linear-gradient(0deg,#09291ee8 0%,#102d244d 65%,#14352825 100%);transition:background .7s}
.split-ruminant .split-shade{background:linear-gradient(0deg,#202c1de8 0%,#26302035 68%,#26302020)}
.panel-activate{position:absolute;inset:0;z-index:1;border:0;background:transparent;cursor:pointer;color:white}
.panel-activate:focus-visible{outline:3px solid #e3e8a2;outline-offset:-6px}
.split-copy{position:absolute;z-index:2;left:clamp(30px,5.5vw,110px);bottom:115px;width:min(500px,calc(50vw - 100px));pointer-events:none;transition:opacity .45s,transform .65s;}
.split-copy .eyebrow{font-size:10px;letter-spacing:2px;color:#e0e7d3;margin-bottom:20px}
.split-copy h2{font-size:clamp(34px,3.9vw,64px);font-weight:500;letter-spacing:2px;line-height:1.3;white-space:nowrap;color:#f4f4e9}
.split-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:#e1e7da;margin:20px 0 28px}
.split-copy .button{pointer-events:auto;background:#eef0df;color:#173e31;gap:35px}
.split-copy .button:hover{background:#fff}
.split-meta{position:absolute;z-index:2;bottom:35px;left:clamp(30px,5.5vw,110px);right:35px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px;color:#d6e1ce;white-space:nowrap;pointer-events:none;transition:opacity .4s}
.split-rail{position:absolute;z-index:2;inset:0;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;letter-spacing:5px;font-size:17px;color:#fff;opacity:0;pointer-events:none;transition:opacity .4s}
.split-hint{position:absolute;top:25px;left:30px;z-index:4;color:#e1e8d5;font-size:10px;letter-spacing:1.4px;pointer-events:none}
.split-hint .touch-hint{display:none}
.split-hero .image-note{z-index:4;font-size:9px;top:25px;right:30px;opacity:.75;pointer-events:none}
.split-reset{position:absolute;z-index:5;top:60px;left:50%;transform:translateX(-50%);padding:9px 15px;border:1px solid #ffffff70;border-radius:30px;background:#153f3570;backdrop-filter:blur(8px);color:white;font-size:11px;opacity:0;visibility:hidden;transition:opacity .3s;}
.split-hero[data-active] .split-reset{opacity:1;visibility:visible}
.split-hero[data-active="ruminant"] .split-ruminant,.split-hero[data-active="aquatic"] .split-aquatic{flex:1 1 0%}
.split-hero[data-active="ruminant"] .split-aquatic,.split-hero[data-active="aquatic"] .split-ruminant{flex:0 0 88px}
.split-hero[data-active="ruminant"] .split-aquatic .split-photo,.split-hero[data-active="aquatic"] .split-ruminant .split-photo{filter:blur(8px) brightness(.5);transform:scale(1.16)}
.split-hero[data-active="ruminant"] .split-aquatic .split-copy,.split-hero[data-active="aquatic"] .split-ruminant .split-copy{opacity:0;transform:translateY(18px);visibility:hidden}
.split-hero[data-active="ruminant"] .split-aquatic .split-meta,.split-hero[data-active="aquatic"] .split-ruminant .split-meta{opacity:0}
.split-hero[data-active="ruminant"] .split-aquatic .split-rail,.split-hero[data-active="aquatic"] .split-ruminant .split-rail{opacity:1}
.split-hero[data-active="ruminant"] .split-ruminant .split-photo,.split-hero[data-active="aquatic"] .split-aquatic .split-photo{transform:scale(1)}
@media(max-width:1050px) and (min-width:701px){.split-hero{height:calc(100svh - 82px)}.split-copy{left:35px;width:calc(50vw - 70px)}.split-copy h2{font-size:36px}.split-copy>p:not(.eyebrow){font-size:12px}.split-meta{left:35px;font-size:9px}}
@media(max-width:700px){
 .split-hero{flex-direction:column;height:calc(100svh - 130px);min-height:620px;max-height:820px}
 .split-hero .split-panel{min-height:0;min-width:100%;flex:1 1 50%}
 .split-panel+.split-panel{border-left:0;border-top:1px solid #ffffff70}
 .split-hint{top:13px;left:23px;font-size:8px;letter-spacing:.5px}.split-hint .mouse-hint{display:none}.split-hint .touch-hint{display:inline}
 .split-hero .image-note{top:13px;right:16px;font-size:7px}
 .split-copy{left:25px;bottom:39px;width:calc(100vw - 50px)}
 .split-copy .eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:9px}
 .split-copy h2{font-size:34px;letter-spacing:1px}
 .split-copy>p:not(.eyebrow){font-size:11px;line-height:1.8;margin:10px 0 15px}
 .split-copy .button{font-size:11px;padding:11px 16px;margin:0;gap:28px}
 .split-meta{bottom:14px;left:25px;right:20px;font-size:8px;letter-spacing:.7px}.split-meta>span:last-child{display:none}
 .split-rail{writing-mode:horizontal-tb;font-size:16px;letter-spacing:2px}
 .split-hero[data-active="ruminant"] .split-aquatic,.split-hero[data-active="aquatic"] .split-ruminant{flex:0 0 72px}
 .split-reset{top:35px;font-size:9px;padding:6px 12px;left:auto;right:16px;transform:none}
 .split-hero[data-active] .split-copy{bottom:70px}
 .split-photo{background-position:center}
}
@media(hover:none){.split-hint .mouse-hint{display:none}.split-hint .touch-hint{display:inline}}
@media(prefers-reduced-motion:reduce){.split-hero *{transition:none!important}}
