@view-transition{navigation:none}
.obsidian-cut{position:fixed;inset:0;z-index:9999;pointer-events:none;visibility:hidden;overflow:hidden;display:grid;place-items:center}
.obsidian-cut i{position:absolute;inset:0;background:#100c18;transform:translateY(101%)}
.obsidian-cut i:nth-child(2){background:#b68be9;clip-path:polygon(0 0,48% 0,75% 100%,0 100%)}
.obsidian-cut i:nth-child(3){background:#22142f;clip-path:polygon(0 0,39% 0,66% 100%,0 100%)}
.cut-wordmark{position:relative;display:flex;flex-direction:column;color:#f3edf7;font-family:'Schibsted Grotesk',sans-serif;font-size:clamp(50px,10vw,145px);line-height:.86;letter-spacing:-.075em;overflow:hidden;padding:.12em .15em .2em}
.cut-wordmark span{display:block;transform:translateY(150%)}.cut-wordmark span+span{font-size:.28em;letter-spacing:.08em;margin-top:.55em;align-self:flex-end}
.obsidian-cut.cover,.obsidian-cut.arrive{visibility:visible}
.obsidian-cut.cover i{animation:cut-in .29s cubic-bezier(.22,1,.36,1) both}.obsidian-cut.cover i:nth-child(2){animation-delay:25ms}.obsidian-cut.cover i:nth-child(3){animation-delay:45ms}
.cover .cut-wordmark span{animation:word-in .24s cubic-bezier(.22,1,.36,1) .14s both}.cover .cut-wordmark span+span{animation-delay:.19s}
.obsidian-cut.arrive i{animation:cut-out .46s cubic-bezier(.65,0,.35,1) .05s both}.arrive .cut-wordmark span{animation:word-out .28s cubic-bezier(.65,0,.35,1) both}
@keyframes cut-in{to{transform:translateY(0)}}@keyframes cut-out{from{transform:translateY(0)}to{transform:translateY(-101%)}}@keyframes word-in{to{transform:translateY(0)}}@keyframes word-out{from{transform:translateY(0);opacity:1}to{transform:translateY(-150%);opacity:0}}
@media(prefers-reduced-motion:reduce){.obsidian-cut{display:none!important}}
