@import"https://hello.myfonts.net/count/386ab7";@font-face{font-family:NeuzeitSLTStd-Book;font-display:swap;src:url(/assets/webfonts/386AB7_0_0.eot);src:url(/assets/webfonts/386AB7_0_0.eot?#iefix) format("embedded-opentype"),url(/assets/webfonts/386AB7_0_0.woff2) format("woff2"),url(/assets/webfonts/386AB7_0_0.woff) format("woff"),url(/assets/webfonts/386AB7_0_0.ttf) format("truetype")}:root{--theme1-primary: #fff;--theme1-secondary: #000;--theme2-primary: #f2ece8;--theme2-secondary: #414042;--theme3-primary: #384d9d;--theme3-secondary: #f6f3ec;--theme4-primary: #38728d;--theme4-secondary: #e9b563;--theme5-primary: #a31b00;--theme5-secondary: #ece3bf;--theme6-primary: #384d9d;--theme6-secondary: #fff;--theme7-primary: #f9f7e8;--theme7-secondary: #61bfad;--theme8-primary: #f2f6fa;--theme8-secondary: #2a2e59;--theme9-primary: #055a5b;--theme9-secondary: #e6e6e6}.style1{background-color:var(--theme1-primary);color:var(--theme1-secondary)}.style2{background-color:var(--theme2-primary);color:var(--theme2-secondary)}.style3{background-color:var(--theme3-primary);color:var(--theme3-secondary)}.style4{background-color:var(--theme4-primary);color:var(--theme4-secondary)}.style5{background-color:var(--theme5-primary);color:var(--theme5-secondary)}.style6{background-color:var(--theme6-primary);color:var(--theme6-secondary)}.style7{background-color:var(--theme7-primary);color:var(--theme7-secondary)}.style8{background-color:var(--theme8-primary);color:var(--theme8-secondary)}.style9{background-color:var(--theme9-primary);color:var(--theme9-secondary)}.style1 header ul li a:hover,.style1 header .header-color a:hover,.style1 .index-container.visual .item:hover .link,.style1 .item:hover .name{color:var(--theme1-primary);background-color:var(--theme1-secondary)}.style2 header ul li a:hover,.style2 header .header-color a:hover,.style2 .index-container.visual .item:hover .link,.style2 .item:hover .name{color:var(--theme2-primary);background-color:var(--theme2-secondary)}.style3 header ul li a:hover,.style3 header .header-color a:hover,.style3 .index-container.visual .item:hover .link,.style3 .item:hover .name{color:var(--theme3-primary);background-color:var(--theme3-secondary)}.style4 header ul li a:hover,.style4 header .header-color a:hover,.style4 .index-container.visual .item:hover .link,.style4 .item:hover .name{color:var(--theme4-primary);background-color:var(--theme4-secondary)}.style5 header ul li a:hover,.style5 header .header-color a:hover,.style5 .index-container.visual .item:hover .link,.style5 .item:hover .name{color:var(--theme5-primary);background-color:var(--theme5-secondary)}.style6 header ul li a:hover,.style6 header .header-color a:hover,.style6 .index-container.visual .item:hover .link,.style6 .item:hover .name{color:var(--theme6-primary);background-color:var(--theme6-secondary)}.style7 header ul li a:hover,.style7 header .header-color a:hover,.style7 .index-container.visual .item:hover .link,.style7 .item:hover .name{color:var(--theme7-primary);background-color:var(--theme7-secondary)}.style8 header ul li a:hover,.style8 header .header-color a:hover,.style8 .index-container.visual .item:hover .link,.style8 .item:hover .name{color:var(--theme8-primary);background-color:var(--theme8-secondary)}.style9 header ul li a:hover,.style9 header .header-color a:hover,.style9 .index-container.visual .item:hover .link,.style9 .item:hover .name{color:var(--theme9-primary);background-color:var(--theme9-secondary)}p,ul{margin:0;padding:0}p{margin-bottom:1rem}html{overflow-y:scroll;min-height:100%;margin:0;font-size:100.01%;-webkit-tap-highlight-color:transparent;-moz-osx-font-smoothing:grayscale;-webkit-overflow-scrolling:touch;-ms-content-zooming:none;-ms-overflow-style:scrollbar;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{margin:0;font-family:NeuzeitSLTStd-Book,arial,sans-serif;line-height:1.4;font-size:18px;-webkit-touch-callout:none;-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}body.portfolio-home{-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.td-u{text-decoration:underline}#container{box-sizing:border-box;max-width:100%;padding:1.25rem 2rem;min-height:calc(100vh - 40px);height:100%}a{color:inherit;text-decoration:none;cursor:pointer}a:focus-visible,button:focus-visible,[role=button]:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid currentColor;outline-offset:3px}.link{-webkit-transform:rotate(90deg);transform:rotate(90deg);margin:0 1.5rem;display:inline-block;padding:8px}.container{display:flex;flex-flow:row wrap;position:relative}.index-container{display:inline-block;padding-top:4rem}.index-container.hidden,.index-container.visual.hidden,.index-container .screen{display:none}.index-container .screen img{width:100%;height:100%;object-fit:cover;object-position:top;aspect-ratio:16/9}.index-container.visual{display:flex;flex-flow:row wrap;padding-top:calc(3rem + 8px)}.index-container.visual .screen{display:block;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;background-blend-mode:multiply;transition:all .5s ease-in-out}.index-container.visual .screen:hover{background-blend-mode:initial}.index-container.visual .item{flex-basis:calc(50% - 16px);font-size:18px;margin:8px;position:relative}.index-container.visual .data{display:none!important}.index-container.visual .item:hover .link{display:block;position:absolute;left:0;bottom:0;height:calc(100% - 16px);width:calc(100% - 16px);font-size:20px;margin:0;z-index:2;transform:rotate(0);background:#fff;opacity:.95;top:0}.index-container.visual .item:hover .link a{position:absolute;top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center;font-size:56px}.index-container.visual .item .link,.index-container.visual .item span,.index-container.visual .item a.name{display:none}.index-container.visual .item .screen a{display:block;height:100%}.info-box{width:calc(33% - 2rem);padding:1rem;display:inline-block}.info-box a:hover{text-decoration:underline}body.info-page-body .info-page.page-inner.wide{margin-left:0;margin-right:auto}.info-page,.info-page .info-box{text-align:start}.info-page__grid{display:flex;flex-flow:row wrap;gap:clamp(1rem,3vw,2rem);justify-content:flex-start;align-items:flex-start}.info-page .info-box{width:calc(33.333% - 1.5rem);min-width:min(100%,260px);flex:1 1 260px;box-sizing:border-box}body.info-page-body .info-page__heading{font-weight:400;margin:0 0 .4em}body.info-page-body .info-page :where(h1,h2,h3,h4,h5,h6){font-weight:400}.info-yaml{margin:0;line-height:1.55}.info-yaml p{margin:0 0 .4em}.info-yaml__section{font-weight:400;margin-bottom:.45rem;letter-spacing:.01em}.info-yaml__list{list-style:none;margin:0;padding:0 0 0 .65rem;border-left:1px solid color-mix(in srgb,currentColor 22%,transparent)}.info-yaml__list li{margin:0 0 .35em;padding-left:.85rem;position:relative}.info-yaml__list li:before{content:"- ";position:absolute;left:0;opacity:.75}.info-yaml__pair{margin:0 0 .45em!important;padding-left:.65rem;border-left:1px solid color-mix(in srgb,currentColor 22%,transparent)}.info-yaml__pair--meta{margin-top:.65em!important;opacity:.92;font-size:.92em}.info-yaml__credits-block{margin:.65em 0 0;padding-left:.65rem;border-left:1px solid color-mix(in srgb,currentColor 22%,transparent);opacity:.92;font-size:.92em}.info-yaml__credits-block .info-yaml__k{display:block;margin-bottom:.4em}.info-yaml__credits-body{padding-left:.35rem}.info-yaml__credit-line{margin:0!important;line-height:1.45}.info-yaml__credit-line--design{font-weight:400}.info-yaml__credit-line--design a{text-decoration:underline}.info-yaml__credit-line--self{margin-top:.45em!important;opacity:.78;letter-spacing:.03em;font-size:.95em}.info-yaml__k{opacity:.82;font-weight:400}.info-yaml__v a{text-decoration:underline}.info-yaml__v--plain{font-weight:400}body.info-page-body #container.layout{display:flex;flex-direction:column;min-height:100dvh;height:auto}body.info-page-body #container>main.info-page{flex:1 1 auto;min-height:0}body.info-page-body footer.site-footer{margin-top:auto}footer.site-footer{margin-top:4rem;padding-top:2.5rem;padding-bottom:2.5rem}.site-footer__rule{margin:0 0 1.5rem;border:none;border-top:1px solid currentColor;opacity:.42}.site-footer__line{margin:0}header{z-index:3;position:fixed;width:100%;left:0;top:0;font-size:24px;padding:0;text-align:left}.header-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:1rem 1.25rem;padding:1.5rem 2rem;box-sizing:border-box;width:100%;min-height:3.25rem}.header-brand{justify-self:start;flex-shrink:0;min-width:0}.header-brand h1{font-size:24px;margin:0;line-height:1;font-weight:400;display:inline-block}.header-nav{justify-self:center;min-width:0;display:flex;justify-content:center;text-align:center}.header-nav ul{list-style:none;margin:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:0}.header-nav ul li{display:inline-block;margin:0}header .header-nav ul li a{padding:6px}.header-color{justify-self:end;align-self:center}header .header-color a{padding:6px;display:inline-block;opacity:.92}.info{margin:0 1rem -12px;font-size:16px;display:inline-block}.item .info .credits{display:block;margin-top:.2em;line-height:1.35}.item{display:inline;word-break:break-word;font-size:5.7vw;line-height:1.4;opacity:1}.item .name{transition:opacity .2s ease-out,background-color .1s ease-out;padding:8px 8px 0 4px;word-break:break-word;cursor:pointer}.item .data{display:none;font-size:32px;max-width:1200px;margin:1rem auto;line-height:1.4}.item .data.visible{display:block}.index-container.text{max-width:900px;margin-right:auto}.index-container.text ul{margin-left:1em;margin-bottom:1em}.allow-select,.allow-select *{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}body.project-case-page{overflow-x:clip}.page-inner{padding-top:5rem;max-width:42rem;margin:0 auto}.page-inner.wide{max-width:72rem}.page-inner h1{font-size:clamp(1.75rem,4vw,2.5rem);margin-bottom:1rem;font-weight:700}.page-inner h2{font-size:1.35rem;margin:1.5rem 0 .5rem;font-weight:700}.page-inner h2[id]{scroll-margin-top:5.5rem}.page-inner article p{max-width:65ch}.intro-links{font-size:16px;margin-top:.5rem;margin-bottom:0}.intro-links a{text-decoration:underline}.project-detail .hero-img{margin:1.5rem 0 2rem}.project-detail .hero-img img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover;object-position:top}.badge-row{display:flex;flex-wrap:wrap;gap:.5rem;margin:.5rem 0 1rem;font-size:16px;opacity:.9}.badge{border:1px solid currentColor;padding:.15rem .5rem;display:inline-block}.stack-list{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0;padding:0}.stack-list li{border:1px solid currentColor;padding:.15rem .45rem;font-size:14px}.related{margin-top:3rem;padding-top:1.5rem;border-top:1px solid currentColor}.related ul{list-style:none;margin:0;padding:0}.related li{margin-bottom:.35rem}@media screen and (max-width:1440px){.index-container.visual .item{flex-basis:calc(50% - 16px)}header{font-size:20px}}@media screen and (max-width:1280px){#container{padding:1rem}.item{font-size:7vw}}@media screen and (max-width:1024px){.item{font-size:8vw}.link{margin:0 .5rem}.info{font-size:16px;margin:0 .5rem}.info-box{width:50%}.index-container.visual .item{flex-basis:100%;margin:8px 0}}@media screen and (max-width:760px){body{font-size:14px}.info-box{width:100%;padding:1rem 0}.index-container{width:100%}header{font-size:14px}.header-inner{grid-template-columns:1fr auto;grid-template-rows:auto auto;row-gap:.35rem;column-gap:.75rem;padding:.75rem 1rem}.header-brand{grid-column:1;grid-row:1}.header-color{grid-column:2;grid-row:1;justify-self:end;align-self:start}.header-nav{grid-column:1 / -1;grid-row:2;justify-self:start}.header-brand h1{font-size:16px}.header-nav,.header-nav ul{justify-content:flex-start}header .header-nav ul li a{padding:.5rem .35rem;min-height:44px;box-sizing:border-box;display:inline-flex;align-items:center}.item{font-size:32px;display:block;margin-bottom:1rem;position:relative;width:100%}.name{display:block}.link{position:absolute;right:0;top:-12px;margin:0}.info{margin:8px 0;font-size:14px}.info-box{width:100%;padding-bottom:0;display:block}.index-container.visual .item:hover .link a{font-size:32px}}