.project-media{background:#050505;flex-direction:column;width:100%;height:100%;display:flex;position:absolute;inset:0;overflow:hidden}.project-media__chrome{opacity:.78;background:#232322;border-bottom:1px solid #e8e5df14;flex:none;align-items:center;gap:.35rem;height:1.65rem;padding:0 .7rem;transition:opacity .22s cubic-bezier(.22,1,.36,1);display:flex}.project-media__traffic{background:#e8e5df47;border-radius:50%;width:5px;height:5px}.project-media__traffic:first-child{background:#e8e5df61}.project-media__traffic:nth-child(2){background:#e8e5df47}.project-media__traffic:nth-child(3){background:#e8e5df2e}.project-media__stage{background:#050505;flex:auto;min-height:0;position:relative;overflow:hidden}.project-media__poster,.project-media__asset{object-fit:cover;transform-origin:50%;background:#050505;width:100%;height:100%;display:block;position:absolute;inset:0;transform:scale(1)}.project-media__poster{z-index:2;opacity:1;transition:opacity .2s cubic-bezier(.22,1,.36,1)}.project-media__poster.is-faded{opacity:0}.project-media__video{z-index:1;opacity:0;background:#050505;transition:opacity .2s cubic-bezier(.22,1,.36,1),transform .7s cubic-bezier(.22,1,.36,1)}.project-media__video.is-playing{z-index:3;opacity:1}.project-media__asset:not(.project-media__video){transition:transform .7s cubic-bezier(.22,1,.36,1)}.project-media--none .project-media__stage{flex:auto}@media (hover:hover) and (pointer:fine){.project-media:hover .project-media__asset.is-playing{transform:scale(1.015)}.project-media--browser:hover .project-media__chrome{opacity:.96}}@media (max-width:767px){.project-media{width:100%}.project-media__chrome{height:1.45rem;padding:0 .6rem}}@media (prefers-reduced-motion:reduce){.project-media__chrome,.project-media__poster,.project-media__video,.project-media__asset{transition:none}.project-media:hover .project-media__asset{transform:none}.project-media__video.is-playing{opacity:0}.project-media__poster.is-faded{opacity:1}}
.ba-showcase{padding-block:clamp(3.5rem,10vh,7rem)}.ba-showcase__head{margin-bottom:clamp(1.5rem,4vh,2.5rem)}.ba-showcase__label{letter-spacing:.28em;color:#686663;font-size:10px}.ba-showcase__headline{font-variation-settings:"wdth" 84;letter-spacing:-.035em;margin-top:.85rem;font-size:clamp(2rem,5vw,3.75rem);font-weight:700;line-height:.92}.ba-showcase__body{color:#8a8782;max-width:32rem;margin-top:.95rem;font-size:14.5px;line-height:1.65}.ba-showcase__tabs{flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:1.35rem;display:flex}.ba-showcase__tab{appearance:none;font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:.2em;color:#e8e5df73;cursor:pointer;background:0 0;border:0;padding:.35rem 0;font-size:11px;transition:color .22s cubic-bezier(.22,1,.36,1)}.ba-showcase__tab[aria-selected=true]{color:#e8e5df}@media (hover:hover) and (pointer:fine){.ba-showcase__tab:hover{color:#e8e5df}}.ba-showcase__stage{aspect-ratio:16/10;touch-action:none;-webkit-user-select:none;user-select:none;cursor:ew-resize;background:#050505;outline:none;width:100%;max-height:min(72vh,820px);position:relative;overflow:hidden}.ba-showcase__stage:focus-visible{outline-offset:3px;outline:1px solid #e8e5df59}.ba-showcase__layer{position:absolute;inset:0}.ba-showcase__layer--after{z-index:1}.ba-showcase__layer--before{z-index:2;right:auto;overflow:hidden}.ba-showcase__before-inner{width:100%;height:100%;position:absolute;inset:0 auto 0 0}.ba-showcase__img{object-fit:cover}.ba-showcase__label-tag{z-index:4;font-family:var(--font-ui), system-ui, sans-serif;letter-spacing:.28em;color:#e8e5df;text-shadow:0 1px 8px #0000008c;pointer-events:none;font-size:10px;position:absolute;top:1rem}.ba-showcase__label-tag--before{left:1rem}.ba-showcase__label-tag--after{right:1rem}.ba-showcase__handle{z-index:5;pointer-events:none;width:0;position:absolute;top:0;bottom:0;transform:translate(-50%)}.ba-showcase__line{background:#e8e5dfd9;width:1px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.ba-showcase__knob{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#e8e5df;background:#050505b8;border:1px solid #e8e5dfbf;border-radius:999px;place-items:center;width:2.6rem;height:2.6rem;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-showcase__knob svg{width:1rem;height:1rem}.ba-showcase__note{letter-spacing:.18em;color:#686663;margin-top:.85rem;font-size:10px}@media (max-width:767px){.ba-showcase__stage{aspect-ratio:4/5;max-height:68vh}.ba-showcase__knob{width:2.35rem;height:2.35rem}}
.pp-showcase{padding-block:clamp(3.5rem,10vh,7rem)}.pp-showcase__label{letter-spacing:.28em;color:#686663;font-size:10px}.pp-showcase__headline{font-variation-settings:"wdth" 84;letter-spacing:-.035em;margin-top:.85rem;font-size:clamp(2rem,5vw,3.75rem);font-weight:700;line-height:.92}.pp-showcase__body{color:#8a8782;max-width:30rem;margin-top:.95rem;font-size:14.5px;line-height:1.65}.pp-showcase__layout{margin-top:clamp(1.75rem,5vh,3rem)}.pp-showcase__visual{background:#050505;height:min(62vh,640px);position:relative;overflow:hidden}.pp-showcase__img{object-fit:cover;opacity:0;transition:opacity .42s cubic-bezier(.22,1,.36,1)}.pp-showcase__img.is-active{opacity:.9}.pp-showcase__veil{z-index:2;pointer-events:none;background:linear-gradient(90deg,#050505b8 0%,#05050533 45%,#05050559 100%),linear-gradient(#05050526 0%,#0000 35%,#0505058c 100%);position:absolute;inset:0}.pp-showcase__copy{z-index:3;max-width:28rem;position:absolute;bottom:clamp(1.25rem,3.5vh,2.25rem);left:clamp(1.1rem,3vw,2rem);right:clamp(1.1rem,8vw,6rem)}.pp-showcase__num{letter-spacing:.28em;color:#e8e5dfb3;font-size:11px}.pp-showcase__title{font-variation-settings:"wdth" 84;letter-spacing:-.03em;margin-top:.55rem;font-size:clamp(1.8rem,4.5vw,3.25rem);font-weight:700;line-height:.95}.pp-showcase__text{color:#e8e5dfb8;max-width:26rem;margin-top:.75rem;font-size:14.5px;line-height:1.6}.pp-showcase__rail{grid-template-columns:repeat(2,minmax(0,1fr));gap:.35rem 1rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.pp-showcase__step{appearance:none;text-align:left;color:#e8e5df61;cursor:pointer;background:0 0;border:0;border-top:1px solid #e8e5df1a;flex-direction:column;gap:.3rem;width:100%;padding:.75rem 0;transition:color .22s cubic-bezier(.22,1,.36,1);display:flex}.pp-showcase__step.is-active{color:#e8e5df}@media (hover:hover) and (pointer:fine){.pp-showcase__step:hover{color:#e8e5df}}.pp-showcase__step-num{letter-spacing:.22em;font-size:10px}.pp-showcase__step-title{letter-spacing:.16em;font-size:12px}.pp-showcase__note{letter-spacing:.18em;color:#686663;margin-top:.85rem;font-size:10px}@media (min-width:768px){.pp-showcase__rail{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width:767px){.pp-showcase__visual{height:min(52vh,420px)}}@media (prefers-reduced-motion:reduce){.pp-showcase__img,.pp-showcase__step{transition:none}}
.sf-showcase{padding-block:clamp(3.5rem,10vh,7rem)}.sf-showcase__label{letter-spacing:.28em;color:#686663;font-size:10px}.sf-showcase__headline{font-variation-settings:"wdth" 84;letter-spacing:-.035em;margin-top:.85rem;font-size:clamp(2rem,5vw,3.75rem);font-weight:700;line-height:.92}.sf-showcase__body{color:#8a8782;max-width:30rem;margin-top:.95rem;font-size:14.5px;line-height:1.65}.sf-showcase__layout{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:1.75rem;margin-top:clamp(1.75rem,4vh,2.75rem);display:grid}.sf-showcase__tabs{border-bottom:1px solid #e8e5df1f;flex-wrap:wrap;gap:.35rem 0;display:flex}.sf-showcase__tab{appearance:none;color:#e8e5df66;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #0000;flex-direction:column;align-items:flex-start;gap:.35rem;margin-bottom:-1px;margin-right:.75rem;padding:.85rem 1rem .85rem 0;transition:color .22s cubic-bezier(.22,1,.36,1);display:inline-flex}.sf-showcase__tab.is-active{color:#e8e5df;border-bottom-color:#e8e5dfb3}@media (hover:hover) and (pointer:fine){.sf-showcase__tab:hover{color:#e8e5df}}.sf-showcase__tab-num{letter-spacing:.22em;font-size:10px}.sf-showcase__tab-title{letter-spacing:.18em;font-size:11px}.sf-showcase__copy{min-height:7.5rem;margin-top:1.5rem}.sf-showcase__num{letter-spacing:.22em;color:#686663;font-size:11px}.sf-showcase__title{font-variation-settings:"wdth" 84;letter-spacing:-.02em;margin-top:.55rem;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:700}.sf-showcase__text{color:#8a8782;max-width:26rem;margin-top:.65rem;font-size:14.5px;line-height:1.65}.sf-showcase__visual{aspect-ratio:4/5;background:#050505;min-height:18rem;position:relative;overflow:hidden}.sf-showcase__img{object-fit:cover;opacity:0;transition:opacity .38s cubic-bezier(.22,1,.36,1)}.sf-showcase__img.is-active{opacity:.92}.sf-showcase__note{letter-spacing:.18em;color:#686663;margin-top:.85rem;font-size:10px}@media (min-width:1024px){.sf-showcase__layout{grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);align-items:center;gap:clamp(2rem,4vw,3.5rem)}.sf-showcase__visual{aspect-ratio:5/6;max-height:72vh}}@media (max-width:767px){.sf-showcase__tab{margin-right:.35rem;padding-right:.65rem}.sf-showcase__visual{aspect-ratio:16/11;min-height:0}}@media (prefers-reduced-motion:reduce){.sf-showcase__img,.sf-showcase__tab{transition:none}}
.case-hero{padding-top:clamp(7.5rem,14vh,9.5rem);padding-bottom:clamp(2rem,5vh,3.25rem)}.case-hero__index{letter-spacing:.28em;color:#686663;font-size:10px}.case-hero__name{font-variation-settings:"wdth" 80;letter-spacing:-.045em;max-width:12ch;margin-top:1.25rem;font-size:clamp(3.25rem,11vw,8.5rem);font-weight:700;line-height:.86}.case-hero__category{letter-spacing:.22em;color:#8a8782;margin-top:1.35rem;font-size:12px}.case-hero__meta{grid-template-columns:minmax(0,1fr);gap:1.25rem;max-width:36rem;margin-top:clamp(2rem,5vh,3rem);display:grid}.case-hero__meta-label{letter-spacing:.24em;color:#686663;font-size:9px}.case-hero__meta-value{letter-spacing:.06em;color:#e8e5df;margin-top:.4rem;font-size:12px;line-height:1.5}@media (min-width:768px){.case-hero__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem 2.5rem}}.case-info{border-top:1px solid #e8e5df14;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem 2.5rem;padding-block:.5rem clamp(1.75rem,4vh,2.5rem);display:flex}.case-info__left{flex-direction:column;align-items:flex-start;gap:1.1rem;min-width:0;display:flex}.case-info__row{flex-wrap:wrap;align-items:center;gap:.55rem .85rem;margin:0;padding:0;list-style:none;display:flex}.case-info__item{letter-spacing:.2em;color:#8a8782;font-size:11px}.case-info__demo{flex-direction:column;align-items:flex-start;gap:.45rem;display:flex}.case-info__demo-label{letter-spacing:.28em;color:#8f0018;font-size:9px}.case-info__demo-link{letter-spacing:.2em;color:#e8e5df;align-items:center;gap:.6rem;min-height:3rem;margin-inline:-.15rem;padding:.65rem .15rem .55rem;font-size:15px;text-decoration:none;display:inline-flex}.case-info__demo-text{padding-bottom:.28rem;display:inline-block;position:relative}.case-info__demo-text:after{content:"";transform-origin:0;background:#8f0018;width:100%;height:1.5px;transition:transform .4s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;transform:scaleX(.42)}.case-info__demo-arrow{transition:transform .32s cubic-bezier(.22,1,.36,1);display:inline-block}@media (hover:hover) and (pointer:fine){.case-info__demo-link:hover .case-info__demo-text:after{transform:scaleX(1)}.case-info__demo-link:hover .case-info__demo-arrow{transform:translate(5px,-5px)}}.case-info__back{letter-spacing:.2em;color:#e8e5dfa6;align-items:center;gap:.55rem;min-height:2.75rem;margin-inline:-.2rem;padding:.55rem .2rem;font-size:13px;text-decoration:none;transition:color .28s;display:inline-flex}.case-info__back-arrow{transition:transform .32s cubic-bezier(.22,1,.36,1);display:inline-block}.case-info__back-text{padding-bottom:.2rem;display:inline-block;position:relative}.case-info__back-text:after{content:"";transform-origin:0;background:#e8e5df8c;width:100%;height:1px;transition:transform .38s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;transform:scaleX(0)}@media (hover:hover) and (pointer:fine){.case-info__back:hover{color:#e8e5df}.case-info__back:hover .case-info__back-arrow{transform:translate(-5px)}.case-info__back:hover .case-info__back-text:after{transform:scaleX(1)}}.case-about{padding-bottom:clamp(2.25rem,5.5vh,3.5rem)}.case-about__label{letter-spacing:.28em;color:#686663;font-size:10px}.case-about__body{color:#b7b2a8;max-width:55ch;margin-top:.9rem;font-size:16px;line-height:1.72}.case-showcase{justify-content:center;padding-block:clamp(.5rem,2vh,1.25rem) clamp(3rem,8vh,5.5rem);display:flex}.case-showcase__frame{aspect-ratio:16/9;background:#050505;width:min(90vw,1680px);position:relative;overflow:hidden}.case-showcase__media.project-media{background:#050505;position:absolute;inset:0}.case-showcase__media .project-media__stage,.case-showcase__media .project-media__poster,.case-showcase__media .project-media__video{background:#050505}.case-showcase__media.project-media:hover .project-media__asset{transform:none}.case-notes{border-top:1px solid #e8e5df14;padding-block:clamp(2.5rem,7vh,4.5rem) clamp(2.75rem,8vh,5rem)}.case-notes__label{letter-spacing:.28em;color:#686663;font-size:10px}.case-notes__approach{grid-template-columns:minmax(0,1fr);gap:1.5rem;margin:1.35rem 0 0;padding:0;list-style:none;display:grid}.case-notes__approach-num{letter-spacing:.24em;color:#686663;font-size:10px}.case-notes__approach-title{font-variation-settings:"wdth" 84;letter-spacing:-.02em;margin-top:.4rem;font-size:clamp(1.15rem,2vw,1.35rem);font-weight:700}.case-notes__approach-text{color:#8a8782;max-width:18rem;margin-top:.5rem;font-size:14px;line-height:1.6}@media (min-width:768px){.case-notes__approach{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem 2rem}.case-notes__approach--two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:40rem}}.case-next{border-top:1px solid #e8e5df1a}.case-next__inner{padding-block:clamp(1.35rem,3.5vh,2rem);position:relative}.case-next__link{min-height:0;color:inherit;cursor:pointer;grid-template-columns:minmax(0,1fr);align-items:center;gap:1.1rem;text-decoration:none;display:grid;position:relative}@media (hover:hover) and (pointer:fine){.case-next__link.is-pointer-hot{cursor:none}}.case-next__copy{flex-direction:column;justify-content:center;min-width:0;display:flex}.case-next__label{letter-spacing:.28em;color:#686663;font-size:10px}.case-next__name{font-variation-settings:"wdth" 84;letter-spacing:-.035em;color:#e8e5df;margin-top:.55rem;font-size:clamp(1.65rem,3.8vw,2.65rem);font-weight:700;line-height:.92;transition:transform .45s cubic-bezier(.22,1,.36,1),color .35s}.case-next__category{letter-spacing:.2em;color:#8a8782;margin-top:.5rem;font-size:11px}.case-next__preview{aspect-ratio:16/10;background:#080808;width:100%;position:relative;overflow:hidden}.case-next__img{object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1);transform:scale(1)}.case-next__link--solo{align-content:center;min-height:28vh}.case-next__bubble{z-index:80;color:#050505;pointer-events:none;opacity:0;will-change:transform, opacity;background:#e8e5df;border-radius:999px;place-items:center;width:104px;height:104px;display:none;position:fixed;top:0;left:0}.case-next__bubble.is-on{display:grid}.case-next__bubble-text{text-align:center;flex-direction:column;align-items:center;gap:.15rem;display:flex}.case-next__bubble-line{letter-spacing:.16em;font-size:9px;line-height:1.2}.case-next__bubble-accent{background:#8f0018;border-radius:999px;width:4px;height:4px;position:absolute;bottom:18px}@media (min-width:768px){.case-next__link{grid-template-columns:minmax(12rem,.4fr) minmax(0,.6fr);align-items:center;gap:clamp(1.5rem,3vw,2.5rem);min-height:34vh;max-height:40vh}.case-next__preview{aspect-ratio:16/10;justify-self:end;width:min(100%,520px);max-height:36vh}.case-next__link--solo{grid-template-columns:minmax(0,1fr);min-height:30vh;max-height:none}}@media (hover:hover) and (pointer:fine){.case-next__link:hover .case-next__name{color:#fff;transform:translate(4px)}.case-next__link:hover .case-next__img{transform:scale(1.015)}}@media (hover:none),(pointer:coarse){.case-next__link{cursor:pointer}.case-next__bubble,.case-next__bubble.is-on{opacity:0!important;visibility:hidden!important;display:none!important}}@media (prefers-reduced-motion:reduce){.case-next__bubble,.case-next__bubble.is-on{display:none!important}.case-next__link{cursor:pointer}.case-info__demo-text:after,.case-info__back-text:after,.case-info__demo-arrow,.case-info__back-arrow,.case-next__name,.case-next__img{transition:none}}