main{gap:var(--margin-x)}.hero{display:flex;position:relative;flex-direction:column;margin:0 var(--margin-story);left:0;right:0;height:fit-content;gap:var(--gap-xl);color:var(--color-text-primary)}.hero .left{display:flex;position:relative;flex-direction:column;margin:0;left:0;right:0;height:fit-content;gap:var(--gap-md)}.hero .left img{display:flex;position:relative;object-fit:cover;width:100%;height:var(--size-card-lg);border-radius:var(--radius-sm);transition:var(--transition-time-lazy-out)}.hero .left img:hover{filter:saturate(1) brightness(1) contrast(1)}.hero .left p{color:var(--color-text-tertiary)}.hero .right{display:flex;position:relative;flex-direction:column;margin:0;left:0;right:0;height:fit-content;gap:var(--margin-x);color:var(--color-text-primary)}.hero h1{margin:var(--margin-h1-y) var(--margin-h1-x);color:var(--color-text-primary);inline-size:var(--inline-size-xxl)}.hero h3{margin:var(--gap-md) 0 0 0}main .story{margin:0 var(--margin-story);gap:var(--gap-xxl)}#readings-menu{display:none;position:fixed;flex-direction:column;top:0;left:0;height:var(--size-vh);margin:0 0 0 var(--margin-x);gap:var(--gap-xs);cursor:pointer;pointer-events:fill;z-index:300}#readings-menu a{display:flex;position:relative;width:fit-content;padding:2px 0;text-decoration:none;text-rendering:optimizeLegibility;color:var(--color-text-primary);cursor:pointer}#readings-menu a small{font-variation-settings:var(--font-variation-semi-bold);line-height:var(--line-height-xs)}#readings-menu a:not(.active)::after{content:"";position:absolute;width:100%;transform:scaleX(0);height:1.5px;border-radius:2px;bottom:0;left:0;background:var(--color-text-primary);transform-origin:bottom right;transition:transform .25s ease-out}#readings-menu a:not(.active):hover::after{transform:scaleX(1);transform-origin:bottom left}#readings-menu a:first-child{margin:auto 0 0 0}#readings-menu a:last-child{margin:0 0 auto 0}#readings-menu .active{color:var(--color-text-tertiary)}footer{background:var(--color-background-secondary)}footer svg path{stroke:var(--color-text-primary)}footer h4{font-variation-settings:var(--font-variation-semi-bold-alt);color:var(--color-text-primary)}footer h1{color:var(--color-fill-quaternary)}@media (max-width:1024px){.hero{margin:0;gap:calc(var(--gap-xxl) + var(--gap-base))}.hero .left{margin:0 var(--margin-x)}.hero .left p{text-align:center}.hero .left img{height:var(--size-card-xl)}.hero .right{margin:0 var(--margin-story);gap:var(--gap-xxl)}#readings-menu{display:none}}@media (max-width:768px){main{gap:var(--gap-xxl)}.hero{gap:var(--gap-xxl)}.hero .left{gap:var(--margin-x)}.hero .left p{text-align:start}.hero .right{margin:0 var(--margin-x);gap:var(--gap-xxl)}main .story{margin:0 var(--margin-x);gap:var(--gap-xxxl)}}