@charset "UTF-8";
:root{--paper:#f6f5ef;--ink:#343b3c;--muted:#606a68;--line:#c8ceca;--sage:#e2e9df;--blue:#e4eaf0;--pink:#eee2df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 "Segoe UI",Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,summary:focus-visible{outline:2px solid #426257;outline-offset:6px}img{display:block;max-width:100%;height:auto}figure,p{margin:0}p+p{margin-top:1.2em}.page{max-width:1440px;margin:auto;padding:0 64px}.skip{position:absolute;top:-80px;background:var(--paper);padding:12px}.skip:focus{top:0;z-index:5}header{display:flex;align-items:center;gap:42px;padding:32px 0 25px;border-bottom:1px solid var(--ink)}.brand{font-size:60px;letter-spacing:.08em;line-height:1}.brand span{color:#7e9288}.imprint{font-size:11px;line-height:1.5;letter-spacing:.08em}header nav{display:flex;gap:30px;margin-left:auto;font-size:13px}.edition{display:flex;justify-content:space-between;padding:16px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.hero{display:grid;grid-template-columns:1.04fr 1fr;gap:64px;padding:38px 0 70px;border-bottom:1px solid var(--line)}.eyebrow{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-weight:600}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.08;margin:0}h1{font-size:clamp(56px,6.1vw,86px);letter-spacing:-.045em;margin:29px 0}em{font-weight:400;color:#667b70}h2{font-size:46px;letter-spacing:-.035em}h3{font-size:29px;letter-spacing:-.02em}.lead{max-width:420px;font-size:15px;line-height:1.85}.text-link{display:inline-block;border-bottom:1px solid var(--ink);padding:10px 0;font-size:12px;margin-top:22px}.hero-note{border-top:1px solid var(--line);display:grid;gap:2px;margin-top:40px;padding-top:16px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.hero-note strong{font-family:Georgia,serif;text-transform:none;font-size:23px;font-weight:400;letter-spacing:0}.hero-art{position:relative;background:var(--sage);background-image:linear-gradient(#73867515 1px,transparent 1px),linear-gradient(90deg,#73867515 1px,transparent 1px);background-size:60px 60px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:42px 36px 20px;min-width:0}.hero-art:before,.hero-art:after{content:"+";position:absolute;font-size:22px;color:#7b8d80;top:12px;left:16px}.hero-art:after{top:auto;left:auto;bottom:38px;right:16px}.hero-art img{width:255px;max-height:450px;object-fit:contain}.axis{position:absolute;left:12px;top:60px;writing-mode:vertical-rl;font-size:8px;letter-spacing:.16em}.hero-art figcaption{width:100%;display:flex;justify-content:space-between;font-size:9px;margin-top:25px;gap:10px}.reading{display:grid;grid-template-columns:1fr 1.55fr;gap:100px;padding:75px 0}.reading h2{margin:20px 0 24px}.small{font-size:12px;color:var(--muted)}.prose{font-size:15px;line-height:1.85}.prose p+p{margin-top:1.15em}blockquote{margin:28px 0 0;padding:20px 0 20px 25px;border-left:2px solid #829489;font:italic 23px/1.5 Georgia,serif}.section-head{border-top:1px solid var(--line);padding-top:22px;display:grid;grid-template-columns:1fr 1.7fr;gap:12px}.section-head .small{grid-column:2}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:38px}.plane{padding:32px 20px 18px;background:var(--pink)}.plane-1{background:var(--blue)}.plane-2{background:var(--sage)}.plane img{width:auto;height:310px;max-width:100%;margin:auto;object-fit:contain}.plane figcaption{font-size:9px;margin-top:22px;letter-spacing:.12em}.card>.eyebrow{margin-top:24px}.card h3{margin:8px 0 18px}details{border-top:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:20px;font-size:12px;padding:16px 0}summary::-webkit-details-marker{display:none}details[open]>summary span{transform:rotate(45deg)}details .prose{padding-bottom:24px}.long{margin-top:38px}.long .prose{max-width:760px;margin:auto}.prose h3{margin:30px 0 18px}.archive{display:grid;grid-template-columns:1fr 1.3fr;gap:100px;background:var(--blue);padding:48px;margin:85px 0}.archive h2{margin:20px 0}.archive p{max-width:350px;font-size:14px}.archive-list a{display:grid;grid-template-columns:1fr auto 20px;gap:20px;align-items:center;border-bottom:1px solid #b7c3c7;padding:19px 0}.archive-list small{font-size:10px;color:var(--muted)}.world-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:45px 28px;margin-top:35px}.world-item{grid-column:span 2}.world-item:nth-child(n+4){grid-column:span 3}.world-item figure{height:230px;background:var(--sage);overflow:hidden}.world-item img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.world-item:hover img{transform:scale(1.025)}.item-3 img{object-fit:contain}.item-5 img{object-fit:contain;padding:25px;background:var(--pink)}.item-heading{display:flex;align-items:baseline;gap:12px;margin-top:20px}.item-heading h3{font-size:26px;flex:1}.world-item p{font-size:13px;line-height:1.7;max-width:340px;margin-top:14px}.capsule{display:grid;grid-template-columns:1fr 1.5fr;gap:85px;border-top:1px solid var(--line);padding:70px 0;margin-top:85px}.years{font:70px/1.1 Georgia,serif;color:#738378;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--sage);padding:32px;letter-spacing:-.04em}.years span{font:40px Georgia,serif}.capsule h2{margin:20px 0}.capsule p{max-width:540px;font-size:14px}.capsule .small{margin-top:15px;font-size:11px}footer{border-top:1px solid var(--ink);padding:30px 0 40px;display:flex;gap:40px;align-items:center;font-size:11px}footer p{margin-right:auto}.footer-brand{font-size:30px;letter-spacing:.1em}.archive-page{padding:60px 0}.archive-page>p{margin-top:22px;max-width:650px}.month{padding:40px 0;border-bottom:1px solid var(--line);scroll-margin-top:20px}.month h2{font-size:34px;margin-bottom:15px}.archive-images{display:flex;flex-wrap:wrap;gap:25px;margin-top:25px}.archive-images figure{width:155px}.archive-images img{height:250px;width:100%;object-fit:contain}.archive-images figcaption{font-size:10px;overflow-wrap:anywhere;margin-top:10px}.month-nav{display:flex;flex-wrap:wrap;gap:10px 25px;margin:30px 0}.month-nav a{font-size:12px;border-bottom:1px solid var(--line)}
@media(max-width:1050px){.page{padding:0 32px}.hero{gap:35px}h1{font-size:65px}header{gap:22px}header nav{gap:20px}.reading,.archive,.capsule{gap:40px}.plane{padding:24px 12px 16px}.plane img{height:270px}.cards{gap:20px}.archive{padding:32px}.world-item h3{font-size:23px}}@media(max-width:700px){.page{padding:0 20px}header{flex-wrap:wrap;padding:25px 0 15px;gap:18px}.brand{font-size:44px}.imprint{margin-left:auto;font-size:9px}header nav{width:100%;margin:8px 0 0;justify-content:space-between;font-size:12px}.edition{font-size:8px;gap:15px}.edition span:last-child{display:none}.hero{grid-template-columns:1fr;gap:30px;padding:25px 0 45px}h1{font-size:64px;margin:22px 0}.lead{font-size:14px}.hero-note{margin-top:25px}.hero-art{padding:35px 25px 20px}.hero-art img{width:235px}.reading{grid-template-columns:1fr;padding:45px 0;gap:28px}.reading h2 br{display:none}h2{font-size:37px}.section-head{grid-template-columns:1fr;gap:15px}.section-head .small{grid-column:auto}.cards{grid-template-columns:1fr;gap:35px}.plane img{height:330px}.plane{padding:30px}.card h3{font-size:32px}.archive{grid-template-columns:1fr;margin:50px -20px;padding:32px 20px;gap:25px}.archive-list a{gap:12px}.world-grid{grid-template-columns:1fr;gap:35px}.world-item,.world-item:nth-child(n+4){grid-column:auto}.world-item figure{height:260px}.capsule{grid-template-columns:1fr;gap:30px;padding:40px 0;margin-top:50px}.years{font-size:50px;flex-direction:row;gap:25px}footer{flex-wrap:wrap;gap:20px;align-items:start}footer p{flex:1;min-width:170px}footer>a:last-child{margin-left:auto}.archive-images{gap:12px}.archive-images figure{width:calc(50% - 6px)}.archive-images img{height:230px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.time-capsule-link{font-size:11px;line-height:1.5;color:#686f6c;padding:6px 0;text-decoration:none}
.time-capsule-link:hover{text-decoration:underline}
.time-capsule-link:focus-visible{outline:2px solid #426257;outline-offset:4px}
footer{flex-wrap:wrap}
@media(max-width:700px){footer>.time-capsule-link{margin-left:0;flex-basis:100%}footer>a[href="#top"]{margin-left:auto}}

/* November: separate hover movement from the one-way flip. */
[hidden]{display:none!important}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.tarot-interactive{display:block;width:190px;max-width:100%;margin:0 auto;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;perspective:1100px}
.hero-art .tarot-interactive{width:255px}.hero-art #issue-card{max-width:100%}
.card-motion{display:block;transform:rotate(-2deg);transition:transform .3s ease,filter .3s ease;filter:drop-shadow(2px 4px 4px rgb(52 59 60 / 10%))}
.card-flip{display:block;position:relative;aspect-ratio:600/1028;transform-style:preserve-3d;transition:transform .75s cubic-bezier(.2,.65,.25,1)}
.card-face{position:absolute;inset:0;display:block;backface-visibility:hidden;-webkit-backface-visibility:hidden;pointer-events:none}
.card-front{transform:rotateY(180deg)}
.hero-art .tarot-interactive img,.plane .tarot-interactive img{display:block;width:100%;height:100%;max-height:none;max-width:100%;object-fit:contain;margin:0;transform:none;border:0;box-shadow:none}
.tarot-interactive.is-revealed .card-flip{transform:rotateY(180deg)}
.tarot-interactive:focus-visible{outline:2px solid #426257;outline-offset:9px}
.tarot-interactive.is-active .card-motion{transform:rotate(0deg) scale(1.02);filter:drop-shadow(3px 6px 5px rgb(52 59 60 / 16%))}
@media(hover:hover) and (pointer:fine){.tarot-interactive:hover .card-motion{transform:rotate(0deg) scale(1.02);filter:drop-shadow(3px 6px 5px rgb(52 59 60 / 16%))}}
.symbolic-note{margin-top:20px;max-width:420px}.symbolic-note blockquote{font:inherit;border:0;margin:0;padding:0}
#additional-context{max-width:760px;margin-top:22px}.card-reading{padding-top:22px}.card-reading h3{margin:9px 0 20px}.whisper{margin-top:28px;padding-top:17px;border-top:1px solid var(--line)}.whisper blockquote{font-size:21px;line-height:1.5;margin-top:10px;padding:0;border:0}.whisper .eyebrow{margin:0}
.conclusion{margin-top:55px;padding-top:25px;border-top:1px solid var(--line)}.conclusion h2{margin:12px 0 26px}.conclusion .prose{max-width:800px}.reveal-enter{animation:reveal-text .5s ease both}@keyframes reveal-text{from{opacity:0}to{opacity:1}}
@media(max-width:1050px){.tarot-interactive{width:165px}}@media(max-width:700px){.hero-art .tarot-interactive{width:235px}.tarot-interactive{width:200px}.card-reading h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.card-flip,.card-motion{transition:none!important}.card-motion,.tarot-interactive:hover .card-motion,.tarot-interactive.is-active .card-motion{transform:none;filter:none}.reveal-enter{animation:none}.tarot-interactive.is-active{outline:2px solid #738378;outline-offset:6px}}

/* Secondary note below the reading; body text preserved. */
.conclusion .prose p.master-note{font-size:12.5px;line-height:1.65;color:var(--muted);margin-top:28px;padding-top:14px;border-top:1px solid var(--line)}

/* Matte layered card stock; key light at upper left. */
.hero-art,.plane,.tarot-interactive,.card-motion,.card-flip{overflow:visible}
.tarot-interactive{
 --stock-x:1.55px;--stock-y:1.85px;--corner:4% / 2.5%;
 --rest-shadow:1px 2px 1px -.2px rgb(30 24 19 / 56%),5px 7px 3.5px -1px rgb(30 24 19 / 40%),10px 13px 8px -3px rgb(30 24 19 / 25%);
 --lift-shadow:2px 4px 2px -.4px rgb(30 24 19 / 33%),11px 16px 6px -1px rgb(30 24 19 / 43%),20px 27px 13px -4px rgb(30 24 19 / 27%);
}
.tarot-interactive .card-motion{
 transform:rotate(-1.4deg) rotateY(-1.1deg) rotateX(.7deg);
 transform-style:preserve-3d;filter:none;
 transition:transform 300ms cubic-bezier(.2,.6,.35,1);
}
.tarot-interactive .card-face{
 border-radius:var(--corner);box-shadow:var(--rest-shadow);
 transition:box-shadow 300ms ease;
}
.hero-art .tarot-interactive .card-face img,.plane .tarot-interactive .card-face img{
 position:relative;z-index:1;border-radius:var(--corner);
}
/* Shared rounded outline: image mask, painted face, shadow and stock. */
.tarot-interactive .card-motion,.tarot-interactive .card-flip{border-radius:var(--corner)}
/* Stock is offset under the image; its own rounded contour stays intact. */
.tarot-interactive .card-face::before{
 content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
 transform:translate(var(--stock-x),var(--stock-y));border-radius:var(--corner);
 background:
  repeating-linear-gradient(7deg,rgb(30 25 21 / 16%) 0 .4px,transparent .4px 1.5px),
  repeating-linear-gradient(93deg,transparent 0 5px,rgb(118 103 83 / 13%) 5px 5.6px,transparent 5.6px 10px),
  linear-gradient(125deg,#5a5148 0%,#433c35 40%,#51483e 65%,#38322c 100%);
 clip-path:none;
}
/* No bright rim or decorative stripe; the artwork is only corner-masked. */
.tarot-interactive .card-face::after{content:none;background:none;box-shadow:none}
.tarot-interactive.is-active .card-motion,.tarot-interactive:focus-visible .card-motion{
 transform:translateY(-8px) rotate(-.8deg) rotateY(-1.7deg) rotateX(1.1deg);filter:none;
}
.tarot-interactive.is-active .card-face,.tarot-interactive:focus-visible .card-face{box-shadow:var(--lift-shadow)}
@media(hover:hover) and (pointer:fine){
 .tarot-interactive:hover .card-motion{transform:translateY(-8px) rotate(-.8deg) rotateY(-1.7deg) rotateX(1.1deg);filter:none}
 .tarot-interactive:hover .card-face{box-shadow:var(--lift-shadow)}
}
@media(prefers-reduced-motion:reduce){
 .tarot-interactive .card-motion,.tarot-interactive:hover .card-motion,.tarot-interactive.is-active .card-motion,.tarot-interactive:focus-visible .card-motion{transform:none;filter:none;transition:none!important}
 .tarot-interactive .card-face,.tarot-interactive:hover .card-face,.tarot-interactive.is-active .card-face,.tarot-interactive:focus-visible .card-face{box-shadow:var(--rest-shadow);transition:none}
}

/* Restore the capsule by moving data-href to href and removing aria-disabled, role and tabindex. */
.time-capsule-link[aria-disabled="true"],.time-capsule-link[aria-disabled="true"]:hover{cursor:default;text-decoration:none}
