/* EXPERIMENT — the symbols are secondary to the records and the words. */
.hero-mythology{min-height:815px;isolation:isolate;padding-top:75px;padding-bottom:80px}
.hero-mythology .hero-copy{align-self:center;padding-top:25px}
.hero-mythology>.artifact{align-self:end;margin-top:245px;margin-bottom:25px;z-index:2}
.fox-presence{position:absolute;right:8px;top:-28px;width:540px;height:390px;z-index:1;margin:0}
.fox-presence img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 72% 85% at 67% 46%,#000 25%,#000b 52%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 72% 85% at 67% 46%,#000 25%,#000b 52%,transparent 78%)}
.fox-presence a{position:absolute;left:17%;bottom:18px;display:flex;align-items:center;gap:17px;font-family:var(--display);font-size:17px;letter-spacing:.7px;color:var(--muted);padding:8px 0;transition:color .2s}
.fox-presence a:before{content:'';height:1px;width:26px;background:var(--amber);opacity:.55}
.fox-presence a:hover{color:var(--ink)}
.fox-presence a span{font-size:17px;color:var(--faint)}
.trace{display:block;pointer-events:none;user-select:none;mix-blend-mode:lighten;object-fit:contain}
.wing-trace{width:340px;height:210px;max-width:100%;margin:28px 0 2px -25px;opacity:.52;mask-image:radial-gradient(ellipse at center,#000 30%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse at center,#000 30%,transparent 73%)}
.record-aside .record-note{margin-top:14px;padding-left:20px;border-left:1px solid #b88b5438}
.about{position:relative;isolation:isolate;overflow:hidden}
.about-heading{position:relative;min-height:230px}
.compass-trace{position:absolute;width:275px;height:275px;left:-28px;top:72px;z-index:-1;opacity:.50;mask-image:radial-gradient(ellipse at center,#000 28%,transparent 71%);-webkit-mask-image:radial-gradient(ellipse at center,#000 28%,transparent 71%)}
.reading-heading{position:relative;isolation:isolate}
.reading-heading.with-mythology{min-height:300px;align-items:flex-end;padding-bottom:14px}
.reading-heading.with-mythology>div:first-child{position:relative;z-index:2;max-width:75%}
.reading-heading.with-mythology h1{max-width:760px;text-shadow:0 2px 28px #121110}
.reading-heading.with-mythology>.reading-cover{position:relative;z-index:2;align-self:flex-end;margin-bottom:28px}
.reading-atmosphere{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.reading-atmosphere .fox-reading-art{position:absolute;width:450px;height:300px;right:12%;top:0;object-fit:cover;max-width:none;aspect-ratio:auto;opacity:.8;mix-blend-mode:lighten;mask-image:radial-gradient(ellipse 72% 85% at 67% 46%,#000 25%,#000b 52%,transparent 78%);-webkit-mask-image:radial-gradient(ellipse 72% 85% at 67% 46%,#000 25%,#000b 52%,transparent 78%)}
.reading-atmosphere .wing-reading-art{position:absolute;width:400px;height:270px;right:24%;top:-10px;max-width:none;aspect-ratio:auto;opacity:.42;mask-image:radial-gradient(ellipse,#000 20%,transparent 72%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 72%)}
.reading-atmosphere .compass-reading-art{position:absolute;width:235px;height:235px;right:3%;top:-15px;max-width:none;aspect-ratio:auto;opacity:.48;mask-image:radial-gradient(ellipse,#000 20%,transparent 73%);-webkit-mask-image:radial-gradient(ellipse,#000 20%,transparent 73%)}
@media(min-width:1600px){.hero-mythology{min-height:850px}.fox-presence{width:580px;height:410px;top:-18px}}
@media(max-width:1000px) and (min-width:701px){.hero-mythology{min-height:720px}.fox-presence{width:430px;height:315px;right:-28px;top:0}.hero-mythology>.artifact{margin-top:230px;margin-right:-30px;margin-bottom:48px}.hero-mythology .hero-copy{padding-top:90px}.reading-heading.with-mythology{min-height:290px}.reading-atmosphere .fox-reading-art{right:3%;width:430px;height:287px}}
@media(max-width:700px){
 .hero-mythology{padding-top:210px;padding-bottom:60px;min-height:0;overflow:visible}
 .hero-mythology .hero-copy{align-self:stretch;padding-top:0}
 .hero-mythology h1{position:relative;z-index:2;font-size:clamp(80px,21.5vw,140px)}
 .hero-mythology>.artifact{align-self:stretch;margin:22px -16px 15px;z-index:2}
 .fox-presence{width:330px;height:235px;right:-17px;top:-24px;z-index:0}
 .fox-presence a{font-size:14px;bottom:23px;left:0;gap:8px;letter-spacing:.2px}
 .fox-presence a:before{width:16px}.fox-presence a span{font-size:14px}
 .record-aside{position:relative;isolation:isolate;padding-right:0;min-height:145px}
 .record-aside h2,.record-aside .section-tag,.record-aside .record-meta{position:relative;z-index:1}
 .wing-trace{position:absolute;right:-18px;bottom:-35px;width:210px;height:140px;margin:0;opacity:.28;z-index:0}
 .record-aside h2{max-width:265px}.record-aside .record-note{display:none}
 .about-heading{min-height:95px}.compass-trace{width:175px;height:175px;left:auto;right:-30px;top:-30px;opacity:.36}
 .about-heading h2{max-width:240px;position:relative;z-index:1}
 .reading-heading.with-mythology{min-height:300px;padding-top:155px;padding-bottom:0;align-items:flex-end}
 .reading-heading.with-mythology>div:first-child{max-width:100%}
 .reading-heading.with-mythology>.reading-cover{display:none}
 .reading-heading.with-mythology h1{font-size:51px;margin-bottom:14px}
 .reading-atmosphere .fox-reading-art{width:320px;height:215px;right:-24px;top:0;opacity:.85}
 .reading-atmosphere .wing-reading-art{width:235px;height:157px;left:-17px;right:auto;top:0;opacity:.44}
 .reading-atmosphere .compass-reading-art{width:165px;height:165px;right:-10px;top:0;opacity:.42}
}

.fox-presence a{display:block;position:static;width:100%;height:100%;padding:0}.fox-presence a:before{display:none}
.artifact img{mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent),linear-gradient(to bottom,transparent,#000 8%,#000 91%,transparent);-webkit-mask-composite:source-in}

/* Keep the release object in its own row, outside the symbolic image area. */
.reading-release{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;min-height:96px}
.reading-release .back{margin:0}
.reading-disc{display:block;width:144px;height:auto;flex-shrink:0;mask-image:radial-gradient(ellipse,#000 53%,transparent 74%);-webkit-mask-image:radial-gradient(ellipse,#000 53%,transparent 74%)}
@media(max-width:700px){.reading-release{min-height:72px;margin-bottom:20px;gap:16px}.reading-disc{width:108px}}