/* Polices partagées : Theosis Capitals et EB Garamond. Relief calculé hors navigateur. */
.signe-page{--night:#07090d;--paper:#f3e3ca;--gold:#d4b070;--muted:#cbbb9e;background:var(--night);color:var(--paper);overflow-x:clip}
.sign-header{position:absolute;inset:0 0 auto;z-index:8;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px;font-size:16px}
.sign-header a{display:flex;align-items:center;min-height:44px;text-decoration:none;gap:10px}.sign-brand{font:18px/1.2 var(--font-title);max-width:145px}.sign-header>a:last-child{color:var(--muted)}
.sign-world{position:fixed;inset:0;pointer-events:none;z-index:0;background:var(--night);overflow:hidden}
.raking-light,.dawn{position:absolute;inset:0;background:radial-gradient(ellipse at 15% 0%,#d4b0701c,transparent 58%),radial-gradient(ellipse at 60% 85%,#42081045,transparent 70%)}
.dawn{background:radial-gradient(ellipse at 42% 3%,#f3e3ca65,#d4b07020 42%,transparent 76%);opacity:0}
.sequence-column{position:absolute;left:50%;top:0;height:100%;aspect-ratio:540/958;transform:translateX(-50%);opacity:0;mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000 8%,#000 73%,transparent 90%);mask-composite:intersect}
.sequence-column canvas{display:block;width:100%;height:100%}
.sign-stage{position:fixed;z-index:1;top:80px;left:12%;width:76%;height:calc(54svh - 90px);pointer-events:none;display:grid;place-items:center}
.logo-viewport{position:absolute;inset:0;display:flex;justify-content:center;overflow:hidden;mask-image:linear-gradient(transparent,#000 6%,#000 98%,transparent),linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-composite:intersect}
.camera{position:relative;height:100%;aspect-ratio:1000/1289;max-width:100%;transform-origin:50% 50%;contain:layout style}
.camera>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.whole{opacity:1}.part,.theta{opacity:0}.logo-shadow{opacity:.65}
.reflection{position:absolute;inset:0;mask:url('signe/relief/reflet.webp') center/100% 100% no-repeat;overflow:hidden;opacity:.16}
.reflection-beam{position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#f3e3ca 48%,transparent 64%);transform:translateX(-120%)}
.ascent-light{position:absolute;left:50%;top:0;width:18px;height:18px;margin:-9px;opacity:0;border-radius:50%;background:radial-gradient(circle,#f3e3ca 5%,#d4b070bc 23%,#d4b07000 70%)}
.camera>.adam-skull{position:absolute;inset:auto;width:20%;height:10%;left:40%;top:92%;opacity:0;object-fit:cover;mask-image:radial-gradient(ellipse,#000 35%,transparent 72%)}
.greek{position:absolute;top:calc(100% - 2px);left:50%;transform:translateX(-50%);font:clamp(24px,7vw,36px)/1 var(--font-title);letter-spacing:.16em;white-space:nowrap;color:var(--gold);opacity:.09}
.chapter{position:relative;z-index:2;min-height:120svh;padding:0 24px 25svh;pointer-events:none}
.chapter-copy{position:sticky;top:58svh;max-width:38ch;padding-top:10px}.chapter-copy a{pointer-events:auto}
.chapter-copy h1,.final-phrase{font:32px/1.17 var(--font-title);letter-spacing:-.02em;text-wrap:pretty;max-width:20ch}
.chapter-copy h2{font:29px/1.2 var(--font-title);color:var(--gold);margin:0 0 14px}.chapter-copy .chapter-name{font-size:16px;letter-spacing:.09em;margin-bottom:18px}
.chapter-prose{font-size:22px;line-height:1.3;margin:0}.chapter-copy blockquote{margin:18px 0 0;padding:0}.chapter-copy blockquote p{font-size:20px;font-style:italic;line-height:1.3;margin:0}
.chapter-copy cite{display:block;font-size:16px;font-style:normal;margin-top:8px;color:var(--gold)}.chapter-copy cite a{text-decoration:none}
.chapter-copy .second-source{font-size:18px;line-height:1.3;font-style:italic;margin-top:14px}.second-source a{font-size:16px;color:var(--gold);white-space:nowrap;text-decoration:none}
.chapter-copy .final-phrase{font:32px/1.17 var(--font-title);letter-spacing:-.02em}
.sign-action{display:inline-flex;align-items:center;gap:30px;min-height:48px;margin-top:18px;font-size:17px;text-decoration:none;border-bottom:1px solid #d4b07080;color:var(--gold)}.sign-action:hover{color:var(--paper)}
.js-signe .chapter-copy{position:fixed;top:52svh;left:24px;right:24px;opacity:0;visibility:hidden;padding-top:0}.js-signe .is-current .chapter-copy{opacity:1;visibility:visible}
.js-signe #ouverture{min-height:100svh}.js-signe #alpha{min-height:115svh}.js-signe #cercle,.js-signe #croix,.js-signe #adam{min-height:110svh}.js-signe #seuil{min-height:170svh}.js-signe #pointe{min-height:210svh}.js-signe #theosis{min-height:250svh}
.js-signe #theosis .chapter-copy{visibility:visible;opacity:0}
.chapter-navigation{position:fixed;inset:auto 0 0;z-index:10}.chapters{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;padding:12px 50% max(17px,env(safe-area-inset-bottom));background:linear-gradient(transparent,#07090d 12%);border-top:1px solid #d4b07026;white-space:nowrap;scroll-snap-type:x mandatory}
.chapters::-webkit-scrollbar{display:none}.chapters a{font:16px/1.2 var(--font-title);text-decoration:none;color:var(--muted);min-height:44px;display:flex;align-items:center;border-bottom:1px solid transparent;flex-shrink:0;scroll-snap-align:center}.chapters a[aria-current]{color:var(--gold);border-color:var(--gold)}.chapters a.is-clipped{opacity:0;pointer-events:none}.chapters a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.rail-previous,.rail-more{display:none;position:absolute;top:16px;width:28px;color:var(--gold);font-size:28px;pointer-events:none;background:var(--night)}.rail-previous{left:0;padding-left:7px}.rail-more{right:0;padding-left:6px}.has-previous .rail-previous,.has-more .rail-more{display:block}
.sign-footer{position:relative;z-index:3;background:var(--night);padding:40px 24px 130px;display:flex;flex-wrap:wrap;gap:18px 28px;font-size:15px;color:var(--muted)}.sign-footer p{margin-top:18px;max-width:70ch}.sign-footer summary,.sign-footer>a{min-height:44px}.sign-footer summary{cursor:pointer}.sign-footer details{width:100%}
@media(max-width:899px){.sign-stage{height:calc(48svh - 90px)}.chapter-copy h2{font-size:27px;margin-bottom:12px}.chapter-prose{font-size:21px;line-height:1.3}.chapter-copy blockquote p{font-size:19px;line-height:1.3}.chapter-copy blockquote{margin-top:16px}.chapter-copy cite{margin-top:7px}.greek{font-size:25px}.chapter-copy .second-source{font-size:17px;margin-top:12px}}
@media(min-width:900px){
 .sign-header{padding:25px 48px}.sign-brand{max-width:none;font-size:20px}
 .sign-stage{left:18%;top:5svh;width:43%;height:86svh}.greek{font-size:clamp(32px,3.5vw,54px)}
 .chapter{padding-left:61%;padding-right:45px}.chapter-copy{top:32svh;max-width:440px}.js-signe .chapter-copy{top:32svh;left:61%;right:45px;max-width:440px}
 .chapter-copy h1,.chapter-copy .final-phrase{font-size:43px;line-height:1.15}.chapter-copy h2{font-size:35px}.chapter-prose{font-size:25px;line-height:1.4}.chapter-copy blockquote p{font-size:22px}.chapter-copy blockquote{margin-top:24px}
 .chapter-navigation{inset:29svh auto auto 40px}.chapters{flex-direction:column;padding:0;gap:6px;background:none;border:0;overflow:visible}.chapters a{min-height:47px;width:max-content}.chapters a[aria-current]{border-color:transparent}.chapters a.is-clipped{opacity:1;pointer-events:auto}.rail-previous,.rail-more,.has-more .rail-more,.has-previous .rail-previous{display:none}
 .sign-footer{padding:40px 48px;align-items:baseline}.sign-footer details{width:auto;flex:1}
}
@media(min-width:900px) and (max-width:1150px){.chapter-navigation{left:24px}.sign-stage{left:22%;width:39%}.js-signe .chapter-copy{left:62%;right:24px}.chapter-copy h1,.chapter-copy .final-phrase{font-size:34px}.chapter-prose{font-size:23px}}
@media(max-height:740px) and (max-width:899px){.sign-stage{top:72px;height:calc(44svh - 80px)}.js-signe .chapter-copy{top:45svh}.chapter-copy h1,.chapter-copy .final-phrase{font-size:28px}.chapter-copy h2{font-size:25px}.chapter-prose{font-size:20px}.chapter-copy blockquote p{font-size:18px}.greek{font-size:22px}}
/* Récit en flux normal dès que la réserve de lecture manque, et sans JavaScript. */
.signe-static .sign-stage{position:relative;top:auto;left:auto;width:70%;height:43svh;margin:100px auto 40px}.signe-static .chapter{min-height:0;padding:55px 24px;pointer-events:auto;scroll-margin-top:20px}.signe-static .chapter-copy{position:relative;top:auto;left:auto;right:auto;opacity:1!important;visibility:visible;max-width:600px;margin:auto}.signe-static .chapter-sign{height:35svh;width:70%;margin:0 auto 35px;display:flex;justify-content:center}.signe-static .chapter-sign img{height:100%;max-width:100%;object-fit:contain}.signe-static .sequence-column,.signe-static .dawn,.signe-static .reflection,.signe-static .adam-skull,.signe-static .ascent-light{display:none}.signe-static .greek{opacity:.7;font-size:24px}.signe-static .chapter-copy h1,.signe-static .final-phrase{font-size:clamp(32px,4vw,50px)}
.signe-static #theosis .greek{position:static;display:block;transform:none;text-align:center;margin:0 auto 25px;opacity:1}
.signe-static .chapter-navigation{position:relative;inset:auto;padding:0 24px}.signe-static .chapters{padding:10px 0;flex-direction:row;flex-wrap:wrap;gap:4px 22px;overflow:visible;background:none;white-space:normal;scroll-snap-type:none}.signe-static .chapters a.is-clipped{opacity:1;pointer-events:auto}.signe-static .rail-previous,.signe-static .rail-more{display:none}
@media(min-width:900px){.signe-static main{padding-left:230px}.signe-static .sign-stage{height:55svh;margin-left:24%;width:43%}.signe-static .chapter-sign{height:42svh}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

/* Lot 1 : uniquement cadrage, lumière et mouvement. */
.logo-viewport{overflow:visible;mask-image:none}.camera{isolation:isolate}.chapter-background{position:absolute;inset:0;opacity:0;pointer-events:none}
.camera>.ring-front{opacity:0;z-index:5;mask:url('signe/ring-mask.svg') center/100% 100% no-repeat}.camera>.part[data-part=adam]{mask-image:linear-gradient(to bottom,#000 calc(var(--adam-front,0%) - 12%),transparent calc(var(--adam-front,0%) + 6%))}
.interlace{position:absolute;inset:0;width:100%;height:100%;z-index:6;overflow:visible;pointer-events:none}.interlace path{fill:none;stroke:#1e1308;stroke-width:5;stroke-linecap:butt}.interlace .stem-front{stroke-width:4}
.life-flash{position:absolute;inset:0;z-index:7;overflow:hidden;opacity:0;mask:url('signe/relief/reflet.webp') center/100% 100% no-repeat}.life-flash span{position:absolute;left:0;top:-7%;width:100%;height:12%;background:linear-gradient(transparent,#f3e3caee,transparent);transform:translateY(0)}
.impact{position:absolute;left:40%;top:94%;width:20%;height:13%;opacity:0;z-index:0}.impact img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}.impact .skull-left{clip-path:polygon(0 0,50% 0,48% 100%,0 100%)}.impact .skull-right{clip-path:polygon(50% 0,100% 0,100% 100%,48% 100%)}.impact svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.impact path{fill:none;stroke:#e4b966;stroke-width:2;stroke-dasharray:180;stroke-dashoffset:180}
.camera>.adam-skull{opacity:0!important}.chapter-copy cite{text-align:right}.second-source a{display:block;text-align:right;margin-top:7px;font-style:normal}.chapter-copy{max-height:none}.js-signe .chapter-copy{visibility:visible;will-change:opacity;pointer-events:none}.js-signe .chapter-copy a{pointer-events:none}.js-signe .is-current .chapter-copy a{pointer-events:auto}
.sign-stage{top:72px;height:calc(44svh - 75px)}.greek{top:calc(100% + 14px)}.js-signe .chapter-copy{top:49svh}.chapter-copy blockquote p{font-size:18px;line-height:1.28}.chapter-prose{font-size:20px;line-height:1.28}.chapter-copy h2{font-size:26px;margin-bottom:10px}.chapter-copy blockquote{margin-top:13px}.chapter-copy .second-source{font-size:16px;margin-top:12px}.chapter-navigation{transition:none}
@media(min-width:900px){.sign-stage{top:6svh;height:76svh;left:19%;width:41%}.js-signe .chapter-copy{top:29svh}.chapter-prose{font-size:25px;line-height:1.4}.chapter-copy blockquote p{font-size:22px;line-height:1.3}.chapter-copy h2{font-size:35px}.chapter-copy blockquote{margin-top:24px}.chapter-copy .second-source{font-size:18px}.greek{top:calc(100% + 14px)}}
.signe-static .interlace{opacity:1}.signe-static .impact,.signe-static .life-flash,.signe-static .ring-front{display:none}.signe-static .chapter-copy{max-height:none}

.sword{position:absolute;inset:0;z-index:3}.sword>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.camera.is-descending>.whole{mask:url('signe/sword-cutout.svg') center/100% 100% no-repeat}.camera.is-descending .interlace{opacity:0!important}
.life-flash[data-element=alpha]{clip-path:inset(0 40% 81% 40%)}.life-flash[data-element=circle]{mask-image:url('signe/ring-mask.svg')}.life-flash[data-element=sword]{clip-path:polygon(44% 0,56% 0,56% 36%,80% 36%,80% 49%,56% 49%,56% 100%,44% 100%,44% 49%,20% 49%,20% 36%,44% 36%)}.life-flash[data-element=adam]{clip-path:inset(50% 28% 0)}.life-flash[data-element=point]{clip-path:inset(85% 40% 0)}

.sign-stage{transform-origin:50% 0}.sequence-column canvas:not(:first-child){position:absolute;inset:0;opacity:0}.sequence-column.is-impact canvas:not(:first-child){opacity:1}.sequence-column.is-impact canvas:first-child{mask:url('signe/impact-mask.svg') center/100% 100% no-repeat}.skull-left-film{clip-path:polygon(0 60%,50% 60%,49% 100%,0 100%)}.skull-right-film{clip-path:polygon(50% 60%,100% 60%,100% 100%,49% 100%)}.serpent-film{clip-path:ellipse(10.6% 4.9% at 54% 51.5%);transform-origin:54% 56.5%}

.camera>.part[data-part=adam]{mask-image:url('signe/adam-mask.svg'),linear-gradient(to bottom,#000 calc(var(--adam-front,0%) - 9%),transparent calc(var(--adam-front,0%) + 6%));mask-composite:intersect;mask-size:100% 100%;mask-repeat:no-repeat}

.serpent-film{clip-path:ellipse(7.41% 3.65% at 50% 46.97%);transform-origin:50% 50.62%}

.life-flash[data-element=adam]{mask-image:url('signe/adam-mask.svg');clip-path:none}

/* Lot 2 : longueur des textes validés, sans tronquer les citations. */
.js-signe .chapter-copy{max-height:calc(71svh - 65px);overflow-y:auto;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#d4b07088 transparent;padding-right:4px}
.chapter-copy cite{font-variant-caps:small-caps;text-align:right}.opening-source{display:block;color:var(--gold);font-size:16px;font-style:normal;margin-top:12px;text-align:right}.opening-source a{text-decoration:none}
.chapter-copy .final-phrase{font:25px/1.4 var(--font-reading);letter-spacing:normal;max-width:none}
@media(max-width:899px){.js-signe .chapter-copy{max-height:calc(51svh - 90px)}.chapter-prose,.chapter-copy .final-phrase{font:18px/1.3 var(--font-reading);letter-spacing:normal}.chapter-copy blockquote p{font-size:17px;line-height:1.23}.chapter-copy cite{font-size:15px;margin-top:7px}.chapter-copy blockquote{margin-top:12px}.chapter-copy h2{margin-bottom:10px}}
.signe-static .chapter-copy{max-height:none;overflow:visible;padding-right:0}


/* Lot 3 : fonds approuvés, matière pré-rendue sur les alpha originaux. */
.chapter-background{inset:auto;aspect-ratio:540/958;transform:translateX(-50%);mask-image:linear-gradient(90deg,transparent,#000 20%,#000 80%,transparent),linear-gradient(transparent,#000 8%,#000 73%,transparent 90%);mask-composite:intersect;will-change:opacity}.chapter-background img{display:block;width:100%;height:100%;object-fit:fill}
.sequence-column{z-index:1}.logo-scrim{position:absolute;z-index:2;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#07090db3 0%,#07090db3 36%,#07090d70 61%,#07090d00 78%);transform:translateX(-50%)}
.dawn{display:none}.logo-shadow{opacity:.85}.reflection{opacity:.12;z-index:8}.reflection-beam{animation:metal-glint 28s linear infinite;animation-play-state:paused;will-change:transform}.signe-page.is-resting:not(.is-hidden) .reflection-beam{animation-play-state:running}@keyframes metal-glint{0%,32%{transform:translateX(-125%)}68%,100%{transform:translateX(125%)}}
.circle-life,.adam-life,.crimson-life{position:absolute;inset:0;z-index:7;opacity:0;overflow:hidden;pointer-events:none}.circle-life{mask-image:url('signe/relief/reflet.webp'),url('signe/ring-mask.svg');mask-composite:intersect;mask-size:100% 100%;mask-repeat:no-repeat}.circle-life span{position:absolute;inset:0;background:conic-gradient(from -7deg at 50% 43.7%,#fff4ce 0deg,#fff4ce00 15deg,#fff4ce00 353deg,#fff4ce 360deg);transform-origin:50% 43.7%}
.adam-life{mask:url('signe/adam-mask.svg') center/100% 100% no-repeat}.adam-life span{position:absolute;left:0;top:0;width:24%;height:18%;background:radial-gradient(ellipse,#fff5d2 0%,#f4d08999 22%,transparent 69%);transform-origin:center}
.camera>.steel-life{z-index:4;opacity:0;clip-path:inset(15% 0 0)}.crimson-life{z-index:5;mask:url('signe/relief/reflet.webp') center/100% 100% no-repeat;background:radial-gradient(ellipse 16% 6% at 50% 39.7%,#9d0d29ff,#750617bb 45%,transparent 100%)}
.alpha-escape{position:absolute;z-index:7;left:50%;top:0;margin-left:-7px;width:14px;height:25%;opacity:0;background:radial-gradient(ellipse,#fff5d2 0%,#f4d08988 22%,#d4b07000 70%);transform-origin:50% 100%}
.life-flash[data-element=alpha] span{height:8%;top:0}.life-flash[data-element=circle],.life-flash[data-element=adam]{opacity:0!important}.greek{opacity:0}.signe-static .sign-stage>.greek{display:none}.signe-static .chapter-background,.signe-static .logo-scrim,.signe-static .circle-life,.signe-static .adam-life,.signe-static .steel-life,.signe-static .crimson-life,.signe-static .alpha-escape{display:none}.signe-static #theosis .greek{display:block}
@media(prefers-reduced-motion:reduce){.reflection-beam{animation:none;animation-play-state:paused}}
@media(max-width:899px){.logo-scrim{background:radial-gradient(ellipse at 50% 48%,#07090dc7 0%,#07090dc7 36%,#07090d80 61%,#07090d00 78%)}}

/* Lot 4 D : entrelacs sans trait peint, retour dans la lumière. */
.camera{--weave-cut:url('signe/weave-cut-desktop.svg')}.camera>.whole{mask:var(--weave-cut) center/100% 100% no-repeat}.camera.is-descending>.whole{mask-image:var(--weave-cut),url('signe/sword-cutout.svg');mask-composite:intersect}.camera>.part[data-part=adam]{mask-image:var(--weave-cut),url('signe/adam-mask.svg'),linear-gradient(to bottom,#000 calc(var(--adam-front,0%) - 9%),transparent calc(var(--adam-front,0%) + 6%));mask-composite:intersect}.weave-shadow{pointer-events:none;z-index:6}.chapter-background[data-background=theosis]{left:0!important;top:0!important;width:100vw!important;height:100svh!important;aspect-ratio:auto;transform:none;mask-image:radial-gradient(ellipse 125% 115% at 50% 15%,#000 42%,#000b0 75%,#00080 100%);mask-composite:add}.chapter-background[data-background=theosis] img{width:100%;height:100%;object-fit:cover;object-position:50% 0%}.is-bouquet .logo-scrim{background:radial-gradient(ellipse at 50% 48%,#07090dee 0%,#07090dee 38%,#07090dbb 64%,#07090d00 83%)}@media(max-width:899px){.camera{--weave-cut:url('signe/weave-cut-mobile.svg')}}

.is-bouquet .logo-scrim{top:calc(var(--stage-top) - var(--camera-height)*.35)!important;height:calc(var(--camera-height)*1.7)!important;background:radial-gradient(ellipse 50% 50% at 50% 48%,#07090df2 0%,#07090df2 62%,#07090d00 98%)}
@media(max-width:899px){.is-bouquet .logo-scrim{mask-image:linear-gradient(transparent,#000 20%,#000)}}
/* S1 : même alpha que le cercle gravé, sans ellipse qui rogne son bord. */
.camera>.ring-front{mask:url('signe/ring-light-mask.svg') center/100% 100% no-repeat}
.circle-life{mask-image:url('signe/relief/lot-3/base.webp'),url('signe/ring-light-mask.svg');mask-composite:intersect}
/* Un voile commun, centré sur l'ensemble du signe et du dernier texte. */
.is-bouquet .logo-scrim{left:18%!important;top:0!important;width:82%!important;height:100svh!important;transform:none;mask:none;background:radial-gradient(ellipse 65% 65% at 50% 48%,#07090dd9 0%,#07090dc9 32%,#07090d85 58%,#07090d00 88%)}
@media(max-width:899px){.is-bouquet .logo-scrim{left:0!important;width:100%!important;background:radial-gradient(ellipse 78% 63% at 50% 46%,#07090dde 0%,#07090dce 32%,#07090d90 60%,#07090d00 91%)}}
#theosis .chapter-copy,#theosis .chapter-copy cite{text-align:center}

/* S6 : le voile du bouquet s'éteint avant chacun de ses quatre bords. */
.is-bouquet .logo-scrim{left:0!important;width:100%!important;mask-image:linear-gradient(90deg,transparent 0%,#000 18%,#000 82%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 78%,transparent 100%);mask-composite:intersect;mask-repeat:no-repeat;background:radial-gradient(ellipse 52% 62% at 59% 48%,#07090dd9 0%,#07090dc9 32%,#07090d85 58%,#07090d00 88%)}
@media(max-width:899px){.is-bouquet .logo-scrim{background:radial-gradient(ellipse 78% 63% at 50% 46%,#07090dde 0%,#07090dce 32%,#07090d90 60%,#07090d00 91%);mask-image:linear-gradient(90deg,transparent 0%,#000 12%,#000 88%,transparent 100%),linear-gradient(180deg,transparent 0%,#000 14%,#000 78%,transparent 100%);mask-composite:intersect}}