: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-end:var(--masthead-h)}.hero .panel__ground img{object-position:center top}.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-2xl)}.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}.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{padding-block:var(--space-3xl);display:grid;grid-template-columns:minmax(0,1fr)}.world__inner{max-width:var(--measure-prose);margin-right:auto}.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{padding-block:var(--space-lg)var(--space-3xl)}.process__inner{max-width:var(--measure-prose)}.notes{margin:var(--space-lg)0 0;padding:0;list-style:none}.notes li+li{margin-top:var(--space-2xl)}.notes blockquote{margin:0;padding-top:var(--space-md);border-top:1px solid var(--color-rule);font-family:var(--font-body);font-weight:400;font-size:var(--text-md);line-height:1.55;color:var(--color-ink-2);quotes:none}.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)}.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__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}@supports(animation-timeline:scroll()){.hero-track{height:150svh;view-timeline:--hero block}.hero{position:sticky;top:0;height:100svh}.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{height:auto}.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}}