@font-face{font-display:swap;font-family:rubik moonrocks;font-style:normal;font-weight:400;src:url(../fonts/rubik-moonrocks-v5-latin-regular.woff2)format("woff2")}:root,::backdrop{--warning-color:hsl(331, 45%, 43%);--link-color-dark:hsl(240, 33%, 50%);--link-color:hsl(240, 33%, 70%);--dark-bg-color-dark:hsl(200, 100%, 18%);--dark-bg-color:hsl(200, 100%, 30%);--dark-bg-color-light:hsl(200, 90%, 46%);--light-bg-color-dark:hsl(94, 73%, 78%);--light-bg-color:hsl(94, 73%, 98%);--light-bg-color-light:hsl(94, 73%, 100%);--light-text-color:hsl(0, 0%, 98%);--dark-text-color:hsl(0, 0%, 20%);--dark-bg-gradient:radial-gradient(
      farthest-corner circle at 9% 73%, #414a3b 5% 5%, 89%, #748268 100%
  );--box-shadow:0 1px 2px hsla(94, 11%, 25%, 0.3),
      0 1px 3px hsla(94, 11%, 25%, 0.15);--box-shadow:0 1px 6px hsla(94, 11%, 25%, 0.3),
  0 1px 8px hsla(94, 11%, 25%, 0.15);--border-radius:0.2rem;--ff-main:system-ui, sans-serif;--ff-accent:"Rubik Moonrocks", sans-serif;--ff-mono:"Nimbus Mono PS", "Courier New", monospace;--fs-300:clamp(0.94rem, calc(0.92rem + 0.08vw), 0.98rem);--fs-400:clamp(1.13rem, calc(1.06rem + 0.33vw), 1.31rem);--fs-500:clamp(1.35rem, calc(1.21rem + 0.69vw), 1.75rem);--fs-600:clamp(1.62rem, calc(1.37rem + 1.24vw), 2.33rem);--fs-700:clamp(1.94rem, calc(1.54rem + 2.03vw), 3.11rem);--fs-800:clamp(2.33rem, calc(1.7rem + 3.15vw), 4.14rem);--fs-900:clamp(2.8rem, calc(1.85rem + 4.74vw), 5.52rem);--main-gap:clamp(.7rem, calc(.5rem + 1vw), 1rem);--block-gap:calc(var(--main-gap) * 2);--scroll-behavior:smooth}@media(prefers-reduced-motion){:root,::backdrop{--scroll-behavior:auto}}.width-grid{--padding-inline:1rem;--content-max-width:1080px;--breakout-max-width:1260px;--breakout-size:calc(
      (var(--breakout-max-width) - var(--content-max-width)) / 2);display:grid;grid-template-columns:[full-width-start] minmax(var(--padding-inline),1fr) [breakout-start] minmax(0,var(--breakout-size)) [content-start] min(100% - var(--padding-inline) * 2,var(--content-max-width)) [content-end] minmax(0,var(--breakout-size)) [breakout-end] minmax(var(--padding-inline),1fr) [full-width-end]}.width-grid>:not(.breakout,.full-width),.width-grid .full-width>:not(.breakout,.full-width){grid-column:content}.width-grid>.breakout,.width-grid .full-width>.breakout{grid-column:breakout}.width-grid>.full-width{grid-column:full-width;display:grid;grid-template-columns:inherit}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:var(--scroll-behavior,auto);color-scheme:var(--color-scheme)}body{min-height:100dvh;margin:0;display:grid;grid-template-rows:auto 1fr auto;font-family:var(--font-family,sans-serif);font-size:var(--fs-400);line-height:1.5;hyphens:auto}h1,h2,h3,h4,h5,h6,p,ul,figure{margin:0}h2{text-align:center;color:var(--dark-bg-color);font-family:var(--ff-accent);text-transform:uppercase;font-size:var(--fs-800);line-height:1.1;text-wrap:balance}img{max-width:100%;display:block;font-style:italic}.scroller{margin-inline:auto;margin-block:var(--block-gap)}.scroller__list{display:flex;flex-wrap:wrap;gap:var(--main-gap);margin:0;padding:0;list-style:none}.scroller__list>li{padding:var(--main-gap);background-color:var(--_scroller-bg-color,var(--dark-bg-color));color:var(--_scroller-text-color,var(--light-text-color));border-radius:var(--border-radius);box-shadow:var(--box-shadow)}.scroller[data-direction=right]{--_animation-direction:reverse}.scroller[data-direction=left]{--_animation-direction:forvards}.scroller[data-speed=fast]{--_animation-duration:20s}.scroller[data-speed=slow]{--_animation-duration:60s}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 15%,white 85%,transparent);mask:linear-gradient(90deg,transparent,white 12%,white 88%,transparent)}.scroller[data-animated=true] .scroller__list{width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,40s)var(--_animation-direction,forwards)linear infinite}@keyframes scroll{to{transform:translate(calc(-50% - var(--block-gap)/2))}}.portfolio .portfolio__scroller{padding:var(--main-gap);display:grid;gap:1rem;grid-auto-flow:column;grid-auto-columns:21%;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:inline mandatory;scroll-padding-inline:.5rem}.portfolio .portfolio__item{border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;scroll-snap-align:start}.portfolio .portfolio__item img{inline-size:100%;aspect-ratio:1;object-fit:cover}.cards{margin-block:var(--block-gap);margin-inline:auto}.cards__list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,34ch),1fr));gap:var(--block-gap)}.cards__list .item{position:relative}.cards__list .item__show-more{position:absolute;left:1rem;bottom:-.5rem;padding-block:calc(var(--main-gap)/8);padding-inline:calc(var(--main-gap)/2);background-color:var(--warning-color);text-decoration:none;text-transform:uppercase;color:#eee;font-size:.8rem}.cards__list .card{--_text-bg:#0004;height:100%;min-height:220px;display:grid;grid-template-columns:1fr 2fr 3fr;background-color:var(--dark-bg-color);border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow:hidden;overflow:clip;color:var(--light-text-color)}.cards__list .card>img{aspect-ratio:1;height:100%;object-fit:cover;background-color:#adff2f;grid-row:1/-1;grid-column:1/3}.cards__list .card>.card__content{grid-row:1/-1;grid-column:2/-1;display:grid;gap:1rem;grid-template-rows:auto 1fr auto;padding:var(--main-gap);background:linear-gradient(90deg,transparent,var(--dark-bg-color) 22%)}.cards__list .card>.card__content .card__title{width:max-content;margin-inline-start:auto;padding-inline:calc(var(--main-gap)/6);font-size:var(--fs-500);color:#eee;background-color:var(--_text-bg);text-align:end}.cards__list .card>.card__content .card__description{padding-inline:calc(var(--main-gap)/6);background-color:var(--_text-bg)}.cards__list .card>.card__content .card__price{width:max-content;padding:.3rem .5rem;border:solid 3px var(--warning-color);background-color:var(--_text-bg);border-radius:5px;margin-inline-start:auto;line-height:1}.cards__list .card>.card__content .card__price span{font-size:var(--fs-500);font-weight:800}.skip-to-content{position:absolute;left:var(--main-gap);padding-block:calc(var(--main-gap)/2);padding-inline:var(--main-gap);background-color:var(--accent-color-light);border-radius:0 0 var(--border-radius)var(--border-radius);transform:translateY(-128%);transform-origin:top;transition:transform 400ms ease-out}.skip-to-content:focus{transform:translate(0)}.nav-toggler{display:var(--toggler-display,block)}.nav-toggler button{display:block;padding:0;appearance:none;line-height:0;background:0 0;border:none;cursor:pointer}.nav-toggler button:is(:hover,:focus-visible)>svg{stroke:var(--link-color)}.nav-toggler button>svg:last-child{display:none}.nav-toggler button[aria-expanded=true]>svg:first-child{display:none}.nav-toggler button[aria-expanded=true]>svg:last-child{display:block}.nav-toggler svg{stroke:var(--light-bg-color);transition:stroke 300ms ease-in-out}.header__logo{display:flex;align-items:center;justify-content:space-between;gap:1vw;line-height:.9;text-decoration:none}.header__logo>svg{max-width:56px;max-height:56px}.header__logo-name{margin:0;font-size:2.2rem;color:var(--light-text-color)}.header{position:relative;background-color:var(--dark-bg-color)}@media(min-width:50em){.header{--toggler-display:none;--desktop-border:none;--desktop-margin:none;--desktop-padding:none;--desktop-transform:none;--desktop-size:auto;--desktop-ul-display:flex;--desktop-position:static;--desktop-overflow-y:visible;--desktop-nav-visibility:visible;--desktop-sublist-width:max-content;--desktop-sublist-left:auto;--desktop-sublist-position:absolute;--desktop-sublist-opacity:0;--desktop-pointer-events:none}}.header__block{display:flex;justify-content:space-between;align-items:center;gap:1vw;padding-block:var(--main-gap);padding-block:calc(var(--main-gap)/2)}.header__block .header__nav{display:flex;flex-direction:column;position:var(--desktop-position,absolute);transform:var(--desktop-transform,translateX(0%));transition:var(--desktop-transform,transform .35s ease-out);top:100%;left:100%;z-index:10;width:var(--desktop-size,min(22rem,100vw));min-height:var(--desktop-size,calc(100dvh - 100%));max-height:100%;overflow-y:var(--desktop-overflow-y,scroll);padding:var(--desktop-padding,.6rem);color:var(--light-bg-color);background-color:var(--desktop-border,var(--light-text-color));background-color:var(--dark-bg-color);box-shadow:var(--desktop-border,var(--nav-list-shadow,-5px 0 11px 0 rgba(0,0,0,.2745098039)))}.header__block .header__nav-list{display:var(--desktop-ul-display,block);column-gap:calc(var(--main-gap)/2);margin:var(--desktop-margin,1rem 0 0);border-top:var(--desktop-border,2px solid var(--btn-grey));padding:0;list-style:none}.header__block .header__nav-item>a{text-decoration-color:transparent;text-decoration-thickness:4px;text-underline-offset:.5em;display:block;padding:.5em;color:inherit;line-height:1;transition:text-decoration-color 600ms ease,color 300ms ease}.header__block .header__nav-item>a:is(:hover,:focus-visible){color:var(--link-color);text-decoration-color:inherit}.header__block .header__nav-item--has-children{position:relative}.header__block .header__nav-item--has-children .header__nav-sublist{position:var(--desktop-sublist-position,static);z-index:99;right:0;left:var(--desktop-sublist-left,.5em);top:calc(100% - 4px);width:var(--desktop-sublist-width,100%);padding-block:var(--main-gap);padding-inline:var(--block-gap);list-style:none;background-color:var(--dark-bg-color);border-bottom-left-radius:var(--border-radius);border-bottom-right-radius:var(--border-radius);box-shadow:var(--box-shadow);pointer-events:var(--desktop-pointer-events,all);opacity:var(--desktop-sublist-opacity,1)}.header__block .header__nav-item--has-children .header__nav-sublist a{color:inherit;text-decoration:none;line-height:1.8;transition:color 300ms ease-in-out}.header__block .header__nav-item--has-children .header__nav-sublist a:is(:hover,:focus-visible){color:var(--link-color)}.header__block .header__nav-item--has-children .header__nav-sublist:is(:hover,:focus-within){pointer-events:all;opacity:1}.header__block .header__nav-item--has-children>a::before{content:"▸";display:inline-block;position:absolute;left:-.25em;transition:transform 300ms ease-in-out}.header__block .header__nav-item--has-children>a:is(:hover,:focus-visible)::before{transform:rotate(90deg)}.header__block .header__nav-item--has-children>a:is(:hover,:focus-visible)+.header__nav-sublist{pointer-events:all;opacity:1}.header__block .header__nav-item--active>a{color:var(--link-color-light);text-decoration-color:inherit}.header__block .header__nav.header__nav--open{visibility:visible;transform:translateX(-100%)}.header__block .header__nav[data-visibility=hidden]{visibility:var(--desktop-nav-visibility,hidden)}.hero{display:grid;gap:var(--block-gap);grid-template-columns:min-content 1fr;padding-block:var(--block-gap)}.hero__brand{color:var(--dark-bg-color);font-size:1.6rem}.hero__brand h1 span{display:block;text-align:center;text-transform:uppercase}.hero__brand h1 span:not(:last-child){font-family:var(--ff-accent);font-size:10rem;line-height:.8}.hero__brand h1 span:last-child{padding-block-start:var(--main-gap);text-wrap:balance;line-height:1.1}.hero__side{position:relative;isolation:isolate}.hero__side img{position:absolute;inset:0;z-index:-1;object-fit:contain;max-height:100%;margin-inline-start:auto;box-shadow:-30px 12px 30px -16px var(--dark-bg-color)}.hero__side-content{position:absolute;bottom:10%;max-width:92%;padding:var(--main-gap);background-color:var(--dark-bg-color);background-color:color-mix(in oklch,var(--dark-bg-color),transparent 20%);border-radius:var(--border-radius);color:var(--light-bg-color)}.hero__side-content h3{font-size:var(--fs-600);line-height:1.15;margin-block-end:var(--main-gap);text-wrap:balance}.home-content{background-color:var(--dark-bg-color);color:var(--light-bg-color);padding-block:var(--block-gap)}.home-content h2{font-family:var(--ff-main);color:var(--light-bg-color)}.home-content>*+*{margin-top:var(--main-gap,1em)}.footer{--_scroller-bg-color:var(--dark-bg-color-dark);background-color:var(--dark-bg-color);border-top:5px solid var(--dark-bg-color-light);color:var(--light-text-color)}.footer__top{padding-block:var(--main-gap)}@media(min-width:60ch){.footer__top{--justify-blocks:space-between}}.footer__top-inner{display:flex;gap:var(--main-gap);justify-content:var(--justify-blocks,center)}.footer__top .footer__services{flex:0}.footer__bottom{background-color:var(--dark-bg-color-dark)}@media(min-width:60ch){.footer__bottom{--justify-blocks:space-between}}.footer__bottom-inner{padding-block:var(--main-gap);display:flex;justify-content:var(--justify-blocks,center);flex-wrap:wrap-reverse;gap:var(--main-gap)}.footer__bottom .legal-nav{display:flex;gap:var(--main-gap);margin:0;padding:0;list-style:none}.footer__bottom .legal-nav__link{color:inherit;text-decoration:none;transition:color 300ms linear}