@font-face{font-family:Manuka;src:url(/fonts/manuka.otf) format("opentype");font-display:swap;font-weight:400;font-style:normal;font-stretch:normal}@font-face{font-family:Oswald;src:url(/fonts/oswald-600.ttf) format("truetype");font-display:swap;font-weight:600;font-style:normal;font-stretch:normal}:root{color-scheme:dark;font-family:Arial,Helvetica,sans-serif;background:#050505;color:#f0f0ec}*{box-sizing:border-box}html{background:#050505}body{margin:0;min-width:320px;background:#050505}button{font:inherit}.works-bg{position:fixed;z-index:0;inset:0;overflow:hidden;pointer-events:none;background-color:#000;background-image:linear-gradient(#00000059,#00000059),radial-gradient(ellipse 72% 88% at 58% 50%,rgba(0,0,0,.62) 0%,rgba(0,0,0,.47) 52%,transparent 92%),url(/assets/backgrounds/works-bg.png);background-position:center center,center center,center center;background-size:cover,cover,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-attachment:scroll,scroll,scroll}.works-shell{position:relative;z-index:1;display:grid;grid-template-columns:minmax(220px,21vw) 1fr;min-height:100vh}.sidebar{position:sticky;top:0;display:flex;flex-direction:column;align-self:start;height:100vh;padding:clamp(2.75rem,5.5vh,3.5rem) 2.6vw clamp(2rem,3.5vh,3rem);border-right:1px solid #20201f;background:linear-gradient(90deg,#000000f0,#000000d6)}.brand{margin:0 0 clamp(2rem,2.5vw,2.75rem);font-family:Manuka,sans-serif;font-size:clamp(3rem,3.5vw,4rem);font-stretch:normal;line-height:.9;letter-spacing:0;font-weight:400}.nav{display:grid;gap:0;margin:0}.filter-button{appearance:none;width:fit-content;padding:0;border:0;background:transparent;color:#92928c;cursor:pointer;font-family:Manuka,sans-serif;font-size:clamp(1.25rem,1.4vw,1.5rem);font-stretch:normal;font-weight:400;line-height:1.58;letter-spacing:0;text-align:left;transition:color .24s ease}.filter-button:hover,.filter-button:focus-visible{color:#cacac3;outline:none}.filter-button.is-active{color:#f4f5f2}.filter-button.is-active:before{content:"";display:inline-block;width:1.25em;height:1px;margin:0 .46em .2em 0;background:currentColor;vertical-align:middle}.sidebar-note{display:grid;gap:.22rem;margin:auto 0 0;font-family:Manuka,sans-serif;font-stretch:normal;font-weight:400;line-height:.9;letter-spacing:.06em;text-transform:uppercase}.sidebar-note span{display:block}.sidebar-note-title{color:#f4f5f275;font-size:.75rem}.sidebar-note-detail{color:#f4f5f247;font-size:.68rem;letter-spacing:.08em}.works-main{min-width:0;padding:5.3vh 3vw 7vh}.content-topline{display:flex;align-items:baseline;justify-content:space-between;gap:2rem;margin-bottom:2.3rem;border-bottom:1px solid #292927;padding-bottom:.8rem}.content-title{margin:0;font-size:.67rem;font-weight:700;letter-spacing:.11em;text-transform:uppercase}.back-home{display:inline-flex;align-items:center;gap:.36em;margin:0;color:#d8d8d1;font-family:Manuka,sans-serif;font-size:clamp(1rem,1.05vw,1.2rem);font-weight:400;line-height:1;letter-spacing:.015em;text-decoration:none;text-transform:uppercase;transform-origin:right center;transition:color .2s ease,transform .16s cubic-bezier(.22,.61,.36,1)}.back-home:hover,.back-home:focus-visible{color:#fff;outline:none}.back-home:active{transform:scale(1.08)}.back-home-arrow{display:inline-block;animation:back-home-arrow-drift 1.55s ease-in-out infinite}@keyframes back-home-arrow-drift{0%,to{transform:translate(0)}50%{transform:translate(-8px)}}.works-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.2vw 1.25vw}.works-grid.is-grouped{grid-template-columns:minmax(0,1fr);gap:clamp(4.5rem,7vw,7.5rem)}.work-category-section{display:grid;gap:1.15rem;min-width:0}.work-category-heading{margin:0;color:#8f8f89;font-size:.67rem;font-weight:700;letter-spacing:.11em;line-height:1;text-transform:uppercase}.work-category-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5.2vw 1.25vw}.work-card{appearance:none;display:block;min-width:0;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:zoom-in}.work-meta{display:block;min-height:2.1em;padding:0 0 clamp(.9rem,1.25vw,1.2rem);transition:transform .42s cubic-bezier(.22,.61,.36,1)}.work-title{display:block;margin:0;font-family:Oswald,sans-serif;font-size:clamp(1.25rem,1.35vw,1.5rem);font-stretch:normal;font-weight:600;line-height:1;letter-spacing:-.02em;text-transform:uppercase;transition:color .38s ease,transform .42s cubic-bezier(.22,.61,.36,1)}.work-visual{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:16 / 9;overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#161615;transition:border-color .38s ease}.work-visual img{width:100%;height:100%;object-fit:cover;object-position:var(--object-position, 50% 50%);display:block;filter:brightness(.9);transform:scale(1.001);transition:transform .46s cubic-bezier(.22,.61,.36,1),filter .42s ease}.render-module-card .work-visual{background:linear-gradient(135deg,#090a0c,#040405)}.render-module-card .work-visual:before{display:none}.render-module-card .work-visual img{position:absolute;z-index:1;top:50%;left:0;width:100%;height:80%;margin:0;object-fit:contain;object-position:50% 50%;filter:none;transform:translateY(-50%) scale(1)}.work-outline{position:absolute;z-index:3;inset:0;display:block;width:100%;height:100%;overflow:visible;pointer-events:none}.work-outline-base,.work-outline-trace{fill:none;vector-effect:non-scaling-stroke}.work-outline-base{stroke:#dce8f2b8;stroke-width:1px;opacity:0;filter:drop-shadow(0 0 2px rgba(190,217,238,.12));transition:opacity .32s ease}.work-outline-trace{stroke:#f4f9ff;stroke-width:1.5px;stroke-linecap:square;stroke-dasharray:10 90;stroke-dashoffset:100;opacity:0;filter:drop-shadow(0 0 3px rgba(174,207,234,.48))}.play-mark{position:absolute;z-index:4;top:50%;left:50%;display:grid;place-items:center;width:clamp(2.75rem,3.1vw,3.5rem);height:clamp(2.75rem,3.1vw,3.5rem);border:1px solid rgba(255,255,255,.68);border-radius:50%;color:#fff;opacity:.74;pointer-events:none;transform:translate(-50%,-50%);transition:border-color .35s ease,box-shadow .35s ease,opacity .35s ease}.play-mark:before{content:"";display:block;width:0;height:0;margin-left:.16rem;border-top:.42rem solid transparent;border-bottom:.42rem solid transparent;border-left:.64rem solid currentColor}.work-card:hover .work-visual img{filter:brightness(1.06);transform:scale(1.042)}.work-card:hover .work-visual{border-color:#ffffff29}.render-module-card:hover .work-visual img{filter:none;transform:translateY(-50%) scale(1.035)}.render-module-card.render-cover-full-bleed .work-visual img{position:static;width:100%;height:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.001)}.render-module-card.render-cover-full-bleed:hover .work-visual img{filter:brightness(1.06);transform:scale(1.042)}.work-card:hover .play-mark{border-color:#f7fbffe0;box-shadow:0 0 7px #cde2f129;animation:play-breathe 1.7s ease-in-out infinite}.work-card:hover .work-outline-base{opacity:.18}.work-card:hover .work-outline-trace{animation:outline-clockwise .82s cubic-bezier(.22,.61,.36,1) both}.work-card:hover .work-meta{transform:translateY(-3px)}.work-card:hover .work-title{color:#f6f8f8}@keyframes outline-clockwise{0%{stroke-dashoffset:100;opacity:0}12%{opacity:.98}84%{opacity:.86}to{stroke-dashoffset:0;opacity:0}}@keyframes play-breathe{0%,to{opacity:.7;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}}.empty-state{padding:4rem 0;color:#777771;font-size:.8rem}.modal{position:fixed;z-index:20;inset:0;display:grid;grid-template-columns:1fr;align-items:center;background:#000000fa;opacity:0;visibility:hidden}.modal.is-open{opacity:1;visibility:visible}.modal.is-render-open{position:fixed;z-index:100;inset:0;width:100vw;height:100vh;background:#000;-webkit-backdrop-filter:none;backdrop-filter:none}.modal-backdrop{position:absolute;inset:0;border:0;background:transparent;cursor:zoom-out}.modal-dialog{position:relative;width:min(94vw,1500px);max-height:92vh;margin:auto;outline:0}#modal-content{position:relative}.is-render-gallery{display:grid;place-items:center;min-height:min(84vh,860px);overflow:visible;background:transparent;box-shadow:none}.is-render-gallery .modal-media{width:min(92vw,calc((84vh - 7rem)*1.77778));max-height:calc(84vh - 7rem);object-fit:contain;filter:none}.modal.is-ai-image-gallery .is-render-gallery .modal-media{width:min(88vw,calc((90vh - 7rem)*1.77778));max-height:calc(90vh - 7rem)}.modal.is-ai-image-gallery .modal-dialog{width:96vw;max-width:none}.modal.is-ai-image-gallery .is-render-gallery .modal-hit-zone{width:14%}.is-render-gallery .modal-hit-zone{top:0;bottom:0;width:20%;height:100%;border:0;border-radius:0;background:transparent;opacity:.2;transform:none;transition:opacity .22s ease}.is-render-gallery .modal-hit-previous{left:0}.is-render-gallery .modal-hit-next{right:0}.is-render-gallery .modal-hit-zone span{opacity:1;font-size:clamp(2.6rem,3vw,3.4rem);font-weight:300;text-shadow:none;transform:none;transition:transform .22s ease}.modal.is-render-open:hover .is-render-gallery .modal-hit-zone{opacity:.46}.is-render-gallery .modal-hit-zone:hover,.is-render-gallery .modal-hit-zone:focus-visible{opacity:1}.is-render-gallery .modal-hit-zone:hover span,.is-render-gallery .modal-hit-zone:focus-visible span{transform:scale(1.06)}.modal-media{display:block;width:100%;max-width:100%;max-height:calc(92vh - 4.7rem);object-fit:contain}.modal-video{background:#000}.modal.is-video-lightbox .modal-dialog{width:96vw;max-width:none}.modal-video-stage{display:grid;grid-template-columns:minmax(3rem,1fr) minmax(0,min(88vw,1500px)) minmax(3rem,1fr);align-items:stretch;width:100%}.modal-video-container{position:relative;grid-column:2;min-width:0}.modal-video-stage .modal-hit-zone{position:relative;top:auto;bottom:auto;z-index:3;width:100%;height:100%}.modal-video-stage .modal-hit-previous{grid-column:1}.modal-video-stage .modal-hit-next{grid-column:3}.modal-bar{display:flex;align-items:center;min-height:3.8rem}.modal-label{margin:0;color:#c8c8c1;font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.modal.is-render-open .modal-bar{min-height:2.7rem}.modal-gallery-nav{display:none}.modal.is-render-open .modal-gallery-nav{display:flex;justify-content:center;gap:.5rem;max-width:82vw;margin:0 auto;padding:0 0 1.2rem;overflow-x:auto;scrollbar-width:none}.modal-gallery-thumb{flex:0 0 auto;width:3rem;height:3rem;padding:0;overflow:hidden;border:1px solid rgba(255,255,255,.16);border-radius:7px;background:#050505;cursor:pointer;opacity:.48;transition:border-color .2s ease,box-shadow .2s ease,opacity .2s ease}.modal-gallery-thumb img{display:block;width:100%;height:100%;object-fit:contain}.modal-gallery-thumb:hover,.modal-gallery-thumb:focus-visible{border-color:#ffffff94;opacity:.82;outline:none}.modal-gallery-thumb.is-active{border-color:#f5f9fce6;box-shadow:0 0 7px #d9e8f229;opacity:1}.modal-controls{position:fixed;z-index:110;inset:0;pointer-events:none}.modal-close{pointer-events:auto;position:fixed;top:.75rem;right:.75rem;width:2rem;height:2rem;padding:0 0 .16rem;border:0;background:transparent;color:#ffffff8f;cursor:pointer;font-size:1.9rem;font-weight:300;line-height:1;transition:color .24s ease,transform .24s ease}.modal-close:hover,.modal-close:focus-visible{color:#fff;outline:none;transform:scale(1.08)}.modal-hit-zone{position:absolute;z-index:3;top:0;bottom:0;display:grid;place-items:center;width:15%;padding:0;border:0;background:transparent;color:#ffffffc2;cursor:pointer}.modal.is-render-open .modal-controls .modal-hit-zone{position:fixed;z-index:110;top:50%;bottom:auto;width:clamp(3.5rem,8vw,7rem);height:clamp(4rem,12vh,7rem);pointer-events:auto;opacity:.72;transform:translateY(-50%)}.modal.is-render-open .modal-controls .modal-hit-previous{left:0}.modal.is-render-open .modal-controls .modal-hit-next{right:0}.modal.is-render-open .modal-controls .modal-hit-zone span{opacity:1;font-size:clamp(2.6rem,3vw,3.4rem);transform:none}.modal.is-render-open .modal-controls .modal-hit-zone:hover,.modal.is-render-open .modal-controls .modal-hit-zone:focus-visible{opacity:1}.modal.is-render-open .modal-controls .modal-hit-zone:hover span,.modal.is-render-open .modal-controls .modal-hit-zone:focus-visible span{transform:scale(1.06)}.modal-hit-previous{left:0}.modal-hit-next{right:0}.modal-hit-zone span{opacity:0;font-size:clamp(1.7rem,2.5vw,2.5rem);font-weight:300;line-height:1;text-shadow:0 1px 12px rgba(0,0,0,.36);transform:translateY(2px);transition:opacity .22s ease,transform .22s ease}.modal-hit-zone:hover span,.modal-hit-zone:focus-visible span{opacity:1;transform:translateY(0)}.modal-hit-zone:focus-visible{outline:1px solid rgba(255,255,255,.45);outline-offset:-1px}body.modal-open{overflow:hidden}@media(max-width:980px){.works-shell{grid-template-columns:minmax(175px,21vw) 1fr}.sidebar,.works-main{padding-inline:2.5vw}.works-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw 2vw}.works-grid.is-grouped{grid-template-columns:minmax(0,1fr)}.work-category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7vw 2vw}}@media(max-width:650px){.works-shell{display:block}.sidebar{position:relative;height:auto;padding:1.5rem 1.2rem 1.15rem;border-right:0;border-bottom:1px solid #20201f}.brand{margin-bottom:1.75rem;font-size:2.8rem}.nav{display:flex;overflow-x:auto;gap:1.2rem;margin:0;padding-bottom:.15rem;scrollbar-width:none}.filter-button{flex:0 0 auto;min-height:44px;font-size:1rem}.sidebar-note{display:none}.works-main{padding:1.5rem 1.2rem 3.5rem}.content-topline{margin-bottom:1.2rem}.works-grid{grid-template-columns:1fr;gap:3.8rem}.works-grid.is-grouped{grid-template-columns:minmax(0,1fr);gap:4.5rem}.work-category-grid{grid-template-columns:1fr;gap:3.8rem}.work-title{font-size:1.65rem}.play-mark{opacity:.82}.work-card:hover .play-mark{animation:none}.modal-dialog,.modal.is-ai-image-gallery .modal-dialog,.modal.is-video-lightbox .modal-dialog{width:94vw;max-width:1500px}.modal.is-ai-image-gallery .is-render-gallery .modal-media{width:min(100%,calc((78vh - 8rem)*1.77778));max-height:calc(78vh - 8rem)}.modal-video-stage{grid-template-columns:2.5rem minmax(0,1fr) 2.5rem}.modal-bar{min-height:3.5rem}.modal-close{top:.5rem;right:.5rem}.modal-hit-zone{width:18%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}