@font-face{font-family:RobotoCondensed;src:url('roboto-condensed-300.ttf') format('truetype');font-style:normal;font-weight:300;font-display:swap}
@font-face{font-family:RobotoCondensed;src:url('roboto-condensed-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:RobotoCondensed;src:url('roboto-condensed-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{--ink:#333;--muted:#737373;--footer:#20262d;--wide:1400px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:#fff;font-family:RobotoCondensed,'Arial Narrow',Arial,sans-serif;font-size:19px;font-weight:300;line-height:1.62}
img{max-width:100%;height:auto}
a{color:inherit}
button,input,textarea{font:inherit}
button,a{touch-action:manipulation}
:focus-visible{outline:3px solid #4c84a4;outline-offset:3px}
.screen-reader-text{position:absolute;left:-9999px}
.screen-reader-text:focus{position:fixed;left:1rem;top:1rem;z-index:1000;padding:.5rem;background:#fff;color:#000}
.site-header{position:relative;z-index:10;background:#fff}
.header-inner{max-width:1600px;min-height:172px;margin:auto;padding:30px 36px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.site-logo{display:inline-flex;align-items:center;flex:none}
.site-logo img{display:block;width:250px;height:40px;object-fit:contain}
.desktop-nav ul,.mobile-nav ul{list-style:none;margin:0;padding:0}
.desktop-nav ul{display:flex;align-items:center;gap:34px}
.desktop-nav li{position:relative}
.desktop-nav li.current-menu-item::before,.desktop-nav li.current_page_item::before{content:'';position:absolute;top:-30px;left:0;width:54px;height:4px;background:#666}
.desktop-nav a{font-size:18px;text-decoration:none;color:#4d4d4d;white-space:nowrap}
.desktop-nav a:hover,.mobile-nav a:hover{color:#000}
.mobile-nav{display:none}
.site-main{min-height:55vh}
.section-wrap{width:min(var(--wide),calc(100% - 80px));margin-inline:auto}
.hero{display:flex;align-items:stretch;gap:40px;min-height:370px;margin-bottom:0}
.home-hero{padding-top:4px;padding-bottom:18px}
.hero .column,.home-columns .column{min-width:0;margin:0}.hero .column{flex:1 1 0}
.hero-media .image{margin:0}
.hero-media img{width:100%;display:block}
.home-hero .hero-media img{transform-origin:center;transition:transform .45s cubic-bezier(.2,.75,.25,1)}
@media(hover:hover) and (pointer:fine){.home-hero .hero-media:hover img{transform:scale(1.06)}}
@media(prefers-reduced-motion:reduce){.home-hero .hero-media img{transition:none}}
.hero-copy{text-align:center;line-height:1.1}
.hero-copy h1{font-size:clamp(48px,5.2vw,74px);font-weight:300;line-height:1.05;margin:0}
.hero-copy h2,.hero-copy p.subtitle{font-size:clamp(27px,3vw,39px);font-weight:300;line-height:1.04;margin:0 0 18px}
.hero-copy .buttons{justify-content:center}
.button-link{display:inline-block;border:0;border-radius:4px;background:#030303;color:#fff;padding:11px 28px;font-size:16px;font-weight:600;line-height:1.3;text-transform:uppercase;text-decoration:none;text-align:center;cursor:pointer}
.button-link:hover,.button-link:focus-visible{background:#333;color:#fff}
.home-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:58px;padding:45px 0 95px;margin-top:0;margin-bottom:0}
.home-columns h2::before{content:'';display:block;width:20px;height:27px;background:#333;clip-path:polygon(0 0,100% 0,100% 100%,50% 78%,0 100%);margin-bottom:4px}
h1,h2,h3,h4,p{margin-top:0}
.home-columns h2{font-size:clamp(28px,3vw,40px);font-weight:300;line-height:1.2;margin-bottom:20px}
.home-columns p{color:#777;line-height:1.58;margin-bottom:24px}
.interior{padding-top:28px;padding-bottom:100px}
.interior > h1{font-size:clamp(44px,5vw,70px);font-weight:300;line-height:1.06;margin-bottom:4px}
.interior > .subtitle{font-size:clamp(26px,3vw,38px);line-height:1.1;margin-bottom:22px;color:#333}
.interior > .separator{max-width:none;width:100%;height:1px;margin:38px 0 42px;border:0;background:#e7e7e7}
.interior > h2{font-size:38px;font-weight:300;line-height:1.2;margin:48px 0 17px}
.interior > .separator + h2{margin-top:0}
.interior > p{color:#696969}
.interior > .buttons{margin-bottom:8px}
.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:6px;padding-left:22px;max-width:1150px}
.feature-list li{padding-left:5px;color:#696969}
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.video-grid h3{font-size:24px;font-weight:300;margin-bottom:12px}
.video-grid .buttons,.video-grid .button{display:block;width:100%}
.video-link .button-link{display:flex;align-items:end;justify-content:start;width:100%;aspect-ratio:16/9;padding:16px;background:#20262d;color:#fff;font-size:15px;font-weight:400;text-transform:none;position:relative;overflow:hidden}
.video-link .button-link::before{content:'▶';position:absolute;inset:0;display:grid;place-items:center;font-family:Arial,sans-serif;font-size:56px;color:#fff}
.video-link .button-link:hover{background:#303b46}
.site-footer{background:var(--footer);color:#8e9195;text-align:center;font-size:17px;padding:26px 20px}
.site-footer p{margin:0}
.site-footer a{text-decoration:none}
.site-footer a:hover{text-decoration:underline}
@media(max-width:900px){
 .header-inner{min-height:110px;padding:24px 28px}
 .desktop-nav{display:none}
 .mobile-nav{display:block;position:relative}
 .mobile-nav summary{list-style:none;cursor:pointer;padding:8px 12px;border:1px solid #d9d9d9;border-radius:3px;font-size:17px}
 .mobile-nav summary::-webkit-details-marker{display:none}
 .mobile-nav summary::after{content:' ☰'}
 .mobile-nav[open] .mobile-panel{position:absolute;right:0;top:100%;min-width:235px;padding:12px 0;background:#fff;box-shadow:0 8px 24px #0002;border:1px solid #eee}
 .mobile-nav a{display:block;padding:8px 18px;text-decoration:none;font-size:18px}
 .hero{gap:20px}
 .home-columns{gap:30px}
}
@media(max-width:680px){
 body{font-size:18px}
 .header-inner{min-height:86px;padding:18px 20px}
 .site-logo img{width:190px;height:auto}
 .section-wrap{width:calc(100% - 40px)}
 .hero{display:block}
 .home-hero{padding-top:16px}
 .hero-copy{padding:16px 0 20px}
 .hero-copy h1{font-size:52px}
 .hero-copy h2,.hero-copy p.subtitle{font-size:28px}
 .home-columns{grid-template-columns:1fr;padding:30px 0 65px;gap:20px}
 .home-columns h2{font-size:34px;margin-bottom:12px}
 .home-columns p{margin-bottom:16px}
 .interior{padding-top:22px;padding-bottom:64px}
 .interior > h2{font-size:33px}
 .feature-list,.video-grid{grid-template-columns:1fr;gap:8px}
 .video-grid{gap:26px}
 .site-footer{font-size:15px}
}