:root{--bg:#f0ede6;--ink:#16151a;--ink-soft:#4a4852;--text:#55535d;--border:#e7e2d3;--card-bg:#d9d9d9;--nav-h:96px;--side-nav-w:190px;--font:"Inconsolata", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--plex:"IBM Plex Sans", system-ui, "Segoe UI", Roboto, sans-serif;font:17px/1.6 var(--font);color:var(--text);background:var(--bg);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{background:var(--bg);min-height:100svh;margin:0}#root{min-height:100svh}h1,h2,h3{font-family:var(--font);color:var(--ink);margin:0}h1{letter-spacing:-.5px;font-size:34px;font-weight:700}h2{letter-spacing:-.3px;font-size:22px;font-weight:700}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font-family:var(--font)}.logo{line-height:0;display:block}.logo__img--signature{width:auto;height:84px;display:block}.logo__img--head{object-fit:cover;object-position:top center;width:144px;height:144px;margin-left:-10px;display:block}.side-nav__links{z-index:50;flex-direction:column;gap:16px;display:flex;position:fixed;top:50%;left:clamp(16px,3vw,40px);transform:translateY(-50%)}.side-nav-logo{left:clamp(16px,3vw,40px);top:calc(50% - (var(--nav-links-h,0px) / 2) - 28px);z-index:50;position:fixed;transform:translateY(-100%)}.side-nav-link{color:var(--text);font-size:16px;transition:color .15s}.side-nav-link:hover{color:var(--ink)}.side-nav-link.active{color:var(--ink);font-weight:700}.layout{flex-direction:column;min-height:100svh;display:flex}main{flex:1}.head-frame{z-index:1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.head-frame__top,.head-frame__bottom-wrap{animation-duration:1.6s;animation-timing-function:cubic-bezier(.16,1,.3,1);animation-fill-mode:forwards;position:absolute;left:50%}.head-frame__top{width:min(296px,27.1vw);animation-name:dropInTop;top:32px;transform:translate(calc(-50% - 10px),46vh)}.head-frame__bottom-wrap{width:min(336px,31.36vw);animation-name:dropInBottom;animation-delay:50ms;bottom:0;transform:translate(-50%,-40vh)}.head-frame__bottom{width:100%;display:block}.head-frame__eye-socket{width:calc(20.5% + 8px);height:15.4%;position:absolute;overflow:hidden;transform:translate(-50%,-50%)}.head-frame__eye-socket--left{clip-path:polygon(0% 17%,10.6% 8.5%,23.4% 3.4%,36.2% 1.1%,49.1% 3.4%,61.9% 9.6%,75.5% 19.8%,86.8% 36.7%,98.1% 82%,100% 100%,95.1% 87%,82.3% 91.5%,67.9% 97.7%,55.5% 98.9%,42.6% 98.9%,29.8% 93.8%,17% 84.2%,4.2% 62.7%);transform:translate(calc(1px - 50%),-50%)}.head-frame__eye-socket--right{clip-path:polygon(100% 17%,89.4% 8.5%,76.6% 3.4%,63.8% 1.1%,50.9% 3.4%,38.1% 9.6%,24.5% 19.8%,13.2% 36.7%,1.9% 82%,0% 100%,4.9% 87%,17.7% 91.5%,32.1% 97.7%,44.5% 98.9%,57.4% 98.9%,70.2% 93.8%,83% 84.2%,95.8% 62.7%);transform:translate(calc(-50% - 1px),-50%)}.head-frame__pupil{aspect-ratio:196/189;width:73.2%;transition:transform .2s ease-out;position:absolute;top:50%;left:50%}@keyframes dropInTop{0%{transform:translate(calc(-50% - 10px),46vh)}to{transform:translate(calc(-50% - 10px))}}@keyframes dropInBottom{0%{transform:translate(-50%,-40vh)}to{transform:translate(-50%,40%)}}.thought-project{pointer-events:inherit;display:block}.thought-project__content{transform-origin:bottom;opacity:clamp(0, calc((var(--openness,0) - .3) / .7), 1);transform:scale(clamp(0, calc((var(--openness,0) - .3) / .7), 1))}.thought-project__image{aspect-ratio:16/10;background:var(--card-bg);border-radius:16px;position:relative;overflow:hidden}.thought-project__image img,.thought-project__image video{object-fit:cover;width:100%;height:100%}.thought-project__badge{color:var(--ink);background:#fff;border-radius:999px;padding:8px 16px;font-size:15px;font-weight:600;position:absolute;bottom:20px;left:20px}.thought-project__caption{color:var(--text);width:100%;margin:8px 0 0;font-size:20px}.thought-project__dots{align-items:center;gap:10px;margin-top:24px;margin-left:8px;display:flex}.thought-project__dot{background:var(--card-bg);transform-origin:50%;border-radius:50%}.thought-project__dot--big{width:22px;height:22px;opacity:clamp(0, calc(var(--openness,0) / .2), 1);transform:scale(clamp(0, calc(var(--openness,0) / .2), 1))}.thought-project__dot--small{width:13px;height:13px;opacity:clamp(0, calc((var(--openness,0) - .15) / .2), 1);transform:scale(clamp(0, calc((var(--openness,0) - .15) / .2), 1));align-self:flex-end;margin-top:14px}.project-chips{z-index:50;flex-direction:column;align-items:flex-end;gap:10px;display:flex;position:fixed;top:20px;right:20px}.project-chips__item{font-family:var(--font);color:var(--text);background:var(--card-bg);cursor:pointer;white-space:nowrap;opacity:.6;border:none;border-radius:999px;padding:8px 16px;font-size:13px;transition:opacity .15s,background .15s}.project-chips__item:hover{opacity:.85}.project-chips__item.active{opacity:1;background:var(--ink);color:var(--bg)}.view-toggle{z-index:50;background:var(--card-bg);border-radius:999px;gap:6px;padding:4px;display:flex;position:fixed;bottom:32px;left:clamp(16px,3vw,40px)}.view-toggle__btn{width:32px;height:32px;color:var(--text);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s,color .15s;display:flex}.view-toggle__btn:hover{color:var(--ink)}.view-toggle__btn.active{background:var(--ink);color:var(--bg)}.gallery-card{break-inside:avoid;margin-bottom:24px;display:block}.gallery-card__image{background:var(--card-bg);border-radius:12px;position:relative;overflow:hidden}.gallery-card__image img,.gallery-card__image video{width:100%;height:auto;display:block}.gallery-card__image:not(:has(img,video)){aspect-ratio:4/5}.gallery-card__badge{background:var(--bg);color:var(--ink);border-radius:999px;padding:6px 14px;font-size:13px;position:absolute;top:16px;left:16px}.gallery-panel{z-index:45;width:80vw;padding:24px;position:fixed;top:0;bottom:0;right:0;overflow-y:auto}.gallery-panel__columns{column-count:2;column-gap:24px}@media (width<=900px){.gallery-panel__columns{column-count:1}}.grid-page{z-index:45;max-width:1080px;margin:0 auto;padding:0 clamp(24px,5vw,64px) 220px;position:relative}.grid-page__intro{isolation:isolate;z-index:2;padding-top:calc(var(--nav-h) + 180px);text-align:center;padding-bottom:60px;position:relative}.grid-page__tagline{color:var(--ink-soft);max-width:640px;margin:0 auto;font-size:21px;line-height:1.55}html.work-scroll-snap{scroll-snap-type:y proximity}.work-carousel{position:relative}.work-carousel__trigger{scroll-snap-align:center;height:70vh}.thought-project-stage{top:calc(var(--nav-h) + 115px);z-index:2;pointer-events:none;width:min(960px,90vw);position:fixed;bottom:140px;left:50%;transform:translate(-50%)}.thought-project-stage__slot{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.thought-project-stage__slot .thought-project{width:100%;transform:translateY(-36px)}.thought-project-stage__slot .thought-project__image{width:85%;height:50vh;margin-left:auto;margin-right:auto}.thought-project-stage__slot .thought-project__caption{width:85%;margin-left:auto;margin-right:auto}.thought-project-stage__slot .thought-project__dots{margin-left:15%}.password-gate{justify-content:center;align-items:center;min-height:50vh;padding:60px 24px;display:flex}.password-gate__form{text-align:center;flex-direction:column;align-items:center;gap:14px;width:320px;display:flex}.password-gate__form h2{font-size:18px}.password-gate__form input{width:100%;font-family:var(--font);border:1px solid var(--border);background:var(--bg);color:var(--ink);text-align:center;border-radius:6px;padding:10px 12px;font-size:15px}.password-gate__form button{font-family:var(--font);background:var(--ink);color:var(--bg);cursor:pointer;border:none;border-radius:6px;padding:10px 24px;font-weight:700}.password-gate__error{color:#b3261e;font-size:13px}.work-detail{width:80vw;margin-left:auto;padding:40px 24px 120px}.work-detail__back{z-index:50;color:var(--ink);font-size:15px;font-weight:700;position:fixed;top:24px;left:clamp(16px,3vw,40px)}.work-detail__breadcrumb{font-family:var(--plex);letter-spacing:.06em;text-transform:uppercase;color:var(--text);margin-bottom:12px;font-size:13px}.work-detail__caption{margin-bottom:32px;font-size:32px}.work-detail__hero{aspect-ratio:16/9;background:var(--card-bg);border-radius:8px;margin-bottom:32px;overflow:hidden}.work-detail__hero img,.work-detail__hero video{object-fit:cover;width:100%;height:100%}.work-detail__section{margin-bottom:40px}.work-detail__section h2{margin-bottom:16px}.work-detail__section-body{font-family:var(--plex);color:var(--text);max-width:680px;font-size:16px;line-height:1.65}.work-detail__section-body p{margin:0 0 16px}.work-detail__section-body img,.work-detail__section-body video{border-radius:8px;max-width:100%;margin:16px 0}.work-detail__section--wide .work-detail__section-body{max-width:none}.work-detail__section--columns .work-detail__section-body{column-count:2;column-gap:32px;max-width:none}.work-detail__section--columns-3 .work-detail__section-body{column-count:3;column-gap:24px;max-width:none}.work-detail__section-body hr.column-break{break-after:column;-webkit-column-break-after:always;border:0;height:0;margin:0}.work-detail__status{color:var(--text);padding:140px clamp(24px,5vw,64px)}.work-detail--gate{justify-content:center;align-items:center;width:100%;min-height:100svh;margin-left:0;padding:0;display:flex}.gallery{width:80vw;margin-left:auto;padding:24px}.gallery__grid{column-count:3;column-gap:24px}@media (width<=1080px){.gallery__grid{column-count:2}}@media (width<=640px){.gallery__grid{column-count:1}}.about{max-width:1280px;min-height:100svh;padding:0 clamp(24px,5vw,64px);padding-left:max(clamp(24px, 5vw, 64px), var(--side-nav-w));grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin:0 auto;display:grid}.about__text{max-width:480px}.about__text h1{margin-bottom:24px}.about__text p{color:var(--text);font-size:17px;line-height:1.65}.about__image{justify-content:center;display:flex}.about__image img{aspect-ratio:1;object-fit:cover;object-position:top;width:min(420px,100%)}@media (width<=860px){.about{padding-top:calc(var(--nav-h) + 40px);text-align:center;grid-template-columns:1fr;padding-bottom:60px;padding-left:clamp(24px,5vw,64px)}.about__text{margin:0 auto}.about__image{order:-1}}.loading-screen{z-index:300;background-color:#55af9d;justify-content:center;align-items:center;transition:background-color .6s;display:flex;position:fixed;inset:0}.loading-screen--bg-exit{pointer-events:none;background-color:#0000}.loading-screen__content{opacity:1;justify-content:center;align-items:center;gap:clamp(12px,2.5vw,32px);transition:opacity .6s;display:flex}.loading-screen__content.is-exiting{opacity:0}.loading-screen__name{font-family:var(--plex);color:#fff;font-size:clamp(22px,3vw,34px);font-weight:500}.loading-screen__head{aspect-ratio:1;width:min(620px,56vw);position:relative}.loading-screen__head img{object-fit:contain;opacity:1;width:100%;height:100%;transition:opacity .6s;position:absolute;inset:0}.loading-screen__head img.is-hidden{opacity:0}.mobile-gate{display:none}@media (width<=910px),(height<=675px){.mobile-gate{z-index:1000;text-align:center;color:#fff;background:#55af9d;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:32px;display:flex;position:fixed;inset:0}}.mobile-gate__eyebrow{font-family:var(--font);letter-spacing:.08em;text-transform:uppercase;opacity:.85;font-size:14px}.mobile-gate__title{font-family:var(--plex);max-width:320px;font-size:clamp(22px,6vw,30px);font-weight:600}.mobile-gate__body{font-family:var(--plex);opacity:.9;max-width:320px;font-size:15px;line-height:1.6}