:root{--color-black:#111;--color-white:#fff;--color-gray-50:#f7f7f8;--color-gray-100:#ececee;--color-gray-200:#d8d9db;--color-gray-300:#b8bac0;--color-gray-500:#8a8d94;--color-gray-700:#4a4c52;--color-gray-900:#1c1d20;--color-scrim:#fffffff7;--space-1:8px;--space-2:16px;--space-3:24px;--space-4:32px;--space-6:48px;--space-8:64px;--space-12:96px;--font-family:"Inter Variable", "Inter", -apple-system, "Helvetica Neue", Arial, sans-serif;--text-micro:11px;--text-small:13px;--text-base:15px;--text-medium:20px;--text-large:32px;--text-xl:clamp(32px, 6vw, 56px);--leading-body:1.4;--leading-display:1.1;--weight-regular:400;--weight-medium:500;--weight-bold:650;--ease-out-cubic:cubic-bezier(.22, 1, .36, 1);--duration-focus:.4s;--duration-overlay:.18s}.grid{gap:var(--space-3);max-width:1440px;padding:0 var(--space-6);grid-template-columns:repeat(12,1fr);margin:0 auto;display:grid}@media (width<=1024px){.grid{grid-template-columns:repeat(6,1fr)}}@media (width<=640px){.grid{padding:0 var(--space-3);grid-template-columns:1fr}}.col-span-8{grid-column:span 8}.col-span-4{grid-column:span 4}.col-span-12{grid-column:span 12}@media (width<=1024px){.col-span-8,.col-span-4,.col-span-12{grid-column:span 6}}@media (width<=640px){.col-span-8,.col-span-4,.col-span-12{grid-column:span 1}}.hairline{border-color:var(--color-gray-200)}.hairline-top{border-top:1px solid var(--color-gray-200)}.overlay{pointer-events:none;opacity:0;transition:opacity var(--duration-overlay) var(--ease-out-cubic), transform var(--duration-overlay) var(--ease-out-cubic);z-index:20;position:fixed;inset:0;transform:translateY(8px)}.overlay.is-open{pointer-events:auto;opacity:1;transform:translateY(0)}.overlay-scrim{background:var(--color-scrim);position:absolute;inset:0}.overlay-panel{width:100%;height:100%;padding-top:var(--space-8);padding-bottom:var(--space-8);position:relative;overflow-y:auto}.overlay-close{top:var(--space-3);right:var(--space-3);width:44px;height:44px;color:var(--color-black);z-index:1;border-radius:2px;justify-content:center;align-items:center;font-size:24px;line-height:1;transition:background-color .12s;display:flex;position:fixed}.overlay-close:hover{background:var(--color-gray-50)}.overlay-back{top:var(--space-3);left:var(--space-3);font-size:var(--text-small);letter-spacing:.02em;color:var(--color-gray-700);padding:var(--space-1) var(--space-2);border-radius:2px;transition:background-color .12s;position:fixed}.overlay-back:hover{background:var(--color-gray-50)}.meta-label{font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-500);margin:0 0 var(--space-1)}.meta-row{font-size:var(--text-micro);letter-spacing:.03em;text-transform:uppercase;color:var(--color-gray-700);margin:var(--space-2) 0}.hairline-top{padding-top:var(--space-2);border-top:1px solid var(--color-gray-200)}.text-link{font-size:var(--text-small);color:var(--color-black);border-bottom:1px solid var(--color-gray-300);margin-top:var(--space-2);display:inline-block}.text-link:hover{border-color:var(--color-black)}.detail-image{align-items:start}.detail-image-figure{justify-content:center;align-items:center;display:flex}.detail-image-figure img{object-fit:contain;max-width:100%;max-height:80vh}.detail-image-rail{padding-top:var(--space-3)}.detail-title{font-size:var(--text-medium);font-weight:var(--weight-bold);margin:0 0 var(--space-2);line-height:var(--leading-display)}.detail-caption{font-size:var(--text-base);color:var(--color-gray-700);margin:0}.overlay-nav{width:44px;height:44px;color:var(--color-gray-700);border-radius:2px;justify-content:center;align-items:center;font-size:20px;transition:background-color .12s;display:flex;position:fixed;top:50%;transform:translateY(-50%)}.overlay-nav:hover{background:var(--color-gray-50);color:var(--color-black)}.overlay-nav-prev{left:var(--space-3)}.overlay-nav-next{right:var(--space-3)}.detail-project-header{padding-bottom:var(--space-4)}.detail-project-title{font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-display);margin:0 0 var(--space-2)}.detail-project-subtitle{font-size:var(--text-medium);color:var(--color-gray-500);margin:0}.detail-project-grid{gap:var(--space-3);grid-template-columns:repeat(2,1fr);display:grid}@media (width<=640px){.detail-project-grid{grid-template-columns:1fr}}.detail-project-item{text-align:left;width:100%;display:block}.detail-project-item img{width:100%;height:auto;display:block}.chrome-wordmark,.chrome-coords,.chrome-index-trigger{font-size:var(--text-micro);font-weight:var(--weight-medium);letter-spacing:.06em;text-transform:uppercase;color:var(--color-gray-700);z-index:10;position:fixed}.chrome-wordmark{left:var(--space-3);bottom:var(--space-3);padding:var(--space-1) 0;transition:color .12s}.chrome-wordmark:hover{color:var(--color-black)}.chrome-coords{right:var(--space-3);bottom:var(--space-3);padding-top:var(--space-1);border-top:1px solid var(--color-gray-200);text-align:right;min-width:140px}.chrome-index-trigger{right:var(--space-3);top:var(--space-3);padding:var(--space-1) var(--space-2);border-radius:2px;transition:background-color .12s}.chrome-index-trigger:hover{background:var(--color-gray-50)}.chrome-index-panel{top:var(--space-3);right:var(--space-3);background:var(--color-white);border:1px solid var(--color-gray-200);width:min(360px,100vw - 48px);max-height:70vh;padding:var(--space-6) var(--space-3) var(--space-3);opacity:0;pointer-events:none;transition:opacity .15s var(--ease-out-cubic), transform .15s var(--ease-out-cubic);z-index:15;position:fixed;overflow-y:auto;transform:translateY(-8px)}.chrome-index-panel.is-open{opacity:1;pointer-events:auto;transform:translateY(0)}.chrome-index-list{margin:var(--space-2) 0 0;padding:0;list-style:none}.chrome-index-item{text-align:left;width:100%;padding:var(--space-2) 0;border-top:1px solid var(--color-gray-100);flex-direction:column;display:flex}.chrome-index-list li:first-child .chrome-index-item{border-top:none}.chrome-index-title{font-size:var(--text-base);color:var(--color-black)}.chrome-index-meta{font-size:var(--text-micro);letter-spacing:.03em;text-transform:uppercase;color:var(--color-gray-500);margin-top:2px}.chrome-index-item:hover .chrome-index-title{text-decoration:underline}@font-face{font-family:Inter Variable;src:url(../fonts/Inter-Variable.woff2)format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{background:var(--color-white);width:100%;height:100%;color:var(--color-black);margin:0;padding:0;overflow:hidden}body{font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-body);font-feature-settings:"tnum" 1;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility}#app{position:fixed;inset:0}canvas{touch-action:none;display:block}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;padding:0}a{color:inherit}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}