/* Skin HỘI AN — tường vàng phố cổ, gỗ xanh rêu, đèn lồng đỏ */
.sk-body-hoian {
	--sk-page: #13262f; --sk-bg: #fff8e6; --sk-surface: #fffcf2; --sk-alt: #f6e7c1;
	--sk-ink: #2e2318; --sk-muted: #85704f; --sk-accent: #b8382a; --sk-accent-2: #1d5c58;
	--sk-on-accent: #fff8e6; --sk-line: rgba(46, 35, 24, .2);
	--sk-hero-bg: linear-gradient(180deg, #172f3a 0 30%, #f6c46a 30% 100%);
	--sk-hero-ink: #2e2318;
	--sk-radius: 8px;
	--f-body: 'EB Garamond', Georgia, serif; --f-head: 'Old Standard TT', Georgia, serif; --f-name: 'Old Standard TT', Georgia, serif;
	--env-a: #b8382a; --env-b: #f6c46a; --env-paper: #fff8e6; --env-ink: #b8382a;
}
.sk-body-hoian .sk { font-size: 17px; }
.sk-body-hoian .sk-hero-top { color: #f6c46a; }
.sk-body-hoian .sk-hero .sk-orn { width: 44px; color: #f6c46a; }
.sk-body-hoian .sk-hero-photo { border: 6px solid #1d5c58; }
/* Hai đèn lồng treo hai bên bìa */
.sk-body-hoian .sk-hero::before, .sk-body-hoian .sk-hero::after { content: ''; position: absolute; top: 0; width: 34px; height: 120px; background: radial-gradient(ellipse 17px 22px at 17px 96px, #e1543a 98%, transparent) , linear-gradient(#f6c46a, #f6c46a) 16px 0 / 2px 74px no-repeat; animation: hoian-swing 3s ease-in-out infinite; transform-origin: top center; }
.sk-body-hoian .sk-hero::before { left: 24px; }
.sk-body-hoian .sk-hero::after { right: 24px; animation-delay: -1.5s; }
.sk-body-hoian .sk-names { font-style: italic; color: var(--sk-accent); font-size: clamp(40px, 11vw, 54px); }
.sk-body-hoian .sk-title, .sk-body-hoian .sk-guestbook .event-heading h2 { font-style: italic; font-size: 38px; }
.sk-body-hoian .sk-guest, .sk-body-hoian .sk-couple-names .sk-script, .sk-body-hoian .sk-portrait .sk-script { font-style: italic; font-size: 30px; }
.sk-body-hoian .sk-event { border-top: 5px solid var(--sk-accent-2); }
.sk-body-hoian .sk-thanks { background: #172f3a; }
.sk-body-hoian .sk-thanks .sk-script { font-style: italic; font-size: 50px; }
@media (prefers-reduced-motion: reduce) { .sk-body-hoian .sk-hero::before, .sk-body-hoian .sk-hero::after { animation: none; } }
@keyframes hoian-swing { 0%, 100% { transform: rotate(-4deg); } 50% { transform: rotate(4deg); } }