@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap";:root{--paper:#eee8d8;--ivory:#faf5e8;--ink:#263d3c;--muted:#6b7c78;--gold:#aa7940;--terra:#9b5a3d;--line:rgba(44,72,66,.2);--serif:"Cormorant Garamond",serif;--sans:"DM Sans",sans-serif}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:var(--sans);font-size:16px}button,textarea{font:inherit;color:inherit}button{cursor:pointer}.app{min-height:100vh;position:relative;isolation:isolate}.atmosphere{position:fixed;inset:0;z-index:-1;overflow:hidden;background:linear-gradient(120deg,#f2ecdc,#e5eadf 55%,#cfdfda)}.atmosphere i{position:absolute;width:85vw;height:85vw;right:-20vw;top:-42vw;border-radius:50%;background:radial-gradient(circle,rgba(255,252,232,.95),rgba(255,248,219,.22) 52%,transparent 70%)}.atmosphere:after{content:"";position:absolute;inset:0;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='.7' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.atmosphere b{position:absolute;font:420px var(--serif);color:#556d560b}.atmosphere b:nth-of-type(1){left:-80px;top:-150px;transform:rotate(125deg)}.atmosphere b:nth-of-type(2){right:-80px;bottom:-160px;transform:rotate(-45deg)}header{position:relative;z-index:10;height:78px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}header button,footer button{border:0;background:none}.brand{justify-self:start;font:400 22px var(--serif);letter-spacing:.28em}.brand:first-letter{color:var(--terra)}header nav{display:flex;gap:28px}header nav button,footer nav button{font-size:12px;color:var(--muted)}.progress{justify-self:end;display:flex;gap:12px}.progress i{width:5px;height:5px;border:1px solid var(--gold);border-radius:50%}.progress i.on{background:var(--terra)}main{min-height:calc(100vh - 126px)}.eyebrow{text-transform:uppercase;color:var(--gold);font-size:11px;letter-spacing:.24em}.lede,.center>p,.fine{color:var(--muted);line-height:1.7}.error{position:fixed;z-index:20;top:90px;left:50%;transform:translate(-50%);max-width:520px;background:var(--ivory);border:1px solid var(--terra);padding:12px 18px;font-size:13px}.primary{border:1px solid var(--gold);background:#faf5e8a6;min-width:270px;min-height:58px;padding:8px 8px 8px 25px;text-transform:uppercase;letter-spacing:.14em;font-size:11px;display:inline-flex;align-items:center;justify-content:space-between;gap:30px}.primary b{display:grid;place-items:center;width:42px;height:42px;background:var(--terra);color:#fff;font-size:20px;font-weight:400}.primary:disabled{opacity:.45}.landing{min-height:calc(100vh - 78px);display:grid;grid-template-columns:52% 48%;align-items:center;padding:6vh 7vw}.landing>div:first-child{max-width:680px}.landing h1,.spread-page h1,.shuffle-page h1,.selection h1,.reveal h1,.results h1,.info h1{font:400 clamp(58px,6vw,92px)/.91 var(--serif);letter-spacing:-.035em;margin:18px 0 25px}.landing h1 em,.spread-page h1 em,.shuffle-page h1 em,.selection h1 em,.reveal h1 em,.results h1 em{color:#8b552d;font-weight:400}.landing .lede{font-size:17px;max-width:590px}.landing label{display:block;position:relative;margin:34px 0 22px;max-width:650px;border-bottom:1px solid rgba(117,80,37,.45)}.landing label span{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.2em;color:var(--gold)}.landing textarea{width:100%;min-height:116px;resize:none;background:transparent;border:0;outline:0;padding:14px 60px 10px 0;font:italic 27px/1.25 var(--serif)}.landing label small{position:absolute;right:0;bottom:12px;color:var(--muted)}.fine{font-size:12px}.hero{height:68vh;position:relative;display:grid;place-items:center}.hero img{position:absolute;width:min(13vw,185px);border-radius:7px;filter:drop-shadow(0 24px 25px rgba(51,60,46,.2));animation:float 6s ease-in-out infinite}.hero img:first-child{transform:translate(-155px) rotate(-13deg);opacity:.72;animation-delay:-2s}.hero img:nth-child(2){z-index:2}.hero img:last-child{transform:translate(155px) rotate(13deg);opacity:.72;animation-delay:-4s}.home-blocks{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.home-blocks button{min-height:270px;border:0;border-right:1px solid var(--line);background:#faf5e833;padding:42px;text-align:left}.home-blocks h2{font:400 34px var(--serif);margin:22px 0 8px}.home-blocks p{line-height:1.7;color:var(--muted);max-width:380px}.home-blocks b{font-size:11px;color:var(--gold);letter-spacing:.1em}.spread-page{padding:65px 6vw 140px}.center{text-align:center;max-width:940px;margin:auto}.spread-page h1{font-size:64px}.spread-group{max-width:1250px;margin:65px auto}.spread-group>h2{font:italic 24px var(--serif);color:var(--muted);border-bottom:1px solid var(--line);padding-bottom:12px}.spread-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.spread-grid>button{min-height:300px;text-align:left;padding:28px;border:1px solid var(--line);background:#faf5e866;position:relative}.spread-grid>button.chosen{border-color:var(--gold);box-shadow:0 18px 40px #3742311a;transform:translateY(-5px)}.spread-grid>button:disabled{opacity:.52;cursor:not-allowed}.spread-grid>button>span{font-size:10px;letter-spacing:.16em;color:var(--terra)}.backs{height:90px;display:flex;justify-content:center;align-items:center}.backs img{width:38px;margin-left:-14px;border-radius:2px}.spread-grid h3{font:400 29px var(--serif);margin:12px 0}.spread-grid p{font-size:13px;color:var(--muted)}.spread-grid footer{position:absolute;bottom:22px;left:28px;right:28px;padding-top:13px;border-top:1px solid var(--line);font-size:10px;letter-spacing:.1em;display:flex;justify-content:space-between}.spread-grid footer b{font-weight:400}.sticky-action{position:fixed;z-index:8;bottom:22px;left:50%;transform:translate(-50%);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.shuffle-page,.reveal{min-height:calc(100vh - 78px);display:flex;flex-direction:column;align-items:center;text-align:center;padding:60px 20px}.shuffle-page h1,.reveal h1{font-size:58px}.shuffle-page blockquote{font:italic 20px var(--serif);color:var(--muted);max-width:700px}.deck{height:390px;width:500px;display:grid;place-items:center;position:relative;perspective:1000px}.deck img{position:absolute;width:160px;border-radius:7px;filter:drop-shadow(0 20px 20px rgba(55,60,45,.2));transition:.5s}.deck img:first-child{transform:translate(-4px,-5px)}.deck img:last-child{transform:translate(4px,5px)}.deck.shuffling img:first-child{animation:shuffle-left 5s ease both}.deck.shuffling img:nth-child(2){animation:shuffle-center 5s ease both}.deck.shuffling img:last-child{animation:shuffle-right 5s ease both}.selection{min-height:calc(100vh - 78px);padding:35px 3vw 24px}.select-head{max-width:1280px;margin:auto;display:flex;justify-content:space-between;align-items:end}.selection h1{font-size:55px;margin:12px 0}.select-head>strong{font:400 52px var(--serif);color:var(--terra);display:flex;align-items:center;gap:10px}.select-head>strong span{font:400 10px var(--sans);letter-spacing:.12em;color:var(--muted);width:60px}.slots{height:300px;display:flex;gap:40px;justify-content:center;align-items:center}.slots button{width:160px;height:270px;border:0;border-bottom:1px solid var(--line);background:none}.slots button b{display:block;font:400 26px var(--serif)}.slots button span{font-size:10px;letter-spacing:.14em;text-transform:uppercase}.slots button.filled{border:0}.slots img{height:100%;max-width:100%;object-fit:contain;animation:land .48s cubic-bezier(.2,.75,.25,1.15);filter:drop-shadow(0 14px 16px rgba(55,60,45,.2))}.ribbon{height:260px;max-width:1500px;margin:-18px auto 0;display:flex;align-items:end;justify-content:center;overflow:visible;padding-top:52px}.ribbon button{flex:0 0 14px;width:88px;height:205px;border:0;padding:0;background:none;position:relative;z-index:1}.ribbon button img{position:absolute;left:0;bottom:0;width:88px;border-radius:4px;pointer-events:none;filter:drop-shadow(0 5px 5px rgba(52,58,44,.2));transition:transform .28s,filter .28s}.ribbon button:hover img,.ribbon button:focus-visible img{transform:translateY(-35px);filter:drop-shadow(0 13px 12px rgba(52,58,44,.28))}.ribbon button:focus-visible{outline:2px solid var(--terra);outline-offset:2px}.ribbon button.picked{opacity:0;pointer-events:none}.selection-foot{max-width:1280px;margin:auto;border-top:1px solid var(--line);padding-top:12px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.selection-foot p{font:italic 15px var(--serif);color:var(--muted)}.selection-foot p:last-child{text-align:right;font:400 10px var(--sans);letter-spacing:.12em;text-transform:uppercase}.reveal>div{display:flex;gap:40px;margin:25px auto}.reveal article{width:205px}.reveal article img{width:100%;border-radius:7px;filter:drop-shadow(0 18px 18px rgba(55,60,45,.2));animation:flip .7s ease both}.reversed{transform:rotate(180deg)}.reveal article h2{font:400 26px var(--serif);margin:12px 0 2px}.reveal article p{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--gold)}.results{padding:45px 6vw 90px}.result-head{display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--line);padding-bottom:25px}.results h1{font-size:57px;margin:10px 0}.result-head blockquote{font:italic 19px var(--serif);color:var(--muted);margin:0}.result-head>button,.result-actions button{border:1px solid var(--line);background:#faf5e873;padding:12px 18px}.overview{display:flex;justify-content:center;gap:32px;padding:45px 0}.overview article{text-align:center;width:190px}.overview img{width:100%;border-radius:6px;filter:drop-shadow(0 15px 16px rgba(55,60,45,.18))}.overview span,.overview p,.meaning>span,.closing span{text-transform:uppercase;letter-spacing:.15em;font-size:11px;color:var(--gold)}.overview h2{font:400 25px var(--serif);margin:12px 0 2px}.thread{max-width:940px;margin:30px auto 80px;text-align:center}.thread h2{font:400 42px/1.15 var(--serif)}.thread>p:not(.eyebrow){color:var(--muted);font-size:17px}.long-reading{max-width:1150px;margin:auto}.long-reading article{min-height:650px;display:grid;grid-template-columns:1fr 360px;gap:100px;align-items:center;border-top:1px solid var(--line);padding:65px 35px}.long-reading article.alternate{grid-template-columns:360px 1fr}.long-reading article.alternate .meaning{order:2}.long-reading img{width:100%;border-radius:8px;filter:drop-shadow(0 22px 22px rgba(55,60,45,.2))}.meaning h2{font:400 43px var(--serif);margin:12px 0 25px}.meaning h2 em{display:block;font:400 12px var(--sans);text-transform:uppercase;letter-spacing:.12em;color:var(--terra)}.meaning h3{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--gold);margin:23px 0 8px}.meaning p{font-size:18px;line-height:1.7;color:#465b58}.meaning blockquote{font:italic 24px/1.4 var(--serif);border-left:2px solid var(--terra);padding-left:20px;margin:30px 0}.closing{max-width:1050px;margin:70px auto 0;border:1px solid var(--line);background:#faf5e861;padding:40px}.closing>div{margin-bottom:30px}.closing h2{font:400 30px var(--serif)}.closing meter{width:100%;height:6px}.closing p{font-size:15px;line-height:1.65;color:var(--muted)}.result-actions{display:flex;align-items:center;gap:12px;border-top:1px solid var(--line);padding-top:25px}.info{max-width:800px;margin:auto;padding:12vh 25px}.info h1{font-size:72px}.info>p:not(.eyebrow){font:400 22px/1.7 var(--serif);color:#465b58}.info .primary{margin-top:30px}.modal{position:fixed;inset:0;z-index:40;background:#1e2d2a59;display:grid;place-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.modal>div{width:min(430px,90vw);background:var(--ivory);border:1px solid var(--gold);padding:42px;position:relative;text-align:center}.modal h2{font:400 38px var(--serif)}.modal p{line-height:1.6;color:var(--muted)}.modal .close{position:absolute;right:14px;top:10px;border:0;background:none;font-size:25px}.modal>div>button:last-child{border:0;background:none;text-decoration:underline;margin-top:22px}footer{height:48px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 5vw;font-size:10px;letter-spacing:.1em}footer nav{display:flex;gap:18px}footer em{text-align:right;font:italic 14px var(--serif)}@keyframes float{50%{margin-top:-15px}}@keyframes shuffle-left{10%,45%{transform:translate(-110px,-20px) rotate(-10deg)}25%,60%{transform:translate(-25px,10px) rotate(-3deg)}75%{transform:translate(-80px,-4px) rotate(-7deg)}to{transform:translate(-4px,-5px)}}@keyframes shuffle-center{20%{transform:translateY(-15px)}45%{transform:translateY(8px)}70%{transform:translateY(-8px)}to{transform:none}}@keyframes shuffle-right{10%,45%{transform:translate(110px,-20px) rotate(10deg)}25%,60%{transform:translate(25px,10px) rotate(3deg)}75%{transform:translate(80px,-4px) rotate(7deg)}to{transform:translate(4px,5px)}}@keyframes land{0%{opacity:0;transform:translateY(100px) rotate(5deg) scale(.75)}to{opacity:1;transform:none}}@keyframes flip{0%{opacity:0;transform:rotateY(90deg) translateY(30px)}to{opacity:1}}@media(max-width:760px){header{height:64px;padding:0 18px;grid-template-columns:1fr auto}header nav{display:none}.progress{gap:8px}main{min-height:calc(100vh - 112px)}.landing{grid-template-columns:1fr;padding:55px 22px;text-align:center}.landing h1{font-size:49px}.landing .lede{font-size:15px}.landing label{text-align:left}.landing textarea{font-size:23px}.hero{height:330px}.hero img{width:105px}.hero img:first-child{transform:translate(-90px) rotate(-13deg)}.hero img:last-child{transform:translate(90px) rotate(13deg)}.home-blocks{grid-template-columns:1fr}.home-blocks button{min-height:220px;border-bottom:1px solid var(--line)}.spread-page{padding:45px 20px 125px}.spread-page h1{font-size:45px}.spread-grid{grid-template-columns:1fr}.spread-grid>button{min-height:270px}.shuffle-page h1,.reveal h1{font-size:45px}.shuffle-page blockquote{font-size:17px}.deck{width:100%;height:350px}.selection{padding:35px 14px}.select-head{display:block;text-align:center}.selection h1{font-size:42px}.select-head>strong{justify-content:center}.slots{height:210px;gap:8px}.slots button{width:31%;height:195px}.ribbon{justify-content:flex-start;overflow-x:auto;overflow-y:hidden;height:260px;padding:50px 44px 0;scroll-snap-type:x proximity}.ribbon button{flex-basis:44px;min-width:44px;scroll-snap-align:center}.ribbon button img{width:86px}.selection-foot{grid-template-columns:1fr;text-align:center}.selection-foot p:last-child{text-align:center;grid-row:1}.selection-foot p:first-child{display:none}.selection-foot .primary{justify-self:center}.reveal>div{gap:8px}.reveal article{width:30vw}.reveal article h2{font-size:17px}.results{padding:35px 18px 70px}.results h1{font-size:44px}.result-head{display:block}.result-head>button{margin-top:20px}.overview{gap:8px}.overview article{width:31%}.overview h2{font-size:17px}.thread{margin-bottom:40px}.thread h2{font-size:31px}.long-reading article,.long-reading article.alternate{display:flex;flex-direction:column;min-height:0;gap:35px;padding:45px 10px}.long-reading article.alternate .meaning{order:initial}.long-reading img{order:-1;width:220px}.meaning h2{font-size:36px}.meaning p{font-size:17px}.closing{padding:25px 20px}.result-actions{flex-wrap:wrap}.info h1{font-size:52px}footer{padding:0 18px}footer nav{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}