/* 2026-10 polish: carry the editorial language (serif, champagne gold, hairlines)
   through experience, projects, skills and footer; retire the leftover blue tech accents. */
.editorial-site{--serif:Georgia,'Songti SC','Noto Serif CJK SC','SimSun',serif;--latin:Georgia,'Times New Roman',serif;--gold:#c6aa7d;--gold-a:198,170,125}

/* hero: the outlined "STEVE" ghost fought with the portrait */
.editorial-cover .hero-mark{display:none}

/* section heads */
.editorial-site .sec-head h2{letter-spacing:.02em}
.editorial-site .sec-sup{font-family:var(--latin);font-style:italic;color:var(--gold)}
.editorial-site .sec-head::after{background:linear-gradient(90deg,var(--gold) 0%,rgba(var(--gold-a),.35) 55%,rgba(var(--gold-a),.04) 100%)}

/* experience */
.editorial-site .work-card{background:#171715;border-color:var(--line)}
.editorial-site .work-card:hover{border-color:rgba(var(--gold-a),.4)}
.editorial-site .work-card::before{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(var(--gold-a),.08),transparent 65%)}
.editorial-site .work-card::after,.editorial-site .panel::after{background:linear-gradient(100deg,transparent 0%,rgba(255,250,240,.03) 35%,rgba(var(--gold-a),.09) 50%,rgba(255,250,240,.03) 65%,transparent 100%)}
.editorial-site .work-card.lit .wc-node{background:var(--gold);box-shadow:0 0 12px rgba(var(--gold-a),.7)}
.editorial-site .wc-num{font-family:var(--latin);font-style:italic;font-weight:400;font-size:60px;letter-spacing:-.04em;color:rgba(var(--gold-a),.32)}
.editorial-site .wc-period{color:#8f8a7f}
.editorial-site .wc-org{color:var(--gold);letter-spacing:.16em}
.editorial-site .wc-main h3{font-family:var(--serif);font-weight:400;font-size:clamp(1.45rem,2.3vw,1.9rem);letter-spacing:.03em;line-height:1.45}
.editorial-site .wc-desc{color:#a6a297;font-size:14px;line-height:2.05}
.editorial-site .wc-tags li{border-color:rgba(var(--gold-a),.2);color:#a39d90;background:rgba(var(--gold-a),.03)}
.editorial-site .wc-tags li:hover{border-color:rgba(var(--gold-a),.55);color:var(--ink)}
.editorial-site .wc-media{border-color:rgba(var(--gold-a),.18)}
@media (min-width:769px){.editorial-site .wc-media{align-self:start;aspect-ratio:3/4}}

/* projects */
.editorial-site .panel{background:#171715;border-color:var(--line)}
.editorial-site .panel:hover{border-color:rgba(var(--gold-a),.4)}
.editorial-site .panel::before{background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(var(--gold-a),.08),transparent 65%)}
.editorial-site .cnrs{--c:rgba(198,170,125,.75);opacity:.35;background:linear-gradient(var(--c),var(--c)) left top/16px 1px,linear-gradient(var(--c),var(--c)) left top/1px 16px,linear-gradient(var(--c),var(--c)) right top/16px 1px,linear-gradient(var(--c),var(--c)) right top/1px 16px,linear-gradient(var(--c),var(--c)) left bottom/16px 1px,linear-gradient(var(--c),var(--c)) left bottom/1px 16px,linear-gradient(var(--c),var(--c)) right bottom/16px 1px,linear-gradient(var(--c),var(--c)) right bottom/1px 16px;background-repeat:no-repeat}
.editorial-site .p-num{font-family:var(--latin);font-style:italic;font-weight:400;letter-spacing:-.05em;color:rgba(var(--gold-a),.26);-webkit-text-stroke:0}
.editorial-site .p-year{border-color:rgba(var(--gold-a),.28);color:#b5ad9d;font-size:11px}
.editorial-site .p-name{font-family:var(--serif);font-weight:400;letter-spacing:.02em;line-height:1.35}
.editorial-site .p-sub{color:var(--gold);font-size:11.5px;letter-spacing:.12em}
.editorial-site .p-desc{color:#a6a297;font-size:14.5px;line-height:2.05}
.editorial-site .p-hint a{color:var(--gold);border-bottom-color:rgba(var(--gold-a),.6)}
.editorial-site .p-hint a:hover{color:#e3cca9;text-shadow:none}
.editorial-site .p-media img{border-color:rgba(var(--gold-a),.18)}
@media (min-width:1001px){
  /* wide panels read as a magazine spread: title column + text column, no dead space */
  .editorial-site .panel{min-height:0;padding:40px 44px 44px}
  .editorial-site .panel-body{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:56px;row-gap:12px;align-content:start;margin-top:36px}
  .editorial-site .p-name,.editorial-site .p-sub{grid-column:1}
  .editorial-site .p-name{font-size:clamp(1.7rem,2.3vw,2.2rem)}
  .editorial-site .p-desc,.editorial-site .p-hint,.editorial-site .p-media{grid-column:2}
  .editorial-site .p-desc{grid-row:1 / span 2;align-self:end;border-left:1px solid rgba(var(--gold-a),.2);padding-left:28px}
  .editorial-site .p-hint{padding-top:6px;padding-left:29px}
  .editorial-site .p-media{grid-column:1 / -1;padding-top:26px}
  .editorial-site .p-media img{height:170px}
  .editorial-site .p-num{font-size:clamp(4.4rem,8vw,6.6rem)}
}

/* skills */
.editorial-site .skill-cat{font-family:var(--serif);font-weight:400;letter-spacing:.06em}
.editorial-site .skill-cat small{color:var(--gold)}
.editorial-site .skill-items span{color:#a6a297}
.editorial-site .skill-items span:hover{color:var(--ink);text-shadow:none}

/* footer */
.editorial-site .footer{background:#141413}
.editorial-site .footer::before{background:radial-gradient(circle,rgba(var(--gold-a),.10) 0%,transparent 60%)}
.editorial-site .footer .kicker{color:var(--gold)}
.editorial-site .foot-big{font-family:var(--serif);font-weight:400;letter-spacing:.03em;line-height:1.35}
.editorial-site .foot-big a{color:var(--gold);border-bottom:1px solid rgba(var(--gold-a),.7);font-family:var(--serif)}
.editorial-site .foot-big a:hover{text-shadow:none;color:#e3cca9}
.editorial-site .foot-note{color:#a6a297}
.editorial-site .mail-cta{border-color:rgba(var(--gold-a),.28)}
.editorial-site .mail-go{background:var(--gold);color:#1a1814}
.editorial-site .mail-fb{color:var(--gold)}

/* mobile hero: the edition badge sat flush against the CTA buttons */
@media (max-width:768px){
  .editorial-cover .status-badge{grid-row:5;justify-self:start;margin:22px 20px 0;font-size:9px;padding:6px 11px}
  .editorial-site .wc-num{font-size:34px}
  .editorial-site .wc-media img[src*="forum"]{object-position:50% 38%}
  .editorial-site .p-num{font-size:40px}
  .editorial-site .foot-big{font-size:30px;line-height:1.55}
}
@media (max-width:1000px){.editorial-site .p-desc{border-left:0;padding-left:0}}
.editorial-site .p-name,.editorial-site .wc-main h3,.editorial-site .foot-big{text-wrap:balance}
@media (max-width:768px){.editorial-site .socials{grid-template-columns:repeat(3,minmax(0,1fr))}}
