@font-face{font-family:Inter Tight;src:url(/content/misc/InterTight-SemiBold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}@font-face{font-family:Cossette Titre;src:url(/content/misc/CossetteTitre-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Necto Mono;src:url(/content/misc/Necto-Mono.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}:root{vertical-align:baseline;--font-readme: "Inter Tight", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display: "Cossette Titre", "Inter Tight", system-ui, sans-serif;--display-type-size: 3rem;--font-mono: "Necto Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;--color-black: #000000;--color-white: #ffffff;--bs-gray-025: color-mix( in oklch, var(--color-white) 94%, oklch(60% .02 245deg) );--bs-gray-050: color-mix( in oklch, var(--color-white) 90%, oklch(60% .02 245deg) );--bs-gray-100: color-mix( in oklch, var(--color-white) 80%, oklch(60% .02 245deg) );--bs-gray-200: color-mix( in oklch, var(--color-white) 60%, oklch(60% .02 245deg) );--bs-gray-300: color-mix( in oklch, var(--color-white) 40%, oklch(60% .02 245deg) );--bs-gray-400: color-mix( in oklch, var(--color-white) 20%, oklch(60% .02 245deg) );--bs-gray-500: oklch(60% .02 245deg);--bs-gray-600: color-mix( in oklch, var(--color-black) 16%, oklch(60% .02 245deg) );--bs-gray-700: color-mix( in oklch, var(--color-black) 32%, oklch(60% .02 245deg) );--bs-gray-800: color-mix( in oklch, var(--color-black) 48%, oklch(60% .02 245deg) );--bs-gray-900: color-mix( in oklch, var(--color-black) 64%, oklch(60% .02 245deg) );--bs-gray-950: color-mix( in oklch, var(--color-black) 70%, oklch(60% .02 245deg) );--bs-gray-975: color-mix( in oklch, var(--color-black) 76%, oklch(60% .02 245deg) );--color-gray: var(--bs-gray-100);--color-soft-white: var(--bs-gray-025);--color-soft-white-muted: var(--bs-gray-050);--color-charcoal: var(--bs-gray-900);--color-canvas: var(--bs-gray-025);--color-accent: #ff0035;--color-accent-muted: #ff003380;--color-slide-border: var(--bs-gray-900);--color-fallback-canvas-trail: color-mix( in oklch, var(--bs-gray-900) 8%, transparent );--color-transparent: transparent;--color-fallback-canvas: var(--color-black);--color-fallback-canvas-text: var(--color-black);--special-color: var(--color-accent);--special-color-off: var(--color-accent-muted);--soft-white: var(--color-soft-white);--soft-off-white: var(--color-soft-white-muted);--soft-black: var(--color-charcoal);--main-color: var(--color-canvas);--main-bg: var(--main-color);--text-color: var(--soft-black);--border-def: 0px solid var(--soft-black);--border-red: 0px solid var(--special-color);--left-cursor-white: url(/content/misc/white-left.svg), pointer;--right-cursor-white: url(/content/misc/white-right.svg), pointer;--left-cursor: url(/content/misc/black-left.svg), pointer;--right-cursor: url(/content/misc/black-right.svg), pointer;--transition-timing: cubic-bezier(.165, .84, .44, 1);--hover-transition-timing: cubic-bezier(0, .885, .004, .966)}@media(max-width:758px){:root{--display-type-size: 2rem;--border-def: 0px solid var(--text-color);--border-red: 0px solid var(--special-color)}}*{color:var(--text-color);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;font-variant-ligatures:common-ligatures;-moz-font-feature-settings:"liga","clig";-webkit-font-feature-settings:"liga","clig";font-feature-settings:"liga","clig";padding:0rem;margin:0rem;box-sizing:border-box;vertical-align:baseline;transition:all .3s var(--transition-timing);transition:color .5s var(--transition-timing);transition:background-color .5s var(--transition-timing);transition:opacity .5s var(--transition-timing)}html{font-size:12px;scroll-behavior:auto;scrollbar-width:none;font-family:var(--font-display);font-weight:600}pre,code,kbd,samp{font-family:var(--font-mono);font-size:1rem}small,sub,sup{font-size:var(--display-type-size)}input,optgroup,select,textarea{font-size:1rem}@media(min-width:1600px){html{font-size:14px}}::-moz-selection{color:transparent;background:#ffffff03;text-shadow:0 0 2px #808080}::selection{color:transparent;background:#ffffff03;text-shadow:0 0 2px #808080}@view-transition{navigation:auto}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}::view-transition-old(root){animation:.3s cubic-bezier(.165,.84,.44,1) both fade-out}::view-transition-new(root){animation:.3s cubic-bezier(.165,.84,.44,1) both fade-in}body.dark-mode{--main-color: var(--color-black);--main-bg: var(--main-color);--text-color: var(--soft-white);--border-def: 0rem solid;--left-cursor: url(/content/misc/white-left.svg), pointer;--right-cursor: url(/content/misc/white-right.svg), pointer}@media(max-width:758px){body.dark-mode{--border-def: 0rem solid var(--text-color)}}header{margin-inline:1rem;justify-content:center;align-items:center;font-family:var(--font-display)}nav *{color:var(--text-color)}nav #contact{display:block;width:100%;font-size:var(--display-type-size);padding-left:1rem}@media(max-width:758px){header{margin:1rem;width:auto}header:has(#hero){margin-top:0}nav #contact{margin-bottom:2rem}}header #home-sticky{position:fixed;display:flex;flex-direction:column;align-items:stretch;gap:.125rem;top:0;width:25%;z-index:2;right:0;color:var(--text-color);text-decoration:none}header #home-sticky a,header #home-sticky span{display:flex;align-items:center;justify-content:flex-end;width:100%;padding:0 1rem 0 0;text-decoration:none;color:inherit;background-color:transparent;touch-action:manipulation;-webkit-tap-highlight-color:var(--special-color-off);transition:color .2s var(--hover-transition-timing),background-color .2s var(--hover-transition-timing)}header #home-sticky .sticky-link:is(:hover,:focus-visible){mix-blend-mode:normal;color:var(--color-white);background-color:var(--special-color)}header #home-sticky .sticky-email:is(:hover,:focus-visible){color:var(--color-white);background-color:var(--color-black)}header #home-sticky a:focus-visible{outline:.2rem solid var(--special-color);outline-offset:-.2rem}body.project-page header #home-sticky{color:var(--text-color);mix-blend-mode:normal}@media(max-width:758px){header #home-sticky{right:0;top:0;padding:0;margin-top:2rem;width:50vw;gap:0}header #home-sticky a,header #home-sticky span{justify-content:flex-end;width:50vw;padding:0 1rem}header #home-sticky .sticky-email{width:max-content;min-width:50vw;max-width:100vw;white-space:nowrap}.nav-links-container>div:first-child{margin-top:2rem}}#menu-icon{--menu-grid-gap: 1rem;--nav-column-width: calc((100vw - var(--menu-grid-gap)) / 4);position:fixed;left:0;cursor:pointer;display:flex;top:0;flex-direction:row;justify-content:space-between;width:var(--nav-column-width);height:var(--display-type-size);z-index:1002;color:var(--text-color);background-color:transparent;transition:left .12s var(--hover-transition-timing),width .12s var(--hover-transition-timing),height .12s var(--hover-transition-timing),margin-left .12s var(--hover-transition-timing),padding-left .12s var(--hover-transition-timing),color .2s var(--hover-transition-timing),background-color .2s var(--hover-transition-timing)}#column-grid-overlay{--column-grid-gap: 1rem;display:none;position:fixed;inset:0;z-index:10000;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--column-grid-gap);padding-inline:var(--column-grid-gap);pointer-events:none}#column-grid-overlay.is-visible{display:grid}#column-grid-overlay>div{position:relative;background:#ff00351a;border-inline:1px solid var(--color-accent)}#column-grid-overlay>div:before,#column-grid-overlay>div:after{content:"";position:absolute;inset-block:0;border-left:1px dashed var(--color-accent);pointer-events:none}#column-grid-overlay>div:before{left:var(--column-grid-gap)}#column-grid-overlay>div:after{right:var(--column-grid-gap)}@media(max-width:758px){#column-grid-overlay{--column-grid-gap: .5rem}}#menu-icon:is(:hover,:focus-visible){color:var(--color-white);background-color:var(--color-black)}#menu-icon .stripe{position:absolute;background-color:currentColor;width:3px;height:100%;top:0;transition:margin-left .12s var(--hover-transition-timing),opacity .12s var(--hover-transition-timing)}#menu-icon .stripe:nth-child(1){left:var(--menu-grid-gap)}#menu-icon .stripe:nth-child(2){left:calc(2 * var(--menu-grid-gap));opacity:1}#menu-icon .stripe:nth-child(3){right:var(--menu-grid-gap);margin-left:0;opacity:1}#menu-icon .stripe:nth-child(4){right:0}.nav-hello{font-size:1.25rem;font-family:var(--font-readme);padding:1rem;text-align:left;text-wrap:balance}.nav-availability{font-size:1rem}#nav-menu{--sidebar-background: var(--color-black);--sidebar-foreground: var(--color-white);position:fixed;top:0;left:-100%;width:calc(50vw - .5rem);height:100vh;color:var(--sidebar-foreground);background-color:var(--sidebar-background);display:flex;flex-direction:column;justify-content:space-between;align-items:flex-start;z-index:2000;font-size:2rem;transition:left .12s var(--hover-transition-timing)}#nav-menu *{color:var(--sidebar-foreground)}@media(max-width:758px){#nav-menu{font-size:1.5rem;width:calc(75svw - .375rem)}}.nav-links-container{width:100%;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1}.nav-links-container>div{width:100%}.nav-links-container>div:first-child{display:flex;flex-direction:column}.nav-links-container p{padding:1rem}.nav-links-container *{display:inline-block;text-decoration:none}.nav-links-container a{font-size:var(--display-type-size);padding-left:1rem;transition:width .12s var(--hover-transition-timing),color .12s var(--hover-transition-timing),background-color .12s var(--hover-transition-timing)}#nav-menu a:is([aria-current=page],[aria-current=location]){color:var(--sidebar-background);background-color:var(--main-bg)}.nav-links-container a:is(:hover,:focus-visible),#nav-menu #contact:is(:hover,:focus-visible){background-color:var(--special-color)!important;color:var(--color-white)!important}.nav-links-container a:is(:hover,:focus-visible){width:100%}.nav-links-container a:visited{color:var(--sidebar-foreground)}#theme-toggle{font-size:var(--display-type-size);padding-block:2rem}#nav-menu.open{left:0}#menu-icon:is(:hover,:focus-visible) .stripe{background-color:var(--color-white)}#menu-icon:is(:hover,:focus-visible) .stripe:first-child,#menu-icon:is(:hover,:focus-visible) .stripe:last-child{box-shadow:-1px 0 0 var(--color-black),1px 0 0 var(--color-black)}#menu-icon.open{left:1rem;margin-left:calc(50svw - .5rem);width:calc(50svw - 1.5rem);justify-content:space-between;z-index:1001;padding-left:0rem}@media(max-width:758px){#menu-icon{--menu-grid-gap: .5rem}#menu-icon.open{width:calc(50svw - .75rem);margin-left:calc(50svw - .75rem)}#menu-icon.open .stripe:nth-child(2),#menu-icon.open .stripe:nth-child(3){display:none}#menu-icon{height:2.25rem}}#menu-icon.open .stripe{margin:0}#menu-icon.open .stripe:nth-child(1){left:0rem}#menu-icon.open .stripe:nth-child(2){left:calc((100% - var(--menu-grid-gap)) / 2)}#menu-icon.open .stripe:nth-child(3){right:auto;left:calc((100% + var(--menu-grid-gap)) / 2)}#menu-icon.open .stripe:nth-child(4){right:0rem}body{width:100%;background-color:var(--main-bg);color:var(--text-color);font-size:var(--display-type-size)}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.blinking{animation:blink .1s var(--transition-timing)}ol{list-style:none;padding:0;margin:0}h1{font-size:var(--display-type-size);color:var(--text-color)}h2{font-size:var(--display-type-size);font-style:normal;color:var(--text-color)}h3{font-size:var(--display-type-size);font-style:normal;letter-spacing:normal;color:var(--text-color)}h4{font-size:var(--display-type-size);font-style:normal;letter-spacing:normal}h5,h6{font-size:var(--display-type-size);color:var(--text-color);font-style:normal}p{font-size:1rem;font-family:var(--font-readme);text-align:justify;text-justify:auto;font-style:normal}@media(max-width:768px){p{max-width:60ch;text-align:left}}a{text-decoration:underline;display:flex;cursor:pointer;padding:0rem 0 .125rem;font-style:normal;border:var(--border-def);color:var(--text-color);transition:color .2s var(--hover-transition-timing),background-color .2s var(--hover-transition-timing)}p a{display:inline}a:visited{color:var(--text-color);border:var(--border-red)}a:hover{border:var(--border-def);color:var(--special-color)}@media(max-width:758px){a:hover{border:0rem solid var(--special-color)}}button{display:inline-block;padding:.25rem 1rem;width:100%;background-color:var(--main-bg);border:var(--border-def);color:var(--text-color);cursor:pointer;text-align:start;transition:color .2s var(--hover-transition-timing),background-color .2s var(--hover-transition-timing)}button:hover{background-color:var(--text-color);color:var(--main-bg)}.archive-item a,.xtr-info a,a{text-decoration:underline 2px}.extr-link{text-decoration:none}:where(h1,h2,h3,h4,h5,h6,button,label,summary,th,figcaption,#home-sticky a,#nav-menu a,.hero-tags,.hero-availability,.hero-contact p,.hashtag,.archive-item .item-id,.archive-item .item-info,.footer-columns p,.footer-columns a,.footer-note p,#contact-highlight p,.media .links a,.project-info-columns>div:first-child p,.projects-navigator span,.slide-project-tags,#slides-nav,#gallery-info #brand,#gallery-info #title,#gallery-info #date,#gallery-counter){font-weight:400;text-transform:uppercase}button{text-transform:uppercase}#menu-icon{border:0;padding:0;background:transparent}#menu-icon:focus-visible{outline:2px solid var(--color-accent);outline-offset:5px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}::view-transition-old(root),::view-transition-new(root){animation:none}}
