@import "https://fonts.googleapis.com/css?family=Lato";@font-face{font-family:work-frame-number-font;src:url(/big_noodle_titling.ttf)}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0;padding:0}body{background:#000;font-family:Lato,sans-serif;overflow-x:hidden}a{text-decoration:none}.home-page-container{width:100%;height:100%}.loading-icon{background:url(/loading.svg) no-repeat;width:225px;height:168px;transition:left 1.2s ease-out;position:fixed;top:calc(50% - 84px);left:-225px}.loading-icon-move-right{left:100%}.mobile-header{display:none}.mega-menu-container{z-index:99;background-color:#000;width:210px;position:fixed;top:0;bottom:0;right:0}.mega-menu-container .close-menu-button{display:none}.mega-menu-container .mc-logo-button{width:110px;height:220px;display:inline-block;position:absolute;bottom:-5px;right:26px}.mega-menu-container .mc-logo-button svg{fill:#fff;width:100%;height:100%}.mega-menu-container nav{color:#fff;text-align:left;margin-top:180px;padding-left:26px}.mega-menu-container nav ul{width:180px;margin:0;padding-left:0;list-style:none}.mega-menu-container nav a{color:#fff;width:150px;height:46px;font-size:18px;line-height:46px;display:inline-block}.mega-menu-container nav a.selected{pointer-events:none;text-decoration:underline}.mega-menu-container .social-media-box{color:#fff;flex-flow:row-reverse wrap;justify-content:space-between;margin-left:80px;margin-right:30px;padding-left:0;list-style:none;display:flex}.mega-menu-container .social-media-box a{width:20px;height:20px;display:inline-block}.mega-menu-container .social-media-box svg{fill:#fff;width:100%;height:100%;transition:fill .2s ease-out}.mega-menu-container .social-media-box a:hover svg{fill:red}.page-bio{display:none}.page-bio-greeting{color:#ffffff80;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;display:flex}.page-bio-greeting:before{content:"";background:#ffffff59;flex-shrink:0;width:16px;height:1px}.page-bio h3{letter-spacing:-.015em;color:#fff;margin-bottom:10px;font-size:26px;font-weight:900;line-height:1.15}.page-bio-accent{color:#e8452c}.page-bio p{color:#ffffffbf;margin-bottom:0;font-size:12px;font-weight:400;line-height:1.6}.page-bio p strong{color:#fff;font-weight:700}.page-bio-meta{color:#ffffff80;margin-top:12px;font-size:11px;line-height:1.7}.menu-bio{text-align:left;padding:28px 31px 28px 26px;position:absolute;bottom:230px;left:0;right:0}@media (height<=991px){.menu-bio{display:none}}.menu-bio-greeting{color:#ffffff80;letter-spacing:.18em;text-transform:uppercase;align-items:center;gap:8px;margin-bottom:14px;font-size:11px;display:flex}.menu-bio-greeting:before{content:"";background:#ffffff59;flex-shrink:0;width:16px;height:1px}.menu-bio h3{letter-spacing:-.015em;color:#fff;margin-bottom:14px;font-size:26px;font-weight:900;line-height:1.15}.menu-bio-accent{color:#e8452c}.menu-bio p{color:#ffffffbf;margin-bottom:0;font-size:13px;font-weight:400;line-height:1.6}.menu-bio p strong{color:#fff;font-weight:700}.menu-bio-meta{color:#ffffff80;margin-top:16px;font-size:12px;line-height:1.7}.work-frame-container{color:#fff;transition:width .1s ease-in-out,height .1s ease-in-out;position:relative;top:115px;left:180px}.work-frame-container h3{z-index:101;pointer-events:none;margin:0;font-family:work-frame-number-font;font-size:82px;position:absolute;bottom:-65px;left:225px}.work-frame-container h5{z-index:102;margin:0;font-size:1rem;font-weight:400;position:absolute;bottom:-35px;right:0}.work-frame-container h6{z-index:103;margin:0;font-size:.85rem;font-weight:400;position:absolute;bottom:-60px;right:0}.work-frame-container .button-previous,.work-frame-container .button-next{width:42px;height:42px;display:inline-block;position:absolute;bottom:-105px}.work-frame-container .button-previous{left:0}.work-frame-container .button-next{left:60px}.work-frame-container .button-previous svg,.work-frame-container .button-next svg{fill:#fff;width:100%;height:100%;transition:fill .2s ease-in-out}.work-frame-container .button-previous:hover svg,.work-frame-container .button-next:hover svg{fill:red}.work-frame-container .button-disabled{pointer-events:none}.work-frame-container .button-disabled svg{fill:gray}.interactive-top-image{z-index:-10;background:url(/interactive_background1@1x.png) no-repeat;width:199px;height:191px;position:absolute;top:-100px;left:20px}.interactive-right-image{z-index:-11;background:url(/interactive_background2@1x.png) no-repeat;width:231px;height:171px;position:absolute;bottom:75px;right:-140px}.creative-left-top-image{z-index:10;background:url(/creative_frontground@1x.svg) no-repeat;width:107px;height:108px;position:absolute;top:40px;left:-80px}.creative-left-bottom-image{z-index:-11;background:url(/creative_background3@1x.svg) no-repeat;width:80px;height:50px;position:absolute;bottom:-50px;left:-100px}.creative-right-top-image{z-index:-12;background:url(/creative_background1@1x.svg) no-repeat;width:569px;height:540px;position:absolute;top:-150px;right:-180px}.creative-right-bottom-image{z-index:-13;background:url(/creative_background2@1x.svg) no-repeat;width:67px;height:46px;position:absolute;bottom:55px;right:-140px}.thumb-slide{display:block;position:relative;overflow:hidden}.thumb-slide .slide-content{transition:top .3s ease-in-out;position:absolute}.thumb-slide .slide-content button{cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:block}.thumb-slide .slide-content button img{object-fit:cover;width:100%;height:100%;transition:transform .1s ease-out;display:block}.thumb-slide .slide-content button:hover img{transform:scale(1.1)}.number-slide{z-index:100;pointer-events:none;width:140px;height:140px;display:block;position:relative;bottom:88px;left:85px;overflow:hidden}.number-slide .slide-content{margin-top:-20px;transition:top .3s ease-in-out;position:absolute}.number-slide .slide-content h2{text-align:right;color:#fff;height:180px;margin:0;font-family:work-frame-number-font;font-size:180px;line-height:180px}.work-indicator-container{width:75px;position:fixed;top:230px;left:0}.work-indicator-container ul{margin:0;padding:0;line-height:0;list-style:none}.work-indicator-container a{width:75px;height:40px;display:inline-block}.work-indicator-container .indicator-dot{background-color:red;border-radius:50%;width:12px;height:12px;margin-top:14px;margin-left:31px;transition:background-color .2s ease-out;display:inline-block}.work-indicator-container a:hover .indicator-dot{background-color:#fff}.work-indicator-container a.selected{pointer-events:none}.work-indicator-container a.selected .indicator-dot{background-color:#fff}.about-page{color:#fff;background:#000;width:100%;min-height:100%;padding-right:210px;overflow-x:hidden}.about-hero{grid-template-columns:minmax(280px,380px) 1fr;align-items:start;gap:70px;max-width:1200px;padding:100px 100px 70px;display:grid}.about-portrait{aspect-ratio:4/5;background:#1a1a1a;border-radius:4px;overflow:hidden;box-shadow:0 16px 48px #0006}.about-portrait img{object-fit:cover;width:100%;height:100%;display:block}.about-intro{padding-top:8px}.about-eyebrow{color:#ffffff8c;letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:22px;font-size:11px;font-weight:400;display:flex}.about-eyebrow:before{content:"";background:#fff6;width:24px;height:1px}.about-intro h1{letter-spacing:-.025em;color:#fff;margin:0 0 18px;font-size:clamp(40px,5vw,68px);font-weight:900;line-height:1}.about-intro h1 .accent{color:#e8452c}.about-tagline{color:#fff;max-width:46ch;margin-bottom:22px;font-size:clamp(17px,1.8vw,21px);font-weight:500;line-height:1.35}.about-lede{color:#ffffffc7;max-width:58ch;margin-bottom:32px;font-size:15px;font-weight:300;line-height:1.65}.about-lede strong{color:#fff;font-weight:600}.about-actions{flex-wrap:wrap;gap:12px;display:flex}.about-btn{letter-spacing:.08em;text-transform:uppercase;border-radius:2px;align-items:center;gap:8px;padding:11px 20px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .2s,background .2s,border-color .2s;display:inline-flex}.about-btn.primary{color:#fff;background:#e8452c;border:1px solid #e8452c}.about-btn.primary:hover{background:#ff5a3e;border-color:#ff5a3e;transform:translateY(-1px)}.about-btn.ghost{color:#fff;background:0 0;border:1px solid #ffffff59}.about-btn.ghost:hover{background:#ffffff0d;border-color:#fff}.about-btn:after{content:"→";font-size:14px;transition:transform .2s}.about-btn:hover:after{transform:translate(3px)}.about-story{max-width:1200px;padding:0 100px 60px}.about-story-inner{border-top:1px solid #ffffff1a;grid-template-columns:minmax(180px,220px) 1fr;gap:70px;padding-top:50px;display:grid}.about-story-label{color:#ffffff80;letter-spacing:.2em;text-transform:uppercase;padding-top:6px;font-size:11px}.about-story-content{flex-direction:column;gap:36px;max-width:60ch;display:flex}.story-block h3{letter-spacing:-.01em;color:#fff;margin:0 0 12px;font-size:20px;font-weight:700;line-height:1.2}.story-block p{color:#ffffffd1;margin:0 0 12px;font-size:15px;font-weight:300;line-height:1.7}.story-block p:last-child{margin-bottom:0}.story-block p strong{color:#fff;font-weight:600}.about-facts{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;padding:50px 100px;display:grid}.fact .k{color:#ffffff80;letter-spacing:.18em;text-transform:uppercase;margin-bottom:8px;font-size:10px;font-weight:500;display:block}.fact .v{color:#fff;font-size:15px;font-weight:400;line-height:1.5}.about-awards{border-top:1px solid #ffffff1a;max-width:1200px;padding:50px 100px 60px}.awards-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:40px;margin-bottom:24px;display:flex}.awards-header h2{letter-spacing:-.015em;color:#fff;margin:0;font-size:26px;font-weight:900}.awards-header .note{color:#ffffff80;letter-spacing:.14em;text-transform:uppercase;font-size:11px}.awards-list{flex-direction:column;display:flex}.award-row{border-top:1px solid #ffffff14;grid-template-columns:70px 1fr auto;align-items:baseline;gap:40px;padding:16px 0;transition:padding-left .25s;display:grid}.award-row:hover{padding-left:8px}.award-row:last-child{border-bottom:1px solid #ffffff14}.award-row .year{color:#e8452c;letter-spacing:.06em;font-size:13px;font-weight:700}.award-row .title-text{color:#fff;font-size:15px;font-weight:500;line-height:1.5}.award-row .type{color:#ffffff73;letter-spacing:.14em;text-transform:uppercase;font-size:11px}.about-close{border-top:1px solid #ffffff1a;max-width:1200px;padding:50px 100px 100px}.about-close-inner{grid-template-columns:1fr auto;align-items:end;gap:60px;padding-top:40px;display:grid}.closing-line{color:#ffffffe6;max-width:52ch;margin:0;font-size:19px;font-style:italic;font-weight:300;line-height:1.55}.closing-line strong{color:#fff;font-style:normal;font-weight:600}.about-close .sig{color:#e8452c;letter-spacing:-.02em;white-space:nowrap;font-size:26px;font-weight:900}.work-detail-page-container{width:calc(100% - 210px);min-height:600px;padding-top:100px;position:relative}.work-detail-page-container .head-container{max-width:65ch;margin-bottom:100px;margin-left:70px;margin-right:70px}.work-detail-page-container .head-container h1{margin:0;font-size:72px}.work-detail-page-container .head-container h2{margin-top:20px;font-size:20px}.work-detail-page-container .head-container h3{color:#ccc;margin-top:20px;font-size:16px}.work-detail-page-container .head-container a{color:red}.work-detail-page-container .work-content{text-align:justify;max-width:65ch;margin-top:40px;font-size:18px;line-height:1.5em;position:relative;overflow:hidden}.work-detail-page-container .read-more{display:none}.media-list-container{width:100%}.media-list-container img{opacity:0;width:100%;transition:opacity .3s ease-out;display:block}.media-list-container img.img-loaded{opacity:1}.media-list-container iframe{width:100%;display:block}.media-list-container p.text-center{text-align:center;color:#333;padding:1em}.password-box{z-index:90;color:#fff;background-color:#000;width:100%;height:100%;position:absolute;top:0;left:0}.password-box .content-box{align-items:center;gap:8px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.password-box input{color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;width:200px;padding:6px 12px;font-size:16px}.password-box button{cursor:pointer;color:#000;background:#fff;border:1px solid #ccc;border-radius:4px;padding:6px 16px;font-size:16px}.password-box button:hover{background:#eee}.mobile-work-list-container{width:100%}.mobile-work-list-container a{display:block}.mobile-work-list-container img{width:100%;display:block}.interactive-page-container,.creative-page-container{width:100%;height:100%}@media (width<=576px){.mobile-header{z-index:98;background-color:#000;justify-content:space-between;align-items:center;width:100%;height:50px;padding:0 8px;display:flex;position:fixed;top:0;left:0}.mobile-header h2{color:#fff;margin:0;padding-left:4px;font-size:1rem}.mobile-header .toggle-button{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-header .toggle-button svg{fill:#fff;width:100%;height:100%}.mobile-header .toggle-button:active svg{fill:red}.mega-menu-container{transition:right .1s ease-out;right:-210px}.mega-menu-container nav{padding:0 20px}.mega-menu-container nav ul,.mega-menu-container nav a{width:100%}.menu-bio{display:none}.page-bio{z-index:auto;background:#000;max-width:100%;margin-top:50px;padding:28px 24px 20px;display:block;position:relative;top:auto;left:auto}.mega-menu-container .mc-logo-button{width:80px;height:180px}.mega-menu-container .close-menu-button{cursor:pointer;justify-content:center;align-items:center;width:32px;height:32px;padding:4px;display:flex;position:absolute;top:8px;right:8px}.mega-menu-container .close-menu-button svg{fill:#fff;width:100%;height:100%}.mega-menu-container .close-menu-button:active svg{fill:red}.about-page{margin-top:50px;padding-right:0}.about-hero{grid-template-columns:1fr;gap:28px;max-width:100%;padding:40px 24px 36px}.about-portrait{aspect-ratio:4/5;max-width:260px}.about-intro h1{font-size:36px}.about-story{max-width:100%;padding:0 24px 40px}.about-story-inner{grid-template-columns:1fr;gap:20px;padding-top:28px}.about-facts{grid-template-columns:1fr 1fr;gap:24px;max-width:100%;padding:28px 24px}.about-awards{max-width:100%;padding:28px 24px 36px}.award-row{grid-template-columns:50px 1fr;gap:16px}.award-row .type{grid-column:2}.about-close{max-width:100%;padding:28px 24px 60px}.about-close-inner{grid-template-columns:1fr;gap:20px}.work-detail-page-container{width:100%;margin-top:50px;padding:0}.work-detail-page-container .head-container{margin:0 20px 20px}.work-detail-page-container .head-container h1{padding-top:20px;font-size:32px}.work-detail-page-container .work-content{max-width:100%;height:20em}.work-detail-page-container .read-more{text-align:center;width:100%;margin:0;padding:30px 0;display:block;position:absolute;bottom:0;left:0}.work-detail-page-container .read-more button{cursor:pointer;background:0 0;border:0;width:100%;font-size:16px;text-decoration:underline}.work-detail-page-container .read-more button:focus{outline:0}.mobile-work-list-container{margin-top:50px}.password-box input{width:160px}}