/* ARNAUD MONACO V57 PRODUCTION. Private Capital Editorial direction. */
:root{
  --copper:#a94f32;
  --copper-light:#c36b49;
  --copper-deep:#58271b;
}

/* A quiet reading-progress line becomes the signature visual system. */
.capital-line{
  position:fixed;z-index:44;left:clamp(18px,2.35vw,38px);top:108px;bottom:32px;
  width:1px;background:rgba(255,255,255,.11);pointer-events:none;
}
.capital-line::before{
  content:"";position:absolute;inset:0 0 auto;height:var(--capital-progress,0%);
  background:linear-gradient(to bottom,var(--copper-light),var(--copper));
  box-shadow:0 0 18px rgba(169,79,50,.25);transition:height .08s linear;
}
.capital-line::after{
  content:"";position:absolute;left:-3px;top:var(--capital-progress,0%);width:7px;height:7px;
  border-radius:50%;background:var(--copper-light);box-shadow:0 0 0 5px rgba(169,79,50,.10),0 0 22px rgba(169,79,50,.42);
  transform:translateY(-50%);transition:top .08s linear;
}

/* Hero: composed like a magazine opening spread, not a conventional landing page. */
@media(min-width:761px){
  .hero .hl-bg{filter:saturate(.72) contrast(1.04);transform:scale(1.025)}
  .hero .hl-scrim{background:linear-gradient(90deg,rgba(7,7,8,.92) 0%,rgba(7,7,8,.58) 43%,rgba(7,7,8,.12) 70%),linear-gradient(0deg,rgba(7,7,8,.86),transparent 48%)}
  .hero .hl-ui{grid-template-columns:minmax(360px,.84fr) minmax(420px,1.16fr);column-gap:clamp(54px,8vw,132px);padding-bottom:clamp(64px,8vh,100px)}
  .hero .hl-ui>.rpt-feature{transform:translateY(10px)}
}
.hero .eyebrow{letter-spacing:.19em;color:rgba(255,255,255,.64)}
.hero .hero-tagline{font-weight:430;letter-spacing:-.012em}
.hero .lede{color:rgba(255,255,255,.66);max-width:39ch}
.hero .rpt-feature{
  position:relative;overflow:hidden;border:1px solid rgba(195,107,73,.42)!important;
  border-radius:2px!important;background:rgba(10,10,11,.72)!important;
  box-shadow:0 35px 90px -35px rgba(0,0,0,.95)!important;
  backdrop-filter:blur(18px);isolation:isolate;
}
.hero .rpt-feature::before{
  content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(169,79,50,.16),transparent 38%);z-index:-1;
}
.hero .rpt-feature::after{
  content:"2026 / 01";position:absolute;right:17px;top:14px;color:rgba(255,255,255,.32);
  font:500 9px/1.2 var(--sans);letter-spacing:.18em;
}
.hero .rpt-thumb{box-shadow:0 16px 35px rgba(0,0,0,.5);transition:transform .65s cubic-bezier(.2,.75,.2,1)}
.hero .rpt-feature:hover .rpt-thumb{transform:translateY(-5px) rotate(-1deg)}
.hero .rpt-action>span{background:transparent!important;padding:0!important;color:#f3f0e8!important;border-bottom:1px solid rgba(195,107,73,.65);border-radius:0!important}
.hero .rpt-action b{transition:transform .35s ease}.hero .rpt-feature:hover .rpt-action b{transform:translateX(5px)}

/* Section rhythm: editorial rules and oversized indices unify the long page. */
.sec{position:relative}
.sec-top{padding-top:clamp(12px,2vw,28px)}
.sec-top::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,var(--copper) 0 72px,rgba(255,255,255,.13) 72px)}
.sec-top .idx{color:rgba(195,107,73,.42)!important;font-size:clamp(42px,6vw,88px)!important;line-height:.8!important;letter-spacing:-.06em!important}
.pilltag{color:var(--copper-light)!important;letter-spacing:.18em!important}
.band{background:linear-gradient(125deg,#0b0b0d,#13100f 52%,#0b0b0d)!important}
.band-inner{border-top:1px solid rgba(195,107,73,.22);border-bottom:1px solid rgba(195,107,73,.22)}
.bcol{transition:background .45s ease,transform .45s ease}
.bcol:hover{background:rgba(169,79,50,.055);transform:translateY(-4px)}

/* Links feel immediate without looking like app buttons. */
a,.btn-w,.textlink{transition-timing-function:cubic-bezier(.2,.75,.2,1)!important}
.btn-w{border-radius:2px!important}
.textlink,.say-link{position:relative}
.textlink::after,.say-link::after{content:"";position:absolute;left:0;bottom:-5px;width:100%;height:1px;background:var(--copper);transform:scaleX(.18);transform-origin:left;transition:transform .45s ease}
.textlink:hover::after,.say-link:hover::after{transform:scaleX(1)}

/* Cinematic entrance classes are applied by the V57 motion layer. */
.v57-ready .hero .eyebrow,.v57-ready .hero .hero-tagline,.v57-ready .hero .lede,.v57-ready .hero .cta,.v57-ready .hero .rpt-feature{opacity:0;transform:translateY(24px)}
.v57-ready.v57-in .hero .eyebrow,.v57-ready.v57-in .hero .hero-tagline,.v57-ready.v57-in .hero .lede,.v57-ready.v57-in .hero .cta,.v57-ready.v57-in .hero .rpt-feature{opacity:1;transform:none;transition:opacity 1s ease,transform 1.15s cubic-bezier(.18,.72,.2,1)}
.v57-ready.v57-in .hero .eyebrow{transition-delay:.08s}.v57-ready.v57-in .hero .hero-tagline{transition-delay:.2s}.v57-ready.v57-in .hero .lede{transition-delay:.32s}.v57-ready.v57-in .hero .cta{transition-delay:.44s}.v57-ready.v57-in .hero .rpt-feature{transition-delay:.58s}

@media(max-width:760px){
  .capital-line{display:none}
  .hero .hl-scrim{background:linear-gradient(0deg,#080809 0%,rgba(8,8,9,.90) 34%,rgba(8,8,9,.05) 73%)}
  .hero .hl-ui{padding-bottom:22px!important}
  .hero .rpt-feature{border-radius:2px!important;backdrop-filter:blur(12px)}
  .hero .rpt-feature::after{display:none}
  .hero .rpt-action>span{font-size:11px}
  .sec-top .idx{font-size:46px!important}
}

@media(prefers-reduced-motion:reduce){
  .capital-line::before,.capital-line::after,.hero .rpt-thumb,.v57-ready .hero .eyebrow,.v57-ready .hero .hero-tagline,.v57-ready .hero .lede,.v57-ready .hero .cta,.v57-ready .hero .rpt-feature{transition:none!important;animation:none!important}
  .v57-ready .hero .eyebrow,.v57-ready .hero .hero-tagline,.v57-ready .hero .lede,.v57-ready .hero .cta,.v57-ready .hero .rpt-feature{opacity:1!important;transform:none!important}
}
