:root{color:#111;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#fff;font-family:Arial,Helvetica,sans-serif}*,:before,:after{box-sizing:border-box}body{min-width:280px;margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-shell img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}button{font:inherit}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site-shell{flex-direction:column;min-height:100svh;display:flex}.site-header,#main-content,.site-footer{width:min(1440px,100% - 48px);margin-inline:auto}.site-header{justify-content:space-between;align-items:center;gap:16px;min-width:0;min-height:112px;display:flex}.site-name{letter-spacing:.14em;overflow-wrap:anywhere;flex:auto;min-width:0;max-width:100%;font-size:.875rem;font-weight:700}.primary-navigation{letter-spacing:.14em;flex:0 auto;align-items:center;gap:30px;min-width:0;max-width:100%;font-size:.6875rem;display:flex}.primary-navigation a,.primary-navigation span{overflow-wrap:anywhere;word-break:break-word;min-width:0;position:relative}.primary-navigation [aria-current=page]:after{content:"";background:currentColor;height:1px;position:absolute;bottom:-7px;left:0;right:0}.primary-navigation [aria-disabled=true]{opacity:.35}.menu-button{min-width:44px;min-height:44px;color:inherit;letter-spacing:.14em;background:0 0;border:0;flex:none;justify-content:center;align-items:center;padding:0;display:none}#main-content{outline:0;flex:1}.portfolio-status{text-align:center;place-content:center;justify-items:center;gap:18px;min-height:56vh;display:grid}.portfolio-status p{color:#666;margin:0}.portfolio-status button{color:inherit;cursor:pointer;background:0 0;border:1px solid;padding:10px 18px}.portfolio-status button:focus-visible{outline-offset:4px;outline:2px solid #111}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:34px 24px;display:grid}.project-card{background:#f2f2f2;position:relative;overflow:hidden}.image-trigger{width:100%;min-height:44px;color:inherit;text-align:left;cursor:zoom-in;touch-action:manipulation;background:0 0;border:0;padding:0;display:block}.image-frame{background:#f2f2f2;position:relative;overflow:hidden}.image-frame img{object-fit:cover;width:100%;height:100%;transition:transform .42s}.image-fallback{color:#666;text-align:center;background:#f2f2f2;place-items:center;width:100%;height:100%;padding:24px;font-size:.875rem;display:grid}.image-frame img[hidden],.image-fallback[hidden]{display:none}.project-card__title{color:#fff;letter-spacing:.12em;opacity:0;background:linear-gradient(#0000,#000000b8);padding:36px 18px 16px;font-size:.75rem;transition:opacity .24s;position:absolute;bottom:0;left:0;right:0}.project-card:hover img,.project-card:focus-within img{transform:scale(1.025)}.project-card:hover .project-card__title,.project-card:focus-within .project-card__title,.project-card__title:focus-visible{opacity:1}.image-trigger:focus-visible,.project-card__title:focus-visible,.site-name:focus-visible,.primary-navigation a:focus-visible,.menu-button:focus-visible{outline-offset:4px;outline:2px solid #111}.reveal{opacity:0;animation:.42s forwards reveal;animation-delay:var(--reveal-delay,0s);transform:translateY(14px)}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.site-footer{padding:64px 0 calc(32px + env(safe-area-inset-bottom));color:#666;letter-spacing:.08em;font-size:.6875rem}.project-detail{max-width:1120px}.project-intro{max-width:720px;padding:22px 0 54px}.back-link{letter-spacing:.12em;margin-bottom:36px;font-size:.72rem;display:inline-block}.project-intro h1{letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(2rem,5vw,4.5rem);font-weight:500}.project-intro p{color:#666;max-width:560px;margin:0;line-height:1.65}.project-gallery{gap:32px;display:grid}.project-gallery .image-trigger{cursor:zoom-in}.portfolio-lightbox{color:#111;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:100svh;margin:0;padding:clamp(16px,4vw,56px);display:none;position:fixed;inset:0;overflow:hidden}.portfolio-lightbox[open],.portfolio-lightbox.is-open{place-items:center;display:grid}.portfolio-lightbox::backdrop{background:#000000b8}.portfolio-lightbox__panel{background:#fff;place-items:center;width:min(100%,1400px);max-height:100%;padding:clamp(34px,5vw,68px) clamp(18px,4vw,52px) clamp(18px,4vw,48px);display:grid;position:relative;box-shadow:0 24px 80px #00000040}.portfolio-lightbox__image{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100svh - 150px)}.portfolio-lightbox__close{color:#111;cursor:pointer;background:0 0;border:0;place-items:center;width:36px;height:36px;padding:0;font-size:1.75rem;line-height:1;display:grid;position:absolute;top:10px;right:12px}.portfolio-lightbox__close:focus-visible{outline-offset:3px;outline:2px solid}.portfolio-lightbox__error{color:#666;text-align:center;max-width:32rem;margin:0}.portfolio-lightbox__image[hidden],.portfolio-lightbox__error[hidden]{display:none}.project-pagination{letter-spacing:.06em;justify-content:space-between;gap:24px;padding-block:56px 20px;font-size:.78rem;display:flex}.project-pagination a:last-child{text-align:right}.not-found{text-align:center;place-content:center;justify-items:center;min-height:56vh;display:grid}.not-found p{color:#888;letter-spacing:.2em;margin:0}.not-found h1{font-weight:500}.not-found a{border-bottom:1px solid}.about-page{grid-template-columns:minmax(0,1fr) minmax(300px,.8fr);align-items:start;gap:clamp(40px,8vw,120px);display:grid}.about-copy{max-width:620px;padding-top:clamp(16px,6vw,88px)}.about-copy .eyebrow{letter-spacing:.16em;font-size:.72rem}.about-copy h1{letter-spacing:-.05em;margin:24px 0 32px;font-size:clamp(2.6rem,6vw,5.6rem);font-weight:500}.about-copy p{color:#555;line-height:1.72}.about-copy .contact-placeholder{color:#666;margin-top:36px}.back-link:focus-visible,.project-pagination a:focus-visible,.not-found a:focus-visible{outline-offset:4px;outline:2px solid #111}@media (width<=900px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=720px){.site-header,#main-content,.site-footer{width:min(100% - 32px,1440px)}.site-header{flex-wrap:wrap;gap:8px;min-height:88px;position:relative}.site-name{max-width:calc(100% - 52px)}.menu-button{display:inline-flex}.primary-navigation{background:#fff;border:1px solid #111;flex-direction:column;flex-basis:100%;order:3;align-items:flex-start;gap:20px;width:100%;max-width:100%;padding:20px;display:none}.primary-navigation a,.primary-navigation span{max-width:100%}.primary-navigation.is-open{display:flex}}@media (width<=760px){.about-page{grid-template-columns:1fr;gap:28px}.about-copy{padding-top:0}.project-pagination{flex-direction:column}.project-pagination a:last-child{text-align:left}}@media (width<=560px){.project-grid{grid-template-columns:1fr;gap:24px}.portfolio-lightbox{padding:10px}.portfolio-lightbox__panel{width:100%;max-height:calc(100svh - 20px);padding:46px 12px 18px}.portfolio-lightbox__image{max-height:calc(100svh - 100px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.reveal{opacity:1;animation:none;transform:none}}