:root{--bg-main:#0d0c0b;--bg-brand:#0d0c0b;--bg-homepage:#0d0c0b;--bg-section:#0d0c0b;--bg-panel:#fff;--surface:#f3eee60a;--line:#f3eee61f;--text-main:#f3eee6;--text-muted:#f3eee6b8;--text-dark:#0d0c0b;--bg:#0d0c0b;--tone-accent:#f8a13f;--accent-main:#f8a13f;--accent-sec:#a14f09;--on-accent:#0d0c0b;--font-primary:"Roboto Flex", system-ui, -apple-system, "Segoe UI", sans-serif;--font-secondary:"Lust", serif;--fs-sm:clamp(.85rem, .8rem + .2vw, .95rem);--fs-base:clamp(1rem, .95rem + .25vw, 1.2rem);--fs-lg:clamp(1.2rem, 1.05rem + .6vw, 1.6rem);--fs-xl:clamp(1.6rem, 1.2rem + 1.6vw, 2.6rem);--fs-display:clamp(2.6rem, 1.4rem + 5vw, 6.5rem);--gutter:clamp(1rem, 4vw, 5vw);--space-section:clamp(4rem, 8vw, 9rem);--header-h:clamp(5rem, 8vw, 7.5rem);--radius:20px;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-inout:cubic-bezier(.65, 0, .076, 1);--ease-out-strong:cubic-bezier(.23, 1, .32, 1);--ease-move:cubic-bezier(.77, 0, .175, 1)}*,:before,:after{box-sizing:border-box}html,body{overflow-x:clip}html.is-fullscreen-page,html.is-fullscreen-page body{overscroll-behavior:none;height:100%;overflow:hidden}html.is-fullscreen-page .site-footer{display:none}body{background-color:var(--bg);color:var(--text-main);font-family:var(--font-primary);font-size:var(--fs-base);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.6}#root{width:100%;min-height:100vh}img,video{max-width:100%;display:block}a{color:inherit}h1,h2,h3{line-height:1.1}main:focus{outline:none}:focus-visible{outline:2px solid var(--accent-main);outline-offset:4px;border-radius:4px}::selection{background:var(--accent-main);color:var(--text-dark)}html{scrollbar-color:color-mix(in srgb, var(--text-main) 35%, transparent) transparent;accent-color:var(--accent-main);caret-color:var(--accent-main)}a{text-underline-offset:.22em;text-decoration-thickness:1px}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.skip-link{z-index:100;background:var(--accent-main);color:var(--text-dark);transition:transform .3s var(--ease-out);border-radius:999px;padding:.75rem 1.25rem;font-weight:700;text-decoration:none;position:fixed;top:1rem;left:1rem;transform:translateY(-200%)}.skip-link:focus-visible{transform:none}@media (width<=768px){.hide-on-mobile{display:none!important}}.full-bleed{width:100vw;margin-left:calc(50% - 50vw)}.page-fallback{background:var(--enter-bg,transparent);min-height:100vh}.page-error{min-height:70vh;padding:var(--header-h) var(--gutter) 0;flex-direction:column;justify-content:center;align-items:flex-start;gap:2rem;display:flex}.page-error__title{font-size:var(--fs-xl);letter-spacing:-.02em;max-width:22ch;line-height:1.1}.page-error__retry{font:inherit;color:var(--on-accent);background:var(--accent-main);cursor:pointer;border:0;border-radius:999px;padding:.9rem 1.5rem;font-weight:600;transition:scale .12s}.page-error__retry:active{scale:.97}.grain{z-index:0;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  0 0 0 0.9 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.m{border-radius:var(--radius);isolation:isolate;margin:0;position:relative;overflow:hidden;transform:translateZ(0)}.m__band{z-index:0;background:var(--section-accent,var(--tone-accent));position:absolute;inset:0}.m__frame{z-index:1;position:absolute;inset:0;overflow:hidden}.m__inner{will-change:transform;position:absolute;inset:0}.m__para{position:absolute;inset:0}.m__para>img,.m__para>video{object-fit:cover;width:100%;height:100%;display:block}.disc,.m.disc{border-radius:50%}.disc{position:relative}.disc:after{content:"";z-index:2;pointer-events:none;border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff1a,inset 10px 14px 28px -18px #ffffff8c}.split-line{margin-bottom:-.08em;padding-bottom:.08em}.page{padding:calc(var(--header-h) + 2rem) var(--gutter) var(--space-section);isolation:isolate;min-height:100vh;position:relative}.page>:not(.chapter-nav,.chapter-pill){z-index:1;position:relative}.page--center{text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.page-header{max-width:60rem;margin-bottom:clamp(3rem,6vw,6rem)}.page-title{font-size:var(--fs-display);letter-spacing:-.03em;font-variation-settings:"wdth" 90;margin:0 0 1.5rem;font-weight:800}.page-lead{font-size:var(--fs-lg);color:var(--text-muted);max-width:42rem;margin:0}.page--center .page-lead{margin-inline:auto}.page-actions{justify-content:center;width:100%;margin:3rem 0;display:flex}.section-title{font-size:var(--fs-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--accent-main);margin:0 0 1.5rem;font-weight:600}.info-section{max-width:60rem;margin-top:var(--space-section)}.prose{max-width:42rem;font-size:var(--fs-lg)}.prose p{margin:0 0 1.5em}.services{border-top:1px solid var(--line);grid-template-columns:repeat(auto-fit,minmax(min(100%,22rem),1fr));margin:0;padding:0;list-style:none;display:grid}.services__item{border-bottom:1px solid var(--line);padding:2rem 2rem 2.5rem 0}.services__index{color:var(--accent-main);font-size:var(--fs-sm);font-variant-numeric:tabular-nums}.services__title{font-size:var(--fs-xl);letter-spacing:-.02em;margin:.75rem 0}.services__text{color:var(--text-muted);max-width:30rem;margin:0}.timeline{border-top:1px solid var(--line);margin:0;padding:0;list-style:none}.timeline__item{border-bottom:1px solid var(--line);grid-template-columns:10rem 1fr 1fr;gap:1rem;padding:1.25rem 0;display:grid}.timeline__period{color:var(--text-muted);font-variant-numeric:tabular-nums}.timeline__role{font-weight:600}.timeline__org{color:var(--text-muted)}@media (width<=768px){.timeline__item{grid-template-columns:1fr;gap:.25rem}}.tools{gap:1rem;margin:0;display:grid}.tools__group{border-bottom:1px solid var(--line);grid-template-columns:10rem 1fr;gap:1rem;padding-bottom:1rem;display:grid}.tools dt{color:var(--text-muted)}.tools dd{margin:0}@media (width<=768px){.tools__group{grid-template-columns:1fr;gap:.25rem}}.contact{flex-wrap:wrap;align-items:center;gap:1.5rem;margin-bottom:3rem;display:flex}.contact__email{letter-spacing:-.02em;white-space:nowrap;transition:background-size .6s var(--ease-out), color .3s;background:linear-gradient(currentColor,currentColor) 0 100%/0 2px no-repeat;font-size:clamp(1.2rem,5.4vw,4rem);font-weight:700;text-decoration:none}.contact__email:hover{color:var(--accent-main);background-size:100% 2px}.contact__copy{font:inherit;font-size:var(--fs-sm);color:var(--text-main);cursor:pointer;border:1px solid var(--line);background:0 0;border-radius:999px;padding:.6rem 1.2rem}.contact__copy:hover{border-color:var(--text-main)}.contact__links{color:var(--text-muted);flex-wrap:wrap;gap:1rem 2.5rem;margin:0;padding:0;list-style:none;display:flex}.contact__links a{color:var(--text-main);text-decoration:none}.contact__links a:hover{color:var(--accent-main)}.not-found__code{color:var(--accent-main);letter-spacing:-.05em;margin:0;font-size:clamp(6rem,25vw,18rem);font-weight:900;line-height:1}.site-footer{z-index:1;padding:var(--space-section) var(--gutter) 2rem;border-top:1px solid var(--line);background:linear-gradient(to bottom, transparent, color-mix(in srgb, var(--bg) 70%, black) 40%);position:relative}.site-footer__cta{margin-bottom:var(--space-section);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.site-footer__title{font-size:var(--fs-xl);letter-spacing:-.02em;margin:0;font-weight:700}.site-footer__bottom{font-size:var(--fs-sm);color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:1rem;display:flex}.site-footer__links{flex-wrap:wrap;gap:1.5rem;display:flex}.site-footer__links a{text-decoration:none}.site-footer__links a:hover{color:var(--text-main)}.project-shell{position:relative}.project-back{margin-bottom:clamp(1.75rem,1rem + 3vw,2.5rem)}.project-hero{text-align:center;margin-bottom:clamp(2rem,5vw,4rem)}.project-title{font-size:var(--fs-display);letter-spacing:-.03em;text-transform:uppercase;margin:0 0 2rem;font-weight:800}.project-meta{font-size:var(--fs-sm);flex-wrap:wrap;justify-content:center;gap:1rem 3rem;margin:0;display:flex}.project-meta dt{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.project-meta dd{margin:.25rem 0 0;font-weight:600}.project-draft{border:1px solid var(--accent-main);color:var(--accent-main);font-size:var(--fs-sm);border-radius:999px;margin-top:2rem;padding:.35rem 1rem;display:inline-block}.chapter-nav{z-index:30;padding-left:1rem;position:fixed;top:50%;left:0;transform:translateY(-50%)}@media (width>=769px) and (width<=1679px){.project-page{padding-left:calc(var(--chapter-nav-w,200px) + 1.5rem)}}.chapter-pill{left:50%;bottom:max(1rem, env(safe-area-inset-bottom));z-index:30;border:1px solid var(--line);background:color-mix(in srgb, var(--bg) 82%, transparent);max-width:calc(100% - 2rem);color:var(--text-main);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:inherit;font-size:var(--fs-sm);cursor:pointer;border-radius:999px;align-items:center;gap:.75rem;padding:.6rem 1.1rem;display:none;position:fixed;transform:translate(-50%)}.chapter-pill__count{color:var(--tone-accent);font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0}.chapter-pill__label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}@media (width<=768px){.chapter-nav{display:none}.chapter-pill{display:inline-flex}}.project-detail-content{flex-direction:column;align-items:center;width:100%;display:flex}.proj-row{flex-direction:row;align-items:center;gap:clamp(2rem,5vw,4rem);width:100%;max-width:1200px;margin:clamp(2rem,5vw,4rem) auto;display:flex}.proj-row.row-reverse{flex-direction:row-reverse}.proj-img-col,.proj-text-col{flex:1;width:100%;min-width:0}.proj-img-col--center{justify-content:center;display:flex}.proj-img-container,.proj-video-container{width:100%;height:60vh}.proj-video-container--portrait{aspect-ratio:4/5;max-width:400px;height:auto}.proj-video-container--wide{aspect-ratio:16/9;max-width:1200px;height:auto;margin:clamp(2rem,5vw,4rem) auto}.proj-text-centered{text-align:center;flex-direction:column;align-items:center;max-width:800px;margin:clamp(2rem,5vw,4rem) auto 0;display:flex}.proj-subtitle{font-size:var(--fs-xl);color:var(--section-accent,var(--tone-accent));letter-spacing:-.02em;margin:0 0 1rem;font-weight:800;line-height:1.2}.proj-text{font-size:var(--fs-lg);color:var(--text-main);text-wrap:pretty;margin:.5rem 0;line-height:1.75}.embed-frame{aspect-ratio:16/9;border-radius:var(--radius);border:1px solid var(--line);width:100%;max-width:1000px;margin:3rem auto 0;overflow:hidden;box-shadow:0 10px 40px #00000080}.embed-frame iframe{border:0;width:100%;height:100%}.figma-section{margin:2rem 0 4rem}.new-identity{margin-top:var(--space-section)}.new-identity__title{text-align:center;z-index:2;margin:0;position:relative}.new-identity__expand{margin-top:-12vh;position:relative}.highlight-word{vertical-align:baseline;font-weight:600;display:inline-block;position:relative}.highlight-word .hl-base{padding:0 4px;display:inline-block}.highlight-word .hl-cover{width:100%;height:80%;color:var(--bg);background-color:var(--section-accent,var(--tone-accent));white-space:nowrap;z-index:1;clip-path:inset(0 100% 0 0);border-radius:4px;align-items:center;padding:0 4px;display:flex;position:absolute;top:10%;left:0;overflow:hidden}.next-project{margin-top:var(--space-section);padding:var(--space-section) 0 0;border-top:1px solid var(--line);text-align:center;justify-items:center;gap:1.5rem;display:grid;position:relative}.next-project__label{font-size:var(--fs-sm);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin:0}.next-project__media{width:min(100%,420px)}@media (width<=992px){.proj-row,.proj-row.row-reverse{flex-direction:column;gap:2rem;margin:2rem auto}.proj-img-container{height:45vh}}@media (width<=768px){.proj-text{text-align:left;font-size:1.05rem;line-height:1.7}.proj-text-centered .proj-text{text-align:left}.proj-text-centered{text-align:left;align-items:flex-start}}:where(.btn-arrow){margin:0}.btn-arrow{--d:48px;--btn-bg:var(--accent-main);--btn-on:var(--on-accent);isolation:isolate;height:var(--d);color:var(--text-main);cursor:pointer;font:inherit;letter-spacing:-.005em;white-space:nowrap;vertical-align:middle;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;user-select:none;transition:scale .16s var(--ease-out-strong);background:0 0;border:0;border-radius:999px;align-items:center;gap:18px;padding:0 26px 0 0;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;display:inline-flex;position:relative}.btn-arrow__fill{z-index:1;border-radius:inherit;background:var(--btn-bg);color:var(--btn-on);padding-left:calc(var(--d) + 18px);pointer-events:none;clip-path:inset(0 calc(100% - var(--d)) 0 0 round calc(var(--d) / 2));transition:clip-path .26s var(--ease-out-strong);will-change:clip-path;align-items:center;display:flex;position:absolute;inset:0}.btn-arrow__disc{width:var(--d);height:var(--d);color:var(--btn-on);z-index:2;border-radius:50%;flex:none;place-items:center;display:grid;position:relative;overflow:hidden}.btn-arrow__track{width:20px;height:20px;display:block;position:relative}.btn-arrow--back .btn-arrow__track{transform:scaleX(-1)}.btn-arrow__glyph{transition:transform .24s var(--ease-out-strong);display:block;position:absolute;inset:0;overflow:visible}.btn-arrow__glyph+.btn-arrow__glyph{transform:translate(-34px)}.btn-arrow__label{position:relative}.btn-arrow:focus-visible .btn-arrow__fill{clip-path:inset(0 0 0 0 round calc(var(--d) / 2));transition-duration:.38s}.btn-arrow:focus-visible .btn-arrow__glyph{transition-duration:.42s;transform:translate(34px)}.btn-arrow:focus-visible .btn-arrow__glyph+.btn-arrow__glyph{transition-delay:50ms;transform:none}@media (hover:hover) and (pointer:fine){.btn-arrow:hover .btn-arrow__fill{clip-path:inset(0 0 0 0 round calc(var(--d) / 2));transition-duration:.38s}.btn-arrow:hover .btn-arrow__glyph{transition-duration:.42s;transform:translate(34px)}.btn-arrow:hover .btn-arrow__glyph+.btn-arrow__glyph{transition-delay:50ms;transform:none}}.btn-arrow:active{scale:.97}.btn-arrow:focus{outline:none}.btn-arrow:focus-visible{outline:2px solid var(--text-main);outline-offset:4px}@media (prefers-reduced-motion:reduce){.btn-arrow__fill{clip-path:none;opacity:0;transition:opacity .2s!important}.btn-arrow__disc{background:var(--btn-bg)}.btn-arrow .btn-arrow__glyph+.btn-arrow__glyph{display:none}.btn-arrow .btn-arrow__glyph{transform:none!important}.btn-arrow:hover .btn-arrow__fill,.btn-arrow:focus-visible .btn-arrow__fill{opacity:1}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.project-shell .btn-arrow,.next-project .btn-arrow{--btn-bg:var(--tone-accent);--btn-on:var(--bg)}.has-fold .m__inner:after{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#0000 0%,#00000012 46%,#0000001f 50%,#00000012 54%,#0000 100%);width:6%;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}