.projectDetail .projectGallery{border-radius:1.5rem;grid-template-columns:repeat(2,minmax(0,1fr));gap:.375rem;margin-inline:auto;display:grid;overflow:hidden;box-shadow:0 1.75rem 3.5rem -2rem #6445df52}.projectDetail .projectGallery button{aspect-ratio:2;cursor:zoom-in;background:#15171e;border:0;padding:0;position:relative;overflow:hidden}.projectDetail .projectGallery button:focus-visible{z-index:1;outline-offset:-.25rem;outline:.1875rem solid #6445df}.projectDetail .projectGallery .projectGalleryUnderlay,.projectDetail .projectGallery .projectGalleryReveal{display:block;position:absolute;inset:0}.projectDetail .projectGallery .projectGalleryUnderlay img,.projectDetail .projectGallery .projectGalleryReveal img{width:100%;height:100%;display:block}.projectDetail .projectGallery .projectGalleryUnderlay{z-index:0;filter:saturate(.75)brightness(.78)}.projectDetail .projectGallery .projectGalleryReveal{z-index:1}.projectDetail .projectGallery button:only-child{aspect-ratio:16/9;grid-column:1/-1}.projectDetail .projectGallery button:only-child:has(.isPortrait){aspect-ratio:9/16;justify-self:center;width:min(100%,28rem)}.projectDetail .projectGallery:has(button:only-child .isPortrait){width:min(100%,28rem)}.projectDetail .projectLightbox{z-index:50;cursor:zoom-out;background:#15171ee0;place-items:center;padding:3rem;display:grid;position:fixed;inset:0}.projectDetail .projectLightbox .projectLightboxImage{cursor:default;width:min(100%,75.75rem);height:85svh;position:relative}.projectDetail .projectLightbox .projectLightboxImage img{border-radius:.5rem}.projectDetail .projectLightbox button{color:#fff;cursor:pointer;background:0 0;border:0;font-size:2.5rem;line-height:1;position:absolute;top:1.5rem;right:1.5rem}@media (max-width:47.5rem){.projectDetail .projectGallery{grid-template-columns:1fr;gap:.25rem}.projectDetail .projectGallery button{aspect-ratio:1.45}.projectDetail .projectLightbox{padding:3rem 1rem}}
.projectDetail .projectStory{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:start;gap:clamp(2rem,5vw,5rem);padding:5rem 0 3rem;display:grid}.projectDetail .projectStoryLead{min-width:0}.projectDetail .projectStoryLead h2{color:#15171e;letter-spacing:-.035em;max-width:23rem;font-size:clamp(1.8rem,2.4vw,2.4rem);line-height:1.14}.projectDetail .projectExternalLinks{flex-wrap:wrap;gap:.7rem;margin:1.4rem 0 0;display:flex}.projectDetail .projectExternalLinks .projectInstagram{margin:0}.projectDetail .projectStoryStage{background:#ffffffd9;border:1px solid #dfe5f0cc;border-radius:1.25rem;margin-top:2rem;overflow:hidden;box-shadow:0 1.5rem 3rem -2rem #6445df59}.projectDetail .projectStoryStageImages{aspect-ratio:1.35;background:#15171e;position:relative;overflow:hidden}.projectDetail .projectStoryStageImage{opacity:0;position:absolute;inset:0}.projectDetail .projectStoryStageImage:first-child{opacity:1}.projectDetail .projectStoryStageImage img{object-fit:cover}.projectDetail .projectStoryStageCaption{color:#6445df;letter-spacing:.08em;justify-content:space-between;padding:.9rem 1.15rem;font-size:.75rem;font-weight:600;display:flex}.projectDetail .projectStorySteps{min-width:0}.projectDetail .projectStoryStep{border-left:2px solid #dfe5f0;min-height:clamp(13rem,34vh,20rem);padding:1.5rem 0 2.5rem 1.5rem;transition:border-color .25s}.projectDetail .projectStoryStep.isActive{border-left-color:#6445df}.projectDetail .projectStoryStep h3{color:#6445df;margin-top:.8rem;font-size:.75rem;font-weight:600}.projectDetail .projectStoryStep p{color:#15171e;max-width:42rem;margin-top:.9rem;font-size:1.5rem;line-height:1.6}.projectDetail .projectStoryStepNumber{color:#6445df8c;letter-spacing:.08em;font-size:.75rem;font-weight:700}.projectDetail .projectStoryStepImage{display:none}@media (max-width:68.75rem){.projectDetail .projectStory{grid-template-columns:1fr;gap:2rem;padding-top:4rem}.projectDetail .projectStoryStage{display:none}.projectDetail .projectStoryStep{min-height:0;padding-bottom:2.75rem}.projectDetail .projectStoryStepImage{aspect-ratio:1.6;background:#15171e;border-radius:1rem;max-width:38rem;margin-top:1.5rem;display:block;position:relative;overflow:hidden}.projectDetail .projectStoryStepImage img{object-fit:cover}}@media (max-width:47.5rem){.projectDetail .projectStory{padding-top:3.5rem}.projectDetail .projectStoryStep{padding-left:1rem}.projectDetail .projectStoryStep p{font-size:1.125rem}}
.projectDetail{background:radial-gradient(at 0 10%,#6445df26,#0000 40%),radial-gradient(at 100% 45%,#00bbae33,#0000 42%),#f5f5fc;min-height:100svh;padding:2.5rem max(2rem,50% - 37.875rem) 5rem}.projectDetail .projectDetailInner{max-width:75.75rem;margin:0 auto}.projectDetail .projectBack{color:#15171e;align-items:center;gap:.625rem;font-size:1rem;text-decoration:none;display:inline-flex}.projectDetail .projectBack:hover{color:#6445df}.projectDetail .projectBack:focus-visible{outline-offset:.25rem;outline:.1875rem solid #6445df}.projectDetail .projectDetailHeader{grid-template-columns:1.3fr .9fr;align-items:end;gap:4rem;margin-top:2.75rem;display:grid}.projectDetail .projectDemoBadge{color:#7e8ca4;border:.0625rem solid #dfe5f0;border-radius:62.4375rem;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;display:inline-flex}.projectDetail .projectDemoBadge:first-letter{color:#00bbae}.projectDetail h1{color:#15171e;letter-spacing:-.125rem;margin-top:2rem;font-size:clamp(3.5rem,6vw,4.5rem);font-weight:700;line-height:1}.projectDetail .projectDetailHeader>div>p{color:#7e8ca4;max-width:42rem;margin-top:1.5rem;font-size:1.5rem;line-height:1.5}.projectDetail .projectMeta{border-top:.0625rem solid #dfe5f0;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;padding-top:1.5rem;display:grid}.projectDetail .projectMeta dt{color:#7e8ca4;font-size:.75rem}.projectDetail .projectMeta dd{color:#15171e;margin-top:.5rem;font-size:.875rem;font-weight:600;line-height:1.45}.projectDetail .projectDetailCover{aspect-ratio:16/9;background:#15171e;border-radius:1.5rem;margin-top:3.25rem;position:relative;overflow:hidden;box-shadow:0 2rem 4rem -2rem #6445df57}.projectDetail .projectDetailCover:has(.isPortrait){aspect-ratio:9/16;width:min(100%,28rem);margin-inline:auto}.projectDetail .projectVideoShowcase{grid-template-columns:minmax(12rem,.55fr) minmax(0,1.45fr);align-items:start;gap:4rem;margin-bottom:4rem;display:grid}.projectDetail .projectVideoShowcase header{padding-top:1rem}.projectDetail .projectVideoShowcase header span{color:#6445df;font-size:.75rem;font-weight:600}.projectDetail .projectVideoShowcase header h2{color:#15171e;max-width:18rem;margin-top:.75rem;font-size:1.75rem;line-height:1.2}.projectDetail .projectVideoShowcase .projectDetailVideo{aspect-ratio:16/9;background:#15171e;border:.0625rem solid #ffffffb3;border-radius:1.5rem;position:relative;overflow:hidden;box-shadow:0 1.75rem 3.5rem -2rem #6445df66}.projectDetail .projectVideoShowcase .projectDetailVideo iframe,.projectDetail .projectVideoShowcase .projectDetailVideo video{object-fit:cover;border:0;width:100%;height:100%;display:block}.projectDetail .projectVideoShowcase .projectDetailVideo.isInstagram{aspect-ratio:4/5;background:#fff;justify-self:center;width:min(100%,34rem)}.projectDetail .projectVideoShowcase .projectDetailVideo.isInstagram iframe{background:#fff}.projectDetail .projectInstagram{color:#6445df;background:#ffffffad;border:.0625rem solid #6445df33;border-radius:62.4375rem;align-items:center;gap:.625rem;margin-top:1.5rem;padding:.75rem 1.125rem;font-size:1rem;font-weight:600;text-decoration:none;transition:background-color .18s,border-color .18s,transform .18s;display:inline-flex;box-shadow:0 .5rem 1.25rem -.75rem #6445df8c}.projectDetail .projectInstagram span{transition:transform .18s}.projectDetail .projectInstagram:hover{background:#fff;border-color:#6445df6b;transform:translateY(-.125rem)}.projectDetail .projectInstagram:hover span{transform:translate(.125rem,-.125rem)}.projectDetail .projectInstagram:focus-visible{outline-offset:.25rem;outline:.1875rem solid #6445df}.projectDetail .projectDetailCta{color:#fff;background:#15171e;border-radius:1.5rem;margin-top:5rem;padding:3.5rem;box-shadow:inset 0 0 0 .0625rem #ffffff1a,inset 0 1.25rem 3rem -2rem #00bbae2e,0 1.75rem 3rem -2rem #6445df57}.projectDetail .projectDetailCta h2{font-size:2rem}.projectDetail .projectDetailCta p{color:#ffffffad;margin-top:.75rem;font-size:1rem}.projectDetail .projectDetailCta a{color:#fff;background:#6445df;border-radius:62.4375rem;gap:.625rem;margin-top:1.75rem;padding:.875rem 1.5rem;font-weight:600;text-decoration:none;display:inline-flex}@media (max-width:47.5rem){.projectDetail{padding:1.5rem 1.5rem 4rem}.projectDetail .projectDetailHeader{grid-template-columns:1fr;gap:2.5rem;margin-top:2rem}.projectDetail h1{font-size:clamp(3rem,13vw,4.5rem)}.projectDetail .projectDetailHeader>div>p{font-size:1.125rem}.projectDetail .projectDetailCover{aspect-ratio:1.15;margin-top:2.5rem}.projectDetail .projectVideoShowcase{grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem}.projectDetail .projectVideoShowcase header{padding-top:0}.projectDetail .projectVideoShowcase header h2{max-width:none}.projectDetail .projectDetailCta{margin-top:3.5rem;padding:2rem}}@media (max-width:68.75rem) and (min-width:47.5625rem){.projectDetail .projectDetailHeader{grid-template-columns:1fr;gap:2.5rem}.projectDetail .projectVideoShowcase{grid-template-columns:1fr;gap:1.5rem}.projectDetail .projectVideoShowcase header h2{max-width:none}}