/* EO's Studio — shared styles for standalone content pages */
:root{--void:#08080a;--smoke:#1c1b1f;--ash:#9a9498;--bone:#ede8e3;--gilt:#b89b6a;--font-display:'Cormorant Garamond',Georgia,serif;--font-body:system-ui,-apple-system,'Segoe UI',sans-serif}
*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}
body{background:var(--void);color:var(--bone);font-family:var(--font-body);font-weight:300;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
.top-nav{position:sticky;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:16px clamp(20px,5vw,60px);background:rgba(8,8,10,0.88);backdrop-filter:blur(12px);border-bottom:1px solid rgba(184,155,106,0.15)}
.brand{font-family:var(--font-display);font-size:1.4rem;letter-spacing:0.25em;color:var(--gilt)}
.nav-links{display:flex;gap:clamp(12px,2vw,26px);flex-wrap:wrap;align-items:center;font-size:0.75rem;letter-spacing:0.16em;text-transform:uppercase;color:var(--ash)}
.nav-links a:hover{color:var(--gilt)}
.nav-links a[aria-current="page"]{color:var(--gilt)}
.nav-cta{font-size:0.78rem;letter-spacing:0.15em;text-transform:uppercase;color:var(--bone);border:1px solid var(--gilt);padding:10px 22px;transition:background .3s,color .3s}
.nav-cta:hover{background:var(--gilt);color:var(--void)}
.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(80px,12vw,140px) 24px clamp(60px,9vw,100px);background:radial-gradient(ellipse at 50% 0%,rgba(184,155,106,0.12),transparent 60%),var(--void)}
.hero-inner{max-width:860px}
.eyebrow{font-size:0.78rem;letter-spacing:0.35em;text-transform:uppercase;color:var(--gilt);margin-bottom:22px}
h1{font-family:var(--font-display);font-weight:400;font-size:clamp(2.3rem,5.5vw,4rem);line-height:1.12;text-shadow:0 2px 24px rgba(0,0,0,0.8)}
h1 em,h2 em{font-style:italic;color:var(--gilt)}
.hero p{margin:26px auto 0;max-width:640px;color:var(--ash);font-size:1.05rem}
.btn{display:inline-block;margin-top:36px;background:var(--gilt);color:var(--void);padding:16px 44px;letter-spacing:0.18em;text-transform:uppercase;font-size:0.82rem;font-weight:600;transition:opacity .3s}
.btn:hover{opacity:.85}
.btn.ghost{background:transparent;border:1px solid var(--gilt);color:var(--bone);margin-left:14px}
.section{max-width:1100px;margin:0 auto;padding:clamp(60px,9vw,110px) clamp(20px,5vw,40px)}
.section.alt{background:var(--smoke);max-width:none}
.section.alt>.inner{max-width:1100px;margin:0 auto}
h2{font-family:var(--font-display);font-weight:400;font-size:clamp(1.8rem,4.2vw,2.8rem);margin-bottom:22px}
h3{font-family:var(--font-display);font-weight:400;font-size:1.45rem;color:var(--gilt);margin:30px 0 10px}
.body-text{color:var(--ash);max-width:720px}
.body-text+p,.body-text+h3,p+p{margin-top:18px}
.grid2{display:grid;gap:40px;grid-template-columns:1fr;align-items:center}
@media(min-width:860px){.grid2{grid-template-columns:1.1fr 1fr}}
.cards{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:36px}
.card{border:1px solid rgba(184,155,106,0.2);background:rgba(28,27,31,0.5);padding:26px}
.card h3{margin-top:0}
.card p{color:var(--ash);font-size:0.95rem}
.img-frame{border:1px solid rgba(184,155,106,0.25);padding:10px;background:rgba(28,27,31,0.5)}
.img-frame img{width:100%;height:auto}
ul.ticks{list-style:none;margin-top:20px}
ul.ticks li{padding:10px 0 10px 30px;position:relative;color:var(--ash);border-bottom:1px solid rgba(184,155,106,0.12)}
ul.ticks li::before{content:"—";position:absolute;left:0;color:var(--gilt)}
.faq-item{border-bottom:1px solid rgba(184,155,106,0.15);padding:24px 0}
.faq-item h3{margin:0 0 8px;font-size:1.3rem}
.faq-item p{color:var(--ash)}
.cta-band{text-align:center;padding:clamp(70px,11vw,130px) 24px;background:radial-gradient(ellipse at 50% 100%,rgba(184,155,106,0.14),transparent 65%),var(--void)}
.info-list{list-style:none;margin-top:18px;color:var(--ash)}
.info-list li{padding:8px 0}
.info-list a{color:var(--gilt)}
footer{border-top:1px solid rgba(184,155,106,0.15);padding:36px 24px;text-align:center;color:var(--ash);font-size:0.85rem}
footer a{color:var(--gilt)}
footer .links{margin-top:10px;line-height:2}