/* parallel.day */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #fdf6e3; color: #2d2017; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.7; }
.hero { text-align: center; padding: 5rem 2rem 3rem; position: relative; }
.tapered-shape { width: 80px; height: 120px; background: #5c3d2e; clip-path: polygon(5% 0, 95% 0, 90% 100%, 10% 100%); margin: 0 auto 2rem; }
.brand { font-family: 'Sora', sans-serif; font-weight: 600; font-size: clamp(1.5rem, 4vw, 2.2rem); }
.hairline { border-top: 0.5px solid #c9b89a; max-width: 200px; margin: 2rem auto 0; }
.parallels, .parallels-pm { max-width: 560px; margin: 0 auto; padding: 2rem 1.5rem; }
.timeline-pair { display: flex; gap: 0; }
.timeline-col { flex: 1; padding: 0 1rem; }
.col-divider { width: 0.5px; background: #c9b89a; flex-shrink: 0; }
.period-label { font-family: 'Inter', sans-serif; font-size: 0.55rem; text-transform: uppercase; letter-spacing: 0.15em; color: #c9b89a; display: block; margin-bottom: 0.75rem; }
.timeline-panel { background: #faf0d7; border: 0.5px solid #c9b89a; border-radius: 4px; padding: 1.25rem; }
.panel-title { font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.8rem; margin-bottom: 0.5rem; color: #5c3d2e; }
.panel-text { font-size: 0.75rem; color: #5c3d2e; }
.color-blocks { display: flex; justify-content: center; gap: 1rem; padding: 2rem; }
.block { width: 80px; height: 50px; border-radius: 4px; }
.block.mustard { background: #d4a017; }
.block.teal { background: #2a9d8f; }
.block.rust { background: #c45a3c; }
.evening { text-align: center; padding: 4rem 2rem; }
.walnut-panel { display: inline-block; border: 0.5px solid #5c3d2e; border-radius: 4px; padding: 1.5rem 2.5rem; }
.evening-text { font-family: 'Sora', sans-serif; font-weight: 600; font-size: 0.9rem; color: #5c3d2e; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }