/*
 * Refinement layer for homepage-refined.html only.
 * The production homepage remains governed by style.css.
 */
.homepage-refined{
  --refined-gutter:max(20px,4.5vw);
  --refined-navy:#07101d;
  --refined-blue:#386aec;
  --refined-ice:#dceaff;
  --refined-line:rgba(10,33,72,.16);
  --refined-max:1500px;
}
.homepage-refined .intro{display:none!important}
.homepage-refined main>section{border-top:1px solid rgba(130,167,219,.2)}
.homepage-refined header{
  height:70px;
  padding-inline:var(--refined-gutter);
  background:rgba(7,16,29,.82);
  border-color:rgba(230,240,255,.14);
  backdrop-filter:blur(16px);
}
.homepage-refined header.is-scrolled{height:62px}
.homepage-refined header nav{gap:clamp(17px,2vw,34px)}
.homepage-refined .contact-link{padding:9px 12px}
.refinement-badge{
  position:fixed;
  z-index:40;
  left:18px;
  bottom:18px;
  display:grid;
  gap:3px;
  padding:10px 12px;
  border:1px solid rgba(231,241,255,.25);
  background:rgba(7,16,29,.86);
  color:#f7f9ff;
  box-shadow:0 12px 35px rgba(1,7,17,.25);
  backdrop-filter:blur(14px);
  pointer-events:none;
  text-transform:uppercase;
}
.refinement-badge span{font-size:6px;letter-spacing:.17em;color:#8eb4ff}
.refinement-badge strong{font:600 10px/1 "Oswald";letter-spacing:.07em}

.homepage-refined .object-world-hero{
  height:82svh;
  min-height:640px;
  max-height:780px;
}
.homepage-refined .object-world-hero::before{inset:12px}
.homepage-refined .object-world-hero .object-world-heading{
  display:block!important;
  position:absolute!important;
  z-index:7!important;
  left:var(--refined-gutter)!important;
  top:126px!important;
  width:min(650px,48vw)!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  white-space:normal!important;
  transform:none!important;
  text-align:left!important;
  font:700 clamp(55px,5.9vw,94px)/.82 "Oswald",sans-serif!important;
  letter-spacing:-.055em!important;
  color:#07101d!important;
  text-shadow:none!important;
  pointer-events:none;
}
.homepage-refined .object-world-hero .object-world-heading span{
  display:block;
  white-space:normal;
  max-width:12ch;
}
.homepage-refined .refined-hero-summary{
  position:absolute;
  z-index:8;
  left:var(--refined-gutter);
  top:clamp(370px,51vh,455px);
  width:min(470px,42vw);
  padding:18px;
  border:1px solid rgba(10,33,72,.18);
  background:rgba(235,244,255,.76);
  color:#0a2148;
  backdrop-filter:blur(12px);
}
.homepage-refined .refined-hero-summary>p{
  max-width:430px;
  margin:0;
  color:#3e5879;
  font-size:9px;
  line-height:1.75;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.homepage-refined .refined-hero-summary>div{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:15px;
}
.homepage-refined .refined-hero-summary a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:22px;
  min-height:40px;
  padding:0 12px;
  border:1px solid rgba(10,33,72,.3);
  font-size:7px;
  letter-spacing:.1em;
  text-transform:uppercase;
}
.homepage-refined .refined-hero-summary a:last-child{background:#0a2148;color:#fff}
.homepage-refined .refined-hero-summary a:hover,
.homepage-refined .refined-hero-summary a:focus-visible{background:#386aec;color:#fff;outline:none}
.homepage-refined .object-world-grid{opacity:.15}
.homepage-refined .object-world-glow{opacity:.3}

.homepage-refined .games{
  min-height:0;
  padding:clamp(64px,6.5vw,96px) var(--refined-gutter) clamp(54px,6vw,88px);
}
.homepage-refined .refined-section-lead{
  position:relative;
  z-index:4;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.48fr);
  gap:20px clamp(38px,7vw,120px);
  align-items:end;
  max-width:var(--refined-max);
  margin:0 auto 38px;
  color:#f4f7ff;
}
.homepage-refined .refined-section-lead .micro{grid-column:1/-1;margin:0;color:#8eb4ff}
.homepage-refined .refined-section-lead h2{
  margin:0;
  font:700 clamp(57px,7.2vw,112px)/.78 "Oswald",sans-serif;
  letter-spacing:-.055em;
}
.homepage-refined .refined-section-lead h2 em{font-style:normal;color:#8eb4ff}
.homepage-refined .refined-section-lead>p:last-child{
  max-width:430px;
  margin:0 0 5px;
  color:#aebfda;
  font-size:9px;
  line-height:1.8;
  letter-spacing:.035em;
  text-transform:uppercase;
}
.homepage-refined .shelf-viewport{
  --case-w:clamp(215px,min(22vw,39vh),340px);
  height:clamp(620px,82svh,790px);
  min-height:620px;
  max-width:var(--refined-max);
  margin:0 auto;
  border:1px solid rgba(196,216,249,.14);
}
.homepage-refined .carousel-products-link{right:22px;bottom:22px}

.homepage-refined .inhouse-products{
  padding:clamp(62px,6.5vw,92px) var(--refined-gutter);
  grid-template-columns:minmax(230px,.48fr) minmax(0,1.52fr);
  gap:clamp(36px,6vw,96px);
}
.homepage-refined .inhouse-products-heading h2{
  margin-top:15px;
  font-size:clamp(52px,6.4vw,94px);
}
.homepage-refined .inhouse-product-card{
  min-height:230px;
  padding:26px;
  grid-template-columns:125px minmax(0,1fr) auto;
  gap:25px;
}
.homepage-refined .inhouse-product-copy h3{font-size:clamp(48px,5vw,78px)}
.homepage-refined .inhouse-product-copy p{margin-top:16px}

.homepage-refined .services{
  padding:clamp(64px,6.5vw,94px) var(--refined-gutter);
}
.homepage-refined .services-overview-compact .services-overview-head{
  max-width:var(--refined-max);
  margin:0 auto 32px;
}
.homepage-refined .services-overview .services-head h2{
  font-size:clamp(58px,6.8vw,100px);
}
.homepage-refined .services-overview-compact .home-services-grid{
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.homepage-refined .services-overview-compact .home-service-group{
  min-height:166px;
  padding:18px;
}
.homepage-refined .services-overview-compact .home-service-group h3{
  font-size:clamp(25px,2.05vw,35px);
}
.homepage-refined .services-overview-compact .home-service-group .service-card-icon{
  width:44px;
  height:44px;
}
.homepage-refined .home-services-cta{min-height:166px}

.homepage-refined .quote-field{
  min-height:420px;
  padding:58px var(--refined-gutter) 52px;
}
.homepage-refined .quote-field::after{inset:12px}
.homepage-refined .quote-copy{max-width:1120px}
.homepage-refined .quote-copy blockquote{font-size:clamp(43px,5.4vw,78px)}
.homepage-refined .quote-ghost{opacity:.055}

.homepage-refined .people{
  padding:clamp(68px,7vw,100px) var(--refined-gutter);
  gap:clamp(42px,5vw,82px);
  grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr);
}
.homepage-refined .people-intro h2{
  margin:26px 0;
  font-size:clamp(58px,6.7vw,101px);
}
.homepage-refined .people-intro>p:last-child{
  max-width:530px;
  font-size:10px;
}
.homepage-refined .studio-people{gap:12px}
.homepage-refined .founder-photo{min-height:260px}
.homepage-refined .founder>div:last-child{padding:22px}
.homepage-refined .founder h3{margin:10px 0;font-size:34px}
.homepage-refined .founder>div>div{margin-top:19px}

.homepage-refined .quick-quote{
  min-height:440px;
  padding:clamp(58px,6vw,84px) var(--refined-gutter);
  gap:clamp(28px,4vw,64px);
}
.homepage-refined .quote-maker-cta{min-height:440px}
.homepage-refined .quick-quote h2{font-size:clamp(56px,6.8vw,96px)}
.homepage-refined .quick-quote-intro>p:last-child{margin-top:18px}
.homepage-refined .quote-maker-link{min-height:105px}

.homepage-refined:not(.products-page) .site-footer{
  min-height:400px;
  padding:58px var(--refined-gutter) 24px;
  gap:54px clamp(42px,7vw,110px);
}
.homepage-refined .footer-lead>p{margin:26px 0 38px}
.homepage-refined .footer-brand{font-size:clamp(34px,4.2vw,61px)}

@media(max-width:1100px){
  .homepage-refined .services-overview-compact .home-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .homepage-refined .people{grid-template-columns:1fr}
  .homepage-refined .studio-people{max-width:780px}
}
@media(max-width:850px){
  .homepage-refined header{height:64px}
  .homepage-refined .object-world-hero{height:760px;min-height:760px}
  .homepage-refined .object-world-hero .object-world-heading{
    top:96px!important;
    width:min(620px,82vw)!important;
    font-size:clamp(52px,10vw,82px)!important;
  }
  .homepage-refined .refined-hero-summary{top:330px;width:min(470px,70vw)}
  .homepage-refined .refined-section-lead{grid-template-columns:1fr}
  .homepage-refined .refined-section-lead>p:last-child{max-width:540px}
  .homepage-refined .inhouse-products{grid-template-columns:1fr}
  .homepage-refined .inhouse-product-card{grid-template-columns:112px minmax(0,1fr) auto}
}
@media(max-width:680px){
  .homepage-refined{--refined-gutter:15px}
  .refinement-badge{left:10px;bottom:10px;padding:8px 9px}
  .homepage-refined .object-world-hero{height:720px;min-height:720px}
  .homepage-refined .object-world-hero .object-world-heading{
    top:88px!important;
    width:calc(100% - 30px)!important;
    font-size:clamp(47px,14vw,67px)!important;
  }
  .homepage-refined .refined-hero-summary{
    top:300px;
    width:calc(100% - 30px);
    padding:15px;
  }
  .homepage-refined .refined-hero-summary>div{display:grid;grid-template-columns:1fr 1fr}
  .homepage-refined .refined-hero-summary a{gap:8px}
  .homepage-refined .games{padding-top:58px}
  .homepage-refined .refined-section-lead h2{font-size:clamp(50px,15vw,72px)}
  .homepage-refined .shelf-viewport{
    --case-w:clamp(205px,67vw,290px);
    height:680px;
    min-height:680px;
  }
  .homepage-refined .services-overview-compact .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homepage-refined .services-overview-compact .home-service-group,
  .homepage-refined .home-services-cta{min-height:145px}
  .homepage-refined .inhouse-product-card{
    min-height:0;
    grid-template-columns:82px 1fr;
    padding:21px;
    gap:19px;
  }
  .homepage-refined .inhouse-product-link{grid-column:1/-1}
  .homepage-refined .quote-field{min-height:390px}
  .homepage-refined .people{padding-top:64px}
  .homepage-refined .founder-photo{min-height:330px}
  .homepage-refined .quick-quote{padding-block:58px}
}
@media(max-width:440px){
  .homepage-refined .refined-hero-summary>div{grid-template-columns:1fr}
  .homepage-refined .services-overview-compact .home-services-grid{grid-template-columns:1fr}
  .homepage-refined .services-overview-compact .home-service-group,
  .homepage-refined .home-services-cta{min-height:130px}
}
@media(prefers-reduced-motion:reduce){
  .homepage-refined *, .homepage-refined *::before, .homepage-refined *::after{
    scroll-behavior:auto!important;
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
  }
}

/* Refined composition v2: fixes the visual collisions and contrast gaps found in browser QA. */
.homepage-refined header:not(.is-scrolled){
  color:#07101d!important;
  background:rgba(229,240,255,.92);
  border-bottom-color:rgba(10,33,72,.16);
  box-shadow:0 8px 30px rgba(34,75,134,.06);
}
.homepage-refined header.is-scrolled{
  color:#f7f9ff!important;
  background:rgba(6,17,38,.92);
  border-bottom-color:rgba(247,249,255,.12);
}
.homepage-refined header:not(.is-scrolled) .logo img{filter:none!important}
.homepage-refined header.is-scrolled .logo img{filter:none!important}
.homepage-refined header a{font-weight:500}
.refinement-badge{
  right:14px;
  left:auto;
  bottom:14px;
  opacity:.72;
}

.homepage-refined .object-world-hero{
  height:690px;
  min-height:690px;
  max-height:690px;
  background:radial-gradient(circle at 76% 42%,rgba(255,255,255,.9),transparent 28%),linear-gradient(135deg,#dceaff 0%,#c9def9 52%,#a9c9f2 100%);
}
.homepage-refined .refined-hero-kicker{
  position:absolute;
  z-index:8;
  left:var(--refined-gutter);
  top:118px;
  margin:0;
  color:#315f9f;
  font-size:9px;
  line-height:1.4;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.homepage-refined .object-world-hero .object-world-heading{
  top:154px!important;
  width:min(650px,47vw)!important;
  font-size:clamp(64px,6.5vw,96px)!important;
  line-height:.8!important;
  opacity:1!important;
}
.homepage-refined .object-world-hero .object-world-heading span{max-width:10ch}
.homepage-refined .object-world-hero .object-world-heading em{
  color:#315f9f;
  font-style:normal;
}
.homepage-refined .object-world-hero.rubik-webgl-ready .rubik-canvas{
  z-index:5;
  opacity:.94;
  transform:translate(24vw,20px) scale(.82)!important;
  transform-origin:center;
  mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.2) 17%,#000 36%,#000 100%);
  filter:drop-shadow(0 28px 34px rgba(34,75,134,.18));
}
.homepage-refined .refined-hero-summary{
  top:auto;
  bottom:54px;
  width:min(520px,43vw);
  padding:20px;
  background:rgba(244,249,255,.94);
  border-color:rgba(10,33,72,.24);
  box-shadow:12px 12px 0 rgba(49,95,159,.08);
}
.homepage-refined .refined-hero-summary>p{
  color:#294a75;
  font-size:10px;
  line-height:1.7;
}
.homepage-refined .refined-hero-summary a{
  min-height:43px;
  padding-inline:14px;
  font-size:8px;
}

.homepage-refined .games{padding-top:72px;padding-bottom:72px}
.homepage-refined .refined-section-lead{margin-bottom:30px}
.homepage-refined .refined-section-lead h2{font-size:clamp(58px,6.7vw,100px)}
.homepage-refined .refined-section-lead>p:last-child{font-size:10px;color:#bdcae0}
.homepage-refined .shelf-viewport{
  --case-w:clamp(205px,min(20vw,34vh),310px);
  height:clamp(560px,67svh,620px);
  min-height:560px;
}
.homepage-refined .cover-system b:has(img){
  width:20px;
  height:20px;
  flex:0 0 20px;
  overflow:visible;
  border-radius:0;
  background:transparent;
}
.homepage-refined .cover-system b img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  aspect-ratio:1;
}
.homepage-refined .case-spine b:has(img){
  width:14px;
  height:14px;
  display:grid;
  place-items:center;
  overflow:visible;
  border-radius:0;
  background:transparent;
}
.homepage-refined .case-spine b img{
  display:block;
  width:100%;
  height:100%;
  object-fit:contain;
  aspect-ratio:1;
}
.homepage-refined .case-video-host{
  position:absolute;
  z-index:1;
  inset:4px;
  overflow:hidden;
  background:#061126;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease;
}
.homepage-refined .case-video-host.is-ready{opacity:1}
.homepage-refined .case-video-host iframe{
  position:absolute;
  top:50%;
  left:50%;
  width:267%;
  height:100%;
  border:0;
  pointer-events:none;
  transform:translate(-50%,-50%);
  transition:width .62s cubic-bezier(.16,1,.3,1);
}
@media(hover:hover) and (pointer:fine) and (min-width:701px){
  .homepage-refined .shelf-item{
    transition:left .72s cubic-bezier(.16,1,.3,1),transform .72s cubic-bezier(.16,1,.3,1),opacity .42s ease,filter .42s ease,width .62s cubic-bezier(.16,1,.3,1),aspect-ratio .62s cubic-bezier(.16,1,.3,1);
  }
  .homepage-refined .shelf-item[data-position="center"]:has(.game-case:hover){
    z-index:12;
    width:clamp(500px,50vw,720px);
    aspect-ratio:16/9;
    transform:translate3d(calc(-50% + var(--case-drag)),-52%,150px) rotateY(0deg) scale(1);
  }
  .homepage-refined .shelf-item[data-position="center"]:has(.game-case:hover) .case-video-host iframe{width:100%}
  .homepage-refined .shelf-cases:has(.shelf-item[data-position="center"] .game-case:hover) .shelf-item[data-position="left"]{
    left:9%;
    opacity:.42;
    filter:saturate(.5) brightness(.65);
    transform:translate3d(-50%,-46%,-240px) rotateY(28deg) scale(.72);
  }
  .homepage-refined .shelf-cases:has(.shelf-item[data-position="center"] .game-case:hover) .shelf-item[data-position="right"]{
    left:91%;
    opacity:.42;
    filter:saturate(.5) brightness(.65);
    transform:translate3d(-50%,-46%,-240px) rotateY(-28deg) scale(.72);
  }
  .homepage-refined .shelf-cases:has(.shelf-item[data-position="center"] .game-case:hover) .shelf-item[data-position="far-left"]{
    left:-4%;
    opacity:0;
    transform:translate3d(-50%,-39%,-380px) rotateY(34deg) scale(.58);
  }
  .homepage-refined .shelf-cases:has(.shelf-item[data-position="center"] .game-case:hover) .shelf-item[data-position="far-right"]{
    left:104%;
    opacity:0;
    transform:translate3d(-50%,-39%,-380px) rotateY(-34deg) scale(.58);
  }
}
.homepage-refined .carousel-products-link{
  top:18px;
  right:18px;
  bottom:auto;
  min-width:190px;
  gap:20px;
  padding:11px 12px 11px 14px;
  border-color:rgba(142,180,255,.38);
  background:linear-gradient(135deg,rgba(16,42,86,.88),rgba(6,17,38,.92));
  color:#f7f9ff;
  box-shadow:0 12px 30px rgba(0,0,0,.22),inset 3px 0 0 #5b88f4;
}
.homepage-refined .carousel-products-label{
  display:grid;
  gap:4px;
  font-size:8px;
  line-height:1.15;
}
.homepage-refined .carousel-products-label small{
  color:#8eb4ff;
  font:500 6px/1 "DM Mono",monospace;
  letter-spacing:.18em;
}
.homepage-refined .carousel-products-arrow{
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border:1px solid rgba(247,249,255,.3);
  background:rgba(247,249,255,.07);
  font-size:12px!important;
  transition:background-color .2s,color .2s,transform .2s;
}
.homepage-refined .carousel-products-link:hover,
.homepage-refined .carousel-products-link:focus-visible{
  background:linear-gradient(135deg,#1a4ba0,#0d2c61);
  color:#fff;
  transform:translateY(-2px);
}
.homepage-refined .carousel-products-link:hover .carousel-products-arrow,
.homepage-refined .carousel-products-link:focus-visible .carousel-products-arrow{
  background:#f7f9ff;
  color:#0a2148;
  transform:translate(2px,-2px);
}

.homepage-refined .inhouse-products{padding-top:70px;padding-bottom:70px}
.homepage-refined .inhouse-product-copy>span,
.homepage-refined .home-service-group-top>span:last-child,
.homepage-refined .home-services-cta span{font-size:8px}
.homepage-refined .inhouse-product-copy p{font-size:11px;line-height:1.7;color:#314f76}

.homepage-refined .services{padding-top:72px;padding-bottom:78px}
.homepage-refined .services-overview .services-head h2{font-size:clamp(56px,6.2vw,90px)}
.homepage-refined .services-overview-compact .home-services-grid{
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
.homepage-refined .home-services-cta{grid-column:span 2}
.homepage-refined .services-overview-compact .home-service-group,
.homepage-refined .home-services-cta{min-height:154px}
.homepage-refined .services-overview-compact .home-service-group{padding:16px}
.homepage-refined .services-overview-compact .home-service-group h3{font-size:clamp(23px,1.75vw,31px)}
.homepage-refined .services-overview-compact .home-service-group .service-card-icon{width:40px;height:40px}
.homepage-refined .services-overview-compact .home-service-group .service-card-icon::before{width:34px;height:34px}
.homepage-refined .home-services-cta strong{font-size:clamp(28px,2.25vw,39px)}

.homepage-refined .quote-field{
  min-height:470px;
  padding:58px var(--refined-gutter);
  background:radial-gradient(circle at var(--quote-pointer-x) var(--quote-pointer-y),rgba(103,152,227,.32),transparent 35%),linear-gradient(135deg,#0a2148,#061126 72%);
  color:#f7f9ff!important;
}
.homepage-refined .quote-canvas{z-index:0;opacity:.18;mix-blend-mode:screen}
.homepage-refined .quote-atmosphere{opacity:.32}
.homepage-refined .quote-field::after{z-index:1;border-color:rgba(220,234,255,.22)}
.homepage-refined .quote-copy{
  z-index:5;
  width:min(100%,1120px);
  max-width:1120px;
  padding:28px 30px 26px;
  border:1px solid rgba(220,234,255,.22);
  background:rgba(6,17,38,.7);
  color:#f7f9ff!important;
  box-shadow:16px 16px 0 rgba(103,152,227,.09);
  backdrop-filter:blur(12px);
}
.homepage-refined .quote-kicker,
.homepage-refined .quote-instruction,
.homepage-refined .quote-byline{color:#b9cbea!important}
.homepage-refined .quote-kicker{margin-bottom:22px}
.homepage-refined .quote-copy blockquote{font-size:clamp(48px,5.7vw,82px);line-height:.8}
.homepage-refined .quote-line,
.homepage-refined .quote-line-imagination,
.homepage-refined .quote-line-knowledge{
  color:#f7f9ff!important;
  background:none!important;
  -webkit-background-clip:border-box!important;
  background-clip:border-box!important;
  -webkit-text-fill-color:#f7f9ff!important;
  -webkit-text-stroke:0!important;
  text-shadow:none!important;
}
.homepage-refined .quote-line-knowledge{color:#9fc2f7!important;-webkit-text-fill-color:#9fc2f7!important}
.homepage-refined .quote-footer{margin-top:26px;border-top-color:rgba(220,234,255,.28)}
.homepage-refined .quote-spark{color:#f7f9ff!important;border-color:#8eb4ff;background:#315f9f}

.homepage-refined .people{
  padding-top:72px;
  padding-bottom:76px;
  grid-template-columns:minmax(0,.78fr) minmax(620px,1.22fr);
  gap:clamp(38px,4.5vw,72px);
}
.homepage-refined .people-intro h2{font-size:clamp(56px,6vw,88px)}
.homepage-refined .people-intro>p:last-child{font-size:11px;color:#294a75}
.homepage-refined .studio-people{
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  align-self:center;
}
.homepage-refined .founder{
  grid-template-columns:1fr;
  grid-template-rows:230px minmax(230px,auto);
  align-self:stretch;
}
.homepage-refined .founder-photo{min-height:0}
.homepage-refined .founder>div:last-child{padding:20px;justify-content:flex-start}
.homepage-refined .founder span{font-size:8px;color:#315f9f}
.homepage-refined .founder h3{font-size:32px}
.homepage-refined .founder p{font-size:10px;line-height:1.65;color:#294a75}
.homepage-refined .founder>div>div{margin-top:auto;padding-top:16px}

.homepage-refined .quick-quote,
.homepage-refined .quote-maker-cta{min-height:400px}
.homepage-refined .quick-quote{padding-top:54px;padding-bottom:54px}
.homepage-refined .quick-quote-intro>p:last-child{font-size:10px;color:#294a75}
.homepage-refined .quote-maker-link{min-height:96px}
.homepage-refined:not(.products-page) .site-footer{min-height:360px;padding-top:50px}
.homepage-refined .footer-links a,.homepage-refined .footer-lead>p{font-size:10px}

@media(max-width:1180px){
  .homepage-refined .services-overview-compact .home-services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .homepage-refined .home-services-cta{grid-column:auto}
  .homepage-refined .people{grid-template-columns:1fr}
  .homepage-refined .studio-people{max-width:none}
}
@media(max-width:900px){
  .homepage-refined header{grid-template-columns:1fr auto}
  .homepage-refined header nav{display:none}
  .homepage-refined header .contact-link{display:flex;justify-content:center;min-width:118px}
  .homepage-refined .object-world-hero .object-world-heading{width:min(430px,48vw)!important;font-size:clamp(55px,7.8vw,72px)!important}
  .homepage-refined .object-world-hero.rubik-webgl-ready .rubik-canvas{transform:translate(23vw,25px) scale(.76)!important}
  .homepage-refined .refined-hero-summary{width:min(470px,50vw)}
  .homepage-refined .inhouse-product-card{grid-template-columns:105px minmax(0,1fr)}
  .homepage-refined .inhouse-product-link{grid-column:1/-1;justify-self:start}
}
@media(max-width:700px){
  .homepage-refined header{height:62px;padding-inline:15px}
  .homepage-refined header .logo b{display:block!important;font-size:15px;white-space:nowrap}
  .homepage-refined header .contact-link{display:flex;min-width:0;border:1px solid currentColor;padding:8px 10px;font-size:8px}
  .homepage-refined .object-world-hero{height:760px;min-height:760px;max-height:760px}
  .homepage-refined .refined-hero-kicker{top:86px;left:15px;right:15px;font-size:8px}
  .homepage-refined .object-world-hero .object-world-heading{
    top:116px!important;
    left:15px!important;
    width:calc(100% - 30px)!important;
    font-size:clamp(47px,13.6vw,58px)!important;
    line-height:.82!important;
  }
  .homepage-refined .object-world-hero.rubik-webgl-ready .rubik-canvas{
    opacity:.9;
    transform:translateY(72px) scale(.67)!important;
    mask-image:linear-gradient(180deg,transparent 0,#000 18%,#000 82%,transparent 100%);
  }
  .homepage-refined .refined-hero-summary{
    left:15px;
    right:15px;
    bottom:20px;
    width:auto;
    padding:17px;
    background:rgba(6,17,38,.94);
    color:#f7f9ff;
    border-color:rgba(220,234,255,.2);
    box-shadow:8px 8px 0 rgba(49,95,159,.13);
  }
  .homepage-refined .refined-hero-summary>p{color:#dceaff;font-size:9px}
  .homepage-refined .refined-hero-summary a{color:#f7f9ff;border-color:rgba(220,234,255,.36)}
  .homepage-refined .refined-hero-summary a:first-child{background:rgba(49,95,159,.28)}
  .homepage-refined .refined-hero-summary a:last-child{background:#386aec}
  .homepage-refined .refined-section-lead h2{font-size:clamp(42px,12vw,48px)}
  .homepage-refined .shelf-viewport{height:620px;min-height:620px}
  .homepage-refined .carousel-products-link{top:14px;right:14px;bottom:auto;min-width:0;padding:10px 11px 10px 13px}
  .homepage-refined .carousel-products-label small{display:none}
  .homepage-refined .services-overview-compact .home-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .homepage-refined .home-services-cta{grid-column:span 2}
  .homepage-refined .services-overview-compact .home-service-group,
  .homepage-refined .home-services-cta{min-height:142px}
  .homepage-refined .quote-field{min-height:470px;padding:38px 15px}
  .homepage-refined .quote-copy{padding:22px 18px 20px}
  .homepage-refined .quote-copy blockquote{font-size:clamp(43px,12.7vw,55px)}
  .homepage-refined .quote-footer{margin-top:22px}
  .homepage-refined .studio-people{grid-template-columns:1fr}
  .homepage-refined .founder{grid-template-columns:145px 1fr;grid-template-rows:minmax(250px,auto)}
  .homepage-refined .founder>div:last-child{padding:18px}
  .homepage-refined .founder h3{font-size:30px}
  .refinement-badge{display:none}
}
@media(max-width:460px){
  .homepage-refined .services-overview-compact .home-service-group,
  .homepage-refined .home-services-cta{min-height:126px}
  .homepage-refined .founder{grid-template-columns:1fr;grid-template-rows:250px auto}
}
@media(max-width:340px){
  .homepage-refined .services-overview-compact .home-services-grid{grid-template-columns:1fr}
  .homepage-refined .home-services-cta{grid-column:auto}
}
.homepage-refined #games,
.homepage-refined #services,
.homepage-refined #studio,
.homepage-refined #team,
.homepage-refined #quick-quote{scroll-margin-top:70px}
.homepage-refined header:not(.is-scrolled) .logo img{
  filter:brightness(0) saturate(100%) invert(11%) sepia(29%) saturate(2324%) hue-rotate(182deg) brightness(91%) contrast(105%)!important;
}
@media(max-width:700px){
  .homepage-refined #games,
  .homepage-refined #services,
  .homepage-refined #studio,
  .homepage-refined #team,
  .homepage-refined #quick-quote{scroll-margin-top:62px}
}