/* wig.ai magazine collage */
:root{--wine:#6B2D3C;--wine-deep:#4A1E2A;--champ:#E8D5B7;--cream:#F7F0E6;--ink:#1F1A1C;--soft:#6B5A5E;--card:#FFF9F2;}
*{box-sizing:border-box}body{margin:0;font-family:Outfit,system-ui,sans-serif;background:var(--cream);color:var(--ink);line-height:1.55;font-size:16.5px}
img{max-width:100%;display:block}.wrap{width:min(1100px,calc(100% - 2rem));margin:auto}
.topbar{background:var(--wine);color:#fff;position:sticky;top:0;z-index:30}
.nav{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0}
.logo{font-family:"Playfair Display",serif;font-size:1.6rem;color:#fff;text-decoration:none}.logo span{color:var(--champ)}
.nav-links a{color:#fff;text-decoration:none;font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;margin-left:1rem;opacity:.9}
.btn{display:inline-flex;padding:.7rem 1.2rem;border-radius:4px;text-decoration:none;font-weight:600;border:1.5px solid var(--ink)}
.btn-solid{background:var(--wine);color:#fff;border-color:var(--wine)}.btn-alt{background:var(--champ);color:var(--ink);border-color:var(--champ)}.btn-ghost{background:#fff}
.hero{padding:3rem 0 1rem}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:1.5rem}
.eyebrow{display:inline-block;background:var(--champ);padding:.2rem .6rem;font-size:.7rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:.8rem;color:var(--ink)}
.hero h1{font-family:"Playfair Display",serif;font-size:clamp(2.4rem,4.5vw,3.6rem);line-height:1.08;margin:0 0 1rem}
.hero-lead{color:var(--soft)}.hero-cta{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1.2rem}.chips{display:flex;flex-wrap:wrap;gap:.4rem;margin:1rem 0}.chip{background:var(--wine);color:#fff;padding:.3rem .65rem;font-size:.72rem;font-weight:600}
.arch{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}
.arch .big{grid-column:1/-1;aspect-ratio:16/9;overflow:hidden;border:3px solid var(--ink);transform:rotate(-1deg)}
.arch .sm{aspect-ratio:1;overflow:hidden;border:3px solid var(--ink)}.arch .sm:last-child{transform:rotate(2deg)}
.arch img{width:100%;height:100%;object-fit:cover}
.stats{background:var(--ink);color:var(--champ);padding:1rem 0;font-size:.85rem;text-transform:uppercase;letter-spacing:.06em}
.stats-grid{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;text-align:center}
.stats strong{display:block;font-family:"Playfair Display",serif;font-size:1.5rem;color:#fff;text-transform:none;letter-spacing:0}
section{padding:3.5rem 0}.section-head h2{font-family:"Playfair Display",serif;font-size:2.2rem;margin:0 0 .4rem}.section-head p{color:var(--soft)}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.card{background:var(--card);border:2px solid var(--ink);padding:1rem;box-shadow:6px 6px 0 var(--wine)}
.card img{aspect-ratio:4/3;object-fit:cover;margin-bottom:.75rem;border:1px solid var(--ink);width:100%}
.card h3{font-family:"Playfair Display",serif;margin:.2rem 0;font-size:1.35rem}.card p{color:var(--soft);flex:1}.card .num{font-size:.7rem;font-weight:700;color:var(--wine)}
.card a{font-weight:700;color:var(--wine)}
.problem{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.problem>div{padding:1.5rem}.problem>div:first-child{background:var(--wine);color:#fff}.problem>div:last-child{background:var(--champ);color:var(--ink)}
.problem h3{font-family:"Playfair Display",serif;margin:0 0 .5rem}
.how{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem}.how-step{border:2px dashed var(--wine);padding:1rem;background:#fff}.how-step b{color:var(--wine);display:block;margin-bottom:.35rem}
.faq details{border:2px solid var(--ink);margin-bottom:.6rem;padding:.8rem 1rem;background:#fff}.faq summary{font-weight:600;cursor:pointer}
.cta-band{background:var(--wine);color:#fff;padding:2.5rem;display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}
.cta-band h2{font-family:"Playfair Display",serif;font-size:2rem;margin:0}.cta-band .quote{font-style:italic;opacity:.95}
footer{background:var(--ink);color:#ccc;padding:2.5rem 0;font-size:.88rem}
.foot-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:1.5rem}.foot-grid a{color:var(--champ)}
.legal{margin-top:1.5rem;font-size:.75rem;opacity:.8}
.article-body{max-width:700px;margin:2rem auto;padding:0 1rem 3rem}.article-body h1{font-family:"Playfair Display",serif}
.article-hero{width:100%;max-height:340px;object-fit:cover;border-bottom:4px solid var(--wine)}
@media(max-width:900px){.hero-grid,.cards,.problem,.cta-band,.how,.foot-grid,.arch{grid-template-columns:1fr}}