:root{--bg:#000;--text:#f2f1ea;--sans:"Zen Kaku Gothic New", system-ui, "Segoe UI", Roboto, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);margin:0}.scroll-bg{z-index:-1;background-color:var(--bg);position:fixed;inset:0}a{color:inherit;text-decoration:none}ul{margin:0;padding:0;list-style:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}.site-header{z-index:50;background:#000000bf;height:6.9444vw;position:fixed;inset:0 0 auto}.site-logo{width:12.5vw;position:absolute;top:1.5278vw;left:1.7361vw}.header-qr-btn{cursor:pointer;height:90%;padding:0;line-height:0;position:absolute;top:5%}.header-qr-btn img{width:auto;height:100%;display:block}@media (width<=768px){.site-header{height:36px}}.qr-modal-overlay{z-index:200;background:#000000e6;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.qr-modal{flex-direction:column;align-items:center;gap:24px;display:flex}.qr-modal-image{height:auto;display:block}.qr-modal-url{color:#fff;text-align:center;margin:0;font-family:gotham,sans-serif;font-weight:500}.qr-modal-close{cursor:pointer;width:178px;height:54px;padding:0;line-height:0;position:relative}.qr-modal-close img{width:178px;height:auto;transition:opacity .2s;display:block}.qr-modal-close .f{opacity:0;position:absolute;inset:0}.qr-modal-close:hover .n{opacity:0}.qr-modal-close:hover .f{opacity:1}@media (width<=768px){.qr-modal-image{max-width:280px;width:70vw!important}.qr-modal-url{font-size:clamp(18px,5vw,28px)!important}.qr-modal-close img{width:130px}.qr-modal-close{width:130px;height:40px}}.hero{z-index:1;position:relative}.hero-video-frame{aspect-ratio:16/9;background:#000;border-radius:25px;width:100%;position:relative;overflow:hidden}.hero-video{object-fit:cover;opacity:0;width:100%;height:100%;position:absolute;inset:0}.design-pieces{color:#1a1712}.design-pieces-layers{width:100%;position:relative}.design-pieces-heading{color:#000;white-space:nowrap;margin:0;font-family:gotham,sans-serif;font-weight:700;line-height:1;position:absolute}.design-pieces-sub{color:#000;white-space:nowrap;margin:0;font-family:gotham,sans-serif;font-weight:400;line-height:1.3;position:absolute}.design-pieces-line{background:#000;display:block;position:absolute}.view-detail{color:#918371;white-space:nowrap;font-family:gotham,sans-serif;font-weight:300;position:absolute}.design-piece{max-width:100%;height:auto;display:block;position:absolute}.design-piece-pair,.detail-group{display:contents}.detail-btn{aspect-ratio:1;cursor:pointer;position:absolute}.detail-btn-n,.detail-btn-f{width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.detail-btn-f,.detail-btn:hover .detail-btn-n{opacity:0}.detail-btn:hover .detail-btn-f{opacity:1}.detail-pop{z-index:20;white-space:nowrap;background:#ffffffe6;border-radius:4px;padding:8px 12px;position:absolute}.detail-pop-heading{color:#3f3f3f;margin:0;font-family:gotham,sans-serif;font-weight:700}.detail-pop-body{color:#3f3f3f;margin:0;font-family:gotham,sans-serif;font-weight:400}@media (width<=768px){.detail-btn,.detail-pop,.view-detail{display:none}.design-pieces-layers{flex-direction:column;align-items:center;gap:24px;padding:100px 6vw;display:flex;height:auto!important}.design-pieces-heading,.design-pieces-sub,.design-pieces-line{white-space:normal;align-self:flex-start;position:static;font-size:revert!important}.design-pieces-heading{font-size:clamp(32px,8vw,56px)!important}.design-pieces-sub{font-size:15px!important}.design-pieces-line{width:100%!important;height:3px!important}.design-piece{position:static;width:70%!important}.design-piece-pair{flex-direction:row;align-items:flex-start;gap:12px;width:70%;display:flex}.design-piece-pair .design-piece{flex:1;min-width:0;width:auto!important}.design-piece-pair-equal-height .design-piece{flex:none;height:40px;width:auto!important}.design-piece-half{width:35%!important}}.motion-edit{color:#f5f3ee}.motion-edit-grid{width:100%;position:relative}.motion-edit-heading{color:#fff;white-space:nowrap;margin:0;font-family:gotham,sans-serif;font-weight:700;line-height:1;position:absolute}.motion-edit-sub{color:#fff;white-space:nowrap;margin:0;font-family:gotham,sans-serif;font-weight:400;line-height:1.3;position:absolute}.motion-edit-line{background:#fff;display:block;position:absolute}.motion-thumb{background:#1a1a1a;border-radius:22px;display:block;position:absolute;overflow:hidden}.motion-thumb-169{aspect-ratio:16/9}.motion-thumb-916{aspect-ratio:9/16}.motion-thumb img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.motion-thumb:hover img{transform:scale(1.1)}.motion-thumb-video{object-fit:cover;width:100%;height:100%}.motion-thumb-static-img{display:block}.motion-thumb-mobile-only{display:none}.motion-play-btn{z-index:5;cursor:pointer;padding:0;line-height:0;position:absolute}.motion-play-btn img{width:100%;height:100%;display:block}.motion-modal-overlay{z-index:100;background:#000000bf;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.motion-modal{border-radius:10px;position:relative;overflow:visible}.motion-modal-video{object-fit:cover;background:#000;border-radius:10px;width:100%;height:100%}.motion-modal-btn{cursor:pointer;padding:0;line-height:0;position:absolute}.motion-modal-btn img{width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.motion-modal-btn .f,.motion-modal-btn:hover .n{opacity:0}.motion-modal-btn:hover .f{opacity:1}.motion-modal-replay{transition:opacity .3s}@media (width<=768px){.motion-modal-overlay,.motion-play-btn{display:none}.motion-edit-grid{flex-direction:column;align-items:flex-start;gap:20px;padding:100px 6vw;display:flex;height:auto!important}.motion-edit-heading,.motion-edit-sub,.motion-edit-line{white-space:normal;position:static;font-size:revert!important}.motion-edit-heading{font-size:clamp(32px,8vw,56px)!important}.motion-edit-sub{font-size:15px!important}.motion-edit-line{width:100%!important;height:3px!important}.motion-thumb{position:static;width:100%!important}.motion-thumb-static-img{display:none}.motion-thumb-mobile-only{display:block}}.infographics{color:#1a1a1a}.infographics-grid{width:100%;position:relative}.infographics-bg-pattern{pointer-events:none;background-repeat:repeat;position:absolute}.infographics-heading{color:#000;white-space:nowrap;margin:0;font-family:gotham,sans-serif;font-weight:700;line-height:1;position:absolute}.infographics-sub{color:#000;white-space:nowrap;margin:0;font-family:gotham,sans-serif;font-weight:400;line-height:1.3;position:absolute}.infographics-line{background:#000;display:block;position:absolute}.infographic-item{aspect-ratio:16/9;border-radius:7px;display:block;position:absolute;overflow:hidden;box-shadow:0 20px 30px #0000001f}.infographic-item img{object-fit:cover;width:100%;height:100%}@media (width<=768px){.infographics-grid{flex-direction:column;align-items:flex-start;gap:16px;padding:100px 6vw;display:flex;height:auto!important}.infographics-bg-pattern{display:none}.infographics-heading,.infographics-sub,.infographics-line{white-space:normal;position:static;font-size:revert!important}.infographics-heading{font-size:clamp(32px,8vw,56px)!important}.infographics-sub{font-size:15px!important}.infographics-line{width:100%!important;height:3px!important}.infographic-item{position:static;width:100%!important}}.site-footer{background:#fff;justify-content:center;padding:5.5556vw 4.1667vw 4.1667vw;display:flex;position:relative}.footer-frame{display:flex;position:relative}.footer-col{height:100%;position:relative}.footer-col-left{background:#000;border-radius:30px 0 0 30px;width:27.2727%}.footer-col-right{background:#4d4d4d;border-radius:0 30px 30px 0;width:72.7273%}.footer-works-grid,.footer-nav-row,.footer-contact-row{display:contents}.footer-logo-img,.footer-works-img,.footer-contact-img{width:auto;height:auto;display:block;position:absolute}.footer-nav-btn{line-height:0;display:block;position:absolute}.footer-nav-btn img{width:100%;height:auto;transition:opacity .2s;display:block;position:relative}.footer-nav-btn .f{opacity:0;position:absolute;inset:0}.footer-nav-btn:hover .n{opacity:0}.footer-nav-btn:hover .f{opacity:1}@media (width<=768px){.site-footer{padding:60px 6vw}.footer-frame{flex-direction:column;width:100%!important;height:auto!important}.footer-col{flex-direction:column;align-items:flex-start;gap:16px;padding:32px 8vw;display:flex;width:100%!important;height:auto!important}.footer-col-left{border-radius:30px 30px 0 0}.footer-col-right{border-radius:0 0 30px 30px}.footer-logo-img,.footer-works-img,.footer-nav-btn,.footer-contact-img{max-width:200px;width:auto!important;position:static!important}.footer-works-grid{grid-template-columns:repeat(2,1fr);align-items:start;gap:12px 16px;width:100%;display:grid}.footer-works-grid .footer-works-img{max-width:none;height:auto;width:100%!important}.footer-nav-row{flex-flow:wrap;align-items:flex-start;gap:8px;width:100%;display:flex}.footer-nav-row .footer-nav-btn{flex:1 1 0;min-width:60px;max-width:none;width:auto!important}.footer-nav-btn{position:relative!important;top:auto!important;left:auto!important}.footer-contact-row{flex-direction:row;align-items:flex-start;gap:8px;display:flex}.footer-col-right .footer-contact-img,.footer-col-right .footer-instagram-btn{max-width:62px;width:62px!important}}.left-nav{z-index:40;opacity:0;position:fixed;top:30vh;transform:translate(-50px)}.left-nav-base{height:auto;display:block}.left-nav-circle{z-index:1;pointer-events:none;display:block;position:absolute}.left-nav-circle img{width:100%;height:auto;display:block}.left-nav-btn{z-index:2;line-height:0;display:block;position:absolute}.left-nav-btn img{width:100%;height:auto;transition:opacity .2s;display:block;position:relative}.left-nav-btn .f{opacity:0;position:absolute;inset:0}.left-nav-btn:hover .n{opacity:0}.left-nav-btn:hover .f{opacity:1}@media (width<=768px){.left-nav{display:none}}.page-overlays{z-index:5;pointer-events:none;position:absolute;inset:0}.overlay-scroll-down,.overlay-bg-arrow,.overlay-logo-mark{height:auto;display:block;position:absolute}@media (width<=768px){.page-overlays{display:none}}@media (width<=640px){.design-pieces,.motion-edit,.infographics{padding-left:5vw;padding-right:5vw}}