.loose-word,.scent-drift{display:inline-flex;border:0;border-radius:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;line-height:inherit;padding:0;cursor:pointer;position:relative}
.loose-word>span,.scent-drift>span{display:inline-block;transition:transform 900ms cubic-bezier(.18,.7,.2,1),color 700ms;pointer-events:none}
.loose-word.is-unsettled>span:nth-child(1){transform:translate(-.03em,-.12em) rotate(-6deg)}
.loose-word.is-unsettled>span:nth-child(2){transform:translate(.02em,.16em) rotate(5deg)}
.loose-word.is-unsettled>span:nth-child(3){transform:translate(-.02em,-.2em) rotate(8deg)}
.loose-word.is-unsettled>span:nth-child(4){transform:translate(.02em,.1em) rotate(-4deg)}
.loose-word.is-unsettled>span:nth-child(5){transform:translate(-.02em,-.1em) rotate(5deg)}
.loose-word.is-unsettled>span:nth-child(6){transform:translate(.04em,.18em) rotate(-7deg)}
.playful-mark{display:flex;align-items:baseline;padding:.22em 0;gap:.05em;white-space:nowrap}
.quiet-slash{white-space:pre}
.brand>.loose-word,.brand>.loose-word>span{margin:0;color:inherit}
.brand>.loose-word{cursor:inherit}
.hero h1 .scent-drift>span{display:inline-block;margin:0;color:inherit}
.scent-drift.is-unsettled>span{transform:translateY(calc(-.055em * var(--i))) rotate(-2deg)}
.scent-drift.is-unsettled>span:nth-child(even){transform:translateY(calc(-.1em * var(--i))) rotate(3deg)}
.after-dark{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:pointer;isolation:isolate}
.hero-image .after-dark>img{display:block;width:100%;aspect-ratio:1;object-fit:contain;transition:opacity 1100ms ease,box-shadow 1100ms ease}
.hero-image .after-dark>.night-photo{position:absolute;inset:0;height:100%;opacity:0;pointer-events:none;box-shadow:none}
.after-dark.is-night>.night-photo{opacity:1}
.hero-image .after-dark.is-night>img:first-child{box-shadow:-14px 22px 0 var(--oxide)}
.after-dark:focus-visible,.loose-word:focus-visible,.scent-drift:focus-visible{outline:2px solid var(--oxide);outline-offset:6px}
@media(prefers-reduced-motion:reduce){.loose-word>span,.scent-drift>span{transform:none!important;transition:none!important}.hero-image .after-dark>img{transition:none!important}}

.loose-word[data-word="OBJECT"].is-unsettled>span:nth-child(3),.loose-word[data-word="SYSTEM"].is-unsettled>span:nth-child(2){color:var(--oxide)}
.quiet-slash{color:var(--oxide)}