body { background:linear-gradient(180deg,#fff9ed 0%,#fff5e5 100%); }
header::after { content:"✦  ☾  ✦"; position:absolute; left:9%; bottom:45px; color:#b77b5e; font-size:1.6rem; letter-spacing:.6em; transform:rotate(-6deg); }
.cozy-gallery { background:#f3e5d1; max-width:none; padding-left:max(32px,calc((100% - 1056px)/2)); padding-right:max(32px,calc((100% - 1056px)/2)); position:relative; overflow:hidden; }
.cozy-gallery::before,.cozy-gallery::after { content:""; position:absolute; width:330px; height:330px; border-radius:50%; background:rgba(236,194,160,.28); pointer-events:none; }.cozy-gallery::before { top:-170px; left:-80px; }.cozy-gallery::after { bottom:-220px; right:-65px; background:rgba(192,151,102,.16); }
.cozy-gallery .section-title,.cozy-gallery .gallery { position:relative; z-index:1; }.cozy-gallery .section-title span { font-family:Georgia,serif; font-style:italic; color:#866852; }.photo { border:7px solid #fff9ed; box-shadow:0 12px 22px rgba(103,72,42,.13); }.photo.one { transform:rotate(-2deg); }.photo.two { transform:rotate(2deg); }.photo.three { transform:rotate(1deg); }.photo.four { transform:rotate(-3deg); }.photo figcaption { color:#6e5140; box-shadow:0 2px 7px rgba(82,57,36,.12); }
.video-section { background:#fff9ed; }
@media(max-width:720px) { header::after { left:20px; bottom:25px; font-size:1rem; }.cozy-gallery { padding-left:20px; padding-right:20px; } }