/*
Theme Name: Khac Dong Studio Wedding
Author: Custom Studio
Description: Romantic Vietnamese wedding photography homepage with complete header, gallery and footer.
Version: 1.0.0
Text Domain: khac-dong
*/
:root{--peach:#e8ab87;--ink:#654b43}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#574c48;font:16px/1.7 Arial,sans-serif;background:#fff7f3}a{text-decoration:none;color:inherit}.wrap{max-width:1200px;margin:auto;padding:0 22px}.top{background:#efc4a8;color:white;font-size:13px}.top .wrap{display:flex;justify-content:space-between;gap:16px}.nav{background:white;box-shadow:0 2px 10px #b98e7b22}.nav .wrap{display:flex;justify-content:space-between;align-items:center;gap:25px;min-height:78px}.brand{font:italic 34px Georgia,serif;color:#cc875f;white-space:nowrap}.menu{display:flex;gap:22px;flex-wrap:wrap;font-size:14px}.menu a:hover{color:#d7906a}.hero{height:560px;background-size:cover;background-position:center;position:relative;display:flex;align-items:center}.hero:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#fff1dfb8,transparent 65%)}.hero .wrap{position:relative;width:100%}.hero h1{font:italic 56px Georgia,serif;color:#ae674e;line-height:1.1;max-width:480px;margin:0 0 15px}.hero p{max-width:390px;font-size:19px;color:#815746}.btn{display:inline-block;padding:11px 30px;border-radius:40px;background:#d9916b;color:white;border:1px solid #d9916b}.btn:hover{background:#b97655}.section{padding:75px 0;background:linear-gradient(115deg,#ffe1df,#fffaf5 50%,#ffebe5)}.section h2{font:italic 46px Georgia,serif;color:#dfa985;text-align:center;margin:0 0 20px}.about-grid{display:grid;grid-template-columns:44% 1fr;gap:65px;align-items:center}.about-grid img{width:100%;height:570px;object-fit:cover;box-shadow:0 10px 25px #765c4a33;border:8px solid white}.about-grid h2{text-align:left}.about-grid p{font-size:16px}.subtitle{text-align:center;margin:-10px 0 35px}.albums{display:grid;grid-template-columns:1fr 1fr;gap:35px}.album{text-align:center;font-size:15px}.album img{width:100%;height:330px;object-fit:cover;border-radius:55px;display:block;margin-bottom:10px}.album img:hover{filter:brightness(.93)}.center{text-align:center;margin-top:35px}.services{background:#fff;padding:55px 0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}.service-grid div{padding:28px;border:1px solid #f0d7c8;border-radius:15px}.footer{background:#f7d8c9;padding:55px 0;color:#70554a}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.5fr;gap:30px}.footer h3{margin:0 0 15px}.footer a{display:block;margin:7px 0}.copyright{background:#eab597;color:white;text-align:center;padding:13px;font-size:13px}.mobile-toggle{display:none}.wp-block-image img{max-width:100%}@media(max-width:800px){.top .wrap{flex-wrap:wrap}.nav .wrap{flex-wrap:wrap;padding:12px 20px}.mobile-toggle{display:block;border:0;background:#f5e3d7;padding:9px 15px}.menu{display:none;width:100%;flex-direction:column;gap:8px}.menu.open{display:flex}.hero{height:440px;background-position:55% center}.hero h1{font-size:39px}.hero p{font-size:16px;max-width:250px}.about-grid{grid-template-columns:1fr;gap:25px}.about-grid img{height:440px}.albums{grid-template-columns:1fr}.album img{height:280px}.service-grid,.footer-grid{grid-template-columns:1fr 1fr}.section{padding:45px 0}}@media(max-width:480px){.footer-grid,.service-grid{grid-template-columns:1fr}.hero{height:370px}.hero h1{font-size:33px}.section h2{font-size:36px}}
