@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@400;500;600;700&display=swap";:root{font-family:Manrope,sans-serif;color:#111;background:radial-gradient(circle at top left,rgba(255,236,214,.7),transparent 28%),linear-gradient(180deg,#f7f4ef,#f4f1eb);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0;scroll-behavior:smooth}*{scrollbar-width:none}*::-webkit-scrollbar{display:none}html{transition:color .4s ease,background .4s ease}body{min-width:320px;background:#f4f1eb;transition:background .4s ease}::selection{background:#ff5e00;color:#fff}button,a{font:inherit;transition:color .2s ease}button{color:inherit}button:hover,a:hover{color:#ff5e00}.top-nav button:hover,.theme-toggle button:hover{color:inherit}.page-shell{position:relative;z-index:1;display:grid;gap:5px;padding:14px 16px 22px}.ascii-ripple{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%;pointer-events:none}.top-nav{display:flex;gap:clamp(26px,5vw,68px);align-items:center;flex-wrap:wrap}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 0 24px;background:radial-gradient(circle at top left,rgba(255,236,214,.58),transparent 30%),linear-gradient(180deg,#f7f4efe6,#f4f1ebcc);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);-webkit-mask-image:linear-gradient(to bottom,black 72%,transparent 100%);mask-image:linear-gradient(to bottom,black 72%,transparent 100%)}.site-brand{margin:0;font-family:IBM Plex Mono,monospace;font-size:clamp(1.55rem,2vw,1.95rem);font-weight:400;line-height:1;letter-spacing:-.03em;will-change:transform,opacity,filter}.top-nav button{padding:0;border:0;background:none;font-family:IBM Plex Mono,monospace;font-size:clamp(.95rem,1.15vw,1.1rem);font-weight:400;letter-spacing:0;cursor:pointer}.top-nav button.is-active{color:inherit}.content-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(22px,3vw,46px);align-items:start}.identity-block{display:flex;min-height:calc(100vh - 94px);flex-direction:column;justify-content:flex-start;padding:0 0 8px;max-width:220px}.sidebar-footer{position:fixed;bottom:22px;left:16px;width:220px;z-index:10}.identity-copy{padding-top:10px}.identity-block p{margin:0;font-size:clamp(1.2rem,1.9vw,1.65rem);line-height:1.06;min-height:1.12em;will-change:transform,opacity,filter}.identity-block p+p{margin-top:10px}.identity-copy p[aria-hidden=true]{visibility:hidden}.cursor{display:inline-block;font-weight:500;margin-left:3px;animation:blink 1s step-start infinite}@keyframes blink{50%{opacity:0}}.sidebar-footer{display:flex;flex-direction:column;gap:18px;margin-top:auto;padding-bottom:24px;will-change:transform,opacity,filter}.photo-link,.contact-section{max-width:180px}.photo-link span,.contact-section p{display:block;margin:0 0 4px;font-size:.92rem;line-height:1.05}.photo-link a{color:inherit;text-decoration:none;font-size:.92rem}.contact-links{display:flex;flex-direction:column;gap:1px;font-size:.92rem;line-height:1.05}.contact-links,.photo-link span,.photo-link a,.contact-section p{font-family:IBM Plex Mono,monospace}.contact-links a{color:inherit;text-decoration:none}.portfolio-grid{columns:2;column-gap:18px;width:min(100%,1380px);margin-left:auto}.project-card{display:block;padding:0;border:0;background:none;color:inherit;text-decoration:none;text-align:left;cursor:pointer;break-inside:avoid;margin-bottom:28px}.project-media{overflow:hidden;position:relative;box-shadow:0 10px 30px #00000014;transition:box-shadow .4s ease}.project-media-base{display:block;width:100%;height:auto;position:relative;z-index:0;will-change:transform;transform-origin:center center}.project-media-preview{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:1;opacity:0;transition:opacity .22s ease}.project-card.has-preview:hover .project-media-preview,.project-card.has-preview:focus-visible .project-media-preview{opacity:1}.project-media.dark:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(180deg,#06081033,#06081066)}.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:24px;text-shadow:0 2px 18px rgba(0,0,0,.25)}.hero-overlay p,.hero-overlay h2{margin:0}.hero-overlay p{font-size:1rem;margin-bottom:10px}.hero-overlay h2{font-size:clamp(2.2rem,5vw,5rem);line-height:.94;font-weight:700;max-width:10ch}.hero-overlay span{margin-top:18px;display:inline-flex;align-items:center;justify-content:center;min-width:132px;padding:9px 18px;border:1px solid rgba(255,255,255,.85);border-radius:999px;font-size:.9rem;text-transform:uppercase;letter-spacing:.04em}.project-copy{position:absolute;inset:auto 0 0;z-index:3;padding:36px 14px 14px;background:linear-gradient(to top,rgba(0,0,0,.62) 0%,transparent 100%);color:#fff;opacity:0;transform:translateY(6px);transition:opacity .22s ease,transform .22s ease;pointer-events:none}.project-card:hover .project-copy,.project-card:focus-visible .project-copy{opacity:1;transform:translateY(0)}@media (hover: none){.project-card.is-visible .project-copy{opacity:1;transform:translateY(0)}}.project-copy h3,.project-copy p{margin:0}.project-copy h3{font-size:.95rem;font-weight:600;letter-spacing:0}.project-copy p{font-size:.88rem;opacity:.8;margin-top:2px}.detail-backdrop{display:none}.detail-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;will-change:transform,opacity}@media (max-width: 768px){.detail-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:49;background:#00000080;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);animation:backdrop-in .4s ease forwards}.detail-backdrop.is-closing{animation:backdrop-out .5s ease forwards}}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.detail-scroll{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at top left,rgba(240,218,186,.58),transparent 24%),linear-gradient(180deg,#e9dccb,#ddd0bf);color:#16130f;padding:14px 12px 40px;transition:background .4s ease,color .4s ease}.detail-chrome{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:36px;position:sticky;top:0;z-index:2;padding:14px 0 12px;margin-top:-14px}.detail-brand,.detail-top-actions button,.detail-top-actions a,.detail-group span{font-size:.92rem;letter-spacing:0}.detail-brand{margin:0}.detail-top-actions{display:flex;flex-wrap:wrap;gap:24px}.detail-top-actions button,.detail-top-actions a{padding:0;border:0;background:none;color:inherit;text-decoration:none;cursor:pointer}.detail-layout{display:grid;grid-template-columns:140px minmax(280px,520px) minmax(0,1fr);gap:34px;align-items:start}.detail-meta{display:flex;flex-direction:column;gap:54px;padding-top:58px;position:sticky;top:14px;align-self:start}.detail-group{display:grid;gap:10px}.detail-group span{display:block}.detail-group p{margin:0 0 6px;font-size:.92rem;line-height:1.18}.detail-list p:last-child{margin-bottom:0}.detail-copy{padding-top:58px;position:sticky;top:14px;align-self:start}.detail-copy h2{margin:0 0 22px;font-size:clamp(2.2rem,4vw,4.15rem);line-height:.98;font-weight:600;max-width:10ch;will-change:transform,opacity,filter}.detail-title-link{color:inherit;text-decoration:none}.detail-copy p{margin:0 0 14px;max-width:28ch;font-size:clamp(1rem,1.35vw,1.18rem);line-height:1.42;will-change:transform,opacity,filter}.detail-visuals{display:grid;gap:34px}.detail-media-card{margin:0}.detail-image-clip{overflow:hidden;display:block;width:100%;background:#ffffff52;box-shadow:0 14px 40px #0000001f}.detail-gallery-image{display:block;width:100%;height:auto;object-fit:contain;will-change:transform}.detail-video-shell{display:block;width:100%;background:#ffffff52;box-shadow:0 14px 40px #0000001f}.detail-media-card.is-featured .detail-image-clip,.detail-media-card.is-featured .detail-video-shell{box-shadow:0 14px 40px #00000024}.detail-video-shell{position:relative;padding-top:56.25%;min-height:0}.detail-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.detail-media-caption{padding-top:12px;min-height:1.2rem}.detail-media-caption p{margin:0;font-size:.96rem}.about-section{padding:100px 0 80px}.about-grid{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(22px,3vw,46px);align-items:start}.about-label span{font-family:IBM Plex Mono,monospace;font-size:.92rem}.about-body h2{margin:0 0 24px;font-size:clamp(2rem,4vw,3.6rem);font-weight:600;line-height:1;will-change:transform,opacity,filter}.about-body p{margin:0 0 16px;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.5;max-width:48ch;will-change:transform,opacity,filter}.about-links{display:flex;flex-wrap:wrap;gap:12px 24px;margin-top:32px;font-family:IBM Plex Mono,monospace;font-size:.92rem}.about-links a{color:inherit;text-decoration:none}.play-section{padding:80px 0 120px}.play-intro{margin:12px 0 0;font-size:clamp(1rem,1.3vw,1.15rem);line-height:1.5;max-width:44ch;will-change:transform,opacity,filter}.play-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:32px}.play-label span{font-family:IBM Plex Mono,monospace;font-size:.92rem}.play-gallery-link{font-family:IBM Plex Mono,monospace;font-size:.92rem;color:inherit;text-decoration:none}.play-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.play-card{display:flex;flex-direction:column;gap:10px;text-decoration:none;color:inherit}.play-card-media{border-radius:16px;overflow:hidden;aspect-ratio:1 / 1}.play-card-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.play-card:hover .play-card-media img{transform:scale(1.03)}.play-card-title{margin:0;font-size:.95rem;font-weight:600}.play-card-year{margin:0;font-family:IBM Plex Mono,monospace;font-size:.82rem;opacity:.55}.play-card-desc{margin:0;font-size:.88rem;line-height:1.45;opacity:.7;max-width:34ch}@media (max-width: 1100px){.site-header{flex-direction:column}.content-layout,.about-grid{grid-template-columns:1fr}.play-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.identity-block,.photo-link,.contact-section{max-width:420px}.identity-block{min-height:auto;position:static}.sidebar-footer{position:static;width:auto}.contact-links{flex-direction:row;flex-wrap:wrap;gap:12px}.portfolio-grid{width:100%}.detail-layout{grid-template-columns:1fr;gap:24px}.detail-meta,.detail-copy{padding-top:0;position:static}.detail-meta{gap:24px}.detail-copy p{max-width:44ch}}@media (max-width: 840px){.portfolio-grid{columns:1;width:100%}}@media (max-width: 560px){.site-header{position:sticky;top:0;z-index:11;display:block;margin:0 -10px;padding:10px 10px 14px;background:radial-gradient(circle at top left,rgba(255,236,214,.68),transparent 30%),linear-gradient(180deg,#f7f4effa,#f4f1ebf0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);-webkit-mask-image:linear-gradient(to bottom,black 88%,transparent 100%);mask-image:linear-gradient(to bottom,black 82%,transparent 100%)}.site-brand{position:static;display:block;margin:0 0 15px;padding:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;-webkit-mask-image:none;mask-image:none;font-size:1.35rem;line-height:.98}.site-brand,.top-nav button{color:#111;opacity:1;text-shadow:0 1px 0 rgba(255,255,255,.28)}.page-shell{padding:10px}.top-nav{gap:8px 14px;margin:0;padding:0}.top-nav button{font-size:.88rem;line-height:1}.top-nav button[data-nav=Home]{display:none}.content-layout{gap:18px}.identity-block{gap:14px;padding:0}.identity-copy{padding-top:0}.identity-block p{font-size:1rem;line-height:1}.identity-block,.photo-link,.contact-section{max-width:100%}.sidebar-footer{gap:12px;margin-top:0;padding-bottom:8px}.photo-link span,.contact-section p,.photo-link a,.contact-links{font-size:.84rem;line-height:1.08}.contact-links{gap:4px 12px}.superrare-row,.play-grid{grid-template-columns:1fr}.hero-overlay h2{font-size:2.5rem}.detail-overlay{padding:12px 10px 28px}.detail-chrome{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}.detail-top-actions{gap:16px}.detail-copy h2{font-size:2rem}.detail-copy p{font-size:.98rem}}.page-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;will-change:transform}.page-overlay-scroll{width:100%;height:100%;overflow-y:auto;overscroll-behavior:contain;background:radial-gradient(circle at top left,rgba(255,236,214,.5),transparent 28%),linear-gradient(180deg,#f7f4ef,#f4f1eb);color:#111;padding:14px 16px 80px;transition:background .4s ease,color .4s ease}html[data-theme=dark] .page-overlay-scroll{background:radial-gradient(circle at top left,rgba(50,35,12,.45),transparent 28%),linear-gradient(180deg,#131009,#0f0d0a);color:#ddd6cc}.page-overlay-chrome{display:flex;align-items:center;justify-content:space-between;gap:24px;position:sticky;top:0;z-index:2;padding:12px 0;margin-top:-14px;margin-bottom:60px}.page-overlay-brand{margin:0;font-family:IBM Plex Mono,monospace;font-size:.92rem}.page-overlay-chrome button{padding:0;border:0;background:none;color:inherit;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.92rem}.page-overlay-chrome button:hover{color:inherit;opacity:.6}.page-overlay-body{max-width:1100px}.page-overlay-scroll--list{padding-left:clamp(16px,5vw,80px);padding-right:clamp(16px,5vw,80px);scroll-behavior:smooth}.list-body{padding:0;position:relative}.list-close-btn{position:fixed;top:20px;right:clamp(16px,5vw,80px);z-index:20;padding:0;border:0;background:none;color:inherit;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.92rem}.list-entries{list-style:none;margin:0;padding:4rem 0 40vh;display:flex;flex-direction:column}.list-entry-item{height:18vh;display:flex;align-items:center;border-top:1px solid rgba(0,0,0,.1);will-change:transform,opacity;transform-origin:center center;perspective:900px}html[data-theme=dark] .list-entry-item{border-top-color:#ffffff14}.list-entry{display:flex;flex-direction:column;align-items:flex-end;text-align:right;text-decoration:none;color:inherit;padding:clamp(1rem,2vw,2rem) 0;background-image:none!important;background-size:auto!important;margin:0;padding-left:0;padding-right:0;transition:opacity .18s ease;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:none;width:100%;cursor:pointer;font-family:inherit;font-size:inherit}.list-entry:hover{color:inherit;opacity:.75}.list-entry-title{margin:0;font-size:clamp(2.2rem,6.5vw,9rem);font-weight:300;line-height:1;letter-spacing:-.025em;color:inherit;transition:color .18s ease}.list-entry:hover .list-entry-title{color:#ff5e00}.list-entry-meta{margin:.65rem 0 0;font-family:IBM Plex Mono,monospace;font-size:clamp(.7rem,1vw,.82rem);opacity:.45;letter-spacing:.01em;color:inherit}@media (max-width: 560px){.list-entry-title{font-size:clamp(1.6rem,8vw,3rem)}}.list-cursor{position:fixed;top:0;left:0;pointer-events:none;font-size:1.6rem;line-height:1;opacity:0;transform:translate(-50%,-50%);z-index:9999;transition:opacity .15s ease;-webkit-user-select:none;user-select:none}.list-entry:hover{cursor:none}.theme-toggle{position:fixed;bottom:20px;right:20px;z-index:20;display:flex;gap:14px}.theme-toggle button{padding:0;border:0;background:none;color:inherit;cursor:pointer;font-family:IBM Plex Mono,monospace;font-size:.78rem;letter-spacing:0;opacity:.7;transition:opacity .2s ease,color .2s ease}.theme-toggle button.is-active,.theme-toggle button:hover{opacity:1}html[data-theme=dark]{color:#ddd6cc;background:radial-gradient(circle at top left,rgba(50,35,12,.45),transparent 28%),linear-gradient(180deg,#131009,#0f0d0a)}html[data-theme=dark] body{background:#0f0d0a}html[data-theme=dark] .project-media{box-shadow:0 10px 30px #00000047}html[data-theme=dark] .detail-scroll{background:radial-gradient(circle at top left,rgba(45,32,14,.45),transparent 24%),linear-gradient(180deg,#1e1a14,#17140e);color:#cfc8bc}html[data-theme=dark] .site-header{background:radial-gradient(circle at top left,rgba(50,35,12,.34),transparent 30%),linear-gradient(180deg,#131009f0,#0f0d0ad6)}html[data-theme=dark] .detail-gallery-image,html[data-theme=dark] .detail-video-shell{background:#ffffff0a}html[data-theme=dark] .detail-gallery-image{box-shadow:0 14px 40px #00000059}@media (max-width: 560px){html[data-theme=dark] .site-header{background:radial-gradient(circle at top left,rgba(50,35,12,.42),transparent 30%),linear-gradient(180deg,#131009fa,#0f0d0af0);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}html[data-theme=dark] .site-brand,html[data-theme=dark] .top-nav button{color:#f0e7d9;text-shadow:0 1px 0 rgba(0,0,0,.3)}}a[href^=http],a[href^=https]{padding:.1em .25em;margin:0 -.25em;background-image:linear-gradient(#ff5e00,#ff5e00);background-repeat:no-repeat;background-position:left bottom;background-size:100% 0%;transition:background-size .18s ease}a[href^=http]:hover,a[href^=https]:hover{background-size:100% 100%;color:inherit}.detail-title-link:hover{color:inherit}