/* JOTAIN original botanical drawings, retaining the approved page composition. */
:root{--blue:#537526;--green-hover:#3f5c1c;--pale:#f5f7ef;--line:#dce3d3}
.site-shell{position:relative;isolation:isolate;overflow:hidden}
.container{position:relative;width:min(1140px,calc(100% - 240px));z-index:2}
.botanical-frame{position:absolute;inset:0;max-width:1600px;margin-inline:auto;pointer-events:none;z-index:1;overflow:hidden}
.botanical-frame svg,.botanical-bottom svg{display:block;width:100%;height:auto;overflow:visible}
.frame-top{position:absolute;top:-116px;left:0;width:100%;height:265px;overflow:hidden}
.frame-opening{position:absolute;top:165px;width:190px;height:730px}
.frame-opening-left{left:-6px}
.frame-opening-right{right:-6px}
.frame-rail{position:absolute;top:910px;bottom:0;width:clamp(64px,calc((100% - 1140px)/2 - 24px),205px);background-repeat:repeat-y;background-size:100% auto}
.frame-rail-left{left:0;background-image:url('assets/botanical/left-branches.svg')}
.frame-rail-right{right:0;background-image:url('assets/botanical/right-branches.svg');background-position:right top}
.hero-title{min-height:365px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding-block:54px 62px}
.hero-title .eyebrow{font-size:11px;letter-spacing:1.65px;margin-bottom:22px}
.hero-title h1{margin:0 0 21px;font-size:64px;line-height:1.2}
.hero-title .text-link{font-size:13px}
.banner{height:265px;z-index:2}
.introduction{padding-top:66px}
.intro-copy h2:after{background:var(--blue)}
.documentation{position:relative;background:var(--pale)}
.document-list,.document-list li{border-color:#d2dcc9}
.button{background:#537526;transition:background-color .18s ease}
.button:hover{background:var(--green-hover)}
.related{padding-bottom:35px}
.botanical-bottom{position:relative;z-index:2;height:clamp(240px,24.653vw,394px);max-width:1600px;margin-inline:auto;overflow:hidden;pointer-events:none}
.botanical-bottom svg{position:absolute;bottom:-15px}
.motion-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:6px;border:0;background:var(--blue);color:#fff;cursor:pointer;flex-shrink:0}
.motion-toggle:hover{background:var(--green-hover)}
.motion-toggle svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
.motion-toggle:disabled{cursor:default;opacity:.65}
.motion-play{display:none}
[data-plant-motion-enabled="false"] .motion-pause{display:none}
[data-plant-motion-enabled="false"] .motion-play{display:block}
.sprig-response,.sprig-sway{transform-box:view-box}
.sprig-sway{animation:plant-sway var(--plant-duration,8s) ease-in-out var(--plant-delay,0s) infinite;animation-play-state:paused}
[data-plant-motion-enabled="true"] .plants-in-view .sprig-sway{animation-play-state:running}
.plant-motion-hidden .sprig-sway{animation-play-state:paused!important}
@keyframes plant-sway{0%,100%{transform:rotate(calc(var(--plant-angle,1.5deg) * -1))}50%{transform:rotate(var(--plant-angle,1.5deg))}}
@keyframes plant-greeting{0%,100%{transform:rotate(0)}35%{transform:rotate(3deg)}70%{transform:rotate(-1.4deg)}}
@media(min-width:1600px){.frame-top{top:-137px}.hero-title{min-height:385px}.frame-opening{width:225px;top:175px}}
@media(max-width:1199px){.container{width:calc(100% - 180px)}.frame-opening{width:135px;top:160px}.frame-top{top:-73px}.frame-rail{width:66px;top:830px}.hero-title{min-height:340px}.hero-title h1{font-size:52px}.banner{height:240px}.hero-title .eyebrow{font-size:10px;letter-spacing:1px}}
@media(max-width:960px) and (min-width:761px){.container{width:calc(100% - 144px)}.frame-opening{width:105px}.frame-rail{width:52px}.hero-title h1{font-size:44px}.intro-grid{grid-template-columns:1fr;gap:28px}.intro-grid img{height:auto;aspect-ratio:16/9}.pillars{grid-template-columns:1fr}.pillar-photo img{height:300px}.pillar-photo h2{min-height:0}.pillar-copy{padding:28px}.document-grid,.rfq-heading{gap:30px}.rfq-list{grid-template-columns:1fr 1fr}.document-grid h2{font-size:30px}}
@media(max-width:760px){.container{width:calc(100% - 64px)}.frame-top{top:-30px;left:-65px;width:calc(100% + 130px);height:132px}.frame-opening{top:175px;width:81px;height:560px}.frame-opening-left{left:-31px}.frame-opening-right{right:-31px}.frame-rail{width:22px;top:740px;bottom:0;background-size:70px auto}.frame-rail-left{background-position:left top}.frame-rail-right{background-position:right top}.hero-title{min-height:315px;padding:37px 0 46px}.hero-title .eyebrow{max-width:290px;font-size:9px;line-height:1.7;letter-spacing:.9px;margin-bottom:18px}.hero-title h1{font-size:35px;line-height:1.28;letter-spacing:-1.1px;margin-bottom:19px}.hero-title .text-link{font-size:12px}.banner{height:200px}.introduction{padding-top:37px}.documentation{padding-block:40px}.related{padding-bottom:25px}.botanical-bottom{height:160px}.botanical-bottom svg{width:760px;max-width:none;left:50%;bottom:-4px;transform:translateX(-50%)}}
@media(max-width:420px){.container{width:calc(100% - 48px)}.hero-title h1{font-size:29px;letter-spacing:-.8px}.hero-title .eyebrow{max-width:240px}.frame-opening-left{left:-43px}.frame-opening-right{right:-43px}.frame-rail{width:15px}.hero-title{min-height:300px}.button{font-size:13px;gap:22px}}
@media(prefers-reduced-motion:reduce){.botanical-frame *,.botanical-bottom *{animation:none!important;transition:none!important}.button{transition:none}html{scroll-behavior:auto}}