/* 1. BRAND COLORS & GLOBAL FEEL */ body, .section-background, .page-section { background-color: #FAF9F6 !important; /* The Linen Palette */ } /* 2. THE EDITORIAL HERO (Heading 1) */ h1, .sqs-block-html h1 { font-family: 'Cormorant Garamond', serif !important; font-weight: 300 !important; font-style: normal !important; letter-spacing: -0.04em !important; line-height: 0.85 !important; color: #0A0A0A !important; text-transform: none !important; margin-bottom: 0.2em !important; } /* Italic Accent for Hero */ h1 em, h1 i { font-family: 'Cormorant Garamond', serif !important; font-weight: 300 !important; font-style: italic !important; } /* 3. THE "PROVENANCE" WATERMARK (Small Caps) */ /* Targets the small text above your titles */ .sqs-block-text p:first-child, .summary-metadata-item--category { text-transform: uppercase !important; letter-spacing: 0.4em !important; font-size: 9px !important; color: #a1a1a1 !important; font-family: sans-serif !important; /* Clean contrast to the serif */ margin-bottom: 1.5rem !important; } /* 4. THE ASYMMETRIC GALLERY GRID */ /* This creates the staggered "Editorial" look for your Summary Blocks */ @media screen and (min-width: 768px) { .sqs-block-summary-v2 .summary-item:nth-child(even) { margin-top: 120px !important; /* Pushes every second item down */ } .sqs-block-summary-v2 .summary-item:nth-child(odd) { margin-top: -20px !important; } } /* 5. IMAGE REVEAL & HOVER */ .sqs-block-image img, .summary-thumbnail img { filter: contrast(1.05) brightness(0.98); transition: transform 1.5s cubic-bezier(0.19, 1, 0.22, 1), filter 1s ease !important; } .sqs-block-image:hover img, .summary-item:hover img { transform: scale(1.04) !important; filter: contrast(1) brightness(1) !important; } /* 6. SIGNATURE BLACK BUTTONS */ .sqs-block-button-element { background-color: #0A0A0A !important; color: #FAF9F6 !important; border-radius: 100px !important; /* Perfect Pill Shape */ padding: 1.8rem 3.5rem !important; font-size: 10px !important; letter-spacing: 0.25em !important; text-transform: uppercase !important; font-weight: 500 !important; transition: all 0.4s ease !important; border: none !important; } .sqs-block-button-element:hover { transform: translateY(-3px) scale(1.02) !important; box-shadow: 0 10px 30px rgba(0,0,0,0.1) !important; } /* 7. THE LEGACY LINE (Horizontal Divider) */ .sqs-block-horizontalrule hr { color: #0A0A0A !important; background-color: #0A0A0A !important; height: 1px !important; opacity: 0.1 !important; }