/** Shopify CDN: Minification failed

Line 69:0 Unexpected "}"

**/
/* ==========================================================================
   Shift Gallery — global design tokens
   Loaded once in layout/theme.liquid. Individual sections add their own
   scoped rules below this in the cascade, but everything pulls from these
   custom properties so the look stays consistent if you tweak a value here.
   ========================================================================== */

/* --bg, --text, --text-dim, --gold, --container are set in layout/theme.liquid
   from the merchant's Theme settings (config/settings_schema.json) — that's
   what makes the color pickers in the theme editor actually do something.
   Only the values that aren't merchant-editable live here. */
:root{
  --line: rgba(0,0,0,.14);
  --text-dimmer:#6b6a66;
  --surface:#f4f3f0;
  --font: 'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif;
}

*{ margin:0; padding:0; box-sizing:border-box; }
body{ background:var(--bg); color:var(--text); font-family:var(--font); -webkit-font-smoothing:antialiased; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
button{ font-family:inherit; cursor:pointer; }
:focus-visible{ outline:1px solid var(--gold); outline-offset:3px; }

.wrap{ max-width:var(--container); margin:0 auto; padding:0 32px; }
h1,h2,h3{ font-weight:800; letter-spacing:-.01em; line-height:1; text-transform:uppercase; }
p{ line-height:1.6; }
.label{ font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--text-dim); font-weight:600; }

.btn{ font-size:12px; letter-spacing:.04em; text-transform:uppercase; font-weight:600; padding:16px 30px; display:inline-flex; align-items:center; transition:.2s ease; border:none; cursor:pointer; }
.btn-gold{ background:var(--gold); color:#fff; }
.btn-gold:hover{ background:#8a611c; }

/* Use on plain page background — adapts to the theme's text/bg colors */
.btn-outline{ border:1px solid var(--text); color:var(--text); background:transparent; }
.btn-outline:hover{ background:var(--text); color:var(--bg); }

/* Use only when placed over a photo (hero, lifestyle banner) — those always
   have a dark gradient overlay for legibility regardless of site theme, so
   this one stays hardcoded white/light rather than following the theme. */
.btn-outline-light{ border:1px solid rgba(255,255,255,.6); color:#fff; background:transparent; }
.btn-outline-light:hover{ background:#fff; color:#0a0a0a; }

@media (max-width: 980px){
  .wrap{ padding-left:20px; padding-right:20px; }
}
.main-shot {
  max-height: 500px !important;
  overflow: hidden !important;
}

#mainImg {
  width: 100% !important;
  max-height: 500px !important;
  object-fit: contain !important;
  display: block !important;
}

.gallery {
  max-height: 550px !important;
  overflow: hidden !important;
}
}