@font-face{font-family:MechTech;src:url(./MechTech-1mlZ-Bq-3GdG_.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Perdite;src:url(./PerditeRegular-MVaWY-CI623-ys.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}:root{--font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Perdite", Inter, ui-sans-serif, system-ui, sans-serif;--font-tech: "MechTech", "SFMono-Regular", Consolas, "Liberation Mono", monospace;font-family:var(--font-body);color:#fff;background:#000;font-synthesis:none;text-rendering:geometricPrecision;-webkit-font-smoothing:antialiased;--pad: clamp(12px, 1vw, 20px);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-quart: cubic-bezier(.165, .84, .44, 1);--ease-in-out-quart: cubic-bezier(.77, 0, .175, 1);--ease-standard: cubic-bezier(.4, 0, .2, 1);--ease-soft: cubic-bezier(.22, .61, .36, 1);--p-h: 12px;--zone-size: 105px}*{box-sizing:border-box}html,body,#app{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden;background:#000}button,a{color:inherit;font:inherit;letter-spacing:0;-webkit-tap-highlight-color:transparent}button{border:0;background:transparent;cursor:pointer}a{text-decoration:none}img{display:block;max-width:100%}.ogon-stage{position:relative;width:100%;height:100svh;overflow:hidden;background:#000;color:#fff;overscroll-behavior:none}.preloader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#000;color:#fff;transition:background .5s ease,opacity .5s ease;will-change:opacity,background}.preloader.is-reveal{background:transparent;opacity:0;pointer-events:none}.preloader__wrap{display:inline-flex;align-items:center;height:27px;position:relative}.preloader__logo-clip{display:inline-flex;align-items:center;height:27px;overflow:hidden}.preloader__logo{display:inline-flex;height:27px;color:#fff;opacity:0;transform:translateY(120%)}.preloader.is-ready .preloader__logo{transition:opacity .7s ease,transform .5s cubic-bezier(.2,.7,.2,1)}.preloader__logo.is-in{opacity:1;transform:none}.preloader__logo.is-out{transform:translateY(-130%)}.preloader__logo strong{font-size:clamp(2rem,6vw,5.6rem);line-height:.78}.bg-media{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform-origin:50%;background:#050505;transition:transform .45s ease}.bg-media__layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:var(--layer-opacity, 1);pointer-events:none;transform:translateY(var(--layer-y, 0dvh)) scale(var(--layer-scale, 1));transform-origin:50%;transition:opacity .45s ease,transform .45s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform,opacity}.bg-media__fill{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;transform:translateY(var(--fill-y, 0dvh));transition:opacity .6s ease,transform .45s ease;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;will-change:transform}.bg-media__fill.app-screenshot-backdrop{object-position:center;filter:grayscale(1) contrast(1.08) brightness(.98)}.bg-media__fill.gif-backdrop{object-fit:contain;background:#000;filter:saturate(.9) contrast(1) brightness(.72)}.empty-backdrop{background:#000}.source-backdrop{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;align-content:center;gap:clamp(10px,1.4vw,18px);padding:12vh 10vw;color:#ffffffe0;background:linear-gradient(120deg,color-mix(in srgb,var(--accent) 20%,transparent),transparent 36%),linear-gradient(300deg,color-mix(in srgb,var(--accent) 16%,transparent),transparent 38%),#000}.source-backdrop:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:42px 42px;opacity:.28}.source-backdrop span,.source-backdrop strong,.source-backdrop code{position:relative;width:min(780px,100%)}.preloader__logo strong,.source-backdrop span,.source-backdrop strong,.brand strong,.mobile-nav-links button,.main-view h1,.main-view-card strong,.number-block h5,.selected>p:nth-child(2),.tile-copy strong{font-family:var(--font-display);font-weight:400}.source-backdrop span{color:var(--accent);font-size:clamp(48px,12vw,180px);line-height:.86}.source-backdrop strong{color:#fff;font-size:clamp(34px,7vw,104px);line-height:.92;text-transform:uppercase}.source-backdrop code{display:block;max-width:760px;color:#ffffffc7;font-family:var(--font-tech);font-size:clamp(13px,1.25vw,18px)}.site-header{position:absolute;top:0;right:0;left:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;min-height:56px;padding:14px var(--pad) 0;color:#fff;mix-blend-mode:difference;animation:ogon-header-in .52s var(--ease-out-expo) both}.brand{display:inline-flex;align-items:center;gap:10px;min-width:0;color:#fff}.brand span{width:clamp(9px,.85vw,13px);aspect-ratio:1;border-radius:999px;background:currentColor}.brand strong{display:block;font-size:clamp(22px,2vw,34px);line-height:.82;letter-spacing:0;white-space:nowrap}.social-top,.mode-switch{justify-self:center;display:flex;align-items:center;gap:clamp(14px,1.7vw,26px);color:#fff;font-size:16px;line-height:1}.social-top,.mode-switch,.desktop-nav,.main-kicker,.main-actions a,.main-actions button,.main-view-card span,.main-metrics,.zone__item-media>span,.selected>p:first-child,.play-fs,.tile-copy small,.tile-copy em,.contact-country,.contact-details,.contact-ledger,.stage-footer{font-family:var(--font-tech)}.social-top a,.mode-switch button,.desktop-nav button,.mobile-nav-links button{position:relative;opacity:.92;transition:opacity .18s ease,transform .18s ease}.mode-switch button,.desktop-nav,.desktop-nav button{display:inline-flex;align-items:center}.mode-switch button{gap:8px}.desktop-nav{--nav-slot: clamp(64px, 5.5vw, 90px);--nav-gap: clamp(16px, 2vw, 34px);position:relative;justify-self:end;display:grid;grid-template-columns:repeat(3,var(--nav-slot));gap:var(--nav-gap);font-size:16px}.desktop-nav button{justify-content:flex-start;gap:10px;width:var(--nav-slot);padding-left:18px;text-align:left;white-space:nowrap;transition:opacity .2s ease,transform .2s ease,padding-left .5s var(--ease-soft)}.desktop-nav button.active{padding-left:32px}.desktop-nav button:before,.mode-switch button:before{width:8px;aspect-ratio:1;border-radius:999px;background:currentColor;opacity:0;content:"";transition:opacity .18s ease}.desktop-nav button.active:before,.mode-switch button.active:before{opacity:1}.desktop-nav button:before{display:none}.desktop-nav:before,.desktop-nav:after{position:absolute;top:50%;left:0;width:8px;aspect-ratio:1;border-radius:999px;background:currentColor;content:"";pointer-events:none;transform:translate3d(var(--nav-x, 0px),-50%,0) scale(1);transition:opacity .3s ease,transform .4s var(--ease-standard);will-change:transform,opacity}.desktop-nav:after{opacity:var(--nav-hover-opacity, 0);transform:translate3d(var(--nav-hover-x, var(--nav-x, 0px)),-50%,0) scale(.7);transition:opacity .25s ease,transform .42s cubic-bezier(.34,1.56,.64,1)}.menu-button{display:none;justify-self:end;color:#fff}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:18;display:grid;grid-template-rows:auto 1fr auto;gap:28px;padding:74px 18px 22px;background:#000000f0;color:#fff;opacity:0;pointer-events:none;transform:translate3d(0,-12px,0) scale(.985);transition:opacity .22s var(--ease-out-quart),transform .26s var(--ease-out-quart),visibility .22s linear;visibility:hidden;will-change:opacity,transform}.mobile-menu[data-open=true]{opacity:1;pointer-events:auto;transform:translateZ(0) scale(1);visibility:visible}.mobile-menu p{max-width:42rem;margin:0;font-size:clamp(16px,5vw,24px);line-height:1.12}.mobile-nav-links{display:grid;align-content:center;gap:12px}.mobile-nav-links button{width:max-content;color:#fff;font-size:clamp(42px,17vw,84px);font-weight:900;line-height:.9;text-transform:uppercase}.mobile-social{display:flex;flex-wrap:wrap;gap:16px;font-size:16px}.main-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;overflow:hidden;background:#000;color:#fff}.main-view:before,.main-view:after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;content:"";pointer-events:none}.main-view:before{background:linear-gradient(180deg,rgba(0,0,0,.62),transparent 24%,rgba(0,0,0,.48)),linear-gradient(90deg,#000000c2,#0000006b 42%,#0000000f 72%,#0003)}.main-view:after{opacity:.22;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(90,235,255,.08) 1px,transparent 1px),repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.04) 8px 9px);background-size:80px 80px,80px 80px,100% 9px;mix-blend-mode:screen}.tech-scene{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;background:#000}.tech-scene__canvas{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;background:#000;cursor:grab}.tech-scene[data-dragging=true] .tech-scene__canvas{cursor:grabbing}.main-copy{position:absolute;top:clamp(124px,18vh,180px);bottom:auto;left:clamp(28px,4vw,72px);z-index:4;display:grid;gap:clamp(12px,1.4vw,18px);width:min(690px,calc(100% - 112px));pointer-events:none;animation:ogon-copy-in .64s var(--ease-out-expo) 90ms both}.main-kicker{margin:0;color:#e0faffd1;font-size:13px;letter-spacing:.12em;line-height:1;text-transform:uppercase}.main-view h1{max-width:9ch;margin:0;color:#f5fbff;font-size:clamp(58px,7.3vw,118px);letter-spacing:0;line-height:.9;text-shadow:0 1px 0 rgba(255,255,255,.26),0 0 38px rgba(86,232,255,.18)}.main-copy>p:not(.main-kicker){max-width:620px;margin:6px 0 0;color:#edf8ffd1;font-size:clamp(16px,1.2rem,19px);line-height:1.18}.main-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:4px;pointer-events:auto}.main-actions a,.main-actions button{display:inline-flex;align-items:center;min-height:42px;border:1px solid rgba(213,250,255,.36);padding:0 16px;background:#0000003d;color:#fff;font-size:14px;line-height:1;text-transform:uppercase;transition:border-color .18s ease,transform .18s ease,background .18s ease}.main-actions a:hover,.main-actions button:hover{border-color:#ffffffb8;background:#60edff1f;transform:translateY(-1px)}.main-view-card{position:absolute;top:clamp(104px,13vh,148px);right:var(--pad);z-index:4;display:grid;gap:9px;width:min(390px,31vw);min-height:136px;border:1px solid rgba(214,250,255,.22);border-radius:8px;padding:18px;background:#03070ca8;box-shadow:0 22px 90px #0000006b,inset 0 1px #ffffff14;color:#f6fbff;pointer-events:none;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:ogon-line-in .68s var(--ease-out-expo) .15s both}.main-view-card span{color:#69efff;font-size:12px;line-height:1}.main-view-card strong{overflow-wrap:anywhere;font-size:clamp(19px,1.55rem,25px);line-height:.98}.main-view-card em{color:#edf8ffbd;font-size:14px;font-style:normal;line-height:1.28}.main-metrics{position:absolute;right:var(--pad);bottom:clamp(42px,6.6vh,82px);z-index:4;display:grid;gap:8px;width:min(360px,30vw);pointer-events:none;animation:ogon-line-in .68s var(--ease-out-expo) .18s both}.main-metrics p{display:grid;grid-template-columns:42px minmax(0,1fr);gap:10px;align-items:center;margin:0;border-top:1px solid rgba(226,252,255,.2);padding-top:8px;color:#edf8ffc7;font-size:13px;line-height:1.1;transition:border-color .18s ease,color .18s ease,opacity .18s ease,transform .18s ease}.main-metrics p.active{border-color:#69efffdb;color:#fff;opacity:1;transform:translate(-8px)}.main-metrics span{color:#65f0ff;font-size:13px}.main-metrics strong{font-weight:600}.home-view,.works-view,.contact-view{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%;animation:ogonPageIn .3s var(--ease-standard) both;will-change:transform,opacity}.home-view{display:flex;flex-direction:column;padding:48px var(--p-h) var(--p-h);pointer-events:none;transform-origin:50%;transition:opacity .45s ease,transform .45s ease}.project-stage-view{padding-top:clamp(78px,9vh,112px)}.home-view h1,.works-view h1,.contact-view h1{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.about-line{position:relative;z-index:4;width:min(100%,1048px);margin:0;color:#ffffffdb;font-size:clamp(14px,1.3vw,18px);line-height:1.18;text-wrap:balance;mix-blend-mode:difference;pointer-events:auto;animation:ogon-line-in .64s var(--ease-out-expo) 90ms both}@media(min-width:768px){.about-line{text-indent:8em}}.blend{mix-blend-mode:difference!important}.number-block{position:absolute;top:0;bottom:0;left:50vw;z-index:6;display:flex;flex-direction:column;justify-content:center;transition:padding-top .35s ease}.number-block:has(.zone.is-open){padding-top:calc(min(66dvh,620px)/2 - 52.5px)}@media(hover:hover)and (pointer:fine){.number-block:has(.zone:hover){padding-top:calc(min(66dvh,620px)/2 - 52.5px)}}.number-block h5{position:relative;z-index:1;display:inline-flex;align-items:center;gap:.35em;margin:0;color:color-mix(in srgb,var(--accent) 82%,#fff);font-size:var(--fs-h5);line-height:1}.num{display:inline-flex;align-items:center;gap:.05em}.about-line,.selected p,.number-block h5,.zone{opacity:var(--ui-open, 1);transform:translateY(calc(12px * (1 - var(--ui-open, 1)))) scaleY(calc(1 + .08 * (1 - var(--ui-open, 1)))) scaleX(calc(1 + -.02 * (1 - var(--ui-open, 1))))}.zone{--zone-size: 105px;width:210px;height:var(--zone-size);margin-left:78px;overflow:hidden;background:#000;mix-blend-mode:normal;pointer-events:auto;scrollbar-width:none;transition:height .35s ease,margin-top .35s ease,opacity .4s ease,transform .5s ease;will-change:transform}.zone::-webkit-scrollbar{display:none}.zone.is-open{height:min(66dvh,620px);margin-top:calc((var(--zone-size) - min(66dvh,620px)) / 2);opacity:1;overflow-y:auto}@media(hover:hover)and (pointer:fine){.social-top a:hover,.mode-switch button:hover,.desktop-nav button:hover,.mobile-nav-links button:hover{opacity:1;transform:translateY(-1px)}.play-fs:hover{color:#fff;transform:translate(3px)}.zone:hover{height:min(66dvh,620px);margin-top:calc((var(--zone-size) - min(66dvh,620px)) / 2);opacity:1;overflow-y:auto}.zone:hover .zone__item:hover{opacity:1}}.zone__item{width:100%;height:var(--zone-size);display:block;padding:24px 60px;color:#fff;cursor:pointer;mix-blend-mode:normal!important}.zone__item-media{position:relative;display:block;width:100%;height:100%}.zone__item img,.zone__item-media>span{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s ease}.zone__item-media>span{display:grid;place-items:center;color:var(--accent);font-size:22px;font-weight:900;background:#080808}.zone.is-open .zone__item:not(.is-active) img,.zone.is-open .zone__item:not(.is-active) .zone__item-media>span{opacity:.4}@media(hover:hover)and (pointer:fine){.zone:hover .zone__item:not(:hover) img,.zone:hover .zone__item:not(:hover) .zone__item-media>span{opacity:.4}}.selected{z-index:6;margin-top:auto;color:#ffffffdb;animation:ogon-copy-in .56s var(--ease-out-expo) both;will-change:transform,opacity;pointer-events:auto}.selected>p{max-width:22em;margin:0;font-size:clamp(14px,1.15vw,18px);line-height:1.2}.selected>p:nth-child(2){margin-left:8em}.selected>p:nth-child(3){max-width:30em;margin-left:18em}.tswap{position:relative;display:block;transition:height .46s var(--ease-soft)}.tswap--bold{font-weight:600}.tswap__line{display:block;overflow:hidden}.tswap__line-inner{display:block;transition:transform .52s var(--ease-soft),opacity .52s ease;animation:ogon-text-line-in .52s var(--ease-soft) both}.tswap__line:nth-child(2) .tswap__line-inner{animation-delay:70ms}.selected>p:nth-child(3) .tswap__line-inner{animation-delay:.14s}.play-fs{position:absolute;top:50%;right:20px;z-index:6;display:inline-flex;align-items:center;gap:24px;padding:8px 18px;color:#ffffffc7;font-size:clamp(18px,1.7vw,24px);mix-blend-mode:difference;pointer-events:auto;transition:color .2s ease,transform .2s ease;animation:ogon-line-in .62s var(--ease-out-expo) .18s both}.works-view{display:grid;padding:clamp(86px,10vh,120px) var(--pad) 54px;background:#000}.works-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(104px,auto);align-content:center;gap:clamp(18px,3vw,44px) clamp(18px,3.6vw,56px)}.works-list{align-content:center;gap:0}.work-tile{position:relative;display:grid;min-width:0;color:#fff;text-align:left;animation:ogon-tile-in .56s var(--ease-out-expo) both;animation-delay:var(--work-delay, 0ms);will-change:transform,opacity}.works-grid .work-tile{align-content:start;justify-items:start;gap:10px}.works-list .work-tile{grid-template-columns:clamp(170px,24vw,360px) minmax(0,1fr);align-items:center;gap:clamp(18px,4vw,60px);border-top:1px solid rgba(255,255,255,.16);padding:clamp(14px,2vh,24px) 0}.works-list .work-tile:last-child{border-bottom:1px solid rgba(255,255,255,.16)}.tile-media{position:relative;display:grid;width:clamp(72px,8vw,124px);aspect-ratio:16 / 9;place-items:center;overflow:hidden;background:#111;color:var(--accent);font-size:18px;font-weight:900;transition:transform .22s ease,outline-color .22s ease}.work-tile.active .tile-media{outline:1px solid color-mix(in srgb,var(--accent) 80%,#fff);transform:scale(1.08)}.tile-media img{width:100%;height:100%;object-fit:cover}.tile-copy{display:grid;gap:4px;max-width:520px}.tile-copy strong{font-size:clamp(18px,2vw,28px);line-height:.96}.tile-copy small,.tile-copy em{color:#ffffffb8;font-size:14px;font-style:normal;line-height:1.2}.works-grid .tile-copy{opacity:0;transform:translateY(6px);transition:opacity .18s ease,transform .18s ease}.works-grid .work-tile.active .tile-copy{opacity:1;transform:translateY(0)}.works-list .tile-media{width:clamp(120px,18vw,290px);overflow:visible;background:transparent}.works-list .tile-media>img,.works-list .tile-media>span:not(.tile-filmstrip){position:relative;z-index:1;width:clamp(84px,8vw,126px);height:auto;aspect-ratio:16 / 9;overflow:hidden;background:#111;opacity:.76;transition:opacity .18s ease,transform .22s ease}.tile-filmstrip{position:absolute;top:50%;left:0;z-index:2;display:flex;gap:8px;width:max-content;opacity:0;pointer-events:none;transform:translate3d(-18px,-50%,0) scale(.96);transition:opacity .22s ease,transform .36s var(--ease-out-expo);will-change:transform,opacity}.tile-filmstrip>span{display:grid;width:clamp(62px,6.2vw,104px);aspect-ratio:16 / 9;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.2);background:#060606;color:var(--accent);font-size:14px;opacity:0;transform:translate3d(var(--frame-offset, 0px),0,0) scale(.92)}.tile-filmstrip img{width:100%;height:100%;object-fit:cover}.works-list .work-tile.active .tile-filmstrip{opacity:.92;transform:translate3d(26px,-50%,0) scale(1)}.works-list .work-tile.active .tile-filmstrip>span{animation:ogon-film-frame-in .42s var(--ease-out-expo) both;animation-delay:var(--frame-delay, 0ms)}.works-list .work-tile.active .tile-media>img,.works-list .work-tile.active .tile-media>span:not(.tile-filmstrip){opacity:.24;transform:translate3d(-6px,0,0) scale(.94)}@media(hover:hover)and (pointer:fine){.work-tile:hover .tile-media{outline:1px solid color-mix(in srgb,var(--accent) 80%,#fff);transform:scale(1.08)}.works-grid .work-tile:hover .tile-copy{opacity:1;transform:translateY(0)}.works-list .work-tile:hover .tile-filmstrip{opacity:.92;transform:translate3d(26px,-50%,0) scale(1)}.works-list .work-tile:hover .tile-filmstrip>span{animation:ogon-film-frame-in .42s var(--ease-out-expo) both;animation-delay:var(--frame-delay, 0ms)}.works-list .work-tile:hover .tile-media>img,.works-list .work-tile:hover .tile-media>span:not(.tile-filmstrip){opacity:.24;transform:translate3d(-6px,0,0) scale(.94)}}.contact-view{display:grid;grid-template-columns:1fr .36fr .76fr;grid-template-rows:auto 1fr auto;gap:28px;padding:clamp(76px,10vh,114px) var(--pad) 40px;background:#000;color:#fff}.contact-intro{grid-column:1 / -1;justify-self:center;width:min(1060px,100%);text-align:center}.contact-intro p{margin:0;font-size:clamp(15px,1.2vw,18px);line-height:1.16;animation:ogon-line-in .52s var(--ease-out-expo) both}.contact-country{grid-column:2;align-self:start;justify-self:center;margin-top:8vh;font-size:16px;animation:ogon-copy-in .56s var(--ease-out-expo) .12s both}.contact-details{grid-column:3;align-self:start;display:grid;gap:26px;margin-top:8vh;animation:ogon-copy-in .62s var(--ease-out-expo) .18s both}.contact-details a,.contact-details p{display:grid;grid-template-columns:22px 90px minmax(0,1fr);align-items:start;gap:10px;margin:0;color:#fff}.contact-details span{color:#ffffffb3}.contact-details strong{min-width:0;overflow-wrap:anywhere;font-weight:400}.contact-ledger{grid-column:1;align-self:end;display:grid;width:min(500px,100%);gap:1px;background:#ffffff2e;animation:ogon-copy-in .62s var(--ease-out-expo) .24s both}.contact-ledger p{display:grid;grid-template-columns:.9fr 1.1fr;gap:16px;margin:0;padding:12px 0;background:#000}.contact-ledger span{color:#ffffff9e}.contact-ledger strong{font-weight:600}.stage-footer{position:absolute;right:var(--pad);bottom:14px;left:var(--pad);z-index:10;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#ffffffc7;font-size:14px;mix-blend-mode:difference;pointer-events:none;animation:ogon-line-in .64s var(--ease-out-expo) .14s both}.stage-footer a{display:inline-flex;align-items:center;gap:8px;pointer-events:auto}@keyframes ogon-preloader-in{0%{opacity:0;transform:scale(1.02)}to{opacity:1;transform:scale(1)}}@keyframes ogon-preloader-out{0%{opacity:1;transform:translateZ(0) scale(1)}to{opacity:0;transform:translate3d(0,-18px,0) scale(.985)}}@keyframes ogon-preloader-mark{0%{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes ogon-preloader-dot{0%,to{opacity:.38;transform:scale(.72)}45%{opacity:1;transform:scale(1)}}@keyframes ogon-film-frame-in{0%{opacity:0;transform:translate3d(var(--frame-offset, 0px),8px,0) scale(.9)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ogon-media-in{0%{opacity:0;transform:translate3d(var(--media-in-x, 0px),var(--media-in-y, 0px),0) scale(1.11)}to{opacity:1;transform:translate3d(var(--media-x, 0px),var(--media-y, 0px),0) scale(1.045)}}@keyframes ogon-media-drift{0%{transform:translate3d(var(--media-drift-from-x, -8px),var(--media-drift-from-y, -6px),0) scale(1.045)}to{transform:translate3d(var(--media-drift-to-x, 10px),var(--media-drift-to-y, 7px),0) scale(1.075)}}@keyframes ogon-empty-in{0%{opacity:0}to{opacity:1}}@keyframes ogon-scan{0%{transform:translate3d(-18%,0,0)}to{transform:translate3d(18%,0,0)}}@keyframes ogon-header-in{0%{opacity:0;transform:translate3d(0,-14px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes ogonPageIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes ogonPageOut{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.03)}}@media(min-width:768px){@keyframes ogonPageIn{0%{filter:blur(10px);opacity:0;transform:scale(.9)}to{filter:blur(0);opacity:1;transform:scale(1)}}@keyframes ogonPageOut{0%{filter:blur(0);opacity:1;transform:scale(1)}to{filter:blur(16px);opacity:0;transform:scale(1.03)}}}@keyframes ogon-text-line-in{0%{opacity:0;transform:translateY(1.15em)}to{opacity:1;transform:translateY(0)}}@keyframes ogon-line-in{0%{opacity:0;transform:translate3d(0,-10px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes ogon-copy-in{0%{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:translateZ(0)}}@keyframes ogon-tile-in{0%{opacity:0;transform:translate3d(0,22px,0) scale(.96)}to{opacity:1;transform:translateZ(0) scale(1)}}@keyframes ogon-rule-pulse{0%,to{transform:scaleX(.74);opacity:.48}48%{transform:scaleX(1);opacity:.9}}@media(max-width:900px){.site-header{grid-template-columns:auto 1fr auto;min-height:52px;padding-top:14px}.social-top,.desktop-nav,.mode-switch{display:none}.menu-button{display:inline-flex}.brand strong{font-size:clamp(22px,7vw,34px)}.main-copy{top:auto;bottom:182px;left:14px;width:calc(100% - 28px)}.main-view-card{top:84px;right:14px;width:min(340px,calc(100% - 28px));min-height:112px;padding:15px}.main-view-card strong{font-size:clamp(18px,1.45rem,23px)}.main-view h1{max-width:100%;overflow-wrap:break-word;font-size:clamp(54px,4.6rem,74px)}.main-copy>p:not(.main-kicker){max-width:36rem;font-size:clamp(15px,1.05rem,17px)}.main-metrics{right:14px;bottom:22px;left:14px;width:auto}.main-metrics p{grid-template-columns:34px minmax(0,1fr);padding-top:7px;font-size:12px}.main-metrics p.active{transform:translate(0)}.home-view{padding-top:86px}.about-line{font-size:clamp(15px,4.1vw,18px)}.number-block{left:20px;width:calc(100% - 40px);padding-right:40px}.zone{margin:0 auto;transition:height .35s ease,margin-top .35s ease,transform .5s ease,opacity .4s ease}.selected{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px 32px}.selected>p:first-child{grid-column:1 / -1}.selected>p:nth-child(2){grid-column:1;margin-left:0}.selected>p:nth-child(3){grid-column:1 / -1;max-width:none;margin-left:0;max-height:7.4em;overflow:hidden;font-size:clamp(14px,3.8vw,17px)}.play-fs{position:static;grid-area:2 / 2;justify-self:end;gap:18px;padding:0;white-space:nowrap;font-size:clamp(18px,5vw,22px)}.works-view{overflow-y:auto;padding-top:86px}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(112px,auto);gap:26px 20px}.works-list .work-tile{grid-template-columns:72px 1fr}.tile-media{width:72px}.tile-filmstrip{display:none}.works-grid .tile-copy{opacity:1;transform:none}.tile-copy small,.tile-copy em{display:none}.contact-view{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;overflow-y:auto;padding-top:86px}.contact-intro,.contact-country,.contact-details,.contact-ledger{grid-column:1;margin-top:0}.contact-intro{text-align:left}.contact-country{justify-self:start}.contact-details a,.contact-details p{grid-template-columns:22px minmax(0,1fr)}.contact-details span,.contact-details strong{grid-column:2}}@media(max-width:520px){:root{--pad: 12px}.ogon-stage{min-height:100svh}.bg-media__fill.app-screenshot-backdrop{object-position:center}.about-line{max-height:4.8em;overflow:hidden}.main-copy{top:auto;bottom:86px;gap:12px}.main-view h1{max-width:100%;overflow-wrap:break-word;font-size:clamp(42px,3.25rem,52px);line-height:.94}.main-actions a,.main-actions button{min-height:38px;padding:0 13px;font-size:12px}.main-metrics{bottom:16px;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px}.main-metrics p{grid-template-columns:minmax(0,1fr);gap:4px;min-height:48px;border-top-color:#e2fcff29;padding:8px 4px 0}.main-metrics strong{overflow-wrap:anywhere}.number-block{left:12px;width:calc(100% - 24px);padding-right:24px}.selected{gap:14px 18px}.selected>p:nth-child(3){max-height:6.3em}.play-fs{gap:12px;font-size:clamp(15px,4.4vw,18px)}.stage-footer{display:none}.works-grid{grid-template-columns:1fr 1fr;gap:22px 14px}}@media(prefers-reduced-motion:reduce){.preloader,.preloader__logo,.bg-media,.bg-media__layer,.bg-media__fill,.site-header,.mobile-menu,.home-view,.works-view,.contact-view,.about-line,.number-block,.number-block h5,.zone,.zone__item,.zone__item img,.zone__item-media>span,.selected,.selected p,.tswap,.tswap__line-inner,.play-fs,.work-tile,.tile-filmstrip,.tile-filmstrip>span,.desktop-nav:before,.desktop-nav:after,.contact-intro p,.contact-country,.contact-details,.contact-ledger,.main-copy,.main-view-card,.main-metrics p,.main-metrics,.stage-footer{animation:none;transition:none}.tile-filmstrip{display:none}.bg-media__layer,.bg-media__fill,.about-line,.number-block h5,.zone,.selected p,.tswap__line-inner{transform:none}}