.ProjectGallery-module-scss-module__t_pWdq__section{padding:clamp(40px,6vw,88px) 0 clamp(64px,8vw,110px);position:relative;overflow-x:clip}.ProjectGallery-module-scss-module__t_pWdq__inner{max-width:var(--container);padding:0 var(--gutter);margin:auto;position:relative}.ProjectGallery-module-scss-module__t_pWdq__section:before{content:"";pointer-events:none;background:radial-gradient(closest-side, color-mix(in srgb, var(--accent) 22%, transparent), transparent);filter:blur(20px);width:70%;height:90%;animation:9s ease-in-out infinite alternate ProjectGallery-module-scss-module__t_pWdq__glow;position:absolute;top:-30%;left:-10%}@keyframes ProjectGallery-module-scss-module__t_pWdq__glow{0%{opacity:.6;translate:0}to{opacity:1;translate:6% 4%}}.ProjectGallery-module-scss-module__t_pWdq__heading{justify-items:start;gap:24px;margin-bottom:clamp(36px,4.5vw,60px);display:grid}.ProjectGallery-module-scss-module__t_pWdq__heading h1{letter-spacing:-.05em;padding-bottom:26px;font-size:clamp(44px,6vw,96px);font-weight:600;line-height:.95}.ProjectGallery-module-scss-module__t_pWdq__heading p{color:var(--muted);max-width:620px;font-size:17px;line-height:1.6}.ProjectGallery-module-scss-module__t_pWdq__section[data-heading=h2] .ProjectGallery-module-scss-module__t_pWdq__heading{gap:0}.ProjectGallery-module-scss-module__t_pWdq__bento ul{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(14px,1.6vw,20px);list-style:none;display:grid}.ProjectGallery-module-scss-module__t_pWdq__bento li{grid-column:span 5}.ProjectGallery-module-scss-module__t_pWdq__bento li:nth-child(4n+1),.ProjectGallery-module-scss-module__t_pWdq__bento li:nth-child(4n){grid-column:span 7}.ProjectGallery-module-scss-module__t_pWdq__card{--w:66px;--c:22px;isolation:isolate;color:#fff;border-radius:28px;height:clamp(460px,38vw,560px);text-decoration:none;display:block;position:relative;overflow:hidden}.ProjectGallery-module-scss-module__t_pWdq__card:before{content:"";z-index:-1;border-radius:inherit;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0),radial-gradient(circle at 0 100%, #000 calc(var(--c) - .5px), transparent var(--c)),linear-gradient(#000 0 0),linear-gradient(#000 0 0),radial-gradient(circle at 0 100%, #000 calc(var(--c) - .5px), transparent var(--c)),radial-gradient(circle at 100% 0, transparent calc(var(--c) - .5px), #000 var(--c));-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0),radial-gradient(circle at 0 100%, #000 calc(var(--c) - .5px), transparent var(--c)),linear-gradient(#000 0 0),linear-gradient(#000 0 0),radial-gradient(circle at 0 100%, #000 calc(var(--c) - .5px), transparent var(--c)),radial-gradient(circle at 100% 0, transparent calc(var(--c) - .5px), #000 var(--c));mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0),radial-gradient(circle at 0 100%, #000 calc(var(--c) - .5px), transparent var(--c)),linear-gradient(#000 0 0),linear-gradient(#000 0 0),radial-gradient(circle at 0 100%, #000 calc(var(--c) - .5px), transparent var(--c)),radial-gradient(circle at 100% 0, transparent calc(var(--c) - .5px), #000 var(--c));-webkit-mask-position:left 0 top 0,right var(--w) bottom 0,right var(--w) top 0,left 0 bottom 0,left 0 top var(--w),right 0 top var(--w),right calc(var(--w) - var(--c)) top calc(var(--w) - var(--c));-webkit-mask-position:left 0 top 0,right var(--w) bottom 0,right var(--w) top 0,left 0 bottom 0,left 0 top var(--w),right 0 top var(--w),right calc(var(--w) - var(--c)) top calc(var(--w) - var(--c));mask-position:left 0 top 0,right var(--w) bottom 0,right var(--w) top 0,left 0 bottom 0,left 0 top var(--w),right 0 top var(--w),right calc(var(--w) - var(--c)) top calc(var(--w) - var(--c));-webkit-mask-size:calc(100% - var(--w) - var(--c) + 1px) 100%,var(--c) calc(100% - var(--c) + 1px),var(--c) var(--c),100% calc(100% - var(--w) - var(--c) + 1px),calc(100% - var(--c) + 1px) var(--c),var(--c) var(--c),calc(var(--c) + 1px) calc(var(--c) + 1px);-webkit-mask-size:calc(100% - var(--w) - var(--c) + 1px) 100%,var(--c) calc(100% - var(--c) + 1px),var(--c) var(--c),100% calc(100% - var(--w) - var(--c) + 1px),calc(100% - var(--c) + 1px) var(--c),var(--c) var(--c),calc(var(--c) + 1px) calc(var(--c) + 1px);mask-size:calc(100% - var(--w) - var(--c) + 1px) 100%,var(--c) calc(100% - var(--c) + 1px),var(--c) var(--c),100% calc(100% - var(--w) - var(--c) + 1px),calc(100% - var(--c) + 1px) var(--c),var(--c) var(--c),calc(var(--c) + 1px) calc(var(--c) + 1px);background:radial-gradient(90% 70% at 100% 0%, color-mix(in srgb, var(--hi) 26%, transparent), transparent 65%),linear-gradient(165deg, color-mix(in srgb, var(--deep) 88%, #fff 4%), color-mix(in srgb, var(--deep) 55%, #000));position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.ProjectGallery-module-scss-module__t_pWdq__card:focus-visible{outline:none}@media (hover:hover) and (pointer:fine){.ProjectGallery-module-scss-module__t_pWdq__card:hover{outline:none}}.ProjectGallery-module-scss-module__t_pWdq__card:focus-visible .ProjectGallery-module-scss-module__t_pWdq__visual{translate:0 -10px}@media (hover:hover) and (pointer:fine){.ProjectGallery-module-scss-module__t_pWdq__card:hover .ProjectGallery-module-scss-module__t_pWdq__visual{translate:0 -10px}}.ProjectGallery-module-scss-module__t_pWdq__card:focus-visible .ProjectGallery-module-scss-module__t_pWdq__notch i{background:var(--hi);border-color:var(--hi);color:#000}@media (hover:hover) and (pointer:fine){.ProjectGallery-module-scss-module__t_pWdq__card:hover .ProjectGallery-module-scss-module__t_pWdq__notch i{background:var(--hi);border-color:var(--hi);color:#000}}.ProjectGallery-module-scss-module__t_pWdq__text{z-index:2;justify-items:start;gap:10px;padding:clamp(24px,2.4vw,36px) 84px clamp(24px,2.4vw,36px) clamp(24px,2.4vw,36px);display:grid;position:relative}.ProjectGallery-module-scss-module__t_pWdq__text small{color:var(--hi);font-size:13px;font-weight:400}.ProjectGallery-module-scss-module__t_pWdq__text strong{letter-spacing:-.01em;color:#ffffffd9;max-width:30ch;font-size:clamp(16px,1.3vw,19px);font-weight:500;line-height:1.35}.ProjectGallery-module-scss-module__t_pWdq__name{letter-spacing:-.065em;text-transform:lowercase;color:var(--paper);padding-bottom:.06em;font-size:clamp(52px,5.4vw,88px);font-weight:700;line-height:.9}.ProjectGallery-module-scss-module__t_pWdq__visual{z-index:1;filter:drop-shadow(0 20px 28px #00000080);transition:translate .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:40% clamp(24px,2.4vw,36px) -20%}.ProjectGallery-module-scss-module__t_pWdq__notch{z-index:3;position:absolute;top:0;right:0}.ProjectGallery-module-scss-module__t_pWdq__notch i{border:1px solid var(--line-strong);width:56px;height:56px;color:var(--hi);border-radius:50%;place-items:center;transition:background-color .5s,border-color .5s,color .5s;display:grid}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ProjectGallery-module-scss-module__t_pWdq__card{cursor:none}}.ProjectGallery-module-scss-module__t_pWdq__card[data-clip]{--clip-delay:calc(var(--k) * .15s);transition:box-shadow .8s ease,clip-path var(--dur-reveal) var(--ease-reveal) var(--clip-delay)}.ProjectGallery-module-scss-module__t_pWdq__bento li{transition:filter .6s cubic-bezier(.22,1,.36,1)}@media (hover:hover) and (pointer:fine){.ProjectGallery-module-scss-module__t_pWdq__bento ul:has(.ProjectGallery-module-scss-module__t_pWdq__card:is(:hover,:focus-visible))>li:not(:has(.ProjectGallery-module-scss-module__t_pWdq__card:is(:hover,:focus-visible))){filter:opacity(.3)}}@media (max-width:1100px){.ProjectGallery-module-scss-module__t_pWdq__bento li,.ProjectGallery-module-scss-module__t_pWdq__bento li:nth-child(4n+1),.ProjectGallery-module-scss-module__t_pWdq__bento li:nth-child(4n){grid-column:span 6}}@media (max-width:700px){.ProjectGallery-module-scss-module__t_pWdq__inner{padding:0 16px}.ProjectGallery-module-scss-module__t_pWdq__bento li,.ProjectGallery-module-scss-module__t_pWdq__bento li:nth-child(4n+1),.ProjectGallery-module-scss-module__t_pWdq__bento li:nth-child(4n){grid-column:1/-1}.ProjectGallery-module-scss-module__t_pWdq__card{--w:58px;height:430px}.ProjectGallery-module-scss-module__t_pWdq__visual{inset:38% 20px -16%}.ProjectGallery-module-scss-module__t_pWdq__notch i{width:48px;height:48px}}@media (prefers-reduced-motion:reduce){.ProjectGallery-module-scss-module__t_pWdq__section:before{animation:none}.ProjectGallery-module-scss-module__t_pWdq__card,.ProjectGallery-module-scss-module__t_pWdq__visual,.ProjectGallery-module-scss-module__t_pWdq__notch i,.ProjectGallery-module-scss-module__t_pWdq__bento li{transition:none!important}}@media (prefers-reduced-motion:reduce) and (hover:hover) and (pointer:fine){.ProjectGallery-module-scss-module__t_pWdq__bento ul:has(.ProjectGallery-module-scss-module__t_pWdq__card:is(:hover,:focus-visible))>li:not(:has(.ProjectGallery-module-scss-module__t_pWdq__card:is(:hover,:focus-visible))){filter:opacity(.3)}}
.ProjectShowcase-module-scss-module__kt805q__section{z-index:1;padding:clamp(40px,6vw,88px) 0 clamp(24px,3vw,40px);position:relative}.ProjectShowcase-module-scss-module__kt805q__inner{max-width:var(--container);padding:0 var(--gutter);margin:auto;position:relative}.ProjectShowcase-module-scss-module__kt805q__heading{margin-bottom:clamp(32px,4vw,56px)}.ProjectShowcase-module-scss-module__kt805q__intro{justify-items:start;gap:24px;margin-bottom:clamp(56px,7vw,104px);display:grid}.ProjectShowcase-module-scss-module__kt805q__intro h1{letter-spacing:-.05em;padding-bottom:26px;font-size:clamp(44px,6vw,96px);font-weight:600;line-height:.95}.ProjectShowcase-module-scss-module__kt805q__intro p{color:var(--muted);max-width:620px;font-size:17px;line-height:1.6}.ProjectShowcase-module-scss-module__kt805q__list{gap:clamp(14px,1.6vw,20px);margin:0;padding:0;list-style:none;display:grid}.ProjectShowcase-module-scss-module__kt805q__card{isolation:isolate;background:var(--surface);height:clamp(480px,42vw,620px);box-shadow:inset 0 0 0 1px var(--line);color:var(--text);border-radius:28px;grid-template-columns:repeat(12,minmax(0,1fr));text-decoration:none;display:grid;position:relative;overflow:hidden}.ProjectShowcase-module-scss-module__kt805q__card:focus-visible{outline:2px solid var(--accent);outline-offset:4px}.ProjectShowcase-module-scss-module__kt805q__text{z-index:2;flex-direction:column;grid-column:1/span 5;align-items:flex-start;gap:12px;padding:clamp(28px,3vw,44px);display:flex;position:relative}.ProjectShowcase-module-scss-module__kt805q__text small{color:var(--muted);font-size:13px}.ProjectShowcase-module-scss-module__kt805q__text strong{letter-spacing:-.02em;max-width:26ch;font-size:clamp(19px,1.6vw,24px);font-weight:500;line-height:1.25}.ProjectShowcase-module-scss-module__kt805q__card[data-side=left] .ProjectShowcase-module-scss-module__kt805q__text{grid-area:1/8/auto/span 5}.ProjectShowcase-module-scss-module__kt805q__name{letter-spacing:-.065em;text-transform:lowercase;padding-bottom:.06em;font-size:clamp(52px,5.6vw,92px);font-weight:700;line-height:.9}.ProjectShowcase-module-scss-module__kt805q__task{max-width:42ch;color:var(--muted);font-size:15px;line-height:1.55}.ProjectShowcase-module-scss-module__kt805q__tags{flex-wrap:wrap;gap:8px;margin-top:4px;display:flex}.ProjectShowcase-module-scss-module__kt805q__tags i{border-radius:var(--pill);box-shadow:inset 0 0 0 1px var(--line-strong);color:var(--muted);padding:6px 12px;font-size:12.5px;font-style:normal}.ProjectShowcase-module-scss-module__kt805q__more{border-radius:var(--pill);background:var(--accent);height:48px;color:var(--on-accent);letter-spacing:.07em;text-transform:uppercase;align-items:center;gap:12px;margin-top:auto;padding:0 20px 0 24px;font-size:12px;font-weight:600;display:inline-flex}.ProjectShowcase-module-scss-module__kt805q__more>span:last-child,.ProjectShowcase-module-scss-module__kt805q__more>span:last-child svg{width:16px;height:16px}.ProjectShowcase-module-scss-module__kt805q__visual{grid-column:6/span 7;min-width:0;position:relative}.ProjectShowcase-module-scss-module__kt805q__card[data-side=left] .ProjectShowcase-module-scss-module__kt805q__visual{grid-area:1/1/auto/span 7}.ProjectShowcase-module-scss-module__kt805q__frame{box-shadow:0 0 0 1px var(--line);background:var(--surface-2);border-radius:14px 14px 0 0;transition:translate .9s cubic-bezier(.22,1,.36,1);position:absolute;inset:clamp(36px,4vw,56px) clamp(28px,3vw,44px) -2px 0;overflow:hidden;container-type:size}.ProjectShowcase-module-scss-module__kt805q__frame img{width:100%;height:auto;transition:translate .9s cubic-bezier(.45,0,.2,1);display:block}.ProjectShowcase-module-scss-module__kt805q__card[data-side=left] .ProjectShowcase-module-scss-module__kt805q__frame{left:clamp(28px,3vw,44px);right:0}.ProjectShowcase-module-scss-module__kt805q__visual:not([data-long]) .ProjectShowcase-module-scss-module__kt805q__frame img{object-fit:cover;object-position:top left;height:100%}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.ProjectShowcase-module-scss-module__kt805q__card{cursor:none}}.ProjectShowcase-module-scss-module__kt805q__card[data-clip]{--clip-delay:calc(var(--k) * .12s);transition:box-shadow .6s ease,clip-path var(--dur-reveal) var(--ease-reveal) var(--clip-delay)}.ProjectShowcase-module-scss-module__kt805q__list>li{transition:transform .9s cubic-bezier(.22,1,.36,1),filter .9s cubic-bezier(.22,1,.36,1)}.ProjectShowcase-module-scss-module__kt805q__list[data-scroll-focus]>li:not([data-focus]){filter:brightness(.5)saturate(.8);transform:scale(.95)}.ProjectShowcase-module-scss-module__kt805q__list>li[data-focus] .ProjectShowcase-module-scss-module__kt805q__card{box-shadow:inset 0 0 0 1px #ffffffa6}.ProjectShowcase-module-scss-module__kt805q__list>li[data-focus] .ProjectShowcase-module-scss-module__kt805q__frame{translate:0 -8px}.ProjectShowcase-module-scss-module__kt805q__list>li[data-focus] .ProjectShowcase-module-scss-module__kt805q__visual[data-long] .ProjectShowcase-module-scss-module__kt805q__frame img{transition-duration:var(--scroll);transition-delay:.5s;translate:0 min(0px,100cqh - 100%)}@media (max-width:1100px){.ProjectShowcase-module-scss-module__kt805q__text,.ProjectShowcase-module-scss-module__kt805q__card[data-side=left] .ProjectShowcase-module-scss-module__kt805q__text{grid-column:1/span 6}.ProjectShowcase-module-scss-module__kt805q__visual,.ProjectShowcase-module-scss-module__kt805q__card[data-side=left] .ProjectShowcase-module-scss-module__kt805q__text{grid-column:7/span 6}.ProjectShowcase-module-scss-module__kt805q__card[data-side=left] .ProjectShowcase-module-scss-module__kt805q__visual{grid-column:1/span 6}.ProjectShowcase-module-scss-module__kt805q__task{display:none}}@media (max-width:760px){.ProjectShowcase-module-scss-module__kt805q__inner{padding:0 16px}.ProjectShowcase-module-scss-module__kt805q__card,.ProjectShowcase-module-scss-module__kt805q__card[data-side=left]{flex-direction:column;height:auto;display:flex}.ProjectShowcase-module-scss-module__kt805q__text{gap:10px;padding:24px 22px 20px}.ProjectShowcase-module-scss-module__kt805q__task{display:block}.ProjectShowcase-module-scss-module__kt805q__more{margin-top:10px}.ProjectShowcase-module-scss-module__kt805q__visual{flex:none;height:300px}.ProjectShowcase-module-scss-module__kt805q__frame,.ProjectShowcase-module-scss-module__kt805q__card[data-side=left] .ProjectShowcase-module-scss-module__kt805q__frame{top:6px;left:22px;right:22px}}@media (prefers-reduced-motion:reduce){.ProjectShowcase-module-scss-module__kt805q__frame,.ProjectShowcase-module-scss-module__kt805q__frame img,.ProjectShowcase-module-scss-module__kt805q__list>li{transition:none!important}.ProjectShowcase-module-scss-module__kt805q__list>li[data-focus] .ProjectShowcase-module-scss-module__kt805q__visual[data-long] .ProjectShowcase-module-scss-module__kt805q__frame img{translate:none}}
