﻿*,*:before,*:after{box-sizing:border-box}:root{--font-display: "PP Editorial Old";--padding-inline: 1.2rem;--font-text: "EB Garamond";--font-ui: "PP Neue Montreal";--color-contrast: oklab(98% 0 0);--color-contrast-mid: oklab(90.67% 0 0);--color-text-mid: oklab(57.26% 0 0);--color-text-dark: oklab(9.6% 0 0);--color-stamp-morocco: oklab(64% 0.19 0.4);--color-stamp-paris: oklab(70% 0.03 0.16);--color-stamp-estonia: oklab(72% -0.03 -0.41);--color-stamp-london: oklab(49% -0.09 0.05);--color-stamp-mexico: oklab(71% 0.12 0.14);--color-selection: oklab(90.67% 0 0 / 0.5)}@media(min-width: 48rem){:root{--padding-inline: var(--padding-inline-start) var(--padding-inline-end);--padding-inline-start: 5vw;--padding-inline-end: 2rem}}@font-face{font-family:"EB Garamond";font-weight:400 800;font-style:normal;font-display:swap;src:url("/typography/EBGaramond-Regular.woff2") format("woff2")}@font-face{font-family:"EB Garamond";font-weight:400 800;font-style:italic;font-display:swap;src:url("/typography/EBGaramond-Italic.woff2") format("woff2")}@font-face{font-family:"PP Editorial Old";font-weight:200;font-style:normal;font-display:swap;src:url("/typography/PPEditorialOld-Ultralight.woff2") format("woff2")}@font-face{font-family:"PP Editorial Old";font-weight:200;font-style:italic;font-display:swap;src:url("/typography/PPEditorialOld-UltralightItalic.woff2") format("woff2")}@font-face{font-family:"PP Neue Montreal";font-weight:normal;font-style:normal;font-display:swap;src:url("/typography/PPNeueMontreal-Regular.woff2") format("woff2")}.visually-hidden{position:absolute;overflow:hidden;clip:rect(0 0 0 0);width:1px;height:auto;margin:0;padding:0;white-space:nowrap;border:0}::selection{background-color:var(--color-selection)}html{overscroll-behavior:none}html:focus-within{scroll-behavior:smooth}body{font-family:var(--font-text);overflow-x:hidden;margin:0;color:var(--color-text-dark);background-color:var(--color-contrast)}img{max-width:100%}a{color:inherit}@media(min-width: 48rem){.page{display:grid;grid-template-columns:minmax(10rem, 40vw) 34rem}}.page__image{position:sticky;z-index:1;top:-6rem;width:100%;height:10rem;object-fit:cover;transition:opacity .35s ease-in-out}@media(min-width: 48rem){.page__image{top:0;height:100vh}}.page__image-scrim{position:sticky;z-index:1;inset-inline:0;top:-6rem;height:10rem;margin-top:-10rem;content:"";transition:opacity .8s;opacity:0;background-color:var(--color-text-dark)}.page__image-scrim--active{opacity:.5}@media(min-width: 48rem){.page__image-scrim{display:none}}.page__image canvas{user-select:none;pointer-events:none}.page__image-inner{position:absolute;z-index:-1;inset:0;width:100%;height:100%;object-fit:cover}.page__brand{font-family:var(--font-display);font-size:2rem;line-height:1;position:fixed;z-index:2;top:1rem;left:1rem;display:none;max-width:8ch;transition:all .3s ease-in-out;transform:translateY(-0.5em);text-decoration:none;opacity:0;color:var(--color-contrast);filter:blur(4px)}@media(min-width: 48rem){.page__brand{display:inline-block}}.page__brand--active{transform:translateY(0);opacity:1;filter:blur(0)}.page__brand-tiny{position:fixed;z-index:2;top:0;left:0;display:inline-block;height:4rem;aspect-ratio:1;padding:1rem;transition:all .3s;transform:translateX(-1rem);opacity:0;background-color:var(--color-text-dark)}.page__brand-tiny--active{transform:translateX(0);opacity:1}@media(min-width: 48rem){.page__brand-tiny{display:none}}.page__brand-tiny svg{max-width:2rem}.page__link{font-family:var(--font-ui);position:absolute;top:32rem;left:1.25rem;transition:all .3s ease-in-out;text-decoration:none;text-transform:uppercase;color:inherit}.page__link:before{position:absolute;inset-inline:0;top:calc(50% - 1px);display:block;width:100%;height:2px;content:"";transition:transform .3s ease-in-out;transform:scaleX(0);transform-origin:100% 0;background-color:currentColor}.page__link:hover:before{transform:scaleX(1);transform-origin:0 0}@media(min-width: 48rem){.page__link{position:fixed;z-index:2;top:unset;bottom:1rem;display:inline-block;transform:translateY(0.5em);opacity:0;color:var(--color-contrast);filter:blur(4px)}}@media(min-width: 48rem){.page__link--active{transform:translateY(0);opacity:1;filter:blur(0)}}.page__layout{padding-inline:var(--padding-inline)}@media(min-width: 48rem){.page__layout{padding-block-start:calc(50vh - 13rem)}}.nav{font-family:var(--font-ui);overflow:hidden;margin-block-end:5rem}@media(min-width: 48rem){.nav{position:sticky;z-index:2;top:-1px;display:inline-block;width:calc(100% + var(--padding-inline-start) + var(--padding-inline-end));margin-inline-end:calc(var(--padding-inline-start)*-1);padding-block:1.5rem;transform:translateX(calc(var(--padding-inline-start) * -1));background-color:var(--color-contrast)}}@media(min-width: 932px){.nav{width:calc(100vw - max(10rem,40vw))}}.nav:after{position:absolute;inset-block-end:0;inset-inline:0;display:block;width:100%;height:1px;transition:all .3s ease-in-out;transform:scaleX(0);transform-origin:0 0;background-color:var(--color-contrast-mid)}@media(min-width: 48rem){.nav:after{content:""}}.nav--active:after{transform:scaleX(1)}.nav__list{overflow-x:scroll;margin:0;scrollbar-width:none;padding-inline:var(--padding-inline-start);list-style-type:none}@media(min-width: 48rem){.nav__list{display:flex;gap:2rem}}.nav__list-item{margin:0;color:hsl(0,0%,81%);flex-shrink:0}.nav__list-item:nth-child(1){color:hsl(0,0%,1%)}.nav__list-item:nth-child(2){color:hsl(0,0%,21%)}.nav__list-item:nth-child(3){color:hsl(0,0%,41%)}.nav__list-item:nth-child(4){color:hsl(0,0%,61%)}.nav__list-link{position:relative;text-decoration:none;text-transform:uppercase;color:inherit}.nav__list-link:before{position:absolute;inset-inline:0;top:calc(50% - 1px);display:block;width:100%;height:2px;content:"";transition:transform .3s ease-in-out;transform:scaleX(0);transform-origin:100% 0;background-color:currentColor}.nav__list-link:hover:before{transform:scaleX(1);transform-origin:0 0}.home__title{font-family:var(--font-display);font-size:4rem;font-weight:100;line-height:1;max-width:8ch;margin-block-end:7rem}@media(min-width: 48rem){.home__title{font-size:6rem;margin-block-start:0;margin-block-end:1em;padding-block-start:2rem}}.home__title span{font-style:italic}.posts{margin-block-end:20rem}.post{margin-block-end:6rem;scroll-margin-block-start:8rem;filter:url(#distortion)}.post__header{position:relative;margin-block-end:3rem;text-wrap:balance;text-wrap:pretty}.post__title{font-family:var(--font-ui);font-size:1rem;font-weight:normal;line-height:1.2;display:inline;margin-block:0;text-transform:uppercase}.post__title:after{display:inline-block;margin-inline-start:.5ch;content:"—";color:var(--color-text-mid)}.post__location{font-family:var(--font-ui);font-style:normal;display:inline;text-transform:uppercase;color:var(--color-text-mid)}.locale{position:absolute;filter:url(#noise)}.locale--paris{z-index:-1;top:4rem;right:-1rem;width:5rem;color:var(--color-stamp-paris)}.locale--morocco{z-index:-1;right:2rem;width:6rem;rotate:-11deg;color:var(--color-stamp-morocco)}.locale--estonia{top:-3rem;left:-3rem;width:5rem;rotate:15deg;color:var(--color-stamp-estonia);mix-blend-mode:saturation}.locale--london{top:-3rem;left:0;width:5rem;rotate:85deg;color:var(--color-stamp-london);mix-blend-mode:color-burn}.locale--mexico{z-index:-1;top:-2rem;right:0;width:8rem;rotate:-11deg;color:var(--color-stamp-mexico)}.post__content{margin-block-end:3rem}.post__content p{line-height:1.5;max-width:50ch}@media(min-width: 48rem){.post__content p{max-width:unset}}.post__content p:first-of-type{text-indent:.5ch}.post__date{line-height:1.5;float:left;text-transform:uppercase;color:var(--color-text-mid)}.post__date:after{content:" — "}.signature{display:block;max-width:15ch}.signature--henry{max-width:8ch}.noise{position:fixed;z-index:4;inset:0;width:100%;height:100%;user-select:none;pointer-events:none}.about{margin-block-end:10rem}.about h1,.about h2,.about h3{font-weight:normal}.about h1{font-family:var(--font-display);font-size:4rem;font-style:italic;line-height:1;margin-block-end:2em}@media(min-width: 48rem){.about h1{margin-block-end:initial}}.about h2{font-style:italic;margin-block-start:4rem;color:var(--color-text-mid)}.about h3{font-family:var(--font-ui);font-size:.75rem;margin-block-start:2rem;margin-block-end:0;text-transform:uppercase}.about h3+p{text-indent:3ch}.portraits{display:grid;gap:1rem;grid-template-columns:repeat(2, minmax(0, 1fr))}.player{display:grid;grid-template-columns:auto auto;justify-items:space-between;min-height:3rem;margin-block-start:5rem}.player--extra{position:fixed;z-index:2;top:.5rem;left:5rem;width:calc(100vw - 6rem);margin-block-start:0;transition:all .3s ease;opacity:0;color:#fff;filter:blur(2px)}.player--extra.player--active{opacity:1;filter:blur(0px)}@media(min-width: 48rem){.player--extra{display:none}}@media(min-width: 56rem){.player--extra{top:unset;bottom:5rem;left:1rem;display:grid;width:calc(clamp(10rem,40vw,43rem) - 2rem)}}@media(min-width: 70rem){.player--extra{right:1rem;bottom:-2rem;left:unset;width:calc(100vmin - 7rem);max-width:24rem;transform:rotate(-90deg) translateX(100%) translateY(-100%);transform-origin:100% 0}}.player__status-text{font-family:inherit;font-size:inherit;font-style:italic;display:inline-block;grid-column-end:span 2;justify-self:start;padding:0;cursor:pointer;transform:translateY(0);text-align:left;text-decoration:underline;opacity:1;color:var(--color-text-mid);border:none;background:rgba(0,0,0,0);clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.player__status-text:hover{opacity:.8;filter:blur(1px)}.player--extra .player__status-text{color:var(--color-contrast-mid)}@media(min-width: 70rem){.player--extra .player__status-text{color:var(--color-text-mid)}}.player__now-playing{justify-self:start}.player__song,.player__artist{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.player--extra .player__song,.player--extra .player__artist{display:none;color:var(--color-contrast)}@media(min-width: 48rem){.player--extra .player__song,.player--extra .player__artist{display:inline-block}}@media(min-width: 70rem){.player--extra .player__song,.player--extra .player__artist{color:var(--color-text-dark)}}.player__song{display:inline-block}.player__song:not(:empty):after{content:","}.player__artist{font-style:italic;display:inline-block}.player__next{font-family:inherit;font-size:inherit;font-style:italic;display:none;justify-self:end;padding:0;cursor:pointer;transition:all .3s ease;text-decoration:underline;opacity:0;color:var(--color-text-mid);border:none;background:rgba(0,0,0,0);filter:blur(2px)}@media(min-width: 48rem){.player__next{display:inline-block}}.player__next--active{opacity:1;filter:blur(0px)}.player__next--active:hover{opacity:.8;filter:blur(1px)}.player--extra .player__next{color:var(--color-contrast-mid)}@media(min-width: 70rem){.player--extra .player__next{color:var(--color-text-mid)}}
