:root{--peach:#E8A87C;--coral:#D46A6A;--white:#FFFFFF;--off-white:#FBF8F4;--dark:#1E1E1E;--text:#555;--font-serif:'Playfair Display',Georgia,serif;--font-sans:'Inter',system-ui,sans-serif}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}
body{font-family:var(--font-sans);background:var(--white);color:var(--text);line-height:1.6}
img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:0 24px}
.header{position:fixed;top:0;left:0;right:0;z-index:100;padding:18px 32px;display:flex;justify-content:space-between;align-items:center;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px)}
.header-brand{font-family:var(--font-serif);font-size:1.15rem;font-weight:700;color:var(--dark)}
.header-nav{display:flex;gap:22px;list-style:none}.header-nav a{font-size:0.8rem;font-weight:500;color:var(--text);letter-spacing:0.04em;transition:color 0.3s}.header-nav a:hover{color:var(--peach)}
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 32px 60px;background:var(--off-white)}
.hero-inner{max-width:1100px;margin:0 auto;text-align:center}
.hero h1{font-family:var(--font-serif);font-size:clamp(2.5rem,5.5vw,4.5rem);font-weight:700;line-height:1.08;color:var(--dark);margin-bottom:20px}
.hero h1 em{color:var(--peach);font-style:italic}
.hero p{font-size:1.05rem;color:var(--text);max-width:560px;margin:0 auto 32px;line-height:1.7}
.hero-img{margin-top:48px;border-radius:16px;overflow:hidden;max-height:500px}
.hero-img img{width:100%;object-fit:cover}
.btn-peach{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:var(--peach);color:var(--white);font-size:0.85rem;font-weight:600;letter-spacing:0.04em;border:none;border-radius:99px;cursor:pointer;transition:all 0.3s}
.btn-peach:hover{background:var(--coral);transform:translateY(-2px)}
.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:transparent;color:var(--dark);font-size:0.85rem;font-weight:600;border:1.5px solid var(--dark);border-radius:99px;cursor:pointer;transition:all 0.3s}
.btn-outline:hover{background:var(--dark);color:var(--white)}
section{padding:80px 0}
h2{font-family:var(--font-serif);font-size:clamp(1.8rem,3.5vw,2.6rem);font-weight:700;color:var(--dark);line-height:1.15;margin-bottom:16px}
h2 em{color:var(--peach);font-style:italic}
.section-label{font-size:0.7rem;font-weight:600;color:var(--peach);letter-spacing:0.15em;text-transform:uppercase;margin-bottom:10px}
.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.grid-2 img{border-radius:12px;aspect-ratio:4/3;object-fit:cover;width:100%}
.services-row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;text-align:center}
.service-item{padding:28px 16px;border-radius:12px;background:var(--off-white);transition:transform 0.3s}
.service-item:hover{transform:translateY(-4px)}
.service-item h3{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;color:var(--dark);margin:12px 0 8px}
.service-item p{font-size:0.82rem;color:var(--text)}
.service-icon{width:48px;height:48px;border-radius:50%;background:var(--peach);color:var(--white);display:flex;align-items:center;justify-content:center;margin:0 auto;font-size:1.2rem}
.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:36px}
.gallery-grid img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:12px;transition:transform 0.4s}
.gallery-grid img:hover{transform:scale(1.03)}
.cta-section{text-align:center;padding:100px 32px;background:var(--off-white)}
.footer{padding:48px 0 24px;border-top:1px solid #eee}
.footer-inner{display:flex;justify-content:space-between;align-items:start;flex-wrap:wrap;gap:32px}
.footer-brand{font-family:var(--font-serif);font-size:1.1rem;font-weight:700;color:var(--dark)}
.footer-bottom{margin-top:32px;padding-top:16px;border-top:1px solid #eee;display:flex;justify-content:space-between;font-size:0.75rem;color:#999}
@media(max-width:768px){.header-nav{display:none}.hero-inner{text-align:left}.grid-2{grid-template-columns:1fr}.services-row{grid-template-columns:1fr 1fr}.gallery-grid{grid-template-columns:1fr 1fr}}