:root{--color-paper:oklch(16.5% 0.011 163);--color-paper-2:oklch(20% 0.012 163);--color-paper-3:oklch(24% 0.013 163);--color-rule:oklch(32% 0.015 160);--color-ink:oklch(89.7% 0.013 111);--color-ink-2:oklch(77.4% 0.029 114);--color-muted:oklch(68% 0.022 113);--color-accent:oklch(41% 0.118 27);--color-accent-bright:oklch(50.6% 0.147 28);--color-accent-text:oklch(66% 0.13 27);--color-focus:oklch(68% 0.17 27);--color-accent-ink:oklch(89.7% 0.013 111);--scrim-heavy:oklch(16.5% 0.011 163 / 0.78);--scrim-light:oklch(16.5% 0.011 163 / 0.5);--scrim-top:oklch(16.5% 0.011 163 / 0.9);--scrim-heavy-plus:oklch(16.5% 0.011 163 / 0.9);--scrim-light-plus:oklch(16.5% 0.011 163 / 0.7);--font-display:"Fraunces", Georgia, "Times New Roman", serif;--font-body:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--text-xs:0.8rem;--text-sm:0.875rem;--text-base:1rem;--text-md:1.25rem;--text-lg:1.5625rem;--text-xl:1.9531rem;--text-2xl:2.4414rem;--text-3xl:3.0518rem;--text-display:clamp(3rem, 7.5vw, 6.5rem);--text-statement:clamp(1.75rem, 4vw, 3rem);--space-3xs:0.25rem;--space-2xs:0.5rem;--space-xs:0.75rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2rem;--space-xl:3rem;--space-2xl:4rem;--space-3xl:6rem;--space-4xl:8rem;--page-gutter:clamp(1.25rem, 6vw, 6rem);--masthead-h:4.5rem;--measure-prose:62ch;--measure-display:16ch;--measure-statement:28ch;--ease-out:cubic-bezier(0.16, 1, 0.3, 1);--ease-in:cubic-bezier(0.7, 0, 0.84, 0);--ease-in-out:cubic-bezier(0.65, 0, 0.35, 1);--dur-fast:120ms;--dur-base:220ms;--dur-slow:420ms;--z-ground:-1;--z-canvas:0;--z-grain:1;--z-content:2;--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23g)'/%3E%3C/svg%3E")}*,*::before,*::after{box-sizing:border-box}html,body{overflow-x:clip}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background-color:var(--color-paper);color:var(--color-ink);font-family:var(--font-body);font-weight:350;font-size:var(--text-base);line-height:1.6;font-optical-sizing:auto;-webkit-font-smoothing:antialiased;position:relative;min-height:100%}body::before{content:"";position:fixed;inset:-12%;z-index:var(--z-canvas);pointer-events:none;background-image:url(/images/taycan-tunes_hu_cb4adaa22c2b4b7b.webp);background-position:50%;background-size:cover;filter:blur(64px)saturate(.55);opacity:.22}body::after{content:"";position:fixed;inset:0;z-index:var(--z-grain);pointer-events:none;opacity:.05;background-image:var(--grain)}h1,h2,h3{font-family:var(--font-display);font-weight:600;font-style:normal;letter-spacing:-.02em;font-optical-sizing:auto;margin:0;text-wrap:balance}p{margin:0}a{color:var(--color-accent-text);text-decoration:underline;text-decoration-color:var(--color-accent);text-decoration-thickness:1px;text-underline-offset:.22em;transition:text-decoration-thickness var(--dur-fast)var(--ease-out),color var(--dur-fast)var(--ease-out)}a:hover{text-decoration-thickness:2px}:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px;transition:none}::selection{background-color:var(--color-accent);color:var(--color-accent-ink)}.page{position:relative;z-index:var(--z-content)}.shell{padding-inline:var(--page-gutter)}main{display:block;padding-block-start:var(--masthead-h)}main>.hero-track:first-child{margin-block-start:calc(-1 * var(--masthead-h))}.reveal{opacity:0;transform:translateY(8px);animation:reveal var(--dur-slow)var(--ease-out)forwards}.reveal-1{animation-delay:0ms}.reveal-2{animation-delay:60ms}.reveal-3{animation-delay:120ms}.reveal-4{animation-delay:180ms}.reveal-5{animation-delay:240ms}.reveal-6{animation-delay:300ms}@keyframes reveal{to{opacity:1;transform:none}}.masthead{position:absolute;top:0;left:0;right:0;z-index:var(--z-content);display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2xs)var(--space-md);padding-block:var(--space-md)}.masthead__wordmark{font-family:var(--font-display);font-weight:600;font-size:clamp(1rem,.6rem + 1.8vw,1.25rem);letter-spacing:-.02em;color:var(--color-ink);line-height:1.2;white-space:nowrap}.masthead__link{font-family:var(--font-body);font-size:var(--text-base);color:var(--color-muted);text-decoration:underline;text-decoration-color:transparent;white-space:nowrap}.masthead__link:hover{color:var(--color-ink-2);text-decoration-color:var(--color-accent);text-decoration-thickness:2px}.panel{position:relative}.panel--bleed{margin-inline:calc(-1 * var(--page-gutter));padding-inline:var(--page-gutter)}.panel--image{position:relative;isolation:isolate;display:flex;flex-direction:column}.panel__ground{position:absolute;inset:0;z-index:var(--z-ground);overflow:hidden}.panel__ground img{display:block;width:100%;height:100%;object-fit:cover}.panel__ground::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,var(--color-paper) 0%,var(--scrim-heavy) 55%,var(--scrim-light) 100%)}.hero{min-height:100svh;justify-content:flex-end;padding-block:calc(var(--masthead-h) + var(--space-xl))var(--space-xl)}.hero .panel__ground img{object-position:center 35%}.hero .panel__ground::after{background:linear-gradient(to bottom,var(--scrim-top) 0 5rem,var(--scrim-light) 22%,var(--scrim-heavy) 58%,var(--color-paper) 100%)}.hero__text{padding-block-end:var(--space-lg)}.hero__title{font-size:var(--text-display);line-height:1.05;max-width:var(--measure-display);overflow-wrap:anywhere;color:var(--color-ink)}.hero__sub{margin-top:var(--space-md);font-family:var(--font-body);font-weight:400;font-size:var(--text-md);color:var(--color-ink-2);max-width:34ch;text-wrap:balance}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.hero__listen{display:inline-flex;align-items:center;justify-content:center;min-height:3rem;max-width:100%;padding:var(--space-xs)var(--space-md);border:1px solid var(--color-muted);background-color:var(--color-paper-2);color:var(--color-ink);font-size:var(--text-base);font-weight:500;line-height:1.4;text-align:center;text-decoration:none;font-family:inherit;cursor:pointer;transition:background-color var(--dur-fast)var(--ease-out),border-color var(--dur-fast)var(--ease-out)}.hero__listen:hover{background-color:var(--color-paper-3);border-color:var(--color-ink)}.divider{border:0;height:6px;background-color:var(--color-accent);margin:0}.about{--scrim-heavy:var(--scrim-heavy-plus);--scrim-light:var(--scrim-light-plus);min-height:100svh;justify-content:center;padding-block:var(--space-3xl)}.about__inner{max-width:var(--measure-prose)}.about__lead{font-family:var(--font-display);font-weight:500;font-size:var(--text-statement);line-height:1.15;letter-spacing:-.02em;color:var(--color-ink);text-wrap:balance;margin-bottom:var(--space-lg)}@media(min-width:60rem){.about__lead{max-width:24ch}}.world{--scrim-heavy:var(--scrim-heavy-plus);--scrim-light:var(--scrim-light-plus);min-height:80svh;justify-content:center;padding-block:var(--space-3xl)}.world__inner{max-width:var(--measure-prose);margin-right:auto}.gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-md);padding-block:var(--space-3xl)}@media(min-width:60rem){.gallery{grid-template-columns:5fr 7fr;gap:var(--space-lg);align-items:end}.gallery__item--portrait{margin-block-end:calc(-1 * var(--space-2xl))}}.gallery__item{margin:0;border:1px solid var(--color-rule);background-color:var(--color-paper-2);overflow:hidden}.gallery__img{display:block;width:100%;height:auto;filter:saturate(.85)brightness(.92)}.section__heading{font-size:var(--text-2xl);line-height:1.15;margin-bottom:var(--space-md)}.prose p+p{margin-top:var(--space-md)}.prose{color:var(--color-ink-2);font-size:var(--text-md);line-height:1.65}.process{--scrim-heavy:oklch(16.5% 0.011 163 / 0.92);--scrim-light:oklch(16.5% 0.011 163 / 0.84);padding-block:var(--space-3xl)}.process__inner{max-width:var(--measure-prose)}.subsection__heading{font-size:var(--text-xl);line-height:1.2;margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.tools{margin:0}.tools__item{padding-block:var(--space-sm);border-top:1px solid var(--color-rule)}.tools dt{font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.06em;color:var(--color-ink)}.tools dd{margin:var(--space-3xs)0 0;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.6}.steps{margin:0;padding:0;list-style:none;counter-reset:step}.steps__item{counter-increment:step;padding-top:var(--space-md);border-top:1px solid var(--color-rule)}.steps__item+.steps__item{margin-top:var(--space-xl)}.steps__title{font-family:var(--font-display);font-weight:500;font-size:var(--text-lg);line-height:1.2;letter-spacing:-.02em;margin:0 0 var(--space-2xs);color:var(--color-ink)}.steps__title::before{content:counter(step,decimal-leading-zero)"  ";font-family:var(--font-mono);font-size:var(--text-sm);letter-spacing:.1em;color:var(--color-muted);white-space:pre}.steps__item p{color:var(--color-ink-2);font-size:var(--text-md);line-height:1.65}.taycan{padding-block:var(--space-3xl)var(--space-4xl);display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-2xl);align-items:start}@media(min-width:60rem){.taycan{grid-template-columns:1.1fr .9fr;gap:var(--space-3xl)}}.tag{font-family:var(--font-mono);font-weight:400;font-size:var(--text-sm);letter-spacing:.1em;color:var(--color-muted);display:block;margin-bottom:var(--space-sm)}.taycan__title{font-size:var(--text-3xl);line-height:1.1}.taycan__subtitle{display:block;margin-top:var(--space-2xs);font-size:var(--text-base);color:var(--color-muted)}.taycan__body{margin-top:var(--space-lg);max-width:46ch;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.65}.taycan__note{margin-top:var(--space-md);color:var(--color-muted);font-size:var(--text-base)}.taycan__actions{margin-top:var(--space-lg);scroll-margin-top:var(--space-lg)}.taycan__details{grid-column:1/-1;max-width:62rem}.taycan__details>.subsection__heading{margin-top:0}.taycan__tracks{margin:0;padding-inline-start:1.8rem;color:var(--color-ink-2);font-size:var(--text-md);line-height:1.65}.taycan__tracks li{padding-inline-start:var(--space-2xs);margin-bottom:var(--space-2xs);break-inside:avoid}@media(min-width:60rem){.taycan__tracks{columns:2;column-gap:var(--space-3xl)}}.taycan__share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm);margin-top:var(--space-xl)}.taycan__share-link{width:100%;padding:var(--space-xs);border:1px solid var(--color-muted);background:var(--color-paper-2);color:var(--color-ink);font:inherit}.gallery__actions{padding-block:var(--space-lg)var(--space-3xl)}[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:59.9375rem){.taycan__tracks{text-align:left;max-width:34ch;margin-inline:auto}.taycan__share{justify-content:center}}.cover{position:relative;margin:0;aspect-ratio:1;width:100%;max-width:30rem;border:1px solid var(--color-rule);background-color:var(--color-paper-2);overflow:hidden;isolation:isolate}.cover__img{display:block;width:100%;height:100%;object-fit:cover}.footer{padding-block:var(--space-3xl)var(--space-2xl)}.footer__statement{font-family:var(--font-display);font-weight:500;font-size:var(--text-statement);line-height:1.15;letter-spacing:-.02em;max-width:var(--measure-statement);color:var(--color-ink);text-wrap:balance}.footer__links{margin-top:var(--space-xl)}.footer__links ul{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:var(--space-2xs)var(--space-lg)}.footer__links a{font-size:var(--text-md);display:inline-block;padding-block:var(--space-3xs)}.footer__meta{margin-top:var(--space-2xl);padding-top:var(--space-md);border-top:1px solid var(--color-rule);display:flex;flex-wrap:wrap;gap:var(--space-2xs)var(--space-lg);justify-content:space-between;font-family:var(--font-mono);font-weight:400;font-size:var(--text-sm);color:var(--color-muted)}.notfound{min-height:70svh;display:flex;flex-direction:column;justify-content:center;gap:var(--space-md);padding-block:var(--space-3xl)}.notfound__title{font-size:var(--text-3xl);line-height:1.1}.notfound__body{color:var(--color-ink-2);font-size:var(--text-md);max-width:46ch}@media(max-width:59.9375rem){:root{--masthead-h:6rem}main,.footer{text-align:center}.prose,.taycan__body,.taycan__note,.tools dd,.steps__item p{max-inline-size:30ch;margin-inline:auto;text-wrap:pretty}.masthead{flex-direction:column;align-items:center;gap:var(--space-3xs)}.hero .panel__ground::after{background:linear-gradient(to bottom,var(--scrim-top) 0 6.5rem,var(--scrim-light) 26%,var(--scrim-heavy) 58%,var(--color-paper) 100%)}.hero__title,.hero__sub,.about__inner,.world__inner,.process__inner,.footer__statement{margin-inline:auto}.hero__actions{justify-content:center}.tag{text-wrap:balance}.cover{justify-self:center}.about__lead{max-inline-size:18ch;margin-inline:auto}.tools__item,.steps__item{border-top:0}.tools__item::before,.steps__item::before{content:"";display:block;width:var(--space-xl);height:1px;margin:0 auto var(--space-sm);background-color:var(--color-rule)}.tools__item{padding-block:var(--space-md)0}.steps__item{padding-top:var(--space-md)}.steps__title::before{display:block;margin-bottom:var(--space-3xs)}.gallery{gap:0;max-inline-size:34rem;margin-inline:auto}.gallery__item{width:78%}.gallery__item--portrait{justify-self:start}.gallery__item--landscape{justify-self:end;position:relative;z-index:1;margin-top:calc(-1 * var(--space-2xl));border:var(--space-2xs)solid var(--color-paper)}.footer__links ul{justify-content:center;gap:var(--space-2xs)var(--space-sm)}.footer__links a{font-size:var(--text-base)}.footer__meta{flex-direction:column;align-items:center}}@media(max-width:59.9375rem) and (max-height:40rem){.hero{--scrim-light:var(--scrim-light-plus)}}@supports(animation-timeline:scroll()){.hero-track{min-height:150svh;view-timeline:--hero block}.hero{position:sticky;top:0;height:auto}.hero .panel__ground img{animation:hero-settle linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}.hero .panel__ground::after{animation:hero-dim linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}@keyframes hero-settle{from{transform:scale(1.06)translateY(0)}to{transform:scale(1)translateY(-6%)}}@keyframes hero-dim{from{opacity:1}to{opacity:1;background:linear-gradient(to top,var(--color-paper),var(--color-paper) 70%,var(--scrim-heavy))}}.cover{animation:unveil linear both;animation-timeline:view();animation-range:entry 15% entry 70%}@keyframes unveil{from{clip-path:inset(0 0 100% 0);filter:saturate(.2)brightness(.6)}to{clip-path:inset(0);filter:none}}.about .panel__ground img{animation:drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%;transform-origin:center}@keyframes drift{from{transform:translateY(-6%)scale(1.08)}to{transform:translateY(6%)scale(1.08)}}@media(prefers-reduced-motion:reduce){.hero-track{min-height:0}.hero{position:relative;height:auto;min-height:100svh}.hero .panel__ground img,.hero .panel__ground::after,.cover,.about .panel__ground img{animation:none}}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation-duration:150ms!important;animation-delay:0ms!important;transform:none!important}*,*::before,*::after{transition-duration:.01ms!important}}