body.page-about,body.page-experience,body.page-project{color:#1a1a1a;background:#fefff8;height:100svh;overflow:hidden}body.page-about main,body.page-about .app-shell,body.page-experience main,body.page-experience .app-shell,body.page-project main,body.page-project .app-shell{height:100svh;overflow:hidden}.about-scroll-container,.work-scroll-container,.project-scroll-container{scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch;background-color:#fefff8;width:100vw;height:100svh;overflow:hidden auto}.about-scroll-container::-webkit-scrollbar{display:none}.work-scroll-container::-webkit-scrollbar{display:none}.project-scroll-container::-webkit-scrollbar{display:none}.about-page-content,.work-page-content{width:100vw;font-family:var(--font-body);color:#1a1a1a;background-color:#fefff8;padding:clamp(320px,32vh,480px) clamp(1rem,4vw,4.5rem) 5rem}@media (width<=1500px) and (width>=1229px){.about-page-content,.work-page-content{padding:350px 3rem 5rem}}@media (width<=1228px) and (width>=993px){.about-page-content,.work-page-content{padding:320px 3rem 5rem}}@media (width<=1199px){.about-page-content,.work-page-content{padding:180px 1rem 5rem}}.hero-index{margin-top:.5rem;font-size:1.2rem;font-weight:500}.hero-titles{align-items:flex-start;gap:2rem;line-height:.85;display:flex}@media (width<=1389px){.hero-titles{gap:1.5rem}}@media (width<=1229px){.hero-titles{gap:1rem}}@media (width<=1199px){.hero-titles{gap:.5rem}}.hero-titles>span{margin-top:1rem;font-size:2rem;font-weight:500}@media (width<=1389px){.hero-titles>span{font-size:1.7rem}}@media (width<=1229px){.hero-titles>span{margin-top:.5rem;font-size:1.5rem}}@media (width<=1199px){.hero-titles>span{margin-top:.1rem;font-size:1.3rem}}.hero-description{grid-template-columns:180px 1fr;gap:3rem;max-width:800px;margin-top:clamp(3rem,8vh,8rem);margin-left:.5rem;display:grid}@media (width<=1229px){.hero-description{gap:1rem;margin-left:.3rem}}@media (width<=1199px){.hero-description{flex-direction:column;max-width:none;margin-left:0;display:flex}}.hero-description.footer{margin-top:clamp(2rem,5vh,4rem)}.left-label{text-transform:uppercase;letter-spacing:.06em;font-size:1rem;font-weight:500}@media (width<=1199px){.left-label{font-size:1.2rem}}.right-text p+p{margin-top:1rem}@media (width<=1389px){.right-text{max-width:500px;font-size:1.4rem}}@media (width<=1228px){.right-text{max-width:400px;font-size:1.3rem}}@media (width<=1199px){.right-text{max-width:none;margin-right:0;font-weight:400}}.page-footer-cta{width:100%}.page-footer-cta .divider{background-color:#000;width:100%;height:1px}.work-footer .divider,.page-footer-cta--experience .divider{opacity:.15}.footer-contact-info{justify-content:space-between;margin-bottom:clamp(3rem,10vh,8rem);padding:1rem 1.5rem;font-weight:600;display:flex;overflow:hidden}@media (width<=1200px){.footer-contact-info{padding:1rem 0}}@media (width<=768px){.footer-contact-info{font-size:clamp(.75rem,2.8vw,.9rem)}}.footer-col{flex-direction:row;gap:2rem;display:flex}@media (width<=1199px){.footer-col{flex-direction:column;gap:.75rem}.footer-col--right{align-items:flex-end}}.footer-socials a,.footer-col--left a{color:inherit;text-decoration:none}.back-btn{cursor:pointer;font:inherit;color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:.5rem;padding:0;font-weight:600;display:flex}@media (width<=1199px){.back-btn{gap:.2rem}}.back-btn .icon-container svg,.back-btn svg{width:clamp(12px,1vw,20px);height:clamp(12px,1vw,20px);transform:rotate(-90deg)}.page-footer-cta__headline{font-family:var(--font-scream);letter-spacing:-.02em;text-align:center;white-space:nowrap;max-width:calc(100vw - 2rem);margin-inline:auto;padding-inline:1rem;font-size:clamp(5rem,25vw,30rem);font-weight:500;overflow:hidden}.page-footer-cta__headline .accent{color:#ff6a3d}@media (width<=1199px){.page-footer-cta__headline{margin-bottom:6rem;line-height:.85}}@media (width<=768px){.page-footer-cta__headline{padding-inline:0}}.about-footer{margin-top:clamp(2rem,5vh,3rem)}.work-footer-layer,.f-divider-wrapper{width:100%}body.page-project{--section-mb:clamp(10rem, 16vh, 15rem);--hero-mb:clamp(12rem, 18vh, 18rem);--next-mt:clamp(14rem, 20vh, 20rem)}.project-page-content{background-color:#fefff8;width:100vw;padding:0 0 5rem}.project-hero{justify-content:center;align-items:center;min-height:clamp(560px,72svh,820px);margin-bottom:clamp(3rem,6vh,5rem);display:flex;position:relative;overflow:hidden}.project-hero__bg{z-index:0;pointer-events:none;position:absolute;inset:-10% 0}.project-hero__bg img{object-fit:cover;object-position:center 42%;filter:saturate(1.06)contrast(1.02);will-change:transform;width:100%;height:100%;transform:scale(1.03)}.project-hero__glass{z-index:1;pointer-events:none;backdrop-filter:blur(3px)saturate(1.04);background:#12100e1f;position:absolute;inset:0}@supports not (backdrop-filter:blur(1px)){.project-hero__glass{background:#12100e2e}}.project-hero__content{z-index:2;width:100%;min-height:inherit;padding:calc(var(--header-height) + 2rem) clamp(1rem, 4vw, 4.5rem) 3rem;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(2rem,4vh,3rem);display:flex;position:relative}.project-hero__headline{flex-direction:column;align-items:center;display:flex}.project-hero .title{color:#fff;letter-spacing:-.025em;text-transform:uppercase;white-space:nowrap;text-align:center;max-width:calc(100vw - 2rem);height:auto;min-height:0;margin:0;font-size:clamp(2.5rem,4.8vw,3.875rem);font-weight:400;line-height:1.05}.project-hero__tagline{color:#ffffffc7;text-transform:uppercase;letter-spacing:.16em;flex-direction:column;align-items:center;gap:.85rem;margin:clamp(1rem,2.5vh,1.35rem) 0 0;font-size:clamp(.7rem,1vw,.84rem);font-weight:400;line-height:1.4;display:flex}.project-hero__tagline-rule{background:#ffffff6b;width:1.75rem;height:1px;display:block}.project-hero__tagline-text{display:block}.project-hero:not(.project-hero--product) .scroll-hint{color:#fff}.project-hero--product{--product-bg:#111;--product-accent:#a78bfa;background:var(--product-bg);align-items:stretch;min-height:clamp(520px,75svh,780px);margin-bottom:0}.project-hero__backdrop{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.project-hero__glow{filter:blur(90px);opacity:.9;border-radius:50%;position:absolute}.project-hero__glow--left{background:#6c48be47;width:min(44vw,520px);height:min(44vw,520px);top:-18%;left:-12%}.project-hero__glow--right{background:#8260d233;width:min(36vw,420px);height:min(36vw,420px);bottom:8%;right:-8%}.project-hero__visual{z-index:1;padding:calc(var(--header-height) + 1rem) 1rem 2rem;pointer-events:none;opacity:.62;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-hero__visual-img{object-fit:contain;mix-blend-mode:lighten;filter:saturate(1.15)brightness(1.06);width:min(980px,96vw);height:auto;max-height:min(560px,68vh);display:block}.project-hero__content--product{z-index:2;text-align:center;min-height:inherit;width:100%;max-width:none;padding:calc(var(--header-height) + clamp(2rem, 5vh, 3rem)) clamp(1rem, 4vw, 4.5rem) clamp(2rem, 4vh, 3rem);flex-direction:column;justify-content:center;align-items:center;gap:clamp(2rem,4vh,3rem);margin-inline:0;display:flex;position:relative}.project-hero__headline-block{flex-direction:column;align-items:center;gap:clamp(1rem,2.5vh,1.35rem);max-width:min(36rem,100%);display:flex}.project-hero__title{color:#fff;letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap;text-shadow:0 2px 24px #00000073;margin:0;font-size:clamp(2.5rem,5.2vw,4rem);font-weight:400;line-height:1.05}.project-hero--product .project-hero__tagline{color:#ffffffb8;text-transform:uppercase;letter-spacing:.18em;text-align:center;flex-direction:column;align-items:center;gap:.85rem;margin:0;font-size:clamp(.68rem,.95vw,.82rem);font-weight:400;line-height:1.4;display:flex}.project-hero--product .project-hero__tagline-rule{background:#ffffff6b;width:1.75rem;height:1px;display:block}.project-hero--product .project-hero__tagline-text{display:block}.project-hero--product .scroll-hint{color:#ffffff8c;align-self:center;margin-top:0}.project-hero__credit{z-index:3;color:#ffffff61;letter-spacing:.04em;text-align:right;pointer-events:auto;margin:0;font-size:clamp(.58rem,.75vw,.68rem);font-weight:400;line-height:1.4;position:absolute;bottom:clamp(1rem,2.5vh,1.75rem);right:clamp(1rem,4vw,4.5rem)}.project-hero__credit a{color:inherit;text-decoration:none;transition:color .2s}.project-hero__credit a:hover{color:#ffffff9e}.project-info__link{color:inherit;text-decoration:none;transition:opacity .2s}.project-info__link:hover{opacity:.55}.scroll-hint{flex-direction:column;align-items:center;gap:.65rem;display:flex}.scroll-hint__mouse{opacity:.92;border:1.5px solid;border-radius:999px;justify-content:center;width:1.35rem;height:2.1rem;padding-top:.45rem;display:flex}.scroll-hint__wheel{background:currentColor;border-radius:999px;width:.18rem;height:.45rem;animation:1.8s ease-in-out infinite scroll-hint-wheel}.scroll-hint__arrow{opacity:.88;width:1.1rem;height:1.1rem;animation:1.8s ease-in-out infinite scroll-hint-arrow}@keyframes scroll-hint-wheel{0%,to{opacity:.25;transform:translateY(0)}45%{opacity:1;transform:translateY(.18rem)}}@keyframes scroll-hint-arrow{0%,to{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(.2rem)}}@media (prefers-reduced-motion:reduce){.scroll-hint__wheel,.scroll-hint__arrow{animation:none}.scroll-hint__wheel{opacity:.85}.scroll-hint__arrow{opacity:.75}}.project-detail{width:100%}.project-page-content a{color:inherit;text-decoration:none}.hero-c{width:100%}.hero{width:100%;margin-bottom:var(--hero-mb);justify-content:center;display:flex}.title{letter-spacing:-.04em;white-space:nowrap;text-align:center;max-width:calc(100vw - 2rem);height:auto;min-height:.68em;margin-inline:auto;font-size:min(11.127vw,10.5rem);font-weight:400;line-height:1em}.scroll-indicator{justify-content:center;width:100%;margin-bottom:4.5rem;display:flex}.scroll-indicator p{text-transform:none;font-size:14.5px;font-weight:400}.scroll-indicator p:first-child{padding-right:.05rem}.scroll-indicator p:nth-child(3){padding-left:.08rem}.image-container{margin-bottom:.5rem;overflow:hidden}.timeline-hero{margin-bottom:var(--section-mb)}.mid-title{text-align:center;text-transform:uppercase;margin-bottom:5rem;font-size:1.2rem;line-height:.6}.divider-wrapper{margin-bottom:2rem;padding:0 clamp(1rem,4vw,4.5rem)}.divider{opacity:.15;background-color:#000;width:100%;height:1px}.project-info,.info-col-left,.info-col-right{display:flex}.project-info{margin-bottom:var(--section-mb);justify-content:center;gap:20rem;padding:0 5rem}@media (width<=1500px) and (width>=1200px){.project-info{gap:clamp(8rem,10vw,20rem);padding:0 clamp(3rem,4vw,5rem)}}.info-col-left,.info-col-right{gap:20rem}@media (width<=1500px) and (width>=1200px){.info-col-left,.info-col-right{gap:clamp(8rem,10vw,20rem)}}.info-title{text-transform:uppercase;letter-spacing:.08em;margin-bottom:.5rem;font-size:.75rem;font-weight:500}.info-desc{text-transform:uppercase;font-weight:400}.info-desc strong{font-weight:600}.overview{width:100%;margin-bottom:var(--section-mb);justify-content:center;padding:0 5rem;display:flex}.overview .hero-description{grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);width:100%;max-width:1200px;display:grid}.hero-description{flex-direction:column;gap:2rem;display:flex}.responsibilities{margin-bottom:13rem}.responsibility-grid{flex-direction:column;justify-content:center;width:100%;max-width:1200px;display:flex}.res{grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);margin-bottom:3rem;display:grid}.second-text{opacity:.85;color:#141414}.right-text{max-width:850px;margin-right:4rem;font-size:1.2rem;font-weight:400;line-height:1.5}.left-label{text-align:left;font-size:1.3rem;font-weight:400}.res-item p{margin-bottom:1rem}.res-item p:last-child{margin-bottom:0}.case-study-headline{width:100%;margin-bottom:var(--section-mb);justify-content:center;padding:0 5rem;display:flex}.case-study-headline__text{opacity:.9;width:100%;max-width:1200px;margin:0;font-size:clamp(1.25rem,2vw,1.5rem);font-weight:400;line-height:1.45}.case-study-tech{width:100%;margin-bottom:var(--section-mb);justify-content:center;padding:0 5rem;display:flex}.case-study-tech__grid{gap:clamp(4rem,12vw,20rem);width:100%;max-width:1200px;display:flex}.case-study-tech__col{flex:1;min-width:0}.case-study-scope__grid{flex-direction:column;gap:3rem;width:100%;max-width:1200px;display:flex}.case-study-scope .hero-description,.case-study-impact .hero-description{grid-template-columns:minmax(8rem,12rem) minmax(0,1fr);align-items:start;gap:clamp(1.5rem,4vw,3rem);display:grid}.case-study-list{margin:0;padding-left:1.25rem;list-style:outside}.case-study-list li{margin-bottom:.75rem;line-height:1.5}.case-study-list li:last-child{margin-bottom:0}.case-study-list--impact li:first-child{font-weight:500}.overview .right-text p+p{margin-top:1rem}.project-img .img__1{width:100%;margin-bottom:clamp(10rem,16vh,15rem);padding:0 5rem}.project-img .img__1 img{width:100%;height:auto;display:block}.editorial-collage{grid-template-columns:1fr;justify-items:center;gap:7rem;max-width:1500px;margin:0 auto clamp(10rem,16vh,15rem);padding:0 1rem;display:grid;position:relative}.img--top__bg{display:contents}.img--top{background-color:#dcd0c2;grid-template-columns:repeat(2,1fr);gap:2rem;width:min(100%,1200px);padding:6rem;display:grid}.img--top img,.img--bottom img{object-fit:cover;width:100%;height:auto;display:block}.editorial-stage{width:min(100%,1200px);margin:0 auto;position:relative}.editorial-wrap{width:min(1200px,90vw);height:70vh;position:relative}.card--main{z-index:1;background:#e9eaeb;justify-content:center;align-items:center;width:70%;height:90%;display:flex;position:relative;overflow:hidden}.card--main img{object-fit:contain;width:70%;height:auto}.card--stack{z-index:2;background:#f0f2f5;justify-content:center;gap:16px;width:520px;padding:2rem;display:flex;position:absolute;bottom:-15%;right:0;overflow:hidden}.card--stack img{object-fit:contain;width:340px;height:auto}.docs-img-container{width:100%;margin-bottom:var(--section-mb);flex-direction:column;gap:13rem;padding:0 5rem;display:flex}@media (width<=1199px){body.page-project{--section-mb:clamp(6rem, 12vh, 9rem);--hero-mb:clamp(5rem, 10vh, 7rem);--next-mt:clamp(7rem, 12vh, 10rem)}.project-page-content{padding-top:0}.title{letter-spacing:-.02em;white-space:normal;text-align:left;height:auto;margin-bottom:2rem;font-size:clamp(2.8rem,12vw,4.5rem);line-height:1.05}.overview{padding:0}.overview .hero-description{flex-direction:column;gap:1.5rem;display:flex}.project-info{flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:2rem;padding:0}.info-col-left,.info-col-right{flex-direction:column;align-items:flex-start;gap:2rem}.right-text{max-width:none;margin-right:0;font-size:1rem;line-height:1.6}.left-label{margin-bottom:.5rem;font-size:1rem}.docs-img-container{gap:3rem;padding:0}.docs-img-container .wrapper{width:100%}.docs-img-container .wrapper:nth-child(odd),.docs-img-container .wrapper:nth-child(2n){align-self:center}.next-project.editorial-japanese{margin-top:var(--next-mt);padding:3rem 0}.next-project-title{justify-content:center;align-items:center;gap:1rem;font-size:clamp(2.5rem,10vw,4rem)}.title-arrow{margin-left:0}.next-project-content{gap:3rem}.pill-navigation{max-width:100%}}@media (width<=768px){body.page-project{--section-mb:clamp(5rem, 10vh, 7rem)}.docs-img-container{gap:clamp(5rem,10vh,8rem)}}.docs-img-container .wrapper{width:60vw}.docs-img-container .wrapper img{width:100%;height:auto;display:block}.docs-img-container .wrapper:nth-child(odd){align-self:flex-end}.docs-img-container .wrapper:nth-child(2n){align-self:flex-start}.next-project.editorial-japanese{margin:var(--next-mt) 0 var(--section-mb);padding:0 5rem;position:relative}.next-project-content{flex-direction:column;gap:6rem;display:flex;position:relative}.next-project-main{flex-direction:column;gap:3rem;display:flex}.next-label-wrapper{align-items:center;gap:2rem;display:flex}.next-label{letter-spacing:.3em;text-transform:uppercase;color:#666;white-space:nowrap;font-size:.875rem;font-weight:400}.label-line{opacity:.3;background:linear-gradient(90deg,#666 0%,#0000 100%);flex:1;height:1px}.next-project-title{letter-spacing:-.02em;text-transform:uppercase;cursor:pointer;justify-content:space-between;align-items:flex-end;margin:0;font-size:clamp(3.5rem,8vw,9rem);font-weight:300;line-height:.95;display:flex;position:relative}.title-text{flex:1}.title-arrow{flex-shrink:0;margin-left:2rem;font-size:1.25rem}.editorial-divider{align-items:center;gap:1rem;margin:2rem 0;display:flex}.divider-line{opacity:.1;background:#000;flex:1;height:1px}.divider-dot{opacity:.3;background:#000;border-radius:50%;width:4px;height:4px}.pill-navigation{flex-direction:column;align-items:flex-start;gap:1rem;max-width:300px;display:flex}.pill-button{cursor:pointer;letter-spacing:.1em;text-transform:uppercase;color:inherit;background:0 0;border:1px solid #0000001a;border-radius:100px;align-items:center;gap:1.5rem;padding:1rem 2rem;font-family:inherit;font-size:.875rem;display:inline-flex}.pill-count{color:#000;text-align:center;background:#0000000d;border-radius:100px;min-width:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.f-divider-wrapper{padding:0 clamp(1rem,4vw,4.5rem)}.work-footer .divider.visible{opacity:.15}@media (width<=1199px){.title{letter-spacing:-.04em;height:auto;font-size:clamp(3rem,14vw,5rem)}.project-info,.info-col-left,.info-col-right{flex-direction:column;align-items:flex-start;gap:2rem}.res{grid-template-columns:1fr}.right-text{margin-right:0}.docs-img-container .wrapper{width:100%}.editorial-stage,.card--stack{display:none}.img--top{grid-template-columns:1fr;padding:3rem}.card--main{width:100%}}@media (width<=768px){.project-hero{min-height:clamp(520px,72svh,720px)}.project-hero__content{padding-top:calc(var(--header-height) + 1.25rem)}.project-hero__content--product{margin-inline:1rem}.project-hero__title{white-space:normal;font-size:clamp(1.85rem,7vw,2.75rem)}.project-hero .title{letter-spacing:-.02em;white-space:normal;text-align:center;font-size:clamp(2.15rem,8vw,3.25rem)}.overview,.project-info,.project-img .img__1,.docs-img-container,.next-project.editorial-japanese{padding-inline:1rem}}
