:root{--paper:#fff;--ink:#050505;--muted:#c8c8c8}html.dark{--paper:#111;--ink:#f4f4f4;--muted:#5b5b5b}*{box-sizing:border-box}html,body{width:100%;min-height:100%}body{margin:0;overflow-x:hidden;background:var(--paper);color:var(--ink);font-family:Helvetica,"Helvetica Neue",Arial,sans-serif;font-size:15px;line-height:1.05;letter-spacing:-.025em;transition:background .25s,color .25s}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit}img,video{display:block;max-width:100%}.site-header{position:fixed;inset:0 0 auto;z-index:40;display:grid;grid-template-columns:185px 1fr auto;align-items:start;min-height:42px;padding:9px 8px;background:var(--paper)}.brand{font-weight:600}.site-header nav{display:flex;gap:22px}.site-header nav a,.site-header nav button{border:0;padding:0;background:none;cursor:pointer}.site-header nav .active{text-decoration:underline;text-underline-offset:2px}.theme-dot{width:13px;height:13px;padding:0;border:0;border-radius:50%;background:var(--ink);cursor:pointer}.gallery{position:relative;height:100dvh;min-height:560px;padding:32px 0 46px;overflow:hidden}[data-hero]{width:100%;height:100%}.hero-project{display:flex;width:100%;height:100%;align-items:center;justify-content:center;padding:0 clamp(10px,16vw,210px)}.hero-project.static{cursor:default}.hero-project img,.hero-project video{width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;animation:image-in .38s ease-out both}@keyframes image-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.arrow{position:absolute;z-index:12;top:50%;width:34px;height:34px;margin-top:-17px;padding:0;border:0;border-radius:50%;background:var(--paper);color:var(--ink);box-shadow:0 0 0 1px rgba(127,127,127,.22);cursor:pointer;font-size:16px;line-height:34px;text-align:center;transition:transform .16s,background .16s,color .16s}.arrow:hover{transform:scale(1.08);background:var(--ink);color:var(--paper)}.arrow-left{left:22px}.arrow-right{right:22px}.project-index{position:absolute;left:8px;right:0;bottom:6px;z-index:10;display:flex;gap:28px;overflow-x:auto;scrollbar-width:none;white-space:nowrap}.project-index::-webkit-scrollbar{display:none}.project-index button{display:grid;grid-template-columns:16px auto;gap:4px;flex:0 0 auto;min-width:90px;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;text-align:left;font-size:10px;line-height:1.15}.project-index button.active{color:var(--ink)}.index-copy{display:flex;flex-direction:column;gap:1px}.information-panel{position:fixed;z-index:45;left:0;right:0;bottom:0;display:grid;grid-template-columns:minmax(360px,1.6fr) 1fr 1fr auto;gap:35px;min-height:210px;padding:9px 8px 8px;background:var(--paper);transform:translateY(102%);transition:transform .35s cubic-bezier(.65,0,.2,1);box-shadow:0 -1px 0 rgba(0,0,0,.08)}.information-panel.open{transform:translateY(0)}.information-panel p{margin:0}.information-bio{display:flex;flex-direction:column;justify-content:space-between}.information-bio>p{max-width:670px;font-size:clamp(17px,1.55vw,23px);font-weight:600;line-height:1.01}.information-panel ul{margin:10px 0 0;padding:0;list-style:none;font-size:11px;line-height:1.12}.information-panel small{font-size:9px}.info-label{font-size:10px;text-transform:uppercase}.panel-close{align-self:start;border:0;padding:0;background:none;cursor:pointer;font-size:17px}.project-page{min-height:100vh;padding:70px 8px 30px}.project-back{display:inline-block;margin-bottom:48px;text-decoration:underline;text-underline-offset:2px}.project-head{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:80px}.project-head h1{margin:0;font-size:clamp(46px,8vw,126px);font-weight:400;line-height:.82;letter-spacing:-.075em}.project-info{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-content:start}.project-info p{margin:0;line-height:1.18}.label{display:block;margin-bottom:5px;color:var(--muted);font-size:10px;text-transform:uppercase}.project-media{display:grid;gap:8px}.project-media figure{margin:0 auto 12vh;max-width:min(1050px,84vw)}.project-media img,.project-media video{max-height:90vh;object-fit:contain}.next-project{display:flex;justify-content:space-between;padding-top:8px;border-top:1px solid currentColor;font-size:clamp(25px,4vw,64px);letter-spacing:-.055em}.empty{margin:auto}.project-page>.empty{margin-top:20vh}@media(max-width:720px){body{font-size:13px}.site-header{grid-template-columns:118px 1fr auto;min-height:56px}.site-header nav{gap:8px 13px;flex-wrap:wrap}.hero-project{padding:20px 8px 22px}.gallery{min-height:500px;padding-top:52px}.arrow{top:auto;bottom:64px;width:30px;height:30px;line-height:30px}.arrow-left{left:8px}.arrow-right{right:8px}.project-index{gap:16px}.information-panel{grid-template-columns:1fr 1fr;gap:25px 18px;min-height:50vh;max-height:88vh;overflow-y:auto}.information-bio{grid-column:1/-1;gap:25px}.information-bio>p{font-size:19px}.panel-close{position:absolute;top:8px;right:8px}.project-head{display:block}.project-head h1{margin-bottom:45px}.project-info{grid-template-columns:1fr}.project-media figure{max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

.project-title{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.project-title .project-back{margin-bottom:0}@media(max-width:760px){.project-title{margin-bottom:45px;gap:24px}.project-title h1{margin-bottom:0}}
.information-panel a{text-decoration:underline;text-underline-offset:2px}
.information-panel{grid-template-columns:minmax(300px,1.35fr) .55fr .9fr minmax(220px,1.55fr) auto;grid-template-rows:auto;gap:28px}.information-bio{grid-column:1;grid-row:1;justify-content:flex-start}.information-bio>.information-ai{margin-top:9px;font-size:11px;font-weight:400;line-height:1.15;letter-spacing:-.015em}.information-bio>small{margin-top:auto}.information-links{grid-column:2;grid-row:1}.information-contact{grid-column:3;grid-row:1}.information-clients{grid-column:4;grid-row:1;min-width:0}.client-list-copy{margin-top:10px!important;white-space:normal;overflow-wrap:normal;font-size:11px;line-height:1.2}.panel-close{grid-column:5;grid-row:1}@media(max-width:980px){.information-panel{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:25px 18px;max-height:88vh;overflow-y:auto}.information-bio{grid-column:1/-1;grid-row:1}.information-bio>small{margin-top:16px}.information-links{grid-column:1;grid-row:2}.information-contact{grid-column:2;grid-row:2}.information-clients{grid-column:1/-1;grid-row:3}.panel-close{grid-column:auto;grid-row:auto}}@media(max-width:720px){.information-panel{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:25px 18px}.information-bio{grid-column:1/-1;grid-row:1}.information-bio>.information-ai{font-size:11px}.information-bio>small{margin-top:16px}.information-links{grid-column:1;grid-row:2}.information-contact{grid-column:2;grid-row:2}.information-clients{grid-column:1/-1;grid-row:3}.panel-close{grid-column:auto;grid-row:auto}}

@media(max-width:720px){.information-panel{padding:44px 8px calc(12px + env(safe-area-inset-bottom))}.panel-close{z-index:2;top:4px;right:4px;min-width:44px;min-height:36px;padding:0 4px;background:var(--paper);font-size:13px;line-height:1;text-align:right}}