@keyframes elevation-line-lighting{0%{box-shadow:0 0 .0625rem var(--color-gloaming-200);opacity:.35}10%{opacity:1}11%{opacity:.75}to{box-shadow:none;opacity:.35}}@keyframes elevation-line-tracer{0%{opacity:0;translate:0 0}50%{opacity:1}to{opacity:0;translate:5dvw 0}}@keyframes elevation-line-travel{0%{translate:0 var(--elevation-lines-height)}to{translate:0 0}}[data-elevation-line]{animation:elevation-line-lighting ease-out infinite,elevation-line-travel var(--ease-in-quad) infinite;animation-duration:var(--elevation-line-travel-duration, 10s);animation-delay:var(--elevation-line-travel-delay, 0s)}[data-elevation-line-tracer]{opacity:0;&.show{animation:elevation-line-tracer var(--ease-in-expo);animation-duration:var(--elevation-line-tracer-duration)}}@keyframes project-carousel-tracer-section-flare{0%,10%{border-color:color-mix(in oklab,var(--color-gloaming-50) 10%,transparent)}to{border-color:color-mix(in oklab,var(--color-gloaming-50) 25%,transparent)}}@keyframes project-carousel-tracer-scan{0%{left:0%}to{left:100%}}.project-carousel-tracer-section{border-color:color-mix(in oklab,var(--color-gloaming-50) 10%,transparent);&.flare{animation:project-carousel-tracer-section-flare .6s var(--ease-in-quad)}}.project-carousel-tracer{animation:project-carousel-tracer-scan var(--tracer-scan-duration) infinite linear;.tracer-dot{animation-duration:calc(var(--tracer-scan-duration) / 7)}}@keyframes tracer-dot-orbit{0%{translate:calc(var(--tracer-size) / -2 * var(--tracer-dot-distance)) 0}to{translate:calc(var(--tracer-size) / 2 * var(--tracer-dot-distance)) 0}}.tracer-dot{animation:tracer-dot-orbit 2.4s infinite alternate var(--ease-in-out-quint) 3.6s}.project-carousel-slide-a{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,minmax(0,1fr));@media screen and (max-width:599px){>.project-carousel-slide-a-child{order:var(--natural-order);&:nth-child(n+11){display:none}&:nth-child(4n+3){order:calc(var(--natural-order) + 1)}&:nth-child(4n+4){order:calc(var(--natural-order) - 1)}}}@media screen and (min-width:600px)and (max-width:959px){grid-template-columns:repeat(3,minmax(0,1fr));>.project-carousel-slide-a-child{&:nth-child(n+16){display:none}}}@media screen and (min-width:960px)and (max-width:1199px){grid-template-columns:repeat(4,minmax(0,1fr));>.project-carousel-slide-a-child{order:var(--natural-order);&:nth-child(n+21){display:none}&:nth-child(8n+5),&:nth-child(8n+7){order:calc(var(--natural-order) + 1)}&:nth-child(8n+6),&:nth-child(8n+8){order:calc(var(--natural-order) - 1)}}}@media screen and (min-width:1200px){grid-template-columns:repeat(5,minmax(0,1fr));>.project-carousel-slide-a-child{&:nth-child(n+21){display:initial}}>.project-carousel-slide-a-child{&:nth-child(n+26){display:none}}}}.project-carousel-slide-a-child{--segment-max-height: 4dvh;--segment-height: 0px;mask-image:repeating-linear-gradient(to top,#000000,#000000 var(--segment-height),transparent var(--segment-height),transparent var(--segment-max-height));transition:--segment-height 1s var(--ease-out-quart)}.project-carousel-slide-a-child.show{--segment-height: var(--segment-max-height)}.project-carousel-slide-b{clip-path:inset(0 10dvw);--segment-max-height: 20dvh;--segment-height: 0px;mask-image:repeating-linear-gradient(to top,#000000,#000000 var(--segment-height),transparent var(--segment-height),transparent var(--segment-max-height));transition:clip-path 1s var(--ease-out-quart),--segment-height 1s var(--ease-out-quart)}.project-carousel-slide-b.show{clip-path:inset(0 0);--segment-height: var(--segment-max-height)}@keyframes hero-star{0%,to{opacity:0}50%{opacity:1}}.hero{--hero-scroll-amount: 0;&[data-hero-animation=out]{.hero-mask{mask-image:repeating-linear-gradient(to bottom,#000000,#000000 var(--hero-mask-segment-height),transparent var(--hero-mask-segment-height),transparent var(--hero-mask-segment-max-height))}}}.hero-mask{--hero-mask-segment-max-height: 11.1111dvh;--hero-mask-segment-height: calc( var(--hero-mask-segment-max-height) - var(--hero-mask-segment-max-height) * var(--hero-scroll-amount) );--hero-moon-size: max(12dvh, 9rem);--hero-moon-x: var(--spacing-grid-margin);--hero-moon-y: -1rem;--hero-moon-mask-x: calc(var(--hero-moon-x) + var(--hero-moon-size) / 2);--hero-moon-mask-y: calc(var(--hero-moon-y) + var(--hero-moon-size) / 2);filter:blur(calc(var(--hero-scroll-amount) * 3dvw)) brightness(calc(1 + var(--hero-scroll-amount) * 1.5))}@media screen and (min-width:48rem){.hero-mask{--hero-moon-x: calc(var(--spacing-grid-margin) + 6dvh);--hero-moon-y: 1rem}}.hero-moon-digital{mask-image:linear-gradient(to bottom,transparent 35%,white)}.hero-star-field{mask-size:cover}.hero-star{animation:hero-star ease-in-out}.book-indent p,.book-indent .fake-p{+&:not(.new-section){text-indent:calc(var(--spacing) * 8)}}.book-indent p.new-section,.book-indent .fake-p.new-section{margin-top:var(--leading-app)}dialog.styled{background:transparent;color:var(--color-foreground);display:grid;min-height:100dvh;max-width:none;width:100%}dialog.styled .dialog-article{display:flex;flex-direction:column;gap:2rem;@media screen and (min-width:60em){display:grid;column-gap:var(--spacing-grid-gutter);row-gap:var(--spacing-6dvh);grid-template-areas:"d d d d d d d" "h h h . . . ." "n m m m m . ." "f f f f f f f";grid-template-columns:repeat(7,minmax(0,1fr));grid-template-rows:auto auto auto 1fr;align-items:start;>form{grid-area:d}>header{grid-area:h}>main{grid-area:m}>nav{grid-area:n}>footer{align-self:end;grid-area:f}}}dialog.styled::backdrop{background-color:transparent;transition:background-color .3s var(--ease-out-quart)}dialog.styled.persist-backdrop::backdrop{transition:none}dialog.styled[open]::backdrop{background-color:var(--color-background)}dialog.styled.is-exiting::backdrop{background-color:transparent}@starting-style{dialog.styled[open]::backdrop{background-color:transparent}}@keyframes animated-ellipsis-dot{0%,to{translate:0 .0666em}50%{translate:0 -.4em}}.animated-ellipsis>span{animation:animated-ellipsis-dot 2.4s var(--ease-out-back) infinite;translate:0 .0666em;&:nth-child(3n+2){animation-delay:.1s}&:nth-child(3n+3){animation-delay:.14s}}.next-button{height:calc(var(--spacing) * var(--next-button-size));width:calc(var(--spacing) * var(--next-button-size) / 2);visibility:hidden;&.show{animation:slide-in-from-right var(--ease-out-back) .3s forwards;opacity:0;visibility:visible}>*{transition:background-color ease-out;width:calc(var(--spacing) * var(--next-button-size) / 2)}>:nth-child(1){rotate:45deg;transition-duration:.2s}>:nth-child(2){rotate:-45deg;transition-duration:.15s}}.previous-button{height:calc(var(--spacing) * var(--previous-button-size));width:calc(var(--spacing) * var(--previous-button-size) / 2);visibility:hidden;&.show{animation:slide-in-from-left var(--ease-out-back) .3s forwards;opacity:0;visibility:visible}>*{transition:background-color ease-out;width:calc(var(--spacing) * var(--previous-button-size) / 2)}>:nth-child(1){rotate:-45deg;transition-duration:.2s}>:nth-child(2){rotate:45deg;transition-duration:.15s}}@keyframes snapshot-list-item-bg{0%{--x100: 500%;--y100: -50%}to{--x100: -500%;--y100: -65%}}.snapshot-list-item{>.bg{animation:snapshot-list-item-bg 12s linear infinite;mask-image:radial-gradient(circle farthest-side at var(--x100) var(--y100),black,transparent);height:var(--snapshot-list-height);width:var(--snapshot-list-width);>.grid{--snapshot-list-item-grid-color: color-mix( in oklch, var(--color-gloaming-50) 10%, transparent );background-image:linear-gradient(to right,var(--snapshot-list-item-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--snapshot-list-item-grid-color) 1px,transparent 1px);background-position:center center;background-size:1.5rem 1.5rem}}}