.projectShowcase{--showcase-motion-duration:.62s;--showcase-close-duration:.44s;--showcase-inset:clamp(18px, 4vw, 64px);--showcase-line:#00bfff33;--showcase-muted:#e8f5ffb8;--showcase-faint:#e8f5ff85;--showcase-ease:cubic-bezier(.22, 1, .36, 1);--detail-image-height:max(120px, calc(100svh - 200px));cursor:grab;isolation:isolate;-webkit-user-select:none;user-select:none;width:100%;max-width:none;height:100svh;max-height:none;color:var(--paper,#f0f5f7);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.projectShowcase[open]{display:block}.projectShowcase [hidden]{display:none}.projectShowcase:before,.projectShowcase:after{content:"";pointer-events:none;animation:projectShowcaseBackdropIn var(--showcase-motion-duration) ease both;position:absolute;inset:0}.projectShowcase:before{z-index:-2;opacity:.72;background-image:linear-gradient(#00bfff12 1px,#0000 1px),linear-gradient(90deg,#00bfff12 1px,#0000 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000);mask-image:linear-gradient(90deg,#0000,#000 9% 91%,#0000)}.projectShowcase:after{z-index:-3;background:radial-gradient(circle at 88% 14%, #00bfff1a, transparent 28%), linear-gradient(155deg, var(--ink), var(--navy) 52%, var(--ink))}.projectShowcase::backdrop{animation:projectShowcaseBackdropIn var(--showcase-motion-duration) ease both;background:#000614d9}.projectShowcase[data-dragging=true],.projectShowcase[data-dragging=true] *{cursor:grabbing}.projectShowcase[data-dragging=true] .projectShowcaseBody{transition:none}.projectShowcase[data-phase=closing],.projectShowcase[data-closing=true]{pointer-events:none}.projectShowcase[data-phase=closing]:before,.projectShowcase[data-phase=closing]:after,.projectShowcase[data-phase=closing]::backdrop,.projectShowcase[data-closing=true]:before,.projectShowcase[data-closing=true]:after,.projectShowcase[data-closing=true]::backdrop{animation:projectShowcaseBackdropOut var(--showcase-close-duration) ease both}.projectShowcase[data-phase=closing] .projectShowcaseChrome,.projectShowcase[data-closing=true] .projectShowcaseChrome{animation:.18s both projectShowcaseChromeOut}.projectShowcase[data-phase=closing] .projectShowcaseBody,.projectShowcase[data-closing=true] .projectShowcaseBody{transition:none;transform:none}.projectShowcase button:focus-visible,.projectShowcase a:focus-visible,.projectShowcase [tabindex="0"]:focus-visible{outline:2px solid var(--cyan);outline-offset:-3px}.projectShowcaseChrome{animation:projectShowcaseChromeIn .56s var(--showcase-ease) .16s both}.projectShowcaseTopActions{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));z-index:3;align-items:center;gap:8px;display:flex;position:absolute}.projectShowcaseTopActions .projectLinks{z-index:auto;position:static;top:auto;right:auto}.projectShowcaseTopActions .projectLinkAction{width:44px;height:44px;color:var(--paper);backdrop-filter:none;background:#07121de0;border-color:#ffffff38;border-radius:8px}.projectShowcaseTopActions .projectLinkAction:hover,.projectShowcaseTopActions .projectLinkAction:focus-visible{color:var(--cyan);border-color:var(--cyan)}.projectShowcaseClose{width:44px;height:44px;color:var(--paper);background:#07121de0;border:1px solid #ffffff38;border-radius:50%;flex-shrink:0;place-items:center;padding:0;transition:color .18s,border-color .18s;display:grid;box-shadow:0 4px 18px #00091b2e}.projectShowcaseClose .studioIcon{width:21px;height:21px;transform:rotate(45deg)}.projectShowcaseClose:hover,.projectShowcaseClose:focus-visible{color:var(--cyan);border-color:var(--cyan)}.projectShowcaseWatermark{z-index:0;pointer-events:none;opacity:.075;position:absolute;inset:0;overflow:hidden}.projectShowcaseWatermark:before{aspect-ratio:1;content:"";border:1px solid #00bfff66;width:min(58vw,860px);position:absolute;bottom:-12vw;right:-12vw;transform:rotate(45deg)}.projectShowcaseWatermarkLogo{width:min(46vw,680px);height:auto;position:absolute;bottom:-6vw;right:-6vw}.projectShowcasePanel{z-index:1;grid-template-rows:minmax(0,1fr) auto;width:100%;height:100%;min-height:0;display:grid;position:relative;overflow:hidden}.projectShowcaseBody{width:100%;min-width:0;min-height:0;padding:72px var(--showcase-inset) 24px;touch-action:pan-y pinch-zoom;transform:translateX(var(--showcase-drag,0px));transition:transform .28s var(--showcase-ease);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);display:grid}.projectShowcaseStage{z-index:1;transform-origin:0 0;touch-action:pan-y pinch-zoom;background:var(--ink);min-width:0;max-width:100%;max-height:var(--detail-image-height);aspect-ratio:var(--project-aspect-ratio,1.77778);width:min(100%, var(--detail-image-height) * var(--project-aspect-ratio,1.77778));grid-area:1/2;place-self:center;margin:0;position:relative;overflow:hidden}.projectShowcaseIncoming{position:absolute;inset:0}.projectShowcaseIncoming[data-sliding=true]{animation:projectShowcaseImageIn .62s var(--showcase-ease) both}.projectShowcaseOutgoing{pointer-events:none;width:100%;height:100%;animation:projectShowcaseImageOut .62s var(--showcase-ease) both;position:absolute;inset:0}.projectShowcaseOutgoing img{object-fit:contain;object-position:top left;width:100%;height:100%;display:block}.projectShowcaseMorphPoster{z-index:2;opacity:0;object-fit:fill;pointer-events:none;width:100%;height:100%;transition:opacity .28s;display:block;position:absolute;inset:0}.projectShowcase[data-phase=opening] .projectShowcaseMorphPoster{opacity:1;transition:none}.projectShowcase[data-phase=closing] .projectShowcaseMorphPoster{opacity:1}.projectShowcaseInfo{grid-area:1/1;grid-template-rows:auto minmax(0,1fr);min-width:0;min-height:0;display:grid}.projectShowcaseHeader{border-bottom:1px solid var(--showcase-line);justify-content:space-between;align-items:center;gap:20px;min-height:48px;display:flex}.projectShowcaseEyebrow{font:600 .63rem/1.5 var(--mono);letter-spacing:.08em;text-transform:uppercase;display:inline-block}.projectShowcaseEyebrow>span{color:var(--showcase-faint)}.projectShowcaseCopy{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);gap:12px;min-width:0;min-height:0;padding-block:16px;display:grid}.projectShowcaseCopy[data-sliding=true]{animation:projectShowcaseCopyIn .52s var(--showcase-ease) 70ms both}.projectShowcaseHeading{min-width:0;overflow:visible}.projectShowcaseMeta{color:var(--showcase-faint);font:.6rem/1.5 var(--mono);justify-content:space-between;align-items:center;gap:14px;display:flex}.projectShowcaseMeta>span:first-child{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;font-weight:600;display:inline-flex}.projectShowcaseMeta>span:last-child{text-align:right}.projectShowcaseTitle{letter-spacing:-.06em;overflow-wrap:anywhere;margin:12px 0 0;padding:0 .04em .08em 0;font-size:clamp(2rem,5.8svh,4.8rem);font-weight:800;line-height:1.12}.projectShowcaseText{-webkit-user-select:none;user-select:none;scrollbar-width:none;overscroll-behavior:contain;min-width:0;min-height:0;overflow:auto}.projectShowcaseText::-webkit-scrollbar{display:none}.projectShowcaseDescription{color:var(--showcase-muted);overflow-wrap:anywhere;margin:0;font-size:clamp(.85rem,1.65svh,1.1rem);line-height:1.78}.projectShowcaseDescriptionText,.projectShowcaseTopics li{cursor:text;-webkit-user-select:text;user-select:text}.projectShowcaseTopics{flex-wrap:wrap;gap:6px;margin:22px 0 0;padding:0;list-style:none;display:flex}.projectShowcaseTopics li{max-width:100%;color:var(--showcase-muted);font:700 .57rem/1.4 var(--mono);text-transform:uppercase;border:1px solid var(--showcase-line);background:#00bfff0e;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;display:inline-flex}.projectShowcaseTopics .studioSkill{white-space:normal;gap:8px;min-width:0}.projectShowcaseTopics .studioSkillIcon{width:24px;height:24px;color:var(--cyan);background:#00bfff12;border:1px solid #00bfff52;border-radius:5px;padding:4px}.projectShowcaseTopics .studioSkillLabel{overflow-wrap:anywhere}.projectShowcaseActions{border-top:1px solid var(--showcase-line);flex-wrap:wrap;align-items:center;gap:14px;padding-top:10px;display:flex}.projectShowcaseVisitLink,.projectShowcaseCaseLink{align-items:center;gap:10px;min-height:42px;font-size:.7rem;font-weight:650;display:inline-flex}.projectShowcaseVisitLink .studioIcon,.projectShowcaseCaseLink .studioIcon{width:15px;height:15px}.projectShowcaseVisitLink{--studio-arrow-color:var(--ink);color:var(--ink);background:linear-gradient(135deg, var(--cyan), var(--wave-teal));clip-path:polygon(7px 0,100% 0,100% calc(100% - 7px),calc(100% - 7px) 100%,0 100%,0 7px);padding:0 14px}.projectShowcaseVisitLink:hover,.projectShowcaseVisitLink:focus-visible{background:linear-gradient(135deg,#45d0ff,#42edcd)}.projectShowcaseCaseLink{color:var(--paper)}.projectShowcaseCaseLink:hover,.projectShowcaseCaseLink:focus-visible{color:var(--cyan)}.projectShowcaseFooter{padding:6px var(--showcase-inset) max(8px, env(safe-area-inset-bottom));border-top:1px solid var(--showcase-line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:4px 24px;display:grid}.projectShowcaseThumbnails{scrollbar-width:none;overscroll-behavior-x:contain;grid-column:1/-1;justify-content:safe center;justify-self:center;gap:6px;width:100%;min-width:0;max-width:680px;padding:4px 1px;display:flex;overflow:auto hidden}.projectShowcaseThumbnails::-webkit-scrollbar{display:none}.projectShowcaseThumbnail{opacity:.65;background:0 0;border:0;flex:none;width:54px;height:44px;padding:6px 0;transition:opacity .2s;position:relative;overflow:hidden}.projectShowcaseThumbnail:after{z-index:2;content:"";pointer-events:none;border:2px solid #0000;border-radius:4px;transition:border-color .2s;position:absolute;inset:6px 0}.projectShowcaseThumbnail img{object-fit:cover;object-position:top;border-radius:4px;width:100%;height:100%;display:block}.projectShowcaseThumbnail[aria-current=true]{opacity:1}.projectShowcaseThumbnail[aria-current=true]:after{border-color:var(--cyan)}.projectShowcaseThumbnail:focus-visible{opacity:1}.projectShowcaseThumbnailNumber{z-index:1;color:var(--paper);font:800 .6rem var(--mono);text-shadow:0 1px 4px #000;background:#00091b7a;border-radius:4px;place-items:center;display:grid;position:absolute;inset:6px 0}.projectShowcaseCount{color:var(--showcase-faint);white-space:nowrap;font:.65rem var(--mono)}.projectShowcaseCount strong{color:var(--cyan);margin-right:12px;font-size:1rem;font-weight:500}.projectShowcasePrevious,.projectShowcaseNext{min-width:0;min-height:44px;color:var(--paper);text-align:left;background:0 0;border:0;align-items:center;gap:18px;padding:4px 0;display:flex}.projectShowcasePrevious>span,.projectShowcaseNext>span{gap:7px;min-width:0;display:grid}.projectShowcasePrevious small,.projectShowcaseNext small{color:var(--showcase-faint);font:.56rem var(--mono)}.projectShowcasePrevious strong,.projectShowcaseNext strong{white-space:nowrap;text-overflow:ellipsis;font-size:.85rem;font-weight:550;overflow:hidden}.projectShowcasePrevious .studioIcon,.projectShowcaseNext .studioIcon{width:14px;height:14px}.projectShowcaseNext{text-align:right;justify-content:end}.projectShowcaseStatus,.showcaseMediaStatus{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.showcaseMedia{width:100%;height:100%;min-height:0;position:relative}.showcaseMediaPoster,.showcaseMediaVideo{object-fit:contain;object-position:top left;width:100%;height:100%;transition:opacity .32s;display:block;position:absolute;inset:0}.showcaseMediaPoster{z-index:1;opacity:1}.showcaseMediaVideo,.showcaseMedia[data-ready=true] .showcaseMediaPoster{opacity:0}.showcaseMedia[data-ready=true] .showcaseMediaVideo{opacity:1}.showcaseMediaControl{z-index:3;min-width:44px;min-height:44px;color:var(--paper);font:10px/1.5 var(--mono);background:#07121de0;border:1px solid #ffffff38;border-radius:6px;align-items:center;gap:8px;padding:10px 12px;transition:opacity .18s,color .18s,border-color .18s;display:inline-flex;position:absolute;bottom:12px;left:12px}.showcaseMediaControl:not(:disabled):hover,.showcaseMediaControl:focus-visible{color:var(--cyan);border-color:var(--cyan)}.showcaseMediaControl:disabled{opacity:.45;cursor:wait}.showcaseMediaControlIcon{flex:none;width:16px;height:16px;display:block}.showcaseMediaControlLabel{min-width:0}.projectShowcase[data-phase=opening] .showcaseMediaControl,.projectShowcase[data-phase=closing] .showcaseMediaControl{opacity:0;pointer-events:none}@media (hover:hover) and (pointer:fine){.projectShowcaseThumbnail:hover{opacity:1}.showcaseMediaControl{opacity:0}.projectShowcase[data-phase=open] .showcaseMedia:hover .showcaseMediaControl,.projectShowcase[data-phase=open] .showcaseMedia:focus-within .showcaseMediaControl{opacity:1}.projectShowcasePrevious:hover,.projectShowcaseNext:hover{color:var(--cyan)}}@supports (height:100dvh){.projectShowcase{--detail-image-height:max(120px, calc(100dvh - 200px));height:100dvh}.projectShowcaseTitle{font-size:clamp(2rem,5.8dvh,4.8rem)}.projectShowcaseDescription{font-size:clamp(.85rem,1.65dvh,1.1rem)}}@media (width<=992px){.projectShowcase{--showcase-inset:18px}}@media (width<=820px){.projectShowcase:before{background-size:44px 44px}}@media (width<=760px){.projectShowcase{--showcase-motion-duration:.46s;--detail-image-height:min(28svh, 240px)}.projectShowcaseBody{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr);gap:0;padding:0}.projectShowcaseStage{grid-area:1/1;align-self:start}.projectShowcaseInfo{padding:0 max(var(--showcase-inset), env(safe-area-inset-right)) 0 max(var(--showcase-inset), env(safe-area-inset-left));grid-row:2}.projectShowcaseHeader{min-height:40px}.projectShowcaseEyebrow{font-size:.55rem}.projectShowcaseCopy{gap:14px}.projectShowcaseWatermark:before{width:86vw;bottom:5vh;right:-24vw}.projectShowcaseWatermarkLogo{width:70vw;bottom:10vh;right:-16vw}.projectShowcaseTitle{margin-top:8px;font-size:clamp(1.65rem,3.8svh,2.65rem)}.projectShowcaseDescription{font-size:.85rem;line-height:1.6}.projectShowcaseActions{gap:12px;padding-top:10px}.projectShowcaseTopics{margin-top:14px}.projectShowcaseFooter{padding-inline:max(var(--showcase-inset), env(safe-area-inset-left)) max(var(--showcase-inset), env(safe-area-inset-right));column-gap:12px}.projectShowcaseThumbnail{width:48px}.projectShowcasePrevious,.projectShowcaseNext{gap:10px}.projectShowcasePrevious strong,.projectShowcaseNext strong{max-width:25vw;font-size:.7rem}.projectShowcasePrevious small,.projectShowcaseNext small{font-size:.5rem}.projectShowcaseCount{font-size:.55rem}.projectShowcaseCount strong{margin-right:4px;font-size:.8rem}.showcaseMediaControl{min-width:44px;padding:10px;font-size:9px;bottom:8px;left:8px}@supports (height:100dvh){.projectShowcase{--detail-image-height:min(28dvh, 240px)}.projectShowcaseTitle{font-size:clamp(1.65rem,3.8dvh,2.65rem)}}}@media (width>=480px) and (height<=600px){.projectShowcase{--showcase-motion-duration:.46s;--detail-image-height:max(100px, calc(100svh - 150px))}.projectShowcaseBody{padding:56px max(18px, env(safe-area-inset-left)) 12px max(18px, env(safe-area-inset-right));grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:20px}.projectShowcaseStage{grid-area:1/2;align-self:center}.projectShowcaseInfo{grid-area:1/1;padding:0}.projectShowcaseHeader{min-height:32px}.projectShowcaseCopy{gap:8px;padding-block:10px}.projectShowcaseTitle{margin-top:8px;font-size:clamp(1.4rem,4.5svh,1.9rem)}.projectShowcaseDescription{font-size:.8rem;line-height:1.6}.projectShowcaseActions{gap:10px;padding-top:6px}.projectShowcaseVisitLink,.projectShowcaseCaseLink{gap:7px;font-size:.65rem}@supports (height:100dvh){.projectShowcase{--detail-image-height:max(100px, calc(100dvh - 150px))}}}@media (width<=479px) and (height<=540px){.projectShowcase{--detail-image-height:min(24svh, 125px)}.projectShowcaseHeader{min-height:36px}.projectShowcaseCopy{overscroll-behavior:contain;grid-template-rows:auto minmax(96px,1fr) auto;gap:12px;padding-block:10px;overflow:auto}@supports (height:100dvh){.projectShowcase{--detail-image-height:min(24dvh, 125px)}}}@media (width>=480px) and (height<=400px){.projectShowcaseCopy{overscroll-behavior:contain;grid-template-rows:auto minmax(80px,1fr) auto;overflow:auto}.projectShowcaseTopics{margin-top:12px}.projectShowcaseTopics li{padding:6px 8px}}@keyframes projectShowcaseImageIn{0%{transform:translateX(calc(var(--showcase-slide-direction,1) * 100%))}to{transform:none}}@keyframes projectShowcaseImageOut{0%{transform:none}to{transform:translateX(calc(var(--showcase-slide-direction,1) * -100%))}}@keyframes projectShowcaseCopyIn{0%{opacity:0;transform:translate(calc(var(--showcase-slide-direction,1) * 40px), 12px)}to{opacity:1;transform:none}}@keyframes projectShowcaseChromeIn{0%{opacity:0;transform:translateY(40px)}to{transform:none}}@keyframes projectShowcaseChromeOut{to{opacity:0;transform:translateY(6px)}}@keyframes projectShowcaseBackdropIn{0%{opacity:0}}@keyframes projectShowcaseBackdropOut{to{opacity:0}}@media (prefers-reduced-motion:reduce){.projectShowcase:before,.projectShowcase:after,.projectShowcase::backdrop,.projectShowcase .projectShowcaseChrome,.projectShowcase[open] *{scroll-behavior:auto;transition:none;animation:none!important}.projectShowcaseBody{transform:none}}