/* Creator Interviews — GW2 stage/bento reference, with no video module. */
.cp-creators,.ci-stage,.ci-bar{--ci-gold:var(--cp-gold,#ffb22e);--ci-text:var(--cp-text,#f0f1f3);--ci-body:var(--cp-body,#c9cbd1);--ci-muted:var(--cp-muted,#a3a7b0);--ci-head:var(--cp-font-head,Space,sans-serif);--ci-body-font:var(--cp-font-body,Inter,sans-serif);--ci-mono:var(--cp-font-mono,Mono,monospace);color:var(--ci-text);font-family:var(--ci-body-font);box-sizing:border-box}
.cp-creators *,.ci-stage *,.ci-bar *{box-sizing:border-box}
.cp-creators a,.ci-stage a,.ci-bar a{color:inherit;text-decoration:none}
.cp-creators a:focus-visible,.ci-stage a:focus-visible,.ci-bar a:focus-visible{outline:2px solid #ffb22e;outline-offset:5px}
.ci-stage{position:relative;isolation:isolate;overflow:hidden;background:#16181d;border-bottom:1px solid #2d313b;scroll-margin-top:70px}
.ci-stage::before{content:"";position:absolute;inset:0;z-index:-2;background-image:var(--ci-stage-art);background-repeat:no-repeat;background-size:auto 125%;background-position:90% 38%;opacity:.65;filter:blur(2px)}
.ci-stage::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(22,24,29,.98) 0%,rgba(22,24,29,.9) 35%,rgba(22,24,29,.4) 75%,rgba(22,24,29,.6) 100%),linear-gradient(180deg,rgba(22,24,29,.2),rgba(22,24,29,.1) 65%,#16181d)}
.ci-stage__inner{width:min(1092px,calc(100% - 48px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:48px;padding:56px 0 48px}
.ci-stage__copy{min-width:0}
.ci-kicker{display:flex;align-items:center;gap:8px;font:500 10.5px/1.6 var(--ci-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--ci-gold);margin:0 0 16px}
.ci-kicker>span{font-size:23px;line-height:1;letter-spacing:0}
.ci-stage h1,.ci-stage h2.ci-title{font:600 clamp(36px,4.4vw,56px)/1.04 var(--ci-head);letter-spacing:-.025em;color:var(--ci-text);margin:0 0 22px;text-wrap:balance}
.ci-stage h1>span,.ci-stage h2.ci-title>span{color:var(--ci-gold)}
.ci-stage .ci-lead{font:400 18px/1.65 var(--ci-body-font);color:var(--ci-body);max-width:55ch;margin:0 0 22px}
.ci-tags{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0}
.ci-tags>span,.ci-tags>time{padding:5px 9px;background:rgba(14,16,20,.55);border:1px solid #ffb22e55;border-radius:6px;color:var(--ci-gold);font:500 10px/1.5 var(--ci-mono)}
.ci-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.ci-button{display:inline-flex;align-items:center;justify-content:center;padding:13px 17px;border:1px solid var(--ci-gold);border-radius:8px;background:var(--ci-gold);color:#412402!important;font:600 12px/1.5 var(--ci-mono);white-space:normal}
.ci-button--outline{background:rgba(14,16,20,.45);color:var(--ci-gold)!important;border-color:#3b3d46}
.ci-button:hover{filter:brightness(1.08)}
.ci-byline{font:400 11px/1.7 var(--ci-mono);color:var(--ci-muted);margin:20px 0 0}
.ci-byline a{color:var(--ci-muted);border-bottom:1px solid #555}
.ci-crumb{display:flex;flex-wrap:wrap;gap:10px;font:400 11px/1.7 var(--ci-mono);color:var(--ci-muted);margin:0 0 38px}
.ci-crumb a{border-bottom:1px solid #555}
.cp-creators--archive{width:100%;margin:0;padding:0}
.cp-creators--archive .ci-stage__inner{padding-top:38px}
.cp-creators__list{display:grid;gap:24px;min-width:0;scroll-margin-top:80px}
.cp-creators__card{display:block;border:1px solid #343843;border-top:3px solid var(--ci-gold);border-radius:14px;overflow:hidden;background:rgba(27,30,37,.94);box-shadow:0 18px 50px #0005;text-decoration:none}
.cp-creators__copy{padding:22px 25px}
.cp-creators__meta{display:flex;gap:10px 16px;flex-wrap:wrap;align-items:center;font:500 10px/1.6 var(--ci-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ci-muted);margin:0 0 12px}
.cp-creators__meta span{color:var(--ci-gold)}
.cp-creators__title{font:600 clamp(23px,2.5vw,29px)/1.15 var(--ci-head);letter-spacing:-.025em;margin:0 0 14px;color:var(--ci-text)}
.cp-creators__copy>p:not(.cp-creators__meta){font:400 14px/1.7 var(--ci-body-font);color:var(--ci-body);margin:0 0 18px}
.cp-creators__cta{display:inline-flex;align-items:center;gap:20px;color:var(--ci-gold);font:600 12px/1.5 var(--ci-mono)}
.cp-creators__art{display:flex;align-items:center;justify-content:center;height:240px;border-bottom:1px solid #343843;background:radial-gradient(ellipse,#51402d55,#1b1e25 75%);padding:12px}
.cp-creators__art img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;margin:0}
.cp-creators__card:hover{border-color:#ffb22e88}.cp-creators__card:hover .cp-creators__title{color:var(--ci-gold)}
.ci-bar{border-top:1px solid #2d313b;border-bottom:1px solid #2d313b;background:rgba(22,24,29,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}
.ci-bar>div{display:flex;gap:2px;width:min(1092px,calc(100% - 48px));margin:auto;overflow-x:auto}
.ci-bar a{flex:none;display:inline-block;padding:14px 12px;border-bottom:2px solid transparent;font:500 13px/1.5 var(--ci-body-font);color:var(--ci-muted);white-space:nowrap}
.ci-bar a:first-child,.ci-bar a:hover{color:var(--ci-text);border-bottom-color:var(--ci-gold)}
.ci-more{width:min(1092px,calc(100% - 48px));margin:36px auto 60px}
.ci-more h2{font:600 28px/1.2 var(--ci-head);margin:0 0 22px}.ci-more__grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ci-archive-footer{width:min(1092px,calc(100% - 48px));margin:26px auto 50px;font-size:13px;color:var(--ci-muted)}
.ci-archive-footer a{border-bottom:1px solid #ffb22e55;padding-bottom:3px}
.cp-creators--home{margin:44px 0 0;border-radius:18px;border:1px solid #343843;border-top:0;scroll-margin-top:90px}
.cp-creators--home .ci-stage__inner{width:auto;padding:40px;gap:38px}
.cp-creators--home .ci-crumb{display:none}
.cp-creators--home .cp-creators__art{height:210px}
.cp-creators--home h2.ci-title{font-size:clamp(36px,4.4vw,54px)}
.ci-post-stage .ci-stage__inner{align-items:center}
.ci-post-stage h1{font-size:clamp(34px,4vw,50px)}
.ci-post-stage .ci-lead{font-size:17px}
.ci-portrait{margin:0;padding:0 20px 20px;border:1px solid #343843;border-top:3px solid var(--ci-gold);border-radius:14px;background:rgba(32,35,43,.94);box-shadow:0 18px 50px #0005;overflow:hidden}
.ci-portrait__label{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 0;font:500 10px/1.5 var(--ci-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ci-gold);border-bottom:1px solid #343843}
.ci-portrait__label a{font-size:10px;color:var(--ci-muted)}
.ci-portrait img{display:block;width:100%;height:350px;object-fit:contain;object-position:center;margin:14px 0}
.ci-portrait figcaption{font:400 10px/1.65 var(--ci-body-font);color:var(--ci-muted);text-align:center;margin:0}
#creator-interview-body{scroll-margin-top:64px}
.cp-creator-return{display:block;width:min(1092px,calc(100% - 48px));margin:32px auto;padding:20px 24px;border:1px solid #343843;border-radius:12px;background:#1b1e25;color:#ffb22e;font:500 14px/1.6 var(--cp-font-body);text-decoration:none}
@media(max-width:900px){.ci-stage__inner{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:35px}.ci-stage::before{background-size:auto 80%;background-position:center top;opacity:.5}.ci-stage::after{background:linear-gradient(180deg,#16181dc9,#16181def 40%,#16181d)}.ci-stage h1,.ci-stage h2.ci-title{font-size:40px}.ci-crumb{margin-bottom:28px}.cp-creators--home .ci-stage__inner{padding:26px}.ci-portrait img{height:280px}.ci-more__grid{grid-template-columns:1fr}.cp-creators__art{height:245px}}
@media(max-width:440px){.ci-stage__inner{width:calc(100% - 40px);padding-bottom:30px}.ci-stage h1{font-size:34px}.ci-stage .ci-lead{font-size:16px}.cp-creators--home h2.ci-title{font-size:36px}.ci-kicker{font-size:9px}.cp-creators__copy{padding:20px}.cp-creators__title{font-size:25px}.ci-actions{gap:10px}.ci-button{padding:12px 14px;font-size:11px}.ci-portrait{padding-inline:15px}.ci-bar>div{width:calc(100% - 28px)}}
@media(prefers-reduced-motion:reduce){.cp-creators *,.ci-stage *{transition:none!important;scroll-behavior:auto!important}}
/* Archive canvas is full width; its inner column retains the hub measure. */
main.cp-creators--archive.gh-main{max-width:none!important;width:100%;margin-inline:0;padding-inline:0}
.post-template.tag-interview .gh-main{padding-inline:0}
/* Keep the section bar below the existing 60px site navigation. */
.ci-bar{top:60px}
#creator-interview-body,#creator-interviews,#creator-overview{scroll-margin-top:124px}