/* Le lien — the UMNIYA signature. A gesture on the worn piece. */
.signature{min-width:0;width:100%;justify-self:end;scroll-margin-top:calc(var(--header-height) + 20px)}
.signature-stage{position:relative;aspect-ratio:4/5;overflow:hidden;background:#d6c9b4;isolation:isolate}
.signature-poster,.signature-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.signature-canvas{opacity:0;pointer-events:none;z-index:1}
.signature.is-ready:not(.is-front) .signature-canvas{opacity:1}
.signature-topline{position:absolute;z-index:3;top:22px;left:22px;right:22px;display:flex;justify-content:space-between;color:#fffaf0;font:500 9px/1.5 var(--font-ui);letter-spacing:.16em;pointer-events:none;text-shadow:0 1px 8px #382d2240}
.signature-scene-word{position:absolute;left:22px;bottom:25px;z-index:3;pointer-events:none;color:#fff9eb;font:400 clamp(28px,3.5vw,54px)/1 var(--font-display);letter-spacing:-.025em;opacity:0;transform:translateY(12px);transition:opacity .4s,transform .7s;text-shadow:0 2px 20px #382d224d}
.signature.is-running .signature-scene-word{opacity:1;transform:translateY(0)}
.signature-touch{position:absolute;inset:30% 22% 32% 35%;z-index:4;cursor:pointer;background:transparent;color:#fffaf2;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;padding:0;touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.signature-touch>span:last-child{font:500 9px/1.4 var(--font-ui);letter-spacing:.06em;padding:7px 10px;background:#30251f80;backdrop-filter:blur(6px);opacity:0;transform:translateY(6px);transition:opacity .3s,transform .3s}
.signature-touch__ring{width:40px;height:40px;border-radius:50%;border:1px solid #fff8dfaa;position:relative;background:#fff7d60a;box-shadow:0 0 0 7px #fff8df0d;transition:transform .3s,opacity .3s}
.signature-touch__ring:before,.signature-touch__ring:after{content:'';position:absolute;background:#fff8dfb0;top:50%;left:50%;transform:translate(-50%,-50%)}
.signature-touch__ring:before{width:10px;height:1px}.signature-touch__ring:after{height:10px;width:1px}
.signature-touch:hover>span:last-child,.signature-touch:focus-visible>span:last-child{opacity:1;transform:translateY(0)}
.signature-touch:hover .signature-touch__ring{transform:scale(1.1)}
.signature.is-running .signature-touch{pointer-events:none;opacity:0}
.signature.is-front .signature-touch{display:none}
.signature-progress{position:absolute;bottom:0;left:0;right:0;height:2px;z-index:4;background:#f9eed820;opacity:0;transition:opacity .4s}
.signature.is-running .signature-progress{opacity:1}
.signature-progress>span{display:block;width:100%;height:100%;background:#edd2a0;transform:scaleX(0);transform-origin:left}
.signature-controls{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 0 13px}
.signature-trigger{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:15px 22px;min-height:52px;background:#282b23;color:#fff9eb;cursor:pointer;font:500 12px/1.5 var(--font-ui);transition:background .25s,transform .2s}
.signature-trigger:hover{background:#4b4d36}.signature-trigger:active{transform:translateY(2px) scale(.985)}
.signature-trigger:disabled{opacity:.6;cursor:wait}
.signature-sound{display:inline-flex;align-items:center;gap:7px;background:transparent;cursor:pointer;font:400 11px/1.4 var(--font-ui);min-height:44px;padding:8px 9px;color:#72634d}
.signature-sound>span:first-child{font-size:18px;color:#967342}.signature-sound[aria-pressed=false]{color:#8d877d}
.signature-caption{display:flex;align-items:center;justify-content:space-between;gap:20px;border-block:1px solid var(--campaign-rule);padding:4px 0;font:400 10px/1.5 var(--font-ui);color:#756c5e}
.signature-caption p{margin:0}.signature-views{display:flex;gap:6px}
.signature-views button{background:transparent;padding:12px 8px;min-height:44px;cursor:pointer;border-bottom:1px solid transparent;color:#857967;font-size:10px}
.signature-views button[aria-pressed=true]{border-color:#6d5c42;color:#322e25}
.signature-invitation{font:italic 16px/1.5 var(--font-display);color:#8c7656;margin-top:28px;max-width:270px}
.signature-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.signature.is-error .signature-status{position:static;width:auto;height:auto;margin:12px 0 0;clip-path:none;white-space:normal;font-size:11px;color:#776853}
/* Decorative background video: no player affordance and no pointer target. */
.home-hero__video{pointer-events:none!important;user-select:none;display:block!important}
.home-hero__video::-webkit-media-controls,.home-hero__video::-webkit-media-controls-enclosure,.home-hero__video::-webkit-media-controls-panel,.home-hero__video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.home-hero__media.is-poster-only .home-hero__video{display:none!important}
@media(max-width:760px){
 .signature-controls{padding:14px 0 10px;gap:8px}.signature-trigger{font-size:11px;padding:14px 18px;gap:9px;min-height:48px}.signature-sound{font-size:10px;padding:8px 2px;gap:5px}.signature-caption{gap:12px;font-size:9px}.signature-views button{font-size:10px}.signature-topline{top:16px;left:16px;right:16px;font-size:8px}.signature-scene-word{bottom:20px;left:16px;font-size:34px}.signature-invitation{grid-column:1/-1;grid-row:5;margin:13px 0 0;font-size:14px}.campaign-intro .campaign-small{grid-row:6;grid-column:1/-1;justify-self:start;margin-top:7px}.signature-touch>span:last-child{font-size:8px;opacity:1;transform:none}.signature-touch__ring{width:34px;height:34px}
 .home-hero__media .home-hero__video{object-position:35% center}
}
html[dir=rtl] .signature-stage{direction:ltr}html[lang=ar] .signature-scene-word,html[lang=ar] .signature-invitation{font-family:var(--font-arabic);font-style:normal;letter-spacing:0}
@media(prefers-reduced-motion:reduce){.signature-scene-word,.signature-progress,.signature-touch>span:last-child,.signature-touch__ring,.signature-trigger{transition:none!important}.home-hero__video{display:none!important}}
/* Le voyage: the textile is the gesture target; keep the artwork unobstructed. */
.signature-touch{inset:8% 10% 8%;justify-content:flex-end;padding-bottom:3%;border:0}
.signature-touch__ring{display:none}
.signature-touch>span:last-child{opacity:1;transform:none;background:#312c2380;border:1px solid #fff4d53d;border-radius:30px;padding:10px 17px;font-size:10px;letter-spacing:.08em}
.signature-touch:hover>span:last-child{background:#312c23b3}
.signature-touch:focus-visible{outline:2px solid #fff2d4;outline-offset:-7px}
.signature.is-running .signature-touch{visibility:hidden}
.signature-topline{color:#43382a;text-shadow:none}
.signature-scene-word{font-size:clamp(27px,3vw,47px);bottom:35px}