/* Crysten Curry Elementor Widget - Welcome (fonts come from fonts.css) */

.cc-welcome-wrap {
  --cc-w-band: clamp(130px, 17vw, 270px);
  --cc-w-photo-h: clamp(460px, 60vw, 900px);
  --cc-w-shift: .46em;
  --cc-w-bg: #0A0708;
  --cc-w-photo-bg: #D9D6DF;
  --cc-w-pos-x: 50%;
  --cc-w-pos-y: 40%;
  --cc-w-word: #FFFFFF;
  --cc-w-title: #1B1A1A;
  --cc-w-text: #1B1A1A;
  --cc-w-gutter: clamp(20px, 3.2vw, 56px);
  --cc-w-top: clamp(60px, 6vw, 96px);
  --cc-w-text-w: 312px;
  --cc-w-stack-bg: #FFFFFF;
  width: 100%;
  font-size: 13px;
  line-height: 1.85;
  box-sizing: border-box;
}
.cc-welcome-wrap *, .cc-welcome-wrap *::before, .cc-welcome-wrap *::after { box-sizing: border-box; }

/* ---------- photo running into a dark band ---------- */
.cc-welcome {
  position: relative;
  overflow: hidden;
  background: var(--cc-w-bg);
}
.cc-welcome__photo {
  height: var(--cc-w-photo-h);
  margin: 0;
  overflow: hidden;
  background: var(--cc-w-photo-bg);
}
.cc-welcome__photo img {
  display: block;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  object-position: var(--cc-w-pos-x) var(--cc-w-pos-y);
}
.cc-welcome__band { height: var(--cc-w-band); background: var(--cc-w-bg); }

/* ---------- the big word, straddling the seam ---------- */
.cc-welcome-wrap .cc-welcome__word {
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(var(--cc-w-band) - var(--cc-w-shift));
  z-index: 4;
  margin: 0;
  padding: 0;
  text-align: center;
  pointer-events: none;
  color: var(--cc-w-word);
  font-family: "Bodoni Moda", "Didot", "Bodoni 72", Georgia, serif;
  font-size: clamp(80px, 19vw, 352px);
  font-weight: 400;
  font-variation-settings: "opsz" 96;
  letter-spacing: -.04em;
  line-height: .8;
  text-transform: uppercase;
}

/* ---------- text on the photo ---------- */
.cc-welcome__text {
  position: absolute;
  z-index: 5;
  top: var(--cc-w-top);
  left: var(--cc-w-gutter);
  max-width: var(--cc-w-text-w);
}
.cc-welcome--text-right .cc-welcome__text { left: auto; right: var(--cc-w-gutter); text-align: right; }
.cc-welcome-wrap .cc-welcome__title {
  margin: 0;
  font-family: "Archivo", "Helvetica Neue", Arial, sans-serif;
  font-size: clamp(15px, 1.25vw, 19px);
  font-weight: 800;
  letter-spacing: .01em;
  line-height: 1.15;
  text-transform: uppercase;
  color: var(--cc-w-title);
}
.cc-welcome-wrap .cc-welcome__para {
  margin: 18px 0 0;
  font-family: "IBM Plex Mono", "Courier New", monospace;
  font-size: 11px;
  font-weight: 400;
  letter-spacing: .55px;
  line-height: 1.9;
  text-transform: uppercase;
  color: var(--cc-w-text);
}