/* paraoligm.com */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { background: #f8f8f8; color: #111111; font-family: 'Inter', sans-serif; font-weight: 400; line-height: 1.6; }
.hero { padding: 6rem 2rem 4rem; }
.staircase { max-width: 500px; margin: 0 auto; }
.stair { font-family: 'Work Sans', sans-serif; font-weight: 900; display: block; line-height: 1; }
.s1 { font-size: clamp(4rem, 10vw, 7.5rem); }
.s2 { font-size: clamp(3rem, 7vw, 5rem); padding-left: 1rem; }
.s3 { font-size: clamp(2rem, 5vw, 3rem); padding-left: 2rem; }
.cross { max-width: 500px; margin: 0 auto; padding: 2rem 2rem; position: relative; }
.scale-block { margin-bottom: 2rem; }
.big-word { font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: clamp(3rem, 8vw, 7.5rem); display: block; line-height: 1; }
.big-word.purple { color: #6d28d9; }
.small-desc { font-size: 0.8rem; color: #a3a3a3; max-width: 360px; margin-top: 0.5rem; }
.vertical-block { position: absolute; right: 2rem; top: 3rem; }
.vertical-text { font-family: 'Work Sans', sans-serif; font-weight: 100; font-size: 0.7rem; writing-mode: vertical-rl; text-orientation: mixed; letter-spacing: 0.3em; color: #a3a3a3; }
.purple-bracket { font-family: 'Work Sans', sans-serif; font-weight: 100; font-size: 8rem; color: #6d28d9; line-height: 0.8; margin: 1rem 0; }
.rotate-section { max-width: 500px; margin: 0 auto; padding: 3rem 2rem; position: relative; }
.rotated-label { font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 0.7rem; color: #dc2626; text-transform: uppercase; letter-spacing: 0.2em; transform: rotate(-90deg); transform-origin: left top; position: absolute; left: 1rem; top: 5rem; }
.dark-block { background: #111111; color: #f8f8f8; padding: 3rem 2rem; margin-left: 2rem; }
.dark-text { font-size: 0.85rem; max-width: 380px; line-height: 1.7; }
.reform { text-align: center; padding: 4rem 2rem 5rem; }
.reform-brand { font-family: 'Work Sans', sans-serif; font-weight: 900; font-size: 1.2rem; }
.reform-text { font-family: 'Cormorant', serif; font-weight: 400; font-style: italic; font-size: 1rem; color: #6d28d9; margin-top: 0.5rem; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }
/* Rule color for decorative lines */
.rule { border-color: #d4d4d4; }