/* Motion is an enhancement: content and navigation remain visible without JavaScript. */
.site-intro[hidden]{display:none}
.site-intro{position:fixed;inset:0;z-index:100;background:#f3eddf;display:grid;place-items:center;overflow:hidden;pointer-events:none;isolation:isolate}
.intro-botanical{position:absolute;inset:-5%;background:url('assets/home-botanical-hero.jpg') right center/cover no-repeat;opacity:.12;mask-image:linear-gradient(90deg,transparent 15%,#000 100%);z-index:-1}
.intro-identity{display:flex;align-items:center;flex-direction:column;width:min(460px,80vw);color:#34412c}
.intro-compass{position:relative;width:190px;aspect-ratio:1;margin-bottom:26px}
.intro-compass svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:#7c886b;stroke-width:.7}
.intro-orbit{stroke-dasharray:1;stroke-dashoffset:1;transform-origin:120px 120px;transform:rotate(-90deg)}
.intro-orbit.inner{stroke:#b5a47f;stroke-width:.5;transform:rotate(90deg)}
.intro-cross{stroke:#596747;stroke-width:.65}
.intro-seed{position:absolute;inset:23%;width:54%;height:54%}
.intro-wordmark{width:340px;max-width:90%;overflow:hidden;padding:4px 0}
.intro-wordmark img{display:block;width:100%;height:auto}
.intro-caption{font-size:12px;letter-spacing:2.8px;margin-top:26px;text-align:center;line-height:1.8;color:#69715b}
.intro-hairline{width:50px;height:1px;margin-top:28px;background:#9e855f;transform-origin:left center}
.intro-skip{position:absolute;right:5vw;bottom:35px;pointer-events:auto;background:transparent;border:0;padding:12px 0;font-size:12px;letter-spacing:1px;color:#59634d}
.intro-skip span{margin-left:20px}.intro-skip:focus-visible{outline:2px solid #81502c;outline-offset:5px}
.motion-line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
.motion-line>span{display:block;transform-origin:left bottom}
body[data-page=collection] main>section{position:relative}
.motion-rule{position:absolute;top:0;left:7vw;right:7vw;height:1px;background:var(--rule);transform-origin:left center;pointer-events:none}
.story-teaser .motion-rule{background:#78816a}
body[data-page=collection] .card-plate,body[data-page=collection] .table-card-image{isolation:isolate}
@media(max-width:760px){.intro-compass{width:155px;margin-bottom:22px}.intro-wordmark{width:285px}.intro-caption{font-size:12px;letter-spacing:2px}.intro-skip{right:7vw;bottom:24px}.motion-rule{left:7vw;right:7vw}}
@media(prefers-reduced-motion:reduce){.site-intro{display:none!important}.motion-line{overflow:visible}.motion-line>span{transform:none!important}.intro-orbit{stroke-dashoffset:0}}
@media print{.site-intro,.motion-rule{display:none!important}}