[hidden]{display:none!important}
#index-art{display:block;position:absolute;inset:0}
.wordmark{display:flex;align-items:flex-start;position:relative}.wordmark img{display:block;width:174px;height:auto}.wordmark>span{margin-left:4px;font-size:9px;margin-top:2px}.hero .name-signature{width:min(710px,61vw);font-size:inherit;margin:0;line-height:1}.name-signature>img{display:block;width:100%;height:auto}.hero-line{margin-top:28px}.hero-line>p{margin-bottom:15px}.hero{padding-top:38px;padding-bottom:38px}.hero-top>span:last-child{font-size:9px;letter-spacing:.5px}.work-controls{display:flex;align-items:center;gap:34px}.view-switch{display:flex;gap:3px;padding:3px;border:1px solid #d9dbd2;border-radius:3px}.view-switch button{font-size:10px;color:#83877c;padding:7px 11px;border-radius:2px}.view-switch button[aria-pressed=true]{background:#e4e7dc;color:#30362a}.work-controls .filters{gap:23px}
.project .cover{transform:perspective(1100px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .55s cubic-bezier(.2,.65,.25,1);transform-origin:center;backface-visibility:hidden}.project .cover.is-tracking{transition:transform .12s linear;will-change:transform}.project-flight{position:fixed;z-index:20;pointer-events:none;overflow:hidden;isolation:isolate}.project-flight>img{display:block;width:100%;height:100%;object-fit:cover}.project-dialog::backdrop{transition:opacity .3s}.work-index{display:grid;grid-template-columns:minmax(0,1.9fr) minmax(280px,1fr);gap:38px;align-items:stretch}.index-stage{min-width:0}.index-open{height:clamp(410px,39vw,620px);width:100%;position:relative;display:block;padding:0;overflow:hidden;background:#e5e6dc;text-align:left}.index-artwork.cover{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;pointer-events:none;transform:none!important;transition:none}.index-artwork img{transform:none!important}.index-open-label{position:absolute;bottom:22px;right:22px;font-size:11px;padding:13px 18px;background:#f6f5edee;color:#33382d;border-radius:2px;transition:transform .3s,background .3s}.index-open:hover .index-open-label{transform:translateY(-3px);background:#fff}.index-meta{display:flex;align-items:baseline;gap:15px;padding-top:21px}.index-meta>span:first-child{font:10px monospace;color:#8c9382;white-space:nowrap}.index-meta h2{font-size:18px;font-weight:400;letter-spacing:-.6px;margin:0}.index-meta>span:last-child{font-size:9px;color:#818a75;margin-left:auto;white-space:nowrap}.index-browser{display:flex;flex-direction:column;min-width:0}.index-heading{display:flex;justify-content:space-between;font-size:10px;color:#7c8472;letter-spacing:.5px;padding:0 0 18px;border-bottom:1px solid #d5dacd}.index-heading>span:last-child{font-size:9px;color:#969e8b}.index-list{display:flex;flex-direction:column;flex:1}.index-row{display:flex;align-items:center;gap:16px;text-align:left;padding:0 11px 0 0;min-height:41px;flex:1;border-bottom:1px solid #dce0d5;position:relative;transition:background .25s,padding .3s,color .3s}.index-row>span{font:9px monospace;color:#a1a68f;width:21px;flex-shrink:0}.index-row strong{font-weight:400;font-size:16px;letter-spacing:.5px;white-space:nowrap}.index-row small{font-size:8px;line-height:1.4;color:#8b927e;margin-left:auto;white-space:nowrap}.index-row i{font-style:normal;font-size:13px;color:#869077;opacity:0;transition:opacity .25s,transform .3s;transform:translate(-4px,4px)}.index-row[aria-pressed=true]{padding-left:13px;background:#e7eade;color:#2b3a25}.index-row[aria-pressed=true]::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--index-accent,#96a489)}.index-row[aria-pressed=true] i{opacity:1;transform:none}.index-hint{padding-top:15px;font-size:9px;color:#9aa38b;letter-spacing:1px}
.brand-studio{margin:28px 55px 8px}.brand-studio .identity-board{margin:0}.studio-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 0 17px}.studio-toolbar>span{font-size:11px;color:#5b6652}.studio-toolbar>span>i{font-size:9px;font-style:normal;color:#9aa28c;margin-left:13px}.studio-controls{display:flex;gap:15px;align-items:center}.studio-controls>div{display:flex;gap:3px}.studio-controls button{font-size:10px;padding:7px 10px;color:#8a947d;border:1px solid transparent;border-radius:2px}.studio-controls button[aria-pressed=true]{background:#e4e8da;border-color:#d9e0cd;color:#34462c}.brand-studio .identity-palette>.palette-pick{flex:1;display:flex;align-items:flex-end;justify-content:space-between;padding:18px 20px;font-size:10px;position:relative;text-align:left;transition:flex .35s cubic-bezier(.2,.65,.25,1)}.palette-pick[aria-pressed=true]{flex:1.35!important}.palette-pick>i{font-size:12px;font-style:normal;opacity:0;transition:opacity .25s}.palette-pick[aria-pressed=true]>i{opacity:1}.identity-logo.is-vertical strong{writing-mode:vertical-rl;text-orientation:upright;font-size:clamp(24px,3vw,38px);line-height:1;letter-spacing:5px;align-self:center}.brand-studio .identity-logo{overflow:hidden}.brand-studio .identity-logo>strong{align-self:flex-start;transform-origin:center}.brand-studio .identity-logo.is-vertical>strong{align-self:center}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.project .cover-action{left:var(--hover-x,50%);top:var(--hover-y,60%);right:auto;bottom:auto;transform:translate(-50%,-50%) scale(.95);pointer-events:none;white-space:nowrap;background:#f5f5f0ed;color:#30392a;backdrop-filter:blur(8px)}.project .cover:hover .cover-action,.project .cover:focus-visible .cover-action{transform:translate(-50%,-50%) scale(1)}}
@media(max-width:1100px){.work-controls{gap:23px}.work-controls .filters{gap:18px}.work-index{gap:25px;grid-template-columns:minmax(0,1.6fr) minmax(255px,1fr)}.index-open{height:440px}.index-row{gap:10px;min-height:37px}.index-row strong{font-size:14px}.index-row small{font-size:7px}.index-meta{gap:10px;flex-wrap:wrap}.index-meta h2{font-size:16px}.index-meta>span:last-child{font-size:8px}.wordmark img{width:164px}.hero .name-signature{width:60vw}.hero-line>p{margin-bottom:8px}}
@media(max-width:760px){.header nav{gap:20px}.wordmark img{width:142px}.wordmark>span{font-size:7px;margin-left:2px}.hero{padding-top:23px;padding-bottom:27px}.hero-top>span:last-child{font-size:7px;letter-spacing:0}.hero .name-signature{width:min(100%,550px)}.hero-line{margin-top:27px}.work-nav{display:grid;grid-template-columns:1fr auto;align-items:center;gap:13px;padding-top:17px;padding-bottom:18px}.work-controls{display:contents}.work-nav>.section-index{grid-column:1;grid-row:1}.view-switch{grid-column:2;grid-row:1}.view-switch button{font-size:9px;padding:6px 10px}.work-controls .filters{grid-column:1/-1;grid-row:2;justify-self:end;gap:19px}.work-index{display:block}.index-open{height:auto;aspect-ratio:1.2}.index-meta{padding-top:15px;align-items:center;gap:12px}.index-meta h2{font-size:15px}.index-meta>span:first-child{font-size:9px}.index-meta>span:last-child{font-size:8px}.index-browser{margin-top:26px}.index-heading{padding-bottom:11px}.index-list{display:flex;flex-direction:row;gap:7px;overflow-x:auto;scroll-snap-type:x mandatory;padding:11px 2px 13px;scrollbar-width:thin;scrollbar-color:#bcc7af transparent}.index-row{flex:0 0 125px;min-height:79px;border:1px solid #dce1d2;padding:13px 11px;display:grid;grid-template-columns:16px 1fr;grid-template-rows:auto auto;gap:6px;scroll-snap-align:start}.index-row>span{font-size:8px;width:auto}.index-row strong{font-size:14px;grid-column:2;grid-row:1}.index-row small{font-size:7px;margin-left:0;grid-column:1/-1;grid-row:2;white-space:normal}.index-row i{display:none}.index-row[aria-pressed=true]{padding:13px 11px}.index-row[aria-pressed=true]::before{width:2px}.index-hint{padding-top:0;font-size:8px}.brand-studio{margin:23px 23px 0}.studio-toolbar{gap:10px;flex-wrap:wrap;padding-bottom:13px}.studio-toolbar>span{font-size:10px}.studio-toolbar>span>i{font-size:8px;margin-left:9px}.studio-controls{gap:7px;margin-left:auto}.studio-controls button{font-size:9px;padding:6px 8px}.brand-studio .identity-palette>.palette-pick{font-size:8px;padding:14px}.palette-pick>i{font-size:10px}.identity-logo.is-vertical strong{font-size:26px;letter-spacing:4px}}
@media(max-width:400px){.wordmark img{width:122px}.header nav{gap:15px}.header nav a,.header nav button{font-size:10px}.hero-line{margin-top:24px}.hero .name-signature{width:100%}.hero-top{font-size:7px}.hero-top>span:last-child{font-size:6px}.view-switch button{font-size:8px;padding:6px 8px}.work-controls .filters{gap:17px}.index-meta{gap:7px}.index-meta h2{font-size:13px}.index-meta>span:last-child{font-size:7px}.studio-toolbar>span>i{display:none}.studio-controls button{padding:6px 7px}.brand-studio .identity-palette>.palette-pick{padding:12px;font-size:7px}.identity-logo.is-vertical strong{font-size:24px}}
@media(pointer:coarse){.project .cover:active{transform:scale(.985);transition:transform .12s}}
@media(prefers-reduced-motion:reduce){.project .cover,.project .cover:active{transform:none!important;transition:none!important}.index-open-label{transform:none!important}.project-flight{display:none!important}*{scroll-behavior:auto!important}}