/*
Theme Name: Tháng Nơ Hồng
Theme URI: https://thangnohong.online/
Author: Little Pony
Description: Editorial campaign blog theme for Tháng Nơ Hồng.
Version: 1.0
*/
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Montserrat:wght@400;500;600;700&display=swap');
:root{--rose:#b84c69;--pink:#eda0a4;--pale:#fff7f5;--cream:#fffaf7;--dark:#321b20;--line:rgba(50,27,32,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--dark);background:var(--cream);font-family:Montserrat,Arial,sans-serif;line-height:1.75}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}
.site-header{height:92px;background:rgba(255,247,245,.98);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;position:sticky;top:0;z-index:50}
.brand{position:absolute;left:6%;width:135px;height:78px;display:flex;align-items:center}.brand img{width:120px;max-height:76px;object-fit:contain;display:block}.nav{display:flex;align-items:center;gap:38px}.nav a{font:700 13px 'Cormorant Garamond',serif;letter-spacing:.2px;position:relative;padding:34px 0 29px}.nav a:after{content:'';position:absolute;left:0;right:0;bottom:19px;height:2px;background:#e86f8d;transform:scaleX(0);transition:.2s}.nav a:hover:after,.nav a.active:after{transform:scaleX(1)}
.socials{position:absolute;right:6%;display:flex;gap:14px}.socials a{width:30px;height:30px;display:grid;place-items:center;border:1px solid rgba(184,76,105,.35);border-radius:50%;color:var(--rose);font-weight:700;font-family:Arial,sans-serif}.socials a:hover{background:var(--rose);color:#fff}.menu-toggle{display:none}
.page-hero{background:#f8dfe0;padding:78px 8% 70px;border-bottom:1px solid var(--line)}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:700;color:var(--rose);margin:0 0 15px}.page-hero h1{font:600 clamp(50px,7vw,88px)/.92 'Cormorant Garamond',serif;margin:0;max-width:1000px}.page-hero h1 em{color:var(--rose)}.page-hero p{max-width:720px;margin:22px 0 0;font-size:14px}
.blog-wrap{padding:80px 8% 110px;max-width:1280px;margin:auto}.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.post-card{background:#fff;border:1px solid var(--line);display:flex;flex-direction:column;min-height:430px;transition:.25s}.post-card:hover{transform:translateY(-5px);box-shadow:0 14px 35px rgba(50,27,32,.08)}.post-thumb{height:230px;background:linear-gradient(135deg,#f4b6bd,#b84c69);display:flex;align-items:flex-end;padding:22px;color:#fff;font:700 52px 'Cormorant Garamond',serif}.post-thumb img{width:100%;height:100%;object-fit:cover;margin:-22px;max-width:calc(100% + 44px)}.post-content{padding:28px}.post-meta{font-size:9px;letter-spacing:1.7px;color:var(--rose);font-weight:700;text-transform:uppercase}.post-card h2{font:600 38px/1.02 'Cormorant Garamond',serif;margin:13px 0}.post-card p{font-size:13px;color:#5a454a}.read-more{display:inline-block;margin-top:18px;border-bottom:1px solid var(--dark);padding-bottom:4px;font-size:10px;letter-spacing:1.3px;font-weight:700}
.single-wrap{max-width:930px;margin:auto;padding:80px 6% 120px}.single-meta{font-size:10px;letter-spacing:2px;color:var(--rose);font-weight:700}.single-wrap h1{font:600 clamp(48px,7vw,82px)/.95 'Cormorant Garamond',serif;margin:18px 0 30px}.single-intro{font-size:17px;color:#5a454a;border-left:3px solid var(--rose);padding-left:20px;margin-bottom:45px}.entry-content{font-size:16px}.entry-content h2{font:600 43px/1.05 'Cormorant Garamond',serif;margin:55px 0 18px}.entry-content h3{font:700 25px 'Cormorant Garamond',serif;margin:35px 0 12px}.entry-content p{margin:0 0 18px}.entry-content ul,.entry-content ol{padding-left:25px}.entry-content blockquote{margin:30px 0;padding:22px 25px;background:#f8dfe0;border-left:3px solid var(--rose)}.entry-content img{margin:20px 0}.entry-content a{text-decoration:underline;text-decoration-color:var(--rose);text-underline-offset:3px}.back-blog{display:inline-block;margin-top:45px;font-size:11px;font-weight:700;letter-spacing:1px;border-bottom:1px solid var(--dark);padding-bottom:5px}
.site-footer{background:#241419;color:#eac7ca;padding:35px 8%;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:1.5px}.footer-links{display:flex;gap:20px}.footer-links a:hover{color:#fff}
@media(max-width:950px){.site-header{height:76px;justify-content:flex-end;padding-right:20px}.brand{left:18px;width:105px;height:65px}.brand img{width:100px;max-height:62px}.nav{display:none;position:absolute;top:76px;left:0;right:0;background:var(--pale);padding:18px 25px;flex-direction:column;gap:15px;border-bottom:1px solid var(--line)}.nav.open{display:flex}.nav a{padding:8px 0}.nav a:after{bottom:1px}.menu-toggle{display:block;border:0;background:none;font-size:25px;color:var(--dark)}.socials{right:65px}.blog-grid{grid-template-columns:1fr}}
@media(max-width:600px){.page-hero{padding:55px 6%}.blog-wrap{padding:55px 6% 80px}.post-card h2{font-size:32px}.single-wrap{padding:55px 6% 80px}.single-wrap h1{font-size:50px}.site-footer{flex-direction:column}.footer-links{flex-wrap:wrap}}