:root{color-scheme:light;--canvas:#bfbfbf;--ink:#26262b;--edge:30px;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none}*{box-sizing:border-box}body{margin:0;font-size:16px;line-height:1.45}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #26262b;outline-offset:5px}button:hover{opacity:.65}[hidden]{display:none!important}.text-button{padding:8px 0;font-size:17px;white-space:nowrap}.icon-button{padding:8px;font-size:20px;line-height:1}.skip-link{position:fixed;top:12px;left:50%;transform:translate(-50%,-200%);z-index:100;background:var(--ink);color:white;padding:10px 16px}.skip-link:focus{transform:translate(-50%,0)}.site-header{display:flex;justify-content:space-between;align-items:center;padding:21px var(--edge);position:relative;z-index:10;pointer-events:none}.site-header>*{pointer-events:auto}.identity{display:flex;align-items:center;gap:15px;text-decoration:none}.identity h1{font-weight:400;font-size:17px;letter-spacing:-.025em;margin:0}.monogram{font:italic 42px/1 Georgia,serif;letter-spacing:-5px;transform:rotate(-8deg);padding-right:8px}.about-toggle span{margin-left:5px}.collection-heading{display:flex;justify-content:space-between;gap:24px;margin:23px var(--edge) 0;font-size:14px}.collection-heading p{margin:0}.collection-count{white-space:nowrap}.gallery-viewport{position:relative;padding:32px var(--edge) 100px;outline:none}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:28px;max-width:1280px;margin:0 auto}.piece{--accent:#26262b;min-width:0}.piece-open{display:block;text-decoration:none;position:relative;outline-offset:5px}.piece-visual{display:block;overflow:hidden;background:#f1eee7;aspect-ratio:1.32;border:3px solid #f6f6f4;box-shadow:0 2px 7px #00000014;transition:box-shadow .2s,border-color .2s}.piece-visual img{width:100%;height:100%;display:block;object-fit:cover;object-position:top}.piece[data-id=competition] img{object-fit:cover;object-position:center}.piece[data-id=neversplit] img{object-position:center}.piece-open:hover .piece-visual,.piece-open:focus-visible .piece-visual{border-color:var(--accent);box-shadow:0 6px 18px #0002}.piece-caption{display:flex;justify-content:space-between;gap:10px;align-items:baseline;font-size:14px;padding-top:7px}.piece-title{overflow-wrap:anywhere}.poster{display:flex;flex-direction:column;position:relative;width:100%;height:100%;padding:7%;overflow:hidden;text-align:left;line-height:1.05;container-type:inline-size}.poster-top{font:500 6cqw/1.2 Arial,sans-serif;letter-spacing:-.02em}.poster strong{font:400 16cqw/.93 Arial,sans-serif;letter-spacing:-.055em;margin:auto 0}.poster-bottom{font:400 5cqw/1.2 Arial,sans-serif;letter-spacing:0;margin-top:auto}.poster-ft{background:#f5cdb5;color:#562a22}.poster-ft strong{font:400 15cqw/.98 Georgia,serif;letter-spacing:-.04em;z-index:1}.poster-symbol{position:absolute;right:2%;bottom:8%;font-size:55cqw;line-height:1;color:#c35b4840}.poster-octavia{background:#d4e7bc;color:#173e28}.poster-octavia strong{font-size:17cqw;z-index:1}.road-lines{display:flex;gap:6px;position:absolute;bottom:0;right:5%;height:100%;transform:rotate(30deg);opacity:.15}.road-lines i{border-left:1px solid;width:13px}.poster-aihero{background:#b9a4e1;color:#30234c}.poster-aihero strong{font-size:28cqw;line-height:.85}.code-cursor{font-size:19cqw;color:#7155a3}.poster-youtube{background:#efece5;color:#d13238}.poster-youtube strong{font-size:19cqw;font-weight:600;letter-spacing:-.06em}.poster-skoda{background:#bad4d9;color:#214b5b}.poster-skoda strong{font-size:19cqw}.poster-letterboxd{background:#152224;color:#f4f0dc}.poster-letterboxd strong{font:400 21cqw/.9 Georgia,serif;letter-spacing:-.035em}.film-dots{display:flex;margin:7% 0 1%;gap:4%}.film-dots i{display:block;width:11%;aspect-ratio:1;border-radius:50%;background:#ef9f42}.film-dots i:nth-child(2){background:#52ac83}.film-dots i:nth-child(3){background:#5aafdf}.gallery-controls,.interaction-hint,.gallery-frame,.about-toggle{display:none}.noscript-note{padding:0 var(--edge) 40px;max-width:700px}
/* The static page is an ordinary linked collection. JavaScript enables the spatial views. */
.enhanced body{height:100dvh;overflow:hidden}.enhanced .site-header{position:fixed;top:0;left:0;right:0}.enhanced .about-toggle{display:block}.enhanced .collection-heading{position:fixed;top:91px;left:var(--edge);right:var(--edge);margin:0;pointer-events:none;z-index:3}.enhanced .gallery-viewport{position:absolute;inset:134px 0 110px;padding:0;overflow:hidden;touch-action:pinch-zoom;cursor:grab}.enhanced .gallery-viewport.is-dragging{cursor:grabbing}.enhanced .gallery{display:block;position:absolute;inset:0;max-width:none;perspective:none;user-select:none}.enhanced .piece{position:absolute;left:50%;top:50%;width:var(--card-width,190px);will-change:transform;transform-origin:center;backface-visibility:hidden}.enhanced .piece-open{cursor:pointer}.enhanced .piece-visual{border-width:2px;box-shadow:0 2px 6px #00000012}.enhanced .piece-caption{position:absolute;top:100%;left:0;right:0;opacity:0;transition:opacity .15s;font-size:14px;line-height:1.15;pointer-events:none}.enhanced .piece:hover,.enhanced .piece:focus-within{z-index:500!important}.enhanced .piece:hover .piece-caption,.enhanced .piece:focus-within .piece-caption{opacity:1}.enhanced .piece-open:focus-visible{outline:2px solid var(--accent)}.enhanced .gallery-frame{position:absolute;display:block;inset:10px max(6%,30px) 16px;border:1px solid #26262b18;pointer-events:none;z-index:0}.gallery-frame i{position:absolute;width:9px;height:9px;border-color:#26262b;border-style:solid;border-width:0}.gallery-frame i:nth-of-type(1){left:-1px;top:-1px;border-width:1px 0 0 1px}.gallery-frame i:nth-of-type(2){right:-1px;top:-1px;border-width:1px 1px 0 0}.gallery-frame i:nth-of-type(3){right:-1px;bottom:-1px;border-width:0 1px 1px 0}.gallery-frame i:nth-of-type(4){left:-1px;bottom:-1px;border-width:0 0 1px 1px}.frame-label,.frame-coordinate{font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace;letter-spacing:.02em;background:var(--ink);color:#eeeeef;padding:3px 6px;position:absolute}.frame-label{top:-20px;left:-1px}.frame-coordinate{right:-1px;bottom:-19px}.enhanced .interaction-hint{display:block;position:fixed;bottom:75px;left:50%;transform:translateX(-50%);font-size:12px;white-space:nowrap;margin:0;opacity:.75;pointer-events:none}.enhanced .gallery-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;position:fixed;left:var(--edge);right:var(--edge);bottom:20px;z-index:10}.view-controls{display:flex;align-items:center;gap:9px}.mode-selector{position:relative}.mode-toggle{min-width:64px;text-align:left}.mode-toggle span{font-size:12px;margin-left:6px}.mode-menu{position:absolute;bottom:calc(100% + 12px);left:-8px;display:flex;flex-direction:column;gap:1px;background:#cecece;border:1px solid #26262b30;padding:5px;min-width:110px;box-shadow:0 5px 20px #00000010}.mode-menu button{font-size:17px;text-align:left;padding:7px 12px}.mode-menu button[aria-pressed=true]{background:#26262b;color:#eee}.motion-toggle{font-size:14px;margin-left:12px;color:#3f3f44}.filters{display:flex;gap:24px}.filters button{font-size:17px;padding:7px 0;position:relative}.filters button[aria-pressed=true]::after{content:"";height:2px;position:absolute;left:0;right:0;bottom:2px;background:currentColor}.enhanced.is-grid .gallery-viewport{inset:134px 0 83px;overflow-y:auto;touch-action:pan-y pinch-zoom;cursor:auto;scrollbar-width:thin;scrollbar-color:#777 transparent;padding:25px max(6%,30px) 50px;mask-image:linear-gradient(transparent,#000 20px,#000 calc(100% - 24px),transparent)}.enhanced.is-grid .gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px 22px;position:relative;inset:auto;max-width:1150px;margin:0 auto}.enhanced.is-grid .piece{position:relative;inset:auto;width:auto;transform:none!important;opacity:1!important;will-change:auto}.enhanced.is-grid .piece-caption{position:relative;opacity:1}.enhanced.is-grid .gallery-frame,.enhanced.is-grid .interaction-hint{display:none}.enhanced.is-grid .motion-toggle{visibility:hidden}.enhanced.is-grid .piece-visual{aspect-ratio:1.2}.enhanced.is-grid .piece:nth-child(3n + 1) .piece-visual{aspect-ratio:.95}
dialog{color:var(--ink);background:var(--canvas);padding:0;border:1px solid #26262b6b;max-height:calc(100dvh - 48px);box-shadow:0 20px 100px #0003}dialog::backdrop{background:#bfbfbfd9;backdrop-filter:blur(10px)}.dialog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;border-bottom:1px solid #26262b33;font:12px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.dialog-toolbar .text-button{font-family:Arial,sans-serif;font-size:16px}.project-dialog{width:min(1040px,calc(100% - 48px));overflow-y:auto}.project-layout{display:grid;grid-template-columns:1.05fr 1fr;align-items:start;gap:32px;padding:28px}.project-preview{position:sticky;top:24px}.project-preview .piece-visual{aspect-ratio:auto;box-shadow:none}.project-preview .piece-visual img{height:auto;max-height:65dvh;object-fit:contain}.project-preview .poster{aspect-ratio:1;min-height:260px}.project-copy h2{font-weight:400;font-size:32px;line-height:1.04;letter-spacing:-.045em;margin:0 0 22px}.project-copy p{margin:0 0 18px;line-height:1.6}.project-copy h3{font-size:14px;font-weight:400;margin:25px 0 12px;text-transform:lowercase}.project-copy ul{padding-left:18px;margin:0;font-size:14px;line-height:1.5}.project-copy li+li{margin-top:10px}.project-copy strong{font-weight:600}.project-links{display:flex;align-items:start;flex-direction:column;gap:12px;margin-top:30px;font-size:16px}.project-links a{text-decoration:none;border-bottom:1px solid}.project-links a:first-child{background:var(--ink);color:#f1f1ed;padding:11px 14px;border:0}.project-navigation{border-top:1px solid #26262b33;display:flex;justify-content:space-between;align-items:center;padding:8px 22px;gap:14px}.project-navigation button{font-size:14px}.project-position{font:11px ui-monospace,SFMono-Regular,Consolas,monospace}.about-dialog{width:min(650px,calc(100% - 40px));border:0;box-shadow:none;overflow-y:auto;background:transparent}.about-dialog .dialog-toolbar{position:sticky;top:0;background:var(--canvas);z-index:2;padding:9px 4px;border-bottom:0}.about-content{padding:28px 4px 20px}.about-content h2{font-size:38px;line-height:1.05;font-weight:400;letter-spacing:-.05em;margin:0 0 45px}.pronunciation{display:block;font-size:14px;letter-spacing:0;line-height:1.5;margin-top:9px}.bio-note{border:1px solid var(--note);position:relative;margin:0 0 31px;padding:23px 20px 20px}.note-label{position:absolute;left:-1px;top:-19px;padding:3px 7px;color:#fff;background:var(--note);font:10px/1.4 ui-monospace,SFMono-Regular,Consolas,monospace}.bio-note p{margin:0;font-size:17px;line-height:1.55;letter-spacing:-.015em}.bio-note p+p{margin-top:14px}.social-links{display:flex;flex-wrap:wrap;gap:22px;justify-content:center;font-size:14px;margin:40px 0 15px}.social-links a{text-underline-offset:4px}
@media(min-width:1600px){.enhanced .gallery-viewport{inset:150px 0 130px}.enhanced .gallery-frame{inset:15px 12% 20px}}
@media(max-width:900px){.enhanced.is-grid .gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.project-layout{gap:24px;padding:22px}.project-copy h2{font-size:28px}.collection-heading{font-size:13px}}
@media(max-width:600px){:root{--edge:20px}.site-header{padding-top:17px}.identity{gap:10px}.identity h1{font-size:16px}.monogram{font-size:34px}.about-toggle{font-size:16px}.enhanced .collection-heading{top:82px;font-size:12px;gap:15px}.collection-heading p{max-width:200px}.enhanced .gallery-viewport{inset:137px 0 141px}.enhanced .gallery-frame{inset:3px 23px 8px}.enhanced .interaction-hint{bottom:108px;font-size:11px}.enhanced .gallery-controls{bottom:18px;flex-wrap:wrap;gap:8px}.view-controls{width:100%;justify-content:center;gap:10px}.motion-toggle{position:absolute;right:0;margin:0;font-size:12px}.filters{justify-content:center;gap:30px;width:100%}.filters button{font-size:16px}.mode-menu{bottom:calc(100% + 8px)}.enhanced.is-grid .gallery-viewport{inset:121px 0 116px;padding:25px 20px 30px}.enhanced.is-grid .gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 15px}.piece-caption{font-size:13px!important}.project-dialog{width:calc(100% - 24px);max-height:calc(100dvh - 24px)}.project-layout{display:block;padding:16px}.project-preview{position:static;margin-bottom:25px}.project-preview .piece-visual{max-width:420px;margin:auto}.project-preview .piece-visual img{max-height:38dvh}.project-preview .poster{aspect-ratio:1.4;min-height:0}.project-copy h2{font-size:28px}.dialog-toolbar{padding:8px 16px}.project-meta{max-width:65%}.about-content h2{font-size:34px}.bio-note p{font-size:16px}.bio-note{padding:22px 16px 18px}.note-label{font-size:9px}.social-links{gap:20px}.gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}}
@media(max-height:550px) and (min-width:601px){.enhanced .collection-heading{top:77px}.enhanced .gallery-viewport{inset:110px 0 80px}.enhanced .interaction-hint{display:none}.enhanced.is-grid .gallery-viewport{inset:98px 0 65px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}.piece{will-change:auto!important}}