.saeba-home { font-family: ‘Georgia’, serif; color: #1a1a1a; margin: 0; padding: 0; } /* HERO */ .saeba-hero { background: #0d0d0d; color: #f5f0e8; min-height: 90vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; padding: 60px 20px; position: relative; overflow: hidden; } .saeba-hero::before { content: ”; position: absolute; inset: 0; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,0.015) 2px, rgba(255,255,255,0.015) 4px); pointer-events: none; } .saeba-hero-tag { font-family: ‘Courier New’, monospace; font-size: 11px; letter-spacing: 4px; text-transform: uppercase; color: #888; margin-bottom: 24px; } .saeba-hero h1 { font-size: clamp(56px, 10vw, 120px); font-weight: 300; letter-spacing: -2px; margin: 0 0 16px; line-height: 1; color: #f5f0e8; } .saeba-hero-sub { font-size: 16px; color: #aaa; font-style: italic; margin-bottom: 48px; max-width: 400px; } .saeba-btn { display: inline-block; padding: 14px 40px; border: 1px solid #f5f0e8; color: #f5f0e8; text-decoration: none; font-family: ‘Courier New’, monospace; font-size: 12px; letter-spacing: 3px; text-transform: uppercase; transition: all 0.3s; } .saeba-btn:hover { background: #f5f0e8; color: #0d0d0d; } .saeba-btn-dark { border-color: #1a1a1a; color: #1a1a1a; } .saeba-btn-dark:hover { background: #1a1a1a; color: #f5f0e8; } /* MARQUEE */ .saeba-marquee { background: #f5f0e8; border-top: 1px solid #e0dbd0; border-bottom: 1px solid #e0dbd0; padding: 12px 0; overflow: hidden; white-space: nowrap; } .saeba-marquee-inner { display: inline-block; animation: marquee 20s linear infinite; font-family: ‘Courier New’, monospace; font-size: 11px; letter-spacing: 3px; text-transform: uppercase; color: #888; } @keyframes marquee { from { transform: translateX(0); } to { transform: translateX(-50%); } } /* SECTIONS */ .saeba-section { padding: 80px 40px; max-width: 1100px; margin: 0 auto; } .saeba-section-label { font-family: ‘Courier New’, monospace; font-size: 10px; letter-spacing: 4px; text-transform: uppercase; color: #999; margin-bottom: 40px; display: flex; align-items: center; gap: 16px; } .saeba-section-label::after { content: ”; flex: 1; height: 1px; background: #e0e0e0; } /* GRID */ .saeba-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px; } @media (max-width: 768px) { .saeba-grid { grid-template-columns: 1fr; } } .saeba-card { background: #f0ece3; aspect-ratio: 3/4; display: flex; flex-direction: column; justify-content: flex-end; padding: 24px; position: relative; overflow: hidden; text-decoration: none; color: inherit; } .saeba-card-num { position: absolute; top: 20px; left: 20px; font-family: ‘Courier New’, monospace; font-size: 10px; color: #aaa; letter-spacing: 2px; } .saeba-card-bg { position: absolute; inset: 0; background: linear-gradient(135deg, #e8e2d6 0%, #d4cfc5 100%); transition: transform 0.6s ease; } .saeba-card:hover .saeba-card-bg { transform: scale(1.03); } .saeba-card-content { position: relative; z-index: 1; } .saeba-card h3 { font-size: 18px; font-weight: 400; margin: 0 0 6px; } .saeba-card p { font-size: 12px; color: #777; margin: 0; font-family: ‘Courier New’, monospace; } /* FEATURE ROW */ .saeba-feature { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; padding: 80px 40px; max-width: 1100px; margin: 0 auto; } @media (max-width: 768px) { .saeba-feature { grid-template-columns: 1fr; gap: 40px; } } .saeba-feature-visual { aspect-ratio: 1; background: linear-gradient(135deg, #1a1a1a 0%, #333 50%, #1a1a1a 100%); display: flex; align-items: center; justify-content: center; } .saeba-feature-visual span { font-size: 80px; opacity: 0.15; font-family: ‘Courier New’, monospace; } .saeba-feature-text h2 { font-size: 36px; font-weight: 300; margin: 0 0 20px; line-height: 1.2; } .saeba-feature-text p { font-size: 15px; line-height: 1.8; color: #555; margin-bottom: 32px; } /* POSTS */ .saeba-posts { display: grid; grid-template-columns: repeat(3, 1fr); gap: 40px; } @media (max-width: 768px) { .saeba-posts { grid-template-columns: 1fr; } } .saeba-post a { text-decoration: none; color: inherit; } .saeba-post-img { aspect-ratio: 16/9; background: #f0ece3; margin-bottom: 16px; } .saeba-post-date { font-family: ‘Courier New’, monospace; font-size: 10px; color: #aaa; letter-spacing: 2px; margin-bottom: 8px; } .saeba-post h4 { font-size: 16px; font-weight: 400; margin: 0 0 8px; } .saeba-post p { font-size: 13px; color: #777; margin: 0; line-height: 1.6; } /* FOOTER BAND */ .saeba-cta { background: #0d0d0d; color: #f5f0e8; text-align: center; padding: 80px 40px; } .saeba-cta h2 { font-size: clamp(28px, 5vw, 52px); font-weight: 300; margin: 0 0 12px; } .saeba-cta p { color: #888; font-size: 14px; margin-bottom: 40px; font-style: italic; }