@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@layer theme{:root,:host{--font-sans:"Geist", ui-sans-serif, -apple-system, "Helvetica Neue", Arial, sans-serif;--font-mono:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-lg:1.125rem;--text-2xl:1.5rem;--font-weight-medium:500;--tracking-tight:-.025em;--tracking-widest:.1em;--leading-tight:1.25;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:"Geist", ui-sans-serif, -apple-system, "Helvetica Neue", Arial, sans-serif;--default-font-feature-settings:normal;--default-mono-font-family:"Geist Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--default-mono-font-feature-settings:normal}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.top-0{top:0}.top-1\/2{top:50%}.bottom-0{bottom:0}.left-0{left:0}.left-1\/2{left:50%}.left-\[35\%\]{left:35%}.left-\[40\%\]{left:40%}.left-\[44\%\]{left:44%}.left-\[51\%\]{left:51%}.isolate{isolation:isolate}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-\[60\]{z-index:60}.m-0{margin:0}.-mx-2{margin-inline:calc(var(--spacing) * -2)}.flex{display:flex}.grid{display:grid}.hidden{display:none}.aspect-3\/4{aspect-ratio:3/4}.h-0{height:0}.w-1\/2{width:50%}.w-full{width:100%}.min-w-0{min-width:0}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.list-none{list-style-type:none}.columns-2{columns:2}.break-inside-avoid{break-inside:avoid}.grid-cols-\[3ch_minmax\(0\,1fr\)\]{grid-template-columns:3ch minmax(0,1fr)}.grid-cols-\[20\%_20\%_20\%_40\%\]{grid-template-columns:20% 20% 20% 40%}.grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,4fr\)_minmax\(0\,1fr\)_minmax\(0\,4fr\)\]{grid-template-columns:minmax(0,1fr) minmax(0,4fr) minmax(0,1fr) minmax(0,4fr)}.flex-col{flex-direction:column}.items-baseline{align-items:baseline}.items-center{align-items:center}.gap-1{gap:var(--spacing)}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-x-\[0\.5ch\]{column-gap:.5ch}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-rule{border-color:var(--ui-rule)}.bg-ink{background-color:var(--ui-ink)}.bg-surface{background-color:var(--ui-surface)}.bg-transparent{background-color:#0000}.p-0{padding:0}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-6{padding-block:calc(var(--spacing) * 6)}.font-mono{font-feature-settings:normal;font-family:Geist Mono,ui-monospace,SF Mono,Menlo,Consolas,monospace}.text-2xl\/tight{font-size:var(--text-2xl);line-height:var(--leading-tight)}.text-lg\/tight{font-size:var(--text-lg);line-height:var(--leading-tight)}.text-sm\/6{font-size:var(--text-sm);line-height:calc(var(--spacing) * 6)}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.tracking-tight{--tw-tracking:var(--tracking-tight);letter-spacing:var(--tracking-tight)}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.text-balance{text-wrap:balance}.text-pretty{text-wrap:pretty}.text-ink{color:var(--ui-ink)}.text-ink-muted{color:var(--ui-ink-muted)}.uppercase{text-transform:uppercase}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.opacity-0{opacity:0}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.outline-none{--tw-outline-style:none;outline-style:none}:is(.\*\:size-full>*){width:100%;height:100%}.group-data-active\/row\:text-surface:is(:where(.group\/row)[data-active] *),.data-active\:text-surface[data-active]{color:var(--ui-surface)}@media (prefers-reduced-motion:reduce){.motion-reduce\:transition-none{transition-property:none}}@media (min-width:40rem){.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}}.dark\:mix-blend-difference:where(.dark,.dark *){mix-blend-mode:difference}}:root{--sans:var(--font-sans);--mono:var(--font-mono);--ease:cubic-bezier(.22, 1, .36, 1);--night-hi:#242424;--night-lo:#0a0a0a;--white:#fafafa;--body:#fafafad1;--mute:#fafafa9e;--faint:#fafafa61;--soft:#fafafa12;--rule:#fafafa1f;--ink:#0c0c0c;--paper:#f3f1ec;--glass:linear-gradient(172deg, #ffffffeb 0%, #ffffff6b 48%, #ffffff38 70%, #fff9 100%);--gutter:clamp(16px, 4vw, 56px);--gap:clamp(12px, 2vw, 28px);--pad-y:clamp(16px, 3.2vh, 48px);--ui-ink:var(--white);--ui-ink-muted:var(--mute);--ui-surface:var(--night-lo);--ui-rule:var(--rule);--ui-focus:var(--white);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html{background:var(--night-lo)}body{background:var(--night-lo);color:var(--white);font-family:var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:16px;line-height:1.55}a{color:inherit}:focus-visible{outline:2px solid var(--white);outline-offset:3px;border-radius:4px}::selection{background:var(--white);color:var(--night-lo)}html:has(dialog.case[open]){overflow:hidden}.ground{z-index:0;background:linear-gradient(135deg, var(--night-hi) 0%, var(--night-lo) 100%);pointer-events:none;position:fixed;inset:0}.page,.case-page{z-index:1;max-width:1600px;padding-inline:var(--gutter);margin-inline:auto;position:relative}.colophon,.side>a,.side>button,.label,.close,.foot,.press{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;font-size:12px;line-height:1.4}.head,.case-bar{padding-top:var(--pad-y);justify-content:space-between;align-items:flex-start;gap:16px 24px;display:flex}.colophon{color:var(--mute);align-items:center;gap:14px;text-decoration:none;display:flex}.arms{width:auto;height:52px}.lines{flex-direction:column;display:flex}.lines span:last-child{color:var(--faint)}.colophon-menu{display:flex}.menu{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#1c1c1eeb;border-radius:10px;outline:none;min-width:10rem;padding:4px;box-shadow:inset 0 1px #fafafa14,0 0 0 1px #fafafa14,0 18px 40px #00000080}.menu-item{color:var(--mute);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;cursor:default;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;padding:6px 10px;font-size:12px;display:flex}.menu-item[data-highlighted]{color:var(--white);background:#fafafa14}html:not(.drafts) li:has([data-draft]){display:none}.draft-mark{color:var(--faint);margin-left:1ch}.side{flex-direction:column;align-items:flex-end;gap:14px;display:flex}.side>a,.side>button{color:var(--mute);cursor:pointer;background:0 0;border:0;margin:0;padding:0;text-decoration:none;display:flex}.side>:is(a,button):hover{color:var(--white)}.arrow{vertical-align:-.1em;width:.95em;height:.95em;transition:translate .5s var(--ease);flex:none;margin-left:.35em;display:inline-block}:is(a,button):is(:hover,:focus-visible) .arrow{translate:.12em -.12em}.roll{display:block;position:relative;overflow:hidden}.roll>span{white-space:nowrap;transition:transform .5s var(--ease);display:block}.roll>span+span{position:absolute;top:100%;right:0}:is(a,button):is(:hover,:focus-visible) .roll>span{transform:translateY(-100%)}.intro{column-gap:var(--gap);min-height:calc(100svh - var(--pad-y) - 52px);grid-template-rows:auto minmax(64px,1fr) auto auto;grid-template-columns:repeat(12,minmax(0,1fr));padding-block:clamp(72px,13vh,180px) clamp(48px,8vh,96px);display:grid;position:relative}.index,.aside,.spec,.shead{font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase;font-variant-numeric:tabular-nums}.index span,.shead span{color:var(--faint);margin-right:1.2ch}.index{color:var(--mute);grid-area:1/1/auto/3;margin:0;padding-top:.8em}.statement{letter-spacing:-.055em;color:var(--faint);text-wrap:balance;grid-column:3/-1;margin:0;font-size:clamp(36px,5.4vw,98px);font-weight:500;line-height:.94}.aside{color:var(--faint);grid-area:3/8/auto/-1;margin:0 0 16px}.sequel{letter-spacing:-.015em;color:var(--faint);text-wrap:pretty;grid-area:4/8/auto/-1;margin:0;font-size:clamp(19px,1.5vw,26px);font-weight:500;line-height:1.3}.sequel .cw{animation-delay:calc(.7s + var(--i) * 16ms)}.spec{color:var(--faint);flex-direction:column;grid-area:3/1/5/5;align-self:start;margin:0;display:flex}.clock{color:var(--mute);font-variant-numeric:tabular-nums;align-items:center;gap:8px;display:flex}.clock:not([data-sun]){visibility:hidden}.clock svg{width:12px;height:12px;display:none}.clock[data-sun=up] .sun,.clock[data-sun=down] .moon{display:block}.sun circle,.moon path{fill:currentColor}.sun path{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round}.work{color:var(--white);font:inherit;letter-spacing:inherit;cursor:pointer;background:0 0;border:0;margin:0;padding:0;display:inline;position:relative}.plate{background:var(--soft);color:var(--ink);font-family:var(--sans);letter-spacing:normal;text-align:left;text-wrap:nowrap;font-weight:400;line-height:1;display:block;position:relative;overflow:hidden;container-type:size}.plate:after{content:"";mix-blend-mode:soft-light;opacity:.7;pointer-events:none;background: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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");position:absolute;inset:0}.plate-tile,.plate-art{-webkit-user-select:none;user-select:none;width:100%;height:100%;position:absolute;inset:0}.plate-tile{object-fit:cover;scale:1.04}.plate-art{object-fit:contain;width:80%;height:80%;inset:10%}.plate-top{font-family:var(--mono);letter-spacing:.02em;font-variant-numeric:tabular-nums;filter:drop-shadow(0 .5px #ffffff8c)drop-shadow(0 1px 1px #00000042)drop-shadow(0 0 6px #00000024);justify-content:space-between;gap:1em;font-size:clamp(9px,2.3cqw,14px);font-weight:500;display:flex;position:absolute;inset:4.2cqw 4.6cqw auto}.plate-top>span{color:#0000;background:linear-gradient(#fffffffa,#ffffffa8);-webkit-background-clip:text;background-clip:text}@container (max-width:300px){.plate-top{flex-direction:column;gap:.35em}}.plate-name,.plate-logo{position:absolute;bottom:4.2cqw;left:4.6cqw}.plate-name{letter-spacing:-.06em;text-wrap:balance;color:#0000;background:var(--glass);filter:drop-shadow(0 -.012em #ffffffb3)drop-shadow(0 .03em .05em #00000029)drop-shadow(0 .12em .3em #0000001f);-webkit-background-clip:text;background-clip:text;max-width:90cqw;padding-block:.06em;font-size:min(11.5cqw,34cqh);font-weight:500;line-height:.88;translate:-.04em .12em}.plate-logo{filter:drop-shadow(0 -1px #fff9)drop-shadow(0 1px 1.5px #0000002e)drop-shadow(0 .6cqw 1.6cqw #0000001f);display:block;bottom:5cqw}.plate-logo>span{-webkit-mask:var(--mark) left bottom / contain no-repeat;-webkit-mask:var(--mark) left bottom / contain no-repeat;-webkit-mask:var(--mark) left bottom / contain no-repeat;-webkit-mask:var(--mark) left bottom / contain no-repeat;mask:var(--mark) left bottom / contain no-repeat;background:linear-gradient(172deg,#fffffff5 0%,#ffffff9e 55%,#ffffffc7 100%);position:absolute;inset:0}.sheet{background:var(--paper);text-wrap:pretty;white-space:normal;flex-direction:column;padding:9cqw 8cqw;font-size:4.1cqw;line-height:1.5;display:flex;position:absolute;inset:13cqh 10cqw -10cqh;box-shadow:0 1px 1px #0000000f,0 12px 32px -8px #00000047}.sheet-top{font-family:var(--mono);letter-spacing:.02em;opacity:.55;justify-content:space-between;gap:1em;font-size:3.3cqw;display:flex}.sheet-title{letter-spacing:-.05em;text-wrap:balance;margin:13cqw 0 6cqw;font-size:9.6cqw;font-weight:500;line-height:1}.sheet-p{opacity:.62;margin-top:.75em}.sheet-p:first-of-type{margin-top:0}.peek{z-index:20;aspect-ratio:2;pointer-events:none;visibility:hidden;clip-path:inset(50%);width:min(400px,70vw);transition:clip-path .55s var(--ease), visibility 0s .55s;position:absolute;bottom:calc(100% + 18px);left:50%;translate:-50%}html.js .peek{translate:var(--x,0) var(--y,0);position:fixed;top:0;bottom:auto;left:0}.peek.photo{aspect-ratio:4/5;background:var(--soft);width:clamp(168px,15vw,240px)}.photo img{object-fit:cover;object-position:48% 30%;-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}html:not(.js) .work:hover .peek,.work[data-peek] .peek{visibility:visible;clip-path:inset(0);transition:clip-path .55s var(--ease)}dialog.case{overscroll-behavior:contain;background:linear-gradient(135deg, var(--night-hi) 0%, var(--night-lo) 100%) fixed;width:100%;max-width:none;height:100%;max-height:none;color:var(--white);opacity:0;transition:opacity .35s ease, display .35s allow-discrete, overlay .35s allow-discrete;border:0;margin:0;padding:0;position:fixed;inset:0;overflow-y:auto}dialog.case[open]{opacity:1}@starting-style{dialog.case[open]{opacity:0}}dialog.case::backdrop{background:var(--night-lo)}dialog.case:focus{outline:none}html[data-morph] dialog.case{transition:none}.case-page{padding-bottom:clamp(72px,9vw,140px)}.close{color:var(--mute);cursor:pointer;background:0 0;border:0;margin:0;padding:0}.close:hover{color:var(--white)}.hidden-title{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.case-hero{aspect-ratio:2;width:100%;max-height:62vh;margin-top:clamp(40px,7vh,96px)}.case-art{gap:var(--gap);margin-top:var(--gap);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));display:grid}.case-art .plate{aspect-ratio:4/3}.case-text{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));margin-top:clamp(32px,4vw,64px);display:grid}.tags{color:var(--mute);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;grid-column:1/4;margin:0;padding:.55em 0 0;font-size:12px;line-height:1.9;list-style:none}.case-main{grid-column:5/12;min-width:0}.case-body{letter-spacing:-.015em;max-width:34em;color:var(--body);text-wrap:pretty;margin:0;font-size:clamp(20px,1.9vw,28px);line-height:1.4}.case-links{flex-wrap:wrap;gap:12px 28px;margin-top:clamp(24px,2.4vw,36px);display:flex}.about{column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));align-items:start;margin-top:clamp(40px,9vh,120px);display:grid}.about-photo{aspect-ratio:4/5;background:var(--soft);grid-column:1/4;max-width:320px;overflow:hidden}.about-photo img{object-fit:cover;object-position:48% 30%;width:100%;height:100%;display:block}.about-text{grid-column:5/12}.case-body a{color:var(--white);text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--faint);-webkit-text-decoration-color:var(--faint);-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint);transition:text-decoration-color .3s}.case-body a:hover{-webkit-text-decoration-color:var(--white);-webkit-text-decoration-color:var(--white);-webkit-text-decoration-color:var(--white);text-decoration-color:var(--white)}.about-text .case-body+.case-body{margin-top:.8em}.work-page{margin-top:clamp(40px,9vh,120px)}.roles{width:auto;margin-inline:-24px}.roles>div:nth-child(2){mix-blend-mode:normal}.roles li{border:0;position:relative}.roles li:where(.grid){grid-template-columns:minmax(0,1fr) calc(14em + 48px) minmax(0,1.1fr) minmax(0,1.2fr)}.roles li>span{text-overflow:clip;overflow:visible}.roles li>span:last-child{white-space:normal}.roles li>div[aria-hidden=true]{aspect-ratio:4/3}.row-open{color:inherit;font:inherit;letter-spacing:inherit;text-transform:inherit;text-align:left;cursor:pointer;background:0 0;border:0;margin:0;padding:0}.row-open:after{content:"";z-index:1;position:absolute;inset:0}.press{color:var(--mute);text-decoration:none;display:inline-block}.press:hover{color:var(--white)}::view-transition-group(work){animation-duration:.8s;animation-timing-function:var(--ease);overflow:clip}::view-transition-old(work){object-fit:cover;width:100%;height:100%}::view-transition-new(work){object-fit:cover;width:100%;height:100%}::view-transition-old(root){animation-duration:.5s}::view-transition-new(root){animation-duration:.5s}.writing{margin-top:clamp(120px,18vw,260px)}.shead{color:var(--mute);margin:0 0 clamp(12px,1.4vw,20px)}.posts{width:auto;margin-inline:-24px}.posts>div:nth-child(2){mix-blend-mode:normal}.posts li{border:0;position:relative}.posts li:where(.grid){grid-template-columns:minmax(0,1.5fr) minmax(0,3.5fr) minmax(0,2.2fr) minmax(0,2.8fr)}.posts li>span:first-child{white-space:nowrap}.post-link{text-decoration:none}.post-link:after{content:"";z-index:1;position:absolute;inset:0}.posts li>span:nth-child(2){letter-spacing:-.03em;font-size:clamp(22px,2vw,30px);line-height:1.15}.posts li>span:nth-child(4){font-size:15px;line-height:1.55}.row-title{letter-spacing:-.02em;text-wrap:balance;font-size:clamp(20px,1.8vw,26px);font-weight:500;line-height:1.25;display:block}.foot{padding-block:18px var(--pad-y);color:var(--faint);flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(96px,12vw,180px);display:flex}.foot a{color:var(--mute);text-decoration:none;display:inline-flex}.foot a:hover{color:var(--white)}.foot-links{flex-wrap:wrap;gap:12px 28px;display:flex}.lead{margin-top:clamp(72px,12vh,180px)}.title{letter-spacing:-.045em;margin:0;font-size:clamp(48px,7vw,112px);font-weight:500;line-height:1}.lead p{max-width:34em;color:var(--mute);margin:clamp(16px,2vw,28px) 0 0;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.piece{max-width:52rem;margin:clamp(56px,10vh,140px) auto 0}.piece-meta{color:var(--mute);justify-content:space-between;gap:16px;margin-bottom:clamp(28px,4vw,48px);display:flex}.piece-meta a{text-decoration:none}.piece-meta a:hover{color:var(--white)}.piece-head h1{letter-spacing:-.045em;text-wrap:balance;margin:0;font-size:clamp(40px,6.4vw,88px);font-weight:500;line-height:1}.piece-head p{color:var(--mute);text-wrap:pretty;margin:clamp(16px,2vw,24px) 0 0;font-size:clamp(18px,1.5vw,22px);line-height:1.5}.prose{color:var(--body);text-wrap:pretty;margin-top:clamp(40px,6vw,80px);font-size:clamp(17px,1.25vw,19px);line-height:1.7}.lab{margin-block:2.4em 2.8em}.lab-stage{justify-content:center;display:flex}.lab-plate{aspect-ratio:2;width:100%;transition:background-color .45s}.lab-stage[data-shape=square] .lab-plate{aspect-ratio:1;width:min(100%,30rem)}.lab-stage[data-shape=tall] .lab-plate{aspect-ratio:4/5;width:min(100%,26rem)}.lab-plate .plate-tile{transition:opacity .45s}.lab-controls{gap:10px;margin-top:20px;display:grid}.lab-row{grid-template-columns:6rem minmax(0,1fr);align-items:center;gap:8px 16px;display:grid}.lab-key{color:var(--mute);font:400 12px/1.4 var(--mono);letter-spacing:.08em;text-transform:uppercase}.lab-chips,.lab-seed{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.chip{background:var(--soft);color:var(--mute);font:400 12px/1.3 var(--mono);letter-spacing:.04em;cursor:pointer;border:0;align-items:center;gap:7px;margin:0;padding:6px 10px;transition:background-color .25s,color .25s,opacity .25s;display:inline-flex}.chip:hover{color:var(--white)}.chip[aria-pressed=true]{background:var(--white);color:var(--night-lo)}.chip[data-empty]{opacity:.3;pointer-events:none}.swatch{width:8px;height:8px}.lab-seed output{min-width:4.5ch;color:var(--white);font:400 13px/1 var(--mono);font-variant-numeric:tabular-nums;text-align:center}.lab-text{background:var(--soft);width:min(100%,16rem);color:var(--white);font:400 13px/1.3 var(--mono);border:0;border-radius:0;padding:6px 10px}.lab-text:focus-visible{outline-offset:0;border-radius:0}.prose .lab-code{margin:16px 0 0}.prose>:first-child{margin-top:0}.prose p,.prose ul,.prose ol,.prose blockquote,.prose pre{margin:0 0 1.1em}.prose h2,.prose h3{color:var(--white);letter-spacing:-.02em;margin:2em 0 .6em;font-weight:500;line-height:1.25}.prose h2{font-size:1.45em}.prose h3{font-size:1.2em}.prose strong{color:var(--white);font-weight:600}.prose a{color:var(--white);text-underline-offset:.18em;text-decoration-line:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:var(--faint);-webkit-text-decoration-color:var(--faint);-webkit-text-decoration-color:var(--faint);text-decoration-color:var(--faint)}.prose a:hover{-webkit-text-decoration-color:var(--white);-webkit-text-decoration-color:var(--white);-webkit-text-decoration-color:var(--white);text-decoration-color:var(--white)}.prose ul,.prose ol{padding-left:1.3em}.prose ul{list-style:outside}.prose ol{list-style:decimal}.prose li{margin:.35em 0;padding-left:.2em}.prose li::marker{color:var(--faint);font-variant-numeric:tabular-nums}.prose blockquote{border-left:2px solid var(--rule);color:var(--mute);padding-left:1em}.prose code{background:var(--soft);font-family:var(--mono);border-radius:4px;padding:.1em .35em;font-size:.88em}.prose pre{background:var(--soft);max-width:100%;padding:18px 20px;font-size:.8em;line-height:1.65;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose hr{border:0;border-top:1px solid var(--rule);margin:2.4em 0}.prose img{max-width:100%;height:auto;display:block}.prose figure{margin:2.2em 0}.prose figcaption{color:var(--mute);font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;margin-top:12px;font-size:12px}.turn{gap:var(--gap);border-top:1px solid var(--rule);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(72px,8vw,120px);display:grid}.turn a{flex-direction:column;gap:8px;padding-top:20px;text-decoration:none;display:flex}.turn a+a,.turn .next{text-align:right;grid-column:2;align-items:flex-end}.turn .row-title{margin:0}.turn a:hover .row-title{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}@keyframes fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.lead,.piece-head{animation:fade-up 1s var(--ease) .25s backwards}@keyframes word-in{0%{opacity:0;filter:blur(10px);transform:translateY(.3em)}}.arms,.lines>span,.side>*,.index,.aside,.spec,.foot>*{animation:word-in 1.2s var(--ease) backwards}.index{animation-delay:.1s}.aside{animation-delay:.7s}.spec{animation-delay:1.1s}.lines>span:first-child{animation-delay:80ms}.lines>span:nth-child(2){animation-delay:.14s}.lines>span:nth-child(3){animation-delay:.2s}.side>:first-child{animation-delay:.12s}.side>:nth-child(2){animation-delay:.18s}.side>:nth-child(3){animation-delay:.24s}@supports (animation-timeline:view()){.foot>*{animation:linear both word-in;animation-timeline:view();animation-range:entry 10% entry 90%}.foot>:last-child{animation-range:entry 25%}}.cw{animation:word-in 1.1s var(--ease) calc(.15s + var(--i) * 24ms) backwards;display:inline-block}.writing,.prose{animation:fade-up 1s var(--ease) .5s backwards}@media (prefers-reduced-motion:reduce){.arms,.lines>span,.side>*,.index,.aside,.spec,.foot>*,.cw,.lead,.piece-head,.writing,.prose{animation:none}.roll>span,.arrow,.peek,dialog.case{transition:none}}@media (pointer:coarse){.posts,.roles{margin-inline:-16px}}@media (max-width:900px){.intro{grid-template-rows:auto auto 1fr auto auto;grid-template-columns:minmax(0,1fr);row-gap:20px}.index,.statement,.aside,.sequel,.spec{grid-column:1}.index{grid-row:1;padding-top:0}.statement{text-wrap:pretty;grid-row:2;font-size:clamp(36px,10.2vw,84px)}.aside{grid-row:4;margin:0;padding-left:34%}.sequel{grid-row:5;padding-left:34%;font-size:clamp(17px,4.3vw,22px)}.spec{grid-row:4/6}.tags,.case-main,.about-photo,.about-text{grid-column:1/-1}.tags{margin-bottom:20px;padding-top:0}.about-photo{width:min(100%,240px);margin-bottom:28px}.case-hero{aspect-ratio:3/2}}@media (max-width:640px){.head{align-items:center}.head .side{gap:0}.head .side>*{position:relative}.head .side>:after{content:"";position:absolute;inset:-4px -12px}.posts,.roles{margin-inline:-16px}.posts>ul{flex-direction:column;gap:28px;display:flex}.posts>ul>li:where(.flex){border-bottom:0}.posts li:where(.grid){grid-template-columns:minmax(0,1fr);row-gap:6px;padding-block:20px}.posts li>span{padding-block:0}.posts li>span[aria-hidden=true]{display:none}.posts>div:nth-child(2),.roles>div:nth-child(2){z-index:40}.posts>div:nth-child(2)>div,.roles>div:nth-child(2)>div{right:16px;width:min(56vw,15rem)!important;height:calc(1.154*min(56vw,15rem))!important;left:auto!important}.roles li:where(.grid){grid-template-columns:minmax(0,1fr) auto;row-gap:4px;padding-block:14px}.roles li>span{padding-block:0}.roles li>span[aria-hidden=true]{display:none}.roles li>span:last-child{grid-column:1/-1}.intro{padding-top:48px}}@media (max-width:560px){.lab-row{grid-template-columns:minmax(0,1fr)}.head .side{align-items:flex-end}.side{align-items:flex-start}.turn{grid-template-columns:1fr}.turn a+a,.turn .next{text-align:left;grid-column:1;align-items:flex-start}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}