@import"https://fonts.googleapis.com/css2?family=Spectral:wght@300;400;500&family=Work+Sans:wght@300;400;500&display=swap";:root{--csstools-color-scheme--light: initial;color-scheme:light;--bg: rgb(247, 245, 241);--white: #ffffff;--ink: #181716;--muted: #57524b;--muted-light: rgba(167, 160, 151, .6);--font-spectral: "Spectral", "Times New Roman", serif;--font-work: "Work Sans", "Helvetica", sans-serif;--rule: rgb(231, 228, 221);--gutter: max(1.25rem, min(3vw, 3rem));--section-gap: max(100px, min(12rem, 120px));--page-gap: max(140px, min(20rem, 184px));--min-width: 33.33%;--base-width: 26rem;--max-width: 60%;--component-gap: max(40px, min(6rem, 60px));--border-radius: 2px;--title-gap: max(1rem, min(2rem, 1.2rem));--brand-ttl: max(16px, min(1.6rem, 16px));--message-ttl: max(12px, min(1.4rem, 12px));--nav-txt: max(12px, min(1.4rem, 14px));--page-ttl: max(20px, min(2rem, 24px));--meta-ttl: max(8px, min(1rem, 11px));--meta-txt: max(12px, min(1.4rem, 14px));--tag-txt: max(8px, min(1rem, 11px));--card-ttl: max(12px, min(1.4rem, 14px));--card-txt: max(8px, min(1rem, 11px));--prev-next-ttl: max(14px, min(1.6rem, 16px));--prev-next-txt: max(8px, min(1rem, 11px));--body-txt: max(12px, min(1.4rem, 14px))}@media (min-width: 1441px){:root{--max-width: 50%}}@media (max-width: 768px){:root{--base-width: 90%;--max-width: 90%;--page-gap: max(142px, min(1.6rem, 160px));--section-gap: max(60px, min(6rem, 80px));--component-gap: 3rem;--brand-ttl: max(14px, min(1.4rem, 14px));--message-ttl: max(10px, min(1rem, 10px));--nav-txt: max(10px, min(1.2rem, 12px));--page-ttl: max(16px, min(1.6rem, 20px));--meta-txt: max(12px, min(1.4rem, 14px));--body-txt: max(12px, min(1.2rem, 12px))}}:root{--expo-ease: cubic-bezier(.49, .05, 0, 1);--transition_03: cubic-bezier(.32, .181, .3, 1);--smooth-ease: cubic-bezier(.2, 1, .24, 1);--power1-in: cubic-bezier(.26, 0, .6, .2);--power1-out: cubic-bezier(.4, .8, .74, 1);--power1-in-out: cubic-bezier(.48, .04, .52, .96);--power2-in: cubic-bezier(.4, 0, .64, .05);--power2-out: cubic-bezier(.31, .88, .6, 1);--power2-in-out: cubic-bezier(.66, 0, .34, 1);--power3-in: cubic-bezier(.48, 0, .72, 0);--power3-out: cubic-bezier(.24, 1, .46, 1);--power3-in-out: cubic-bezier(.72, 0, .21, 1);--power4-in: cubic-bezier(.62, 0, .74, 0);--power4-out: cubic-bezier(.21, 1, .34, 1);--power4-in-out: cubic-bezier(.82, 0, .14, 1);--expo-in: cubic-bezier(.62, 0, .82, 0);--expo-out: cubic-bezier(.1, 1, .32, 1);--expo-in-out: cubic-bezier(.6, 0, .2, 1)}*{box-sizing:border-box}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background-color:#a7a0974d}::-webkit-scrollbar-thumb{-webkit-transition:background-color .6s ease;transition:background-color .6s ease;background-color:#a7a09799}::-webkit-scrollbar-thumb:hover{background-color:#a7a097}html,body{-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}html{scrollbar-gutter:stable;--origin-x: calc(var(--click-x, .5) * 100%);--origin-y: calc(var(--click-y, .5) * 100%)}html.to-gradient .pages .page{mask-image:linear-gradient(to left,white 30%,transparent 70%);-webkit-mask-image:linear-gradient(to left,white 30%,transparent 70%);mask-size:300% 100%;-webkit-mask-size:300% 100%;mask-position:100%;-webkit-mask-position:100%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;will-change:mask-position}.pages{display:grid;width:100%;min-height:100vh;background-color:#f7f5f1;background-color:var(--bg)}.page{position:relative;min-width:0;grid-row:1;grid-column:1;background-color:#f7f5f1;background-color:var(--bg);z-index:2}.page+.page{z-index:1}body{margin:0;font-family:Spectral,Times New Roman,serif;font-family:var(--font-spectral);color:#181716;color:var(--ink);background:#f7f5f1;background:var(--bg);line-height:1.6;overflow-y:scroll}h1,h2,h3,h4,p{margin:0;padding:0}a{color:#57524b;color:var(--muted);-webkit-text-decoration:none;text-decoration:none}.page-content a{display:inline-block;padding-bottom:1px;border-bottom:1px solid rgba(167,160,151,.6);border-bottom:1px solid var(--muted-light);line-height:130%}img{max-width:100%;height:auto;display:block;border-radius:var(2px);border-radius:var(var(--border-radius));-webkit-user-select:none;-moz-user-select:none;user-select:none}.lazy-image{opacity:0;transition:opacity .6s ease}.lazy-image.is-loaded{opacity:1}.preloader{position:fixed;inset:0;background:#f7f5f1;background:var(--bg);display:flex;align-items:center;justify-content:center;z-index:101;transition:opacity .6s ease,visibility .6s ease}.preloader--hide{opacity:0;visibility:hidden}.site{min-height:100vh;display:flex;flex-direction:column}.pjax-overlay{position:fixed;inset:0;background:#f7f5f1;background:var(--bg);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .2s ease,visibility .2s ease;z-index:99}.pjax-overlay.is-active{opacity:1;visibility:visible;pointer-events:auto}.main{flex:1;width:100%}.pjax-overlay{position:fixed;width:100%;height:100%;background-color:#f7f5f1;background-color:var(--bg);opacity:0;visibility:hidden}.header{position:fixed;top:2rem;left:50%;width:26rem;width:var(--base-width);z-index:100;background-color:#fff;background-color:var(--white);border-radius:var(2px);border-radius:var(var(--border-radius));transform:translate(-50%)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:3rem;padding:.6rem 1rem}@media (max-width: 768px){.header-inner{gap:2rem}}.footer{display:flex;align-items:center;justify-content:center;width:26rem;width:var(--base-width);margin:max(100px,min(12rem,120px)) auto max(40px,min(6rem,60px));margin:var(--section-gap) auto var(--component-gap);border-bottom:none}@media (max-width: 768px){.footer{margin:max(100px,min(12rem,120px)) auto max(40px,min(6rem,60px));margin:var(--section-gap) auto var(--component-gap)}}.home .footer{display:none}.footer-inner{align-items:center;gap:1rem;flex-wrap:wrap}.footer-title{margin:0;color:#57524b;color:var(--muted);font-size:max(8px,min(1rem,10px))}.footer-links{display:flex;gap:1.5rem;font-family:Work Sans,Helvetica,sans-serif;font-family:var(--font-work);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.brand{font-size:max(16px,min(1.6rem,16px));font-size:var(--brand-ttl);letter-spacing:.04em}.nav{display:flex;letter-spacing:.02em}.nav a{position:relative;display:block;padding:.2rem 16px;color:#57524b;color:var(--muted);font-family:Spectral,Times New Roman,serif;font-family:var(--font-spectral);font-size:max(12px,min(1.4rem,14px));font-size:var(--nav-txt);letter-spacing:.04em;line-height:120%;transition:opacity .3s ease;opacity:1}@media (max-width: 768px){.nav a{padding:.2rem 12px;letter-spacing:.02em}}.nav a:nth-child(n+2):after{position:absolute;top:50%;left:-5px;width:10px;height:1px;background-color:#e7e4dd;background-color:var(--rule);content:"";transform:translateY(-50%);opacity:1}.nav a:hover{opacity:.7}.header-search{display:flex;align-items:center}.header-search-input{width:min(220px,40vw);font-size:.85rem;border-bottom:1px solid rgb(231,228,221);border-bottom:1px solid var(--rule)}.header-search-input::-moz-placeholder{color:#57524b;color:var(--muted)}.header-search-input::placeholder{color:#57524b;color:var(--muted)}.intro{margin-bottom:3rem}@media (max-width: 768px){.intro{margin-bottom:2rem}}.page-section{display:flex;flex-direction:column;align-items:center;gap:3rem}@media (max-width: 768px){.page-section{gap:2rem}}.intro-title{font-size:max(20px,min(2rem,24px));font-size:var(--page-ttl);font-weight:400;letter-spacing:.04rem;text-align:center}.page-title,.section-title,.project-title{font-size:max(20px,min(2rem,24px));font-size:var(--page-ttl);font-weight:400;letter-spacing:.04rem}.intro-text{max-width:720px;margin:0;color:#57524b;color:var(--muted);font-size:1.05rem}.section-title{font-size:max(1.4rem,min(2vw,2rem));margin:0}.project-title{margin:0}.showcase-lock,.showcase-lock body{overflow:hidden}.home-showcase{position:relative;min-height:100vh;overflow:hidden;touch-action:none}.home-showcase .intro{position:absolute;top:max(1.5rem,min(4vw,3.5rem));left:max(1.5rem,min(5vw,4rem));z-index:10;margin-bottom:0;pointer-events:none}.mouse-stalker{position:fixed;left:0;top:0;width:50px;height:50px;border-radius:50%;background:#a7a0971a;transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(var(--stalker-scale, 1));pointer-events:none;opacity:0;transition:opacity .2s ease,transform .2s ease;z-index:999}.mouse-stalker.is-visible{opacity:1}.mouse-stalker.is-hover{--stalker-scale: 1.2;opacity:1}.mouse-stalker-label{position:absolute;left:70px;top:50%;transform:translateY(-50%);opacity:0;padding:.35rem .6rem;border-radius:999px;color:#181716;color:var(--ink);text-transform:uppercase;letter-spacing:.04em;font-size:max(10px,min(1.2rem,12px));font-family:Spectral,Times New Roman,serif;font-family:var(--font-spectral);white-space:nowrap;pointer-events:none;transition:opacity .2s ease}.mouse-stalker.is-hover .mouse-stalker-label{opacity:1}@media (hover: none){.mouse-stalker{display:none}}.project-grid--showcase .grid{position:relative;display:block;height:100vh;overflow:hidden}.project-grid--showcase .project-card{position:absolute;left:10%;left:var(--x, 10%);top:10%;top:var(--y, 10%);aspect-ratio:4 / 5;aspect-ratio:var(--ratio, 4 / 5);opacity:1;z-index:1;z-index:var(--z, 1);will-change:opacity,filter;cursor:grab}@media (max-width: 768px){.project-grid--showcase .project-card{width:max(240px,min(18vw,320px));width:max(240px,min(var(--w, 18vw),320px));max-width:min(50vw,320px);max-height:38vh}}@media (min-width: 769px) and (max-width: 1440px){.project-grid--showcase .project-card{width:max(250px,min(22vw,520px));width:max(250px,min(var(--w, 22vw),520px));max-width:min(42vw,520px);max-height:45vh}}@media (min-width: 1441px){.project-grid--showcase .project-card{width:max(380px,min(22vw,520px));width:max(380px,min(var(--w, 22vw),520px));max-width:min(40vw,520px);max-height:45vh}}.project-grid--showcase .project-card[data-dragging="1"]{cursor:grabbing}.project-card{display:flex;flex-direction:column;gap:1rem}.project-grid--showcase .project-card{gap:0}.project-card-link{display:flex;flex-direction:column;gap:1rem}.project-grid--showcase .project-card-link{display:block;width:100%;height:100%}.project-card-meta{display:flex;flex-direction:column;gap:.4rem}.project-card-meta h3{margin:0 0 .25rem;font-size:max(12px,min(1.4rem,14px));font-size:var(--card-ttl);font-weight:400;line-height:140%;letter-spacing:.02rem}.project-grid--showcase .project-card-meta{display:none}.project-card-meta p{margin:0;font-family:Work Sans,Helvetica,sans-serif;font-family:var(--font-work);font-size:max(8px,min(1rem,11px));font-size:var(--card-txt);text-transform:uppercase;line-height:140%;letter-spacing:.02em;opacity:.8}.tag-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem .75rem;font-family:Work Sans,Helvetica,sans-serif;font-family:var(--font-work);font-size:max(8px,min(1rem,11px));font-size:var(--tag-txt);text-transform:uppercase;letter-spacing:.02em;color:#57524b;color:var(--muted);opacity:.8}.related .tag-list{display:none}.project-tags{margin-top:3.7rem}@media (max-width: 768px){.project-tags{margin:3rem 0 0}}.project-card-image{width:100%;aspect-ratio:3 / 2;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.project-grid--showcase .project-card-image{width:100%;height:100%;aspect-ratio:auto;-o-object-fit:contain;object-fit:contain;pointer-events:none}.project{display:flex;flex-direction:column;gap:max(100px,min(12rem,120px));gap:var(--section-gap)}.project-meta{display:flex;flex-direction:column;align-items:center;gap:1.6rem;margin:3.4rem 0 0;font-family:Work Sans,Helvetica,sans-serif;font-family:var(--font-work);color:#57524b;color:var(--muted)}@media (max-width: 768px){.project-meta{margin:2.6rem 0 0;gap:1rem}}.project-meta-row{display:flex;flex-direction:column;align-items:center;gap:.1rem;min-width:2rem}@media (max-width: 768px){.project-meta-row{gap:.2rem}}.project-meta dt{font-weight:500;font-family:Spectral,Times New Roman,serif;font-family:var(--font-spectral);font-size:max(8px,min(1rem,11px));font-size:var(--meta-ttl);letter-spacing:.06em;opacity:.7}.project-meta dd{margin:0;font-size:max(12px,min(1.4rem,14px));font-size:var(--meta-txt);font-weight:400;letter-spacing:.02em;text-transform:uppercase}.project-cover,.project-gallery figure{margin:0 0 2rem}.project-cover img{width:100%}.project-gallery{display:flex;flex-direction:column;gap:2rem}.page-content{display:flex;flex-direction:column;align-items:center;text-align:center}.page-content p{color:#57524b;color:var(--muted);font-size:max(12px,min(1.4rem,14px));font-size:var(--body-txt);line-height:260%;letter-spacing:.02rem}@media (max-width: 768px){.page-content p{line-height:220%}}.page-content p:nth-child(n+2){margin-top:2rem}@media (max-width: 768px){.page-content p:nth-child(n+2){margin-top:2rem}}.page-content,.project-description{font-size:max(12px,min(1.4rem,16px));color:#181716;color:var(--ink)}.search{margin-bottom:max(100px,min(12rem,120px));margin-bottom:var(--section-gap)}.search-label{display:block;font-family:Work Sans,Helvetica,sans-serif;font-family:var(--font-work);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.75rem;color:#57524b;color:var(--muted)}.search-input{width:100%;border:none;border-bottom:1px solid rgb(231,228,221);border-bottom:1px solid var(--rule);background:transparent;font-size:1.1rem;padding:.5rem 2rem .5rem 0;font-family:Spectral,Times New Roman,serif;font-family:var(--font-spectral);color:#181716;color:var(--ink)}.search-input::-webkit-search-cancel-button,.search-input::-webkit-search-decoration{-webkit-appearance:none}.search-input:focus{outline:none;border-bottom-color:#181716;border-bottom-color:var(--ink)}.related-search:after{content:"";position:absolute;right:40px;top:50%;width:40px;height:40px;transform:translateY(-50%) rotate(45deg);border-top:1px solid #181716;border-top:1px solid var(--ink);border-right:1px solid #181716;border-right:1px solid var(--ink);opacity:0}.search-results{margin-top:1.25rem}.search-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:1rem;gap:1rem}.search-list a{display:grid;grid-gap:.35rem;gap:.35rem;border-bottom:1px solid rgb(231,228,221);border-bottom:1px solid var(--rule);padding-bottom:1rem}.search-title{font-size:1rem}.search-tags,.search-excerpt{font-family:Work Sans,Helvetica,sans-serif;font-family:var(--font-work);font-size:max(8px,min(1rem,10px));text-transform:uppercase;letter-spacing:.08em;color:#57524b;color:var(--muted)}.search-note{font-size:.9rem;color:#57524b;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.related-search{display:none;position:relative}.related-search .search-clear{position:absolute;right:.2rem;top:50%;transform:translateY(-50%);width:48px;height:48px;padding:0;border:none;background:transparent;cursor:pointer;opacity:0;pointer-events:none}.related-search .search-clear:before,.related-search .search-clear:after{content:"";position:absolute;left:50%;top:50%;width:16px;height:1px;background:#181716;background:var(--ink);transform-origin:center}.related-search .search-clear:before{transform:translate(-50%,-50%) rotate(45deg)}.related-search .search-clear:after{transform:translate(-50%,-50%) rotate(-45deg)}.related-search.has-value .search-clear{opacity:.7;pointer-events:auto}.related-search.has-value .search-clear:hover,.related-search.has-value .search-clear:focus-visible{opacity:1}.prev-next{display:flex;justify-content:space-between;gap:1.5rem;padding:1.5rem 0;margin:max(100px,min(12rem,120px)) auto;margin:var(--section-gap) auto;border-top:1px solid rgb(231,228,221);border-top:1px solid var(--rule);border-bottom:1px solid rgb(231,228,221);border-bottom:1px solid var(--rule)}.prev-next-link{display:grid}.prev-next-label{font-family:Spectral,Times New Roman,serif;font-family:var(--font-spectral);font-size:max(8px,min(1rem,11px));font-size:var(--prev-next-txt);letter-spacing:.12em;color:#57524b;color:var(--muted)}.prev-next-title{font-size:max(14px,min(1.6rem,16px));font-size:var(--prev-next-ttl);margin-top:.3rem;line-height:120%}.prev-next-placeholder{display:block}.related-header{display:grid;grid-gap:1rem;gap:1rem;margin-bottom:3rem}@media (max-width: 768px){.related-header{margin-bottom:2rem}}.related-header-row{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}.related-tabs{display:flex;flex-wrap:wrap;gap:.75rem}@media (max-width: 768px){.related-tabs{-moz-column-gap:.75rem;column-gap:.75rem;row-gap:0rem}}.tab-button{position:relative;border:none;background:transparent;font-family:Work Sans,Helvetica,sans-serif;font-family:var(--font-work);font-size:max(12px,min(1rem,12px));text-transform:uppercase;letter-spacing:.04em;padding:.4rem 1rem;cursor:pointer;color:#57524b;color:var(--muted);opacity:.7}@media (max-width: 768px){.tab-button{padding:.4rem 4px}.tab-button:not(:last-child):after{position:absolute;top:50%;right:-6px;width:1px;height:10px;background-color:#57524b;background-color:var(--muted);content:"";transform:translateY(-50%);opacity:.3}}@media (min-width: 769px){.tab-button:nth-child(n+2):after{position:absolute;top:50%;left:-5px;width:1px;height:10px;background-color:#57524b;background-color:var(--muted);content:"";transform:translateY(-50%);opacity:.3}}.tab-button.is-active{border-color:#181716;border-color:var(--ink);color:#181716;color:var(--ink)}.related-search{max-width:360px;width:100%}.project-grid .grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-column-gap:2rem;-moz-column-gap:2rem;column-gap:2rem;grid-row-gap:4rem;row-gap:4rem}@media (min-width: 769px) and (max-width: 1440px){.project-grid .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1441px){.project-grid .grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 768px){.project-grid .grid{-moz-column-gap:1.2rem;column-gap:1.2rem;row-gap:2.4rem}}@media (min-width: 1441px){.related-header+.project-grid :root .project-grid .grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.sub{display:flex;flex-direction:column;justify-content:space-between;width:60%;width:var(--max-width);min-height:100vh;margin:0 auto;padding:max(140px,min(20rem,184px)) 0 0;padding:var(--page-gap) 0 0}.project-header{display:flex;flex-direction:column;align-items:center;width:26rem;width:var(--base-width);margin:0 auto}.message{display:flex;align-items:center;justify-content:center;position:absolute;top:50%;left:0;width:100%;height:60vh;margin:0 auto;transform:translateY(-50%);overflow:hidden;z-index:100;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none;pointer-events:none}.message-inner{display:flex;flex-direction:column;align-items:center;gap:0;width:60%;width:var(--max-width);text-align:center;opacity:1;will-change:transform}.message-titles{display:flex;flex-direction:column;gap:max(1rem,min(2rem,1.2rem));gap:var(--title-gap);will-change:transform}.message-titles:nth-child(n+2){margin-top:max(1rem,min(2rem,1.2rem));margin-top:var(--title-gap)}.message-title{font-family:Spectral,Times New Roman,serif;font-family:var(--font-spectral);font-size:max(12px,min(1.4rem,12px));font-size:var(--message-ttl);letter-spacing:.04em;line-height:100%;color:#57524b;color:var(--muted);display:inline-block;pointer-events:auto;will-change:transform,opacity;opacity:.7}.home #project-grid{position:relative;z-index:99}.base-wrap{width:26rem;width:var(--base-width);margin:0 auto}.base-wrap .page-content{display:block}.work .intro{width:26rem;width:var(--base-width);margin-left:auto;margin-right:auto}.work .related-header{display:flex;justify-content:center}