.crosshair{position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:0;transition:opacity .2s ease;--x:50vw;--y:50vh}.crosshair.visible{opacity:1}.crosshair-line{position:absolute;background:rgba(0,0,0,.15)}.crosshair-vertical{top:0;bottom:0;width:.5px;left:var(--x);transform:translateX(-50%)}.crosshair-horizontal{left:0;right:0;height:.5px;top:var(--y);transform:translateY(-50%)}.crosshair-dot{position:absolute;width:4px;height:4px;border-radius:50%;background:#000;border:1px solid #000;left:var(--x);top:var(--y);transform:translate(-50%,-50%)}.portfolio-page{--line-color:hsla(0,0%,84%,.3);--line-weight:1px;--line-spacing:4px;--line-angle:-45deg;background-image:repeating-linear-gradient(var(--line-angle),var(--line-color) 0,var(--line-color) var(--line-weight),transparent var(--line-weight),transparent var(--line-spacing));background-attachment:fixed;justify-content:center;align-items:flex-start;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.portfolio-main,.portfolio-page{background-color:#fdfdfd;min-height:100vh;display:flex}.portfolio-main{--dash-color:#cecece;--dash-length:4px;--dash-gap:2px;--dash-width:0.5px;border-left:none;border-right:none;background-image:repeating-linear-gradient(to bottom,var(--dash-color) 0,var(--dash-color) var(--dash-length),transparent var(--dash-length),transparent calc(var(--dash-length) + var(--dash-gap))),repeating-linear-gradient(to bottom,var(--dash-color) 0,var(--dash-color) var(--dash-length),transparent var(--dash-length),transparent calc(var(--dash-length) + var(--dash-gap)));background-size:var(--dash-width) 100%,var(--dash-width) 100%;background-position:0 0,100% 0;background-repeat:repeat-y;flex-flow:column;max-width:700px;width:100%;margin-left:auto;margin-right:auto;position:relative;box-shadow:0 2px 50px transparent}.portfolio-page-work{background-color:#fff;justify-content:center;align-items:flex-start;min-height:100vh;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;display:flex}.portfolio-main-work{outline-offset:0;background-color:#fff;flex-flow:column;max-width:none;width:100%;display:flex}.portfolio-nav{display:flex;justify-content:space-between;align-items:center}.portfolio-nav-home-link{transition:all .2s;-webkit-tap-highlight-color:transparent}.portfolio-nav-home-link:hover{opacity:.7}.portfolio-menu-link{color:#4f4f4f;display:flex;justify-content:space-between;align-items:center;width:100%;padding:.8rem 0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;text-decoration:none;transition:all .2s;-webkit-tap-highlight-color:transparent}.portfolio-menu-link:hover{transform:translateX(2px)}.portfolio-menu-link.work:hover{color:#ffc700}.portfolio-menu-link.craft:hover{color:#907cfe}.portfolio-menu-link.writing:hover{color:#6fe690}.back-button:hover{border-color:silver;color:#404040;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.06),0 2px 4px 0 rgba(0,0,0,.04)}.portfolio-inline-link{color:#0094ff;text-decoration:none;border-bottom:1px solid transparent;transition:color .2s ease,border-color .2s ease,opacity .2s ease}.portfolio-inline-link:hover{border-bottom-color:#0094ff;opacity:.75}.portfolio-social-link{color:#000;display:flex;align-items:center;transition:all .2s}.portfolio-social-link:hover{opacity:.8;transform:translateY(-2px)}.flipbook-card-wrap{cursor:none}.flipbook-badge{position:absolute;left:var(--fx);top:var(--fy);transform:translate(-50%,-50%) scale(.1);opacity:0;transition:opacity .3s ease-in-out,transform .3s ease-in-out;pointer-events:none;width:132px;height:132px;border-radius:9999px;background:#272727;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-weight:600;font-size:13px;display:flex;align-items:center;justify-content:center;z-index:9999;white-space:nowrap}.flipbook-card-wrap:hover .flipbook-badge{opacity:1;transform:translate(-50%,-50%) scale(1)}.portfolio-container{margin-bottom:1rem;position:relative}.portfolio-image{border:1px solid #f3f3f3;border-radius:20px;width:100%;max-width:1200px;display:block}.portfolio-animation-wrap{background-color:#f6f6f6;border-radius:20px}.portfolio-animation-wrap,.portfolio-animation-wrap-alt{width:100%;max-width:1200px;margin-bottom:1rem;padding:6rem 0;position:relative;overflow:hidden}.portfolio-animation-wrap-alt{background-color:#fbfbfb;border:1px solid #f3f3f3;border-radius:20px}.portfolio-video{position:relative;width:100%;max-width:960px;margin:0 auto;aspect-ratio:16/9;overflow:hidden;border-radius:20px}.portfolio-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;border-radius:20px}.dark-mode-container{width:100%;max-width:1200px;margin-bottom:1rem;position:relative;display:grid}.dark-mode-container .portfolio-image{grid-area:1/1;width:100%;height:auto;display:block}.dark-mode-button{z-index:999;color:#888;background-color:hsla(0,0%,100%,.85);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid #e0e0e0;border-radius:100px;height:28px;width:auto;margin:0;padding:0 10px;font-size:.85rem;font-weight:400;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.01em;transition:background-color .2s,border-color .2s,color .2s;display:flex;justify-content:center;align-items:center;cursor:pointer;white-space:nowrap}.dark-mode-button:hover{color:#555;background-color:#fff;border-color:#c9c9c9;transform:none}.info-wrap{z-index:998}.info-mode-button,.info-wrap{position:absolute;right:0;bottom:0}.info-mode-button{z-index:501;color:#888;background-color:hsla(0,0%,97%,.15);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:.5px solid #e0e0e0;border-radius:100px;height:28px;margin:0 .7rem .7rem 0;padding:0 10px;font-size:13px;font-weight:400;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;letter-spacing:.01em;transition:background-color .2s,border-color .2s,color .2s;display:flex;align-items:center;cursor:pointer;white-space:nowrap}.info-mode-button:hover{color:#555;background-color:#fff;border-color:#c9c9c9}.info-card{position:absolute;bottom:3rem;right:.7rem;max-width:380px;background:hsla(0,0%,100%,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(0,0,0,.08);border-radius:14px;z-index:500;box-shadow:0 4px 24px rgba(0,0,0,.08)}.info-card-content{padding:1.1rem 1.25rem;font-size:13px;font-weight:200;line-height:1.6;color:#414141}.info-card-content .info-heading{font-weight:400}.card-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:3rem;gap:3rem}.card-grid-item{display:block;text-decoration:none;color:inherit;background:#fff;border-radius:16px;box-shadow:0 0 0 1px rgba(0,0,0,.06),0 1px 2px -1px rgba(0,0,0,.06),0 2px 4px 0 rgba(0,0,0,.04);overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.card-grid-item:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(0,0,0,.08),0 1px 2px -1px rgba(0,0,0,.08),0 2px 4px 0 rgba(0,0,0,.06)}.card-grid-placeholder{aspect-ratio:300/190;background-color:#fff;display:flex;align-items:center;justify-content:center}.corner-node{position:absolute;width:13px;height:13px;border-radius:4px;border:.5px solid rgba(0,0,0,.15);background:linear-gradient(180deg,#fff 15.38%,#f7f7f7 88.46%);box-shadow:inset 0 2px 2px 0 #fff,inset 0 -1px 4px 0 rgba(0,0,0,.1),0 3px 4.526px 0 rgba(0,0,0,.1),0 1.131px 2.263px -1.131px rgba(0,0,0,.1),0 0 0 1.131px rgba(0,0,0,.01);z-index:10}.card-grid-label{color:#9e9e9e;font-size:13px;font-weight:300;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:8px;text-align:center;transition:color .2s ease}.card-grid-item:hover~.card-grid-label{color:#000}@media screen and (max-width:991px){.portfolio-nav .container-600{max-width:475px}.dark-mode-button,.info-wrap{display:none!important}.work-button-mobile{display:block;margin:0 auto 10rem}}.padding-portfolio{padding-left:20px;padding-right:20px}@media screen and (max-width:767px){.padding-portfolio{padding-left:20px;padding-right:20px}.portfolio-nav{flex-direction:column-reverse;align-items:flex-start;gap:0}.nav-status-indicator{margin-top:-3.5rem;margin-bottom:4rem}.breadcrumb-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px}.portfolio-menu-link{padding-top:14px;padding-bottom:14px}.card-grid{grid-template-columns:1fr;gap:12px}.home-image-oversize{max-width:100%!important;margin-left:auto!important}.portfolio-animation-wrap,.portfolio-animation-wrap-alt{padding:2rem 0}.craft-item-description{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.corner-node{display:none}.portfolio-main{background-image:none!important}}@media screen and (max-width:479px){.padding-portfolio{padding-left:20px;padding-right:20px}.portfolio-image{border-radius:10px}.portfolio-animation-wrap,.portfolio-animation-wrap-alt{border-radius:10px;padding:1rem 0}.portfolio-video,.portfolio-video video{border-radius:10px}}@media (hover:hover) and (pointer:fine){.portfolio-body,.portfolio-body a,.portfolio-body button{cursor:none}}