/* LAA ORGANICS NEWSROOM - Premium Luxury */
:root{--bg:#0a0a0a;--paper:#f5f2ed;--gold:#d4af37;--gold-light:#f6e6a0;--border:#1e1c18;--muted:#8a847c;}
*{margin:0;padding:0;box-sizing:border-box}
body{background:var(--bg);color:var(--paper);font-family:'Inter',sans-serif;-webkit-font-smoothing:antialiased;line-height:1.6}
.container{max-width:1440px;margin:0 auto;padding:0 40px}
@media(max-width:768px){.container{padding:0 20px}}

.top-bar{border-bottom:1px solid var(--border);height:52px;display:flex;align-items:center;font-size:10px;letter-spacing:0.2em;text-transform:uppercase}
.top-bar .container{display:flex;justify-content:space-between;align-items:center;width:100%}
.top-right{display:flex;gap:28px;align-items:center}.live{color:var(--gold)}.dot{width:6px;height:6px;background:var(--gold);border-radius:50%;display:inline-block;animation:pulse 2s infinite}
@keyframes pulse{0%{opacity:1}50%{opacity:0.4}100%{opacity:1}}

.main-header{text-align:center;padding:80px 0 50px}
.eyebrow{font-size:10px;letter-spacing:0.35em;color:var(--gold);margin-bottom:24px}
.site-title{font-family:'Bodoni Moda',serif;line-height:0.85;text-transform:uppercase}
.site-title .line1{display:block;font-size:clamp(36px,9vw,120px);font-weight:700}
.site-title .line2{display:block;font-size:clamp(32px,6.5vw,88px);font-weight:400;margin-top:8px}
.gold-texture{
  background:linear-gradient(180deg,#FFF8DC 0%,#F6E6A0 15%,#D4AF37 45%,#B8960C 85%,#8C6B00 100%);
  -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
  filter:drop-shadow(0 1px 0 rgba(212,175,55,0.3)) drop-shadow(0 2px 15px rgba(212,175,55,0.15));
  /* textured illusion */
  position:relative;
}
.gold-texture::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");mix-blend-mode:overlay;pointer-events:none}

.subhead{max-width:620px;margin:32px auto 0;font-family:'Instrument Serif',serif;font-style:italic;font-size:18px;color:var(--muted);line-height:1.5}

.category-nav{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:48px;padding-top:32px;border-top:1px solid var(--border)}
.cat-btn{background:transparent;border:1px solid var(--border);color:var(--muted);padding:10px 18px;font-size:10px;letter-spacing:0.2em;text-transform:uppercase;cursor:pointer;transition:0.3s}
.cat-btn.active,.cat-btn:hover{border-color:var(--gold);color:var(--paper);background:rgba(212,175,55,0.08)}

.hero-article{display:grid;grid-template-columns:1.1fr 0.9fr;gap:0;border:1px solid var(--border);background:#0f0e0b;margin:60px 0}
.hero-media{position:relative;background:#15130f;min-height:520px;display:flex;align-items:center;justify-content:center;border-right:1px solid var(--border)}
.hero-badge{position:absolute;top:20px;left:20px;background:var(--paper);color:#000;font-size:10px;letter-spacing:0.15em;padding:8px 14px;border-radius:20px}
.hero-placeholder{font-family:'Bodoni Moda';font-size:24px;letter-spacing:0.1em;color:#3a3732;border:1px dashed #2a2722;padding:40px}
.hero-content{padding:48px}
.hero-image{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    border-radius:16px;
}
.meta{font-size:10px;letter-spacing:0.25em;color:var(--gold);text-transform:uppercase}
.hero-content h2{font-family:'Bodoni Moda';font-size:36px;line-height:1.1;margin:20px 0;font-weight:600}
.hero-content p{color:var(--muted);font-size:14px;line-height:1.7;margin-bottom:20px}
.cta-link{color:var(--paper);text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:2px;font-size:11px;letter-spacing:0.15em;text-transform:uppercase}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:32px;padding-top:24px;border-top:1px solid var(--border)}
.hero-stats strong{display:block;font-family:'Bodoni Moda';font-size:22px;color:var(--gold)}.hero-stats span{font-size:10px;letter-spacing:0.1em;text-transform:uppercase;color:var(--muted)}
@media(max-width:900px){.hero-article{grid-template-columns:1fr}.hero-media{min-height:340px}}

.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border:1px solid var(--border)}
.story-image{
    width:100%;
    height:220px;
    overflow:hidden;
    border-radius:12px;
    margin:16px 0;
}

.story-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

.card{
    background:#0f0e0b;
    padding:32px;
    transition:0.3s;
    overflow:hidden;
    display:flex;
    flex-direction:column;
}

.card-top{display:flex;justify-content:space-between;font-size:9px;letter-spacing:0.15em;color:var(--muted);margin-bottom:20px;text-transform:uppercase}
.card h3{font-family:'Bodoni Moda';font-size:20px;line-height:1.25;margin-bottom:12px}
.card p{font-size:12px;color:var(--muted);line-height:1.6;margin-bottom:20px}
.card-tag{font-size:9px;letter-spacing:0.2em;text-transform:uppercase;border:1px solid #2a2722;padding:6px 10px;color:var(--muted)}
@media(max-width:1000px){.article-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.article-grid{grid-template-columns:1fr}}

.newsletter{margin:80px 0;border:1px solid var(--border);display:grid;grid-template-columns:1.2fr 0.8fr}
.news-left{padding:48px;border-right:1px solid var(--border)}.news-left h4{font-family:'Bodoni Moda';font-size:28px;margin-bottom:16px}
.news-left p{color:var(--muted);font-size:13px;margin-bottom:20px}.news-points{list-style:none;font-size:12px;color:var(--muted)}.news-points li{margin-bottom:6px}
.news-right{padding:48px;display:flex;flex-direction:column;justify-content:center;background:#0f0e0b}
.news-right input{width:100%;background:#0a0a0a;border:1px solid #2a2722;padding:16px;color:var(--paper);margin-bottom:12px}
.news-right button{width:100%;background:var(--gold);color:#000;border:none;padding:16px;font-size:11px;letter-spacing:0.2em;font-weight:600;cursor:pointer}
.news-right .small{font-size:10px;color:var(--muted);margin-top:12px;display:block;text-align:center}
@media(max-width:800px){.newsletter{grid-template-columns:1fr}.news-left{border-right:none;border-bottom:1px solid var(--border)}}

.main-footer{border-top:1px solid var(--border);padding:60px 0 20px;margin-top:40px}
.footer-grid{display:grid;grid-template-columns:1.3fr 0.7fr;gap:60px}
.footer-logo{font-family:'Bodoni Moda';font-size:20px;letter-spacing:0.15em;margin-bottom:32px}.footer-logo span{color:var(--gold);font-size:10px;letter-spacing:0.3em;margin-left:8px;vertical-align:middle}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.trust-grid strong{font-size:11px;letter-spacing:0.15em;text-transform:uppercase;display:block;margin-bottom:8px}
.trust-grid p{font-size:11px;color:var(--muted);line-height:1.5}
.colophon{border-left:1px solid var(--border);padding-left:40px}.colophon span{font-size:10px;letter-spacing:0.3em;color:var(--muted)}.colophon em{display:block;font-family:'Instrument Serif';font-size:16px;line-height:1.5;color:var(--muted);margin:16px 0}.colophon p{font-size:11px;color:var(--muted)}
.copyright{margin-top:60px;text-align:center;font-size:9px;letter-spacing:0.15em;color:#5a5752;text-transform:uppercase;border-top:1px solid var(--border);padding-top:20px}
@media(max-width:800px){.footer-grid{grid-template-columns:1fr}.colophon{border-left:none;border-top:1px solid var(--border);padding-left:0;padding-top:32px}.trust-grid{grid-template-columns:1fr}}

.story-image{
    width:100%;
    height:220px;
    overflow:hidden;
    border-radius:12px;
    margin:16px 0;
}

.story-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
    transition:0.4s ease;
}

.card:hover .story-image img{
    transform:scale(1.05);
}

.card{
    overflow:hidden;
}
.article-grid{
    display:grid !important;
    grid-template-columns:repeat(3,1fr) !important;
    gap:20px !important;
}

.card{
    display:block !important;
    background:#0f0e0b !important;
    padding:24px !important;
    overflow:hidden !important;
}

.story-image{
    width:100% !important;
    height:220px !important;
    overflow:hidden !important;
    border-radius:12px !important;
    margin:16px 0 !important;
}

.story-image img{
    width:100% !important;
    height:100% !important;
    object-fit:cover !important;
    display:block !important;
}