/*
Theme Name: MuseMusk Oriental
Theme URI: https://musemusk.com
Author: MuseMusk
Description: Theme minimaliste oriental sensuel
Version: 1.0
Text Domain: musemusk-oriental
*/
:root{--ambre:#c19a6b;--prune:#4a1942;--creme:#f5f0e8;--or-rose:#d4a574;--noir:#1a1018}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Nunito Sans',sans-serif;font-size:16px;line-height:1.7;color:var(--noir);background:var(--creme)}
h1,h2,h3,h4{font-family:'Cormorant Garamond',serif;font-weight:600;color:var(--prune);line-height:1.3}
h1{font-size:3rem}h2{font-size:2.25rem}h3{font-size:1.75rem}
a{color:var(--ambre);text-decoration:none;transition:color .3s}a:hover{color:var(--or-rose)}
.site-header{background:var(--prune);padding:1rem 0;position:sticky;top:0;z-index:1000}
.header-inner{max-width:1200px;margin:0 auto;padding:0 2rem;display:flex;justify-content:space-between;align-items:center}
.site-logo{max-height:60px}
.site-title{font-family:'Cormorant Garamond',serif;font-size:2rem;color:var(--ambre);letter-spacing:.15em;text-transform:uppercase}
.site-title a{color:var(--ambre)}
.main-nav ul{list-style:none;display:flex;gap:2.5rem}
.main-nav a{color:var(--creme);font-size:.9rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;position:relative}
.main-nav a::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--ambre);transition:width .3s}
.main-nav a:hover::after{width:100%}
.hero{background:linear-gradient(135deg,var(--prune),#2d1028);color:var(--creme);padding:6rem 2rem;text-align:center}
.hero h1{color:var(--creme);font-size:3.5rem;margin-bottom:1.5rem;font-weight:300}
.hero p{font-size:1.25rem;opacity:.9;margin-bottom:2rem}
.hero-tagline{font-family:'Cormorant Garamond',serif;font-style:italic;font-size:1.5rem;color:var(--ambre)}
.btn{display:inline-block;padding:1rem 2.5rem;font-size:.85rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;border:none;cursor:pointer;transition:all .3s}
.btn-primary{background:var(--ambre);color:var(--prune)}
.btn-primary:hover{background:var(--or-rose);transform:translateY(-2px)}
.section{padding:5rem 2rem;max-width:1200px;margin:0 auto}
.section-title{text-align:center;margin-bottom:3rem}
.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}
.card{background:#fff;border-radius:4px;overflow:hidden;box-shadow:0 4px 20px rgba(74,25,66,.08);transition:transform .3s}
.card:hover{transform:translateY(-5px);box-shadow:0 8px 30px rgba(74,25,66,.15)}
.card-image{width:100%;height:250px;object-fit:cover}
.card-content{padding:1.5rem}
.site-footer{background:var(--noir);color:var(--creme);padding:4rem 2rem 2rem}
.footer-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:3rem}
.footer-col h4{color:var(--ambre);font-size:1rem;letter-spacing:.1em;text-transform:uppercase;margin-bottom:1.5rem}
.footer-col ul{list-style:none}.footer-col a{color:var(--creme);opacity:.8}.footer-col a:hover{color:var(--ambre)}
.footer-bottom{max-width:1200px;margin:3rem auto 0;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);text-align:center;opacity:.6}
.content-area{max-width:800px;margin:0 auto;padding:4rem 2rem}
.content-area p{margin-bottom:1.5rem}
input[type="text"],input[type="email"],textarea{width:100%;padding:1rem;border:1px solid #ddd;border-radius:4px;font-family:inherit}
input:focus,textarea:focus{outline:none;border-color:var(--ambre)}
@media(max-width:768px){.header-inner{flex-direction:column;gap:1rem}.main-nav ul{gap:1rem;flex-wrap:wrap;justify-content:center}.hero h1{font-size:2.5rem}}