/* Bounded art direction: corridor, founder, capabilities, materials, museum. */
.atelier-standalone .louvre-invitation,.atelier-standalone .director-environment{margin-inline:calc(-1 * var(--section-gutter,22px));width:calc(100% + 2 * var(--section-gutter,22px));max-width:none;isolation:isolate;contain:paint}
.atelier-standalone .louvre-invitation{display:flex;align-items:center;min-height:850px;min-height:min(940px,105svh);margin-top:60px;margin-bottom:0;background:#1a130d}
.louvre-invitation .corridor-scene{position:absolute;inset:0;padding:0;max-width:none;z-index:-2;transform-origin:50% 55%;animation:corridor-walk 22s cubic-bezier(.3,0,.2,1) infinite alternate;animation-play-state:paused;will-change:transform}
.corridor-scene>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.corridor-scene .corridor-leaf{animation:gallery-breeze 7s ease-in-out infinite alternate;animation-play-state:paused}

.corridor-leaf-right{animation-delay:-3s!important;animation-direction:alternate-reverse!important}
.louvre-invitation.is-motion-active .corridor-scene,.louvre-invitation.is-motion-active .corridor-leaf{animation-play-state:running}
.atelier-standalone .louvre-invitation:before{background:linear-gradient(90deg,#130e0ae0, #130e0a44 65%,#130e0a11),linear-gradient(0deg,#171310de,transparent 40%)}
.atelier-standalone .louvre-invitation>div:not(.corridor-scene){position:relative;padding:clamp(48px,7vw,110px);max-width:780px;width:100%;min-width:0}
.atelier-standalone .louvre-invitation h3{font:400 clamp(66px,8.5vw,148px)/.96 var(--body);letter-spacing:-.065em;margin:36px 0;max-width:none;overflow-wrap:normal;word-break:normal}
.louvre-invitation h3>span{display:block;white-space:nowrap}
.atelier-standalone .louvre-invitation p{font-size:clamp(15px,1.3vw,18px);line-height:1.8;max-width:34ch}
.atelier-standalone .louvre-invitation .louvre-open-link{margin-top:42px;margin-bottom:0;padding:23px 0;min-height:72px;max-width:430px;color:#f4d8af;transition:padding .4s,color .4s}
.atelier-standalone .louvre-invitation .louvre-open-link:hover{padding-left:12px;color:#fff1d9}
.atelier-motion-control{position:absolute;right:24px;bottom:25px;width:44px;height:44px;border:1px solid #e6c18a70;border-radius:50%;background:#17110e88;color:#f4dfbf;font:13px var(--body);cursor:pointer;z-index:4}
@keyframes corridor-walk{from{transform:scale(1.005)}to{transform:scale(1.14)}}
@keyframes gallery-breeze{from{transform:rotate(-.3deg) translateX(-.3px)}to{transform:rotate(.38deg) translateX(.5px)}}
/* The supplied photograph is an untouched environment, with no frame or cut-out. */
.atelier-standalone .director-environment{display:flex;align-items:center;min-height:880px;padding:0;margin-block:0 80px;border:0;background:#16120f;gap:0;position:relative}
.atelier-standalone .director-environment>img{position:absolute;inset:0 0 0 auto;width:62%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:50% 52%;border:0;border-radius:0;box-shadow:none;margin:0;transform:none}
.director-environment:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#16120f 0%,#16120f 30%,#16120fd9 39%,#16120f00 62%);z-index:1;pointer-events:none}
.atelier-standalone .director-environment>div{position:relative;z-index:2;width:48%;max-width:680px;padding:80px clamp(28px,5vw,85px);min-width:0}
.atelier-standalone .director-environment h3{font-size:clamp(34px,3.5vw,58px);line-height:1.15;letter-spacing:-.05em;margin:24px 0;overflow-wrap:normal;text-wrap:balance}
.atelier-standalone .director-environment p{font-size:15px;line-height:1.85;color:#c8b9a6}
.atelier-standalone .director-environment .bespoke-statement{font-size:20px;line-height:1.6;color:#edc99d}
.director-environment .director-signature{position:absolute;right:5%;bottom:30px;font:italic 50px Georgia,serif;color:#f0d1a4;text-shadow:0 2px 15px #000;z-index:2}
.director-signature small{display:block;font:8px/2 var(--mono);letter-spacing:.16em}
/* Six complete directions: legible content, drawn product studies and direct brief selection. */
.atelier-standalone .atelier-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;max-width:none;margin:65px 0 100px}
.atelier-capabilities .development-row{position:relative;display:grid;grid-template-columns:1fr auto;align-content:start;gap:20px;padding:35px 26px 32px;min-height:340px;border-top:1px solid #b4926655;overflow:hidden;background:linear-gradient(140deg,#d8ac6806,transparent 70%);transition:background .5s,border-color .5s}
.atelier-capabilities .development-row:after{content:'';position:absolute;inset:0 auto auto 0;height:1px;width:0;background:#e5bd80;transition:width .8s cubic-bezier(.16,1,.3,1)}
.atelier-capabilities .development-row:hover:after,.atelier-capabilities .development-row:focus-within:after{width:100%}
.atelier-capabilities .development-row:hover{background:#d6b27f0b}
.atelier-capabilities .development-row>span{font:10px/1 var(--mono);color:#e3c491;align-self:start}
.capability-drawing{grid-column:2;grid-row:1 / 3;width:96px;height:84px;fill:none;stroke:#cfaa78;stroke-width:1.15;stroke-linejoin:round;stroke-linecap:round;opacity:.8;transition:transform .7s,opacity .7s}
.capability-drawing path{stroke-dasharray:900;stroke-dashoffset:0}
.development-row:hover .capability-drawing{transform:translateY(-5px);opacity:1}
.atelier-capabilities .development-row h3{grid-column:1;font:400 clamp(25px,2.5vw,37px)/1.2 var(--body);letter-spacing:-.045em;color:#f1e1cd;max-width:20ch;padding:0;margin:0;text-wrap:balance}
.atelier-capabilities .development-row p{grid-column:1 / -1;font:15px/1.85 var(--body);color:#c2b39f;margin:0;max-width:55ch}
.capability-select{grid-column:1 / -1;justify-self:start;align-self:end;margin-top:5px;padding:9px 0;min-height:44px;border-bottom:1px solid #cda77866;background:none;color:#e6c08d;font:12px var(--body);cursor:pointer;transition:letter-spacing .35s}
.capability-select:hover{letter-spacing:.025em}
/* Material library: every approved technology is retained. */
.atelier-stack-room{position:relative;padding:60px clamp(0px,2vw,35px);border-block:1px solid #b4926650;background:radial-gradient(ellipse at 90% 10%,#a5804120,transparent 55%);margin-bottom:65px;min-width:0}
.atelier-overline{font:9px/1.8 var(--mono);letter-spacing:.16em;color:#ceb48e}
.atelier-stack-room .stack-title{font:400 clamp(36px,4.5vw,68px)/1.1 var(--body);letter-spacing:-.05em;margin:25px 0;color:#f2dfc5}
.atelier-stack-room>.fine{max-width:70ch;color:#c3b39d;font:15px/1.85 var(--body)}
.atelier-standalone .atelier-materials{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;margin:40px 0 25px}
.atelier-materials>div{position:relative;padding:26px 0 30px;border-top:1px solid #b4926644;transition:border-color .4s}
.atelier-materials>div:hover{border-color:#d9b980}
.material-index{display:block;font:8px/1.6 var(--mono);color:#a28b70;letter-spacing:.08em;margin-bottom:16px}
.atelier-materials h4{font:11px/1.6 var(--mono);letter-spacing:.07em;color:#e4c290;margin-bottom:18px}
.atelier-materials p{display:flex;flex-wrap:wrap;gap:8px;margin:0!important;font:13px/1.45 var(--body)!important;max-width:100%}
.stack-token{display:inline-flex;align-items:center;min-height:35px;padding:7px 10px;border:1px solid #c6a46f2b;color:#d9cbb6;background:#f1dfc905;max-width:100%;overflow-wrap:anywhere;transition:background .3s,border-color .3s,transform .3s}
.atelier-materials>div:hover .stack-token{background:#d2aa7309;border-color:#c6a46f4d}
.atelier-stack-room .development-process{padding:24px 0 15px;border-top:1px solid #b4926644;font:15px/1.9 var(--body);max-width:85ch}
.atelier-stack-room>.text-link{display:inline-flex!important;align-items:center;justify-content:space-between;gap:20px;min-height:50px;width:auto!important;max-width:100%;font:13px/1.6 var(--body)!important;margin:18px 30px 0 0!important;padding:10px 0;border-bottom:1px solid #c7a37377;overflow-wrap:anywhere}
/* Museum: deliberately paced displays and clear, consistent controls. */
.museum-spatial .louvre-vestibule{position:relative;padding-top:70px}
.museum-spatial .louvre-vestibule h1{font-size:clamp(65px,9vw,140px);line-height:.94;letter-spacing:-.065em}
.museum-spatial .museum-portals{gap:18px;margin-top:40px}
.museum-spatial .museum-portals button{border:1px solid #d8b88d45!important;border-radius:2px;padding:24px!important;background:linear-gradient(150deg,#b78a4520,#17110d88);min-height:165px;overflow:hidden;transition:transform .5s,background .5s,border-color .5s}
.museum-spatial .museum-portals button:hover,.museum-spatial .museum-portals button:focus-visible{transform:translateY(-5px);background:#bd96512b;border-color:#d8b88d!important}
.museum-spatial .museum-portals strong{font-size:clamp(21px,2.1vw,31px);line-height:1.16}
.museum-spatial .museum-portals small{font-size:10px;line-height:1.6;color:#d6bf9f}
.museum-spatial .louvre-room-title h2{font-size:clamp(37px,5vw,76px);line-height:1.08;max-width:18ch;overflow-wrap:normal;text-wrap:balance}
.museum-spatial .louvre-room-title p{font-size:15px;line-height:1.8;max-width:50ch}
.museum-spatial .louvre-exhibits{gap:30px;align-items:start;perspective:none}
.museum-spatial .louvre-exhibit{transform:none!important;padding-top:25px;min-width:0}
.museum-spatial .exhibit-work{height:clamp(300px,31vw,470px);transition:transform .6s cubic-bezier(.16,1,.3,1),box-shadow .6s}
.museum-spatial .exhibit-work:hover{transform:translateY(-6px);box-shadow:0 28px 55px #0009,0 0 30px #e2ba7b16}
.museum-spatial .exhibit-info{padding-top:20px;line-height:1.7}
.museum-spatial .exhibit-info h3{font-size:20px;line-height:1.35;overflow-wrap:anywhere}
.museum-spatial .exhibit-info p{font-size:13px;line-height:1.85;color:#cbb697}
.museum-spatial .exhibit-info button,.museum-spatial .exhibit-info a{min-height:44px;display:inline-flex;align-items:center}
.museum-spatial .museum-room-exits{gap:24px;align-items:stretch;margin-bottom:40px}
.museum-spatial .museum-room-exits button{min-height:52px;padding:12px 0;border-bottom:1px solid #d8b88d55;font-size:12px;line-height:1.6}
.museum-spatial .museum-map>summary{min-height:44px;font-size:11px;padding:13px 16px}
.museum-spatial .museum-map>div>button{min-height:46px;padding-block:12px;font-size:12px}
.museum-spatial .louvre-top button{min-height:46px;padding-inline:18px}
.concierge-welcome{display:grid;grid-template-columns:130px minmax(0,1fr);align-items:center;gap:22px;max-width:570px;margin:28px 0 0}
.concierge-welcome>img{width:130px;height:180px;object-fit:contain;filter:drop-shadow(0 16px 20px #0007)}
.concierge-welcome>div>span{font:8px/1.6 var(--mono);letter-spacing:.12em;color:#d7ba8f}
.museum-spatial .concierge-welcome p{font:14px/1.8 var(--body);margin:12px 0;color:#e5d0b2}
.museum-spatial .concierge-welcome button{display:inline-flex!important;min-height:44px;margin:0;padding:9px 0!important;font:12px var(--body);color:#f5d8a8;border-bottom:1px solid #d7b57c88!important}
.museum-concierge{position:absolute;bottom:18px;right:22px;z-index:25;max-width:calc(100% - 44px)}
.concierge-toggle{display:flex;align-items:center;gap:8px;min-height:54px;border:1px solid #c9a47380;border-radius:3px;background:#21180ff2;color:#f2dbb8;padding:0 14px 0 4px;font:11px var(--body);cursor:pointer;box-shadow:0 5px 28px #0006}
.concierge-toggle>img{width:46px;height:62px;object-fit:contain;margin-top:-14px}
.concierge-toggle i{font-style:normal;font-size:19px;margin-left:5px}
.concierge-toggle[aria-expanded=true] i{transform:rotate(45deg)}
.concierge-panel{width:330px;max-width:100%;max-height:calc(100svh - 190px);overflow:auto;background:#20170ff7;border:1px solid #d4ad7266;margin-bottom:12px;padding:20px;box-shadow:0 20px 80px #000a;overscroll-behavior:contain}
.concierge-panel[hidden]{display:none!important}
.concierge-panel-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#d5b782;font:9px var(--mono)}
.concierge-panel-top button{width:44px;height:44px;background:none;color:#ecd8b8;font-size:24px;cursor:pointer}
.concierge-panel>p{font:25px/1.2 var(--body);color:#f2dec1;margin:12px 0 24px}
.concierge-routes button{display:grid;grid-template-columns:20px minmax(0,1fr) 12px;align-items:center;gap:10px;width:100%;min-height:54px;text-align:left;padding:12px 0;border-top:1px solid #ccb08033;color:#e0c8a4;background:none;cursor:pointer}
.concierge-routes button>span{font:9px var(--mono);color:#c7a56e}.concierge-routes strong{font:13px/1.5 var(--body)}
.concierge-routes button[aria-current=location]{color:#fff1d7;background:#d9ac6f11}
.concierge-atrium{color:#edd1a3;min-height:48px;font:12px var(--body);margin-top:12px;background:none;cursor:pointer}
.museum-spatial :is(button,a,summary):focus-visible,.atelier-standalone :is(.capability-select,.atelier-motion-control):focus-visible{outline:2px solid #e6c28d;outline-offset:5px}
@media(min-width:1000px){.concierge-welcome{position:absolute;right:7%;top:85px;width:32%;grid-template-columns:140px 1fr;max-width:430px}.concierge-welcome>img{height:230px;width:140px}.museum-spatial .louvre-vestibule>div:first-of-type{max-width:59%}.museum-spatial .louvre-vestibule>div.museum-portals{max-width:none}}
@media(max-width:999px){.atelier-standalone .director-environment{min-height:850px}.atelier-standalone .director-environment>div{width:52%;padding:60px 30px}.atelier-standalone .director-environment>img{width:65%}.atelier-standalone .director-environment h3{font-size:37px}.atelier-standalone .atelier-capabilities{gap:0 20px}.atelier-capabilities .development-row{padding-inline:10px;gap:18px}.capability-drawing{width:64px;height:60px}.museum-spatial .louvre-exhibits{grid-template-columns:repeat(2,minmax(0,1fr))}.museum-spatial .louvre-exhibit:last-child{grid-column:1/-1;max-width:600px;width:100%;justify-self:center}.museum-spatial .exhibit-work{height:360px}.museum-spatial .museum-portals{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767.98px){
.atelier-standalone .louvre-invitation{min-height:700px;min-height:92svh;margin-block:40px 0;display:flex}
.atelier-standalone .louvre-invitation>div:not(.corridor-scene){padding:65px 26px 90px;max-width:100%}
.atelier-standalone .louvre-invitation h3{font-size:clamp(54px,15.7vw,100px);line-height:1;letter-spacing:-.06em;margin:30px 0;max-width:100%}
.atelier-standalone .louvre-invitation p{font-size:15px;line-height:1.8;max-width:32ch}
.atelier-standalone .louvre-invitation .louvre-open-link{display:flex;gap:16px;padding:20px 0;margin-top:30px;max-width:100%}
.atelier-standalone .louvre-invitation .louvre-open-link>span:first-child{font-size:21px;white-space:nowrap}
.atelier-standalone .louvre-invitation .louvre-open-link>span:last-child{font-size:10px;max-width:16ch}
.atelier-standalone .louvre-invitation:before{background:linear-gradient(90deg,#130e0aca,#130e0a44),linear-gradient(0deg,#171310,transparent 70%)}
.atelier-standalone .director-environment{display:flex;flex-direction:column;min-height:0;margin-bottom:50px;padding:0}
.atelier-standalone .director-environment>img{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:1086/1448;object-fit:contain;order:0}
.director-environment:before{display:none}
.atelier-standalone .director-environment>div{width:100%;max-width:none;padding:40px 26px 64px;background:linear-gradient(180deg,#21170f,#16120f);order:1}
.atelier-standalone .director-environment h3{font-size:clamp(33px,8.6vw,48px);max-width:19ch;line-height:1.15}
.atelier-standalone .director-environment p{font-size:15px;line-height:1.85}
.atelier-standalone .director-environment .bespoke-statement{font-size:19px;line-height:1.6}
.director-environment .director-signature{bottom:auto;top:calc(133.333vw - 100px);right:22px;font-size:40px}
.atelier-standalone .atelier-capabilities{grid-template-columns:minmax(0,1fr);gap:0;margin:40px 0 65px}
.atelier-capabilities .development-row{padding:30px 8px;min-height:0;gap:18px 16px;grid-template-columns:minmax(0,1fr) 70px}
.atelier-capabilities .development-row h3{font-size:clamp(25px,6.8vw,34px);line-height:1.24;max-width:18ch}
.atelier-capabilities .development-row p{font-size:15px;line-height:1.85}
.capability-drawing{width:70px;height:65px}
.atelier-stack-room{padding:40px 0;margin-bottom:45px}
.atelier-stack-room .stack-title{font-size:clamp(35px,9.5vw,48px)}
.atelier-stack-room>.fine{font-size:15px;line-height:1.85}
.atelier-standalone .atelier-materials{grid-template-columns:minmax(0,1fr);gap:0;margin-top:32px}
.atelier-materials h4{font-size:11px;color:#e1bf8f}
.atelier-materials p{font-size:13px!important;gap:7px}
.stack-token{min-height:34px;padding:7px 9px}
.atelier-stack-room .development-process{font-size:14px;line-height:1.9}
.atelier-stack-room>.text-link{display:flex!important;margin-right:0!important;width:100%!important;font-size:13px!important}
.museum-spatial .louvre-vestibule{padding:45px 22px 90px}
.museum-spatial .louvre-vestibule h1{font-size:clamp(58px,16.5vw,100px);line-height:.98;margin:25px 0}
.museum-spatial .louvre-vestibule>div>span{font-size:8px;line-height:1.8}
.museum-spatial .museum-portals{gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:25px}
.museum-spatial .museum-portals button{padding:18px 13px!important;min-height:172px;gap:15px}
.museum-spatial .museum-portals strong{font-size:20px;line-height:1.16;grid-column:1/-1;max-width:100%;overflow-wrap:anywhere}
.museum-spatial .museum-portals small{font-size:9px;line-height:1.7}
.museum-spatial .museum-portals button>span{font-size:9px;grid-column:2}
.concierge-welcome{grid-template-columns:105px minmax(0,1fr);gap:16px;margin-top:20px;max-width:none}
.concierge-welcome>img{width:105px;height:165px}
.museum-spatial .concierge-welcome p{font-size:13px;line-height:1.75}
.museum-spatial .louvre-room{padding:50px 22px 90px}
.museum-spatial .louvre-room-title{margin-bottom:32px}
.museum-spatial .louvre-room-title h2{font-size:clamp(33px,9.5vw,46px);line-height:1.12;max-width:15ch;margin-top:20px}
.museum-spatial .louvre-room-title p{font-size:14px}
.museum-spatial .louvre-exhibits{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.museum-spatial .louvre-exhibit:last-child{grid-column:auto;max-width:none}
.museum-spatial .exhibit-work{height:auto;aspect-ratio:4/5;min-height:300px}
.museum-spatial .exhibit-preview{position:absolute;inset:9px;width:auto;height:auto}
.museum-spatial .exhibit-preview>strong{font-size:clamp(27px,8vw,43px);line-height:1.05;overflow-wrap:normal}
.museum-spatial .museum-room-exits{gap:18px;margin-top:45px;flex-direction:column;align-items:stretch}
.museum-spatial .museum-room-exits button{max-width:100%;width:100%;text-align:left!important;font-size:13px}
.museum-concierge{right:12px;bottom:12px;max-width:calc(100% - 24px)}
.concierge-toggle{padding-right:10px;gap:5px;font-size:10px;min-height:48px}.concierge-toggle>img{width:38px;height:53px;margin-top:-10px}
.concierge-panel{width:310px;padding:18px;max-height:calc(100svh - 175px)}
.museum-spatial .museum-location{left:12px;bottom:12px;max-width:calc(100% - 168px);min-height:49px;padding:6px 9px;gap:8px}
.museum-location>span{font-size:7px;line-height:1.5;overflow-wrap:anywhere}
.museum-spatial .museum-location>button{min-width:30px;min-height:36px}
.museum-spatial .louvre-top{padding-inline:16px;gap:12px}.museum-spatial .louvre-top>a{font-size:20px}.museum-spatial .louvre-top button{font-size:11px;padding-inline:12px}.museum-spatial .museum-map{right:12px;max-width:calc(100% - 24px)}
}
@media(prefers-reduced-motion:reduce){.louvre-invitation .corridor-scene,.corridor-scene .corridor-leaf{animation:none!important;transform:none!important}.atelier-capabilities *,.museum-spatial .exhibit-work,.museum-portals button{transition:none!important}}
/* Room transitions and the route guide must remain readable at every width. */
.museum-spatial .museum-transit h2{font-size:clamp(32px,6vw,80px);line-height:1.12;max-width:100%;overflow-wrap:normal;text-wrap:balance}
.concierge-panel{background:#20170f;backdrop-filter:none}
.museum-spatial .louvre-room{background:linear-gradient(180deg,#19120ca8,#19120fee 38%,#19120ff7)}
.museum-spatial .louvre-imports{min-width:0}
@media(max-width:767.98px){.museum-spatial .museum-transit h2{font-size:clamp(30px,8.5vw,43px);line-height:1.16}.museum-spatial .museum-transit{padding-inline:22px}.museum-spatial .louvre-room-title h2{overflow-wrap:anywhere}}
.corridor-scene>img{object-position:50% 50%}
.corridor-foliage{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}
.corridor-foliage .corridor-leaf{animation:gallery-breeze 7s ease-in-out infinite alternate;animation-play-state:paused}
.louvre-invitation.is-motion-active .corridor-foliage .corridor-leaf{animation-play-state:running}
@media(prefers-reduced-motion:reduce){.corridor-foliage .corridor-leaf{animation:none!important}}
/* A photographic museum fallback keeps the experience complete without a GPU. */
.museum-spatial .museum-fallback{background:#20170f;perspective:none}
.museum-spatial .museum-fallback-world{display:none}
.museum-spatial .museum-fallback:before{content:'';position:absolute;inset:-2%;background:linear-gradient(90deg,#120d0866,#120d0822),url('/assets/louvre-interior-v12.webp') center/cover;transform:scale(calc(1.02 + var(--museum-journey,1) * .08));transition:transform .1s linear}
.museum-spatial .museum-fallback:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#17110de6,transparent 70%);pointer-events:none}
.louvre-invitation .corridor-scene{animation-iteration-count:1;animation-direction:normal;animation-fill-mode:both}
.director-environment>div>span,.director-environment .director-signature{opacity:1}
.director-environment.is-motion-active .director-signature{animation:signature-arrival 1.3s cubic-bezier(.16,1,.3,1) both}
@keyframes signature-arrival{from{opacity:0;transform:translateY(12px);filter:blur(3px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.museum-spatial .museum-fallback:before{transform:none;transition:none}.director-environment.is-motion-active .director-signature{animation:none}}
