:root{--bg-color:#0a0a0a;--text-color:#f4f4f4;--font-family:"Courier Prime", Courier, monospace;--font-size-reading:clamp(12px, .45vw + 7.3px, 16px);--font-size-technical:clamp(10px, .2vw + 8.1px, 12px);--font-size-header:clamp(10px, .38vw + 8.1px, 16px);--detail-grid-width:1400px;--detail-section-gap:8vh;--detail-side-padding:3vw;--detail-inner-gap:4vw;--detail-text-max-width:750px}@media (width<=1024px){:root{--detail-section-gap:6vh;--detail-side-padding:5vw;--detail-inner-gap:3vw}}@media (width<=768px){:root{--detail-section-gap:50px;--detail-side-padding:6vw;--detail-inner-gap:30px}}:root{--spacing-m:clamp(2rem, 4vw, 4rem);--spacing-l:clamp(4rem, 8vw, 8rem)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{width:100%;min-height:100vh;color:var(--text-color);font-family:var(--font-family);text-transform:uppercase;background-color:#000;font-size:15px;line-height:1.4;overflow-x:hidden}body.detail-open,body.viewer-active,body.preloader-active,body.menu-open{overflow:hidden!important}body.detail-open>:not(.project-detail,.custom-cursor,#kernel-transition,#glitch-overlay-svg,#fullscreen-viewer),body.viewer-active>:not(#fullscreen-viewer,.project-detail,.custom-cursor,#kernel-transition,#glitch-overlay-svg){pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important;opacity:0!important}body.preloader-active>:not(.cinematic-intro,.horizontal-scroll-wrapper,.custom-cursor,#kernel-transition,#glitch-overlay-svg){pointer-events:none!important;-webkit-user-select:none!important;user-select:none!important}*{cursor:none!important}.custom-cursor{pointer-events:none;z-index:999999;mix-blend-mode:difference;background:#fff;border-radius:50%;width:6px;height:6px;transition:width .3s cubic-bezier(.19,1,.22,1),height .3s cubic-bezier(.19,1,.22,1),background .3s;position:fixed;top:0;left:0;transform:translate(-50%,-50%)}.custom-cursor.hovering-image{mix-blend-mode:difference;width:60px;height:60px}.center-block{transform-style:preserve-3d;perspective:1000px}.center-block img,.project-bg,.mesh-bg{will-change:transform}#grid-distortion-canvas{pointer-events:none;z-index:5;width:100%;height:100%;position:absolute;top:0;left:0}:focus-visible,button:focus-visible,a:focus-visible,[role=button]:focus-visible{outline-offset:4px;outline:2px solid #fff}.intro-gif-container{z-index:20;opacity:0;pointer-events:none;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}#intro-gif{object-fit:cover;width:100%;height:100%;filter:none!important}.intro-portrait-blend{z-index:8;mix-blend-mode:screen;pointer-events:none;opacity:0;will-change:transform, opacity;justify-content:center;align-items:center;width:26vh;max-width:300px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-portrait-blend img{filter:grayscale();flex-shrink:0;width:100%;height:auto;display:block}.kernel-transition{z-index:200000;pointer-events:none;visibility:hidden;contain:paint;position:fixed;inset:0;overflow:hidden}.curtain{clip-path:inset(0 0 100%);will-change:clip-path;backface-visibility:hidden;width:100%;height:100%;position:absolute;top:0;left:0}.curtain-blue{z-index:5;background:#0101a7}.curtain-black{z-index:6;background:#0a0a0a}.diag-text-container{font-family:var(--font-family);color:#fff;z-index:11000;opacity:0;pointer-events:none;font-size:11px;position:absolute;bottom:8vh;left:5vw}.diag-line{opacity:0;margin-bottom:5px}.diag-line.last-line{color:#0101a7;opacity:1;margin-top:15px;font-weight:700}.diag-line.last-line:after{content:"█";margin-left:2px;animation:.5s step-end infinite blink-cursor}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}.fixed-header{z-index:100;width:100%;font-family:var(--font-family);font-size:var(--font-size-header);letter-spacing:1px;justify-content:space-between;align-items:center;padding:4vh 5vw;font-weight:700;line-height:1;display:flex;position:fixed;top:0;left:0}.header-left{cursor:pointer;pointer-events:all;align-items:center;line-height:1;display:flex;transform:translateY(4px)}.header-right{cursor:pointer;pointer-events:all;align-items:center;transition:opacity .3s;display:flex}@media (hover:hover){.header-right:hover{opacity:.7}}.mobile-burger-container{display:none}.burger-icon-html{flex-direction:column;justify-content:space-between;width:22px;height:12px;display:flex}.burger-icon-html .line{background:#fff;width:100%;height:1px}.horizontal-scroll-wrapper{perspective:1500px;width:100%;height:100vh;position:relative;overflow:hidden}.horizontal-container{will-change:transform;width:max-content;height:100%;transform-style:preserve-3d;will-change:transform;align-items:center;gap:0;padding:0;display:flex}.panel{width:100vw;height:100vh;transform-style:preserve-3d;will-change:transform;background-color:#000;flex:0 0 100vw;justify-content:center;display:flex;position:relative;overflow:hidden}.detail-wide-block{width:100%;height:auto;margin:50px 0;position:relative;overflow:hidden}.full-bleed-video{width:100vw!important;margin-left:calc(50% - 50vw)!important;left:0!important;right:0!important}.full-bleed-video video{width:100%;height:auto;display:block}.full-bleed-video img{object-fit:cover;width:100%;max-height:80vh;display:block}.center-block{will-change:transform, opacity}.center-block.tall{aspect-ratio:auto;z-index:10;opacity:1;justify-content:center;align-items:center;width:100%;max-width:none;height:100%;max-height:none;display:flex;position:relative}.mesh-bg,.project-bg{aspect-ratio:16/9;width:66%;height:66%;filter:grayscale(var(--bw-amount,100%)) brightness(var(--bg-bright,.5)) contrast(1.1);will-change:filter;background-position:50%;background-size:cover;transition:filter .8s cubic-bezier(.19,1,.22,1);position:absolute;overflow:hidden;transform:translate(-50%,-50%);top:50%!important;left:50%!important}.project-bg video{object-fit:cover;width:100%;height:100%;display:block}video::-webkit-media-controls{-webkit-appearance:none;opacity:0!important;display:none!important}video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;opacity:0!important;display:none!important}video::-webkit-media-controls-play-button{-webkit-appearance:none;opacity:0!important;display:none!important}.pixel-canvas{pointer-events:none;z-index:5;width:100%;height:100%;image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:pixelated;background-position:50%;background-size:cover;display:block;position:absolute;top:0;left:0}.pixel-canvas.fade-out{opacity:0}@media (hover:hover){.panel:hover .mesh-bg,.panel:hover .project-bg{filter:grayscale(0%)brightness()contrast(1.1)!important}}.globe-container{z-index:20;cursor:pointer;width:260px;max-width:80%;height:165px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.intro-panel .globe-container{justify-content:center;align-items:center;width:440px;height:165px;display:flex;top:50%}.logo-grid-container{color:#fff;cursor:pointer;background:0 0;grid-template-rows:auto auto;grid-template-columns:100px 1fr 80px;align-items:start;row-gap:12px;width:400px;height:auto;padding:0;display:grid;position:relative}.logo-block{text-transform:uppercase;letter-spacing:.2px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600;line-height:1.1}.top-left{text-align:left;grid-area:1/1}.top-mid{text-align:left;grid-area:1/2;margin-left:5px}.mid-left{text-align:left;grid-area:2/1;align-self:start}.hero-center{grid-area:2/2;justify-content:flex-start;align-items:flex-start;margin-top:-3px;margin-left:5px;display:flex}.logo-hero-text{letter-spacing:-2px;align-items:center;margin:0;font-family:Courier New,Courier,monospace;font-size:50px;font-weight:900;line-height:.85;display:flex}.logo-underscore-char{margin:0 5px;display:inline-block;transform:translateY(2px)}.bottom-right{text-align:right;letter-spacing:2px;grid-area:2/3;align-self:end;padding-bottom:8px;font-family:JetBrains Mono,monospace;font-size:16px}.scramble-logo{display:inline-block}.intro-panel .html-logo-intro{width:auto;height:auto}.project-logo-box{z-index:20;pointer-events:none;justify-content:center;align-items:center;width:380px;height:auto;display:flex;transform:translate(-50%,-50%);position:absolute!important;top:50%!important;left:50%!important}#project-pan-4 .project-logo-box{width:550px!important}#project-mobilize .project-logo-box{width:320px;max-width:90%;height:80px}#project-mobilize .manifesto-bottom{top:calc(50% + 60px)}#project-bioderma .project-logo-box{width:280px!important}#project-pan-5 .project-logo-box{width:340px!important}.globe-logo-img{object-fit:contain;opacity:.95;width:100%;height:100%;margin:0 auto;animation:4s ease-in-out infinite alternate glow;display:block}.panel-logo-text{letter-spacing:-.04em;color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 0 10px #03f6;justify-content:center;align-items:center;height:100%;margin:0;font-family:Courier New,Courier,monospace;font-size:2.1rem;font-weight:700;display:flex}@keyframes glow{0%{filter:drop-shadow(0 0 5px #fff3)}to{filter:drop-shadow(0 0 15px #ffffff80)}}.project-title.overlay{letter-spacing:.18vw;z-index:10;white-space:nowrap;font-family:Courier New,Courier,monospace;font-size:clamp(18px,1.2vw + 14px,36px);font-weight:700;display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-49%)}.manifesto-bottom{z-index:20;width:90vw;max-width:600px;display:none;position:absolute;top:calc(50% + 85px);left:50%;transform:translate(-50%)}.manifesto-text{font-size:var(--font-size-reading);font-family:var(--font-family);text-transform:none;text-align:center;margin:0;font-weight:700;line-height:1.5}.manifesto-text i{font-style:italic}.scroll-arrow-vertical{z-index:100;cursor:pointer;background:#0000001a;border:1.2px solid #fff;justify-content:center;align-items:center;width:40px;height:40px;transition:all .5s cubic-bezier(.19,1,.22,1);display:flex;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.scroll-arrow-vertical:before{content:"";background:#fff;width:2px;height:12px;transition:inherit;position:absolute}.scroll-arrow-vertical:after{content:"";background:#fff;width:12px;height:2px;transition:inherit;position:absolute}@media (hover:hover){.scroll-arrow-vertical:hover{background:#fff;transform:translate(-50%)rotate(90deg)scale(1.1)}.scroll-arrow-vertical:hover:before,.scroll-arrow-vertical:hover:after{background:#000}}.header-right{font-family:var(--font-family);font-size:var(--font-size-header);letter-spacing:1px;cursor:pointer;font-weight:700}.cinematic-intro{z-index:9999;pointer-events:none;backface-visibility:hidden;background:#1801a9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0)}.intro-vignette{pointer-events:none;z-index:2;background:radial-gradient(circle,#0000 50%,#0000004d 100%);position:absolute;inset:0}.preloader-content{backface-visibility:hidden;will-change:transform, opacity;flex-direction:column;align-items:center;gap:8px;width:100%;max-width:900px;display:flex;position:relative}.preloader-logo-globe.top-center{opacity:0;z-index:10;justify-content:center;align-items:center;width:40px;height:40px;display:flex;position:absolute;top:40px;left:50%;transform:translate(-50%)scale(.8)}.animated-globe{width:100%;height:100%;animation:8s linear infinite globe-full-rotate;overflow:visible}.meridian-v,.parallel-h{transform-origin:50%}@keyframes globe-full-rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.preloader-profile-block{text-align:center;width:380px;max-width:90%;font-family:var(--font-family);letter-spacing:.1em;opacity:1;clip-path:inset(0 100% 0 0);flex-direction:column;justify-content:center;align-items:center;padding:20px 25px;display:flex;color:#1801a9!important;background:#fff!important}.profile-line{opacity:0;white-space:nowrap;margin-bottom:0;font-size:8.5px;font-weight:600;line-height:1.4}.profile-line.title{text-transform:uppercase;margin-bottom:2px;font-family:Courier New,Courier,monospace;font-size:14.5px;font-weight:700;line-height:1.1}.preloader-awards-footer{opacity:0;z-index:100;justify-content:center;align-items:center;width:auto;display:flex;position:absolute;bottom:2vh;left:50%;transform:translate(-50%)}.awards-strip-img{aspect-ratio:420/80;mix-blend-mode:screen;opacity:1;clip-path:inset(0 100% 0 0);width:420px;max-width:90%;height:auto}.mesh-bg,.project-bg{will-change:transform}.project-detail{z-index:10000;opacity:0;visibility:hidden;pointer-events:none;background:#0a0a0a;display:none;position:fixed;inset:0;overflow:hidden auto}.project-detail.active{opacity:1;visibility:visible;pointer-events:all}.detail-scroll{width:100%;max-width:var(--detail-grid-width);padding:0 var(--detail-side-padding);z-index:2;flex-direction:column;margin:0 auto;padding-top:2vh;display:flex;position:relative}.detail-img-block.full-width{width:max-content;max-width:100%;margin:0 auto;display:flex;position:relative}.full-width-img{aspect-ratio:16/9;object-fit:cover;width:100%;max-width:100%;height:auto;max-height:75vh;display:block}.gray-img img,.gray-img canvas,.gray-img{filter:grayscale()contrast(1.1);transition:filter .8s}.gray-img.full-color,.gray-img.full-color canvas{filter:grayscale(0)contrast()!important}.detail-img-block.full-color video,.video-grid-item.full-color video{opacity:1!important;filter:grayscale(0)contrast()!important}.detail-img-block.full-color .pixel-canvas,.video-grid-item.full-color .pixel-canvas{opacity:0!important}@media (hover:hover){.gray-img:hover,.gray-img:hover canvas,.gray-img:hover video{filter:grayscale(0)contrast()}}.detail-editorial-hero{width:100%;height:auto;min-height:auto;margin-bottom:var(--detail-section-gap);flex-direction:column;align-items:center;display:flex;position:relative}.hero-technical-header{width:100%;font-family:var(--font-family);font-size:var(--font-size-header);letter-spacing:1px;-webkit-backdrop-filter:blur();backdrop-filter:blur();z-index:100;background:0 0;border-bottom:1px solid #0000;justify-content:space-between;margin-bottom:5vh;padding:4vh 5vw;font-weight:700;transition:background .4s,-webkit-backdrop-filter .4s,backdrop-filter .4s,border-bottom .4s,box-shadow .4s;display:flex;position:sticky;top:0;left:0}.hero-technical-header.scrolled{-webkit-backdrop-filter:blur(30px)saturate(150%);backdrop-filter:blur(30px)saturate(150%);background:#ffffff0d;border-bottom:1px solid #ffffff1a;box-shadow:0 4px 30px #0000001a}.detail-bio-grid{justify-content:space-between;align-items:flex-start;gap:5vw;width:100%;margin:0 auto 5vh;display:flex}.bio-technical-box{margin-bottom:40px}.project-brand-title{text-transform:uppercase;white-space:nowrap;letter-spacing:.1vw;border:1px solid #fff;margin-bottom:15px;padding:10px 20px;font-family:Courier New,Courier,monospace;font-size:clamp(18px,1.5vw + 10px,32px);font-weight:700;display:inline-block}.aligned-video-block{width:100%;margin-bottom:5vh;display:block}.project-brand-meta{letter-spacing:2px;opacity:.6;text-transform:uppercase;font-size:10px;font-weight:700}.bio-left-img{aspect-ratio:4/5;object-fit:cover;aspect-ratio:3/4;width:32vw;max-width:40%;display:flex;position:relative;overflow:hidden}.bio-left-img img{will-change:transform}.bio-left-img img,.bio-left-img video,.bio-left-img .pixel-canvas{object-fit:cover;filter:none;width:100%;height:100%;display:block}.detail-color-block{aspect-ratio:587/821;width:auto;max-width:100%;height:75vh;display:block}.detail-wide-block .detail-color-block,.detail-illust-wide .detail-color-block{aspect-ratio:16/6;width:100%;height:auto}.detail-pair-grid .detail-color-block{aspect-ratio:1/1.4;width:100%;height:auto}.detail-color-block.orange{background:#f50}.detail-color-block.green{background:#0c6}.detail-color-block.red{background:#e6194b}.detail-color-block.purple{background:#911eb4}.detail-color-block.blue{background:#4363d8}.detail-color-block.westfield{background:#f58231}.detail-color-block.grey{background:#333}.bio-right-content{flex-direction:column;flex:1;gap:4vh;display:flex}.bio-technical-box{width:287px;display:block}.bio-text-stack{max-width:var(--detail-text-max-width);flex-direction:column;gap:24px;display:flex}.bio-text-stack p{font-family:var(--font-family);font-size:var(--font-size-reading);color:#fff;text-transform:none;line-height:1.6}.bio-social-icons{gap:15px;margin-top:10px;display:flex}.bio-social-icons .s-ic{cursor:pointer;justify-content:center;align-items:center;transition:opacity .3s;display:flex}@media (hover:hover){.bio-social-icons .s-ic:hover,.f-social-circle:hover{opacity:.7}}.detail-small-info,.detail-pair-caption,.detail-pair-grid,.detail-triple-grid,.detail-triple-vertical-grid{gap:var(--detail-inner-gap);width:100%;margin:0 auto var(--detail-section-gap);grid-template-columns:1fr 1fr;display:grid}.detail-case-info{gap:var(--detail-inner-gap);grid-template-columns:1fr 1fr;width:100%;margin:0 auto 4vh;display:grid}.detail-triple-grid,.detail-triple-vertical-grid{grid-template-columns:1fr 1fr 1fr}.detail-triple-vertical-grid .pair-item{aspect-ratio:9/16}.detail-triplet-grid{gap:var(--detail-inner-gap);grid-template-columns:repeat(3,1fr);width:100%;margin-bottom:4vh;display:grid}.triplet-item{aspect-ratio:9/16;background:#111;width:100%;position:relative;overflow:hidden}#detail-pan-5 .triplet-item{aspect-ratio:1!important}.info-tag{letter-spacing:2.5px;color:#fff;opacity:1;margin-bottom:24px;font-family:Courier New,Courier,monospace;font-size:15px;font-weight:700;display:block}.bio-special-info img{pointer-events:none;filter:none!important;transition:none!important}.detail-video-grid{margin:0 auto var(--detail-section-gap);grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.video-grid-item{aspect-ratio:9/16;cursor:pointer;background:#0a0a0a;position:relative;overflow:hidden}.video-grid-item video{object-fit:cover;opacity:.001;width:100%;height:100%}.text-link-btn{color:#fff;background:#ffffff14;border:1px solid #ffffff26;border-radius:20px;margin:0 4px;padding:2px 10px;font-size:.9em;font-weight:700;text-decoration:none;transition:all .4s cubic-bezier(.19,1,.22,1);display:inline-block}@media (hover:hover){.text-link-btn:hover{color:#000;background:#fff;border-color:#fff;transform:translateY(-2px)}}.info-block p,.case-col p,.detail-pair-caption p{font-family:var(--font-family);font-size:var(--font-size-reading);color:#fff;text-transform:none;font-weight:400;line-height:1.6}.info-block .info-tag+p{margin-top:0}.detail-small-info{align-items:flex-start}.detail-wide-block{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:var(--detail-section-gap);position:relative}.cinematic-img-box{aspect-ratio:16/6;will-change:background-position;background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden}.cinematic-meta{border-bottom:1px solid #ffffff0d;justify-content:space-around;padding:15px 0;display:flex}.meta-item{font-family:var(--font-family);letter-spacing:2px;color:#fff6;text-transform:uppercase;font-size:9px}.detail-pair-grid{width:65%;margin:0 auto var(--detail-section-gap);grid-template-columns:1fr 1fr;gap:1.5vw;display:grid}.pair-item{width:100%;position:relative}.pair-img{aspect-ratio:1/1.4;will-change:background-position;background-position:50%;background-size:cover;width:100%;position:relative;overflow:hidden}.pair-label{opacity:.5;font-size:9px;position:absolute;bottom:10px;left:10px}.edge-logo-right{filter:invert();background:#000;border:1px solid #ffffff1a;width:30px;padding:4px;position:absolute;top:50%;right:-15px;transform:translateY(-50%)}.edge-logo-right img,.edge-logo-bottom img{width:100%;display:block}.edge-logo-bottom{filter:invert();background:#000;border:1px solid #ffffff1a;width:30px;padding:4px;position:absolute;bottom:-15px;left:50%;transform:translate(-50%)}.detail-illust-wide{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);margin-bottom:var(--detail-section-gap);position:relative}.illust-img{will-change:background-position;background-position:50%;background-size:cover;align-items:flex-end;width:100%;height:60vh;padding:2vw;display:flex;position:relative;overflow:hidden}.detail-footer-grid{width:65%;margin:0 auto var(--detail-section-gap);grid-template-columns:1fr 1fr;gap:1.5vw;display:grid}.footer-grid-left{aspect-ratio:1/1.3;will-change:background-position;background-position:50%;background-size:cover;overflow:hidden}.footer-grid-right{flex-direction:column;gap:1.5vw;display:flex}.f-box-h{aspect-ratio:1.6;will-change:background-position;background-position:50%;background-size:cover;overflow:hidden}.f-box-v{will-change:background-position;background-position:50%;background-size:cover;flex-grow:1;position:relative;overflow:hidden}.detail-final-footer{text-align:center;flex-direction:column;align-items:center;gap:50px;width:100%;padding:4vh 0 10vh;display:flex}.f-globe-big{cursor:pointer;width:220px}.f-globe-big img{width:100%;height:auto}.f-editorial-text{font-family:var(--font-family);color:#fff;text-transform:none;max-width:600px;margin:0 auto;font-size:14px;font-weight:700;line-height:1.8}.f-social-circle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;font-size:0;line-height:0;transition:transform .3s;display:flex}@media (hover:hover){.f-social-circle:hover{transform:scale(1.1)}}.s-ic img,.f-social-circle img{filter:brightness(0)invert();vertical-align:middle;width:32px;height:auto;transition:opacity .3s;display:inline-block}.f-social-circle img{filter:brightness(0)invert();width:38px;height:auto;transition:opacity .3s;display:inline-block;transform:translateY(0)}@media (hover:hover){.s-ic:hover img,.f-social-circle:hover img{opacity:.7}}.project-detail .detail-scroll img,.project-detail .pair-img,.project-detail .detail-color-block,.project-detail .illust-img,.project-detail .f-box-h,.project-detail .f-box-v,.project-detail .cinematic-img-box,.project-detail .footer-grid-left,.project-detail .bio-left-img,.project-detail .detail-img-block{filter:grayscale()brightness(.9)contrast(1.05);cursor:pointer;transition:filter .8s cubic-bezier(.19,1,.22,1),transform .8s cubic-bezier(.19,1,.22,1)}@media (hover:hover){.project-detail .detail-scroll img:hover,.project-detail .pair-img:hover,.project-detail .detail-color-block:hover,.project-detail .illust-img:hover,.project-detail .f-box-h:hover,.project-detail .f-box-v:hover,.project-detail .cinematic-img-box:hover,.project-detail .footer-grid-left:hover,.project-detail .bio-left-img:hover,.project-detail .detail-img-block:hover{filter:grayscale(0%)brightness()!important}}.project-detail .detail-img-block.full-color,.video-grid-item.full-color{filter:grayscale(0%)brightness()!important}#ascii-background,#ascii-about-bg,.ascii-panel-bg{pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0}#ascii-background{z-index:-1}#ascii-about-bg,.ascii-panel-bg{z-index:1;opacity:0}.project-detail .ascii-panel-bg{z-index:1;opacity:.01;position:fixed}.intro-panel .mesh-bg{display:none}.project-panel .project-bg{z-index:2;background-color:#0000!important}.detail-close{z-index:10010;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;height:20px;padding:0;transition:opacity .3s;display:flex;position:fixed;top:4vh;right:5vw}.detail-close svg{width:32px;height:auto;display:block}@media (hover:hover){.detail-close:hover{opacity:.6}}.th-right{display:none!important}@media (width<=1100px){.detail-scroll{padding-top:5vh}.detail-bio-grid,.detail-small-info,.detail-case-info,.detail-pair-grid,.detail-footer-grid{gap:5vw;width:92%}.bio-left-img,.bio-right-content{width:50%}.th-left,.th-right{font-size:10px}}.panel-nav{z-index:9000;pointer-events:auto;opacity:0;align-items:center;gap:40px;padding:10px 0;transition:opacity .8s;display:flex;position:fixed;bottom:45px;left:50%;transform:translate(-50%)}.panel-nav:before{content:"";z-index:-1;pointer-events:none;background-image:radial-gradient(circle,#ffffff1a 1px,#0000 0);background-size:9px 100%;height:2px;position:absolute;top:50%;left:15px;right:15px;transform:translateY(-50%)}.nav-dot{cursor:pointer;background:0 0;justify-content:center;align-items:center;width:30px;height:30px;transition:all .6s cubic-bezier(.19,1,.22,1);display:flex;position:relative}.nav-dot:before{content:"";background:#ffffff59;border-radius:50%;width:5px;height:5px;transition:all .6s cubic-bezier(.19,1,.22,1);box-shadow:0 0 10px #000}.nav-dot.active:before{background:#ffffffbf;width:14px;height:14px;box-shadow:0 0 10px #fff3}.nav-dot:after{content:"";background:#00f;border-radius:50%;width:0;height:0;transition:all .4s cubic-bezier(.19,1,.22,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.nav-dot.active:after{width:4px;height:4px}.nav-label{font-family:Courier New,Courier,monospace;font-weight:700;font-family:var(--font-family);letter-spacing:.15em;color:#fff9;pointer-events:none;opacity:0;white-space:nowrap;will-change:transform, opacity;width:max-content;font-size:11px;font-weight:700;position:absolute;top:calc(100% + 8px);left:50%}@media (hover:hover){.nav-dot:not(.active):hover:before{background:#fff;transform:scale(1.3)}}.detail-open #panel-nav{opacity:0;pointer-events:none}.orientation-lock{z-index:99999;text-align:center;color:#fff;background:#00f;justify-content:center;align-items:center;padding:40px;display:none;position:fixed;inset:0;overflow:hidden}.lock-content{z-index:10;flex-direction:column;align-items:center;gap:24px;display:flex;position:relative}.lock-icon{width:64px;height:64px;animation:2.5s ease-in-out infinite rotateDevice}.lock-content p{font-family:var(--font-family);letter-spacing:.1em;opacity:1;font-size:13px;font-weight:700}@keyframes rotateDevice{0%,10%{transform:rotate(90deg)}45%,55%{transform:rotate(0)}90%,to{transform:rotate(90deg)}}.project-menu-overlay{z-index:100000;opacity:0;visibility:hidden;pointer-events:none;background:#0000ae;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.project-menu-overlay #ascii-background{display:none}.menu-header-logo{font-family:var(--font-family);font-size:var(--font-size-header);color:#fff;z-index:100;letter-spacing:1px;font-weight:700;position:absolute;top:4vh;left:5vw}.menu-close-button{cursor:pointer;z-index:100;background:0 0;border:none;align-items:center;padding:0;display:flex;position:absolute;top:4vh;right:5vw}.menu-close-button svg{width:32px;height:auto}.menu-content{z-index:10;grid-template-columns:48% 52%;width:100%;height:100%;padding-left:5vw;display:grid;position:relative}.menu-list-side{flex-direction:column;justify-content:center;height:100%;display:flex}.menu-items{flex-direction:column;margin-top:-2vh;display:flex}.menu-item{cursor:pointer;border-bottom:1px solid #fff6;align-items:flex-start;gap:1vw;width:100%;margin-left:-1vw;padding:1.5vh 1vw;transition:background-color .3s;display:flex}@media (hover:hover){.menu-item:not(.extra):hover{background-color:#fff}.menu-item:not(.extra):hover .m-title,.menu-item:not(.extra):hover .m-index{color:#0000ae;opacity:1}}.m-index{color:#fff;width:1.5vw;margin-top:1vh;font-family:Courier New,Courier,monospace;font-size:10px;transition:color .3s}.m-title{text-transform:uppercase;color:#fff;letter-spacing:-.5px;font-family:Courier New,Courier,monospace;font-size:1.6vw;font-weight:900;line-height:.9;transition:color .3s}.m-title.small{letter-spacing:0;margin-top:4vh;font-size:1.5vw}.menu-footer{margin-top:0}.menu-item.extra{border:none;padding:0}.menu-contact{color:#fff;opacity:.8;margin-top:1.5vh;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.6}.menu-preview-container{pointer-events:none;z-index:5;opacity:0;background:0 0;width:47.5vw;height:52vh;transition:opacity .3s;position:absolute;top:25.5%;right:5vw;overflow:hidden}.menu-preview-container.visible{opacity:1}.menu-preview-inner{width:100%;height:100%;position:relative}.menu-preview-media{object-fit:cover;opacity:0;width:100%;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.header-nav-desktop{align-items:center;gap:2vw;display:flex}.nav-trigger{cursor:pointer;transition:opacity .3s,transform .3s}.nav-trigger:hover{opacity:.7;transform:translateY(-1px)}.archive-intro{max-width:40vw;margin-bottom:4vh}.archive-header-block{align-items:flex-start;gap:1vw;margin-bottom:2vh;display:flex}.archive-desc{color:#fff;opacity:.9;text-transform:uppercase;font-family:Courier New,Courier,monospace;font-size:13px;line-height:1.5}.archive-t{font-size:1.1vw!important;font-weight:700!important}.archive-items{margin-top:0}.archive-overlay.active{opacity:1;visibility:visible;pointer-events:all;will-change:opacity, filter}@media (hover:hover){.archive-overlay .menu-item:hover{background-color:#fff}.archive-overlay .menu-item:hover .archive-t{color:#0000ae}}.menu-preview-media.active{opacity:1;z-index:10}.menu-preview-media.default-state{opacity:.3;z-index:1}.project-menu-overlay.active{opacity:1;visibility:visible;pointer-events:all;will-change:opacity, filter}@media (width<=768px){.header-nav-desktop{display:none}.archive-desc{max-width:100%;font-size:11px}.archive-t{font-size:14px!important}}@media (width<=900px) and (orientation:landscape){.orientation-lock{display:flex}}.detail-editorial-hero,.illust-img,.pair-img,.pair-item,.detail-img-block,.video-grid-item,.detail-color-block,.cinematic-img-box,.bio-left-img,.footer-grid-left,.f-box-h,.f-box-v{cursor:zoom-in}.viewer-nav{cursor:pointer;z-index:100001;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:.5;background:#ffffff08;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}@media (hover:hover){.viewer-nav:hover{opacity:1;background:#ffffff1a;transform:translateY(-50%)scale(1.1)}}.viewer-prev{left:40px}.viewer-next{right:40px}.viewer-nav.disabled{pointer-events:none;opacity:0!important}.viewer-dots{z-index:100001;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0000004d;border-radius:50px;gap:25px;padding:15px 40px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.viewer-dot{cursor:pointer;background:#fff3;border-radius:50%;width:6px;height:6px;transition:all .4s cubic-bezier(.23,1,.32,1);position:relative}@media (hover:hover){.viewer-dot:hover{background:#ffffff80}}.viewer-dot.active{background:#03f;transform:scale(1);box-shadow:0 0 0 8px #ffffffe6}.fullscreen-overlay{-webkit-backdrop-filter:blur(30px);z-index:99999;opacity:0;pointer-events:none;cursor:zoom-out;will-change:backdrop-filter, opacity;background:#000000e6;justify-content:center;align-items:center;width:100%;height:100%;transition:opacity .5s cubic-bezier(.23,1,.32,1);display:flex;position:fixed;top:0;left:0}.fullscreen-overlay.active{opacity:1;pointer-events:auto}.viewer-content{justify-content:center;align-items:center;width:90%;height:90%;display:flex}.viewer-content img,.viewer-content video{object-fit:contain;opacity:0;z-index:2;max-width:100%;max-height:100%;transition:opacity .6s,transform .6s cubic-bezier(.23,1,.32,1);position:relative;transform:scale(.98);box-shadow:0 30px 60px #00000080}.viewer-content img.loaded,.viewer-content video.playing{opacity:1;transform:scale(1)}.viewer-ambient-glow{filter:blur(100px);z-index:1;opacity:0;background:radial-gradient(circle,#0033ff26 0%,#0000 70%);width:60%;height:60%;transition:opacity 1s;position:absolute}.fullscreen-overlay.active .viewer-ambient-glow{opacity:1}.viewer-loader{z-index:3;opacity:0;pointer-events:none;border:2px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:40px;height:40px;transition:opacity .3s;animation:.8s linear infinite viewer-spin;position:absolute}.viewer-content.loading .viewer-loader{opacity:1}@keyframes viewer-spin{to{transform:rotate(360deg)}}.viewer-close{z-index:100001;cursor:pointer;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;top:3.5vw;right:5vw}.viewer-close svg{width:32px;height:auto;display:block}@media (hover:hover){.viewer-close:hover{opacity:.6}}.viewer-close img{width:20px;height:20px}.viewer-close span{font-family:var(--font-family);letter-spacing:.2em;color:#fff;font-size:10px;font-weight:700}@media (width<=768px){.fixed-header{box-sizing:border-box;justify-content:space-between;align-items:center;width:100%;padding:5vw 6vw}.header-left{letter-spacing:.1em;align-items:center;height:12px;font-size:12px;font-weight:700;line-height:1;display:flex;transform:translateY(4px)}.custom-cursor{display:none}*{cursor:auto}.header-right{z-index:100001;align-items:center;display:flex}.header-text-desktop{display:none}.mobile-burger-container{display:block}.horizontal-container{gap:0;padding:0}.center-block.tall{width:100%;height:100%;transform:none}.globe-container{aspect-ratio:260/165;width:68%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.logo-grid-container{grid-template-columns:auto auto auto;justify-content:center;align-items:flex-end;gap:4px 20px;width:100%}.logo-hero-text{letter-spacing:-1.5px;justify-content:center;font-size:42px;line-height:.9}.logo-block{white-space:nowrap;font-size:10px}.logo-underscore-char{margin:0 2px}.bottom-right{text-align:left;margin-left:0;padding-bottom:6px;font-size:10px}.intro-panel .globe-container{width:80%;height:auto}.project-logo-box{aspect-ratio:210/140;width:75%;height:auto}#project-mobilize .project-logo-box,#project-bioderma .project-logo-box{width:60%}.panel-logo-text{letter-spacing:-.04em;text-align:center;justify-content:center;align-items:center;height:100%;margin:0;padding-left:.1rem;font-size:1.6rem;line-height:1;display:flex}.project-title.overlay{display:none}.manifesto-text{font-size:clamp(12px,3vw,14px);line-height:1.6}.scroll-arrow-vertical{display:none}.preloader-awards-footer{width:100vw;padding:0;bottom:2vh}.preloader-profile-block{width:85%;padding:25px 30px}.profile-line.title{font-size:14px}.preloader-logo-globe{width:60px}.awards-strip-img{width:80vw;max-width:80vw}.hero-technical-header{box-sizing:border-box;flex-direction:column;align-items:flex-start;gap:5px;width:100%;padding:5vw 6vw}.th-left{font-size:12px;font-weight:700}.th-right{opacity:.6;font-size:8px}.detail-bio-grid{flex-direction:column;gap:30px;width:88%;margin-bottom:50px}.bio-left-img{display:none}.bio-right-content{width:100%}.bio-technical-box{width:100%;max-width:287px;margin-bottom:30px}.bio-text-stack{max-width:100%}.bio-text-stack p{margin-bottom:15px;font-size:13.5px;line-height:1.7}.detail-small-info,.detail-case-info{flex-direction:column!important;gap:15px!important;width:92%!important;margin:0 auto 20px!important;padding:0!important;display:flex!important}.info-block{width:100%!important;max-width:none!important}.info-block p{width:100%!important;max-width:none!important;font-size:13px!important;line-height:1.6!important;display:block!important}.info-tag{margin-bottom:10px!important}.detail-wide-block,.detail-illust-wide{width:100%!important;margin-bottom:60px!important}.full-bleed-video{width:100%!important;height:50vh!important;margin-left:0!important;margin-right:0!important;left:0!important;right:0!important}.full-bleed-video video,.full-bleed-video img{object-fit:cover!important;width:100%!important;height:100%!important}.detail-triplet-grid{grid-template-columns:1fr 1fr!important;gap:15px!important;width:92%!important;margin:30px auto!important;display:grid!important}.detail-triple-grid{grid-template-columns:1fr 1fr 1fr;gap:15px;margin-bottom:50px;display:grid}.detail-pair-grid,.detail-pair-caption{flex-direction:column;gap:20px;width:88%;margin-bottom:50px}.aligned-video-block{width:88%;margin:0 auto 50px;display:block}.detail-footer-grid{flex-direction:column;gap:20px;width:88%;margin:0 auto 50px;display:flex}.detail-video-grid{grid-template-columns:1fr 1fr;gap:15px;width:88%;margin:0 auto 50px}.footer-grid-left,.footer-grid-right,.f-box-h,.f-box-v{aspect-ratio:1;width:100%}.footer-grid-right{gap:20px}.cinematic-img-box,.illust-img,.detail-color-block,.bio-left-img img{aspect-ratio:auto;object-fit:cover;width:100%;height:40vh}.cinematic-meta{flex-wrap:wrap;justify-content:flex-start;gap:10px;padding:15px 5vw}.mesh-bg,.project-bg{width:100%;height:100%}.detail-scroll{align-items:center;padding-top:4vh;padding-left:0;padding-right:0}.detail-final-footer{width:88%;margin:0 auto;padding:60px 0}.detail-close{background:0 0;border:none;height:12px;margin:0;padding:0;top:5vw;right:6vw}.detail-close svg{width:24px}.panel-nav{justify-content:center;gap:12px;width:auto;max-width:90vw;bottom:16px}.nav-dot{width:24px;height:24px}.f-editorial-text{max-width:90%;padding:0 20px;font-size:13px;line-height:1.6}.f-editorial-text br{display:none}.menu-content{flex-direction:column;justify-content:center;padding-left:6vw;padding-right:6vw;display:flex}.menu-list-side{width:100%}.menu-preview-container{display:none}.m-title{letter-spacing:-.5px;font-size:24px}.menu-item{gap:15px;margin-left:0;padding:1.2vh 0}.m-index{width:30px}.menu-close-button{height:12px;top:5vw;right:6vw}.menu-close-button svg{width:24px;height:auto}.menu-header-logo{letter-spacing:.1em;align-items:center;height:12px;font-size:12px;font-weight:700;display:flex;top:5vw;left:6vw;transform:translateY(4px)}.menu-footer{margin-top:30px}.m-title.small{margin-top:20px;font-size:18px}.viewer-dots{gap:10px;max-width:80%;padding:10px 20px;bottom:20px;overflow-x:auto}.viewer-nav{background:#00000080;width:45px;height:45px}.viewer-prev{left:15px}.viewer-next{right:15px}.viewer-close{top:5vw;right:6vw}.viewer-close svg{width:24px}}