/* Gold Talent branded loading system.
 * This file is intentionally independent so the feature can be removed
 * without changing page layout or the existing motion system. */
:root{
  --gt-load-forest:#061f1b;
  --gt-load-forest-soft:#0d302a;
  --gt-load-gold:#f5ad36;
  --gt-load-cream:#f3efe7;
  --gt-load-muted:#9db0a8;
  --gt-load-ease:cubic-bezier(.22,1,.36,1);
}

.site-load-progress{
  position:fixed;
  z-index:2147483647;
  top:0;
  left:0;
  width:100%;
  height:2px;
  pointer-events:none;
  opacity:0;
  transform:scaleX(0);
  transform-origin:left center;
  background:var(--gt-load-gold);
  box-shadow:0 0 12px rgba(245,173,54,.36);
  transition:transform 360ms var(--gt-load-ease),opacity 160ms ease;
}
.site-load-progress.is-active{opacity:1}
.site-load-progress.is-complete{opacity:0;transition:transform 180ms var(--gt-load-ease),opacity 260ms ease 100ms}

.site-loader{
  position:fixed;
  z-index:2147483646;
  inset:0;
  display:grid;
  place-items:center;
  padding:28px;
  background:var(--gt-load-forest);
  color:var(--gt-load-cream);
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  transition:opacity 260ms var(--gt-load-ease),visibility 0s linear 260ms;
}
.site-loader.is-visible{
  opacity:1;
  visibility:visible;
  pointer-events:auto;
  transition-delay:0s;
}
body.site-loading{overflow:hidden}
.site-loader-panel{
  width:min(390px,86vw);
  display:flex;
  flex-direction:column;
  align-items:center;
  text-align:center;
}
.site-loader-brand{
  display:flex;
  align-items:center;
  gap:13px;
  margin-bottom:30px;
  letter-spacing:.16em;
  font:600 17px/1 'DM Sans',sans-serif;
}
.site-loader-logo-wrap{
  position:relative;
  display:grid;
  place-items:center;
  width:54px;
  height:38px;
}
.site-loader-logo-wrap::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(245,173,54,.2),rgba(245,173,54,.04) 42%,transparent 70%);
  animation:gt-loader-glow 900ms var(--gt-load-ease) infinite alternate;
}
.site-loader-logo{position:relative;width:54px;height:auto;display:block}
.site-loader-track{
  position:relative;
  width:100%;
  height:1px;
  margin-bottom:20px;
  overflow:hidden;
  background:rgba(210,226,219,.2);
}
.site-loader-track::after{
  content:"";
  position:absolute;
  top:-1px;
  left:-24%;
  width:24%;
  height:3px;
  background:linear-gradient(90deg,transparent,var(--gt-load-gold));
  animation:gt-loader-travel 1000ms var(--gt-load-ease) infinite;
}
.site-loader-status{
  min-height:20px;
  margin:0;
  color:var(--gt-load-muted);
  font:500 11px/1.6 'DM Mono',monospace;
  letter-spacing:.09em;
  text-transform:uppercase;
}
.site-loader-retry{
  display:none;
  min-width:138px;
  min-height:44px;
  margin-top:22px;
  padding:10px 18px;
  border:1px solid rgba(243,239,231,.45);
  color:var(--gt-load-cream);
  background:transparent;
  font-weight:600;
}
.site-loader.is-timeout .site-loader-retry{display:inline-flex;align-items:center;justify-content:center}

@keyframes gt-loader-glow{from{opacity:.48;transform:scale(.92)}to{opacity:1;transform:scale(1.08)}}
@keyframes gt-loader-travel{to{transform:translateX(520%)}}

.collection-skeleton-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:clamp(18px,2.1vw,34px);
  width:100%;
}
.collection-skeleton-card{min-width:0}
.collection-skeleton-image,.collection-skeleton-line{
  position:relative;
  overflow:hidden;
  background:rgba(160,183,174,.16);
}
.collection-skeleton-image{
  width:100%;
  aspect-ratio:3/2;
  border:1px solid rgba(143,168,158,.42);
  background:#f6f5f1;
}
.collection-skeleton-line{height:12px;margin-top:15px;border-radius:1px}
.collection-skeleton-line:nth-child(2){width:72%;height:17px}
.collection-skeleton-line:nth-child(3){width:38%;margin-top:10px}
.collection-skeleton-line:nth-child(4){width:92%;margin-top:25px}
.collection-skeleton-image::after,.collection-skeleton-line::after{
  content:"";
  position:absolute;
  inset:0;
  transform:translateX(-100%);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
  animation:gt-skeleton-sweep 1300ms ease-in-out infinite;
}
@keyframes gt-skeleton-sweep{to{transform:translateX(100%)}}

@media(max-width:900px){.collection-skeleton-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){
  .site-loader-brand{font-size:15px;letter-spacing:.13em}
  .collection-skeleton-grid{grid-template-columns:1fr;gap:30px}
  .collection-skeleton-card:nth-child(n+4){display:none}
}

@media(prefers-reduced-motion:reduce){
  .site-load-progress,.site-loader{transition-duration:1ms!important}
  .site-loader-logo-wrap::before,.site-loader-track::after,
  .collection-skeleton-image::after,.collection-skeleton-line::after{animation:none!important}
}