::-webkit-scrollbar{display:none}:root{--paper: #f4f4f0;--paper-deep: #e8e8e4;--ink: #0a0a0a;--muted: #5f6368;--gray: #8c8c88;--line: rgba(10, 10, 10, .14);--accent: #ffe500;--sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--display: "Space Grotesk", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--mono: "Space Mono", "SFMono-Regular", Menlo, Consolas, monospace}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--paper)}::selection{background:var(--accent);color:var(--ink)}img{width:100%;height:100%;object-fit:cover}h1{font-family:var(--display);font-weight:600;font-size:70px;line-height:70px;letter-spacing:-.02em;color:var(--ink);font-variant-numeric:tabular-nums}p,a{text-decoration:none;font-family:var(--sans);font-size:13.5px;font-weight:500;letter-spacing:.005em;color:var(--ink);transition:color .3s}a:hover{color:var(--ink);background:var(--accent)}nav{position:fixed;top:0;left:0;width:100vw;padding:1.75em 2em;display:flex;justify-content:space-between;align-items:baseline;z-index:10}nav .brand{font-family:var(--display);font-weight:700;font-size:1.2rem;letter-spacing:-.02em}.nav-items{position:fixed;top:1.85em;left:40%;display:flex;gap:.35em;z-index:10}.nav-items a{color:var(--muted)}.nav-items a:hover{color:var(--ink);background:var(--accent)}header.w-1{width:100vw;height:50vh;display:flex;align-items:flex-end;padding:0 2em 6vh}.intro .kicker{display:inline-block;font-family:var(--mono);background:var(--accent);color:var(--ink);text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:.08em;padding:.35em .65em;margin-bottom:1.1em}.intro h2{font-family:var(--display);font-weight:600;font-size:clamp(2rem,3.6vw,3.15rem);line-height:1.08;letter-spacing:-.015em;color:var(--ink);max-width:21em}.intro h2 em{font-style:normal;color:var(--muted)}.whitespace.w-2{width:100vw;height:45vh}.gallery{position:relative;width:100%;display:flex;flex-direction:column;gap:20em}.project{position:relative;width:100vw;height:100vh;display:flex}.index{flex:1;padding-left:2em;height:0}.images{flex:6;display:flex;flex-direction:column;gap:1em;height:100vh}.img{flex:1;width:200px;background-color:var(--paper-deep);overflow:hidden}.img img{opacity:.97}.index .mask{position:absolute;top:0;left:2em;height:70px;overflow:hidden;will-change:transform}.index .mask h1{position:relative;will-change:transform}.index .mask h1 span{position:relative;display:inline-block;will-change:transform}.digit-wrapper,.digit-wrapper span{display:inline-block;position:relative;will-change:transform}.project-names{position:fixed;width:200px;top:50vh;left:40%;transform:translate(0)}.indicator{position:absolute;top:0;right:0;width:18px;height:18px;display:flex;justify-content:center;align-items:center;will-change:transform}.symbol{width:12px;height:12px;background-color:var(--ink);clip-path:polygon(0 50%,100% 100%,100% 0)}.name{height:18px}.name p{color:var(--muted);line-height:18px;transition:color .3s}.name.active p{color:var(--ink);font-weight:600;background:linear-gradient(var(--accent),var(--accent)) left bottom / 100% .5em no-repeat}.preview-img{position:fixed;bottom:2em;right:2em;max-width:40vw;height:calc(50vh - 2em);padding:6px;background:var(--paper);border:1px solid var(--line)}.progress-bar{position:fixed;top:0;right:0;width:3px;height:100vh;background-color:var(--ink);transform-origin:top;transform:scaleY(0)}.footer p{position:fixed;bottom:2em;left:40%;color:var(--muted);font-family:var(--mono);text-transform:uppercase;font-size:10px;font-weight:400;letter-spacing:.08em}@media(max-width:768px){.preview-img{display:none}.project-names{top:auto;bottom:4.5vh;left:1em;width:150px;padding:12px;background:#f4f4f0ed;border:1px solid rgba(10,10,10,.12);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.indicator{margin-top:12px;right:12px}.index .mask{z-index:9;background:var(--paper)}nav{padding:1.25em 1.5em 3.4em;background:#f4f4f0ed;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nav-items{top:3.35em;left:1.5em}header.w-1{height:auto;min-height:50vh;padding:9em 1.5em 4em}.intro h2{font-size:clamp(1.7rem,7.2vw,2.3rem)}.index{flex:0 0 0;padding-left:0}.images{padding-left:178px;padding-right:1em}.gallery{gap:12vh}.whitespace.w-2{height:22vh}.img{width:100%}.footer p{left:1.5em;bottom:1.25em;padding:.4em .6em .4em 0;background:#f4f4f0ed}}