/* Fusion preview: personal identity first, SEVEIL immediately visible. */
:root{--fusion-gold:#d6ac49;--fusion-red:#bd493f}

/* Remove the busy procedural web. A restrained three-line motif remains. */
canvas.threads,.threadband{display:none!important}
.hero::after{
  content:"";position:absolute;z-index:2;left:44%;right:-4%;bottom:4%;height:42%;pointer-events:none;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 900 260' preserveAspectRatio='none'%3E%3Cpath d='M0 180 C210 55 410 245 900 70' fill='none' stroke='%23b8453c' stroke-opacity='.24' stroke-width='1'/%3E%3Cpath d='M0 210 C265 105 490 255 900 120' fill='none' stroke='%23b8453c' stroke-opacity='.13' stroke-width='1'/%3E%3Cpath d='M80 245 C330 150 565 260 900 175' fill='none' stroke='%23d5aa47' stroke-opacity='.10' stroke-width='1'/%3E%3C/svg%3E") center/100% 100% no-repeat;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 25%);mask-image:linear-gradient(90deg,transparent,#000 25%);
}

/* 760px identity band: enough authority, but the project teaser enters the first view. */
.hero{min-height:0;height:clamp(500px,64vh,650px)}
.hero .wrap{height:100%}
.hero .inner{padding-top:62px;max-width:860px}
.hero .veil{background:linear-gradient(90deg,rgba(8,8,10,.97) 0%,rgba(8,8,10,.84) 42%,rgba(8,8,10,.30) 73%,rgba(8,8,10,.12) 100%),linear-gradient(0deg,rgba(8,8,10,.72),transparent 45%)}
.hero h1{font-size:clamp(76px,7.8vw,124px);line-height:.86;letter-spacing:-.055em;white-space:nowrap;margin:20px 0 22px}
.hero .role{font-size:clamp(13px,1.15vw,17px);letter-spacing:.22em}
.hero .lead{max-width:760px;font-size:clamp(17px,1.35vw,21px);line-height:1.65;margin:24px 0 28px}
.hero .btns{margin-top:0}
.hero .quicklinks{margin-top:22px}

/* The project is a dossier, not a second competing hero. */
.now{padding:0 0 70px;background:linear-gradient(180deg,#0a0a0d 0%,#0d0d10 100%);border-top:1px solid rgba(255,255,255,.08)}
.now .wrap{padding-top:26px}
.project-label{display:flex;justify-content:space-between;margin:0 0 14px;font-family:var(--mono);font-size:10px;letter-spacing:.24em;color:var(--faint)}
.project-label span:first-child{color:var(--gold)}
.nowcard{margin:0;min-height:410px;border-color:rgba(214,172,73,.32);box-shadow:0 22px 60px rgba(0,0,0,.48)}
.nowcard::before{background:linear-gradient(90deg,rgba(8,8,10,.98) 0%,rgba(8,8,10,.92) 46%,rgba(8,8,10,.38) 74%,rgba(8,8,10,.18) 100%),url('og.jpg') 72% 42%/cover no-repeat;opacity:1}
.nowhead{padding:18px 30px}
.nowbody{padding:38px 30px 32px;grid-template-columns:260px minmax(0,1fr);gap:48px}
.seveil-project-logo{width:188px!important;max-height:94px}
.nowtitle small{margin-top:14px}
.nowdesc{max-width:760px;font-size:17px;line-height:1.65;text-shadow:0 2px 12px #000}
.nowfoot{padding:18px 30px;gap:18px}
.nowlinks{gap:10px}
.nowlinks a,.nowlinks button{min-height:46px}
.nowlinks a.primary{background:var(--fusion-gold);color:#0b0b0d;border-color:var(--fusion-gold)}

/* No sales pitch: capability summary, then concrete evidence routes. */
.capability-close{padding:82px 0 72px;text-align:left;background:linear-gradient(180deg,#0b0b0e,#101014);border-top:1px solid var(--line)}
.capability-close .wrap{max-width:1120px}
.close-kicker{font-family:var(--mono);font-size:11px;letter-spacing:.26em;color:var(--gold);margin-bottom:22px}
.capability-close h2{max-width:900px;margin:0;font-size:clamp(36px,4.6vw,68px);line-height:1.02;letter-spacing:-.04em;color:var(--white)}
.close-copy{max-width:840px;margin:26px 0 34px;color:var(--muted);font-size:18px;line-height:1.7}
.capability-close .links{justify-content:flex-start;gap:10px 24px}
.capability-close .links a:first-child,.capability-close .links a:nth-child(2){color:var(--gold)}
.capability-close .note{text-align:left;margin-top:38px}
.record .rec{width:25%}
.record .rec:last-child{display:none}

@media(max-width:900px){
  .hero{height:620px}.hero h1{font-size:82px}.hero .lead{max-width:620px}
  .nowbody{grid-template-columns:1fr;gap:20px}.nowdesc{max-width:650px}
  .nowfoot{align-items:flex-start}.nowlinks{justify-content:flex-start}
}
@media(max-width:640px){
  .hero{height:610px}.hero .inner{padding-top:38px}.hero h1{font-size:58px;white-space:normal;margin:17px 0}.hero .role{font-size:11px;line-height:1.6}.hero .lead{font-size:15.5px;line-height:1.58;margin:18px 0 22px}.hero .quicklinks{display:none}
  .hero::after{left:20%;bottom:0;opacity:.7}
  .project-label{font-size:8px;letter-spacing:.16em}.now .wrap{padding-top:18px}
  .nowcard{min-height:520px}.nowcard::before{background:linear-gradient(180deg,rgba(8,8,10,.38),rgba(8,8,10,.97) 62%),url('og.jpg') 68% 20%/auto 70% no-repeat}
  .nowhead,.nowbody,.nowfoot{padding-left:20px;padding-right:20px}.nowbody{padding-top:150px}.seveil-project-logo{width:150px!important}.nowdesc{font-size:15px}.nowmeta{display:none}.nowlinks{width:100%}.nowlinks a,.nowlinks button{flex:1 1 46%;justify-content:center;text-align:center}
  .capability-close{padding:58px 0}.close-copy{font-size:16px}
}