@import "https://fonts.cdnfonts.com/css/pp-neue-montreal";
:root{--base-100:#dcdbd5;--base-200:#710be4;--base-300:#1a0401}*{box-sizing:border-box;margin:0;padding:0}img{object-fit:cover;width:100%;height:100%}h1,h3{text-transform:uppercase;letter-spacing:-.03em;font-family:PP Neue Montreal,sans-serif;font-weight:500;line-height:.8}h1{font-size:clamp(2rem,8vw,14rem)}h3{font-size:clamp(2rem,5vw,8rem)}p{text-transform:uppercase;font-family:PP Neue Montreal,sans-serif;font-size:.85rem;font-weight:500;line-height:1.3}section{width:100%;height:100svh;position:relative;overflow:hidden}body{overflow-x:clip}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}
html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}
.site-header{z-index:1000;mix-blend-mode:difference;color:#fff;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;padding:16px 48px;transition:opacity .3s;display:grid;position:fixed;top:0;left:0}.header-nav{gap:128px;display:flex}.header-nav-right{justify-content:flex-end}.header-link{color:inherit;text-transform:uppercase;letter-spacing:.08em;font-family:Quicksand,sans-serif;font-size:14px;font-weight:600;text-decoration:none;transition:opacity .3s}.header-link:hover{opacity:.6}.header-link-mobile{color:inherit;text-transform:uppercase;letter-spacing:.08em;order:-1;font-family:Quicksand,sans-serif;font-size:14px;font-weight:600;text-decoration:none;display:none}.header-logo{text-align:center}.logo-text{color:inherit;text-transform:uppercase;text-align:center;letter-spacing:.12em;font-family:Monument Extended,sans-serif;font-size:24px;font-weight:800;line-height:1.15;text-decoration:none}.menu-toggle{cursor:pointer;color:inherit;text-transform:uppercase;letter-spacing:.08em;z-index:1001;background:0 0;border:none;padding:8px;font-family:Quicksand,sans-serif;font-size:14px;font-weight:600;display:none}.menu-overlay{background:var(--base-300);z-index:999;opacity:0;visibility:hidden;justify-content:center;align-items:center;transition:opacity .4s,visibility .4s;display:flex;position:fixed;inset:0}.menu-overlay.active{opacity:1;visibility:visible}.menu-overlay-content{text-align:center}.menu-overlay-nav{flex-direction:column;gap:24px;margin-bottom:48px;display:flex}.menu-overlay-link{color:var(--base-100);text-transform:uppercase;letter-spacing:.05em;font-family:Monument Extended,sans-serif;font-size:clamp(2rem,6vw,3.5rem);font-weight:700;text-decoration:none;transition:opacity .3s}.menu-overlay-link:hover{opacity:.6}.menu-overlay-divider{background:var(--base-100);opacity:.4;width:100vw;height:1px;margin-top:48px;margin-bottom:32px;margin-left:calc(50% - 50vw)}.menu-overlay-socials{justify-content:center;gap:32px;display:flex}.menu-overlay-socials a{color:var(--base-100);text-transform:uppercase;letter-spacing:.1em;opacity:.6;font-family:Quicksand,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:opacity .3s}.menu-overlay-socials a:hover{opacity:1}@media (max-width:760px){.site-header{grid-template-columns:auto 1fr auto;padding:18px 20px}.header-nav-left,.header-nav-right{display:none}.header-link-mobile{order:-1;display:block}.header-logo{order:0}.menu-toggle{order:1;display:block}.logo-text{font-size:14px}}.site-header{opacity:0;visibility:hidden;pointer-events:none}.site-header.is-visible{opacity:1;visibility:visible;pointer-events:auto}
.hero{isolation:isolate;pointer-events:auto}.gradient-canvas{pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.gradient-canvas canvas{display:block;width:100%!important;height:100%!important}.hero-fg-content,.hero-bg-content{transform-origin:50%;width:100%;height:100%;position:absolute;top:0;left:0}.hero-fg-content{clip-path:polygon(0% 0%,100% 0%,100% 100%,0% 100%);will-change:clip-path, transform;z-index:3;overflow:hidden}.hero-fg-header{width:100%;color:var(--base-100);text-align:center;padding:0 0 2vh;position:absolute;bottom:0;left:0;overflow:hidden}.hero-line-1{justify-content:space-between;align-items:baseline;width:100%;margin-bottom:1vh;padding:0 3vw;display:flex}.hero-top-labels{justify-content:space-between;width:100%;margin-bottom:1.5vh;padding:0 3vw;display:flex}.hero-top-labels span{text-transform:uppercase;letter-spacing:.15em;font-family:Quicksand,sans-serif;font-size:clamp(.6rem,1vw,1rem);font-weight:600}.hero-line-1 span{text-transform:uppercase;letter-spacing:.02em;font-family:Monument Extended,sans-serif;font-size:clamp(1.5rem,4vw,4rem);font-weight:800;line-height:1}.hero-line-2{text-align:center;width:100vw;margin-left:-2vw}.hero-line-2 span{text-transform:uppercase;letter-spacing:-.04em;white-space:nowrap;font-family:Monument Extended,sans-serif;font-size:11.5vw;font-weight:800;line-height:.85;display:block}.hero-divider{background:#fff;width:calc(100% - 6vw);height:1px;margin:3vh auto 2vh}.hero-bottom-info{justify-content:space-between;align-items:center;width:100%;padding:0 3vw;display:flex}.hero-bottom-info span{text-transform:uppercase;letter-spacing:.12em;color:#fff;font-family:Quicksand,sans-serif;font-size:clamp(.55rem,1vw,.85rem);font-weight:500}.hero-fg-overlay-dark,.hero-fg-overlay{opacity:0;will-change:opacity;width:100%;height:100%;position:absolute;top:0;left:0}.hero-fg-overlay-dark{background-color:var(--base-300)}.hero-fg-overlay{background-color:var(--base-200)}.hero-bg-content{z-index:0;background-color:#e6e6fa;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-bg-content-col{flex:1;align-items:center;height:100%;padding:2rem;display:flex}.hero-bg-content-col:nth-child(2){justify-content:flex-end}.hero-bg-content-copy{will-change:transform;flex-direction:column;gap:1.2rem;width:50%;display:flex}.hero-bg-content-copy h3{color:var(--base-200);letter-spacing:-.02em;font-family:Monument Extended,sans-serif;font-size:clamp(2rem,5vw,8rem);font-weight:800;line-height:1}.hero-bg-content-copy p{color:var(--base-300);letter-spacing:.02em;font-family:Quicksand,sans-serif;font-weight:500;line-height:1.8}.hero-outro-content{z-index:1;width:100%;height:100%;display:flex;position:absolute;top:0;left:0}.hero-outro-img{will-change:clip-path;flex:1;height:100%;position:relative;overflow:hidden}.hero-outro-img canvas{z-index:2;pointer-events:auto;width:100%;height:100%;position:absolute;inset:0}.hero-outro-img img{object-fit:cover;z-index:1;width:100%;height:100%;position:absolute;inset:0}.hero-outro-img:first-child{clip-path:polygon(0% 0%,100% 0%,100% 0%,0% 0%)}.hero-outro-about{clip-path:polygon(0% 100%,100% 100%,100% 100%,0% 100%);will-change:clip-path;scrollbar-width:none;background:#fff;flex-direction:column;flex:1;justify-content:center;height:100%;padding:4rem;display:flex;overflow-y:auto}.hero-outro-about::-webkit-scrollbar{display:none}.hero-outro-about h2{color:var(--base-200);letter-spacing:.02em;margin-bottom:2rem;font-family:Monument Extended,sans-serif;font-size:clamp(1.8rem,3.5vw,3rem);font-weight:800}.hero-outro-about p{color:#1a1a1a;text-transform:none;margin-bottom:1.4rem;font-family:Quicksand,sans-serif;font-size:clamp(.9rem,1.2vw,1.05rem);font-weight:500;line-height:1.9}.hero-outro-about-links{flex-wrap:wrap;gap:1rem;margin-top:2.5rem;display:flex}.hero-outro-about-links a{letter-spacing:.1em;border-radius:50px;align-items:center;gap:10px;padding:16px 32px;font-family:Quicksand,sans-serif;font-size:.8rem;font-weight:700;text-decoration:none;transition:background-color .2s,box-shadow .2s;display:inline-flex;position:relative;overflow:hidden}.hero-outro-about-links a:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.hero-outro-about-links a:hover:before{left:100%}.hero-outro-about-links a:first-child{background:var(--base-200);color:#fff;box-shadow:0 4px 15px #710be44d}.hero-outro-about-links a:first-child:hover{transform:translateY(-3px);box-shadow:0 8px 25px #710be466}.hero-outro-about-links a:last-child{color:#fff;background:#27ae60;box-shadow:0 4px 15px #27ae604d}.hero-outro-about-links a:last-child:hover{transform:translateY(-3px);box-shadow:0 8px 25px #27ae6066}@media (max-width:1000px){.hero-bg-content-copy{width:100%}.hero-bg-content-col:first-child .hero-bg-content-copy{margin-top:-50svh}.hero-bg-content-col:nth-child(2) .hero-bg-content-copy{margin-top:50svh}}.hero-outro-img{isolation:isolate}.hero-outro-img canvas{pointer-events:none;mix-blend-mode:difference}@media (max-width:760px){.hero-outro-content{flex-direction:column}.hero-outro-img{flex:0 0 34%}.hero-outro-about{justify-content:flex-start;padding:20px 24px}.hero-outro-about h2{margin-bottom:12px;font-size:1.5rem}.hero-outro-about p{margin-bottom:10px;font-size:.85rem;line-height:1.5}.hero-outro-about-links{gap:10px;margin-top:12px}.hero-outro-about-links a{padding:12px 16px}.hero-outro-content{flex-direction:column;height:100vh}.hero-outro-img{flex:0 0 50vh;height:50vh;min-height:50vh}.hero-outro-img canvas{display:none}.hero-outro-about{scrollbar-width:none;flex:0 0 50vh;height:50vh;min-height:50vh;padding:22px 24px;overflow-y:auto}.hero-outro-about::-webkit-scrollbar{display:none}.hero-outro-about-links{padding-bottom:12px}}
.projects{color:#eee;background:#0d0012;height:auto;padding:0 2vw 8vh;font-family:Quicksand,Arial,sans-serif}.projects-heading{justify-content:space-between;align-items:center;gap:20px;padding:50px 0;display:flex}.projects-heading h2{color:var(--base-200);text-transform:uppercase;letter-spacing:.05em;font-family:Monument Extended,sans-serif;font-size:clamp(1.6rem,7vw,2.4rem);font-weight:800}.projects-heading span{color:#888;font-family:Quicksand,sans-serif;font-size:12px}.projects-footer{display:none}.project{grid-template-columns:60% minmax(0,1fr);align-items:start;gap:2vw;padding:0;display:grid}.project-image{aspect-ratio:16/9;transform-origin:0;border:1px solid #202020;min-width:0;margin:0;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;display:block}.project-info{min-width:0;padding:26px 20px 20px 0;position:relative}.project-index{display:none}.project-info h3{text-transform:uppercase;letter-spacing:-.02em;font-family:Monument Extended,sans-serif;font-size:clamp(26px,3.4vw,64px);font-weight:800;line-height:1.05;display:inline}.project-status{vertical-align:top;color:#999;margin:2px 0 0 8px;font-size:10px;display:inline-block}.project-status a{color:inherit;padding:8px 0;text-decoration:none}.project-status a:hover{color:#fff}.project-status a:focus-visible{outline-offset:6px;outline:2px solid #fff}.project-info dl{gap:4px;margin-top:22px;font-family:Quicksand,sans-serif;display:grid}.project-info dl div{text-transform:uppercase;color:#999;gap:6px;font-size:12px;line-height:1.4;display:flex}.project-info dt{display:none}.project-info dl div:last-child dt{display:block}.project-info dd{margin:0}.projects .project-description{display:none}@media (max-width:760px){.projects{padding:40px 18px}.projects-heading{padding:28px 0}.projects-heading span{display:none}.project{grid-template-columns:1fr;gap:0;padding-bottom:36px}.project-image{transform-origin:50%}.project-info{padding:18px 0 12px}.project-info h3{font-size:clamp(28px,7vw,44px)}.project-info dl{margin-top:14px}}a.project{color:inherit;text-decoration:none}.project-info{transform-origin:0 0}.project:hover h3,.project:focus-visible h3{text-underline-offset:.12em;text-decoration:underline;text-decoration-thickness:1px}.project:focus-visible{outline-offset:-2px;outline:2px solid #eee}.project:focus-visible .project-info{opacity:1!important}.project-image,.project-info{transform-origin:50%}.project-modal{color:#eee;overscroll-behavior:contain;background:#0c0c0c;border:1px solid #333;width:min(960px,100% - 40px);max-height:88svh;margin:auto;padding:0;font-family:PP Neue Montreal,Arial,sans-serif;position:fixed;inset:0}.project-modal::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d1}.project-modal-close{float:right;z-index:1;color:#fff;cursor:pointer;font:inherit;background:#111;border:1px solid #555;margin:16px 16px -56px 0;padding:10px 16px;position:sticky;top:16px}.project-modal h2{letter-spacing:-.02em;margin:18px 0 24px;font-family:Monument Extended,sans-serif;font-size:clamp(32px,5vw,64px);font-weight:800}.project-modal p{text-transform:none;color:#bbb;max-width:55ch;font-family:Quicksand,sans-serif;font-size:18px;line-height:1.6}.project-modal dl{border-top:1px solid #333;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px;padding-top:24px;font-family:Quicksand,sans-serif;font-size:14px;line-height:1.5;display:grid}.project-modal dt{color:#999;margin-bottom:8px}.project-modal dd{margin:0}.project-modal :focus-visible{outline-offset:3px;outline:2px solid #fff}@media (max-width:600px){.project-modal{width:calc(100% - 24px);max-height:92svh}.project-modal dl{grid-template-columns:1fr;gap:16px}}.project{transform-origin:0}dialog.project-modal{overscroll-behavior:contain;scrollbar-gutter:stable;border:0;border-radius:0;width:100%;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;position:fixed;inset:0;overflow:hidden auto}.project-modal-close{float:none;z-index:5;margin:0;position:fixed;top:24px;right:28px}@media (max-width:760px){.project-modal-close{top:16px;right:20px}}.detail-scroll-content{min-height:100%;position:relative}
.expertise{color:#171918;isolation:isolate;background:#e8dff5;height:auto;min-height:100svh;padding:4vh 8vw 5vh 7vw;font-family:PP Neue Montreal,Arial,sans-serif}.expertise h2{z-index:2;color:var(--base-200);letter-spacing:.02em;text-transform:uppercase;margin:0;padding-top:15vh;font-family:Monument Extended,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1;position:relative}.expertise-edge,.expertise-paper{z-index:-1;position:absolute;top:0;bottom:0}.expertise-edge-left{transform-origin:0;background:#d5a5ac;width:2.4vw;left:0}.expertise-paper{transform-origin:100%;background:#f0eee6;width:13vw;right:2.5vw}.expertise-edge-right{background:#d99e70;width:2.5vw;right:0}.expertise-stage{position:relative}.expertise-service{grid-template-columns:43% 57%;align-items:center;min-height:60vh;padding:40px 0;display:grid;position:relative}.expertise-copy{z-index:2;position:relative}.expertise-number{letter-spacing:.12em;font-size:12px}.expertise-copy h3{letter-spacing:-.02em;text-transform:none;max-width:12ch;margin:22px 0;font-family:Monument Extended,sans-serif;font-size:clamp(30px,3.1vw,58px);font-weight:800;line-height:1}.expertise-copy ul{grid-template-columns:1fr 1fr;gap:10px 16px;max-width:390px;padding-right:15px;font-family:Quicksand,sans-serif;list-style:none;display:grid}.expertise-copy li{text-transform:uppercase;font-size:13px;font-weight:600;line-height:1.35}.expertise-art{height:100%;min-height:330px;position:relative}.expertise-image{object-fit:cover;position:absolute}.expertise-image-0{clip-path:polygon(0% 0%,88% 0%,100% 18%,100% 100%,0% 100%);width:78%;height:76%;top:3%;left:2%}.expertise-service-1 .expertise-image-0{width:73%;top:10%;left:12%}.expertise-service-2 .expertise-image-0{width:67%;top:0;left:8%}.expertise-service-3 .expertise-image-0{width:84%;height:66%;top:6%}.expertise-service-4 .expertise-image-0{width:70%;left:13%}.expertise-nav{z-index:3;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:30px;display:grid;position:relative}.expertise-nav button{color:inherit;text-align:left;cursor:pointer;text-transform:uppercase;opacity:.55;background:0 0;border:0;padding:10px 0;font-family:Quicksand,sans-serif;font-size:12px}.expertise-nav button span{font-size:inherit;margin:0;transition:opacity .3s;display:inline}.expertise-nav button .expertise-nav-label{opacity:0;white-space:nowrap;max-width:0;transition:opacity .3s,max-width .3s;overflow:hidden}.expertise-nav button[aria-current=true] .expertise-nav-label{opacity:1;max-width:200px}.expertise-nav button:hover,.expertise-nav button[aria-current=true]{opacity:1}.expertise-nav button[aria-current=true]{font-weight:700;text-decoration:none}.expertise-track{background:#17191844;height:1px;margin-top:14px;position:relative}.expertise-track div{transform-origin:0;background:#171918;width:100%;height:2px}.expertise-pinned{grid-template-rows:auto 1fr auto auto;height:100svh;display:grid}.expertise-pinned .expertise-stage{min-height:0}.expertise-pinned .expertise-service{min-height:0;padding:3vh 0;position:absolute;inset:0}.expertise-pinned .expertise-art{min-height:0}.expertise button:focus-visible{outline-offset:5px;outline:2px solid #171918}@media (max-width:760px){.expertise{padding:24px 7vw}.expertise h2{padding-top:10vh;font-size:clamp(2rem,8vw,3rem)}.expertise-service{grid-template-rows:auto 250px;grid-template-columns:1fr;gap:18px}.expertise-pinned .expertise-service{grid-template-rows:auto 1fr;padding:18px 0}.expertise-copy h3{max-width:none;margin:10px 0 14px;font-size:29px}.expertise-copy ul{gap:6px 12px}.expertise-copy li{font-size:10px}.expertise-art{min-height:220px}.expertise-image-0{width:68%;left:10%}.expertise-nav{gap:7px;margin-top:12px}.expertise-nav button{font-size:9px;line-height:1.4}.expertise-nav button span{margin:0}.expertise-nav button .expertise-nav-label{opacity:0;max-width:0}.expertise-nav button[aria-current=true] .expertise-nav-label{opacity:1;max-width:100px}}.expertise-pinned{padding:0;display:block}.expertise-pinned>h2{z-index:10;pointer-events:none;position:absolute;top:5%;left:5%}.expertise-pinned .expertise-stage{position:absolute;inset:0}.expertise-pinned .expertise-service{padding:0;display:block;position:absolute;inset:0;overflow:hidden}.expertise-pinned .expertise-copy{z-index:1;width:31%;position:absolute;top:38%;left:11%}.expertise-pinned .expertise-copy h3{max-width:none;margin:0 0 22px;font-size:clamp(24px,2.1vw,40px)}.expertise-pinned .expertise-number{display:none}.expertise-pinned .expertise-art{pointer-events:none;min-height:0;position:absolute;inset:0}.expertise-pinned .expertise-image-0{clip-path:none;transform-origin:0 100%;width:33%;height:43%;inset:auto auto 17% 0}.expertise-pinned .expertise-nav{z-index:10;margin:0;position:absolute;bottom:5%;left:3%;right:3%}.expertise-pinned .expertise-track{z-index:10;margin:0;position:absolute;bottom:4%;left:3%;right:3%}.expertise-pinned .expertise-edge,.expertise-pinned .expertise-paper{display:none}@media (max-width:760px){.expertise-pinned>h2{top:5%;left:8%}.expertise-pinned .expertise-copy{width:67%;top:22%;left:8%}.expertise-pinned .expertise-copy h3{margin-bottom:14px;font-size:26px}.expertise-pinned .expertise-image-0{width:65%;height:29%;bottom:16%}.expertise-pinned .expertise-nav{left:6%;right:4%}}.expertise-nav button{align-items:baseline;gap:.6em;display:flex}.expertise-nav button.is-visited .expertise-nav-label{opacity:1;visibility:visible;width:auto;max-width:200px;transform:none}@media (max-width:760px){.expertise-nav button.is-visited .expertise-nav-label{max-width:100px}.expertise-nav button .expertise-nav-label{white-space:normal}.expertise{height:auto;min-height:0;padding:0;display:block;overflow:hidden}.expertise>h2{padding:90px 7vw 36px;font-size:clamp(44px,12vw,72px)}.expertise-edge,.expertise-paper{display:none}.expertise-stage{position:relative}.expertise.expertise-mobile-pinned{overflow:visible}.expertise-mobile-pinned .expertise-stage{isolation:isolate}.expertise-mobile-pinned .expertise-service{min-height:100svh}.expertise-service{flex-direction:column;align-items:stretch;gap:0;min-height:90svh;padding:8px 8px 60px;display:flex}.expertise-art{aspect-ratio:1.28;order:-1;width:88%;height:auto;min-height:0;margin:14px auto 0;position:relative}.expertise .expertise-image-0{clip-path:none;object-fit:cover;width:100%;height:100%;display:block;position:static}.expertise-copy{padding:28px 5vw 0 20vw;position:relative}.expertise-number{font-size:10px;position:absolute;top:34px;left:3vw}.expertise-copy h3{max-width:none;margin:0 0 20px;font-size:27px}.expertise-copy ul{grid-template-columns:1fr;gap:8px;padding:0}.expertise-copy li{font-size:12px}.expertise-nav,.expertise-track{display:none}}
.image-ribbon{touch-action:pan-y;background:0 0;align-items:center;height:100vh;min-height:0;display:grid;position:relative;overflow:hidden}.image-ribbon-gradient{z-index:0;position:absolute;inset:0}.image-ribbon-gradient canvas{display:block;width:100%!important;height:100%!important}.image-ribbon-stage{z-index:1;gap:28px;padding:24px;display:flex;position:relative;overflow-x:auto}.image-ribbon figure{aspect-ratio:16/10;flex:0 0 min(65vw,350px);margin:0}.image-ribbon img{object-fit:cover;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.ribbon-animated{cursor:grab}.ribbon-animated:active{cursor:grabbing}.ribbon-animated .image-ribbon-stage{height:calc(var(--ribbon-card-width,300px) * .625);padding:0;display:block;position:relative;overflow:visible}.ribbon-animated figure{width:var(--ribbon-card-width,300px);will-change:transform;backface-visibility:hidden;height:100%;position:absolute;top:0;left:0}.image-ribbon:focus-visible{outline-offset:-8px;outline:1px solid #aaa}.ribbon-sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.image-ribbon figure{overflow:hidden}.image-ribbon-gradient{pointer-events:none}.ribbon-animated figure{perspective:800px}.ribbon-animated figure img{will-change:transform}.outro-top{z-index:5;text-align:center;padding-top:8vh;position:absolute;top:0;left:0;right:0}.outro-challenge{color:#fff;letter-spacing:-.01em;margin:0;font-family:Monument Extended,sans-serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:800}.outro-bottom{z-index:5;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:0;display:flex;position:absolute;bottom:5rem;left:0;right:0}.outro-listening{color:#fff;letter-spacing:-.01em;margin:0;font-family:Monument Extended,sans-serif;font-size:clamp(1.5rem,4vw,3rem);font-weight:800}.outro-email{color:#fff;background:var(--base-200);border:1px solid var(--base-200);border-radius:50px;align-items:center;gap:10px;padding:14px 28px;font-family:Quicksand,sans-serif;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.outro-email:hover{background:#8a2be0;transform:translateY(-2px);box-shadow:0 8px 24px #710be466}.outro-email svg{width:16px;height:16px}.outro-footer{z-index:5;justify-content:space-between;align-items:center;padding:0 2rem;display:flex;position:absolute;bottom:0;left:0;right:0}.outro-copyright{color:#ffffffb3;font-family:Quicksand,sans-serif;font-size:11px}.outro-socials{gap:20px;display:flex}.outro-socials a{color:#ffffffb3;transition:color .3s,transform .3s}.outro-socials a:hover{color:#fff;transform:translateY(-2px)}@media (max-width:760px){.image-ribbon{flex-direction:column;justify-content:center;align-items:stretch;height:100vh;min-height:0;display:flex;overflow:clip}.image-ribbon-gradient{position:absolute;inset:0}.outro-top{text-align:center;flex-shrink:0;order:0;padding:30px 1.5rem;position:static}.image-ribbon-stage{flex-shrink:0;order:1}.outro-bottom{text-align:center;flex-direction:column;flex-shrink:0;order:2;align-items:center;gap:16px;margin-bottom:0;padding:30px 1.5rem;display:flex;position:static}.outro-email{margin-top:34px;padding:12px 20px;font-size:.8rem}.outro-footer{text-align:center;flex-direction:column;gap:1rem;padding:20px 1.5rem 1.5rem;position:absolute;bottom:0;left:0;right:0}}
.skills{color:#241a32;background:#d8cbef;grid-template-columns:1fr 1fr;gap:10%;height:auto;min-height:150svh;padding:80px 8vw 0;display:grid;overflow:visible}.skills-intro{flex-direction:column;justify-content:flex-start;padding:35px 0 0;display:flex}.skills-intro h2{color:var(--base-200);letter-spacing:.02em;font-family:Monument Extended,sans-serif;font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.04}.skills-intro p{color:#514260;max-width:34ch;margin-top:36px;font-family:Quicksand,sans-serif;font-size:18px;line-height:1.6}.skills-accordion{padding:0 0 35svh}.skill-row{border-top:1px solid #241a3233}.skill-row:first-child{border-top:none}.skill-row h3{font:inherit;text-transform:none;letter-spacing:normal}.skill-row button{width:100%;color:inherit;text-align:left;cursor:pointer;letter-spacing:.02em;background:0 0;border:0;justify-content:space-between;align-items:center;gap:20px;padding:35px 0;font-family:Monument Extended,sans-serif;font-size:clamp(1.2rem,2.5vw,1.8rem);font-weight:800;display:flex}.skill-icon{font-size:28px;font-weight:400}.skill-panel{overflow:hidden}.skill-panel ul{color:#514260;gap:20px;padding:0 0 35px;font-family:Quicksand,sans-serif;font-size:18px;font-weight:600;list-style:none;display:grid}.skill-row button:focus-visible{outline-offset:5px;outline:2px solid #5a337b}@media (max-width:760px){.skills{min-height:0;padding:80px 7vw;display:block}.skills-intro{min-height:0;padding:0 0 55px}.skills-accordion{padding:0}.skill-panel ul{font-size:16px}.skill-row button{padding:25px 0;font-size:clamp(1rem,4vw,1.3rem)}}
dialog.project-modal.is-aegis{color:#173b3b;background:#f1f0e9}.is-aegis .project-modal-close{color:#fff;background:#173b3b;border:1px solid #476462;border-radius:100px;padding:13px 22px}.aegis-case{font-family:PP Neue Montreal,Arial,sans-serif;overflow:clip}.project-modal .aegis-case p,.project-modal .aegis-case dt{color:inherit;font-family:inherit}.project-modal .aegis-case dl,.project-modal .aegis-case h2{font-family:inherit}.aegis-case p{text-transform:none;max-width:58ch;margin:0;font-size:clamp(16px,1.5vw,21px);font-weight:400;line-height:1.55}.aegis-case h3{letter-spacing:-.045em;text-transform:none;margin:0 0 30px;font-size:clamp(35px,4.4vw,72px);font-weight:500;line-height:1.04}.aegis-case h4{margin:24px 0 14px;font-size:24px;font-weight:500;line-height:1.15}.aegis-case img{object-fit:contain;height:auto;display:block}.aegis-case .aegis-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1.5}.aegis-intro{padding:100px 6vw 46px}.aegis-case .aegis-intro h2{letter-spacing:-.075em;margin:38px 0 46px;font-size:clamp(100px,23vw,360px);font-weight:500;line-height:.88}.aegis-intro h2 span{vertical-align:top;letter-spacing:0;margin:.6em 0 0 .25em;font-size:.13em;display:inline-block}.aegis-deck{grid-template-columns:1.2fr 1fr;gap:8vw;display:grid}.aegis-case .aegis-deck>p{letter-spacing:-.025em;font-size:clamp(28px,3vw,48px);line-height:1.12}.aegis-live{color:inherit;border-bottom:1px solid;align-items:center;gap:38px;margin-top:24px;padding:14px 0;font-size:16px;text-decoration:none;display:inline-flex}.aegis-live span{transition:transform .25s}.aegis-live:hover span{transform:translate(3px,-3px)}.aegis-case .aegis-meta{border-top:1px solid #173b3b35;grid-template-columns:repeat(4,1fr);gap:24px;margin:52px 0 0;padding:30px 0 0;display:grid}.aegis-case dt{text-transform:uppercase;letter-spacing:.1em;opacity:.65;margin-bottom:10px;font-size:10px}.aegis-case dd{margin:0;font-size:14px;line-height:1.5}.aegis-hero-visual{background:#c1d5d0;padding:9% 16% 11% 8%;position:relative}.aegis-browser{background:#f7f9f8;border:6px solid #243c3a;border-radius:12px;overflow:hidden;box-shadow:0 28px 50px #143b3924}.aegis-browser-bar{color:#bacbc8;background:#243c3a;align-items:center;gap:5px;height:26px;padding:0 12px;display:flex}.aegis-browser-bar i{background:#8a9d98;border-radius:50%;width:5px;height:5px}.aegis-browser-bar span{margin:0 auto;padding-right:24px;font-size:9px}.aegis-hero-visual>.aegis-browser{transform:rotate(-3deg)}.aegis-phone{min-width:0;margin:0}.aegis-phone>div{background:#193d3d;border-radius:28px;padding:8px;box-shadow:0 20px 32px #143b3920}.aegis-phone img{border-radius:20px;width:100%}.aegis-phone figcaption{margin-top:22px;font-size:11px;line-height:1.5}.aegis-hero-visual>.aegis-phone{width:18%;position:absolute;bottom:10%;right:6%;transform:rotate(7deg)}.aegis-hero-visual .aegis-phone figcaption{display:none}.aegis-visual-label,.aegis-visual-foot{text-transform:uppercase;letter-spacing:.09em;font-size:11px;position:absolute;left:6vw}.aegis-visual-label{top:32px}.aegis-visual-foot{bottom:30px}.aegis-editorial{grid-template-columns:1fr 2fr;gap:5vw;padding:100px 6vw 70px;display:grid}.aegis-editorial>.aegis-eyebrow{padding-top:8px}.aegis-callouts{grid-template-columns:repeat(3,1fr);gap:4vw;padding:0 6vw 90px;display:grid}.aegis-callouts>div{border-top:1px solid #173b3b40;padding-top:20px}.aegis-callouts span{font-size:12px}.aegis-case .aegis-callouts p{font-size:16px}.aegis-web-showcase{background:#d9ded6;margin:0;padding:6vw}.aegis-web-showcase figcaption{margin-top:26px;font-size:12px}.aegis-tags{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.aegis-tags span{border:1px solid #173b3b50;border-radius:50px;padding:10px 16px;font-size:12px}.aegis-solution{color:#ecf2ed;background:#183f3f;padding-bottom:6vw}.aegis-solution>.aegis-browser{margin:0 6vw}.aegis-feature-grid{grid-template-columns:repeat(4,1fr);gap:30px;margin:0 6vw 60px;display:grid}.aegis-feature-grid>div{border-top:1px solid #ffffff40;padding-top:20px}.aegis-feature-grid span{margin-bottom:18px;font-size:19px;display:block}.aegis-case .aegis-feature-grid p{color:#c7d6d1;font-size:15px}.aegis-mobile-story{background:#d7cdec;padding-bottom:90px}.aegis-phone-grid{grid-template-columns:repeat(4,1fr);align-items:start;gap:4vw;max-width:1050px;margin:0 auto;padding:0 5vw;display:grid}.aegis-phone-grid .aegis-phone:nth-child(2n){margin-top:60px}.aegis-design-grid{grid-template-columns:1fr 1fr;gap:24px;padding:0 6vw 40px;display:grid}.aegis-type-card{background:#e4e9e2;padding:35px}.aegis-type-card strong{letter-spacing:-.07em;font-size:clamp(100px,15vw,200px);font-weight:500;display:block}.aegis-type-card h4{margin-top:0;font-size:40px}.aegis-case .aegis-type-card p{font-size:16px}.aegis-colors{flex-direction:column;display:flex}.aegis-colors>div{flex:1;justify-content:space-between;align-items:end;min-height:110px;padding:24px;font-size:13px;display:flex}.aegis-colors small{padding-top:12px;font-size:10px}.aegis-case .aegis-stack{border-top:1px solid #173b3b35;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:36px;padding-top:25px;display:grid}.aegis-outcome{background:#d7ded3;padding:85px 6vw 30px}.aegis-outcome h3{margin-top:40px}.aegis-lessons{max-width:760px;margin-top:45px}.aegis-case .aegis-lessons p{border-top:1px solid #173b3b35;max-width:none;padding:18px 0;font-size:18px}.aegis-lessons span{margin-right:25px;font-size:11px}.aegis-endnote{border-top:1px solid #173b3b35;margin-top:80px;padding-top:25px;font-size:11px}@media (max-width:760px){.aegis-intro{padding:95px 6vw 32px}.aegis-deck{grid-template-columns:1fr;gap:28px}.aegis-case .aegis-meta{grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:35px}.aegis-hero-visual{padding:85px 17% 90px 6%}.aegis-hero-visual>.aegis-phone{width:23%;bottom:55px;right:5%}.aegis-browser{border-width:3px;border-radius:7px}.aegis-browser-bar{height:18px;padding:0 6px}.aegis-browser-bar span{font-size:6px}.aegis-browser-bar i{width:3px;height:3px}.aegis-visual-label,.aegis-visual-foot{font-size:8px}.aegis-editorial{grid-template-columns:1fr;gap:28px;padding:60px 6vw 38px}.aegis-callouts{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.aegis-case h4{margin-top:15px}.aegis-feature-grid{grid-template-columns:1fr 1fr;gap:28px 22px}.aegis-feature-grid span{font-size:17px}.aegis-case .aegis-feature-grid p{font-size:14px}.aegis-phone-grid{grid-template-columns:1fr 1fr;gap:32px 7vw;padding:0 8vw}.aegis-phone-grid .aegis-phone:nth-child(2n){margin-top:35px}.aegis-phone>div{border-radius:18px;padding:5px}.aegis-phone img{border-radius:13px}.aegis-hero-visual .aegis-phone>div{border-radius:12px;padding:3px}.aegis-hero-visual .aegis-phone img{border-radius:9px}.aegis-mobile-story{padding-bottom:55px}.aegis-design-grid{grid-template-columns:1fr}.aegis-case .aegis-stack{grid-template-columns:1fr 1fr}.aegis-outcome{padding-top:55px}.aegis-case .aegis-lessons p{font-size:16px}.aegis-case .aegis-intro h2{margin-top:30px}}@media (prefers-reduced-motion:reduce){.aegis-live span{transition:none}}
dialog.project-modal.is-kasvin{color:#1e3b34;background:#f0e6c8}.is-kasvin .project-modal-close{color:#fae3af;background:#1e3b34;border:1px solid #3d5a4a;border-radius:100px;padding:13px 22px}.kasvin-case{font-family:PP Neue Montreal,Arial,sans-serif;overflow:clip}.project-modal .kasvin-case p,.project-modal .kasvin-case dt{color:inherit;font-family:inherit}.project-modal .kasvin-case dl,.project-modal .kasvin-case h2{font-family:inherit}.kasvin-case p{text-transform:none;max-width:58ch;margin:0;font-size:clamp(16px,1.5vw,21px);font-weight:400;line-height:1.55}.kasvin-case h3{letter-spacing:-.045em;text-transform:none;margin:0 0 30px;font-size:clamp(35px,4.4vw,72px);font-weight:500;line-height:1.04}.kasvin-case h4{margin:24px 0 14px;font-size:24px;font-weight:500;line-height:1.15}.kasvin-case img{object-fit:contain;height:auto;display:block}.kasvin-case .kasvin-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1.5}.kasvin-intro{padding:100px 6vw 46px}.kasvin-case .kasvin-intro h2{letter-spacing:-.075em;margin:38px 0 46px;font-size:clamp(80px,20vw,320px);font-weight:500;line-height:.88}.kasvin-deck{grid-template-columns:1.2fr 1fr;gap:8vw;display:grid}.kasvin-case .kasvin-deck>p{letter-spacing:-.025em;font-size:clamp(28px,3vw,48px);line-height:1.12}.kasvin-case .kasvin-meta{border-top:1px solid #1e3b3435;grid-template-columns:repeat(4,1fr);gap:24px;margin:52px 0 0;padding:30px 0 0;display:grid}.kasvin-case dt{text-transform:uppercase;letter-spacing:.1em;opacity:.65;margin-bottom:10px;font-size:10px}.kasvin-case dd{margin:0;font-size:14px;line-height:1.5}.kasvin-hero-visual{color:#fae3af;background:#1e3b34;justify-content:center;align-items:center;padding:9% 16% 11% 8%;display:flex;position:relative}.kasvin-hero-img{width:100%;max-width:500px;height:auto}.kasvin-visual-label,.kasvin-visual-foot{text-transform:uppercase;letter-spacing:.09em;font-size:11px;position:absolute;left:6vw}.kasvin-visual-label{top:32px}.kasvin-visual-foot{bottom:30px}.kasvin-editorial{grid-template-columns:1fr 2fr;gap:5vw;padding:100px 6vw 70px;display:grid}.kasvin-editorial>.kasvin-eyebrow{padding-top:8px}.kasvin-callouts{grid-template-columns:repeat(3,1fr);gap:4vw;padding:0 6vw 90px;display:grid}.kasvin-callouts>div{border-top:1px solid #1e3b3440;padding-top:20px}.kasvin-callouts span{font-size:12px}.kasvin-case .kasvin-callouts p{font-size:16px}.kasvin-tags{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.kasvin-tags span{border:1px solid #1e3b3450;border-radius:50px;padding:10px 16px;font-size:12px}.kasvin-logo-showcase{background:#1e3b34;margin:0;padding:6vw}.kasvin-logo-grid{justify-content:center;display:flex}.kasvin-logo-grid img{width:100%;max-width:900px;height:auto}.kasvin-design-grid{grid-template-columns:1fr 1fr;gap:24px;padding:0 6vw 40px;display:grid}.kasvin-type-card{background:#f2f1eb;padding:35px}.kasvin-type-card strong{letter-spacing:-.07em;font-size:clamp(100px,15vw,200px);font-weight:500;display:block}.kasvin-type-card h4{margin-top:0;font-size:40px}.kasvin-case .kasvin-type-card p{font-size:16px}.kasvin-colors{flex-direction:column;display:flex}.kasvin-colors>div{flex:1;justify-content:space-between;align-items:end;min-height:110px;padding:24px;font-size:13px;display:flex}.kasvin-colors small{padding-top:12px;font-size:10px}.kasvin-showcase-item{background:#1e3b34;position:relative;overflow:hidden}.kasvin-showcase-item img{object-fit:cover;width:100%;height:100%}.kasvin-showcase-item span{text-transform:uppercase;letter-spacing:.09em;color:#fae3af;background:linear-gradient(#0000,#1e3b34d9);padding:16px 24px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.kasvin-experience-grid{grid-template-columns:repeat(3,1fr);gap:4vw;padding:0 6vw 90px;display:grid}.kasvin-experience-card{border-top:1px solid #1e3b3440;padding-top:20px}.kasvin-experience-card h4{margin:16px 0 12px;font-size:20px}.kasvin-case .kasvin-experience-card p{font-size:15px}.kasvin-showcase-duo{grid-template-columns:1fr 1fr;gap:24px;padding:0 6vw 40px;display:grid}.kasvin-showcase-full{background:#1e3b34;margin:0 6vw 40px;position:relative;overflow:hidden}.kasvin-showcase-full img{width:100%;height:auto;display:block}.kasvin-showcase-full span{text-transform:uppercase;letter-spacing:.09em;color:#fae3af;background:linear-gradient(#0000,#1e3b34d9);padding:16px 24px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.kasvin-outcome{background:#f2f1eb;padding:85px 6vw 30px}.kasvin-outcome h3{margin-top:40px}.kasvin-lessons{max-width:760px;margin-top:45px}.kasvin-case .kasvin-lessons p{border-top:1px solid #1e3b3435;max-width:none;padding:18px 0;font-size:18px}.kasvin-lessons span{margin-right:25px;font-size:11px}.kasvin-endnote{border-top:1px solid #1e3b3435;margin-top:80px;padding-top:25px;font-size:11px}@media (max-width:760px){.kasvin-intro{padding:95px 6vw 32px}.kasvin-deck{grid-template-columns:1fr;gap:28px}.kasvin-case .kasvin-meta{grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:35px}.kasvin-hero-visual{padding:85px 6% 90px}.kasvin-hero-img{max-width:300px}.kasvin-visual-label,.kasvin-visual-foot{font-size:8px}.kasvin-editorial{grid-template-columns:1fr;gap:28px;padding:60px 6vw 38px}.kasvin-callouts{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.kasvin-case h4{margin-top:15px}.kasvin-design-grid{grid-template-columns:1fr}.kasvin-experience-grid{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.kasvin-showcase-duo{grid-template-columns:1fr}.kasvin-showcase-full{margin:0 6vw 28px}.kasvin-outcome{padding-top:55px}.kasvin-case .kasvin-lessons p{font-size:16px}.kasvin-case .kasvin-intro h2{margin-top:30px}}
dialog.project-modal.is-grains{color:#1a1a1a;background:#f5f5f5}.is-grains .project-modal-close{color:#fff;background:#4caf50;border:1px solid #3d8b40;border-radius:100px;padding:13px 22px}.grains-case{font-family:PP Neue Montreal,Arial,sans-serif;overflow:clip}.project-modal .grains-case p,.project-modal .grains-case dt{color:inherit;font-family:inherit}.project-modal .grains-case dl,.project-modal .grains-case h2{font-family:inherit}.grains-case p{text-transform:none;max-width:58ch;margin:0;font-size:clamp(16px,1.5vw,21px);font-weight:400;line-height:1.55}.grains-case h3{letter-spacing:-.045em;text-transform:none;margin:0 0 30px;font-size:clamp(35px,4.4vw,72px);font-weight:500;line-height:1.04}.grains-case h4{margin:24px 0 14px;font-size:24px;font-weight:500;line-height:1.15}.grains-case img{object-fit:contain;height:auto;display:block}.grains-case .grains-eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;line-height:1.5}.grains-intro{padding:100px 6vw 46px}.grains-case .grains-intro h2{letter-spacing:-.075em;margin:38px 0 46px;font-size:clamp(80px,20vw,320px);font-weight:500;line-height:.88}.grains-deck{grid-template-columns:1.2fr 1fr;gap:8vw;display:grid}.grains-case .grains-deck>p{letter-spacing:-.025em;font-size:clamp(28px,3vw,48px);line-height:1.12}.grains-case .grains-meta{border-top:1px solid #1a1a1a35;grid-template-columns:repeat(4,1fr);gap:24px;margin:52px 0 0;padding:30px 0 0;display:grid}.grains-case dt{text-transform:uppercase;letter-spacing:.1em;opacity:.65;margin-bottom:10px;font-size:10px}.grains-case dd{margin:0;font-size:14px;line-height:1.5}.grains-hero-visual{color:#4caf50;background:#1a1a1a;justify-content:center;align-items:center;padding:9% 16% 11% 8%;display:flex;position:relative}.grains-hero-img{width:100%;max-width:500px;height:auto}.grains-visual-label,.grains-visual-foot{text-transform:uppercase;letter-spacing:.09em;font-size:11px;position:absolute;left:6vw}.grains-visual-label{top:32px}.grains-visual-foot{bottom:30px}.grains-editorial{grid-template-columns:1fr 2fr;gap:5vw;padding:100px 6vw 70px;display:grid}.grains-editorial>.grains-eyebrow{padding-top:8px}.grains-callouts{grid-template-columns:repeat(3,1fr);gap:4vw;padding:0 6vw 90px;display:grid}.grains-callouts>div{border-top:1px solid #1a1a1a40;padding-top:20px}.grains-callouts span{font-size:12px}.grains-case .grains-callouts p{font-size:16px}.grains-tags{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.grains-tags span{border:1px solid #1a1a1a50;border-radius:50px;padding:10px 16px;font-size:12px}.grains-logo-showcase{background:#fff;margin:0;padding:6vw}.grains-logo-grid{justify-content:center;display:flex}.grains-logo-grid img{width:100%;max-width:500px;height:auto}.grains-design-grid{grid-template-columns:1fr 1fr;gap:24px;padding:0 6vw 40px;display:grid}.grains-type-card{background:#e8e8e8;padding:35px}.grains-type-card strong{letter-spacing:-.07em;color:#4caf50;font-size:clamp(100px,15vw,200px);font-weight:500;display:block}.grains-type-card h4{margin-top:0;font-size:40px}.grains-case .grains-type-card p{font-size:16px}.grains-colors{flex-direction:column;display:flex}.grains-colors>div{flex:1;justify-content:space-between;align-items:end;min-height:110px;padding:24px;font-size:13px;display:flex}.grains-colors small{padding-top:12px;font-size:10px}.grains-showcase-full{background:#1a1a1a;margin:0 6vw 40px;position:relative;overflow:hidden}.grains-showcase-full img{width:100%;height:auto;display:block}.grains-showcase-full span{text-transform:uppercase;letter-spacing:.09em;color:#4caf50;background:linear-gradient(#0000,#1a1a1ad9);padding:16px 24px;font-size:12px;position:absolute;bottom:0;left:0;right:0}.grains-experience-grid{grid-template-columns:repeat(3,1fr);gap:4vw;padding:0 6vw 90px;display:grid}.grains-experience-card{border-top:1px solid #1a1a1a40;padding-top:20px}.grains-experience-card h4{margin:16px 0 12px;font-size:20px}.grains-case .grains-experience-card p{font-size:15px}.grains-outcome{background:#e8e8e8;padding:85px 6vw 30px}.grains-outcome h3{margin-top:40px}.grains-lessons{max-width:760px;margin-top:45px}.grains-case .grains-lessons p{border-top:1px solid #1a1a1a35;max-width:none;padding:18px 0;font-size:18px}.grains-lessons span{margin-right:25px;font-size:11px}.grains-endnote{border-top:1px solid #1a1a1a35;margin-top:80px;padding-top:25px;font-size:11px}@media (max-width:760px){.grains-intro{padding:95px 6vw 32px}.grains-deck{grid-template-columns:1fr;gap:28px}.grains-case .grains-meta{grid-template-columns:1fr 1fr;gap:24px 18px;margin-top:35px}.grains-hero-visual{padding:85px 6% 90px}.grains-hero-img{max-width:300px}.grains-visual-label,.grains-visual-foot{font-size:8px}.grains-editorial{grid-template-columns:1fr;gap:28px;padding:60px 6vw 38px}.grains-callouts{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.grains-case h4{margin-top:15px}.grains-design-grid{grid-template-columns:1fr}.grains-showcase-full{margin:0 6vw 28px}.grains-experience-grid{grid-template-columns:1fr;gap:28px;padding-bottom:55px}.grains-outcome{padding-top:55px}.grains-case .grains-lessons p{font-size:16px}.grains-case .grains-intro h2{margin-top:30px}}
.skip-link{z-index:2000;color:#170021;background:#fff;padding:12px 18px;font-family:sans-serif;position:fixed;top:12px;left:12px;transform:translateY(-200%)}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible{outline-offset:5px;outline:2px solid}.project-image{position:relative}.gradient-canvas,.image-ribbon-gradient{background:linear-gradient(125deg,#4a1a7a,#9b30ff,#2d1b4e)}.hero:not(.hero-animated){height:auto;overflow:clip}.hero:not(.hero-animated) .hero-fg-content{height:100svh;position:relative}.hero:not(.hero-animated) .hero-bg-content{height:auto;min-height:60svh;position:relative}.hero:not(.hero-animated) .hero-bg-content-copy{margin-top:0}.hero:not(.hero-animated) .hero-outro-content{height:auto;min-height:100svh;position:relative}.hero:not(.hero-animated) .hero-outro-img,.hero:not(.hero-animated) .hero-outro-about{clip-path:none;height:auto;min-height:100svh}.hero:not(.hero-animated) .hero-outro-img{flex-basis:50%}.site-header.menu-open{opacity:1;visibility:visible;pointer-events:auto}.outro-socials a{justify-content:center;align-items:center;min-width:24px;min-height:24px;display:inline-flex}@media (max-width:760px){.menu-overlay-socials{flex-wrap:wrap;justify-content:center;gap:16px 24px;padding:0 24px}.hero:not(.hero-animated) .hero-outro-img{flex:none;height:50svh;min-height:50svh}.hero:not(.hero-animated) .hero-outro-about{height:auto;min-height:50svh;overflow:visible}.hero-outro-about{overscroll-behavior:contain}.hero-outro-about p{font-size:.95rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation:none!important}.hero *{will-change:auto}}