/* Only the RENCONTRE section: a finite window into an evolving library. */
.encounter-sampler{max-width:1190px;margin:23px auto 0;padding-bottom:34px}
.encounter-with{display:flex;justify-content:center;align-items:center;gap:17px;width:min(360px,48%);margin:0 auto;color:#bca47b;font:300 14px/1.5 'Oswald',sans-serif;letter-spacing:.28em;white-space:nowrap}
.encounter-with span{height:1px;flex:1;min-width:0;background:#c39c4e;opacity:.5;transform-origin:left center;transition:transform 180ms ease-out}
.encounter-with span:first-child{transform-origin:right center}
.encounter-stage{position:relative;height:310px;margin-top:14px;isolation:isolate}
.encounter-focus{position:absolute;left:26%;width:48%;top:66px;z-index:2}
.encounter-word-space{height:112px;display:flex;align-items:center;justify-content:center}
.encounter-word,.encounter-traveler{display:block;color:#d5b378;font:500 clamp(28px,3.7vw,54px)/1.12 'Barlow Condensed',sans-serif;letter-spacing:.045em;text-wrap:balance;text-align:center}
.encounter-word{max-width:100%}

.encounter-cloud{position:absolute;inset:0;z-index:1;pointer-events:none}
.encounter-cloud span{position:absolute;left:var(--x);top:var(--y);width:var(--w,22%);transform:translate(-50%,-50%) rotate(var(--tilt,0deg));color:#a6a095;opacity:var(--alpha,.5);font:400 var(--size,18px)/1.25 'Barlow Condensed',sans-serif;letter-spacing:.075em;text-align:center;text-wrap:balance}
.encounter-cloud span:nth-child(1){--x:13%;--y:15%;--size:18px;--alpha:.54;--tilt:-3deg}
.encounter-cloud span:nth-child(2){--x:36%;--y:7%;--size:16px;--alpha:.38;--tilt:2deg}
.encounter-cloud span:nth-child(3){--x:73%;--y:12%;--size:21px;--alpha:.57;--tilt:-2deg}
.encounter-cloud span:nth-child(4){--x:88%;--y:36%;--size:16px;--alpha:.43;--tilt:3deg}
.encounter-cloud span:nth-child(5){--x:12%;--y:44%;--size:20px;--alpha:.48;--tilt:1deg}
.encounter-cloud span:nth-child(6){--x:85%;--y:66%;--size:19px;--alpha:.56;--tilt:-3deg}
.encounter-cloud span:nth-child(7){--x:15%;--y:76%;--size:16px;--alpha:.35;--tilt:-2deg}
.encounter-cloud span:nth-child(8){--x:37%;--y:91%;--size:20px;--alpha:.5;--tilt:2deg}
.encounter-cloud span:nth-child(9){--x:63%;--y:84%;--size:16px;--alpha:.4;--tilt:-2deg}
.encounter-cloud span:nth-child(10){--x:85%;--y:95%;--size:15px;--alpha:.32;--tilt:2deg}
.encounter-traveler{position:absolute;z-index:3;pointer-events:none;transform-origin:center;will-change:transform,opacity}
#encounter-wave{display:block;width:min(100%,360px);height:60px;margin:0 auto;color:#c39c4e;stroke-width:1.25;stroke-linecap:round;opacity:.72}
@media(max-width:700px){
.encounter-sampler{margin-top:24px;padding-bottom:24px}.encounter-with{width:min(260px,80%);font-size:13px}
.encounter-stage{height:410px;margin-top:20px}.encounter-focus{left:6%;width:88%;top:125px}.encounter-word-space{height:100px}.encounter-word{font-size:36px}#encounter-wave{width:260px;max-width:100%;height:48px}
.encounter-cloud span{--w:40%;font-size:clamp(12px,3.6vw,16px)}
.encounter-cloud span:nth-child(1){--x:23%;--y:7%}.encounter-cloud span:nth-child(2){--x:72%;--y:3%}.encounter-cloud span:nth-child(3){--x:44%;--y:19%;--w:34%}.encounter-cloud span:nth-child(4){--x:82%;--y:25%;--w:30%}.encounter-cloud span:nth-child(5){--x:18%;--y:29%;--w:32%}
.encounter-cloud span:nth-child(6){--x:77%;--y:74%}.encounter-cloud span:nth-child(7){--x:23%;--y:78%}.encounter-cloud span:nth-child(8){--x:49%;--y:90%;--w:33%}.encounter-cloud span:nth-child(9){--x:17%;--y:98%;--w:28%}.encounter-cloud span:nth-child(10){--x:83%;--y:96%;--w:29%}
}
/* Independent printed patina, displayed at its native proportions. */
.signature h2 .rencontre-heading{position:relative;width:clamp(210px,37.6vw,571px);max-width:100%;height:auto;aspect-ratio:2048/746;margin:5px auto 0;overflow:hidden}
.rencontre-heading img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:600px){.signature h2 .rencontre-heading{width:217px;height:auto;max-width:100%}}


.rencontre-title-pending .rencontre-heading img{opacity:0}
.rencontre-title-pending .encounter-with span,.rencontre-lines-pending .encounter-with span{transform:scaleX(0)}
.signature h2 .rencontre-heading{overflow:visible}
@media(prefers-reduced-motion:reduce){.encounter-with span{transition:none}}
/* Open U: the complete area above the active word belongs to AVEC alone. */
.encounter-stage{height:398px;margin-top:20px}
.encounter-focus{top:0}
.encounter-cloud span{transform:translateX(-50%) rotate(var(--tilt,0deg));max-height:54px;width:var(--w,22%);overflow-wrap:normal}
.encounter-cloud span:nth-child(1){--x:12%;--y:90px}
.encounter-cloud span:nth-child(2){--x:87%;--y:103px}
.encounter-cloud span:nth-child(3){--x:10%;--y:173px}
.encounter-cloud span:nth-child(4){--x:89%;--y:190px}
.encounter-cloud span:nth-child(5){--x:23%;--y:248px}
.encounter-cloud span:nth-child(6){--x:77%;--y:259px}
.encounter-cloud span:nth-child(7){--x:11%;--y:327px}
.encounter-cloud span:nth-child(8){--x:38%;--y:320px}
.encounter-cloud span:nth-child(9){--x:62%;--y:341px}
.encounter-cloud span:nth-child(10){--x:89%;--y:337px}
@media(max-width:700px){
.encounter-stage{height:520px}.encounter-focus{top:0;left:4%;width:92%}.encounter-word-space{height:120px}
.encounter-cloud span{--w:42%;font-size:clamp(12px,3.6vw,16px)}
.encounter-cloud span:nth-child(1){--x:22%;--y:177px;--w:40%}
.encounter-cloud span:nth-child(2){--x:77%;--y:190px;--w:40%}
.encounter-cloud span:nth-child(3){--x:24%;--y:250px;--w:42%}
.encounter-cloud span:nth-child(4){--x:79%;--y:268px;--w:38%}
.encounter-cloud span:nth-child(5){--x:21%;--y:323px;--w:39%}
.encounter-cloud span:nth-child(6){--x:75%;--y:341px;--w:44%}
.encounter-cloud span:nth-child(7){--x:23%;--y:405px;--w:40%}
.encounter-cloud span:nth-child(8){--x:76%;--y:418px;--w:40%}
.encounter-cloud span:nth-child(9){--x:31%;--y:482px;--w:45%}
.encounter-cloud span:nth-child(10){display:none}
}

/* Two quiet lateral columns. The animation still reads each real slot's position. */
.encounter-stage{height:326px}
.encounter-cloud span:nth-child(n){width:23%;transform:translateX(-50%);font-size:clamp(15px,1.5vw,20px);opacity:.48}
.encounter-cloud span:nth-child(odd){left:12%;text-align:right}
.encounter-cloud span:nth-child(even){left:88%;text-align:left}
.encounter-cloud span:nth-child(1),.encounter-cloud span:nth-child(2){top:80px;opacity:.57}
.encounter-cloud span:nth-child(3),.encounter-cloud span:nth-child(4){top:141px;opacity:.45}
.encounter-cloud span:nth-child(5),.encounter-cloud span:nth-child(6){top:202px;opacity:.5}
.encounter-cloud span:nth-child(7),.encounter-cloud span:nth-child(8){top:263px;opacity:.36}
.encounter-cloud span:nth-child(9),.encounter-cloud span:nth-child(10){display:none}
@media(max-width:700px){
.encounter-stage{height:375px}
.encounter-cloud span:nth-child(n){width:42%;font-size:clamp(13px,3.6vw,16px)}
.encounter-cloud span:nth-child(odd){left:23%}
.encounter-cloud span:nth-child(even){left:77%}
.encounter-cloud span:nth-child(1),.encounter-cloud span:nth-child(2){top:177px}
.encounter-cloud span:nth-child(3),.encounter-cloud span:nth-child(4){top:241px}
.encounter-cloud span:nth-child(5),.encounter-cloud span:nth-child(6){top:305px}
.encounter-cloud span:nth-child(n+7){display:none}
}

/* Reference layout: three expressions per side, framing the central word. */
.encounter-cloud span:nth-child(n+7){display:none}
@media(min-width:701px){
.encounter-stage{height:205px;margin-top:14px}
.encounter-cloud span:nth-child(1),.encounter-cloud span:nth-child(2){top:28px}
.encounter-cloud span:nth-child(3),.encounter-cloud span:nth-child(4){top:89px}
.encounter-cloud span:nth-child(5),.encounter-cloud span:nth-child(6){top:150px}
}

/* Every expression uses its role's same font size; no length-dependent fitting. */
.encounter-word,.encounter-traveler,.encounter-cloud span{white-space:nowrap;text-wrap:nowrap;overflow-wrap:normal;word-break:normal}
@media(max-width:700px){.encounter-word{font-size:clamp(22px,6vw,36px)}.encounter-cloud span:nth-child(n){width:46%;letter-spacing:.035em}}

/* Compact side groups centered on the active word's 112px line box. */
@media(min-width:701px){
.encounter-cloud span:nth-child(n){transform:translate(-50%,-50%)}
.encounter-cloud span:nth-child(1),.encounter-cloud span:nth-child(2){top:8px}
.encounter-cloud span:nth-child(3),.encounter-cloud span:nth-child(4){top:56px}
.encounter-cloud span:nth-child(5),.encounter-cloud span:nth-child(6){top:104px}
}
@media(max-width:700px){
.encounter-cloud{display:none}
.encounter-stage{height:180px}
}

/* Optical breathing room in normal flow; following content moves with the title. */
.signature h2 .rencontre-heading{margin-top:clamp(16px,1.6vw,26px)}
@media(max-width:1100px){.signature h2 .rencontre-heading{margin-top:clamp(24px,2.8vw,32px)}}
@media(max-width:600px){.signature h2 .rencontre-heading{margin-top:clamp(26px,6.5vw,34px)}}

/* Mobile Rencontre: only the active inspiration remains around the waveform. */
@media(max-width:767px){
  .signature{padding:34px 6% 0}
  .signature h2{font-size:clamp(20px,5.6vw,28px);line-height:1.45;letter-spacing:.14em}
  .signature h2 .rencontre-heading{width:min(66.5%,311px);margin:26px auto 0}
  .encounter-sampler{margin-top:28px;padding-bottom:12px}
  .encounter-with{width:min(270px,78%);font-size:12px;gap:13px}
  .encounter-cloud{display:none}
  .encounter-stage{height:174px;margin-top:12px}
  .encounter-focus{top:0;left:4%;width:92%}
  .encounter-word-space{height:96px}
  .encounter-word,.encounter-traveler{font-size:clamp(27px,8vw,38px);letter-spacing:.045em}
  #encounter-wave{width:min(88%,340px);height:54px}
}