.case{background:var(--page-bg);padding-bottom:2rem}.case__wrap{max-width:var(--container);margin:0 auto;padding:2.5rem 1.5rem 0}.case__back{color:var(--black-main);opacity:.55;align-items:center;gap:6px;margin-bottom:2rem;font-size:13px;transition:opacity .15s;display:inline-flex}.case__back:hover{opacity:1}.case__title{letter-spacing:-.03em;max-width:46rem;margin-bottom:12px;font-size:40px;font-weight:600;line-height:1.15}.case__meta{color:var(--muted);max-width:46rem;margin-bottom:1rem;font-size:14px}.case__layout{grid-template-columns:1fr 200px;align-items:start;gap:4rem;display:grid}.case__content{min-width:0;max-width:740px}.case__content section{margin-bottom:1rem}.case__h2{padding:24px 0 16px;font-size:28px;font-weight:600;line-height:1.2}.case__h3{padding:16px 0 8px;font-size:20px;font-weight:600;line-height:1.2}.case__content p{padding:8px 0;font-size:16px;line-height:1.55}.case__list{flex-direction:column;gap:12px;padding:8px 0;display:flex}.case__list li{padding-left:20px;font-size:16px;line-height:1.55;position:relative}.case__list li:before{content:"";background:var(--blue-primary);border-radius:2px;width:8px;height:8px;position:absolute;top:8px;left:0}.case__figure,.case__gallery{margin:0;padding:24px 0}.case__gallery-track{scroll-snap-type:x mandatory;gap:12px;padding-bottom:4px;display:flex;overflow-x:auto}.case__gallery-item{scroll-snap-align:start;flex:none;height:320px}.case__gallery-item img{border-radius:var(--radius-lg);cursor:zoom-in;width:auto;height:100%;display:block}.case__figure img{border-radius:var(--radius-lg);cursor:zoom-in;width:100%;height:auto;display:block}.case__placeholder{text-align:center;aspect-ratio:16/9;border:1px dashed var(--border-hair);border-radius:var(--radius-lg);background:var(--white-main);color:var(--muted);justify-content:center;align-items:center;margin:24px 0;padding:24px;font-size:13px;display:flex}.case__table-wrap{background:var(--white-main);border:1px solid var(--border-hair);border-radius:var(--radius-lg);margin:24px 0;overflow:hidden}.case__table{border-collapse:separate;border-spacing:0;background:var(--white-main);width:100%;font-size:14px}.case__table th,.case__table td{text-align:left;border-bottom:1px solid var(--border-hair);vertical-align:top;color:var(--black-main);padding:12px 16px}.case__table th{background:var(--white-main);font-weight:600}.case__table td{font-weight:400}.case__table tr:last-child td{border-bottom:none}.case__todo{color:#7a5c00;background:#fff3cf;border-radius:4px;padding:0 4px}p.case__note-text{color:var(--muted);border-left:2px solid var(--border-hair);max-width:46rem;margin-bottom:2rem;padding-left:12px;font-size:14px;line-height:1.5}.case__metrics{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;padding:8px 0 16px;display:grid}.case__metric{background:var(--white-main);border:1px solid var(--border-hair);border-radius:var(--radius-lg);flex-direction:column;gap:4px;padding:20px;display:flex}.case__metric-value{color:var(--blue-primary);font-size:28px;font-weight:600;line-height:1.15}.case__metric-label{color:var(--muted);font-size:14px}.case__ghost-btn{border:1px solid var(--border-hair);background:var(--white-main);color:var(--black-main);letter-spacing:-.03em;border-radius:999px;align-items:center;gap:.5rem;margin:8px 0 24px;padding:.5rem 1rem;font-size:13px;transition:background-color .15s,border-color .15s;display:inline-flex}.case__ghost-btn:hover{background:#f2f2f2}.case__ghost-btn:active{background:#e6e6e6}.case__nav{position:sticky;top:76px}.case__nav nav{flex-direction:column;gap:12px;display:flex}.case__nav a{opacity:.45;font-size:13px;line-height:1.3;transition:opacity .15s}.case__nav a:hover{opacity:.8}.case__nav a.is-active{opacity:1;font-weight:600}@media (width<=900px){.case__layout{grid-template-columns:1fr}.case__nav{display:none}.case__title{font-size:28px}}.nav__back{display:none}@media (width<=768px){.nav__back{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--black-main);grid-column:1;justify-content:center;justify-self:start;align-items:center;margin-left:-4px;display:inline-flex}.nav__back:active{background:#00000012}:root.is-case .nav__logo{display:none}.mobile-nav--case .mobile-nav__inner{justify-content:flex-start}.case__back{display:none}}.pswp{--pswp-bg:#000;--pswp-placeholder-bg:#222;--pswp-root-z-index:100000;--pswp-preloader-color:#4f4f4f66;--pswp-preloader-color-secondary:#ffffffe6;--pswp-icon-color:#fff;--pswp-icon-color-secondary:#4f4f4f;--pswp-icon-stroke-color:#4f4f4f;--pswp-icon-stroke-width:2px;--pswp-error-text-color:var(--pswp-icon-color);width:100%;height:100%;z-index:var(--pswp-root-z-index);touch-action:none;opacity:.003;contain:layout style size;-webkit-tap-highlight-color:#0000;outline:0;display:none;position:fixed;top:0;left:0}.pswp:focus{outline:0}.pswp *{box-sizing:border-box}.pswp img{max-width:none}.pswp--open{display:block}.pswp,.pswp__bg{will-change:opacity;transform:translateZ(0)}.pswp__bg{opacity:.005;background:var(--pswp-bg)}.pswp,.pswp__scroll-wrap{overflow:hidden}.pswp__scroll-wrap,.pswp__bg,.pswp__container,.pswp__item,.pswp__content,.pswp__img,.pswp__zoom-wrap{width:100%;height:100%;position:absolute;top:0;left:0}.pswp__img,.pswp__zoom-wrap{width:auto;height:auto}.pswp--click-to-zoom.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img{cursor:move;cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--click-to-zoom.pswp--zoomed-in .pswp__img:active{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img,.pswp--no-mouse-drag.pswp--zoomed-in .pswp__img:active,.pswp__img{cursor:-webkit-zoom-out;cursor:-moz-zoom-out;cursor:zoom-out}.pswp__container,.pswp__img,.pswp__button,.pswp__counter{-webkit-user-select:none;user-select:none}.pswp__item{z-index:1;overflow:hidden}.pswp__hidden{display:none!important}.pswp__content{pointer-events:none}.pswp__content>*{pointer-events:auto}.pswp__error-msg-container{display:grid}.pswp__error-msg{color:var(--pswp-error-text-color);margin:auto;font-size:1em;line-height:1}.pswp .pswp__hide-on-close{opacity:.005;will-change:opacity;transition:opacity var(--pswp-transition-duration) cubic-bezier(.4, 0, .22, 1);z-index:10;pointer-events:none}.pswp--ui-visible .pswp__hide-on-close{opacity:1;pointer-events:auto}.pswp__button{cursor:pointer;width:50px;height:60px;box-shadow:none;opacity:.85;-webkit-appearance:none;-webkit-touch-callout:none;background:0 0;border:0;margin:0;padding:0;display:block;position:relative;overflow:hidden}.pswp__button:hover,.pswp__button:active,.pswp__button:focus{box-shadow:none;opacity:1;background:0 0;border:0;padding:0;transition:none}.pswp__button:disabled{opacity:.3;cursor:auto}.pswp__icn{fill:var(--pswp-icon-color);color:var(--pswp-icon-color-secondary);pointer-events:none;width:32px;height:32px;position:absolute;top:14px;left:9px;overflow:hidden}.pswp__icn-shadow{stroke:var(--pswp-icon-stroke-color);stroke-width:var(--pswp-icon-stroke-width);fill:none}.pswp__icn:focus{outline:0}div.pswp__img--placeholder,.pswp__img--with-bg{background:var(--pswp-placeholder-bg)}.pswp__top-bar{z-index:10;flex-direction:row;justify-content:flex-end;width:100%;height:60px;display:flex;position:absolute;top:0;left:0;pointer-events:none!important}.pswp__top-bar>*{pointer-events:auto;will-change:opacity}.pswp__button--close{margin-right:6px}.pswp__button--arrow{width:75px;height:100px;margin-top:-50px;position:absolute;top:50%}.pswp__button--arrow:disabled{cursor:default;display:none}.pswp__button--arrow .pswp__icn{background:0 0;border-radius:0;width:60px;height:60px;margin-top:-30px;top:50%}.pswp--one-slide .pswp__button--arrow{display:none}.pswp--touch .pswp__button--arrow{visibility:hidden}.pswp--has_mouse .pswp__button--arrow{visibility:visible}.pswp__button--arrow--prev{left:0;right:auto}.pswp__button--arrow--next{right:0}.pswp__button--arrow--next .pswp__icn{left:auto;right:14px;transform:scaleX(-1)}.pswp__button--zoom{display:none}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__zoom-icn-bar-v{display:none}.pswp__preloader{width:50px;height:60px;margin-right:auto;position:relative;overflow:hidden}.pswp__preloader .pswp__icn{opacity:0;transition:opacity .2s linear;animation:.6s linear infinite pswp-clockwise}.pswp__preloader--active .pswp__icn{opacity:.85}@keyframes pswp-clockwise{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.pswp__counter{margin-top:15px;height:30px;color:var(--pswp-icon-color);text-shadow:1px 1px 3px var(--pswp-icon-color-secondary);opacity:.85;margin-inline-start:20px;font-size:14px;line-height:30px}.pswp--one-slide .pswp__counter{display:none}