
/* ==========================================================================
   PROPERTYTALENTS — INSIGHTS
   Uses the approved Market Intelligence visual language from Homepage 41.
   ========================================================================== */

.insights-hero{
  position:relative;height:min(84dvh,840px);min-height:670px;overflow:hidden;background:#101418;color:#fff
}
.insights-hero__media{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(7,10,13,.72) 0%,rgba(7,10,13,.38) 45%,rgba(7,10,13,.13) 74%,rgba(7,10,13,.20) 100%),
    linear-gradient(180deg,rgba(7,10,13,.03) 0%,rgba(7,10,13,.08) 57%,rgba(7,10,13,.58) 100%),
    url('/assets/intelligence-talent-outlook.webp') center 50%/cover no-repeat;
  transform:scale(1.012)
}
.insights-hero__inner{
  position:relative;z-index:2;width:min(var(--content-max),calc(100% - (var(--pad)*2)));height:100%;
  margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(270px,.32fr);
  gap:clamp(50px,8vw,120px);align-items:end;padding:calc(var(--header-h) + 58px) 0 clamp(54px,6vw,82px)
}
.insights-hero__kicker,.section-kicker{
  margin:0 0 15px;color:var(--red);font:500 9px/1 var(--ui);letter-spacing:.15em;text-transform:uppercase
}
.insights-hero__kicker{color:rgba(255,255,255,.70)}
.insights-hero__title{
  margin:0;max-width:940px;font-family:var(--editorial);font-size:clamp(52px,5.05vw,76px);
  line-height:.97;font-weight:400;letter-spacing:-.03em;text-wrap:balance;text-shadow:0 2px 20px rgba(0,0,0,.18)
}
.insights-hero__sub{margin:20px 0 0;max-width:670px;color:rgba(255,255,255,.76);font:400 14px/1.7 var(--ui)}
.insights-hero__aside{align-self:end}
.insights-hero__aside-label{
  display:block;margin-bottom:14px;color:rgba(255,255,255,.38);font:500 8px/1.4 var(--ui);
  letter-spacing:.13em;text-transform:uppercase
}
.insights-hero__aside a{
  width:100%;min-height:52px;padding:13px 15px;border:1px solid rgba(255,255,255,.25);
  display:flex;align-items:center;justify-content:space-between;gap:20px;background:rgba(255,255,255,.04);
  color:#fff;font:500 10px/1 var(--ui);transition:background .2s ease,border-color .2s ease,transform .2s ease
}
.insights-hero__aside a:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px)}

/* Positioning */
.insights-intro{
  background:var(--paper);padding:clamp(82px,7.5vw,116px) var(--pad) clamp(66px,5.5vw,84px)
}
.insights-intro__inner{
  width:min(var(--content-max),100%);margin:0 auto;display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
  gap:clamp(48px,7vw,108px);align-items:start
}
.insights-intro__title{
  margin:0;max-width:630px;font-family:var(--editorial);font-size:clamp(40px,3.8vw,58px);
  line-height:1.02;font-weight:400;letter-spacing:-.025em
}
.insights-intro__copy{margin:0;max-width:650px;color:var(--ink-soft);font:400 12px/1.74 var(--ui)}
.insights-intro__copy + .insights-intro__copy{margin-top:15px}

/* Intelligence edition */
.insights-edition{
  background:var(--paper);padding:0 var(--pad) clamp(88px,7.5vw,116px)
}
.insights-edition__inner{width:min(var(--content-max),100%);margin:0 auto}
.insight-frame{
  display:grid;grid-template-columns:minmax(0,1.18fr) minmax(330px,.82fr);min-height:500px;background:#171a1d
}
.insight-frame__visual{position:relative;overflow:hidden}
.insight-frame__image{
  position:absolute;inset:0;opacity:0;transition:opacity .55s ease;
  background-size:cover;background-repeat:no-repeat;background-position:center 50%
}
.insight-frame__image.active{opacity:1}
.insight-frame__visual::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,rgba(7,10,13,.03),rgba(7,10,13,.14) 60%,rgba(7,10,13,.62) 100%);
  pointer-events:none
}
.insight-frame__positioning{
  position:absolute;z-index:3;left:clamp(26px,3.2vw,46px);right:clamp(26px,3.2vw,46px);bottom:clamp(26px,3vw,42px);color:#fff
}
.insight-frame__positioning span{
  display:block;margin-bottom:12px;color:rgba(255,255,255,.58);font:500 8px/1 var(--ui);letter-spacing:.12em;text-transform:uppercase
}
.insight-frame__positioning strong{
  display:block;max-width:620px;font-family:var(--editorial);font-size:clamp(31px,3vw,46px);font-weight:400;line-height:1.03
}
.insight-frame__edition{
  background:#f7f7f4;padding:clamp(28px,3vw,44px);display:flex;flex-direction:column;justify-content:center;color:var(--ink)
}
.insight-frame__issue{
  display:flex;justify-content:space-between;gap:18px;margin-bottom:24px;color:#91969a;
  font:500 8px/1 var(--ui);letter-spacing:.10em;text-transform:uppercase
}
.insight-frame__type{color:var(--red)}
.insight-frame__title{
  margin:0;font-family:var(--editorial);font-size:clamp(34px,3vw,46px);font-weight:400;line-height:1.03;letter-spacing:-.022em
}
.insight-frame__summary{margin:17px 0 0;color:#5f6569;font:400 11px/1.66 var(--ui)}
.insight-frame__meta{
  display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;padding-top:18px;border-top:1px solid rgba(17,19,21,.10);
  color:#8d9295;font:500 8px/1.35 var(--ui);letter-spacing:.08em;text-transform:uppercase
}
.insight-frame__cta{
  display:inline-flex;align-items:center;gap:15px;margin-top:24px;font:500 10px/1 var(--ui)
}
.insight-frame__cta span:last-child{color:var(--red)}

.insight-shelf{
  display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  border-left:1px solid rgba(17,19,21,.10);border-top:1px solid rgba(17,19,21,.10)
}
.insight-shelf button,.insight-shelf a{
  min-height:116px;padding:18px;text-align:left;border:0;border-right:1px solid rgba(17,19,21,.10);
  border-bottom:1px solid rgba(17,19,21,.10);background:#fff;color:var(--ink);cursor:pointer;
  transition:background .2s ease,color .2s ease
}
.insight-shelf button:hover,.insight-shelf button.active,.insight-shelf a:hover,.insight-shelf a.active{background:#171a1d;color:#fff}
.insight-shelf__num{display:block;margin-bottom:10px;color:var(--red);font:500 8px/1 var(--ui)}
.insight-shelf__type{display:block;margin-bottom:7px;color:#959a9e;font:500 7px/1 var(--ui);letter-spacing:.09em;text-transform:uppercase}
.insight-shelf button.active .insight-shelf__type,.insight-shelf button:hover .insight-shelf__type,.insight-shelf a.active .insight-shelf__type,.insight-shelf a:hover .insight-shelf__type{color:rgba(255,255,255,.45)}
.insight-shelf__title{
  display:block;font-family:var(--editorial);font-size:clamp(18px,1.45vw,23px);font-weight:400;line-height:1.07
}

/* Formats */
.insight-formats{
  background:#fff;padding:clamp(82px,7.5vw,116px) var(--pad)
}
.insight-formats__inner{width:min(var(--content-max),100%);margin:0 auto}
.insight-formats__head{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.46fr);gap:clamp(42px,7vw,106px);
  align-items:end;margin-bottom:42px
}
.insight-formats__title{
  margin:0;max-width:760px;font-family:var(--editorial);font-size:clamp(38px,3.55vw,56px);
  line-height:1.02;font-weight:400;letter-spacing:-.024em
}
.insight-formats__copy{justify-self:end;max-width:400px;margin:0;color:#5f6569;font:400 12px/1.68 var(--ui)}
.format-grid{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  border-left:1px solid rgba(17,19,21,.10);border-top:1px solid rgba(17,19,21,.10)
}
.format-card{
  min-height:230px;padding:24px 22px;border-right:1px solid rgba(17,19,21,.10);border-bottom:1px solid rgba(17,19,21,.10);
  display:flex;flex-direction:column;justify-content:space-between;background:#fff;transition:background .22s ease,transform .22s ease
}
.format-card:hover{background:#f6f6f3;transform:translateY(-2px)}
.format-card__num{color:var(--red);font:500 9px/1 var(--ui)}
.format-card strong{
  display:block;margin-top:28px;font-family:var(--editorial);font-size:clamp(25px,2vw,32px);font-weight:400;line-height:1.04
}
.format-card p{margin:12px 0 0;color:#656b6f;font:400 11px/1.58 var(--ui)}
.format-card em{margin-top:22px;color:#777d81;font:500 9px/1 var(--ui);font-style:normal}

/* Archive */
.insights-archive{
  background:var(--paper-2);padding:clamp(82px,7.5vw,116px) var(--pad)
}
.insights-archive__inner{width:min(var(--content-max),100%);margin:0 auto}
.insights-archive__head{
  display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:26px
}
.insights-archive__head h2{
  margin:0;font-family:var(--editorial);font-size:clamp(38px,3.5vw,54px);font-weight:400;line-height:1.02;letter-spacing:-.024em
}
.archive-list{border-top:1px solid rgba(17,19,21,.12)}
.archive-row{
  display:grid;grid-template-columns:90px minmax(0,1.1fr) minmax(180px,.35fr) 24px;gap:24px;align-items:center;
  min-height:92px;border-bottom:1px solid rgba(17,19,21,.10);transition:background .2s ease,padding .2s ease
}
.archive-row:hover{background:#f6f6f3;padding-left:8px;padding-right:8px}
.archive-row__type{color:var(--red);font:500 8px/1 var(--ui);letter-spacing:.10em;text-transform:uppercase}
.archive-row__title{
  font-family:var(--editorial);font-size:clamp(22px,1.7vw,28px);font-weight:400;line-height:1.04
}
.archive-row__meta{color:#757b7f;font:400 10px/1.45 var(--ui)}
.archive-row__arrow{justify-self:end;color:#a2a6aa}

/* Closing */
.insights-close{
  position:relative;background:#101418;color:#fff;padding:clamp(90px,8.5vw,132px) var(--pad);overflow:hidden
}
.insights-close::before{
  content:"";position:absolute;inset:0;
  background:
    linear-gradient(90deg,rgba(7,10,13,.72),rgba(7,10,13,.34) 50%,rgba(7,10,13,.10)),
    url('/assets/intelligence-market-entry.webp') center 50%/cover no-repeat;
  opacity:.74
}
.insights-close__inner{
  position:relative;z-index:2;width:min(var(--content-max),100%);margin:0 auto;
  display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.30fr);gap:clamp(52px,8vw,120px);align-items:end
}
.insights-close__title{
  margin:0;max-width:860px;font-family:var(--editorial);font-size:clamp(42px,4vw,64px);
  line-height:1.01;font-weight:400;letter-spacing:-.027em
}
.insights-close__sub{margin:18px 0 0;max-width:640px;color:rgba(255,255,255,.68);font:400 12px/1.66 var(--ui)}
.insights-close__actions{display:flex;flex-direction:column;gap:10px}
.insights-close__actions a{
  min-height:50px;padding:13px 15px;border:1px solid rgba(255,255,255,.24);background:transparent;color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:20px;font:500 10px/1 var(--ui)
}
.insights-close__actions .primary{background:var(--red);border-color:var(--red)}

@media(max-width:1100px){
  .insight-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:980px){
  .insights-hero__inner,.insights-intro__inner,.insight-frame,.insight-formats__head,.insights-close__inner{grid-template-columns:1fr}
  .insights-hero__aside,.insight-formats__copy{justify-self:start}
  .insight-frame__visual{min-height:420px}
  .format-grid{grid-template-columns:1fr}
  .archive-row{grid-template-columns:80px 1fr 22px}
  .archive-row__meta{display:none}
}
@media(max-width:600px){
  .insights-hero{min-height:720px}.insights-hero__title{font-size:44px}
  .insight-shelf{grid-template-columns:1fr}
  .archive-row{grid-template-columns:1fr 22px;gap:10px;padding:18px 0}
  .archive-row__type{grid-column:1}
}

/* Build 72 — Source Serif 4 Regular for publication/report titles */
.insight-frame__title,
.insight-shelf__title,
.archive-row__title{
  font-family:var(--report);
  font-weight:400;
}
