:root{--ink:#241e1d;--muted:#6d6060;--paper:#f9f6f0;--line:#ded7cf;--accent:#662f3c;--accent-text:#fff}
body[data-brand="wesgha"]{--ink:#121212;--muted:#5d6065;--paper:#f5f5f3;--line:#d8d8d8;--accent:#1b2841}
body[data-brand="wesgha"] .trend-photo:after{content:"WESGHA · AI CONCEPT"}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit}button{font:inherit}.eyebrow{font-size:.73rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase}.site-ribbon{background:var(--ink);color:#fff;text-align:center;padding:9px 12px;font-size:.67rem;letter-spacing:.13em}
.trend-header{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 5vw;border-bottom:1px solid var(--line);background:var(--paper);position:sticky;top:0;z-index:10}.trend-wordmark{font:normal 2rem Georgia,serif;text-decoration:none;letter-spacing:-.07em}.trend-nav{display:flex;align-items:center;gap:24px;font-size:.88rem}.trend-nav a{text-decoration:none}.trend-nav a:hover{text-decoration:underline}
.trend-hero{padding:92px 5vw 76px;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr minmax(250px,.45fr);gap:8vw;align-items:end}.trend-hero h1{font:normal clamp(3.6rem,8vw,8rem)/.9 Georgia,serif;letter-spacing:-.07em;margin:20px 0 25px;max-width:11ch}.trend-hero p{max-width:490px;color:var(--muted);font-size:1.09rem}.hero-aside{border-left:1px solid var(--line);padding-left:26px;font-size:.94rem;color:var(--muted)}.hero-aside strong{color:var(--ink)}
.content{padding:42px 5vw 90px;max-width:1600px;margin:auto}.filter-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px}.filter-head h2{font:normal clamp(2rem,4vw,3.5rem)/1 Georgia,serif;margin:5px 0}.filters{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 32px}.filters button{border:1px solid #c9bfb6;background:transparent;padding:9px 15px;border-radius:999px;cursor:pointer;color:var(--ink);font-size:.85rem}.filters button[aria-pressed=true],.filters button:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.trend-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 18px}.trend-card{min-width:0}.trend-card[hidden]{display:none}.trend-photo{width:100%;display:block;position:relative;aspect-ratio:4/5;overflow:hidden;background:#e1dbd2;padding:0;border:0;cursor:zoom-in;text-align:left}.trend-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.trend-photo:hover img{transform:scale(1.045)}.trend-photo:after{content:"GHAGHRI · AI CONCEPT";position:absolute;bottom:17px;left:15px;font-size:.64rem;letter-spacing:.12em;color:white;text-shadow:0 1px 7px #111;pointer-events:none}.card-index{display:inline-block;margin-top:16px;color:var(--muted);font-size:.7rem;letter-spacing:.13em}.trend-card h3{font:normal clamp(1.35rem,2.1vw,2rem)/1.14 Georgia,serif;margin:7px 0}.trend-card p{color:var(--muted);font-size:.9rem;margin:0 0 12px}.open-detail{background:none;border:0;border-bottom:1px solid var(--ink);padding:0 0 4px;cursor:pointer;font-size:.82rem;letter-spacing:.05em}
.editorial-note{margin-top:70px;padding:33px;max-width:1080px;border:1px solid var(--line);display:grid;grid-template-columns:1fr 2fr;gap:30px}.editorial-note h2{font:normal 2rem Georgia,serif;margin:0}.editorial-note p{margin:0 0 12px;color:var(--muted)}.button-link{display:inline-block;background:var(--accent);color:var(--accent-text);text-decoration:none;padding:13px 20px;margin-top:10px;font-size:.85rem;font-weight:700}.trend-footer{padding:28px 5vw;background:var(--ink);color:#f5efe9;font-size:.78rem;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}
.trend-modal[hidden]{display:none}.trend-modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:18px;background:rgba(22,16,19,.86)}.modal-panel{width:min(1100px,100%);max-height:95vh;overflow:auto;background:var(--paper);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(270px,.9fr)}.modal-media{min-height:500px;overflow:hidden;position:relative;background:#ddd}.modal-media img{width:100%;height:100%;max-height:86vh;display:block;object-fit:contain;transition:transform .16s;transform-origin:center}.watermark{position:absolute;inset:0;display:grid;grid-template-columns:repeat(2,1fr);align-content:space-around;pointer-events:none;overflow:hidden;opacity:.28}.watermark span{color:#fff;font-weight:700;transform:rotate(-25deg);font-size:1.1rem;text-shadow:0 1px 3px #222;text-align:center}.modal-info{padding:40px;position:relative}.modal-info h2{font:normal clamp(2rem,4vw,3.3rem)/1.05 Georgia,serif}.modal-info p{color:var(--muted)}.modal-controls{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.modal-controls button{border:1px solid var(--ink);background:transparent;padding:8px 13px;cursor:pointer}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;font-size:1.6rem;cursor:pointer}.legal{font-size:.77rem;border-top:1px solid var(--line);padding-top:15px;margin-top:25px}
@media(max-width:960px){.trend-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.trend-hero{grid-template-columns:1fr}.hero-aside{border-left:0;border-top:1px solid var(--line);padding:16px 0 0}.modal-panel{grid-template-columns:1fr;max-width:630px}.modal-media{min-height:300px;max-height:53vh}.modal-media img{max-height:53vh}}
@media(max-width:600px){.trend-header{align-items:flex-start;padding:15px 5vw}.trend-wordmark{font-size:1.55rem}.trend-nav{gap:10px;flex-wrap:wrap;justify-content:flex-end;font-size:.74rem}.trend-hero{padding:55px 5vw}.trend-hero h1{font-size:3.65rem}.trend-grid{gap:22px 12px}.trend-photo:after{font-size:.48rem;bottom:10px;left:8px}.trend-card h3{font-size:1.28rem}.editorial-note{grid-template-columns:1fr;padding:20px}.content{padding:30px 4vw 60px}.modal-info{padding:27px}}