.production-stage{--production-image:url(/sets/production-world.png);--scene-x:0px;--scene-y:0px;--scene-rx:0deg;--scene-ry:0deg;isolation:isolate;perspective:1200px;background:#090806;min-height:100svh;position:relative;overflow:hidden}.production-stage:after{content:"";z-index:36;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.28s steps(2,end) infinite production-grain;position:absolute;inset:-25%}.production-stage__base,.production-stage__grade,.production-stage__atmosphere,.production-forms,.production-form,.production-form__shadow,.production-form__slice{position:absolute;inset:0}.production-stage__base{z-index:-4;background-image:var(--production-image);filter:saturate(.58)contrast(1.07)brightness(.64);will-change:transform;background-position:50%;background-size:cover;animation:28s ease-in-out infinite living-scene}.production-stage__grade{z-index:-2;pointer-events:none;background:radial-gradient(circle at 57% 28%,#0000 0 18%,#0707072b 49%,#030303b8 100%),linear-gradient(#05050503,#05050566);box-shadow:inset 0 0 13vw #000000ad}.production-stage__atmosphere{z-index:4;pointer-events:none;filter:blur(25px);mix-blend-mode:screen;background:radial-gradient(at 35%,#ecdcbe24,#0000 48%),radial-gradient(at 72% 44%,#8ea39f1a,#0000 46%);border-radius:50%;width:55vw;height:34vh;animation:31s ease-in-out infinite alternate production-mist;inset:28% auto auto -18%}.production-forms{z-index:10;transform:rotateX(var(--scene-ry)) rotateY(var(--scene-rx));transform-style:preserve-3d;transition:transform .8s,filter .9s,opacity .9s}.production-stage.has-active .production-forms{filter:saturate(.86)brightness(.82);opacity:.76}.production-stage.has-active .production-form__slice{animation:form-balloon-open 8.5s ease-in-out var(--form-delay) infinite alternate;filter:saturate(.76)contrast(1.04)brightness(.72)drop-shadow(0 28px 30px #00000042)}.production-stage.has-active .production-form__shadow{opacity:.08}.production-form{pointer-events:none;transform-style:preserve-3d}.production-form__shadow,.production-form__slice{clip-path:var(--form-clip);pointer-events:none;display:block}.production-form__hit{z-index:5;left:var(--hit-x);top:var(--hit-y);width:var(--hit-w);height:var(--hit-h);appearance:none;cursor:pointer;pointer-events:auto;background:0 0;border:0;padding:0;position:absolute}.production-form__shadow{z-index:0;opacity:.18;filter:blur(10px);background:#000000b3;transition:opacity .7s,transform .9s;transform:translate3d(1vw,2vh,-24px)}.production-form__slice{z-index:1;background-image:var(--production-image);filter:saturate(.61)contrast(1.08)brightness(.67)drop-shadow(0 18px 18px #00000038);transform-origin:50%;animation:form-drift var(--form-duration) ease-in-out var(--form-delay) infinite;will-change:transform;background-position:50%;background-size:cover;transition:filter .7s,transform 1.1s cubic-bezier(.16,.75,.08,1)}.production-form:nth-child(2n) .production-form__slice{animation-direction:alternate-reverse}.production-form:hover .production-form__shadow,.production-form:focus-within .production-form__shadow{opacity:.68;transform:translate3d(1.5vw,3vh,-40px)}.production-form:hover .production-form__slice,.production-form:focus-within .production-form__slice{filter:saturate(.81)brightness(.83)drop-shadow(0 34px 31px #00000080);transform:translate3d(var(--form-x), var(--form-y), 72px) scale(1.009);animation-play-state:paused}.production-form__hit:focus-visible{outline:none}.production-form__label{z-index:4;pointer-events:none;opacity:0;text-align:left;text-shadow:0 3px 16px #000;flex-direction:column;gap:5px;min-width:190px;transition:opacity .5s,transform .7s;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,13px)}.production-form:hover .production-form__label,.production-form:focus-within .production-form__label{opacity:1;transform:translate(-50%)}.production-form__label:before{content:"";background:var(--form-accent);width:34px;height:1px;box-shadow:0 0 14px var(--form-accent);margin-bottom:3px}.production-form__label small,.project-frame__header small,.production-title span,.production-title p,.production-note{letter-spacing:.3em;text-transform:uppercase;color:#f4dcb494;font-size:8px}.production-form__label strong{color:#ffedccf0;font-family:Georgia,Times New Roman,serif;font-size:clamp(17px,1.8vw,29px);font-weight:400}.production-title{z-index:42;pointer-events:none;text-shadow:0 7px 35px #000c;transition:opacity .7s,transform .7s;position:absolute;bottom:clamp(24px,4vh,54px);left:clamp(25px,4vw,70px)}.production-stage.has-active .production-title{opacity:0;transform:translateY(14px)}.production-title h1{letter-spacing:.035em;color:#f7e5c4e0;margin:5px 0 8px;font-family:Georgia,Times New Roman,serif;font-size:clamp(36px,6.2vw,91px);font-weight:400;line-height:.72}.production-title p,.production-note{margin:0}.production-note{z-index:48;opacity:.72;position:absolute;bottom:26px;right:30px}.project-screen{z-index:100;color:#edf3ef;background:0 0;animation:.9s both screen-fade;position:fixed;inset:0;overflow:hidden}.project-screen__backdrop{pointer-events:none;background:radial-gradient(#0000 38%,#010b0c29 76%,#00050747 100%),linear-gradient(90deg,#020e0f2e,#0000 34% 80%,#020d0e17);position:absolute;inset:0}.project-screen__backdrop:after{content:"";mix-blend-mode:screen;background:radial-gradient(circle at 18% 23%,#6db5b412,#0000 34%),radial-gradient(circle at 86% 74%,#5c8da50e,#0000 40%);position:absolute;inset:0}.project-frame{width:min(94vw,1520px);height:min(90svh,900px);box-shadow:none;background:0 0;border:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(220px,23%) minmax(0,1fr);animation:1.35s cubic-bezier(.16,.75,.08,1) both frame-emerge;display:grid;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.project-frame:before{content:none}.project-frame__header{z-index:3;text-shadow:0 4px 24px #000000c7;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#020f1075,#020f102e 72%,#0000);border-right:0;flex-direction:column;grid-area:1/1;justify-content:space-between;gap:28px;padding:clamp(28px,3.3vw,58px) clamp(24px,3vw,48px) 22px;display:flex;position:relative}.project-frame__header small{color:#e6efeba3}.project-frame__header h2{letter-spacing:.025em;color:#f1f4ef;margin:9px 0 0;font-family:Georgia,Times New Roman,serif;font-size:clamp(38px,5.2vw,82px);font-weight:400;line-height:.83}.project-frame__credits{gap:10px;margin:0;display:grid}.project-frame__credits div{gap:2px;display:grid}.project-frame__credits dt,.project-frame__credits dd{text-transform:uppercase;margin:0}.project-frame__credits dt{color:#dcebe761;letter-spacing:.27em;font-size:7px}.project-frame__credits dd{color:#eff4efc7;letter-spacing:.14em;font-size:8px;line-height:1.5}.project-frame__tabs{z-index:3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:linear-gradient(90deg,#020f1066,#020f1024 72%,#0000);border-right:0;flex-direction:column;grid-area:2/1;justify-content:flex-end;align-items:stretch;gap:2px;padding:20px clamp(24px,3vw,48px) clamp(30px,4vw,62px);display:flex;position:relative}.project-frame__tabs button{appearance:none;color:#e5efeb6e;cursor:pointer;text-align:left;letter-spacing:.25em;text-transform:uppercase;background:0 0;border:0;border-bottom:1px solid #e7f0ec1f;padding:14px 0;font-size:9px;transition:color .35s,padding-left .45s;position:relative}.project-frame__tabs button:before{content:"";background:#eef4f0cc;width:0;height:1px;transition:width .45s;position:absolute;top:50%;left:0}.project-frame__tabs button:hover,.project-frame__tabs button:focus-visible,.project-frame__tabs button.is-active{color:#f1f4ef;outline:none;padding-left:28px}.project-frame__tabs button:hover:before,.project-frame__tabs button:focus-visible:before,.project-frame__tabs button.is-active:before{width:18px}.project-frame__content{z-index:2;background:0 0;grid-area:1/2/3;min-width:0;min-height:0;animation:.7s both content-arrive;position:relative;overflow:hidden;box-shadow:0 25px 80px #0003}.project-film,.project-film iframe,.project-film>img,.project-film__poster,.project-film__poster>img{width:100%;height:100%}.project-film{background:0 0;position:relative}.project-film iframe{border:0;display:block}.project-film>img{object-fit:cover;filter:saturate(.9)contrast(1.04);display:block}.project-film__poster{appearance:none;cursor:pointer;background:0 0;border:0;padding:0;display:block;position:relative;overflow:hidden}.project-film__poster>img{object-fit:cover;filter:saturate(.92)contrast(1.05)brightness(.76);transition:filter .7s,transform 1.2s cubic-bezier(.16,.75,.08,1);display:block;transform:scale(1.01)}.project-film__poster:hover>img,.project-film__poster:focus-visible>img{filter:saturate(1.05)contrast(1.04)brightness(.9);transform:scale(1.035)}.project-film__poster:focus-visible{outline-offset:-1px;outline:1px solid #f1f5f2b3}.project-film__poster>span{z-index:3;color:#f1f4ef;letter-spacing:.25em;text-transform:uppercase;-webkit-backdrop-filter:blur(11px);backdrop-filter:blur(11px);background:#020d0e52;border:1px solid #f0f5f26b;border-radius:100px;align-items:center;gap:14px;padding:12px 20px;font-size:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-film__poster i{color:#f1f4ef;font-size:13px;font-style:normal}.project-film__index,.project-gallery__hero figcaption{z-index:4;letter-spacing:.24em;text-transform:uppercase;color:#f1f4ef;text-shadow:0 2px 10px #000;font-size:8px;position:absolute;bottom:16px;right:18px}.project-gallery{background:0 0;grid-template-columns:minmax(0,1fr) 112px;width:100%;height:100%;display:grid}.project-gallery__hero{min-width:0;min-height:0;margin:0;position:relative;overflow:hidden}.project-gallery__hero:after{content:"";pointer-events:none;background:linear-gradient(#0000 65%,#00000059);position:absolute;inset:0}.project-gallery__hero img{object-fit:cover;width:100%;height:100%;animation:.7s both image-fade;display:block}.project-gallery__rail{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);scrollbar-width:thin;scrollbar-color:#eef4f099 transparent;background:#020f1029;flex-direction:column;gap:9px;padding:12px;display:flex;overflow-y:auto}.project-gallery__rail button{appearance:none;cursor:pointer;opacity:.45;background:0 0;border:1px solid #0000;flex:0 0 82px;padding:0;transition:opacity .35s,border-color .35s,transform .35s;overflow:hidden}.project-gallery__rail button:hover,.project-gallery__rail button:focus-visible,.project-gallery__rail button.is-active{opacity:1;border-color:#eff5f1c7;outline:none;transform:translate(-3px)}.project-gallery__rail img{object-fit:cover;width:100%;height:100%;display:block}.project-awards{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:radial-gradient(circle at 50% 44%,#6fb7b517,#020e0f2b 54%,#0000 78%);place-items:center;width:100%;height:100%;padding:clamp(35px,7vw,110px);display:grid}.project-awards article{text-align:center;border-top:1px solid #eef4f09e;border-bottom:1px solid #eef4f033;width:min(620px,100%);padding:clamp(30px,6vw,82px) 0}.project-awards span,.project-awards p{letter-spacing:.28em;text-transform:uppercase;color:#e7f0ec9e;font-size:9px}.project-awards h3{color:#f1f4ef;margin:10px 0 15px;font-family:Georgia,Times New Roman,serif;font-size:clamp(48px,8vw,118px);font-weight:400;line-height:.9}.project-frame__close{z-index:10;appearance:none;color:#f1f4ef;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#020d0e3d;border:1px solid #eef4f047;border-radius:50px;align-items:center;gap:10px;padding:7px 12px 7px 14px;font-family:Georgia,serif;font-size:20px;line-height:1;display:flex;position:absolute;top:16px;right:16px}.project-frame__close span{letter-spacing:.24em;text-transform:uppercase;font-family:Arial,sans-serif;font-size:7px}@keyframes living-scene{0%,to{transform:translate3d(var(--scene-x), var(--scene-y), 0) scale(1.012)}47%{transform:translate3d(calc(var(--scene-x) - 3px), calc(var(--scene-y) + 2px), 0) scale(1.027)}76%{transform:translate3d(calc(var(--scene-x) + 2px), calc(var(--scene-y) - 1px), 0) scale(1.018)}}@keyframes form-drift{0%,to{transform:translate(0,0)rotate(0)}38%{transform:translate3d(var(--form-x), var(--form-y), 34px) rotate(.22deg)}72%{transform:translate3d(-.18vw,.2vh,11px)rotate(-.14deg)}}@keyframes form-balloon-open{0%{transform:translate3d(var(--form-open-x), var(--form-open-y), 54px) rotate(0deg) scale(1.015)}to{transform:translate3d(var(--form-open-x-alt), var(--form-open-y-alt), 86px) rotate(var(--form-open-rotate)) scale(1.035)}}@keyframes production-mist{0%{opacity:.18;transform:translate(-7vw,-2vh)scale(.82)}to{opacity:.52;transform:translate(67vw,10vh)scale(1.22)}}@keyframes production-grain{0%{transform:translate(0,0)}50%{transform:translate(2%,-1%)}to{transform:translate(-1%,2%)}}@keyframes screen-fade{0%{opacity:0}to{opacity:1}}@keyframes frame-emerge{0%{left:var(--origin-x);top:var(--origin-y);width:var(--origin-w);height:var(--origin-h);opacity:0;clip-path:var(--format-clip)}36%{opacity:1}to{opacity:1;clip-path:inset(0);width:min(94vw,1520px);height:min(90svh,900px);top:50%;left:50%}}@keyframes backdrop-breathe{0%{transform:scale(1.08)translate(-1%)}to{transform:scale(1.15)translate(1.5%,-1%)}}@keyframes content-arrive{0%{opacity:0;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}@keyframes image-fade{0%{opacity:0;transform:scale(1.025)}to{opacity:1;transform:scale(1)}}@media (max-width:820px){.production-title h1{font-size:clamp(35px,13vw,62px)}.production-title p{max-width:250px;line-height:1.6}.production-note{display:none}.project-frame{grid-template-rows:auto auto minmax(0,1fr);grid-template-columns:1fr;width:calc(100vw - 18px);height:calc(100svh - 18px)}.project-frame__header{border-right:0;flex-direction:row;grid-area:1/1;align-items:flex-end;gap:12px;padding:22px 54px 12px 20px}.project-frame__header h2{font-size:clamp(31px,10vw,52px)}.project-frame__credits{display:none}.project-frame__tabs{scrollbar-width:none;border-right:0;flex-direction:row;grid-area:2/1;justify-content:flex-start;gap:18px;padding:0 20px 11px;overflow-x:auto}.project-frame__tabs button{white-space:nowrap;flex:none;padding:9px 0}.project-frame__tabs button:hover,.project-frame__tabs button:focus-visible,.project-frame__tabs button.is-active{padding-left:0}.project-frame__tabs button:before{top:auto;bottom:-1px}.project-frame__tabs button:hover:before,.project-frame__tabs button:focus-visible:before,.project-frame__tabs button.is-active:before{width:100%}.project-frame__content{grid-area:3/1}.project-gallery{grid-template-rows:minmax(0,1fr) 80px;grid-template-columns:1fr}.project-gallery__rail{flex-direction:row;padding:8px;overflow:auto hidden}.project-gallery__rail button{flex:0 0 92px}.project-gallery__rail button:hover,.project-gallery__rail button:focus-visible,.project-gallery__rail button.is-active{transform:translateY(-2px)}.project-frame__close{justify-content:center;width:34px;height:34px;padding:0;top:12px;right:12px}.project-frame__close span{display:none}@keyframes frame-emerge{0%{left:var(--origin-x);top:var(--origin-y);width:var(--origin-w);height:var(--origin-h);opacity:0;clip-path:var(--format-clip)}to{opacity:1;clip-path:inset(0);width:calc(100vw - 18px);height:calc(100svh - 18px);top:50%;left:50%}}}