@font-face { font-family: 'Cormorant Garamond'; font-style: italic; font-weight: 400; font-display: swap; src: url(font-1.f93443f1dec6edc5.woff2) format('woff2'); } @font-face { font-family: 'Cormorant Garamond'; font-style: normal; font-weight: 400; font-display: swap; src: url(font-2.2c606d97554f1fb6.woff2) format('woff2'); } @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(font-3.f37c9b2da331dbd5.woff2) format('woff2'); } /* Cyrillic companion for DM Sans, which has no Cyrillic glyphs: Onest Regular 2.001 (OFL-1.1, @fontsource/onest 5.3.1 cyrillic subset). Latin text keeps DM Sans. */ @font-face { font-family: 'DM Sans'; font-style: normal; font-weight: 400; font-display: swap; src: url(font-4.51adb4c8c5dc00b8.woff2) format('woff2'); unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* Motion vocabulary. Every transition in the product should use one of these, so movement feels like the same hand. The approved hero (hero.js) keeps its own authored timing and is not governed here. */ :root{ --ease-settle:cubic-bezier(.22,1,.36,1); /* arrivals: views, answers, panels */ --ease-glide:cubic-bezier(.16,1,.3,1); /* longer travel: cards, reading copy */ --ease-control:cubic-bezier(.2,.7,.2,1); /* press and hover feedback */ --dur-press:160ms; --dur-control:220ms; --dur-arrive:340ms; --dur-ritual:1100ms; } :root{color-scheme:dark;--base:#0b192a;--ink:#ede4d2;--muted:#c6c2b7;--gold:#b69a65;--rule:#d8c49c4a;--gutter:5.3vw} *{box-sizing:border-box}html{scrollbar-width:none}html::-webkit-scrollbar{display:none}body{margin:0;height:1050svh;background:var(--base);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:1rem;-webkit-font-smoothing:antialiased}a,button{-webkit-tap-highlight-color:transparent;color:inherit}a{text-decoration:none}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:1px solid var(--ink);outline-offset:7px}button,a{touch-action:manipulation}button{border:0;background:none}p,h1,h2{margin:0}button:disabled{cursor:default} .skip-link{position:fixed;z-index:100;top:1rem;left:1rem;background:var(--ink);color:var(--base);padding:1rem;transform:translateY(-180%)}.skip-link:focus{transform:none} #stage{position:fixed;inset:0;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 72% 35%,#37577466,transparent 62%),radial-gradient(ellipse at 88% 72%,#6b604c77,transparent 55%),var(--base)} #stage:after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#06101c40,transparent 56%),linear-gradient(0deg,#06101c5c,transparent 22%)} canvas{position:absolute;inset:0;width:100%;height:100%;display:block;pointer-events:none} #atmosphere{z-index:0;opacity:0;transition:opacity 1.2s}#atmosphere.loaded{opacity:1}#cards{z-index:2;opacity:0;transition:opacity 1s}.ready #cards{opacity:1} .poster{position:absolute;z-index:2;top:18%;height:63%;left:calc(73% - 18.35svh);border-radius:3.86%/2.25%;transform:rotate(6deg);width:auto}.ready .poster{display:none} .site-header{position:absolute;z-index:10;top:0;left:var(--gutter);right:var(--gutter);height:7.2rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;animation:appear 1.1s .1s both} .brand{display:flex;align-items:baseline;gap:.65rem;font:400 1.6rem/1 'Cormorant Garamond',serif;letter-spacing:-.04em}.brand>span{font:.5rem/1 'DM Sans',sans-serif;letter-spacing:.25em}.header-note{font:italic 1rem 'Cormorant Garamond',serif;color:#d4ccba;position:absolute;left:50%;transform:translateX(-50%)}nav{display:flex;align-items:center;gap:2.4rem;font-size:.75rem}nav a{display:flex;align-items:center;min-height:44px}.nav-reading{gap:1.4rem}.nav-reading span{font-size:1.05rem;transition:transform .35s}.nav-reading:hover span{transform:translate(3px,-3px)}.almanac-link{color:#c9c4b9;transition:color .3s}.almanac-link:hover{color:var(--ink)} .identity{position:absolute;z-index:3;left:var(--gutter);top:24%;width:44%;pointer-events:none}.eyebrow{font:.625rem/1.5 'DM Sans',sans-serif;letter-spacing:.19em;text-transform:uppercase;color:#c2b08d}.identity-kicker{margin:0 0 1.5rem 2px;animation:appear 1.1s .12s both} .wordmark{font-weight:400;display:block}.wordmark-name{display:flex;align-items:baseline;font:400 clamp(7rem,17.1vw,20rem)/.78 'Cormorant Garamond',serif;letter-spacing:-.055em;white-space:nowrap;font-kerning:normal}.letter{display:inline-block;will-change:transform,opacity}.letter>span{display:block;animation:letter-in 1.5s var(--ease-glide) both;animation-delay:calc(.16s + var(--i)*.065s)}.l-o{--i:0;letter-spacing:-.065em}.l-l{--i:1}.l-i{--i:2;margin-left:.003em}.l-v{--i:3;margin-left:.014em}.l-i2{--i:4;margin-left:.022em}.l-a{--i:5;margin-left:.015em} .wordmark-secondary{display:flex;align-items:center;justify-content:flex-end;gap:1.3rem;width:88%;margin-top:1.8rem;font:.65rem/1 'DM Sans',sans-serif;letter-spacing:.56em;animation:appear 1.2s .58s both}.wordmark-secondary i{width:2.7rem;height:1px;background:var(--rule)} .intro{position:absolute;z-index:4;top:57%;left:var(--gutter);width:35%;max-width:29rem}.intro h2{font:400 clamp(1.65rem,2.65vw,3rem)/1.08 'Cormorant Garamond',serif;letter-spacing:-.025em;animation:copy-in 1.2s .45s both}.intro h2 em,.closing em{font-weight:400}.intro-body{margin-top:1.35rem;font-size:.875rem;line-height:1.7;color:var(--muted);animation:copy-in 1.2s .55s both}.reading-link{display:flex;align-items:center;justify-content:space-between;gap:1.8rem;width:13rem;min-height:3rem;margin-top:1.8rem;font-size:.75rem;animation:copy-in 1.2s .66s both}.reading-link>span{position:relative;padding:.65rem 0}.reading-link>span:after{content:'';height:1px;background:var(--rule);position:absolute;bottom:.2rem;left:0;right:0;transform-origin:left;transition:transform .5s}.reading-link i{font:normal 1.25rem 'DM Sans',sans-serif;border:1px solid var(--rule);border-radius:50%;width:2.9rem;height:2.9rem;display:grid;place-items:center;transition:background .4s,color .4s,transform .4s}.reading-link:hover i{background:var(--ink);color:var(--base);transform:rotate(8deg)}.reading-link:hover>span:after{transform:scaleX(.45)} .deck-caption{position:absolute;z-index:4;right:var(--gutter);top:82%;display:flex;gap:.85rem;align-items:flex-start;font-size:.53rem;letter-spacing:.15em;text-transform:uppercase;line-height:1.8;color:#c6b89a;pointer-events:none}.caption-rule{width:1.6rem;height:1px;background:var(--rule);margin-top:.45rem}.deck-caption em{font:italic 1.05rem/1.65 'Cormorant Garamond',serif;text-transform:none;letter-spacing:0;color:#ddd3bf} .moon-caption{position:absolute;z-index:4;left:var(--gutter);bottom:12%;opacity:0;pointer-events:none}.moon-caption p{font:italic 1.8rem/1.2 'Cormorant Garamond',serif;margin-top:.4rem} .closing{position:absolute;z-index:4;left:var(--gutter);top:29%;max-width:39%;opacity:0}.closing h2{font:400 clamp(3rem,6.1vw,6.8rem)/.9 'Cormorant Garamond',serif;letter-spacing:-.04em;margin-top:1.7rem}.closing>p:not(.eyebrow){font-size:.875rem;line-height:1.75;color:var(--muted);margin-top:1.7rem}.closing .reading-link{animation:none;margin-top:1.8rem}.replay{font-size:.65rem;color:#c7c0b2;display:flex;gap:1.1rem;align-items:center;margin-top:1.3rem;padding:10px 0;min-height:44px} .experience-controls{position:absolute;z-index:10;left:var(--gutter);right:var(--gutter);bottom:1.8rem;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:1rem;animation:appear 1.2s .7s both;color:#c8c5bb}.experience-controls button{min-height:44px;padding:10px 0}.scroll-cue{display:flex;align-items:center;gap:1rem;font-size:.55rem;text-transform:uppercase;letter-spacing:.16em}.scroll-cue i{font-style:normal;font-size:1.1rem;color:#bba881}.journey-control{justify-self:center;font:italic 1rem 'Cormorant Garamond',serif;transition:color .3s}.journey-control:before{content:'▷';font:normal .55rem 'DM Sans',sans-serif;display:inline-block;margin-right:.65rem;color:#c2b08d}.journey-control[aria-pressed=true]:before{content:'Ⅱ'}.journey-control:hover{color:var(--ink)}.motion-control{justify-self:end;font-size:.6rem;display:flex;align-items:center;gap:.65rem;color:#c8c5bb}.motion-bars{display:flex;align-items:center;gap:3px;height:14px}.motion-bars b{height:5px;width:1px;background:#bba881;animation:breathe 2.5s ease-in-out infinite alternate}.motion-bars b:nth-child(2){height:12px;animation-delay:.4s}.motion-bars b:nth-child(3){height:8px;animation-delay:.8s}.motion-control[aria-pressed=true] .motion-bars b{animation-play-state:paused;height:3px}.progress{position:absolute;z-index:10;bottom:0;left:0;right:0;height:1px;background:var(--gold);transform-origin:left;transform:scaleX(0);opacity:.55}#render-note{position:absolute;left:var(--gutter);bottom:5.5rem;z-index:10;color:var(--muted);font-size:.65rem}#render-note:empty{display:none} .quiet body{height:100svh}.quiet .scroll-cue,.quiet .journey-control{display:none}.quiet .motion-control{grid-column:3}.quiet .motion-bars b{animation:none!important}.quiet .motion-control{opacity:.65}.fallback .poster{display:block}.fallback .progress{display:none} @keyframes letter-in{from{opacity:0;transform:translateY(.19em) rotate(3deg)}to{opacity:1;transform:none}}@keyframes copy-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes appear{from{opacity:0}to{opacity:1}}@keyframes breathe{to{transform:scaleY(.35)}} @media(min-width:1600px){.identity{width:42%}.intro{top:58%}.deck-caption{right:8%}} @media(max-width:1050px){.header-note{display:none}.site-header{height:6rem}nav{gap:1.8rem}.identity{top:25%}.intro{top:58%}.intro-body{font-size:.8125rem}.reading-link{margin-top:1.3rem}.deck-caption{top:83%}} @media(max-aspect-ratio:1.15/1){:root{--gutter:6vw}.site-header{height:6rem}.identity{top:17%;width:62%}.wordmark-name{font-size:clamp(6.2rem,21vw,14rem)}.identity-kicker{font-size:.57rem;margin-bottom:1.15rem}.wordmark-secondary{width:72%;font-size:.55rem;margin-top:1.2rem}.intro{top:auto;bottom:13%;width:65%;max-width:none}.intro h2{font-size:clamp(1.6rem,4.2vw,2.6rem)}.intro-body{font-size:.8125rem;line-height:1.65;margin-top:1rem}.reading-link{width:12rem;margin-top:1rem}.deck-caption{display:none}.moon-caption{bottom:13%;max-width:65%}.closing{top:auto;bottom:13%;max-width:75%}.closing h2{font-size:clamp(3rem,9vw,5.7rem)}.closing>p:not(.eyebrow){font-size:.875rem}.poster{top:29%;height:39%;left:calc(69% - 11.4svh)}} @media(max-width:600px){:root{--gutter:7vw}body{height:900svh}.site-header{height:5.4rem;gap:1rem}.brand{font-size:1.35rem;gap:.45rem}.brand>span{font-size:.43rem;letter-spacing:.2em}nav{font-size:.625rem;gap:.85rem}.almanac-link{display:none}.nav-reading{gap:.65rem}.identity{top:16%;width:76%}.identity-kicker{font-size:.49rem;letter-spacing:.14em;margin-bottom:1.1rem}.wordmark-name{font-size:25vw}.wordmark-secondary{width:76%;font-size:.47rem;letter-spacing:.43em;margin-top:1.1rem;gap:.8rem}.wordmark-secondary i{width:1.8rem}.intro{bottom:12.5%;width:75%}.intro h2{font-size:1.9rem;line-height:1.02}.intro-body{font-size:.8125rem;margin-top:1rem}.reading-link{margin-top:1rem;width:11.2rem;font-size:.6875rem;min-height:44px}.reading-link i{width:2.45rem;height:2.45rem;font-size:1.1rem}.experience-controls{bottom:1.15rem;gap:.65rem;grid-template-columns:1fr auto auto}.scroll-cue{font-size:.46rem;letter-spacing:.07em;gap:.5rem}.scroll-cue i{font-size:.9rem}.journey-control{font-size:.86rem}.journey-control:before{font-size:.47rem;margin-right:.35rem}.motion-control{font-size:.52rem;gap:.4rem}.moon-caption{bottom:13%}.moon-caption p{font-size:1.5rem}.closing{bottom:12.5%;max-width:82%}.closing .eyebrow{font-size:.51rem}.closing h2{font-size:3.4rem;margin-top:1.1rem}.closing>p:not(.eyebrow){font-size:.8125rem;margin-top:1rem}.closing .reading-link{margin-top:1.1rem}.replay{font-size:.6rem;margin-top:.5rem}.poster{top:30%;height:33%;left:calc(70% - 9.6svh)}#render-note{bottom:4.6rem;font-size:.6rem}} @media(max-width:600px) and (max-height:740px){.identity{top:15%}.identity-kicker{margin-bottom:.8rem}.wordmark-name{font-size:23vw}.wordmark-secondary{margin-top:.8rem}.intro{bottom:12%}.intro h2{font-size:1.6rem}.intro-body{margin-top:.7rem;font-size:.75rem;line-height:1.55}.reading-link{margin-top:.55rem}.closing h2{font-size:2.7rem}.closing>p:not(.eyebrow){font-size:.75rem}.closing .reading-link{margin-top:.7rem}.moon-caption{bottom:14%}} @media(min-aspect-ratio:1.6/1) and (max-height:650px){.site-header{height:5rem}.identity{top:22%}.wordmark-name{font-size:15vw}.identity-kicker{margin-bottom:.8rem}.wordmark-secondary{margin-top:1rem}.intro{top:59%}.intro h2{font-size:1.7rem}.intro-body{display:none}.reading-link{margin-top:1rem}.deck-caption{top:81%}.experience-controls{bottom:.8rem}.closing{top:22%}.closing h2{font-size:4.3rem}.closing>p:not(.eyebrow){margin-top:1rem}.closing .reading-link{margin-top:.7rem}.replay{margin-top:.25rem}} @media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}} @media(max-width:600px) and (max-height:650px){.closing>p:not(.eyebrow),.closing .replay{display:none}.closing h2{font-size:2.5rem}.closing .reading-link{margin-top:.8rem}.wordmark-name{font-size:21vw}.wordmark-secondary{width:67%}} .wordmark{width:max-content;max-width:100%}.wordmark-secondary{width:100%}.intro-body{font-size:1rem} @media(min-aspect-ratio:1.15/1){.identity{top:22%}.wordmark-name{font-size:clamp(7rem,16vw,19rem)}} @media(max-width:600px){.intro-body{font-size:.9375rem}.wordmark-secondary{width:100%}} @media(max-width:600px) and (max-height:740px){.intro-body{font-size:.8125rem}} .quiet *,.quiet *:before,.quiet *:after{animation:none!important;transition:none!important} @media(max-width:600px){.identity{top:14%}.wordmark-secondary{margin-top:.7rem}.intro-body{font-size:1rem}} @media(max-width:600px) and (max-height:740px){.intro-body{font-size:.875rem}} /* Keep the selected Light Leaks animation viewport, independently of the page UI. */ #motion-stage{position:absolute;inset:0 0 96px;z-index:2;pointer-events:none} @media(max-width:650px){#motion-stage{bottom:106px}} @media(min-width:651px) and (max-aspect-ratio:1.15/1){.identity{top:23%;width:34%}.wordmark-name{font-size:14.5vw}.identity-kicker{font-size:.5625rem;margin-bottom:1rem;white-space:nowrap}.wordmark-secondary{margin-top:.875rem}.intro{top:58%;bottom:auto;width:35%}} @media(max-width:650px){.identity{top:10.5%;width:31%}.wordmark-name{font-size:14vw}.identity-kicker{font-size:.4375rem;white-space:nowrap;letter-spacing:.08em;margin-bottom:.5rem}.wordmark-secondary{justify-content:flex-start;font-size:.4375rem;letter-spacing:.25em;gap:.55rem;margin-top:.5rem}.wordmark-secondary i{width:1rem}.intro{top:58%;bottom:auto}} @media(max-width:650px) and (max-height:650px){.identity{top:16.5%;width:31%}.identity-kicker{display:none}.wordmark-name{font-size:14.375vw}.wordmark-secondary{font-size:.40625rem;margin-top:.4375rem}.intro{top:54.5%;bottom:auto}} /* The ritual and the almanac share the deck's ivory, ink and olive-gold. */ [hidden]{display:none!important}body,.quiet body{height:auto}#hero-region{height:100svh;position:relative}#stage{position:absolute}body.cinema{height:1050svh}body.cinema #stage{position:fixed}body.cinema #home-content{display:none}body.cinema #leave-cinema{display:block!important;position:absolute;z-index:12;top:6.5rem;left:var(--gutter)}body.cinema .scroll-cue{pointer-events:none}.reading-facts{font-size:.625rem;color:#ccc2b0;margin-top:.7rem}.quiet-link{display:inline-block;padding:.6rem 0;font-size:.75rem;line-height:1.6;color:var(--muted)}.quiet-link:hover{color:var(--ink)}#resume-link{font-size:.675rem;margin-top:.2rem}.intro{top:55%}.intro-body{font-size:.875rem}.reading-link{margin-top:1.2rem}.scroll-cue{min-height:44px}#home-content{position:relative;background:#eee7da;color:#182b38;z-index:12}.editorial-section{display:grid;grid-template-columns:1fr 3fr;padding:8rem var(--gutter);border-bottom:1px solid #19304026;gap:3rem}.section-index{font-size:.625rem;letter-spacing:.17em;line-height:2;color:#6b716d}.section-main{max-width:64rem}.section-main h2,.sample-copy h2{font:400 clamp(2.8rem,5vw,5.8rem)/.95 'Cormorant Garamond',serif;letter-spacing:-.035em}.section-main h2 em,.sample-copy h2 em{font-weight:400}.section-lede{font-size:1.05rem;line-height:1.85;max-width:32rem;margin:2rem 0 3.5rem;color:#536169}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.steps>div{border-top:1px solid #19304040;padding-top:1.4rem}.steps span{font-size:.625rem;color:#85734f}.steps h3{font:400 1.65rem 'Cormorant Garamond';margin:1.7rem 0 .6rem}.steps p{font-size:.8125rem;line-height:1.8;color:#536169}.sample-section{padding:8rem 12vw;display:grid;grid-template-columns:1fr 1.15fr;gap:10vw;align-items:center;background:#0e2132;color:var(--ink)}.sample-art{text-align:center}.sample-art img{display:block;width:min(100%,20rem);margin:auto;border-radius:3.8%/2.2%;box-shadow:2rem 3rem 5rem #01080f7a;transform:rotate(-5deg)}.sample-art span{font-size:.575rem;letter-spacing:.22em;display:block;margin-top:2.5rem;color:#b7a584}.sample-copy .eyebrow{margin-bottom:1.6rem}.sample-copy blockquote{font:italic 1.8rem/1.2 'Cormorant Garamond';margin:2rem 0 1rem}.sample-copy>p:not(.eyebrow):not(.privacy-note){font-size:.875rem;line-height:1.85;color:#bdc4c7}.text-action{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--rule);font-size:.8rem;min-height:52px;gap:2rem;width:max-content;max-width:100%;margin-top:1.7rem;padding:0 0 .35rem}.text-action:hover{opacity:.72}.room-links{border-top:1px solid #19304030}.room-links>a{display:flex;align-items:center;gap:2rem;min-height:6rem;border-bottom:1px solid #19304030}.room-links span{font-size:.65rem;min-width:3rem;color:#7c755f}.room-links h3{font:400 2rem 'Cormorant Garamond';margin:0}.room-links i{font-style:normal;margin-left:auto}.product-footer{display:flex;justify-content:space-between;align-items:center;gap:2rem;padding:4rem var(--gutter);background:#e4dccd}.product-footer p{font-size:.75rem;line-height:1.8;color:#536169}.product-footer .text-action{margin:0;border-color:#8c7f674d} body:not([data-view=home]) #home-content{display:none}body:not([data-view=home]) .identity,body:not([data-view=home]) #intro,body:not([data-view=home]) .deck-caption,body:not([data-view=home]) .closing,body:not([data-view=home]) .moon-caption,body:not([data-view=home]) .experience-controls,body:not([data-view=home]) #line{visibility:hidden!important}body[data-view=reading] #hero-region,body[data-view=journal] #hero-region,body[data-view=sample] #hero-region{display:none}.ritual-copy{position:absolute;z-index:8;left:var(--gutter);top:19%;width:36%;max-width:32rem}.ritual-copy h2,.choose-heading h2{font:400 clamp(2.8rem,5.4vw,5.5rem)/.97 'Cormorant Garamond';letter-spacing:-.03em;margin:1rem 0 1.5rem}.ritual-copy>p:not(.eyebrow){font-size:.875rem;line-height:1.75;color:var(--muted);max-width:25rem}.ritual-copy form{margin-top:1.8rem}label[for=question],label[for=reflection]{display:block;font-size:.6875rem;margin-bottom:.7rem;color:#d8d1c2}label span{color:#aaa99e}textarea{width:100%;background:#04101b32;border:1px solid #ddcda548;border-radius:0;padding:.9rem 1rem;color:var(--ink);font:400 1rem/1.7 'DM Sans';resize:vertical;min-height:6rem;max-height:15rem}textarea:focus{outline:1px solid var(--gold);outline-offset:3px}textarea::placeholder{color:#9ba6ad;font-size:.8125rem}fieldset{border:0;padding:0;margin:1.1rem 0 1.5rem}legend{font-size:.65rem;color:#d0c8b7;margin-bottom:.7rem}.intention-options{display:flex;flex-wrap:wrap;gap:.45rem}.intention-options label{position:relative;cursor:pointer}.intention-options input{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.intention-options span{display:block;padding:.6rem .75rem;border:1px solid #d8c49c3a;font-size:.65rem;color:var(--muted);border-radius:2rem;transition:background .2s}.intention-options input:checked+span{background:#d8c49c1c;color:var(--ink);border-color:#d8c49c}.intention-options input:focus-visible+span{outline:1px solid var(--ink);outline-offset:3px}.solid-action{display:inline-flex;align-items:center;justify-content:space-between;gap:2.5rem;background:#e6ddca;color:#142536;padding:.95rem 1.3rem;min-height:50px;font-size:.8rem}.solid-action:hover{background:#fff7e7}.solid-action:disabled{opacity:.5}.privacy-note{font-size:.625rem;line-height:1.75;color:#a4afb6;max-width:29rem;margin-top:.85rem}.ritual-copy>.quiet-link{margin-top:.5rem}.choose-heading{position:absolute;left:var(--gutter);top:17%;z-index:5;max-width:31%}.choose-heading h2{font-size:clamp(2.5rem,4.4vw,4.8rem)}.choose-heading>p:last-child{font-size:.8125rem;color:var(--muted)}.choose-footer{position:absolute;bottom:7%;left:var(--gutter);z-index:7}.choose-footer .text-action{margin:0 0 .4rem}.choose-footer p{font-size:.7rem;line-height:1.7;color:var(--muted)}#card-choices{position:absolute;inset:0;z-index:4;pointer-events:none}.card-hit{position:absolute;pointer-events:auto;cursor:pointer;padding:0;background:transparent}.card-hit:hover{background:#f3e8cf19}.card-hit:focus-visible{outline:0;background:#f3e8cf45;filter:drop-shadow(0 0 3px #efdbac)}body[data-view=choose] #cards{transition:opacity .3s}.product-page{min-height:100svh;background:radial-gradient(ellipse at 16% 32%,#2948624a,transparent 56%),#0b192a;padding:0 var(--gutter) 5rem}.page-top{min-height:7rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.reading-layout{display:grid;grid-template-columns:.85fr 1fr;gap:9vw;max-width:1260px;margin:4rem auto 0;align-items:start}.reading-art{position:sticky;top:3rem;padding:1rem 1rem 0;text-align:center;perspective:1400px}#reveal-card{max-width:340px;margin:auto;transform:rotate(-3deg)}#reading-image{display:block;width:100%;border-radius:3.86%/2.25%;box-shadow:1rem 2rem 4rem #0007}#card-index{margin:2.3rem 0;letter-spacing:.22em}.reading-copy h1,.journal-intro h1{font:400 clamp(3.5rem,6vw,6.2rem)/.96 'Cormorant Garamond';letter-spacing:-.035em;margin:1.5rem 0}.question-quote{font:italic 1.45rem/1.4 'Cormorant Garamond';margin:1.3rem 0;color:#c9c4b5;overflow-wrap:anywhere}.meaning{font-size:.95rem;line-height:1.9;color:#d4d6d3}.intention-frame{font-size:.8125rem;line-height:1.75;color:#aeb9bf;margin-top:1.2rem}.reflection-prompt{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.8rem 0;margin:2rem 0 1.5rem}.reflection-prompt p{font:400 1.8rem/1.15 'Cormorant Garamond';margin-top:.8rem}#practice{font-size:.8125rem;line-height:1.8;color:#c3cacb}.card-lesson{margin:1.5rem 0 2rem;border-bottom:1px solid var(--rule);font-size:.8125rem}.card-lesson summary{cursor:pointer;padding:1rem 0;display:flex;justify-content:space-between}.card-lesson p{line-height:1.85;color:#b3c0c7;margin-bottom:1rem}.card-lesson a{font-size:.7rem;display:block;padding:.6rem 0 1.4rem}.save-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:.9rem}#save-status:not(:empty){font-size:.75rem;line-height:1.7;margin-top:.8rem;color:#e6d3a9}.provenance{font-size:.65rem;line-height:1.8;color:#96a6af;margin:2rem 0 .5rem;border-top:1px solid #d8c49c25;padding-top:1.4rem}.advanced-link{display:block}.journal-page{padding-bottom:6rem}.journal-intro{margin:4rem 0 3rem;max-width:45rem}.journal-intro h1 em{font-weight:400}.journal-intro>p:last-child{font-size:.875rem;color:var(--muted);line-height:1.8}.journal-row{display:grid;grid-template-columns:5rem 1fr auto;align-items:center;gap:2rem;width:100%;text-align:left;padding:1.5rem 0;border-top:1px solid var(--rule);color:var(--ink)}.journal-row img{width:4.5rem;border-radius:3px}.journal-row time{font-size:.625rem;letter-spacing:.1em;color:#c4b28c;display:block}.journal-row h2{font:400 2rem 'Cormorant Garamond';margin:.4rem 0}.journal-row p{font-size:.8125rem;line-height:1.7;color:#aebbc3;overflow-wrap:anywhere;max-width:45rem}.journal-row:hover h2{color:#e0c596}.journal-bottom{display:flex;justify-content:space-between;align-items:end;gap:2rem;border-top:1px solid var(--rule);padding-top:1rem;margin-top:2rem}.empty-journal{padding:3rem 0 4rem;border-top:1px solid var(--rule)}.empty-journal h2{font:400 2.7rem 'Cormorant Garamond';margin-bottom:1rem}.empty-journal p{color:var(--muted);font-size:.875rem;line-height:1.8;margin-bottom:1.5rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}h1:focus,h2:focus{outline:none} @media(max-width:1050px){.ritual-copy{width:42%;top:17%}.ritual-copy h2{font-size:3.5rem}.reading-layout{gap:6vw;margin-top:2rem}.sample-section{padding:6rem var(--gutter);gap:8vw}.editorial-section{padding:6rem var(--gutter);grid-template-columns:1fr 4fr;gap:2rem}.header-note{display:none}} @media(max-width:650px){body.cinema{height:900svh}.intro{top:56%;width:84%}.intro h2{font-size:2rem}.intro-body{font-size:.8rem;line-height:1.6;margin-top:.9rem}.reading-link{margin-top:.8rem}.reading-facts{font-size:.55rem}.editorial-section{display:block;padding:4rem var(--gutter)}.section-index{margin-bottom:2rem}.section-main h2,.sample-copy h2{font-size:3.2rem}.section-lede{font-size:.9375rem;margin:1.5rem 0 2.5rem}.steps{display:block}.steps>div{padding:1.3rem 0;display:grid;grid-template-columns:2rem 1fr;gap:.3rem 1rem}.steps h3{margin:0;font-size:1.7rem}.steps p{grid-column:2}.sample-section{display:flex;flex-direction:column;padding:4rem var(--gutter);gap:3rem}.sample-art{width:60%;max-width:220px}.sample-copy blockquote{font-size:1.7rem}.room-links>a{gap:1rem;min-height:5rem}.room-links h3{font-size:1.6rem}.product-footer{align-items:start;flex-wrap:wrap;padding:3rem var(--gutter)}.product-footer p{order:3;width:100%}.ritual-copy{top:19%;width:auto;left:var(--gutter);right:var(--gutter);max-width:none}.ritual-copy h2{font-size:3.3rem;margin:.8rem 0 1rem}.ritual-copy>p:not(.eyebrow){font-size:.8rem;max-width:77%}.ritual-copy form{margin-top:1.3rem}.ritual-copy fieldset{margin:1rem 0}.ritual-copy textarea{min-height:5.3rem}.ritual-copy .privacy-note{max-width:85%}body[data-view=question] #motion-stage{opacity:.12;filter:blur(2px);pointer-events:none}.choose-heading{top:14%;max-width:70%}.choose-heading h2{font-size:2.6rem}.choose-heading>p:last-child{font-size:.75rem}.choose-footer{bottom:6%}.choose-footer .text-action{font-size:.75rem}.reading-layout{display:flex;flex-direction:column;gap:1.4rem;margin-top:1.5rem}.reading-art{position:relative;top:0;width:100%;padding:0}#reveal-card{width:50%;max-width:220px}#card-index{margin:1.5rem 0 .5rem;font-size:.55rem}.reading-copy h1{font-size:3.8rem;margin:1rem 0 1.5rem}.reading-copy .meaning{font-size:.9375rem}.page-top{min-height:5.5rem}.journal-intro{margin:2.5rem 0}.journal-intro h1{font-size:4.5rem}.journal-row{grid-template-columns:3.5rem 1fr auto;gap:1rem}.journal-row img{width:3.3rem}.journal-row h2{font-size:1.65rem}.journal-row p{font-size:.75rem}.journal-bottom{display:block}.journal-bottom .privacy-note{margin-top:1rem}body.cinema #leave-cinema{top:5rem;font-size:.65rem}} @media(max-width:650px) and (max-height:740px){body[data-view=question] #hero-region{height:810px}.ritual-copy{top:16%}.intro{top:53%}.intro h2{font-size:1.65rem}.intro-body{font-size:.75rem;margin-top:.65rem}.reading-link{margin-top:.5rem}.reading-facts{margin-top:.25rem}#resume-link{font-size:.6rem;padding:.3rem 0}.experience-controls{bottom:.6rem}} .journal-entry{position:relative}.journal-entry .journal-row{padding-right:4rem}.remove-entry{position:absolute;right:0;bottom:1.25rem;color:#8e9ca6;font-size:.625rem}.journal-entry .journal-row>span{opacity:.6}#journal-status{font-size:.8125rem;color:#d3bf95} @media(max-height:740px){body[data-view=question] #hero-region{min-height:820px} .ritual-copy{top:145px}} .choose-heading{top:13%;max-width:88%}.choose-heading h2{font-size:2.4rem;margin:.5rem 0 0}.choose-heading h2 br{display:none}.choose-heading h2 em:before{content:' '}.choose-heading>p:last-child{display:none} @media(max-width:650px){.choose-heading{top:14%;max-width:85%}.choose-heading h2{font-size:2.1rem;max-width:15rem}.choose-heading h2 br{display:block}.choose-heading h2 em:before{content:none}} body[data-view=choose] #motion-stage{top:15%;bottom:18%} @media(max-width:650px){body[data-view=choose] #motion-stage{top:23%;bottom:16%}.choose-heading{top:14%}.choose-footer{right:var(--gutter)}} .card-hit:focus-visible{z-index:20000!important;background:#e8d9ba45} /* Guided spreads. An editorial selection, then an unhurried table for the cards. */ body[data-view=spreads] #hero-region{display:none} .membership-note{font-size:.65rem;margin-top:1rem;color:#786b54}.guided-spreads-section .text-action{border-color:#19304055} .spread-page{background:#0b192a;min-height:100svh}.spread-page .page-top{max-width:1450px;margin:auto} .spread-intro{display:flex;justify-content:space-between;align-items:end;gap:5vw;max-width:1400px;margin:3rem auto 3.8rem} .spread-intro h1{font:400 clamp(3.6rem,6.5vw,6.8rem)/.94 'Cormorant Garamond';letter-spacing:-.045em;margin-top:1.3rem}.spread-intro h1 em{font-weight:400} .spread-intro>p{max-width:22rem;font-size:.875rem;line-height:1.9;color:#b4c1c9;padding-bottom:.5rem} .spread-collection{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(0,1.5fr);gap:6vw;max-width:1400px;margin:auto;align-items:center} .spread-options{border-top:1px solid var(--rule)}.spread-option{border-bottom:1px solid var(--rule)} .spread-option-select{width:100%;text-align:left;padding:1.7rem 0 1.9rem;display:grid;grid-template-columns:2.25rem 1fr 1rem;gap:.9rem;align-items:start;color:#8f9eaa;transition:color .35s} .spread-option-number{font:italic 1.6rem/1 'Cormorant Garamond';padding-top:.15rem;color:#978663}.spread-option-arrow{align-self:center;font-size:1rem;opacity:0;transform:translate(-5px,5px);transition:transform .45s,opacity .45s} .spread-option-copy{display:block}.spread-option .eyebrow{font-size:.53rem;letter-spacing:.14em;color:#a29a87} .spread-option h2{font:400 clamp(1.9rem,2.5vw,2.8rem)/1.05 'Cormorant Garamond';letter-spacing:-.02em;margin:.55rem 0 .6rem} .spread-option p{font-size:.75rem;line-height:1.75;color:#99a9b6;max-width:25rem} .spread-option.selected .spread-option-select,.spread-option-select:hover{color:#ede4d2}.spread-option.selected p{color:#c1c9cd}.spread-option.selected .eyebrow{color:#cbb78f}.spread-option.selected .spread-option-number{color:#dfc99f}.spread-option.selected .spread-option-arrow{opacity:1;transform:none} .spread-showcase{min-width:0}.spread-showcase-art{position:relative;isolation:isolate;height:470px;width:90%;margin:0 auto 2.5rem;perspective:1200px} .showcase-card{position:absolute;left:var(--cx);top:var(--cy);width:var(--cw);aspect-ratio:958/1644;object-fit:cover;border-radius:4%/2.4%;transform:translate(-50%,-50%) rotate(var(--cr));box-shadow:1px 2px 0 #a5937166,8px 15px 22px #0109115c,18px 27px 35px #0002} .spread-showcase-caption{border-top:1px solid #d8c49c28;padding-top:1.35rem;display:flex;align-items:start;justify-content:space-between;gap:2rem}.spread-showcase-caption .eyebrow{font-size:.52rem;letter-spacing:.13em;max-width:18rem}.spread-showcase-caption p:last-child{font:italic 1.4rem/1.35 'Cormorant Garamond';color:#d6cdb9;margin-top:.45rem;max-width:23rem}.spread-showcase-caption .text-action{font-size:.6875rem;line-height:1.7;margin:0;max-width:11rem;flex-shrink:0;min-height:45px} .spread-entry{display:grid;grid-template-columns:1fr 1fr;gap:10vw;max-width:1100px;margin:7rem auto 2rem;padding-top:4rem;border-top:1px solid var(--rule)} .spread-entry h2{font:400 4.3rem/.98 'Cormorant Garamond';letter-spacing:-.035em;margin:1rem 0 1.5rem}.spread-entry>div>p:not(.eyebrow):not(.privacy-note){font-size:.875rem;line-height:1.85;color:#bdc5c9;max-width:25rem}.spread-entry label[for],.spread-synthesis label[for]{font-size:.75rem;display:block;margin-bottom:.8rem}.spread-entry .text-action{margin:.5rem 0}.spread-entry .quiet-link{display:block}#spread-access{font-size:.8125rem;line-height:1.85;color:#d6c4a2;margin:1.5rem 0 1rem}#refresh-spread-access{font-size:.65rem}#spread-paths{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:1rem}#spread-paths input{width:100%;padding:.7rem;border:1px solid var(--rule);background:#081626;color:var(--ink);font:inherit;font-size:.8rem} .spread-ritual-head{max-width:1450px;margin:2.5rem auto 1rem;display:flex;align-items:start;justify-content:space-between;gap:2rem}.spread-ritual-head h1{font:400 clamp(3rem,4.9vw,5.2rem)/1 'Cormorant Garamond';letter-spacing:-.035em;margin:.9rem 0}.spread-ritual-head .question-quote{font-size:1.2rem;line-height:1.4;max-width:45rem;margin:.8rem 0 0;white-space:pre-line;color:#aebec7}.spread-ritual-head>.quiet-link{white-space:nowrap} .spread-workspace{display:grid;grid-template-columns:minmax(0,1.85fr) minmax(275px,.85fr);max-width:1450px;margin:0 auto;gap:6vw;align-items:start}.spread-scene{min-width:0}.spread-board{position:relative;height:570px;perspective:1400px;margin:1rem auto 0}.spread-board[data-count="5"]{height:780px}.spread-board[data-count="8"]{height:790px} .spread-slot{position:absolute;left:var(--x);top:var(--y);width:25%;transform:translate(-50%,-50%) rotate(var(--angle));perspective:1100px;transition:transform 1s var(--ease-control),opacity 1s}.spread-board[data-count="5"] .spread-slot{width:16%}.spread-board[data-count="8"] .spread-slot{width:18%} .spread-slot.active{transform:translate(-50%,-52%) rotate(0deg) scale(1.07)}.spread-board.has-focus .spread-slot.dealt:not(.active){opacity:.7}.spread-board.has-focus .spread-slot.revealed:not(.active):hover{opacity:1} .spread-card{display:block;width:100%;aspect-ratio:958/1644;position:relative;padding:0;border-radius:4%/2.3%;background:transparent;perspective:1100px;border:0}.spread-slot:not(.dealt) .spread-card{background:transparent;border:1px solid #d8c49c17}.spread-slot:not(.dealt) .spread-card:after{content:attr(data-position);color:#9b8864;font:italic 1.2rem 'Cormorant Garamond'} .spread-slot:not(.dealt) .spread-card-turn{visibility:hidden}.spread-card-turn{position:absolute;inset:0;display:block;transform-style:flat;border-radius:inherit}.spread-card img{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;backface-visibility:hidden;object-fit:cover;display:block;box-shadow:1px 2px 0 #a78f6860,7px 12px 22px #01070e7d,15px 25px 35px #0002}.spread-card-face{transform:none;visibility:hidden}.spread-slot.revealed .spread-card-back{visibility:hidden}.spread-slot.revealed .spread-card-face{visibility:visible} .spread-slot-label{font-size:.61rem;line-height:1.5;text-align:center;display:block;color:#a6b5be;position:absolute;top:calc(100% + .9rem);left:-20%;width:140%}.spread-slot.active .spread-slot-label{color:#dfc99f}.spread-card:focus-visible{outline:1px solid #ead3a7;outline-offset:6px}.spread-card:disabled{cursor:default} #spread-deck-area{text-align:center;margin:.5rem 0 2rem} #spread-pick-label{font-size:.58rem;line-height:1.7;letter-spacing:.16em} .spread-deck{position:relative;height:var(--fan-height,245px);max-width:560px;margin:1.4rem auto 0;isolation:isolate} .spread-deck-card{position:absolute;left:50%;top:30px;width:var(--fan-width,94px);aspect-ratio:958/1644;padding:0;border:0;border-radius:4%/2.4%;background:transparent;transform:translate(calc(-50% + var(--fan-x)),var(--fan-y)) rotate(var(--fan-angle));transform-origin:center;transition:transform .55s var(--ease-control);z-index:var(--fan-order);touch-action:none;cursor:grab} .spread-deck-card img{width:100%;height:100%;display:block;border-radius:inherit;pointer-events:auto;user-select:none;-webkit-user-drag:none;box-shadow:1px 1px 0 #c8b08385,3px 6px 10px #01091380,8px 13px 22px #01091340;transition:transform .34s var(--ease-control),box-shadow .34s} @media(hover:hover){.spread-deck-card:not(:disabled):hover{z-index:30}.spread-deck-card:not(:disabled):hover img{transform:translateY(-23px) rotate(calc(var(--fan-angle)*-.4));box-shadow:1px 1px 0 #e0c58c,6px 15px 24px #010913b0}} .spread-deck-card:focus-visible{z-index:30;outline:none}.spread-deck-card:focus-visible img{transform:translateY(-23px) rotate(calc(var(--fan-angle)*-.4));outline:1px solid #deccaa;outline-offset:5px} .spread-deck-card[data-dragging]{z-index:40;cursor:grabbing}.spread-deck-card[data-dragging] img{transition:none} .spread-deck-card:disabled{cursor:default} .deck-navigation{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin:-.3rem auto 0} .deck-navigation button{width:44px;min-height:44px;padding:0;font-size:1.1rem;color:#d8c49c;transition:opacity .25s} .deck-navigation button:disabled{opacity:.2;cursor:default} #deck-browse-status{min-width:110px;font-size:.6rem;letter-spacing:.08em;color:#aab7bc;font-variant-numeric:tabular-nums} .deck-browse-hint{font:italic 1.25rem/1.4 'Cormorant Garamond';color:#cbc4b4;margin:.65rem 0 .8rem} #deal-spread{margin:0 auto;font-size:.65rem;border-bottom:1px solid #d8c49c30;padding:.5rem 0} .spread-reduced .spread-deck-card,.spread-reduced .spread-deck-card img{transition:none!important} .spread-controls{padding:1.4rem 0;border-top:1px solid #d8c49c33;min-height:125px}.spread-controls>div{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}.spread-controls .solid-action{font-size:.7rem;gap:1rem}#spread-progress{font-size:.75rem;line-height:1.7;min-height:2.5rem;color:#c4bea9} .spread-insight{padding-top:5rem;position:sticky;top:0;max-width:29rem}.spread-insight h2{font:400 clamp(2.7rem,3.8vw,4.1rem)/.98 'Cormorant Garamond';letter-spacing:-.025em;margin:1.05rem 0 1.6rem}.spread-insight p:not(.eyebrow){font-size:.85rem;line-height:1.85;color:#b5c2ca}.spread-insight .spread-card-lead{font:400 1.5rem/1.3 'Cormorant Garamond';color:#e6dece;max-width:24rem}.spread-insight .reflection-prompt{padding:1.4rem 0;margin:1.65rem 0 0;border-top:1px solid #d8c49c35;border-bottom:0}.spread-insight .reflection-prompt p{font:italic 1.35rem/1.4 'Cormorant Garamond';color:#cfc6b3;margin-top:.7rem} .spread-deeper{border-top:1px solid #d8c49c2e;border-bottom:1px solid #d8c49c2e;padding:0}.spread-deeper summary{padding:1.1rem 0;font-size:.72rem;color:#d6c8ae;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}.spread-deeper summary:after{content:'+';font-size:1rem;font-weight:300}.spread-deeper[open] summary:after{content:'−'}.spread-deeper summary::-webkit-details-marker{display:none}.spread-deeper p{padding:0 0 1.3rem}.spread-deeper .spread-practice{color:#d7c8a7;font-size:.75rem}.art-look{font-size:.65rem;margin-top:.6rem}.spread-card-nav{display:flex;align-items:center;gap:1.25rem;border-top:1px solid #d8c49c22;margin-top:1rem;padding-top:.5rem;justify-content:flex-start}.spread-card-nav span{font-size:.6rem;letter-spacing:.12em;color:#b4a586}.spread-card-nav button{min-width:44px;min-height:44px;font-size:1rem}.spread-card-nav button:disabled{opacity:.25}#show-synthesis{font-size:.75rem;width:100%;margin-top:1.5rem} .spread-role-list{counter-reset:roles;list-style:none;padding:0;margin:2rem 0 1.5rem}.spread-role-list li{position:relative;padding:.65rem 0 .65rem 2rem;counter-increment:roles;color:#c6c2b8;font:400 1.25rem/1.2 'Cormorant Garamond'}.spread-role-list li:before{content:counter(roles,decimal-leading-zero);position:absolute;left:0;top:.85rem;font:.5rem 'DM Sans';color:#a8936b}.spread-insight .spread-reading-hint{font-size:.65rem;color:#95a6b2;line-height:1.85;max-width:17rem} #explore-position{display:none}#spread-position-copy{scroll-margin-top:2rem} .spread-synthesis{max-width:1180px;margin:5rem auto 0;padding:5rem 0 0;display:grid;grid-template-columns:.7fr 1fr;gap:8vw;border-top:1px solid var(--rule);scroll-margin-top:2rem}.spread-synthesis-title{position:sticky;top:3rem;align-self:start}.spread-synthesis h2{font:400 4.9rem/.96 'Cormorant Garamond';letter-spacing:-.035em;margin:1.3rem 0}.spread-synthesis-title .question-quote{font-size:1.4rem;white-space:pre-line;line-height:1.5;color:#b2bfc6} .spread-connections{display:flex;justify-content:flex-start;align-items:center;gap:1.4rem;min-height:225px;margin-bottom:2.6rem}.spread-connections figure{margin:0;width:28%;max-width:135px}.spread-connections img{display:block;width:100%;border-radius:4%/2.4%;transform:rotate(var(--lean));box-shadow:1px 2px 0 #ad97755c,6px 13px 20px #0006}.spread-connections figcaption{text-align:center;margin-top:1.3rem;font-size:.55rem;line-height:1.5;color:#b1bbb9} .synthesis-tabs{display:flex;gap:.5rem;margin:0 0 2rem}.synthesis-tabs button{border-bottom:1px solid #d8c49c40;font-size:.65rem;letter-spacing:.1em;min-width:44px;min-height:44px;color:#98a9b5}.synthesis-tabs button[aria-current=step]{border-color:#d8c49c;color:#eadbc0}#spread-paragraphs>.eyebrow{font-size:.55rem}#spread-paragraphs h3{font:400 2.5rem/1.08 'Cormorant Garamond';letter-spacing:-.025em;margin:.8rem 0 1.5rem}#spread-paragraphs>p:not(.eyebrow){font-size:.875rem;line-height:1.9;color:#c0ccd0;max-width:36rem} #synthesis-next{font-size:.75rem;margin:1.2rem 0 2.5rem}.spread-synthesis-copy .reflection-prompt{margin-top:3rem}.spread-synthesis-copy .reflection-prompt p{color:#e5ddca;font:italic 1.55rem/1.4 'Cormorant Garamond'}.spread-synthesis-copy>div>p{font-size:.875rem;line-height:1.9;color:#c7d0d1}.spread-synthesis-copy .provenance{margin-top:2rem;color:#879aa7;font-size:.6rem;line-height:1.8}#spread-save-status{font-size:.75rem;color:#d4bc8c;line-height:1.7;margin-top:1rem} .spread-art-dialog{padding:3rem;border:1px solid #d8c49c30;background:#0b192a;color:var(--ink);width:min(92vw,1000px);max-height:94svh;overflow:auto}.spread-art-dialog::backdrop{background:#01070de8}.spread-art-detail{display:grid;grid-template-columns:1.1fr .85fr;align-items:center;gap:5rem;padding:1.5rem 2rem}.spread-art-detail img{display:block;max-width:100%;max-height:75svh;width:auto;justify-self:center;border-radius:4%/2.4%;box-shadow:15px 20px 40px #0005}.spread-art-detail h2{font:400 3.7rem/.95 'Cormorant Garamond';letter-spacing:-.035em;margin:1rem 0 1.5rem}.spread-art-detail p:not(.eyebrow){font:400 1.5rem/1.4 'Cormorant Garamond';color:#cfc6b3}#close-spread-art{position:absolute;top:1rem;right:1.5rem;padding:.6rem;font-size:.7rem} .spread-journal-section{margin:3rem 0 0;border-top:1px solid #d8c49c55;padding-top:2rem}.spread-journal-section>.eyebrow{margin-bottom:1.8rem}.spread-journal-message,.spread-empty{font-size:.85rem;line-height:1.8;color:#c1c7c7}.spread-journal-message:empty{display:none} @media(min-width:1550px){.spread-showcase-art{height:590px}.spread-board{height:700px}.spread-board[data-count="5"],.spread-board[data-count="8"]{height:980px}} @media(max-width:1100px){.spread-intro{gap:3rem}.spread-intro>p{max-width:19rem}.spread-collection{gap:3vw;grid-template-columns:minmax(280px,.95fr) minmax(0,1.2fr)}.spread-showcase-art{height:410px;width:100%}.spread-option-select{gap:.7rem;grid-template-columns:1.7rem 1fr 1rem}.spread-showcase-caption{display:block}.spread-showcase-caption .text-action{margin-top:1rem;max-width:none}.spread-workspace{grid-template-columns:minmax(0,1.5fr) minmax(240px,.85fr);gap:4vw}.spread-board{height:450px}.spread-board[data-count="5"],.spread-board[data-count="8"]{height:660px}.spread-insight{padding-top:3rem}.spread-slot-label{font-size:.56rem}.spread-entry{gap:6vw}.spread-ritual-head h1{font-size:3.7rem}.spread-art-detail{gap:3rem;padding:1rem}} @media(max-width:800px){.spread-intro{display:block}.spread-intro>p{margin-top:1.5rem;max-width:29rem}.spread-collection{grid-template-columns:1fr;gap:1.5rem}.spread-options{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.spread-option-select{display:block;padding:1.3rem 0;text-align:left}.spread-option-number{font-size:1.25rem}.spread-option .eyebrow{display:none}.spread-option-arrow{display:none}.spread-option h2{font-size:1.6rem;line-height:1}.spread-option p{display:none}.spread-option.selected{border-color:#d8c49c}.spread-showcase-art{height:430px;max-width:560px;width:90%;margin:0 auto 3rem}.spread-showcase-caption{display:flex}.spread-showcase-caption .text-action{margin:0}.spread-workspace{display:block}.spread-scene{max-width:650px;margin:auto}.spread-insight{position:relative;padding:2.5rem 0 0;max-width:650px;margin:auto}.spread-board{height:520px}.spread-board[data-count="5"],.spread-board[data-count="8"]{height:850px}.spread-slot-label{font-size:.625rem}.spread-insight h2{font-size:3.2rem}.spread-insight .spread-card-lead{font-size:1.7rem;max-width:30rem}.spread-role-list{display:grid;grid-template-columns:1fr 1fr;gap:0 1.5rem}.spread-role-list li{font-size:1.25rem}.spread-synthesis{gap:3rem;margin-top:3rem;padding-top:3rem;grid-template-columns:.7fr 1fr}.spread-synthesis h2{font-size:3.6rem}.spread-entry{margin-top:4rem}.spread-connections{min-height:170px}#explore-position:not([hidden]){display:inline-block}.spread-art-detail{gap:2rem}} @media(max-width:600px){.spread-intro{margin:2rem 0 2.3rem}.spread-intro h1{font-size:3.6rem}.spread-intro>p{font-size:.8125rem;margin-top:1.5rem}.spread-options{gap:.65rem}.spread-option h2{font-size:1.4rem;margin:.5rem 0 .3rem;max-width:6rem}.spread-option-select{min-height:105px}.spread-showcase-art{height:345px;width:92%;margin:0 auto 1.7rem}.spread-showcase-caption{display:block;padding-top:1rem}.spread-showcase-caption .eyebrow{font-size:.5rem;max-width:none}.spread-showcase-caption p:last-child{font-size:1.45rem;max-width:22rem}.spread-showcase-caption .text-action{margin-top:1rem}.spread-entry{display:block;margin:3.5rem 0 0;padding-top:2.5rem}.spread-entry h2{font-size:3.3rem}.spread-entry form{margin-top:2.5rem}.spread-ritual-head{margin:1.5rem 0 0;gap:1rem;position:relative;padding-top:2rem}.spread-ritual-head h1{font-size:3.2rem}.spread-ritual-head .eyebrow{font-size:.56rem}.spread-ritual-head>.quiet-link{position:absolute;top:-1rem;right:0;font-size:.65rem}.spread-ritual-head .question-quote{font-size:1.15rem;line-height:1.5}.spread-board{height:355px;margin-top:1rem}.spread-board[data-count="5"]{height:580px}.spread-board[data-count="8"]{height:640px}.spread-slot{width:27%}.spread-board[data-count="5"] .spread-slot{width:25%}.spread-board[data-count="8"] .spread-slot{width:23%}.spread-slot-label{font-size:.59rem;line-height:1.35;width:130%;left:-15%;top:calc(100% + .6rem)}.spread-slot.active{transform:translate(-50%,-52%) rotate(0deg) scale(1.025)} .spread-board[data-count="8"] .spread-slot:nth-child(1){left:50%;top:49%}.spread-board[data-count="8"] .spread-slot:nth-child(2){left:50%;top:79%}.spread-board[data-count="8"] .spread-slot:nth-child(3){left:15%;top:22%}.spread-board[data-count="8"] .spread-slot:nth-child(4){left:84%;top:19%}.spread-board[data-count="8"] .spread-slot:nth-child(5){left:15%;top:62%}.spread-board[data-count="8"] .spread-slot:nth-child(6){left:84%;top:49%}.spread-board[data-count="8"] .spread-slot:nth-child(7){left:50%;top:15%}.spread-board[data-count="8"] .spread-slot:nth-child(8){left:84%;top:79%} .spread-deck{margin-top:1.1rem}.deck-browse-hint{font-size:1.15rem}.spread-controls>div{gap:.6rem 1rem}.spread-controls .solid-action{padding:.8rem 1rem}.spread-controls .quiet-link{font-size:.68rem}.spread-insight{padding-top:2rem}.spread-insight .spread-card-lead{font-size:1.6rem}.spread-role-list{gap:0 1rem}.spread-role-list li{font-size:1.15rem}.spread-synthesis{display:block}.spread-synthesis-title{position:static}.spread-synthesis h2{font-size:3.8rem}.spread-synthesis-title{margin-bottom:2.5rem}.spread-synthesis-copy .reflection-prompt p{font-size:1.5rem}.spread-synthesis .solid-action{font-size:.75rem}.spread-connections{min-height:175px;gap:1.2rem;margin-bottom:1.5rem}.spread-connections figure{max-width:105px}.spread-connections figcaption{font-size:.52rem}#spread-paragraphs h3{font-size:2.2rem}#spread-paths{grid-template-columns:1fr}.ritual-copy>.quiet-link{font-size:.6875rem}.spread-art-dialog{width:94vw;padding:3.7rem 1.5rem 1.8rem}.spread-art-detail{display:block;padding:0}.spread-art-detail img{max-height:58svh;margin:auto}.spread-art-detail>div{margin-top:1.6rem}.spread-art-detail h2{font-size:2.5rem;margin:.5rem 0 .8rem}.spread-art-detail p:not(.eyebrow){font-size:1.2rem}} @media(prefers-reduced-motion:reduce){.spread-page *{transition:none!important}} /* Keep the reading controls beside the composition, within reach as it unfolds. */ .spread-ritual-head{margin-top:1.5rem}.spread-ritual-head h1{font-size:clamp(3rem,4.3vw,4.5rem);margin:.7rem 0}.spread-board{height:480px}.spread-insight{padding-top:2.5rem}.spread-insight .spread-controls{border-top:0;margin-top:1rem;padding:0;min-height:0}.spread-insight .spread-controls>div{display:grid;grid-template-columns:1fr auto;gap:.6rem 1rem}.spread-insight .spread-controls .solid-action{grid-column:1/-1;justify-content:space-between;width:100%}.spread-insight .spread-controls #spread-progress{font-size:.64rem;color:#acb8bb;min-height:0;margin:0 0 .8rem}.spread-insight .spread-controls .quiet-link{font-size:.65rem;text-align:left}.spread-structure{margin-top:2rem}.spread-structure .spread-role-list{margin:.5rem 0 1rem}.spread-insight .spread-reading-hint{margin-top:1.2rem}.spread-insight #explore-position{display:none} @media(min-width:1550px){.spread-board{height:600px}} @media(max-width:1100px){.spread-board{height:400px}} @media(max-width:800px){.spread-board{height:480px}.spread-insight{padding-top:1rem}.spread-insight .spread-controls{margin-top:1.5rem}.spread-insight .spread-controls>div{display:flex}.spread-insight .spread-controls .solid-action{width:auto}} @media(max-width:600px){.spread-board{height:355px}.spread-ritual-head h1{font-size:3.2rem}.spread-insight{display:flex;flex-direction:column}.spread-insight .spread-controls{order:-1;margin:0 0 2rem;padding:1.2rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.spread-insight .spread-controls .solid-action{width:100%}.spread-insight .spread-controls>div{gap:.6rem 1.2rem}} #spread-position-copy .spread-card-lead{font:400 clamp(1.45rem,2vw,1.75rem)/1.3 'Cormorant Garamond';color:#e6dece} #spread-position-copy .spread-reading-hint{font-size:.65rem;color:#95a6b2;line-height:1.85} #spread-paragraphs h3:focus{outline:none} .spread-table-hint{font:italic 1.3rem/1.4 "Cormorant Garamond",serif;color:#cfc4ae;text-align:center;margin:1.2rem 0 0}.spread-slot.is-next .spread-slot-label:after{content:"Turn this card ↗";display:block;margin-top:.3rem;color:#eee1c7;font-size:.68rem;letter-spacing:.02em}.spread-slot.is-next{z-index:12!important} :lang(uk) .spread-slot.is-next .spread-slot-label:after{content:"Відкрити цю карту ↗"} /* The practice belongs to the same lapis world as the opening deck. */ #home-content { --home-ink: #e9e0cf; --home-copy: #bcc7cc; --home-gold: #bfad89; --home-rule: #b7c0c32c; color: var(--home-ink); background: #0b192a; } #home-content .editorial-section { position: relative; padding-block: clamp(5rem, 9vw, 9rem); border: 0; } #home-content #discover { padding-top: clamp(4.5rem, 7vw, 7rem); background: radial-gradient(ellipse at 76% 28%, #37546c23, transparent 64%); } #home-content .section-index { color: var(--home-gold); font-size: .6rem; letter-spacing: .16em; padding-top: .4rem; } #home-content .section-main h2, #home-content .sample-copy h2 { color: var(--home-ink); line-height: 1.02; } #home-content .section-lede { color: var(--home-copy); max-width: 34rem; margin-bottom: 3rem; } #home-content .steps { column-gap: clamp(1.5rem, 3vw, 3rem); } #home-content .steps > div { border-color: var(--home-rule); padding-top: 1.65rem; } /* The three ideas read as an invitation, rather than numbered slides. */ #home-content .steps span { display: none; } #home-content .steps h3 { font-size: clamp(1.6rem, 2.2vw, 2rem); line-height: 1.1; margin: 0 0 .85rem; color: #e2d9c7; } #home-content .steps p { color: var(--home-copy); } #home-content .sample-section { padding-top: clamp(4rem, 7vw, 7rem); padding-bottom: clamp(6rem, 10vw, 10rem); background: radial-gradient(ellipse at 29% 48%, #334d6229, transparent 54%); } #home-content .sample-art img { box-shadow: 1.25rem 2rem 3.5rem #020a1259; } #home-content .sample-art span, #home-content .sample-copy .eyebrow { color: var(--home-gold); } #home-content .sample-copy > p:not(.eyebrow):not(.privacy-note) { color: var(--home-copy); } #home-content .sample-copy blockquote { color: #dfd6c4; } #home-content .privacy-note { color: #a2b1bb; } #home-content .guided-spreads-section { background: radial-gradient(ellipse at 78% 52%, #70684f13, transparent 62%); } #home-content .guided-spreads-section .text-action, #home-content .text-action { color: var(--home-ink); border-color: #c2b08b66; } #home-content .membership-note { color: var(--home-gold); } #home-content .rooms-section { padding-top: clamp(4rem, 6vw, 6rem); } #home-content .room-links, #home-content .room-links > a { border-color: var(--home-rule); } #home-content .room-links span, #home-content .room-links i { color: var(--home-gold); } #home-content .room-links h3 { color: var(--home-ink); } #home-content .room-links > a:hover h3 { color: #f3e4c7; } #home-content .product-footer { background: #0b192a; border-top: 1px solid var(--home-rule); color: var(--home-ink); } #home-content .product-footer p { color: var(--home-copy); } #home-content .product-footer .text-action { border-color: #c2b08b66; } @media (max-width: 650px) { #home-content .editorial-section { padding-block: 4.5rem; } #home-content #discover { padding-top: 3.5rem; } #home-content .section-index { margin-bottom: 1.7rem; padding-top: 0; } #home-content .section-main h2, #home-content .sample-copy h2 { font-size: clamp(2.75rem, 10.6vw, 3.4rem); } #home-content .section-lede { margin-bottom: 2.5rem; } #home-content .steps > div { display: block; padding: 1.45rem 0; } #home-content .steps h3 { font-size: 1.85rem; margin-bottom: .65rem; } #home-content .steps p { max-width: 27rem; } #home-content .sample-section { padding-block: 3rem 5rem; } #home-content .sample-art { width: 64%; } #home-content .rooms-section { padding-top: 3.5rem; } #home-content .product-footer { padding-block: 2.5rem; } } /* Resolve the moving light into the same ground as the reading below it. */ body[data-view="home"]:not(.cinema) #stage:after { background: linear-gradient(0deg, #0b192a 0%, #0b192a8c 12%, transparent 35%), linear-gradient(90deg, #06101c40, transparent 56%); } /* Physical scale for the reading table. The chooser stays close to the hand; the collected cards open into their full composition after the final draw. */ #spread-ritual .spread-workspace { grid-template-columns:minmax(0,1fr) minmax(245px,300px); gap:clamp(32px,4vw,68px); } #spread-ritual .spread-scene {container-type:inline-size;max-width:none;width:100%} #spread-ritual .spread-insight {padding-top:2rem} #spread-ritual .spread-board { --reading-card-width:clamp(126px,27cqw,245px); height:calc(var(--reading-card-width)*1.72 + 105px); margin-top:1.5rem; } #spread-ritual .spread-slot {width:var(--reading-card-width)} #spread-ritual .spread-slot-label { top:calc(100% + 13px);left:-5%;width:110%; font-size:clamp(.65rem,.78vw,.75rem);line-height:1.5; } #spread-ritual .spread-board[data-count="5"] { --reading-card-width:clamp(125px,29cqw,195px); height:calc(var(--reading-card-width)*5.7 + 150px); } #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(1){left:50%;top:49%} #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(2){left:17%;top:49%} #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(3){left:83%;top:49%} #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(4){left:50%;top:16%} #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(5){left:50%;top:81%} /* Eight readable works follow the reading order in three measured rows. */ #spread-ritual .spread-board[data-count="8"] { --reading-card-width:clamp(120px,28cqw,185px); height:calc(var(--reading-card-width)*6.2 + 190px); } #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(3n + 1){left:17%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(3n + 2){left:50%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(3n + 3){left:83%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(-n + 3){top:16%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(n + 4):nth-child(-n + 6){top:49%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(n + 7){top:82%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(7){left:33%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(8){left:67%} /* The compact view is a place to lay the chosen cards, not a tiny reading. */ #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board { --reading-card-width:min(84px,22cqw);height:195px;margin-top:.5rem; } #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:nth-child(n) {top:48%} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:nth-child(1){left:22%} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:nth-child(2){left:50%} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:nth-child(3){left:78%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-board { --reading-card-width:min(76px,15cqw);height:190px; } #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(1){left:14%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(2){left:32%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(3){left:50%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(4){left:68%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(5){left:86%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-board { --reading-card-width:min(62px,18cqw);height:265px; } #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(4n + 1){left:14%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(4n + 2){left:38%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(4n + 3){left:62%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(4n + 4){left:86%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(-n + 4){top:28%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(n + 5){top:76%} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot-label{visibility:hidden} #spread-ritual .spread-workspace[data-phase="choosing"] #spread-deck-area{margin-top:0} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-insight{padding-top:1.5rem} @media(max-width:1100px) { #spread-ritual .spread-workspace {grid-template-columns:minmax(0,1fr) minmax(225px,.44fr);gap:28px} #spread-ritual .spread-insight h2{font-size:clamp(2.45rem,4vw,3.3rem)} #spread-ritual .spread-insight .spread-invitation{font-size:.875rem;line-height:1.8} #spread-ritual .spread-insight .spread-card-lead{font-size:clamp(1.4rem,2.55vw,1.85rem);line-height:1.3} #spread-ritual .spread-insight .reflection-prompt p{font-size:1.25rem;line-height:1.4} #spread-ritual .spread-slot-label{font-size:.625rem} } @media(max-width:800px) { #spread-ritual .spread-workspace {display:block;max-width:850px} #spread-ritual .spread-insight {max-width:650px;margin:1.5rem auto 0;position:relative;top:auto;padding-top:1rem} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-insight{margin:1rem auto 0} } @media(max-width:700px) { #spread-ritual .spread-workspace[data-phase="choosing"]{display:block} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-insight{margin:1rem auto 0} #spread-ritual .spread-board {--reading-card-width:37cqw;height:calc(var(--reading-card-width)*4 + 150px)} #spread-ritual .spread-board[data-count="3"] .spread-slot:nth-child(1){left:50%;top:22%} #spread-ritual .spread-board[data-count="3"] .spread-slot:nth-child(2){left:25%;top:68%} #spread-ritual .spread-board[data-count="3"] .spread-slot:nth-child(3){left:75%;top:68%} #spread-ritual .spread-slot-label{font-size:.625rem;top:calc(100% + 11px);left:-10%;width:120%} #spread-ritual .spread-board[data-count="5"] { --reading-card-width:37cqw;height:calc(var(--reading-card-width)*6.2 + 160px); } #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(1){left:50%;top:16%} #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(2){left:25%;top:49%} #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(3){left:75%;top:49%} #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(4){left:25%;top:81%} #spread-ritual .spread-board[data-count="5"] .spread-slot:nth-child(5){left:75%;top:81%} #spread-ritual .spread-board[data-count="8"] { --reading-card-width:37cqw;height:calc(var(--reading-card-width)*8.3 + 200px); } #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(odd){left:25%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(even){left:75%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(-n + 2){top:11%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(n + 3):nth-child(-n + 4){top:35%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(n + 5):nth-child(-n + 6){top:59%} #spread-ritual .spread-board[data-count="8"] .spread-slot:nth-child(n + 7){top:83%} #spread-ritual .spread-insight{margin-top:.7rem} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-insight .spread-controls{order:-1} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-board{--reading-card-width:min(76px,15cqw);height:175px} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(2){left:32%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(3){left:50%} /* Reassert the miniature collection independently of the full mobile table. */ #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-slot{top:48%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-slot:nth-child(1){left:22%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-slot:nth-child(2){left:50%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-slot:nth-child(3){left:78%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot{top:48%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(1){left:14%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(4){left:68%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(5){left:86%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(4n + 1){left:14%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(4n + 2){left:38%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(4n + 3){left:62%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(4n + 4){left:86%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(-n + 4){top:28%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(n + 5){top:76%} } /* The hit area stays still; the physical card lifts above it. */ body[data-view=choose] .card-hit, body[data-view=choose] .card-hit:hover, body[data-view=choose] .card-hit:focus-visible{background:transparent;filter:none;outline:none;touch-action:none} body[data-view=choose] .card-hit{cursor:grab} body[data-view=choose] .card-hit:active{cursor:grabbing} .single-card-layer{position:fixed;inset:0;pointer-events:none;z-index:40;isolation:isolate} .single-card-layer:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:#0b192a;opacity:0;transition:opacity 1100ms var(--ease-settle,cubic-bezier(.16,1,.3,1))} .single-card-layer[data-deck-id=space-between]:before{background:#271b27} .single-card-layer[data-reduced-motion=true]:before{transition:none} body[data-view=choose]:is([data-single-state=extracting],[data-single-state=held],[data-single-state=revealing],[data-single-state=revealed]) .single-card-layer:before{opacity:.64} body[data-view=choose]:is([data-single-state=extracting],[data-single-state=held],[data-single-state=revealing],[data-single-state=revealed]) .single-card-layer[data-deck-id=space-between]:before{opacity:.84} .single-card-layer[hidden],.single-card-actions[hidden],.single-card-note[hidden],.single-card-return[hidden]{display:none} .single-card-object{position:absolute;left:0;top:0;width:320px;height:548.5714285714px;transform-origin:0 0;will-change:transform} .single-card-surface{position:relative;width:100%;height:100%;transform-origin:50% 50%;transition:transform 180ms cubic-bezier(.2,.7,.2,1);will-change:transform} .single-card-surface[data-settling=true]{transition-duration:850ms;transition-timing-function:cubic-bezier(.16,1,.3,1)} .single-card-layer[data-reduced-motion=true] .single-card-surface{transform:none!important;transition:none;will-change:auto} .single-card-object img{display:block;width:100%;height:100%;border-radius:3.8%/2.2%;box-shadow:1px 1px 0 #cfb78080,2px 3px 1px #09121a90,7px 18px 30px #010a1670;user-select:none;-webkit-user-drag:none;transform-origin:50% 50%} .single-card-actions{position:fixed;left:var(--single-actions-left,calc(50% - 170px));top:var(--single-actions-top,calc(77svh + 12px));transform:none;width:var(--single-actions-width,340px);max-width:90vw;max-height:var(--single-actions-max-height,none);text-align:center;pointer-events:auto} .single-card-actions .eyebrow{margin:0 0 .6rem;min-height:1.5em;line-height:1.5} .single-card-actions>.solid-action{min-width:210px;min-height:48px} .single-card-hint{color:#d0d4d1;font-size:.75rem;margin:.8rem 0 0;line-height:1.6;min-height:2.8em} .single-card-hint.has-error{color:#efe1c0} .single-card-note{position:fixed;left:var(--single-note-left);top:var(--single-note-top);width:var(--single-note-width,220px);box-sizing:border-box;text-align:left;color:#283d47;background:#e8dfcb;border-radius:2px 0 2px 2px;box-shadow:0 2px 0 #d8ccb580,3px 8px 18px #030d1b2c;transform:rotate(-3deg);isolation:isolate} .single-card-note:after{content:"";position:absolute;right:0;top:0;width:20px;height:20px;pointer-events:none;background:linear-gradient(225deg,#a89c8140 49%,#f5eddc 50%);box-shadow:-1px 1px 0 #b1a18466} .single-card-note summary{position:relative;display:grid;grid-template-columns:1fr 20px;gap:6px 10px;min-height:44px;padding:16px 19px 15px;cursor:pointer;list-style:none;outline-offset:5px} .single-card-note summary::-webkit-details-marker{display:none} .single-card-note summary:focus-visible{outline:2px solid #d4c498} .single-card-note-label{font:500 10px/1.4 var(--font-ui,'DM Sans','Onest',sans-serif);letter-spacing:.13em;text-transform:uppercase} .single-card-note-preview{grid-column:1;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;font:italic 20px/1.2 'Cormorant Garamond',serif;overflow-wrap:anywhere} .single-card-note-toggle{grid-column:2;grid-row:1 / 3;align-self:center;font-size:19px;line-height:24px;text-align:center;color:#536366} .single-card-note[open] .single-card-note-preview{display:none} .single-card-note[open] summary{padding-bottom:8px} .single-card-note blockquote{margin:0;padding:0 19px 18px;max-height:180px;overflow-y:auto;overscroll-behavior:contain;white-space:pre-wrap;overflow-wrap:anywhere;font:italic 21px/1.3 'Cormorant Garamond',serif} body[data-view=choose]:is([data-single-state=held],[data-single-state=revealed]) .single-card-object{pointer-events:auto;touch-action:none;cursor:grab} body[data-single-state=extracting] #cards,body[data-single-state=held] #cards,body[data-single-state=revealing] #cards,body[data-single-state=revealed] #cards{opacity:.17;transition:opacity 1s} body[data-single-state=extracting] .choose-footer,body[data-single-state=held] .choose-footer,body[data-single-state=revealing] .choose-footer,body[data-single-state=revealed] .choose-footer{visibility:hidden} body[data-single-state=extracting] .choose-heading,body[data-single-state=held] .choose-heading,body[data-single-state=revealing] .choose-heading,body[data-single-state=revealed] .choose-heading{opacity:.4;transition:opacity .7s} .single-reading-arrival #reading-image,.single-reading-arrival #card-index,.single-reading-arrival .reading-copy{visibility:hidden} .single-reading-arrival #reading-view{position:relative;z-index:1;background:transparent} body[data-view=reading].single-reading-arrival #hero-region{display:block;position:fixed;inset:0;z-index:0} body[data-view=reading].single-reading-arrival #motion-stage,body[data-view=reading].single-reading-arrival .site-header{visibility:hidden} @media(max-width:650px){.single-card-actions .eyebrow{font-size:.625rem}body[data-single-state=held] .choose-heading{opacity:.7}} .single-card-layer[data-mobile-layout] .single-card-note{position:relative;inset:auto;width:100%;margin:0 0 14px;transform:none} .single-card-layer[data-mobile-layout] .single-card-note summary{padding:10px 14px;gap:3px 8px} .single-card-layer[data-mobile-layout] .single-card-note-label{font-size:10px} .single-card-layer[data-mobile-layout] .single-card-note-preview{font-size:19px;line-height:1.15;-webkit-line-clamp:1} .single-card-layer[data-mobile-layout] .single-card-note blockquote{padding:0 14px 13px;max-height:112px;font-size:20px} .single-card-layer[data-mobile-layout] .single-card-hint{min-height:2.8em} .single-card-layer[data-mobile-layout=landscape] .single-card-actions .eyebrow{margin-bottom:6px} .single-card-layer[data-mobile-layout=landscape] .single-card-note{margin-bottom:8px} .single-card-layer[data-mobile-layout=landscape] .single-card-hint{margin-top:8px} @media(max-height:580px) and (max-width:700px){.single-card-layer[data-mobile-layout] .single-card-actions>.eyebrow{display:none}.single-card-layer[data-mobile-layout] .single-card-hint{min-height:0;margin-top:8px}.single-card-layer[data-mobile-layout] .single-card-note{margin-bottom:9px}} @media(prefers-reduced-motion:reduce){.single-card-surface{transform:none!important;transition:none;will-change:auto}.single-card-object{will-change:auto}.single-card-layer:before,body[data-view=choose] #cards{transition:none}} /* The fallback remains a real deck when WebGL is unavailable. */ body[data-view=choose] #card-choices.fallback-choices{inset:25% 7% 12%;display:flex;align-items:center;gap:12px;overflow-x:auto;pointer-events:auto;padding:2rem .3rem} body[data-view=choose] .fallback-choices .card-hit{position:relative;flex:0 0 110px;width:110px;height:188.6px;padding:0;clip-path:none;touch-action:pan-x} .fallback-choices .card-hit img{display:block;width:100%;height:100%;border-radius:4%;pointer-events:none} .fallback-choices .card-hit[data-lifted] img{visibility:hidden} body[data-view=choose] #motion-stage:has(.fallback-choices) .poster{display:none!important} body[data-single-state=extracting] .choose-heading h2,body[data-single-state=held] .choose-heading h2,body[data-single-state=revealing] .choose-heading h2,body[data-single-state=revealed] .choose-heading h2{opacity:0;transition:opacity .5s} body[data-single-state=hover] .single-card-object img{filter:brightness(.88)} body[data-single-state=extracting] .single-card-object img{filter:brightness(1);transition:filter 1s} body[data-view=choose][data-single-state=hover] .single-card-object{pointer-events:auto;touch-action:none;cursor:grab} body[data-view=choose][data-single-state=hover] .single-card-object:active{cursor:grabbing} /* Browse the complete shuffled deck without crowding the card stage. */ .single-deck-navigation{display:flex;align-items:center;justify-content:space-between;gap:1.2rem;width:15rem;margin-bottom:.6rem;border-bottom:1px solid var(--rule);padding-bottom:.25rem} .single-deck-navigation[hidden]{display:none} .single-deck-navigation button{min-width:44px;min-height:44px;font-size:1.1rem} .single-deck-navigation button:disabled{opacity:.25;cursor:default} #choice-range{font-size:.65rem;letter-spacing:.1em;color:var(--muted);font-variant-numeric:tabular-nums} @media(max-width:650px){.single-deck-navigation{width:13rem;margin-bottom:.25rem}.choose-footer{bottom:3%}.choose-footer #choose-status{max-width:20rem;font-size:.65rem}.choose-footer .text-action{min-height:36px}} @media(max-width:650px){body[data-view=choose] #motion-stage{bottom:26%}} .single-card-return{position:fixed;left:32px;top:100px;display:inline-flex;align-items:center;gap:10px;min-width:44px;min-height:44px;pointer-events:auto;color:#d1cbbc;font-size:12px;text-decoration:none;outline-offset:3px} .single-card-return>span:first-child{font-size:23px} .single-card-return:hover{color:#f1e6d1} .single-card-return:focus-visible{outline:2px solid #d4c498;border-radius:4px} .single-card-layer[data-mobile-layout] .single-card-return{left:calc(10px + env(safe-area-inset-left));top:calc(76px + env(safe-area-inset-top));justify-content:center} .single-card-layer[data-mobile-layout] .single-card-return>span:last-child{display:none} /* The folded note is paper, not one of the site's dark disclosure panels. */ .single-card-layer .single-card-note>summary,.single-card-layer .single-card-note>summary:is(:hover,:focus-visible){background:transparent!important;color:#283d47;border:0;box-shadow:none} .single-card-layer .single-card-note>summary:before,.single-card-layer .single-card-note>summary:after{display:none} .single-card-layer .single-card-note :is(.single-card-note-label,.single-card-note-preview,blockquote){color:#283d47} body[data-view=choose]:is([data-single-state=held],[data-single-state=revealed]) .single-card-object:active{cursor:grabbing} /* A temporary close view, owned by the chosen card rather than the home hero. */ .single-card-layer:is([data-unveiling=true],[data-inspecting=true]):before{opacity:.98!important} .single-card-layer[data-unveiling=true] .single-card-object{pointer-events:auto;touch-action:none;cursor:default} .single-card-layer[data-unveiling=true]:after{content:attr(data-reveal-caption);position:fixed;bottom:max(22px,env(safe-area-inset-bottom));left:24px;right:24px;text-align:center;color:#d7cbb6;font:400 12px/1.6 'DM Sans','Onest',sans-serif;letter-spacing:.04em;pointer-events:none;animation:unveiling-caption-in 1.6s both} body:has(.single-card-layer:is([data-unveiling=true],[data-inspecting=true])) #cards{opacity:0!important} .single-card-layer[data-unveiling=true] .single-card-surface{transition:none;transform:none!important} @keyframes unveiling-caption-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.single-card-layer[data-unveiling=true]:after{animation:none}} body:has(.single-card-layer[data-unveiling=true]) .mobile-masthead{opacity:0;visibility:hidden;pointer-events:none} @media(min-width:1040px){ .single-card-layer[data-inspecting=true] .single-card-actions{text-align:left;animation:unveiling-caption-in 800ms both} .single-card-layer[data-inspecting=true] .single-card-note{position:relative;inset:auto;width:100%;margin:22px 0 30px;transform:rotate(-3deg)} .single-card-layer[data-inspecting=true] .single-card-actions>.eyebrow{font-size:13px;letter-spacing:.16em} .single-card-layer[data-inspecting=true] .single-card-actions>.solid-action{width:100%} .single-card-layer[data-inspecting=true] .single-card-hint{max-width:24ch;margin:16px 0 0} } @media(prefers-reduced-motion:reduce){.single-card-layer[data-inspecting=true] .single-card-actions{animation:none}} /* Let the artwork occupy the whole scene, then give the final image silence. */ body:has(.single-card-layer:is([data-unveiling=true],[data-inspecting=true])) :is(.site-header,.choose-heading){opacity:0!important;visibility:hidden;pointer-events:none} .single-card-layer[data-unveiling=true]:after{transition:opacity 420ms ease} .single-card-layer[data-unveiling-rest=true]:after{opacity:0;animation:none} @media(prefers-reduced-motion:reduce){.single-card-layer[data-unveiling=true]:after{transition:none}} body[data-view=today] #hero-region,body[data-view=method] #hero-region,body[data-view=membership] #hero-region{display:none} .practice-page{background:radial-gradient(ellipse at 82% 22%,#28456366,transparent 55%),#0b192a} .practice-page .page-top,.practice-bottom{max-width:1320px;margin:auto}.practice-page nav{gap:2rem} .today-composition{max-width:1150px;margin:5rem auto 7rem;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:10vw} .today-copy h1,.practice-intro h1{font:400 clamp(4rem,7vw,7rem)/.96 'Cormorant Garamond',serif;letter-spacing:-.035em;margin:1.5rem 0 2rem}.today-copy em,.practice-intro em{font-weight:400} .today-copy>p:not(.eyebrow):not(.privacy-note){font:400 1.08rem/1.8 'DM Sans';max-width:29rem;color:#c9d0d2}.today-copy .solid-action{margin:2rem 0 .3rem}.today-copy>.quiet-link{display:block;margin-top:1.1rem}.today-copy .privacy-note{max-width:26rem} .today-card{margin:0;max-width:310px;justify-self:center;perspective:1000px}.today-card button{padding:0;display:block;width:100%;transform:rotate(5deg);transition:transform .8s var(--ease-glide)}.today-card button:hover,.today-card button:focus-visible{transform:rotate(1deg) translateY(-8px)}.today-card img{display:block;width:100%;aspect-ratio:958/1644;object-fit:cover;border-radius:3.9%/2.3%;box-shadow:1px 2px 0 #b7a68477,16px 28px 48px #030a1466}.today-card figcaption{text-align:center;font:italic 1.15rem 'Cormorant Garamond';color:#c3bca9;margin-top:2.4rem} .practice-return{display:grid;grid-template-columns:1fr 1.35fr;gap:8vw;max-width:1150px;margin:auto;padding:4rem 0;border-top:1px solid var(--rule)}.practice-return h2{font:400 3.5rem/1 'Cormorant Garamond';margin:1rem 0 1.5rem;letter-spacing:-.025em}.practice-return>div>p:last-child,.return-empty{font-size:.875rem;line-height:1.85;color:#b9c5cb;max-width:24rem}.practice-return h2 em{font-weight:400} .revisit-row{display:flex;text-align:left;align-items:center;width:100%;gap:1.5rem;border-bottom:1px solid var(--rule);padding:1.4rem 0}.revisit-row img{width:65px;flex-shrink:0;border-radius:3px}.revisit-copy{flex:1;display:flex;flex-direction:column;gap:.6rem}.revisit-copy strong{font:400 1.95rem 'Cormorant Garamond'}.revisit-copy>span:not(.eyebrow){font-size:.8125rem;line-height:1.7;color:#bac6cc;overflow-wrap:anywhere}.revisit-copy small{font-size:.65rem;color:#ccbc99}.revisit-row:hover strong{color:#dcc69b} .return-draft{max-width:1150px;margin:0 auto 4rem}.return-draft .revisit-row{max-width:650px}.practice-bottom{display:flex;justify-content:space-between;align-items:center;gap:2rem;border-top:1px solid var(--rule);padding-top:2rem} .practice-editor,.share-reflection{margin:1.7rem 0 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.practice-editor summary,.share-reflection summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;cursor:pointer;font-size:.875rem;padding:1.2rem 0;list-style:none}.practice-editor summary::-webkit-details-marker,.share-reflection summary::-webkit-details-marker{display:none}.practice-editor summary:focus-visible,.share-reflection summary:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.practice-editor[open] summary>span{transform:rotate(45deg)}.practice-fields{padding:.6rem 0 1.5rem}.practice-fields label{display:block;font-size:.75rem;line-height:1.65;color:#d7d1c2}.practice-fields textarea{display:block;margin:.6rem 0 1.25rem;font-size:.875rem;min-height:5rem}.practice-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.practice-fields input:not([type=checkbox]),.journal-practice select{display:block;border:1px solid var(--rule);background:#081625;color:var(--ink);font:400 .8125rem 'DM Sans';padding:.8rem;min-height:44px;width:100%;margin:.6rem 0 1.3rem;border-radius:0}.practice-fields input:focus,.journal-practice select:focus{outline:1px solid var(--gold);outline-offset:3px}.practice-fields .reviewed-check{display:flex;align-items:center;gap:.6rem;min-height:44px;cursor:pointer}.reviewed-check input{width:18px;height:18px;accent-color:var(--gold)}.practice-save-status,.share-status,#today-status{font-size:.75rem;line-height:1.7;color:#d7c49e;max-width:40rem} .journal-practice-head{display:flex;align-items:center;justify-content:space-between;gap:2rem;border-top:1px solid var(--rule);padding-top:1.25rem;margin-bottom:1rem}.journal-practice label{font-size:.7rem;min-width:13rem}.journal-practice select{margin:.6rem 0}.journal-practice .revisit-row{max-width:900px} .share-reflection{padding-bottom:.3rem}.share-preview{display:flex;align-items:center;gap:2rem;padding:2rem;background:#102338;margin:1rem 0;max-width:620px}.share-preview img{width:28%;border-radius:3%}.share-preview h3{font:400 2rem/1.1 'Cormorant Garamond';margin:.7rem 0}.share-preview p{font:400 1.15rem/1.5 'Cormorant Garamond'}.share-reflection .save-actions{margin:0 0 1rem}.share-reflection .share-status{margin-bottom:1rem} .practice-intro{max-width:1150px;margin:4rem auto 5rem}.practice-intro>p:last-child{font-size:1.02rem;line-height:1.85;max-width:40rem;color:#c1cdd1}.method-sections{max-width:1150px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem 7vw}.method-sections section{border-top:1px solid var(--rule);padding-top:1.6rem}.method-sections h2,.membership-comparison h2{font:400 2.6rem/1.1 'Cormorant Garamond';margin:1rem 0 1.3rem}.method-sections p,.membership-comparison li{font-size:.875rem;line-height:1.85;color:#c1cbd0}.method-sections p+p{margin-top:1rem}.membership-comparison{display:grid;grid-template-columns:1fr 1fr;gap:7vw;max-width:1150px;margin:auto}.membership-comparison section{border-top:1px solid var(--rule);padding-top:2rem}.membership-comparison ul{padding-left:1.2rem;margin:0 0 2rem}.membership-comparison li{margin-bottom:.65rem;padding-left:.5rem}.membership-honesty{max-width:1150px;margin:4rem auto 1rem;border-top:1px solid var(--rule);padding-top:1.5rem;font-size:.8125rem;line-height:1.8;color:#b7c2c8}.practice-page>.quiet-link{display:block;max-width:1150px;margin:auto} @media(max-width:850px){.today-composition{gap:7vw;margin-top:3.5rem}.today-copy h1{font-size:5rem}.today-card{max-width:240px}.practice-return{gap:5vw}.site-header nav{gap:1.2rem}} @media(max-width:600px){.today-composition{margin:2rem auto 3.5rem;grid-template-columns:1fr;gap:3rem}.today-copy h1,.practice-intro h1{font-size:4.1rem}.today-copy{max-width:100%}.today-copy>p:not(.eyebrow):not(.privacy-note){font-size:.9375rem}.today-card{width:45%;max-width:220px;order:-1;justify-self:end;margin:0 1.5rem -1rem 0}.today-card figcaption{font-size:1rem;margin-top:1.6rem}.today-copy .solid-action{width:100%}.practice-return{display:block;padding:2.5rem 0}.practice-return>div:first-child{margin-bottom:2rem}.practice-return h2{font-size:3rem}.practice-page nav{gap:1.1rem;font-size:.65rem}.practice-page .page-top{gap:1rem}.practice-page .brand{font-size:1.35rem}.practice-page .brand span{display:none}.practice-bottom{align-items:start;flex-direction:column;gap:.5rem}.journal-practice-head{display:block}.journal-practice label{display:block;margin:1.2rem 0}.practice-pair{grid-template-columns:1fr}.share-preview{padding:1.1rem;gap:1rem}.share-preview h3{font-size:1.7rem}.share-preview p{font-size:1.05rem}.method-sections,.membership-comparison{display:block}.method-sections section,.membership-comparison section{margin-bottom:3rem}.practice-intro{margin:2.5rem 0 3rem}.practice-intro>p:last-child{font-size:.9375rem}.site-header nav{gap:.9rem}.today-nav{font-size:.65rem}.site-header .almanac-link{display:none}.revisit-row{gap:1rem}.revisit-row img{width:53px}} @media(prefers-reduced-motion:reduce){.today-card button{transition:none}} .practice-return.is-empty{grid-template-columns:1fr 1fr;padding:2.5rem 0}.practice-return.is-empty h2{font-size:2.4rem}.practice-return.is-empty>div>p:last-child:not(.return-empty){display:none}.practice-return.is-empty #today-revisits{align-self:center} .practice-more{border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:.5rem 0 1.25rem}.practice-more>summary{min-height:46px;font-size:.75rem;color:var(--muted);padding:.85rem 0}.practice-more>.practice-pair{padding-top:.6rem}.practice-more .reviewed-check{margin-bottom:.7rem}.practice-editor .practice-more[open]>summary>span{transform:none} @media(max-width:600px){.practice-return.is-empty{display:block}.practice-return.is-empty>div:first-child{margin-bottom:1rem}} /* One native scroll journey, followed by the rest of the same page. */ body[data-view="home"] #hero-region { height: 1050svh; } body[data-view="home"] #stage { position: sticky; top: 0; bottom: auto; height: 100svh; width: 100%; } body.cinema[data-view="home"] { height: auto; } body.cinema[data-view="home"] #stage { position: sticky; } body.cinema[data-view="home"] .scroll-cue { pointer-events: auto; } /* The original mobile journey uses the shorter nine-viewport scroll spine. */ @media (max-width: 650px) { body[data-view="home"] #hero-region { height: 900svh; } } /* A still, complete entry has no empty animation distance. */ .quiet body[data-view="home"] #hero-region, .fallback body[data-view="home"] #hero-region { height: 100svh; } @media (prefers-reduced-motion: reduce) { body[data-view="home"] #hero-region { height: 100svh; } } /* A consistent invitation to act: ivory for the next step, framed lapis for secondary actions, and fine rules for navigation and supporting links. */ :root { --action-paper: #eee2c8; --action-ink: #122638; --action-lapis: #162c40; --action-edge: #c8b58b99; --action-ease: var(--ease-control); } .reading-link, .solid-action { border: 1px solid var(--action-paper); border-radius: 3px; background: var(--action-paper); color: var(--action-ink); min-height: 52px; padding: .8rem 1.2rem; font: 500 .8125rem/1.45 'DM Sans', sans-serif; text-align: left; transition: background .25s, border-color .25s, box-shadow .25s; } .reading-link { width: 14.1rem; gap: 1.4rem; } .reading-link > span { padding: 0; } .reading-link > span::after { display: none; } .reading-link i { border: 0; border-left: 1px solid #12263830; border-radius: 0; background: transparent; color: inherit; width: 2.2rem; height: 1.5rem; flex: 0 0 2.2rem; padding-left: .6rem; font-size: 1.15rem; } .reading-link:hover i { background: transparent; color: inherit; transform: translate(2px, -2px); } .solid-action:disabled { opacity: .42; cursor: not-allowed; box-shadow: none; } .text-action, .share-reflection .share-copy, .share-reflection .share-native, #download-reading, #download-spread, #refresh-spread-access, #reveal-flow, #reveal-skip, .art-look { border: 1px solid var(--action-edge); border-radius: 3px; background: #142a3dba; color: var(--ink); min-height: 46px; padding: .72rem 1rem; font-size: .75rem; line-height: 1.5; text-align: left; transition: background .25s, border-color .25s, color .25s; } .text-action:hover { opacity: 1; } #home-content .text-action { background: var(--action-lapis); border-color: var(--action-edge); } .spread-showcase-caption .text-action { max-width: 13rem; } #deal-spread { border: 1px solid var(--action-edge); padding: .65rem 1rem; font-size: .6875rem; } .share-reflection .save-actions { align-items: stretch; } .share-reflection .save-actions .text-action { margin: 0; } .spread-insight .spread-controls .quiet-link { padding: .65rem .75rem; } /* Navigation stays light. The reading entrance has a visible outline even before hover, while the primary invitation lives beside the hero copy. */ .site-header nav a:not(.nav-reading), .page-top nav a, .quiet-link, .provenance a, .card-lesson a { text-decoration-line: underline; text-decoration-color: #cfbc942e; text-decoration-thickness: 1px; text-underline-offset: .4em; transition: color .25s, text-decoration-color .25s, background .25s; } .site-header .nav-reading { border: 1px solid #d4c19c8c; border-radius: 3px; background: #10223670; padding: .65rem 1rem; min-height: 44px; gap: 1rem; color: #f0e4cd; text-decoration: none; } body[data-view="today"] a[href="#today"]:not(.text-action), body[data-view="journal"] .page-top a[href="#journal"], body[data-view="spreads"] .page-top a[href="#spreads"] { color: #f1e3c8; text-decoration-color: #cfb785; } .quiet-link { min-height: 44px; } #resume-link { min-height: 28px; padding: .3rem 0; } @media (min-width: 900px) and (max-height: 800px) { .intro .intro-body { margin-top: 1rem; } .intro .reading-link { margin-top: 1rem; } .intro .reading-facts { display: inline-block; vertical-align: middle; margin-right: .85rem; } .intro #resume-link { vertical-align: middle; margin-top: .7rem; } } .remove-entry { color: #b6b3a9; text-decoration-color: #b6b3a94a; } .experience-controls .journey-control { display: inline-flex; justify-content: center; align-items: center; min-height: 44px; padding: .65rem 1.15rem; border: 1px solid #d7c49c99; border-radius: 3px; background: #102336d9; color: #f0e5d0; font: 500 .75rem/1.3 'DM Sans', sans-serif; white-space: nowrap; } .experience-controls .journey-control::before { content: '▶'; font-size: .62rem; line-height: 1; color: #dec69b; margin-right: .65rem; } .experience-controls .journey-control[aria-pressed="true"]::before { content: 'Ⅱ'; } .experience-controls .motion-control { text-decoration: underline; text-decoration-color: #c8b58b55; text-underline-offset: .5em; } /* A field reads as a place to write, rather than another line of prose. */ textarea, .practice-fields input:not([type="checkbox"]), .journal-practice select, #spread-paths input { background: #193145; border: 1px solid #c9b59082; border-radius: 3px; box-shadow: inset 0 1px 3px #03101c26; color: #f0e7d7; caret-color: #e1c48b; transition: background .25s, border-color .25s; } textarea::placeholder, .practice-fields input::placeholder, #spread-paths input::placeholder { color: #b9c5c9; opacity: 1; } textarea:focus, .practice-fields input:not([type="checkbox"]):focus, .journal-practice select:focus, #spread-paths input:focus { background: #1b354b; border-color: #e1c48b; outline: 2px solid #e1c48b; outline-offset: 3px; } .intention-options span { display: flex; align-items: center; gap: .48rem; min-height: 44px; border: 1px solid #b4bcb853; border-radius: 3px; background: #132a3ecc; color: #d3dbd9; padding: .65rem .75rem; font-size: .6875rem; } .intention-options span::before { content: ''; width: 7px; height: 7px; border: 1px solid #b6b4a5; border-radius: 50%; flex-shrink: 0; } .intention-options input:checked + span { background: #e7d8b8; border-color: #e7d8b8; color: #172c3c; } .intention-options input:checked + span::before { border-color: #172c3c; background: #172c3c; } .intention-options input:focus-visible + span { outline: 2px solid #eedcbc; outline-offset: 3px; } /* The disclosure itself is a control; its explanatory text stays unboxed. */ .card-lesson summary, .practice-editor summary, .share-reflection summary, .spread-deeper summary { list-style: none; align-items: center; min-height: 56px; padding: 1rem .85rem; background: #17304666; color: #e8ddc7; border-radius: 3px; transition: background .25s; } .card-lesson summary::-webkit-details-marker { display: none; } .card-lesson summary > span, .practice-editor summary > span, .share-reflection summary > span, .spread-deeper summary::after { display: grid; place-items: center; flex-shrink: 0; width: 25px; height: 25px; border: 1px solid #c3b18e70; border-radius: 50%; font: 400 1rem/1 'DM Sans', sans-serif; } .card-lesson[open] summary, .practice-editor[open] summary, .share-reflection[open] summary, .spread-deeper[open] summary { background: #1c374c80; margin-bottom: .8rem; } .card-lesson[open] summary > span { transform: rotate(45deg); } /* Reading choices and saved entries remain editorial rows, with a visible selected state and a deliberate arrow that invites opening the record. */ .spread-option { border: 1px solid #c8b58b3b; margin-bottom: .65rem; border-radius: 3px; } .spread-options { border-top: 0; } .spread-option .spread-option-select { padding: 1.35rem 1rem; color: #c7d0d2; } .spread-option.selected { background: #193248; border-color: #c8b58b9c; } .spread-option-arrow { opacity: .65; transform: none; } .spread-option.selected .spread-option-arrow { color: #ebd3a4; } .journal-row, .revisit-row, .room-links > a { transition: background .25s; } .journal-entry .journal-row > span, .revisit-row > span:last-child:not(.revisit-copy), .room-links > a > i { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid #c5b28b66; border-radius: 50%; flex-shrink: 0; opacity: 1; color: #d7c298; } .deck-navigation button, .single-deck-navigation button, .spread-card-nav button, .synthesis-tabs button { border: 1px solid #c4b08a70; background: #183147a1; border-radius: 3px; min-width: 44px; min-height: 44px; text-decoration: none; } .synthesis-tabs button[aria-current="step"] { background: #e6d8ba; color: #152a3b; border-color: #e6d8ba; } .single-deck-navigation { border-bottom: 0; } @media (hover: hover) { .reading-link:hover, .solid-action:hover:not(:disabled) { background: #fff0d3; border-color: #fff0d3; box-shadow: 0 5px 18px #020a1629; } .text-action:hover:not(:disabled), #home-content .text-action:hover, .site-header .nav-reading:hover, .experience-controls .journey-control:hover, #download-reading:hover, #download-spread:hover, #refresh-spread-access:hover, #reveal-flow:hover, #reveal-skip:hover, .share-reflection .share-copy:hover, .share-reflection .share-native:hover, .art-look:hover { background: #254058; border-color: #ead7b2; } .quiet-link:hover, .site-header nav a:not(.nav-reading):hover, .page-top nav a:hover, .card-lesson a:hover, .provenance a:hover { color: #f0e1c2; text-decoration-color: #d7c49c; } .card-lesson summary:hover, .practice-editor summary:hover, .share-reflection summary:hover, .spread-deeper summary:hover { background: #223e538f; } .journal-row:hover, .revisit-row:hover, .room-links > a:hover, .spread-option:not(.selected):hover { background: #2541583d; } .intention-options label:hover span { border-color: #dbc89f; } } :is(.reading-link, .solid-action, .text-action, .nav-reading, .journey-control):focus-visible, summary:focus-visible { outline: 2px solid #f0dcaf; outline-offset: 4px; } :is(.text-action, .quiet-link):disabled { opacity: .4; cursor: not-allowed; } /* Never make a disabled or hidden choice look available. */ [hidden] { display: none !important; } .quiet .experience-controls .journey-control { display: none; } @media (max-width: 650px) { .site-header { gap: .85rem; } .site-header .brand > span { display: none; } .site-header nav { gap: .75rem; } .site-header .nav-reading { padding: .5rem .7rem; gap: .5rem; font-size: .625rem; } .reading-link { width: 13.1rem; min-height: 48px; padding: .65rem 1rem; font-size: .75rem; } .experience-controls { column-gap: .5rem; } .experience-controls .journey-control { padding: .6rem .65rem; font-size: .625rem; } .experience-controls .journey-control::before { margin-right: .4rem; font-size: .55rem; } .experience-controls .motion-control { font-size: .55rem; } .experience-controls .scroll-cue { font-size: .44rem; letter-spacing: .04em; gap: .35rem; } .intention-options { gap: .45rem; } .intention-options span { min-height: 44px; padding: .55rem .62rem; font-size: .625rem; gap: .35rem; } .spread-options { gap: .45rem; } .spread-option .spread-option-select { padding: 1rem .6rem; } .spread-option h2 { font-size: 1.35rem; } .journal-entry .journal-row > span, .revisit-row > span:last-child:not(.revisit-copy) { width: 28px; height: 28px; } .text-action, #download-reading, #download-spread { max-width: 100%; } } @media (max-width: 360px) { .site-header nav { gap: .5rem; font-size: .58rem; } .site-header .today-nav { font-size: .58rem; } .site-header .nav-reading { font-size: .58rem; padding-inline: .55rem; gap: .35rem; } .experience-controls .journey-control { padding-inline: .55rem; font-size: .58rem; } .experience-controls .motion-control { font-size: .5rem; } } @media (prefers-reduced-motion: reduce) { .reading-link:hover i { transform: none; } } .question-guidance{padding:1.6rem 0 2rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin:1.8rem 0 2rem} .question-guidance h3{font:400 2rem/1.1 'Cormorant Garamond',Georgia,serif;color:var(--ink);margin-bottom:.8rem} .question-guidance p{margin:.7rem 0;line-height:1.65}.question-guidance .privacy-note{font-size:.75rem;max-width:42rem;color:var(--muted)} .question-guidance button{margin-top:1rem}.question-guidance button:disabled{opacity:.48}.guidance-result{margin-top:1.6rem}.guidance-status{font-size:.8rem;color:var(--muted)} .orientation-option{display:flex;align-items:start;gap:.85rem;padding:1.1rem 1.2rem;border:1px solid var(--rule);margin:1.3rem 0;cursor:pointer;font-size:.875rem;line-height:1.5} .orientation-option input{accent-color:var(--gold);width:1.1rem;height:1.1rem;flex:none;margin:.12rem 0 0}.orientation-option small{display:block;font-size:.72rem;color:var(--muted);margin-top:.2rem} .language-link{font-size:.7rem!important;padding:.5rem .7rem;border:1px solid var(--rule);border-radius:2px;text-decoration:none!important} #reading-image[data-orientation=reversed],.spread-card-face[data-orientation=reversed],#spread-detail-image[data-orientation=reversed]{rotate:180deg} .calendar-reminder{display:grid;grid-template-columns:minmax(0,1fr) minmax(16rem,1fr);column-gap:5rem;row-gap:.9rem;margin:3.5rem 0 1.5rem;padding:2.5rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)} .calendar-reminder h2{grid-column:1;font:400 clamp(2.2rem,3.5vw,3.5rem)/1.08 'Cormorant Garamond',Georgia,serif;color:var(--ink);max-width:16ch;margin:0} .calendar-reminder>p{grid-column:1;margin:0;font-size:.875rem;line-height:1.8;color:var(--muted);max-width:49ch} .calendar-reminder-form{grid-column:2;grid-row:1/span 3;align-self:center;display:grid;grid-template-columns:minmax(0,1fr);gap:.75rem;max-width:23rem;width:100%;justify-self:end} .calendar-reminder-form label{font-size:.75rem;letter-spacing:.035em;color:var(--ink)} .calendar-reminder-form input{min-height:3.4rem;width:100%;color-scheme:dark;background:#0b1d2d;color:var(--ink);border:1px solid #c1ad8159;padding:.75rem 1rem;border-radius:3px;font:400 1.05rem/1.4 'DM Sans',sans-serif} .calendar-reminder-form input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.calendar-reminder-form .solid-action{width:100%;justify-content:space-between;text-align:left;min-height:3.4rem;margin:0;font-size:.8rem;line-height:1.5} .calendar-reminder>.privacy-note{font-size:.75rem;line-height:1.8}.calendar-reminder>.calendar-reminder-status{grid-column:1/-1;max-width:72ch;color:var(--ink)}.calendar-reminder-status:empty{display:none} @media(max-width:800px){.calendar-reminder{grid-template-columns:minmax(0,1fr);gap:1.1rem;margin-top:2.2rem;padding:2rem 0}.calendar-reminder-form{grid-column:1;grid-row:auto;justify-self:start;max-width:100%;margin:.5rem 0}.calendar-reminder>p{max-width:65ch}} /* Make room for the language route alongside the product navigation. */ @media (max-width: 1450px) { .site-header .header-note { display: none; } } /* :not() matches the specificity of the pill rule in action-surfaces.css, which loads later. */ @media (max-width: 750px) { .site-header nav a.spreads-nav:not(.nav-reading) { display: none; } } @media (max-width: 980px) { .site-header nav a.cards-nav:not(.nav-reading) { display: none; } } @media (max-width: 420px) { .site-header .language-link { font-size: .58rem; padding-inline: .4rem; } } /* Optional question help stays quieter than the reading's primary action. */ .question-coach{margin:1rem 0 1.25rem;border-block:1px solid var(--rule);color:var(--ink);container-type:inline-size} .question-coach-summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:1rem;cursor:pointer;padding:.95rem 0;min-height:58px} .question-coach-summary::-webkit-details-marker{display:none} .question-coach summary:focus-visible,.question-coach button:focus-visible{outline:1px solid var(--gold);outline-offset:5px} .question-coach-summary>span:first-child{display:flex;flex-wrap:wrap;align-items:baseline;gap:.35rem .8rem} .question-coach-title{font:400 .86rem/1.5 'DM Sans',sans-serif;color:var(--ink)} .question-coach-summary small{font-size:.68rem;line-height:1.5;color:var(--muted)} .question-coach-mark{font:300 1.5rem/1 'Cormorant Garamond',Georgia,serif;color:var(--gold);transition:transform .24s ease-out} .question-coach[open] .question-coach-mark{transform:rotate(45deg)} .question-coach-body{padding:.1rem 0 1.2rem;animation:question-coach-enter .28s ease-out both} .question-coach-body>h3{font:400 1.8rem/1.15 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;margin:.25rem 0 .4rem;color:var(--ink)} .question-coach-lead{font-size:.76rem;line-height:1.7;color:var(--muted);margin:0 0 1rem} .question-coach-directions{display:grid;gap:.5rem;margin:0 0 .8rem} .question-coach-directions button{position:relative;min-height:62px;padding:.75rem 2.25rem .75rem .9rem;background:color-mix(in srgb,var(--ink) 3%,transparent);border:1px solid var(--rule);color:var(--ink);font-size:.78rem;line-height:1.5;text-align:left;transition:background .2s ease-out,border-color .2s ease-out} .question-coach-directions button small{display:block;margin-top:.12rem;font-size:.68rem;line-height:1.5;color:var(--muted)} .question-coach-directions button:after{content:'';position:absolute;right:.95rem;top:50%;width:.55rem;height:.55rem;transform:translateY(-50%);border:1px solid var(--rule);border-radius:50%;transition:background .2s ease-out,border-color .2s ease-out} .question-coach-directions button:hover{background:color-mix(in srgb,var(--ink) 6%,transparent);border-color:color-mix(in srgb,var(--gold) 65%,transparent)} .question-coach-directions button[aria-pressed=true]{background:color-mix(in srgb,var(--gold) 10%,transparent);border-color:var(--gold)} .question-coach-directions button[aria-pressed=true]:after{background:var(--gold);border-color:var(--gold)} .question-coach-wording,.question-coach-plan{border:0;margin:.2rem 0;padding:0} .question-coach-wording>summary,.question-coach-plan>summary{cursor:pointer;min-height:44px;padding:.75rem 0;font-size:.73rem;line-height:1.6;color:var(--muted)} .question-coach-wording[open]>summary,.question-coach-plan[open]>summary{color:var(--ink)} .question-coach .question-coach-label{display:block;font-size:.74rem;color:var(--ink);margin:.75rem 0 .55rem} .question-coach textarea{min-height:6rem;max-height:22rem;background:color-mix(in srgb,var(--base) 82%,transparent);font-family:'DM Sans',sans-serif;font-size:.95rem;line-height:1.65} .question-coach-edit-tools{display:flex;justify-content:space-between;align-items:baseline;flex-wrap:wrap;gap:.2rem .8rem;margin:.25rem 0 .6rem} .question-coach-edit-tools .quiet-link{font-size:.69rem;min-height:40px;padding:.5rem 0;margin:0} .question-coach-count{margin-left:auto;font-size:.65rem;font-variant-numeric:tabular-nums;color:var(--muted)} .question-coach-suggestion{padding:.45rem 0 .6rem} .question-coach-suggestion>.eyebrow{font-size:.56rem;letter-spacing:.1em;color:var(--gold)} .question-coach-suggestion>p{font:italic 1.3rem/1.4 'Cormorant Garamond',Georgia,serif;margin:.5rem 0 .1rem;max-width:42ch} .question-coach-suggestion .quiet-link{font-size:.71rem;min-height:40px;margin:0;padding:.5rem 0} .question-coach-changed{font-size:.75rem;line-height:1.7;color:var(--muted);padding:.5rem 0} .question-coach-changed button{font-size:.71rem;padding:.5rem 0;min-height:42px} .question-coach-positions{list-style:none;margin:.35rem 0 1rem;padding:0;display:grid;gap:.75rem} .question-coach-positions li{display:grid;grid-template-columns:1.6rem minmax(0,1fr);gap:.65rem;align-items:baseline} .question-coach-position-number{font:italic 1.2rem/1.2 'Cormorant Garamond',Georgia,serif;color:var(--gold)} .question-coach-positions strong{display:block;font-size:.78rem;font-weight:500;line-height:1.55} .question-coach-positions p{font-size:.71rem;line-height:1.65;margin:.1rem 0 0;color:var(--muted)} .question-coach-actions{display:flex;align-items:center;flex-wrap:wrap;gap:.4rem 1rem;margin-top:.8rem} .question-coach-approve{width:auto;min-height:46px;margin:0;padding:.8rem 1.15rem;gap:.7rem;text-align:left;font-size:.75rem} .question-coach-skip{font-size:.71rem;text-align:left;min-height:44px;margin:0;padding:.6rem 0;line-height:1.6} .question-coach-status{font-size:.77rem;line-height:1.7;margin:.5rem 0;color:var(--ink)} .question-coach-status:empty{display:none} .question-coach .privacy-note{font-size:.65rem;line-height:1.7;margin:.75rem 0 0;max-width:52ch} .question-plan-snapshot{max-width:46rem;margin:1rem 0 0;color:var(--muted)} .question-plan-snapshot summary{cursor:pointer;font-size:.73rem;line-height:1.6;padding:.65rem 0;min-height:42px} .question-plan-snapshot>div{border-top:1px solid var(--rule);padding:1rem 0 .5rem;font-size:.76rem;line-height:1.8} .question-plan-snapshot .question-plan-original{white-space:pre-wrap;overflow-wrap:anywhere;font:italic 1.25rem/1.45 'Cormorant Garamond',Georgia,serif;margin:.5rem 0 1rem;color:var(--ink)} .question-plan-snapshot ol{margin:.6rem 0 0;padding-left:1.25rem}.question-plan-snapshot li{padding:.2rem 0} .question-coach [hidden]{display:none!important} @keyframes question-coach-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.question-coach-body{animation:none}.question-coach-mark,.question-coach-directions button,.question-coach-directions button:after{transition:none}} @media(max-width:520px){.question-coach-title{font-size:.82rem}.question-coach-summary{padding:.9rem 0}.question-coach-actions{align-items:stretch}.question-coach-approve{flex:1;text-align:center;justify-content:center}.question-coach textarea{font-size:16px}} /* The almanac continues the lapis world: ivory type, card-sized memories, chosen gold marks. */ body[data-view=journey] #hero-region,body[data-view=my-deck] #hero-region{display:none} .aj-page{--aj-ink:#eee7d6;--aj-paper:#0b192a;--aj-muted:#b3bfc5;--aj-gold:#cdb582;--aj-line:#81909b55;background:var(--aj-paper);color:var(--aj-ink);min-height:100svh;padding:0 clamp(22px,5.8vw,100px) 70px;isolation:isolate} .aj-page[hidden]{display:none!important}.aj-page .page-top{color:var(--aj-ink);border-color:var(--aj-line);margin-bottom:0;padding-inline:0}.aj-page .page-top a{color:inherit}.aj-page .page-top nav{flex-wrap:wrap;gap:clamp(12px,2vw,30px)}.aj-page .page-top nav [aria-current]{text-decoration:underline;text-underline-offset:7px;text-decoration-color:var(--aj-gold)} .aj-page h1,.aj-page h2,.aj-page h3,.aj-page p,.aj-page figure{margin:0}.aj-page h1,.aj-page h2,.aj-page h3{font-family:'Cormorant Garamond',Georgia,serif;font-weight:400}.aj-page h1{font-size:clamp(60px,8vw,124px);line-height:.91;letter-spacing:-.06em;max-width:880px}.aj-page p{line-height:1.65}.aj-page .eyebrow{color:var(--aj-muted);font-size:10px;letter-spacing:.16em;font-weight:500;line-height:1.6}.aj-page button,.aj-page input,.aj-page textarea,.aj-page select{font:inherit}.aj-page a{color:inherit}.aj-page button,.aj-page a{touch-action:manipulation}.aj-page :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid var(--aj-gold);outline-offset:5px}.aj-page :is(button,input,select,textarea):disabled{opacity:.55;cursor:not-allowed}.aj-page img{max-width:100%;display:block}.aj-intro{position:relative;display:grid;grid-template-columns:minmax(0,1.65fr) minmax(230px,.65fr);gap:26px 8%;padding:clamp(65px,9vw,135px) 0 clamp(44px,6vw,90px);align-items:end}.aj-intro>.eyebrow{grid-column:1/-1}.aj-intro>.aj-deck{font-size:clamp(14px,1.2vw,17px);max-width:370px;padding-bottom:7px;color:var(--aj-muted)}.aj-cadence{display:flex;gap:0;grid-column:1/-1;margin-top:20px;width:min(600px,100%);color:var(--aj-muted);font-size:11px;letter-spacing:.09em}.aj-cadence span{display:flex;align-items:center;gap:16px;flex:1}.aj-cadence span:not(:last-child)::after{content:'';height:1px;flex:1;background:var(--aj-line);margin-right:16px}.aj-tools{display:flex;align-items:end;flex-wrap:wrap;gap:22px;border-block:1px solid var(--aj-line);padding:23px 0;margin-bottom:60px}.aj-tools>.aj-link{margin-left:auto}.aj-filter-label{display:flex;flex-direction:column;gap:9px;font-size:10px;letter-spacing:.08em;color:var(--aj-muted)}.aj-filter-label select{min-width:200px;max-width:min(400px,75vw);padding:9px 32px 9px 0;border:0;border-bottom:1px solid var(--aj-line);background:transparent;border-radius:0;color:var(--aj-ink);font-size:14px;letter-spacing:0}.aj-filter-button{background:none;border:0;border-bottom:1px solid transparent;padding:12px 0;color:var(--aj-muted);cursor:pointer;font-size:12px}.aj-filter-button[aria-pressed=true]{border-color:var(--aj-gold);color:var(--aj-ink)}.aj-link,.aj-text-button,.aj-subtle-link,.aj-source{font-size:12px;line-height:1.5;text-decoration:none;background:none;border:0;border-bottom:1px solid currentColor;padding:8px 0 5px;color:inherit;cursor:pointer}.aj-link:hover,.aj-text-button:hover{color:var(--aj-gold)}.aj-text-button{justify-self:start}.aj-subtle-link{font-size:11px;border:0}.aj-source{color:var(--aj-muted);font-size:10px;text-align:left}.aj-page .aj-save{display:inline-flex;align-items:center;justify-content:center;background:var(--aj-ink);border:1px solid var(--aj-ink);color:var(--aj-paper);text-decoration:none;padding:15px 22px;font-size:12px;cursor:pointer;min-height:46px;width:fit-content}.aj-page .aj-save:hover{background:#fff3da}.aj-fineprint{font-size:10px;line-height:1.6!important;color:var(--aj-muted)}.aj-status{font-size:11px;line-height:1.6!important;color:var(--aj-muted);min-height:0}.aj-status:empty{display:none}.aj-timeline{position:relative}.aj-timeline::before{content:'';position:absolute;left:12.5%;top:20px;bottom:40px;border-left:1px solid var(--aj-line)}.aj-entry{position:relative;display:grid;grid-template-columns:.52fr .8fr 2fr;gap:clamp(20px,3.5vw,54px);padding:0 0 76px;margin-bottom:70px;border-bottom:1px solid var(--aj-line)}.aj-entry:last-child{margin-bottom:0}.aj-entry-date{display:flex;align-items:flex-start;flex-direction:column;gap:12px;padding-top:6px;background:var(--aj-paper);z-index:1;font-size:11px}.aj-entry-date time{max-width:100px;line-height:1.8}.aj-topic-name{font-size:10px;line-height:1.5;overflow-wrap:anywhere;max-width:110px;color:var(--aj-muted)}.aj-gold-mark{color:var(--aj-gold);font-size:17px}.aj-entry-art{align-self:start;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding-top:4px}.aj-entry-art:has(>.aj-mini-card:only-child){grid-template-columns:1fr}.aj-mini-card{position:relative;display:block;overflow:hidden;box-shadow:0 8px 17px #16283812;border-radius:6px;transition:transform 220ms ease}.aj-mini-card:hover{transform:translateY(-5px)}.aj-mini-card img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}.aj-mini-card:only-child{max-width:210px}.aj-entry-art.is-meaningful .aj-mini-card:only-child::after,.aj-card-portrait.is-meaningful::after,.aj-gallery-card.is-meaningful figure::after{content:'◆';position:absolute;color:#dec895;text-shadow:0 1px 5px #1a2134;right:10px;top:10px;font-size:14px;pointer-events:none}.aj-entry-body{min-width:0}.aj-question{font-size:clamp(30px,3.05vw,48px);line-height:1.13;letter-spacing:-.025em;margin-top:12px!important;overflow-wrap:anywhere;white-space:pre-wrap}.aj-entry-steps{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:33px}.aj-entry-steps h3{font-family:'DM Sans',sans-serif;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;margin-bottom:11px}.aj-entry-steps p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere}.aj-unwritten{color:var(--aj-muted);font-style:italic}.aj-revisit{font-size:10px;margin-top:23px!important;color:var(--aj-muted)}.aj-entry-actions{display:flex;margin-top:27px}.aj-entry-editor,.aj-association-editor{margin-top:25px;border-top:1px solid var(--aj-line);font-size:12px}.aj-entry-editor summary,.aj-association-editor summary{cursor:pointer;padding:18px 0;min-height:44px;line-height:1.5}.aj-edit-form{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding:5px 0 25px}.aj-field{display:flex;flex-direction:column;gap:9px;font-size:11px;line-height:1.5}.aj-field:has(textarea){grid-column:1/-1}.aj-field textarea,.aj-field input{border:1px solid var(--aj-line);background:#122638;box-shadow:none;border-radius:0;padding:12px;color:var(--aj-ink);font-size:13px;width:100%;min-width:0}.aj-field textarea{resize:vertical;min-height:85px}.aj-field textarea::placeholder,.aj-field input::placeholder{color:var(--aj-muted);opacity:1}.aj-edit-form .aj-checkbox,.aj-edit-form .aj-status{grid-column:1/-1}.aj-checkbox{display:flex;align-items:center;gap:10px;font-size:11px;min-height:30px}.aj-checkbox input{width:17px;height:17px;accent-color:var(--aj-ink)}.aj-memory-control{--aj-muted:#acb9c2;--aj-gold:#cdb582;margin-top:22px;padding-top:14px;border-top:1px solid #8e9ca330;display:grid;grid-template-columns:1fr auto;gap:6px 15px;color:inherit}.aj-memory-toggle{width:fit-content;min-height:44px;text-align:left;font-size:11px;line-height:1.5;letter-spacing:.02em;background:none;border:0;color:inherit;padding:8px 0;cursor:pointer}.aj-memory-toggle[aria-pressed=true]{color:var(--aj-gold)}.aj-memory-control .aj-fineprint,.aj-memory-control .aj-status{grid-column:1/-1}.aj-memory-control .aj-subtle-link{grid-column:2;grid-row:1;align-self:center}.aj-page .aj-memory-control{--aj-muted:#b3bfc5;--aj-gold:#cdb582}.aj-empty{min-height:420px;display:grid;grid-template-columns:minmax(130px,.55fr) 1fr;column-gap:clamp(30px,6vw,100px);align-content:center;align-items:start;max-width:820px;margin:0 auto;padding:20px 0 70px}.aj-empty-art{grid-row:1/4;max-width:200px;justify-self:center;border-radius:7px;box-shadow:0 20px 35px #14283c16;transform:rotate(-5deg)}.aj-empty h2{font-size:clamp(34px,4vw,56px);line-height:1.1}.aj-empty p{font-size:14px;margin:18px 0 24px;color:var(--aj-muted)}.aj-empty .aj-text-button{width:fit-content}.aj-footer{display:flex;gap:22px;flex-wrap:wrap;align-items:center;border-top:1px solid var(--aj-line);margin-top:40px;padding-top:27px}.aj-footer>.aj-fineprint{margin-right:auto}.aj-footer .aj-status{flex-basis:100%}.aj-recovery{background:#223347;padding:20px 24px;margin:20px 0;max-width:780px;display:flex;flex-wrap:wrap;gap:15px 25px;font-size:13px}.aj-recovery p{flex-basis:100%}.aj-gallery-filters{display:flex;gap:25px;flex-wrap:wrap}.aj-deck-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:52px clamp(20px,3vw,50px);padding:0 0 30px}.aj-gallery-card{text-decoration:none;min-width:0}.aj-gallery-card figure{position:relative}.aj-gallery-card img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:7px;box-shadow:0 12px 25px #14283c12;transition:transform 300ms var(--ease-glide)}.aj-gallery-card:hover img{transform:translateY(-8px)}.aj-gallery-card figcaption{display:flex;align-items:baseline;gap:10px;padding-top:16px;font-size:12px}.aj-gallery-card figcaption strong{font-family:'Cormorant Garamond',Georgia,serif;font-weight:500;font-size:19px;line-height:1.2}.aj-card-number{font-size:9px;color:var(--aj-muted)}.aj-gallery-card figcaption .aj-gold-mark{font-size:9px;margin-left:auto}.aj-back{display:inline-block;font-size:12px;text-decoration:none;margin:45px 0 30px}.aj-card-composition{display:grid;grid-template-columns:minmax(200px,.76fr) minmax(0,1.25fr);gap:clamp(45px,10vw,160px);align-items:start;padding:20px 0 65px}.aj-card-portrait{position:sticky;top:30px;width:100%;max-width:410px;justify-self:center}.aj-card-portrait img{width:100%;border-radius:10px;box-shadow:0 24px 45px #14283c20}.aj-gold-caption{font-size:11px;color:var(--aj-gold);margin-top:20px;text-align:center}.aj-card-copy h1{font-size:clamp(52px,6.7vw,100px);margin:20px 0 45px;line-height:.95}.aj-small-heading{font-family:'DM Sans',sans-serif!important;text-transform:uppercase;font-size:10px;letter-spacing:.13em;margin-bottom:16px!important}.aj-original-meaning{font-size:14px;line-height:1.85!important;color:var(--aj-muted)}.aj-personal-meanings{margin-top:45px;border-top:1px solid var(--aj-line);padding-top:30px}.aj-personal-meanings h2{font-size:34px;line-height:1.1;margin-bottom:20px}.aj-personal-meanings>.aj-unwritten{font-size:13px}.aj-personal-meanings blockquote{margin:25px 0;padding:0}.aj-personal-meanings blockquote p{font-family:'Cormorant Garamond',Georgia,serif;font-size:27px;line-height:1.35;white-space:pre-wrap;overflow-wrap:anywhere}.aj-personal-meanings blockquote .aj-source{margin-top:13px}.aj-card-history{margin-left:37%;padding:20px 0 30px}.aj-card-history>h2{font-size:37px;margin-bottom:32px;line-height:1.15}.aj-card-history>p{font-size:14px;color:var(--aj-muted);margin-bottom:20px}.aj-history-entry{padding:28px 0;border-top:1px solid var(--aj-line)}.aj-history-entry time{font-size:10px;color:var(--aj-muted)}.aj-history-entry h3{font-size:28px;line-height:1.2;margin:16px 0;white-space:pre-wrap;overflow-wrap:anywhere}.aj-history-entry>p{font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;margin-bottom:16px}.aj-association-editor form{display:grid;gap:15px;padding-bottom:15px}.aj-association-editor .aj-text-button{width:fit-content}.aj-detail-status{max-width:650px;margin-left:37%!important}.aj-detail-status button{margin-left:20px} @media(min-width:1100px){.aj-deck-gallery .aj-gallery-card:nth-child(5n+2),.aj-deck-gallery .aj-gallery-card:nth-child(5n+4){padding-top:45px}} @media(max-width:1000px){.aj-intro{grid-template-columns:1.3fr 1fr;gap:22px 35px}.aj-page h1{font-size:clamp(60px,9vw,95px)}.aj-entry{grid-template-columns:100px 125px minmax(0,1fr);gap:25px}.aj-timeline::before{left:80px}.aj-entry-steps{grid-template-columns:1fr;gap:24px}.aj-deck-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:35px 25px}.aj-card-composition{gap:45px}.aj-card-copy h1{font-size:66px}.aj-card-history,.aj-detail-status{margin-left:0!important}} @media(max-width:650px){.aj-page{padding-inline:22px}.aj-page .page-top{align-items:flex-start;gap:20px;padding-top:25px;padding-bottom:25px}.aj-page .page-top nav{justify-content:flex-end;max-width:210px;column-gap:17px;row-gap:13px}.aj-page .page-top nav a{font-size:10px}.aj-intro{grid-template-columns:1fr;padding-top:55px;padding-bottom:42px;gap:22px}.aj-intro .aj-deck{max-width:360px}.aj-page h1{font-size:67px;max-width:360px}.aj-cadence{margin-top:8px;font-size:9px}.aj-tools{margin-bottom:42px;gap:15px 22px;align-items:center}.aj-tools>.aj-link{margin-left:0;flex-basis:100%;width:fit-content;border:0;padding-top:10px}.aj-filter-label{width:100%}.aj-filter-label select{width:100%;max-width:100%}.aj-timeline::before{display:none}.aj-entry{grid-template-columns:85px minmax(0,1fr);gap:22px;padding-bottom:40px;margin-bottom:42px}.aj-entry-date{grid-column:1/-1;flex-direction:row;align-items:center;gap:15px;border-bottom:1px solid var(--aj-line);padding-bottom:16px}.aj-entry-date time,.aj-topic-name{max-width:none}.aj-entry-date .aj-gold-mark{margin-left:auto}.aj-entry-art{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.aj-entry-body .aj-question{font-size:31px}.aj-entry-steps{margin-top:25px;gap:21px}.aj-entry-steps p{font-size:12px}.aj-entry-steps h3{font-size:9px}.aj-entry-actions{margin-top:19px}.aj-edit-form{grid-template-columns:1fr}.aj-entry-editor .aj-save{font-size:11px;padding:13px}.aj-memory-control{display:block}.aj-memory-control .aj-subtle-link{display:block;width:fit-content}.aj-memory-control .aj-fineprint{font-size:9px}.aj-memory-toggle{font-size:10px}.aj-deck-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 25px}.aj-gallery-card:nth-child(even){padding-top:35px}.aj-gallery-card figcaption{gap:7px}.aj-gallery-card figcaption strong{font-size:19px}.aj-empty{grid-template-columns:100px 1fr;gap:25px;min-height:310px;padding:20px 0 40px}.aj-empty h2{font-size:35px}.aj-empty p{font-size:12px;margin:15px 0 20px}.aj-empty .aj-save{font-size:10px;padding:13px 14px}.aj-card-composition{display:flex;flex-direction:column;gap:37px;padding-top:5px;padding-bottom:30px}.aj-card-portrait{position:relative;top:auto;max-width:250px;margin-inline:auto!important}.aj-card-copy h1{font-size:66px;max-width:100%;margin:20px 0 35px}.aj-original-meaning{font-size:13px}.aj-personal-meanings{margin-top:30px}.aj-personal-meanings h2{font-size:34px}.aj-personal-meanings blockquote p{font-size:26px}.aj-card-history{padding-top:15px}.aj-card-history>h2{font-size:33px}.aj-footer{gap:14px 23px;margin-top:25px}.aj-footer>.aj-fineprint{flex-basis:100%}.aj-footer .aj-link,.aj-footer .aj-text-button{font-size:11px}.aj-recovery{padding:18px}.aj-back{margin-top:30px}.aj-history-entry h3{font-size:27px}} @media(prefers-reduced-motion:reduce){.aj-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.aj-mini-card:hover,.aj-gallery-card:hover img{transform:none}} .aj-page .aj-field>span{color:var(--aj-muted)} .checkin-reminder-host[hidden]{display:none}.checkin-reminder-host{grid-column:1/-1}.checkin-reminder{border-top:1px solid #81909b55;margin-top:20px;padding-top:0;color:#eee7d6;font-size:12px}.checkin-reminder>summary{cursor:pointer;min-height:44px;padding:17px 0;line-height:1.5}.checkin-reminder-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;margin-top:15px}.checkin-reminder-controls label{font-size:11px;color:#b3bfc5}.checkin-reminder-controls input{color-scheme:dark;background:#122638;border:1px solid #81909b88;color:#eee7d6;padding:9px 12px;font:inherit;min-height:44px;max-width:150px;border-radius:0}.checkin-reminder-controls button{font-size:11px;min-height:44px;padding:10px 0;margin:0;color:#eee7d6;border:0;border-bottom:1px solid #cdb582;background:none;cursor:pointer}.checkin-reminder :is(button,input,summary):focus-visible{outline:2px solid #cdb582;outline-offset:4px}.checkin-reminder-date{font-size:10px;line-height:1.6;color:#b3bfc5}.checkin-reminder .privacy-note{font-size:10px;line-height:1.7;color:#b3bfc5;margin:13px 0 0;max-width:560px}.checkin-reminder-status{font-size:11px;line-height:1.7;color:#cdb582;margin-top:14px!important}.checkin-reminder-status:empty{display:none}@media(max-width:650px){.checkin-reminder-controls{gap:10px 14px}.checkin-reminder-controls label{flex-basis:100%}.checkin-reminder-controls button{font-size:10px}.checkin-reminder>summary{font-size:11px}} /* A first visit has one invitation; organisation appears once there is a story. */ .aj-first-page{display:grid;grid-template-columns:160px minmax(0,1fr);gap:clamp(2rem,6vw,6rem);align-items:center;max-width:850px;text-align:left;margin:0 auto 4rem;padding:2rem 0} .aj-first-page .aj-empty-art{grid-column:1;width:160px;max-width:100%;margin:0;transform:rotate(-5deg)} .aj-first-copy h2{font:400 clamp(2.3rem,4vw,3.4rem)/1.05 'Cormorant Garamond',Georgia,serif;margin:0 0 1.2rem}.aj-first-copy>p{max-width:40ch;margin-bottom:1.6rem}.aj-first-copy>.aj-link{display:block;width:fit-content;margin-top:.9rem} .aj-question-histories{border-top:1px solid var(--rule);margin-top:3rem;padding-top:1rem}.aj-question-histories>summary{min-height:48px;cursor:pointer;font:400 1.6rem/1.4 'Cormorant Garamond',Georgia,serif;padding:1rem 0}.aj-question-histories .qh-journey{margin-top:1.5rem} .aj-deck-search{display:block;max-width:520px;margin:1.5rem 0 0;font-size:.75rem;color:var(--muted)}.aj-deck-search input{display:block;width:100%;min-height:50px;border:1px solid var(--rule);background:#102337;color:var(--ink);font:inherit;font-size:.85rem;padding:1rem;margin-top:.6rem}.aj-deck-search input:focus-visible{outline:2px solid var(--gold);outline-offset:3px}.aj-search-status{min-height:1rem;margin:1rem 0;color:var(--muted);font-size:.75rem}.aj-search-status:empty{margin:.75rem 0}.aj-search-empty{padding:3rem 0;color:var(--muted)}.aj-search-empty button{margin-top:1rem}.aj-page [hidden]{display:none!important} .aj-card-pagination{display:flex;justify-content:space-between;gap:2rem;border-top:1px solid var(--rule);padding:2rem 0;margin-top:3rem}.aj-card-neighbor{display:flex;align-items:center;gap:1rem;max-width:48%;font-size:.82rem;line-height:1.6}.aj-card-neighbor img{width:45px;height:auto;border-radius:2px}.aj-card-neighbor:hover{color:var(--gold)} @media(max-width:600px){.aj-first-page{grid-template-columns:90px minmax(0,1fr);gap:1.5rem}.aj-first-page .aj-empty-art{width:90px}.aj-first-copy h2{font-size:2.4rem}.aj-first-copy>p{font-size:.8rem}.aj-card-pagination{gap:1rem}.aj-card-neighbor{align-items:flex-start;font-size:.7rem;gap:.6rem}.aj-card-neighbor img{width:32px}} .aj-first-page .aj-empty-art{grid-row:1}.aj-first-copy{grid-column:2;grid-row:1}.aj-empty:not(.aj-first-page)>.aj-text-button{grid-column:2;margin-top:1rem} .aj-page:has(.aj-first-page) .aj-intro{padding-top:50px;padding-bottom:35px}.aj-first-page{min-height:300px}.aj-page:has(.aj-first-page) .aj-intro h1{font-size:clamp(58px,6.5vw,94px)} /* Question planning has its own readable document flow. The approved home stage is unchanged. */ body[data-view=question] #hero-region{height:auto;min-height:100svh} body[data-view=question] #stage{position:relative;inset:auto;min-height:100svh;overflow:hidden} body[data-view=question] #question-view{position:relative;left:auto;right:auto;top:auto;width:min(42rem,58%);max-width:none;margin:0;padding:10rem 0 5rem;margin-left:var(--gutter)} body[data-view=question] #motion-stage{position:fixed;inset:0;opacity:.22;pointer-events:none} body[data-view=question] #question-view h2{font-size:clamp(3rem,5vw,5rem)} body[data-view=question] #question-view>p{max-width:37rem} body[data-view=question] #stage:after{background:linear-gradient(90deg,#071725df,#07172599 55%,transparent)} body[data-view=question] #question-coach{margin:1.5rem 0} body[data-view=journey] #hero-region,body[data-view=my-deck] #hero-region{display:none} .almanac-links{display:flex;gap:1rem;flex-wrap:wrap;margin-bottom:2.5rem} .almanac-links a{padding:1rem 1.35rem;border:1px solid #c8b58860;border-radius:5px;background:#e4d8bd08;min-height:48px;color:var(--ink);font-size:.85rem} .almanac-links a:hover{background:#e4d8bd18;border-color:#c8b588} .backup-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem} .backup-panel{padding:1.5rem 0;max-width:34rem} .backup-panel p{font-size:.8rem;line-height:1.8;color:var(--muted);margin-bottom:1rem} .backup-panel .solid-action{margin-right:1rem} .backup-status{font-size:.8rem;line-height:1.7;max-width:36rem;margin-top:.7rem} @media(max-width:800px){body[data-view=question] #question-view{width:auto;margin:0;padding:8rem var(--gutter) 4rem}body[data-view=question] #motion-stage{opacity:.09}body[data-view=question] #stage:after{background:#07172580}.almanac-links a{flex:1;min-width:10rem;text-align:center}.backup-actions{display:block}} #question-form:has(.question-coach[open])>button[type=submit]{display:none} #question-view textarea{font-family:"DM Sans",Arial,sans-serif} body[data-view=physical] #hero-region{display:none} .physical-page{background:var(--base);min-height:100svh} .physical-page .page-top{max-width:1260px;margin:auto} .physical-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(3rem,10vw,9rem);max-width:1120px;margin:3rem auto 0;align-items:start} .physical-introduction h1{font:400 clamp(3rem,5vw,5rem)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;white-space:pre-line;margin:1rem 0 1.5rem} .physical-lede{max-width:40ch;color:var(--muted);font-size:.875rem;line-height:1.85} .physical-card-preview{margin:3rem 0 0;max-width:260px;perspective:1000px} .physical-card-preview img{display:block;width:100%;height:auto;aspect-ratio:958/1644;object-fit:cover;border-radius:3.86%/2.25%;box-shadow:1px 2px 0 #a5937166,8px 15px 22px #0109115c;transform:rotate(-4deg)} .physical-card-preview img[data-orientation=reversed]{rotate:180deg} .physical-card-preview figcaption{font-size:.71rem;line-height:1.75;color:var(--muted);margin:1.5rem 0 0;text-align:center} .physical-form>label{display:block;margin:1.3rem 0 .6rem;font-size:.75rem;line-height:1.7;color:var(--ink)} .physical-form>.physical-card-label{margin-top:0;font:400 1.85rem/1.2 'Cormorant Garamond',Georgia,serif;margin-bottom:1.1rem} .physical-form label>span{color:var(--muted);font-size:.67rem} .physical-search,.physical-card-select{display:block;width:100%;min-height:3.25rem;color:var(--ink);background:#081626;border:1px solid var(--rule);border-radius:0;font:400 .875rem/1.5 'DM Sans',sans-serif;padding:.8rem 1rem} .physical-search{margin-bottom:.7rem}.physical-search::placeholder{color:var(--muted);opacity:.85;font-size:.76rem} .physical-card-select{cursor:pointer;color-scheme:dark;padding-right:2.2rem} .physical-search:focus-visible,.physical-card-select:focus-visible{outline:1px solid var(--gold);outline-offset:3px} .physical-search-status{font-size:.67rem;line-height:1.6;color:var(--muted);min-height:1.5em;margin:.65rem 0 0} .physical-orientation{display:flex;flex-wrap:wrap;gap:.8rem 1.5rem;border-bottom:1px solid var(--rule);padding:0 0 1.5rem;margin:1.5rem 0 1.8rem} .physical-orientation legend{font-size:.73rem;line-height:1.6;color:var(--ink);margin-bottom:.75rem} .physical-orientation label{display:flex;align-items:center;gap:.6rem;min-height:40px;cursor:pointer} .physical-orientation input{width:1rem;height:1rem;margin:0;accent-color:var(--gold)} .physical-orientation label>span{font-size:.8rem;color:var(--muted)} .physical-orientation input:checked+span{color:var(--ink)} .physical-form textarea{display:block;min-height:7rem;max-height:20rem;font-family:'DM Sans',sans-serif;font-size:.95rem;line-height:1.7} .physical-form>.solid-action{width:100%;text-align:left;margin-top:1.4rem} .physical-save-status{font-size:.8rem;line-height:1.7;color:var(--ink);margin:.75rem 0 0}.physical-save-status:empty{display:none} .physical-form .privacy-note{font-size:.67rem;line-height:1.8;margin-top:1rem;max-width:50ch} .physical-source{border-top:1px solid var(--rule);padding-top:1rem;margin-top:1.5rem;font-size:.66rem;line-height:1.8;color:var(--muted)} @media(max-width:750px){.physical-layout{grid-template-columns:minmax(0,1fr);margin-top:2rem;gap:2.5rem}.physical-introduction{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:0 1.5rem}.physical-introduction>.eyebrow,.physical-introduction>h1,.physical-introduction>.physical-lede{grid-column:1}.physical-introduction h1{font-size:clamp(2.7rem,8vw,3.8rem);margin:1rem 0}.physical-lede{font-size:.8rem;line-height:1.8}.physical-card-preview{grid-column:2;grid-row:1/span 3;align-self:center;margin:0;width:90px}.physical-card-preview figcaption{font-size:.58rem;line-height:1.5;margin-top:.9rem;overflow-wrap:anywhere}.physical-form{max-width:100%}.physical-form>.physical-card-label{font-size:1.7rem}.physical-source{margin-bottom:1rem}} @media(max-width:390px){.physical-introduction{grid-template-columns:minmax(0,1fr) 70px;gap:0 1rem}.physical-card-preview{width:70px}.physical-introduction h1{font-size:2.5rem}.physical-introduction>.eyebrow{font-size:.55rem}.physical-search::placeholder{font-size:.69rem}} /* Choose the actual image directly; the full name list remains available. */ .physical-card-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 14px;margin:1.1rem 0 1.5rem} .physical-card-result{display:flex;flex-direction:column;align-items:center;gap:10px;padding:10px 6px 12px;border:1px solid transparent;min-width:0;transition:background 180ms ease,border-color 180ms ease} .physical-card-result img{display:block;width:clamp(54px,7vw,76px);height:auto;aspect-ratio:7/12;border-radius:3px;transition:transform 220ms var(--ease-glide)} .physical-card-result>span{font-size:.72rem;line-height:1.4;color:var(--muted);text-align:center} .physical-card-result:hover img,.physical-card-result:focus-visible img{transform:translateY(-5px)} .physical-card-result[aria-pressed=true]{border-color:var(--gold);background:#c5af7f12}.physical-card-result[aria-pressed=true]>span{color:var(--ink)} .physical-card-result:focus-visible{outline:2px solid var(--gold);outline-offset:3px} .physical-browse,.physical-note-details{border-top:1px solid var(--rule)} .physical-browse summary,.physical-note-details summary{cursor:pointer;min-height:48px;padding:14px 0;font-size:.76rem;color:var(--ink)} .physical-browse select{margin:0 0 1rem}.physical-note-details label{display:block;margin:.65rem 0;font-size:.75rem}.physical-note-details textarea{margin-bottom:1rem} .physical-choice-status{font-size:.74rem;line-height:1.75;color:var(--gold);margin-top:.8rem}.physical-choice-status:empty{display:none} @media(max-width:750px){.physical-card-results{grid-template-columns:repeat(3,minmax(0,1fr))}.physical-card-result img{width:64px}} @media(prefers-reduced-motion:reduce){.physical-card-result,.physical-card-result img{transition:none}} .physical-card-results.is-searching{max-height:30rem;overflow-y:auto;padding:6px;scrollbar-width:thin;scrollbar-color:var(--gold) transparent} /* Dated question histories: quiet editorial rows, chosen connections, enduring words. */ .qh-journey,.qh-reading-control{--qh-ink:#eee7d6;--qh-muted:#b3bfc5;--qh-line:#81909b55;--qh-gold:#cdb582;color:var(--qh-ink)} .qh-journey{padding-bottom:50px;margin-bottom:70px;border-bottom:1px solid var(--qh-line)} .qh-section-top{display:grid;grid-template-columns:1fr minmax(230px,.7fr);gap:20px 8%;align-items:end;margin-bottom:30px}.qh-section-top h2{font-size:clamp(32px,4vw,52px);line-height:1.05}.qh-help{font-size:13px;line-height:1.75;color:var(--qh-muted);max-width:640px}.qh-fineprint{font-size:10px;line-height:1.65;color:var(--qh-muted)} .qh-field{display:flex;flex-direction:column;gap:9px;font-size:11px;line-height:1.5;min-width:0}.qh-field>span{color:var(--qh-muted)}.qh-field :is(input,select),.qh-journey .aj-field :is(input,textarea){width:100%;min-width:0;max-width:100%;color:var(--qh-ink);background:#122638;border:1px solid #81909b88;border-radius:0;padding:12px;font:inherit;font-size:13px;min-height:46px;color-scheme:dark}.qh-field input::placeholder{color:var(--qh-muted);opacity:1}.qh-field[hidden]{display:none}.qh-story-selector{max-width:650px}.qh-primary{width:fit-content;min-height:46px;padding:13px 21px;border:1px solid var(--qh-ink);border-radius:0;background:var(--qh-ink);color:#0b192a;font:inherit;font-size:12px;line-height:1.5;cursor:pointer;touch-action:manipulation}.qh-primary:hover{background:#fff3da}.qh-status{font-size:12px;line-height:1.65;color:var(--qh-gold);overflow-wrap:anywhere}.qh-status:empty{display:none}.qh-create{margin-top:23px}.qh-create-form,.qh-connect-form,.qh-link-form{display:grid;gap:18px;max-width:650px;padding:12px 0 8px}.qh-create-form>.qh-status,.qh-link-form>.qh-status{grid-column:1/-1}.qh-story{margin-top:40px}.qh-story-heading{margin-bottom:32px;max-width:800px}.qh-story-heading h3{font-size:clamp(34px,4.5vw,60px);line-height:1.08;white-space:pre-wrap;overflow-wrap:anywhere;margin-top:12px}.qh-history-list{margin:0;padding:0;list-style:none}.qh-history-item{display:grid;grid-template-columns:minmax(120px,.36fr) 1fr;gap:35px;padding:28px 0;border-top:1px solid var(--qh-line)}.qh-history-date{font-size:11px;line-height:1.8;color:var(--qh-muted)}.qh-history-copy{max-width:720px;min-width:0}.qh-history-copy h4{font-family:'Cormorant Garamond',Georgia,serif;font-size:28px;line-height:1.2;font-weight:400;margin:8px 0 18px;white-space:pre-wrap;overflow-wrap:anywhere}.qh-history-cards{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0}.qh-history-cards a{display:block;width:clamp(53px,8vw,85px)}.qh-history-cards img{width:100%;aspect-ratio:2/3;object-fit:cover;border-radius:4px}.qh-history-cards [data-orientation=reversed] img{transform:rotate(180deg)}.qh-observation+.qh-observation{margin-top:24px}.qh-observation h4{font-family:'DM Sans',sans-serif;font-size:10px;line-height:1.6;text-transform:uppercase;letter-spacing:.075em;color:var(--qh-muted);margin:15px 0 8px}.qh-observation p{font-size:14px;line-height:1.75;white-space:pre-wrap;overflow-wrap:anywhere}.qh-observation-editor,.qh-add-reading{border-top:1px solid var(--qh-line)}.qh-observation-editor{margin-top:20px}.qh-journey summary,.qh-reading-control summary{cursor:pointer;list-style:revert;min-height:48px;padding:15px 0;font-size:12px;line-height:1.6;width:fit-content}.qh-observation-form{display:grid;grid-template-columns:1fr 1fr;gap:22px;max-width:750px;padding:8px 0 30px}.qh-observation-form>.qh-help,.qh-observation-form>.qh-status{grid-column:1/-1}.qh-observation-form .aj-field:has(textarea){grid-column:1/-1}.qh-reading-control{border-top:1px solid var(--qh-line);margin-top:22px}.qh-control-content{padding-bottom:16px}.qh-story-link{display:block;width:fit-content;max-width:100%;padding:10px 0;color:var(--qh-ink);font-size:12px;line-height:1.6;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}.qh-reading-control .qh-fineprint{margin-top:15px}.qh-reading-control :is(button,input,select){font-family:inherit}.qh-reading-control :is(a,button,input,select,summary):focus-visible,.qh-journey :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid var(--qh-gold);outline-offset:5px}.qh-reading-control [disabled],.qh-journey [disabled]{opacity:.55;cursor:not-allowed}.aj-topic-heading{margin:0 0 27px}.aj-topic-heading h2{font-size:clamp(30px,3.5vw,43px);line-height:1.12;margin-bottom:12px}.aj-topic-heading p{font-size:12px;color:var(--aj-muted);max-width:620px} @media(max-width:650px){.qh-section-top{grid-template-columns:1fr;gap:14px}.qh-journey{margin-bottom:44px;padding-bottom:35px}.qh-story{margin-top:30px}.qh-history-item{grid-template-columns:1fr;gap:13px;padding:24px 0}.qh-story-heading h3{font-size:37px}.qh-history-copy h4{font-size:26px}.qh-observation h4{font-size:10px}.qh-observation p{font-size:13px}.qh-history-cards{gap:8px}.qh-history-cards a{width:57px}.qh-observation-form{grid-template-columns:1fr;gap:20px}.qh-section-top h2{font-size:36px}.qh-reading-control .qh-primary{font-size:11px;padding:12px 17px}.qh-reading-control .qh-help{font-size:12px}} .lunar-checkin{display:flex;flex-wrap:wrap;gap:12px;margin:18px 0 26px}.lunar-checkin>p,.lunar-checkin>small{flex:0 0 100%;margin:0;color:#b6c1c8;font-size:12px}.lunar-checkin>small{font-size:11px}.lunar-date{display:flex;align-items:center;gap:13px;text-align:left;padding:12px 20px;background:#112b40;border:1px solid #8d7d5b66;color:#eee4cf;cursor:pointer;min-height:56px}.lunar-date:hover,.lunar-date[aria-pressed=true]{background:#20384b;border-color:#c4ac7a}.lunar-date:focus-visible{outline:2px solid #ead6a8;outline-offset:4px}.lunar-date>span:last-child{display:grid;gap:4px}.lunar-date strong{font-weight:400;font-size:13px}.lunar-date span span{color:#c1b899;font-size:11px}.lunar-disc{display:block;width:27px;height:27px;border:1px solid #ccbc94;border-radius:50%}.lunar-disc.full{background:#e2d6b8;box-shadow:inset -4px -3px 0 #ae9d79}.lunar-disc.new{background:#091827;box-shadow:inset 2px 0 0 #c2ad7d} .first-impression{border-left:1px solid #b6a479;padding:4px 0 5px 24px;margin:28px 0;color:#e7ddc8}.first-impression label{display:block;font:400 27px/1.2 'Cormorant Garamond',serif}.first-impression textarea{display:block;width:100%;box-sizing:border-box;margin-top:16px;padding:15px;background:#12273a;border:1px solid #71818a;color:#ede4d2;font:14px/1.65 'DM Sans',sans-serif;resize:vertical}.first-impression-help,.first-impression small{font-size:12px;line-height:1.7;color:#aebac3}.first-impression blockquote{font:italic 25px/1.35 'Cormorant Garamond',serif;margin:16px 0}.first-impression .save-actions{gap:12px;flex-wrap:wrap}.first-impression-status:empty{display:none}.first-impression button:disabled{opacity:.45;cursor:default}.first-impression textarea:focus-visible,.first-impression button:focus-visible{outline:2px solid #c4b083;outline-offset:3px} /* An open study table: full artwork, quiet captions, and room to compare. */ .st-page{--st-paper:#eee5d4;--st-muted:#bec8cc;--st-gold:#d2bb8c;--st-line:#d4c39d38;color:var(--st-paper);background:#0d1d2e;padding-bottom:5rem} .st-page [hidden]{display:none!important}.st-page :is(button,a,input,[tabindex="0"]):focus-visible{outline:2px solid var(--st-gold);outline-offset:5px}.st-page .page-top{max-width:1380px;margin-inline:auto;border-bottom:1px solid var(--st-line)}.st-page .page-top nav{gap:2rem;font-size:12px}.st-page .st-text-link{display:inline-flex;align-items:center;min-height:44px;font-size:12px;line-height:1.6;text-decoration:none;border-bottom:1px solid var(--st-line);padding:8px 0;width:fit-content}.st-page .st-text-link:hover{color:var(--st-gold);border-color:var(--st-gold)} .st-intro{max-width:1380px;margin:0 auto;padding:64px 0 49px;display:grid;grid-template-columns:1.2fr .8fr;gap:30px 80px;align-items:end}.st-intro h1{font:400 clamp(57px,6.8vw,104px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:17px 0 0;max-width:850px}.st-introduction{font-size:14px;line-height:1.9;max-width:370px;color:var(--st-muted);padding-bottom:5px} .st-trail-nav{max-width:1380px;margin:0 auto;display:flex;gap:clamp(25px,6vw,90px);border-bottom:1px solid var(--st-line);overflow-x:auto;scrollbar-width:thin;scrollbar-color:var(--st-gold) transparent}.st-trail-tab{display:flex;align-items:baseline;gap:16px;padding:20px 0;min-height:65px;position:relative;white-space:nowrap;font:400 clamp(23px,2.6vw,35px)/1.25 'Cormorant Garamond',Georgia,serif;color:var(--st-muted)}.st-trail-tab::after{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--st-gold);transform:scaleX(0);transform-origin:left;transition:transform 220ms ease}.st-trail-tab[aria-pressed=true]{color:var(--st-paper)}.st-trail-tab[aria-pressed=true]::after{transform:scaleX(1)}.st-trail-number{font:400 10px/1 'DM Sans',sans-serif;letter-spacing:.08em;color:var(--st-gold)} .st-content{max-width:1380px;margin:0 auto}.st-trail-heading{display:grid;grid-template-columns:1fr auto;gap:24px 45px;padding:48px 0 42px;align-items:end}.st-trail-heading h2{font:400 clamp(32px,4vw,51px)/1.1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.025em;margin:0 0 14px}.st-trail-heading>div>p{font-size:13px;line-height:1.8;color:var(--st-muted);max-width:620px}.st-mode-controls{display:flex;align-items:stretch;border:1px solid var(--st-line);align-self:end}.st-mode-button{font-size:11px;line-height:1.5;padding:13px 17px;min-height:46px;color:var(--st-muted);transition:background 160ms ease,color 160ms ease}.st-mode-button[aria-pressed=true]{background:var(--st-paper);color:#132638}.st-mode-button:hover:not([aria-pressed=true]){background:#20364b;color:var(--st-paper)} .st-study{display:grid;grid-template-columns:minmax(220px,.95fr) minmax(0,1fr);gap:clamp(50px,10vw,170px);align-items:start;max-width:1120px;margin:0 auto}.st-page figure{margin:0}.st-study-figure{max-width:420px;align-self:start}.st-artwork{position:relative;aspect-ratio:7/12;display:grid;place-items:center;width:100%;background:#102235}.st-artwork>img{display:block;width:100%;height:auto;aspect-ratio:7/12;object-fit:contain;border-radius:2.1%/1.2%;box-shadow:0 18px 46px #03101e55}.st-study-figure>figcaption{display:flex;justify-content:space-between;gap:14px;align-items:baseline;font-size:11px;line-height:1.6;padding:19px 0;color:var(--st-muted)}.st-art-position{color:var(--st-gold);font-size:10px;white-space:nowrap}.st-artwork-error{font-size:13px;line-height:1.8;max-width:260px;padding:24px;text-align:center;color:var(--st-muted)}.st-artwork-error .st-text-link{margin-top:20px;color:var(--st-paper)} .st-study-copy{padding-top:38px}.st-study-copy>h3{font:400 clamp(42px,4.5vw,67px)/1.01 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:20px 0 38px;max-width:490px}.st-observation h4,.st-reflection h4{font:400 10px/1.5 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--st-gold);margin:0 0 14px}.st-observation>p{font-size:14px;line-height:1.9;color:var(--st-muted)}.st-observation .st-detail-location{font-size:11px;line-height:1.8;margin-top:17px;padding-left:16px;border-left:1px solid var(--st-gold);color:var(--st-paper)}.st-detail-location>span{color:var(--st-muted)}.st-reflection{border-top:1px solid var(--st-line);margin-top:30px;padding-top:24px}.st-reflection>p{font:400 clamp(25px,2.4vw,34px)/1.3 'Cormorant Garamond',Georgia,serif;max-width:520px}.st-study-copy>.st-text-link{margin-top:18px}.st-card-nav{display:flex;flex-direction:column;gap:0;align-items:stretch;margin-top:35px;border-top:1px solid var(--st-line);font-size:12px}.st-card-choice{display:grid;grid-template-columns:23px 1fr 18px;gap:15px;text-align:left;align-items:center;min-height:51px;line-height:1.6;border-bottom:1px solid var(--st-line);padding:12px 0;color:var(--st-muted)}.st-card-choice[aria-pressed=true],.st-card-choice:hover{color:var(--st-paper)}.st-card-choice[aria-pressed=true] .st-card-choice-number{color:var(--st-gold)}.st-card-choice-number{font-size:9px}.st-card-choice-arrow{opacity:0;transition:opacity 160ms ease}.st-card-choice[aria-pressed=true] .st-card-choice-arrow,.st-card-choice:hover .st-card-choice-arrow{opacity:1;color:var(--st-gold)} .st-compare-choices{border:0;padding:0;margin:0 0 36px;display:flex;gap:16px 30px;flex-wrap:wrap}.st-compare-choices legend{font-size:11px;color:var(--st-muted);margin-bottom:14px}.st-compare-choices label{display:flex;align-items:center;gap:10px;min-height:44px;font-size:12px;cursor:pointer}.st-compare-choices input{width:17px;height:17px;margin:0;accent-color:var(--st-gold);cursor:pointer}.st-compare-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(25px,4.7vw,72px);align-items:start;max-width:1180px;margin-inline:auto}.st-compare-gallery[data-count="2"]{grid-template-columns:repeat(2,minmax(0,1fr));max-width:850px;gap:clamp(35px,6vw,100px)}.st-compare-figure h3{font:400 clamp(29px,3vw,40px)/1.12 'Cormorant Garamond',Georgia,serif;letter-spacing:-.02em;margin:25px 0 14px}.st-compare-detail{font-size:13px;line-height:1.75;color:var(--st-paper)}.st-compare-observation{font-size:12px;line-height:1.85;color:var(--st-muted);margin-top:16px}.st-compare-figure .st-text-link{margin-top:13px}.st-comparison-note{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,8vw,125px);margin-top:55px;padding-top:32px;border-top:1px solid var(--st-line)}.st-comparison-note h3{margin:0 0 16px}.st-comparison-note>div:first-child>p{font-size:14px;line-height:1.9;color:var(--st-muted);max-width:590px}.st-comparison-note>div:last-child>p{font:400 clamp(26px,2.7vw,37px)/1.25 'Cormorant Garamond',Georgia,serif;max-width:550px}.st-swipe-hint{display:none}.st-footer{display:flex;gap:30px;align-items:center;justify-content:space-between;max-width:1380px;margin:70px auto 0;border-top:1px solid var(--st-line);padding-top:28px}.st-footer>p{font-size:11px;line-height:1.8;color:var(--st-muted);max-width:490px}.st-footer>.st-text-link{flex-shrink:0} @media(min-width:1000px){.st-compare-gallery[data-count="3"] .st-compare-figure:nth-child(2){padding-top:40px}} @media(max-width:1000px){.st-intro{gap:35px;grid-template-columns:1.15fr .85fr}.st-intro h1{font-size:70px}.st-study{gap:50px}.st-study-copy{padding-top:10px}.st-study-copy>h3{font-size:49px;margin-bottom:28px}.st-trail-heading{grid-template-columns:1fr}.st-mode-controls{width:fit-content}.st-compare-gallery{gap:27px}.st-reflection>p{font-size:29px}} @media(max-width:680px){.st-page{padding-inline:22px;padding-bottom:48px}.st-page .page-top{gap:20px;min-height:86px}.st-page .page-top nav{gap:14px;flex-wrap:wrap;justify-content:flex-end;max-width:185px;font-size:10px}.st-page .brand{font-size:25px}.st-intro{grid-template-columns:1fr;gap:25px;padding:43px 0 26px}.st-intro h1{font-size:clamp(49px,14vw,75px);margin-top:15px}.st-introduction{font-size:12px;line-height:1.9;max-width:440px}.st-trail-nav{gap:24px;overflow:visible;flex-wrap:wrap;row-gap:0}.st-trail-tab{font-size:25px;gap:10px;min-height:62px;padding:17px 0}.st-trail-number{font-size:9px}.st-trail-heading{padding:29px 0 30px;gap:21px}.st-trail-heading h2{font-size:36px;margin-bottom:12px}.st-trail-heading>div>p{font-size:12px;line-height:1.8}.st-mode-button{font-size:11px;padding:13px 15px}.st-study{grid-template-columns:1fr;gap:30px}.st-study-figure{width:min(100%,345px);justify-self:center}.st-study-copy{padding:0}.st-study-copy>h3{font-size:46px;margin:18px 0 27px;max-width:450px}.st-observation>p{font-size:13px;line-height:1.85}.st-reflection{margin-top:24px;padding-top:22px}.st-reflection>p{font-size:29px;max-width:470px}.st-card-nav{margin-top:23px}.st-compare-choices{gap:3px 22px;margin-bottom:17px}.st-compare-choices label{font-size:11px}.st-swipe-hint{display:block;font-size:10px;color:var(--st-gold);line-height:1.8;margin-bottom:19px}.st-compare-gallery,.st-compare-gallery[data-count="2"]{display:flex;gap:25px;overflow-x:auto;padding:7px 7px 23px;margin-inline:-7px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:var(--st-gold) #203348}.st-compare-figure{flex:0 0 min(76vw,345px);min-width:0;scroll-snap-align:start}.st-compare-figure h3{font-size:33px;margin-top:22px}.st-compare-detail{font-size:12px}.st-compare-observation{font-size:11px}.st-comparison-note{grid-template-columns:1fr;gap:27px;margin-top:33px;padding-top:26px}.st-comparison-note>div:first-child>p{font-size:12px}.st-comparison-note>div:last-child>p{font-size:31px}.st-footer{display:block;margin-top:42px;padding-top:24px}.st-footer>p{font-size:10px}.st-footer>.st-text-link{margin-top:18px;font-size:11px}} @media(prefers-reduced-motion:reduce){.st-page *{transition:none!important;animation:none!important;scroll-behavior:auto!important}.st-compare-gallery{scroll-snap-type:none}} .st-study{row-gap:30px}.st-study-figure{grid-column:1;grid-row:1/3}.st-study-copy{grid-column:2;grid-row:1}.st-card-nav{grid-column:2;grid-row:2;margin-top:0} @media(max-width:680px){.st-study-figure{grid-column:1;grid-row:2}.st-study-copy{grid-column:1;grid-row:3}.st-card-nav{grid-column:1;grid-row:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:0}.st-card-choice{display:flex;flex-direction:column;gap:8px;align-items:flex-start;padding:14px 0;font-size:11px}.st-card-choice-arrow{display:none}} body[data-view=symbols] #hero-region{display:none} .st-continue{display:block;width:fit-content;max-width:100%;padding:16px 22px;min-height:48px;text-align:left;line-height:1.65;font-size:12px;background:var(--st-paper);color:#132638;margin-top:28px;transition:background 160ms ease,transform 160ms ease} .st-continue:hover{background:#fff2d5;transform:translateY(-2px)}.st-study-copy>.st-text-link{font-size:11px;opacity:.85} @media(prefers-reduced-motion:reduce){.st-continue:hover{transform:none}} /* ——— v2: an index of symbols, each shown as a magnified detail of its card ——— */ @property --lx{syntax:"";inherits:false;initial-value:50} @property --ly{syntax:"";inherits:false;initial-value:50} .st-loupe{display:block;flex:none;border-radius:50%;background-color:#102235;background-repeat:no-repeat;box-shadow:0 0 0 1px #d4c39d59,0 10px 26px #03101e66,inset 0 0 0 1px #0003} .st-trail-index{max-width:1380px;margin:0 auto;display:grid;gap:26px;padding-bottom:40px;border-bottom:1px solid var(--st-line)} .st-trail-group-title{margin:0 0 12px;font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:var(--st-gold)} .st-trail-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(212px,1fr));gap:12px} .st-trail-tile{display:flex;align-items:center;gap:14px;min-height:84px;padding:12px 14px;border-radius:16px;background:#162c40cc;box-shadow:inset 0 1px 0 #c9d7d81a;text-align:left;color:var(--st-muted);transition:background-color var(--dur-control) var(--ease-control),color var(--dur-control) var(--ease-control),translate var(--dur-press) var(--ease-control)} .st-tile-loupe{width:58px;height:58px;transition:transform var(--dur-arrive) var(--ease-settle),box-shadow var(--dur-arrive) var(--ease-settle)} .st-trail-words{display:grid;gap:3px;min-width:0} .st-trail-name{font:400 23px/1.1 'Cormorant Garamond',Georgia,serif;color:var(--st-paper);overflow-wrap:anywhere} .st-trail-count{font-size:10px;letter-spacing:.08em;color:var(--st-gold)} .st-trail-tile[aria-pressed=true]{background:#eddfc2;color:#172d3d;box-shadow:inset 0 1px 0 #fff5de,0 6px 18px #0003} .st-trail-tile[aria-pressed=true] .st-trail-name{color:#172d3d} .st-trail-tile[aria-pressed=true] .st-trail-count{color:#6d5a35} .st-trail-tile:active{translate:0 1px} @media(hover:hover){.st-trail-tile:hover:not([aria-pressed=true]){background:#1f3a52;color:var(--st-paper)}.st-trail-tile:hover .st-tile-loupe{transform:scale(1.06)}} .st-trail-heading>div>.eyebrow{margin:0 0 10px} .st-loading{min-height:40vh;display:grid;place-content:center;justify-items:center;gap:18px;text-align:center;color:var(--st-muted);font-size:14px} .st-study-copy .st-reflection>p{font:400 clamp(21px,1.75vw,25px)/1.48 'Cormorant Garamond',Georgia,serif;max-width:540px} .st-study-copy>.st-continue+.st-text-link{margin-left:12px;font-size:13px} /* The chosen card: a lens settles on the symbol, a pin marks its centre. */ .st-artwork{overflow:hidden;border-radius:2.1%/1.2%} .st-lens{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at calc(var(--lx)*1%) calc(var(--ly)*1%),transparent 0,transparent 12%,#030b18a8 32%);animation:st-lens-in 900ms var(--ease-glide) both} .st-pin{position:absolute;width:34px;height:34px;margin:-17px 0 0 -17px;border-radius:50%;border:1px solid #f0dcaecc;box-shadow:0 0 0 6px #e6cf9e1f,0 0 26px #e6cf9e59;pointer-events:none;animation:st-pin-in 900ms var(--ease-glide) 120ms both} @keyframes st-lens-in{from{opacity:0}to{opacity:1}} @keyframes st-pin-in{from{opacity:0;transform:scale(1.8)}to{opacity:1;transform:none}} .st-card-choice{grid-template-columns:40px 1fr 18px} .st-choice-loupe{width:34px;height:34px} /* See it change: the same symbol, magnified, card after card. */ .st-loupe-row{list-style:none;margin:0 auto;padding:0;max-width:1180px;display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,210px));justify-content:center;gap:34px 26px} .st-loupe-card{display:grid;justify-items:center;gap:10px;width:100%;text-align:center;color:var(--st-paper);padding:0} .st-compare-loupe{width:min(150px,100%);height:auto;aspect-ratio:1;transition:transform var(--dur-arrive) var(--ease-settle),box-shadow var(--dur-arrive) var(--ease-settle)} .st-loupe-card-name{font:400 24px/1.15 'Cormorant Garamond',Georgia,serif} .st-loupe-symbol{font-size:11px;letter-spacing:.06em;color:var(--st-gold)} .st-loupe-seen{margin:10px 0 0;font-size:12px;line-height:1.75;color:var(--st-muted);text-align:center} @media(hover:hover){.st-loupe-card:hover .st-compare-loupe{transform:scale(1.05);box-shadow:0 0 0 1px #e6cf9e99,0 14px 32px #03101e80}} @media(max-width:680px){ .st-trail-index{gap:20px;padding-bottom:28px} .st-trail-tiles{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:22px;gap:10px;margin-inline:-22px;padding:0 22px 4px;scrollbar-width:none} .st-trail-tile{flex:0 0 auto;scroll-snap-align:start;min-height:74px;padding:10px 14px 10px 10px} .st-tile-loupe{width:50px;height:50px} .st-trail-name{font-size:21px} .st-choice-loupe{width:30px;height:30px} .st-loupe-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px} .st-loupe-card-name{font-size:20px} .st-pin{width:26px;height:26px;margin:-13px 0 0 -13px} .st-card-nav{display:flex;flex-direction:row;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:22px;gap:14px;margin-inline:-22px;padding:0 22px 6px;scrollbar-width:none;border-top:0} .st-card-choice{flex:0 0 auto;width:92px;scroll-snap-align:start;border-bottom:0} } @media(prefers-reduced-motion:reduce){.st-lens,.st-pin{animation:none}} @media(forced-colors:active){.st-trail-tile{border:1px solid ButtonText}.st-trail-tile[aria-pressed=true]{outline:3px solid Highlight;outline-offset:2px}.st-pin{border-color:Highlight}} /* A visual introduction to the real practice. Everything is scoped below the locked hero. */ #home-content.home-showcase{--home-ink:#eee5d4;--home-copy:#bdc8ce;--home-gold:#c7b28c;--home-rule:#c7b28c36;background:#0b192a;color:var(--home-ink);overflow:clip} .home-showcase section{position:relative;isolation:isolate} .home-showcase h2{font:400 clamp(2.8rem,4.7vw,5.35rem)/.98 'Cormorant Garamond',serif;letter-spacing:-.035em} .home-showcase h2 em{font-weight:400} .home-showcase h3{font-family:'Cormorant Garamond',serif;font-weight:400} .home-kicker{font:.625rem/1.6 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:var(--home-gold);margin-bottom:1.5rem} .home-mini-label{font:.57rem/1.7 'DM Sans',sans-serif;letter-spacing:.13em;text-transform:uppercase;color:var(--home-gold);display:block} .home-body{font-size:.875rem;line-height:1.85;color:var(--home-copy);max-width:29rem} .home-link{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:52px;padding:.65rem 0;border-bottom:1px solid #c7b28c70;font-size:.75rem;line-height:1.55;width:max-content;max-width:100%;transition:color .2s} .home-link i{font-style:normal;font-size:1.3rem;transition:transform .3s} .home-link:hover{color:#f5d8a2}.home-link:hover i{transform:translate(3px,-3px)} .home-showcase a:focus-visible,.home-showcase button:focus-visible{outline:2px solid #e4c896;outline-offset:6px} .home-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem}.home-section-heading>.home-link{margin-bottom:.4rem;flex-shrink:0} #home-content #discover.home-practice{padding:clamp(4.5rem,7vw,7rem) var(--gutter) 4.6rem;background:radial-gradient(ellipse at 56% 60%,#304b6329,transparent 68%)} .home-ritual-scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1.5rem,4.4vw,5rem);list-style:none;padding:0;margin:2rem 0 0} .home-ritual-scenes>li{min-width:0} .home-scene{height:clamp(19rem,25vw,26rem);display:block;position:relative;isolation:isolate} .home-question-paper{position:absolute;width:92%;max-width:23rem;top:50%;left:50%;padding:2rem 1.8rem 2.6rem;background:#e8e0ce;color:#1b3445;transform:translate(-50%,-50%) rotate(-4deg);box-shadow:1px 2px 0 #aa9e8599,11px 20px 32px #02091059;transition:transform .6s var(--ease-control)} .home-question-paper:before{content:'';position:absolute;inset:6px;border:1px solid #8a7c572b;pointer-events:none} .home-question-paper .home-mini-label{color:#756543}.home-question-paper p{font:italic clamp(1.5rem,2.1vw,2.25rem)/1.12 'Cormorant Garamond',serif;letter-spacing:-.02em;margin:1.3rem 0 2.3rem;max-width:14rem} .home-paper-line{display:block;width:65%;height:1px;background:#a9946852}.home-handmark{position:absolute;right:1.35rem;bottom:.25rem;font:italic 5.5rem 'Cormorant Garamond';color:#8f80572c} .home-card-scene img{position:absolute;top:46%;left:50%;width:43%;max-width:10rem;aspect-ratio:958/1644;object-fit:cover;display:block;border-radius:4%/2.4%;box-shadow:1px 2px 0 #bbaa8466,5px 13px 24px #02081073;transition:transform .6s var(--ease-control)} .home-fan-left{transform:translate(-88%,-44%) rotate(-19deg)}.home-fan-right{transform:translate(-9%,-44%) rotate(17deg)}.home-fan-face{transform:translate(-50%,-54%) rotate(-2deg);z-index:1} .home-art-annotation{position:absolute;left:0;right:0;bottom:1.1rem;text-align:center;color:#bcb6a8;font:italic 1.2rem 'Cormorant Garamond'} .home-note-paper{position:absolute;left:50%;top:50%;width:89%;max-width:22rem;min-height:15rem;padding:2.2rem 1.7rem;background:#19364a;border:1px solid #b9aa8547;color:#eee1c8;transform:translate(-50%,-50%) rotate(4deg);box-shadow:1px 2px 0 #62738740,12px 20px 32px #0209104f;transition:transform .6s var(--ease-control)} .home-note-paper:after{content:'';position:absolute;inset:8px;border:1px solid #b9aa851b;pointer-events:none}.home-note-paper p{font:italic clamp(1.5rem,2.2vw,2.3rem)/1.1 'Cormorant Garamond';margin:1.15rem 0 2rem;letter-spacing:-.025em} .home-note-rule{height:1px;background:#b9aa853b;margin-bottom:.75rem;width:85%}.home-note-paper>.home-mini-label:last-of-type{font-size:.47rem;letter-spacing:.13em}.home-paper-corner{position:absolute;bottom:.8rem;right:1rem;color:#c7b28c} .home-step-copy{display:grid;grid-template-columns:1.5rem 1fr;gap:1rem;border-top:1px solid var(--home-rule);padding-top:1.2rem} .home-step-copy>span{font-size:.625rem;color:var(--home-gold);padding-top:.42rem}.home-step-copy h3{font-size:1.8rem;line-height:1.1;margin:0 0 .65rem}.home-step-copy p{font-size:.78rem;line-height:1.75;color:var(--home-copy);max-width:19rem} .home-sample-caption{font-size:.6rem;line-height:1.7;color:#a1b1ba;margin-top:1.25rem}.home-practice>.home-sample-caption{margin-top:2rem;text-align:right} @media(hover:hover){.home-question-scene:hover .home-question-paper{transform:translate(-50%,-52%) rotate(-2deg)}.home-note-scene:hover .home-note-paper{transform:translate(-50%,-52%) rotate(2deg)}.home-card-scene:hover .home-fan-face{transform:translate(-50%,-58%) rotate(0deg)}} .home-spreads{padding:5.8rem var(--gutter) 4.8rem;border-top:1px solid var(--home-rule);background:radial-gradient(ellipse at 25% 66%,#375a7142,transparent 57%),#102436} .home-spread-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:0 7vw;align-items:end}.home-spread-intro>.home-kicker{grid-column:1/-1}.home-spread-intro>.home-body{padding-bottom:.25rem;max-width:19rem;justify-self:end} .home-spread-workspace{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(250px,.8fr);gap:clamp(3rem,7vw,7rem);align-items:center;margin-top:2.3rem} .home-table-wrap{min-width:0}.home-spread-tabs{display:flex;align-items:center;justify-content:center;gap:2rem;border-bottom:1px solid var(--home-rule);padding-bottom:.55rem} .home-spread-tabs button{display:flex;align-items:baseline;justify-content:center;gap:.65rem;padding:.5rem .8rem;min-height:50px;min-width:80px;color:#91a7b4;position:relative}.home-spread-tabs b{font:400 2.2rem/.95 'Cormorant Garamond';color:inherit}.home-spread-tabs span{font-size:.625rem}.home-spread-tabs button:after{content:'';position:absolute;bottom:-.55rem;left:0;right:0;height:2px;background:#d7bf91;transform:scaleX(0);transition:transform .25s} .home-spread-tabs [aria-selected=true]{color:#eadfc9}.home-spread-tabs [aria-selected=true]:after{transform:scaleX(1)} .home-spread-table{position:relative;height:clamp(25rem,37vw,36rem);margin-top:1rem} .home-table-card{position:absolute;left:var(--x);top:var(--y);width:24%;margin:0;transform:translate(-50%,-50%);z-index:1} .home-table-card>button{display:block;padding:0;width:100%;border-radius:4%/2.4%;position:relative;transition:transform .5s var(--ease-control);transform:rotate(var(--r))} .home-table-card img{display:block;width:100%;aspect-ratio:958/1644;object-fit:cover;border-radius:4%/2.4%;box-shadow:1px 2px 0 #bfa9827a,8px 16px 26px #020a125b} .home-table-card>img{transform:rotate(var(--r))} .home-table-card>button[aria-pressed=true]{transform:translateY(-5px) rotate(var(--r));box-shadow:0 0 0 1px #d4bd8e,0 0 0 5px #c7b28c0d} .home-table-card figcaption{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;margin-top:1.4rem;font-size:.65rem;line-height:1.55;color:#d0d5d2;width:150%;margin-left:-25%}.home-table-card figcaption>span:first-child{font-size:.5rem;letter-spacing:.14em;color:#bbaa88} .home-table-card:has([aria-pressed=true]) figcaption{color:#f1d5a4}.home-spread-table[data-count="5"],.home-spread-table[data-count="8"]{height:clamp(36rem,52vw,47rem)} .home-spread-table[data-count="5"] .home-table-card{width:17%}.home-spread-table[data-count="8"] .home-table-card{width:14%}.home-spread-table[data-count="8"] .home-table-card figcaption{font-size:.6rem;margin-top:.65rem;width:155%;margin-left:-27.5%}.home-spread-table[data-count="5"] .home-table-card figcaption{margin-top:.75rem} .home-table-instruction{text-align:center;font:italic 1.2rem/1.45 'Cormorant Garamond';color:#bdbdaf;margin-top:-1.1rem} .home-spread-copy{padding-bottom:2rem}.home-spread-copy h3{font-size:clamp(2.35rem,3.5vw,3.8rem);line-height:1.02;letter-spacing:-.035em;margin:1rem 0 1.25rem}.home-spread-copy .home-body{max-width:24rem} .home-position-preview{border-top:1px solid var(--home-rule);padding:1.45rem 0 1.5rem;margin-top:2rem;min-height:150px}.home-position-preview>p{font:italic 1.65rem/1.2 'Cormorant Garamond';margin-top:.75rem;max-width:24rem}.home-spread-copy .home-link{margin-top:.5rem}.home-access-note{font-size:.61rem;line-height:1.7;color:#b8b3a5;max-width:19rem;margin-top:1rem} @media(hover:hover){.home-table-card>button:hover{transform:translateY(-8px) rotate(calc(var(--r)*.5))}} .home-sample{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:7vw;padding:6.6rem calc(var(--gutter) + 4vw);min-height:760px;background:radial-gradient(ellipse at 73% 46%,#30496330,transparent 57%)} .home-sample-copy{max-width:33rem}.home-sample-question{border-left:1px solid #c7b28c62;padding-left:1.4rem;margin:2rem 0}.home-sample-question blockquote{font:italic 1.75rem/1.2 'Cormorant Garamond';letter-spacing:-.012em;margin:.8rem 0 0;color:#e1d8c6;max-width:25rem} #home-sample-insight{margin-top:1.7rem}.home-sample-meaning{font-size:.85rem;line-height:1.85;color:var(--home-copy);margin:.85rem 0 1.5rem;max-width:29rem}.home-sample-prompt{padding:1.2rem 0 0;border-top:1px solid var(--home-rule)}.home-sample-prompt>span{font-size:.5rem;letter-spacing:.13em;color:var(--home-gold)}.home-sample-prompt>p{font:italic 1.6rem/1.2 'Cormorant Garamond';margin:.55rem 0 0}.home-sample-copy>.home-link{margin-top:1.2rem} .home-sample-stage{position:relative;text-align:center;min-width:0;padding:1rem 0}.home-sample-number{position:absolute;left:-.1em;top:50%;transform:translateY(-57%);font:400 clamp(14rem,29vw,31rem)/1 'Cormorant Garamond';letter-spacing:-.1em;color:#b5aa8720;pointer-events:none} .home-sample-reveal{display:block;position:relative;padding:0;width:min(70%,19rem);margin:auto;color:#e9ddc5;cursor:default} .home-sample-card{display:block;position:relative;aspect-ratio:958/1644;transform:rotate(5deg);perspective:1400px;transition:transform .8s var(--ease-control)} .home-sample-card img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;display:block;border-radius:4%/2.4%;box-shadow:1px 2px 0 #ac956a85,15px 23px 35px #02081280;backface-visibility:hidden;transition:transform 1s var(--ease-control),opacity .4s} .home-sample-back{transform:rotateY(-180deg);opacity:0}.home-sample-face{transform:rotateY(0)} .home-reveal-caption{display:none;justify-content:center;align-items:center;gap:1.2rem;font:italic 1.3rem/1.4 'Cormorant Garamond';margin:2.2rem -1rem 0;min-height:44px}.home-reveal-caption i{font-style:normal;font-size:1.25rem} .home-sample[data-enhanced=true] .home-sample-reveal{cursor:pointer}.home-sample[data-enhanced=true] .home-reveal-caption{display:flex}.home-sample[data-revealed=false] .home-sample-back{transform:rotateY(0);opacity:1}.home-sample[data-revealed=false] .home-sample-face{transform:rotateY(180deg);opacity:0}.home-sample[data-revealed=false] .home-sample-card{transform:rotate(-5deg)} .home-sample[data-revealed=false] .home-sample-copy{align-self:start;padding-top:.4rem} .home-sample-stage>.home-sample-caption{margin-top:1rem;font-size:.58rem} @media(hover:hover){.home-sample[data-revealed=false] .home-sample-reveal:hover .home-sample-card{transform:translateY(-5px) rotate(-2deg)}} .home-memory{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.45fr);gap:6vw;align-items:center;padding:5.8rem var(--gutter) 7rem;border-top:1px solid var(--home-rule);background:radial-gradient(ellipse at 82% 60%,#2b465735,transparent 67%)} .home-memory-heading h2{font-size:clamp(2.65rem,3.8vw,4.2rem);line-height:1.01}.home-memory-heading>.home-body{margin-top:1.65rem;max-width:23rem}.home-memory-links{display:flex;flex-direction:column;align-items:start;gap:.4rem;margin-top:1.6rem}.home-memory-links .home-link{min-width:13rem} .home-memory-art{min-width:0;position:relative}.home-memory-example{font-size:.5rem;letter-spacing:.13em;color:#b5b6ab;text-align:right;margin-bottom:1.25rem}.home-memory-tabs{display:flex;justify-content:space-between;gap:1rem;position:relative;margin:0 0 1.2rem}.home-memory-tabs:before{content:'';height:1px;position:absolute;top:10px;left:9px;right:9px;background:#c7b28c45;z-index:-1} .home-memory-tabs button{display:flex;flex-direction:column;align-items:flex-start;gap:.4rem;position:relative;text-align:left;padding:1.7rem 0 .5rem;flex:1;color:#8da0aa;font-size:.6rem;min-height:72px}.home-memory-tabs button:before{content:'';position:absolute;left:0;top:5px;width:11px;height:11px;border:1px solid #b3a27f;background:#102335;border-radius:50%}.home-memory-tabs button:last-child{align-items:flex-end}.home-memory-tabs button:last-child:before{left:auto;right:0}.home-memory-tabs button:nth-child(2){align-items:center}.home-memory-tabs button:nth-child(2):before{left:calc(50% - 5px)}.home-memory-tabs button[aria-selected=true]{color:#efe2c6}.home-memory-tabs button[aria-selected=true]:before{background:#c7b28c;box-shadow:0 0 0 4px #c7b28c0c}.home-memory-tabs b{font-weight:400;font-size:.72rem} .home-memory-page{position:relative;display:grid;grid-template-columns:.54fr 1fr;gap:1.8rem;padding:2.7rem 2.5rem 2.5rem;background:#e8dfcc;color:#1c3443;min-height:354px;box-shadow:1px 3px 0 #a5956b66,11px 22px 38px #02091059;transform:rotate(-1deg)} .home-memory-page:before{content:'';position:absolute;top:7px;bottom:7px;left:7px;right:7px;border:1px solid #8c7d5333;pointer-events:none}.home-memory-page:after{content:'';position:absolute;left:calc(35% - 3px);top:14px;bottom:14px;width:1px;background:#9d8a632b;box-shadow:3px 0 8px #8072461a;pointer-events:none}.home-memory-page .home-mini-label{color:#74613e;font-size:.5rem;letter-spacing:.12em} .home-memory-card{align-self:center;min-width:0;position:relative;z-index:1}.home-memory-card img{display:block;max-width:100%;width:9rem;margin:auto;aspect-ratio:958/1644;object-fit:cover;border-radius:4%/2.4%;transform:rotate(-5deg);box-shadow:2px 3px 0 #b2a17c80,4px 8px 14px #2a2b3430}.home-memory-card>span{font-size:.43rem;letter-spacing:.13em;line-height:1.7;color:#6f6147;display:block;text-align:center;margin-top:1.4rem} .home-memory-writing{position:relative;z-index:1}.home-memory-writing h3{font-size:2rem;line-height:1.05;letter-spacing:-.02em;margin:.8rem 0 1.1rem}.home-memory-writing blockquote{font:italic 1.55rem/1.14 'Cormorant Garamond';margin:0;letter-spacing:-.015em;min-height:90px}.home-memory-next{border-top:1px solid #8c7d5340;padding-top:.95rem;margin-top:1.2rem}.home-memory-next p{font-size:.64rem;line-height:1.7;margin-top:.5rem;color:#455560}.home-local-note{font-size:.59rem;line-height:1.7;color:#9dacb4;margin-top:1.3rem;text-align:right} .home-symbols{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:8vw;padding:1rem var(--gutter) 6rem}.home-symbol-pair{display:flex;gap:1.7rem;align-items:center;padding:1rem 0 3rem}.home-symbol-crop{position:relative;flex:1;overflow:hidden;aspect-ratio:1/1.38;border-radius:50% 50% 3px 3px;box-shadow:1px 2px 0 #a7926c60,12px 18px 22px #02091155;background:#162f43}.home-symbol-crop img{position:absolute;width:165%;height:165%;object-fit:cover;left:-32%;top:-28%;max-width:none}.home-symbol-crop:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071320eb,transparent 52%)}.home-symbol{position:relative;flex:1;min-width:0;margin:0}.home-symbol>figcaption{position:absolute;bottom:1.25rem;left:0;right:0;text-align:center;font:italic 1.4rem 'Cormorant Garamond';z-index:1;color:#e5d9bd}.home-symbol-veil{transform:translateY(3rem)}.home-symbol-veil img{top:-15%;left:-35%}.home-symbol-copy>.home-body{margin:1.5rem 0 1.2rem;max-width:26rem}.home-symbol-copy h2{font-size:clamp(2.65rem,4vw,4.5rem)} .home-footer{padding:3rem var(--gutter);border-top:1px solid var(--home-rule);display:grid;grid-template-columns:1fr 1.4fr auto;gap:3rem;align-items:start;background:#091725}.home-footer-signature .brand{font-size:2.2rem}.home-footer-signature p{font:italic 1.2rem/1.2 'Cormorant Garamond';color:#bdbeaf;margin-top:1rem}.home-footer nav{display:grid;grid-template-columns:1fr 1fr;gap:.25rem 2rem;font-size:.7rem;color:#bdc7c9}.home-footer nav a{min-height:36px}.home-footer nav a:hover{color:#e1c598}.home-footer-top{display:flex;gap:1rem;align-items:center;min-height:44px;font-size:.625rem;white-space:nowrap}.home-footer-top i{font:normal 1.25rem 'DM Sans'}.home-footer nav.home-footer-legal{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:.25rem 1.6rem;padding-top:1.4rem;border-top:1px solid var(--home-rule);font-size:.7rem;color:#aeb9bd}.home-footer nav.home-footer-legal a{display:inline-flex;align-items:center;min-height:36px;color:inherit}.home-footer nav.home-footer-legal a:hover{color:#e1c598} @media(min-width:1600px){.home-showcase>section{padding-left:max(var(--gutter),calc((100vw - 1500px)/2));padding-right:max(var(--gutter),calc((100vw - 1500px)/2))}.home-spread-table{height:34rem}.home-spread-table[data-count="5"],.home-spread-table[data-count="8"]{height:46rem}} @media(max-width:1100px){.home-section-heading{gap:2rem}.home-section-heading>.home-link{font-size:.675rem}.home-ritual-scenes{gap:2rem}.home-question-paper{padding:1.5rem 1.2rem 2rem}.home-question-paper p{font-size:1.65rem}.home-note-paper{padding:1.8rem 1.2rem;min-height:14rem}.home-note-paper p{font-size:1.7rem}.home-spread-workspace{gap:3.5rem;grid-template-columns:minmax(0,1.5fr) minmax(250px,.9fr)}.home-table-card figcaption{font-size:.6rem}.home-spread-table[data-count="5"],.home-spread-table[data-count="8"]{height:42rem}.home-spread-table[data-count="5"] .home-table-card{width:18%}.home-spread-table[data-count="8"] .home-table-card{width:17%}.home-sample{padding-inline:var(--gutter);gap:5vw;min-height:710px}.home-memory{gap:4vw;grid-template-columns:.75fr 1.25fr}.home-memory-page{padding:2rem 1.7rem;gap:1.3rem;min-height:325px}.home-memory-writing h3{font-size:1.75rem}.home-memory-writing blockquote{font-size:1.4rem}.home-memory-example{font-size:.46rem}.home-footer{gap:2rem;grid-template-columns:1fr 1.6fr}.home-footer-top{grid-column:1/-1;justify-self:end}} @media(max-width:800px){.home-showcase h2{font-size:clamp(2.8rem,6.6vw,4rem)}.home-section-heading{align-items:start}.home-section-heading>.home-link{margin-top:2.5rem;max-width:10rem;gap:1rem}.home-ritual-scenes{gap:1.3rem}.home-scene{height:17rem}.home-question-paper{width:96%;padding:1.3rem 1rem 1.8rem}.home-question-paper p{font-size:1.35rem;margin:1rem 0 2rem}.home-note-paper{width:96%;padding:1.45rem 1rem;min-height:12rem}.home-note-paper p{font-size:1.35rem;margin:1rem 0 1.4rem}.home-mini-label{font-size:.47rem}.home-art-annotation{font-size:1rem;bottom:1.2rem}.home-step-copy{gap:.65rem;grid-template-columns:1.2rem 1fr}.home-step-copy h3{font-size:1.5rem}.home-step-copy p{font-size:.7rem}.home-spreads{padding-top:4.5rem}.home-spread-workspace{gap:2rem;grid-template-columns:minmax(0,1.35fr) minmax(205px,.9fr)}.home-spread-intro{grid-template-columns:1.4fr 1fr;gap:2rem}.home-spread-intro>.home-kicker{margin-bottom:-.5rem}.home-spread-intro>.home-body{font-size:.78rem;max-width:15rem}.home-spread-tabs{gap:1.1rem}.home-spread-tabs button{min-width:60px;padding:.5rem .2rem}.home-spread-tabs b{font-size:1.8rem}.home-spread-table{height:23rem}.home-spread-table[data-count="5"],.home-spread-table[data-count="8"]{height:33rem}.home-spread-table[data-count="8"] .home-table-card{width:21%}.home-spread-table[data-count="5"] .home-table-card{width:21%}.home-spread-copy h3{font-size:2.3rem}.home-spread-copy .home-body{font-size:.75rem}.home-position-preview{padding-top:1.2rem;margin-top:1.5rem;min-height:135px}.home-position-preview>p{font-size:1.4rem}.home-spread-copy .home-link{font-size:.675rem;gap:1rem}.home-table-instruction{font-size:1.05rem}.home-table-card figcaption{font-size:.53rem}.home-sample{padding-block:4.6rem;min-height:660px}.home-sample-question blockquote{font-size:1.55rem}.home-sample-reveal{width:80%}.home-sample-meaning{font-size:.78rem}.home-memory{grid-template-columns:1fr;gap:3rem;padding-block:4.5rem}.home-memory-heading{display:grid;grid-template-columns:1.2fr 1fr;column-gap:3rem;align-items:center}.home-memory-heading>.home-kicker{grid-column:1/-1}.home-memory-heading>.home-body{margin:0}.home-memory-links{grid-column:1/-1;flex-direction:row;gap:2rem}.home-memory-art{width:100%;max-width:670px;justify-self:end}.home-memory-page{padding:2.6rem 2.6rem;gap:2.6rem;grid-template-columns:.55fr 1fr;min-height:350px}.home-memory-writing h3{font-size:2.25rem}.home-memory-writing blockquote{font-size:1.8rem}.home-memory-page .home-mini-label{font-size:.55rem}.home-memory-next p{font-size:.7rem}.home-memory-example{font-size:.53rem}.home-symbols{gap:5vw;padding-top:2rem}.home-symbol-pair{gap:1rem}.home-symbol-copy h2{font-size:2.7rem}.home-symbol-copy>.home-body{font-size:.8rem}.home-symbol-copy .home-link{font-size:.675rem;gap:1rem}.home-symbol>figcaption{font-size:1.2rem}} @media(max-width:600px){#home-content #discover.home-practice{padding-block:3.7rem 3rem}.home-kicker{font-size:.55rem;margin-bottom:1.2rem;letter-spacing:.14em}.home-showcase h2{font-size:clamp(2.7rem,10.2vw,3.6rem)}.home-section-heading{display:block}.home-section-heading>.home-link{max-width:none;margin-top:1.2rem;font-size:.72rem;gap:2rem}.home-ritual-scenes{display:block;margin-top:1.4rem}.home-ritual-scenes>li{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;align-items:center;border-top:1px solid var(--home-rule);padding:1.2rem 0}.home-ritual-scenes>li:first-child{border-top:0}.home-ritual-scenes>li:nth-child(2) .home-scene{order:2}.home-scene{height:13rem;width:100%;min-width:0}.home-question-paper{width:100%;padding:1.25rem .9rem 1.6rem}.home-question-paper p{font-size:1.34rem;margin:.8rem 0 1rem}.home-question-paper .home-mini-label{font-size:.39rem}.home-handmark{font-size:3.5rem;right:.7rem}.home-note-paper{width:100%;min-height:11rem;padding:1.2rem .85rem}.home-note-paper .home-mini-label{font-size:.38rem;letter-spacing:.09em}.home-note-paper p{font-size:1.4rem;line-height:1.02;margin:.9rem 0 1rem}.home-note-paper>.home-mini-label:last-of-type{font-size:.35rem}.home-paper-corner{font-size:.7rem;right:.6rem;bottom:.8rem}.home-card-scene img{width:52%;top:46%}.home-art-annotation{font-size:.95rem;bottom:0;white-space:nowrap;left:-1rem;right:-1rem}.home-step-copy{border-top:0;display:block;padding-top:0}.home-step-copy>span{display:block;margin-bottom:.7rem;font-size:.55rem}.home-step-copy h3{font-size:1.65rem;margin-bottom:.7rem;line-height:1.02}.home-step-copy p{font-size:.71rem;line-height:1.65}.home-practice>.home-sample-caption{text-align:left;font-size:.53rem;margin-top:1rem;max-width:18rem}.home-mini-label{font-size:.53rem}.home-spreads{padding-block:3.5rem 3.6rem}.home-spread-intro{display:block}.home-spread-intro>.home-kicker{margin-bottom:1.2rem}.home-spread-intro>.home-body{max-width:21rem;font-size:.8rem;margin-top:1.5rem}.home-spread-workspace{display:block;margin-top:1.6rem}.home-spread-tabs{gap:2.3rem}.home-spread-tabs button{min-width:65px;min-height:52px}.home-spread-tabs b{font-size:2.3rem}.home-spread-table{height:26rem;max-width:400px;margin:0 auto}.home-table-card{width:26%}.home-table-card figcaption{font-size:.6rem;margin-top:1.15rem;width:133%;margin-left:-16.5%;line-height:1.45}.home-spread-table[data-count="5"],.home-spread-table[data-count="8"]{height:36rem;max-width:380px}.home-spread-table[data-count="5"] .home-table-card{width:23%}.home-spread-table[data-count="8"] .home-table-card{width:22%}.home-spread-table[data-count="8"] .home-table-card figcaption{font-size:.55rem;width:140%;margin-left:-20%;line-height:1.4}.home-spread-table[data-count="8"] .home-table-card:nth-child(1){left:50%;top:48%}.home-spread-table[data-count="8"] .home-table-card:nth-child(2){left:50%;top:79%}.home-spread-table[data-count="8"] .home-table-card:nth-child(3){left:15%;top:20%}.home-spread-table[data-count="8"] .home-table-card:nth-child(4){left:85%;top:20%}.home-spread-table[data-count="8"] .home-table-card:nth-child(5){left:15%;top:62%}.home-spread-table[data-count="8"] .home-table-card:nth-child(6){left:85%;top:49%}.home-spread-table[data-count="8"] .home-table-card:nth-child(7){left:50%;top:15%}.home-spread-table[data-count="8"] .home-table-card:nth-child(8){left:85%;top:80%}.home-table-instruction{font-size:1.15rem;margin-top:-.8rem}.home-spread-copy{padding:2.5rem 0 0}.home-spread-copy h3{font-size:2.8rem;margin:.75rem 0 1rem}.home-spread-copy .home-body{font-size:.81rem;max-width:24rem}.home-position-preview{margin-top:1.5rem;min-height:0;padding:1.3rem 0}.home-position-preview>p{font-size:1.55rem;max-width:21rem}.home-spread-copy .home-link{font-size:.74rem}.home-access-note{font-size:.57rem;max-width:none}.home-sample{display:flex;flex-direction:column;gap:2.8rem;padding-block:3.7rem 3.3rem;min-height:0}.home-sample-copy{width:100%}.home-sample-question{margin:1.7rem 0;padding-left:1.1rem}.home-sample-question blockquote{font-size:1.65rem;max-width:20rem}.home-sample-stage{width:100%;padding:1rem 0}.home-sample-reveal{width:57%;max-width:240px}.home-sample-number{font-size:18rem;left:6%;top:46%}.home-reveal-caption{font-size:1.4rem;margin-top:1.9rem}.home-sample-stage>.home-sample-caption{font-size:.55rem}.home-sample[data-revealed=false] .home-sample-copy{padding-top:0}#home-sample-insight{margin-top:1.5rem}.home-sample-meaning{font-size:.8rem}.home-sample-prompt>p{font-size:1.55rem}.home-sample-copy>.home-link{font-size:.73rem}.home-memory{padding-block:3.6rem 3.5rem;gap:2.8rem}.home-memory-heading{display:block}.home-memory-heading>.home-body{margin-top:1.4rem;font-size:.81rem;max-width:22rem}.home-memory-links{margin-top:1.4rem;gap:1.5rem}.home-memory-links .home-link{min-width:0;font-size:.67rem;gap:1rem}.home-memory-example{font-size:.45rem;letter-spacing:.1em;text-align:left}.home-memory-tabs{gap:.7rem}.home-memory-tabs b{font-size:.65rem}.home-memory-tabs button{font-size:.55rem;min-height:70px}.home-memory-page{padding:1.8rem 1.3rem;gap:1.1rem;grid-template-columns:.55fr 1fr;min-height:330px}.home-memory-page:after{left:35%}.home-memory-card>span{font-size:.36rem;letter-spacing:.1em;margin-top:1.05rem}.home-memory-writing h3{font-size:1.65rem;margin:.65rem 0 1rem}.home-memory-writing blockquote{font-size:1.4rem;line-height:1.12;min-height:0}.home-memory-page .home-mini-label{font-size:.4rem;letter-spacing:.1em}.home-memory-next{margin-top:1rem;padding-top:.8rem}.home-memory-next p{font-size:.59rem;line-height:1.6}.home-local-note{font-size:.54rem;text-align:left;max-width:19rem}.home-symbols{display:flex;flex-direction:column;gap:2rem;padding-top:.7rem;padding-bottom:3.6rem}.home-symbol-pair{width:100%;max-width:410px;gap:1.4rem;padding:0 1.5rem 3rem}.home-symbol-crop{aspect-ratio:1/1.25}.home-symbol-copy{width:100%}.home-symbol-copy h2{font-size:3rem}.home-symbol-copy>.home-body{font-size:.81rem;max-width:23rem;margin-top:1.4rem}.home-symbol-copy .home-link{font-size:.73rem}.home-footer{padding-block:2.6rem;grid-template-columns:1fr;gap:2rem}.home-footer-signature{display:flex;justify-content:space-between;gap:1rem;align-items:center}.home-footer-signature p{font-size:1.1rem;margin:0}.home-footer nav{font-size:.67rem;gap:.35rem 1.5rem}.home-footer nav a{min-height:40px}.home-footer-top{justify-self:start;margin-top:-.5rem;font-size:.6rem}} @media(max-width:370px){.home-ritual-scenes>li{gap:1.1rem}.home-step-copy h3{font-size:1.5rem}.home-question-paper p,.home-note-paper p{font-size:1.22rem}.home-scene{height:12rem}.home-spread-table{height:23rem}.home-memory-page{padding:1.5rem 1rem;gap:.9rem}.home-memory-writing blockquote{font-size:1.27rem}.home-memory-writing h3{font-size:1.45rem}.home-memory-next p{font-size:.56rem}.home-memory-card>span{font-size:.32rem}} @media(prefers-reduced-motion:reduce){.home-showcase *,.home-showcase *:before,.home-showcase *:after{transition:none!important;animation:none!important}.home-sample-card img{backface-visibility:visible}.home-sample-back{visibility:hidden}.home-sample[data-revealed=false] .home-sample-back{visibility:visible}.home-sample[data-revealed=false] .home-sample-face{visibility:hidden}} /* Positions include their labels: reserve enough height for a complete card silhouette. */ .home-spread-table[data-count="5"]{height:clamp(42rem,72vw,60rem)} .home-spread-table[data-count="8"]{height:clamp(42rem,66vw,57rem)} @media(max-width:800px) and (min-width:601px){.home-spread-table[data-count="5"],.home-spread-table[data-count="8"]{height:36rem}} @media(max-width:600px){.home-spread-table[data-count="5"],.home-spread-table[data-count="8"]{height:42rem}} /* Reading order matches the illustrated ritual: question, card, reflection. */ .home-sample{row-gap:0;grid-template-rows:auto auto;align-content:center} .home-sample-copy{grid-column:1;grid-row:1;align-self:end} .home-sample-stage{grid-column:2;grid-row:1 / 3} .home-sample-response{grid-column:1;grid-row:2;max-width:33rem;align-self:start} .home-sample-response>.home-link{margin-top:1.5rem} #home-memory-page:focus-visible{outline:2px solid #d2b982;outline-offset:6px} @media(max-width:600px){ .home-sample{gap:2.2rem}.home-sample-copy,.home-sample-response{width:100%} .home-sample-question{margin-bottom:0}.home-sample-stage{padding:0} #home-sample-insight{margin-top:0} .home-memory-example,.home-local-note,.home-sample-caption,.home-sample-stage>.home-sample-caption,.home-practice>.home-sample-caption{font-size:.68rem;line-height:1.6} .home-memory-page .home-mini-label,.home-memory-card>span{font-size:.625rem;letter-spacing:.07em;line-height:1.5} .home-question-paper .home-mini-label,.home-note-paper .home-mini-label,.home-note-paper>.home-mini-label:last-of-type{font-size:.6rem;letter-spacing:.07em;line-height:1.4} .home-memory-example{letter-spacing:.06em} } /* A full-width table for choosing. Only the selection scene uses this score. */ #spreads-view.is-choosing{min-height:100svh;padding-bottom:1.5rem;overflow:hidden;background:radial-gradient(ellipse at 52% 67%,#21394b65,transparent 65%),#091a2b} #spreads-view.is-choosing>.page-top{min-height:76px} #spreads-view.is-choosing .spread-ritual-head{max-width:1600px;margin:0 auto 1rem;padding:0 0 1rem;border-bottom:1px solid #d6c9a824;align-items:center} #spreads-view.is-choosing .spread-ritual-head h1{font-size:1.65rem;line-height:1.15;margin:.35rem 0} #spreads-view.is-choosing #spread-kind{font-size:.51rem;letter-spacing:.17em} #spreads-view.is-choosing .spread-ritual-head .question-quote{font-size:1.05rem;max-width:65rem;margin:.25rem 0 0} #spreads-view.is-choosing .spread-workspace{display:block;max-width:1600px} #spreads-view.is-choosing .spread-scene{display:grid;grid-template-columns:1fr 1fr;max-width:none;align-items:center;position:relative} #spreads-view.is-choosing .spread-insight{display:none} .deck-stage-intro{position:relative;z-index:1;padding:1.2rem 0 .5rem} .deck-stage-intro h2{font:400 clamp(2.8rem,4.8vw,5.2rem)/.91 'Cormorant Garamond',serif;letter-spacing:-.035em;margin:.75rem 0 1rem} .deck-stage-intro h2 em{font-weight:400} .deck-stage-description{font-size:.75rem;line-height:1.7;color:#b1c0c8;max-width:23rem} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board{--reading-card-width:clamp(84px,7.2vw,126px);height:calc(var(--reading-card-width)*1.716 + 30px);width:min(100%,530px);justify-self:end;margin:0;perspective:1400px} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot{transform:translate(-50%,-50%);transition:opacity .4s;z-index:1} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:nth-child(n){top:50%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-slot:nth-child(1){left:18%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-slot:nth-child(2){left:50%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-slot:nth-child(3){left:82%} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-board{--reading-card-width:clamp(64px,5.1vw,88px);height:calc(var(--reading-card-width)*1.716 + 30px)} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-slot:nth-child(n){left:calc(10% + (var(--slot-index)*20%))} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-board{--reading-card-width:clamp(48px,3.65vw,66px);height:calc(var(--reading-card-width)*1.716 + 30px)} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-slot:nth-child(n){left:calc(6.25% + (var(--slot-index)*12.5%))} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:not(.dealt) .spread-card{border:1px solid #d5c29935;background:linear-gradient(145deg,#1c32423a,transparent)} #spread-ritual .spread-slot.is-arriving{z-index:1000!important} #spreads-view.is-choosing #spread-deck-area{grid-column:1/-1;position:relative;margin:0 -4vw;text-align:center} #spreads-view.is-choosing #spread-pick-label{position:relative;margin:.8rem 0 0;color:#d9c6a3;font-size:.57rem;z-index:2} #spreads-view.is-choosing .spread-deck{width:100%;max-width:none;margin:0 auto;perspective:1600px;isolation:auto;height:var(--fan-height);z-index:2} #spreads-view.is-choosing .spread-deck:before{content:'';position:absolute;left:18%;right:18%;top:28%;height:75%;background:radial-gradient(ellipse,#020b1365,transparent 70%);pointer-events:none;transform:scaleY(.7)} #spreads-view.is-choosing .spread-deck-card{top:46px;transition:transform .85s var(--ease-control),opacity .4s;will-change:auto;box-shadow:none!important;overflow:visible!important;outline:0} #spreads-view.is-choosing .spread-deck-card[data-in-view="false"]{opacity:0;pointer-events:none;visibility:hidden} #spreads-view.is-choosing .spread-deck-card img{pointer-events:auto;border-radius:3.5%/2.1%;box-shadow:0 0 0 1px #d2bd8d80,1px 1px 0 #b19a74,2px 3px 0 #796d59,3px 5px 0 #172631,9px 18px 27px #02080eb0;transition:transform .5s var(--ease-glide),filter .5s;filter:brightness(.86);object-fit:cover} #spreads-view.is-choosing .spread-deck-card:not(:disabled):hover{z-index:200} #spreads-view.is-choosing .spread-deck-card:not(:disabled):hover img,#spreads-view.is-choosing .spread-deck-card:focus-visible img{transform:translateY(-42px) rotate(calc(var(--fan-angle)*-.55));filter:brightness(1.08);box-shadow:0 0 0 1px #e1cfa2,2px 3px 0 #82715b,14px 26px 34px #02080e9c} #spreads-view.is-choosing .spread-deck-card:focus-visible{z-index:200} #spreads-view.is-choosing .spread-deck-card:focus-visible img{outline:1px solid #ecdec0;outline-offset:6px} #spreads-view.is-choosing .spread-deck-card[data-dragging]{z-index:300;will-change:transform} #spreads-view.is-choosing .spread-deck-card[data-dragging] img{transition:none;filter:brightness(1.08)} #spreads-view.is-pulling .spread-deck-card:not([data-dragging]) img{filter:brightness(.72)} #spreads-view.is-choosing .deck-navigation{position:relative;z-index:3;gap:1.2rem;margin:1.3rem auto .3rem;width:min(90%,440px)} #spreads-view.is-choosing .deck-navigation button{border:1px solid #cdbb8e40;border-radius:50%;background:transparent;width:44px;flex:0 0 44px;transition:background .25s} #spreads-view.is-choosing .deck-navigation button:not(:disabled):hover{background:#d8c49c14} .deck-position-control{flex:1;min-width:0} #deck-position{appearance:none;-webkit-appearance:none;display:block;height:28px;background:transparent;width:100%;cursor:ew-resize;margin:0;touch-action:pan-x} #deck-position::-webkit-slider-runnable-track{height:2px;background:linear-gradient(90deg,#ae98704a,#bcac87b0,#ae98704a)} #deck-position::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:30px;height:12px;border-radius:12px;background:#d7c5a2;border:3px solid #0b1c2b;box-shadow:0 0 0 1px #b39b6e;margin-top:-5px} #deck-position::-moz-range-track{height:2px;background:#ae987080}#deck-position::-moz-range-thumb{width:24px;height:6px;border-radius:12px;background:#d7c5a2;border:3px solid #0b1c2b} #deck-position:focus-visible{outline:1px solid #d7c5a2;outline-offset:3px} #spreads-view #deck-browse-status{display:block;font-size:.54rem;letter-spacing:.1em;color:#afbcc4;min-width:0} #spreads-view.is-choosing .deck-browse-hint{font:italic 1.15rem/1.4 'Cormorant Garamond';margin:.9rem 0 .2rem} #spreads-view.is-choosing #deal-spread{min-height:44px;margin:0 auto;padding:.5rem .9rem;background:transparent;border:0;font-size:.6rem;color:#a8b6bf} #spreads-view.is-choosing #deal-spread:hover{color:#e5d8bf} #spreads-view.is-dealing #deal-spread{pointer-events:none;opacity:.4} #spread-ritual .spread-board{scroll-margin-top:2rem} @media(min-width:1450px) and (min-height:850px){#spreads-view.is-choosing>.page-top{min-height:85px}.deck-stage-intro{padding-top:1.5rem}#spreads-view.is-choosing .spread-deck-card{top:70px}#spreads-view.is-choosing .deck-navigation{margin-top:2rem}} @media(max-width:700px){ #spreads-view.is-choosing{padding-inline:6vw;padding-bottom:1.8rem} #spreads-view.is-choosing>.page-top{min-height:64px} #spreads-view.is-choosing .spread-ritual-head{gap:1rem;padding:.1rem 0 .7rem;margin:0;position:relative} #spreads-view.is-choosing .spread-ritual-head h1{font-size:1.55rem;margin:.3rem 0} #spreads-view.is-choosing .spread-ritual-head .question-quote{font-size:.95rem;line-height:1.25;max-width:90%} #spreads-view.is-choosing .spread-ritual-head>.quiet-link{position:static;font-size:.59rem;align-self:start;white-space:nowrap;min-height:40px} #spreads-view.is-choosing #spread-kind{font-size:.43rem;max-width:13rem;letter-spacing:.12em} #spreads-view.is-choosing .spread-scene{grid-template-columns:1fr} .deck-stage-intro{padding:.9rem 0 .2rem;text-align:center} .deck-stage-intro>.eyebrow:first-child{display:none} .deck-stage-intro h2{font-size:2.6rem;margin:.4rem 0;line-height:1.02} .deck-stage-intro h2 br{display:none} .deck-stage-description{font-size:.66rem;margin:.5rem auto;max-width:19rem} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board{--reading-card-width:42px!important;height:82px!important;width:220px;justify-self:center;margin:0} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-board{--reading-card-width:38px!important;width:280px} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-board{--reading-card-width:30px!important;width:100%} #spreads-view.is-choosing #spread-pick-label{font-size:.5rem;margin:.1rem 0 0;letter-spacing:.12em} #spreads-view.is-choosing #spread-deck-area{margin:0 -6vw} #spreads-view.is-choosing .spread-deck-card{top:35px} #spreads-view.is-choosing .deck-navigation{margin:1.4rem auto .3rem;width:300px;gap:1rem} #spreads-view.is-choosing .deck-browse-hint{font-size:1.1rem;margin:.8rem 0 .1rem} } @media(max-height:780px) and (min-width:701px){ #spreads-view.is-choosing>.page-top{min-height:60px} #spreads-view.is-choosing .spread-ritual-head{padding-bottom:.5rem;margin-bottom:.3rem} #spreads-view.is-choosing .spread-ritual-head h1{font-size:1.45rem} .deck-stage-intro{padding:.3rem 0} .deck-stage-intro h2{font-size:3.05rem;margin:.5rem 0} .deck-stage-intro h2 br{display:none} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board{--reading-card-width:70px;height:110px} #spreads-view.is-choosing .deck-navigation{margin-top:.5rem} #spreads-view.is-choosing .deck-browse-hint{margin-top:.5rem} } @media(prefers-reduced-motion:reduce){#spreads-view .spread-deck-card,#spreads-view .spread-deck-card img{transition:none!important}} @media(max-height:780px) and (min-width:701px){#spreads-view.is-choosing .spread-deck-card{top:34px}#spreads-view.is-choosing .deck-navigation{margin-top:0}.deck-stage-intro .eyebrow{font-size:.49rem}.deck-stage-intro h2{font-size:2.75rem}#spreads-view.is-choosing #spread-pick-label{margin:.1rem 0 0}} #spreads-view.is-choosing .deck-dock{display:grid;grid-template-columns:1fr minmax(260px,380px) 1fr;align-items:center;gap:2rem;margin:.7rem 4vw 0;padding:.4rem 0;border-top:1px solid #d6c9a81a} #spreads-view.is-choosing .deck-dock .deck-navigation{width:100%;margin:0} #spreads-view.is-choosing .deck-dock .deck-browse-hint{font-size:1.05rem;text-align:left;margin:0;max-width:15rem} #spreads-view.is-choosing .deck-dock #deal-spread{justify-self:end;margin:0;border-bottom:1px solid #cdbb8e40;font-size:.64rem} @media(max-width:700px){#spreads-view.is-choosing .deck-dock{display:flex;flex-direction:column;gap:.6rem;margin:1rem 6vw 0;padding:.8rem 0 0}#spreads-view.is-choosing .deck-dock .deck-navigation{order:-1;max-width:320px}#spreads-view.is-choosing .deck-dock .deck-browse-hint{max-width:none;text-align:center}#spreads-view.is-choosing .deck-dock #deal-spread{align-self:center}} #spreads-view.is-dealing .spread-board{z-index:5} @media(min-width:701px){#spreads-view.is-choosing .deck-dock .deck-browse-hint{font-size:.9rem;max-width:11rem}#spreads-view.is-choosing .deck-dock{padding-top:.7rem}#spreads-view.is-choosing .spread-deck-card img{box-shadow:0 0 0 1px #d2bd8d80,1px 1px 0 #b19a74,2px 3px 0 #796d59,3px 5px 0 #172631,9px 18px 27px #02080eb0}} .deck-question-disclosure summary{width:max-content;max-width:100%;cursor:pointer;font-size:.66rem;line-height:1.5;color:#bac6cc;padding:.45rem 0;list-style:none;display:flex;gap:1rem;align-items:center} .deck-question-disclosure summary::-webkit-details-marker{display:none} .deck-question-disclosure summary:after{content:'+';font-size:1rem;color:#d5c29c} .deck-question-disclosure[open] summary:after{content:'−'} .deck-question-disclosure summary:focus-visible{outline:1px solid #d5c29c;outline-offset:4px} #spreads-view:not(.is-choosing) .deck-question-disclosure summary{display:none} #spreads-view.is-choosing .deck-question-disclosure .question-quote{max-width:60rem;padding-bottom:.6rem} @media(max-width:700px){#spreads-view.is-choosing .deck-question-disclosure summary{font-size:.62rem;min-height:30px}#spreads-view.is-choosing .deck-dock{margin-top:0}#spreads-view.is-choosing .spread-deck{height:calc(var(--fan-width)*1.716 + 58px)}} /* Make a personal question an explicit entrance, including from a sample. */ .spread-entry-actions{display:flex;flex-direction:column;align-items:flex-start;gap:.6rem;flex-shrink:0} .spread-showcase-caption .spread-entry-actions .solid-action{font-size:.75rem;min-height:48px;padding:.85rem 1.1rem;margin:0} .spread-showcase-caption .spread-entry-actions .text-action{font-size:.7rem;min-height:40px;margin:0;max-width:none} .spread-ritual-actions{display:flex;align-items:center;justify-content:flex-end;gap:1.2rem;flex-shrink:0} .spread-ritual-actions #edit-spread-question{font-size:.7rem;min-height:44px;margin:0;padding:.65rem 1rem;background:#20384c;border:1px solid #cdbb8e65;border-radius:3px;white-space:nowrap} .spread-ritual-actions #edit-spread-question:hover{background:#2a4559;border-color:#d5c29c} .spread-ritual-actions #leave-spread{font-size:.65rem;min-height:44px} .spread-question-editor{max-width:1100px;margin:1rem auto 0} .spread-question-editor .spread-entry{margin:1rem auto 2rem;padding-top:1.5rem;border-top:0;scroll-margin-top:2rem} .spread-question-editor .question-restart-note{font-size:.8rem;line-height:1.6;color:#d6c4a2;max-width:40rem} #spreads-view.is-writing{min-height:100svh} #spreads-view.is-writing .spread-workspace,#spreads-view.is-writing .spread-synthesis,#spreads-view.is-writing .deck-question-disclosure,#spreads-view.is-writing #edit-spread-question{display:none} @media(max-width:700px){ .spread-ritual-head{flex-wrap:wrap} .spread-ritual-actions{width:100%;justify-content:space-between;gap:.75rem;margin:.35rem 0} .spread-ritual-actions #edit-spread-question{font-size:.68rem} .spread-ritual-actions #leave-spread{font-size:.6rem;position:static} .spread-showcase-caption .spread-entry-actions{margin-top:1rem} .spread-question-editor .spread-entry{padding-top:.5rem;margin-top:1rem} .spread-question-editor .spread-entry h2{font-size:2.6rem;margin:.5rem 0 1rem} .spread-question-editor .spread-entry form{margin-top:1.5rem} .spread-question-editor .spread-entry>div>.privacy-note{display:none} } /* Clear choices, quiet detail, and a continuous path from question to reading. */ .reading-steps{display:flex;gap:1.4rem;list-style:none;padding:0;margin:0 0 2rem;counter-reset:journey;color:#a0acb5;font-size:.66rem;line-height:1.5} .reading-steps li{display:flex;align-items:center;gap:.5rem;counter-increment:journey} .reading-steps li:before{content:'0' counter(journey);font-size:.6rem;color:#9e9176} .reading-steps [aria-current=step]{color:#eee4d0}.reading-steps [aria-current=step]:before{color:#e3c58f}.reading-steps .is-done:before{content:'✓'} #question-view .reading-steps{margin-bottom:1.6rem}#question-view h2{margin-top:0} body[data-view=question] #question-view{padding-top:8.2rem;width:min(40rem,58%)} #question-form .reading-recommendation{display:grid;grid-template-columns:82px 1fr;gap:1.25rem;align-items:start;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.3rem 0;margin:1.1rem 0} .recommendation-art{position:relative;height:113px;margin-top:.5rem;perspective:800px} .recommendation-art img{position:absolute;width:58px;height:100px;object-fit:cover;border-radius:4px;left:12px;top:0;transform:translateX(calc((var(--i) - 1)*12px)) rotate(calc((var(--i) - 1)*10deg));box-shadow:0 8px 18px #02091180;transition:transform .65s var(--ease-control),opacity .5s} .reading-recommendation[data-count='1'] img{transform:rotate(-5deg)}.reading-recommendation[data-count='1'] img:not(:first-child){opacity:0} .recommendation-copy h3,.spread-recommendation h3{font:400 clamp(1.65rem,2.4vw,2rem)/1.12 'Cormorant Garamond';margin:.45rem 0 .55rem;color:#eee4d0} .recommendation-copy>p:not(.eyebrow),.spread-recommendation>p:not(.eyebrow){font-size:.79rem;line-height:1.65;color:#bdc7cd;margin:0;max-width:32rem} .recommendation-copy .eyebrow,.spread-recommendation .eyebrow{font-size:.55rem;letter-spacing:.15em} .reading-size-choice{margin-top:.75rem}.reading-size-choice summary,.reading-preferences summary,.question-examples summary,.other-reading-ways summary,.journal-explore summary,.reading-observation summary{cursor:pointer;font-size:.78rem;line-height:1.6;min-height:36px;display:flex;align-items:center;gap:1rem;color:#dccba9;list-style:none} .reading-size-choice summary:after,.reading-preferences summary:after,.question-examples summary:after,.other-reading-ways summary:after,.journal-explore summary:after,.reading-observation summary:after{content:'+';margin-left:auto;font-size:1rem;font-weight:300} :is(.reading-size-choice,.reading-preferences,.question-examples,.other-reading-ways,.journal-explore,.reading-observation)[open]>summary:after{content:'−'} .reading-size-options{display:grid;gap:.55rem;padding:.35rem 0 1rem}.reading-size-options>label{display:flex;align-items:center;gap:.7rem;padding:.7rem;border:1px solid #b2a28350;cursor:pointer}.reading-size-options label:has(:checked){background:#d8c49c12;border-color:#c5ae7d}.reading-size-options strong{display:block;font-size:.78rem;font-weight:400;color:#ede2cc}.reading-size-options small{display:block;margin-top:.25rem;font-size:.65rem;color:#adbcc6}.reading-size-options input{accent-color:#ddc9a0}.reading-size-options .quiet-link{line-height:1.7;font-size:.7rem;text-align:left} .question-examples{margin:-.2rem 0 .6rem}.question-examples summary{font-size:.7rem;color:#aebbc5;justify-content:flex-end}.question-examples summary:after{margin-left:0}.question-examples button{display:block;width:100%;text-align:left;padding:.7rem .9rem;border-bottom:1px solid var(--rule);font:italic 1.2rem/1.3 'Cormorant Garamond';color:#eadbc0}.question-examples button:hover{background:#eee1be10} .reading-preferences{margin:.65rem 0;border-bottom:1px solid var(--rule);padding-bottom:.35rem}.reading-preferences fieldset{margin:.75rem 0}.reading-preferences .orientation-option{margin-bottom:1rem} .guidance-choice{margin:1rem 0 1.15rem}.guidance-choice>label{display:flex;align-items:flex-start;gap:.7rem;font-size:.81rem;line-height:1.5;cursor:pointer}.guidance-choice input{accent-color:#dcc599;flex:0 0 auto;width:17px;height:17px;margin-top:2px}.guidance-choice label span{color:#eadfc9}.guidance-choice .privacy-note{margin:.5rem 0 0 1.75rem;font-size:.64rem;line-height:1.65}.guidance-choice-status{font-size:.68rem;line-height:1.6;color:#a9bac6;margin:.35rem 0 0 1.75rem} #question-form:has(.question-coach[open])>button[type=submit]{display:inline-flex} #question-form>button[type=submit]{width:100%;font-size:.88rem;min-height:56px} #question-form>.privacy-note{max-width:100%}.other-reading-ways{margin-top:1rem;border-top:1px solid var(--rule);max-width:40rem}.other-reading-ways>a{display:block;font-size:.72rem;padding:.6rem 0;line-height:1.7} #question-view>a[href='#spreads']{display:none} #spread-library>.spread-entry{padding-top:2.5rem;border:0;gap:2rem 5vw;margin:0 0 2rem;align-items:start}.spread-entry>.reading-steps{grid-column:1/-1;margin-bottom:.4rem}.spread-entry>div:first-of-type{position:sticky;top:3rem}.spread-entry h2{max-width:25rem}.spread-entry>form{min-width:0}.spread-entry>button{grid-column:2;text-align:left;justify-self:start;font-size:.8rem}.spread-entry .reading-preferences{margin-top:1rem} .spread-recommendation{padding:1rem 0;margin:1rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)} /* How many cards: all three spreads stay in view, chosen in place. */ .spread-size-choice{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;margin:.75rem 0 1rem;padding:0;border:0;min-width:0} .spread-size-choice label{position:relative;display:block;min-width:0;cursor:pointer} .spread-size-choice input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer} .spread-size-choice span{display:grid;grid-template-columns:auto 1fr;align-items:baseline;column-gap:.4rem;min-height:66px;padding:.75rem .9rem .7rem;border-radius:12px;background:#1c374bcc;box-shadow:inset 0 1px 0 #c9d7d820;color:#bccbd3;transition:background-color var(--dur-control) var(--ease-control),color var(--dur-control) var(--ease-control),box-shadow var(--dur-control) var(--ease-control),translate var(--dur-press) var(--ease-control)} .spread-size-choice b{font:400 2rem/1 'Cormorant Garamond',serif;color:#d8c59c} .spread-size-choice em{font-style:normal;font-size:.72rem;letter-spacing:.02em} .spread-size-choice small{grid-column:1/-1;margin-top:.35rem;font-size:.66rem;line-height:1.35;color:#9fb0ba;overflow-wrap:anywhere} .spread-size-choice input:checked+span{background:#eddfc2;color:#172d3d;box-shadow:inset 0 1px 0 #fff5de,0 3px 10px #0002} .spread-size-choice input:checked+span :is(b,small){color:inherit} .spread-size-choice input:focus-visible+span{outline:2px solid #f2d8a1;outline-offset:3px} .spread-size-choice label:active span{translate:0 1px} .spread-size-choice span{height:100%;box-sizing:border-box} @media(forced-colors:active){.spread-size-choice span{border:1px solid CanvasText}.spread-size-choice input:checked+span{outline:3px solid Highlight;outline-offset:-3px}} @media(hover:hover){.spread-size-choice label:hover input:not(:checked)+span{background:#24445ccc}} @media(prefers-reduced-motion:reduce){.spread-size-choice span{transition:none}} .other-spreads{border-top:1px solid var(--rule);margin-top:2.5rem;padding-top:.5rem}.other-spreads>summary{padding:1.25rem 0;cursor:pointer;color:#d5c39e;font-size:.9rem}.other-spreads .spread-collection{margin:1rem 0 3rem}.other-spreads .spread-entry-actions .solid-action{font-size:.78rem} .spread-ritual-head{flex-wrap:wrap}.spread-ritual-head>.reading-steps{flex-basis:100%;margin:0 0 1rem} .reading-observation{margin:1.5rem 0;border-bottom:1px solid var(--rule)} #spread-paragraphs .reading-connection+section{margin-top:1.8rem}#spread-paragraphs .reading-connection h3{font-size:clamp(1.6rem,2.3vw,2rem);line-height:1.15;margin-bottom:.75rem}#spread-paragraphs .reading-connection p{font-size:.9rem;line-height:1.9;color:#c8d0d4} #spread-synthesis{scroll-margin-top:2rem}#spread-synthesis-copy-guidance:empty{display:none}#show-synthesis{margin-top:1.2rem} .journal-explore{margin:0 0 2rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:.4rem 0}.journal-explore .almanac-links{margin:1rem 0}.reading-copy>.reading-steps{margin-bottom:1.5rem} :is(.question-examples,.reading-size-choice,.reading-preferences,.other-reading-ways,.journal-explore,.other-spreads) summary:focus-visible{outline:1px solid #e6d4b2;outline-offset:4px} @media(max-width:800px){body[data-view=question] #question-view{width:auto;margin:0;padding:7rem var(--gutter) 3rem}.reading-steps{gap:.8rem;font-size:.6rem}.reading-steps li{gap:.3rem}#spread-library>.spread-entry{display:block;padding-top:1rem}.spread-entry>.reading-steps{margin-bottom:1.5rem}.spread-entry>div:first-of-type{position:static}.spread-entry>form{margin-top:1.8rem}.spread-entry>button{margin-top:1.25rem}.spread-entry h2{font-size:clamp(2.5rem,9vw,4rem)}.spread-ritual-head>.reading-steps{margin-top:0}.recommendation-copy h3{font-size:1.65rem}.choose-heading .reading-steps{max-width:85vw;width:max-content;font-size:.54rem}} @media(prefers-reduced-motion:reduce){.recommendation-art img{transition:none}} .spread-entry h1{font:400 clamp(3rem,5.6vw,5.2rem)/.98 'Cormorant Garamond';letter-spacing:-.035em;max-width:25rem;margin:1rem 0 1.6rem}.spread-synthesis-title .spread-connections{justify-content:flex-start;gap:.65rem;min-height:0;margin-top:2rem;flex-wrap:wrap}.spread-synthesis-title .spread-connections figure{flex:0 1 90px;max-width:90px}.spread-synthesis-title .spread-connections figcaption{font-size:.58rem;line-height:1.4}.spread-synthesis-title .spread-connections img{max-height:154px}.spread-synthesis-title .spread-connections figure:nth-child(n+6){display:none} body[data-view=question] #question-view h2{font-size:clamp(3rem,4.8vw,4.1rem);margin-bottom:.8rem}#question-view>p:not(.eyebrow){font-size:.8rem;margin-bottom:.6rem}#question-view form{margin-top:1rem}#question-form .question-examples{margin-top:-1.8rem;margin-left:10rem}#question-form .question-examples[open]{margin-top:0;margin-left:0}#question-form textarea{min-height:5.2rem}#question-form #question-coach{margin:.7rem 0}.guidance-privacy-details{margin:.25rem 0 .25rem 1.75rem}.guidance-privacy-details summary{font-size:.65rem;color:#b4bfca;cursor:pointer;padding:.3rem 0}.guidance-privacy-details .privacy-note{margin:.4rem 0}.guidance-disclosure>summary{cursor:pointer;font-size:.85rem;color:#dbcbac;padding:.6rem 0}.question-guidance.is-optional{margin:0 0 1.5rem;padding:.6rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}.guidance-disclosure-body{padding:.6rem 0}.guidance-disclosure-body .guidance-status{margin:0;line-height:1.6} @media(max-width:800px){.spread-entry h1{font-size:clamp(2.5rem,9vw,4rem)}.spread-synthesis-title .spread-connections{justify-content:center}.spread-synthesis-title .spread-connections figure{max-width:76px;flex-basis:76px}#question-form .question-examples{margin-left:9rem}#question-form>button[type=submit]{position:sticky;bottom:1rem;z-index:9;box-shadow:0 4px 24px #061222bf}} .reading-notes{margin:1.15rem 0}.reading-notes summary{cursor:pointer;padding:.5rem 0;color:#cfbea0;font-size:.78rem;line-height:1.5}.reading-notes label{display:block;margin:1rem 0 .5rem;font-size:.75rem}.reveal-options{align-self:center}.reveal-options summary{font-size:.7rem;cursor:pointer;color:#b6c3cc;padding:.65rem 0}.reveal-options[open]{width:100%}.reveal-options button{margin-right:1rem}.spread-synthesis-title .spread-connections figure:nth-child(n+6){display:block} body[data-view=question] #question-view{width:auto;max-width:1180px;margin:0 auto;padding:8rem var(--gutter) 4rem;display:grid;grid-template-columns:.85fr 1fr;column-gap:7vw;align-items:start} #question-view>.reading-steps{grid-column:1/-1;margin-bottom:2.4rem}.question-entry-intro{position:sticky;top:2rem}.question-entry-intro>p{font-size:.85rem;line-height:1.8;color:#b2c0ca;max-width:22rem;margin:1rem 0 2.5rem}.question-entry-intro>[data-home]{font-size:.7rem}#question-view .question-entry-intro h2{font-size:clamp(3.2rem,5.4vw,5.2rem);margin-top:.1rem}#question-view form{margin-top:0}.question-entry-extras{margin-top:1.5rem}.question-entry-extras .reading-preferences{margin-bottom:0}.question-entry-intro .other-reading-ways{margin-top:1.5rem}body[data-view=question] #motion-stage{opacity:.09}#question-form .reading-recommendation{grid-template-columns:66px 1fr;gap:1rem;padding:1rem 0;margin:1rem 0}.recommendation-art img{width:48px;height:82px;left:7px}.recommendation-art{height:92px}.recommendation-copy h3{font-size:1.8rem}#question-form>.guidance-choice{margin-top:.8rem} @media(max-width:900px){body[data-view=question] #question-view{display:block;width:auto;margin:0;padding:7rem var(--gutter) 3rem;max-width:43rem}.question-entry-intro{position:static}.question-entry-intro>p{margin:.7rem 0 1.5rem;max-width:100%}#question-view .question-entry-intro h2{font-size:clamp(2.8rem,10vw,4.2rem);margin-bottom:.6rem}#question-view>.reading-steps{margin-bottom:1.5rem}.question-entry-intro .other-reading-ways,.question-entry-intro>[data-home]{display:none}#question-view .other-reading-ways-mobile{display:block;margin-top:1rem}.question-entry-extras{margin-top:1rem}#question-form>button[type=submit]{position:sticky;bottom:1rem;z-index:9}.reading-recommendation .recommendation-copy h3{font-size:1.65rem}} /* A personal consultation, with the card reference close at hand. */ .reading-reference{border:0;margin:0;padding:0;min-width:0} .reading-reference>summary[hidden]{display:none} .reading-reference.has-personal-reading{margin:2rem 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)} .reading-reference.has-personal-reading>summary{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:15px 18px;cursor:pointer;font-size:.8rem;color:#dfd3bb;list-style:none} .reading-reference.has-personal-reading>summary::-webkit-details-marker{display:none} .reading-reference.has-personal-reading>summary::after{content:'+';font-size:1.15rem;font-weight:300} .reading-reference.has-personal-reading[open]>summary::after{content:'−'} .reading-reference>summary:focus-visible{outline:1px solid var(--gold);outline-offset:5px} .reading-reference.has-personal-reading .reading-reference-content{padding:.2rem 0 1.2rem} #reading-copy-guidance:empty{display:none} #reading-copy-guidance .question-guidance:not(.is-optional),#spread-synthesis-copy-guidance .question-guidance:not(.is-optional){border:0;padding:0;margin:1.2rem 0 1.6rem} #spread-synthesis-copy-guidance .question-guidance:not(.is-optional){margin-top:0} .question-guidance h3.guidance-kicker{font:500 .69rem/1.5 'DM Sans',sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#c4b28f;margin:0 0 1.2rem} .question-guidance .guidance-provenance{font:400 .8rem/1.55 'DM Sans',sans-serif;color:#b7c4ce;margin:-.55rem 0 1.5rem;max-width:56ch} .guidance-result{max-width:64ch;margin-top:0} .guidance-result .guidance-lead{font:400 1.6rem/1.4 'Cormorant Garamond',Georgia,serif;color:#efe3cc;letter-spacing:-.008em;margin:0 0 1.9rem;max-width:40ch;text-wrap:pretty} .guidance-result .guidance-lead.is-long{font:400 1.05rem/1.75 'DM Sans',sans-serif;max-width:64ch} .guidance-result .guidance-body{color:#c6d0d6} .guidance-chapter{margin:1.8rem 0 0} .guidance-chapter h4{font:500 1.65rem/1.15 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;color:#ede2cd;margin:0 0 .85rem;text-wrap:balance} .guidance-result .guidance-chapter p{font:400 1rem/1.75 'DM Sans',sans-serif;margin:0 0 1rem;max-width:64ch;text-wrap:pretty;overflow-wrap:anywhere} .guidance-chapter.guidance-next-step{border-top:1px solid var(--rule);padding-top:1.45rem;margin-top:2rem} .guidance-next-step h4{color:#dfc699}.guidance-next-step p{color:#e0ded3} .guidance-actions{display:flex;gap:1rem;flex-wrap:wrap;align-items:center;margin-top:1.5rem}.guidance-actions .solid-action{order:-1} .guidance-how{display:inline-flex;align-items:center;min-height:2.75rem;font-size:.7rem;line-height:1.5;color:#b7c4ce;text-decoration:underline;text-decoration-color:#b7c4ce55;text-underline-offset:.25em} .guidance-how:hover{color:var(--ink);text-decoration-color:currentColor} .guidance-result-method{margin-top:.75rem} .guidance-choice{display:flex;flex-wrap:wrap;align-items:center;column-gap:1.25rem;row-gap:0;padding:.35rem 0;margin:1rem 0} .guidance-choice>label{align-items:center;font-size:.875rem;min-height:2.75rem;margin:0}.guidance-choice input{margin:0}.guidance-choice .guidance-how{margin-left:auto} .guidance-choice-status{flex-basis:100%;margin:0 0 .5rem 1.75rem}.guidance-status:empty{display:none} .guidance-disclosure-body{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}.guidance-disclosure-body .guidance-how{order:2}.guidance-disclosure-body .guidance-status{flex-basis:100%} .spread-synthesis-title .question-quote{white-space:normal;max-width:30ch} .method-faq{gap:1rem 3rem}.method-faq>section{padding:0;border-top:1px solid var(--rule)}.method-faq details>summary{cursor:pointer;padding:1.3rem 0;font:500 1.5rem/1.25 'Cormorant Garamond',Georgia,serif;color:var(--ink)}.method-faq details>p{font-size:1rem;line-height:1.75;margin:0 0 1.2rem;color:#c6d0d6} @media(max-width:800px){.guidance-result .guidance-lead{font-size:1.5rem;line-height:1.4}.guidance-chapter h4{font-size:1.5rem}.reading-reference.has-personal-reading>summary{font-size:.8rem}.guidance-actions{align-items:stretch;flex-direction:column}.guidance-actions .quiet-link{align-self:flex-start}.guidance-choice{display:block}.guidance-choice .guidance-how{margin-left:1.75rem}.guidance-kicker{margin-top:.5rem}.method-faq{display:block}} /* Ivory light travelling along a satin edge. These are affordances, not replacement button surfaces: the original primary/secondary fills remain. */ @property --oa-edge-angle { syntax: ''; initial-value: 25deg; inherits: false; } :root { --oa-edge-rest: #cfbb8e49; --oa-edge-light: #f4e8ca; --oa-edge-metal: #c5a776; --oa-edge-glass: #a2b8c6; } [data-edge-static] { position: relative; } [data-olivia-edge] { --oa-edge-opacity: .68; } [data-olivia-edge] > olivia-edge { position: absolute; display: block; inset: -1px; padding: 1px; margin: 0; border: 1px solid var(--oa-edge-rest); border-radius: inherit; pointer-events: none; user-select: none; z-index: 2; opacity: var(--oa-edge-opacity); transition: opacity .28s var(--ease-settle); } /* Mask the centre completely: the highlight never washes across text or art. */ @supports ((mask-composite: exclude) or (-webkit-mask-composite: xor)) { [data-olivia-edge] > olivia-edge { border: 0; background: conic-gradient(from var(--oa-edge-angle,25deg), var(--oa-edge-rest) 0deg 65deg, var(--oa-edge-glass) 103deg, var(--oa-edge-light) 118deg, var(--oa-edge-metal) 137deg, var(--oa-edge-rest) 168deg 259deg, #eee2c67a 288deg, var(--oa-edge-rest) 325deg 360deg); -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); -webkit-mask-composite: xor; mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0); mask-composite: exclude; animation: olivia-edge-orbit 9s linear infinite; animation-delay: var(--oa-edge-delay,0s); animation-play-state: paused; } [data-edge-visible] > olivia-edge { animation-play-state: running; } } /* Native fields cannot contain an edge element. Two background clips draw exactly the same one-pixel perimeter without wrapping or moving the field. */ [data-edge-field] { --oa-field-surface: #172e41; border: 1px solid #bea77d94; border-radius: 3px; background-color: var(--oa-field-surface); color: var(--ink,#f0e7d7); caret-color: var(--oa-edge-light); } @supports (background: conic-gradient(from 0deg, #000, #fff)) { [data-edge-field] { border-color: transparent; background-image: linear-gradient(var(--oa-field-surface),var(--oa-field-surface)), conic-gradient(from var(--oa-edge-angle,25deg),#c9b58b66 0deg 75deg,#adc0ca 107deg,#f4e8ca 124deg,#c2a67b 147deg,#c9b58b66 179deg 270deg,#e4d8bb99 297deg,#c9b58b66 330deg 360deg); background-origin: padding-box,border-box; background-clip: padding-box,border-box; animation: olivia-edge-orbit 11s linear infinite paused; animation-delay: var(--oa-edge-delay,0s); } [data-edge-field][data-edge-visible] { animation-play-state: running; } } /* These text links have a deliberately quieter frame, so navigation doesn't compete with the filled invitation to begin or keep a reading. */ :is(a,button)[data-olivia-edge]:is(.quiet-link,.guidance-how,.brand,.motion-control,.scroll-cue), .page-top nav [data-olivia-edge],.site-header nav a:not(.nav-reading)[data-olivia-edge], .product-footer [data-olivia-edge] { --oa-edge-opacity: .4; } /* A framed disclosure needs room for its label and its existing +/− control. Keep the original vertical rhythm, but give every summary the same inset. */ details > summary[data-olivia-edge], .reading-reference.has-personal-reading > summary[data-olivia-edge] { padding-inline: .8rem; min-height: 44px; } summary[data-olivia-edge]::after { flex-shrink: 0; } .brand[data-olivia-edge] > olivia-edge { inset: -6px -8px; border-radius: 3px; } :is(.quiet-link,.guidance-how)[data-olivia-edge] > olivia-edge { inset: 0 -5px; border-radius: 3px; } [data-edge-toggle] { cursor: pointer; border-radius: 3px; --oa-edge-opacity: .45; } [data-edge-toggle] > olivia-edge { inset: -3px -5px; } .intention-options [data-edge-toggle] > olivia-edge { inset: 0; } [data-edge-art] { --oa-edge-opacity: .36; } [data-edge-art] > olivia-edge { inset: 0; border-radius: inherit; } .home-sample-reveal > olivia-edge { inset: 0 0 2.5rem; border-radius: 3.8%/2.2%; } [data-edge-range] { accent-color: #dac499; } [data-edge-range]::-webkit-slider-thumb { box-shadow: 0 0 0 2px #f4e8ca66; } [data-edge-range]::-moz-range-thumb { box-shadow: 0 0 0 2px #f4e8ca66; } [data-olivia-edge]:is(:hover,:focus-visible,:focus-within) { --oa-edge-opacity: 1; } [data-edge-field]:focus { --oa-field-surface: #1c364b; } [data-olivia-edge]:focus-visible, [data-edge-toggle]:has(input:focus-visible) { outline: 2px solid #e6d4ab; outline-offset: 4px; } [data-olivia-edge]:is(:disabled,[aria-disabled='true'],[readonly]) > olivia-edge, [data-edge-toggle]:has(input:disabled) > olivia-edge { opacity: 0; animation: none; } [data-edge-field]:is(:disabled,[readonly]) { animation: none; border-color: #c9b58b35; background-image: none; } [data-edge-field]:user-invalid { border-color: #d79e90; } /* Frozen motion retains the continuous fine frame and clear focus state. */ .quiet [data-olivia-edge], .quiet [data-olivia-edge] > olivia-edge, [data-edge-motion='off'] [data-olivia-edge], [data-edge-motion='off'] [data-olivia-edge] > olivia-edge, [data-motion='off'] [data-olivia-edge], [data-motion='off'] [data-olivia-edge] > olivia-edge, html:has(#motion[aria-pressed='true']) [data-olivia-edge], html:has(#motion[aria-pressed='true']) [data-olivia-edge] > olivia-edge { animation-play-state: paused !important; } @keyframes olivia-edge-orbit { to { --oa-edge-angle: 385deg; } } @media(prefers-reduced-motion:reduce) { [data-olivia-edge],[data-olivia-edge] > olivia-edge { animation: none !important; transition: none !important; } } @media(forced-colors:active) { [data-olivia-edge] > olivia-edge { background: none; mask: none; -webkit-mask: none; border: 1px solid ButtonText; opacity: 1; } [data-edge-field] { background-image: none; border: 1px solid FieldText; } } @media print { olivia-edge { display:none !important; } } /* Native almanac navigation needs the same breathing room as reading controls. */ html :is(.alm-mast-link,.alm-colophon-link)[data-olivia-edge]{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.55rem .65rem;--oa-edge-opacity:.4} html :is(.alm-mast-link,.alm-colophon-link)[data-olivia-edge] > olivia-edge{border-radius:3px} html .alm-wordmark[data-olivia-edge] > olivia-edge{inset:-5px -8px;border-radius:3px;opacity:.4} html .reading-link[data-olivia-edge]{padding-inline:1rem} /* The wordmark holds the reading until its answer is ready. */ .reading-loader{ display:flex;flex-direction:column;align-items:center;justify-content:center; min-height:clamp(17rem,39svh,27rem);width:100%;padding:2.5rem 1rem; color:#eadfc8;opacity:1;contain:layout style; transition:opacity 340ms var(--ease-settle),transform 340ms var(--ease-settle); } .reading-loader[hidden]{display:none!important} .reading-loader-status{ position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden; clip:rect(0,0,0,0);white-space:nowrap;border:0; } .reading-loader-signature{display:flex;flex-direction:column;align-items:center} .reading-loader-name{ display:flex;align-items:baseline;font:400 clamp(4.8rem,8vw,6.8rem)/.9 'Cormorant Garamond',Georgia,serif; letter-spacing:-.055em;white-space:nowrap;font-kerning:normal; } .reading-loader-name>span{display:inline-block;animation:reading-letter-light 4.8s ease-in-out infinite;animation-delay:calc(var(--loader-letter)*.22s)} .reading-loader-name>span:nth-child(4){margin-left:.014em} .reading-loader-name>span:nth-child(5){margin-left:.022em} .reading-loader-name>span:nth-child(6){margin-left:.015em} .reading-loader-arcana{ margin-top:1.3rem;padding-left:.45em;font:400 .65rem/1.4 'DM Sans',sans-serif; letter-spacing:.45em;color:#c3b38e; } .reading-loader-track{ display:block;position:relative;overflow:hidden;isolation:isolate;width:8.5rem;height:1px; margin-top:2.7rem;background:#c4b18a2e;border-radius:1px; } .reading-loader-light{ display:block;position:absolute;inset:0 auto 0 0;width:55%; background:linear-gradient(90deg,transparent,#dfc797 45%,#f1e6cf 55%,transparent); transform:translateX(-110%);animation:reading-light-pass 3.8s cubic-bezier(.4,0,.25,1) infinite; } .reading-loader[data-state="complete"]{opacity:0;transform:translateY(-5px)} .reading-loader[data-state="complete"] .reading-loader-name>span{animation:none;color:#f0e5cf} .reading-loader[data-state="complete"] .reading-loader-light{animation:none;transform:translateX(90%);opacity:0;transition:opacity .2s} @keyframes reading-letter-light{ 0%,17%,60%,100%{color:#d6cdbb;opacity:.66} 32%{color:#f2e7d1;opacity:1} 43%{color:#dac394;opacity:.92} } @keyframes reading-light-pass{ 0%{transform:translateX(-110%);opacity:0} 16%{opacity:.85} 70%{opacity:1} 100%{transform:translateX(205%);opacity:0} } @media(max-width:600px){.reading-loader{min-height:17rem;padding-block:2rem}.reading-loader-name{font-size:5rem}.reading-loader-arcana{font-size:.6rem}.reading-loader-track{margin-top:2.35rem}} @media(prefers-reduced-motion:reduce){ .reading-loader{transition:none} .reading-loader-name>span{animation:none;color:#eadfc8;opacity:1} .reading-loader-light{animation:none;transform:translateX(42%);opacity:.75} .reading-loader[data-state="complete"]{transform:none} } /* One preparation state: artwork remains, every interpretation waits for the answer. */ #reading-view[data-guidance-state="pending"] .reading-copy>:not(#reading-copy-guidance), #reading-view[data-guidance-state="pending"] #card-index{display:none!important} #reading-view[data-guidance-state="pending"] .reading-layout{align-items:center;min-height:65svh} #reading-view[data-guidance-state="pending"] .reading-copy{align-self:center} #reading-view[data-guidance-state="pending"] #reading-copy-guidance .question-guidance{margin:0;padding:0} #spreads-view[data-guidance-waiting="true"] #spread-position-copy>:not(.eyebrow):not(h2):not(.art-look), #spreads-view[data-guidance-waiting="true"] #spread-art-line{display:none!important} #spreads-view[data-guidance-state="pending"] .spread-ritual-head, #spreads-view[data-guidance-state="pending"] .spread-workspace, #spreads-view[data-guidance-state="pending"] .spread-synthesis-title>:not(#spread-connections), #spreads-view[data-guidance-state="pending"] #spread-connections figcaption, #spreads-view[data-guidance-state="pending"] .spread-synthesis-copy>:not(#spread-synthesis-copy-guidance){display:none!important} #spreads-view[data-guidance-state="pending"] #spread-synthesis{min-height:67svh;padding-block:2rem;border-top:0;align-items:center;margin-top:0} #spreads-view[data-guidance-state="pending"] .spread-synthesis-title{position:static;align-self:center} #spreads-view[data-guidance-state="pending"] #spread-connections{margin:0;justify-content:center} #spreads-view[data-guidance-state="pending"] #spread-connections figure{max-width:27%} #spreads-view[data-guidance-state="pending"] .spread-synthesis-copy{align-self:center} .question-guidance[data-state="pending"]{border:0!important;padding:0!important;margin:0!important} .reading-loader:focus{outline:none} .question-guidance[data-state="ready"] .guidance-result{animation:reading-answer-arrive .7s var(--ease-settle) both} @keyframes reading-answer-arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}} @media(max-width:800px){ #reading-view[data-guidance-state="pending"] .reading-layout{display:flex;flex-direction:column-reverse;gap:1rem;min-height:0} #reading-view[data-guidance-state="pending"] .reading-copy{width:100%} #reading-view[data-guidance-state="pending"] .reading-art{max-width:10rem;margin:0 auto} #reading-view[data-guidance-state="pending"] .reading-loader{min-height:15rem} #spreads-view[data-guidance-state="pending"] #spread-synthesis{display:flex;flex-direction:column-reverse;justify-content:center;gap:1rem;min-height:70svh;padding-top:0} #spreads-view[data-guidance-state="pending"] .spread-synthesis-copy{width:100%} #spreads-view[data-guidance-state="pending"] .spread-synthesis-title{width:min(100%,22rem)} #spreads-view[data-guidance-state="pending"] .reading-loader{min-height:17rem} } @media(prefers-reduced-motion:reduce){.question-guidance[data-state="ready"] .guidance-result{animation:none}} /* The handheld edition: one task in reach, the same Olivia beneath it. */ .mobile-masthead,.mobile-dock,.mobile-practice-pager{display:none} .mobile-explore:not([open]){display:none} @media(max-width:700px){ body.mobile-experience{--mobile-nav-height:calc(72px + env(safe-area-inset-bottom,0px));--gutter:24px;-webkit-tap-highlight-color:transparent} body.mobile-experience[data-mobile-immersive=true]{--mobile-nav-height:0px} .mobile-experience .site-header,.mobile-experience .product-page>.page-top,.mobile-experience .aj-page>.page-top{visibility:hidden;pointer-events:none} .mobile-masthead{position:absolute;inset:0 0 auto;z-index:44;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(14px + env(safe-area-inset-top,0px)) 24px 12px;min-height:70px;box-sizing:border-box;pointer-events:none} .mobile-masthead>*{pointer-events:auto} .mobile-signature{display:flex;align-items:baseline;gap:.6rem;color:#f0e5cf;font:400 29px/1 'Cormorant Garamond',Georgia,serif;text-decoration:none;min-height:44px;padding-top:8px} .mobile-signature span{font:500 8px/1.4 'DM Sans',sans-serif;letter-spacing:.23em} .mobile-menu-toggle{display:flex;align-items:center;gap:12px;min-width:87px;min-height:44px;padding:8px 10px;border:1px solid #c5b99850;border-radius:22px;background:#13283b66;color:#e7dfcd;font-size:11px} .mobile-menu-toggle i{display:grid;gap:5px;width:15px}.mobile-menu-toggle b{display:block;height:1px;background:currentColor;width:15px}.mobile-menu-toggle b:last-child{width:10px;justify-self:end} .mobile-dock{position:fixed;inset:auto 0 0;z-index:42;display:grid;grid-template-columns:repeat(4,1fr);height:var(--mobile-nav-height);padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));background:#0a1a2be8;border-top:1px solid #c9b98f35;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-sizing:border-box} .mobile-dock a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;min-height:50px;text-decoration:none;color:#98adbb;position:relative;border-radius:12px;font-size:10px;line-height:1.2;letter-spacing:.025em} .mobile-dock svg{width:22px;height:22px}.mobile-dock a[aria-current=page]{color:#f0dfba;background:#d7c2930b}.mobile-dock a[aria-current=page]:after{content:'';position:absolute;bottom:-3px;width:15px;height:2px;border-radius:2px;background:#d7bb83} .mobile-experience .mobile-dock a:before{display:none!important} .mobile-masthead[hidden],.mobile-dock[hidden]{display:none!important} .mobile-explore{position:fixed;inset:auto 0 0;width:100%;max-width:none;max-height:calc(100dvh - env(safe-area-inset-top) - 16px);margin:0;padding:20px 24px calc(26px + env(safe-area-inset-bottom));color:#eee2c9;background:#102437;border:1px solid #aeb8b63b;border-bottom:0;border-radius:24px 24px 0 0;box-shadow:0 -25px 90px #0005;box-sizing:border-box;overscroll-behavior:contain;overflow:auto} .mobile-explore[open]{animation:mobile-sheet-arrive .32s var(--ease-settle)}.mobile-explore::backdrop{background:#04121abf;backdrop-filter:blur(9px)} .mobile-menu-open{overflow:hidden} .mobile-sheet-top{display:flex;justify-content:space-between;align-items:center}.mobile-sheet-top>span{font-size:9px;letter-spacing:.22em;color:#c5b492}.mobile-sheet-close{min-width:44px;min-height:44px;border:1px solid #b9bba94d;border-radius:50%;font-size:27px;line-height:1;color:#eee2c9} .mobile-explore h2{font:400 40px/1.05 'Cormorant Garamond',serif;letter-spacing:-.025em;margin:25px 0 8px;max-width:280px}.mobile-explore>p{font-size:13px;color:#aebfcc;margin:0 0 25px} .mobile-explore-links{display:grid}.mobile-explore-links a{display:grid;grid-template-columns:22px 1fr 16px;align-items:center;gap:12px;min-height:84px;border-top:1px solid #b9b69f33;text-decoration:none;color:#eee2c9;padding:12px 0}.mobile-explore-number{font:italic 16px 'Cormorant Garamond';color:#baa77f}.mobile-explore-links strong{display:block;font:400 24px/1.1 'Cormorant Garamond',serif}.mobile-explore-links small{display:block;font:400 11px/1.6 'DM Sans',sans-serif;color:#a9bdcb;margin-top:5px}.mobile-explore-links i{font-style:normal;color:#d8bf8b} .mobile-sheet-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px 15px;padding-top:16px;border-top:1px solid #b9b69f33}.mobile-sheet-footer a,.mobile-sheet-footer button{display:flex;align-items:center;text-align:left;min-height:44px;font-size:11px;text-decoration:none;color:#c3ced3} .mobile-experience :is(input,textarea,select){font-size:16px!important}.mobile-experience textarea{line-height:1.6;scroll-margin-block:6rem 8rem} .mobile-experience :is(summary,button,a):focus-visible{outline:2px solid #e3c795;outline-offset:4px} .mobile-experience .home-footer{padding-bottom:calc(2rem + var(--mobile-nav-height))} /* Full-height opening, with the action in the lower thumb zone. Canvas choreography is untouched. */ body.mobile-experience[data-view=home]:not(.cinema) .identity{top:108px;left:24px} body.mobile-experience[data-view=home]:not(.cinema) .identity-kicker{font-size:8px;letter-spacing:.17em} body.mobile-experience[data-view=home]:not(.cinema) #intro{left:24px;right:24px;top:55%;bottom:auto;width:auto;max-width:380px} body.mobile-experience[data-view=home]:not(.cinema) #intro h2{font-size:clamp(30px,8.8vw,40px);line-height:1.04;margin-bottom:12px} body.mobile-experience[data-view=home]:not(.cinema) #intro .intro-body{font-size:12px;line-height:1.65;margin-bottom:16px} body.mobile-experience[data-view=home]:not(.cinema) #intro .reading-link{width:100%;min-height:54px;justify-content:space-between;font-size:13px;padding:0 18px;box-sizing:border-box;border-radius:6px} body.mobile-experience[data-view=home]:not(.cinema) .reading-facts{font-size:10px;margin-top:10px} body.mobile-experience[data-view=home]:not(.cinema) #resume-link{font-size:10px;min-height:30px;margin-top:0;padding:4px 0} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls{bottom:calc(var(--mobile-nav-height) + 8px);left:24px;right:24px;display:flex;justify-content:space-between;gap:10px} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .motion-control{display:none} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .scroll-cue{max-width:125px;min-height:40px} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .scroll-cue span{font-size:8px;letter-spacing:.1em} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .journey-control{font-size:16px;min-height:40px;padding:0 8px;flex:0 1 auto} /* A swipeable visual introduction, with explicit page controls as an alternative. */ .mobile-experience #home-content #discover.home-practice{padding-top:54px;padding-bottom:38px} .mobile-experience .home-showcase h2{font-size:clamp(36px,11vw,46px);line-height:1.04} .mobile-experience .home-kicker{font-size:9px;line-height:1.7}.mobile-experience .home-body{font-size:14px;line-height:1.8} .mobile-experience .home-ritual-scenes{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:8px 24px 18px;margin:24px -24px 0;scroll-padding-inline:24px;scrollbar-width:none} .mobile-experience .home-ritual-scenes::-webkit-scrollbar{display:none}.mobile-experience .home-ritual-scenes>li{display:flex;flex-direction:column;align-items:stretch;flex:0 0 82%;scroll-snap-align:start;padding:0;border:0;gap:20px}.mobile-experience .home-ritual-scenes>li:nth-child(2) .home-scene{order:0} .mobile-experience .home-scene{height:290px;background:radial-gradient(ellipse at center,#213d5159,transparent 70%)} .mobile-experience .home-question-paper,.mobile-experience .home-note-paper{width:88%;min-height:220px;padding:27px 20px}.mobile-experience .home-question-paper p,.mobile-experience .home-note-paper p{font-size:25px;line-height:1.1;margin:20px 0 25px}.mobile-experience .home-question-paper .home-mini-label,.mobile-experience .home-note-paper .home-mini-label{font-size:8px}.mobile-experience .home-handmark{font-size:65px} .mobile-experience .home-card-scene img{width:53%;top:46%}.mobile-experience .home-art-annotation{bottom:5px;font-size:17px}.mobile-experience .home-step-copy{display:grid;grid-template-columns:24px 1fr;gap:10px}.mobile-experience .home-step-copy h3{font-size:27px;margin-bottom:8px}.mobile-experience .home-step-copy p{font-size:13px;line-height:1.65}.mobile-experience .home-step-copy>span{font-size:10px;padding-top:4px} .mobile-practice-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.mobile-practice-pager>p{font-size:10px;line-height:1.5;color:#aabac5;max-width:145px;margin:0}.mobile-practice-pager>div{display:flex;gap:4px}.mobile-practice-pager button{width:44px;height:44px;border-bottom:1px solid #ada08345;color:#879dac;font-size:10px}.mobile-practice-pager button[aria-current=true]{border-color:#e6c98e;color:#e6c98e} .mobile-experience .home-practice>.home-sample-caption{font-size:10px;max-width:100%;margin-top:16px} .mobile-experience .home-spread-intro>.home-body,.mobile-experience .home-spread-copy .home-body,.mobile-experience .home-memory-heading>.home-body,.mobile-experience .home-symbol-copy>.home-body{font-size:14px;line-height:1.8} .mobile-experience .home-spread-table{height:330px}.mobile-experience .home-spread-copy{padding-top:20px}.mobile-experience .home-spread-copy h3{font-size:32px}.mobile-experience .home-table-instruction{font-size:16px}.mobile-experience .home-spread-tabs{justify-content:center}.mobile-experience .home-spread-tabs button{min-height:58px}.mobile-experience .home-table-card figcaption{font-size:10px} .mobile-experience .home-sample{gap:22px}.mobile-experience .home-sample-reveal{width:65%;max-width:260px}.mobile-experience .home-sample-meaning{font-size:15px;line-height:1.8}.mobile-experience .home-sample-prompt>p{font-size:26px} .mobile-experience .home-memory-page{padding:24px 18px;grid-template-columns:.45fr 1fr}.mobile-experience .home-memory-writing blockquote{font-size:22px;line-height:1.2}.mobile-experience .home-memory-next p{font-size:12px;line-height:1.65}.mobile-experience .home-memory-tabs b{font-size:12px}.mobile-experience .home-memory-page .home-mini-label{font-size:8px}.mobile-experience .home-memory-card>span{font-size:7px} /* A focused question canvas. Existing form, consent and recommendation remain authoritative. */ body.mobile-experience[data-view=question] #question-view{padding:calc(88px + env(safe-area-inset-top)) 24px calc(30px + env(safe-area-inset-bottom));max-width:none} .mobile-experience #question-view>.reading-steps{margin-bottom:20px;justify-content:space-between;max-width:340px;font-size:10px} .mobile-experience #question-view .question-entry-intro h2{font-size:43px;line-height:1;letter-spacing:-.025em;margin:0 0 10px}.mobile-experience .question-entry-intro>p{font-size:13px;line-height:1.65;margin:0 0 22px;max-width:300px} .mobile-experience #question-form>label{font-size:12px;margin-bottom:10px}.mobile-experience #question-form .question-examples{margin:-34px 0 10px 110px}.mobile-experience #question-form .question-examples[open]{margin:0 0 10px}.mobile-experience .question-examples summary{min-height:34px;font-size:11px} .mobile-experience #question-form textarea{min-height:116px;padding:18px 16px;background:#10293b8c;border:1px solid #9ca9a94f;border-radius:10px;font:400 16px/1.6 'DM Sans',sans-serif}.mobile-experience #question-form textarea:focus{background:#173043;border-color:#deca9d} .mobile-experience #question-form .reading-recommendation{grid-template-columns:67px 1fr;gap:18px;padding:18px 0;margin:18px 0 10px}.mobile-experience .recommendation-art{height:100px}.mobile-experience .recommendation-art img{width:50px;height:86px}.mobile-experience .recommendation-copy h3{font-size:27px}.mobile-experience .recommendation-copy .eyebrow{font-size:8px}.mobile-experience .recommendation-copy>p:not(.eyebrow){font-size:12px;line-height:1.6}.mobile-experience .reading-size-choice summary{min-height:40px;font-size:12px} .mobile-experience .guidance-choice{margin:4px 0 12px}.mobile-experience .guidance-choice>label{font-size:13px;min-height:44px;line-height:1.5}.mobile-experience .guidance-choice input{width:19px;height:19px}.mobile-experience .guidance-choice .guidance-how{font-size:11px;min-height:36px;margin-left:28px} .mobile-experience #question-form>button[type=submit]{position:sticky;bottom:calc(12px + env(safe-area-inset-bottom));min-height:58px;border-radius:8px;font-size:14px;box-shadow:0 8px 25px #020d20b3;z-index:10}.mobile-experience[data-mobile-keyboard=true] #question-form>button[type=submit]{position:static;box-shadow:none} .mobile-experience .question-entry-extras{margin-top:24px}.mobile-experience :is(.reading-preferences,.other-reading-ways) summary{min-height:50px;font-size:13px}.mobile-experience .reading-size-options>label{min-height:58px;padding:12px;border-radius:6px}.mobile-experience .reading-size-options strong{font-size:13px}.mobile-experience .reading-size-options small{font-size:11px} .mobile-experience[data-view=question] #motion-stage{visibility:hidden}.mobile-experience[data-view=question] #atmosphere{opacity:.4} .mobile-experience[data-view=choose] .choose-heading{top:95px;left:24px;right:24px}.mobile-experience[data-view=choose] .choose-heading h2{font-size:40px}.mobile-experience[data-view=choose] .choose-heading .reading-steps{font-size:10px;margin-bottom:18px}.mobile-experience[data-view=choose] .choose-footer{left:24px;right:24px;bottom:calc(20px + env(safe-area-inset-bottom));font-size:13px}.mobile-experience #choose-status{font-size:12px;line-height:1.65} .mobile-experience .single-card-layer{padding:calc(76px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));box-sizing:border-box} .single-card-layer[data-mobile-layout] .single-card-actions{top:var(--single-actions-top);left:var(--single-actions-left);width:var(--single-actions-width);max-width:none;transform:none}.single-card-layer[data-mobile-layout] .single-card-actions button{min-height:58px;width:100%;min-width:0;font-size:14px;border-radius:8px}.single-card-layer[data-mobile-layout] .single-card-hint{font-size:12px;max-width:none}.single-card-layer[data-mobile-layout] .single-card-actions .eyebrow{font-size:9px} body.mobile-experience[data-mobile-keyboard=true] .mobile-dock{display:none} } @media(max-width:700px) and (max-height:720px){body.mobile-experience[data-view=home]:not(.cinema) #intro{top:54%}body.mobile-experience[data-view=home]:not(.cinema) #intro h2{font-size:29px}body.mobile-experience[data-view=home]:not(.cinema) #intro .intro-body{font-size:11px;margin-bottom:12px}body.mobile-experience[data-view=home]:not(.cinema) #resume-link{display:none}body.mobile-experience[data-view=home]:not(.cinema) .identity{top:85px}body.mobile-experience[data-view=home]:not(.cinema) .reading-facts{font-size:9px}body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .scroll-cue{display:none}body.mobile-experience[data-view=home]:not(.cinema) .experience-controls{justify-content:flex-end}} @media(max-width:360px){.mobile-masthead{padding-inline:20px}.mobile-signature{font-size:26px}.mobile-signature span{font-size:7px}.mobile-experience #question-view .question-entry-intro h2{font-size:38px}.mobile-experience .home-scene{height:260px}.mobile-experience .home-memory-page{grid-template-columns:1fr}.mobile-experience .home-memory-card{width:90px;float:left}.mobile-experience .home-memory-page:after{display:none}} @keyframes mobile-sheet-arrive{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}} @media(prefers-reduced-motion:reduce){.mobile-explore[open]{animation:none}.mobile-experience .home-ritual-scenes{scroll-behavior:auto}} @media(max-width:700px), (max-height:500px) and (pointer:coarse){ .single-card-layer[data-mobile-layout]{padding:calc(76px + env(safe-area-inset-top)) calc(20px + env(safe-area-inset-right)) calc(20px + env(safe-area-inset-bottom)) calc(20px + env(safe-area-inset-left));box-sizing:border-box} .single-card-layer[data-mobile-layout] .single-card-actions{top:var(--single-actions-top);left:var(--single-actions-left);width:var(--single-actions-width);max-width:none;max-height:var(--single-actions-max-height);transform:none;overflow-y:auto} body[data-view=choose] .fallback-choices .card-hit{touch-action:none} } @media(max-width:700px){ .mobile-experience #question-form .question-examples{margin:0 0 10px!important} .mobile-experience .question-examples summary{width:max-content;max-width:100%;margin-left:auto;padding-inline:10px} .mobile-experience .mobile-signature>olivia-edge,.mobile-experience .mobile-dock a>olivia-edge{display:none} } @media(max-width:700px){ /* Later phone layouts must not detach a control's perimeter from its hit area. */ .mobile-experience [data-edge-static]{position:relative!important} } @media(max-width:700px){ body.mobile-experience[data-mobile-immersive=false] :is(.product-page,.st-page,.physical-page){padding-bottom:calc(3rem + var(--mobile-nav-height))} } @media(max-width:700px){ body.mobile-experience[data-view=question] #question-view{padding-top:calc(84px + env(safe-area-inset-top))} .mobile-experience #question-view .question-entry-intro h2{font-size:40px} .mobile-experience .question-entry-intro>p{margin-bottom:16px} .mobile-experience #question-form .reading-recommendation{padding-block:15px} } @media(max-width:700px){ body.mobile-experience[data-view=choose] #hero-region{height:max(790px,100svh)} body.mobile-experience[data-view=choose] #stage{height:100%} body.mobile-experience[data-view=choose] #motion-stage{top:230px;bottom:218px;opacity:1} body.mobile-experience[data-view=choose] #motion-stage:has(.mobile-single-deck) #cards,body.mobile-experience[data-view=choose] #motion-stage:has(.mobile-single-deck) .poster{visibility:hidden!important} body.mobile-experience[data-view=choose] #card-choices.mobile-single-deck{inset:0;overflow:visible} body.mobile-experience[data-view=choose] .mobile-single-deck .card-hit{width:min(57vw,218px);height:auto;aspect-ratio:7/12;left:50%;top:50%;transform:translate(calc(-50% + var(--mobile-card-distance)*46px),calc(-50% + var(--mobile-card-depth)*9px)) rotate(var(--mobile-card-angle));clip-path:none;background:none;touch-action:none} .mobile-single-deck .card-hit img{display:block;width:100%;height:100%;border-radius:3.8%/2.2%;box-shadow:0 0 0 1px #beae8a88,2px 3px 0 #938369,4px 6px 0 #1c3044,12px 20px 30px #0008;pointer-events:none;user-select:none;-webkit-user-drag:none} .mobile-single-deck .card-hit[data-lifted] img{visibility:hidden} .mobile-experience[data-single-state=held] .mobile-single-deck,.mobile-experience[data-single-state=extracting] .mobile-single-deck,.mobile-experience[data-single-state=revealing] .mobile-single-deck,.mobile-experience[data-single-state=revealed] .mobile-single-deck{opacity:.14;transition:opacity .7s} body.mobile-experience[data-view=choose] .choose-heading h2{font-size:36px;max-width:none} body.mobile-experience[data-view=choose] .choose-heading h2 br{display:none} body.mobile-experience[data-view=choose] .choose-heading h2 em:before{content:' '} body.mobile-experience[data-view=choose] .choose-footer{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px;bottom:calc(20px + env(safe-area-inset-bottom))} .mobile-experience #choice-navigation{grid-column:1/-1;justify-content:space-between;width:100%;margin-bottom:2px} .mobile-experience #random-card{min-height:44px;font-size:12px;margin:0;padding:5px 8px;gap:8px;width:100%} .mobile-experience #change-question{font-size:12px;min-height:44px;justify-self:end;padding-inline:10px} .mobile-experience #choose-status{grid-column:1/-1;font-size:12px;line-height:1.6;max-width:310px;margin:0} } @media(max-width:700px){ .mobile-single-deck{transition:opacity .8s ease,transform .8s var(--ease-settle)} .mobile-single-deck[inert]{opacity:.14;transform:translateY(14px)} } @media(prefers-reduced-motion:reduce){.mobile-single-deck{transition:none}} /* A phone opens into a composed cover. The long cinematic sequence is opt-in. */ .mobile-question-next,.mobile-question-preview,.mobile-question-back{display:none} @media(max-width:700px){ body.mobile-experience[data-view=home]:not(.cinema) #hero-region{height:100svh;min-height:640px} body.mobile-experience[data-view=home]:not(.cinema) #stage{height:100%;position:relative} body.mobile-experience[data-view=home]:not(.cinema) .mobile-signature{visibility:hidden} .mobile-menu-toggle{min-width:44px;width:44px;height:44px;padding:12px;justify-content:center;border-radius:50%;background:transparent;border-color:#c5b99828} .mobile-menu-toggle>span{display:none}.mobile-menu-toggle i,.mobile-menu-toggle b{width:18px}.mobile-menu-toggle b:last-child{width:18px} body.mobile-experience[data-view=home]:not(.cinema) .identity{top:83px;left:0;width:100%;text-align:center} body.mobile-experience[data-view=home]:not(.cinema) .identity-kicker{display:none} body.mobile-experience[data-view=home]:not(.cinema) .wordmark-name{justify-content:center;font-size:82px;line-height:.84} body.mobile-experience[data-view=home]:not(.cinema) .wordmark-secondary{justify-content:center;width:100%;font-size:10px;letter-spacing:.42em;margin-top:16px;padding-left:.42em} body.mobile-experience[data-view=home]:not(.cinema) .wordmark-secondary i{display:none} body.mobile-experience[data-view=home]:not(.cinema) #motion-stage{transform:translate(-8vw,70px) scale(1.2);transform-origin:58% 35%} body.mobile-experience[data-view=home]:not(.cinema) #intro{top:auto;bottom:82px;left:26px;right:26px;width:auto;max-width:none;text-align:center} body.mobile-experience[data-view=home]:not(.cinema) #intro h2{font-size:34px;line-height:1.04;margin:0 0 22px;letter-spacing:-.02em} body.mobile-experience[data-view=home]:not(.cinema) #intro .intro-body,body.mobile-experience[data-view=home]:not(.cinema) .reading-facts,body.mobile-experience[data-view=home]:not(.cinema) #resume-link{display:none} body.mobile-experience[data-view=home]:not(.cinema) #intro .reading-link{min-height:58px;border-radius:30px;justify-content:space-between;font-size:15px;padding:0 22px;margin:0;background:#eee2c9;color:#142638;box-shadow:0 8px 35px #02091644} body.mobile-experience[data-view=home]:not(.cinema) #intro .reading-link i{border:0;width:auto;height:auto;background:none} body.mobile-experience[data-view=home]:not(.cinema) #intro .reading-link span{border:0;text-decoration:none} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls{bottom:17px;left:26px;right:26px;justify-content:center} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .journey-control{font-size:19px;min-height:44px;padding:0 18px;border-radius:25px} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .scroll-cue{position:absolute;right:0;bottom:0;width:44px;min-height:44px;justify-content:center;border-radius:50%} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .scroll-cue span{display:none} .mobile-experience .mobile-explore-links a{min-height:73px;border-radius:0}.mobile-experience .mobile-explore-links strong{font-size:26px}.mobile-experience .mobile-explore-links small{font-size:12px}.mobile-experience .mobile-explore-number{display:none}.mobile-explore-links a{grid-template-columns:1fr 16px}.mobile-experience .mobile-explore h2{font-size:44px}.mobile-sheet-footer a,.mobile-sheet-footer button{font-size:12px} .mobile-experience :is(.quiet-link,.guidance-how,.scroll-cue,.journey-control,.mobile-explore-links a,.mobile-sheet-footer a,.mobile-sheet-footer button)[data-olivia-edge]{--oa-edge-opacity:.18} .mobile-experience :is(button,a)[data-olivia-edge]:focus-visible{--oa-edge-opacity:1} /* The question is one quiet canvas, followed by a deliberate format choice. */ body.mobile-experience[data-view=question] #hero-region{height:auto;min-height:100svh} body.mobile-experience[data-view=question] #stage{position:relative;min-height:100svh;height:auto} body.mobile-experience[data-view=question] #question-view{position:relative;inset:auto;width:100%;padding:116px 26px 36px;min-height:100svh;box-sizing:border-box} #question-view[data-mobile-question]>.reading-steps,#question-view[data-mobile-question]>.eyebrow,#question-view[data-mobile-question]>.quiet-link,#question-view[data-mobile-question]>br,#question-view[data-mobile-question] .question-entry-intro>p,#question-view[data-mobile-question] .question-entry-intro>[data-home]{display:none} .mobile-experience #question-view .question-entry-intro h2{font-size:52px;line-height:.98;letter-spacing:-.03em;margin:0 0 30px;max-width:none} #question-view[data-mobile-question] #question-form{max-width:none;margin:0;display:block} #question-view[data-mobile-question] #question-form>label{font-size:12px;color:#c5bbab;margin-bottom:12px} #question-view[data-mobile-question] #question-form .question-examples{margin:0 0 15px!important} #question-view[data-mobile-question] .question-examples summary{margin:0;min-height:44px;font-size:13px;padding-inline:0} #question-view[data-mobile-question] #question-form textarea{min-height:200px;padding:22px 20px;border-radius:14px;background-color:#132d4073;--oa-field-surface:#112639;font:400 22px/1.4 'Cormorant Garamond',serif!important;resize:vertical} #question-view[data-mobile-question] .mobile-question-next{display:flex;width:100%;min-height:58px;padding:0 24px;margin-top:26px;border-radius:30px;font-size:15px;align-items:center;justify-content:space-between} #question-view[data-mobile-question] .mobile-question-preview{display:flex;gap:14px;align-items:start;margin:0 0 30px;border-left:1px solid #bdaa7c77;padding:4px 0 4px 17px} .mobile-question-preview p{font:italic 23px/1.28 'Cormorant Garamond',serif;color:#d8d2c4;margin:0;flex:1;overflow-wrap:anywhere;max-height:130px;overflow:auto}.mobile-question-preview button{font-size:13px;color:#c6b78f;min-height:44px;padding:0 9px;flex:none;border-radius:22px} #question-view[data-mobile-question] .mobile-question-back{display:inline-flex;margin:0 0 18px;min-height:44px;padding:0 9px;border-radius:22px;font-size:13px;color:#aebdca} #question-view[data-mobile-question=prepare]{padding-top:82px!important} #question-view[data-mobile-question] #question-form .reading-recommendation{display:block;border:0;padding:0;margin:0 0 20px} #question-view[data-mobile-question] .recommendation-art,#question-view[data-mobile-question] .recommendation-copy>.eyebrow,#question-view[data-mobile-question] .recommendation-copy>h3,#question-view[data-mobile-question] .recommendation-copy>p,#question-view[data-mobile-question] .reading-size-choice>summary{display:none} #question-view[data-mobile-question] .reading-size-choice{border:0;margin:0;padding:0} #question-view[data-mobile-question] .reading-size-options{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0} #question-view[data-mobile-question] .reading-size-options>label{display:flex;flex-direction:column;align-items:start;justify-content:space-between;gap:24px;min-height:150px;padding:18px 15px;border-radius:13px;background:#122a3d77;border:1px solid #a998722e;position:relative} #question-view[data-mobile-question] .reading-size-options>label:has(input:checked){background:#24394b;border-color:#e4d0a6} #question-view[data-mobile-question] .reading-size-options>label input{width:18px;height:18px;accent-color:#e9d9b8;position:static;opacity:1} #question-view[data-mobile-question] .reading-size-options strong{font:400 24px/1.05 'Cormorant Garamond',serif;display:block;margin-bottom:9px} #question-view[data-mobile-question] .reading-size-options small{font-size:11px;line-height:1.4;color:#b4c1c9;display:block} #question-view[data-mobile-question] .reading-size-options>button{grid-column:1/-1;min-height:44px;font-size:12px;margin:0 auto;padding:0 10px} #question-view[data-mobile-question] .guidance-choice{margin:12px 0 20px}.mobile-experience .guidance-choice>label{font-size:14px}.mobile-experience .guidance-choice .guidance-how{font-size:12px} #question-view[data-mobile-question] #question-form>button[type=submit]{position:static;width:100%;min-height:58px;border-radius:30px;font-size:14px;padding:0 22px;box-shadow:none} #question-view[data-mobile-question] .question-entry-extras{margin-top:24px}.mobile-experience .question-entry-extras>details>summary{font-size:13px} #question-view[data-mobile-question] [hidden]{display:none!important} body.mobile-experience[data-view=choose] .choose-heading{top:105px;max-width:none} body.mobile-experience[data-view=choose] .choose-heading .reading-steps,body.mobile-experience[data-view=choose] .choose-heading>.eyebrow{display:none} body.mobile-experience[data-view=choose] .choose-heading h2{font-size:42px;max-width:300px}.mobile-experience[data-view=choose] .choose-heading>p:last-child{font-size:14px} body.mobile-experience[data-view=choose] .mobile-single-deck .card-hit{transform:translate(calc(-50% + var(--mobile-card-distance)*25px),calc(-50% + var(--mobile-card-depth)*5px)) rotate(var(--mobile-card-angle))} .mobile-single-deck .card-hit img{filter:brightness(calc(1 - var(--mobile-card-depth)*.16))} .mobile-experience[data-view=choose]:is([data-single-state=held],[data-single-state=extracting],[data-single-state=revealing]) .choose-heading{visibility:hidden} } @media(max-width:700px) and (max-height:740px){ body.mobile-experience[data-view=home]:not(.cinema) .identity{top:64px} body.mobile-experience[data-view=home]:not(.cinema) .wordmark-name{font-size:66px} body.mobile-experience[data-view=home]:not(.cinema) #motion-stage{transform:translate(-8vw,63px) scale(1.06)} body.mobile-experience[data-view=home]:not(.cinema) #intro{bottom:78px} body.mobile-experience[data-view=home]:not(.cinema) #intro h2{font-size:28px;margin-bottom:18px} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls{justify-content:center} #question-view[data-mobile-question=compose]{padding-top:100px!important} #question-view[data-mobile-question=compose] #question-form textarea{min-height:160px} } @media(max-width:700px){ body.mobile-experience[data-view=home]:not(.cinema) .wordmark{width:100%} body.mobile-experience[data-view=home]:not(.cinema) #motion-stage{transform:translate(-8vw,95px) scale(1.2)} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .scroll-cue{position:relative;right:auto;order:2;margin-left:10px} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .journey-control{border-color:transparent;background:transparent;padding:0 8px} #question-view[data-mobile-question] #question-form .question-examples{margin:10px 0 0!important} #question-view[data-mobile-question] .question-examples summary{padding:0 8px;border-radius:24px;--oa-edge-opacity:.15} #question-view[data-mobile-question] #question-form textarea::placeholder{font:400 22px/1.4 'Cormorant Garamond',serif;color:#b2bec5} #question-view[data-mobile-question] .mobile-question-back{align-items:center;--oa-edge-opacity:.15} #question-view[data-mobile-question] .reading-size-options>label{--oa-edge-opacity:.25} #question-view[data-mobile-question=prepare] .question-entry-intro h2{font-size:46px;margin-bottom:24px} #question-view[data-mobile-question=prepare] .mobile-question-preview{margin-bottom:23px} } @media(max-width:700px) and (max-height:740px){body.mobile-experience[data-view=home]:not(.cinema) #motion-stage{transform:translate(-8vw,70px) scale(1.2)}} @media(max-width:700px){ .mobile-experience .deck-navigation button>olivia-edge,.mobile-experience .single-deck-navigation button>olivia-edge{inset:0;border-radius:50%} .mobile-experience :is(.deck-navigation,.single-deck-navigation) button{border-radius:50%;--oa-edge-opacity:.2} .mobile-experience :is(.spread-question-summary>summary,#leave-spread,#deal-spread){border-radius:24px;--oa-edge-opacity:.16} .mobile-experience #spreads-view.is-choosing .deck-dock .deck-browse-hint{font-size:13px;line-height:1.5;max-width:100%} .mobile-experience #spreads-view.is-choosing .deck-dock #deal-spread{font-size:12px} } /* On a phone the ritual is a single object, held in space. */ .mobile-position-title {display:none} @media (max-width:700px) { #spreads-view.is-choosing {padding-inline:var(--mobile-gutter,22px);padding-bottom:calc(1.25rem + env(safe-area-inset-bottom));background:radial-gradient(ellipse at 50% 50%,#1e354655,transparent 66%),#091a2b} #spreads-view .spread-ritual-head, #spreads-view.is-choosing .spread-ritual-head {display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 1rem;align-items:center;margin:0;padding:0;border:0} #spreads-view .spread-ritual-head>div:not(.spread-ritual-actions) {display:contents} #spreads-view .spread-ritual-head>.reading-steps, #spreads-view .spread-ritual-head #spread-kind, #spreads-view .spread-ritual-head h1 {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0} #spreads-view .spread-ritual-head .spread-ritual-actions {grid-column:1;grid-row:1;display:block;width:auto;margin:0} #spreads-view .spread-ritual-actions #leave-spread {display:flex;align-items:center;min-height:44px;padding:0;font-size:.74rem;color:#b8c4cc;white-space:nowrap} #spreads-view .spread-ritual-head .deck-question-disclosure {grid-column:2;grid-row:1;justify-self:end;min-width:0;max-width:100%} #spreads-view .spread-ritual-head .deck-question-disclosure summary, #spreads-view:not(.is-choosing) .deck-question-disclosure summary {display:flex;align-items:center;min-height:44px;padding:0;font-size:.74rem;color:#b8c4cc;gap:.7rem;white-space:nowrap} #spreads-view .spread-ritual-head .deck-question-disclosure[open] {grid-column:1/-1;grid-row:2;justify-self:stretch;width:100%;padding:0 0 .6rem;border-bottom:1px solid #d6c9a824} #spreads-view .spread-ritual-head .deck-question-disclosure[open] summary {justify-content:flex-end} #spreads-view .spread-ritual-head .question-quote {font-size:1.25rem;line-height:1.45;max-width:100%;margin:.3rem 0 .7rem;color:#eee2c8} #spreads-view .deck-question-disclosure #edit-spread-question {display:inline-flex;align-items:center;min-height:44px;padding:.4rem .8rem;margin:0;font-size:.76rem;background:#182d3e;border:1px solid #cdbb8e45;border-radius:2px} #spreads-view.is-choosing .spread-scene {grid-template-columns:1fr;align-items:start;row-gap:0} #spreads-view.is-choosing .deck-stage-intro {padding:.8rem 0 .3rem;text-align:center;min-width:0} #spreads-view.is-choosing .deck-stage-intro>.eyebrow:first-child, #spreads-view.is-choosing .deck-stage-intro h2:not(.mobile-position-title), #spreads-view.is-choosing .deck-stage-description {display:none} #spreads-view.is-choosing .deck-stage-intro .mobile-position-title {display:block;font-size:clamp(1.85rem,8.5vw,2.45rem);font-weight:400;line-height:1.06;letter-spacing:-.025em;margin:.5rem auto 0;max-width:20rem;color:#eee2c8} #spreads-view.is-choosing #spread-pick-label {font-size:.6rem;letter-spacing:.16em;line-height:1.4;margin:0;max-width:100%;color:#bba984} /* A quiet receipt. Each selected card visibly arrives here before the reveal. */ #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board {--reading-card-width:22px!important;height:51px!important;width:100%;max-width:280px;justify-self:center;margin:0;overflow:visible} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-board {max-width:102px} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-board {--reading-card-width:22px!important;max-width:168px} #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-board {--reading-card-width:22px!important} #spread-ritual .spread-workspace[data-phase="choosing"][data-count] .spread-slot:nth-child(n) {top:50%;left:calc((var(--slot-index) + .5) * 100% / var(--spread-count));transform:translate(-50%,-50%)} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:not(.dealt) .spread-card {border:1px solid #d6c39a35;background:transparent} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:not(.dealt) .spread-card:after {font:400 .54rem/1 'DM Sans',sans-serif;color:#b6a887} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-card img {box-shadow:1px 1px 0 #aa947260,2px 4px 6px #030c1566} #spreads-view.is-choosing #spread-deck-area {margin:0 calc(-1 * var(--mobile-gutter,22px));width:calc(100% + 2 * var(--mobile-gutter,22px))} #spreads-view.is-choosing .spread-deck {height:calc(var(--fan-width)*1.716 + 75px);margin:0;touch-action:pan-y;perspective:1600px} #spreads-view.is-choosing .spread-deck:before {top:36%;height:62%;left:14%;right:14%;opacity:.65} #spreads-view.is-choosing .spread-deck-card {top:18px;transform:translate(calc(-50% + var(--fan-x) + var(--deck-swipe-x,0px)),var(--fan-y)) rotate(var(--fan-angle));transition:transform 480ms var(--ease-settle),opacity 220ms ease;touch-action:none;-webkit-tap-highlight-color:transparent} #spreads-view.is-choosing .spread-deck-card img {filter:brightness(.54);box-shadow:0 0 0 1px #d2bd8d42,1px 2px 0 #9d8868,2px 4px 0 #34404a,8px 16px 22px #02080ea6;transition:transform 360ms var(--ease-settle),filter 300ms ease} #spreads-view.is-choosing .spread-deck-card[data-deck-depth="1"] img {filter:brightness(.69)} #spreads-view.is-choosing .spread-deck-card[data-deck-center="true"] img {filter:brightness(1);box-shadow:0 0 0 1px #d2bd8d65,1px 2px 0 #c3ae89,2px 4px 0 #77674f,4px 7px 0 #172734,12px 22px 28px #02080ead} #spreads-view.is-choosing .spread-deck-card:not(:disabled):hover {z-index:var(--fan-order)} #spreads-view.is-choosing .spread-deck-card:not(:disabled):hover img {transform:none;filter:brightness(calc(1 - var(--fan-depth,0)*.2))} #spreads-view.is-choosing .spread-deck-card:focus-visible img {transform:translateY(-10px);filter:brightness(1.04);outline:1px solid #e7d6b3;outline-offset:5px} #spreads-view.is-choosing.is-browsing .spread-deck-card, #spreads-view.is-choosing.is-browsing .spread-deck-card img {transition:none} #spreads-view.is-choosing .spread-deck-card[data-dragging] img {filter:brightness(1.04)} #spreads-view.is-choosing .spread-deck-card[data-dragging]:not(:disabled) {z-index:300} #spreads-view.is-pulling .spread-deck-card:not([data-dragging]) img {filter:brightness(.46)} #spreads-view.is-choosing .deck-dock {display:flex;flex-direction:column;gap:0;padding:0;margin:0 var(--mobile-gutter,22px);border:0} #spreads-view.is-choosing .deck-dock .deck-navigation {max-width:248px;gap:1rem;order:0;margin:0 auto} #spreads-view.is-choosing .deck-dock .deck-navigation button {width:46px;min-height:46px;flex-basis:46px;border-color:#cdbb8e38;border-radius:50%;background:#14283880;font-size:1.2rem} #spreads-view.is-choosing .deck-dock .deck-browse-hint {order:1;font:400 .7rem/1.5 'DM Sans',sans-serif;letter-spacing:.01em;text-align:center;max-width:20rem;margin:.75rem auto .25rem;color:#c4ced0} #spreads-view.is-choosing #deck-position {display:none} #spreads-view.is-choosing #deck-browse-status {display:block;font-size:.69rem;letter-spacing:.12em;line-height:1.5;color:#c5b48f} #spreads-view.is-choosing .deck-dock #deal-spread {order:2;font-size:.69rem;min-height:44px;border:0;margin:0 auto;padding:.4rem .7rem;color:#99aab6} /* The first reveal begins with the artwork and one action. */ #spreads-view[data-revealed="0"] .spread-workspace[data-phase="dealt"] #spread-position-copy {display:none} /* All spread sizes share a full-size focal card on a phone. */ #spread-ritual .spread-workspace[data-phase="dealt"] {display:block} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-scene {container-type:normal;overflow:visible} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-board {--reading-card-width:clamp(176px,min(56vw,29svh),246px);width:100%;height:calc(var(--reading-card-width)*1.716 + 64px);margin:0;scroll-margin-top:5rem;isolation:isolate} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-slot:nth-child(n) {left:50%;top:calc(50% - 24px);width:var(--reading-card-width);transform:translate(calc(-50% + var(--mobile-distance,0)*min(37px,8vw)),calc(-50% + var(--mobile-depth,0)*11px)) rotate(calc(var(--mobile-distance,0)*5deg)) scale(var(--mobile-scale,1));opacity:.24;transition:transform 460ms var(--ease-settle),opacity 300ms ease} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-slot[data-mobile-current="true"] {transform:translate(-50%,-50%);opacity:1;z-index:40!important} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-slot:not([data-mobile-current="true"]) .spread-slot-label {visibility:hidden} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-slot .spread-slot-label {top:calc(100% + 17px);left:-18%;width:136%;font-size:.7rem;line-height:1.4;letter-spacing:.04em;color:#d7c5a2} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-slot.is-next .spread-slot-label:after {display:none} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-slot .spread-card img {box-shadow:0 0 0 1px #cbbb9159,1px 2px 0 #a18b685c,3px 6px 0 #192938,10px 20px 30px #02091391} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-table-hint {font:italic 1.15rem/1.4 'Cormorant Garamond',serif;margin:1rem 0 .7rem;color:#cfc4ae} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-insight {display:flex;flex-direction:column;margin:0;padding:0;max-width:none} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-controls {order:-2;margin:0 0 1.35rem;padding:.7rem 0 .6rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);min-height:0} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-controls>div {display:flex;flex-direction:column;align-items:stretch;gap:0} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-controls .solid-action {display:flex;width:100%;min-height:54px;padding:.85rem 1rem;font-size:.82rem;line-height:1.4;justify-content:space-between;text-align:left} #spread-ritual .spread-workspace[data-phase="dealt"] #spread-progress {font-size:.7rem;line-height:1.5;margin:0 0 .65rem;min-height:0} #spread-ritual .spread-workspace[data-phase="dealt"] .reveal-options {align-self:stretch} #spread-ritual .spread-workspace[data-phase="dealt"] .reveal-options summary {min-height:44px;font-size:.74rem;text-align:center;padding:.7rem .3rem} #spread-ritual .spread-workspace[data-phase="dealt"] .reveal-options button {min-height:44px;font-size:.74rem} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-card-nav {order:-1;display:flex;justify-content:space-between;margin:0 0 1.2rem;padding:0;border:0} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-card-nav button {min-width:48px;min-height:48px;border:1px solid #d6c9a833;border-radius:50%} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-card-nav span {font-size:.7rem;letter-spacing:.12em} #spread-ritual .spread-workspace[data-phase="dealt"] #spread-position-copy {padding-top:.4rem} #spread-ritual .spread-workspace[data-phase="dealt"] #spread-position-copy h2 {font-size:clamp(2.5rem,10vw,3.3rem);line-height:1.02;letter-spacing:-.035em;margin:.65rem 0 1rem} #spread-ritual .spread-workspace[data-phase="dealt"] #spread-position-copy .eyebrow {font-size:.64rem;line-height:1.5} #spread-ritual .spread-workspace[data-phase="dealt"] #spread-position-copy .spread-card-lead {font-size:1.75rem;line-height:1.24;margin-bottom:1.5rem} #spread-ritual .spread-workspace[data-phase="dealt"] #spread-position-copy .reflection-prompt p {font-size:1.45rem;line-height:1.35} #spread-ritual .spread-workspace[data-phase="dealt"] #spread-position-copy .spread-deeper summary {font-size:.8rem;min-height:48px} #spread-ritual .spread-workspace[data-phase="dealt"] #spread-position-copy .spread-deeper p {font-size:.9rem;line-height:1.8} #spread-ritual .spread-workspace[data-phase="dealt"] .art-look {font-size:.75rem;min-height:48px} #spread-ritual .spread-workspace[data-phase="dealt"] #show-synthesis {min-height:54px;font-size:.84rem;padding:.85rem 1rem} #spread-art-dialog {width:100%;max-width:none;max-height:100dvh;border-radius:0;padding:4.2rem 1.4rem calc(1.5rem + env(safe-area-inset-bottom));overscroll-behavior:contain} #spread-art-dialog .spread-art-detail img {max-height:59svh;width:auto;max-width:100%} #spread-art-dialog #close-spread-art {min-height:48px;min-width:70px;top:.7rem;right:1.2rem} } @media (max-width:700px) and (max-height:700px) { #spreads-view.is-choosing .deck-stage-intro {padding-top:.2rem} #spreads-view.is-choosing .deck-stage-intro .mobile-position-title {font-size:1.8rem;margin-top:.3rem} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board {height:45px!important} #spreads-view.is-choosing .spread-deck {height:calc(var(--fan-width)*1.716 + 52px)} #spreads-view.is-choosing .spread-deck-card {top:8px} #spreads-view.is-choosing .deck-dock .deck-browse-hint {margin-top:.3rem} } @media (max-width:700px) and (orientation:landscape) { #spreads-view.is-choosing .spread-scene {grid-template-columns:1fr 1.2fr;align-items:center} #spreads-view.is-choosing .deck-stage-intro {grid-column:1;grid-row:1;align-self:start;padding-top:1rem;text-align:left} #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board {grid-column:1;grid-row:1;align-self:end;margin-bottom:2rem;justify-self:start} #spreads-view.is-choosing #spread-deck-area {grid-column:2;grid-row:1;width:100%;margin:0} #spreads-view.is-choosing .deck-dock {margin-inline:0} #spreads-view.is-choosing .deck-dock .deck-browse-hint {font-size:.65rem} #spread-ritual .spread-workspace[data-phase="dealt"] .spread-board {--reading-card-width:min(38vw,58svh)} } @media (max-width:700px) and (prefers-reduced-motion:reduce) { #spread-ritual .spread-workspace[data-phase="dealt"] .spread-slot, #spreads-view.is-choosing .spread-deck-card, #spreads-view.is-choosing .spread-deck-card img {transition:none!important} } /* Handheld readings open on the artwork itself, then become a quiet personal essay. There is one visual centre, and the answer has the full page measure. */ @media (max-width:700px) { #reading-view,#journal-view,.aj-page { --mobile-reading-gutter:clamp(20px,6vw,38px); padding-inline:var(--mobile-reading-gutter); padding-bottom:calc(3rem + var(--mobile-nav-height,calc(76px + env(safe-area-inset-bottom,0px)))); } #spreads-view {padding-bottom:calc(3rem + var(--mobile-nav-height,calc(76px + env(safe-area-inset-bottom,0px))))} #reading-view .reading-layout { display:block;max-width:36rem;margin:.5rem auto 0; } #reading-view .reading-copy {width:100%;min-width:0} #reading-view .reading-copy>.reading-steps {display:none} .mobile-reading-context { display:flex;flex-direction:column;align-items:center;text-align:center; margin:0 0 2.8rem;padding:0 0 2rem;border-bottom:1px solid #c5b18936; } .mobile-reading-context #reading-kind { margin:0 0 2rem;width:100%;max-width:none; font-size:.6875rem;line-height:1.7;letter-spacing:.13em;color:#c6b99d; } #reading-view .mobile-reading-context h1 { margin:1.8rem 0 .55rem;width:100%;max-width:12ch; font-size:clamp(2.6rem,11.5vw,3.5rem);line-height:1.02; letter-spacing:-.035em;overflow-wrap:anywhere;text-wrap:balance; } #reading-view .mobile-reading-context .reading-art { position:relative;top:auto;width:min(59vw,14rem);max-width:none; padding:0;margin:0;flex-shrink:0; } #reading-view .mobile-reading-context #reveal-card { width:100%;max-width:none;transform:rotate(-3deg);margin:0; } #reading-view .mobile-reading-context #reading-image { box-shadow:1px 1px 0 #c4b79075,8px 20px 32px #020b1866; } #reading-view .mobile-reading-context #card-index {display:none} .mobile-reading-orientation { margin:0;font-size:.6875rem;line-height:1.6;letter-spacing:.08em; color:#baac8f;text-transform:uppercase; } .mobile-reading-question { margin:1.55rem 0 0;min-width:0;width:100%;text-align:left; } .mobile-reading-question>summary { display:flex;justify-content:space-between;align-items:center;gap:1rem; min-height:44px;padding:.75rem .2rem;list-style:none;cursor:pointer; color:#c9bc9e;font-size:.8125rem;line-height:1.6; } .mobile-reading-question>summary::-webkit-details-marker {display:none} .mobile-reading-question>summary::after {content:'+';font-size:1.15rem;flex-shrink:0} .mobile-reading-question[open]>summary::after {content:'−'} .mobile-reading-question[data-concise="true"]>summary {display:none} .mobile-reading-question .question-quote, #spread-synthesis .mobile-reading-question .question-quote { margin:.75rem 0 0;max-width:none;padding:0; font:400 italic 1.4375rem/1.45 'Cormorant Garamond',Georgia,serif; color:#ded8c9;letter-spacing:0;overflow-wrap:anywhere;text-wrap:pretty; } .mobile-reading-context .mobile-reading-question[data-concise="true"] {text-align:center} .mobile-reading-question[data-concise="true"] .question-quote {margin:0} /* The answer is uninterrupted prose, with a calm change of rhythm at a new thought. */ #reading-copy-guidance,#spread-synthesis-copy-guidance {scroll-margin-top:1.5rem} :is(#reading-view,#spread-synthesis) .question-guidance:not(.is-optional) { margin:0 0 2rem;padding:0;border:0; } :is(#reading-view,#spread-synthesis) .guidance-kicker { font-size:.6875rem;line-height:1.6;letter-spacing:.13em;margin:0 0 1.35rem; } :is(#reading-view,#spread-synthesis) .guidance-result {max-width:none} :is(#reading-view,#spread-synthesis) .guidance-result .guidance-lead { max-width:none;font-size:1.75rem;line-height:1.33; letter-spacing:-.013em;margin:0 0 2.4rem;color:#f0e5d0; } :is(#reading-view,#spread-synthesis) .guidance-result .guidance-lead.is-long { font:400 1.0625rem/1.8 'DM Sans',sans-serif;letter-spacing:0; } :is(#reading-view,#spread-synthesis) .guidance-chapter {margin-top:2.4rem} :is(#reading-view,#spread-synthesis) .guidance-chapter h4 { margin:0 0 .85rem;font-size:1.625rem;line-height:1.16;letter-spacing:-.015em;text-wrap:pretty; } :is(#reading-view,#spread-synthesis) .guidance-chapter p, #reading-view .meaning, #spread-synthesis #spread-paragraphs .reading-connection p { font-size:1rem;line-height:1.8;letter-spacing:0;max-width:none; margin:0 0 1.15rem;color:#d1d7d7;overflow-wrap:anywhere;text-wrap:pretty; } :is(#reading-view,#spread-synthesis) .guidance-next-step { margin:2.25rem 0 0;padding:1.7rem 0 0;border-top:1px solid #c9b58255; } :is(#reading-view,#spread-synthesis) .guidance-next-step p {color:#e6dfcf} :is(#reading-view,#spread-synthesis) .guidance-how {font-size:.75rem;min-height:44px} :is(#reading-view,#spread-synthesis) .guidance-result-method {margin-top:1.2rem} /* Reference material stays within its existing native disclosures. */ :is(#reading-view,#spread-synthesis) .reading-reference.has-personal-reading { margin:2.2rem 0 1.5rem;border:0; } :is(#reading-view,#spread-synthesis) .reading-reference.has-personal-reading>summary { min-height:56px;padding:1rem;gap:1.2rem;font-size:.84rem;line-height:1.6; background-color:#eee2c906;color:#e4d9c0;border-radius:3px; } :is(#reading-view,#spread-synthesis) .reading-reference-content {padding-top:1.4rem} :is(#reading-view,#spread-synthesis) .reading-reference[open] .reading-reference-content {padding-bottom:.8rem} #reading-view .card-lesson {margin:1.25rem 0;font-size:.875rem} #reading-view .card-lesson>summary {min-height:52px;line-height:1.6;align-items:center;gap:1rem} #reading-view .card-lesson p {font-size:.95rem;line-height:1.8} #reading-view .intention-frame,#reading-view #practice {font-size:.9rem;line-height:1.8} :is(#reading-view,#spread-synthesis) .reflection-prompt {padding:1.8rem 0;margin:2.4rem 0;border-bottom:0} :is(#reading-view,#spread-synthesis) .reflection-prompt .eyebrow {font-size:.6875rem;line-height:1.6;letter-spacing:.13em} :is(#reading-view,#spread-synthesis) .reflection-prompt p {font-size:1.75rem;line-height:1.28} #spread-synthesis #spread-paragraphs .reading-connection+section {margin-top:2rem} #spread-synthesis #spread-paragraphs .reading-connection h3 {font-size:1.85rem;line-height:1.15;margin-bottom:.8rem} /* A full-width save is the natural end of the reading, within the thumb's reach. */ :is(#save-section,#spread-save-section) {margin-top:2.5rem;padding-top:1.6rem;border-top:1px solid #c5b18936} :is(#save-section,#spread-save-section) .save-actions { display:flex;flex-direction:column;align-items:stretch;gap:.75rem;margin:0; } :is(#save-section,#spread-save-section) .solid-action { width:100%;min-height:58px;padding:1.1rem 1.2rem;font-size:.9rem;line-height:1.5; } :is(#save-section,#spread-save-section) .save-actions .quiet-link { min-height:44px;align-self:flex-start;font-size:.8rem;padding:.65rem .3rem; } :is(#reading-view,#spread-synthesis) .reading-notes {margin:1.1rem 0} :is(#reading-view,#spread-synthesis) .reading-notes>summary { min-height:50px;font-size:.82rem;line-height:1.6;padding:.85rem; } :is(#reading-view,#spread-synthesis) .reading-notes label {font-size:.8rem;line-height:1.6} :is(#reading-view,#spread-synthesis) textarea, :is(#reading-view,#spread-synthesis) input:not([type=checkbox]):not([type=radio]), :is(#reading-view,#spread-synthesis) select {font-size:1rem;line-height:1.65;min-height:50px} :is(#reading-view,#spread-synthesis) textarea {min-height:8rem;padding:1rem} :is(#reading-view,#spread-synthesis) textarea::placeholder {font-size:.94rem} :is(#reading-view,#spread-synthesis) .privacy-note {font-size:.72rem;line-height:1.75;max-width:none} :is(#reading-view,#spread-synthesis) :is(#save-status,#spread-save-status,.guidance-status) {font-size:.8rem;line-height:1.7} :is(#reading-view,#spread-synthesis) :is(#download-reading,#download-spread) {font-size:.76rem;min-height:44px;padding:.65rem .25rem} .reading-copy>.quiet-link,.spread-synthesis-copy>.quiet-link { display:flex;align-items:center;min-height:48px;width:fit-content;max-width:100%; margin-top:.55rem;font-size:.79rem;line-height:1.6;padding:.65rem .3rem;text-align:left; } :is(#reading-view,#spread-synthesis) :is(.practice-editor,.share-reflection)>summary {font-size:.86rem;line-height:1.6;min-height:52px} :is(#reading-view,#spread-synthesis) .practice-fields label {font-size:.8rem} :is(#reading-view,#spread-synthesis) .practice-pair {grid-template-columns:1fr} /* The whole spread opens like an essay; the cards form a compact visual index. */ #spread-synthesis {display:block;max-width:36rem;margin:2.5rem auto 0;padding-top:2.5rem;scroll-margin-top:1.2rem} #spread-synthesis[hidden] {display:none} #spread-synthesis .spread-synthesis-title {position:static;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid #c5b18936} #spread-synthesis .spread-synthesis-title>.eyebrow {font-size:.6875rem;line-height:1.7;letter-spacing:.13em} #spread-synthesis h2 {font-size:clamp(2.8rem,11vw,3.5rem);line-height:1.02;margin:1rem 0 1.25rem} #spread-synthesis .spread-synthesis-title>.question-quote {font-size:1.4rem;line-height:1.45;max-width:none} #spread-synthesis .spread-connections { display:flex;justify-content:flex-start;align-items:flex-start;flex-wrap:nowrap; gap:.9rem;min-height:0;max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain; padding:.4rem .2rem 1rem;margin:2rem 0 0;scrollbar-width:thin;scrollbar-color:#ac987a55 transparent; scroll-snap-type:x proximity; } #spread-synthesis .spread-connections figure { flex:1 0 0;max-width:7rem;min-width:0;scroll-snap-align:start; } #spread-synthesis .spread-connections:has(figure:nth-child(4)) figure {flex:0 0 29%;max-width:7rem} #spread-synthesis .spread-connections img {max-height:none;width:100%;transform:none} #spread-synthesis .spread-connections figcaption {font-size:.6875rem;line-height:1.55;margin-top:.85rem;letter-spacing:0;overflow-wrap:anywhere;color:#bbc7cc} #spread-synthesis .spread-synthesis-copy {min-width:0} #spread-synthesis .spread-preview-cta {font-size:1rem;line-height:1.8} /* Pending remains one wordmark and artwork. No title, question, interpretation, note, or save control can appear early because of the mobile wrapper. */ #reading-view[data-guidance-state="pending"] .reading-layout {display:block;min-height:0;margin-top:1rem} #reading-view[data-guidance-state="pending"] .reading-copy {width:100%;min-height:70svh} #reading-view[data-guidance-state="pending"] .reading-copy>.mobile-reading-context { display:flex!important;flex-direction:column;align-items:center;margin:0;padding:0;border:0; } #reading-view[data-guidance-state="pending"] .mobile-reading-context>:not(.reading-art) {display:none!important} #reading-view[data-guidance-state="pending"] .mobile-reading-context .reading-art { width:min(43vw,10rem);max-width:none;margin:0;padding:0; } #reading-view[data-guidance-state="pending"] .mobile-reading-context #reveal-card {transform:rotate(-3deg)} #reading-view[data-guidance-state="pending"] .reading-loader {min-height:15rem;padding:2.6rem 0 1.5rem} #spreads-view[data-guidance-state="pending"] #spread-synthesis { flex-direction:column;min-height:70svh;justify-content:center;gap:0;margin:0;padding:1.5rem 0; } #spreads-view[data-guidance-state="pending"] .spread-synthesis-title {width:100%;margin:0;padding:0;border:0} #spreads-view[data-guidance-state="pending"] #spread-connections {justify-content:center;margin:0;gap:.6rem;overflow:visible} #spreads-view[data-guidance-state="pending"] #spread-connections figure {flex-basis:clamp(54px,19vw,78px);max-width:22%} #spreads-view[data-guidance-state="pending"] .reading-loader {min-height:16rem;padding:2.3rem 0 1.5rem} :is(#reading-view,#spread-synthesis) .reading-loader-name {font-size:clamp(4.6rem,20vw,6rem)} :is(#reading-view,#spread-synthesis) .reading-loader-track {margin-top:2rem} /* Saved readings retain the question first, with quiet small artworks alongside. */ #journal-view .journal-intro {margin:2.4rem 0 2rem} #journal-view .journal-intro h1 {font-size:clamp(3.45rem,14.5vw,5.4rem);line-height:.96;letter-spacing:-.04em;overflow-wrap:anywhere} #journal-view .journal-intro>p:last-child {font-size:1rem;line-height:1.75;margin-top:1.4rem} #journal-view .journal-entry {padding-bottom:3.3rem;border-top:1px solid var(--rule)} #journal-view .journal-entry .journal-row { grid-template-columns:58px minmax(0,1fr) 14px;gap:1rem;align-items:start; padding:1.4rem 0 0;border:0;min-height:140px; } #journal-view .journal-row img {width:58px;height:auto} #journal-view .journal-row time {font-size:.63rem;line-height:1.65;letter-spacing:.035em} #journal-view .journal-row h2 {font-size:1.8rem;line-height:1.12;margin:.5rem 0 .6rem;overflow-wrap:anywhere} #journal-view .journal-row p {font-size:.9rem;line-height:1.7;color:#c4ced3} #journal-view .remove-entry {bottom:.35rem;right:0;min-height:44px;font-size:.74rem;padding:.65rem .3rem} #journal-view .journal-bottom {margin-top:1.6rem;display:block} #journal-view .backup-actions {display:flex;flex-direction:column;align-items:stretch;gap:.9rem} #journal-view .backup-actions .text-action {width:100%;font-size:.84rem;margin:0;min-height:52px} #journal-view .backup-panel {padding-block:1rem} #journal-view .backup-panel p {font-size:.9rem;line-height:1.7} #journal-view .privacy-note {font-size:.74rem;line-height:1.7;margin-top:1rem;max-width:none} #journal-view .almanac-links {display:flex;flex-direction:column;gap:.75rem} #journal-view .almanac-links a {text-align:left;font-size:.88rem;min-height:52px;padding:1rem} #journal-view .journal-practice-head {display:block} #journal-view .journal-practice label {display:block;min-width:0;font-size:.8rem} #journal-view .journal-practice select {font-size:1rem;min-height:50px} #journal-view .revisit-copy strong {font-size:1.85rem;line-height:1.15} #journal-view .revisit-copy>span:not(.eyebrow) {font-size:.9rem;line-height:1.7} #journal-view .empty-journal h2 {font-size:2.7rem;line-height:1.1} #journal-view .empty-journal p {font-size:1rem;line-height:1.75} /* On the almanac, prose gets a full line. A spread is a small horizontal ribbon of real card links instead of a narrow column squeezing the user's story. */ .aj-page .aj-intro,.aj-page:has(.aj-first-page) .aj-intro {display:block;padding:2.5rem 0 2.2rem} .aj-page .aj-intro>.eyebrow {margin-bottom:1rem;font-size:.65rem} .aj-page h1,.aj-page:has(.aj-first-page) .aj-intro h1 {font-size:clamp(3.35rem,14.5vw,5.5rem);line-height:.98;letter-spacing:-.045em;max-width:none;overflow-wrap:anywhere} .aj-page .aj-intro>.aj-deck {max-width:none;font-size:1rem;line-height:1.75;margin:1.4rem 0 0;padding:0} .aj-page .aj-cadence {font-size:.68rem;letter-spacing:.035em;margin-top:1.8rem;gap:.7rem} .aj-page .aj-cadence span {gap:.6rem} .aj-page .aj-cadence span:not(:last-child)::after {margin-right:0} .aj-page .aj-topic-heading h2 {font-size:2rem;line-height:1.12} .aj-page .aj-topic-heading p {font-size:.9rem;line-height:1.75} .aj-page .aj-tools {gap:.6rem 1rem;padding:1rem 0;margin-bottom:2rem;align-items:center} .aj-page .aj-filter-label {font-size:.75rem;letter-spacing:0;width:100%} .aj-page .aj-filter-label select {min-height:48px;font-size:1rem;min-width:0;max-width:100%;width:100%} .aj-page .aj-filter-button {min-height:48px;font-size:.82rem;line-height:1.5;padding:.8rem .4rem} .aj-page .aj-tools>.aj-link {flex-basis:auto;margin:0 0 0 auto;min-height:44px;padding:.7rem .3rem;font-size:.78rem} .aj-page .aj-timeline::before {display:none} .aj-page .aj-entry {display:block;padding-bottom:2.3rem;margin-bottom:2.5rem} .aj-page .aj-entry-date { flex-direction:row;align-items:center;flex-wrap:wrap;gap:.5rem 1rem; padding:0 0 1rem;margin-bottom:1.2rem;font-size:.75rem;border-bottom:1px solid var(--aj-line); } .aj-page .aj-entry-date time,.aj-page .aj-topic-name {max-width:none;font-size:.74rem;line-height:1.6} .aj-page .aj-entry-art { display:flex;align-items:flex-start;gap:.65rem;max-width:100%;overflow-x:auto; padding:.2rem 0 .8rem;margin:0 0 1.25rem;scrollbar-width:thin; scrollbar-color:#ac987a55 transparent;overscroll-behavior-inline:contain; } .aj-page .aj-mini-card,.aj-page .aj-mini-card:only-child {flex:0 0 66px;width:66px;max-width:66px;border-radius:4px} .aj-page .aj-mini-card img {aspect-ratio:958/1644} .aj-page .aj-entry-body .eyebrow {font-size:.64rem} .aj-page .aj-entry-body .aj-question {font-size:clamp(1.95rem,8.5vw,2.6rem);line-height:1.17;margin-top:.65rem!important} .aj-page .aj-entry-steps {display:block;margin-top:1.6rem} .aj-page .aj-entry-steps section+section {margin-top:1.4rem} .aj-page .aj-entry-steps h3 {font-size:.68rem;line-height:1.6;letter-spacing:.09em;margin-bottom:.6rem} .aj-page .aj-entry-steps p {font-size:1rem;line-height:1.8} .aj-page .aj-revisit {font-size:.77rem;margin-top:1.3rem!important} .aj-page .aj-entry-actions {margin-top:1.4rem} .aj-page :is(.aj-text-button,.aj-link,.aj-subtle-link,.aj-source) {min-height:44px;font-size:.8rem;line-height:1.6;padding:.7rem .25rem} .aj-page :is(.aj-entry-editor,.aj-association-editor)>summary {font-size:.85rem;min-height:52px;padding:1rem .85rem} .aj-page .aj-edit-form {grid-template-columns:1fr;gap:1.2rem;padding-top:.5rem} .aj-page .aj-field {font-size:.81rem;line-height:1.6;min-width:0} .aj-page .aj-field :is(input,textarea),.aj-page .qh-field :is(input,select) {font-size:1rem;line-height:1.65;min-height:50px;padding:.85rem;width:100%} .aj-page .aj-field textarea {min-height:8rem} .aj-page .aj-save,.aj-page .qh-primary {width:100%;min-height:54px;font-size:.86rem;line-height:1.6;padding:1rem} .aj-page .aj-checkbox {min-height:44px;font-size:.82rem;line-height:1.5;align-items:flex-start} .aj-page .aj-checkbox input {margin-top:.2rem;flex-shrink:0;width:19px;height:19px} :is(#reading-view,#spread-synthesis,.aj-page) .aj-memory-control {display:block;margin-top:1.5rem;padding-top:.7rem} :is(#reading-view,#spread-synthesis,.aj-page) .aj-memory-toggle {font-size:.8rem;min-height:48px;line-height:1.6;padding:.7rem .3rem} :is(#reading-view,#spread-synthesis,.aj-page) .aj-memory-control .aj-fineprint {font-size:.73rem;line-height:1.7!important} :is(#reading-view,#spread-synthesis,.aj-page) .aj-memory-control .aj-subtle-link {display:block;width:fit-content;font-size:.78rem;min-height:44px;padding:.7rem .3rem} .aj-page :is(.aj-fineprint,.aj-status,.qh-fineprint,.qh-status) {font-size:.74rem;line-height:1.7!important} .aj-page .aj-first-page {display:block;min-height:0;margin:0 0 2rem;padding:1.5rem 0} .aj-page .aj-first-page .aj-empty-art {width:88px;float:right;margin:.25rem .5rem 1.2rem 1.25rem} .aj-page .aj-first-copy h2 {font-size:2.35rem;line-height:1.1} .aj-page .aj-first-copy>p {font-size:1rem;line-height:1.75;max-width:none} .aj-page .aj-first-copy>.aj-save {clear:both} .aj-page .aj-empty:not(.aj-first-page) {grid-template-columns:74px minmax(0,1fr);gap:1.15rem;min-height:0;padding:1.2rem 0 2.5rem} .aj-page .aj-empty h2 {font-size:2.2rem} .aj-page .aj-empty p {font-size:.94rem;line-height:1.7} .aj-page .aj-empty>.aj-save,.aj-page .aj-empty:not(.aj-first-page)>.aj-text-button {grid-column:1/-1;width:100%} .aj-page .aj-footer {gap:.5rem 1.2rem;padding-top:1.25rem;margin-top:1.5rem} .aj-page .aj-footer>.aj-fineprint {flex-basis:100%;margin-bottom:.5rem} /* The living deck remains a gallery. Every caption and every card stays usable. */ .aj-page .aj-gallery-filters {gap:.75rem;flex-wrap:wrap} .aj-page .aj-deck-search {font-size:.8rem;margin:1.2rem 0 0} .aj-page .aj-deck-search input {font-size:1rem;min-height:54px;padding:1rem} .aj-page .aj-search-status {font-size:.8rem;margin:1rem 0} .aj-page .aj-deck-gallery {grid-template-columns:repeat(2,minmax(0,1fr));gap:1.7rem 1.2rem;padding-top:.6rem} .aj-page .aj-gallery-card:nth-child(even) {padding-top:1.7rem} .aj-page .aj-gallery-card img {aspect-ratio:958/1644;border-radius:5px} .aj-page .aj-gallery-card figcaption {gap:.45rem;align-items:baseline;padding-top:.85rem} .aj-page .aj-gallery-card figcaption strong {font-size:1.3rem;line-height:1.15;overflow-wrap:anywhere} .aj-page .aj-card-number {font-size:.6rem;flex-shrink:0} .aj-page .aj-back {font-size:.82rem;min-height:44px;padding:.65rem .3rem;margin:1.4rem 0 1rem} .aj-page .aj-card-composition {display:block;padding:1rem 0 2rem} .aj-page .aj-card-portrait {position:relative;top:0;max-width:148px;margin:0 0 1.8rem auto!important;transform:rotate(3deg)} .aj-page .aj-card-copy h1 {font-size:clamp(3rem,12vw,4.5rem);line-height:1.01;max-width:none;margin:1rem 0 2rem} .aj-page .aj-small-heading {font-size:.7rem;line-height:1.6;margin-bottom:.8rem!important} .aj-page .aj-original-meaning {font-size:1rem;line-height:1.85!important;color:#c5cfd2} .aj-page .aj-personal-meanings {margin-top:2rem} .aj-page .aj-personal-meanings h2,.aj-page .aj-card-history>h2 {font-size:2.3rem;line-height:1.1} .aj-page .aj-personal-meanings blockquote p {font-size:1.75rem;line-height:1.35} .aj-page .aj-card-history>p,.aj-page .aj-history-entry>p {font-size:1rem;line-height:1.8} .aj-page .aj-history-entry h3 {font-size:1.9rem;line-height:1.2;overflow-wrap:anywhere} .aj-page .aj-card-neighbor {font-size:.8rem;line-height:1.6;align-items:flex-start;gap:.7rem} .aj-page .aj-card-neighbor img {width:38px;flex-shrink:0} .aj-page .aj-card-neighbor span {min-width:0;overflow-wrap:anywhere} .aj-page .qh-section-top {display:block;margin-bottom:1.5rem} .aj-page .qh-section-top h2 {font-size:2.25rem;margin-bottom:.9rem} .aj-page .qh-help {font-size:.95rem;line-height:1.8} .aj-page .qh-field {font-size:.8rem;line-height:1.6} .aj-page .qh-story-heading h3 {font-size:2.3rem;line-height:1.15} .aj-page .qh-history-item {grid-template-columns:1fr;gap:.8rem;padding-block:1.5rem} .aj-page .qh-history-date {font-size:.76rem} .aj-page .qh-history-copy h4 {font-size:1.85rem;line-height:1.2} .aj-page .qh-observation h4 {font-size:.7rem;line-height:1.65} .aj-page .qh-observation p {font-size:1rem;line-height:1.8} .aj-page .qh-observation-form {grid-template-columns:1fr;gap:1.2rem} :is(#reading-view,#spread-synthesis,.aj-page) .qh-reading-control summary, .aj-page .qh-journey summary {font-size:.82rem;min-height:50px;line-height:1.6;width:100%;padding:.9rem .85rem} :is(#reading-view,#spread-synthesis) .qh-reading-control .qh-help {font-size:.9rem;line-height:1.75} :is(#reading-view,#spread-synthesis) .qh-reading-control .qh-fineprint {font-size:.73rem;line-height:1.7} :is(#reading-view,#spread-synthesis) .qh-reading-control .qh-field {font-size:.8rem;line-height:1.6} :is(#reading-view,#spread-synthesis) .qh-reading-control .qh-primary {font-size:.84rem;min-height:52px;width:100%;padding:1rem} .aj-page .checkin-reminder>summary {font-size:.82rem;line-height:1.6;min-height:50px;padding:.9rem .85rem} .aj-page .checkin-reminder-controls {gap:.8rem 1rem} .aj-page .checkin-reminder-controls label {font-size:.8rem;flex-basis:100%} .aj-page .checkin-reminder-controls input {font-size:1rem;max-width:100%;min-height:50px} .aj-page .checkin-reminder-controls button {font-size:.8rem;min-height:48px} .aj-page .checkin-reminder .privacy-note {font-size:.74rem;line-height:1.7} } @media (max-width:360px) { #reading-view .mobile-reading-context h1 {font-size:2.6rem} #journal-view .journal-entry .journal-row {grid-template-columns:48px minmax(0,1fr) 10px;gap:.8rem} #journal-view .journal-row img {width:48px} .aj-page .aj-deck-gallery {column-gap:1rem} .aj-page .aj-gallery-card figcaption {flex-wrap:wrap;row-gap:.3rem} .aj-page .aj-gallery-card figcaption strong {font-size:1.25rem} } /* Tactile controls: surfaces carry the invitation; light is a finishing detail. */ :root{--control-radius:14px;--control-light:#f4e6c9;--control-blue:#213d53;--control-shadow:0 5px 14px #020a1738;--control-ease:var(--ease-control)} :is(.reading-link,.solid-action,.text-action,.home-link,.nav-reading,.journey-control,.art-look){cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background .22s var(--control-ease),box-shadow .22s var(--control-ease),translate .22s var(--control-ease),border-color .22s var(--control-ease)} :is(.reading-link,.solid-action){border-radius:var(--control-radius);background:linear-gradient(155deg,#f8efd9,#e6d5b2);border:1px solid #fff1ce;color:#142a3a;min-height:56px;padding:16px 23px;font:500 14px/1.4 'DM Sans',sans-serif;box-shadow:inset 0 1px 0 #fff9e8,0 3px 0 #a8997b,0 9px 24px #020a1745;--oa-edge-opacity:.22} .reading-link i{border:0;width:28px;height:28px;flex-basis:28px;padding:0;background:#2332470b;border-radius:50%;font-size:21px}.reading-link>span{border:0} :is(.text-action,.home-link,.art-look,#download-reading,#download-spread,#refresh-spread-access,#reveal-flow,#reveal-skip,.share-copy,.share-native),.experience-controls .journey-control,.site-header .nav-reading{display:inline-flex;align-items:center;justify-content:space-between;gap:22px;min-height:52px;padding:14px 20px;border-radius:var(--control-radius);border:1px solid #aec0c035;background:linear-gradient(145deg,#29465ac9,#1a3147e6);box-shadow:inset 0 1px 0 #c9d7d825,var(--control-shadow);color:#f1e8d5;font:500 13px/1.4 'DM Sans',sans-serif;text-decoration:none;--oa-edge-opacity:.22} .home-link span:after,.home-link:after{display:none}.home-link i{display:grid;place-items:center;min-width:28px;min-height:28px;border-radius:50%;background:#e9d7b416;color:#ead2a2;font-style:normal} .site-header .nav-reading{min-height:46px;background:linear-gradient(155deg,#f2e5c8,#dccaab);color:#183043;border-color:#ead9b8;font-size:13px;box-shadow:inset 0 1px 0 #fff4dc,0 4px 13px #02091440} .site-header nav{gap:10px}.site-header nav a:not(.nav-reading),.page-top nav a{display:inline-flex;align-items:center;min-height:44px;padding:10px 13px;border-radius:24px;text-decoration:none;transition:background .2s,color .2s} :is(.brand,.mobile-signature,.home-footer-signature,.site-header nav a:not(.nav-reading),.page-top nav a,.scroll-cue,.motion-control,.mobile-explore-links a,.mobile-sheet-footer a,.mobile-sheet-footer button,.product-footer a,.home-footer a:not(.home-link),.home-scene)>olivia-edge{display:none!important} .experience-controls{align-items:center}.experience-controls .scroll-cue{width:max-content;max-width:100%;justify-self:start;min-height:44px;gap:13px;border:0}.experience-controls .scroll-cue i{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#acbbbf14;box-shadow:inset 0 1px 0 #d4d8cb25;font-size:21px}.experience-controls .scroll-cue span{font-size:10px;letter-spacing:.13em} .experience-controls .journey-control{gap:8px;justify-content:center;font-size:13px}.experience-controls .journey-control:before{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#e4d3b017;margin-right:2px;font-size:9px} .experience-controls .motion-control{font-size:11px;min-height:44px;text-decoration:none;padding:10px 13px;border-radius:24px;background:#0d1e3066;border:0} :is(.quiet-link,.guidance-how)>olivia-edge{display:none} button.quiet-link:not(.card-hit):not(.spread-card),.mobile-question-back,.mobile-question-preview button{border:0;border-radius:24px;background:#25405675;box-shadow:inset 0 1px 0 #c5d5d420;color:#dfe7e4;padding:10px 15px;min-height:44px;text-decoration:none;cursor:pointer;transition:background .2s,translate .2s} :is(.deck-navigation,.single-deck-navigation,.spread-card-nav) button,.mobile-menu-toggle,.mobile-sheet-close{border-radius:50%;background:linear-gradient(145deg,#2a465bcc,#182e43);box-shadow:inset 0 1px 0 #bbced63d,0 4px 10px #0003;border:1px solid #b5c7c329;min-width:46px;min-height:46px;color:#e9dec7;cursor:pointer} :is(.deck-navigation,.single-deck-navigation,.spread-card-nav) button>olivia-edge{border-radius:inherit!important;inset:0!important} :is(.card-lesson,.practice-editor,.share-reflection,.spread-deeper,.reading-preferences,.other-reading-ways,.reveal-options,.question-examples,.spread-question-summary,.reading-reference)>summary{padding:15px 18px;min-height:52px;border-radius:12px;background:#1c3449bf;box-shadow:inset 0 1px 0 #b4c8c929;border:1px solid #a2babb19;color:#e3e7df;cursor:pointer;font-size:13px;line-height:1.5} :is(.card-lesson,.practice-editor,.share-reflection,.spread-deeper,.reading-preferences,.other-reading-ways,.reveal-options,.question-examples,.spread-question-summary,.reading-reference)>summary>olivia-edge{display:none} :is(.guidance-choice,.reading-size-options)>label{border-radius:12px;background:#1b3348a8;padding:13px 16px;border:1px solid #b8c7b826;box-shadow:inset 0 1px 0 #b8c7c21c;cursor:pointer} :is(.guidance-choice,.reading-size-options)>label>olivia-edge{display:none} .guidance-choice input{accent-color:#e7d4aa;width:20px;height:20px;flex-shrink:0}.guidance-choice>label{display:flex;align-items:center;gap:12px;min-height:52px;font-size:14px;line-height:1.5} .guidance-choice .guidance-how{margin-top:5px;padding:4px 0;font-size:12px;color:#b3c3cb;text-underline-offset:4px} textarea,select,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]):not([type=file]):not([type=submit]):not([type=button]):not([type=reset]){border-radius:12px;--oa-field-surface:#142c40;background-color:#142c40;box-shadow:inset 0 2px 7px #030b173b,0 1px 0 #c1d0ce16;caret-color:#f2dab0;border:1px solid #a1b8bd4a} @media(hover:hover){ :is(.reading-link,.solid-action):hover:not(:disabled){background:linear-gradient(155deg,#fff8e6,#f0dfbb);translate:0 -2px;box-shadow:inset 0 1px 0 #fffdf5,0 4px 0 #b3a07b,0 13px 28px #020a1755} :is(.text-action,.home-link,.art-look,.journey-control,.nav-reading):hover{translate:0 -2px;box-shadow:inset 0 1px 0 #dce2d63b,0 9px 25px #020a1755;filter:brightness(1.08)} .site-header nav a:not(.nav-reading):hover,.page-top nav a:hover{background:#c9d0c514;color:#fff2d6} button.quiet-link:hover:not(:disabled),summary:hover{background:#2b465c} } :is(.reading-link,.solid-action,.text-action,.home-link,.art-look,.journey-control,.nav-reading,button.quiet-link):active:not(:disabled){translate:0 2px;box-shadow:inset 0 2px 5px #07142640,0 1px 0 #b1a18430} :is(button,a,summary):focus-visible{outline:2px solid #f2d8a1;outline-offset:4px} :is(.reading-link,.solid-action,.text-action,.home-link,.art-look,.journey-control,.nav-reading,button.quiet-link,.aj-save,.aj-text-button,.st-continue,.st-text-link,.share-copy,.share-native):disabled{cursor:default;opacity:.38;box-shadow:none;translate:none;filter:none} @media(max-width:700px){ .mobile-experience :is(.solid-action,.reading-link){border-radius:28px;min-height:56px;font-size:15px;padding-inline:22px;box-shadow:inset 0 1px 0 #fff9e8,0 2px 0 #ae9d7a,0 8px 20px #0003} body.mobile-experience[data-view=home]:not(.cinema) #intro .reading-link{background:linear-gradient(155deg,#f8efd9,#e6d5b2);box-shadow:inset 0 1px 0 #fff9e8,0 3px 0 #a8997b,0 9px 24px #020a1745} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .journey-control{background:#20384c9e;border:1px solid #c7d4cd20;box-shadow:inset 0 1px 0 #c9d7d825,0 4px 12px #0002;font:500 13px/1.4 'DM Sans',sans-serif;padding:10px 16px;min-height:46px;border-radius:26px} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls .scroll-cue{padding:0;width:44px;min-height:44px;margin-left:5px;background:transparent} .mobile-experience .mobile-menu-toggle{background:#20384c9e;border-color:#c7d4cd20;box-shadow:inset 0 1px 0 #c9d7d825,0 4px 12px #0002} .mobile-experience .mobile-menu-toggle>olivia-edge,.mobile-experience .mobile-sheet-close>olivia-edge{display:none} .mobile-experience #spreads-view.is-choosing .deck-dock .deck-navigation button{background:linear-gradient(145deg,#2a465bcc,#182e43);border-color:#b5c7c329;box-shadow:inset 0 1px 0 #bbced63d,0 4px 10px #0003} .mobile-experience #spreads-view.is-choosing .deck-dock #deal-spread{background:#213d536b;border-radius:24px;padding:10px 18px;font-size:12px;margin-top:5px} .mobile-experience #question-view[data-mobile-question] #question-form>button[type=submit]{box-shadow:inset 0 1px 0 #fff9e8,0 3px 0 #a8997b,0 9px 24px #020a1745} .mobile-experience #question-view[data-mobile-question] .question-examples summary{padding:10px 15px;border-radius:24px;width:max-content;max-width:100%;min-height:44px;background:#20384c9e} .mobile-experience #question-view[data-mobile-question] .mobile-question-back{padding-inline:15px;background:#20384c9e} .mobile-experience #question-view[data-mobile-question] .reading-size-options>label{box-shadow:inset 0 1px 0 #b8c7c226,0 4px 12px #0002} .mobile-experience #question-view[data-mobile-question] .reading-size-options>label:has(input:checked){background:linear-gradient(140deg,#354d60,#20384c);box-shadow:inset 0 1px 0 #c7d4d439,0 5px 16px #0003} .mobile-experience #question-view[data-mobile-question] .reading-size-options>button{background:#213d536b;padding:10px 14px;border-radius:24px} .mobile-experience :is(.text-action,.home-link,.art-look){font-size:14px;min-height:52px;border-radius:14px;padding:14px 19px} } @media(prefers-reduced-motion:reduce){:is(.reading-link,.solid-action,.text-action,.home-link,.art-look,.journey-control,.nav-reading,button.quiet-link){transition:none;translate:none!important}} /* Supporting journeys use the same physical vocabulary. */ :is(.aj-save,.st-continue){display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:52px;padding:15px 22px;border-radius:14px;background:linear-gradient(155deg,#f8efd9,#e6d5b2);color:#142a3a;border:1px solid #fff1ce;box-shadow:inset 0 1px 0 #fff9e8,0 2px 0 #a8997b,0 7px 20px #0003;font:500 14px/1.4 'DM Sans',sans-serif;cursor:pointer} :is(.aj-text-button,.st-text-link){display:inline-flex;align-items:center;gap:20px;min-height:48px;padding:12px 17px;border-radius:12px;background:linear-gradient(145deg,#29465ac9,#1a3147e6);box-shadow:inset 0 1px 0 #c9d7d825,0 4px 12px #0002;border:1px solid #aec0c025;color:#f1e8d5;font:500 13px/1.4 'DM Sans',sans-serif;text-decoration:none;cursor:pointer} :is(.home-spread-tabs,.synthesis-tabs,.aj-filters,.st-mode-controls){gap:6px} :is(.home-spread-tabs button,.synthesis-tabs button,.aj-filter-button,.st-mode-button){border-radius:10px;min-height:46px;padding:12px 16px;background:#1d374bcc;border:1px solid #aec0c018;box-shadow:inset 0 1px 0 #c9d7d81c;color:#c4d0d6} :is(.home-spread-tabs button,.synthesis-tabs button,.aj-filter-button,.st-mode-button):is([aria-selected=true],[aria-pressed=true],[aria-current=step]){background:#eddfc2;color:#172d3d;box-shadow:inset 0 1px 0 #fff5de,0 3px 10px #0002;border-color:transparent} :is(.aj-gallery-card,.st-card-choice,.symbol-card-link,.physical-card-result,.journal-row,.revisit-row,.room-links>a,.st-trail-tab,.st-mode-button,.home-spread-tabs button,.synthesis-tabs button,.aj-filter-button)>olivia-edge{display:none} :is(.aj-save,.st-continue,.aj-text-button,.st-text-link,.text-action,.home-link,.reading-link,.solid-action,.nav-reading,.journey-control)>olivia-edge{inset:0;border-radius:inherit} @media(prefers-reduced-motion:no-preference){:is(.aj-save,.st-continue,.aj-text-button,.st-text-link){transition:background .2s,translate .2s,box-shadow .2s}:is(.aj-save,.st-continue,.aj-text-button,.st-text-link):active{translate:0 2px;box-shadow:inset 0 2px 5px #07142640}} /* A card is the object, not a rectangular container with another frame. The caption is the visible action surface inside the same accessible button. */ .home-sample-reveal{border:0!important;background:transparent!important;box-shadow:none!important;outline-offset:10px} .home-sample-reveal>.home-reveal-caption{position:relative;left:50%;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:16px;min-height:54px;width:max-content;max-width:calc(100vw - 48px);margin:28px 0 0;padding:14px 22px;border:1px solid #fff1ce;border-radius:28px;background:linear-gradient(155deg,#f8efd9,#e6d5b2);box-shadow:inset 0 1px 0 #fff9e8,0 2px 0 #a8997b,0 8px 22px #0003;color:#142a3a;font:500 14px/1.4 'DM Sans',sans-serif;text-align:center;white-space:normal;transition:background .2s,translate .2s,box-shadow .2s} .home-reveal-caption i{font:400 22px/1 'DM Sans',sans-serif;color:inherit;flex:none} .home-sample-reveal:active>.home-reveal-caption{translate:0 2px;box-shadow:inset 0 2px 5px #07142640} .home-sample-reveal:focus-visible{outline:none} .home-sample-reveal:focus-visible>.home-reveal-caption{outline:2px solid #f2d8a1;outline-offset:5px} .home-memory-tabs button{border:0;border-radius:12px;background:#1c374bcc;box-shadow:inset 0 1px 0 #c9d7d820;color:#bccbd3;padding:14px 10px;min-height:60px;cursor:pointer} .home-memory-tabs button[aria-selected=true]{background:#eddfc2;color:#172d3d;box-shadow:inset 0 1px 0 #fff5de,0 3px 10px #0002} .home-memory-tabs button[aria-selected=true] :is(b,span){color:inherit} .home-memory-tabs button:after,.home-spread-tabs button:after{display:none} /* The timeline rides above the filled tabs: one node per day, aligned with its label, and a gilt line that advances to the chosen day. Phones hide it. */ @media(min-width:701px){ .home-memory-tabs{padding-top:24px;isolation:isolate} .home-memory-tabs:before,.home-memory-tabs:after{content:'';position:absolute;top:5px;left:25.5px;height:1px;z-index:0} .home-memory-tabs:before{right:25.5px;background:#c7b28c3d} .home-memory-tabs:after{width:0;background:linear-gradient(90deg,#c7b28c,#e6cf9e);transition:width var(--dur-ritual) var(--ease-glide)} .home-memory-tabs:has(>button:nth-child(2)[aria-selected=true]):after{width:calc(50% - 25.5px)} .home-memory-tabs:has(>button:nth-child(3)[aria-selected=true]):after{width:calc(100% - 51px)} .home-memory-tabs button{z-index:1;padding:14px 20px} .home-memory-tabs button:before{top:-24px;left:20px;box-sizing:border-box;border:1px solid #b3a27f;background:#0f1d2c;transition:background-color var(--dur-arrive) var(--ease-settle),box-shadow var(--dur-arrive) var(--ease-settle)} .home-memory-tabs button:nth-child(2):before{left:calc(50% - 5.5px)} .home-memory-tabs button:last-child:before{left:auto;right:20px} .home-memory-tabs button:has(~button[aria-selected=true]):before{background:#c7b28c} .home-memory-tabs button[aria-selected=true]:before{background:#e6cf9e;border-color:#e6cf9e;box-shadow:0 0 0 4px #c7b28c24,0 0 14px #e6cf9e40} } @media(min-width:701px) and (prefers-reduced-motion:reduce){.home-memory-tabs:after,.home-memory-tabs button:before{transition:none}} @media(hover:hover){.home-sample-reveal:hover>.home-reveal-caption{background:#fff1d4;translate:0 -2px;box-shadow:inset 0 1px 0 #fff9e8,0 3px 0 #a8997b,0 12px 26px #0004}} @media(prefers-reduced-motion:reduce){.home-sample-reveal>.home-reveal-caption{transition:none;translate:none!important}} /* The three moments are individual, contained plates on a phone. Native horizontal scrolling and the existing pager share the same panels. */ @media (max-width:700px) { #home-content #discover.home-practice { --practice-gutter:24px; padding:46px var(--practice-gutter) 44px; overflow:hidden; background:#0b1b2b; } #discover .home-section-heading {display:block;margin:0} #discover .home-section-heading .home-kicker {font-size:11px;line-height:1.65;letter-spacing:.12em;margin:0 0 16px;max-width:260px} #discover #home-practice-title {font-size:clamp(35px,9.6vw,43px);line-height:1.02;letter-spacing:-.03em;margin:0;max-width:360px} #discover .home-section-heading>.home-link {display:flex;width:max-content;max-width:100%;min-height:52px;gap:24px;padding:14px 19px;margin:17px 0 0;font-size:14px;line-height:1.4;border:0;border-radius:14px;background:#1c354a;color:#eee2c9;box-shadow:inset 0 1px 0 #c0ced414,0 3px 7px #030c1533} #discover .home-section-heading>.home-link>olivia-edge {display:none!important} #discover .home-ritual-scenes { display:flex; width:100%; max-width:100%; gap:24px; margin:24px 0 0; padding:0; overflow-x:auto; overflow-y:hidden; scroll-snap-type:x mandatory; scroll-padding:0; overscroll-behavior-x:contain; -webkit-overflow-scrolling:touch; scrollbar-width:none; list-style:none; } #discover .home-ritual-scenes::-webkit-scrollbar {display:none} #discover .home-ritual-scenes>li { display:flex; flex:0 0 100%; flex-direction:column; align-items:stretch; min-width:0; max-width:100%; gap:20px; padding:0; margin:0; border:0; scroll-snap-align:start; scroll-snap-stop:always; } #discover .home-ritual-scenes>li .home-scene, #discover .home-ritual-scenes>li:nth-child(2) .home-scene { order:0; display:block; position:relative!important; width:100%; height:332px; min-width:0; min-height:0; flex:none; overflow:hidden!important; isolation:isolate; border:0; border-radius:0; background:radial-gradient(ellipse at 50% 52%,#27435745,transparent 68%); box-shadow:none; } #discover .home-scene>olivia-edge {display:none!important} #discover .home-scene:focus-visible {outline:1px solid #e1c596;outline-offset:-5px} #discover .home-question-paper, #discover .home-note-paper { position:absolute; width:80%; max-width:292px; min-height:218px; height:auto; left:50%; top:50%; padding:26px 23px; box-sizing:border-box; transform:translate(-50%,-50%) rotate(-3deg); box-shadow:1px 2px 0 #aa9e8573,9px 15px 23px #0209104d; } #discover .home-note-paper {transform:translate(-50%,-50%) rotate(3deg);min-height:230px} #discover .home-question-paper .home-mini-label, #discover .home-note-paper .home-mini-label, #discover .home-note-paper>.home-mini-label:last-of-type {font-size:14px;line-height:1.5;letter-spacing:.06em} #discover .home-question-paper p, #discover .home-note-paper p {font-size:clamp(25px,7vw,30px);line-height:1.1;letter-spacing:-.02em;margin:21px 0 26px;max-width:none} #discover .home-question-paper p br, #discover .home-note-paper p br {display:initial} #discover .home-note-paper>.home-mini-label:last-of-type {font-size:14px;letter-spacing:.035em} #discover .home-handmark {font-size:54px;right:18px;bottom:3px} #discover .home-paper-corner {font-size:16px;right:14px;bottom:12px} #discover .home-card-scene img { width:clamp(132px,37vw,150px); max-width:none; height:auto; aspect-ratio:958/1644; object-fit:cover; top:46%; left:50%; border-radius:4%/2.4%; box-shadow:1px 2px 0 #bbaa8477,5px 10px 17px #02081080; } #discover .home-card-scene .home-fan-left {transform:translate(-82%,-55%) rotate(-14deg);filter:brightness(.76)} #discover .home-card-scene .home-fan-right {transform:translate(-18%,-55%) rotate(14deg);filter:brightness(.76)} #discover .home-card-scene .home-fan-face {transform:translate(-50%,-52%) rotate(-2deg);z-index:1} #discover .home-card-scene .home-art-annotation {left:12px;right:12px;bottom:10px;font:400 14px/1.5 'DM Sans',sans-serif;letter-spacing:.015em;color:#c8c4b8;white-space:normal;margin:0} #discover .home-step-copy {display:grid;grid-template-columns:26px minmax(0,1fr);gap:12px;padding:0;margin:0;border:0;min-height:124px} #discover .home-step-copy>span {display:block;font-size:14px;line-height:1.5;letter-spacing:.035em;margin:0;padding-top:5px;color:#bda984} #discover .home-step-copy h3 {font-size:29px;line-height:1.05;letter-spacing:-.02em;margin:0 0 10px;max-width:100%;text-wrap:balance} #discover .home-step-copy p {font-size:15px;line-height:1.65;margin:0;max-width:100%;color:#bdc8ce} #discover .mobile-practice-pager {display:flex;align-items:center;justify-content:space-between;gap:12px;margin:10px 0 0;padding:0;border:0} #discover .mobile-practice-pager>p {font-size:14px;line-height:1.5;max-width:150px;margin:0;color:#b6c3cc} #discover .mobile-practice-pager>div {display:flex;gap:4px;flex:none;padding:4px;border-radius:15px;background:#102638} #discover .mobile-practice-pager button {width:44px;height:44px;padding:0;font-size:14px;line-height:1.4;border:0;border-radius:11px;background:#183348;color:#c0ced6} #discover .mobile-practice-pager button[aria-current=true] {border:0;background:#eadfc7;color:#173042;box-shadow:0 2px 5px #020b1433} #discover .mobile-practice-pager button>olivia-edge {display:none!important} #discover.home-practice>.home-sample-caption {font-size:14px;line-height:1.65;margin:24px 0 0;padding:0;max-width:100%;text-align:left;color:#91a6b5} } @media (max-width:370px) { #home-content #discover.home-practice {--practice-gutter:20px} #discover .home-ritual-scenes>li .home-scene {height:302px} #discover .home-question-paper,#discover .home-note-paper {width:84%;padding:23px 20px;min-height:218px} #discover .home-card-scene img {width:132px} #discover .home-step-copy h3 {font-size:27px} #discover .mobile-practice-pager>p {max-width:125px} } @media (max-width:700px) and (prefers-reduced-motion:reduce) { #discover .home-ritual-scenes {scroll-behavior:auto} #discover .home-scene * {transition:none!important} } /* Phone compositions below the hero. Keep the original art and interaction; give each preview enough room to be understood without miniature text. */ @media (max-width:700px) { #home-content.home-showcase { --phone-section-gutter:24px; } #home-content :is(.home-spreads,.home-sample,.home-memory,.home-symbols,.home-footer) { padding-inline:var(--phone-section-gutter); min-width:0; } #home-content :is(.home-spreads,.home-sample,.home-memory,.home-symbols) { scroll-margin-top:28px; } #home-content :is(.home-spread-intro,.home-sample-copy,.home-memory-heading,.home-symbol-copy) h2 { font-size:clamp(36px,9.8vw,45px); line-height:1.04; letter-spacing:-.03em; overflow-wrap:normal; } #home-content :is(.home-spread-intro,.home-sample-copy,.home-memory-heading,.home-symbol-copy) .home-kicker { font-size:11px; line-height:1.65; letter-spacing:.11em; margin-bottom:18px; } #home-content :is(.home-spread-intro,.home-spread-copy,.home-memory-heading,.home-symbol-copy)>.home-body { font-size:16px; line-height:1.7; max-width:34rem; margin-top:20px; } /* Position labels sit below their cards, not inside a tiny shrunken diagram. */ #home-content .home-spreads {padding-block:52px 56px} #home-content .home-spread-intro {display:block} #home-content .home-spread-workspace {display:block;margin-top:26px} #home-content .home-spread-tabs {gap:8px;padding-bottom:0;border:0} #home-content .home-spread-tabs button {flex:1;min-width:0;min-height:60px;gap:7px;padding:12px 8px} #home-content .home-spread-tabs b {font-size:30px;line-height:1} #home-content .home-spread-tabs span {font-size:14px;line-height:1.4} #home-content .home-spread-tabs button:after {display:none} #home-content .home-spread-table { --preview-card-width:clamp(76px,25vw,106px); height:326px; width:100%; max-width:430px; margin:22px auto 0; } #home-content .home-spread-table[data-count="5"] { --preview-card-width:clamp(72px,22vw,90px); height:680px; max-width:400px; } #home-content .home-spread-table[data-count="8"] { --preview-card-width:clamp(70px,21vw,84px); height:740px; max-width:400px; } #home-content .home-spread-table .home-table-card { width:var(--preview-card-width); top:calc(var(--y) - (var(--preview-card-width) * .858)); transform:translateX(-50%); } #home-content .home-spread-table[data-count="8"] .home-table-card:nth-child(1) {--y:48%!important} #home-content .home-spread-table[data-count="8"] .home-table-card:nth-child(2) {--y:79%!important} #home-content .home-spread-table[data-count="8"] .home-table-card:nth-child(3) {--y:20%!important} #home-content .home-spread-table[data-count="8"] .home-table-card:nth-child(4) {--y:20%!important} #home-content .home-spread-table[data-count="8"] .home-table-card:nth-child(5) {--y:62%!important} #home-content .home-spread-table[data-count="8"] .home-table-card:nth-child(6) {--y:49%!important} #home-content .home-spread-table[data-count="8"] .home-table-card:nth-child(7) {--y:15%!important} #home-content .home-spread-table[data-count="8"] .home-table-card:nth-child(8) {--y:80%!important} #home-content .home-spread-table .home-table-card figcaption { width:128%; margin:15px 0 0 -14%; gap:4px; font-size:12px; line-height:1.45; text-wrap:balance; color:#c8d1d5; } #home-content .home-spread-table .home-table-card figcaption>span:first-child {font-size:11px;letter-spacing:.08em} #home-content .home-table-instruction {font:400 14px/1.6 'DM Sans',sans-serif;max-width:280px;margin:0 auto;text-align:center;color:#aabcc7} #home-content .home-spread-copy {padding:32px 0 0} #home-content .home-spread-copy h3 {font-size:35px;line-height:1.06;margin:14px 0} #home-content .home-spread-copy>.home-mini-label {font-size:11px;line-height:1.65;letter-spacing:.08em} #home-content .home-position-preview {margin-top:24px;padding:23px 0;min-height:0} #home-content .home-position-preview>.home-mini-label {font-size:11px;line-height:1.65;letter-spacing:.08em} #home-content .home-position-preview>p {font-size:27px;line-height:1.18;margin-top:12px;max-width:100%} #home-content .home-access-note {font-size:13px;line-height:1.6;margin-top:16px;max-width:100%} /* The sample is a card on the page, not a card inside an unrelated frame. */ #home-content .home-sample {display:flex;flex-direction:column;gap:30px;padding-block:54px 56px;min-height:0} #home-content .home-sample-copy,#home-content .home-sample-response {width:100%;max-width:none} #home-content .home-sample-question {margin:24px 0 0;padding-left:17px} #home-content .home-sample-question>.home-mini-label {font-size:11px;letter-spacing:.08em;line-height:1.6} #home-content .home-sample-question blockquote {font-size:27px;line-height:1.23;margin-top:12px;max-width:none} #home-content .home-sample-stage {width:100%;padding:20px 0 0;text-align:center} #home-content .home-sample-number {display:none} #home-content .home-sample-reveal {width:min(70%,244px);max-width:none;margin-inline:auto} #home-content .home-sample-stage>.home-sample-caption {font-size:13px;line-height:1.65;max-width:290px;margin:18px auto 0} #home-content #home-sample-insight {margin:0} #home-content #home-sample-insight>.home-mini-label {font-size:11px;line-height:1.65;letter-spacing:.08em} #home-content .home-sample-meaning {font-size:16px;line-height:1.75;margin:15px 0 23px;max-width:none} #home-content .home-sample-prompt {padding-top:23px} #home-content .home-sample-prompt>span {font-size:11px;letter-spacing:.09em;line-height:1.65} #home-content .home-sample-prompt>p {font-size:29px;line-height:1.16;margin-top:12px} #home-content .home-sample-response>.home-link {margin-top:26px} /* A phone shows an almanac entry, rather than reducing an open book to fit. */ #home-content .home-memory {display:flex;flex-direction:column;gap:32px;padding-block:54px 56px} #home-content .home-memory-heading {display:block;width:100%} #home-content .home-memory-links {display:grid;grid-template-columns:1fr;gap:10px;margin-top:24px;width:100%} #home-content .home-memory-links .home-link {width:100%;min-width:0;margin:0} #home-content .home-memory-art {width:100%;max-width:none;min-width:0} #home-content .home-memory-example {font-size:11px;line-height:1.6;letter-spacing:.065em;text-align:left;margin-bottom:20px} #home-content .home-memory-tabs {gap:6px;margin-bottom:20px} #home-content .home-memory-tabs:before {display:none} #home-content .home-memory-tabs button {min-width:0;min-height:74px;padding:11px 6px;align-items:center;justify-content:center;text-align:center;gap:6px} #home-content .home-memory-tabs button:before {display:none} #home-content .home-memory-tabs button>span {font-size:11px;line-height:1.5} #home-content .home-memory-tabs b {font-size:13px;line-height:1.4;font-weight:500} #home-content .home-memory-page { display:grid; grid-template-columns:minmax(0,1fr); gap:26px; padding:28px 25px 30px; min-height:0; transform:none; box-shadow:0 3px 0 #9e8b6366,0 16px 26px #02091040; } #home-content .home-memory-page:before,#home-content .home-memory-page:after {display:none} #home-content .home-memory-card {display:grid;grid-template-columns:92px minmax(0,1fr);align-items:center;gap:24px;width:100%;float:none} #home-content .home-memory-card img {width:88px;max-width:100%;margin:0} #home-content .home-memory-card>span {font-size:12px;line-height:1.6;letter-spacing:.075em;margin:0;text-align:left;color:#665435;max-width:135px} #home-content .home-memory-page .home-mini-label {font-size:11px;line-height:1.6;letter-spacing:.07em} #home-content .home-memory-writing h3 {font-size:32px;line-height:1.07;margin:13px 0 18px} #home-content .home-memory-writing blockquote {font-size:27px;line-height:1.2;min-height:0} #home-content .home-memory-next {margin-top:24px;padding-top:21px} #home-content .home-memory-next p {font-size:15px;line-height:1.65;margin-top:10px} #home-content .home-local-note {font-size:13px;line-height:1.65;margin-top:19px;max-width:100%;text-align:left} #home-content .home-symbols {display:flex;flex-direction:column;gap:24px;padding-block:20px 56px} #home-content .home-symbol-pair {width:100%;max-width:390px;gap:20px;padding:0 10px 42px;box-sizing:border-box} #home-content .home-symbol-crop {min-width:0;aspect-ratio:1/1.35} #home-content .home-symbol>figcaption {font-size:23px;line-height:1.1;bottom:18px;padding-inline:6px} #home-content .home-symbol-veil {transform:translateY(30px)} #home-content .home-symbol-copy {width:100%;min-width:0} #home-content .home-symbol-copy>.home-link {margin-top:24px} #home-content .home-footer {display:grid;grid-template-columns:minmax(0,1fr);gap:28px;padding-block:38px calc(36px + env(safe-area-inset-bottom));min-width:0} #home-content .home-footer-signature {display:block} #home-content .home-footer-signature .brand {font-size:34px} #home-content .home-footer-signature p {font-size:22px;line-height:1.2;margin-top:17px} #home-content .home-footer nav {display:grid;grid-template-columns:minmax(0,1fr);gap:0;font-size:15px;line-height:1.5;min-width:0} #home-content .home-footer nav a {display:flex;align-items:center;min-height:52px;padding-block:10px;border-bottom:1px solid #bbaa8821} #home-content .home-footer-top {grid-column:auto;justify-self:start;max-width:100%;font-size:14px;line-height:1.5;white-space:normal;margin:0} #home-content .home-footer nav.home-footer-legal {display:flex;flex-wrap:wrap;grid-column:auto;gap:4px 22px;padding-top:18px;font-size:14px} #home-content .home-footer nav.home-footer-legal a {display:inline-flex;min-height:44px;padding-block:0;border-bottom:0} } @media (max-width:370px) { #home-content.home-showcase {--phone-section-gutter:20px} #home-content .home-memory-page {padding:25px 21px 27px} #home-content .home-memory-card {grid-template-columns:78px minmax(0,1fr);gap:20px} #home-content .home-memory-card img {width:76px} #home-content .home-memory-writing blockquote {font-size:25px} #home-content .home-spread-tabs span {font-size:13px} #home-content .home-spread-table .home-table-card figcaption {font-size:11px} } /* Crisis support note (support-note.js). A calm filled panel, never a frame or an alarm. */ .support-note{margin:0 0 1.6rem;padding:1.1rem 1.25rem 1.2rem;background:#12283d;border-left:2px solid #b69a65;border-radius:3px;color:#ede4d2;font:400 .95rem/1.6 'DM Sans',sans-serif;max-width:48rem;text-align:left} .support-note p{margin:0 0 .55rem} .support-note .support-note-title{font:400 1.3rem/1.25 'Cormorant Garamond',Georgia,serif;color:#f1e7d3;margin-bottom:.45rem} .support-note ul{margin:.2rem 0 .7rem;padding:0;list-style:none;display:grid;gap:.25rem} .support-note li{color:#d3d0c6} .support-note a{color:#f1e0b8;text-decoration:underline;text-decoration-color:#f1e0b866;text-underline-offset:3px} .support-note a:hover{text-decoration-color:currentColor} #reading-view>.support-note{margin:1.2rem auto 1.4rem;width:min(48rem,calc(100% - 2.5rem))} #spread-ritual>.support-note{margin:1.2rem 0 1.4rem} #question-form .support-note,#spread-question-form .support-note{margin:1rem 0 .4rem} @media(max-width:700px){.support-note{font-size:.9rem;padding:1rem 1rem 1.05rem}.support-note .support-note-title{font-size:1.2rem}} .reread-panel{margin:0 0 2rem;padding:1.4rem 1.5rem 1.2rem;border-radius:18px;background:linear-gradient(160deg,#1a3448,#11263a);box-shadow:inset 0 1px 0 #c9d7d81f,0 0 0 1px #d4c39d33} .reread-panel h2{margin:.3rem 0 .6rem;font:400 clamp(26px,2.6vw,34px)/1.1 'Cormorant Garamond',Georgia,serif;color:#f1e6cf} .reread-lead{margin:0 0 1rem;font-size:14px;line-height:1.75;color:#c9d2d6;max-width:36rem} .reread-field{display:grid;gap:.4rem;margin-bottom:.9rem} .reread-field span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#bda77a} .reread-field textarea{width:100%;min-height:84px;resize:vertical;padding:.75rem .85rem;border-radius:12px;border:1px solid #c9d7d82e;background:#0a1a2acc;color:#efe6d3;font:inherit;font-size:14px;line-height:1.6} .reread-note{margin:.8rem 0 0;font-size:12px;line-height:1.6;color:#98a9b3} .reread-status{margin:.5rem 0 0;font-size:13px;color:#e6cf9e} .reread-earlier{margin-top:1rem} .reread-list{list-style:none;margin:.5rem 0 .8rem;padding:0;display:grid;gap:.7rem} .reread-list li{padding-left:.9rem;border-left:1px solid #c9b18266} .reread-list time{display:block;font-size:11px;letter-spacing:.06em;color:#bda77a} .reread-list p{margin:.2rem 0 0;font-size:14px;line-height:1.6;color:#e2dccd} .survey-panel{margin:0 0 2rem;padding:1.3rem 1.4rem 1.1rem;border-radius:18px;background:#10263acc;box-shadow:inset 0 1px 0 #c9d7d81c,0 0 0 1px #d4c39d26} .survey-lead{margin:.2rem 0 1rem;font-size:13px;line-height:1.7;color:#aebdc5;max-width:34rem} .survey-list{list-style:none;margin:0 0 1rem;padding:0;display:grid;gap:.8rem} .survey-list li{padding:.2rem 0 .2rem .9rem;border-left:1px solid #c9d7d82e} .survey-list li[data-notable=true]{border-left:2px solid #e6cf9e} .survey-fact{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .7rem;font-size:14px;color:#efe6d3} .survey-fact strong{font-weight:500} .survey-odds{font-size:11px;letter-spacing:.03em;color:#97a8b2} .survey-list li[data-notable=true] .survey-odds{color:#e6cf9e} .survey-ask{margin:.3rem 0 0;font:italic 400 17px/1.4 'Cormorant Garamond',Georgia,serif;color:#e2dccd} .survey-loupes{display:flex;gap:8px;margin:.5rem 0 .2rem} .survey-loupe{width:46px;height:46px;border-radius:50%;background-repeat:no-repeat;background-color:#102235;box-shadow:0 0 0 1px #d4c39d59,0 8px 18px #03101e66} .question-hint{margin:.55rem 0 .9rem;padding:.75rem .95rem;border-left:2px solid rgba(230,207,158,.7);border-radius:3px 12px 12px 3px;background:rgba(230,207,158,.07);animation:question-hint-in 320ms ease-out both} .question-hint[hidden]{display:none} .question-hint-note+.question-hint-note{margin-top:.6rem;padding-top:.6rem;border-top:1px solid rgba(230,207,158,.14)} .question-hint p{margin:0} .question-hint-kind{margin:0!important;color:#d7bd84} .question-hint-text{margin-top:.25rem!important;font-size:.88rem;line-height:1.55;color:rgba(236,231,219,.86)} .question-hint-example{margin-top:.35rem!important;font-size:.82rem;line-height:1.5;color:rgba(236,231,219,.62)} .question-hint-example s{text-decoration-color:rgba(236,231,219,.35)} .question-hint-example em{color:rgba(246,236,214,.92)} .question-hint .quiet-link{display:inline-block;margin-top:.45rem;font-size:.8rem} @keyframes question-hint-in{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}} @media (prefers-reduced-motion:reduce){.question-hint{animation:none}} [hidden]+.question-hint{display:none} .sentence-panel{margin:0 0 2rem;padding:1.2rem 1.4rem;border-radius:18px;background:#0f2436b3;box-shadow:inset 0 1px 0 #c9d7d81a,0 0 0 1px #d4c39d24} .sentence-lead{margin:.25rem 0 .8rem;font:italic 400 19px/1.4 'Cormorant Garamond',Georgia,serif;color:#e8e0cf;max-width:34rem} .sentence-label{display:block;margin:.4rem 0 .35rem;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#97a8b2} .sentence-field{width:100%;box-sizing:border-box;resize:vertical;padding:.75rem .9rem;border:1px solid #c9d7d829;border-radius:12px;background:#040e1a8c;color:#f1eadb;font:inherit;font-size:15px;line-height:1.6} .sentence-field:focus{outline:2px solid #e6cf9e;outline-offset:1px} .sentence-helper{display:grid;gap:.15rem;margin:.55rem 0 0;font-size:13px;color:#aebdc5} .sentence-helper p{margin:0} .sentence-helper p[data-over=true]{color:#e6cf9e} .sentence-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;margin:.9rem 0 .4rem} .sentence-learn{font-size:12px} .sentence-quote{margin:.3rem 0 .6rem;padding:0 0 0 .9rem;border-left:2px solid #e6cf9e} .sentence-quote-label{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#97a8b2} .sentence-quote p{margin:.25rem 0 0;font:italic 400 20px/1.4 'Cormorant Garamond',Georgia,serif;color:#f1e6cf} .sentence-status{margin:.3rem 0 0;font-size:12px;color:#aebdc5} .today-pair{display:grid;grid-template-columns:minmax(0,280px) minmax(0,1fr);gap:clamp(1.4rem,4vw,3rem);align-items:start;margin:0 0 3rem;padding:clamp(1.3rem,3vw,2rem);border-radius:22px;background:linear-gradient(160deg,#16304466,#0d1f3099);box-shadow:inset 0 1px 0 #c9d7d81a,0 0 0 1px #d4c39d24} .today-pair>.eyebrow,.today-pair-title{grid-column:1/-1;margin:0} .today-pair-title{margin-top:-.8rem;font:400 clamp(26px,3vw,38px)/1.1 'Cormorant Garamond',Georgia,serif;color:#f1e6cf;max-width:30ch} .today-pair-cards{display:flex;gap:14px} .today-pair-cards figure{margin:0;flex:1;display:grid;gap:.5rem} .today-pair-cards img{width:100%;aspect-ratio:896/1536;object-fit:cover;border-radius:10px;box-shadow:0 18px 36px #02081480,0 0 0 1px #d8c49c2e} .today-pair-cards figure:first-child img{transform:rotate(-2.5deg);opacity:.9} .today-pair-cards figure:last-child img{transform:rotate(2deg)} .today-pair-cards figcaption{display:grid;gap:.1rem;font-size:12px;color:#97a8b2} .today-pair-cards figcaption strong{font:400 17px/1.2 'Cormorant Garamond',Georgia,serif;color:#efe6d3} .today-pair-chips{list-style:none;margin:0 0 1.1rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem} .today-pair-chips li{padding:.35rem .8rem;border-radius:999px;background:#c9d7d812;color:#d9d2c3;font-size:12.5px} .today-pair-lenses{display:flex;flex-wrap:wrap;gap:.35rem;margin:.4rem 0 .9rem} .today-pair-lenses button{padding:.5rem .85rem;border:0;border-radius:999px;background:#c9d7d812;color:#b9c6cd;font:inherit;font-size:12.5px;cursor:pointer} .today-pair-lenses button[aria-selected=true]{background:#eddfc2;color:#172d3d} .today-pair-lenses button:focus-visible{outline:2px solid #e6cf9e;outline-offset:2px} .today-pair-prompt{margin:0 0 1.1rem;font:italic 400 clamp(19px,2vw,23px)/1.4 'Cormorant Garamond',Georgia,serif;color:#f1e6cf;max-width:36rem} .today-pair-version{margin:0 0 1rem;padding:.8rem 1rem;border-left:2px solid #d4c39d;border-radius:3px 12px 12px 3px;background:#c9d7d80d} .today-pair-version summary{cursor:pointer;font-size:13px;color:#e6cf9e} .today-pair-version p{margin:.6rem 0 0;font-size:14px;line-height:1.7;color:#d9d2c3} .today-pair-links{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem} @media (max-width:700px){.today-pair{grid-template-columns:1fr}.today-pair-cards{max-width:260px}} .card-plan-note{margin:.9rem 0 0} .card-plan-note[hidden]{display:none} .card-plan-questions{list-style:none;margin:0 0 .7rem;padding:0;display:grid;gap:.55rem} .card-plan-questions li{display:grid;gap:.15rem;padding-left:.8rem;border-left:1px solid #d4c39d59} .card-plan-questions span{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#97a8b2} .card-plan-questions em{font:italic 400 17px/1.35 'Cormorant Garamond',Georgia,serif;color:#efe6d3} .card-plan-note .quiet-link{font-size:12px} #reveal-card:has(.pin-walk-layer:not([hidden])){position:relative} .pin-walk-layer{position:absolute;inset:0;pointer-events:none} .pin-walk-layer[hidden]{display:none} .pin-walk-dot{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;padding:0;border:1px solid #e6cf9ee6;border-radius:50%;background:#081424b3;color:#f3e3bd;font:500 12px/28px 'DM Sans',system-ui,sans-serif;text-align:center;cursor:pointer;pointer-events:auto;animation:pin-walk-in 360ms ease-out both} .pin-walk-dot[data-current=true]{background:#e6cf9e;color:#0b1c2c;box-shadow:0 0 0 6px #e6cf9e38} .pin-walk-dot:focus-visible{outline:2px solid #fff;outline-offset:2px} .pin-walk-toggle{display:inline-block;margin-top:.6rem;font-size:13px} .pin-walk-toggle[hidden]{display:none} .pin-walk-panel{text-align:left;margin:1rem auto 0;padding:1rem 1.15rem;border-left:2px solid #d4c39d;border-radius:3px 14px 14px 3px;background:#10263acc;max-width:26rem} .pin-walk-panel[hidden]{display:none} .pin-walk-panel h3{margin:.2rem 0 .4rem;font:400 22px/1.2 'Cormorant Garamond',Georgia,serif;color:#f1e6cf} .pin-walk-panel h3:focus{outline:none} .pin-walk-panel p:not(.eyebrow){margin:0;font-size:14px;line-height:1.65;color:#d9d2c3} .pin-walk-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1.2rem;margin-top:.8rem} .pin-walk-actions .text-action{margin-top:0} @keyframes pin-walk-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}} @media (max-width:700px){.pin-walk-panel{box-sizing:border-box;width:calc(100vw - 32px);max-width:26rem;position:relative;left:50%;translate:-50% 0}} @media (prefers-reduced-motion:reduce){.pin-walk-dot{animation:none}} /* Mobile coherence — one action vocabulary for the whole phone journey. Filled surfaces carry every invitation; artwork keeps its own space; each state, from choosing a card to keeping the reading, continues from the one before. Loaded last. Rules are phone-only (max-width:700px) unless a comment says so. Surfaces: primary = ivory (existing .solid-action / .reading-link) secondary row = filled lapis with a trailing glyph disclosure row = the secondary row with a + / − chip Never a thin outline around a card, caption, link or navigation item. */ @media (max-width:700px) { .mobile-experience { --row-surface:linear-gradient(145deg,#29465ad1,#1a3147eb); --row-surface-quiet:linear-gradient(145deg,#223c50d4,#172d41e6); --row-border:#aec0c02b; --row-inset:inset 0 1px 0 #c9d7d82b; --row-lift:0 5px 14px #020a1738; --row-ink:#f1e8d5; --chip-surface:#e9d7b41c; --chip-ink:#ead2a2; } /* ——— 1. The drawn card stays on screen while a personal reading is prepared ——— reading-pending.css hides `.reading-copy>:not(#reading-copy-guidance)`; the :not(#id) carries ID specificity, so the phone header needs the same weight or the artwork disappears and the reveal flies toward an empty box. */ #reading-view[data-guidance-state="pending"] .reading-copy>.mobile-reading-context:not(#reading-copy-guidance) { display:flex!important;flex-direction:column;align-items:center;margin:0;padding:0;border:0; } #reading-view .mobile-reading-context .reading-art {transition:width .6s var(--ease-settle)} #reading-view[data-guidance-state="pending"] .mobile-reading-context .reading-art {width:min(52vw,12.5rem)} #reading-view[data-guidance-state="pending"] .reading-copy {min-height:0} #reading-view[data-guidance-state="pending"] .reading-loader {min-height:0;padding:2.1rem 0 1rem} #reading-view[data-guidance-state="pending"] .reading-loader-name {font-size:clamp(3.3rem,15vw,4.3rem)} #reading-view[data-guidance-state="pending"] .reading-loader-arcana {margin-top:1rem} #reading-view[data-guidance-state="pending"] .reading-loader-track {margin-top:1.8rem} #spreads-view[data-guidance-state="pending"] #spread-connections figure {flex-basis:clamp(74px,25vw,104px);max-width:30%} #spreads-view[data-guidance-state="pending"] .reading-loader {min-height:0;padding:2.2rem 0 1rem} #spreads-view[data-guidance-state="pending"] .reading-loader-name {font-size:clamp(3.3rem,15vw,4.3rem)} #spreads-view[data-guidance-state="pending"] #spread-synthesis {min-height:0;padding-top:2rem} /* ——— 2. Writing a question with the keyboard open ——— The compose step compresses to fit the visible viewport above the keys, so the question and Continue remain together. --mobile-viewport-height follows visualViewport (mobile-experience.js). */ body.mobile-experience[data-mobile-keyboard=true] #question-view[data-mobile-question=compose] { padding-top:calc(76px + env(safe-area-inset-top))!important;padding-bottom:16px;min-height:0; } body.mobile-experience[data-mobile-keyboard=true] #question-view[data-mobile-question=compose] .question-entry-intro h2 {font-size:32px;line-height:1;margin:0 0 14px} body.mobile-experience[data-mobile-keyboard=true] #question-view[data-mobile-question=compose] #question-form>label {margin-bottom:8px} body.mobile-experience[data-mobile-keyboard=true] #question-view[data-mobile-question=compose] #question-form textarea { min-height:0;height:clamp(88px,calc(var(--mobile-viewport-height,100svh) - 292px),200px);resize:none; } body.mobile-experience[data-mobile-keyboard=true] #question-view[data-mobile-question=compose] .question-examples {display:none!important} body.mobile-experience[data-mobile-keyboard=true] #question-view[data-mobile-question=compose] .mobile-question-next {margin-top:12px} /* A long question is shown in full up to four lines, never cut through a glyph. */ .mobile-experience #question-view[data-mobile-question] .mobile-question-preview {flex-direction:column;align-items:flex-start;gap:10px} .mobile-experience #question-view .mobile-question-preview p { max-height:none;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:4;line-clamp:4;width:100%; } .mobile-experience #question-view .mobile-question-preview button { min-height:40px;padding:0 16px;border-radius:20px;background:#20384c9e;box-shadow:var(--row-inset);color:#e6d9bd;font-size:13px; } /* ——— 3. Secondary rows: filled, full width, a clear press ——— */ .mobile-experience :is(.reading-copy,.spread-synthesis-copy)>:is(a,button).quiet-link, .mobile-experience #save-section #view-saved, .mobile-experience #spread-save-section .save-actions>a.quiet-link, .mobile-experience #journal-view .almanac-links a { display:flex;align-items:center;justify-content:space-between;gap:14px; width:100%;max-width:none;min-height:54px;box-sizing:border-box;margin:0;padding:0 18px; border:1px solid var(--row-border);border-radius:14px;background:var(--row-surface); box-shadow:var(--row-inset),var(--row-lift);color:var(--row-ink); font:500 14px/1.4 'DM Sans',sans-serif;letter-spacing:0;text-align:left;text-decoration:none; -webkit-tap-highlight-color:transparent;transition:translate .18s ease,box-shadow .18s ease,background .18s ease; } .mobile-experience :is(.reading-copy,.spread-synthesis-copy)>:is(a,button).quiet-link {margin-top:10px} .mobile-experience .reading-copy>a.quiet-link:first-of-type, .mobile-experience .spread-synthesis-copy>a.quiet-link:first-of-type {margin-top:28px} .mobile-experience :is(.reading-copy,.spread-synthesis-copy)>:is(a,button).quiet-link:active, .mobile-experience #save-section #view-saved:active, .mobile-experience #spread-save-section .save-actions>a.quiet-link:active, .mobile-experience #journal-view .almanac-links a:active {translate:0 2px;box-shadow:inset 0 2px 6px #07142655} /* ——— 4. Disclosures: one filled row with a +/− chip, no rules above or below ——— */ .mobile-experience :is(#reading-view,#spread-synthesis,#journal-view,#spreads-view,#question-view) :is(.reading-reference,.card-lesson,.reading-notes,.practice-editor,.practice-more,.qh-reading-control,.share-reflection,.journal-explore,.question-coach,.reveal-options,.spread-deeper,.reading-preferences,.other-reading-ways) { border:0!important;border-radius:0;background:none;box-shadow:none;padding:0; } .mobile-experience :is(#reading-view,#spread-synthesis,#journal-view,#spreads-view,#question-view) :is(.reading-reference,.card-lesson,.reading-notes,.practice-editor,.practice-more,.qh-reading-control,.share-reflection,.journal-explore,.reveal-options,.spread-deeper,.reading-preferences,.other-reading-ways)>summary, .mobile-experience :is(#reading-view,#spread-synthesis,#question-view,#spreads-view) .question-coach>.question-coach-summary { display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none; width:100%;min-height:56px;box-sizing:border-box;margin:0;padding:12px 14px 12px 18px; border:1px solid var(--row-border);border-radius:14px;background:var(--row-surface-quiet); box-shadow:var(--row-inset),0 4px 12px #020a1729;color:#ece3d1; font:500 14px/1.45 'DM Sans',sans-serif;letter-spacing:0;text-align:left;cursor:pointer; -webkit-tap-highlight-color:transparent;transition:translate .18s ease,box-shadow .18s ease; } .mobile-experience :is(#reading-view,#spread-synthesis,#journal-view,#spreads-view,#question-view) :is(.reading-reference,.card-lesson,.reading-notes,.practice-editor,.practice-more,.qh-reading-control,.share-reflection,.journal-explore,.reveal-options,.spread-deeper,.reading-preferences,.other-reading-ways)>summary::-webkit-details-marker {display:none} .mobile-experience :is(#reading-view,#spread-synthesis,#journal-view,#spreads-view,#question-view) :is(.reading-reference,.card-lesson,.reading-notes,.practice-editor,.practice-more,.qh-reading-control,.share-reflection,.journal-explore,.reveal-options,.spread-deeper,.reading-preferences,.other-reading-ways)>summary::before {content:none;display:none} .mobile-experience :is(#reading-view,#spread-synthesis,#journal-view,#spreads-view,#question-view) :is(.reading-reference,.card-lesson,.reading-notes,.practice-editor,.practice-more,.qh-reading-control,.share-reflection,.journal-explore,.reveal-options,.spread-deeper,.reading-preferences,.other-reading-ways)>summary::after { content:'+';display:grid;place-items:center;flex:none;width:30px;height:30px;margin:0;border-radius:50%; background:var(--chip-surface);color:var(--chip-ink);font:400 19px/1 'DM Sans',sans-serif;transform:none;position:static; } .mobile-experience :is(#reading-view,#spread-synthesis,#journal-view,#spreads-view,#question-view) :is(.reading-reference,.card-lesson,.reading-notes,.practice-editor,.practice-more,.qh-reading-control,.share-reflection,.journal-explore,.reveal-options,.spread-deeper,.reading-preferences,.other-reading-ways)[open]>summary::after {content:'−'} /* Existing inline glyphs become the one chip above. */ .mobile-experience :is(#reading-view,#spread-synthesis) :is(.card-lesson,.practice-editor,.share-reflection)>summary>span:last-child {display:none} .mobile-experience .question-coach>.question-coach-summary .question-coach-mark { display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%; background:var(--chip-surface);color:var(--chip-ink);font:400 22px/1 'DM Sans',sans-serif; } .mobile-experience :is(#reading-view,#spread-synthesis,#journal-view,#spreads-view,#question-view) :is(.reading-reference,.card-lesson,.reading-notes,.practice-editor,.practice-more,.qh-reading-control,.share-reflection,.journal-explore,.reveal-options,.spread-deeper,.reading-preferences,.other-reading-ways)>summary:active, .mobile-experience .question-coach>.question-coach-summary:active {translate:0 2px;box-shadow:inset 0 2px 6px #07142655} .mobile-experience :is(#reading-view,#spread-synthesis,#journal-view,#spreads-view,#question-view) :is(.reading-reference,.card-lesson,.reading-notes,.practice-editor,.practice-more,.qh-reading-control,.share-reflection,.journal-explore,.reveal-options,.spread-deeper,.reading-preferences,.other-reading-ways)[open]>summary {margin-bottom:14px} .mobile-experience .question-coach {margin:12px 0 0} .mobile-experience :is(#reading-view,#spread-synthesis) .card-lesson {margin:12px 0 0} .mobile-experience :is(#reading-view,#spread-synthesis) .reading-reference.has-personal-reading {margin:2.4rem 0 0} .mobile-experience #reading-view .reading-reference-content .card-lesson {margin:14px 0 18px} /* ——— 5. Keeping the reading: primary, confirmation, then quieter tools ——— */ .mobile-experience :is(#save-section,#spread-save-section) {display:flex;flex-direction:column;align-items:stretch;gap:0;margin-top:2.6rem;padding-top:1.9rem;border-top:1px solid #c5b18936} .mobile-experience :is(#save-section,#spread-save-section)>* {margin-top:0;margin-bottom:0} .mobile-experience :is(#save-section,#spread-save-section) .save-actions {display:flex;flex-direction:column;align-items:stretch;gap:10px;margin:0} .mobile-experience :is(#save-reading,#save-spread) { display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;min-height:58px; padding:0 14px 0 22px;border-radius:29px;font:500 15px/1.35 'DM Sans',sans-serif;text-align:left; } .mobile-experience :is(#save-reading,#save-spread) .save-mark { display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:50%;background:#1f30420f;font-size:17px;line-height:1; } .mobile-experience :is(#save-reading,#save-spread)[data-save-state=saved] { background:linear-gradient(150deg,#2c485c,#1d364a);border-color:#e2c99a4d;color:#f2e2bf; box-shadow:inset 0 1px 0 #f5e3bd26,0 6px 16px #02091133; } .mobile-experience :is(#save-reading,#save-spread)[data-save-state=saved] .save-mark {background:#e7cf9d24;color:#f0d8a4} .mobile-experience :is(#reading-view,#spread-synthesis) :is(#save-status,#spread-save-status) {margin:2px 0 0;padding:0 6px;font-size:13px;line-height:1.55;color:#e3cfa3;text-align:left} .mobile-experience :is(#reading-view,#spread-synthesis) :is(#save-status,#spread-save-status):empty {display:none} .mobile-experience :is(#save-section,#spread-save-section) .reading-notes {margin-top:18px} .mobile-experience :is(#save-section,#spread-save-section) .reading-notes label {display:block;margin:0 0 10px;font-size:13px;line-height:1.6;color:#c9d2d4} .mobile-experience :is(#reading-view,#spread-synthesis) :is(#download-reading,#download-spread) { display:inline-flex;align-items:center;gap:10px;align-self:flex-start;width:auto;min-height:46px;margin-top:16px;padding:0 18px; border-radius:23px;border:1px solid var(--row-border);background:var(--row-surface);box-shadow:var(--row-inset);color:var(--row-ink);font:500 13px/1.3 'DM Sans',sans-serif; } .mobile-experience :is(#save-section,#spread-save-section)>.privacy-note {margin-top:10px;padding:0 4px;font-size:12px;line-height:1.65;color:#a5b6c1} /* Ways to return: a small group of rows, separated from keeping. */ .mobile-experience :is(#save-section,#spread-save-section) .practice-editor {margin-top:30px} .mobile-experience :is(#save-section,#spread-save-section) :is(.aj-memory-control,.qh-reading-control) {margin-top:12px;padding-top:0;border:0} .mobile-experience :is(#reading-view,#spread-synthesis) .aj-memory-toggle { display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 18px;border-radius:24px; border:1px solid var(--row-border);background:var(--row-surface);box-shadow:var(--row-inset);color:#ece3d1;font:500 13.5px/1.3 'DM Sans',sans-serif; } .mobile-experience :is(#reading-view,#spread-synthesis) .aj-memory-toggle[aria-pressed=true] {background:linear-gradient(150deg,#4a4a3f,#2f3a3c);border-color:#e2c99a66;color:#f3dcaa} .mobile-experience :is(#reading-view,#spread-synthesis) .aj-memory-control .aj-fineprint {margin:8px 4px 0} .mobile-experience :is(#reading-view,#spread-synthesis) .aj-memory-control .aj-subtle-link { display:inline-flex;align-items:center;min-height:44px;margin-top:4px;padding:0 16px;border-radius:22px;background:#20384c9e;box-shadow:var(--row-inset);color:#dfe7e4;font-size:13px;text-decoration:none; } .mobile-experience :is(#reading-view,#spread-synthesis) .share-reflection {margin-top:12px} /* ——— 6. The spread ritual header and the chosen-card receipt ——— */ .mobile-experience #spreads-view .spread-ritual-actions #leave-spread { width:max-content;flex:none;min-height:44px;padding:0 16px 0 13px!important;border-radius:22px; background:#20384c9e;box-shadow:var(--row-inset),0 4px 12px #0002;color:#dfe7e4;font-size:13px; } .mobile-experience #spreads-view .spread-ritual-head .deck-question-disclosure>summary, .mobile-experience #spreads-view:not(.is-choosing) .deck-question-disclosure>summary { min-height:44px;padding:0 14px;border-radius:22px;background:#20384c9e;box-shadow:var(--row-inset);color:#dfe7e4;font-size:13px; } .mobile-experience #spreads-view .spread-ritual-head .deck-question-disclosure[open]>summary {justify-self:end;width:max-content;margin-left:auto} .mobile-experience #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board {--reading-card-width:36px!important;height:72px!important} .mobile-experience #spread-ritual .spread-workspace[data-phase="choosing"][data-count="3"] .spread-board {max-width:160px} .mobile-experience #spread-ritual .spread-workspace[data-phase="choosing"][data-count="5"] .spread-board {--reading-card-width:32px!important;max-width:236px} .mobile-experience #spread-ritual .spread-workspace[data-phase="choosing"][data-count="8"] .spread-board {--reading-card-width:27px!important;max-width:330px} .mobile-experience #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:not(.dealt) .spread-card { border:0;border-radius:4px;background:linear-gradient(160deg,#1f394d,#132839);box-shadow:inset 0 1px 0 #c9d7d826,0 2px 6px #0003; } .mobile-experience #spread-ritual .spread-workspace[data-phase="choosing"] .spread-slot:not(.dealt) .spread-card:after {font-size:.62rem;color:#c9b78f} /* A card turning is a pause, not a greyed-out failure. */ .mobile-experience #spread-ritual .spread-controls .solid-action:disabled {opacity:.64;filter:saturate(.75)} /* The spread question form: `.spread-entry label[for]` (style.css) would turn the consent row into a block and butt the checkbox against its words. */ .mobile-experience .spread-entry .guidance-choice>label[for] {display:flex;align-items:center;gap:12px;margin:0} .mobile-experience .spread-entry #begin-spread {display:flex;justify-content:space-between;width:100%;border-radius:29px} .mobile-experience .spread-size-choice {gap:8px} .mobile-experience .spread-size-choice span {min-height:64px;padding:10px 11px;border-radius:14px} .mobile-experience .spread-size-choice small {font-size:11px} .mobile-experience #spreads-view .other-spreads {margin-top:8px;border:0!important;padding:0} .mobile-experience #spreads-view .other-spreads>summary { display:flex;align-items:center;justify-content:space-between;gap:14px;list-style:none;width:100%;min-height:56px;box-sizing:border-box; padding:12px 14px 12px 18px;border:1px solid var(--row-border);border-radius:14px;background:var(--row-surface-quiet); box-shadow:var(--row-inset),0 4px 12px #020a1729;color:#ece3d1;font:500 14px/1.45 'DM Sans',sans-serif;cursor:pointer; } .mobile-experience #spreads-view .other-spreads>summary::-webkit-details-marker {display:none} .mobile-experience #spreads-view .other-spreads>summary::before {content:none;display:none} .mobile-experience #spreads-view .other-spreads>summary::after { content:'+';display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:var(--chip-surface);color:var(--chip-ink);font:400 19px/1 'DM Sans',sans-serif; } .mobile-experience #spreads-view .other-spreads[open]>summary {margin-bottom:16px} .mobile-experience #spreads-view .other-spreads[open]>summary::after {content:'−'} /* ——— 7. Home: captions beside art, never over it ——— */ #home-content .home-symbol-pair {align-items:flex-start;gap:16px;padding:0 6px 6px} #home-content .home-symbol-veil {transform:none} #home-content .home-symbol-crop:after {display:none} #home-content .home-symbol>figcaption { position:static;margin:14px 0 0;padding:0;text-align:center; font:italic 22px/1.2 'Cormorant Garamond',Georgia,serif;color:#e9dcc0; } /* Three positions share one caption line; the card angles still read as a fan. */ #home-content .home-spread-table[data-count="3"] .home-table-card {--y:45%!important} #home-content .home-spread-table[data-count="3"] .home-table-card figcaption {width:100%;margin:15px 0 0} /* ——— 8. The almanac opens on your readings ——— */ .mobile-experience #journal-view .journal-intro {margin:1.9rem 0 1.5rem} .mobile-experience #journal-view .journal-intro h1 {font-size:clamp(2.7rem,11.5vw,3.3rem);line-height:.98} .mobile-experience #journal-view .journal-intro>p:last-child {font-size:15px;line-height:1.65;margin-top:.9rem} .mobile-experience #journal-view .journal-explore {margin:0 0 14px} .mobile-experience #journal-view .journal-explore[open] .almanac-links {margin:0 0 6px;padding:0;border:0} .mobile-experience #journal-view .journal-practice-head {border-top:0;padding-top:0;margin-top:0} .mobile-experience #journal-view .journal-entry .journal-row {grid-template-columns:68px minmax(0,1fr) 30px} .mobile-experience #journal-view .journal-row img {width:68px;border-radius:4px} .mobile-experience #journal-view .journal-row>span:last-child { display:grid;place-items:center;width:30px;height:30px;border:0;border-radius:50%;background:var(--chip-surface);color:var(--chip-ink);font-size:15px; } /* ——— 9. Today: one centred moment — heading, the card, then the draw in reach ——— */ .mobile-experience #today-view .today-composition {display:flex;flex-direction:column;align-items:stretch;gap:0;margin:1.4rem auto 3rem} .mobile-experience #today-view .today-copy {display:contents} .mobile-experience #today-view #today-date {order:1;text-align:center;margin:0} .mobile-experience #today-view #today-title {order:2;text-align:center;font-size:clamp(2.6rem,11.5vw,3.2rem);line-height:.98;margin:.7rem 0 1.5rem} .mobile-experience #today-view .today-card {order:3;align-self:center;width:min(44vw,184px);max-width:none;margin:0 0 1.35rem;justify-self:auto} .mobile-experience #today-view .today-card figcaption {margin-top:1.15rem;font-size:1.05rem} .mobile-experience #today-view #today-invitation {order:4;text-align:center;margin:0 auto 1.3rem;max-width:22rem;font-size:15px;line-height:1.65} .mobile-experience #today-view #daily-draw {order:5;display:flex;justify-content:space-between;width:100%;min-height:58px;margin:0;border-radius:29px;font-size:15px} .mobile-experience #today-view #daily-note {order:6;text-align:center;margin:.8rem auto 0;max-width:22rem} .mobile-experience #today-view .today-copy>.quiet-link, .mobile-experience :is(#today-view,.product-page) .practice-bottom>.quiet-link { order:7;display:flex;align-items:center;justify-content:space-between;width:100%;min-height:54px;box-sizing:border-box;margin:18px 0 0;padding:0 18px; border:1px solid var(--row-border);border-radius:14px;background:var(--row-surface);box-shadow:var(--row-inset),var(--row-lift); color:var(--row-ink);font:500 14px/1.4 'DM Sans',sans-serif;text-decoration:none; } .mobile-experience :is(#today-view,.product-page) .practice-bottom {display:flex;flex-direction:column;align-items:stretch;gap:10px} .mobile-experience :is(#today-view,.product-page) .practice-bottom>* {width:100%;margin:0;box-sizing:border-box} /* ——— 10. Supporting pages: no framed switches, no empty band above the title ——— */ .mobile-experience .st-mode-controls {border:0;padding:0;gap:8px} .mobile-experience .aj-page .aj-intro,.mobile-experience .aj-page:has(.aj-first-page) .aj-intro {padding-top:.6rem} /* The hidden desktop header wraps to several rows on a phone; keep only the masthead's height so the page title starts where every other page does. */ .mobile-experience .aj-page>.page-top {height:calc(76px + env(safe-area-inset-top));min-height:0;margin:0;padding:0;overflow:hidden;border:0} .mobile-experience .aj-page .aj-tools>.aj-link { display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:22px;background:#20384c9e;box-shadow:var(--row-inset);color:#dfe7e4;text-decoration:none; } } @media (max-width:700px) and (max-height:700px) { .mobile-experience #spread-ritual .spread-workspace[data-phase="choosing"] .spread-board {--reading-card-width:28px!important;height:54px!important} } /* Shorter phones: the one-card deck, its buttons and the tap hint share one screen instead of a fixed 790px stage that pushes the instructions below the fold. */ @media (max-width:700px) and (max-height:760px) { body.mobile-experience[data-view=choose] #hero-region {height:100svh;min-height:600px} body.mobile-experience[data-view=choose] .choose-heading {top:calc(80px + env(safe-area-inset-top))} body.mobile-experience[data-view=choose] .choose-heading h2 {font-size:30px;line-height:1.06} body.mobile-experience[data-view=choose] #motion-stage {top:164px;bottom:186px} body.mobile-experience[data-view=choose] .mobile-single-deck .card-hit {width:min(50vw,190px,calc((100svh - 390px) * .583))} body.mobile-experience[data-view=choose] .choose-footer {bottom:calc(12px + env(safe-area-inset-bottom))} /* Today keeps its draw above the navigation on shorter screens. */ .mobile-experience #today-view .today-composition {margin-top:.4rem} .mobile-experience #today-view #today-title {font-size:clamp(2.2rem,10vw,2.6rem);margin:.5rem 0 1rem} .mobile-experience #today-view .today-card {width:min(34vw,148px);margin-bottom:1rem} .mobile-experience #today-view .today-card figcaption {margin-top:.8rem;font-size:.95rem} .mobile-experience #today-view #today-invitation {margin-bottom:1rem;font-size:14px;line-height:1.55} } /* A phone turned sideways is wider than the phone breakpoint, so it receives the desktop choose composition in 390px of height. Only touch devices this short are affected; desktop pointers and heights never match. The WebGL deck is unchanged: the words simply leave it room. */ @media (min-width:701px) and (max-height:500px) and (pointer:coarse) { body[data-view=choose] .choose-heading>.eyebrow, body[data-view=choose] .choose-heading>.reading-steps, body[data-view=choose] .choose-heading>p:last-child {display:none} body[data-view=choose] .choose-heading {top:78px;max-width:40%} body[data-view=choose] .choose-heading h2 {font-size:26px;line-height:1.05;margin:0} body[data-view=choose] .choose-heading h2 br {display:none} body[data-view=choose] #choice-navigation {width:auto;justify-content:flex-start;gap:12px} body[data-view=choose] #choice-range {white-space:nowrap;font-size:12px} body[data-view=choose]:is([data-single-state=held],[data-single-state=extracting],[data-single-state=revealing],[data-single-state=revealed]) .choose-heading {visibility:hidden} } /* The shortest phones (iPhone SE class): the card waits beside the heading's rhythm at a smaller size, and its caption gives way so the draw stays in reach. */ @media (max-width:700px) and (max-height:690px) { .mobile-experience #today-view .today-composition {margin-top:0} .mobile-experience #today-view #today-title {font-size:2.15rem;margin:.35rem 0 .8rem} .mobile-experience #today-view .today-card {width:min(28vw,118px);margin-bottom:.8rem} .mobile-experience #today-view .today-card figcaption {display:none} .mobile-experience #today-view #today-invitation {margin-bottom:.85rem} } /* ——— The phone arrival (award plan, section 1) ——— first-frame.js gives phones this composition before the first paint. The opening card: until hero.js is ready, the poster stands exactly where hero.js draws the first card at the start of the journey, then stays beneath the WebGL card while #cards fades in (1 s), so the card never jumps. The numbers repeat hero.js. Camera: 38° field of view, centred on #motion-stage, so the perspective distance is 1.45210 × the stage height. Opening pose: card centre 58% across and 39% down (35% on stages under 760 px), card height 0.46 of the stage (0.36 when short), START pitch −0.12, yaw −0.34 and bank −0.10 rad; pitch and bank change sign for CSS's downward y axis. Below 650 px #motion-stage is 106 px shorter than #stage. At 600 px and narrower the stage is always portrait, as the pose assumes. */ @media (max-width:600px) { body.mobile-experience[data-view=home]:not(.cinema) #stage {container:olivia-stage/size} body.mobile-experience[data-view=home]:not(.cinema) #motion-stage {--hero-h:calc(100cqh - 106px);perspective:calc(var(--hero-h)*1.4521);perspective-origin:50% 50%} /* The poster's (it carries the phone card back) must not stand between it and the stage's perspective. */ body.mobile-experience[data-view=home]:not(.cinema) #motion-stage>picture {display:contents} body.mobile-experience[data-view=home]:not(.cinema) #motion-stage .poster {top:calc(var(--hero-h)*.16);left:calc(58% - var(--hero-h)*.13417);width:calc(var(--hero-h)*.26834);height:calc(var(--hero-h)*.46);transform:rotateY(-.34rad) rotateX(.12rad) rotateZ(.1rad);animation:appear 1.1s .12s both} html.ready body.mobile-experience[data-view=home]:not(.cinema) #motion-stage .poster {display:block;visibility:hidden;transition:visibility 0s 1.05s} } @container olivia-stage (height < 866px) { body.mobile-experience[data-view=home]:not(.cinema) #motion-stage .poster {top:calc(var(--hero-h)*.17);left:calc(58% - var(--hero-h)*.105);width:calc(var(--hero-h)*.21);height:calc(var(--hero-h)*.36)} } /* The masthead joins the opening with the other controls, once. */ @media (max-width:700px) { .mobile-masthead[data-arrival] {animation:appear 1.1s .7s both} } /* Safari's toolbars leave 635–740 px on most phones: the card keeps the same clearance below ARCANA as on a full-height screen. */ @media (max-width:700px) and (max-height:740px) { body.mobile-experience[data-view=home]:not(.cinema) #motion-stage {transform:translate(-8vw,90px) scale(1.2)} } /* The shortest (an iPhone SE in Safari, about 553 px): the opening fits the visible screen, with Draw your card and Watch the journey in reach. */ @media (max-width:700px) and (max-height:600px) { body.mobile-experience[data-view=home]:not(.cinema) #hero-region {min-height:480px} body.mobile-experience[data-view=home]:not(.cinema) .identity {top:50px} body.mobile-experience[data-view=home]:not(.cinema) .wordmark-name {font-size:56px} body.mobile-experience[data-view=home]:not(.cinema) .wordmark-secondary {margin-top:12px} body.mobile-experience[data-view=home]:not(.cinema) #motion-stage {transform:translate(-8vw,82px) scale(1.2)} body.mobile-experience[data-view=home]:not(.cinema) #intro {bottom:70px} body.mobile-experience[data-view=home]:not(.cinema) #intro h2 {font-size:25px;margin-bottom:14px} body.mobile-experience[data-view=home]:not(.cinema) .experience-controls {bottom:12px} } /* The second question step keeps its one primary action in reach at every phone height, as Reveal this card does: fixed at the bottom over a lapis fade. The reading sizes, consent and optional rows scroll beneath it, and scroll padding keeps a focused row clear of it. While the keyboard is open, the button returns to its place in the form. */ @media (max-width:700px) { html:has(body.mobile-experience[data-view=question] #question-view[data-mobile-question=prepare]) {scroll-padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))} body.mobile-experience[data-view=question]:not([data-mobile-keyboard=true]) #question-view[data-mobile-question=prepare] {padding-bottom:calc(128px + env(safe-area-inset-bottom,0px))} body.mobile-experience[data-view=question]:not([data-mobile-keyboard=true]) #question-view[data-mobile-question=prepare] #question-form>button[type=submit] {position:fixed;z-index:43;left:26px;right:26px;bottom:calc(18px + env(safe-area-inset-bottom,0px));width:auto;margin:0} body.mobile-experience[data-view=question]:not([data-mobile-keyboard=true]) #question-view[data-mobile-question=prepare]::after {content:'';position:fixed;z-index:42;left:0;right:0;bottom:0;height:calc(120px + env(safe-area-inset-bottom,0px));background:linear-gradient(#0b192a00,#0b192aeb 42%,#0b192af5);pointer-events:none} } /* A collection to inhabit: artwork carries the page, controls stay unmistakable. */ body[data-view="decks"] #hero-region{display:none} #decks-view{--dl-ivory:#efe3cb;--dl-muted:#aab9c1;--dl-gold:#c1a77a;position:relative;min-height:100svh;padding:0 max(32px,5.5vw) 60px;color:var(--dl-ivory);background:radial-gradient(ellipse at 16% 27%,#233c5038,transparent 43%),#0b192a;isolation:isolate} #decks-view :is(button,a){-webkit-tap-highlight-color:transparent;touch-action:manipulation} #decks-view :is(button,a)>olivia-edge{display:none!important} #decks-view button{font-family:'DM Sans',sans-serif} #decks-view button:disabled{cursor:default} #decks-view :is(button,a):focus-visible{outline:2px solid #f3d9a3;outline-offset:5px} #decks-title:focus{outline:0} #decks-view .dl-header{height:108px;max-width:1480px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px} #decks-view .dl-brand{display:inline-flex;align-items:baseline;gap:12px;font:400 32px/1 'Cormorant Garamond',Georgia,serif;white-space:nowrap} #decks-view .dl-brand>span{font:500 8px/1.3 'DM Sans',sans-serif;letter-spacing:.3em} #decks-view .dl-home{display:inline-flex;align-items:center;gap:13px;min-height:44px;font-size:12px;color:#c1c9ca;padding:8px 0} #decks-view .dl-home>span{font-size:20px;color:var(--dl-gold)} #decks-view .dl-header-links{display:flex;align-items:center;gap:28px} #decks-view .dl-language{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 13px;border-radius:24px;font-size:12px;line-height:1.4;color:#dcc59d;background:#b0bfbd0d;white-space:nowrap} #decks-view .dl-mobile-language{display:none} #decks-view .dl-intro{display:grid;grid-template-columns:1.1fr .8fr;gap:10%;max-width:1300px;padding:62px 0 66px;margin:auto;align-items:end} #decks-view .dl-kicker{font-size:10px;line-height:1.8;letter-spacing:.19em;text-transform:uppercase;color:var(--dl-gold);margin:0 0 18px} #decks-view h1{font:400 clamp(56px,6.6vw,92px)/.98 'Cormorant Garamond',Georgia,serif;letter-spacing:-.04em;margin:0} #decks-view h1 em{font-weight:400} #decks-view .dl-intro-copy>p{font-size:14px;line-height:1.85;color:#bfcbcf;max-width:380px;margin:0 0 22px} #decks-view .dl-collection-links{display:grid;gap:5px;max-width:400px} #decks-view .dl-jump{display:flex;align-items:center;gap:14px;width:100%;min-height:49px;text-align:left;padding:10px 14px;border-radius:10px;background:#29445a5e;box-shadow:inset 0 1px 0 #c7d1c51a;color:#e0d9ca;font-size:12px;transition:background .2s} #decks-view .dl-jump-number{font:italic 17px 'Cormorant Garamond',Georgia,serif;color:var(--dl-gold)} #decks-view .dl-jump i{margin-left:auto;font-style:normal;font-size:19px;color:#b8a581} #decks-view .dl-jump[data-selected="true"] .dl-jump-number{color:#f2dfae} #decks-view .dl-collection{max-width:1480px;margin:auto} #decks-view .dl-deck{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:6%;align-items:center;padding:54px 0 86px;position:relative;scroll-margin-top:28px;border-top:1px solid #cbb98f25} #decks-view .dl-deck[data-tone="velvet"]{grid-template-columns:minmax(0,.8fr) minmax(0,1.25fr)} #decks-view .dl-deck[data-tone="velvet"] .dl-art-column{order:2} #decks-view .dl-deck[data-tone="velvet"] .dl-deck-copy{order:1;padding-left:5%} #decks-view .dl-art-column{min-width:0} #decks-view .dl-scene{position:relative;isolation:isolate;width:100%;aspect-ratio:1.1;max-height:700px;perspective:1500px} #decks-view .dl-scene-light{position:absolute;inset:4% -5% 0;background:radial-gradient(ellipse at 53% 50%,#5f7e9440,transparent 63%);border-radius:50%;pointer-events:none;z-index:-1} #decks-view [data-tone="velvet"] .dl-scene-light{background:radial-gradient(ellipse at 53% 50%,#70485754,transparent 65%)} #decks-view .dl-card{position:absolute;display:block;object-fit:cover;aspect-ratio:958/1642;height:auto;width:39%;border-radius:3.2%/1.9%;transform-origin:50% 85%;box-shadow:0 3px 2px #0006,0 24px 45px #0006;user-select:none;-webkit-user-drag:none;transition:transform .8s cubic-bezier(.22,1,.36,1),opacity .55s,filter .55s} #decks-view .dl-card-main{left:36%;top:12%;width:44%;z-index:4;transform:rotate(4deg)} #decks-view .dl-card-left{left:17%;top:17%;z-index:2;transform:rotate(-12deg);filter:brightness(.75)} #decks-view .dl-card-right{left:58%;top:23%;width:34%;z-index:3;transform:rotate(13deg);filter:brightness(.72)} #decks-view .dl-card-reverse{left:8%;top:10%;width:34%;z-index:1;transform:rotate(-18deg);filter:brightness(.82)} #decks-view .dl-scene[data-show="reverse"] .dl-card-main{transform:rotate(0deg)} #decks-view .dl-scene[data-show="reverse"] .dl-card-left{transform:rotate(-16deg) translateX(-3%);filter:brightness(.6)} #decks-view .dl-scene[data-show="reverse"] .dl-card-right{transform:rotate(17deg) translateX(3%);filter:brightness(.6)} #decks-view .dl-art-controls{display:flex;align-items:center;flex-direction:column;gap:17px;padding:16px 16px 0;position:relative;z-index:5} #decks-view .dl-face-switch{display:inline-flex;align-items:stretch;gap:3px;border-radius:28px;background:#040c156e;padding:4px;box-shadow:inset 0 1px 4px #0003} #decks-view .dl-face-switch button{min-height:42px;padding:11px 19px;border:0;border-radius:24px;font-size:12px;color:#aebdc5;background:transparent;white-space:nowrap;transition:color .2s,background .2s,box-shadow .2s} #decks-view .dl-face-switch button[aria-pressed="true"]{background:#31485b;color:#f4e8ce;box-shadow:inset 0 1px 0 #c7d0c530,0 2px 5px #0004} #decks-view [data-tone="velvet"] .dl-face-switch button[aria-pressed="true"]{background:#47333f} #decks-view .dl-card-pager{display:grid;grid-template-columns:44px minmax(80px,1fr) 44px;align-items:center;width:min(100%,350px);gap:16px;min-height:44px} #decks-view .dl-card-pager>button{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;font-size:20px;background:#233b4d;color:#e5d5b5;box-shadow:inset 0 1px 0 #d4d8c422,0 3px 10px #0002;transition:background .2s,opacity .2s} #decks-view .dl-card-pager>button:disabled{opacity:.24} #decks-view .dl-card-caption{display:flex;align-items:center;flex-direction:column;gap:4px;text-align:center;min-width:0} #decks-view .dl-card-count{font-size:9px;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#a99575;overflow-wrap:anywhere} #decks-view .dl-card-name{font:400 20px/1.1 'Cormorant Garamond',Georgia,serif;color:#e5dcca;overflow-wrap:anywhere} #decks-view .dl-deck-copy{padding-right:6%;min-width:0} #decks-view .dl-edition-line{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:38px;margin-bottom:35px} #decks-view .dl-edition-number{font:italic 29px/1 'Cormorant Garamond',Georgia,serif;color:#8e8e85} #decks-view .dl-current{display:inline-flex;align-items:center;gap:8px;padding:9px 11px;border-radius:22px;background:#dcc79e13;color:#dfca9f;font-size:10px;line-height:1.3} #decks-view .dl-current i{font:400 12px/1 'DM Sans',sans-serif} #decks-view .dl-deck-subtitle{font-size:9px;letter-spacing:.14em;margin-bottom:11px} #decks-view h2{font:400 clamp(45px,4.6vw,68px)/.97 'Cormorant Garamond',Georgia,serif;letter-spacing:-.03em;margin:0 0 23px;max-width:480px;text-wrap:balance} #decks-view .dl-description{font:400 15px/1.8 'DM Sans',sans-serif;color:#c0cbd0;max-width:370px;margin:0 0 23px} #decks-view .dl-material{font:italic 23px/1.3 'Cormorant Garamond',Georgia,serif;color:#d6c5a6;max-width:370px;margin:0 0 23px} #decks-view .dl-tags{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;margin:0 0 32px;list-style:none;color:#a3b4bf;font-size:10px;line-height:1.5} #decks-view .dl-tags li{display:flex;align-items:center;gap:8px} #decks-view .dl-tags li:before{content:'';display:block;width:3px;height:3px;border-radius:50%;background:#bcaa85} #decks-view .dl-deck-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center} #decks-view :is(.dl-primary,.dl-begin){display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:54px;padding:15px 21px;border-radius:14px;font:500 13px/1.4 'DM Sans',sans-serif;text-align:left;transition:translate .2s,background .2s,box-shadow .2s} #decks-view :is(.dl-primary,.dl-begin)>i{font:400 20px/1 'DM Sans',sans-serif;flex-shrink:0} #decks-view .dl-primary{background:linear-gradient(150deg,#f7eed8,#dfcbab);color:#162739;border:1px solid #f6e8c9;box-shadow:inset 0 1px 0 #fff7df,0 3px 0 #938267,0 9px 22px #0003} #decks-view .dl-primary:disabled{background:#d8c5a01a;color:#ccba96;border:1px solid #cfb98630;box-shadow:none} #decks-view .dl-begin{background:#254055;color:#ede4d0;border:1px solid #aec0c027;box-shadow:inset 0 1px 0 #c9d7d825,0 4px 12px #0003} #decks-view [data-tone="velvet"] .dl-begin{background:#493642;border-color:#b6a1ad27} #decks-view [data-selected="true"] .dl-begin{background:linear-gradient(150deg,#f7eed8,#dfcbab);color:#162739;border-color:#f6e8c9;box-shadow:inset 0 1px 0 #fff7df,0 3px 0 #938267,0 9px 22px #0003} #decks-view .dl-complete{display:flex;align-items:center;gap:9px;margin:18px 0 0;color:#8399a7;font-size:10px;line-height:1.5} #decks-view .dl-complete span{color:#b4a17d;font-size:9px} #decks-view .dl-footer{text-align:center;border-top:1px solid #cbb98f25;padding:68px 24px 20px;max-width:1300px;margin:auto} #decks-view .dl-footer-mark{display:block;font-size:35px;color:#c9b488;margin-bottom:24px} #decks-view .dl-footer h2{font-size:clamp(34px,3.3vw,48px);max-width:none;margin:0 0 20px} #decks-view .dl-footer p{max-width:510px;margin:auto;font-size:13px;line-height:1.8;color:#a8bac5} #decks-view .dl-status:empty{display:none} #decks-view .dl-status:not(:empty){position:fixed;z-index:45;left:50%;bottom:30px;transform:translateX(-50%);max-width:calc(100vw - 32px);padding:14px 22px;border-radius:12px;background:#e9dfc8;color:#183144;box-shadow:0 8px 35px #0005;font-size:13px;line-height:1.6;text-align:center} @media(hover:hover){ #decks-view .dl-jump:hover{background:#33526780} #decks-view .dl-card-pager>button:hover:not(:disabled){background:#3a5465} #decks-view :is(.dl-primary,.dl-begin):hover:not(:disabled){translate:0 -2px;filter:brightness(1.06)} #decks-view .dl-scene:hover .dl-card-main{transform:rotate(1deg) translateY(-6px)} } #decks-view :is(.dl-primary,.dl-begin):active:not(:disabled){translate:0 2px;box-shadow:inset 0 2px 5px #07142640} @media(max-width:1100px){ #decks-view{padding-inline:36px} #decks-view .dl-intro{gap:6%;grid-template-columns:1.15fr .85fr;padding-top:42px} #decks-view h1{font-size:65px} #decks-view .dl-deck,#decks-view .dl-deck[data-tone="velvet"]{gap:4%;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)} #decks-view .dl-deck[data-tone="velvet"]{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)} #decks-view .dl-deck-copy{padding-right:0} #decks-view h2{font-size:52px} #decks-view .dl-edition-line{margin-bottom:23px} #decks-view .dl-description{font-size:14px} #decks-view .dl-deck-actions{gap:10px} #decks-view :is(.dl-primary,.dl-begin){font-size:12px;padding:14px 17px;gap:15px} } @media(max-width:700px){ #decks-view{padding:0 24px calc(42px + var(--mobile-nav-height,72px) + env(safe-area-inset-bottom,0px))} #decks-view .dl-header{height:86px} body.mobile-experience #decks-view .dl-header{visibility:hidden;pointer-events:none;height:calc(89px + env(safe-area-inset-top,0px))} #decks-view .dl-intro{display:block;padding:24px 0 34px} #decks-view .dl-intro-overline{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-10px 0 13px} #decks-view .dl-intro-overline .dl-kicker{margin:0;max-width:65%} #decks-view .dl-mobile-language{display:inline-flex;font-size:11px;padding:10px 12px;flex-shrink:0} #decks-view .dl-desktop-language{display:none} #decks-view .dl-kicker{font-size:9px;letter-spacing:.16em;margin-bottom:14px} #decks-view h1{font-size:clamp(44px,12.8vw,66px);line-height:1.01;letter-spacing:-.035em} #decks-view .dl-intro-copy{margin-top:24px} #decks-view .dl-intro-copy>p{font-size:13px;line-height:1.75;margin-bottom:20px;max-width:440px} #decks-view .dl-collection-links{max-width:none} #decks-view .dl-jump{min-height:48px;padding:12px 15px;font-size:12px} #decks-view .dl-deck,#decks-view .dl-deck[data-tone="velvet"]{display:flex;flex-direction:column;gap:0;padding:30px 0 45px;scroll-margin-top:12px} #decks-view .dl-deck-copy,#decks-view .dl-deck[data-tone="velvet"] .dl-deck-copy{display:contents;padding:0;order:0} #decks-view .dl-edition-line{order:0;width:100%;margin-bottom:16px;min-height:34px} #decks-view .dl-edition-number{font-size:25px} #decks-view .dl-current{font-size:10px} #decks-view .dl-deck-subtitle{order:1;align-self:flex-start;width:100%;margin:0 0 8px;font-size:9px} #decks-view .dl-deck h2{order:2;width:100%;align-self:flex-start;font-size:clamp(43px,11vw,58px);max-width:none;margin:0 0 0;line-height:1.02} #decks-view .dl-art-column,#decks-view .dl-deck[data-tone="velvet"] .dl-art-column{order:3;width:100%;margin:8px 0 27px} #decks-view .dl-scene{aspect-ratio:.98;max-width:470px;margin:auto;max-height:none} #decks-view .dl-card-main{width:48%;left:29%;top:14%;transform:rotate(3deg)} #decks-view .dl-card-left{width:41%;left:12%;top:23%;transform:rotate(-10deg)} #decks-view .dl-card-right{width:35%;left:55%;top:29%;transform:rotate(13deg)} #decks-view .dl-card-reverse{width:33%;left:11%;top:14%;transform:rotate(-15deg)} #decks-view .dl-art-controls{gap:12px;padding:6px 0 0} #decks-view .dl-face-switch button{font-size:12px;min-height:42px;padding-inline:18px} #decks-view .dl-card-pager{width:min(100%,320px);gap:14px} #decks-view .dl-card-name{font-size:22px} #decks-view .dl-description{order:4;align-self:flex-start;max-width:none;font-size:14px;line-height:1.75;margin:0 0 18px} #decks-view .dl-material{order:5;align-self:flex-start;max-width:none;font-size:23px;margin:0 0 20px} #decks-view .dl-tags{order:6;width:100%;margin:0 0 24px;font-size:10px;gap:8px 14px} #decks-view .dl-deck-actions{order:7;display:grid;grid-template-columns:1fr;width:100%;gap:12px} #decks-view :is(.dl-primary,.dl-begin){min-height:55px;width:100%;border-radius:28px;padding:16px 22px;font-size:14px;gap:22px} #decks-view .dl-primary:disabled{min-height:44px;padding-block:10px;background:transparent;border:0;justify-content:center;font-size:12px;box-shadow:none} #decks-view .dl-complete{order:8;width:100%;justify-content:center;margin-top:19px;font-size:10px} #decks-view .dl-footer{padding:42px 0 0} #decks-view .dl-footer-mark{font-size:31px;margin-bottom:20px} #decks-view .dl-footer h2{font-size:36px;line-height:1.1;margin-bottom:18px} #decks-view .dl-footer p{font-size:12px;line-height:1.8} #decks-view .dl-status:not(:empty){bottom:calc(var(--mobile-nav-height,72px) + 16px);width:calc(100vw - 40px);font-size:12px} } @media(max-width:360px){#decks-view{padding-inline:20px}#decks-view h1{font-size:44px}#decks-view .dl-current{font-size:9px}} @media(prefers-reduced-motion:reduce){#decks-view *,#decks-view *:before,#decks-view *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}#decks-view .dl-scene:hover .dl-card-main{transform:rotate(3deg)}} .dl-artwork-choice{border:0;padding:0;margin:24px 0}.dl-artwork-choice legend{font-size:18px}.dl-artwork-choice p{font-size:14px;line-height:1.5}.dl-artwork-options{display:flex;gap:10px}.dl-artwork-options button{flex:1;min-width:0;border:1px solid transparent;border-radius:14px;background:#352936;color:inherit;padding:10px;min-height:44px}.dl-artwork-options img{width:100%;height:auto;aspect-ratio:7/12;object-fit:contain;display:block;margin-bottom:8px}.dl-artwork-options button[aria-pressed=true]{border-color:#c6ae7f;background:#55404c}.dl-artwork-options button:focus-visible{outline:2px solid #ede4d2;outline-offset:4px} /* A deck is chosen before a draw; its identity remains with the reading. */ body[data-view="decks"]{height:auto;min-height:100svh} body[data-view="decks"] #hero-region,body[data-view="decks"] #home-content{display:none} .reading-deck-switch{display:flex;align-items:center;gap:14px;margin:0 0 24px;padding:14px 16px;background:#162d3e;border-radius:14px;min-width:0;color:#eee3ce} .reading-deck-switch>img{width:34px;height:58px;object-fit:cover;border-radius:4px;flex:none} .reading-deck-switch>span{display:grid;gap:4px;min-width:0;flex:1}.reading-deck-switch small{font-size:9px;letter-spacing:.16em;color:#c8b68e}.reading-deck-switch strong{font:500 18px/1.1 'Cormorant Garamond',serif} .reading-deck-switch button{flex:none;min-height:44px;background:#e9dcc0;color:#122333;border-radius:9px;padding:10px 14px;font:500 12px 'DM Sans',sans-serif;box-shadow:inset 0 1px #fff8e680,0 3px 10px #0002;transition:transform .18s,background .18s}.reading-deck-switch button:hover{background:#fff0d0;transform:translateY(-2px)}.reading-deck-switch button:active{transform:translateY(1px)} .reading-deck-switch button:focus-visible{outline:2px solid #e8d39f;outline-offset:4px} body[data-view="question"] .reading-deck-switch{grid-column:1/-1} @media(min-width:900px){.site-header nav{gap:clamp(12px,1.5vw,28px)}.header-note{display:none}} @media(max-width:700px){.reading-deck-switch{padding:12px;gap:11px;margin-bottom:20px}.reading-deck-switch strong{font-size:18px}.reading-deck-switch button{font-size:11px;padding:10px 12px}body.mobile-experience[data-view="decks"] .deck-library{padding-top:calc(90px + env(safe-area-inset-top))}} @media(prefers-reduced-motion:reduce){.reading-deck-switch button{transition:none}} /* Transparent, artwork-mapped material; the source image remains the surface. */ .card-material-light { position: absolute; display: block; z-index: 1; margin: 0; padding: 0; border: 0; max-width: none; pointer-events: none; user-select: none; -webkit-user-select: none; backface-visibility: hidden; contain: strict; } .card-material-light[hidden] { display: none !important; } .card-material-host > .pin-walk-layer { z-index: 2; } @media (prefers-reduced-motion: reduce) { .card-material-light { display: none !important; } } /* A finite artwork transition, clipped to the same surface as the real image. */ .card-unveiling { position:absolute; display:block; z-index:3; margin:0; padding:0; border:0; max-width:none; pointer-events:none; user-select:none; -webkit-user-select:none; backface-visibility:hidden; contain:strict; } .card-unveiling[hidden] { display:none !important; } @media (prefers-reduced-motion:reduce) { .card-unveiling { display:none !important; } } .reading-keepsake{--keepsake-ink:#efe6d3;--keepsake-muted:#b3bfc6;--keepsake-surface:#12283b;--keepsake-metal:#cbb78d;margin:32px 0 20px;padding:26px 0 0;border-top:1px solid #b6a47955;color:var(--keepsake-ink);text-align:left;max-width:100%;container-type:inline-size} .reading-keepsake[data-deck=space-between]{--keepsake-surface:#352836;--keepsake-muted:#c5b9c3;--keepsake-metal:#cdb98f} .reading-keepsake .keepsake-title{margin:0 0 9px;font:400 clamp(27px,3.5vw,34px)/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-.015em;color:var(--keepsake-ink)} .reading-keepsake .keepsake-intro{margin:0 0 18px;max-width:47ch;color:var(--keepsake-muted);font:400 14px/1.6 'DM Sans','Onest',sans-serif} .reading-keepsake .keepsake-primary{display:inline-flex;justify-content:center;align-items:center;min-height:46px;max-width:100%;padding:12px 21px;border:1px solid #e7dac0;border-radius:24px;background:#e7dac0;color:#172b3b;font:500 13px/1.35 'DM Sans','Onest',sans-serif;letter-spacing:.015em;cursor:pointer;text-align:center;box-shadow:inset 0 1px #fff8,0 5px 16px #0002;transition:background .16s ease,color .16s ease,transform .16s ease} .reading-keepsake[data-deck=space-between] .keepsake-primary{color:#352836} .reading-keepsake .keepsake-primary:hover{background:#f3ead8;border-color:#f3ead8} .reading-keepsake .keepsake-primary:active{background:#d7c59f;transform:translateY(1px)} .reading-keepsake .keepsake-primary:disabled{opacity:.62;cursor:wait} .reading-keepsake .keepsake-text-action{padding:9px 0;min-height:44px;border:0;border-radius:0;background:none;color:var(--keepsake-metal);font:400 13px/1.5 'DM Sans','Onest',sans-serif;text-decoration:underline;text-decoration-color:transparent;text-underline-offset:5px;cursor:pointer} .reading-keepsake .keepsake-text-action:hover{text-decoration-color:currentColor} .reading-keepsake .keepsake-remove{color:var(--keepsake-muted);margin-left:auto} .reading-keepsake .keepsake-actions{display:flex;align-items:center;gap:8px 20px;flex-wrap:wrap;margin-top:18px} .reading-keepsake .keepsake-note{margin:15px 0 0;color:var(--keepsake-muted);font:400 11.5px/1.6 'DM Sans','Onest',sans-serif;max-width:60ch} .reading-keepsake .keepsake-wallpaper-note{margin-top:3px} .reading-keepsake .keepsake-status{margin:12px 0 0;font:400 12px/1.6 'DM Sans','Onest',sans-serif;color:var(--keepsake-metal);max-width:58ch} .reading-keepsake .keepsake-status:empty{display:none} .reading-keepsake .keepsake-status[data-error=true]{color:#f1baa3} .reading-keepsake .keepsake-preview{display:grid;grid-template-columns:74px minmax(0,1fr);gap:20px;align-items:stretch;margin:21px 0 0;min-height:124px} .reading-keepsake .keepsake-preview:not(:has(img)){grid-template-columns:minmax(0,1fr)} .reading-keepsake .keepsake-art{display:block;width:74px;height:100%;min-height:124px;max-height:210px;object-fit:cover;object-position:50% 48%;border-radius:1px} .reading-keepsake .keepsake-preview-copy{align-self:center;min-width:0;padding:3px 0 4px} .reading-keepsake blockquote{margin:0 0 12px;font:400 clamp(23px,3vw,30px)/1.18 'Cormorant Garamond',Georgia,serif;letter-spacing:-.005em;overflow-wrap:anywhere;color:var(--keepsake-ink)} .reading-keepsake figcaption{font:400 10.5px/1.5 'DM Sans','Onest',sans-serif;letter-spacing:.06em;color:var(--keepsake-metal)} .reading-keepsake .keepsake-editor{display:flex;flex-direction:column;margin:20px 0 0} .reading-keepsake .keepsake-label{display:block;margin:0 0 7px;font:400 12px/1.5 'DM Sans','Onest',sans-serif;color:var(--keepsake-muted)} .reading-keepsake .keepsake-source{width:100%;min-width:0;min-height:44px;margin:0 0 19px;padding:10px 32px 10px 12px;border:1px solid #a6a48b77;border-radius:2px;background:var(--keepsake-surface);color:var(--keepsake-ink);font:400 13px/1.5 'DM Sans','Onest',sans-serif;text-overflow:ellipsis;cursor:pointer} .reading-keepsake .keepsake-words{box-sizing:border-box;display:block;min-height:110px;width:100%;max-width:100%;margin:0;padding:13px 15px;border:1px solid #a6a48b99;border-radius:2px;background:var(--keepsake-surface);color:var(--keepsake-ink);font:400 24px/1.28 'Cormorant Garamond',Georgia,serif;resize:vertical;overflow-wrap:anywhere} .reading-keepsake .keepsake-count{align-self:flex-end;margin-top:5px;color:var(--keepsake-muted);font:400 10px/1.5 'DM Sans','Onest',sans-serif;font-variant-numeric:tabular-nums} .reading-keepsake .keepsake-editor .keepsake-actions{margin-top:10px} .reading-keepsake .keepsake-export{margin:5px 0 0} .reading-keepsake :is(button,select,textarea):focus-visible,.reading-keepsake .keepsake-preview:focus-visible{outline:2px solid var(--keepsake-metal);outline-offset:4px} @container (max-width:360px){.reading-keepsake .keepsake-preview{grid-template-columns:58px minmax(0,1fr);gap:15px}.reading-keepsake .keepsake-art{width:58px}.reading-keepsake .keepsake-actions{gap:6px 20px}.reading-keepsake .keepsake-actions .keepsake-primary{width:100%}.reading-keepsake .keepsake-remove{margin-left:0}} @media(prefers-reduced-motion:reduce){.reading-keepsake *{transition:none!important;animation:none!important}} /* Artwork remains an object, with a small, plainly actionable invitation beneath it. */ #reading-view #reveal-card{position:relative;isolation:isolate;touch-action:pan-y} .reading-touch-controls{display:grid;justify-items:center;gap:9px;margin:24px 0 0} .reading-touch-controls[hidden]{display:none} .reading-touch-controls .reading-light-action{min-height:44px;padding:11px 19px;border:0;border-radius:22px;background:#244253;color:#ede4d2;font:500 12px/1.5 'DM Sans',sans-serif;box-shadow:inset 0 1px #f8e7c52b,0 4px 12px #0002;transition:background .2s,transform .2s;cursor:pointer} .reading-touch-controls .reading-light-action:hover,.reading-touch-controls .reading-light-action[aria-pressed=true]{background:#355969;transform:translateY(-1px)} .reading-touch-controls .reading-light-action:active{transform:translateY(1px)} .reading-touch-controls .reading-light-action:focus-visible{outline:2px solid #dcc79d;outline-offset:4px} .reading-touch-controls p{font:400 11px/1.6 'DM Sans',sans-serif;color:#b2c0c5;margin:0} #reading-view[data-reading-deck=space-between]{background:radial-gradient(ellipse at 18% 30%,#34233577,transparent 60%),#17121f} #reading-view[data-reading-deck=space-between] .reading-light-action{background:#493744;color:#f3e4d1} #reading-view[data-reading-deck=space-between] .reading-light-action:hover{background:#614857} #reading-view[data-guidance-state=pending] .reading-touch-controls,#reading-view[data-guidance-state=pending] #single-keepsake{display:none!important} .single-reading-arrival .reading-touch-controls{visibility:hidden} @media(max-width:700px){.reading-touch-controls{margin-top:20px;transform:none;width:100%}.reading-touch-controls p{max-width:25ch;font:400 12px/1.6 'DM Sans','Onest',sans-serif}.reading-touch-controls .reading-light-action{font:500 12px/1.5 'DM Sans','Onest',sans-serif}.mobile-reading-context:has(.reading-touch-controls) .reading-art{width:min(65vw,16rem)}} @media(prefers-reduced-motion:reduce){.reading-touch-controls{display:none}}