/* Keep each portfolio gallery inside the viewport below the fixed header. */
/* Original section alignment; mouse navigation advances after two wheel steps. */
html { scroll-snap-type: y mandatory; }
.hero, .chapter, .about { scroll-snap-align: start; scroll-snap-stop: normal; }
footer { scroll-snap-align: end; }
.style-label, .featured-project .zoom { z-index: 3; }
[data-outgoing] { user-select: none; }
@media (prefers-reduced-motion: no-preference) {
  .hero-scene { transition: opacity 1.4s ease-in-out, visibility 0s 1.4s; }
  .hero-scene.active { transition: opacity 1.4s ease-in-out, visibility 0s; }
  /* The old scene stays intact while the entire scene fades away. */
  .hero-scene.departing .scene-layer { opacity: 1; filter: none; transform: none; }
}
.cosmos {
  position: fixed;
  inset: 0;
  background-image: url('assets/new/background-parallax-long.webp');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center var(--background-y, 0px);
  transform: none;
  will-change: background-position;
}


.capabilities-layout .gallery-main { cursor: default; }
.characters .gallery-main { scale: 1.2; transform-origin: center bottom; }
.capabilities-layout .asset-thumb[aria-pressed=true] {
  background: #73b7ff0a;
  border-color: #73b7ff55;
}
.marketing .gallery-content {
  inset: 10% 6%;
  grid-template-columns: .28fr 1fr;
  gap: 7%;
}
.marketing .gallery-thumbs {
  grid-template-columns: 1fr;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.marketing .gallery-main img { object-fit: contain; }

/* Round the visible artwork, including images letterboxed within a cover. */
.released .featured-project { border-radius: 14px; }
.released .featured-project img { transition: none; }
.released .featured-project:hover img:not([data-outgoing]),
.released .project-thumb:hover { transform: none; }
.released .project-thumb { transition: box-shadow .25s ease, border-color .25s ease; }
.released .featured-project img,
.released .project-thumb img {
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
  border-radius: 12px;
}
.released .project-thumb {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 10px;
}
.released .project-thumb img { border-radius: 9px; }
.released .project-thumb[aria-current=true] { box-shadow: 0 0 0 1px #82c8fa88; }
#viewer-media img,
#viewer-media video { border-radius: 14px; }
#viewer-thumbs button,
#viewer-thumbs img { border-radius: 9px; }

footer {
  padding: 24px clamp(20px, 3vw, 60px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 22px 36px;
}
.footer-credit { display: flex; flex-direction: column; gap: 3px; font-size: 16px; }
.footer-credit a { color: #8dacc8; font-size: 14px; }
.footer-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 14px 26px; font-size: 16px; }
.footer-nav > a:not(.contact) { color: #0098e3; }
.footer-nav > a:hover, .footer-credit a:hover { color: #62baff; }
.footer-nav .contact { background: #252525; color: #c9c9c9; border: 0; font-size: 16px; }
.footer-nav .contact:hover { background: #303030; color: #62baff; }
@media (max-width:800px) and (orientation:portrait), (max-width:600px) {
  .footer-nav { width: 100%; gap: 12px 20px; }
}

@media (min-width:801px), (min-width:601px) and (orientation:landscape) {
  .portfolio-layout,
  .capabilities-layout { padding-top: clamp(20px, 3svh, 32px); }
  .side-nav nav { top: calc(var(--header) + 24px); padding-top: 4px; }
  .side-nav h2 { font-size: clamp(23px, 1.85vw, 34px); margin-bottom: 10px; }
  .side-nav a { font-size: clamp(16px, 1.3vw, 25px); line-height: 1.65; }
  .chapter,
  .capabilities-layout .chapter,
  .capabilities-layout .chapter.stylization,
  .capabilities-layout .chapter:is(.icons,.logos,.backgrounds,.games,.marketing) {
    margin-bottom: clamp(42px, 7svh, 72px);
    scroll-margin-top: 0;
  }
  .chapter .section-heading {
    min-height: 0;
    margin-bottom: clamp(26px, 4svh, 40px);
    gap: 12px;
  }
  .chapter .section-heading h2 {
    font-size: clamp(40px, 4.6vw, 88px);
    line-height: 1.08;
  }
  .chapter .section-heading p {
    font-size: clamp(18px, 1.6vw, 31px);
    line-height: 1.35;
    margin-top: 2px;
  }
  .chapter .art-panel {
    width: 100%;
    max-width: var(--panel-width, 100%);
    margin-inline: auto;
  }
  .stylization .art-panel { margin-top: 0; margin-bottom: 36px; }
  .characters .gallery-main,
  .icons .gallery-main,
  .games .gallery-main { height: 108%; transform: translateY(-1%); }
  .logos .gallery-main { height: 108%; transform: translateY(-4%); }
  .styles-stage { inset: -3% 8% 0; }
  .style-item.center { height: 100%; transform: translateY(0); }
  .style-item { transform: translateY(3%); }
  .style-label { font-size: clamp(14px, 1.15vw, 22px); }
}

@media (max-width:800px) and (orientation:portrait), (max-width:600px) {
  .portfolio-layout { padding-top: 24px; }
  .side-nav { margin-bottom: 18px; }
  .chapter .section-heading { margin-bottom: 20px; }
  .chapter { margin-bottom: 44px; }
  .stylization .art-panel { margin-top: 28px; }
}

@media (prefers-reduced-motion: reduce) {
  .cosmos { background-position: center top; will-change: auto; }
}

/* Scale the side slots themselves so their dissolve layers keep the same size. */
.styles-stage .style-item:not(.center) { width: 20.8%; height: 65.6%; }
@media (min-width:801px), (min-width:601px) and (orientation:landscape) {
  .styles-stage .style-item:not(.center) { width: 20%; height: 64.8%; }
}
@media (max-width: 540px) {
  .styles-stage .style-item:not(.center) { width: 23.2%; height: 64%; }
}

/* Reserve the full aligned viewport so the next heading stays below it. */
.chapter { min-height:calc(100svh - var(--header) - 38px); }
.store-links img { width:clamp(12px,1.2vw,23px);height:clamp(14px,1.5vw,29px); }
/* Keep artwork nodes intact while rotating through left, center and right. */
.styles-stage.rotating-styles { display:block;clip-path:inset(-12% 0 -22%); }
.styles-stage.rotating-styles .style-item,
.styles-stage.rotating-styles .style-item.center,
.styles-stage.rotating-styles .style-item:not(.center) {
 position:absolute;top:0;bottom:auto;width:32%;height:100%;margin:0;
 transform-origin:center center;transition:left .85s cubic-bezier(.4,0,.2,1),transform .85s cubic-bezier(.4,0,.2,1),opacity .85s ease-in-out;z-index:1;
}
.styles-stage.rotating-styles .style-item.center { z-index:2; }
.styles-stage.rotating-styles .style-item .style-label { transform:translateX(-50%); }
@media(prefers-reduced-motion:reduce){.styles-stage.rotating-styles .style-item{transition:none;}}

/* Align the caption with the section title column. */
@media(min-width:1201px){
 .header{grid-template-columns:calc(max(0px, (100vw - 1920px) / 2) + 398 * var(--u) - 53 * var(--header-scale)) minmax(0,1fr) auto;}
 .header .header-caption{font-size:calc(22 * var(--header-scale));color:#626262;}
}
@media (max-width:800px) and (orientation:portrait), (max-width:600px){.chapter .section-heading p{font-size:17px;}}
.styles-stage.rotating-styles .style-item[data-slot="-2"],
.styles-stage.rotating-styles .style-item[data-slot="2"]{opacity:0;pointer-events:none;}
.styles-stage.rotating-styles .style-item[data-slot="-1"],
.styles-stage.rotating-styles .style-item[data-slot="0"],
.styles-stage.rotating-styles .style-item[data-slot="1"]{opacity:1;}

/* Navigation and gallery refinements. */
.header{background:#000;box-shadow:0 1px 0 #292929;}
.side-nav a:hover,.side-nav a:focus-visible{color:#62baff;}
.side-nav h2{max-width:100%;}
.viewing-about .side-nav{visibility:hidden;pointer-events:none;}
.panel-arrow{font-size:clamp(36px,3.75vw,72px);min-width:36px;min-height:52px;}
.viewer-arrow{font-size:50px;}
.hero-controls button[data-slide-step]{font-size:31px;}
.released .project-thumb{overflow:visible;border:0;}
.released .project-thumb img{max-width:calc(100% - 10px);max-height:calc(100% - 10px);}
.released .project-thumb[aria-current=true]{box-shadow:none;}
.released .project-thumb[aria-current=true]::after{
 content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
 width:calc(var(--thumb-width, 0px) + 8px);height:calc(var(--thumb-height, 0px) + 8px);
 border:1px solid #82c8fa88;border-radius:13px;pointer-events:none;
}
@media (min-width:801px), (min-width:601px) and (orientation:landscape){.chapter .frame{transform:translateY(1.56%) scaleY(1.09);transform-origin:center center;}}
@media(max-width:540px){.viewer-arrow{font-size:39px;}}
/* Place project paging controls alongside the thumbnail grid. */
@media(min-width:1101px){
 .released .panel-arrow.prev{left:51%;}
 .released .panel-arrow.next{right:-1%;}
}
/* Give the barrel pose more breathing room in the large Characters preview. */
.characters .gallery-main img[src$="03-capabilities-01-characters-pose-06.webp"]{scale:.9;transform-origin:center bottom;}
.styles-stage.rotating-styles .style-item .style-label{
 font-size:clamp(18px,1.35vw,26px);
 top:calc(100% + 18px);
 line-height:1.35;
}
/* Fade the exported glow into the page at every image edge. */
.chapter .frame{
 -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent);
 -webkit-mask-composite:source-in;
 mask-image:linear-gradient(to right,transparent,#000 3%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 85%,transparent);
 mask-composite:intersect;
}

/* More room below the fixed header, shared by anchor and wheel navigation. */
html{scroll-padding-top:calc(var(--header) + 38px);}
@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .side-nav nav{top:calc(var(--header) + 40px);}
 #projects .side-nav h2{font-size:clamp(23px,1.85vw,34px);white-space:nowrap;letter-spacing:0;max-width:none;}
}
.backgrounds .gallery-main img{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;border-radius:14px;}
.backgrounds .asset-thumb,.backgrounds .asset-thumb img{border-radius:9px;}

/* Readable profile facts and numbered paragraphs, using the site's blue glow. */
.about .profile ul{list-style:disc outside;padding-left:1.1em;}
.about .profile li{display:list-item;padding-left:.2em;margin-bottom:.3em;}
.about .profile li::marker{color:#62baff;font-size:.85em;}
.about-points{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:clamp(20px,2vw,34px);}
.about-points>li{display:grid;grid-template-columns:clamp(34px,2.8vw,52px) minmax(0,1fr);gap:clamp(14px,1.4vw,26px);align-items:start;}
.about-number{width:100%;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;border:1px solid #62baff80;color:#8fd0ff;background:linear-gradient(135deg,#16335ccc,#23133dcc);box-shadow:0 0 20px #397bca26,inset 0 0 14px #478bcb12;font-size:clamp(21px,1.75vw,32px);line-height:1;padding-top:.12em;}
.about-copy .about-points p{margin:0;min-width:0;}
@media(max-width:540px){.about .profile ul{font-size:14px;}.about-points>li{grid-template-columns:32px minmax(0,1fr);gap:12px;}}

@media(min-width:801px) and (max-width:1100px){#projects.portfolio-layout{grid-template-columns:180px minmax(0,1fr);}}
/* Compact About without changing the other section anchors or type sizes. */
.about{padding-top:0;scroll-margin-top:0;padding-bottom:44px;}
.about .section-heading{min-height:0;margin-bottom:26px;}
.about .about-panel{min-height:0;padding-block:clamp(26px,2.5vw,48px);}
.about .about-copy p{line-height:1.45;}
.about .about-copy .intro{line-height:1.4;margin-bottom:26px;}
.about .about-points{gap:clamp(16px,1.3vw,24px);margin-bottom:22px;}
.about .about-copy .availability{margin-top:22px;margin-bottom:22px;}
.about .profile img{margin-bottom:32px;}
.about .profile ul{line-height:1.5;}
@media(max-width:540px){.about .profile img{margin-bottom:0;}.about .about-copy p{line-height:1.5;}}

/* Keep the hero above the fixed header at the first chapter anchor. */
@media (min-width:801px), (min-width:601px) and (orientation:landscape){#projects.portfolio-layout{padding-top:54px;}}

/* Center carousel arrows and indicators on the same horizontal axis. */
.hero-controls button{display:flex;align-items:center;justify-content:center;padding:0;}
.hero-controls button[data-slide-step],.hero-controls button[data-slide-step]:hover,.hero-controls button[data-slide-step]:focus-visible{color:#fff;}
.hero-controls button[data-slide-step] svg{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 1px 3px #0008);}
.hero-dots button:after{width:9px;height:9px;background:#fff;transition:width .25s,height .25s,background-color .25s;}
.hero-dots button[aria-current=true]:after{width:12px;height:12px;background:#ffe36c;}

/* Compact About and align link icons with the font's visible text. */
.about{scroll-margin-top:-14px;}
.about .section-heading h2{font-size:clamp(43px,5.1vw,98px);}
.about .about-copy p{font-size:clamp(16px,1.3vw,25px);}
.about .about-copy .intro{font-size:clamp(20px,1.62vw,31px);}
.about .about-points>li{grid-template-columns:clamp(30px,2.5vw,46px) minmax(0,1fr);}
.about .about-number{font-size:clamp(19px,1.5vw,28px);}
.store-links a,.about .social-links a{display:inline-flex;align-items:center;gap:8px;line-height:1;white-space:nowrap;}
.store-links a span,.about .social-links a span{display:inline-block;transform:translateY(.12em);}
.store-links img{width:clamp(12px,1vw,19px);height:clamp(15px,1.25vw,24px);flex:none;object-fit:contain;}
.about .social-links{display:flex;align-items:center;gap:20px;font-size:clamp(14px,1.15vw,22px);color:var(--blue);}
.about .social-links a:hover{color:var(--gold);}
.about .social-links svg{width:clamp(18px,1.25vw,24px);height:clamp(18px,1.25vw,24px);color:#fff;flex:none;}
.hero .layer-screen{height:63.02521%;}
.hero .layer-screen img{width:100%;height:100%;object-fit:cover;object-position:center;}

/* The visible frame edge, headings and header caption share one content axis. */
@media(min-width:801px) and (max-width:1100px){
 .capabilities-layout{grid-template-columns:180px minmax(0,1fr);}
}
@media (max-width:800px) and (orientation:portrait), (max-width:600px){
 .chapter .section-heading{margin-left:0;}
}

/* Shared right edge for navigation, project links and section frames. */
.header .header-caption{transform:translateX(2px);}
.capabilities-layout{border-top:0;}
@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .header{padding-right:calc(max(0px, (100vw - 1920px) / 2) + 60 * var(--u));}
 .chapter .store-links,.about .social-links{padding-right:0;}
}

/* Retain an inner gutter when the gallery switches to its small-screen card. */
@media (max-width:800px) and (orientation:portrait), (max-width:600px){
 .chapter .gallery-content{left:20px!important;right:20px!important;}
 .chapter .released-content{padding-left:20px;padding-right:20px;}
}

/* Background previews fill their column and sit centrally in the taller frame. */
.backgrounds .gallery-main img{width:100%;height:100%;object-fit:contain;}
@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .backgrounds .gallery-content{top:6%;bottom:-2%;grid-template-columns:.42fr 1fr;}
 .backgrounds .gallery-thumbs{gap:clamp(8px,.625vw,12px);}
}
@media (max-width:800px) and (orientation:portrait), (max-width:600px){.backgrounds .gallery-thumbs{gap:7px;}}

.logos .gallery-main{translate:3% 0;}
.icons .gallery-main{translate:3% 0;}
.characters .gallery-main{translate:3% 0;}

/* Use a shared rounded viewport so changing backgrounds never resizes the grid. */
.backgrounds .gallery-main img{border-radius:clamp(10px,1.15vw,22px);flex:none;object-fit:cover;}
@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .backgrounds .gallery-content{grid-template-rows:minmax(0,1fr);}
 .backgrounds .gallery-thumbs{align-self:center;min-height:0;box-sizing:border-box;}
}

/* Give the large background preview a little more space from its thumbnails. */
@media (min-width:801px), (min-width:601px) and (orientation:landscape){.backgrounds .gallery-main{translate:3% 0;}}

/* A soft dark shadow keeps style captions readable over the glowing frame. */
.stylization .style-label{isolation:isolate;text-shadow:0 3px 8px rgba(0,0,0,.6);}
.stylization .style-label::before{content:"";position:absolute;inset:0 -16px -4px;z-index:-1;border-radius:50%;background:rgba(0,0,0,.48);filter:blur(10px);pointer-events:none;}

/* A subtle outline follows the rounded background artwork without resizing it. */
.backgrounds .gallery-main img{outline:1px solid #37373d;outline-offset:-1px;}

/* Place the profile bullets on the same left axis as the About heading. */
@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .about .profile ul{list-style:none;padding-left:0;}
 .about .profile li{position:relative;padding-left:1em;}
 .about .profile li::before{content:"";position:absolute;left:0;top:.57em;width:.32em;height:.32em;border-radius:50%;background:#62baff;}
}

/* Match the subtle Backgrounds outline on all Released Games covers. */
.released .featured-project > img{outline:1px solid #37373d;outline-offset:-1px;}

/* Marketing video follows the same bounds as the supplied artwork. */
.marketing .asset-thumb video{width:100%;height:100%;object-fit:contain;pointer-events:none;border-radius:6px;}
.marketing .gallery-main video{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain;border-radius:8px;}
.marketing .gallery-main video{cursor:pointer;}
.marketing .gallery-main video:focus-visible{outline:2px solid #8bd9ff;outline-offset:4px;}

/* Round the video picture itself, including when its frame has spare space. */
.marketing .gallery-main video{width:auto;height:auto;max-width:100%;max-height:100%;border-radius:20px;clip-path:inset(0 round 20px);}
.marketing .asset-thumb video{display:block;width:100%;height:auto;max-height:100%;margin:auto;border-radius:10px;clip-path:inset(0 round 10px);}
#viewer-media video[src$="wizard-store-1-oct03.mp4"]{border-radius:20px;clip-path:inset(0 round 20px);}

/* Give the Games previews more room beneath the top frame edge. */
.games .gallery-main{transform:translateY(5%);}
.games .frame{
 -webkit-mask-image:linear-gradient(to right,transparent,#000 3%,#000 94%,transparent),linear-gradient(to bottom,transparent 9%,rgba(0,0,0,.22) 16%,rgba(0,0,0,.4) 18%,#000 19%,#000 85%,transparent);
 mask-image:linear-gradient(to right,transparent,#000 3%,#000 94%,transparent),linear-gradient(to bottom,transparent 9%,rgba(0,0,0,.22) 16%,rgba(0,0,0,.4) 18%,#000 19%,#000 85%,transparent);
}
@media (max-width:800px) and (orientation:portrait), (max-width:600px){.games .gallery-main{transform:translateY(4%);}}

.characters .gallery-main img[src$="03-capabilities-01-characters-pose-06.webp"]{scale:.954;transform-origin:center bottom;}

.released .project-thumb{scale:1.1;transform-origin:center;}
@media(max-width:540px){.released .project-thumbs{gap:12px;}}

@media (min-width:801px), (min-width:601px) and (orientation:landscape){.released .featured-project{justify-self:center;min-width:0;max-width:none;overflow:visible;}.released .released-content{grid-template-columns:minmax(0,1.07fr) minmax(0,1fr);}}

.marketing .gallery-main img[src$="marketing-oct03-1.webp"]{scale:1.06;transform-origin:center;}

/* Center every large capability preview against its thumbnail column. */
@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .capabilities-layout .chapter .gallery-main{align-self:center;transform:none;transform-origin:center;}
 .capabilities-layout .chapter .gallery-thumbs{align-self:center;height:100%;box-sizing:border-box;}
 .capabilities-layout .characters .gallery-main img{transform-origin:center;}
}

.released .project-thumb{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
 .released .project-thumb:hover,.capabilities-layout .asset-thumb:hover{transform:translateY(-5px);}
@media(prefers-reduced-motion:reduce){.released .project-thumb,.capabilities-layout .asset-thumb{transition:none;}}

/* Give the Backgrounds artwork more room and separate its thumbnails. */
@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .backgrounds .gallery-main{scale:1.08;transform-origin:center;}
 .backgrounds .gallery-thumbs{gap:clamp(12px,1vw,20px);}
}
@media (max-width:800px) and (orientation:portrait), (max-width:600px){.backgrounds .gallery-thumbs{gap:8px;}}

@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .characters .gallery-content{translate:0 -2%;}
 .characters .gallery-main{scale:1.25;}
 .characters .asset-thumb img{scale:1.05;transform-origin:center;}
}

@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .characters .gallery-main{scale:1.29;translate:3% -1.5%;}
 .characters .gallery-thumbs{translate:0 2%;gap:clamp(12px,.9vw,18px);}
}

/* Match the spaced selection ring used by Released Games thumbnails. */
.backgrounds .asset-thumb{overflow:visible;}
.capabilities-layout .backgrounds .asset-thumb[aria-pressed=true]{border-color:transparent;background:none;}
.backgrounds .asset-thumb[aria-pressed=true]::after{
 content:"";position:absolute;inset:-4px;border:1px solid #82c8fa88;
 border-radius:13px;pointer-events:none;
}

@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .characters .gallery-main{scale:1.419;translate:3% -6%;}
}

@media (min-width:801px), (min-width:601px) and (orientation:landscape){
 .icons .gallery-main{scale:1.12;transform-origin:center;}
 .icons .asset-thumb img{scale:.95;transform-origin:center;}
}
/* Match Golden sunset's visual size to the other background previews. */


/* Games thumbnails: round the actual image, including letterboxed rows. */
.games .asset-thumb{display:flex;align-items:center;justify-content:center;}
.games .asset-thumb img{display:block;width:100%;height:auto;max-height:100%;border-radius:10px;clip-path:inset(0 round 10px);}
/* Keep both dissolve layers on the same fixed stage throughout a transition. */
.games .gallery-main > img{position:absolute;inset:0;width:100%;height:100%;margin:0;object-fit:contain;}

/* Crisp vector wordmark with a small leftward adjustment. */
.header .brand{position:relative;left:-8px;}
.header .brand img{display:block;}

/* Clip the pale edge baked into the supplied Games thumbnails. */
.games .asset-thumb img{border-radius:14px;clip-path:inset(2px round 14px);}

/* Size decoded background images before fading on a fixed centered stage. */
.backgrounds .gallery-main > img{position:absolute;left:50%;top:50%;margin:0;transform:translate(-50%,-50%);}

/* Absolute preview layers need an explicit desktop stage height. */
@media (min-width:801px), (min-width:601px) and (orientation:landscape){.backgrounds .gallery-main{height:100%;}}

.header #main-nav .contact-label{display:inline-block;transform:translateY(1px);}

/* Slightly reduce and lower the large Logos preview. */
.logos .gallery-main{scale:.95;translate:3% 2%;transform-origin:center;}