/* Homepage slideshow and the company story share the existing brand type and palette. */
.has-slideshow{grid-template-columns:1fr 1fr;min-height:700px}
.has-slideshow .hero-copy{padding-top:58px;padding-bottom:58px}
.has-slideshow h1{font-size:clamp(3.3rem,5.15vw,5.3rem)}
.action-slideshow{position:relative;isolation:isolate;min-width:0;min-height:700px;overflow:hidden;background:#161a1e;color:#fff}
.slide-stage{position:absolute;inset:0 0 66px}
.action-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,visibility .7s;overflow:hidden}
.action-slide.is-active{opacity:1;visibility:visible;z-index:1}
.slide-media{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.portrait-greg{object-position:center 62%}
.portrait-todd{object-position:center 42%}
.portrait-slide:before{content:"";position:absolute;inset:-25px;background-size:cover;background-position:center;filter:blur(18px);opacity:.4}
.greg-slide:before{background-image:url('/assets/greg-mann.webp')}
.todd-slide:before{background-image:url('/assets/todd-mann.webp')}
.portrait-slide .slide-media{position:relative;height:calc(100% - 150px);object-fit:contain;object-position:center top}
.portrait-slide:after{background:linear-gradient(180deg,transparent 47%,rgba(8,12,16,.18) 64%,rgba(8,12,16,.95) 100%)}
.action-slide:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(8,12,16,.24) 51%,rgba(8,12,16,.9) 100%);pointer-events:none}
.caption-top:after{background:linear-gradient(180deg,rgba(8,12,16,.75),rgba(8,12,16,.16) 43%,transparent 65%)}
.slide-caption{position:absolute;z-index:2;bottom:34px;left:34px;right:28px;max-width:510px;opacity:0;transform:translateX(-65px)}
.is-active .slide-caption{animation:caption-arrive .85s .15s cubic-bezier(.18,.67,.2,1) both}
.caption-top .slide-caption{top:32px;bottom:auto}
.slide-kicker{display:block;font-size:11px;letter-spacing:.16em;line-height:1.5;font-weight:700;text-transform:uppercase;margin-bottom:13px;color:#fff;text-shadow:0 1px 7px #000}
.slide-caption h2{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:clamp(2.7rem,4.2vw,4.4rem);font-style:italic;font-weight:800;line-height:.98;color:#fff;-webkit-text-stroke:2px #c40007;paint-order:stroke fill;text-shadow:2px 3px 0 #750005,0 3px 20px #0009;letter-spacing:-.012em}
.slide-caption p{max-width:420px;font-size:clamp(1rem,1.55vw,1.25rem);font-weight:600;line-height:1.42;margin:15px 0 0;color:white;text-shadow:0 2px 6px #000}
.story-link{display:inline-flex;gap:15px;align-items:center;margin-top:15px;color:white;text-decoration:none;border-bottom:1px solid #fff9;font-size:14px;font-weight:700;padding:2px 0}
.story-link:hover{border-color:#ff8185;color:#ffc5c7}
.slideshow-controls{position:absolute;z-index:4;bottom:0;left:0;right:0;height:66px;padding:0 18px;display:flex;gap:8px;align-items:center;border-top:1px solid #ffffff30;background:#11161a}
.slideshow-controls[hidden]{display:none}
.slideshow-controls button{appearance:none;border:0;color:#fff;background:transparent;cursor:pointer;display:grid;place-items:center;min-width:44px;height:44px;padding:0;transition:background .2s}
.slideshow-controls button:hover{background:#ffffff18}
.slideshow-controls button:focus-visible{outline-color:#fff;outline-offset:-3px}
.slide-arrow{font-size:26px;line-height:1}
.slide-pause{font-size:20px}
.slide-count{margin-left:auto;margin-right:5px;font-size:11px;font-weight:600;letter-spacing:.1em;white-space:nowrap;color:#bbc2c8}
.slide-dots{display:flex;gap:0}
.slideshow-controls .slide-dots button{min-width:30px;width:30px}
.slide-dots span{height:5px;width:17px;background:#77818a;transition:background .2s}
.slide-dots [aria-current=true] span{background:#f24048}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.video-slide .slide-media{object-fit:contain;background:#151a1e}
.video-slide .slide-caption{bottom:28px}
.video-play{position:absolute;top:20px;right:20px;z-index:3;border:1px solid #fff8;background:#101318e8;color:white;cursor:pointer;font:inherit;padding:10px 16px}
.video-play[hidden]{display:none}
.story-intro{display:grid;grid-template-columns:1fr 1.05fr;gap:90px}
.story-intro .prose p:first-child{margin-top:0}
.story-intro .story-lead{font-size:24px;line-height:1.45;color:var(--ink);font-weight:500}
.established-mark{margin-top:34px;border-left:4px solid var(--red);padding-left:22px;display:flex;align-items:center;gap:22px}
.established-mark strong{font-family:'Barlow Condensed','Arial Narrow',Arial,sans-serif;font-size:4.1rem;line-height:1;color:var(--red)}
.established-mark span{font-size:14px;color:var(--gray);max-width:110px;line-height:1.5}
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:36px}
.founder{margin:0;background:var(--ink);color:white;overflow:hidden}
.founder-photo{height:520px;background:#23282c;overflow:hidden}
.founder-photo img{width:100%;height:100%;object-fit:cover}
.founder-greg{object-position:center 40%}
.founder-todd{object-position:center 40%}
.founder figcaption{padding:25px 30px 27px;border-top:4px solid var(--red)}
.founder figcaption h3{font-size:2.4rem}
.founder figcaption span{display:block;margin-top:8px;color:#c9cfd5;font-size:14px}
.division-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.solutions-line{border-top:1px solid var(--line);margin:44px 0 0;padding-top:30px;max-width:850px;font-size:21px;line-height:1.6;color:var(--gray)}
.solutions-line strong{color:var(--ink);font-weight:600}
.nav{gap:22px}
@keyframes caption-arrive{from{opacity:0;transform:translateX(-65px)}to{opacity:1;transform:translateX(0)}}
@media(min-width:1550px){.has-slideshow{min-height:760px}.action-slideshow{min-height:760px}.slide-caption{left:48px;bottom:42px}.caption-top .slide-caption{top:42px}}
@media(max-width:1050px) and (min-width:761px){.nav{gap:13px}.nav .button{padding-left:18px;padding-right:18px}.brand img{width:145px}.has-slideshow h1{font-size:3.55rem}.slide-caption{left:25px;right:25px}.slide-count{display:none}.slideshow-controls{justify-content:space-between;padding:0 10px;gap:0}.slideshow-controls .slide-dots button{min-width:28px;width:28px}.story-intro{gap:45px}.founder-photo{height:450px}}
@media(max-width:760px){.has-slideshow{grid-template-columns:1fr;min-height:0}.has-slideshow .hero-copy{padding:42px 24px}.has-slideshow h1{font-size:clamp(3.1rem,10.8vw,4.4rem)}.action-slideshow{min-height:0;height:calc(125vw + 66px);max-height:780px}.slide-caption{left:24px;right:24px;bottom:28px}.caption-top .slide-caption{top:24px}.slide-caption h2{font-size:clamp(2.9rem,10.6vw,4.3rem)}.slide-caption p{font-size:17px;max-width:360px}.slide-count{display:block}.slideshow-controls{padding:0 10px;gap:2px}.slide-kicker{font-size:10px}.story-intro,.division-grid{grid-template-columns:1fr;gap:32px}.story-intro .story-lead{font-size:21px}.founders-grid{gap:26px;grid-template-columns:1fr}.founder-photo{height:110vw;max-height:590px}.founder-greg{object-position:center 62%}.founder figcaption{padding:22px 25px}.solutions-line{font-size:19px}.about-head h1{font-size:3.3rem}.established-mark{margin-top:25px}.nav{gap:0}}
@media(prefers-reduced-motion:reduce){.action-slide,.slide-caption{transition:none!important;animation:none!important}.is-active .slide-caption{opacity:1;transform:none}}
