/* =========================================================
   PREVAIL ALTERNATIVE ASSETS: insight articles (/insights/<slug>/)
   Loaded after legal.css (tokens, masthead, title band, footer)
   and videos.css (shine, video card + theater). Editorial reading
   column on paper: serif display, a brass drop cap and pull quote,
   "questions worth evaluating" set as ruled callouts.
   ========================================================= */

.art-page{flex:1;display:flex;flex-direction:column;}
.art-page .stage{flex:none;padding-bottom:0;}
.art-head .kicker{text-decoration:none;}
.art-head .kicker:hover{color:var(--brass-hover);}
.art-head h1{max-width:20ch;}
.art-sub{margin-top:.9rem;font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(1.3rem,2.2vw,1.75rem);line-height:1.2;color:var(--on-ink-2);max-width:32ch;}
.art-meta{margin-top:1.4rem;font-family:var(--sans);font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink-3);}

/* a brass line along the top edge follows the reading position (scroll-driven, no JS) */
.art-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:40;pointer-events:none;transform-origin:left;transform:scaleX(0);
  background:linear-gradient(90deg,var(--brass-deep),var(--brass));}
@supports (animation-timeline:scroll()){
  .art-progress{animation:art-read linear both;animation-timeline:scroll(root);}
}
@keyframes art-read{to{transform:scaleX(1)}}

.art{background:var(--paper);padding:clamp(3rem,7vh,4.5rem) 0 clamp(4rem,9vh,6rem);}
.art-body,.art-cta,.art-more,.art-note{width:100%;max-width:760px;margin-left:auto;margin-right:auto;padding-left:var(--gut);padding-right:var(--gut);}
.art-body .art-standfirst{margin-top:0;max-width:none;font-family:var(--serif);font-weight:500;font-size:clamp(1.45rem,2.3vw,1.85rem);line-height:1.38;color:var(--text);padding-bottom:1.9rem;border-bottom:1px solid var(--rule-2);margin-bottom:.4rem;font-variant-numeric:lining-nums;}
.art-body p{margin-top:1.15rem;font-size:1.0625rem;line-height:1.8;color:var(--text-2);max-width:66ch;}
.art-body p a{color:var(--text);text-decoration:underline;text-decoration-color:var(--brass-deep);text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .5s cubic-bezier(.25,.1,.25,1);}
.art-body p a:hover{color:var(--brass-deep);}
.art-dropcap::first-letter{float:left;font-family:var(--serif);font-weight:600;font-size:4.6em;line-height:.78;margin:.06em .12em 0 -.02em;color:var(--brass-deep);}
.art-body h2{margin-top:3.1rem;padding-top:1.7rem;border-top:1px solid var(--rule);font-family:var(--serif);font-weight:600;font-size:clamp(1.7rem,2.6vw,2.15rem);line-height:1.14;color:var(--text);font-variant-numeric:lining-nums;}
.art-body ul{margin:1.1rem 0 0;padding-left:1.2rem;max-width:66ch;}
.art-body li{margin-top:.45rem;font-size:1.0625rem;line-height:1.7;color:var(--text-2);}
.art-body li::marker{color:var(--brass-deep);}

.art-quote{margin:2.6rem 0 1rem;padding:.4rem 0 .4rem 1.6rem;border-left:2px solid var(--brass-deep);}
.art-quote p{margin:0;font-family:var(--serif);font-weight:500;font-style:italic;font-size:clamp(1.5rem,2.4vw,1.95rem);line-height:1.3;color:var(--text);max-width:none;}

.qbox{margin:1.8rem 0 1.4rem;padding:1.5rem 1.6rem 1.6rem;background:var(--card);border:1px solid var(--rule);border-top:2px solid var(--brass-deep);}
.qbox h3{font-family:var(--sans);font-weight:500;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);}
.qbox ol{list-style:none;counter-reset:q;margin:.9rem 0 0;padding:0;}
.qbox li{counter-increment:q;position:relative;margin-top:.7rem;padding-left:2.4rem;font-size:1rem;line-height:1.6;color:var(--text);}
.qbox li::before{content:counter(q,decimal-leading-zero);position:absolute;left:0;top:.02em;font-family:var(--serif);font-weight:600;font-style:italic;font-size:1.05rem;color:var(--brass-deep);font-variant-numeric:lining-nums;}

/* the portfolio strip breaks out of the reading column */
.art-figure{margin:2.4rem calc(50% - min(50vw, 590px)) 1.2rem;padding:0 var(--gut);}
.art-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;}
.art-strip-item{min-width:0;}
.art-strip-item img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;background:var(--paper-2);}
.art-strip-type{display:block;margin-top:.7rem;font-family:var(--sans);font-weight:500;font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:var(--brass-deep);}
.art-strip-name{display:block;margin-top:.3rem;font-family:var(--serif);font-weight:600;font-size:1.05rem;line-height:1.2;color:var(--text);}
.art-figure figcaption{margin-top:1rem;font-size:.8125rem;line-height:1.6;color:var(--text-3);max-width:72ch;}
@media (max-width:760px){
  .art-strip{grid-template-columns:repeat(2,minmax(0,1fr));}
  .art-strip-item:last-child{grid-column:1 / -1;}
  .art-strip-item:last-child img{aspect-ratio:16/9;}
}

.art-faq h2{margin-top:3.4rem;}
.art-faq h3{margin-top:1.8rem;font-family:var(--serif);font-weight:600;font-size:1.35rem;line-height:1.2;color:var(--text);}
.art-faq h3 + p{margin-top:.55rem;}
.art-updated{margin-top:2.2rem!important;font-size:.875rem!important;font-style:italic;color:var(--text-3)!important;}

/* closing: one next step, then what to read or watch next */
.art-cta{margin-top:clamp(3.5rem,8vh,4.5rem);}
.art-cta > *{max-width:none;}
.art-cta{position:relative;padding-top:2.2rem;padding-bottom:2.4rem;background:var(--ink);color:var(--on-ink);
  max-width:calc(760px - 0rem);}
.art-cta{padding-left:clamp(1.5rem,4vw,2.5rem);padding-right:clamp(1.5rem,4vw,2.5rem);}
.art-cta-h{font-family:var(--serif);font-weight:500;font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.15;color:var(--on-ink);}
.art-cta-p{margin-top:.8rem;font-size:1rem;line-height:1.7;color:var(--on-ink-2);max-width:52ch;}
.art-cta .btn{margin-top:1.6rem;position:relative;overflow:hidden;isolation:isolate;color:var(--ink);background-color:var(--brass);
  background-image:linear-gradient(110deg,#a6854b 0%,#c7a76c 28%,#e4cd99 48%,#c2a068 66%,#a3824a 100%);background-size:200% 100%;background-position:0% 50%;
  box-shadow:inset 0 1px 0 rgba(255,247,226,.55),inset 0 -1px 0 rgba(84,58,22,.4),0 10px 24px -16px rgba(194,160,104,.45);}
.art-cta .btn:hover,.art-cta .btn:focus-visible{background-position:55% 50%;}
.art-cta :focus-visible{outline-color:var(--brass);}

.art-more{margin-top:clamp(2.5rem,6vh,3.5rem);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem;align-items:start;
  padding-top:1.8rem;border-top:1px solid var(--rule-2);}
.art-more .vid-row{grid-template-columns:minmax(0,1fr);}
.art-more .vid-row .vid-label{margin-top:.9rem;}
@media (max-width:640px){ .art-more{grid-template-columns:1fr;} }
.art-note{margin-top:clamp(2.5rem,6vh,3.5rem);padding-top:1.3rem;border-top:1px solid var(--rule);font-size:.8125rem;line-height:1.65;color:var(--text-3);}
.art-note a{color:var(--text);text-decoration:underline;text-decoration-color:var(--brass-deep);text-decoration-thickness:1px;text-underline-offset:.22em;white-space:nowrap;}

/* insight card (also used on the home page, which carries its own copy of these rules) */
.ins-card{position:relative;display:block;padding-top:1.3rem;text-decoration:none;color:inherit;}
.ins-card::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:var(--brass-deep);transform:scaleX(0);transform-origin:left;
  transition:transform .9s cubic-bezier(.22,1,.36,1);}
.ins-card:hover::before,.ins-card:focus-visible::before{transform:scaleX(1);}
.ins-label{display:block;font-weight:500;font-size:.6875rem;letter-spacing:.16em;text-transform:uppercase;color:var(--brass-deep);}
.ins-title{display:block;margin-top:.7rem;font-family:var(--serif);font-weight:600;font-size:1.5rem;line-height:1.15;color:var(--text);}
.ins-title span{background:linear-gradient(var(--brass-deep),var(--brass-deep)) 0 100%/0 1px no-repeat;padding-bottom:2px;transition:background-size .8s cubic-bezier(.22,1,.36,1);}
.ins-card:hover .ins-title span,.ins-card:focus-visible .ins-title span{background-size:100% 1px;}
.ins-sub{display:block;margin-top:.35rem;font-family:var(--serif);font-style:italic;font-weight:500;font-size:1.15rem;color:var(--text-2);}
.ins-meta{display:inline-flex;gap:.6rem;margin-top:1rem;font-weight:500;font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--text);}
.ins-meta .arrow{transition:transform .9s cubic-bezier(.22,1,.36,1);}
.ins-card:hover .ins-meta .arrow{transform:translateX(5px);}

@media (max-width:640px){ .art-strip-type,.ins-label{font-size:.75rem;} }
@media (prefers-reduced-motion:reduce){ .art-progress{display:none;} }