/* VOCO / product, performance and original worlds. */
body.portfolio-page.voco-project{--vc-paper:#f0ede9;--vc-ink:#28232d;--vc-muted:#786e7d;--vc-line:#4b385b30;--vc-violet:#75548a;background:var(--vc-paper);color:var(--vc-ink)}
.voco-project .site-header{background:var(--vc-paper);height:94px;margin:0;padding:0 var(--pad);width:100%;border-bottom:1px solid var(--vc-line)}
.voco-project .site-header .wordmark{font-size:30px;font-weight:800;letter-spacing:-.075em}
.voco-project .site-header .header-cta{border-radius:100px!important;padding:18px 23px;background:var(--vc-ink);color:var(--vc-paper);gap:28px}
.voco-project .site-header .header-cta:hover{background:var(--vc-violet);color:white}
.voco-project .mobile-menu{background:var(--vc-paper);top:94px}
.voco-project main{padding:0;overflow:clip}
.voco-project :is(h1,h2,h3,p,figure,dl){margin:0}
.voco-project :is(h1,h2,h3){text-wrap:balance}
.voco-project em{font-style:normal;font-weight:inherit;color:var(--vc-violet)}
.voco-project button{touch-action:manipulation}
.voco-project :is(a,button):focus-visible{outline:2px solid var(--vc-violet);outline-offset:5px}
.voco-project .vc-label{display:block;font:500 10px/1.6 Manrope,sans-serif;letter-spacing:.065em}
.voco-project .vc-return{display:flex;justify-content:space-between;align-items:center;padding:23px var(--pad);gap:20px;font-size:11px}
.voco-project .vc-return a{display:flex;gap:16px;min-height:30px;align-items:center}
.voco-project .vc-return>span{font-size:9px;color:var(--vc-muted)}
.voco-project .vc-opening-title{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:35px;padding:25px var(--pad) 48px}
.voco-project .vc-opening h1{font:550 clamp(110px,14vw,230px)/.86 Manrope,sans-serif;letter-spacing:-.085em;margin-top:22px}
.voco-project .vc-opening h1>span{font-size:.14em;letter-spacing:0;vertical-align:top;display:inline-block;padding:9px 0 0 16px}
.voco-project .vc-opening-copy{padding-bottom:5px}
.voco-project .vc-opening-copy p{font-size:clamp(22px,2.4vw,38px);font-weight:500;line-height:1.5;letter-spacing:-.045em;word-break:keep-all}
.voco-project .vc-opening-copy>span{font-size:9px;color:var(--vc-muted);display:block;margin-top:22px;line-height:1.7}
.voco-project .vc-exhibit{height:clamp(480px,46vw,790px);background:#ded5e6;position:relative;overflow:hidden;margin:0 var(--pad)}
.voco-project .vc-exhibit canvas{width:100%;height:100%;position:absolute;inset:0;opacity:0;transition:opacity .6s}
.voco-project .vc-exhibit[data-render=ready] canvas{opacity:1}
.voco-project .vc-exhibit-fallback{position:absolute;top:14%;height:75%;width:60%;left:20%;object-fit:contain;opacity:1}
.voco-project .vc-exhibit[data-render=ready] .vc-exhibit-fallback{opacity:0}
.voco-project .vc-exhibit-label{position:absolute;left:30px;right:30px;top:26px;display:flex;justify-content:space-between;align-items:start;gap:20px;pointer-events:none;z-index:1}
.voco-project .vc-exhibit-label>span:first-child{font:550 clamp(22px,2.4vw,38px)/1.1 Manrope;letter-spacing:-.055em}
.voco-project .vc-exhibit-label>span:last-child{font:500 8px/1.8 Manrope;letter-spacing:.06em;text-align:right;color:#6d5d76}
.voco-project .vc-exhibit>figcaption{position:absolute;left:30px;right:78px;bottom:25px;display:flex;justify-content:space-between;gap:20px;font-size:8px;line-height:1.7;color:#6d5d76;pointer-events:none}
.voco-project .vc-motion{position:absolute;bottom:15px;right:25px;width:34px;height:34px;border:1px solid #48344f40;border-radius:50%;display:grid;place-items:center;background:#ded5e6aa;z-index:2}
.voco-project .vc-motion .motion-label{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}
.voco-project .vc-view-controls{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 var(--pad);border-bottom:1px solid var(--vc-line)}
.voco-project .vc-view-controls>button{display:grid;grid-template-columns:20px 1fr 20px;align-items:center;gap:18px;text-align:left;padding:25px 23px;border-right:1px solid var(--vc-line);min-height:83px;position:relative;transition:background .3s}
.voco-project .vc-view-controls>button:first-child{border-left:1px solid var(--vc-line)}
.voco-project .vc-view-controls>button[aria-pressed=true]{background:#e2d9e8}
.voco-project .vc-view-controls>button:before{content:'';position:absolute;inset:0 0 auto;height:3px;background:var(--vc-violet);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.voco-project .vc-view-controls>button[aria-pressed=true]:before{transform:scaleX(1)}
.voco-project .vc-view-controls>button>span{font-size:10px;color:var(--vc-muted)}
.voco-project .vc-view-controls strong{font-size:15px;font-weight:550;letter-spacing:-.035em}
.voco-project .vc-view-controls i{font-size:23px;font-style:normal;color:var(--vc-violet)}
.voco-project .vc-section{padding:110px var(--pad)}
.voco-project .vc-link{display:flex;align-items:center;justify-content:space-between;gap:35px;min-height:44px;padding:13px 0;border-bottom:1px solid var(--vc-line);font-size:12px}
.voco-project .vc-link:hover{color:var(--vc-violet)}
.voco-project .vc-overview{display:grid;grid-template-columns:.85fr 1.55fr;gap:14%}
.voco-project .vc-record{display:grid;gap:24px;margin:38px 0 27px}
.voco-project .vc-record dt{font-size:9px;letter-spacing:.05em;color:var(--vc-muted)}
.voco-project .vc-record dd{font-size:13px;line-height:1.85;margin:9px 0 0;word-break:keep-all}
.voco-project .vc-overview-copy h2{font-size:clamp(32px,3.9vw,59px);line-height:1.3;font-weight:550;letter-spacing:-.06em;margin-bottom:30px}
.voco-project .vc-overview-copy p{font-size:16px;line-height:2;word-break:keep-all;color:var(--vc-muted)}
.voco-project .vc-overview-copy p+p{margin-top:18px}
.voco-project .vc-experience{background:#e5dde8}
.voco-project .vc-section-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:25px 12%;align-items:end;margin-bottom:55px}
.voco-project .vc-section-heading>.vc-label{grid-column:1/-1}
.voco-project .vc-section-heading h2,.voco-project .vc-film-heading h2{font-size:clamp(40px,4.5vw,72px);font-weight:550;line-height:1.15;letter-spacing:-.065em}
.voco-project .vc-section-heading>p{font-size:15px;line-height:1.95;color:var(--vc-muted);word-break:keep-all}
.voco-project .vc-product-study{border-top:1px solid var(--vc-line)}
.voco-project .vc-study-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-bottom:1px solid var(--vc-line)}
.voco-project .vc-study-nav button{display:flex;gap:15px;align-items:center;text-align:left;padding:24px 20px;min-height:78px;border-right:1px solid var(--vc-line);transition:background .3s}
.voco-project .vc-study-nav button:last-child{border-right:0}
.voco-project .vc-study-nav button[aria-pressed=true]{background:#302537;color:#f4ecf7}
.voco-project .vc-study-nav button>span{font-size:9px;opacity:.6}
.voco-project .vc-study-nav strong{font-weight:500;font-size:13px;letter-spacing:-.025em}
.voco-project .vc-study-nav i{font-style:normal;margin-left:auto;font-size:20px}
.voco-project .vc-feature-panels>article{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;min-height:715px;padding:55px 7%;background:#eae3ed}
.voco-project .vc-feature-panels>article[hidden]{display:none}
.voco-project .vc-feature-copy h3{font-size:clamp(40px,4.5vw,70px);font-weight:550;letter-spacing:-.065em;line-height:1.18;margin:30px 0}
.voco-project .vc-feature-copy p{font-size:15px;line-height:1.95;color:var(--vc-muted);max-width:390px;word-break:keep-all}
.voco-project .vc-feature-spec{font-size:9px;line-height:1.8;color:var(--vc-violet);display:block;margin-top:38px;border-top:1px solid var(--vc-line);padding-top:19px}
.voco-project .vc-interface{display:flex;flex-direction:column;align-items:center;gap:28px;perspective:1800px}
.voco-project .vc-interface-device{width:min(100%,272px);padding:6px;background:linear-gradient(120deg,#b5aabd,#f5eff8 27%,#b1a1bb 49%,#766081 67%,#eee4f4);border-radius:43px;box-shadow:10px 17px 0 -11px #463d5055,25px 40px 65px -20px #37234144;transform:rotateY(-9deg) rotateZ(2deg);transition:transform .6s}
.voco-project .vc-interface-device img{display:block;width:100%;height:auto;aspect-ratio:1290/2796;border:4px solid #1b1820;border-radius:37px;object-fit:contain;background:#0b0910}
.voco-project .vc-interface figcaption{font-size:7px;color:var(--vc-muted);letter-spacing:.025em;text-align:center}
.voco-project .vc-product-study[data-feature="1"] .vc-interface-device{transform:rotateY(8deg) rotateZ(-2deg)}
.voco-project .vc-product-study[data-feature="2"] .vc-interface-device{transform:rotateY(-7deg) rotateZ(0)}
.voco-project .vc-product-study[data-feature="3"] .vc-interface-device{transform:rotateY(5deg) rotateZ(2deg)}
.voco-project .vc-product-study:not([data-enhanced]) .vc-study-nav{display:none}
.voco-project .vc-production{background:#29232f;color:#f1eaf1}
.voco-project .vc-production em{color:#b8a1c8}
.voco-project .vc-production .vc-section-heading>p{color:#bcb0c4}
.voco-project .vc-production .vc-label{color:#b8a6c5}
.voco-project .vc-craft-board{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:start}
.voco-project .vc-craft-board>figure{position:sticky;top:40px}
.voco-project .vc-craft-board>figure>img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block}
.voco-project .vc-craft-board>figure>figcaption{display:flex;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid #d4bed92b;font:500 8px/1.7 Manrope;color:#b8a6c5}
.voco-project .vc-craft-notes article{display:grid;grid-template-columns:22px 1fr;gap:20px;border-top:1px solid #d4bed92b;padding:27px 0}
.voco-project .vc-craft-notes article:first-child{padding-top:0;border-top:0}
.voco-project .vc-craft-notes article>span{font:400 10px Manrope;color:#b8a6c5;padding-top:7px}
.voco-project .vc-craft-notes h3{font-size:22px;font-weight:500;letter-spacing:-.04em;line-height:1.4;margin-bottom:15px}
.voco-project .vc-craft-notes p{font-size:14px;line-height:1.95;color:#bcb0c4;word-break:keep-all}
.voco-project .vc-production-signature{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #d4bed92b;margin-top:55px;padding-top:35px}
.voco-project .vc-production-signature>span{font:550 clamp(18px,2.5vw,39px)/1.1 Manrope;letter-spacing:-.06em;color:#cbb4d9}
.voco-project .vc-production-signature p{font-size:11px;color:#bcb0c4;text-align:center;line-height:1.7}
.voco-project .vc-film-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:12%;align-items:end;margin-bottom:45px}
.voco-project .vc-film-heading h2{margin-top:27px}
.voco-project .vc-film-heading p{font-size:15px;line-height:1.95;color:var(--vc-muted);word-break:keep-all}
.voco-project .vc-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.voco-project .vc-film{text-align:left;display:block;min-width:0}
.voco-project .vc-film-art{display:block;position:relative;overflow:hidden;background:#221429}
.voco-project .vc-film-art img{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;display:block;transition:transform .65s}
.voco-project .vc-film:hover .vc-film-art img{transform:scale(1.025)}
.voco-project .vc-play{position:absolute;bottom:16px;right:16px;width:43px;height:43px;border:1px solid #ffffffa8;background:#25133266;backdrop-filter:blur(8px);color:white;display:grid;place-items:center;border-radius:50%;font-size:12px;padding-left:2px;transition:background .3s,color .3s}
.voco-project .vc-film:hover .vc-play{background:#f4edf5;color:#2a1c34}
.voco-project .vc-film-caption{display:flex;gap:15px;justify-content:space-between;align-items:center;margin-top:19px}
.voco-project .vc-film-caption strong{font-size:17px;font-weight:550;letter-spacing:-.04em}
.voco-project .vc-film-caption>span{font-size:9px;color:var(--vc-muted)}
.voco-project .vc-film-meta{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--vc-line);margin-top:17px;padding-top:13px;font:500 7px/1.8 Manrope;color:var(--vc-muted)}
.voco-project .vc-lovestory{margin:0 var(--pad);position:relative;overflow:hidden}
.voco-project .vc-lovestory>a{position:relative;display:block;background:#251a2b}
.voco-project .vc-lovestory img{display:block;width:100%;height:auto;aspect-ratio:2.3;object-fit:cover;transition:transform .8s}
.voco-project .vc-lovestory>a:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#1a101dcc,transparent 75%)}
.voco-project .vc-love-copy{position:absolute;left:40px;right:40px;bottom:35px;color:#fff6ff;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;z-index:1}
.voco-project .vc-love-copy>.vc-label{grid-column:1/-1}
.voco-project .vc-love-copy strong{font-size:clamp(35px,4vw,65px);font-weight:500;line-height:1.2;letter-spacing:-.055em}
.voco-project .vc-love-copy>span:last-child{font-size:12px;border-bottom:1px solid #fff6ff88;padding-bottom:12px;line-height:1.7}
.voco-project .vc-lovestory>a:hover img{transform:scale(1.025)}
.voco-project .vc-outcome{display:grid;grid-template-columns:1.2fr 1fr;gap:12%}
.voco-project .vc-outcome h2{font-size:clamp(35px,3.7vw,59px);line-height:1.25;letter-spacing:-.06em;font-weight:550;margin-top:30px}
.voco-project .vc-outcome>div>p{font-size:15px;line-height:2;word-break:keep-all;color:var(--vc-muted)}
.voco-project .vc-product-links{display:flex;gap:25px;flex-wrap:wrap;margin:23px 0 25px}
.voco-project .vc-product-links>a{gap:25px;font-size:11px}
.voco-project .vc-next{border-top:1px solid var(--vc-line);display:flex;align-items:end;justify-content:space-between;gap:30px;padding-top:70px;padding-bottom:80px}
.voco-project .vc-next-project{display:flex;gap:40px;align-items:center;font:500 clamp(60px,8vw,120px)/1.15 Manrope;letter-spacing:-.07em;margin:16px 0}
.voco-project .vc-next-project>span:last-child{font-size:.6em;color:var(--vc-violet)}
.voco-project .vc-next p{font-size:13px;line-height:1.8;color:var(--vc-muted)}
.voco-project .site-footer.studio-footer{background:#29232f;color:#f1eaf1}
.voco-project .studio-footer :is(.footer-invitation h2 em,.footer-signature>span){color:#cbb4d9}
.voco-project .studio-footer :is(.footer-kicker,.footer-statement>p,.company-details dd){color:#d6c9df}
.voco-project .studio-footer :is(.company-details dt,.footer-colophon,.footer-navigation>a>.mono){color:#b8a6c5}
.voco-project .studio-footer .footer-project:hover .footer-project-icon{background:#f1eaf1;color:#29232f}
.voco-project .workshop-dialog .brief-primary{background:#302537}
@media(max-width:1000px){.voco-project .vc-view-controls>button{padding:22px 16px;gap:12px}.voco-project .vc-view-controls strong{font-size:13px}.voco-project .vc-study-nav button{padding:22px 13px;gap:11px}.voco-project .vc-study-nav strong{font-size:11px}.voco-project .vc-feature-panels>article{min-height:625px;padding:45px 6%}.voco-project .vc-interface-device{width:235px}.voco-project .vc-film-grid{gap:18px}.voco-project .vc-film-caption strong{font-size:15px}.voco-project .vc-film-meta{font-size:6px}}
@media(max-width:760px){
 .voco-project .site-header{height:78px;padding:0 var(--pad);margin:0}.voco-project .site-header .wordmark{font-size:25px}.voco-project .mobile-menu{top:77px}
 .voco-project .vc-return{padding:13px var(--pad);font-size:10px}.voco-project .vc-return>span{font-size:7px;max-width:135px;text-align:right;line-height:1.7}.voco-project .vc-return a{gap:10px}.voco-project .vc-label{font-size:8px}
 .voco-project .vc-opening-title{grid-template-columns:1fr;gap:26px;padding:22px var(--pad) 28px}.voco-project .vc-opening h1{font-size:clamp(99px,29vw,180px);margin-top:19px}.voco-project .vc-opening h1>span{padding:5px 0 0 12px}.voco-project .vc-opening-copy p{font-size:21px;line-height:1.55}.voco-project .vc-opening-copy>span{font-size:7px;margin-top:15px}
 .voco-project .vc-exhibit{height:440px;margin:0}.voco-project .vc-exhibit-label{top:21px;left:var(--pad);right:var(--pad)}.voco-project .vc-exhibit-label>span:first-child{font-size:22px}.voco-project .vc-exhibit-label>span:last-child{font-size:6px}.voco-project .vc-exhibit>figcaption{left:var(--pad);right:67px;bottom:20px;font-size:6px;flex-direction:column;gap:4px}.voco-project .vc-motion{right:var(--pad);bottom:18px}.voco-project .vc-exhibit-fallback{top:16%;height:72%}
 .voco-project .vc-view-controls{margin:0}.voco-project .vc-view-controls>button{display:flex;flex-wrap:wrap;gap:8px;align-content:center;padding:16px 13px;min-height:83px;border-left:0!important}.voco-project .vc-view-controls strong{font-size:11px;order:3;flex-basis:100%;line-height:1.5;word-break:keep-all}.voco-project .vc-view-controls>button>span{font-size:8px}.voco-project .vc-view-controls i{font-size:16px;margin-left:auto}
 .voco-project .vc-section{padding:64px var(--pad)}.voco-project .vc-overview{display:flex;flex-direction:column-reverse;gap:32px}.voco-project .vc-overview-copy h2{font-size:31px;margin-bottom:23px;line-height:1.35}.voco-project .vc-overview-copy p{font-size:14px;line-height:1.95}.voco-project .vc-overview aside{border-top:1px solid var(--vc-line);padding-top:25px}.voco-project .vc-record{grid-template-columns:1fr 1fr;margin:22px 0;gap:22px}.voco-project .vc-record dd{font-size:11px;margin-top:7px}.voco-project .vc-record dt{font-size:8px}.voco-project .vc-record>div:nth-child(2){grid-row:span 2}.voco-project .vc-link{font-size:11px}
 .voco-project .vc-section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:35px}.voco-project .vc-section-heading h2,.voco-project .vc-film-heading h2{font-size:37px;line-height:1.23}.voco-project .vc-section-heading>p{font-size:14px;line-height:1.95}
 .voco-project .vc-product-study{margin:0 calc(-1 * var(--pad))}.voco-project .vc-study-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.voco-project .vc-study-nav button{padding:18px;min-height:65px;gap:13px}.voco-project .vc-study-nav button:nth-child(-n+2){border-bottom:1px solid var(--vc-line)}.voco-project .vc-study-nav button:nth-child(2){border-right:0}.voco-project .vc-study-nav strong{font-size:11px}.voco-project .vc-study-nav i{font-size:18px}
 .voco-project .vc-feature-panels>article{grid-template-columns:1fr;gap:36px;padding:34px var(--pad) 38px;min-height:0}.voco-project .vc-feature-copy h3{font-size:39px;line-height:1.16;margin:20px 0}.voco-project .vc-feature-copy p{font-size:13px;line-height:1.95}.voco-project .vc-feature-spec{font-size:8px;margin-top:24px;padding-top:16px}.voco-project .vc-interface{gap:24px}.voco-project .vc-interface-device{width:235px;max-width:84%}.voco-project .vc-interface figcaption{font-size:6px}
 .voco-project .vc-craft-board{grid-template-columns:1fr;gap:35px}.voco-project .vc-craft-board>figure{position:static;margin:0 calc(-1 * var(--pad))}.voco-project .vc-craft-board>figure>figcaption{padding:16px var(--pad);font-size:6px}.voco-project .vc-craft-notes article{gap:13px;padding:24px 0}.voco-project .vc-craft-notes article>span{font-size:8px}.voco-project .vc-craft-notes h3{font-size:21px;margin-bottom:13px}.voco-project .vc-craft-notes p{font-size:13px;line-height:1.95}.voco-project .vc-production-signature{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding-top:25px;margin-top:27px}.voco-project .vc-production-signature>span{font-size:25px}.voco-project .vc-production-signature>span:last-child{text-align:right}.voco-project .vc-production-signature p{grid-column:1/-1;grid-row:2;text-align:left;font-size:10px}
 .voco-project .vc-film-heading{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.voco-project .vc-film-heading h2{margin-top:22px}.voco-project .vc-film-heading p{font-size:14px}.voco-project .vc-film-grid{grid-template-columns:1fr;gap:35px}.voco-project .vc-film-caption{margin-top:17px}.voco-project .vc-film-caption strong{font-size:17px}.voco-project .vc-film-meta{font-size:7px;margin-top:14px;padding-top:12px}
 .voco-project .vc-lovestory{margin:0}.voco-project .vc-lovestory img{aspect-ratio:1.1;object-position:48% 50%}.voco-project .vc-love-copy{left:var(--pad);right:var(--pad);bottom:27px;grid-template-columns:1fr;gap:17px}.voco-project .vc-love-copy strong{font-size:37px}.voco-project .vc-love-copy>span:last-child{font-size:10px;justify-self:start;padding-bottom:8px}
 .voco-project .vc-outcome{grid-template-columns:1fr;gap:29px}.voco-project .vc-outcome h2{font-size:36px;margin-top:22px}.voco-project .vc-outcome>div>p{font-size:14px;line-height:1.95}.voco-project .vc-product-links{gap:19px;margin:20px 0}.voco-project .vc-product-links>a{gap:18px;font-size:10px}
 .voco-project .vc-next{flex-direction:column;gap:30px;align-items:start}.voco-project .vc-next-project{font-size:clamp(53px,16vw,98px);gap:24px}.voco-project .vc-next p{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.voco-project :is(canvas,.vc-interface-device,.vc-film-art img,.vc-lovestory img,button,button:before){transition:none!important}}
html[data-motion=off] .voco-project :is(canvas,.vc-interface-device,.vc-film-art img,.vc-lovestory img,button,button:before){transition:none!important}
@media(max-width:760px){.voco-project .vc-exhibit canvas{top:50px;bottom:45px;height:calc(100% - 95px)}.voco-project .vc-exhibit-fallback{top:21%;height:64%}}

/* The original production archive: direction becomes inspectable evidence. */
.voco-project .vc-direction{background:#211d26;padding-top:105px;padding-bottom:62px}
.voco-project .vc-direction .vc-section-heading{margin-bottom:66px}
.voco-project .vc-direction-desk{border-top:1px solid #e7d9ed40}
.voco-project .vc-direction-mast{display:flex;justify-content:space-between;gap:20px;padding:22px 0;color:#bdaeBF;font:500 10px/1.7 Manrope,sans-serif;letter-spacing:.06em}
.voco-project .vc-direction .production-chapters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid #e7d9ed40;border-bottom:1px solid #e7d9ed40;background:#211d26;position:sticky;top:0;z-index:3}
.voco-project .vc-direction .production-chapters[hidden],.voco-project .vc-direction-panel[hidden]{display:none}
.voco-project .vc-direction .production-chapters button{display:flex;align-items:center;gap:18px;min-height:76px;padding:18px 25px;text-align:left;color:#c0b1ca;background:transparent;border:0;border-right:1px solid #e7d9ed30;transition:color .2s,background .2s;cursor:pointer}
.voco-project .vc-direction .production-chapters button:last-child{border-right:0}
.voco-project .vc-direction .production-chapters button>span:first-child{font:500 10px Manrope,sans-serif;font-variant-numeric:tabular-nums}
.voco-project .vc-direction .production-chapters button>span:last-child{font-size:17px;letter-spacing:-.03em}
.voco-project .vc-direction .production-chapters button[aria-selected=true]{background:#d3bbdd;color:#2b2031}
.voco-project .vc-direction :is(button,a):focus-visible{outline:2px solid #f8f0fa;outline-offset:-5px}
.voco-project .vc-direction-panel{padding:0}
.voco-project .vc-direction-panel:focus-visible{outline:2px solid #e2c9ed;outline-offset:8px}
.voco-project .vc-direction-copy{display:grid;grid-template-columns:1.05fr 1fr;gap:18px 9%;padding:38px 0 40px}
.voco-project .vc-direction-copy>.vc-label{grid-column:1/-1;color:#bca6c5}
.voco-project .vc-direction-copy h3{grid-column:1;grid-row:2/4;font-size:clamp(30px,3.7vw,56px);line-height:1.25;font-weight:500;letter-spacing:-.055em;color:#f4edf5;align-self:start}
.voco-project .vc-direction-copy>p{grid-column:2;grid-row:2;font-size:15px;line-height:1.9;color:#c4b9ca;word-break:keep-all}
.voco-project .vc-direction-copy dl{grid-column:2;grid-row:3;display:grid;grid-template-columns:105px 1fr;gap:15px;border-top:1px solid #e7d9ed30;padding-top:18px;font-size:11px;line-height:1.7}
.voco-project .vc-direction-copy dt{color:#a994b5}.voco-project .vc-direction-copy dd{margin:0;color:#d9cadf}
.voco-project .vc-direction-art{background:#141119;margin:0;min-width:0}
.voco-project .vc-direction-art>img{display:block;width:100%;height:auto;max-height:760px;object-fit:contain}
.voco-project .vc-direction-art figcaption{padding:15px 22px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #e7d9ed24;color:#beafc6;font:500 10px/1.7 Manrope,sans-serif;letter-spacing:.025em}
.voco-project .vc-direction-art figcaption>a{display:flex;align-items:center;gap:25px;min-height:44px;color:#ecdfef;font-size:12px;flex-shrink:0}
.voco-project .vc-direction-art figcaption>a>span:last-child{font-size:20px}
.voco-project .vc-direction-review{padding-top:45px;background:#131017}
.voco-project .vc-direction-review>img{margin:0 auto;width:calc(100% - 44px)}
.voco-project .vc-direction-review figcaption{margin-top:30px}
.voco-project .vc-master-link{border-top:1px solid #e7d9ed24;display:flex;justify-content:space-between;gap:30px;align-items:center;padding:28px 22px 36px}
.voco-project .vc-master-link>div{display:flex;align-items:center;gap:26px}
.voco-project .vc-master-link>div>span:first-child{font:500 clamp(25px,3vw,45px)/1.2 Manrope,sans-serif;letter-spacing:-.055em;color:#e6d8ed}
.voco-project .vc-master-link>div>span:last-child{font:500 9px/1.7 Manrope,sans-serif;letter-spacing:.04em;color:#b09bbb}
.voco-project .vc-master-link button{display:flex;gap:22px;align-items:center;color:#f2e7f5;min-height:52px;border:1px solid #bfa4ce60;padding:10px 22px;font-size:12px}
.voco-project .vc-master-link button:hover{background:#d3bbdd;color:#2b2031}
.voco-project .vc-master-link button>span:first-child{font-size:12px}
.voco-project .vc-product-composition{position:relative;min-height:590px;background:#c5b5cd;overflow:hidden;isolation:isolate}
.voco-project .vc-direction-cover{position:absolute;width:66%;height:auto;left:5%;top:50%;transform:translateY(-50%) rotate(-4deg);border:8px solid #f1e9f0;box-shadow:0 26px 50px -15px #2c1c3d60}
.voco-project .vc-direction-phone{position:relative;display:block;width:228px;height:auto;margin:34px 12% 34px auto;border:7px solid #251d2d;border-radius:36px;box-shadow:9px 6px 0 #8e7e98,24px 29px 42px #33244045;transform:rotate(5deg)}
.voco-project .vc-direction-note{display:flex;justify-content:space-between;gap:45px;align-items:start;margin-top:25px;color:#ae9fb8}
.voco-project .vc-direction-note p{max-width:660px;font-size:11px;line-height:1.85;word-break:keep-all}
.voco-project .vc-direction-note>span{font:500 10px/1.7 Manrope,sans-serif;letter-spacing:.065em;white-space:nowrap}
@media(min-width:1800px){.voco-project .vc-direction-desk{max-width:1672px;margin:auto}.voco-project .vc-direction-art>img{width:auto;max-width:100%;margin:auto}}
@media(max-width:760px){
 .voco-project .vc-direction{padding-top:62px;padding-bottom:38px}
 .voco-project .vc-direction .vc-section-heading{margin-bottom:37px}
 .voco-project .vc-direction-mast{display:block;font-size:9px;padding:18px 0}.voco-project .vc-direction-mast>span{display:block}.voco-project .vc-direction-mast>span+span{margin-top:4px;color:#8f7f9a}
 .voco-project .vc-direction .production-chapters button{display:block;padding:15px 10px;min-height:72px}
 .voco-project .vc-direction .production-chapters button>span{display:block}.voco-project .vc-direction .production-chapters button>span:first-child{font-size:9px;margin-bottom:7px}.voco-project .vc-direction .production-chapters button>span:last-child{font-size:12px;line-height:1.5;letter-spacing:-.025em}
 .voco-project .vc-direction-panel{padding-top:0}
 .voco-project .vc-direction-copy{display:flex;flex-direction:column;gap:17px;padding:29px 0 0}
 .voco-project .vc-direction-copy h3{font-size:30px;line-height:1.3}
 .voco-project .vc-direction-copy>p{font-size:14px;line-height:1.85}
 .voco-project .vc-direction-copy dl{font-size:11px;grid-template-columns:83px 1fr;padding-top:17px;gap:16px;margin-top:3px}
 .voco-project .vc-direction-art{margin:0 calc(-1 * var(--pad))}
 .voco-project .vc-direction-art figcaption{padding:12px var(--pad);gap:12px;font-size:8px}.voco-project .vc-direction-art figcaption>a{font-size:11px;gap:12px}
 .voco-project .vc-direction-review{padding-top:25px}.voco-project .vc-direction-review>img{width:calc(100% - 24px)}.voco-project .vc-direction-review figcaption{margin-top:18px}
 .voco-project .vc-master-link{display:block;padding:22px var(--pad) 27px}.voco-project .vc-master-link>div{gap:18px}.voco-project .vc-master-link>div>span:first-child{font-size:28px}.voco-project .vc-master-link button{margin-top:22px;width:100%;justify-content:space-between}
 .voco-project .vc-product-composition{min-height:390px}.voco-project .vc-direction-phone{width:145px;border-width:5px;border-radius:26px;margin:30px 12% 30px auto;box-shadow:6px 5px 0 #8e7e98,15px 22px 28px #33244045}.voco-project .vc-direction-cover{width:73%;left:4%;border-width:5px}
 .voco-project .vc-direction-note{display:block;margin-top:22px}.voco-project .vc-direction-note p{font-size:11px}.voco-project .vc-direction-note>span{display:block;margin-top:17px;font-size:9px}
}
@media(prefers-reduced-motion:reduce){.voco-project .vc-direction *{scroll-behavior:auto}.voco-project .vc-direction-cover{transform:translateY(-50%)}.voco-project .vc-direction-phone{transform:none}}
html[data-motion=off] .voco-project .vc-direction-cover{transform:translateY(-50%)}
html[data-motion=off] .voco-project .vc-direction-phone{transform:none}
