/* Nova Showcase v2 — black / warm white / gold. Display: Barlow Condensed. Body: IBM Plex Sans (site default). */
.nova-showcase{--ink:#141210;--paper:#f7f4ef;--gold:#a3803f;--gold-deep:#84662f;--sand:#e7dccb;--mute:#6b645c;--disp:"Barlow Condensed","Oswald","Arial Narrow",sans-serif;--body:"IBM Plex Sans",sans-serif}
.nova-showcase .o-main{overflow-x:hidden}
.nova-showcase .nv-wrap{max-width:1240px;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}
.nova-showcase .nv-h2{font-family:var(--disp);font-weight:500;text-transform:uppercase;letter-spacing:.06em;font-size:clamp(2rem,4.2vw,3.4rem);line-height:1.02;margin:0 0 1.25rem;color:var(--ink);text-wrap:balance}
.nova-showcase .nv-h2--light{color:#fff}
.nova-showcase p{font-family:var(--body)}
.nv-link{display:inline-block;font-family:var(--disp);font-size:1.05rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);text-decoration:none;padding-bottom:.25em;border-bottom:1px solid var(--gold);transition:color .3s,border-color .3s}
.nv-link:hover{color:var(--gold)}
.nv-link--light{color:#fff}
.nv-link--light:hover{color:var(--sand)}
.nv-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;padding:1.05rem 2.4rem;font-family:var(--disp);font-size:1.05rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;overflow:hidden;border:1px solid transparent;transition:transform .35s cubic-bezier(.2,.75,.2,1),background .3s,color .3s,border-color .3s;will-change:transform}
.nv-btn span{position:relative;z-index:1}
.nv-btn--solid{background:var(--gold);color:#fff;border-color:var(--gold)}
.nv-btn--solid::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,rgba(255,255,255,.35) 50%,transparent 70%);transform:translateX(-120%);transition:transform .8s}
.nv-btn--solid:hover{background:var(--gold-deep);border-color:var(--gold-deep);color:#fff}
.nv-btn--solid:hover::after{transform:translateX(120%)}
.nv-btn--dark{background:var(--ink);color:#fff;border-color:var(--ink)}
.nv-btn--dark:hover{background:transparent;color:var(--ink)}

/* Hero */
.nv-hero{position:relative;min-height:100svh;display:grid;place-items:end start;background:#0f0e0d;color:#fff;overflow:hidden;isolation:isolate;--mx:70%;--my:40%}
.nv-hero__bg{position:absolute;inset:0;z-index:-3;background:var(--bg) center 30%/cover no-repeat;animation:nv-kenburns 24s ease-in-out infinite alternate;will-change:transform}
@keyframes nv-kenburns{from{transform:scale(1)}to{transform:scale(1.08) translate(-1.5%,1%)}}
.nv-hero__shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(15,14,13,.15) 0%,rgba(15,14,13,.05) 35%,rgba(15,14,13,.78) 100%),linear-gradient(90deg,rgba(15,14,13,.55) 0%,rgba(15,14,13,0) 60%)}
.nv-hero__spot{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(560px circle at var(--mx) var(--my),rgba(227,196,140,.22),transparent 62%)}
.nv-hero__inner{padding:clamp(6rem,14vh,10rem) clamp(1.25rem,6vw,6rem) clamp(5rem,12vh,8rem);max-width:1100px}
.nv-hero__title{font-family:var(--disp);font-weight:500;text-transform:uppercase;font-size:clamp(3.6rem,10.5vw,9.5rem);line-height:.92;letter-spacing:.02em;margin:0 0 1.4rem;color:#fff;text-wrap:balance}
.nv-hero__title .l{display:inline-block;opacity:0;transform:translateY(.5em);animation:nv-rise .9s cubic-bezier(.2,.75,.2,1) forwards;will-change:transform,opacity}
.nv-hero__title .l.sp{width:.22em}
@keyframes nv-rise{to{opacity:1;transform:none}}
@keyframes nv-fade{to{opacity:1;transform:none}}
.nv-hero__sub{font-family:var(--body);font-size:clamp(1.05rem,1.5vw,1.3rem);max-width:40ch;margin:0 0 2.2rem;color:#e9e4dc;line-height:1.55;opacity:0;transform:translateY(12px);animation:nv-fade 1s .9s forwards}
.nv-hero__cta{display:flex;gap:2rem;align-items:center;flex-wrap:wrap;opacity:0;transform:translateY(12px);animation:nv-fade 1s 1.15s forwards}
.nv-hero .nv-link{color:#fff}
.nv-hero .nv-link:hover{color:var(--sand)}
.nv-scroll{position:absolute;bottom:2rem;right:clamp(1.25rem,6vw,6rem);width:24px;height:40px;border:1px solid rgba(255,255,255,.45);border-radius:12px;opacity:0;animation:nv-fade 1s 1.8s forwards}
.nv-scroll span{position:absolute;left:50%;top:7px;width:2px;height:8px;margin-left:-1px;background:#fff;animation:nv-scrolldot 1.6s ease-in-out infinite}
@keyframes nv-scrolldot{60%,100%{transform:translateY(14px);opacity:0}}

/* Reveal */
.nv-reveal-on-scroll{opacity:0;transform:translateY(36px);transition:opacity .9s cubic-bezier(.2,.75,.2,1),transform .9s cubic-bezier(.2,.75,.2,1)}
.nv-reveal-on-scroll.in{opacity:1;transform:none}

/* Intro */
.nv-intro{background:var(--paper);padding:clamp(4rem,9vw,8rem) 0}
.nv-intro__grid{display:grid;grid-template-columns:5fr 6fr;gap:clamp(2rem,6vw,6rem);align-items:center}
.nv-intro__figure{margin:0;aspect-ratio:3/4;overflow:hidden}
.nv-intro__figure img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0;transform:scale(1.04);transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}
.nv-intro:hover .nv-intro__figure img{transform:scale(1)}
.nv-intro__copy p{font-size:1.05rem;line-height:1.7;color:#3d3833;max-width:52ch;margin:0 0 1.2rem}
.nv-intro__copy .nv-btn{margin-top:1rem}
@media (max-width:860px){.nv-intro__grid{grid-template-columns:1fr}.nv-intro__figure{aspect-ratio:4/3}}

/* Procedure explorer */
.nv-proc{background:var(--ink);color:#fff}
.nv-proc__grid{display:grid;grid-template-columns:minmax(320px,2fr) 3fr;min-height:80vh}
.nv-proc__list{padding:clamp(3rem,7vw,6rem) clamp(1.25rem,5vw,5rem);display:flex;flex-direction:column;justify-content:center}
.nv-proc__list .nv-h2{margin-bottom:2rem;color:var(--sand);font-size:clamp(1.4rem,2.2vw,1.8rem);letter-spacing:.14em}
.nv-proc__tab{appearance:none;background:none;border:0;border-top:1px solid rgba(255,255,255,.12);padding:1.1rem 0;text-align:left;cursor:pointer;color:rgba(255,255,255,.55);font-family:var(--disp);font-weight:500;font-size:clamp(1.7rem,3.2vw,2.6rem);line-height:1;letter-spacing:.05em;text-transform:uppercase;display:flex;align-items:center;gap:1rem;transition:color .3s,padding-left .4s cubic-bezier(.2,.75,.2,1)}
.nv-proc__tab:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.nv-proc__tab::before{content:"";width:0;height:1px;background:var(--gold);transition:width .4s cubic-bezier(.2,.75,.2,1)}
.nv-proc__tab:hover,.nv-proc__tab:focus-visible{color:#fff;outline:none}
.nv-proc__tab.is-active{color:#fff}
.nv-proc__tab.is-active::before{width:2.2rem}
.nv-proc__stage{position:relative;min-height:60vh}
.nv-proc__panel{position:absolute;inset:0;opacity:0;transition:opacity .7s ease;pointer-events:none}
.nv-proc__panel.is-active{opacity:1;pointer-events:auto}
.nv-proc__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:0;transform:scale(1.06);transition:transform 1.4s cubic-bezier(.2,.75,.2,1)}
.nv-proc__panel.is-active .nv-proc__img{transform:scale(1)}
.nv-proc__caption{position:absolute;left:0;right:0;bottom:0;padding:clamp(1.5rem,4vw,3rem);background:linear-gradient(180deg,rgba(20,18,16,0),rgba(20,18,16,.85));transform:translateY(12px);opacity:0;transition:opacity .6s .2s,transform .6s .2s}
.nv-proc__panel.is-active .nv-proc__caption{opacity:1;transform:none}
.nv-proc__caption p{max-width:48ch;font-size:1.05rem;line-height:1.6;color:#f1ece4;margin:0 0 1rem}
@media (max-width:860px){.nv-proc__grid{grid-template-columns:1fr}.nv-proc__stage{min-height:56vh}}

/* Image strip */
.nv-strip{background:var(--paper);padding:clamp(4rem,9vw,8rem) 0 clamp(3rem,7vw,6rem);overflow:hidden}
.nv-strip__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:2.5rem}
.nv-strip__head .nv-h2{margin:0}
.nv-strip__track{display:flex;gap:1rem;padding:0 clamp(1.25rem,4vw,3rem);align-items:flex-start}
.nv-strip__item{margin:0;flex:0 0 auto;width:clamp(180px,22vw,320px);aspect-ratio:3/4;overflow:hidden;transform:translateY(calc(var(--p,0) * var(--d,1) * -1px));transition:transform .1s linear}
.nv-strip__item:nth-child(even){margin-top:3rem}
.nv-strip__item img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}

/* Stats */
.nv-stats{background:#fff;padding:clamp(3rem,6vw,5rem) 0;border-top:1px solid #e9e3d9;border-bottom:1px solid #e9e3d9}
.nv-stats__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem 2rem}
.nv-stat__num{display:block;font-family:var(--disp);font-weight:400;font-size:clamp(3rem,6vw,4.8rem);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.nv-stat__label{display:block;margin-top:.35rem;font-family:var(--disp);font-size:1rem;letter-spacing:.16em;text-transform:uppercase;color:var(--gold)}
.nv-stats__note{margin:2rem 0 0;font-size:.9rem;color:var(--mute);max-width:70ch}

/* Journal */
.nv-journal{background:var(--paper);padding:clamp(4rem,9vw,8rem) 0}
.nv-journal__head{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap;margin-bottom:1.5rem}
.nv-journal__head .nv-h2{margin:0}
.nv-journal__list{border-top:1px solid #d9d0c2}
.nv-entry{display:grid;grid-template-columns:140px 1fr auto;gap:1rem 2rem;align-items:baseline;padding:1.6rem 0;border-bottom:1px solid #d9d0c2;text-decoration:none;color:var(--ink);transition:padding-left .4s cubic-bezier(.2,.75,.2,1)}
.nv-entry:hover{padding-left:.75rem;color:var(--ink)}
.nv-entry__date{font-family:var(--disp);font-size:1rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}
.nv-entry__title{font-family:var(--disp);font-weight:500;font-size:clamp(1.4rem,2.4vw,1.9rem);line-height:1.1;letter-spacing:.02em;text-transform:uppercase}
.nv-entry__excerpt{grid-column:2;font-family:var(--body);font-size:.98rem;line-height:1.6;color:#4b453e;max-width:70ch}
.nv-entry__more{grid-column:3;grid-row:1;font-family:var(--disp);letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--gold);padding-bottom:.2em;align-self:baseline}
@media (max-width:700px){.nv-entry{grid-template-columns:1fr}.nv-entry__excerpt,.nv-entry__more{grid-column:1}.nv-entry__more{grid-row:auto}}

/* CTA band */
.nv-cta{position:relative;isolation:isolate;color:#fff;padding:clamp(5rem,12vw,9rem) 0;overflow:hidden}
.nv-cta__bg{position:absolute;inset:0;z-index:-1;background:var(--bg) center/cover no-repeat}
.nv-cta__bg::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,14,13,.82),rgba(15,14,13,.45))}
.nv-cta__inner{max-width:620px;margin:0}
.nv-cta__inner p{font-size:1.1rem;line-height:1.6;color:#eee9e1;margin:0 0 2rem;max-width:44ch}

/* Original content + credit */
.nv-original{padding-top:2rem}
.nv-credit{font-family:var(--body);font-size:.78rem;color:var(--mute);text-align:center;padding:2rem 1rem;margin:0}
.nv-credit code{background:#ece6dc;padding:.1em .45em}

@media (prefers-reduced-motion:reduce){
  .nv-hero__bg,.nv-scroll span{animation:none}
  .nv-hero__title .l,.nv-hero__sub,.nv-hero__cta,.nv-scroll{animation:none;opacity:1;transform:none}
  .nv-reveal-on-scroll{opacity:1;transform:none;transition:none}
  .nv-strip__item{transform:none}
}