:root {
  color-scheme: light;

  /* ShineMark v6 color system: charcoal × warm white × silver gray */
  --ink: #434343;
  --muted: #8f8a84;
  --line: #d8d3ca;
  --paper: #f6f3ed;
  --soft: #ebe7df;
  --surface: #fffaf4;

  --accent: #c5c0b4;
  --accent-dark: #434343;
  --gold: #8f8a84;

  /* Brand signature accent colors: screen approximations of the Pantone direction */
  --mane-pink: #d94b8c;
  --mane-peach: #ffbe98;
  --mane-yellow: #f5df4d;
  --mane-green: #c6dec4;
  --mane-blue: #8fa8d8;
  --signature-gradient: linear-gradient(90deg, var(--mane-pink), var(--mane-peach), var(--mane-yellow), var(--mane-green), var(--mane-blue));

  --max: 1160px;
  font-family: "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  color: var(--ink);
  background: var(--paper);
  line-height: 1.7;
}

a {
  color: inherit;
  text-decoration: none;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 16px clamp(18px, 4vw, 48px);
  background: rgba(246, 243, 237, 0.94);
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(10px);
}

.brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
}

.brand-mark {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  color: white;
  background: var(--ink);
  font-weight: 800;
}

.brand small,
.site-footer p,
.eyebrow,
.card p,
.work-card p {
  color: var(--muted);
}

.brand span:last-child {
  display: grid;
  line-height: 1.2;
}

.site-nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px 18px;
  font-size: 15px;
}

.hero {
  min-height: 72vh;
  display: grid;
  align-items: center;
  padding: clamp(72px, 10vw, 132px) clamp(20px, 5vw, 64px);
  background:
    linear-gradient(90deg, rgba(255, 253, 248, 0.95), rgba(255, 253, 248, 0.74)),
    url("./hero-pattern.svg");
  border-bottom: 1px solid var(--line);
}

.hero-inner,
.section-inner {
  width: min(100%, var(--max));
  margin: 0 auto;
}

.hero h1 {
  max-width: 820px;
  margin: 0;
  font-size: clamp(42px, 7vw, 88px);
  line-height: 1.08;
  letter-spacing: 0;
}

.hero p {
  max-width: 720px;
  margin: 24px 0 0;
  color: #383733;
  font-size: clamp(18px, 2.2vw, 23px);
}

.actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 34px;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 48px;
  padding: 10px 20px;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: white;
  font-weight: 700;
}

.button.secondary {
  background: transparent;
  color: var(--ink);
}

section {
  padding: clamp(56px, 8vw, 96px) clamp(20px, 5vw, 64px);
}

.section-head {
  max-width: 760px;
  margin-bottom: 34px;
}

.eyebrow {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

h2 {
  margin: 0;
  font-size: clamp(30px, 4vw, 48px);
  line-height: 1.18;
}

.lead {
  max-width: 820px;
  font-size: 19px;
}

.narrow {
  max-width: 900px;
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.card,
.work-card {
  padding: 24px;
  border: 1px solid var(--line);
  background: var(--surface);
}

.card h3,
.work-card h3 {
  margin: 0 0 10px;
  font-size: 21px;
  line-height: 1.3;
}

.work-card {
  display: grid;
  min-height: 240px;
  align-content: space-between;
  background: var(--surface);
  padding: 0;
  overflow: hidden;
  color: inherit;
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.work-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(23, 23, 23, 0.09);
}

.work-meta {
  color: var(--mane-pink);
  font-weight: 800;
  font-size: 14px;
}

.work-media {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 75%;
  overflow: hidden;
  background: var(--soft);
  border-bottom: 1px solid var(--line);
}

.work-media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.work-media.placeholder {
  background:
    linear-gradient(135deg, rgba(217, 75, 140, 0.08), rgba(255, 190, 152, 0.18)),
    var(--soft);
}

.work-content,
.work-services {
  padding-inline: 24px;
}

.work-content {
  padding-top: 22px;
}

.work-services {
  padding-bottom: 22px;
}

.band {
  background: var(--soft);
  border-block: 1px solid var(--line);
}

.steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
  counter-reset: steps;
}

.step {
  padding: 20px;
  border-top: 3px solid var(--accent);
  background: var(--paper);
}

.step::before {
  counter-increment: steps;
  content: "0" counter(steps);
  color: var(--accent);
  font-weight: 900;
}

.cta {
  background: var(--ink);
  color: white;
}

.cta p {
  color: #ddd7ca;
}

.cta .button.secondary {
  border-color: #ddd7ca;
  color: white;
}

.site-footer {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  padding: 36px clamp(20px, 5vw, 64px);
  background: #111;
  color: white;
}

.work-hero {
  padding-top: clamp(56px, 8vw, 96px);
}

.editorial-hero {
  padding-bottom: clamp(36px, 6vw, 72px);
}

.editorial-hero-copy {
  max-width: 900px;
  margin-bottom: clamp(36px, 7vw, 88px);
}

.editorial-hero h1 {
  margin: 0;
  font-size: clamp(46px, 8vw, 112px);
  line-height: 0.98;
}

.hero-kicker {
  max-width: 720px;
  margin: 28px 0 0;
  color: #33312d;
  font-size: clamp(22px, 3vw, 34px);
  line-height: 1.38;
}

.hero-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 28px;
  margin-top: 34px;
  color: var(--muted);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.work-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
}

.work-hero h1 {
  margin: 0;
  font-size: clamp(36px, 5vw, 64px);
  line-height: 1.12;
}

.project-name {
  margin: 16px 0 0;
  color: var(--ink);
  font-size: 18px;
  font-weight: 800;
}

.work-detail-image {
  display: block;
  width: 100%;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border: 1px solid var(--line);
}

.editorial-hero .work-detail-image {
  aspect-ratio: 16 / 9;
}

.project-info-section {
  padding-block: 0;
}

.project-info-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.project-info-grid > div {
  min-height: 132px;
  padding: 22px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: var(--surface);
}

.project-info-grid p {
  margin: 0 0 10px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.project-info-grid strong {
  display: block;
  font-size: 18px;
  line-height: 1.35;
}

.detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(24px, 5vw, 64px);
}

.story-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
  gap: clamp(28px, 5vw, 64px);
  align-items: center;
}

.story-grid.reverse {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
}

.story-grid.reverse > div {
  order: 2;
}

.story-grid figure,
.gallery-item {
  margin: 0;
}

.story-grid img {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  object-fit: cover;
  border: 1px solid var(--line);
}

.detail-focus-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}

.detail-focus-grid article {
  min-height: 220px;
  padding: 28px;
  background: var(--surface);
}

.detail-focus-grid h3 {
  margin: 0 0 12px;
}

.detail-focus-grid p {
  margin: 0;
  color: var(--muted);
}

.gallery-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(34px, 7vw, 92px) 22px;
}

.gallery-item {
  background: var(--surface);
  border: 1px solid var(--line);
}

.gallery-item img {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.gallery-item.wide {
  grid-column: 1 / -1;
}

.gallery-item.wide img {
  aspect-ratio: 16 / 9;
}

.gallery-item figcaption {
  padding: 14px 16px 16px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.gallery-item figcaption strong {
  display: block;
  margin-bottom: 4px;
  color: var(--ink);
  font-size: 12px;
  text-transform: uppercase;
}

.tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.tag-row span {
  padding: 8px 12px;
  background: var(--surface);
  border: 1px solid var(--line);
  font-weight: 700;
}

@media (max-width: 900px) {
  .site-header,
  .site-footer {
    align-items: flex-start;
    flex-direction: column;
  }

  .site-nav {
    justify-content: flex-start;
  }

  .grid,
  .steps,
  .detail-grid,
  .work-hero-grid,
  .story-grid,
  .story-grid.reverse,
  .gallery-grid,
  .project-info-grid,
  .detail-focus-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .story-grid.reverse > div {
    order: initial;
  }
}

@media (max-width: 560px) {
  .grid,
  .steps,
  .detail-grid,
  .work-hero-grid,
  .story-grid,
  .story-grid.reverse,
  .gallery-grid,
  .project-info-grid,
  .detail-focus-grid {
    grid-template-columns: 1fr;
  }

  .gallery-item.wide {
    grid-column: auto;
  }

  .editorial-hero .work-detail-image,
  .gallery-item.wide img {
    aspect-ratio: 4 / 3;
  }

  .hero {
    min-height: auto;
  }
}


/* =========================================================
   ShineMark v4: Homepage train hero / magazine works / fullscreen case
   ========================================================= */

.hero-video {
  position: relative;
  height: 100vh;
  min-height: 680px;
  overflow: hidden;
  background: #000;
  isolation: isolate;
}

.hero-video video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.hero-overlay {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.62), rgba(0, 0, 0, 0.24) 52%, rgba(0, 0, 0, 0.5)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.08), rgba(0, 0, 0, 0.64));
}

.hero-video::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 3;
  pointer-events: none;
  background: #000;
  opacity: 0;
  transition: opacity 520ms ease;
}

.hero-video.is-black::after {
  opacity: 1;
}

.hero-content {
  position: relative;
  z-index: 2;
  width: min(100% - 48px, 1200px);
  height: 100%;
  margin: 0 auto;
  padding-bottom: 12vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  color: #fff;
}

.hero-eyebrow {
  margin: 0 0 16px;
  color: rgba(255, 255, 255, 0.84);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.hero-content h1 {
  max-width: 960px;
  margin: 0;
  color: #fff;
  font-size: clamp(44px, 7vw, 104px);
  line-height: 1.02;
  letter-spacing: -0.04em;
}

.hero-subtitle {
  margin: 24px 0 0;
  color: rgba(255, 255, 255, 0.88);
  font-size: clamp(18px, 2.2vw, 28px);
  font-weight: 700;
}

.hero-actions .button.secondary {
  border-color: rgba(255, 255, 255, 0.72);
  color: #fff;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(10px);
}

.home-works-section {
  background: var(--paper);
}

.split-head {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) minmax(260px, 0.65fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: end;
  max-width: none;
}

.section-note {
  margin: 0;
  color: var(--muted);
  font-size: 16px;
}

.magazine-work-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(320px, 0.65fr);
  grid-template-rows: repeat(2, minmax(260px, auto));
  gap: 22px;
}

.magazine-work-grid .work-card {
  min-height: 0;
}

.featured-work {
  grid-row: 1 / span 2;
}

.featured-work .work-media {
  padding-top: 66%;
}

.featured-work .work-content {
  padding: clamp(26px, 4vw, 44px) clamp(26px, 4vw, 44px) 10px;
}

.featured-work h3 {
  font-size: clamp(30px, 4vw, 52px);
  line-height: 1.08;
}

.featured-work .work-content p:not(.work-meta) {
  max-width: 760px;
  font-size: 18px;
}

.compact-work .work-media {
  padding-top: 58%;
}

.compact-work .work-content,
.compact-work .work-services {
  padding-inline: 20px;
}

.process-enhanced .step p {
  margin: 10px 0 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.55;
}

.fullscreen-case-hero {
  position: relative;
  height: 100vh;
  min-height: 720px;
  padding: 0;
  overflow: hidden;
  color: #fff;
  background: #111;
}

.case-hero-media,
.case-hero-media img,
.case-hero-shade {
  position: absolute;
  inset: 0;
}

.case-hero-media img {
  width: 100%;
  height: 100%;
  aspect-ratio: auto;
  object-fit: cover;
  border: 0;
}

.case-hero-shade {
  background:
    linear-gradient(90deg, rgba(0, 0, 0, 0.68), rgba(0, 0, 0, 0.16) 56%, rgba(0, 0, 0, 0.44)),
    linear-gradient(180deg, rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0.72));
}

.case-hero-copy-wrap {
  position: relative;
  z-index: 2;
  height: 100%;
  display: flex;
  align-items: flex-end;
  padding-bottom: 11vh;
}

.fullscreen-case-hero .editorial-hero-copy {
  max-width: 980px;
  margin: 0;
}

.fullscreen-case-hero .eyebrow,
.fullscreen-case-hero .hero-meta {
  color: rgba(255, 255, 255, 0.78);
}

.fullscreen-case-hero h1 {
  color: #fff;
  font-size: clamp(52px, 8vw, 118px);
  letter-spacing: -0.05em;
}

.fullscreen-case-hero .hero-kicker {
  color: rgba(255, 255, 255, 0.9);
}

.chapter-no {
  margin: 0 0 8px;
  color: rgba(217, 75, 140, 0.16);
  font-size: clamp(58px, 8vw, 104px);
  font-weight: 900;
  line-height: 0.9;
  letter-spacing: -0.08em;
}

.gallery-link {
  display: block;
  overflow: hidden;
}

.gallery-link img {
  transition: transform 360ms ease;
}

.gallery-link:hover img {
  transform: scale(1.035);
}

.faq-section details {
  border-top: 1px solid var(--line);
  padding: 22px 0;
}

.faq-section details:last-child {
  border-bottom: 1px solid var(--line);
}

.faq-section summary {
  cursor: pointer;
  font-size: 20px;
  font-weight: 900;
}

.faq-section details p {
  margin: 14px 0 0;
  color: var(--muted);
}

@media (max-width: 900px) {
  .hero-video,
  .fullscreen-case-hero {
    min-height: 620px;
  }

  .split-head,
  .magazine-work-grid {
    grid-template-columns: 1fr;
  }

  .featured-work {
    grid-row: auto;
  }
}

@media (max-width: 560px) {
  .hero-video,
  .fullscreen-case-hero {
    height: 88vh;
    min-height: 560px;
  }

  .hero-content {
    width: min(100% - 36px, 1200px);
    padding-bottom: 9vh;
  }

  .hero-content h1,
  .fullscreen-case-hero h1 {
    font-size: 42px;
    letter-spacing: -0.03em;
  }

  .case-hero-copy-wrap {
    padding-bottom: 9vh;
  }

  .magazine-work-grid {
    gap: 18px;
  }
}

/* =========================================================
   ShineMark v5: services visual cards / journal previews / contact upgrade
   ========================================================= */

.home-services-section .split-head,
.home-journal-section .split-head {
  margin-bottom: clamp(28px, 5vw, 48px);
}

.service-visual-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.service-visual-card {
  position: relative;
  min-height: 280px;
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 34px;
  overflow: hidden;
  border: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255, 253, 248, 0.92), rgba(245, 241, 232, 0.74)),
    radial-gradient(circle at 78% 12%, rgba(255, 190, 152, 0.20), transparent 28%),
    white;
}

.service-visual-card::after {
  content: "";
  position: absolute;
  right: -42px;
  bottom: -42px;
  width: 150px;
  height: 150px;
  border: 1px solid rgba(217, 75, 140, 0.16);
  transform: rotate(18deg);
}

.service-mark {
  position: relative;
  z-index: 1;
  width: 64px;
  height: 64px;
  display: grid;
  place-items: center;
  color: var(--ink);
  border: 1px solid rgba(217, 75, 140, 0.34);
  background: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  font-weight: 900;
  letter-spacing: 0.08em;
}

.service-visual-card h3 {
  position: relative;
  z-index: 1;
  margin: 0 0 12px;
  font-size: 23px;
  line-height: 1.25;
}

.service-visual-card p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: var(--muted);
}

.journal-preview-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.journal-card {
  position: relative;
  min-height: 260px;
  padding: 26px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--line);
  background: var(--surface);
  transition: transform 160ms ease, box-shadow 160ms ease;
}

.journal-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(23, 23, 23, 0.09);
}

.journal-card h3 {
  margin: 10px 0 12px;
  font-size: clamp(22px, 2.4vw, 30px);
  line-height: 1.2;
}

.journal-card p:not(.work-meta) {
  margin: 0;
  color: var(--muted);
}

.journal-card span {
  margin-top: 28px;
  color: var(--ink);
  font-weight: 900;
}

.page-journal-grid {
  margin-top: 42px;
}

.quick-contact-actions .button.secondary,
.contact-action-card .button.secondary {
  border-color: rgba(255, 255, 255, 0.44);
}

.contact-layout {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
  gap: 22px;
  align-items: stretch;
}

.contact-card,
.contact-action-card {
  min-height: 280px;
}

.contact-action-card {
  padding: 28px;
  border: 1px solid var(--line);
  background: var(--soft);
}

.contact-action-card h3 {
  margin: 0 0 12px;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.18;
}

.contact-action-card p {
  margin: 0;
  color: var(--muted);
  font-size: 18px;
}

@media (max-width: 900px) {
  .service-visual-grid,
  .journal-preview-grid,
  .contact-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .service-visual-grid,
  .journal-preview-grid,
  .contact-layout {
    grid-template-columns: 1fr;
  }

  .service-visual-card,
  .journal-card {
    min-height: 220px;
  }
}

/* =========================================================
   ShineMark v6: color system refinement / signature accents
   ========================================================= */

::selection {
  color: #fff;
  background: var(--ink);
}

.site-header {
  box-shadow: 0 1px 0 rgba(67, 67, 67, 0.04);
}

.brand-mark {
  position: relative;
  background: var(--ink);
  overflow: hidden;
}

.brand-mark::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 4px;
  background: var(--signature-gradient);
}

.button {
  border-color: var(--ink);
  background: var(--ink);
  color: var(--paper);
  transition: transform 180ms ease, box-shadow 180ms ease, background 180ms ease, color 180ms ease;
}

.button:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 24px rgba(67, 67, 67, 0.14);
}

.button.secondary {
  border-color: var(--accent);
  color: var(--ink);
  background: transparent;
}

.button.secondary:hover {
  border-color: var(--ink);
  background: rgba(67, 67, 67, 0.04);
}

.section-head::after,
.split-head > div::after {
  content: "";
  display: block;
  width: 86px;
  height: 3px;
  margin-top: 18px;
  background: var(--signature-gradient);
}

.split-head::after {
  display: none;
}

.work-card,
.journal-card,
.service-visual-card,
.card,
.project-info-grid > div,
.detail-focus-grid article,
.gallery-item,
.contact-action-card {
  background: var(--surface);
}

.work-card {
  position: relative;
  border-color: rgba(216, 211, 202, 0.92);
}

.work-card::after,
.journal-card::after,
.service-visual-card::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--signature-gradient);
  opacity: 0;
  transition: opacity 220ms ease;
}

.work-card:hover::after,
.journal-card:hover::after,
.service-visual-card:hover::before {
  opacity: 1;
}

.work-meta {
  color: var(--mane-pink);
}

.step {
  border-top-color: transparent;
  position: relative;
}

.step::after {
  content: "";
  position: absolute;
  inset: 0 auto auto 0;
  width: 100%;
  height: 3px;
  background: var(--signature-gradient);
}

.step::before {
  color: var(--ink);
}

.cta,
.site-footer {
  background:
    radial-gradient(circle at 92% 12%, rgba(197, 192, 180, 0.12), transparent 26%),
    var(--ink);
}

.site-footer {
  position: relative;
  color: var(--paper);
}

.site-footer::after {
  content: "";
  position: absolute;
  right: clamp(20px, 5vw, 64px);
  bottom: 0;
  width: min(360px, 42vw);
  height: 3px;
  background: var(--signature-gradient);
}

.cta p,
.site-footer p {
  color: rgba(246, 243, 237, 0.76);
}

.cta .button {
  border-color: var(--paper);
  background: var(--paper);
  color: var(--ink);
}

.cta .button.secondary {
  border-color: rgba(246, 243, 237, 0.46);
  background: transparent;
  color: var(--paper);
}

.hero-content::after,
.fullscreen-case-hero .editorial-hero-copy::after {
  content: "";
  display: block;
  width: min(520px, 70vw);
  height: 3px;
  margin-top: 32px;
  background: var(--signature-gradient);
}

.fullscreen-case-hero .eyebrow,
.fullscreen-case-hero .hero-meta,
.hero-eyebrow {
  color: rgba(246, 243, 237, 0.78);
}

.fullscreen-case-hero h1,
.hero-content h1 {
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
}

.project-info-grid p,
.gallery-item figcaption strong {
  color: var(--ink);
}

.service-visual-card {
  background:
    linear-gradient(135deg, rgba(255, 250, 244, 0.94), rgba(235, 231, 223, 0.76)),
    radial-gradient(circle at 84% 10%, rgba(255, 190, 152, 0.22), transparent 28%),
    var(--surface);
}

.service-mark {
  color: var(--ink);
  border-color: rgba(67, 67, 67, 0.18);
  background: rgba(246, 243, 237, 0.72);
}

/* Selected Works scroll entrance */
.magazine-work-grid .work-card {
  opacity: 0;
  transform: translateY(42px) scale(0.985);
  transition:
    opacity 780ms ease,
    transform 900ms cubic-bezier(.2, .8, .2, 1),
    box-shadow 220ms ease;
  will-change: opacity, transform;
}

.magazine-work-grid .work-card.is-visible {
  opacity: 1;
  transform: translateY(0) scale(1);
}

.magazine-work-grid .work-card:nth-child(2) {
  transition-delay: 120ms;
}

.magazine-work-grid .work-card:nth-child(3) {
  transition-delay: 240ms;
}

.magazine-work-grid .work-card.is-visible:hover {
  transform: translateY(-4px) scale(1.01);
}

@media (prefers-reduced-motion: reduce) {
  .magazine-work-grid .work-card {
    opacity: 1;
    transform: none;
    transition: none;
  }
}

@media (max-width: 560px) {
  .section-head::after,
  .split-head > div::after {
    width: 72px;
  }

  .site-footer::after {
    left: 20px;
    right: 20px;
    width: auto;
  }
}

/* ShineMark v7 rich footer */
.site-footer:not(.shinemark-rich-footer) {
  display: none;
}

.shinemark-rich-footer {
  position: relative;
  display: block;
  padding: clamp(64px, 8vw, 104px) clamp(20px, 5vw, 64px) 28px;
  background:
    radial-gradient(circle at 8% 0%, rgba(255, 190, 152, 0.10), transparent 24%),
    radial-gradient(circle at 92% 18%, rgba(143, 168, 216, 0.12), transparent 24%),
    linear-gradient(135deg, #2f2f2f, var(--ink));
  color: var(--paper);
  border-top: 1px solid rgba(246, 243, 237, 0.16);
  overflow: hidden;
}

.shinemark-rich-footer::before {
  content: "";
  position: absolute;
  left: clamp(20px, 5vw, 64px);
  top: 0;
  width: min(560px, 68vw);
  height: 4px;
  background: var(--signature-gradient);
}

.shinemark-rich-footer::after {
  content: "";
  position: absolute;
  right: clamp(20px, 5vw, 64px);
  bottom: 0;
  width: min(520px, 54vw);
  height: 3px;
  background: var(--signature-gradient);
}

.footer-inner {
  width: min(100%, var(--max));
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(260px, 0.9fr) minmax(0, 1.7fr);
  gap: clamp(36px, 6vw, 84px);
  align-items: start;
}

.footer-brand-block h2 {
  margin: 0;
  font-size: clamp(38px, 6vw, 72px);
  line-height: 0.95;
  letter-spacing: -0.04em;
  color: var(--paper);
}

.footer-eyebrow {
  margin: 0 0 18px;
  color: rgba(246, 243, 237, 0.66);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.footer-tagline {
  margin: 28px 0 0;
  color: rgba(246, 243, 237, 0.88);
  font-size: 20px;
  font-weight: 700;
}

.footer-statement {
  margin: 18px 0 0;
  max-width: 340px;
  color: rgba(246, 243, 237, 0.66);
  font-size: 15px;
  line-height: 1.7;
}

.footer-signature-line {
  width: min(280px, 72vw);
  height: 3px;
  margin-top: 34px;
  background: var(--signature-gradient);
}

.footer-columns {
  display: grid;
  grid-template-columns: 1.35fr 0.75fr 0.85fr 0.9fr;
  gap: clamp(22px, 3vw, 42px);
}

.footer-column {
  min-width: 0;
}

.footer-column h3 {
  margin: 0 0 18px;
  color: var(--paper);
  font-size: 15px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.footer-column ul {
  display: grid;
  gap: 10px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.footer-column li,
.footer-column p,
.footer-bottom p {
  margin: 0;
  color: rgba(246, 243, 237, 0.68);
  font-size: 14px;
  line-height: 1.65;
}

.footer-column a {
  color: rgba(246, 243, 237, 0.82);
  transition: color 160ms ease;
}

.footer-column a:hover {
  color: var(--paper);
}

.footer-contact-column li {
  display: grid;
  gap: 2px;
}

.footer-contact-column span {
  color: rgba(246, 243, 237, 0.44);
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.footer-consultant strong {
  display: block;
  margin-top: 4px;
  color: var(--paper);
  font-size: 22px;
  line-height: 1.25;
  font-weight: 700;
}

.footer-consultant strong span {
  color: rgba(246, 243, 237, 0.70);
  font-weight: 400;
  font-style: italic;
}

.footer-consultant .company-info {
  margin-top: 18px;
  color: rgba(246, 243, 237, 0.58);
  font-size: 13px;
}

.footer-bottom {
  width: min(100%, var(--max));
  margin: clamp(44px, 6vw, 80px) auto 0;
  padding-top: 22px;
  border-top: 1px solid rgba(246, 243, 237, 0.14);
  display: flex;
  justify-content: space-between;
  gap: 18px;
}

.footer-bottom p:last-child {
  font-style: italic;
  color: rgba(246, 243, 237, 0.50);
}

@media (max-width: 980px) {
  .footer-inner,
  .footer-columns {
    grid-template-columns: 1fr 1fr;
  }

  .footer-brand-block {
    grid-column: 1 / -1;
  }
}

@media (max-width: 640px) {
  .shinemark-rich-footer {
    padding-bottom: 34px;
  }

  .footer-inner,
  .footer-columns,
  .footer-bottom {
    grid-template-columns: 1fr;
  }

  .footer-bottom {
    display: grid;
  }

  .shinemark-rich-footer::after {
    left: 20px;
    right: 20px;
    width: auto;
  }
}



/* =========================================================
   ShineMark v8: American Fairytale Interior case upgrade
   ========================================================= */

.case-facts-section {
  position: relative;
  z-index: 4;
  margin-top: -72px;
  padding-top: 0;
}

.case-facts-panel {
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.25fr);
  gap: 0;
  overflow: hidden;
  background: rgba(246, 243, 237, 0.96);
  border: 1px solid var(--line);
  box-shadow: 0 26px 68px rgba(67, 67, 67, 0.18);
  backdrop-filter: blur(10px);
}

.case-facts-copy {
  padding: clamp(30px, 5vw, 56px);
  border-right: 1px solid var(--line);
}

.case-facts-copy h2 {
  max-width: 620px;
}

.case-facts-copy .lead {
  margin-bottom: 0;
  color: var(--muted);
}

.case-facts-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.case-fact {
  min-height: 156px;
  padding: clamp(22px, 4vw, 34px);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background:
    linear-gradient(135deg, rgba(255, 250, 244, 0.9), rgba(235, 231, 223, 0.52));
}

.case-fact:nth-child(2n) {
  border-right: 0;
}

.case-fact p {
  margin: 0 0 12px;
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.case-fact strong {
  display: block;
  color: var(--ink);
  font-size: clamp(18px, 2.2vw, 25px);
  line-height: 1.25;
}

.case-material-section {
  background:
    radial-gradient(circle at 8% 20%, rgba(255, 190, 152, 0.18), transparent 22%),
    radial-gradient(circle at 92% 18%, rgba(143, 168, 216, 0.14), transparent 20%),
    var(--paper);
}

.material-palette-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}

.material-palette-card {
  position: relative;
  min-height: 260px;
  padding: clamp(24px, 4vw, 36px);
  background: var(--surface);
}

.material-palette-card::after {
  content: "";
  position: absolute;
  left: 24px;
  right: 24px;
  bottom: 0;
  height: 3px;
  background: var(--signature-gradient);
  transform: scaleX(0.22);
  transform-origin: left;
  transition: transform 260ms ease;
}

.material-palette-card:hover::after {
  transform: scaleX(1);
}

.material-swatch {
  display: block;
  width: 56px;
  height: 56px;
  margin-bottom: 24px;
  border: 1px solid var(--line);
  border-radius: 50%;
}

.material-palette-card:nth-child(1) .material-swatch {
  background: #f5efe5;
}

.material-palette-card:nth-child(2) .material-swatch {
  background: #b9926d;
}

.material-palette-card:nth-child(3) .material-swatch {
  background: #f2c98f;
}

.material-palette-card:nth-child(4) .material-swatch {
  background: #d8d3ca;
}

.material-palette-card h3 {
  margin: 0 0 12px;
  font-size: 23px;
  line-height: 1.25;
}

.material-palette-card p {
  margin: 0;
  color: var(--muted);
}

.case-takeaway {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 86% 18%, rgba(217, 75, 140, 0.16), transparent 26%),
    linear-gradient(135deg, #2f2f2f, var(--ink));
  color: var(--paper);
}

.case-takeaway::after {
  content: "";
  position: absolute;
  right: clamp(20px, 5vw, 64px);
  bottom: 0;
  width: min(520px, 54vw);
  height: 3px;
  background: var(--signature-gradient);
}

.case-takeaway .eyebrow {
  color: rgba(246, 243, 237, 0.68);
}

.case-takeaway h2 {
  color: var(--paper);
}

.case-takeaway .lead {
  color: rgba(246, 243, 237, 0.78);
}

@media (max-width: 900px) {
  .case-facts-section {
    margin-top: 0;
    padding-top: clamp(32px, 7vw, 56px);
  }

  .case-facts-panel,
  .material-palette-grid {
    grid-template-columns: 1fr;
  }

  .case-facts-copy {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .case-facts-grid {
    grid-template-columns: 1fr;
  }

  .case-fact,
  .case-fact:nth-child(2n) {
    border-right: 0;
  }
}

@media (max-width: 560px) {
  .case-facts-section {
    padding-inline: 20px;
  }

  .case-fact {
    min-height: auto;
  }

  .material-palette-card {
    min-height: auto;
  }
}



/* v9 Footer Layout Fix */
.site-footer,
.rich-footer {
  background: #343434;
  color: #f6f3ed;
}

.site-footer .section-inner,
.rich-footer .section-inner,
.footer-inner {
  width: min(100% - 64px, var(--max));
  max-width: 1280px;
  margin-inline: auto;
}

.rich-footer-grid,
.footer-grid {
  display: grid;
  grid-template-columns: minmax(320px, 1.3fr) repeat(4, minmax(150px, 0.7fr));
  gap: clamp(32px, 5vw, 72px);
  align-items: start;
}

.rich-footer a,
.rich-footer p,
.rich-footer li,
.rich-footer span,
.site-footer a,
.site-footer p,
.site-footer li,
.site-footer span,
.footer-grid a,
.footer-grid p,
.footer-grid li,
.footer-grid span {
  word-break: keep-all;
  overflow-wrap: normal;
}

.rich-footer nav a,
.rich-footer .footer-links a,
.rich-footer .footer-services a,
.footer-grid nav a,
.footer-grid .footer-links a,
.footer-grid .footer-services a,
.shinemark-rich-footer a {
  display: inline-block;
  white-space: nowrap;
  line-height: 1.9;
}

.footer-consultant strong,
.rich-footer .footer-consultant strong {
  display: block;
  white-space: nowrap;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.35;
}

.footer-brand-title,
.rich-footer .footer-brand-title {
  font-size: clamp(48px, 7vw, 92px);
  line-height: 0.95;
  letter-spacing: -0.04em;
  white-space: nowrap;
}

@media (max-width: 1100px) {
  .rich-footer-grid,
  .footer-grid {
    grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  }

  .footer-brand,
  .rich-footer .footer-brand {
    grid-column: 1 / -1;
  }
}

@media (max-width: 680px) {
  .site-footer .section-inner,
  .rich-footer .section-inner,
  .footer-inner {
    width: min(100% - 40px, var(--max));
  }

  .rich-footer-grid,
  .footer-grid {
    grid-template-columns: 1fr;
    gap: 34px;
  }

  .footer-brand-title,
  .rich-footer .footer-brand-title {
    white-space: normal;
    font-size: clamp(42px, 13vw, 64px);
  }

  .rich-footer nav a,
  .rich-footer .footer-links a,
  .rich-footer .footer-services a,
  .footer-grid nav a,
  .footer-grid .footer-links a,
  .footer-grid .footer-services a,
  .shinemark-rich-footer a {
    white-space: normal;
  }
}



/* v10 American Fairytale Project Film */
.project-film-section {
  background: var(--paper);
}

.project-film-head {
  display: grid;
  grid-template-columns: minmax(0, 0.9fr) minmax(280px, 0.8fr);
  gap: clamp(24px, 5vw, 72px);
  align-items: end;
  margin-bottom: clamp(28px, 5vw, 72px);
}

.project-film-head h2 {
  max-width: 760px;
}

.project-film-head .lead {
  margin: 0;
  color: var(--muted);
}

.project-film-frame {
  position: relative;
  background: var(--ink);
  border: 1px solid var(--line);
  overflow: hidden;
}

.project-film-frame::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.12);
}

.project-film-video {
  display: block;
  width: 100%;
  height: min(72vh, 760px);
  object-fit: cover;
  background: var(--ink);
}

.project-film-section .section-inner::after {
  content: "";
  display: block;
  width: min(420px, 100%);
  height: 4px;
  margin-top: 28px;
  background: linear-gradient(
    90deg,
    var(--mane-pink) 0 20%,
    var(--mane-peach) 20% 40%,
    var(--mane-yellow) 40% 60%,
    var(--mane-green) 60% 80%,
    var(--mane-blue) 80% 100%
  );
}

/* v10 Case Gallery Magazine Layout */
.gallery-grid.case-gallery {
  columns: 2;
  column-gap: clamp(22px, 4vw, 48px);
  display: block;
}

.gallery-grid.case-gallery .gallery-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 clamp(22px, 4vw, 48px);
  break-inside: avoid;
}

.gallery-grid.case-gallery .gallery-item img {
  aspect-ratio: auto;
  height: auto;
}

.gallery-grid.case-gallery .gallery-item.wide {
  width: 100%;
}

/* v10 Case Page Extra Breathing Room */
.fullscreen-case-hero .editorial-hero-copy h1 {
  letter-spacing: -0.045em;
}

.case-facts-section {
  background: var(--paper);
}

.case-material-section {
  background: var(--soft);
}

.case-takeaway {
  background: var(--ink);
  color: var(--paper);
}

.case-takeaway .eyebrow,
.case-takeaway .lead,
.case-takeaway h2 {
  color: var(--paper);
}

@media (max-width: 900px) {
  .project-film-head {
    grid-template-columns: 1fr;
    align-items: start;
  }

  .project-film-video {
    height: auto;
    aspect-ratio: 1104 / 816;
  }

  .gallery-grid.case-gallery {
    columns: 1;
  }
}

/* =========================================================
   ShineMark v11: Contact Complete / Next Journey
   ========================================================= */

.contact-hero-v11 {
  position: relative;
  height: 100vh;
  min-height: 680px;
  padding: 0;
  overflow: hidden;
  background:
    radial-gradient(circle at 20% 22%, rgba(255, 190, 152, 0.14), transparent 28%),
    linear-gradient(135deg, #2f2f2f, var(--ink));
  color: var(--paper);
  isolation: isolate;
}

.contact-hero-v11 img {
  position: absolute;
  inset: 0;
  z-index: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.contact-hero-shade {
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(35, 35, 35, 0.76), rgba(35, 35, 35, 0.24) 56%, rgba(35, 35, 35, 0.52)),
    linear-gradient(180deg, rgba(35, 35, 35, 0.18), rgba(35, 35, 35, 0.72));
}

.contact-hero-copy-v11 {
  position: relative;
  z-index: 2;
  width: min(100% - 48px, 1200px);
  height: 100%;
  margin: 0 auto;
  padding-bottom: 11vh;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}

.contact-hero-copy-v11 .eyebrow,
.contact-hero-copy-v11 .lead,
.contact-hero-copy-v11 .scroll-hint {
  color: rgba(246, 243, 237, 0.78);
}

.contact-hero-copy-v11 h1 {
  max-width: 980px;
  margin: 0;
  color: var(--paper);
  font-size: clamp(54px, 9vw, 124px);
  line-height: 0.92;
  letter-spacing: -0.055em;
  text-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
}

.contact-hero-copy-v11 .lead {
  margin-top: 28px;
  font-size: clamp(20px, 2.4vw, 32px);
  font-weight: 700;
}

.contact-hero-copy-v11::after {
  content: "";
  display: block;
  width: min(520px, 70vw);
  height: 3px;
  margin-top: 32px;
  background: var(--signature-gradient);
}

.contact-hero-copy-v11 .button.secondary {
  border-color: rgba(246, 243, 237, 0.54);
  color: var(--paper);
  background: rgba(246, 243, 237, 0.08);
  backdrop-filter: blur(10px);
}

.scroll-hint {
  margin: 34px 0 0;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.contact-method-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.contact-method-card {
  position: relative;
  min-height: 260px;
  padding: clamp(24px, 3vw, 34px);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid var(--line);
  background: var(--surface);
  overflow: hidden;
  transition: transform 180ms ease, box-shadow 180ms ease;
}

.contact-method-card::after,
.contact-help-card::after,
.contact-journey-card::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--signature-gradient);
  opacity: 0;
  transition: opacity 220ms ease;
}

.contact-method-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 30px rgba(23, 23, 23, 0.09);
}

.contact-method-card:hover::after {
  opacity: 1;
}

.contact-method-card span,
.contact-help-card p,
.contact-journey-card span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.contact-method-card strong {
  display: block;
  margin: 22px 0;
  color: var(--ink);
  font-size: clamp(20px, 2vw, 28px);
  line-height: 1.28;
  word-break: break-word;
}

.contact-method-card p {
  margin: 0;
  color: var(--muted);
}

.contact-help-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1px;
  background: var(--line);
  border: 1px solid var(--line);
}

.contact-help-card {
  position: relative;
  min-height: 260px;
  padding: clamp(22px, 3vw, 32px);
  background: var(--surface);
}

.contact-help-card h3 {
  margin: 28px 0 12px;
  font-size: clamp(22px, 2.2vw, 30px);
  line-height: 1.18;
}

.contact-help-card span {
  color: var(--muted);
}

.contact-help-card:hover::after,
.contact-journey-card:hover::after {
  opacity: 1;
}

.inquiry-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.85fr) minmax(360px, 1.15fr);
  gap: clamp(32px, 6vw, 90px);
  align-items: start;
}

.inquiry-copy {
  position: sticky;
  top: 120px;
}

.inquiry-copy .lead {
  color: var(--muted);
}

.inquiry-direct-actions {
  display: grid;
  gap: 10px;
  margin-top: 34px;
}

.inquiry-direct-actions a,
.inquiry-direct-actions span {
  display: block;
  padding: 14px 0;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-weight: 800;
}

.inquiry-form {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: clamp(24px, 4vw, 42px);
  border: 1px solid var(--line);
  background:
    radial-gradient(circle at 92% 8%, rgba(255, 190, 152, 0.18), transparent 22%),
    var(--surface);
}

.inquiry-form label {
  display: grid;
  gap: 8px;
}

.inquiry-form label.full {
  grid-column: 1 / -1;
}

.inquiry-form span {
  color: var(--muted);
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.inquiry-form input,
.inquiry-form select,
.inquiry-form textarea {
  width: 100%;
  min-height: 48px;
  padding: 12px 14px;
  border: 1px solid var(--line);
  background: rgba(246, 243, 237, 0.72);
  color: var(--ink);
  font: inherit;
}

.inquiry-form textarea {
  resize: vertical;
}

.inquiry-form button {
  grid-column: 1 / -1;
  cursor: pointer;
}

.contact-journey-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 14px;
}

.contact-journey-card {
  position: relative;
  min-height: 260px;
  padding: clamp(22px, 3vw, 30px);
  border: 1px solid var(--line);
  background: var(--surface);
}

.contact-journey-card span {
  display: block;
  margin-bottom: 42px;
  color: rgba(67, 67, 67, 0.28);
  font-size: clamp(42px, 5vw, 72px);
  line-height: 0.9;
  letter-spacing: -0.08em;
}

.contact-journey-card h3 {
  margin: 0 0 12px;
  font-size: 22px;
}

.contact-journey-card p {
  margin: 0;
  color: var(--muted);
}

.contact-final-cta {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 14% 18%, rgba(217, 75, 140, 0.16), transparent 26%),
    radial-gradient(circle at 86% 24%, rgba(143, 168, 216, 0.16), transparent 24%),
    linear-gradient(135deg, #2f2f2f, var(--ink));
  color: var(--paper);
  text-align: center;
}

.contact-final-cta::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: min(560px, 70vw);
  height: 3px;
  transform: translateX(-50%);
  background: var(--signature-gradient);
}

.contact-final-cta .section-inner {
  max-width: 980px;
}

.contact-final-cta h2 {
  color: var(--paper);
  font-size: clamp(46px, 7vw, 98px);
  line-height: 0.98;
  letter-spacing: -0.05em;
}

.contact-final-cta .lead,
.contact-final-cta .eyebrow {
  color: rgba(246, 243, 237, 0.74);
}

.contact-final-cta .button {
  border-color: var(--paper);
  background: var(--paper);
  color: var(--ink);
}

.contact-final-cta .button.secondary {
  border-color: rgba(246, 243, 237, 0.48);
  background: transparent;
  color: var(--paper);
}

@media (max-width: 1080px) {
  .contact-method-grid,
  .contact-help-grid,
  .contact-journey-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .inquiry-grid {
    grid-template-columns: 1fr;
  }

  .inquiry-copy {
    position: static;
  }
}

@media (max-width: 620px) {
  .contact-hero-v11 {
    height: 88vh;
    min-height: 560px;
  }

  .contact-hero-copy-v11 {
    width: min(100% - 36px, 1200px);
    padding-bottom: 9vh;
  }

  .contact-hero-copy-v11 h1 {
    font-size: 46px;
    letter-spacing: -0.035em;
  }

  .contact-method-grid,
  .contact-help-grid,
  .contact-journey-grid,
  .inquiry-form {
    grid-template-columns: 1fr;
  }

  .contact-method-card,
  .contact-help-card,
  .contact-journey-card {
    min-height: auto;
  }
}



/* ShineMark Contact v12 PATCH */
.contact-hero-v12{position:relative;height:100vh;min-height:680px;padding:0;overflow:hidden;background:linear-gradient(135deg,#2f2f2f,var(--ink));color:var(--paper);isolation:isolate}
.contact-hero-v12 img{position:absolute;inset:0;z-index:0;display:block;width:100%;height:100%;object-fit:cover}
.contact-hero-shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(35,35,35,.76),rgba(35,35,35,.24) 56%,rgba(35,35,35,.52)),linear-gradient(180deg,rgba(35,35,35,.18),rgba(35,35,35,.72))}
.contact-hero-copy-v12{position:relative;z-index:2;width:min(100% - 48px,1200px);height:100%;margin:0 auto;padding-bottom:11vh;display:flex;flex-direction:column;justify-content:flex-end}
.contact-hero-copy-v12 .eyebrow,.contact-hero-copy-v12 .lead{color:rgba(246,243,237,.78)}
.contact-hero-copy-v12 h1{max-width:980px;margin:0;color:var(--paper);font-size:clamp(54px,9vw,124px);line-height:.92;letter-spacing:-.055em;text-shadow:0 18px 48px rgba(0,0,0,.34)}
.contact-hero-copy-v12 .lead{margin-top:28px;font-size:clamp(20px,2.4vw,32px);font-weight:700}
.contact-hero-copy-v12::after{content:"";display:block;width:min(520px,70vw);height:3px;margin-top:32px;background:var(--signature-gradient)}
.contact-hero-copy-v12 .button.secondary{border-color:rgba(246,243,237,.54);color:var(--paper);background:rgba(246,243,237,.08);backdrop-filter:blur(10px)}
.start-journey-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.75fr) minmax(260px,.55fr);gap:clamp(28px,5vw,72px);align-items:start}
.start-journey-main h2{font-size:clamp(42px,6vw,86px);line-height:1;letter-spacing:-.05em}
.start-line{color:#75b84a;font-size:clamp(22px,2.4vw,32px);font-weight:900;line-height:1.45}
.start-checklist{margin-top:34px}.start-checklist p{font-weight:900}.start-checklist ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none}.start-checklist li::before{content:"✓";margin-right:10px;color:var(--mane-pink);font-weight:900}
.line-button{display:inline-flex;align-items:center;justify-content:center;margin-top:42px;min-height:58px;padding:12px 30px;background:#06c755;color:#fff;border-radius:6px;font-size:22px;font-weight:900;box-shadow:0 16px 30px rgba(6,199,85,.24)}
.quick-discuss{padding:clamp(24px,3vw,34px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.quick-discuss h3{margin:0 0 14px;font-size:clamp(26px,3vw,40px)}.quick-discuss p{color:var(--muted)}.quick-discuss dl{display:grid;gap:22px;margin:28px 0 0}.quick-discuss div{padding-top:18px;border-top:1px solid var(--line)}.quick-discuss dt{color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.quick-discuss dd{margin:6px 0 0;font-size:20px;font-weight:800}
.line-qr-panel{padding:clamp(24px,3vw,34px);background:var(--surface);border:1px solid var(--line);text-align:center}.line-qr-panel img{display:block;width:min(220px,100%);margin:18px auto;background:#fff}.line-qr-panel h3{margin:18px 0 4px;font-size:24px}
.journey-route-section{overflow:hidden}.journey-route{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:56px}.journey-route::before{content:"";position:absolute;left:8%;right:8%;top:38px;height:3px;background:var(--signature-gradient)}
.journey-stop{position:relative;padding:96px 18px 0;text-align:center}.journey-stop::before{content:"";position:absolute;top:24px;left:50%;width:30px;height:30px;border-radius:50%;transform:translateX(-50%);background:var(--paper);border:5px solid currentColor;z-index:2}
.journey-stop span{display:block;margin-bottom:18px;font-size:clamp(44px,5vw,76px);font-weight:900;line-height:.85;letter-spacing:-.08em}.journey-stop h3{margin:0 0 10px;font-size:22px}.journey-stop p{margin:0;color:var(--muted);font-size:14px}
.stop-1{color:var(--mane-pink)}.stop-2{color:var(--mane-peach)}.stop-3{color:var(--mane-yellow)}.stop-4{color:var(--mane-green)}.stop-5{color:var(--mane-blue)}.journey-stop h3,.journey-stop p{color:var(--ink)}
.contact-ready-cta{position:relative;overflow:hidden;background:linear-gradient(135deg,#2f2f2f,var(--ink));color:var(--paper);text-align:center;padding-bottom:clamp(72px,9vw,130px)}
.contact-ready-cta .section-inner{max-width:980px}.contact-ready-cta h2{color:var(--paper);font-size:clamp(46px,7vw,98px);line-height:.98;letter-spacing:-.05em}.contact-ready-cta .lead,.contact-ready-cta .eyebrow{color:rgba(246,243,237,.74)}.contact-ready-cta .button{border-color:var(--paper);background:var(--paper);color:var(--ink)}.contact-ready-cta .button.secondary{border-color:rgba(246,243,237,.48);background:transparent;color:var(--paper)}.ready-signature-line{width:min(560px,72vw);height:3px;margin:54px auto 0;background:var(--signature-gradient)}
.design-team-section{background:linear-gradient(135deg,#303030,var(--ink));color:var(--paper)}.design-team-section .section-note,.design-team-section .eyebrow{color:rgba(246,243,237,.66)}.design-team-section h2{color:var(--paper)}
.team-editorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:rgba(246,243,237,.18);border:1px solid rgba(246,243,237,.18)}.team-member{padding:clamp(28px,4vw,46px);background:rgba(0,0,0,.18)}.team-member span{display:block;margin-bottom:44px;font-size:clamp(54px,7vw,104px);font-weight:900;line-height:.8;letter-spacing:-.08em}.team-1 span{color:var(--mane-pink)}.team-2 span{color:var(--mane-peach)}.team-3 span{color:var(--mane-yellow)}.team-member p{margin:0 0 16px;color:rgba(246,243,237,.62);font-weight:900}.team-member h3{margin:0 0 24px;color:var(--paper);font-size:clamp(28px,3vw,42px);line-height:1.15}.team-member ul{display:grid;gap:8px;margin:0;padding:0;list-style:none;color:rgba(246,243,237,.72)}
@media(max-width:1080px){.start-journey-grid,.journey-route,.team-editorial-grid{grid-template-columns:1fr}.journey-route::before{display:none}.journey-stop{padding:34px 0 28px;text-align:left;border-top:1px solid var(--line)}.journey-stop::before{left:auto;right:0;top:38px;transform:none}.line-qr-panel{text-align:left}.line-qr-panel img{margin-left:0}}
@media(max-width:620px){.contact-hero-v12{height:88vh;min-height:560px}.contact-hero-copy-v12{width:min(100% - 36px,1200px);padding-bottom:9vh}.contact-hero-copy-v12 h1{font-size:46px;letter-spacing:-.035em}.start-journey-main h2{font-size:42px}.team-member span{margin-bottom:28px}}




/* =========================================================
   ShineMark Contact v12.1 PATCH
   Minimal contact page, no QRCode, architectural journey lines
   ========================================================= */

.contact-hero-v121{position:relative;height:100vh;min-height:680px;padding:0;overflow:hidden;background:#222;color:var(--paper)}
.contact-hero-v121 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.contact-hero-v121-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.28) 58%,rgba(0,0,0,.36)),linear-gradient(180deg,rgba(0,0,0,.08),rgba(0,0,0,.52))}
.contact-hero-v121-copy{position:relative;z-index:2;width:min(100% - 48px,1200px);height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:11vh}
.contact-hero-v121-copy .eyebrow,.contact-hero-v121-copy .lead{color:rgba(246,243,237,.84)}
.contact-hero-v121-copy h1{max-width:980px;margin:0;color:var(--paper);font-size:clamp(56px,9vw,128px);line-height:.94;letter-spacing:-.055em;text-shadow:0 18px 48px rgba(0,0,0,.36)}
.contact-hero-v121-copy .lead{margin-top:28px;font-size:clamp(20px,2.4vw,32px);font-weight:800;line-height:1.48}
.contact-hero-v121-copy .button.secondary{border-color:rgba(246,243,237,.62);color:var(--paper);background:rgba(246,243,237,.08);backdrop-filter:blur(10px)}
.contact-hero-v121-bar{width:min(560px,72vw);height:3px;margin-top:34px;background:var(--signature-gradient)}

.contact-start-v121{background:var(--paper);padding-top:clamp(56px,7vw,96px);padding-bottom:clamp(72px,9vw,120px)}
.contact-start-v121-grid{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:clamp(28px,6vw,92px);align-items:start}
.contact-start-v121-copy h2{margin:0;font-size:clamp(30px,3.6vw,52px);line-height:1.16;letter-spacing:-.02em}
.contact-start-v121-copy>p{margin:24px 0 0;color:var(--ink);font-size:18px;line-height:1.8}
.contact-start-v121-list{margin-top:38px}
.contact-start-v121-list p{font-weight:900}
.contact-start-v121-list ul{display:grid;gap:8px;margin:12px 0 0;padding:0;list-style:none;color:var(--ink)}
.contact-start-v121-list li::before{content:"—";margin-right:12px;color:var(--muted)}
.contact-start-v121-arrow{position:relative;min-height:90px;margin-top:52px;border-top:1px solid rgba(67,67,67,.55)}
.contact-start-v121-arrow::before{content:"";position:absolute;top:-8px;right:0;width:16px;height:16px;border-top:1px solid rgba(67,67,67,.75);border-right:1px solid rgba(67,67,67,.75);transform:rotate(45deg)}
.contact-start-v121-arrow::after{content:"";position:absolute;top:0;left:0;bottom:0;border-left:1px solid rgba(67,67,67,.12)}

.journey-line-v121{background:var(--soft)}
.journey-line-v121 .section-head{max-width:1000px}
.journey-line-v121-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:48px;border-top:1px solid rgba(67,67,67,.48)}
.journey-line-v121-grid article{position:relative;min-height:160px;padding:26px 24px 0;border-left:1px solid rgba(67,67,67,.32)}
.journey-line-v121-grid article:last-child{border-right:1px solid rgba(67,67,67,.32)}
.journey-line-v121-grid article::before{content:"";position:absolute;top:-10px;left:-1px;width:1px;height:20px;background:rgba(67,67,67,.52)}
.journey-line-v121-grid span{display:block;margin-bottom:24px;color:var(--ink);font-size:clamp(24px,2.3vw,36px);font-family:Georgia,"Times New Roman",serif;line-height:1}
.journey-line-v121-grid h3{margin:0 0 8px;font-size:18px}
.journey-line-v121-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}

.contact-ready-v121{position:relative;text-align:center;background:var(--paper);padding-block:clamp(54px,7vw,82px)}
.contact-ready-v121 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(30px,3.2vw,48px);letter-spacing:-.02em}
.contact-ready-v121 p{margin:14px 0 0;color:var(--ink);font-size:14px;line-height:1.55}
.contact-ready-v121-line{width:min(420px,54vw);height:3px;margin:30px auto 0;background:var(--signature-gradient)}

.design-team-v121{position:relative;overflow:hidden;background:#171717;color:var(--paper);padding-block:clamp(70px,8vw,110px)}
.design-team-v121-bg{position:absolute;inset:0 50% 0 0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.58)),url("contact/design-team.jpg") center/cover no-repeat;opacity:.88}
.design-team-v121-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(42px,8vw,110px);align-items:center}
.design-team-v121-copy .eyebrow{color:rgba(246,243,237,.72)}
.design-team-v121-copy h2{max-width:620px;color:var(--paper);font-size:clamp(28px,3.6vw,52px);line-height:1.36;font-weight:500;letter-spacing:.02em}
.design-team-v121-list{display:grid}
.design-team-v121-list article{padding:18px 0;border-bottom:1px solid rgba(246,243,237,.2)}
.design-team-v121-list article:first-child{border-top:1px solid rgba(246,243,237,.2)}
.design-team-v121-list p{margin:0 0 8px;color:rgba(246,243,237,.6);font-size:13px;font-weight:800}
.design-team-v121-list h3{margin:0;color:var(--paper);font-size:clamp(20px,2.2vw,30px);line-height:1.25}
.design-team-v121-list span{display:block;margin-top:3px;color:rgba(246,243,237,.72);font-size:14px}
.design-team-v121-list ul{display:grid;gap:4px;margin:10px 0 0;padding:0;list-style:none;color:rgba(246,243,237,.62);font-size:13px}

@media(max-width:900px){
  .contact-start-v121-grid,.design-team-v121-grid{grid-template-columns:1fr}
  .contact-start-v121-arrow{margin-top:20px}
  .journey-line-v121-grid{grid-template-columns:1fr;border-top:0}
  .journey-line-v121-grid article,.journey-line-v121-grid article:last-child{border-right:0;border-left:1px solid rgba(67,67,67,.32);border-top:1px solid rgba(67,67,67,.32);padding:22px 0 22px 28px;min-height:auto}
  .journey-line-v121-grid article::before{top:-1px;left:-10px;width:20px;height:1px}
  .design-team-v121-bg{right:0;opacity:.32}
}
@media(max-width:620px){
  .contact-hero-v121{height:88vh;min-height:560px}
  .contact-hero-v121-copy{width:min(100% - 36px,1200px);padding-bottom:9vh}
  .contact-hero-v121-copy h1{font-size:46px;letter-spacing:-.035em}
}



/* ShineMark About v1 PATCH */
.about-hero-v1{position:relative;height:100vh;min-height:680px;padding:0;overflow:hidden;background:#2f2f2f;color:var(--paper)}
.about-hero-v1 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.about-hero-v1-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,35,35,.74),rgba(35,35,35,.28) 52%,rgba(35,35,35,.18)),linear-gradient(180deg,rgba(35,35,35,.18),rgba(35,35,35,.62))}
.about-hero-v1-copy{position:relative;z-index:2;width:min(100% - 48px,1200px);height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:11vh}
.about-hero-v1-copy .eyebrow,.about-hero-v1-copy .lead{color:rgba(246,243,237,.82)}
.about-hero-v1-copy h1{max-width:980px;margin:0;color:var(--paper);font-size:clamp(54px,8vw,116px);line-height:.94;letter-spacing:-.055em;text-shadow:0 18px 48px rgba(0,0,0,.34)}
.about-hero-v1-copy .lead{margin-top:28px;font-size:clamp(19px,2.2vw,30px);font-weight:700;line-height:1.55}
.about-hero-v1-line{width:min(560px,72vw);height:3px;margin-top:34px;background:var(--signature-gradient)}
.about-philosophy-v1{background:var(--paper)}
.about-philosophy-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.08fr);gap:clamp(34px,7vw,110px);align-items:start}
.about-philosophy-grid h2{font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}
.about-longform{font-size:clamp(17px,1.5vw,20px);line-height:2;color:var(--ink)}.about-longform p{margin:0 0 28px}
.about-thinking-v1{background:var(--soft)}
.about-thinking-grid{display:grid;grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:clamp(30px,7vw,100px)}
.about-thinking-grid h2{font-size:clamp(38px,5.5vw,78px);letter-spacing:-.05em}.about-thinking-grid .lead{color:var(--muted);font-size:clamp(20px,2.2vw,30px);line-height:1.7}
.about-service-lines{border-top:1px solid var(--line)}
.about-service-line{display:grid;grid-template-columns:120px minmax(240px,.9fr) minmax(280px,1fr);gap:clamp(22px,5vw,64px);align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line)}
.about-service-line span{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,4vw,62px);line-height:1}
.service-line-1 span{color:var(--mane-pink)}.service-line-2 span{color:var(--mane-peach)}.service-line-3 span{color:var(--mane-yellow)}.service-line-4 span{color:var(--mane-green)}
.about-service-line p{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.about-service-line h3{margin:0;font-size:clamp(24px,2.6vw,38px);line-height:1.18}.about-service-line em{color:var(--muted);font-style:normal;line-height:1.75}
.about-shinemark-v1{background:var(--ink);color:var(--paper)}
.about-shinemark-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(340px,.75fr);gap:clamp(34px,7vw,110px);align-items:center}
.about-shinemark-grid .eyebrow,.about-shinemark-grid p{color:rgba(246,243,237,.72)}
.about-shinemark-grid h2{color:var(--paper);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4.4vw,64px);line-height:1.22}.about-shinemark-grid .lead{color:var(--paper);font-size:clamp(21px,2.3vw,30px)}
.about-team-v1{position:relative;overflow:hidden;background:#171717;color:var(--paper);padding-block:clamp(70px,8vw,110px)}
.about-team-v1-bg{position:absolute;inset:0 50% 0 0;background:linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.58)),url("about/about-hero-light-mark.jpg") center/cover no-repeat;opacity:.88}
.about-team-v1-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.9fr);gap:clamp(42px,8vw,110px);align-items:center}
.about-team-v1-copy .eyebrow{color:rgba(246,243,237,.72)}.about-team-v1-copy h2{max-width:620px;color:var(--paper);font-size:clamp(28px,3.6vw,52px);line-height:1.36;font-weight:500;letter-spacing:.02em}
.about-team-v1-list article{padding:18px 0;border-bottom:1px solid rgba(246,243,237,.2)}.about-team-v1-list article:first-child{border-top:1px solid rgba(246,243,237,.2)}
.about-team-v1-list p{margin:0 0 8px;color:rgba(246,243,237,.6);font-size:13px;font-weight:800}.about-team-v1-list h3{margin:0;color:var(--paper);font-size:clamp(20px,2.2vw,30px);line-height:1.25}.about-team-v1-list span{display:block;margin-top:3px;color:rgba(246,243,237,.72);font-size:14px}.about-team-v1-list ul{display:grid;gap:4px;margin:10px 0 0;padding:0;list-style:none;color:rgba(246,243,237,.62);font-size:13px}
.about-ready-v1{text-align:center;background:var(--paper);padding-block:clamp(58px,7vw,90px)}.about-ready-v1 .section-inner{max-width:900px}.about-ready-v1 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4vw,58px)}.about-ready-v1 p{color:var(--muted)}.about-ready-v1 .actions{justify-content:center}.about-ready-v1-line{width:min(420px,54vw);height:3px;margin:34px auto 0;background:var(--signature-gradient)}
@media(max-width:900px){.about-philosophy-grid,.about-thinking-grid,.about-shinemark-grid,.about-team-v1-grid{grid-template-columns:1fr}.about-service-line{grid-template-columns:1fr;gap:10px}.about-team-v1-bg{right:0;opacity:.32}}
@media(max-width:620px){.about-hero-v1{height:88vh;min-height:560px}.about-hero-v1-copy{width:min(100% - 36px,1200px);padding-bottom:9vh}.about-hero-v1-copy h1{font-size:44px;letter-spacing:-.035em}}




/* ShineMark Services v1 PATCH + About v1.1 */
.about-team-v1{display:none!important}
.services-hero-v1{min-height:78vh;display:grid;align-items:end;background:var(--paper);padding-top:clamp(92px,11vw,150px);padding-bottom:clamp(72px,9vw,120px)}
.services-hero-v1 h1{max-width:1080px;margin:0;font-size:clamp(48px,8vw,118px);line-height:.96;letter-spacing:-.06em}
.services-hero-v1 .lead{max-width:780px;margin-top:28px;color:var(--muted);font-size:clamp(20px,2.4vw,32px);font-weight:700}
.services-hero-v1-line{width:min(560px,72vw);height:3px;margin-top:40px;background:var(--signature-gradient)}
.services-lines-v1{background:var(--paper)}
.service-line-list{border-top:1px solid var(--line)}
.service-line-item{display:grid;grid-template-columns:110px minmax(260px,.82fr) minmax(260px,.72fr) minmax(320px,1fr);gap:clamp(22px,4vw,58px);align-items:baseline;padding:34px 0;border-bottom:1px solid var(--line)}
.service-line-item span{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.6vw,58px);line-height:1;color:var(--muted)}
.service-line-item p{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.service-line-item h3{margin:0;font-size:clamp(24px,2.6vw,38px);line-height:1.18}
.service-line-item em{color:var(--ink);font-style:normal;font-weight:800}.service-line-item strong{color:var(--muted);font-weight:400;line-height:1.75}
.services-process-v1{background:var(--soft)}
.services-process-line{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid rgba(67,67,67,.48);margin-top:48px}
.services-process-line article{position:relative;min-height:190px;padding:28px 22px 0;border-left:1px solid rgba(67,67,67,.32)}
.services-process-line article:last-child{border-right:1px solid rgba(67,67,67,.32)}.services-process-line article::before{content:"";position:absolute;top:-10px;left:-1px;width:1px;height:20px;background:rgba(67,67,67,.52)}
.services-process-line p{margin:0 0 26px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.services-process-line h3{margin:0 0 10px;font-size:22px}.services-process-line span{color:var(--muted);font-size:14px;line-height:1.65}
.services-fit-list{display:grid;border-top:1px solid var(--line)}
.services-fit-list article{display:grid;grid-template-columns:minmax(260px,.55fr) minmax(260px,.5fr) minmax(320px,.95fr);gap:clamp(22px,4vw,58px);padding:28px 0;border-bottom:1px solid var(--line);align-items:baseline}
.services-fit-list p{margin:0;color:var(--muted);font-size:14px;font-weight:800}.services-fit-list h3{margin:0;font-size:clamp(22px,2.6vw,34px)}.services-fit-list span{color:var(--muted);line-height:1.7}
.services-related-v1{background:var(--soft)}.services-related-grid{margin-top:34px}
.services-ready-v1{text-align:center;background:var(--paper);padding-block:clamp(58px,7vw,90px)}.services-ready-v1 .section-inner{max-width:900px}.services-ready-v1 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4vw,58px)}.services-ready-v1 p{color:var(--muted)}.services-ready-v1 .actions{justify-content:center}.services-ready-v1-line{width:min(420px,54vw);height:3px;margin:34px auto 0;background:var(--signature-gradient)}
@media(max-width:1050px){.service-line-item,.services-fit-list article{grid-template-columns:1fr;gap:10px}.services-process-line{grid-template-columns:1fr;border-top:0}.services-process-line article,.services-process-line article:last-child{border-right:0;border-left:1px solid rgba(67,67,67,.32);border-top:1px solid rgba(67,67,67,.32);padding:22px 0 22px 28px;min-height:auto}.services-process-line article::before{top:-1px;left:-10px;width:20px;height:1px}}
@media(max-width:620px){.services-hero-v1{min-height:68vh}.services-hero-v1 h1{font-size:44px;letter-spacing:-.04em}}




/* =========================================================
   ShineMark Midnight Museum v1 PATCH
   ========================================================= */

.museum-hero-v1{min-height:92vh;display:grid;align-items:end;background:radial-gradient(circle at 78% 18%,rgba(143,168,216,.16),transparent 24%),radial-gradient(circle at 12% 28%,rgba(217,75,140,.13),transparent 24%),linear-gradient(135deg,#171717,#2f2f2f);color:var(--paper);padding-top:clamp(92px,11vw,150px);padding-bottom:clamp(72px,10vw,130px)}
.museum-hero-v1 h1{margin:0;color:var(--paper);font-size:clamp(58px,9vw,132px);line-height:.92;letter-spacing:-.055em}
.museum-hero-v1 h1 span{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-style:italic;color:rgba(246,243,237,.72)}
.museum-hero-v1 .lead{margin-top:32px;color:rgba(246,243,237,.9);font-size:clamp(24px,3vw,44px);font-weight:700;line-height:1.45}
.museum-hero-note{max-width:760px;margin:28px 0 0;color:rgba(246,243,237,.68);font-size:17px;line-height:1.9}
.museum-hero-v1 .button{border-color:var(--paper);background:var(--paper);color:var(--ink)}
.museum-hero-v1 .button.secondary{border-color:rgba(246,243,237,.48);background:transparent;color:var(--paper)}
.museum-hero-line{width:min(560px,72vw);height:3px;margin-top:44px;background:var(--signature-gradient)}

.museum-open-v1{background:var(--ink);color:var(--paper)}
.museum-open-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(360px,1fr);gap:clamp(34px,7vw,110px)}
.museum-open-grid h2{color:var(--paper);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(42px,5vw,78px)}
.museum-open-copy{font-size:clamp(18px,1.7vw,24px);line-height:2;color:rgba(246,243,237,.78)}
.museum-open-copy p{margin:0 0 24px}

.museum-rooms-v1{background:var(--paper)}
.museum-room-list{border-top:1px solid var(--line)}
.museum-room-list article{display:grid;grid-template-columns:110px minmax(260px,.75fr) minmax(320px,1fr);gap:clamp(22px,5vw,72px);align-items:baseline;padding:34px 0;border-bottom:1px solid var(--line)}
.museum-room-list span{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.6vw,58px);line-height:1;color:var(--muted)}
.museum-room-list h3{margin:0;font-size:clamp(24px,2.8vw,42px)}
.museum-room-list p{margin:8px 0 0;color:var(--muted);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.museum-room-list em{font-style:normal;color:var(--muted);line-height:1.8}

.museum-guides-v1{background:var(--soft)}
.museum-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.museum-guide-grid article{min-height:320px;padding:clamp(24px,3.5vw,38px);background:var(--surface)}
.museum-guide-grid p{margin:0 0 18px;color:var(--mane-pink);font-size:12px;font-weight:900;letter-spacing:.12em}
.museum-guide-grid span{display:block;color:var(--muted);font-size:13px;font-weight:900}
.museum-guide-grid h3{margin:22px 0 18px;font-size:clamp(22px,2.5vw,34px);line-height:1.25}
.museum-guide-grid em{font-style:normal;color:var(--muted);line-height:1.75}

.museum-about-v1{background:var(--paper)}
.museum-about-grid{display:grid;grid-template-columns:minmax(0,.7fr) minmax(360px,1fr);gap:clamp(34px,7vw,110px)}
.museum-about-grid h2{font-size:clamp(36px,5vw,72px)}
.museum-about-grid p{font-size:clamp(17px,1.5vw,21px);line-height:2;color:var(--ink);margin:0 0 24px}

.museum-invitation-v1{text-align:center;background:linear-gradient(135deg,#171717,var(--ink));color:var(--paper)}
.museum-invitation-v1 h2{color:var(--paper);font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4vw,58px)}
.museum-invitation-v1 p{color:rgba(246,243,237,.72)}
.museum-invitation-v1 .actions{justify-content:center}
.museum-invitation-v1 .button{border-color:var(--paper);background:var(--paper);color:var(--ink)}
.museum-invitation-v1 .button.secondary{border-color:rgba(246,243,237,.48);background:transparent;color:var(--paper)}
.museum-invitation-line{width:min(420px,54vw);height:3px;margin:34px auto 0;background:var(--signature-gradient)}

@media(max-width:900px){
  .museum-open-grid,.museum-room-list article,.museum-about-grid{grid-template-columns:1fr}
  .museum-guide-grid{grid-template-columns:1fr}
}
@media(max-width:620px){
  .museum-hero-v1{min-height:78vh}
  .museum-hero-v1 h1{font-size:48px}
}




/* =========================================================
   ShineMark Art Article v1.1 PATCH: Hokusai Feature
   ========================================================= */

.hokusai-hero-v11{min-height:92vh;display:grid;align-items:end;background:linear-gradient(135deg,#171717,#2f2f2f);color:var(--paper);padding-top:clamp(92px,11vw,150px);padding-bottom:clamp(72px,10vw,130px)}
.hokusai-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(360px,.82fr);gap:clamp(34px,7vw,110px);align-items:end}
.hokusai-hero-v11 h1{margin:0;color:var(--paper);font-size:clamp(46px,6.8vw,104px);line-height:1;letter-spacing:-.055em}
.hokusai-hero-v11 .lead{margin-top:30px;color:rgba(246,243,237,.86);font-size:clamp(24px,3.2vw,48px);font-weight:700;line-height:1.45}
.hokusai-hero-line{width:min(520px,70vw);height:3px;margin-top:40px;background:var(--signature-gradient)}
.hokusai-hero-v11 figure{margin:0}
.hokusai-hero-v11 img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(246,243,237,.16);background:#111}
.hokusai-hero-v11 figcaption{margin-top:10px;color:rgba(246,243,237,.48);font-size:12px}

.hokusai-text-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.08fr);gap:clamp(34px,7vw,110px);align-items:start}
.hokusai-text-grid h2{font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}
.hokusai-longform{font-size:clamp(17px,1.5vw,20px);line-height:2;color:var(--ink)}
.hokusai-longform p{margin:0 0 28px}
.hokusai-longform code{padding:.15em .35em;background:var(--soft);border:1px solid var(--line)}

.hokusai-context-v11,.hokusai-influence-v11{background:var(--soft)}
.hokusai-selected-v11{background:var(--paper)}
.hokusai-artwork-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.hokusai-artwork-list article{display:grid;grid-template-columns:minmax(340px,.75fr) minmax(0,1fr);background:var(--surface)}
.hokusai-artwork-list figure{margin:0;background:#111}
.hokusai-artwork-list img{display:block;width:100%;height:100%;min-height:420px;object-fit:cover}
.hokusai-artwork-list article>div{padding:clamp(28px,5vw,64px)}
.hokusai-artwork-list span{display:block;margin-bottom:38px;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,78px);line-height:1}
.hokusai-artwork-list h3{margin:0 0 14px;font-size:clamp(28px,3.4vw,50px)}
.hokusai-artwork-list .meta{color:var(--ink);font-weight:800}
.hokusai-artwork-list p{color:var(--muted);line-height:1.85}
.hokusai-artwork-list em{display:block;margin-top:26px;color:var(--muted);font-size:13px;font-style:normal;line-height:1.6}

.hokusai-night-v11{background:var(--ink);color:var(--paper)}
.hokusai-night-v11 h2{color:var(--paper)}
.hokusai-night-v11 .eyebrow,.hokusai-night-v11 .hokusai-longform{color:rgba(246,243,237,.74)}

.hokusai-source-v11{background:var(--paper)}
.museum-guide-card{display:block;min-height:320px;padding:clamp(24px,3.5vw,38px);background:var(--surface);color:inherit}
.museum-guide-card p{margin:0 0 18px;color:var(--mane-pink);font-size:12px;font-weight:900;letter-spacing:.12em}
.museum-guide-card span{display:block;color:var(--muted);font-size:13px;font-weight:900}
.museum-guide-card h3{margin:22px 0 18px;font-size:clamp(22px,2.5vw,34px);line-height:1.25}
.museum-guide-card em{font-style:normal;color:var(--muted);line-height:1.75}

@media(max-width:960px){
  .hokusai-hero-grid,.hokusai-text-grid,.hokusai-artwork-list article{grid-template-columns:1fr}
  .hokusai-artwork-list img{min-height:auto;aspect-ratio:4/3}
}
@media(max-width:620px){
  .hokusai-hero-v11{min-height:78vh}
  .hokusai-hero-v11 h1{font-size:42px}
}



/* ShineMark Art Article v1.2 PATCH: Zao Wou-Ki Feature */
.zao-hero-v12{min-height:92vh;display:grid;align-items:end;background:radial-gradient(circle at 78% 18%,rgba(143,168,216,.16),transparent 24%),radial-gradient(circle at 12% 28%,rgba(217,75,140,.13),transparent 24%),linear-gradient(135deg,#171717,#2f2f2f);color:var(--paper);padding-top:clamp(92px,11vw,150px);padding-bottom:clamp(72px,10vw,130px)}
.zao-hero-grid{display:grid;grid-template-columns:minmax(0,.94fr) minmax(360px,.82fr);gap:clamp(34px,7vw,110px);align-items:end}
.zao-hero-v12 h1{margin:0;color:var(--paper);font-size:clamp(46px,6.8vw,104px);line-height:1;letter-spacing:-.055em}
.zao-hero-v12 .lead{margin-top:30px;color:rgba(246,243,237,.86);font-size:clamp(24px,3.2vw,48px);font-weight:700;line-height:1.45}
.zao-hero-line{width:min(520px,70vw);height:3px;margin-top:40px;background:var(--signature-gradient)}
.zao-hero-v12 figure{margin:0}.zao-hero-v12 img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid rgba(246,243,237,.16);background:#111}.zao-hero-v12 figcaption{margin-top:10px;color:rgba(246,243,237,.48);font-size:12px}
.zao-text-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.08fr);gap:clamp(34px,7vw,110px);align-items:start}
.zao-text-grid h2{font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}.zao-longform{font-size:clamp(17px,1.5vw,20px);line-height:2;color:var(--ink)}.zao-longform p{margin:0 0 28px}.zao-longform code{padding:.15em .35em;background:var(--soft);border:1px solid var(--line)}
.zao-about-v12,.zao-cosmos-v12,.zao-comparison-v12{background:var(--soft)}
.zao-reference-v12{background:var(--paper)}.zao-reference-list{border-top:1px solid var(--line)}
.zao-reference-list article{display:grid;grid-template-columns:110px minmax(220px,.7fr) minmax(320px,1fr) minmax(150px,.35fr);gap:clamp(20px,4vw,56px);align-items:baseline;padding:32px 0;border-bottom:1px solid var(--line)}
.zao-reference-list article.zao-feature-card{grid-template-columns:minmax(260px,.55fr) 86px minmax(220px,.62fr) minmax(280px,.9fr) minmax(170px,.38fr);align-items:start}
.zao-reference-list figure{margin:0;background:#111;overflow:hidden}
.zao-reference-list img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.zao-reference-list span{font-family:Georgia,"Times New Roman",serif;font-size:clamp(30px,3.6vw,58px);line-height:1;color:var(--muted)}.zao-reference-list h3{margin:0 0 8px;font-size:clamp(24px,2.6vw,38px)}.zao-reference-list p{margin:0;color:var(--muted);font-size:13px;font-weight:800}.zao-reference-list em{color:var(--muted);font-style:normal;line-height:1.75}.zao-reference-list strong{color:var(--ink);font-size:13px;line-height:1.6}
.zao-compare-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.zao-compare-grid article{min-height:260px;padding:clamp(24px,3.6vw,38px);background:var(--surface)}.zao-compare-grid h3{margin:0 0 18px;font-size:clamp(24px,2.6vw,38px)}.zao-compare-grid p{margin:0;color:var(--muted);line-height:1.75}
.zao-night-v12{background:var(--ink);color:var(--paper)}.zao-night-v12 h2{color:var(--paper)}.zao-night-v12 .eyebrow,.zao-night-v12 .zao-longform{color:rgba(246,243,237,.74)}.zao-source-v12{background:var(--paper)}
@media(max-width:1120px){.zao-reference-list article.zao-feature-card{grid-template-columns:minmax(240px,.65fr) 76px minmax(220px,1fr);align-items:start}.zao-reference-list article.zao-feature-card em,.zao-reference-list article.zao-feature-card strong{grid-column:3}}
@media(max-width:960px){.zao-hero-grid,.zao-text-grid,.zao-reference-list article,.zao-reference-list article.zao-feature-card{grid-template-columns:1fr}.zao-reference-list article.zao-feature-card em,.zao-reference-list article.zao-feature-card strong{grid-column:auto}.zao-compare-grid{grid-template-columns:1fr}}
@media(max-width:620px){.zao-hero-v12{min-height:78vh}.zao-hero-v12 h1{font-size:42px}}



/* ShineMark Art Article v1.3 PATCH: Van Gogh Starry Night */
.vangogh-hero-v13{position:relative;height:100vh;min-height:700px;padding:0;overflow:hidden;background:#171717;color:var(--paper)}
.vangogh-hero-v13 img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vangogh-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,23,23,.78),rgba(23,23,23,.38) 52%,rgba(23,23,23,.28)),linear-gradient(180deg,rgba(23,23,23,.16),rgba(23,23,23,.72))}
.vangogh-hero-copy{position:relative;z-index:2;width:min(100% - 48px,1200px);height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:11vh}
.vangogh-hero-copy .eyebrow,.vangogh-hero-copy .lead{color:rgba(246,243,237,.84)}
.vangogh-hero-v13 h1{max-width:1120px;margin:0;color:var(--paper);font-size:clamp(48px,7.8vw,112px);line-height:.98;letter-spacing:-.055em;text-shadow:0 18px 48px rgba(0,0,0,.42)}
.vangogh-hero-v13 .lead{margin-top:28px;font-size:clamp(24px,3vw,44px);font-weight:700;line-height:1.45}
.vangogh-hero-line{width:min(560px,72vw);height:3px;margin-top:40px;background:var(--signature-gradient)}
.vangogh-text-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.08fr);gap:clamp(34px,7vw,110px);align-items:start}
.vangogh-text-grid h2{font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}
.vangogh-longform{font-size:clamp(17px,1.5vw,20px);line-height:2;color:var(--ink)}
.vangogh-longform p{margin:0 0 28px}
.vangogh-longform code{padding:.15em .35em;background:var(--soft);border:1px solid var(--line)}
.vangogh-about-v13,.vangogh-together-v13{background:var(--soft)}
.vangogh-selected-v13{background:var(--paper)}
.vangogh-artwork-list{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
.vangogh-artwork-list article{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1fr);background:var(--surface)}
.vangogh-artwork-list figure{margin:0;background:#111}
.vangogh-artwork-list img{display:block;width:100%;height:100%;min-height:430px;object-fit:cover}
.vangogh-artwork-list article>div{padding:clamp(28px,5vw,64px)}
.vangogh-artwork-list span{display:block;margin-bottom:38px;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,5vw,78px);line-height:1}
.vangogh-artwork-list h3{margin:0 0 14px;font-size:clamp(28px,3.4vw,50px)}
.vangogh-artwork-list .meta{color:var(--ink);font-weight:800}
.vangogh-artwork-list p{color:var(--muted);line-height:1.85}
.vangogh-artwork-list em{display:block;margin-top:26px;color:var(--muted);font-size:13px;font-style:normal;line-height:1.6}
.vangogh-night-v13{background:var(--ink);color:var(--paper)}
.vangogh-night-v13 h2{color:var(--paper)}
.vangogh-night-v13 .eyebrow,.vangogh-night-v13 .vangogh-longform{color:rgba(246,243,237,.74)}
.vangogh-source-v13{background:var(--paper)}
@media(max-width:960px){
  .vangogh-text-grid,.vangogh-artwork-list article{grid-template-columns:1fr}
  .vangogh-artwork-list img{min-height:auto;aspect-ratio:4/3}
}
@media(max-width:620px){
  .vangogh-hero-v13{height:88vh;min-height:560px}
  .vangogh-hero-copy{width:min(100% - 36px,1200px);padding-bottom:9vh}
  .vangogh-hero-v13 h1{font-size:40px;letter-spacing:-.035em}
}



/* =========================================================
   ShineMark Art Article v1.4 PATCH: Van Gogh Starry Night
   Curated selected works / Blue Fusion + Gray
   ========================================================= */

:root{
  --vangogh-bluefusion:#63768c;
  --vangogh-gray:#8f8b84;
  --vangogh-softgray:#e8e4dc;
  --vangogh-deep:#101419;
}

.vangogh-hero-v14 .vangogh-hero-shade{background:linear-gradient(90deg,rgba(16,20,25,.78),rgba(16,20,25,.36) 54%,rgba(16,20,25,.22)),linear-gradient(180deg,rgba(16,20,25,.14),rgba(16,20,25,.78))}
.vangogh-hero-v14 .eyebrow{color:rgba(244,241,235,.78)}
.vangogh-hero-v14 .vangogh-hero-line{background:linear-gradient(90deg,var(--vangogh-gray),var(--vangogh-bluefusion))}

.vangogh-selected-v14{background:linear-gradient(180deg,var(--soft),#eeebe4)}
.vangogh-selected-v14 .section-note{max-width:48rem}
.vangogh-curated-grid{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:34px 34px;
  align-items:start;
}
.vg-item{position:relative}
.vg-item figure{
  margin:0;
  aspect-ratio:var(--ratio);
  background:#151515;
  border:1px solid rgba(99,118,140,.18);
  overflow:hidden;
  box-shadow:0 18px 40px rgba(16,20,25,.08);
}
.vg-item img{display:block;width:100%;height:100%;object-fit:cover}
.vg-note{
  position:relative;
  margin-top:16px;
  padding:22px 24px 22px 24px;
  background:rgba(255,255,255,.7);
  border:1px solid rgba(99,118,140,.26);
  backdrop-filter:blur(2px);
}
.vg-note::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  width:58px;
  height:2px;
  background:var(--vangogh-bluefusion);
}
.vg-note span{
  display:block;
  margin-bottom:16px;
  color:var(--vangogh-bluefusion);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(28px,3vw,46px);
  line-height:1;
}
.vg-note h3{
  margin:0 0 10px;
  font-size:clamp(24px,2.4vw,34px);
  line-height:1.2;
}
.vg-note .meta{
  margin:0 0 14px;
  color:#3f4650;
  font-size:13px;
  font-weight:800;
  letter-spacing:.01em;
}
.vg-note p{
  margin:0;
  color:var(--muted);
  line-height:1.8;
}
.vg-note em{
  display:block;
  margin-top:18px;
  color:#5f646d;
  font-size:12px;
  font-style:normal;
  line-height:1.65;
}
.vg-item-1{grid-column:1/span 1}
.vg-item-1 .vg-note{width:74%; margin-left:auto; margin-top:-56px}
.vg-item-2{grid-column:2}
.vg-item-2 .vg-note{width:82%; margin-left:0; margin-top:18px}
.vg-item-3{grid-column:1}
.vg-item-3 .vg-note{width:68%; margin-left:6%; margin-top:18px}
.vg-item-4{grid-column:2}
.vg-item-4 .vg-note{width:88%; margin-left:auto; margin-top:-34px}
.vg-item-5{
  grid-column:1 / span 2;
  display:grid;
  grid-template-columns:minmax(0,.46fr) minmax(0,.54fr);
  gap:28px;
  align-items:start;
  margin-top:8px;
}
.vg-item-5 .vg-note{
  width:auto;
  margin-top:34px;
  min-height:unset;
}
.vangogh-night-v14{
  background:var(--ink);
  color:var(--paper);
}
.vangogh-night-v14 h2{color:var(--paper)}
.vangogh-night-v14 .eyebrow,
.vangogh-night-v14 .vangogh-longform{color:rgba(246,243,237,.76)}
.vangogh-source-note{
  margin-top:48px;
  padding:22px 26px;
  max-width:860px;
  background:rgba(7,12,18,.38);
  border:1px solid rgba(99,118,140,.32);
  border-radius:18px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02);
}
.vangogh-source-note p{
  margin:0;
  color:rgba(246,243,237,.74);
  font-size:13px;
  line-height:2;
}

@media(max-width:1100px){
  .vg-item-1 .vg-note,
  .vg-item-2 .vg-note,
  .vg-item-3 .vg-note,
  .vg-item-4 .vg-note{
    width:auto;
    margin-left:0;
    margin-top:16px;
  }
  .vg-item-5{
    grid-template-columns:1fr;
  }
  .vg-item-5 .vg-note{
    margin-top:16px;
  }
}
@media(max-width:860px){
  .vangogh-curated-grid{
    grid-template-columns:1fr;
  }
  .vg-item-1,
  .vg-item-2,
  .vg-item-3,
  .vg-item-4,
  .vg-item-5{
    grid-column:auto;
    display:block;
  }
}




/* =========================================================
   ShineMark Art Article v1.5 PATCH: Van Gogh Starry Night
   Museum Blueprint Editorial Layout
   ========================================================= */

:root{
  --vangogh-bluefusion:#6a7e96;
  --vangogh-bluefusion-light:#a8b8ca;
  --vangogh-gray:#9b9388;
  --vangogh-board:#f7f4ef;
  --vangogh-border:rgba(106,126,150,.42);
  --vangogh-guide:rgba(106,126,150,.23);
  --vangogh-deep:#101419;
}

.vangogh-selected-v15{
  background:linear-gradient(180deg,#f8f5ef 0%, #f5f2eb 100%);
  color:var(--ink);
}
.vg-blueprint-head{
  display:grid;
  grid-template-columns:220px 1fr minmax(280px,360px);
  gap:36px;
  align-items:start;
  margin-bottom:42px;
}
.vg-blueprint-kicker{
  position:relative;
  padding-left:14px;
}
.vg-blueprint-kicker::before{
  content:"";
  position:absolute;
  left:0;
  top:4px;
  bottom:4px;
  width:1px;
  background:var(--vangogh-bluefusion-light);
}
.vg-blueprint-kicker span{
  display:block;
  color:var(--vangogh-bluefusion);
  font-size:11px;
  font-weight:900;
  letter-spacing:.18em;
}
.vg-blueprint-title{
  display:grid;
  grid-template-columns:auto auto;
  gap:26px;
  align-items:start;
}
.vg-blueprint-title::after{
  content:"";
  width:1px;
  height:84px;
  background:var(--vangogh-bluefusion-light);
}
.vg-blueprint-title h2{
  margin:0;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(32px,3.4vw,54px);
  font-weight:500;
  letter-spacing:-.03em;
  line-height:1.05;
}
.vg-blueprint-title p{
  grid-column:1;
  margin:10px 0 0;
  color:var(--ink);
  font-size:16px;
  letter-spacing:.12em;
}
.vg-blueprint-intro p{
  margin:0;
  max-width:28ch;
  color:#555a61;
  line-height:1.8;
  font-size:15px;
}

.vg-blueprint-board{
  position:relative;
  display:grid;
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-template-rows:repeat(16,minmax(46px,auto));
  gap:0;
  padding:34px 0 92px;
  min-height:1380px;
  border-top:1px solid rgba(106,126,150,.16);
  border-bottom:1px solid rgba(106,126,150,.16);
  background:
    radial-gradient(circle at 92% 18%, rgba(106,126,150,.06) 0, rgba(106,126,150,.06) 1px, transparent 1px) 0 0 / 240px 240px,
    linear-gradient(transparent 95%, rgba(106,126,150,.04) 95%) 0 0 / 100% 80px,
    var(--vangogh-board);
  overflow:hidden;
}
.vgb-guide,
.vgb-arc,
.vgb-dot{
  position:absolute;
  pointer-events:none;
}
.vgb-guide{
  background:var(--vangogh-guide);
}
.vgb-guide.g1{left:58%;top:74px;width:220px;height:1px}
.vgb-guide.g2{left:16px;top:340px;width:180px;height:1px}
.vgb-guide.g3{right:92px;top:98px;width:180px;height:1px}
.vgb-guide.g4{left:120px;bottom:92px;width:180px;height:1px}
.vgb-arc{
  border:1px solid rgba(106,126,150,.16);
  border-radius:999px;
}
.vgb-arc.a1{width:340px;height:340px;left:-210px;bottom:-120px}
.vgb-arc.a2{width:320px;height:320px;right:-180px;top:84px}
.vgb-dot{
  width:6px;height:6px;border-radius:50%;background:var(--vangogh-bluefusion);
}
.vgb-dot.d1{left:130px;top:365px}
.vgb-dot.d2{left:61.5%;top:382px}
.vgb-dot.d3{right:110px;top:115px}
.vgb-dot.d4{right:214px;bottom:126px}

.vgb-figure,
.vgb-note{
  position:relative;
  z-index:2;
}
.vgb-figure{
  margin:0;
  border:1px solid rgba(86,93,102,.22);
  background:#fff;
  box-shadow:0 10px 24px rgba(24,28,34,.07);
  padding:6px;
}
.vgb-figure img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}

.vgb-note{
  padding:18px 22px 18px;
  border:1px solid var(--vangogh-border);
  background:rgba(255,255,255,.52);
  clip-path:polygon(0 0, 88% 0, 100% 12%, 100% 88%, 88% 100%, 0 100%);
  box-shadow:0 8px 20px rgba(24,28,34,.03);
}
.vgb-note::before,
.vgb-note::after{
  content:"";
  position:absolute;
  background:var(--vangogh-bluefusion);
}
.vgb-note::before{
  width:8px;height:8px;left:-4px;top:50%;transform:translateY(-50%);
}
.vgb-note::after{
  height:1px;width:36px;left:-36px;top:50%;
}
.vgb-note .no{
  display:block;
  margin-bottom:10px;
  color:var(--vangogh-bluefusion);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,3.2vw,42px);
  line-height:1;
}
.vgb-note h3{
  margin:0 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,2.2vw,34px);
  font-weight:500;
  line-height:1.2;
}
.vgb-note p{
  margin:0;
  color:#4f565d;
  line-height:1.8;
  font-size:15px;
}
.vgb-note dl{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  margin:18px 0 0;
}
.vgb-note dt{
  color:#414750;
  font-size:14px;
  font-weight:700;
}
.vgb-note dd{
  margin:0;
  color:#5c6269;
  font-size:14px;
  line-height:1.7;
}
.vgb-note .two-col{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  align-items:start;
}
.vgb-note .two-col dl{
  margin-top:0;
  padding-left:18px;
  border-left:1px solid rgba(106,126,150,.26);
}

.note-1{grid-column:1 / span 2; grid-row:3 / span 4;}
.fig-1{grid-column:3 / span 4; grid-row:2 / span 4;}

.fig-2{grid-column:7 / span 2; grid-row:1 / span 5;}
.note-2{grid-column:9 / span 2; grid-row:4 / span 4;}

.fig-3{grid-column:10 / span 3; grid-row:2 / span 4;}
.note-3{grid-column:10 / span 3; grid-row:6 / span 3;}
.note-3::before,.note-3::after{left:50%; top:-4px; transform:translateX(-50%)}
.note-3::after{top:-28px; height:28px; width:1px}

.fig-4{grid-column:2 / span 5; grid-row:7 / span 4;}
.note-4{grid-column:4 / span 5; grid-row:11 / span 3;}
.note-4::before,.note-4::after{left:26%; top:-4px; transform:translateX(-50%)}
.note-4::after{top:-28px; height:28px; width:1px}

.fig-5{grid-column:8 / span 2; grid-row:8 / span 4;}
.note-5{grid-column:10 / span 2; grid-row:10 / span 4;}

.vgb-footer-left,
.vgb-footer-right{
  position:absolute;
  bottom:24px;
  color:var(--vangogh-bluefusion);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}
.vgb-footer-left{left:24px}
.vgb-footer-left span{opacity:.46}
.vgb-footer-right{right:24px}
.vgb-footer-right span{margin-left:10px}

.vangogh-night-v15{
  background:var(--ink);
  color:var(--paper);
}
.vangogh-night-v15 h2{color:var(--paper)}
.vangogh-night-v15 .eyebrow,
.vangogh-night-v15 .vangogh-longform{color:rgba(246,243,237,.76)}
.vangogh-source-note.refined{
  margin-top:42px;
  padding:20px 24px;
  max-width:880px;
  background:rgba(10,14,19,.22);
  border:1px solid rgba(106,126,150,.26);
  border-radius:14px;
}
.vangogh-source-note.refined p{
  margin:0;
  color:rgba(246,243,237,.72);
  font-size:13px;
  line-height:2;
}

@media(max-width:1180px){
  .vg-blueprint-head{
    grid-template-columns:1fr;
    gap:18px;
  }
  .vg-blueprint-title{
    grid-template-columns:1fr;
  }
  .vg-blueprint-title::after{
    display:none;
  }
  .vg-blueprint-intro p{
    max-width:none;
  }
  .vg-blueprint-board{
    grid-template-columns:repeat(8,minmax(0,1fr));
    grid-template-rows:none;
    min-height:auto;
    gap:26px;
    padding:26px 0 72px;
  }
  .vgb-guide,.vgb-arc,.vgb-dot,.vgb-footer-left,.vgb-footer-right{
    display:none;
  }
  .note-1,.fig-1,.fig-2,.note-2,.fig-3,.note-3,.fig-4,.note-4,.fig-5,.note-5{
    grid-column:auto;
    grid-row:auto;
  }
  .fig-1{grid-column:span 5}
  .note-1{grid-column:span 3}
  .fig-2{grid-column:span 3}
  .note-2{grid-column:span 3}
  .fig-3{grid-column:span 4}
  .note-3{grid-column:span 4}
  .fig-4{grid-column:span 5}
  .note-4{grid-column:span 3}
  .fig-5{grid-column:span 3}
  .note-5{grid-column:span 3}
  .note-3::before,.note-3::after,.note-4::before,.note-4::after{
    left:-4px; top:50%; transform:translateY(-50%);
  }
  .note-3::after,.note-4::after{
    left:-36px; width:36px; height:1px; top:50%;
  }
}
@media(max-width:820px){
  .vg-blueprint-board{
    display:block;
    padding:10px 0 24px;
    border-bottom:none;
  }
  .vgb-figure,
  .vgb-note{
    margin:0 0 18px;
  }
  .vgb-note{
    clip-path:none;
  }
  .vgb-note::before,
  .vgb-note::after{
    display:none;
  }
  .vgb-note .two-col{
    grid-template-columns:1fr;
  }
  .vgb-note .two-col dl{
    padding-left:0;
    border-left:none;
  }
}




/* =========================================================
   ShineMark Art Article v1.5.1 PATCH: Van Gogh Starry Night
   Fixed-height artworks / variable-width blueprint wall
   ========================================================= */

:root{
  --vangogh-bluefusion:#6a7e96;
  --vangogh-bluefusion-light:#a8b8ca;
  --vangogh-board:#f7f4ef;
  --vangogh-border:rgba(106,126,150,.42);
  --vangogh-guide:rgba(106,126,150,.18);
  --vgb151-art-h:292px;
}

.vangogh-selected-v151{
  background:linear-gradient(180deg,#f8f5ef 0%, #f5f2eb 100%);
  color:var(--ink);
}

.vg-blueprint-board-v151{
  position:relative;
  padding:28px 0 92px;
  border-top:1px solid rgba(106,126,150,.16);
  border-bottom:1px solid rgba(106,126,150,.16);
  background:
    linear-gradient(transparent 95%, rgba(106,126,150,.04) 95%) 0 0 / 100% 80px,
    radial-gradient(circle at 92% 18%, rgba(106,126,150,.06) 0, rgba(106,126,150,.06) 1px, transparent 1px) 0 0 / 240px 240px,
    var(--vangogh-board);
  overflow:hidden;
}
.vgb151-row{
  position:relative;
  z-index:2;
  display:flex;
  align-items:flex-start;
  gap:22px;
}
.vgb151-row-top{margin-bottom:30px;}
.vgb151-row-bottom{align-items:flex-start;}
.vgb151-left-col,
.vgb151-right-col,
.vgb151-stack{
  display:flex;
  flex-direction:column;
  gap:18px;
  flex:0 0 auto;
}
.vgb151-left-col{margin-left:96px;}
.vgb151-right-col{margin-left:36px; padding-top:110px;}

.vgb151-art{
  height:var(--vgb151-art-h);
  flex:0 0 auto;
  margin:0;
  padding:6px;
  background:#fff;
  border:1px solid rgba(86,93,102,.22);
  box-shadow:0 10px 24px rgba(24,28,34,.07);
}
.vgb151-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.art-starry{width:365px;}
.art-cafe{width:236px;}
.art-bedroom{width:368px;}
.art-wheat{width:595px;}
.art-self{width:242px;}

.vgb151-note{
  position:relative;
  padding:18px 22px 18px;
  border:1px solid var(--vangogh-border);
  background:rgba(255,255,255,.54);
  clip-path:polygon(0 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%);
  box-shadow:0 8px 20px rgba(24,28,34,.03);
}
.vgb151-note-left{width:182px; margin-top:76px;}
.vgb151-note-under.compact{width:236px;}
.vgb151-note-under.wide{width:368px;}
.vgb151-left-col .vgb151-note-under.wide{width:595px;}
.vgb151-note::before,
.vgb151-note::after{
  content:"";
  position:absolute;
  background:var(--vangogh-bluefusion);
}
.vgb151-note-left::before{
  width:8px;height:8px;left:-4px;top:50%;transform:translateY(-50%);
}
.vgb151-note-left::after{
  width:34px;height:1px;left:-34px;top:50%;
}
.vgb151-note-under::before{
  width:8px;height:8px;left:50%;top:-4px;transform:translateX(-50%);
}
.vgb151-note-under::after{
  width:1px;height:18px;left:50%;top:-18px;transform:translateX(-50%);
}
.vgb151-note .no{
  display:block;
  margin-bottom:10px;
  color:var(--vangogh-bluefusion);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,3vw,42px);
  line-height:1;
}
.vgb151-note h3{
  margin:0 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,2.1vw,33px);
  font-weight:500;
  line-height:1.15;
}
.vgb151-note p{
  margin:0;
  color:#4f565d;
  line-height:1.72;
  font-size:15px;
}
.vgb151-note dl{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  margin:18px 0 0;
}
.vgb151-note dt{
  color:#414750;
  font-size:14px;
  font-weight:700;
}
.vgb151-note dd{
  margin:0;
  color:#5c6269;
  font-size:14px;
  line-height:1.7;
}
.vgb151-note .two-col{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:18px;
  align-items:start;
}
.vgb151-note .two-col dl{
  margin-top:0;
  padding-left:18px;
  border-left:1px solid rgba(106,126,150,.26);
}

.vgb151-guide,
.vgb151-arc,
.vgb151-dot{
  position:absolute;
  pointer-events:none;
}
.vgb151-guide{height:1px;background:var(--vangogh-guide);}
.guide-h1{left:18px;right:18px;top:74px;}
.guide-h2{left:18px;right:18px;top:258px;}
.guide-h3{left:18px;right:18px;top:476px;}
.vgb151-arc{border:1px solid rgba(106,126,150,.16);border-radius:999px;}
.arc-l{width:320px;height:320px;left:-210px;bottom:-120px;}
.arc-r{width:280px;height:280px;right:-160px;top:66px;}
.vgb151-dot{width:6px;height:6px;border-radius:50%;background:var(--vangogh-bluefusion);}
.dot-a{left:138px;top:332px;}
.dot-b{left:680px;top:438px;}
.dot-c{left:1012px;top:446px;}
.dot-d{right:108px;bottom:164px;}

.vgb151-footer-left,
.vgb151-footer-right{
  position:absolute;
  bottom:24px;
  color:var(--vangogh-bluefusion);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}
.vgb151-footer-left{left:24px;}
.vgb151-footer-left span{opacity:.46;}
.vgb151-footer-right{right:24px;}
.vgb151-footer-right span{margin-left:10px;}

@media(max-width:1320px){
  :root{--vgb151-art-h:260px;}
  .art-starry{width:325px;}
  .art-cafe{width:210px;}
  .art-bedroom{width:328px;}
  .art-wheat{width:530px;}
  .art-self{width:216px;}
  .vgb151-note-left{width:170px;}
  .vgb151-note-under.compact{width:210px;}
  .vgb151-note-under.wide{width:328px;}
  .vgb151-left-col .vgb151-note-under.wide{width:530px;}
  .vgb151-left-col{margin-left:78px;}
  .vgb151-right-col{margin-left:24px;}
}
@media(max-width:1180px){
  .vg-blueprint-board-v151{padding:22px 0 72px;}
  .vgb151-row{
    flex-wrap:wrap;
    gap:20px;
  }
  .vgb151-left-col,
  .vgb151-right-col{margin-left:0; padding-top:0;}
  .vgb151-note-left{margin-top:0; width:220px;}
  .vgb151-guide,.vgb151-arc,.vgb151-dot{display:none;}
}
@media(max-width:860px){
  :root{--vgb151-art-h:230px;}
  .vgb151-row,
  .vgb151-left-col,
  .vgb151-right-col,
  .vgb151-stack{display:block;}
  .vgb151-art,
  .vgb151-note{margin:0 0 18px; width:100% !important;}
  .vgb151-note{clip-path:none;}
  .vgb151-note::before,
  .vgb151-note::after,
  .vgb151-footer-left,
  .vgb151-footer-right{display:none;}
  .vgb151-note .two-col{grid-template-columns:1fr;}
  .vgb151-note .two-col dl{padding-left:0;border-left:none;}
}




/* =========================================================
   ShineMark Art Article v1.5.2 PATCH: Van Gogh Starry Night
   Full-width selected works / horizontal notes below / vertical notes right
   ========================================================= */

:root{
  --vangogh-bluefusion:#6a7e96;
  --vangogh-bluefusion-light:#a8b8ca;
  --vangogh-board:#f7f4ef;
  --vangogh-border:rgba(106,126,150,.42);
  --vangogh-guide:rgba(106,126,150,.16);
  --v152-h-art:286px;
  --v152-v-art:286px;
}

.vangogh-selected-v152{
  background:linear-gradient(180deg,#f8f5ef 0%, #f5f2eb 100%);
  color:var(--ink);
  padding:0;
}
.vg152-fullbleed{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.vg152-head-wrap{padding-top:96px; padding-bottom:28px;}

.vg152-board{
  position:relative;
  min-height:1200px;
  padding:10px 0 88px;
  border-top:1px solid rgba(106,126,150,.16);
  border-bottom:1px solid rgba(106,126,150,.16);
  background:
    linear-gradient(transparent 95%, rgba(106,126,150,.04) 95%) 0 0 / 100% 80px,
    radial-gradient(circle at 92% 18%, rgba(106,126,150,.06) 0, rgba(106,126,150,.06) 1px, transparent 1px) 0 0 / 240px 240px,
    var(--vangogh-board);
  overflow:hidden;
}
.vg152-inner{
  position:relative;
  z-index:2;
  width:min(1680px, calc(100vw - 120px));
  margin:0 auto;
}
.v152-row{
  display:flex;
  align-items:flex-start;
  gap:36px;
}
.v152-row-top{justify-content:space-between; margin-bottom:42px;}
.v152-row-bottom{justify-content:space-between; align-items:flex-start;}
.v152-block{
  flex:0 0 auto;
}
.v152-horizontal{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.v152-vertical{
  display:flex;
  align-items:flex-start;
  gap:18px;
}
.v152-art{
  flex:0 0 auto;
  margin:0;
  padding:6px;
  background:#fff;
  border:1px solid rgba(86,93,102,.22);
  box-shadow:0 10px 24px rgba(24,28,34,.07);
}
.v152-art img{
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.art-starry{width:456px; height:var(--v152-h-art);}
.art-bedroom{width:456px; height:var(--v152-h-art);}
.art-wheat{width:618px; height:var(--v152-h-art);}
.art-cafe{width:232px; height:var(--v152-v-art);}
.art-self{width:232px; height:var(--v152-v-art);}

.v152-note{
  position:relative;
  padding:18px 22px 18px;
  border:1px solid var(--vangogh-border);
  background:rgba(255,255,255,.56);
  clip-path:polygon(0 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%);
  box-shadow:0 8px 20px rgba(24,28,34,.03);
}
.v152-note-below.same-width{width:100%;}
.note-cafe{width:236px; margin-top:40px;}
.note-self{width:236px; margin-top:72px;}
.v152-note::before,
.v152-note::after{
  content:"";
  position:absolute;
  background:var(--vangogh-bluefusion);
}
.v152-note-below::before{
  width:8px;height:8px;left:50%;top:-4px;transform:translateX(-50%);
}
.v152-note-below::after{
  width:1px;height:18px;left:50%;top:-18px;transform:translateX(-50%);
}
.v152-note-right::before{
  width:8px;height:8px;left:-4px;top:50%;transform:translateY(-50%);
}
.v152-note-right::after{
  width:18px;height:1px;left:-18px;top:50%;
}
.v152-note .no{
  display:block;
  margin-bottom:10px;
  color:var(--vangogh-bluefusion);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,3vw,42px);
  line-height:1;
}
.v152-note h3{
  margin:0 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,2.1vw,33px);
  font-weight:500;
  line-height:1.15;
}
.v152-note p{
  margin:0;
  color:#4f565d;
  line-height:1.72;
  font-size:15px;
}
.v152-note dl{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  margin:18px 0 0;
}
.v152-note dt{
  color:#414750;
  font-size:14px;
  font-weight:700;
}
.v152-note dd{
  margin:0;
  color:#5c6269;
  font-size:14px;
  line-height:1.7;
}
.v152-note .two-col{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:22px;
  align-items:start;
}
.v152-note .two-col dl{
  margin-top:0;
  padding-left:18px;
  border-left:1px solid rgba(106,126,150,.26);
}

.v152-guide,
.v152-arc,
.v152-dot{
  position:absolute;
  pointer-events:none;
}
.v152-guide{background:var(--vangogh-guide);}
.gh1{left:24px; right:24px; top:68px; height:1px;}
.gh2{left:24px; right:24px; top:268px; height:1px;}
.gh3{left:24px; right:24px; top:548px; height:1px;}
.gh4{left:24px; right:24px; top:838px; height:1px;}
.gv1{top:24px; bottom:24px; left:50.6%; width:1px;}
.gv2{top:24px; bottom:24px; left:74%; width:1px; opacity:.55;}
.v152-arc{border:1px solid rgba(106,126,150,.16); border-radius:999px;}
.arc-l{width:320px;height:320px;left:-200px;bottom:-120px;}
.arc-r{width:280px;height:280px;right:-150px;top:72px;}
.v152-dot{width:6px;height:6px;border-radius:50%;background:var(--vangogh-bluefusion);}
.d1{left:50.4%; top:264px;}
.d2{left:74%; top:264px;}
.d3{left:50.4%; top:544px;}
.d4{right:92px; bottom:164px;}

.v152-footer-left,
.v152-footer-right{
  position:absolute;
  bottom:24px;
  color:var(--vangogh-bluefusion);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}
.v152-footer-left{left:24px;}
.v152-footer-left span{opacity:.46;}
.v152-footer-right{right:24px;}
.v152-footer-right span{margin-left:10px;}

@media(max-width:1660px){
  .vg152-inner{width:min(1500px, calc(100vw - 90px));}
  .v152-row{gap:26px;}
  .art-starry,.art-bedroom{width:410px;}
  .art-wheat{width:560px;}
  .art-cafe,.art-self{width:214px;}
  .note-cafe,.note-self{width:218px;}
}
@media(max-width:1420px){
  :root{--v152-h-art:260px; --v152-v-art:260px;}
  .vg152-inner{width:min(1320px, calc(100vw - 72px));}
  .art-starry,.art-bedroom{width:374px;}
  .art-wheat{width:510px;}
  .art-cafe,.art-self{width:194px;}
  .note-cafe,.note-self{width:204px;}
  .v152-note .two-col{grid-template-columns:1fr;}
  .v152-note .two-col dl{padding-left:0; border-left:none;}
}
@media(max-width:1220px){
  .vg152-head-wrap{padding-top:72px;}
  .vg152-inner{width:min(1080px, calc(100vw - 48px));}
  .v152-row{display:block;}
  .v152-block{margin-bottom:24px;}
  .v152-horizontal,
  .v152-vertical{display:block;}
  .v152-art,
  .v152-note{margin:0 0 18px;}
  .art-starry,.art-bedroom,.art-wheat,.art-cafe,.art-self,
  .note-cafe,.note-self{width:100%;}
  .v152-note{clip-path:none;}
  .v152-note::before,
  .v152-note::after,
  .v152-guide,.v152-arc,.v152-dot,.v152-footer-left,.v152-footer-right{display:none;}
}
@media(max-width:860px){
  :root{--v152-h-art:220px; --v152-v-art:220px;}
  .vg152-head-wrap{padding-top:56px;}
  .vg152-inner{width:min(100%, calc(100vw - 28px));}
}




/* =========================================================
   ShineMark Art Article v1.5.3 PATCH: Van Gogh Starry Night
   Natural image height / width-led curation wall
   ========================================================= */

:root{
  --vangogh-bluefusion:#6a7e96;
  --vangogh-bluefusion-light:#a8b8ca;
  --vangogh-board:#f7f4ef;
  --vangogh-border:rgba(106,126,150,.42);
  --vangogh-guide:rgba(106,126,150,.16);
}

.vangogh-selected-v153{
  background:linear-gradient(180deg,#f8f5ef 0%, #f5f2eb 100%);
  color:var(--ink);
  padding:0;
}
.vg153-fullbleed{
  width:100vw;
  margin-left:calc(50% - 50vw);
  margin-right:calc(50% - 50vw);
}
.vg153-head-wrap{padding-top:96px; padding-bottom:28px;}

.vg153-board{
  position:relative;
  min-height:1200px;
  padding:10px 0 88px;
  border-top:1px solid rgba(106,126,150,.16);
  border-bottom:1px solid rgba(106,126,150,.16);
  background:
    linear-gradient(transparent 95%, rgba(106,126,150,.04) 95%) 0 0 / 100% 80px,
    radial-gradient(circle at 92% 18%, rgba(106,126,150,.06) 0, rgba(106,126,150,.06) 1px, transparent 1px) 0 0 / 240px 240px,
    var(--vangogh-board);
  overflow:hidden;
}
.vg153-inner{
  position:relative;
  z-index:2;
  width:min(1680px, calc(100vw - 120px));
  margin:0 auto;
}
.v153-row{
  display:flex;
  align-items:flex-start;
  gap:36px;
}
.v153-row-top{justify-content:space-between; margin-bottom:42px;}
.v153-row-bottom{justify-content:space-between; align-items:flex-start;}
.v153-block{flex:0 0 auto;}
.v153-horizontal{
  display:flex;
  flex-direction:column;
  gap:18px;
}
.v153-vertical{
  display:flex;
  align-items:flex-start;
  gap:18px;
}

.v153-art{
  flex:0 0 auto;
  margin:0;
  padding:6px;
  background:#fff;
  border:1px solid rgba(86,93,102,.22);
  box-shadow:0 10px 24px rgba(24,28,34,.07);
}
.v153-art img{
  display:block;
  width:100%;
  height:auto;
}
.art-starry{width:456px;}
.art-bedroom{width:456px;}
.art-wheat{width:618px;}
.art-cafe{width:232px;}
.art-self{width:232px;}

.v153-note{
  position:relative;
  padding:18px 22px 18px;
  border:1px solid var(--vangogh-border);
  background:rgba(255,255,255,.56);
  clip-path:polygon(0 0, 90% 0, 100% 10%, 100% 90%, 90% 100%, 0 100%);
  box-shadow:0 8px 20px rgba(24,28,34,.03);
}
.v153-note-below.same-width{width:100%;}
.note-cafe{width:236px; margin-top:18px;}
.note-self{width:236px; margin-top:28px;}
.v153-note::before,
.v153-note::after{
  content:"";
  position:absolute;
  background:var(--vangogh-bluefusion);
}
.v153-note-below::before{
  width:8px;height:8px;left:50%;top:-4px;transform:translateX(-50%);
}
.v153-note-below::after{
  width:1px;height:18px;left:50%;top:-18px;transform:translateX(-50%);
}
.v153-note-right::before{
  width:8px;height:8px;left:-4px;top:50%;transform:translateY(-50%);
}
.v153-note-right::after{
  width:18px;height:1px;left:-18px;top:50%;
}
.v153-note .no{
  display:block;
  margin-bottom:10px;
  color:var(--vangogh-bluefusion);
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(30px,3vw,42px);
  line-height:1;
}
.v153-note h3{
  margin:0 0 14px;
  font-family:Georgia,"Times New Roman",serif;
  font-size:clamp(23px,2.1vw,33px);
  font-weight:500;
  line-height:1.15;
}
.v153-note p{
  margin:0;
  color:#4f565d;
  line-height:1.72;
  font-size:15px;
}
.v153-note dl{
  display:grid;
  grid-template-columns:1fr;
  gap:4px;
  margin:18px 0 0;
}
.v153-note dt{
  color:#414750;
  font-size:14px;
  font-weight:700;
}
.v153-note dd{
  margin:0;
  color:#5c6269;
  font-size:14px;
  line-height:1.7;
}
.v153-note .two-col{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:22px;
  align-items:start;
}
.v153-note .two-col dl{
  margin-top:0;
  padding-left:18px;
  border-left:1px solid rgba(106,126,150,.26);
}

.v153-guide,
.v153-arc,
.v153-dot{
  position:absolute;
  pointer-events:none;
}
.v153-guide{background:var(--vangogh-guide);}
.gh1{left:24px; right:24px; top:68px; height:1px;}
.gh2{left:24px; right:24px; top:268px; height:1px;}
.gh3{left:24px; right:24px; top:548px; height:1px;}
.gh4{left:24px; right:24px; top:838px; height:1px;}
.gv1{top:24px; bottom:24px; left:50.6%; width:1px;}
.gv2{top:24px; bottom:24px; left:74%; width:1px; opacity:.55;}
.v153-arc{border:1px solid rgba(106,126,150,.16); border-radius:999px;}
.arc-l{width:320px;height:320px;left:-200px;bottom:-120px;}
.arc-r{width:280px;height:280px;right:-150px;top:72px;}
.v153-dot{width:6px;height:6px;border-radius:50%;background:var(--vangogh-bluefusion);}
.d1{left:50.4%; top:264px;}
.d2{left:74%; top:264px;}
.d3{left:50.4%; top:544px;}
.d4{right:92px; bottom:164px;}

.v153-footer-left,
.v153-footer-right{
  position:absolute;
  bottom:24px;
  color:var(--vangogh-bluefusion);
  font-size:11px;
  font-weight:800;
  letter-spacing:.18em;
}
.v153-footer-left{left:24px;}
.v153-footer-left span{opacity:.46;}
.v153-footer-right{right:24px;}
.v153-footer-right span{margin-left:10px;}

@media(max-width:1660px){
  .vg153-inner{width:min(1500px, calc(100vw - 90px));}
  .v153-row{gap:26px;}
  .art-starry,.art-bedroom{width:410px;}
  .art-wheat{width:560px;}
  .art-cafe,.art-self{width:214px;}
  .note-cafe,.note-self{width:218px;}
}
@media(max-width:1420px){
  .vg153-inner{width:min(1320px, calc(100vw - 72px));}
  .art-starry,.art-bedroom{width:374px;}
  .art-wheat{width:510px;}
  .art-cafe,.art-self{width:194px;}
  .note-cafe,.note-self{width:204px;}
  .v153-note .two-col{grid-template-columns:1fr;}
  .v153-note .two-col dl{padding-left:0; border-left:none;}
}
@media(max-width:1220px){
  .vg153-head-wrap{padding-top:72px;}
  .vg153-inner{width:min(1080px, calc(100vw - 48px));}
  .v153-row{display:block;}
  .v153-block{margin-bottom:24px;}
  .v153-horizontal,
  .v153-vertical{display:block;}
  .v153-art,
  .v153-note{margin:0 0 18px;}
  .art-starry,.art-bedroom,.art-wheat,.art-cafe,.art-self,
  .note-cafe,.note-self{width:100%;}
  .v153-note{clip-path:none;}
  .v153-note::before,
  .v153-note::after,
  .v153-guide,.v153-arc,.v153-dot,.v153-footer-left,.v153-footer-right{display:none;}
}
@media(max-width:860px){
  .vg153-head-wrap{padding-top:56px;}
  .vg153-inner{width:min(100%, calc(100vw - 28px));}
}




/* =========================================================
   ShineMark RC1 PATCH
   Journal v2 / Header / Footer / Logo / Midnight Museum
   ========================================================= */

.rc1-brand-logo{display:inline-flex;align-items:center;gap:0;text-decoration:none}
.rc1-brand-logo img{display:block;width:auto;height:30px;max-width:180px}
.site-header .brand img,.site-header .site-brand img,header .brand img,header .site-brand img{display:block;width:auto;height:30px;max-width:180px}

.journal-v2-hero{min-height:78vh;display:grid;align-items:end;background:var(--paper);padding-top:clamp(92px,11vw,150px);padding-bottom:clamp(72px,9vw,120px)}
.journal-v2-hero h1{max-width:1080px;margin:0;font-size:clamp(64px,10vw,142px);line-height:.92;letter-spacing:-.07em}
.journal-v2-hero .lead{max-width:780px;margin-top:28px;color:var(--ink);font-family:Georgia,"Times New Roman",serif;font-size:clamp(28px,3.4vw,52px);line-height:1.2}
.journal-v2-hero-zh{margin:28px 0 0;color:var(--muted);font-size:clamp(18px,2vw,27px);font-weight:700;line-height:1.65}
.journal-v2-line{width:min(560px,72vw);height:3px;margin-top:40px;background:var(--signature-gradient)}

.journal-v2-featured{background:var(--paper)}
.journal-v2-featured-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(380px,.82fr);gap:clamp(34px,7vw,100px);align-items:start}
.journal-v2-featured-grid h2{font-size:clamp(36px,5.2vw,78px);letter-spacing:-.05em}
.journal-v2-featured-card{position:relative;padding:clamp(30px,4.5vw,56px);border:1px solid var(--line);background:var(--surface)}
.journal-v2-featured-card::before{content:"";position:absolute;left:0;top:0;width:72px;height:3px;background:var(--signature-gradient)}
.journal-v2-category{margin:0 0 20px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.journal-v2-featured-card h3{font-family:Georgia,"Times New Roman",serif;font-size:clamp(26px,3vw,42px);line-height:1.2}
.journal-v2-featured-card p:not(.journal-v2-category){color:var(--muted);line-height:1.8}

.journal-v2-categories{background:var(--soft)}
.journal-v2-category-list{display:grid;border-top:1px solid var(--line)}
.journal-v2-category-list a{position:relative;display:flex;align-items:center;justify-content:space-between;padding:24px 0;border-bottom:1px solid var(--line);color:var(--ink);font-size:clamp(24px,3vw,42px);font-family:Georgia,"Times New Roman",serif;text-decoration:none}
.journal-v2-category-list a::after{content:"→";color:var(--muted);font-family:inherit;transition:transform .22s ease,color .22s ease}
.journal-v2-category-list a:hover::after{transform:translateX(8px);color:var(--mane-pink)}

.journal-v2-latest{background:var(--paper)}
.journal-v2-note-list{border-top:1px solid var(--line)}
.journal-v2-note-list article{display:grid;grid-template-columns:88px minmax(260px,.7fr) minmax(300px,1fr) 80px;gap:clamp(20px,4vw,56px);align-items:baseline;padding:30px 0;border-bottom:1px solid var(--line)}
.journal-v2-note-list article>span{font-family:Georgia,"Times New Roman",serif;color:var(--muted);font-size:clamp(30px,3.6vw,58px);line-height:1}
.journal-v2-note-list p{margin:0 0 8px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.journal-v2-note-list h3{margin:0;font-size:clamp(23px,2.6vw,36px);line-height:1.2}
.journal-v2-note-list em{color:var(--muted);font-style:normal;line-height:1.7}
.journal-v2-note-list a{color:var(--ink);font-weight:900;text-decoration:none}

.journal-v2-midnight{background:var(--soft)}
.journal-v2-midnight-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.journal-v2-midnight-grid article{min-height:320px;padding:clamp(26px,4vw,46px);background:var(--surface)}
.journal-v2-midnight-grid p{margin:0 0 18px;color:var(--mane-pink);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.journal-v2-midnight-grid h3{margin:0 0 12px;font-size:clamp(26px,3vw,44px);line-height:1.2}
.journal-v2-midnight-grid span{display:block;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:18px}
.journal-v2-midnight-grid em{display:block;margin:24px 0;color:var(--muted);font-style:normal;line-height:1.75}

.journal-v2-editorial{background:var(--ink);color:var(--paper)}
.journal-v2-editorial-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.08fr);gap:clamp(34px,7vw,110px);align-items:start}
.journal-v2-editorial h2{color:var(--paper);font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}
.journal-v2-editorial .eyebrow,.journal-v2-editorial p{color:rgba(246,243,237,.74)}
.journal-v2-editorial p{font-size:clamp(18px,1.7vw,24px);line-height:2;margin:0 0 24px}

.journal-article-v2-hero{min-height:68vh;display:grid;align-items:end;background:var(--paper);padding-top:clamp(92px,11vw,150px);padding-bottom:clamp(60px,8vw,100px)}
.journal-article-v2-hero h1{max-width:1000px;margin:0;font-size:clamp(42px,6.4vw,94px);line-height:1;letter-spacing:-.055em}
.journal-article-v2-hero .lead{max-width:760px;margin-top:24px;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:clamp(22px,2.8vw,38px);line-height:1.35}
.journal-article-v2-body{background:var(--paper)}
.journal-article-v2-grid{display:grid;grid-template-columns:minmax(180px,.34fr) minmax(360px,1fr);gap:clamp(32px,7vw,110px);align-items:start}
.journal-article-v2-grid aside{position:sticky;top:110px;color:var(--muted)}
.journal-article-v2-grid aside p{margin:0 0 10px;font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.journal-article-v2-grid aside span{font-family:Georgia,"Times New Roman",serif}
.journal-article-v2-grid article{max-width:820px;font-size:clamp(18px,1.7vw,23px);line-height:2;color:var(--ink)}
.journal-article-v2-grid article p{margin:0 0 28px}
.journal-article-v2-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:42px}

.site-footer .design-name,
.site-footer .consultant-name,
.footer-design-name,
.footer-consultant-name,
footer .design-name,
footer .consultant-name{font-size:clamp(30px,2.2vw,36px)!important;line-height:1.18!important}

@media(max-width:900px){
  .journal-v2-featured-grid,.journal-v2-editorial-grid,.journal-article-v2-grid{grid-template-columns:1fr}
  .journal-v2-note-list article{grid-template-columns:1fr;gap:10px}
  .journal-v2-midnight-grid{grid-template-columns:1fr}
  .journal-article-v2-grid aside{position:static}
}




/* =========================================================
   ShineMark Breathing Signage v1 PATCH
   ========================================================= */

.breathing-hero-v1{position:relative;height:100vh;min-height:720px;padding:0;overflow:hidden;background:#171717;color:var(--paper)}
.breathing-hero-v1>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(.92) contrast(1.04)}
.breathing-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.84),rgba(18,18,18,.48) 52%,rgba(18,18,18,.22)),linear-gradient(180deg,rgba(18,18,18,.06),rgba(18,18,18,.82))}
.breathing-hero-copy{position:relative;z-index:2;width:min(100% - 48px,1200px);height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:11vh}
.breathing-hero-copy .eyebrow,.breathing-hero-copy .lead{color:rgba(246,243,237,.84)}
.breathing-hero-v1 h1{max-width:1120px;margin:0;color:var(--paper);font-size:clamp(54px,8.6vw,126px);line-height:.95;letter-spacing:-.055em;text-shadow:0 18px 48px rgba(0,0,0,.42)}
.breathing-hero-v1 .lead{max-width:780px;margin-top:28px;font-size:clamp(21px,2.6vw,38px);font-weight:700;line-height:1.45}
.breathing-hero-line{width:min(560px,72vw);height:3px;margin-top:40px;background:var(--signature-gradient)}

.breathing-facts-v1{padding-block:0;background:var(--paper)}
.breathing-facts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.breathing-facts-grid div{min-height:138px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.breathing-facts-grid p{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.breathing-facts-grid strong{display:block;font-size:17px;line-height:1.45}
.breathing-scope-list{display:flex;flex-wrap:wrap;gap:10px;padding-top:22px;padding-bottom:clamp(48px,6vw,76px)}
.breathing-scope-list span{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid var(--line);background:rgba(246,243,237,.72);color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.breathing-text-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.08fr);gap:clamp(34px,7vw,110px);align-items:start}
.breathing-text-grid h2{font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}
.breathing-longform{font-size:clamp(17px,1.5vw,21px);line-height:2;color:var(--ink)}
.breathing-longform p{margin:0 0 28px}
.breathing-approach-v1,.breathing-highlights-v1{background:var(--soft)}

.breathing-gallery-v1{position:relative;background:linear-gradient(180deg,#f8f5ef 0%,#f4f1ea 100%)}
.breathing-gallery-museum{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.2vw,30px);align-items:start}
.breathing-gallery-piece{position:relative;display:grid;grid-column:span 6;grid-template-columns:minmax(0,1fr);gap:16px;color:var(--ink);text-decoration:none}
.breathing-gallery-piece.featured{grid-column:span 7}
.breathing-gallery-piece.portrait{grid-column:span 5}
.breathing-gallery-piece figure{margin:0;padding:7px;background:#fff;border:1px solid rgba(86,93,102,.2);box-shadow:0 12px 28px rgba(24,28,34,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.breathing-gallery-piece:hover figure{transform:translateY(-4px);border-color:rgba(86,93,102,.34);box-shadow:0 18px 38px rgba(24,28,34,.12)}
.breathing-gallery-piece img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#151515}
.breathing-gallery-piece.featured img{aspect-ratio:16/11}
.breathing-gallery-piece.portrait img{aspect-ratio:3/4}
.breathing-gallery-note{position:relative;max-width:620px;padding:18px 22px 19px;border:1px solid rgba(86,93,102,.28);background:rgba(255,255,255,.62);clip-path:polygon(0 0,92% 0,100% 14%,100% 100%,0 100%);box-shadow:0 8px 22px rgba(24,28,34,.04)}
.breathing-gallery-note span{display:block;margin-bottom:18px;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.8vw,76px);line-height:.9}
.breathing-gallery-note p{margin:0 0 10px;color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.breathing-gallery-note em{display:block;color:var(--muted);font-style:normal;line-height:1.75}
.breathing-lightbox[hidden]{display:none}
.breathing-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(16px,3vw,42px)}
.breathing-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(15,15,15,.88);cursor:zoom-out}
.breathing-lightbox-panel{position:relative;z-index:2;width:min(1180px,100%);max-height:calc(100vh - 40px);display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:14px}
.breathing-lightbox-panel figure{grid-column:2;margin:0;color:var(--paper)}
.breathing-lightbox-panel img{display:block;width:100%;max-height:calc(100vh - 190px);object-fit:contain;background:#101010;box-shadow:0 24px 80px rgba(0,0,0,.4)}
.breathing-lightbox-panel figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin-top:16px;color:rgba(246,243,237,.86)}
.breathing-lightbox-panel figcaption span{grid-row:span 2;font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1;color:var(--paper)}
.breathing-lightbox-panel figcaption strong{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.breathing-lightbox-panel figcaption em{font-style:normal;line-height:1.65;color:rgba(246,243,237,.7)}
.breathing-lightbox-close,.breathing-lightbox-nav{border:1px solid rgba(246,243,237,.34);background:rgba(246,243,237,.08);color:var(--paper);cursor:pointer;transition:background .2s ease,border-color .2s ease}
.breathing-lightbox-close:hover,.breathing-lightbox-nav:hover{background:rgba(246,243,237,.16);border-color:rgba(246,243,237,.58)}
.breathing-lightbox-close{position:absolute;right:0;top:-54px;width:44px;height:44px;font-size:28px;line-height:1}
.breathing-lightbox-nav{width:58px;height:72px;font-size:54px;line-height:.8}
.breathing-lightbox-nav.prev{grid-column:1}
.breathing-lightbox-nav.next{grid-column:3}
html.breathing-lightbox-open{overflow:hidden}

.breathing-highlight-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}
.breathing-highlight-list article{min-height:300px;padding:clamp(26px,4vw,44px);background:var(--surface)}
.breathing-highlight-list span{display:block;margin-bottom:42px;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4vw,64px);line-height:1}
.breathing-highlight-list h3{margin:0 0 16px;font-size:clamp(22px,2.5vw,34px)}
.breathing-highlight-list p{margin:0;color:var(--muted);line-height:1.75}

.breathing-film-v1{background:var(--ink);color:var(--paper)}
.breathing-film-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(280px,.48fr);gap:clamp(34px,7vw,110px);align-items:start}
.breathing-film-v1 h2{color:var(--paper);font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}
.breathing-film-v1 .eyebrow,.breathing-film-v1 p{color:rgba(246,243,237,.74)}
.breathing-film-v1 p{font-size:clamp(17px,1.5vw,21px);line-height:2}
.breathing-reel-card{width:min(100%,360px);margin-left:auto}
.breathing-reel-card iframe{display:block;width:100%;aspect-ratio:9/16;border:0;background:#0f0f0f}
.breathing-reel-card a{display:flex;align-items:center;justify-content:center;min-height:44px;margin-top:14px;border:1px solid rgba(246,243,237,.28);color:var(--paper);font-size:13px;font-weight:900;letter-spacing:.08em;text-decoration:none;text-transform:uppercase;transition:background .2s ease,border-color .2s ease}
.breathing-reel-card a:hover{background:rgba(246,243,237,.08);border-color:rgba(246,243,237,.46)}
.breathing-film-board{border-top:1px solid rgba(246,243,237,.22)}
.breathing-film-board>p{margin:0;padding:0 0 22px;color:rgba(246,243,237,.54);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.breathing-film-board article{display:grid;grid-template-columns:84px 1fr;gap:24px;padding:18px 0;border-bottom:1px solid rgba(246,243,237,.18)}
.breathing-film-board span{color:var(--paper);font-family:Georgia,"Times New Roman",serif;font-size:28px}
.breathing-film-board em{color:rgba(246,243,237,.74);font-style:normal;line-height:1.8}

.breathing-cta-v1{text-align:center;background:var(--paper);padding-block:clamp(64px,8vw,110px)}
.breathing-cta-v1 .section-inner{max-width:900px}
.breathing-cta-v1 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4vw,58px)}
.breathing-cta-v1 p{color:var(--muted);line-height:1.8}
.breathing-cta-v1 .actions{justify-content:center}
.breathing-cta-line{width:min(420px,54vw);height:3px;margin:34px auto 0;background:var(--signature-gradient)}

@media(max-width:980px){
  .breathing-facts-grid{grid-template-columns:1fr 1fr}
  .breathing-text-grid,.breathing-film-grid{grid-template-columns:1fr}
  .breathing-highlight-list{grid-template-columns:1fr}
  .breathing-gallery-grid{grid-template-columns:1fr}
  .breathing-gallery-piece,.breathing-gallery-piece.featured,.breathing-gallery-piece.portrait{grid-column:auto}
  .breathing-gallery-piece img,.breathing-gallery-piece.featured img{aspect-ratio:4/3}
  .breathing-reel-card{margin:0 auto}
}
@media(max-width:620px){
  .breathing-hero-v1{height:88vh;min-height:560px}
  .breathing-hero-v1>img{object-position:58% center}
  .breathing-hero-copy{width:min(100% - 36px,1200px);padding-bottom:9vh}
  .breathing-hero-v1 h1{font-size:42px;letter-spacing:-.035em}
  .breathing-facts-grid{grid-template-columns:1fr}
  .breathing-scope-list{padding-bottom:48px}
  .breathing-gallery-note{clip-path:none;padding:16px 18px}
  .breathing-gallery-note span{font-size:38px;margin-bottom:12px}
  .breathing-lightbox{padding:14px}
  .breathing-lightbox-panel{max-height:calc(100vh - 28px);grid-template-columns:1fr 1fr;gap:10px}
  .breathing-lightbox-panel figure{grid-column:1/-1;order:1}
  .breathing-lightbox-panel img{max-height:calc(100vh - 220px)}
  .breathing-lightbox-close{top:0;right:0;z-index:3;width:42px;height:42px;background:rgba(15,15,15,.72)}
  .breathing-lightbox-nav{order:2;width:100%;height:48px;font-size:38px}
  .breathing-lightbox-nav.prev{grid-column:1}
  .breathing-lightbox-nav.next{grid-column:2}
  .breathing-lightbox-panel figcaption{grid-template-columns:1fr}
  .breathing-lightbox-panel figcaption span{font-size:34px}
  .breathing-reel-card{width:min(100%,320px)}
}




/* =========================================================
   ShineMark Frames & Light v1 PATCH
   ========================================================= */

.frames-light-hero-v1{position:relative;height:100vh;min-height:720px;padding:0;overflow:hidden;background:#171717;color:var(--paper)}
.frames-light-hero-v1>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.02) contrast(1.02)}
.frames-light-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.74),rgba(18,18,18,.42) 46%,rgba(18,18,18,.12)),linear-gradient(180deg,rgba(18,18,18,.08),rgba(18,18,18,.76))}
.frames-light-hero-copy{position:relative;z-index:2;width:min(100% - 48px,1200px);height:100%;margin:0 auto;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:11vh}
.frames-light-hero-copy .eyebrow,.frames-light-hero-copy .lead{color:rgba(246,243,237,.86)}
.frames-light-hero-v1 h1{max-width:1120px;margin:0;color:var(--paper);font-size:clamp(54px,8.4vw,124px);line-height:.95;letter-spacing:-.055em;text-shadow:0 18px 48px rgba(0,0,0,.42)}
.frames-light-hero-v1 .lead{max-width:780px;margin-top:28px;font-size:clamp(21px,2.5vw,38px);font-weight:700;line-height:1.45}
.frames-light-hero-line{width:min(560px,72vw);height:3px;margin-top:40px;background:var(--signature-gradient)}

.frames-light-facts-v1{padding-block:0;background:var(--paper)}
.frames-light-facts-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.frames-light-facts-grid div{min-height:138px;padding:22px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}
.frames-light-facts-grid p{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.frames-light-facts-grid strong{display:block;font-size:17px;line-height:1.45}
.frames-light-scope-list{display:flex;flex-wrap:wrap;gap:10px;padding-top:22px;padding-bottom:clamp(48px,6vw,76px)}
.frames-light-scope-list span{display:inline-flex;align-items:center;min-height:34px;padding:7px 13px;border:1px solid var(--line);background:rgba(246,243,237,.72);color:var(--muted);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}

.frames-light-text-grid{display:grid;grid-template-columns:minmax(0,.72fr) minmax(360px,1.08fr);gap:clamp(34px,7vw,110px);align-items:start}
.frames-light-text-grid h2{font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}
.frames-light-longform{font-size:clamp(17px,1.5vw,21px);line-height:2;color:var(--ink)}
.frames-light-longform p{margin:0 0 28px}
.frames-light-concept-v1,.frames-light-light-v1,.frames-light-before-v1{background:var(--soft)}

.frames-light-gallery-v1{position:relative;background:linear-gradient(180deg,#f8f5ef 0%,#f4f1ea 100%)}
.frames-light-gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(18px,2.2vw,30px);align-items:start}
.frames-light-gallery-piece{position:relative;display:grid;grid-column:span 6;grid-template-columns:minmax(0,1fr);gap:16px;color:var(--ink);text-decoration:none}
.frames-light-gallery-piece.featured{grid-column:span 7}
.frames-light-gallery-piece.portrait{grid-column:span 5}
.frames-light-gallery-piece figure{margin:0;padding:7px;background:#fff;border:1px solid rgba(86,93,102,.2);box-shadow:0 12px 28px rgba(24,28,34,.08);transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.frames-light-gallery-piece:hover figure{transform:translateY(-4px);border-color:rgba(86,93,102,.34);box-shadow:0 18px 38px rgba(24,28,34,.12)}
.frames-light-gallery-piece img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#151515}
.frames-light-gallery-piece.featured img{aspect-ratio:16/11}
.frames-light-gallery-piece.portrait img{aspect-ratio:3/4}
.frames-light-gallery-note{position:relative;max-width:620px;padding:18px 22px 19px;border:1px solid rgba(86,93,102,.28);background:rgba(255,255,255,.62);clip-path:polygon(0 0,92% 0,100% 14%,100% 100%,0 100%);box-shadow:0 8px 22px rgba(24,28,34,.04)}
.frames-light-gallery-note span{display:block;margin-bottom:18px;color:var(--muted);font-family:Georgia,"Times New Roman",serif;font-size:clamp(38px,4.8vw,76px);line-height:.9}
.frames-light-gallery-note p{margin:0 0 10px;color:var(--ink);font-size:12px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.frames-light-gallery-note em{display:block;color:var(--muted);font-style:normal;line-height:1.75}

.frames-light-lightbox[hidden]{display:none}
.frames-light-lightbox{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:clamp(16px,3vw,42px)}
.frames-light-lightbox-backdrop{position:absolute;inset:0;border:0;background:rgba(15,15,15,.88);cursor:zoom-out}
.frames-light-lightbox-panel{position:relative;z-index:2;width:min(1180px,100%);max-height:calc(100vh - 40px);display:grid;grid-template-columns:58px minmax(0,1fr) 58px;align-items:center;gap:14px}
.frames-light-lightbox-panel figure{grid-column:2;margin:0;color:var(--paper)}
.frames-light-lightbox-panel img{display:block;width:100%;max-height:calc(100vh - 190px);object-fit:contain;background:#101010;box-shadow:0 24px 80px rgba(0,0,0,.4)}
.frames-light-lightbox-panel figcaption{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px 18px;margin-top:16px;color:rgba(246,243,237,.86)}
.frames-light-lightbox-panel figcaption span{grid-row:span 2;font-family:Georgia,"Times New Roman",serif;font-size:42px;line-height:1;color:var(--paper)}
.frames-light-lightbox-panel figcaption strong{font-size:12px;letter-spacing:.12em;text-transform:uppercase}
.frames-light-lightbox-panel figcaption em{font-style:normal;line-height:1.65;color:rgba(246,243,237,.7)}
.frames-light-lightbox-close,.frames-light-lightbox-nav{border:1px solid rgba(246,243,237,.34);background:rgba(246,243,237,.08);color:var(--paper);cursor:pointer;transition:background .2s ease,border-color .2s ease}
.frames-light-lightbox-close:hover,.frames-light-lightbox-nav:hover{background:rgba(246,243,237,.16);border-color:rgba(246,243,237,.58)}
.frames-light-lightbox-close{position:absolute;right:0;top:-54px;width:44px;height:44px;font-size:28px;line-height:1}
.frames-light-lightbox-nav{width:58px;height:72px;font-size:54px;line-height:.8}
.frames-light-lightbox-nav.prev{grid-column:1}
.frames-light-lightbox-nav.next{grid-column:3}
html.frames-light-lightbox-open{overflow:hidden}

.frames-light-feature-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr);gap:clamp(34px,7vw,110px);align-items:center}
.frames-light-feature-grid.reverse{grid-template-columns:minmax(320px,.75fr) minmax(0,1.05fr)}
.frames-light-feature-grid.reverse figure{order:2}
.frames-light-feature-grid figure,.frames-light-before-grid figure{margin:0}
.frames-light-feature-grid img,.frames-light-before-grid img{display:block;width:100%;height:auto;aspect-ratio:16/11;object-fit:cover;border:1px solid rgba(86,93,102,.18);background:#151515;box-shadow:0 18px 42px rgba(24,28,34,.08)}
.frames-light-feature-grid h2,.frames-light-before-grid h2{font-size:clamp(34px,5vw,72px);letter-spacing:-.045em}
.frames-light-feature-grid p,.frames-light-before-grid p{color:var(--muted);font-size:clamp(17px,1.5vw,21px);line-height:1.95}

.frames-light-before-grid{display:grid;grid-template-columns:minmax(320px,.78fr) minmax(0,1.02fr);gap:clamp(34px,7vw,110px);align-items:center}
.frames-light-before-grid img{aspect-ratio:4/3}

.frames-light-cta-v1{text-align:center;background:var(--paper);padding-block:clamp(64px,8vw,110px)}
.frames-light-cta-v1 .section-inner{max-width:900px}
.frames-light-cta-v1 h2{font-family:Georgia,"Times New Roman",serif;font-weight:400;font-size:clamp(34px,4vw,58px)}
.frames-light-cta-v1 p{color:var(--muted);line-height:1.8}
.frames-light-cta-v1 .actions{justify-content:center}
.frames-light-cta-line{width:min(420px,54vw);height:3px;margin:34px auto 0;background:var(--signature-gradient)}

@media(max-width:980px){
  .frames-light-facts-grid{grid-template-columns:1fr 1fr}
  .frames-light-text-grid,.frames-light-feature-grid,.frames-light-feature-grid.reverse,.frames-light-before-grid{grid-template-columns:1fr}
  .frames-light-feature-grid.reverse figure{order:0}
  .frames-light-gallery-grid{grid-template-columns:1fr}
  .frames-light-gallery-piece,.frames-light-gallery-piece.featured,.frames-light-gallery-piece.portrait{grid-column:auto}
  .frames-light-gallery-piece img,.frames-light-gallery-piece.featured img{aspect-ratio:4/3}
}
@media(max-width:620px){
  .frames-light-hero-v1{height:88vh;min-height:560px}
  .frames-light-hero-v1>img{object-position:46% center}
  .frames-light-hero-copy{width:min(100% - 36px,1200px);padding-bottom:9vh}
  .frames-light-hero-v1 h1{font-size:42px;letter-spacing:-.035em}
  .frames-light-facts-grid{grid-template-columns:1fr}
  .frames-light-scope-list{padding-bottom:48px}
  .frames-light-gallery-note{clip-path:none;padding:16px 18px}
  .frames-light-gallery-note span{font-size:38px;margin-bottom:12px}
  .frames-light-lightbox{padding:14px}
  .frames-light-lightbox-panel{max-height:calc(100vh - 28px);grid-template-columns:1fr 1fr;gap:10px}
  .frames-light-lightbox-panel figure{grid-column:1/-1;order:1}
  .frames-light-lightbox-panel img{max-height:calc(100vh - 220px)}
  .frames-light-lightbox-close{top:0;right:0;z-index:3;width:42px;height:42px;background:rgba(15,15,15,.72)}
  .frames-light-lightbox-nav{order:2;width:100%;height:48px;font-size:38px}
  .frames-light-lightbox-nav.prev{grid-column:1}
  .frames-light-lightbox-nav.next{grid-column:2}
  .frames-light-lightbox-panel figcaption{grid-template-columns:1fr}
  .frames-light-lightbox-panel figcaption span{font-size:34px}
}