.go-to-top[data-astro-cid-4ogupr24]{position:fixed;right:16px;bottom:60px;padding:10px 19px;border-radius:999px;background:#fff;color:#111;font-family:inherit;font-size:10px;letter-spacing:.18em;text-transform:uppercase;border-width:1px;display:flex;align-items:center;justify-content:center;z-index:60;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .25s ease,transform .25s ease}@media (max-width: 768px){.go-to-top[data-astro-cid-4ogupr24].is-visible{opacity:.75;transform:translateY(0);pointer-events:auto}}.go-to-top[data-astro-cid-4ogupr24].is-active{opacity:1!important}.go-to-top[data-astro-cid-4ogupr24]:active{transform:translateY(2px)}@media (hover: hover){.go-to-top[data-astro-cid-4ogupr24].is-visible:hover{opacity:1}}.project-page{--max: 1400px;--text: 820px}.project-page .hero h1,.project-page .prose h2{font-family:"Noto Serif Display",serif}.project-page .hero h1{font-weight:300;letter-spacing:.01em}.project-page .text-center{text-align:center}.project-page .mt-xl{margin-top:70px}.project-page .mb-xl{margin-bottom:70px}.project-page .mb-sm{margin-bottom:12px}.project-page .container{width:min(var(--max),92vw);margin:0 auto;padding:0 20px}.project-page .row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.project-page .col-md-12,.project-page .col-md-8,.project-page .col-md-6,.project-page .col-md-3{padding-left:12px;padding-right:12px;box-sizing:border-box}.project-page .col-md-12,.project-page .col-md-8{width:100%}.project-page .col-md-6{width:50%}.project-page .col-md-3{width:25%}.project-page .col-md-offset-2{margin-left:0}.project-page .show-mobile{display:none}.project-page .hide-mobile{display:inline}.project-page .hero{padding:84px 0 34px}.project-page .hero h1{margin:0;padding-bottom:22px;font-weight:300;font-size:clamp(40px,5.2vw,78px);line-height:1.02;color:#111}.project-page .project-meta{margin-top:18px;font-size:10px;line-height:1.9;letter-spacing:.14em;text-transform:uppercase;font-weight:400;color:#111111d9}.project-page .project-meta b{font-weight:600;color:#111111f2;text-transform:uppercase;letter-spacing:3px;font-size:12px;line-height:18px}.project-page .project-meta a{text-decoration:none;letter-spacing:1px!important;color:#333;transition:color .2s ease,opacity .2s ease}.project-page .project-meta a:hover{font-weight:500;color:#111111f2;opacity:.85}.project-page .project-meta a:active,.project-page .project-meta a:focus-visible{color:#111;opacity:.7;outline:none}.project-page .introduction{margin:43px auto 0;max-width:70ch;font-size:16px;line-height:1.85;font-weight:300;color:#191118d1}.project-page .introduction:after{content:"";display:block;width:1.5px;height:160px;margin:42px auto 0;background-color:#00000040}.project-page .content{padding:0 0 92px}.project-page .content-container{width:min(var(--max),92vw);margin:0 auto}.project-page .prose{margin:0 auto;max-width:none}.project-page .prose h2{margin:0 0 14px;font-size:32px;letter-spacing:0;font-weight:500;color:#111}.project-page .prose h3{margin:34px 0 10px;font-size:18px;letter-spacing:.01em;font-weight:500;color:#111}.project-page .prose p{margin:0 0 22px;font-size:16px;line-height:1.85;font-weight:300;color:#191118d1}.project-page .prose ul,.project-page .prose ol{margin:0 0 22px;padding-left:22px;text-align:left}.project-page .prose li{margin:6px 0;line-height:28px;color:#111111db}.project-page .prose a{color:inherit;text-decoration:none;border-bottom:1px solid rgba(0,0,0,.22)}.project-page .prose a:hover{border-bottom-color:#0000008c}.project-page .prose img,.project-page img.fadein{width:100%;max-width:1120px;height:auto;display:block;margin:0 auto;border-radius:0}.project-page img{border-radius:0!important}.project-page .pagination{display:inline-flex;align-items:center;gap:12px;margin-top:10px}.project-page .nav-pill,.project-page .nav-circle{border:1px solid rgba(0,0,0,.22);text-decoration:none;color:#111;background:transparent;transition:border-color .15s ease,transform .15s ease}.project-page .nav-pill{padding:10px 16px;border-radius:999px;font-size:12px;letter-spacing:.14em;text-transform:uppercase}.project-page .nav-circle{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px}.project-page .nav-pill:hover,.project-page .nav-circle:hover{border-color:#0000008c;transform:translateY(-1px)}.project-page .section-title{text-align:center;margin-top:64px}.project-page .section-lead{text-align:center;max-width:760px;margin:12px auto 36px}.project-page .role-grid{--gap-x: 40px;--gap-y: 28px;--center-w: min(460px, 46vw);display:grid;grid-template-columns:1fr var(--center-w) 1fr;grid-template-areas:"lt c rt" "lb c rb";-moz-column-gap:var(--gap-x);column-gap:var(--gap-x);row-gap:var(--gap-y);align-items:center;margin:0 auto;max-width:1100px}.project-page .role-center{grid-area:c;display:grid;place-items:center}.project-page .role-center__img{width:100%;height:auto;display:block;border-radius:999px}.project-page .role-card{max-width:360px;text-align:left}.project-page .role-card.is-right{text-align:right}.project-page .role-card[data-pos=lt]{grid-area:lt;justify-self:end}.project-page .role-card[data-pos=lb]{grid-area:lb;justify-self:end}.project-page .role-card[data-pos=rt]{grid-area:rt;justify-self:start}.project-page .role-card[data-pos=rb]{grid-area:rb;justify-self:start}.project-page .role-card h3{font-size:12px;line-height:1.4;font-weight:500;letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;color:#111}.project-page .role-card p{font-size:13px;line-height:1.7;color:#666;margin:0}.project-page .role-block{margin:64px auto 80px;color:#fff!important}.project-page .role-block-2{margin-top:0!important;color:#fff!important}.project-page .role-blockmobile{margin:24px auto 20px;color:#fff!important}.project-page .project-video{width:100%;max-width:1100px;margin:0 auto}.project-page .project-video video{width:100%;height:auto;display:block;border-radius:2px}[data-video-toggle]{position:relative}.video-toggle{position:absolute;right:16px;bottom:16px;z-index:10;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:#00000059;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .16s ease,transform .16s ease,background .16s ease,border-color .16s ease;opacity:0;transform:translateY(4px)}[data-video-toggle]:hover .video-toggle{opacity:1;transform:translateY(0)}@media (hover: none){.video-toggle{opacity:1;transform:translateY(0)}}.video-toggle:hover{background:#0000008c;border-color:#fff6}.video-toggle:focus-visible{outline:2px solid rgba(255,255,255,.9);outline-offset:4px}.video-toggle .icon:before{content:"";width:12px;height:12px;display:block;background:linear-gradient(to right,rgba(255,255,255,.92) 0%,rgba(255,255,255,.92) 40%,transparent 40%,transparent 60%,rgba(255,255,255,.92) 60%,rgba(255,255,255,.92) 100%)}.video-toggle.is-paused .icon:before{width:0;height:0;border-left:10px solid rgba(255,255,255,.92);border-top:6px solid transparent;border-bottom:6px solid transparent;margin-left:2px;background:none}.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.project-page .project-credits{margin:72px auto 0;padding-top:40px;text-align:center;position:relative;width:100%;max-width:680px;box-sizing:border-box;padding-inline:18px}.project-page .project-credits:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80px;height:1px;background:#1911181f}.project-page .project-credits h2{margin:0 0 10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:#1911189e}.project-page .project-credits p{margin:0;font-size:12.5px;line-height:1.6;font-weight:300;color:#191118b3}.project-page .project-credits a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#19111833}.project-page .project-credits a:hover{text-decoration-color:#19111866}.project-page .box{padding:22px 0;text-align:left;max-width:560px}.project-page .box h3{margin:0 0 10px;font-size:18px;font-weight:500;color:#111}.project-page .box p{margin:0 20px 28px;font-size:15px;line-height:28px;font-weight:300;color:#111111c7}.project-page .box .project-link,.project-page article.prose a.project-link{text-decoration:none!important;display:inline-flex;align-items:center;gap:10px;padding:11px 16px;border-radius:999px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:300;color:#191118d1;border:1px solid rgba(25,17,24,.22);background:#ffffffa6;backdrop-filter:blur(6px);transition:transform .18s ease,background .18s ease,border-color .18s ease,color .18s ease,opacity .18s ease}.project-page .box .project-link:after,.project-page article.prose a.project-link:after{content:"↗";font-size:12px;line-height:1;opacity:.75;transform:translateY(-.5px)}.project-page .box .project-link:hover,.project-page article.prose a.project-link:hover{transform:translateY(-1px);border-color:#19111861;background:#ffffffeb;color:#191118eb;opacity:.98}.project-page .box .project-link:active,.project-page article.prose a.project-link:active{transform:translateY(0);opacity:.9}.project-page .box .project-link:focus-visible,.project-page article.prose a.project-link:focus-visible{outline:2px solid rgba(25,17,24,.28);outline-offset:3px}@media (max-width: 992px){.project-page .role-grid{--center-w: min(420px, 70vw);grid-template-columns:1fr;grid-template-areas:"c" "lt" "rt" "lb" "rb";row-gap:18px}.project-page .role-card,.project-page .role-card.is-right{max-width:620px;margin:0 auto;text-align:left}.project-page .role-card.is-right{text-align:left}.project-page .role-card[data-pos=lt],.project-page .role-card[data-pos=lb],.project-page .role-card[data-pos=rt],.project-page .role-card[data-pos=rb]{justify-self:center}.project-page .role-card,.project-page .role-card.is-right{text-align:center;padding:24px 0;position:relative}.project-page .role-card:after{content:"";display:block;width:40px;height:1px;background:#000;opacity:.25;margin:22px auto 0}.project-page .role-card:last-of-type:after{display:none}.project-page .role-card h3{font-size:11px;letter-spacing:.18em;margin-bottom:12px}.project-page .role-card p{font-size:13px;line-height:1.65;max-width:280px;margin:0 auto}}@media (max-width: 768px){.project-page .col-md-6{width:100%}.project-page .col-md-3{width:50%}.project-page .show-mobile{display:inline}.project-page .hide-mobile{display:none}.project-page .box{max-width:100%;text-align:center;margin-left:auto;margin-right:auto}.project-page .box p{margin-left:auto;margin-right:auto;margin-bottom:10px;max-width:32ch}.project-page .box .project-link,.project-page article.prose a.project-link{justify-content:center;padding:8px 14px;font-size:11px;letter-spacing:.12em}}@media (max-width: 640px){.project-page .hero{padding:34px 0 26px}.project-page .hero h1{font-size:34px;padding-top:14px}.project-page .project-meta{font-size:11px;letter-spacing:.12em;margin-bottom:33px}.project-page .introduction{margin:10px 0 22px!important;font-size:15px;line-height:30px;font-weight:300;color:#111111db}.project-page .mb-xl{margin-bottom:28px}.project-page .mt-xl{margin-top:10px}.project-page .prose p{font-size:15px;line-height:30px;color:#111111db}}@media (max-width: 420px){.project-page .col-md-3{width:100%}}@media (max-width: 768px){.project-page .badge-row{margin-bottom:28px}.project-page .badge-row .badge{margin-bottom:8px}}.badge-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:14px}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:10px;letter-spacing:.12em;text-transform:uppercase;border:1px solid rgba(0,0,0,.14);color:#111111a6;background:#ffffffb3;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .15s ease,color .15s ease,border-color .15s ease}.badge:hover{background:#ffffffb3;border-color:#00000012;color:#111111e6}.badge{cursor:none}.card .badge-row{justify-content:flex-start}@media (max-width: 640px){.badge-row{gap:8px;margin-top:12px}.badge{padding:7px 10px;font-size:10px;letter-spacing:.14em}}.project-page .row-center{justify-content:center;padding-bottom:80px}.project-page.template-crop-video .hero{padding-bottom:28px}.project-page.template-crop-video .col-md-6:has(.media-crop),.project-page.template-crop-video .col-md-6:has(video){display:flex;flex-direction:column;justify-content:center}.project-page.template-crop-video .media-crop{width:80%;aspect-ratio:1 / 1.28;overflow:hidden;border-radius:0;position:relative;margin-top:20px}.project-page.template-crop-video .media-crop video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;display:block}.project-page.template-crop-video .project-year.with-line{margin-top:16px!important;padding-top:18px}.project-page.template-crop-video .project-year.with-line:before{height:138px}@media (min-width: 981px){.project-page.template-crop-video .row:has(.box.moretop){align-items:center;max-width:1120px;margin:0 auto;justify-content:center}.project-page.template-crop-video .nolarge{max-width:1120px;margin:0 auto}.project-page.template-crop-video .videotop{padding-top:100px}.project-page.template-brand-ecosystem .row-center{padding-bottom:0!important}}@media (max-width: 768px){.project-page.template-crop-video .crop-img-pad{padding-top:20px;padding-bottom:10px}.project-page.template-crop-video .col-md-6.videotop{padding-top:22px}.project-page.template-brand-ecosystem .row-center{padding-bottom:0!important}}.project-page.template-box-editorial .content{padding-top:32px}.project-page.template-box-editorial .pads{padding-top:42px}.project-page.template-box-editorial .row{max-width:1120px;margin:0 auto}@media (max-width: 768px){.project-page img.fadein{padding-bottom:0}}.project-page.template-adv img.fadein.imagepaddingbottom{padding-bottom:0!important;padding-top:0!important}.project-page.template-adv .row-center{padding-bottom:50px!important}@media (max-width: 640px){.project-page.template-adv .mt-xl{margin-top:0}.project-page.template-adv .row-center{padding-bottom:30px!important}}.project-page.template-legacy-video .media-crop video{width:100%;height:auto;display:block}@media (min-width: 981px){.project-page.template-legacy-video .alignvideo{max-width:1120px;margin:0 auto}}.project-page.template-identity img.fadein.imagepaddingbottom{padding-bottom:0!important;padding-top:0!important}.project-page.template-identity .prose img,.project-page.template-identity img.fadein{padding-bottom:24px}.project-page.template-identity .prose h2{margin-top:30px}.project-page.template-identity #packaging--experience-design{margin-top:40px}.project-page.template-identity .col-md-12.nopaddingbottom img,.project-page.template-identity .col-md-12.nopaddingbottom video{padding-bottom:0!important}.project-page.template-identity .row.nopaddingblock{margin-top:0!important}.project-page.template-identity .row.nopaddingblock .col-md-6{padding-left:0;padding-right:0}.project-page.template-identity .row.nopaddingblock img{padding-bottom:0!important}.project-page.template-hero-video .col-md-6{display:flex;flex-direction:column;justify-content:center}.project-page.template-hero-video .text-box-width{max-width:400px}.project-page.template-hero-video .vigneti-site,.project-page.template-hero-video .vigneti-feature{display:flex;justify-content:center;max-width:1020px;margin:0 auto}.project-page.template-hero-video .vigneti-site img,.project-page.template-hero-video .vigneti-feature img{max-width:420px}@media (max-width: 768px){.project-page.template-hero-video .row-compact{margin-top:0}}.project-page.template-legacy #motion-graphics--digital-presence{margin-top:40px}@media (max-width: 768px){.imagepadding{margin-bottom:0!important;margin-top:0!important}.project-page.template-adv img.fadein.imagepaddingbottom{padding-bottom:20px!important}}@media (max-width: 640px){.template-crop-video .project-page .box.moretop{margin-top:18px}.template-crop-video .project-page .box.morebottom{margin-bottom:18px}.template-crop-video .project-page .box.moretop h3{margin-bottom:18px;line-height:1.35}}@media (max-width: 768px){.project-page .project-year.with-line:before{display:none}}.project-page.template-award-case .nopaddingbottom img,.project-page.template-award-case .nopaddingbottom video,.project-page.template-award-case .nopaddingbottom iframe{padding-bottom:0!important;margin-bottom:0!important}.project-page.template-award-case .award-video{width:100%;max-width:1120px;margin:0 auto}.project-page.template-award-case .hide-mobile{display:block}.project-page.template-award-case .video-embed{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden}.project-page.template-award-case .video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}@media (hover: hover){.project-page.template-award-case .video-embed iframe{pointer-events:auto}}.project-page.template-award-case .award-note{max-width:620px;margin:10px auto 42px;text-align:center;font-size:14px;line-height:1.7;font-weight:300;color:#191118bf}.project-page.template-award-case .award-note a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#19111840}.project-page.template-award-case .award-note a:hover{text-decoration-color:#19111880}.project-page.template-award-case .award-link{margin:6px auto 46px;text-align:center;font-size:13px;line-height:1.6;font-weight:300;color:#191118a6}.project-page.template-award-case .award-link a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#19111838}.project-page.template-award-case .award-link a:hover{text-decoration-color:#19111873}.project-page.template-award-case .award-note,.project-page.template-award-case .award-link{max-width:620px;margin:10px auto 0;text-align:center;font-size:14px;line-height:1.7;font-weight:300;color:#191118bf}.project-page.template-award-case .award-link{margin-bottom:42px;font-size:13px;color:#191118a6}.project-page.template-award-case .award-note a,.project-page.template-award-case .award-link a{color:inherit;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#19111838}.project-page.template-award-case .award-note a:hover,.project-page.template-award-case .award-link a:hover{text-decoration-color:#19111873}.project-page.template-award-case .project-collaboration{max-width:680px;margin:72px auto;position:relative}.project-page.template-award-case .project-collaboration:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#19111826}.project-page.template-award-case .project-team,.project-page.template-award-case .project-tutors{padding-top:32px}.project-page.template-award-case .project-tutors{margin-top:24px}.project-page.template-award-case .project-team h2,.project-page.template-award-case .project-tutors h2{margin:0 0 18px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;font-weight:400;color:#19111899}.project-page.template-award-case .team-rows{display:block}.project-page.template-award-case .team-row{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(25,17,24,.12);font-size:14px;font-weight:300;color:#191118d9;text-decoration:none;transition:opacity .2s ease}.project-page.template-award-case .team-row:last-child{border-bottom:none}.project-page.template-award-case .team-arrow{opacity:.6}.project-page.template-award-case .team-row:hover{opacity:.85}@media (max-width: 768px){.project-page.template-award-case .project-collaboration{margin:56px auto}.project-page.template-award-case .team-row{padding:8px 0;font-size:13.5px}}.project-page .media-crop{width:100%}.project-page .media-crop.project-video,.project-page .media-crop video,.project-page .media-crop{max-width:1120px;margin-left:auto;margin-right:auto}.project-page .media-crop video.project-video{width:100%;height:auto;display:block}.project-page.template-brand-ecosystem .row.nopaddingbottom{margin-bottom:0!important;padding-bottom:0!important}.project-page.template-brand-ecosystem .hero{padding-bottom:34px}.project-page.template-brand-ecosystem .ecosystem-split{margin-top:18px;margin-bottom:20px!important;align-items:stretch}.project-page.template-brand-ecosystem .ecosystem-card{border:1px solid rgba(0,0,0,.12);border-radius:16px;padding:22px 22px 18px;height:100%;background:#ffffffa6;backdrop-filter:blur(6px)}.project-page.template-brand-ecosystem .ecosystem-kicker{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#1119;margin-bottom:10px}.project-page.template-brand-ecosystem .ecosystem-title{margin:0 0 10px;font-size:18px;font-weight:500;color:#111}.project-page.template-brand-ecosystem .ecosystem-text{margin:0 0 14px;font-size:15px;line-height:28px;font-weight:300;color:#111111c7;max-width:60ch}.project-page.template-brand-ecosystem .ecosystem-actions{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:10px;text-align:center}.project-page.template-brand-ecosystem .ecosystem-pill{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,.22);border-radius:999px;padding:10px 14px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;color:#111;background:transparent;transition:border-color .15s ease,transform .15s ease,opacity .15s ease}.project-page.template-brand-ecosystem .ecosystem-pill:hover{border-color:#0000008c;transform:translateY(-1px);opacity:.92}.project-page.template-brand-ecosystem .ecosystem-pill.is-ghost{opacity:.75}.project-page.template-brand-ecosystem .media-strip{margin:26px auto 54px;width:min(var(--max),92vw)}.project-page.template-brand-ecosystem .media-strip__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;-webkit-overflow-scrolling:touch}.project-page.template-brand-ecosystem .media-strip__track::-webkit-scrollbar{height:8px}.project-page.template-brand-ecosystem .media-strip__track::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px}.project-page.template-brand-ecosystem .media-strip__item{flex:0 0 auto;scroll-snap-align:start;margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.12);background:#fff9}.project-page.template-brand-ecosystem .media-strip__item img,.project-page.template-brand-ecosystem .media-strip__item video{display:block;width:clamp(220px,32vw,420px);height:auto}.project-page.template-brand-ecosystem .pattern-band{width:min(var(--max),92vw);margin:28px auto 54px;border-radius:18px;border:1px solid rgba(0,0,0,.12);overflow:hidden;background-image:var(--pattern-url);background-repeat:repeat;background-size:720px auto;background-position:0 0;height:clamp(180px,22vw,320px);animation:brandEcosystemPatternDrift 18s linear infinite}@keyframes brandEcosystemPatternDrift{0%{background-position:0 0}to{background-position:720px 0}}.project-page.template-brand-ecosystem .video-loop{width:100%;max-width:1120px;height:auto;display:block;margin:0 auto;border-radius:16px;border:1px solid rgba(0,0,0,.12)}@media (max-width: 768px){.project-page.template-brand-ecosystem .ecosystem-card{padding:18px 16px 14px}.project-page.template-brand-ecosystem .ecosystem-actions{justify-content:center}.project-page.template-brand-ecosystem .media-strip{margin-bottom:40px}.project-page.template-brand-ecosystem .media-strip__track{gap:12px}.project-page.template-brand-ecosystem .pattern-band{border-radius:16px;background-size:560px auto;animation-duration:16s}.project-page.template-brand-ecosystem .row.nopaddingbottom,.project-page.template-identity .col-md-6.nopaddingbottom{margin-bottom:0!important;padding-bottom:0!important}.project-page.template-identity .prose img,.project-page.template-identity img.fadein{padding-bottom:0!important}.project-page.template-identity .mt-xl{margin-top:0!important}}.project-page.template-brand-ecosystem .row.ecosystem-split{width:min(1120px,92vw);margin:18px auto 54px;padding-left:0;padding-right:0;justify-content:center;gap:24px}.project-page.template-brand-ecosystem .row.ecosystem-split>.col-md-6{padding-left:0;padding-right:0;width:calc(50% - 12px)}.project-page.template-brand-ecosystem .only-desktop-wide .wide-media{width:100vw;max-width:none;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);border-radius:0}@media (max-width: 768px){.project-page.template-brand-ecosystem .only-desktop-wide{display:none!important}}@media (max-width: 900px){.project-page.template-brand-ecosystem .ecosystem-card{text-align:center}.project-page.template-brand-ecosystem .ecosystem-actions{justify-content:center}}@media (max-width: 900px){.project-page.template-brand-ecosystem .ecosystem-split{display:none!important}}.project-page.template-product-ux .media-strip{margin:26px auto 54px;width:min(1120px,92vw)}.project-page.template-product-ux .media-strip__track{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;-webkit-overflow-scrolling:touch}.project-page.template-product-ux .media-strip__track::-webkit-scrollbar{height:8px}.project-page.template-product-ux .media-strip__track::-webkit-scrollbar-thumb{background:#0000002e;border-radius:999px}.project-page.template-product-ux .media-strip__item{flex:0 0 auto;scroll-snap-align:start;border-radius:14px;overflow:hidden;border:1px solid rgba(0,0,0,.12)}.project-page.template-product-ux .media-strip__item img{display:block;width:clamp(240px,32vw,420px);height:auto}.project-page.template-product-ux .media-strip__item img,.project-page.template-product-ux .media-strip__item video{display:block;width:clamp(240px,32vw,420px);height:auto}.project-page.template-identity .identity--bonmiele .row.nopaddingblock{max-width:1120px;margin:0 auto!important;margin-inline:auto!important;padding:0!important;display:flex;flex-wrap:wrap;gap:0}.project-page.template-identity .identity--bonmiele .row.nopaddingblock .col-md-6{padding-left:0!important;padding-right:0!important}.project-page.template-identity .identity--bonmiele .row.nopaddingblock img{display:block;width:100%;max-width:none;height:auto;margin:0!important;padding:0!important}.project-page.template-identity .identity--bonmiele .video-no-top{margin-top:0}@media (max-width: 768px){.project-page.template-identity .identity--bonmiele .row.nopaddingblock{flex-direction:column}}.project-page.template-identity .identity--bonmiele .heart-mask{width:100%;max-width:1120px;margin:0 auto;overflow:hidden;border-radius:0;aspect-ratio:16 / 9;-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 85 C35 72 10 55 10 32 C10 18 20 10 33 10 C41 10 47 14 50 20 C53 14 59 10 67 10 C80 10 90 18 90 32 C90 55 65 72 50 85 Z'/%3E%3C/svg%3E");-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cpath d='M50 85 C35 72 10 55 10 32 C10 18 20 10 33 10 C41 10 47 14 50 20 C53 14 59 10 67 10 C80 10 90 18 90 32 C90 55 65 72 50 85 Z'/%3E%3C/svg%3E");mask-repeat:no-repeat;mask-position:center;mask-size:contain}.project-page.template-identity .identity--bonmiele .heart-mask video{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}