/* Hallmark · macrostructure: Aurora Layer Lab · tone: direct art instruction · anchor hue: auroragroen
 * genre: editorial tutorial · theme: white night studio · postid-16402
 * contrast: pass · honest: pass · chrome: pass · tokens: pass · responsive: pass · icons: pass · mobile: pass
 */
.postid-16402 .aurora-hero-block { margin: 0 0 var(--ns-16402-aurora-xl); }
.postid-16402 .aurora-figure { margin: var(--ns-16402-aurora-xl) 0; padding: 0; overflow: hidden; }
.postid-16402 .aurora-figure img { display: block; width: 100%; height: auto; border-radius: var(--ns-16402-aurora-radius); }
.postid-16402 .aurora-figure figcaption { margin: var(--ns-16402-aurora-xs) 0 0; padding: 0 var(--ns-16402-aurora-xs); color: var(--ns-16402-aurora-ink-3); font-family: var(--ns-16402-aurora-font-body); font-size: .875rem; line-height: 1.55; }
.postid-16402 .aurora-hero { margin-top: 0; }
.postid-16402 .aurora-sequence { margin: var(--ns-16402-aurora-xl) 0 var(--ns-16402-aurora-2xl); padding: var(--ns-16402-aurora-lg) 0; border-top: 1px solid var(--ns-16402-aurora-line); border-bottom: 1px solid var(--ns-16402-aurora-line); }
.postid-16402 .aurora-sequence > span { display: block; margin-bottom: var(--ns-16402-aurora-md); color: var(--ns-16402-aurora-teal); font: 800 .76rem/1 var(--ns-16402-aurora-font-body); letter-spacing: .13em; text-transform: uppercase; }
.postid-16402 .aurora-sequence ol { display: flex; flex-wrap: wrap; gap: var(--ns-16402-aurora-sm) var(--ns-16402-aurora-lg); margin: 0; padding: 0; list-style: none; counter-reset: layer; }
.postid-16402 .aurora-sequence li { counter-increment: layer; color: var(--ns-16402-aurora-ink); font-family: var(--ns-16402-aurora-font-body); font-weight: 700; }
.postid-16402 .aurora-sequence li::before { content: "0" counter(layer) " "; color: var(--ns-16402-aurora-violet); font-size: .76rem; }
.postid-16402 .aurora-palette-lines { margin: var(--ns-16402-aurora-xl) 0; border-top: 2px solid var(--ns-16402-aurora-navy); }
.postid-16402 .aurora-palette-lines > div { display: grid; grid-template-columns: 28px 120px 1fr; gap: var(--ns-16402-aurora-md); align-items: start; padding: var(--ns-16402-aurora-md) 0; border-bottom: 1px solid var(--ns-16402-aurora-line); }
.postid-16402 .aurora-palette-lines strong { color: var(--ns-16402-aurora-ink); }
.postid-16402 .aurora-palette-lines p { margin: 0; color: var(--ns-16402-aurora-ink-2); }
.postid-16402 .swatch { display: block; width: 24px; height: 24px; border-radius: 50%; border: 1px solid oklch(80% 0.01 220); }
.postid-16402 .swatch-night { background: var(--ns-16402-aurora-navy); }
.postid-16402 .swatch-teal { background: var(--ns-16402-aurora-teal); }
.postid-16402 .swatch-light { background: var(--ns-16402-aurora-green); }
.postid-16402 .swatch-violet { background: var(--ns-16402-aurora-violet); }
.postid-16402 .aurora-value-plan { display: grid; grid-template-columns: 7fr 2.5fr 1fr; gap: 2px; margin: var(--ns-16402-aurora-xl) 0; background: var(--ns-16402-aurora-line); }
.postid-16402 .aurora-value-plan section { min-height: 160px; padding: var(--ns-16402-aurora-lg); background: var(--ns-16402-aurora-navy); color: var(--ns-16402-aurora-dark-text); }
.postid-16402 .aurora-value-plan section:nth-child(2) { background: oklch(48% 0.075 205); }
.postid-16402 .aurora-value-plan section:nth-child(3) { background: var(--ns-16402-aurora-green); color: var(--ns-16402-aurora-ink); }
.postid-16402 .aurora-value-plan span { font: 700 1.8rem/1 var(--ns-16402-aurora-font-display); }
.postid-16402 .aurora-value-plan h3 { margin: var(--ns-16402-aurora-sm) 0 var(--ns-16402-aurora-xs); color: inherit; font-size: 1rem; text-transform: uppercase; letter-spacing: .1em; }
.postid-16402 .aurora-value-plan p { margin: 0; color: inherit; font-size: .82rem; line-height: 1.45; }
.postid-16402 .aurora-steps { margin: var(--ns-16402-aurora-xl) 0 var(--ns-16402-aurora-2xl); }
.postid-16402 .aurora-steps section { display: grid; grid-template-columns: 52px 1fr; gap: var(--ns-16402-aurora-lg); padding: var(--ns-16402-aurora-lg) 0; border-bottom: 1px solid var(--ns-16402-aurora-line); }
.postid-16402 .aurora-steps section:first-child { border-top: 1px solid var(--ns-16402-aurora-line); }
.postid-16402 .aurora-steps section > span { color: var(--ns-16402-aurora-teal); font: 800 .8rem/1.4 var(--ns-16402-aurora-font-body); letter-spacing: .12em; }
.postid-16402 .aurora-steps h3 { margin: 0 0 var(--ns-16402-aurora-xs); color: var(--ns-16402-aurora-ink); font-family: var(--ns-16402-aurora-font-display); font-size: 1.2rem; }
.postid-16402 .aurora-steps p { margin: 0; color: var(--ns-16402-aurora-ink-2); }
.postid-16402 .aurora-movements { display: grid; grid-template-columns: repeat(3,1fr); gap: var(--ns-16402-aurora-lg); margin: var(--ns-16402-aurora-xl) 0; padding: var(--ns-16402-aurora-lg) 0; border-top: 1px solid var(--ns-16402-aurora-line); border-bottom: 1px solid var(--ns-16402-aurora-line); }
.postid-16402 .aurora-movements section { min-width: 0; }
.postid-16402 .aurora-movements h3 { margin: var(--ns-16402-aurora-md) 0 var(--ns-16402-aurora-xs); color: var(--ns-16402-aurora-ink); font-size: 1.05rem; }
.postid-16402 .aurora-movements p { margin: 0; color: var(--ns-16402-aurora-ink-2); font-size: .9rem; }
.postid-16402 .aurora-movements section > span { display: block; height: 42px; border-bottom: 5px solid var(--ns-16402-aurora-teal); }
.postid-16402 .movement-arc { border-radius: 0 0 60% 60%; transform: rotate(-4deg); }
.postid-16402 .movement-ray { width: 55%; border-bottom: 0 !important; border-left: 5px solid var(--ns-16402-aurora-green); transform: skew(-12deg); }
.postid-16402 .movement-haze { border-bottom-width: 12px !important; border-bottom-color: oklch(78% 0.08 170 / .55) !important; filter: blur(4px); }
.postid-16402 .aurora-trouble-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0 var(--ns-16402-aurora-xl); margin: var(--ns-16402-aurora-xl) 0; border-top: 2px solid var(--ns-16402-aurora-navy); }
.postid-16402 .aurora-trouble-grid section { padding: var(--ns-16402-aurora-lg) 0; border-bottom: 1px solid var(--ns-16402-aurora-line); }
.postid-16402 .aurora-trouble-grid h3 { margin: 0 0 var(--ns-16402-aurora-xs); color: var(--ns-16402-aurora-teal); font-size: 1rem; }
.postid-16402 .aurora-trouble-grid p { margin: 0; color: var(--ns-16402-aurora-ink-2); }
.postid-16402 blockquote { border: 0; border-left: 0; border-inline-start: 0; margin-left: 0; padding-left: 0; }
.postid-16402 h1, .postid-16402 h2, .postid-16402 h3 { position: static; }
@media (max-width: 720px) {
  .postid-16402 .aurora-value-plan { grid-template-columns: 1fr; }
  .postid-16402 .aurora-value-plan section { min-height: auto; }
  .postid-16402 .aurora-movements { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  .postid-16402 .aurora-palette-lines > div { grid-template-columns: 28px 1fr; }
  .postid-16402 .aurora-palette-lines p { grid-column: 2; }
  .postid-16402 .aurora-trouble-grid { grid-template-columns: 1fr; }
  .postid-16402 .aurora-steps section { grid-template-columns: 38px 1fr; gap: var(--ns-16402-aurora-sm); }
  .postid-16402 .aurora-figure figcaption { font-size: .78rem; }
}