:root{--black: #000;--white: #fff;--grey: #8a8a8a;--grey-read: #d6d6d6;--grey-text: #c9c9c9;--grey-soft: #7a7a7a;--grey-dim: #565656;--hairline: #1a1a1a;--red: #f8452b;--rose: #ef3f79;--teal: #0b8c8e;--amber: #e8ac62;--green: #49a874;--earth: #e7614f;--paper: #cfc6b8;--accent: var(--red);--accent-dur: .75s;--display: "Barlow Condensed", "Helvetica Neue", "Arial Narrow", sans-serif;--body: "IBM Plex Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, monospace;--mono: var(--body);--title-tracking: .34em;--title-tracking-tight: .24em;--title-size: clamp(1.4rem, 5.2vw, 4.4rem);--title-size-sm: clamp(1rem, 2.6vw, 1.9rem);--title-line-height: 1.5;--body-tracking: .01em;--body-size: clamp(.82rem, 1.05vw, .95rem);--body-line-height: 1.85;--lead-size: clamp(1rem, 1.5vw, 1.3rem);--gap: clamp(1.5rem, 4vw, 2.5rem);--section-gap: clamp(4.5rem, 9vh, 7rem);--page-pad: clamp(1.25rem, 5vw, 4.5rem);--measure: 46em;--measure-lead: 30em;--ease: cubic-bezier(.22, .61, .36, 1);--dur: .5s;--dur-line: 1.1s}@media(max-width:700px){:root{--title-tracking: .2em;--title-tracking-tight: .15em;--title-size: clamp(1.1rem, 6.4vw, 2.4rem);--title-size-sm: clamp(.85rem, 4vw, 1.2rem)}}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:200;font-display:swap;src:url(/fonts/barlow-condensed-200.woff2) format("woff2")}@font-face{font-family:Barlow Condensed;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/barlow-condensed-300.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/plex-mono-300.woff2) format("woff2")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/plex-mono-400.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}html{background:var(--black);scroll-behavior:smooth;scroll-padding-top:5.5rem;-webkit-text-size-adjust:100%}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}@property --accent{syntax: "<color>"; inherits: true; initial-value: #f8452b;}:root{transition:--accent var(--accent-dur) linear}html[data-section=home],html[data-section=project]{--accent: var(--red)}html[data-section=films]{--accent: var(--teal)}html[data-section=space]{--accent: var(--earth)}html[data-section=sound]{--accent: var(--amber)}html[data-section=origin]{--accent: var(--paper)}html[data-section=information]{--accent: var(--grey)}@media(prefers-reduced-motion:reduce){:root{transition:none}}html{background:var(--black)}body{margin:0;background:transparent;color:var(--white);font-family:var(--body);font-weight:300;font-size:var(--body-size);letter-spacing:var(--body-tracking);line-height:var(--body-line-height);-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(85vmax 62vmax at 6% -12%,color-mix(in srgb,var(--accent) 30%,transparent),transparent 62%),radial-gradient(72vmax 58vmax at 104% 110%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 58%)}html[data-section=home],html[data-section=home] body{height:100%;overflow:hidden}img,video{display:block;max-width:100%;height:auto}[hidden]{display:none!important}h1,h2,h3{margin:0;font-weight:300}p{margin:0}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:1px solid var(--white);outline-offset:4px}::selection{background:var(--white);color:var(--black)}.skip{position:absolute;left:-9999px;top:0;z-index:100;padding:.75rem 1.25rem;background:var(--white);color:var(--black);font-size:.8rem}.skip:focus{left:0}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.wrap{max-width:82rem;margin:0 auto;padding-inline:var(--page-pad)}.section{padding-block:var(--section-gap)}main>:first-child.section,main>:first-child.wrap{padding-top:calc(var(--section-gap) + 4.5rem)}.prose{max-width:38rem;display:grid;gap:1.5rem}.prose p{font-family:var(--body);font-weight:300;font-size:clamp(.95rem,1.4vw,1.1rem);line-height:1.85;color:var(--grey-read)}.rows{margin:0;padding:0;list-style:none;display:grid}.rows__row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.5rem 1.5rem;padding-block:.85rem;border-bottom:1px solid var(--hairline)}.rows__row--stack{flex-direction:column;align-items:flex-start}.rows__key{color:var(--white);letter-spacing:.08em}.rows__val{color:var(--grey);text-align:right}.rows__row--stack .rows__val{text-align:left}@media(max-width:640px){.rows__row{flex-direction:column;align-items:flex-start}.rows__val{text-align:left}}.sublabel{margin-bottom:1.5rem}.tracked{font-family:var(--display);font-weight:300;text-transform:uppercase;letter-spacing:var(--title-tracking);text-indent:var(--title-tracking);line-height:var(--title-line-height)}.label{font-family:var(--display);font-weight:300;font-size:.82rem;letter-spacing:var(--title-tracking);text-transform:uppercase;color:var(--accent);margin-bottom:clamp(2rem,5vw,3.25rem)}.lead{font-family:var(--body);font-weight:300;font-size:var(--lead-size);line-height:1.75;max-width:var(--measure-lead);text-wrap:pretty}.body{max-width:var(--measure);color:var(--grey-text);text-wrap:pretty}.mono{font-family:var(--body);font-size:.72rem;letter-spacing:.1em;color:var(--grey)}.todo{font-family:var(--body);font-size:.72rem;letter-spacing:.06em;color:var(--grey);border-bottom:1px dotted var(--grey-dim)}.provisional{display:inline-block;color:var(--grey);border-bottom:1px dotted var(--grey-dim);padding-bottom:.1rem}a{color:inherit}.link{display:inline-block;font-family:var(--display);font-size:.85rem;letter-spacing:var(--title-tracking-tight);text-indent:var(--title-tracking-tight);text-transform:uppercase;color:var(--white);text-decoration:none;padding:0 0 .3rem;border:0;border-bottom:1px solid var(--grey-dim);transition:border-color .25s var(--ease),color .25s var(--ease)}.link:hover{border-bottom-color:var(--white)}.link--quiet{color:var(--grey);border-bottom-color:transparent}.link--quiet:hover{color:var(--white);border-bottom-color:var(--grey-dim)}@media(prefers-reduced-motion:no-preference){.js .reveal{opacity:0;transform:translateY(8px);transition:opacity var(--dur) var(--ease),transform var(--dur) var(--ease)}.js .reveal.is-in{opacity:1;transform:none}}.is-resetting,.is-resetting *{transition:none!important;animation:none!important}
