.xb-works-creative { overflow:hidden; padding:var(--xbc-pad-top) var(--xbc-pad-right) var(--xbc-pad-bottom) var(--xbc-pad-left); }
.xb-works-creative__head { display:grid; grid-template-columns:minmax(420px,1.35fr) minmax(280px,.8fr) auto; align-items:end; gap:clamp(28px,4vw,72px); padding:0 0 44px; }
.xb-works-creative__controls { display:flex; align-items:center; gap:12px; }
.xb-works-creative__controls button { display:grid; width:48px; height:48px; padding:0!important; place-items:center; border:1px solid var(--xbc-line); border-radius:50%; color:var(--xbc-gold-light); background:rgba(10,14,15,.68); cursor:pointer; }
.xb-works-creative__controls button:hover:not(:disabled) { color:var(--xbc-ink-dark)!important; background:var(--xbc-gold-light); transform:translateY(-2px); }
.xb-works-creative__controls button:disabled { opacity:.32; cursor:default; }
.xb-works-creative__controls span { min-width:58px; color:rgba(255,255,255,.42); font-size:11px; text-align:center; }
.xb-works-creative__controls b { color:var(--xbc-gold-light); font-size:14px; }
.xb-works-creative__viewport { overflow:hidden; padding:0; cursor:grab; touch-action:pan-y; }
.xb-works-creative__viewport.is-dragging { cursor:grabbing; }
.xb-works-creative__track { display:flex; align-items:flex-start; gap:clamp(18px,1.8vw,30px); transition:transform .56s cubic-bezier(.22,1,.36,1); will-change:transform; }
.xb-works-creative__slide { flex:0 0 auto; }
.xb-works-creative__slide.is-tall-slide { width:clamp(300px,39vw,560px); }
.xb-works-creative__slide.is-pair { display:grid; width:clamp(380px,34vw,500px); grid-template-rows:repeat(2,1fr); gap:clamp(16px,1.4vw,22px); }
.xb-works-creative__work { position:relative; display:block; width:100%; overflow:hidden; border:1px solid rgba(242,215,149,.16); border-radius:26px; color:inherit; background:var(--xbc-card); box-shadow:0 22px 56px rgba(0,0,0,.24); text-decoration:none; }
.xb-works-creative__work.is-tall { aspect-ratio:4/5; }
.xb-works-creative__work.is-compact { aspect-ratio:25/17; }
.xb-works-creative__work img { width:100%; height:100%; object-fit:cover; object-position:top center; transition:transform .65s cubic-bezier(.22,1,.36,1); }
.xb-works-creative__work.is-compact img { object-fit:contain; }
.xb-works-creative__work:hover img { transform:scale(1.025); }
.xb-works-creative__meta { position:absolute; right:14px; bottom:14px; left:14px; padding:13px 15px; border:1px solid rgba(242,215,149,.2); border-radius:16px; background:rgba(9,13,14,.72); backdrop-filter:blur(13px) saturate(120%); }
.xb-works-creative__meta h3 { margin:0; color:#fff!important; font-size:clamp(13px,1.05vw,16px); font-weight:700; line-height:1.28; }
.xb-works-creative__work.is-compact .xb-works-creative__meta { bottom:12px; padding:11px 13px; border-radius:14px; }
.xb-works-creative__work.is-compact h3 { display:-webkit-box; overflow:hidden; font-size:clamp(11px,.82vw,13px); -webkit-box-orient:vertical; -webkit-line-clamp:2; }
.xb-works-creative__assistant { display:grid; grid-template-columns:auto minmax(0,1fr) auto; align-items:center; gap:28px; margin:clamp(38px,5vw,70px) 0 0; padding:clamp(24px,3vw,42px); border:1px solid var(--xbc-line); border-radius:30px; background:radial-gradient(circle at 85% 20%,rgba(201,166,90,.12),transparent 32%),var(--xbc-card); }
.xb-works-creative__ai { display:grid; width:70px; height:70px; place-items:center; border:1px solid rgba(242,215,149,.48); border-radius:50%; color:var(--xbc-gold-light); font-family:var(--xbc-display); }
.xb-works-creative__assistant small { color:var(--xbc-gold-light); font-size:9px; font-weight:700; letter-spacing:.16em; text-transform:uppercase; }
.xb-works-creative__assistant h3 { margin:7px 0 9px; color:var(--xbc-ink)!important; font-family:var(--xbc-display); font-size:clamp(20px,2vw,30px); line-height:1.15; }
.xb-works-creative__assistant p { margin:0; color:var(--xbc-muted); font-size:12px; line-height:1.65; }
.xb-works-creative__assistant>a { display:inline-flex; min-height:50px; align-items:center; padding:0 22px; border-radius:999px; color:var(--xbc-ink-dark); background:linear-gradient(110deg,var(--xbc-gold-deep),var(--xbc-gold-light) 52%,var(--xbc-gold)); font-size:10px; font-weight:800; text-decoration:none; text-transform:uppercase; white-space:nowrap; }
.xb-works-creative__assistant>a:hover { color:var(--xbc-ink-dark)!important; }
@media(max-width:1000px){.xb-works-creative__head{grid-template-columns:1fr auto}.xb-works-creative__head>.xbc-lead{grid-column:1/-1}.xb-works-creative__assistant{grid-template-columns:auto 1fr}.xb-works-creative__assistant>a{grid-column:2;justify-self:start}}
@media(max-width:640px){.xb-works-creative__head{grid-template-columns:1fr}.xb-works-creative__controls{grid-column:1}.xb-works-creative__slide.is-pair,.xb-works-creative__slide.is-tall-slide{width:calc(100vw - 60px)}.xb-works-creative__assistant{grid-template-columns:1fr}.xb-works-creative__assistant>a{grid-column:1;width:100%;justify-content:center}}