:root{--font-mono:"Roboto Mono", monospace;--font-body:"IBM Plex Sans JP", Arial, Helvetica, sans-serif}*{box-sizing:border-box}@font-face{font-family:IBM Plex Sans JP;src:url(/fonts/IBMPlexSansJP-Regular-Latin.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Song Myung;src:url(/fonts/SongMyung-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}html{-webkit-font-smoothing:antialiased;background:#ffd302;font-size:18px;line-height:32px}html,body{min-height:100%}body{flex-direction:column;min-height:100vh;margin:0;font-family:Song Myung,serif;font-size:20px;line-height:32px;display:flex}main{opacity:1;flex:1;width:100%;max-width:1660px;margin:0 auto;padding:0 24px;transition:opacity .45s,transform .5s cubic-bezier(.22,1,.36,1);transform:translateY(0)}body.page-is-loading main{opacity:0;transition:none;transform:translateY(16px)}body.page-is-ready main{opacity:1;transform:translateY(0)}img{max-width:100%;height:auto;display:block}h1{margin:40px 0;font-size:64px;font-weight:400;line-height:70px}h1,h2,h3,h4,h5,h6{font-family:Song Myung,serif}p{max-width:900px;font-family:var(--font-body);margin:24px 0;font-weight:400}li,blockquote{font-family:var(--font-body);font-weight:400}a{color:currentColor}a:focus{opacity:.8;outline:none}a:active{opacity:.7;outline:none}button{font-family:inherit}svg{vertical-align:middle}.page-loader{z-index:9999;opacity:0;visibility:hidden;pointer-events:none;background:#ffd302;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.page-loader--visible{opacity:1;visibility:visible;pointer-events:all}.page-loader--hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader__content{flex-direction:column;align-items:center;gap:24px;width:300px;max-width:60vw;display:flex}.page-loader__logo{width:100%;height:auto;animation:.3s forwards pageLoaderIn;display:block}.page-loader__progress{color:#000;justify-content:flex-end;align-items:flex-end;width:100%;display:flex}.page-loader__progress-value{opacity:0;text-align:right;font-variant-numeric:tabular-nums;letter-spacing:-.04em;font-size:30px;font-weight:400;line-height:30px;animation:.32s cubic-bezier(.22,1,.36,1) .1s forwards pageLoaderMetaIn;transform:translateY(12px)}@keyframes pageLoaderMetaIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes pageLoaderIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.header{z-index:10;justify-content:space-between;align-items:flex-start;width:100%;max-width:1660px;margin:0 auto;padding:24px;display:flex;position:relative}.logo{opacity:0;width:150px;transition:opacity .4s,transform .4s cubic-bezier(.22,1,.36,1);display:block;transform:scale(.97)}.logo img{width:100%;height:auto}.header--visible .logo{opacity:1;transform:scale(1)}.navigation{gap:8px;font-size:34px;line-height:40px;display:flex}.navigation a{color:currentColor;opacity:0;text-decoration:none;display:inline-block;overflow:hidden;transform:translateY(-20px)}.navigation a span{display:inline-block}.header--visible .navigation a{animation:.4s cubic-bezier(.22,1,.36,1) forwards navDrop}.header--visible .navigation a:first-child{animation-delay:.1s}.header--visible .navigation a:nth-child(2){animation-delay:.18s}@keyframes navDrop{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.navigation a:hover span{animation:.42s cubic-bezier(.22,1,.36,1) navHoverDrop}@keyframes navHoverDrop{0%{opacity:1;transform:translateY(0)}35%{opacity:0;transform:translateY(10px)}36%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.about{opacity:0;animation:.25s .1s forwards contentFadeIn}@keyframes contentFadeIn{0%{opacity:0}to{opacity:1}}.work-index{opacity:0;width:100%;padding:36px 0 72px;animation:.25s .1s forwards contentFadeIn}.work-controls{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:48px;display:flex}.work-filters{flex-wrap:wrap;gap:8px;display:flex}.work-view-switcher{flex-shrink:0;gap:8px;display:flex}.work-filter,.work-view{appearance:none;color:currentColor;font:inherit;cursor:pointer;opacity:.4;background:0 0;border:0;padding:0;font-size:28px;line-height:36px;transition:opacity .2s}.work-filter span,.work-view span{display:inline-block}.work-filter:hover,.work-filter--active,.work-view:hover,.work-view--active{opacity:1}.work-filter:hover span,.work-view:hover span{animation:.42s cubic-bezier(.22,1,.36,1) navHoverDrop}.work-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:row;align-items:start;gap:clamp(72px,8vw,128px) clamp(12px,1.25vw,20px);display:grid}.work-cluster{min-width:0}.work-grid--grid .work-cluster{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(8px,.9vw,14px);display:grid}.work-grid--grid .work-cluster:nth-child(6n+1){grid-column:1/span 5}.work-grid--grid .work-cluster:nth-child(6n+2){grid-column:8/span 4;margin-top:clamp(48px,5vw,80px)}.work-grid--grid .work-cluster:nth-child(6n+3){grid-column:3/span 4}.work-grid--grid .work-cluster:nth-child(6n+4){grid-column:7/span 5;margin-top:clamp(32px,4vw,64px)}.work-grid--grid .work-cluster:nth-child(6n+5){grid-column:1/span 5}.work-grid--grid .work-cluster:nth-child(6n+6){grid-column:8/span 4}.work-grid--grid .work-cluster--2{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}.work-grid--grid .work-cluster--3 .work-card--primary{grid-column:1/span 2}.work-grid--grid .work-cluster--4{grid-template-columns:repeat(3,minmax(0,1fr))}.work-grid--grid .work-cluster--4 .work-card--primary{grid-column:1/span 2}.work-grid--grid .work-cluster--4 .work-card--extra:nth-child(3){grid-column:2}.work-grid--grid .work-cluster--4 .work-card--extra:nth-child(4){grid-column:3}.work-card{transform-origin:0 0;color:currentColor;opacity:0;min-width:0;text-decoration:none;animation:.45s cubic-bezier(.22,1,.36,1) forwards workCardIn;position:relative;transform:translateY(16px)}@keyframes workCardIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.work-card__image{aspect-ratio:1;width:100%;position:relative;overflow:hidden}.work-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .5s cubic-bezier(.22,1,.36,1),opacity .3s}.work-grid--grid .work-card__image{aspect-ratio:4/3}.work-grid--grid .work-cluster--3 .work-card--primary .work-card__image,.work-grid--grid .work-cluster--4 .work-card--primary .work-card__image{aspect-ratio:16/9}.work-grid--grid .work-card--primary{opacity:1;animation:none;transform:none}.work-grid--grid .work-card__image img{object-fit:cover;height:100%}.work-card:hover .work-card__image img{transform:scale(1.025)}.work-card__content{opacity:1;padding-top:8px;transition:opacity .24s}.work-card__content h2{margin:0 0 4px;font-size:17px;font-weight:400;line-height:21px}.work-card__content p{max-width:500px;margin:0;font-size:12px;line-height:17px}.work-card__categories{opacity:.55;margin-top:8px;font-size:11px;line-height:16px}.work-showcase{position:relative}.work-showcase--list{--work-list-gap:clamp(6px, .8vh, 10px);--work-list-preview-height:clamp(190px, 28vh, 290px);height:clamp(420px,100dvh - 333px,712px)}.work-showcase--grid .work-list-index{opacity:0;visibility:hidden;pointer-events:none}.work-showcase--transitioning .work-list-index,.work-showcase--transitioning .work-grid--grid .work-card__content{opacity:0;pointer-events:none}.work-list-index{z-index:2;opacity:1;visibility:visible;width:clamp(170px,16vw,240px);transition:opacity .3s,visibility .3s;position:absolute;inset:auto 0 clamp(24px,3vh,36px) auto}.work-list-index__titles{flex-direction:column;align-items:flex-end;width:100%;display:flex}.work-list-index__title{color:currentColor;font:inherit;text-align:right;opacity:.3;cursor:pointer;background:0 0;border:0;flex:none;padding:0;font-size:15px;line-height:24px;transition:opacity .25s}.work-list-index__title:hover,.work-list-index__title--active{opacity:1}.work-grid--list{align-items:stretch;gap:var(--work-list-gap);scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;width:calc(100% - clamp(170px,16vw,240px) - clamp(32px,3.2vw,52px));height:100%;display:flex;overflow-y:hidden}.work-grid--list::-webkit-scrollbar{display:none}.work-grid--list .work-cluster{flex:0 0 var(--work-list-preview-height);width:100%;height:var(--work-list-preview-height);min-height:0}.work-grid--list .work-card{opacity:1;width:100%;height:100%;min-height:0;padding:0;scroll-margin-block:16px;animation:none;display:block;transform:none}.work-grid--list .work-card__image{aspect-ratio:auto;opacity:1;height:100%}.work-grid--list .work-card__image img{object-fit:cover;width:100%;height:100%}.work-grid--list .work-card__content{display:none}.work-grid--list .work-card:hover .work-card__image img{transform:none}.work-project{opacity:0;width:100%;padding:0 0 96px;animation:.3s 80ms forwards contentFadeIn}.work-project__hero{width:calc(100% + 48px);margin-left:-24px;overflow:hidden}.work-project__hero--focused{height:clamp(280px,36vw,580px)}.work-project__hero--fullHeight{height:calc(100svh - 198px);min-height:420px;max-height:1080px}.work-project__hero .work-project__media{object-fit:cover;width:100%;height:100%}.work-project__project-header{padding:clamp(28px,3vw,52px) 0 clamp(72px,8vw,128px)}.work-project__metadata{text-transform:lowercase;flex-wrap:wrap;gap:12px 36px;margin-bottom:14px;font-family:Song Myung,serif;font-size:clamp(17px,1.35vw,21px);line-height:1.3;display:flex}.work-project__overview{grid-template-columns:minmax(0,1fr) minmax(180px,.24fr);align-items:start;gap:clamp(32px,6vw,100px);display:grid}.work-project__overview h1{max-width:1200px;margin:0;font-size:clamp(36px,3.8vw,56px);font-weight:400;line-height:.98}.work-project__deliverables{flex-direction:column;padding-top:8px;font-family:Song Myung,serif;font-size:clamp(17px,1.35vw,21px);line-height:1.3;display:flex}.work-project__deliverables strong{font-weight:400}.work-project__subtitle,.work-project__introduction,.work-project__copy,.work-project__media-grid-text,.work-project__media-text-copy{font-family:var(--font-body)}.work-project__subtitle{max-width:1100px;margin:28px 0 0;font-size:clamp(14px,1vw,17px);line-height:1.4}.work-project__introduction{max-width:1400px;margin-top:22px;font-size:clamp(13px,.95vw,16px);line-height:1.45}.work-project__introduction p,.work-project__copy p,.work-project__media-grid-text p,.work-project__media-text-copy p{max-width:none;margin:0 0 1em}.work-project__introduction p:last-child,.work-project__copy p:last-child,.work-project__media-grid-text p:last-child,.work-project__media-text-copy p:last-child{margin-bottom:0}.work-project__media{border:0;width:100%;height:auto;display:block}video.work-project__media{background:#000}.work-project__caption{opacity:.65;margin:10px 0 0;font-family:Song Myung,serif;font-size:12px;line-height:17px}.work-project__content{flex-direction:column;gap:clamp(72px,9vw,148px);display:flex}.work-project__single-media{width:100%}.work-project__single-media--fullBleed{width:calc(100% + 48px);margin-left:-24px}.work-project__single-media--contained{width:min(78%,1220px);margin-left:auto;margin-right:auto}.work-project__media-grid{align-items:start;gap:clamp(16px,2.2vw,36px);display:grid}.work-project__media-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.work-project__media-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}.work-project__media-grid-item{min-width:0}.work-project__media-frame{overflow:hidden}.work-project__media-frame--landscape{aspect-ratio:4/3}.work-project__media-frame--square{aspect-ratio:1}.work-project__media-frame--portrait{aspect-ratio:4/5}.work-project__media-frame:not(.work-project__media-frame--natural) .work-project__media{object-fit:cover;width:100%;height:100%}.work-project__media-grid-text{padding-top:18px;font-size:clamp(12px,.9vw,15px);line-height:1.45}.work-project__media-grid-text h2{margin:0 0 10px;font-family:inherit;font-size:clamp(18px,1.5vw,24px);font-weight:400;line-height:1}.work-project__text-section{align-items:start;display:grid}.work-project__text-section--split{grid-template-columns:minmax(180px,.48fr) minmax(0,1fr);gap:clamp(36px,8vw,140px)}.work-project__text-section--stacked{gap:28px}.work-project__text-section h2{margin:0;font-size:clamp(24px,2.5vw,36px);font-weight:400;line-height:1}.work-project__text-section--large h2{font-size:clamp(34px,3.8vw,52px)}.work-project__copy{max-width:950px;font-size:clamp(13px,.95vw,16px);line-height:1.45}.work-project__media-text{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(36px,6vw,100px);display:grid}.work-project__media-text--left .work-project__media-text-media{order:-1}.work-project__media-text-copy{max-width:720px;font-size:clamp(13px,.95vw,16px);line-height:1.45}.work-project__media-text-copy h2{margin:0 0 18px;font-family:Song Myung,serif;font-size:clamp(24px,2.5vw,36px);font-weight:400;line-height:1}.footer{flex-direction:column;align-items:flex-start;width:100%;max-width:1660px;margin:0 auto;padding:48px 24px 24px;display:flex}.footer a{color:currentColor;opacity:0;font-size:34px;line-height:42px;text-decoration:none;display:inline-block;overflow:hidden;transform:translate(-20px)}.footer a span{display:inline-block}.footer--visible a{animation:.4s cubic-bezier(.22,1,.36,1) forwards footerSlideIn}.footer--visible a:first-child{animation-delay:.22s}.footer--visible a:nth-child(2){animation-delay:.3s}.footer--visible a:nth-child(3){animation-delay:.38s}@keyframes footerSlideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.footer a:hover span{animation:.42s cubic-bezier(.22,1,.36,1) footerHoverSlide}@keyframes footerHoverSlide{0%{opacity:1;transform:translate(0)}35%{opacity:0;transform:translate(10px)}36%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (max-width:1024px){body{font-size:15px;line-height:24px}h1{margin:24px 0;font-size:42px;line-height:42px}p{margin:18px 0}.navigation{font-size:28px;line-height:34px}.work-project__content{gap:80px}.work-project__overview{grid-template-columns:minmax(0,1fr) 180px;gap:40px}.footer a{font-size:28px;line-height:36px}}@media (max-width:768px){h1{font-size:38px;line-height:38px}.header{padding:20px 24px}.logo{width:110px}.logo img{width:110px;height:auto}.navigation{font-size:24px;line-height:30px}.page-loader__logo{width:180px}.work-index{padding-top:20px;padding-bottom:48px}.work-controls{align-items:flex-end;margin-bottom:32px}.work-filters{margin-bottom:0}.work-filter,.work-view{font-size:21px;line-height:28px}.work-grid{grid-template-columns:1fr;gap:40px}.work-grid--grid .work-cluster:nth-child(n){grid-column:1;margin-top:0}.work-showcase--list{--work-list-gap:8px;--work-list-preview-height:clamp(170px, 26vh, 230px);flex-direction:column;height:clamp(380px,100dvh - 250px,620px);display:flex}.work-list-index{display:none}.work-grid--list{gap:var(--work-list-gap);flex:1;width:100%;height:auto;min-height:0}.work-card__content h2{font-size:18px;line-height:23px}.work-card__content p{font-size:13px;line-height:19px}.work-grid--list .work-cluster{flex-basis:auto;height:auto;min-height:0}.work-grid--list .work-card{height:auto;padding:0}.work-grid--list .work-card__image{height:var(--work-list-preview-height);opacity:1;transform:none}.work-grid--list .work-card__content{padding:6px 0 10px;display:block}.work-grid--list .work-card__content h2{margin:0;font-size:15px;line-height:21px}.work-grid--list .work-card__content p,.work-grid--list .work-card__categories{display:none}.work-project{padding-top:0;padding-bottom:64px}.work-project__hero{height:auto}.work-project__hero--focused{height:clamp(240px,55vw,420px)}.work-project__hero--fullHeight{height:calc(100svh - 150px);min-height:420px;max-height:none}.work-project__project-header{padding-top:26px;padding-bottom:64px}.work-project__overview{grid-template-columns:1fr;gap:20px}.work-project__overview h1{font-size:30px;line-height:.98}.work-project__deliverables{padding-top:0}.work-project__subtitle{margin-top:24px}.work-project__single-media--contained{width:100%}.work-project__content{gap:64px}.work-project__text-section--split,.work-project__media-text{grid-template-columns:1fr;gap:24px}.work-project__media-text-media{order:-1}.footer a{font-size:24px;line-height:32px}}@media (max-width:600px){.work-project__media-grid--2,.work-project__media-grid--3{grid-template-columns:1fr}}@media (max-width:400px){h1{font-size:28px;line-height:32px}.header,main,.footer{padding-left:24px;padding-right:24px}.navigation{font-size:22px;line-height:28px}.work-filters{gap:6px}.work-filter,.work-view{font-size:19px;line-height:26px}.work-project__overview h1{font-size:28px;line-height:.98}}@media (prefers-reduced-motion:reduce){.page-loader,.page-loader__logo,.page-loader__progress-value,main,.logo,.navigation a,.navigation a span,.footer a,.footer a span,.about,.work-index,.work-card,.work-card__image img,.work-filter,.work-filter span,.work-view,.work-view span,.work-grid--list .work-card__image,.work-grid--list .work-card__content,.work-project{transition:none!important;animation:none!important}body.page-is-loading main,body.page-is-ready main,.header--visible .logo,.header--visible .navigation a,.footer--visible a,.about,.work-index,.work-card,.work-project,.navigation a span,.footer a span,.page-loader__progress-value,.work-filter span,.work-view span{opacity:1;transform:none}}