.case-spektr{--paper:#fbfaf5;--paper-warm:#f7f5ee;--sage:#eef4e5;--ink:#20271f;--muted:#6f776c;--green:#4e6947;--green-dark:#334a31;--purple:#76538a;--hairline:rgba(50,72,47,.14);--footer:#1f3423}.case-spektr,.case-spektr *{box-sizing:border-box}.case-spektr{margin:0;min-width:320px;color:var(--ink);background:var(--paper);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;position:relative;overflow:clip;background:linear-gradient(180deg,#fbfaf5,#faf9f3 22%,#f3f7ec 49%,#f8f6ef 72%,#edf3e6)}.case-spektr>*{position:relative;z-index:1}.case-spektr .case-intro{min-height:100svh;display:flex;align-items:stretch}.case-spektr .case-intro__mark{position:absolute;z-index:2;top:clamp(38px,5svh,70px);right:clamp(36px,5vw,92px);width:clamp(54px,5.4vw,86px);height:auto;opacity:.9}.case-spektr .case-intro__inner{position:relative;width:min(100%,1728px);min-height:100svh;margin:0 auto;padding:clamp(38px,6vw,104px)}.case-spektr .case-intro h1{position:absolute;top:clamp(54px,9svh,110px);left:clamp(30px,5.8vw,100px);margin:0;max-width:9ch;color:var(--ink);font-size:clamp(108px,12.2vw,190px);font-weight:650;line-height:.78;letter-spacing:-.065em}.case-spektr .case-intro__copy{position:absolute;right:clamp(30px,6vw,104px);bottom:clamp(56px,10svh,120px);width:min(38vw,590px)}.case-spektr .case-intro__lead{margin:0;color:var(--green-dark);font-family:Georgia,Times New Roman,serif;font-size:clamp(20px,1.65vw,28px);line-height:1.43}.case-spektr .case-intro__meta{margin:28px 0 0;color:var(--muted);font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}.case-spektr .mobile-showcase{min-height:114svh;padding:3svh 0 5svh;overflow:hidden}.case-spektr .mobile-showcase__canvas{position:relative;z-index:2;width:min(100%,1728px);min-height:104svh;margin:0 auto}.case-spektr .live-screen{position:absolute;width:clamp(270px,21vw,365px);margin:0;transform:translate3d(0,var(--drift-y,0),0);will-change:transform}.case-spektr .live-screen--one{left:17.5%;top:4svh}.case-spektr .live-screen--two{left:39.7%;top:23svh;width:clamp(278px,21.6vw,374px)}.case-spektr .live-screen--three{left:61.5%;top:42svh}.case-spektr .live-screen__viewport{position:relative;width:100%;aspect-ratio:470/840;overflow:hidden;border:1px solid rgba(45,61,42,.11);border-radius:clamp(16px,1.35vw,23px);background:#fff;box-shadow:0 18px 44px rgba(38,50,35,.055)}.case-spektr .live-screen video{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;background:#fff}.case-spektr.is-js .mobile-showcase .live-screen{opacity:0;transform:translate3d(0,calc(var(--drift-y, 0px) + 18px),0);transition:opacity .72s cubic-bezier(.2,.72,.2,1),transform .82s cubic-bezier(.2,.72,.2,1)}.case-spektr.is-js .mobile-showcase.is-visible .live-screen{opacity:1;transform:translate3d(0,var(--drift-y,0),0)}.case-spektr.is-js .mobile-showcase.is-visible .live-screen--two{transition-delay:.1s}.case-spektr.is-js .mobile-showcase.is-visible .live-screen--three{transition-delay:.2s}.case-spektr .desktop-showcase__character,.case-spektr .mobile-decor,.case-spektr .project-note__house,.case-spektr .project-note__witch{position:absolute;z-index:1;height:auto;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.case-spektr .mobile-decor--left{left:clamp(-145px,-8.7vw,-92px);top:4svh;width:clamp(220px,24vw,380px)}.case-spektr .mobile-decor--right{right:clamp(-138px,-8.1vw,-88px);top:28svh;width:clamp(210px,23vw,360px)}.case-spektr .mobile-decor--gnom{left:7.5%;bottom:5svh;width:clamp(110px,10vw,165px);transform:rotate(-2deg)}.case-spektr .project-note{display:grid;place-items:center;min-height:0;padding:9svh 28px 10svh;overflow:hidden}.case-spektr .project-note p{position:relative;z-index:2;width:min(770px,78vw);margin:0;color:var(--ink);font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,2.15vw,34px);line-height:1.32;letter-spacing:-.012em;text-align:center}.case-spektr .project-note__house{left:max(-80px,calc(50% - 720px));bottom:-46px;width:clamp(150px,18vw,260px);opacity:.96}.case-spektr .project-note__witch{right:max(-34px,calc(50% - 700px));top:50%;width:clamp(96px,10vw,142px);transform:translateY(-48%) rotate(2deg);opacity:.95}.case-spektr .desktop-showcase{min-height:138svh;overflow:hidden}.case-spektr .desktop-showcase__stage{position:sticky;top:0;height:100svh;overflow:hidden}.case-spektr .desktop-showcase__caption{position:absolute;z-index:4;top:clamp(42px,6.5svh,72px);left:50%;width:min(620px,58vw);margin:0;transform:translateX(-50%);color:var(--green-dark);font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.3vw,22px);line-height:1.45;text-align:center}.case-spektr .desktop-showcase__panels{position:absolute;z-index:2;left:50%;top:20svh;width:158vw;height:min(76vw,82svh);transform:translateX(-50%);--panel-y:0px;--panel-inward:0px;--panel-scale:1}.case-spektr .desktop-panel{position:absolute;top:0;width:72vw;max-width:none;aspect-ratio:1600/822;will-change:transform}.case-spektr .desktop-panel--left{right:calc(50% - 1.2vw);transform-origin:100% 54%;transform:translate3d(var(--panel-inward),var(--panel-y),0) rotate(6deg) scale(var(--panel-scale))}.case-spektr .desktop-panel--right{left:calc(50% - 1.2vw);transform-origin:0 54%;transform:translate3d(calc(var(--panel-inward) * -1),var(--panel-y),0) rotate(-6deg) scale(var(--panel-scale))}.case-spektr .desktop-panel__inner{position:absolute;inset:0;overflow:hidden;border:1px solid rgba(48,70,45,.18);border-radius:clamp(12px,1.35vw,22px);background:#f7f7f2;box-shadow:0 24px 60px rgba(37,53,35,.09)}.case-spektr .desktop-panel video{width:100%;height:100%;display:block;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;background:#fff}.case-spektr .desktop-showcase__character{z-index:3;right:-52px;bottom:4svh;width:clamp(120px,13vw,190px);transform:rotate(1deg)}.case-spektr .closing{position:relative;min-height:110svh;display:grid;place-items:center;overflow:hidden;isolation:isolate;color:#f8f7ef;background:var(--footer)}.case-spektr .closing__decor{position:absolute;inset:0;z-index:1;pointer-events:none}.case-spektr .footer-decor{position:absolute;height:auto;-webkit-user-select:none;-moz-user-select:none;user-select:none;transform:rotate(var(--r,0deg));animation:spektr-footer-float var(--duration,18s) ease-in-out var(--delay,0s) infinite alternate}.case-spektr .footer-decor--01{width:clamp(180px,23vw,350px);left:-3%;top:-2%;--r:-9deg;--duration:17.2s;--delay:-1.2s;--x1:12px;--y1:-10px;--a1:0.8deg;--x2:-9px;--y2:18px;--a2:-1.1deg;--x3:16px;--y3:8px;--a3:1.4deg;--x4:-8px;--y4:-20px;--a4:-0.9deg}.case-spektr .footer-decor--02{width:clamp(150px,18vw,275px);left:17%;top:10%;--r:7deg;--duration:12.4s;--delay:-5.1s;--x1:-15px;--y1:-16px;--a1:-1.4deg;--x2:13px;--y2:18px;--a2:1deg;--x3:-20px;--y3:9px;--a3:-2.2deg;--x4:10px;--y4:-22px;--a4:1.4deg}.case-spektr .footer-decor--03{width:clamp(155px,19vw,290px);right:21%;top:-3%;--r:-7deg;--duration:16.1s;--delay:-7.4s;--x1:13px;--y1:-14px;--a1:0.9deg;--x2:-16px;--y2:21px;--a2:-1.5deg;--x3:18px;--y3:10px;--a3:1.3deg;--x4:-10px;--y4:-23px;--a4:-0.8deg}.case-spektr .footer-decor--04{width:clamp(150px,18vw,275px);right:1%;top:11%;--r:10deg;--duration:13.3s;--delay:-3.3s;--x1:-16px;--y1:-13px;--a1:-1.6deg;--x2:12px;--y2:19px;--a2:1.2deg;--x3:-21px;--y3:8px;--a3:-2.3deg;--x4:11px;--y4:-21px;--a4:1deg}.case-spektr .footer-decor--05{width:clamp(165px,19vw,300px);right:-4%;top:39%;--r:-4deg;--duration:16.8s;--delay:-8.6s;--x1:-14px;--y1:-15px;--a1:-0.9deg;--x2:17px;--y2:21px;--a2:1.3deg;--x3:-15px;--y3:11px;--a3:-1.6deg;--x4:12px;--y4:-22px;--a4:0.9deg}.case-spektr .footer-decor--06{width:clamp(170px,20vw,310px);left:-2%;bottom:31%;--r:5deg;--duration:15.4s;--delay:-6.2s;--x1:14px;--y1:-12px;--a1:1deg;--x2:-11px;--y2:18px;--a2:-1.4deg;--x3:17px;--y3:8px;--a3:1.5deg;--x4:-10px;--y4:-20px;--a4:-0.9deg}.case-spektr .footer-decor--07{width:clamp(160px,20vw,300px);left:8%;bottom:35%;--r:-8deg;--duration:17.8s;--delay:-10.1s;--x1:13px;--y1:-17px;--a1:0.8deg;--x2:-18px;--y2:16px;--a2:-1.8deg;--x3:16px;--y3:12px;--a3:1.5deg;--x4:-12px;--y4:-22px;--a4:-1.1deg}.case-spektr .footer-decor--08{width:clamp(130px,15vw,225px);right:20%;bottom:31%;--r:8deg;--duration:11.6s;--delay:-2.1s;--x1:-16px;--y1:-13px;--a1:-1.7deg;--x2:14px;--y2:19px;--a2:1.3deg;--x3:-22px;--y3:11px;--a3:-2.5deg;--x4:10px;--y4:-20px;--a4:1.5deg}.case-spektr .footer-decor--09{width:clamp(110px,12vw,180px);right:34%;top:43%;--r:-3deg;--duration:12.1s;--delay:-4.4s;--x1:14px;--y1:-14px;--a1:1.8deg;--x2:-16px;--y2:18px;--a2:-2.2deg;--x3:22px;--y3:10px;--a3:2.8deg;--x4:-9px;--y4:-21px;--a4:-1.6deg}.case-spektr .footer-decor--10{width:clamp(150px,18vw,270px);right:-3%;top:43%;--r:-13deg;--duration:14.7s;--delay:-7.1s;--x1:-14px;--y1:-16px;--a1:-1.2deg;--x2:16px;--y2:20px;--a2:1.5deg;--x3:-21px;--y3:9px;--a3:-2deg;--x4:12px;--y4:-22px;--a4:1.2deg}.case-spektr .closing__inner{position:relative;z-index:3;width:min(92vw,1600px);padding:8svh 28px 17svh;text-align:center}.case-spektr .closing__title,.case-spektr .closing__url{margin:0}.case-spektr .closing__title{color:#fbfaf5;font-size:clamp(72px,10.2vw,176px);font-weight:620;line-height:.86;letter-spacing:-.062em;text-wrap:balance}.case-spektr .closing__url{margin-top:clamp(28px,4.5vh,48px);color:hsla(53,39%,95%,.86);font-family:Georgia,Times New Roman,serif;font-size:clamp(18px,1.65vw,27px)}.case-spektr .closing__credits{position:absolute;z-index:4;left:clamp(24px,4.2vw,72px);right:clamp(24px,4.2vw,72px);bottom:clamp(24px,4svh,52px);display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-top:20px;border-top:1px solid hsla(53,39%,95%,.28)}.case-spektr .closing__credit{display:flex;flex-direction:column;align-items:flex-start;gap:4px;color:hsla(53,39%,95%,.74);font-size:clamp(12px,.95vw,15px);line-height:1.42}.case-spektr .closing__credit--people{justify-self:end;width:min(320px,100%)}.case-spektr .closing__credit-label{margin-bottom:7px;color:hsla(53,39%,95%,.46);font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.case-spektr .closing__credit-title{margin:0 0 10px;color:#fffdf7;font-size:clamp(20px,1.7vw,28px);font-weight:620;line-height:1.1;letter-spacing:-.03em}.case-spektr .closing__credit strong{color:#fffdf7;font-size:clamp(16px,1.35vw,22px);font-weight:600}@keyframes spektr-footer-float{0%{transform:translateZ(0) rotate(var(--r,0deg))}25%{transform:translate3d(var(--x1,18px),var(--y1,-22px),0) rotate(calc(var(--r, 0deg) + var(--a1, 1.5deg)))}50%{transform:translate3d(var(--x2,-15px),var(--y2,32px),0) rotate(calc(var(--r, 0deg) + var(--a2, -1.5deg)))}75%{transform:translate3d(var(--x3,28px),var(--y3,15px),0) rotate(calc(var(--r, 0deg) + var(--a3, 3deg)))}to{transform:translate3d(var(--x4,-10px),var(--y4,-40px),0) rotate(calc(var(--r, 0deg) + var(--a4, -1deg)))}}@media (max-width:1180px){.case-spektr .case-intro h1{font-size:clamp(94px,12.6vw,148px)}.case-spektr .case-intro__copy{width:min(42vw,520px)}.case-spektr .live-screen{width:clamp(245px,22vw,295px)}.case-spektr .live-screen--two{width:clamp(252px,22.6vw,304px)}.case-spektr .live-screen--one{left:13%}.case-spektr .live-screen--two{left:38.5%}.case-spektr .live-screen--three{left:64%}.case-spektr .desktop-showcase__panels{width:154vw}.case-spektr .desktop-panel{width:70vw;max-width:none}}@media (max-width:920px){.case-spektr .case-intro{min-height:96svh}.case-spektr .case-intro__inner{min-height:96svh;padding:7svh 5.5vw}.case-spektr .case-intro h1{position:relative;top:auto;left:auto;font-size:clamp(86px,16.5vw,126px);line-height:.8}.case-spektr .case-intro__copy{right:5.5vw;bottom:7svh;width:min(60vw,590px)}.case-spektr .case-intro__mark{width:58px}.case-spektr .mobile-showcase{min-height:108svh}.case-spektr .mobile-showcase__canvas{min-height:99svh}.case-spektr .live-screen{width:clamp(215px,27vw,260px)}.case-spektr .live-screen--two{width:clamp(222px,27.8vw,268px)}.case-spektr .live-screen--one{left:7%;top:4svh}.case-spektr .live-screen--two{left:36.5%;top:22svh}.case-spektr .live-screen--three{left:66%;top:40svh}.case-spektr .mobile-decor--gnom{left:2%;bottom:1svh;width:110px}.case-spektr .mobile-decor--left{width:clamp(158px,22vw,192px);left:-78px;top:3svh}.case-spektr .mobile-decor--right{width:clamp(152px,21vw,186px);right:-74px;top:42%}.case-spektr .project-note{padding-block:8svh}.case-spektr .project-note p{width:min(680px,78vw);font-size:clamp(26px,3.7vw,32px)}.case-spektr .project-note__house{width:150px;left:-42px}.case-spektr .project-note__witch{width:90px;right:-15px}.case-spektr .desktop-showcase{min-height:auto;padding:13svh 0 10svh}.case-spektr .desktop-showcase__stage{position:relative;height:auto;overflow:visible}.case-spektr .desktop-showcase__caption{position:relative;top:auto;left:auto;width:min(620px,78vw);margin:0 auto 8svh;transform:none;font-size:clamp(18px,2.45vw,22px)}.case-spektr .desktop-showcase__panels{position:relative;left:50%;top:auto;width:112vw;height:61vw;transform:translateX(-50%)}.case-spektr .desktop-panel{width:56vw;max-width:none}.case-spektr .desktop-panel--left{right:calc(50% - 1vw);transform:rotate(5deg)!important}.case-spektr .desktop-panel--right{left:calc(50% - 1vw);transform:rotate(-5deg)!important}.case-spektr .desktop-showcase__character{width:115px;right:-35px;bottom:0}}@media (max-width:620px){.case-spektr .case-intro{min-height:96svh}.case-spektr .case-intro__inner{min-height:96svh;padding:7svh 20px 6svh}.case-spektr .case-intro h1{font-size:clamp(68px,20vw,90px);line-height:.82;letter-spacing:-.06em}.case-spektr .case-intro__copy{position:absolute;right:20px;bottom:6svh;width:calc(100% - 40px)}.case-spektr .case-intro__lead{width:min(100%,360px);margin-left:auto;font-size:clamp(18px,5vw,21px);line-height:1.42}.case-spektr .case-intro__meta{width:min(100%,360px);margin:22px 0 0 auto;font-size:9px}.case-spektr .case-intro__mark{top:4svh;right:18px;width:46px}.case-spektr .mobile-showcase{min-height:auto;padding:7svh 0 9svh}.case-spektr .mobile-showcase__canvas{min-height:0;display:grid;grid-template-columns:1fr;gap:3.2svh;padding:0 15px}.case-spektr .live-screen,.case-spektr .live-screen--two{position:relative;top:auto;left:auto;width:min(72vw,286px)}.case-spektr .live-screen--one{justify-self:start;margin-left:1vw}.case-spektr .live-screen--two{justify-self:end;width:min(74vw,294px);margin-right:0}.case-spektr .live-screen--three{justify-self:start;margin-left:11vw}.case-spektr .live-screen__viewport{border-radius:15px;box-shadow:0 12px 28px rgba(38,50,35,.045)}.case-spektr .mobile-decor--left{width:126px;left:-72px;top:4svh}.case-spektr .mobile-decor--right{width:122px;right:-68px;top:49%}.case-spektr .mobile-decor--gnom{width:84px;left:auto;right:2px;bottom:4svh}.case-spektr .project-note{padding:8svh 20px 9svh}.case-spektr .project-note p{width:100%;max-width:430px;font-size:clamp(23px,6.7vw,29px);line-height:1.31}.case-spektr .project-note__house{width:98px;left:-38px;bottom:-16px}.case-spektr .project-note__witch{display:none}.case-spektr .desktop-showcase{padding:10svh 0 9svh}.case-spektr .desktop-showcase__caption{width:calc(100% - 44px);margin-bottom:7svh;font-size:18px}.case-spektr .desktop-showcase__panels{width:100%;height:auto;display:grid;gap:25px;padding:0 14px;transform:none;left:auto}.case-spektr .desktop-panel{position:relative;width:108%;height:auto;aspect-ratio:1600/822;max-width:none}.case-spektr .desktop-panel--left{right:auto;left:-9%;transform:rotate(3deg)!important;transform-origin:center}.case-spektr .desktop-panel--right{left:1%;transform:rotate(-3deg)!important;transform-origin:center}.case-spektr .desktop-panel__inner{border-radius:12px;box-shadow:0 16px 36px rgba(37,53,35,.075)}.case-spektr .desktop-showcase__character{width:88px;right:-28px;bottom:4%}.case-spektr .closing{min-height:106svh}.case-spektr .closing__inner{padding:4svh 17px 28svh}.case-spektr .closing__title{font-size:clamp(68px,19.5vw,104px);line-height:.84}.case-spektr .closing__url{margin-top:28px;font-size:17px}.case-spektr .closing__credits{left:18px;right:18px;bottom:22px;grid-template-columns:1fr;gap:20px;padding-top:16px}.case-spektr .closing__credit--people{justify-self:start;width:100%}.case-spektr .footer-decor--01{width:145px;left:-56px;top:1%}.case-spektr .footer-decor--02{width:105px;left:11%;top:15%}.case-spektr .footer-decor--03{width:110px;right:7%;top:-1%}.case-spektr .footer-decor--04{width:115px;right:-42px;top:19%}.case-spektr .footer-decor--05{width:118px;right:-52px;top:45%}.case-spektr .footer-decor--06{width:126px;left:-48px;bottom:43%}.case-spektr .footer-decor--07{width:105px;left:-2%;bottom:48%}.case-spektr .footer-decor--08{width:90px;right:8%;bottom:43%}.case-spektr .footer-decor--09{width:78px;right:22%;top:42%}.case-spektr .footer-decor--10{width:108px;right:-50px;top:43%;bottom:auto}}@media (prefers-reduced-motion:reduce){.case-spektr.is-js .mobile-showcase .live-screen,.case-spektr.is-js .mobile-showcase.is-visible .live-screen{opacity:1;transform:none!important;transition:none!important}.case-spektr .desktop-panel,.case-spektr .live-screen{transform:none!important;will-change:auto}.case-spektr .footer-decor{animation:none!important}}.case-spektr.is-page-hidden .footer-decor{animation-play-state:paused!important}