.case-katskari{--ivory:#f8f3ea;--ivory-2:#efe7d8;--paper:#fffaf1;--navy:#24324a;--navy-deep:#19253a;--red:#a61623;--gold:#d7b46a;--ink:#101010;--muted:#6c675f;--line:hsla(0,0%,6%,.16);--gutter:clamp(32px,3.35vw,48px);--shell:min(1220px,calc(100vw - (var(--gutter) * 2)));--shell-wide:min(1360px,calc(100vw - (var(--gutter) * 2)));--section-space:clamp(88px,8vw,120px);--ease:cubic-bezier(.22,.75,.28,1)}.case-katskari,.case-katskari *{box-sizing:border-box}.case-katskari{scroll-behavior:smooth;margin:0;min-width:320px;overflow-x:clip;background:var(--ivory);color:var(--ink);font-family:var(--font-primary),ui-sans-serif,system-ui,sans-serif;font-size:16px;font-weight:var(--font-weight-regular);line-height:1.45;font-synthesis:none;-webkit-font-smoothing:antialiased}.case-katskari img{max-width:100%;display:block}.case-katskari a{color:inherit}.case-katskari figure,.case-katskari h1,.case-katskari h2,.case-katskari h3,.case-katskari p{margin:0}.case-katskari a,.case-katskari button{-webkit-tap-highlight-color:transparent}.case-katskari ::-moz-selection{background:var(--gold);color:var(--ink)}.case-katskari ::selection{background:var(--gold);color:var(--ink)}.case-katskari .skip-link{position:fixed;z-index:1000;left:16px;top:16px;padding:11px 15px;border-radius:999px;background:#fff;color:#111;transform:translateY(-150%);transition:transform .2s ease}.case-katskari .skip-link:focus{transform:translateY(0)}.case-katskari .shell{width:var(--shell);margin-inline:auto}.case-katskari .shell-wide{width:var(--shell-wide);margin-inline:auto}.case-katskari .section-pad{padding:var(--section-space) 0}.case-katskari .screen-frame{overflow:hidden;border:1px solid hsla(0,0%,6%,.14);background:#fff}.case-katskari .screen-frame img{width:100%;height:auto}.case-katskari .hero{--hero-y:18px;position:relative;padding:clamp(72px,7.2vw,104px) 0 0;overflow:hidden;background:var(--ivory);font-family:inherit}.case-katskari .hero:after,.case-katskari .hero:before,.case-katskari .hero__copy:before{content:"";position:absolute;z-index:0;aspect-ratio:1;border-radius:50%;pointer-events:none}.case-katskari .hero:before{width:clamp(240px,24vw,390px);right:-112px;top:142px;border:clamp(24px,2.7vw,42px) solid hsla(41,58%,63%,.27)}.case-katskari .hero:after{width:clamp(300px,30vw,470px);left:clamp(-245px,-16vw,-150px);top:clamp(250px,25vw,355px);border:clamp(28px,3vw,46px) solid hsla(41,58%,63%,.13)}.case-katskari .hero__copy{position:relative;z-index:2}.case-katskari .hero__copy:before{width:clamp(112px,10vw,158px);left:clamp(-64px,-4vw,-34px);top:clamp(-18px,-1.2vw,0px);border:clamp(12px,1.25vw,18px) solid hsla(41,58%,63%,.1)}.case-katskari .hero h1{position:relative;z-index:1;max-width:1120px;font-family:inherit;font-size:clamp(70px,7vw,106px);font-weight:750;line-height:1.02;letter-spacing:-.018em;text-transform:uppercase;text-wrap:balance}.case-katskari .hero h1 em{color:var(--red);font-style:normal;font-weight:inherit}.case-katskari .hero__screen{position:relative;z-index:4;width:var(--shell-wide);aspect-ratio:16/8.75;margin:clamp(52px,5.2vw,76px) auto 0;border-radius:3px 3px 0 0;box-shadow:0 24px 62px rgba(37,50,74,.1);transform:translate3d(0,var(--hero-y),0);will-change:transform}.case-katskari .hero__screen img{position:absolute;inset:0 auto auto 0;width:100%;height:auto}.case-katskari .system{position:relative;background:var(--navy);color:#fff;overflow:hidden;font-family:inherit}.case-katskari .system:after{content:"";position:absolute;right:-180px;bottom:-240px;width:min(640px,44vw);aspect-ratio:1;border:1px solid hsla(41,58%,63%,.38);border-radius:50%;box-shadow:0 0 0 54px hsla(41,58%,63%,.04),0 0 0 108px hsla(41,58%,63%,.025)}.case-katskari .system__head{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(260px,.55fr);gap:clamp(44px,6vw,78px);align-items:end}.case-katskari .access h2,.case-katskari .place h2,.case-katskari .system h2,.case-katskari .tasks h2{font-size:clamp(48px,4.7vw,72px);line-height:1.04;letter-spacing:-.025em;text-wrap:balance}.case-katskari .system h2{font-family:inherit;font-weight:750;line-height:1.04;letter-spacing:-.025em}.case-katskari .system__note{max-width:390px;padding-bottom:4px;color:hsla(0,0%,100%,.76);font-size:clamp(17px,1.35vw,21px);line-height:1.4}.case-katskari .system__stage{position:relative;z-index:2;margin-top:clamp(52px,5vw,72px)}.case-katskari .system__screen{position:relative;aspect-ratio:128/75;border-color:hsla(0,0%,100%,.2);box-shadow:0 28px 70px rgba(0,0,0,.18)}.case-katskari .system__screen video{display:block;width:100%;height:auto}.case-katskari .tour{position:relative;height:230svh;overflow:clip;background:var(--navy-deep);color:#fff;font-family:inherit}.case-katskari .tour__sticky{position:sticky;top:0;height:100svh;overflow:hidden}.case-katskari .tour__scene{position:relative;height:100%;display:flex;align-items:center;isolation:isolate}.case-katskari .tour h2{position:relative;z-index:2;width:min(980px,74vw);font-family:inherit;font-size:1.5em;font-weight:750;line-height:1;letter-spacing:-.018em;transform:translate3d(0,var(--tour-title-y,8px),0);will-change:transform}.case-katskari .tour__lead{display:block;font-size:clamp(54px,5.45vw,82px);line-height:1.02;white-space:nowrap}.case-katskari .tour h2 em{display:block;margin-top:.06em;color:var(--gold);font-size:clamp(104px,11.2vw,168px);line-height:.94;letter-spacing:-.026em;font-style:normal;font-weight:inherit}.case-katskari .tour__circle{position:absolute;z-index:3;top:50%;right:clamp(-190px,-11vw,-125px);width:clamp(560px,50vw,760px);aspect-ratio:1;border:1.5px solid hsla(39,50%,95%,.46);border-radius:50%;background:rgba(248,243,234,var(--tour-fill,0));transform:translate3d(0,-50%,0) scale(var(--tour-scale,.92));transform-origin:50% 50%;will-change:transform,background-color;pointer-events:none}.case-katskari .tasks{position:relative;background:var(--ivory)}.case-katskari .tasks__head{margin-bottom:clamp(58px,6vw,84px)}.case-katskari .tasks__head h2{max-width:900px}.case-katskari .tasks__composition{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);grid-template-areas:"services appeals" "documents documents";gap:clamp(44px,5vw,68px);align-items:start}.case-katskari .exhibit--services{grid-area:services}.case-katskari .exhibit--appeals{grid-area:appeals;margin-top:clamp(72px,7vw,104px)}.case-katskari .exhibit--documents{grid-area:documents;width:min(1080px,82%);margin:8px 0 0 auto}.case-katskari .exhibit header{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:16px;padding-bottom:11px;border-bottom:1px solid var(--line)}.case-katskari .exhibit h3{font-size:clamp(25px,2.15vw,34px);line-height:1.1;letter-spacing:-.015em}.case-katskari .exhibit__frame{position:relative;background:var(--paper);box-shadow:0 18px 52px rgba(36,50,74,.07)}.case-katskari .exhibit--appeals .exhibit__frame,.case-katskari .exhibit--services .exhibit__frame{aspect-ratio:4/3}.case-katskari .exhibit__frame img{position:absolute;inset:0 auto auto 0;width:100%;height:auto}.case-katskari .exhibit--documents .exhibit__frame{aspect-ratio:auto;overflow:visible}.case-katskari .exhibit--documents .exhibit__frame img{position:static;width:100%;height:auto}.case-katskari .place{overflow:hidden;background:var(--paper)}.case-katskari .place__head{margin-bottom:clamp(54px,5vw,72px)}.case-katskari .place__window{--place-crop:-22.5%;--place-motion:0px;position:relative;aspect-ratio:1.64/1;overflow:hidden;background:var(--ivory-2)}.case-katskari .place__window img{position:absolute;left:0;top:0;width:100%;max-width:none;height:auto;transform:translate3d(0,calc(var(--place-crop) + var(--place-motion)),0);will-change:transform}.case-katskari .access{--split:100%;position:relative;background:var(--navy);color:#fff;overflow:hidden}.case-katskari .access__head{position:relative;z-index:3;margin-bottom:clamp(54px,5vw,76px)}.case-katskari .access__compare{position:relative;z-index:2;aspect-ratio:16/9.25;overflow:hidden;border:1px solid hsla(0,0%,100%,.2);background:#000}.case-katskari .access__panel{position:absolute;inset:0;overflow:hidden}.case-katskari .access__panel img{position:absolute;top:0;left:0;width:100%;max-width:none;height:auto}.case-katskari .access__panel figcaption{position:absolute;z-index:3;bottom:15px;padding:10px 12px;border:1px solid;background:rgba(0,0,0,.76);color:#fff;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.case-katskari .access__panel--normal{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.case-katskari .access__panel--normal figcaption{left:15px}.case-katskari .access__panel--contrast{clip-path:inset(0 0 0 var(--split))}.case-katskari .access__panel--contrast figcaption{right:15px}.case-katskari .access__compare:after{content:"";position:absolute;z-index:5;top:0;bottom:0;left:var(--split);width:1px;background:var(--gold);box-shadow:0 0 0 1px rgba(0,0,0,.16);pointer-events:none}.case-katskari .closing{position:relative;display:flex;min-height:max(100svh,680px);padding:clamp(72px,7vw,104px) 0 clamp(42px,6vh,72px);overflow:hidden;background:var(--red);color:#fff;font-family:inherit}.case-katskari .closing:after,.case-katskari .closing:before{content:"";position:absolute;border-radius:50%;border:1px solid hsla(0,0%,100%,.22)}.case-katskari .closing:before{width:min(420px,30vw);aspect-ratio:1;left:-150px;top:-190px}.case-katskari .closing:after{width:min(300px,22vw);aspect-ratio:1;right:-110px;bottom:-120px;box-shadow:0 0 0 44px hsla(0,0%,100%,.02)}.case-katskari .closing__inner{position:relative;z-index:2;display:grid;grid-template-rows:1fr auto;gap:clamp(48px,6vh,72px)}.case-katskari .closing__center{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:clamp(24px,3vh,36px);text-align:center}.case-katskari .closing h2{font-size:clamp(64px,7.4vw,112px);font-weight:750;line-height:1;letter-spacing:-.02em;text-transform:uppercase}.case-katskari .closing__url{display:inline-flex;align-items:center;min-height:44px;padding:0 22px;border-radius:999px;background:var(--ivory);color:var(--red);font-size:clamp(14px,.95vw,17px);font-weight:700;letter-spacing:-.01em;text-decoration:none;box-shadow:0 8px 22px rgba(60,0,8,.18);transition:transform .18s ease,background-color .18s ease}.case-katskari .closing__url:hover{transform:translateY(-2px);background:#fff}.case-katskari .closing__url:focus-visible{outline:3px solid var(--gold);outline-offset:4px}.case-katskari .closing__meta{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;font-size:clamp(14px,1.02vw,18px);line-height:1.35;letter-spacing:-.018em}.case-katskari .closing__project{display:flex;gap:clamp(16px,1.4vw,24px);align-items:baseline}.case-katskari .closing__project span{color:hsla(0,0%,100%,.7);white-space:nowrap}.case-katskari .closing__person strong,.case-katskari .closing__project strong{display:block;color:#fff;font-weight:700}.case-katskari .closing__people{display:grid;gap:10px;width:-moz-max-content;width:max-content;max-width:min(460px,60%)}.case-katskari .closing__credits-title{margin:0;color:#fff;font-size:clamp(17px,1.3vw,24px);font-weight:750;line-height:1.2;letter-spacing:-.01em}.case-katskari .closing__credits{display:grid;gap:12px}.case-katskari .closing__person{margin:0}.case-katskari .closing__person span{display:block;color:hsla(0,0%,100%,.84)}.case-katskari.is-js [data-reveal]{--reveal-y:22px;--reveal-scale:1;opacity:0;transform:translate3d(0,var(--reveal-y),0) scale(var(--reveal-scale));transition:opacity .74s var(--ease),transform .74s var(--ease)}.case-katskari.is-js [data-reveal=text]{--reveal-y:22px;transition-duration:.72s}.case-katskari.is-js [data-reveal=visual]{--reveal-y:28px;--reveal-scale:.992;transition-duration:.8s}.case-katskari.is-js [data-reveal=group]{--reveal-y:18px;transition-duration:.7s}.case-katskari.is-js [data-reveal].is-visible{opacity:1;transform:translateZ(0) scale(1)}.case-katskari .tasks__composition .exhibit:nth-child(2){transition-delay:.1s}.case-katskari .tasks__composition .exhibit:nth-child(3){transition-delay:.18s}.case-katskari .exhibit__frame{--motion-y:0px;transform:translate3d(0,var(--motion-y),0);will-change:transform}@media (max-width:1100px){.case-katskari{--gutter:clamp(28px,3.2vw,36px);--section-space:clamp(78px,8vw,100px)}.case-katskari .hero h1{font-size:clamp(64px,7.4vw,86px)}.case-katskari .system__head{grid-template-columns:minmax(0,1.1fr) minmax(240px,.7fr);gap:38px}.case-katskari .tasks__composition{grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:40px}.case-katskari .exhibit--appeals{margin-top:64px}.case-katskari .exhibit--documents{width:88%}}@media (max-width:900px){.case-katskari{--gutter:28px;--shell:min(100% - 56px,820px);--shell-wide:min(100% - 40px,860px);--section-space:82px}.case-katskari .hero{padding-top:72px}.case-katskari .hero__screen{aspect-ratio:16/9.3}.case-katskari .system__head{grid-template-columns:1fr;gap:26px}.case-katskari .system__note{max-width:620px}.case-katskari .system__screen{aspect-ratio:128/75}.case-katskari .tour{height:auto;min-height:78svh;padding:88px 0 96px}.case-katskari .tour__sticky{position:relative;height:auto;min-height:calc(78svh - 184px);overflow:hidden}.case-katskari .tour__scene{min-height:calc(78svh - 184px);align-items:center}.case-katskari .tour h2{width:min(720px,82vw);transform:none!important}.case-katskari .tour__lead{font-size:clamp(44px,6.8vw,62px);white-space:normal}.case-katskari .tour h2 em{font-size:clamp(88px,13vw,126px)}.case-katskari .tour__circle{top:auto;right:-24vw;bottom:-30vw;width:min(540px,62vw);background:transparent;transform:none!important}.case-katskari .tasks__composition{grid-template-columns:1fr;grid-template-areas:"services" "appeals" "documents";gap:62px}.case-katskari .exhibit--appeals,.case-katskari .exhibit--documents{margin-top:0;width:100%}.case-katskari .exhibit--appeals .exhibit__frame,.case-katskari .exhibit--services .exhibit__frame{aspect-ratio:16/10}.case-katskari .exhibit--documents .exhibit__frame{overflow:hidden}.case-katskari .place__window{aspect-ratio:1.38/1;--place-crop:-20%}.case-katskari .access__compare{aspect-ratio:16/10}}@media (max-width:640px){.case-katskari{--gutter:16px;--shell:calc(100% - 32px);--shell-wide:calc(100% - 20px);--section-space:68px}.case-katskari .section-pad{padding:var(--section-space) 0}.case-katskari .hero{--hero-y:0px;padding-top:54px}.case-katskari .hero:before{width:184px;right:-112px;top:118px;border-width:20px}.case-katskari .hero:after{width:210px;left:-142px;top:232px;border-width:22px}.case-katskari .hero__copy:before{width:86px;left:-48px;top:6px;border-width:10px}.case-katskari .hero h1{max-width:100%;font-size:clamp(26px,8.3vw,36px);line-height:1.02;letter-spacing:-.018em}.case-katskari .hero__screen{width:calc(100% - 20px);aspect-ratio:1.16/1;margin-top:42px;box-shadow:0 15px 38px rgba(37,50,74,.1);transform:none}.case-katskari .access h2,.case-katskari .place h2,.case-katskari .system h2,.case-katskari .tasks h2{font-size:clamp(39px,11.2vw,48px);line-height:1.03;letter-spacing:-.02em}.case-katskari .system__stage{margin-top:42px}.case-katskari .system__screen{aspect-ratio:128/75}.case-katskari .tour{min-height:76svh;padding:72px 0 78px}.case-katskari .tour__scene,.case-katskari .tour__sticky{min-height:calc(76svh - 150px)}.case-katskari .tour h2{width:100%;max-width:350px}.case-katskari .tour__lead{font-size:clamp(27px,8.5vw,36px);line-height:1;letter-spacing:-.01em;white-space:nowrap}.case-katskari .tour h2 em{margin-top:.12em;font-size:clamp(66px,19vw,80px);line-height:.94}.case-katskari .tour__circle{right:-178px;bottom:-154px;width:390px;border-color:hsla(39,50%,95%,.36)}.case-katskari .tasks__head{margin-bottom:48px}.case-katskari .tasks__composition{gap:54px}.case-katskari .exhibit header{margin-bottom:12px}.case-katskari .exhibit h3{font-size:25px}.case-katskari .exhibit--appeals .exhibit__frame,.case-katskari .exhibit--services .exhibit__frame{aspect-ratio:1.02/1}.case-katskari .exhibit--documents .exhibit__frame{aspect-ratio:auto;overflow:visible}.case-katskari .place__head{margin-bottom:42px}.case-katskari .place__window{aspect-ratio:1.08/1;--place-crop:-20.5%}.case-katskari .access{--split:100%}.case-katskari .access__head{margin-bottom:42px}.case-katskari .access__compare{aspect-ratio:4/3}.case-katskari .access__panel figcaption{bottom:7px;padding:7px 8px;font-size:7px;letter-spacing:.07em}.case-katskari .access__panel--normal figcaption{left:7px}.case-katskari .access__panel--contrast figcaption{right:7px}.case-katskari .closing{min-height:max(100svh,600px);padding:64px 0 max(28px,env(safe-area-inset-bottom))}.case-katskari .closing:before{width:210px;left:-105px;top:-110px}.case-katskari .closing:after{width:160px;right:-80px;bottom:-70px;box-shadow:0 0 0 26px hsla(0,0%,100%,.02)}.case-katskari .closing h2{font-size:clamp(24px,calc((100vw - 32px) / 10.2),49px);line-height:1.01;letter-spacing:-.012em}.case-katskari .closing__center{gap:20px}.case-katskari .closing__url{min-height:40px;padding:0 18px;font-size:13px}.case-katskari .closing__meta{flex-direction:column-reverse;align-items:stretch;gap:24px;padding-inline:6px;font-size:13px}.case-katskari .closing__project{flex-direction:column;gap:2px}.case-katskari .closing__people{width:auto;gap:8px}.case-katskari .closing__credits-title{font-size:18px}.case-katskari .closing__credits{gap:10px}.case-katskari.is-js [data-reveal]{--reveal-y:14px;transition-duration:.58s}.case-katskari.is-js [data-reveal=visual]{--reveal-y:16px;--reveal-scale:.996;transition-duration:.62s}.case-katskari .tasks__composition .exhibit:nth-child(2){transition-delay:.06s}.case-katskari .tasks__composition .exhibit:nth-child(3){transition-delay:.11s}}@media (prefers-reduced-motion:reduce){.case-katskari{scroll-behavior:auto}.case-katskari,.case-katskari *,.case-katskari :after,.case-katskari :before{scroll-behavior:auto!important;animation:none!important;transition-duration:.001ms!important}.case-katskari.is-js [data-reveal]{opacity:1;transform:none}.case-katskari .exhibit__frame,.case-katskari .hero__screen{transform:none!important}.case-katskari .place__window{--place-motion:0px!important}.case-katskari .tour{height:auto;min-height:100svh}.case-katskari .tour h2{transform:none!important}.case-katskari .tour__circle{background:transparent!important;transform:translate3d(0,-50%,0) scale(.92)!important}.case-katskari .access{--split:50%!important}}