@charset "UTF-8";

/* Keep the 3:4 comparison within the desktop viewport at its original resolution. */
@media(min-width:901px){
  .detail-gallery .gallery-comparison{
    width:min(100%,640px,56.25vh);
    justify-self:center;
  }
}

/* A single case has one complete cover instead of repeated carousel copies. */
.project-grid[data-single=true]{
  --orbit-card-size:var(--single-card-width,960px);
  height:calc(var(--single-card-width,960px) * .5625 + 88px);cursor:default;
  mask-image:none;-webkit-mask-image:none;
}
.project-grid[data-single=true] .project-image{
  height:calc(100% - 88px);clip-path:none;border-radius:var(--radius-card);
}
.project-grid[data-single=true] .project-image>img{object-fit:contain}
.project-grid[data-single=true] .project-image::after{display:none}
.project-grid[data-single=true] .project-open{top:24px;right:24px}
.project-grid[data-single=true] .project-caption{left:0;right:0;bottom:0;height:80px;align-items:center}
.brand-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:48px}
.brand-summary h3{font:500 14px/20px var(--font-sans);margin-bottom:12px}
.brand-summary p{font:400 14px/20px var(--font-sans);color:var(--muted)}
.pdf-document{margin-bottom:48px}
.pdf-document-panel{display:flex;align-items:center;justify-content:space-between;gap:32px;padding:24px;border:1px solid var(--line);border-radius:var(--radius-card);background:#181818}
.pdf-document-panel h3{font:500 18px/28px var(--font-sans);margin-bottom:8px}
.pdf-document-panel p{font:400 12px/16px var(--font-sans);color:var(--muted)}
.pdf-document-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.pdf-document-actions .button-primary{margin-top:0;white-space:nowrap}
@media(max-width:700px){
  .project-grid[data-single=true] .project-open{top:16px;right:16px}
  .brand-summary{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
  .pdf-document{margin-bottom:32px}
  .pdf-document-panel{align-items:flex-start;flex-direction:column;gap:24px}
}

@media(min-width:901px){
  .pdf-document-desktop{display:block!important}
}

@media(min-width:901px) and (hover:hover) and (pointer:fine){
  .pdf-document-panel{
    position:relative;
    transform:translateY(0);
    transition:transform var(--hover-duration) var(--ease),
      border-color var(--hover-duration) var(--ease),
      box-shadow var(--hover-duration) var(--ease);
  }
  .pdf-document-panel>div:first-child{
    transform:scale(1);
    transform-origin:left center;
    transition:transform var(--hover-duration) var(--ease);
  }
  .pdf-document-panel:is(:hover,:focus-within){
    z-index:1;
    transform:translateY(var(--hover-lift));
    border-color:var(--hover-highlight);
    box-shadow:0 32px 64px -18px #000c,0 12px 24px -8px #0008,
      0 0 14px -3px var(--hover-glow),0 0 46px -8px var(--hover-glow-soft),
      inset 0 1px 0 rgba(var(--accent-rgb),.28);
  }
  .pdf-document-panel:is(:hover,:focus-within)>div:first-child,
  .pdf-document-panel:is(:hover,:focus-within) .button-primary>span{
    transform:scale(var(--hover-scale));
  }
  .pdf-document-panel:is(:hover,:focus-within) .button-primary::before{opacity:1}
  .pdf-document-panel .button-primary:active>span{transform:scale(.98)}
}
@media(min-width:901px) and (hover:hover) and (pointer:fine) and (prefers-reduced-motion:reduce){
  .pdf-document-panel:is(:hover,:focus-within),
  .pdf-document-panel:is(:hover,:focus-within)>div:first-child,
  .pdf-document-panel:is(:hover,:focus-within) .button-primary>span,
  .pdf-document-panel .button-primary:active>span{transform:none}
}