/* Page-specific styles extracted from HTML */
*{margin:0;padding:0;box-sizing:border-box}

html{font-size:16px;scroll-behavior:smooth}
body{background:var(--color-bg-light);font-family:'Barlow',sans-serif;font-weight:300;-webkit-font-smoothing:antialiased}
nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:1.4rem 3.5rem;background:var(--color-nav-bg);backdrop-filter:blur(10px)}
.logo-full{display:flex;align-items:center;gap:10px;text-decoration:none}
.logo-mark{width:28px;height:28px}
.logo-wordmark{font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:1rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-primary)}
.nav-right{display:flex;align-items:center;gap:1.25rem;position:relative}
.burger-wrap{position:relative}
.burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:36px;height:36px;cursor:pointer;padding:6px;border:1px solid transparent;transition:border-color 0.2s}
.burger:hover{border-color:var(--color-line)}
.burger span{display:block;height:1px;background:var(--color-text-primary)}
.burger span:nth-child(2){width:70%}
.dropdown{position:absolute;top:calc(100% + 8px);right:0;background:var(--color-bg-light);border:1px solid var(--color-line);min-width:200px;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity 0.2s ease,transform 0.2s ease;z-index:200}
.burger-wrap .dropdown.open{opacity:1;pointer-events:auto;transform:translateY(0)}
.dropdown a{display:block;font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-text-secondary);text-decoration:none;padding:0.9rem 1.25rem;border-bottom:1px solid var(--color-line);transition:color 0.2s,background 0.2s}
.dropdown a:last-child{border-bottom:none}
.dropdown a:hover{color:var(--color-text-primary);background:rgba(184,151,90,0.08)}
.nav-cta{font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;border:1px solid var(--color-text-primary);padding:0.5rem 1.4rem;text-decoration:none;color:var(--color-text-primary);transition:background 0.25s,color 0.25s;font-weight:600}
.nav-cta:hover{background:var(--color-text-primary);color:var(--color-bg-light)}
.article-back{padding:6rem 3.5rem 0}
.back-link{font-size:0.62rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--color-text-secondary);text-decoration:none;transition:color 0.2s}
.back-link:hover{color:var(--color-accent-gold)}
.article-image-wrap{margin-top:3rem;background:var(--color-bg-light-soft);border-bottom:1px solid var(--color-line-strong);display:flex;align-items:center;justify-content:center;padding:4rem 3.5rem}
.article-image-wrap img{max-width:320px;width:100%;display:block}
.article-body{max-width:720px;margin:0 auto;padding:4rem 3.5rem 6rem}
.article-meta{font-size:0.68rem;letter-spacing:0.18em;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:2rem;font-weight:400}
.article-title{font-family:'Plus Jakarta Sans',sans-serif;font-size:clamp(2rem,3.5vw,3.2rem);font-weight:700;line-height:1.1;letter-spacing:-0.025em;margin-bottom:3rem;padding-bottom:3rem;border-bottom:1px solid var(--color-line-strong)}
.article-text{font-size:1rem;line-height:1.9;color:var(--color-text-primary);font-weight:300}
.article-text p{margin-bottom:1.5rem}
.article-text p:last-child{margin-bottom:0}
.article-text strong{font-weight:600}
.article-text em{font-style:italic}
.article-text a{color:var(--color-accent-gold)}
footer{padding:2rem 3.5rem;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--color-line-strong)}
.footer-right{display:flex;gap:2rem;align-items:center}
.footer-links{display:flex;gap:2rem}
.footer-links a{font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--color-text-secondary);text-decoration:none;transition:color 0.2s}
.footer-links a:hover{color:var(--color-text-primary)}.footer-copy{font-size:0.65rem;letter-spacing:0.1em;text-transform:uppercase;color:var(--color-text-secondary)}
/* Logo: arrow paths use var(--color-bg-light) to stay visible on light bg */
footer .logo-full svg ellipse{fill:var(--color-text-primary)}@media(max-width:768px){
  nav{padding:1rem 1.25rem}
  .nav-cta{display:none}
  .article-back{padding:5rem 1.25rem 0}
  .article-image-wrap{padding:3rem 1.25rem}
  .article-body{padding:3rem 1.25rem 4rem}
  .article-title{font-size:clamp(1.8rem,8vw,2.5rem)}
  footer{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.5rem 1.25rem}
  .footer-right{flex-direction:column;align-items:flex-start;gap:0.75rem}
  .footer-links{flex-wrap:wrap;gap:1rem}
}