html,body{overflow-x:hidden}
body{margin:0;background:oklch(97.5% 0.01 85)}
a{color:oklch(40% 0.06 210)}
a:hover{color:oklch(58% 0.1 85)}
@media (max-width: 900px){
  .om-head nav{gap:16px !important}
}
@media (max-width: 680px){
  .om-head{padding:12px 20px !important}
  .om-head nav{gap:14px !important}
  .om-main{padding:0 20px !important}
  .om-hero{padding:28px 0 0 20px !important;margin:20px -20px 0 !important;gap:12px !important;border-radius:0 !important;align-items:flex-end !important;clip-path:inset(-60px 0 0 0) !important}
  .om-hero-txt{min-width:0 !important;width:auto !important;flex:none !important;max-width:calc(100% - 190px) !important;padding-right:14px !important;box-sizing:border-box !important}
  .om-hero-img{width:clamp(140px,42vw,220px) !important;right:-14px !important}
  main h1{font-size:33px !important}
  main h2{font-size:26px !important}
  .om-float{float:none !important;margin:0 0 20px !important;width:100% !important;max-width:320px !important;height:300px !important}
  .om-float x-import{width:100% !important;height:300px !important}
  .om-panel{padding:26px 22px !important;margin-left:0 !important;margin-right:0 !important}
  .om-panel p{font-size:19px !important}
  main h3{font-size:22px !important}
  .om-footbar{padding:16px 20px !important;gap:10px !important}
}
@media (max-width: 700px){
  .om-hero{padding:24px 20px 0 !important;margin:20px -20px 0 !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;border-radius:0 !important;clip-path:none !important}
  .om-hero-txt{max-width:100% !important;width:100% !important;flex:none !important;padding-right:0 !important}
  .om-hero-img{position:relative !important;right:auto !important;bottom:auto !important;width:64% !important;max-width:240px !important;align-self:flex-end !important;margin:10px 12px -1px auto !important;display:block !important}
}
@media (max-width: 560px){
  body{font-size:16px !important}
  .om-hero{padding:24px 20px 0 !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;clip-path:none !important}
  .om-hero-txt{max-width:100% !important;width:100% !important;padding-right:0 !important}
  .om-hero h1{white-space:normal !important;font-size:clamp(26px,8.2vw,34px) !important;line-height:1.15 !important}
  .om-hero-img{position:relative !important;right:auto !important;bottom:auto !important;width:62% !important;max-width:230px !important;align-self:flex-end !important;margin:8px 12px -1px auto !important;display:block !important}
  .om-panel{padding:22px 18px !important}
  .om-panel p{font-size:17.5px !important}
  main h1{font-size:29px !important}
  main h2{font-size:23px !important}
  main h3{font-size:20px !important}
  .om-float{max-width:100% !important;height:auto !important}
  .om-float img{height:auto !important;aspect-ratio:230/280}
}
body{font-family:'Source Sans 3',sans-serif}
.om-nav a{font-size:14.5px;text-decoration:none;white-space:nowrap;border-bottom:2px solid transparent;padding-bottom:3px;color:oklch(38% 0.015 60);font-weight:400}
.om-nav a:hover{color:oklch(40% 0.06 210)}
.om-nav a.active{color:oklch(40% 0.06 210);font-weight:600;border-bottom-color:oklch(68% 0.1 85)}
html{scroll-behavior:smooth}
