/* XDQ Labs — site.css: responsive layer over the designed page */
html{scroll-behavior:smooth}
img,svg{max-width:100%}
.skip{position:absolute;left:-999px;top:0;background:#0f0e0c;color:#fff;padding:10px 14px;border-radius:8px;z-index:100}
.skip:focus{left:12px;top:12px}
#navtoggle{display:none}
.burger{display:none;width:44px;height:44px;align-items:center;justify-content:center;border:1px solid #e6e2da;border-radius:10px;cursor:pointer;background:#fff}
.burger span{display:block;width:20px;height:2px;background:#0f0e0c;box-shadow:0 -6px 0 #0f0e0c,0 6px 0 #0f0e0c}
@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
@media (max-width: 1100px){
  footer [style*="font-size: 132px"]{font-size:88px!important}
  [style*="grid-template-columns: repeat(4"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: repeat(3"]{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  [style*="grid-template-columns: 1.5fr"],[style*="grid-template-columns: 1.8fr"],[style*="grid-template-columns: 2fr"]{grid-template-columns:1fr 1fr!important}
  h1{font-size:64px!important}
}
@media (max-width: 820px){
  .burger{display:flex}
  .navlinks{display:none!important}
  #navtoggle:checked ~ header .navlinks{display:flex!important;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0!important;background:#fbfaf8;border-bottom:1px solid #e6e2da;padding:8px 16px 16px;z-index:50}
  #navtoggle:checked ~ header .navlinks a{padding:14px 8px;border-bottom:1px solid #e6e2da;border-radius:0!important;height:auto!important;justify-content:flex-start;align-self:stretch;font-size:17px}
  #navtoggle:checked ~ header .navlinks a[style*="border-radius: 999px"]{margin-top:12px;border:0;border-radius:12px!important;padding:16px!important;justify-content:center;background:#0f0e0c;color:#fff}
  header{position:relative}
  [style*="grid-template-columns"]{grid-template-columns:1fr!important}
  [style*="display: flex"][style*="justify-content: space-between"]:not(nav){flex-wrap:wrap;gap:16px!important}
  main [style*="display: flex"][style*="align-items: center"][style*="gap: 14px"],main [style*="display: flex"][style*="align-items: center"][style*="gap: 16px"]{flex-wrap:wrap}
  main a[style*="border-radius: 999px"][style*="height: 5"]{height:auto!important;min-height:52px;padding:12px 22px!important;white-space:nowrap}
  section,footer{padding-left:20px!important;padding-right:20px!important}
  h1{font-size:44px!important;line-height:1.05!important}
  h2{font-size:32px!important;line-height:1.1!important}
  [style*="font-size: 80px"],[style*="font-size: 92px"],[style*="font-size: 76px"]{font-size:44px!important}
  [style*="font-size: 56px"],[style*="font-size: 52px"],[style*="font-size: 48px"]{font-size:32px!important}
  [style*="max-width: 1240px"][style*="padding: 64px"]{padding:32px!important}

  .m-hide,section#process,.dd-panel{display:none!important}
  footer [style*="font-size: 132px"]{font-size:56px!important}
  footer [style*="padding-bottom: 40px"]{flex-direction:column;align-items:flex-start!important}
  main [style*="height: 560px"]{height:300px!important}
  main [style*="height: 150px"]{height:110px!important}
  main [style*="height: 380px"]{height:220px!important}
  main section.plus p[style*="font-size: 20px"],main section.plus p[style*="font-size: 19px"]{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
  section#about p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  section#about p + p{display:none}
  main article p[style*="line-height: 1.6"]{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
  .m-limit3 > *:nth-child(n+4){display:none!important}
  .float{display:none!important}
  section{padding-top:48px!important;padding-bottom:48px!important}
  [style*="min-height: 100vh"]{min-height:0!important}
  h1{font-size:38px!important}
  main p[style*="font-size: 20px"],main p[style*="font-size: 19px"]{font-size:16px!important;line-height:1.5!important}
  main [style*="padding: 32px"],main [style*="padding: 36px"],main [style*="padding: 30px"],main [style*="padding: 28px"]{padding:20px!important}
  main h3[style*="font-size: 26px"],main h3[style*="font-size: 28px"]{font-size:20px!important}
  section#about [style*="flex-wrap: wrap"]{display:none!important}
  footer [style*="grid-template-columns"] > :nth-child(3),footer [style*="grid-template-columns"] > :nth-child(4){display:none!important}
  footer{padding-top:40px!important;padding-bottom:24px!important}
  footer [style*="font-size: 12px"]{font-size:11px!important}
  main [style*="padding: 64px"]{padding:24px!important}
  .track{animation-duration:24s}
  .float,.rise{animation-delay:0s}
}
@media (max-width: 480px){ h1{font-size:36px!important} section{padding-top:56px!important;padding-bottom:56px!important} }