@font-face{font-family:Newsreader;src:url("/fonts/newsreader-latin-opsz-normal.woff2") format("woff2");font-weight:200 800;font-style:normal;font-display:swap}
@font-face{font-family:Newsreader;src:url("/fonts/newsreader-latin-opsz-italic.woff2") format("woff2");font-weight:200 800;font-style:italic;font-display:swap}
:root{color-scheme:dark;--ground:#0c1211;--ink:#e9e6d8;--quiet:#a0aaa1;--ember:#c6ad79;--rule:#29382e;--sage:#bbcdbb;--dial:min(105vw,1050px,calc((100vh - 150px) * 1.08))}
@supports(height:100svh){:root{--dial:min(105vw,1050px,calc((100svh - 150px) * 1.08))}}
*,*::before,*::after{box-sizing:border-box}
html{background:var(--ground);color:var(--ink);-webkit-text-size-adjust:100%;text-rendering:optimizeLegibility}
body{margin:0;min-height:100vh;min-height:100svh;display:grid;grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);background:var(--ground);font-family:Newsreader,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;font-optical-sizing:auto;isolation:isolate;overflow-x:clip}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--ember);outline-offset:7px}
.head,.foot{display:flex;align-items:center;gap:1.5rem;margin-inline:5vw;position:relative;z-index:2;font-family:Arial,sans-serif;font-weight:400;line-height:1.6;text-transform:uppercase}
.head{justify-content:space-between;padding-block:1.6rem;border-bottom:1px solid #aabca71b;font-size:11px;letter-spacing:.18em}
.head .brand{letter-spacing:.15em}
.by{color:var(--quiet);font-size:10px;letter-spacing:.12em}
.brand::before{content:"";display:inline-block;width:6px;height:6px;border:1px solid var(--ember);border-radius:50%;margin-right:13px;vertical-align:.08em}
.foot{padding-block:1.5rem;border-top:1px solid #aabca71b;color:var(--quiet);font-size:10px;letter-spacing:.12em;flex-wrap:wrap}
.foot>span{margin-right:auto}
.foot nav{display:flex;flex-wrap:wrap;gap:1.5rem}
.head a:hover,.foot a:hover{color:var(--ember)}
.door{position:relative;z-index:1;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center;padding:2rem 1rem 3rem;min-height:540px}
.field{position:fixed;inset:0;overflow:hidden;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 46%,#203a2b88,transparent 58%),radial-gradient(ellipse at 50% 100%,#1b2d2255,transparent 60%)}
.field::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,transparent 42%,#030806a6 100%)}
.dial{position:absolute;left:50%;top:50%;width:var(--dial);height:var(--dial);margin:calc(var(--dial) / -2) 0 0 calc(var(--dial) / -2);overflow:visible}
.rim{stroke:#a8bea05c;stroke-width:1}
.rim-far{stroke:#9ab3931f;stroke-width:1}
.tick{stroke:#a8bea02e;stroke-width:1}
.tick-long{stroke:#a8bea052}
.numeral{fill:#a8bea066;font-family:Newsreader,Georgia,serif;font-size:17px;font-weight:400;letter-spacing:.22em;text-anchor:middle;dominant-baseline:central}
.seat{fill:#b7c8ac8f}
.seat-open{fill:var(--ember)}
.seat-shut{fill:var(--ground);stroke:var(--ember);stroke-width:1.6}
.seat-halo{fill:#c6ad7912;transition:fill .5s}
.rim{transition:stroke .5s}
body:has(.enter:hover) .seat-halo,body:has(.enter:focus-visible) .seat-halo{fill:#c6ad7933}
body:has(.enter:hover) .rim,body:has(.enter:focus-visible) .rim{stroke:#c6ad7966}
.eye{stroke:var(--ember);stroke-width:1.4;fill:var(--ground)}
.pupil{fill:var(--ember)}
.orbit{transform:rotate(40deg)}
.title{margin:0;font-size:calc(var(--dial) * .08);font-weight:300;line-height:1.04;letter-spacing:.075em;text-transform:uppercase;text-indent:.075em}
.line{display:block}
.line-low{color:var(--sage)}
.turned{display:inline-block;transform:rotate(180deg);transform-origin:50% 37%}
.vow{margin:2rem 0 0;font-size:clamp(1rem,1.6vw,1.25rem);font-style:italic;color:#aebcaa;line-height:1.5}
.enter{display:flex;align-items:center;gap:2.8rem;min-height:48px;border:1px solid #b5ae833f;padding:1rem 1.5rem;margin-top:2.2rem;font-size:.74rem;font-weight:500;line-height:1.4;letter-spacing:.24em;text-transform:uppercase;background:#15221b80;transition:border-color .3s,background-color .3s}
.enter-mark{font-size:1.2rem;line-height:1;letter-spacing:0;transition:transform .3s}
.enter:hover,.enter:focus-visible{background:#243b2a99;border-color:#c6ad79aa}
.enter:hover .enter-mark{transform:translateX(3px)}
@keyframes orbit{from{transform:rotate(40deg)}to{transform:rotate(400deg)}}
@keyframes rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes wake{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:no-preference){
.orbit{animation:orbit 160s linear infinite}
.title{animation:rise 1s cubic-bezier(.2,.65,.25,1) backwards}
.numerals,.ticks{animation:wake 2.4s ease-out .2s backwards}
}
@media(max-width:760px){.head .brand{font-size:10px}.by,.foot{font-size:9px}}
@media(max-width:600px){
:root{--dial:150vw}
.head,.foot{margin-inline:20px}
.head{align-items:flex-start;gap:.75rem;flex-wrap:wrap}
.door{padding-block:2.5rem;min-height:520px}
.dial{top:48.5%}
.title{font-size:calc(var(--dial) * .074);letter-spacing:.06em;text-indent:.06em}
.vow{max-width:18rem;padding-inline:1rem}
.numeral{font-size:20px}
.foot{gap:1rem}
.foot>span{flex-basis:100%}
}
@media(max-width:400px){
:root{--dial:136vw}
.by{display:none}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}
:root {
  --chronicle-ground: #070c09;
  --chronicle-ink: #eee8d8;
  --chronicle-quiet: #aab7a5;
  --chronicle-gold: #c6ad79;
  --chrono-turn: 0;
}
.chronicle {
  position: fixed;
  inset: 0;
  z-index: 20;
  display: grid;
  place-items: center;
  overflow: hidden;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  color: var(--chronicle-ink);
  background: transparent;
  transition: opacity 180ms ease, visibility 0s linear 180ms, background-color 900ms ease;
}
.chronicle::before,
.chronicle::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}
.chronicle::before {
  width: min(142vmax, 122rem);
  aspect-ratio: 1;
  border: 1px solid #c6ad7914;
  box-shadow: 0 0 0 3rem #b9c7ab03, 0 0 0 3.1rem #c6ad7908;
}
.chronicle::after {
  inset: 0;
  background: radial-gradient(ellipse, transparent 38%, #0008 100%);
  opacity: 0;
  transition: opacity 900ms ease;
}
html.clock-entered {
  overflow: hidden;
}
html.clock-entered .chronicle {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition-delay: 0s;
}
html.clock-entered body > :not(.chronicle) {
  pointer-events: none;
}
.chrono-dial {
  position: absolute;
  z-index: 1;
  width: var(--dial);
  height: var(--dial);
  overflow: visible;
  transform: rotate(calc(var(--chrono-turn) * 1deg));
  transform-origin: center;
  opacity: 0;
  will-change: transform, opacity;
  transition: opacity 700ms ease;
}
html.clock-rush .field .dial,
html.clock-rush .chrono-dial { transform: rotate(calc(var(--chrono-turn) * 1deg)); }
html.clock-complex .chrono-dial { opacity: 1; }
html.clock-complex .chronicle {
  background: radial-gradient(circle at 50% 50%, #203929 0, #101a14 29%, var(--chronicle-ground) 70%), var(--chronicle-ground);
}
html.clock-complex .chronicle::after { opacity: 1; }
.chrono-dial .complexity {
  opacity: 0;
  transform-origin: center;
  transition: opacity 720ms ease, transform 1.2s cubic-bezier(.16,.8,.24,1);
  transform: scale(.72);
}
.chrono-dial .chrono-rim,
.chrono-dial .chrono-tick,
.chrono-dial .chrono-hand,
.chrono-dial .chrono-numeral {
  vector-effect: non-scaling-stroke;
}
.chrono-dial .chrono-rim { stroke: #c8d6bc54; fill: none; }
.chrono-dial .chrono-tick { stroke: #c8d6bc42; }
.chrono-dial .chrono-hand { stroke: var(--chronicle-gold); }
.chrono-dial .chrono-numeral { fill: #d5d0bb8c; }
html.clock-complex .chrono-dial .complexity {
  opacity: 1;
  transform: scale(1);
}
.chronicle-quotes {
  position: relative;
  z-index: 2;
  width: min(37rem, calc(100vw - 3rem));
  min-height: 10rem;
  display: grid;
  place-items: center;
  text-align: center;
  pointer-events: none;
}
.chronicle-figure {
  position: absolute;
  inset: 0;
  margin: 0;
  pointer-events: none;
}
.chronicle-figure figcaption {
  position: absolute;
  right: clamp(1.25rem, 4vw, 4rem);
  bottom: clamp(3.75rem, 7vw, 5rem);
  color: #bec4b27f;
  font: .62rem/1.5 Arial, sans-serif;
  letter-spacing: .14em;
  text-transform: uppercase;
}
.quote-card {
  grid-area: 1 / 1;
  margin: 0;
  max-width: 30rem;
  font-family: Newsreader, Georgia, serif;
  font-size: clamp(1.6rem, 3.5vw, 3.4rem);
  font-style: italic;
  font-weight: 300;
  line-height: 1.15;
  letter-spacing: -.015em;
  opacity: 0;
  transform: translateY(.7rem);
  transition: opacity 620ms ease, transform 780ms cubic-bezier(.2,.7,.25,1);
}
.quote-card.is-active {
  opacity: 1;
  transform: translateY(0);
  animation: chronicle-quote-in 780ms cubic-bezier(.2,.7,.25,1) both;
}
.chronicle-skip {
  position: absolute;
  z-index: 3;
  right: clamp(1.25rem, 4vw, 4rem);
  bottom: clamp(1.25rem, 4vw, 3rem);
  padding: .6rem .1rem;
  color: var(--chronicle-quiet);
  font: 600 .68rem/1.4 Arial, sans-serif;
  letter-spacing: .17em;
  text-transform: uppercase;
  pointer-events: auto;
}
.chronicle-skip::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: .35rem;
  left: 0;
  height: 1px;
  background: currentColor;
  opacity: .55;
}
.chronicle-skip:hover { color: var(--chronicle-gold); }
.chronicle-skip:focus-visible { outline: 2px solid var(--chronicle-gold); outline-offset: 7px; }
html.clock-dust body > header,
html.clock-dust body > main,
html.clock-dust body > footer {
  animation: chronicle-dust 1.15s cubic-bezier(.34,.02,.76,.24) both;
}
.dust-motes {
  position: absolute;
  z-index: 2;
  inset: 0;
  opacity: 0;
  pointer-events: none;
}
.dust-motes i {
  position: absolute;
  left: var(--dust-x, 50%);
  top: var(--dust-y, 50%);
  width: var(--dust-size, 2px);
  height: var(--dust-size, 2px);
  border-radius: 50%;
  background: #d8c89a;
  box-shadow: 0 0 8px #c6ad7977;
  opacity: .75;
}
html.clock-dust .dust-motes {
  opacity: 1;
  animation: chronicle-motes 1.5s cubic-bezier(.18,.7,.38,1) both;
}
html.clock-dust .dust-motes i {
  animation: chronicle-mote 1.5s cubic-bezier(.18,.7,.38,1) both;
}
html.clock-collapse .chrono-dial {
  animation: chronicle-collapse 1.2s cubic-bezier(.3,0,.2,1) both;
}
html.clock-aperture .chronicle {
  background: #0b100c;
}
html.clock-aperture .chronicle::after {
  opacity: 1;
  animation: chronicle-bloom 900ms cubic-bezier(.72,0,.45,1) both;
}
@keyframes chronicle-dust {
  to { opacity: 0; filter: blur(7px); transform: translateY(18vh) scale(.94); clip-path: inset(10% 0 0 round 50%); }
}
@keyframes chronicle-motes {
  0% { opacity: 0; }
  18% { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes chronicle-mote {
  to { transform: translate(var(--dust-drift-x, 0), var(--dust-drift-y, 22vh)) scale(.2); filter: blur(2px); }
}
@keyframes chronicle-collapse {
  from { opacity: 1; transform: scaleX(1) scaleY(1) rotate(calc(var(--chrono-turn) * 1deg)); filter: brightness(1); }
  to { opacity: 1; transform: scaleX(.012) scaleY(.84) rotate(calc(var(--chrono-turn) * 1deg)); filter: brightness(1.8) drop-shadow(0 0 5px #c6ad7980); }
}
@keyframes chronicle-quote-in {
  from { opacity: 0; transform: translateY(.7rem); }
  to { opacity: 1; transform: translateY(0); }
}
@keyframes chronicle-bloom {
  from { background: radial-gradient(circle at 50% 50%, #ead8ae 0 0, #8b6c43 0 0, #0b100c 0 100%); }
  to { background: radial-gradient(circle at 50% 50%, #f4e5bd 0 38%, #b9925a 57%, #0b100c 100%); }
}
@media (max-width: 600px) {
  .chrono-dial { width: var(--dial); height: var(--dial); }
  .chronicle-quotes { width: min(29rem, calc(100vw - 2.5rem)); min-height: 8rem; }
  .quote-card { font-size: clamp(1.45rem, 7vw, 2.25rem); }
}
@media (prefers-reduced-motion: reduce) {
  .chronicle { display: none !important; }
  html.clock-entered { overflow: auto; }
}
@property --end-scale{syntax:"<number>";inherits:false;initial-value:1}
@property --end-angle{syntax:"<number>";inherits:false;initial-value:0}
@property --end-opacity{syntax:"<number>";inherits:false;initial-value:1}
@property --ring-scale{syntax:"<number>";inherits:false;initial-value:1}
@property --ring-opacity{syntax:"<number>";inherits:false;initial-value:0}
@property --background-opacity{syntax:"<number>";inherits:false;initial-value:1}
@property --foreground-opacity{syntax:"<number>";inherits:false;initial-value:0}
@property --ground-opacity{syntax:"<number>";inherits:false;initial-value:0}
@property --vignette-opacity{syntax:"<number>";inherits:false;initial-value:1}
@property --vignette-duration{syntax:"<number>";inherits:false;initial-value:.9}
@property --quote-backdrop-opacity{syntax:"<number>";inherits:false;initial-value:1}
@property --dial-opacity-duration{syntax:"<number>";inherits:false;initial-value:.7}
.chrono-dial,.seal-plate{left:50%;top:50%;margin:calc(var(--dial) / -2) 0 0 calc(var(--dial) / -2)}
.chronicle::before{display:none}
.chronicle::after{display:none}
.scene-ground{position:absolute;inset:0;z-index:0;background:#080f0b;opacity:var(--ground-opacity);will-change:opacity}
.scene-background{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse at center,#1b3023 0,#0c1710 47%,#050a07 100%);opacity:0;transition:opacity 1.2s ease;will-change:opacity}
.scene-vignette{position:absolute;inset:0;z-index:0;background:radial-gradient(ellipse,transparent 38%,#0008 100%);opacity:0;transition:opacity calc(var(--vignette-duration) * 1s) ease;will-change:opacity;pointer-events:none}
html.clock-complex .chronicle{background:transparent}
html.clock-complex .scene-background{opacity:var(--background-opacity)}
html.clock-complex .scene-vignette{opacity:var(--vignette-opacity)}
.quote-card{max-width:min(30rem,calc(var(--dial) * .49))}
.quote-card blockquote{margin:0;font:inherit;text-wrap:balance}
.quote-card figcaption{margin-top:1.7rem;font:400 .69rem/1.65 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;font-style:normal;color:#c9ba98}
.quote-year{display:block;margin-top:.3rem;font-size:.6rem;letter-spacing:.11em;color:#a8b6a5}
.engraving{stroke:#c6ad795c;stroke-width:.65;fill:none}
.chrono-dial .complexity,.mechanism-inner{transform-box:fill-box;transform-origin:center}
.mechanism-inner{transform:rotate(calc(var(--seal-turn,0) * -2deg))}
.fine-ring{stroke-dasharray:2 10}
html.clock-entered .field .orbit{animation-play-state:paused}
html.clock-aperture .chronicle::after{inset:50%;width:10vmax;height:10vmax;margin:-5vmax;border-radius:50%;background:#ead8ae;box-shadow:0 0 10vmax 5vmax #b18d54;animation:iris-reveal .9s cubic-bezier(.7,0,.4,1) both}
@keyframes iris-reveal{from{transform:scale(.01);opacity:0}30%{opacity:.28}to{transform:scale(18);opacity:0}}
@keyframes counter-mechanism{to{transform:rotate(-360deg)}}
@media(max-width:600px){.chrono-dial,.seal-plate{top:48.5%}.chronicle-quotes{transform:translateY(-1.5vh)}.quote-card{max-width:calc(100vw - 3rem)}.quote-card figcaption{font-size:.6rem}.quote-year{font-size:.56rem}}
.chronicle-quotes{isolation:isolate}
.quote-card{position:relative;z-index:1}
html.clock-reverse .quote-card.is-active blockquote{transform:perspective(700px) rotateY(calc(var(--lens-x,0) * var(--lens-presence,0) * 3deg)) skewX(calc(var(--lens-y,0) * var(--lens-presence,0) * 1.3deg)) scaleY(calc(1 + var(--lens-breath,0) * var(--lens-presence,0) * .018));transform-origin:center;will-change:transform}
.quote-lenses{display:none}
.quote-lens{position:absolute;left:50%;top:39%;width:var(--lens-size);height:var(--lens-size);margin:calc(var(--lens-size) * -.5);border:1px solid #cfbd906e;border-radius:50%;background:radial-gradient(circle,#baceb609 35%,#d9c28c0d 65%,transparent 70%);box-shadow:0 0 1rem #c7b17912,inset 0 0 .8rem #bfd7c40c;will-change:transform;transform:translate(calc(var(--lens-x,0) * var(--lens-travel)),calc(var(--lens-y,0) * var(--lens-rise))) rotate(calc(var(--lens-phase,0) * var(--lens-speed))) scale(calc(.4 + var(--lens-growth,0) * .6 + var(--lens-breath,0) * .035))}
.quote-lens::before{content:"";position:absolute;inset:10%;border:1px solid #cedcc047;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;transform:rotate(35deg)}
.quote-lens::after{content:"";position:absolute;inset:24%;border:1px solid #d5c39b45;transform:rotate(45deg);border-radius:22%}
.lens-first{--lens-size:clamp(6rem,15vw,10rem);--lens-travel:7rem;--lens-rise:2.4rem;--lens-speed:7deg}
.lens-second{--lens-size:clamp(4rem,10vw,7rem);--lens-travel:-5rem;--lens-rise:-3.2rem;--lens-speed:-11deg;opacity:.7}
.lens-third{--lens-size:clamp(2.8rem,7vw,4.6rem);--lens-travel:2rem;--lens-rise:-1rem;--lens-speed:17deg;opacity:.6}
@media(max-width:600px){.lens-first{--lens-travel:4.5rem;--lens-rise:2rem}.lens-second{--lens-travel:-3.6rem;--lens-rise:-2.2rem}}
@media(prefers-reduced-motion:reduce){.quote-lenses{display:none}html.clock-reverse .quote-card.is-active blockquote{transform:none}}
@media(max-width:600px){
.chronicle-quotes::before{content:"";position:absolute;inset:-2.5rem -20vw;z-index:-1;background:linear-gradient(180deg,transparent,#0c1710f5 24%,#0c1710f5 76%,transparent);opacity:0;transition:opacity .7s ease;pointer-events:none}
html.clock-reverse .chronicle-quotes::before{opacity:1}
}
@media(max-width:399px){.by{display:none}}
@media(prefers-reduced-motion:reduce){.mechanism-inner{animation:none}}
.alchemy-seal{fill:none;stroke:#d4bb87;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}
.seal-layer{transform-box:view-box;transform-origin:center;opacity:calc(var(--end-opacity) * var(--layer-opacity,clamp(0,calc(var(--reveal,0) * 2),1)))}
.seal-plate{position:absolute;z-index:1;width:var(--dial);height:var(--dial);overflow:visible;pointer-events:none;will-change:transform,opacity;transform:rotate(calc(var(--plate-angle,0) * 1deg))}
.seal-layer path,.seal-layer circle{vector-effect:non-scaling-stroke}
.seal-layer [pathLength]{stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--reveal,0))}
.seal-fine{stroke-width:.55;opacity:.6}
.seal-tracks{stroke:#c9b7839c}
.seal-lattice{stroke:#ddbd83b8}
.seal-glyphs{stroke:#dfcaa8b8;stroke-width:.85}
.seal-satellites{stroke:#cbd8bfb3;stroke-width:.85}
.seal-crown{stroke:#e0c78eae;stroke-width:.75}
.seal-glyphs,.seal-satellites,.seal-crown{--reveal:1;opacity:calc(var(--end-opacity) * var(--layer-opacity,0))}
.chronicle-quotes{isolation:isolate}
.chronicle-quotes::before{display:none}
.quote-backdrop{position:absolute;inset:-4rem -5rem;z-index:-1;background:radial-gradient(ellipse,#102017fa 22%,#102017eb 42%,#10201700 72%);opacity:0;transition:opacity .7s ease;pointer-events:none}
html.clock-reverse .quote-backdrop{opacity:var(--quote-backdrop-opacity)}
.seal-passage{position:absolute;inset:0;z-index:3;pointer-events:none;overflow:hidden}
.passage-ring{position:absolute;left:50%;top:50%;z-index:1;width:44vmin;height:44vmin;margin:-22vmin;border:1px solid #ddc38e;border-radius:50%;opacity:var(--ring-opacity);transform:scale(var(--ring-scale));will-change:transform,opacity}
.passage-ring::before,.passage-ring::after{display:none}
.passage-two,.passage-three{display:none}
.passage-core{position:absolute;inset:0;z-index:0;background:#080f0b;opacity:var(--foreground-opacity);will-change:opacity}
html.clock-entered .chrono-dial{animation:none;transform:scale(var(--end-scale)) rotate(calc(var(--end-angle) * 1deg));filter:none;will-change:transform,opacity}
html.clock-complex .chrono-dial{opacity:var(--end-opacity);transition-duration:calc(var(--dial-opacity-duration) * 1s)}
.seal-plate{transform:scale(var(--end-scale)) rotate(calc(var(--end-angle) * 1deg))}
.mechanism-inner{transform:rotate(calc(var(--end-angle) * -2deg))}
@media(max-width:600px){.quote-backdrop{inset:-2.5rem -20vw;background:linear-gradient(180deg,transparent,#0c1710f5 24%,#0c1710f5 76%,transparent)}}
.dust-motes i:nth-child(1){--dust-x:8%;--dust-y:12%;--dust-size:1px;--dust-drift-x:-15vw;--dust-drift-y:12vh;animation-delay:0ms}
.dust-motes i:nth-child(2){--dust-x:45%;--dust-y:31%;--dust-size:2px;--dust-drift-x:-10vw;--dust-drift-y:16vh;animation-delay:18ms}
.dust-motes i:nth-child(3){--dust-x:82%;--dust-y:50%;--dust-size:3px;--dust-drift-x:-5vw;--dust-drift-y:20vh;animation-delay:36ms}
.dust-motes i:nth-child(4){--dust-x:35%;--dust-y:69%;--dust-size:1px;--dust-drift-x:0vw;--dust-drift-y:24vh;animation-delay:54ms}
.dust-motes i:nth-child(5){--dust-x:72%;--dust-y:14%;--dust-size:2px;--dust-drift-x:5vw;--dust-drift-y:28vh;animation-delay:72ms}
.dust-motes i:nth-child(6){--dust-x:25%;--dust-y:33%;--dust-size:3px;--dust-drift-x:10vw;--dust-drift-y:32vh;animation-delay:0ms}
.dust-motes i:nth-child(7){--dust-x:62%;--dust-y:52%;--dust-size:1px;--dust-drift-x:15vw;--dust-drift-y:12vh;animation-delay:18ms}
.dust-motes i:nth-child(8){--dust-x:15%;--dust-y:71%;--dust-size:2px;--dust-drift-x:-15vw;--dust-drift-y:16vh;animation-delay:36ms}
.dust-motes i:nth-child(9){--dust-x:52%;--dust-y:16%;--dust-size:3px;--dust-drift-x:-10vw;--dust-drift-y:20vh;animation-delay:54ms}
.dust-motes i:nth-child(10){--dust-x:89%;--dust-y:35%;--dust-size:1px;--dust-drift-x:-5vw;--dust-drift-y:24vh;animation-delay:72ms}
.dust-motes i:nth-child(11){--dust-x:42%;--dust-y:54%;--dust-size:2px;--dust-drift-x:0vw;--dust-drift-y:28vh;animation-delay:0ms}
.dust-motes i:nth-child(12){--dust-x:79%;--dust-y:73%;--dust-size:3px;--dust-drift-x:5vw;--dust-drift-y:32vh;animation-delay:18ms}
.dust-motes i:nth-child(13){--dust-x:32%;--dust-y:18%;--dust-size:1px;--dust-drift-x:10vw;--dust-drift-y:12vh;animation-delay:36ms}
.dust-motes i:nth-child(14){--dust-x:69%;--dust-y:37%;--dust-size:2px;--dust-drift-x:15vw;--dust-drift-y:16vh;animation-delay:54ms}
.dust-motes i:nth-child(15){--dust-x:22%;--dust-y:56%;--dust-size:3px;--dust-drift-x:-15vw;--dust-drift-y:20vh;animation-delay:72ms}
.dust-motes i:nth-child(16){--dust-x:59%;--dust-y:75%;--dust-size:1px;--dust-drift-x:-10vw;--dust-drift-y:24vh;animation-delay:0ms}
.dust-motes i:nth-child(17){--dust-x:12%;--dust-y:20%;--dust-size:2px;--dust-drift-x:-5vw;--dust-drift-y:28vh;animation-delay:18ms}
.dust-motes i:nth-child(18){--dust-x:49%;--dust-y:39%;--dust-size:3px;--dust-drift-x:0vw;--dust-drift-y:32vh;animation-delay:36ms}
.dust-motes i:nth-child(19){--dust-x:86%;--dust-y:58%;--dust-size:1px;--dust-drift-x:5vw;--dust-drift-y:12vh;animation-delay:54ms}
.dust-motes i:nth-child(20){--dust-x:39%;--dust-y:77%;--dust-size:2px;--dust-drift-x:10vw;--dust-drift-y:16vh;animation-delay:72ms}
.dust-motes i:nth-child(21){--dust-x:76%;--dust-y:22%;--dust-size:3px;--dust-drift-x:15vw;--dust-drift-y:20vh;animation-delay:0ms}
.dust-motes i:nth-child(22){--dust-x:29%;--dust-y:41%;--dust-size:1px;--dust-drift-x:-15vw;--dust-drift-y:24vh;animation-delay:18ms}
.dust-motes i:nth-child(23){--dust-x:66%;--dust-y:60%;--dust-size:2px;--dust-drift-x:-10vw;--dust-drift-y:28vh;animation-delay:36ms}
.dust-motes i:nth-child(24){--dust-x:19%;--dust-y:79%;--dust-size:3px;--dust-drift-x:-5vw;--dust-drift-y:32vh;animation-delay:54ms}
.dust-motes i:nth-child(25){--dust-x:56%;--dust-y:24%;--dust-size:1px;--dust-drift-x:0vw;--dust-drift-y:12vh;animation-delay:72ms}
.dust-motes i:nth-child(26){--dust-x:9%;--dust-y:43%;--dust-size:2px;--dust-drift-x:5vw;--dust-drift-y:16vh;animation-delay:0ms}
.dust-motes i:nth-child(27){--dust-x:46%;--dust-y:62%;--dust-size:3px;--dust-drift-x:10vw;--dust-drift-y:20vh;animation-delay:18ms}
.dust-motes i:nth-child(28){--dust-x:83%;--dust-y:81%;--dust-size:1px;--dust-drift-x:15vw;--dust-drift-y:24vh;animation-delay:36ms}
.dust-motes i:nth-child(29){--dust-x:36%;--dust-y:26%;--dust-size:2px;--dust-drift-x:-15vw;--dust-drift-y:28vh;animation-delay:54ms}
.dust-motes i:nth-child(30){--dust-x:73%;--dust-y:45%;--dust-size:3px;--dust-drift-x:-10vw;--dust-drift-y:32vh;animation-delay:72ms}
.dust-motes i:nth-child(31){--dust-x:26%;--dust-y:64%;--dust-size:1px;--dust-drift-x:-5vw;--dust-drift-y:12vh;animation-delay:0ms}
.dust-motes i:nth-child(32){--dust-x:63%;--dust-y:83%;--dust-size:2px;--dust-drift-x:0vw;--dust-drift-y:16vh;animation-delay:18ms}
.dust-motes i:nth-child(33){--dust-x:16%;--dust-y:28%;--dust-size:3px;--dust-drift-x:5vw;--dust-drift-y:20vh;animation-delay:36ms}
.dust-motes i:nth-child(34){--dust-x:53%;--dust-y:47%;--dust-size:1px;--dust-drift-x:10vw;--dust-drift-y:24vh;animation-delay:54ms}
.dust-motes i:nth-child(35){--dust-x:90%;--dust-y:66%;--dust-size:2px;--dust-drift-x:15vw;--dust-drift-y:28vh;animation-delay:72ms}
.dust-motes i:nth-child(36){--dust-x:43%;--dust-y:85%;--dust-size:3px;--dust-drift-x:-15vw;--dust-drift-y:32vh;animation-delay:0ms}
.dust-motes i:nth-child(37){--dust-x:80%;--dust-y:30%;--dust-size:1px;--dust-drift-x:-10vw;--dust-drift-y:12vh;animation-delay:18ms}
.dust-motes i:nth-child(38){--dust-x:33%;--dust-y:49%;--dust-size:2px;--dust-drift-x:-5vw;--dust-drift-y:16vh;animation-delay:36ms}
.dust-motes i:nth-child(39){--dust-x:70%;--dust-y:68%;--dust-size:3px;--dust-drift-x:0vw;--dust-drift-y:20vh;animation-delay:54ms}
.dust-motes i:nth-child(40){--dust-x:23%;--dust-y:13%;--dust-size:1px;--dust-drift-x:5vw;--dust-drift-y:24vh;animation-delay:72ms}
.dust-motes i:nth-child(41){--dust-x:60%;--dust-y:32%;--dust-size:2px;--dust-drift-x:10vw;--dust-drift-y:28vh;animation-delay:0ms}
.dust-motes i:nth-child(42){--dust-x:13%;--dust-y:51%;--dust-size:3px;--dust-drift-x:15vw;--dust-drift-y:32vh;animation-delay:18ms}
.dust-motes i:nth-child(43){--dust-x:50%;--dust-y:70%;--dust-size:1px;--dust-drift-x:-15vw;--dust-drift-y:12vh;animation-delay:36ms}
.dust-motes i:nth-child(44){--dust-x:87%;--dust-y:15%;--dust-size:2px;--dust-drift-x:-10vw;--dust-drift-y:16vh;animation-delay:54ms}
.dust-motes i:nth-child(45){--dust-x:40%;--dust-y:34%;--dust-size:3px;--dust-drift-x:-5vw;--dust-drift-y:20vh;animation-delay:72ms}
.dust-motes i:nth-child(46){--dust-x:77%;--dust-y:53%;--dust-size:1px;--dust-drift-x:0vw;--dust-drift-y:24vh;animation-delay:0ms}
.dust-motes i:nth-child(47){--dust-x:30%;--dust-y:72%;--dust-size:2px;--dust-drift-x:5vw;--dust-drift-y:28vh;animation-delay:18ms}
.dust-motes i:nth-child(48){--dust-x:67%;--dust-y:17%;--dust-size:3px;--dust-drift-x:10vw;--dust-drift-y:32vh;animation-delay:36ms}
.life-stack{position:absolute;left:50%;top:50%;width:var(--dial);height:var(--dial);margin:calc(var(--dial) / -2) 0 0 calc(var(--dial) / -2);z-index:0;pointer-events:none;transform-origin:center;transform:rotate(calc(var(--plate-angle,0) * 1deg));opacity:.24;will-change:transform,opacity}
.life-plate{position:absolute;inset:25%;width:50%;height:50%;overflow:visible;fill:none;stroke:#dbc38c;stroke-width:1.15}
.life-plate circle{vector-effect:non-scaling-stroke}
.life-layer{opacity:var(--life-reveal,0)}
.life-flower{stroke:#b6cab2}
.life-outer{stroke:#cbb788;stroke-width:.95;opacity:var(--life-reveal,0);will-change:opacity}
.life-stack{opacity:calc(.24 * var(--end-opacity));transform:rotate(calc(var(--end-angle) * 1deg)) scale(var(--end-scale))}
@media(prefers-reduced-motion:reduce){.life-stack{display:none}}