.site-header{min-height:7.5rem;padding-top:2rem}.signature{width:9.125rem;--media-ratio: 146 / 56}.site-nav{position:fixed;z-index:10;top:2rem;right:max(var(--page-gutter),calc((100vw - var(--container-max)) / 2));width:42.625rem;max-width:calc(100% - 2 * var(--page-gutter));border-radius:var(--radius-pill);background:#ededed;border:1px solid var(--color-border);padding:.25rem}.site-nav ul{display:flex;align-items:center;justify-content:space-between;gap:.25rem;list-style:none}.site-nav a{display:block;padding:.9375rem 1rem;border-radius:var(--radius-pill);color:var(--color-muted);font:500 1rem/1.2 var(--font-ui);letter-spacing:-.02em}.site-nav a[aria-current]{color:#fff;background:var(--color-ink)}.hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);align-items:center;gap:1rem;padding-block:2rem 2.5rem}.hero-copy{display:flex;flex-direction:column;align-items:flex-start;gap:1.1875rem;min-width:0}.hero-heading{display:flex;flex-direction:column;align-items:flex-start;max-width:100%}.hero .updated{font:400 1.6875rem/1.25 var(--font-hand);letter-spacing:normal;color:var(--color-ink)}.hero h1{font-size:clamp(9rem,15vw,13.5rem);line-height:1.0463;white-space:nowrap}.hero h1{padding-inline:.15em;margin-inline:-.15em;overflow:visible}.hero .pill--solid{width:12.25rem;min-height:3.625rem;padding-inline:1rem}.hero-copy>p:not(.updated){color:var(--color-ink)}.polaroids{display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:10.75rem auto;min-height:31.25rem}.polaroid{margin:0;background:#fff;padding:.5625rem .5625rem 2.625rem;width:100%;align-self:start}.polaroid .media{--media-ratio: 254 / 249}.polaroid:first-child{grid-column:1 / 3;grid-row:1 / 3;transform:rotate(-6deg)}.polaroid:last-child{grid-column:2 / 4;grid-row:2;transform:rotate(6deg)}.about-grid{display:grid;grid-template-columns:minmax(0,687fr) minmax(0,511fr);gap:3.75rem;align-items:stretch}.about-copy .facts{max-width:var(--reading-width);margin-block:var(--space-5)}.interest-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem;margin-top:var(--space-5)}.about-image{aspect-ratio:auto;min-height:0;align-self:stretch}.favourites{margin-top:var(--space-5)}.favourites-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5.25rem;margin-top:var(--space-5);padding:1.5rem 3.25rem}.favourites-grid .facts>div{padding-block:1.1875rem}.like-categories{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.375rem}.ruled-list{list-style:none;margin-top:var(--space-5)}.ruled-list li{padding-block:.875rem;border-bottom:1px solid var(--color-border);color:var(--color-muted)}.little-things{margin-top:var(--space-6)}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:.625rem;margin-top:1.75rem}.tags .pill{font:500 1rem/1.2 var(--font-ui);letter-spacing:-.02em;background:var(--color-panel);border-color:var(--color-pill-border);padding:1.25rem}.love-hate{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem;margin-top:2.375rem}.love-hate .panel{min-height:22rem;padding:2.75rem 2.25rem}.love-hate h3{font-family:var(--font-hand);font-style:normal;font-size:2.25rem;color:#000}.love-hate li{padding-left:.875rem;position:relative}.love-hate li:before{content:"•";position:absolute;left:0}main{overflow-x:clip}.music{position:relative;border-bottom:0}.music-intro{position:relative;padding-bottom:var(--space-5)}.music-intro .section-heading,.music-intro>p{position:relative;z-index:1}.music-intro .display{max-width:54rem}.music-intro>.headphones{position:absolute;width:58.16%;right:-7.61%;top:-7.9rem;--media-ratio: 1;--media-fit: contain;transform:none}.music-intro>p{margin-top:2rem}.artist-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;margin-top:2.5rem}.music-block+.music-block{margin-top:4rem}.album-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2.8125rem;margin-top:2.5rem}.aviation .display,.projects .display,.now .display{max-width:55.75rem}.aviation-grid{display:grid;grid-template-columns:minmax(0,645fr) minmax(0,551fr);gap:4rem;margin-top:2.5rem}.aviation-grid>div{min-width:0}.aviation-grid h3{margin-bottom:1rem}.aviation-grid .favourites{margin-top:2.5rem}.aviation-image{--media-ratio: 551 / 495;align-self:end}.simulation{margin-top:2.25rem}.simulation p{margin-top:.9375rem;max-width:47rem}.project-list{display:grid;gap:.9375rem;margin-top:1.75rem}.moments{border-bottom:0}.moments-image{--media-ratio: 1261 / 836;margin-top:1.875rem}.now{background:var(--color-night);padding-block:3rem 5.5rem;color:var(--color-page)}.now .eyebrow,.now-intro{color:var(--color-page)}.now-intro{margin-top:2.5rem}.activity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:4.875rem}.activity{padding:1rem 1.5rem;border-right:1px solid var(--color-night-border)}.activity:nth-child(4n){border-right:0}.activity:nth-child(-n+4){border-bottom:1px solid var(--color-night-border)}.activity h3{font:400 1.875rem/1.25 var(--font-hand)}.activity p{margin-top:.6875rem}.activity p,.site-footer .footer-note p{font:600 1rem/1.25 var(--font-body);color:var(--color-muted)}.feature-card{display:grid;grid-template-columns:16rem minmax(0,1fr);align-items:center;gap:2rem;padding:.375rem;margin-top:2.75rem;background:var(--color-night-panel);border:1px solid var(--color-night-border)}.feature-image{--media-ratio: 255 / 169}.feature-copy{padding:1.25rem}.feature-copy h3{font-size:2rem}.feature-copy p{font-size:var(--text-body);margin-top:.5625rem}.now .hand-note{color:var(--color-muted)}.site-footer{padding-block:4.4375rem 2rem;text-align:center}.site-footer h2{font-size:var(--text-display);line-height:.917}.site-footer p{margin-top:1.25rem}.footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:.8125rem;margin-top:1.25rem;list-style:none}.back-top{display:inline-flex;align-items:center;gap:21px;margin-top:1.25rem;font:700 1.625rem/1.25 var(--font-hand)}.back-top-chevron{position:relative;flex:0 0 13px;width:13px;height:8px}.back-top-chevron:before{content:"";position:absolute;left:2px;top:2px;width:9px;height:9px;border-top:2px solid currentColor;border-left:2px solid currentColor;transform:rotate(45deg)}.site-footer{padding-bottom:0}.footer-note{margin-top:1.25rem;padding-block:1rem;background:var(--color-night);box-shadow:0 0 0 100vmax var(--color-night);clip-path:inset(0 -100vmax)}.site-footer .footer-note p{max-width:64.1875rem;margin:0 auto}@media(min-width:68.751rem){.music-intro .display{font-size:min(var(--text-display),9.1667vw)}}@media(max-width:68.75rem){:root{--page-gutter: 6vw;--text-display: 8.125rem;--space-7: 2.5rem}.signature,.polaroids,.about-image,.aviation-image{display:none}.hero{display:block;padding-block:.75rem 2.75rem}.hero-copy{align-items:center;text-align:center;gap:.9375rem}.hero-heading{align-items:center}.hero .updated{margin-bottom:-.9375rem}.hero h1{font-size:clamp(9rem,23.741vw,12.375rem);line-height:1.1414}.hero-copy .reading-width{width:min(100%,var(--reading-width))}.about-grid,.aviation-grid{grid-template-columns:minmax(0,1fr)}.about-copy>p,.aviation>p,.projects>p{font-size:1rem}.about-copy .facts{max-width:none;margin-block:2.5rem}.interest-grid{gap:1.875rem}.favourites{margin-top:3rem}.favourites-grid{gap:3rem;padding:1.5rem 1.875rem;font-size:.875rem}.like-categories{gap:1.875rem}.like-categories .ruled-list{font-size:.875rem}.love-hate{gap:1rem;margin-top:1.75rem}.love-hate .panel{min-height:20.125rem;padding:2rem 1.5rem}.love-hate h3{font-size:2rem}.love-hate li{font-size:.875rem}.music-intro{min-height:0}.music-intro .display{max-width:100%}.headphones{display:none}.music-intro>p{max-width:33.375rem;font-size:1rem}.artist-grid{gap:1.125rem}.artist figcaption{font-size:.875rem}.album-grid{grid-template-columns:minmax(0,1fr);gap:1.75rem}.album{display:grid;grid-template-columns:minmax(0,390fr) minmax(0,331fr);gap:.8125rem}.album-copy{background:var(--color-panel);border:1px solid var(--color-border);padding:1.875rem;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.album h4{font-size:1.25rem;border:0}.album-link{display:inline-flex;margin-top:1.25rem}.pill--small{font-size:.875rem;min-height:2.5625rem;padding:.6875rem 1.125rem}.song-list{font-size:1rem}.song-list li{padding-block:1.8125rem}.activity{padding:.875rem}.activity p,.site-footer .footer-note p{font-size:.875rem}.feature-card{grid-template-columns:minmax(0,268fr) minmax(0,401fr);gap:1.75rem;padding:.875rem}.feature-copy{padding:0}.feature-copy p{font-size:.875rem}.now .hand-note{display:none}.site-footer h2{max-width:42rem;margin-inline:auto}.footer-links .pill{padding-inline:2rem}}@media(max-width:47.99rem){:root{--page-gutter: 1.5rem;--text-display: clamp(3rem, 12vw, 5.75rem);--text-subheading: 2rem;--nav-offset: 6rem}.site-header{min-height:6rem}.site-nav{top:1rem;max-width:calc(100% - 2rem)}.site-nav ul{width:100%;gap:0}.site-nav li{flex:1 1 auto;min-width:0}.site-nav a{padding:.875rem .125rem;font-size:clamp(.625rem,3vw,.875rem);text-align:center;white-space:nowrap}.hero{padding-top:1rem;padding-bottom:2rem}.hero h1{font-size:clamp(4rem,23vw,11rem);line-height:1.1}.hero .updated{margin-bottom:0}.eyebrow{font-size:1.875rem}.hand-note{font-size:1.5rem}.section-heading .display{margin-top:.75rem}.display,.site-footer h2{line-height:1.02}.interest-grid,.like-categories,.love-hate,.favourites-grid{grid-template-columns:minmax(0,1fr)}.interest-grid{gap:1rem}.interest-card{min-height:10rem;padding:1.5rem}.interest-card p{font-size:.875rem}.favourites-grid{gap:0;padding:1rem 1.25rem;font-size:1rem}.facts>div{gap:.75rem}.like-categories{gap:2rem}.like-categories .ruled-list{font-size:1rem}.ruled-list{margin-top:1rem}.tags .pill{padding:.875rem 1rem}.love-hate .panel{min-height:0;padding:1.5rem}.love-hate li{font-size:1rem}.music-intro{min-height:0;padding-bottom:2rem}.artist-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.75rem 1rem}.album{grid-template-columns:minmax(0,1fr);gap:0}.album-copy{padding:1.5rem}.album-copy p{max-width:none;font-size:.875rem}.song-list li{align-items:flex-start;flex-direction:column;gap:1rem}.aviation-grid{gap:0}.simulation,.project-card{padding:1.5rem}.activity-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:2.5rem}.activity:nth-child(n){border-right:1px solid var(--color-night-border);border-bottom:1px solid var(--color-night-border)}.activity:nth-child(2n){border-right:0}.activity:nth-last-child(-n+2){border-bottom:0}.feature-card{grid-template-columns:minmax(0,1fr);gap:1rem}.feature-copy{padding:.5rem}.now{padding-block:2.5rem}.site-footer{padding-top:2.5rem}.footer-links{gap:.75rem}.footer-links .pill{padding:1rem 1.25rem}}@media(max-width:22rem){:root{--page-gutter: 1rem}.activity-grid{grid-template-columns:minmax(0,1fr)}.activity:nth-child(n){border-right:0;border-bottom:1px solid var(--color-night-border)}.activity:last-child{border-bottom:0}}html{scroll-behavior:smooth}.site-nav{transition:transform .8s cubic-bezier(.4,0,.2,1)}.site-nav.is-centered{transform:translate(var(--nav-center-shift, 0px),var(--nav-bottom-shift, 0px))}.site-nav.is-hidden{transform:translateY(140vh)}.site-nav.is-centered.is-hidden{transform:translate(var(--nav-center-shift, 0px),140vh)}.site-nav ul{position:relative;isolation:isolate}.site-nav.has-indicator ul:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:var(--indicator-width);height:var(--indicator-height);transform:translate(var(--indicator-x),var(--indicator-y));background:var(--color-ink);border-radius:var(--radius-pill);transition:transform .32s cubic-bezier(.22,1,.36,1),width .32s cubic-bezier(.22,1,.36,1),height .2s ease;pointer-events:none}.site-nav ul.is-gliding:before{transition:transform .56s cubic-bezier(.16,1,.3,1),width .56s cubic-bezier(.16,1,.3,1),height .26s ease;animation:nav-glide-blur .56s cubic-bezier(.16,1,.3,1)}@keyframes nav-glide-blur{0%{filter:blur(0)}30%{filter:blur(5px)}to{filter:blur(0)}}.site-nav.has-indicator a[aria-current]{background:transparent}.site-nav a{transition:color .18s ease,background-color .18s ease}a.pill,.back-top{transition:transform .22s cubic-bezier(.22,1,.36,1),background-color .22s ease,box-shadow .22s ease,color .22s ease}@media(hover:hover)and (pointer:fine){.site-nav a:not([aria-current]):hover{color:var(--color-ink);background:#362c1814}a.pill:hover{transform:translateY(-2px);box-shadow:0 4px 10px #362c181f}a.pill--solid:hover{background:#4a3d24}.hero a.pill:hover{transform:none}.back-top:hover{transform:translateY(-2px)}}a.pill:active,.back-top:active{transform:translateY(0) scale(.97)}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.site-nav.has-indicator ul:before,.site-nav a,a.pill,.back-top{transition:none}.site-nav ul.is-gliding:before{animation:none}.site-nav{transition:none}a.pill:hover,.back-top:hover{transform:none}}:is(.media,.screenshot-slide)>img{filter:grayscale(1);transition:filter .4s ease}:is(.media,.screenshot-frame).has-image{translate:0 0;transition:translate .3s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){.media.has-image:not(.signature):hover{translate:0 -5px}.media:hover>img,.screenshot-frame:hover .screenshot-slide>img{filter:grayscale(0)}}.media:focus-within>img,.screenshot-frame:focus-within .screenshot-slide>img{filter:grayscale(0)}@media(hover:none){:is(.media,.screenshot-slide):active>img{filter:grayscale(0)}}@media(prefers-reduced-motion:reduce){:is(.media,.screenshot-slide)>img,:is(.media,.screenshot-frame).has-image{transition:none}:is(.media,.screenshot-frame).has-image:hover{translate:none}}@media(hover:hover)and (pointer:fine){a.pill:not(.pill--solid):hover{background:var(--color-ink);color:var(--color-page)}}a.pill:focus-visible{box-shadow:0 0 0 4px #362c181f}@media(prefers-reduced-motion:reduce){a.pill:active,.back-top:active{transform:none}}.interest-card,.project-card,.love-hate>.panel,.simulation,.feature-card{transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s ease}.artist figcaption,.album h4{transition:color .25s ease,transform .3s ease}.tags .pill{transition:transform .3s cubic-bezier(.22,1,.36,1),background-color .25s ease}.facts>div,.ruled-list li,.song-list>li,.activity{transition:background-color .25s ease}:is(.media,.screenshot-slide)>img{transition:filter .4s ease,scale .55s cubic-bezier(.22,1,.36,1)}.hero .pill>span,.back-top>span{display:inline-block;transition:transform .25s ease}@media(hover:hover)and (pointer:fine){.interest-card:hover,.project-card:hover,.love-hate>.panel:hover,.simulation:hover{transform:translateY(-6px);box-shadow:0 10px 24px #362c181a}.feature-card:hover{transform:translateY(-6px)}:is(.media,.screenshot-slide):not(.signature):hover>img{scale:1.045}.artist:hover figcaption{transform:translateY(2px)}.album:hover h4{color:var(--color-ink)}.tags .pill:hover{transform:translateY(-5px) rotate(-3deg);background:#fff}.tags .pill:nth-child(2n):hover{transform:translateY(-5px) rotate(3deg)}.facts>div:hover,.ruled-list li:hover,.song-list>li:hover{background:#362c1808}.activity:hover{background:#ffffff0a}.back-top:hover>span{transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.interest-card,.project-card,.love-hate>.panel,.simulation,.feature-card,.artist figcaption,.album h4,.tags .pill,.facts>div,.ruled-list li,.song-list>li,.activity,:is(.media,.screenshot-slide)>img,.hero .pill>span,.back-top>span{transition:none}.interest-card:hover,.project-card:hover,.love-hate>.panel:hover,.simulation:hover,.feature-card:hover,.artist:hover figcaption,.tags .pill:nth-child(n):hover,.hero .pill:hover>span,.back-top:hover>span{transform:none}:is(.media,.screenshot-slide):not(.signature):hover>img{scale:none}}a.has-hover-splash{position:relative;isolation:isolate;overflow:hidden;--splash-x: 50%;--splash-y: 50%}a.has-hover-splash:before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:var(--splash-colour, #4a3d24);clip-path:circle(0px at var(--splash-x) var(--splash-y));transition:clip-path .48s cubic-bezier(.22,1,.36,1);pointer-events:none}@media(hover:hover)and (pointer:fine){a.has-hover-splash:hover{background:var(--splash-base, var(--color-ink))}a.has-hover-splash:hover:before{clip-path:circle(150% at var(--splash-x) var(--splash-y))}}a.has-hover-splash:focus-visible:before{clip-path:circle(150% at var(--splash-x) var(--splash-y))}@media(prefers-reduced-motion:reduce){a.has-hover-splash:before{transition:none}}a.spotify-splash{--splash-colour: var(--color-ink);--splash-base: transparent;transition:padding-right .36s cubic-bezier(.22,1,.36,1),transform .22s cubic-bezier(.22,1,.36,1),box-shadow .22s ease,color .22s ease}a.spotify-splash:before{transition-duration:.54s}a.spotify-splash .spotify-link-arrow{position:absolute;right:1rem;top:calc(50% - .4375rem);opacity:0;transform:translate(-4px,4px);transition:opacity .26s ease,transform .36s cubic-bezier(.22,1,.36,1)}@media(hover:hover)and (pointer:fine){a.pill.spotify-splash:hover{transform:none;background:transparent;color:var(--color-page);padding-right:2.5rem}a.spotify-splash:hover .spotify-link-arrow{opacity:1;transform:none}}a.spotify-splash:focus-visible{color:var(--color-page);padding-right:2.5rem}a.spotify-splash:focus-visible .spotify-link-arrow{opacity:1;transform:none}@media(hover:none),(pointer:coarse){a.spotify-splash{padding-right:2.5rem}a.spotify-splash .spotify-link-arrow{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){a.spotify-splash,a.spotify-splash:before,a.spotify-splash .spotify-link-arrow{transition:none}}a.pill.spotify-splash:active{transform:none}@media(hover:hover)and (pointer:fine)and (prefers-reduced-motion:no-preference){.hero a.pill[href="#about"]>span{transition:transform .38s cubic-bezier(.22,1,.36,1)}.hero a.pill[href="#about"]:hover>span{transform:translateY(3px)}}@media(prefers-reduced-motion:no-preference){.hero a.pill[href="#about"]:focus-visible>span{transform:translateY(3px)}}
