/* ============================================================
   GIFT WITH A STORY — STANDARD MAKER POST v1.1.16
   Shorter, structured maker pages with preserved imagery.
============================================================ */

.gwas-maker-standard {
  --gms-navy: #243346;
  --gms-navy-dark: #182432;
  --gms-gold: #b08d57;
  --gms-gold-dark: #8c6738;
  --gms-cream: #f8f1e5;
  --gms-paper: #fffaf2;
  --gms-ink: #2d2924;
  --gms-muted: #675d53;
  --gms-border: #d9c7ac;
  /*
   * Base fallback stays inside the WordPress content area. On the live page,
   * gwas-standard-maker-align.js measures the actual custom site header and
   * aligns this maker frame to that same rendered left edge and width. This is
   * more reliable than guessing from viewport or theme wrapper widths.
   */
  position: relative;
  left: var(--gms-frame-shift, 0px);
  width: var(--gms-frame-width, 100%) !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: clip;
  background: var(--gms-cream);
  color: var(--gms-ink);
}

.gwas-maker-standard *,
.gwas-maker-standard *::before,
.gwas-maker-standard *::after { box-sizing: border-box; }

.gwas-maker-standard-shell {
  /* Exact live header-shell measurements are supplied by the alignment helper. */
  width: var(--gms-shell-width, calc(100% - 48px)) !important;
  max-width: none !important;
  margin-left: var(--gms-shell-offset, auto) !important;
  margin-right: auto !important;
  min-width: 0;
}

.gwas-maker-standard p,
.gwas-maker-standard li {
  font-family: Georgia, serif;
  font-size: 18px;
  line-height: 1.68;
}

.gwas-maker-standard h1,
.gwas-maker-standard h2,
.gwas-maker-standard h3 {
  margin-top: 0;
  color: var(--gms-navy-dark) !important;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-weight: 700;
  letter-spacing: -.025em;
  overflow-wrap: anywhere;
}

.gwas-maker-standard h1 { font-size: clamp(42px, 5.4vw, 68px); line-height: 1; }
.gwas-maker-standard h2 { font-size: clamp(32px, 3.6vw, 47px); line-height: 1.06; }
.gwas-maker-standard h3 { font-size: 24px; line-height: 1.17; }

.gms-kicker,
.gms-fact-label,
.gms-section-label,
.gms-timeline-year,
.gms-product-type,
.gms-article-meta {
  font-family: Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
  font-weight: 800;
  letter-spacing: .14em;
  line-height: 1.35 !important;
  text-transform: uppercase;
}

.gms-kicker,
.gms-section-label,
.gms-timeline-year { color: var(--gms-gold-dark) !important; }

.gms-breadcrumb { border-bottom: 1px solid rgba(176,141,87,.32); background: #fbf5ea; }
.gms-breadcrumb .gwas-maker-standard-shell {
  display: flex;
  justify-content: space-between;
  gap: 18px;
  padding: 15px 0;
  font: 700 13px/1.3 Arial, Helvetica, sans-serif;
  letter-spacing: .04em;
}
.gms-breadcrumb a { color: var(--gms-navy); text-decoration: none; }

.gms-hero { padding: 64px 0 58px; background: var(--gms-paper); }
.gms-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr);
  gap: clamp(34px, 5vw, 62px);
  align-items: center;
}
.gms-hero-grid > *, .gms-story-grid > * { min-width: 0; }
.gms-hero h1 { margin: 12px 0 20px; }
.gms-hero-lead {
  max-width: 680px;
  margin: 0 0 26px;
  color: #4f463d;
  font-size: 20px !important;
  line-height: 1.58 !important;
}
.gms-facts {
  display: flex;
  flex-wrap: wrap;
  margin: 25px 0 0;
  padding: 15px 0;
  border-top: 1px solid var(--gms-border);
  border-bottom: 1px solid var(--gms-border);
}
.gms-fact { min-width: 142px; padding: 0 20px 0 0; margin: 5px 20px 5px 0; border-right: 1px solid var(--gms-border); }
.gms-fact:last-child { border-right: 0; }
.gms-fact-label { display: block; margin-bottom: 5px; color: var(--gms-muted); }
.gms-fact strong { color: var(--gms-navy); font: 700 17px/1.35 Georgia, serif; }

.gms-hero-image,
.gms-story-image {
  width: 100%;
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--gms-border);
  background: #e8ddca;
  box-shadow: 0 16px 38px rgba(39,31,23,.09);
}
.gms-hero-image img,
.gms-story-image img { display: block; width: 100% !important; max-width: 100% !important; height: auto; object-fit: cover; }
.gms-hero-image img { aspect-ratio: 4 / 3; }
.gms-story-image img { aspect-ratio: 5 / 4; }

.gms-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 25px; }
.gms-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 47px;
  padding: 13px 18px;
  border: 1px solid var(--gms-navy);
  background: var(--gms-navy);
  color: #fff !important;
  font: 800 11.5px/1.2 Arial, Helvetica, sans-serif;
  letter-spacing: .09em;
  text-decoration: none !important;
  text-transform: uppercase;
}
.gms-button-light { background: transparent; color: var(--gms-navy) !important; }

.gms-section { padding: 64px 0; }
.gms-section:nth-of-type(even) { background: #fbf6ed; }
.gms-section-head { max-width: 760px; margin-bottom: 30px; }
.gms-section-head h2 { margin: 7px 0 13px; }
.gms-section-head > p:last-child { color: var(--gms-muted); }

/* Timeline intentionally separates the two large photographs. */
.gms-timeline-section { background: #f4ead9 !important; border-top: 1px solid rgba(176,141,87,.18); border-bottom: 1px solid rgba(176,141,87,.18); }
.gms-timeline-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.gms-timeline-card,
.gms-product-card,
.gms-article-card { border: 1px solid var(--gms-border); background: rgba(255,255,255,.68); }
.gms-timeline-card { padding: 24px; }
.gms-timeline-card p { margin: 8px 0 0; color: var(--gms-muted); font-size: 16.5px; line-height: 1.55; }

/* Secondary/history image is now on the LEFT to alternate with the hero. */
.gms-story-section { background: var(--gms-paper) !important; }
.gms-story-grid {
  display: grid;
  grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr);
  gap: clamp(34px, 5vw, 60px);
  align-items: center;
}
.gms-story-copy { max-width: 660px; }
.gms-story-copy h2 { margin: 7px 0 20px; }
.gms-story-copy p { margin: 0 0 16px; color: #51483f; }
.gms-story-copy p:first-of-type::first-letter {
  float: left;
  margin: 5px 8px 0 0;
  color: var(--gms-gold-dark);
  font: 700 52px/.78 "Cormorant Garamond", Georgia, serif;
}

.gms-products-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; }
.gms-product-card { padding: 21px 20px 19px; }
.gms-product-type { display: block; margin-bottom: 8px; color: var(--gms-gold-dark); }
.gms-product-card h3 { margin: 0; font-size: 21px; }

.gms-gifts-wrap .gwas-partner-products,
.gms-gifts-wrap .products { margin-top: 20px; }

.gms-articles-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.gms-article-card { overflow: hidden; }
.gms-article-card-image { display: block; aspect-ratio: 16 / 9; overflow: hidden; background: #e9dfd0; }
.gms-article-card-image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.gms-article-card-body { padding: 22px; }
.gms-article-card h3 { margin: 8px 0 10px; }
.gms-article-card h3 a { color: var(--gms-navy-dark) !important; text-decoration: none; }
.gms-article-card p { margin: 0 0 15px; color: var(--gms-muted); font-size: 16.5px; }
.gms-article-link,
.gms-text-link { color: var(--gms-gold-dark) !important; font: 800 12px/1.3 Arial, Helvetica, sans-serif; letter-spacing: .08em; text-decoration: none !important; text-transform: uppercase; }

/* Sister-site handoff: only appears when a direct Party Like 1776 maker URL is saved. */
.gms-individual-shop { background: #efe1c9 !important; }
.gms-individual-grid { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 38px; align-items: center; }
.gms-individual-grid h2 { margin: 7px 0 12px; }
.gms-individual-grid p { max-width: 790px; margin: 0; color: #5a5046; }

/* Strong explicit contrast so other site-wide/theme rules cannot darken this copy. */
.gms-why { background: var(--gms-navy) !important; color: #fff !important; }
.gms-why .gwas-maker-standard-shell,
.gms-why .gwas-maker-standard-shell * { color: #fff !important; }
.gms-why .gms-section-label { color: #e9c98f !important; }
.gms-why h2 { color: #fff !important; margin: 7px 0 18px; }
.gms-why p { max-width: 900px; margin: 0 0 16px; color: rgba(255,255,255,.92) !important; }

.gms-final { padding: 56px 0; background: #efe1c9; }
.gms-final-grid { display: flex; justify-content: space-between; gap: 36px; align-items: center; }
.gms-final h2 { margin-bottom: 8px; }
.gms-final p { margin: 0; color: var(--gms-muted); }

@media (max-width: 980px) {
  .gwas-maker-standard-shell { width: calc(100% - 40px) !important; max-width: 1200px !important; }
  .gms-hero-grid, .gms-story-grid { grid-template-columns: 1fr; gap: 32px; }
  .gms-timeline-grid { grid-template-columns: 1fr; }
  .gms-products-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gms-articles-grid { grid-template-columns: 1fr; }
  .gms-individual-grid { grid-template-columns: 1fr; gap: 22px; }
  .gms-final-grid { display: block; }
  .gms-final .gms-actions { margin-top: 24px; }
  .gms-story-image { order: 1; }
  .gms-story-copy { order: 2; max-width: none; }
}

@media (max-width: 640px) {
  .gwas-maker-standard-shell { width: calc(100% - 28px) !important; max-width: 1200px !important; }
  .gms-hero, .gms-section { padding: 48px 0; }
  .gwas-maker-standard p, .gwas-maker-standard li { font-size: 17px; }
  .gms-hero-lead { font-size: 19px !important; }
  .gms-products-grid { grid-template-columns: 1fr; }
  .gms-fact { width: 100%; border-right: 0; border-bottom: 1px solid var(--gms-border); padding: 0 0 11px; margin: 4px 0 11px; }
  .gms-fact:last-child { border-bottom: 0; margin-bottom: 0; }
  .gms-breadcrumb .gwas-maker-standard-shell { flex-direction: column; gap: 7px; }
  .gms-button { width: 100%; }
}