*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{background:#181410;color:#e8dcc8;font-family:system-ui,sans-serif;}
a{color:inherit;text-decoration:none;}

nav{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 2.5rem;border-bottom:0.5px solid rgba(200,169,110,0.2);position:sticky;top:0;background:#181410;z-index:100;max-width:1100px;margin:0 auto;width:100%;}
.logo{display:flex;align-items:center;gap:12px;cursor:pointer;}
.logo-text{font-family:'Cormorant Garamond',serif;font-size:17px;font-weight:300;letter-spacing:4px;color:#c8a96e;text-transform:uppercase;}
.nav-links{display:flex;gap:2rem;font-size:10px;letter-spacing:2px;text-transform:uppercase;color:rgba(232,220,200,0.45);}
.nav-links a{transition:color 0.2s;}
.nav-links a:hover{color:#c8a96e;}

.site-wrap{max-width:1100px;margin:0 auto;}

.hero{position:relative;height:560px;overflow:hidden;}
.hero img{width:100%;height:100%;object-fit:cover;object-position:center 30%;filter:brightness(0.62);}
.hero-overlay{position:absolute;inset:0;background:rgba(18,12,6,0.38);}
.hero-text{position:absolute;bottom:2.8rem;left:2.5rem;}
.hero-tag{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#c8a96e;margin-bottom:0.7rem;}
.hero-title{font-family:'Cormorant Garamond',serif;font-size:60px;font-weight:300;line-height:1.05;color:#f0e8d8;margin-bottom:0.7rem;}
.hero-title em{font-style:italic;color:#c8a96e;}
.hero-sub{font-size:11px;letter-spacing:2px;color:rgba(240,232,216,0.5);}

.sec{padding:2.5rem 2.5rem;}
.sec-label{font-size:9px;letter-spacing:3px;text-transform:uppercase;color:#c8a96e;margin-bottom:1.5rem;display:flex;align-items:center;gap:10px;}
.sec-label::after{content:'';flex:1;height:0.5px;background:rgba(200,169,110,0.15);}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;}
.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:3px;margin-top:3px;}
.thumb{position:relative;overflow:hidden;aspect-ratio:1;}
.thumb img{width:100%;height:100%;object-fit:cover;filter:brightness(0.8);transition:filter 0.4s,transform 0.4s;}
.thumb:hover img{filter:brightness(1);transform:scale(1.03);}
.thumb-label{position:absolute;bottom:0;left:0;right:0;padding:0.7rem 0.9rem;background:rgba(18,12,6,0.72);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(200,169,110,0.9);transform:translateY(100%);transition:transform 0.3s;}
.thumb:hover .thumb-label{transform:translateY(0);}

.div{height:0.5px;background:rgba(200,169,110,0.1);margin:0 2.5rem;}

.about{display:grid;grid-template-columns:1fr 1fr;gap:3.5rem;padding:2.5rem 2.5rem;align-items:center;}
.about-img{overflow:hidden;aspect-ratio:4/3;}
.about-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.82);}
.about-title{font-family:'Cormorant Garamond',serif;font-size:38px;font-weight:300;line-height:1.2;color:#e8dcc8;margin-bottom:1.2rem;}
.about-title em{font-style:italic;color:#c8a96e;}
.about-body{font-size:12px;line-height:2.1;color:rgba(232,220,200,0.5);margin-bottom:1rem;}

.tools{background:#120f0a;padding:2.5rem 2.5rem;}
.tools-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(200,169,110,0.08);margin-top:1.5rem;}
.tool{background:#120f0a;padding:1.4rem 1.2rem;}
.tool-name{font-size:11px;letter-spacing:1px;color:#c8a96e;margin-bottom:6px;}
.tool-desc{font-size:10px;color:rgba(232,220,200,0.3);line-height:1.7;margin-bottom:8px;}
.tool-link{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:rgba(200,169,110,0.45);border-bottom:0.5px solid rgba(200,169,110,0.2);padding-bottom:2px;display:inline-block;transition:color 0.2s;}
.tool-link:hover{color:#c8a96e;}

.journal{background:#0f0c08;padding:2.5rem 2.5rem;}
.jgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem;margin-top:1.5rem;}
.jcard{border:0.5px solid rgba(200,169,110,0.12);overflow:hidden;cursor:pointer;transition:border-color 0.3s;}
.jcard:hover{border-color:rgba(200,169,110,0.35);}
.jcard-img{height:200px;overflow:hidden;}
.jcard-img img{width:100%;height:100%;object-fit:cover;filter:brightness(0.7);transition:filter 0.4s,transform 0.4s;}
.jcard:hover .jcard-img img{filter:brightness(0.9);transform:scale(1.04);}
.jcard-body{padding:1.2rem;}
.jcard-tag{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:#c8a96e;margin-bottom:8px;}
.jcard-title{font-family:'Cormorant Garamond',serif;font-size:18px;font-weight:300;color:#e8dcc8;line-height:1.3;margin-bottom:8px;}
.jcard-excerpt{font-size:10px;color:rgba(232,220,200,0.38);line-height:1.8;margin-bottom:10px;}
.jcard-read{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(200,169,110,0.45);}

.post-wrap{display:none;max-width:720px;margin:0 auto;padding:3rem 2.5rem;}
.post-wrap.active{display:block;}
.post-back{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:rgba(200,169,110,0.5);cursor:pointer;margin-bottom:2rem;display:flex;align-items:center;gap:8px;}
.post-back:hover{color:#c8a96e;}
.post-tag{font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#c8a96e;margin-bottom:1rem;}
.post-title{font-family:'Cormorant Garamond',serif;font-size:44px;font-weight:300;line-height:1.1;color:#e8dcc8;margin-bottom:1rem;}
.post-title em{font-style:italic;color:#c8a96e;}
.post-meta{font-size:10px;letter-spacing:1px;color:rgba(232,220,200,0.3);margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:0.5px solid rgba(200,169,110,0.12);}
.post-hero{width:100%;aspect-ratio:16/9;object-fit:cover;filter:brightness(0.85);margin-bottom:2rem;}
.post-body{font-size:13px;line-height:2.1;color:rgba(232,220,200,0.65);}
.post-body p{margin-bottom:1.4rem;}
.post-body h2{font-family:'Cormorant Garamond',serif;font-size:28px;font-weight:300;color:#e8dcc8;margin:2rem 0 0.8rem;}
.post-body h3{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#c8a96e;margin:1.8rem 0 0.6rem;}
.post-body a{color:#c8a96e;border-bottom:0.5px solid rgba(200,169,110,0.3);padding-bottom:1px;}
.post-body a:hover{border-color:#c8a96e;}
.post-body blockquote{border-left:2px solid rgba(200,169,110,0.3);padding-left:1.2rem;margin:1.5rem 0;color:rgba(232,220,200,0.45);font-style:italic;font-family:'Cormorant Garamond',serif;font-size:17px;}
.affiliate-box{background:#1a1610;border:0.5px solid rgba(200,169,110,0.2);padding:1.2rem 1.5rem;margin:1.8rem 0;}
.affiliate-box-label{font-size:8px;letter-spacing:2px;text-transform:uppercase;color:rgba(200,169,110,0.4);margin-bottom:8px;}
.affiliate-box-title{font-size:13px;color:#e8dcc8;margin-bottom:6px;}
.affiliate-box-link{font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#c8a96e;}
.affiliate-box-link:hover{border-bottom:0.5px solid #c8a96e;}

.home-wrap{display:block;}
.home-wrap.hidden{display:none;}

footer{padding:1.8rem 2.5rem;border-top:0.5px solid rgba(200,169,110,0.1);display:flex;justify-content:space-between;align-items:center;max-width:1100px;margin:0 auto;}
.footer-logo{display:flex;align-items:center;gap:10px;font-family:'Cormorant Garamond',serif;font-size:12px;letter-spacing:3px;color:rgba(200,169,110,0.35);text-transform:uppercase;}
.footer-text{font-size:9px;letter-spacing:1px;color:rgba(232,220,200,0.15);}

@media(max-width:700px){
  .grid3{grid-template-columns:repeat(2,1fr);}
  .tools-grid{grid-template-columns:repeat(2,1fr);}
  .jgrid{grid-template-columns:1fr;}
  .about{grid-template-columns:1fr;}
  .hero-title{font-size:38px;}
  nav{padding:1rem 1.2rem;}
  .nav-links{gap:1rem;font-size:9px;}
}