/* The Rite shares Ethereal's project typography and motion; this file only places its own artwork. */
body:has(.rite-page){overflow:hidden;background:#000;color:#fffdf5}
body:has(.rite-page):before,body:has(.rite-page):after{display:none!important}
.rite-page{height:100svh;isolation:isolate;background:#000;touch-action:none}
.rite-page>section{position:absolute;inset:0;overflow:hidden;background:#000}
.rite-page [hidden]{display:none!important}
.ra-hero-art{position:absolute;inset:0;overflow:hidden;background:#000;pointer-events:none}
.ra-hero-art img{position:absolute;max-width:none;display:block;pointer-events:none}
.ra-diffuse{inset:-10%;width:120%;height:120%;object-fit:cover;object-position:right center;filter:blur(58px) brightness(.35);mask-image:linear-gradient(90deg,transparent 5%,#000 70%)}
.ra-middle,.ra-sharp{width:110vw;height:auto;right:-5vw;top:50%;transform:translateY(-50%)}
.ra-middle{filter:blur(18px) brightness(.65);mask-image:linear-gradient(90deg,transparent 35%,#000 65%,#000 90%,transparent),linear-gradient(0deg,transparent,#000 22%,#000 78%,transparent);mask-composite:intersect}
.ra-sharp{mask-image:linear-gradient(90deg,transparent 40%,#000 57%,#000 95%),linear-gradient(0deg,transparent,#000 14%,#000 87%,transparent);mask-composite:intersect}
.rite-page .er-intro{text-shadow:0 1px 12px #0008}
.rite-page .ra-document{display:grid;place-items:center;background:#000}
.ra-document img{display:block;width:min(96vw,calc((100svh - 120px)*2.44658));height:auto;max-height:calc(100svh - 120px);object-fit:contain}
@media(max-width:650px){.rite-page .er-intro{top:18vh}.ra-introduction>div{width:86vw;font-size:18px}.ra-document img{width:98vw;max-height:calc(100svh - 110px)}}
body:has(.rite-page)>header a{color:#fffdf5!important;text-shadow:0 1px 8px #0005}

.rite-page>.er-sound{background:transparent;border:0;border-radius:50%;transition:background .18s}.rite-page>.er-sound:hover{background:#ffffff20}
@media(max-width:650px){.ra-middle,.ra-sharp{width:200vw;right:-12vw;top:64%}.ra-sharp{mask-image:linear-gradient(90deg,transparent 38%,#000 52%,#000 96%),linear-gradient(0deg,transparent,#000 15%,#000 84%,transparent);mask-composite:intersect}}

.rite-page .ra-hero,.rite-page .ra-cover{background:transparent}
.rite-page .dare-intro{position:absolute;top:23vh;left:5vw;right:5vw;min-height:0;padding:0;display:block;pointer-events:none}
.rite-page .dare-intro h1{max-width:50%;margin:0 0 28px;transform:translateY(-32px)}
.rite-page>.er-sound{transition:opacity .35s,background .18s}
@media(max-width:650px){.rite-page .dare-intro{top:18vh}.rite-page .dare-intro h1{transform:translateY(-20px);font-size:clamp(48px,12vw,76px);max-width:80%}}

.ra-td-sheet{position:relative;width:min(96vw,calc((100svh - 120px)*2.44658));aspect-ratio:5084/2078}
.ra-document .ra-td-sheet>img{width:100%;height:100%;max-height:none}
.ra-td-circle{position:absolute;left:19.6%;top:5.3%;width:35.75%;aspect-ratio:1;border-radius:50%;overflow:hidden}
.ra-td-circle video{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .3s;display:block}
.ra-td-circle.is-playing video{opacity:1}
.ra-document .ra-td-details{position:absolute;inset:0;pointer-events:none;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1526 624'%3E%3Cg fill='white'%3E%3Crect x='0' y='0' width='366' height='624'/%3E%3Crect x='714' y='0' width='812' height='112'/%3E%3Crect x='820' y='112' width='706' height='512'/%3E%3Crect x='635' y='431' width='891' height='193'/%3E%3C/g%3E%3C/svg%3E");mask-size:100% 100%}
@media(max-width:650px){.ra-td-sheet{width:min(98vw,calc((100svh - 110px)*2.44658))}}