/* A second world: continuous scene above, quiet working surfaces below. */
body.experiment{--bg:#e8e2e9;--panel:#f5efeb;--text:#283239;--muted:#59616b;--gold:#665065;--line:#36445330;--commercial-muted:#59616b;--commercial-edge:#36445330;background:var(--bg);color:var(--text)}
.experiment .header{position:absolute;inset:0 0 auto;z-index:20;height:96px;border-color:#33424c38;background:transparent}
.experiment .header a{color:#27343c}.experiment .brand-mark{color:#655370}
.experiment .hero.dream-journey{display:block;position:relative;width:100%;max-width:none;margin:0;padding:0;min-height:0;isolation:isolate;overflow:clip}
.experiment .dream-scene{position:sticky;top:0;height:100svh;width:100%;margin-bottom:-100svh;z-index:-1;background:#d7c4d5;overflow:hidden;pointer-events:none}
.dream-scene canvas{display:block;width:100%;height:100%}.dream-fallback{position:absolute;inset:0;background:linear-gradient(#d6c9df 0%,#efcbbf 54%,#9db8c0 55%,#c5cad4 100%)}
.dream-fallback:after{content:'';position:absolute;width:28vw;height:28vw;border-radius:50%;background:#f5e7db;left:55%;top:24%;box-shadow:0 30px 100px #ac86aa55}.scene-ready .dream-fallback{display:none}
.experiment .dream-chapters{position:relative;z-index:2;pointer-events:none}
.experiment .dream-chapter{min-height:100svh;box-sizing:border-box;padding:160px max(7vw,24px) 100px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;width:100%;color:#28343b;pointer-events:none}
.experiment .dream-chapter>*{max-width:570px}.experiment .dream-chapter h1,.experiment .dream-chapter h2{font:500 clamp(62px,7.5vw,108px)/.98 var(--serif);letter-spacing:-.035em;margin:22px 0 28px;max-width:10ch;color:#26363e;text-wrap:balance}
.experiment .dream-chapter p{font-size:18px;line-height:1.65;max-width:32ch;margin-bottom:18px}.experiment .dream-chapter .dream-kicker{font:500 13px/1.5 sans-serif;letter-spacing:.1em;text-transform:uppercase}
.experiment .dream-chapter:nth-child(even){align-items:flex-end;text-align:left}.experiment .dream-chapter:nth-child(3){justify-content:flex-end;padding-bottom:12vh}.experiment .dream-chapter:nth-child(4){background:linear-gradient(transparent,#e8e2e9 98%)}
.experiment .dream-link{pointer-events:auto;display:inline-flex;align-items:center;min-height:52px;padding:0 24px;color:#fff7f1;background:#30414a;border-radius:30px;font-size:15px;text-decoration:none;margin-top:12px}.experiment .dream-link:focus-visible{outline:3px solid #6e526a;outline-offset:5px}
.experiment .dream-scroll{position:absolute;top:calc(100svh - 60px);left:7vw;z-index:3;font-size:13px;color:#354550}
.experiment .spread-picker,.experiment .how-section,.experiment .pricing-section,.experiment .principles,.experiment .faq{padding-block:85px}
.experiment .spread-offer,.experiment .spread-offer:nth-child(4),.experiment .spread-offer:nth-child(5){background:#d9dce6;border-color:#38434a35;color:#28343b}.experiment .spread-offer:nth-child(even){background:#e6d7d6}.experiment .spread-offer .offer-description,.experiment .spread-offer .offer-meta,.experiment .spread-offer .offer-action{color:#394b56}.experiment .spread-offer .offer-art{opacity:.9}
.experiment .reading-workspace{background:#f5efeb;border-color:#3c4d5938;box-shadow:none;color:#28343b}.experiment .theme-option,.experiment .spread-option{color:#2c3a42;border-color:#35455230}.experiment .theme-option small,.experiment .funnel-description,.experiment .funnel-note,.experiment .spread-option-meta,.experiment .reading-included p{color:#59616b}.experiment .funnel-progress li{color:#65707a}.experiment .funnel-progress li.is-active{color:#60475b}.experiment .reading-workspace textarea{background:#fffbf6;color:#29383f;border-color:#8a8995}.experiment .reading-workspace .button.primary{background:#344953;color:#fffaf4;border-color:#344953}.experiment .secondary{color:#344953;border-color:#71818a}
.experiment .deck-world{background:#ccd9dc;border-color:#56697840}.experiment .gallery-caption{border-color:#56697840}.experiment .gallery-caption p{color:#3c4f58}.experiment .gallery-controls button{color:#3c4f58;border-color:#56697860}
.experiment .example-section{background:#e0cfd5;border-color:#73657435}.experiment .example-reading{background:#faf3e6;color:#34414a;box-shadow:none}.experiment .example-reading p{color:#46505b}
.experiment .plans{background:#e0d7dc;border-color:#6e62794d}.experiment .plan-card{background:transparent;color:#2b3942}.experiment .plan-card.plan-featured{background:#f3e9df}.experiment .plan-card p,.experiment .plan-card li,.experiment .pricing-preview p,.experiment .pricing-details p{color:#4b5862}.experiment .plan-card .button.primary{background:#344953;color:#fffaf4;border-color:#344953}.experiment .pricing-preview{background:#f2ecea;border-color:#6e627940}
.experiment .principles{background:transparent}.experiment .principle-list p,.experiment .section-description,.experiment .privacy p{color:#4b5862}.experiment .faq{background:#dce1df;color:#2b3942;border-color:#69797045}.experiment .faq summary{color:#2b3942}.experiment .faq details p{color:#43545d}.experiment .closing{background:#e8e2e9}.experiment .footer{background:#ddd6df;color:#3f4f59;border-color:#5e6b7840}.experiment .footer a,.experiment .footer p,.experiment .footer span{color:#3f4f59}.experiment .mobile-start{background:#344953;color:#fffaf4;border-color:#79848c}.experiment .purchase-dialog{background:#f7f0e6;color:#2b3942}
.experiment .position,.experiment .revealed-card small,.experiment .result-question,.experiment .selection-count{color:#4c5563}.experiment .selection-count{border-color:#69758440}.experiment .button.primary{background:#344953;color:#fffaf4;border-color:#344953}
@media(max-width:800px){.experiment .header{height:82px}.experiment .dream-chapter{padding:130px 24px 110px;justify-content:flex-start}.experiment .dream-chapter h1,.experiment .dream-chapter h2{font-size:clamp(50px,11vw,76px);max-width:11ch;margin-top:12px}.experiment .dream-chapter p{font-size:16px;max-width:29ch}.experiment .dream-chapter:nth-child(even){align-items:flex-start;justify-content:flex-end}.experiment .dream-chapter:nth-child(3){justify-content:flex-start}.experiment .dream-scroll{left:24px}.experiment .spread-picker,.experiment .how-section,.experiment .pricing-section,.experiment .principles,.experiment .faq{padding-block:60px}.experiment .spread-offer:nth-child(n+3){background:transparent}.dream-fallback:after{width:62vw;height:62vw;left:30%;top:40%}}
@media(max-width:360px){.experiment .dream-chapter{padding-inline:20px}.experiment .dream-chapter h1,.experiment .dream-chapter h2{font-size:48px}.experiment .dream-chapter p{max-width:27ch}.experiment .header .header-cta{font-size:11px}}
@media(prefers-reduced-motion:reduce){.experiment .dream-chapter:nth-child(4){background:transparent}.experiment .dream-link{transition:none}}

.experiment .dream-chapter h1,.experiment .dream-chapter h2{font-size:clamp(58px,6.5vw,94px);max-width:650px;line-height:1.02}.experiment .dream-chapter>*{max-width:650px}.experiment .dream-chapter .dream-kicker{max-width:none}.experiment .dream-chapter{padding-top:130px}.experiment .dream-scroll{font-size:14px}
@media(max-width:800px){.experiment .dream-chapter h1,.experiment .dream-chapter h2{font-size:clamp(44px,10.8vw,66px);max-width:12ch}.experiment .dream-chapter{padding-top:120px}.experiment .dream-chapter p{max-width:28ch}.experiment .dream-scroll{font-size:12px;max-width:26ch}}

.experiment #question .consent,.experiment #question .consent a,.experiment #question .form-footnote,.experiment #question .input-meta,.experiment #question .suggestions button,.experiment #question .reading-status,.experiment #question .funnel-note{color:#4c5661}.experiment #question .workspace-top{color:#4c5661}.experiment #question .suggestions button:hover{color:#273b45}.experiment .purchase-notice{background:#e9e2df;color:#35434d}.experiment .purchase-notice p,.experiment .purchase-dialog>p{color:#4c5661}.experiment #question .reading-process span{color:#59616b}.experiment #question .reading-process .process-active{color:#5d4259}
/* Copy occupies quiet banks of the scene rather than the centre of its objects. */
.experiment .dream-chapter{position:relative}
.experiment .dream-chapter::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f1e6e9b8 0%,#f1e6e97a 27%,transparent 65%);pointer-events:none}
.experiment .dream-chapter:nth-child(even)::before{background:linear-gradient(270deg,#eee5e8bd 0%,#eee5e87a 28%,transparent 68%)}
.experiment .dream-chapter>p:not(.dream-kicker){background:transparent;padding:0;margin-left:0;color:#26363f;max-width:34ch}
.experiment .dream-chapter .dream-kicker{color:#35434c;letter-spacing:.075em}
.experiment .dream-chapter .dream-link{box-shadow:none;margin-top:4px}
@media(min-width:801px){.experiment .dream-chapter h1,.experiment .dream-chapter h2{width:min(46vw,650px)}.experiment .dream-chapter:nth-child(even)>p:not(.dream-kicker){align-self:flex-end;margin-right:0}}
@media(max-width:800px){.experiment .dream-chapter::before,.experiment .dream-chapter:nth-child(even)::before{background:linear-gradient(180deg,#eee5e9b8,transparent 72%)}.experiment .dream-chapter:nth-child(even)::before{background:linear-gradient(0deg,#eee5e9b8,transparent 72%)}.experiment .dream-chapter>p:not(.dream-kicker){padding:0;margin-left:0;max-width:27ch}.experiment .dream-chapter h1,.experiment .dream-chapter h2{width:auto}.experiment .dream-chapter .dream-kicker{font-size:12px;max-width:29ch}.experiment .dream-chapter:nth-child(4){padding-bottom:90px}}
@media(max-width:800px) and (max-height:700px){.experiment .dream-chapter{padding-top:100px;padding-bottom:75px}.experiment .dream-chapter h1,.experiment .dream-chapter h2{font-size:44px;margin-bottom:18px}.experiment .dream-chapter>p:not(.dream-kicker){margin-bottom:10px}.experiment .dream-scroll{top:calc(100svh - 42px)}}
/* Keep chapter copy in a consistent reading column as the world passes behind it. */
.experiment .dream-chapter{isolation:isolate}
.experiment .dream-chapter .dream-link{font-size:16px;line-height:1.35}
@media(min-width:801px){
 .experiment .dream-chapter:nth-child(even)>p:not(.dream-kicker){align-self:auto;width:min(46vw,650px);max-width:min(46vw,650px);padding-right:max(0px,calc(min(46vw,650px) - 34ch));box-sizing:border-box}
 .experiment .dream-chapter:nth-child(even)>.dream-kicker{width:min(46vw,650px)}
}
@media(max-width:800px){
 .experiment .dream-chapter .dream-kicker{font-size:14px;line-height:1.5;letter-spacing:.055em}
 .experiment .dream-chapter>p:not(.dream-kicker){font-size:17px;line-height:1.6;max-width:29ch;text-wrap:pretty}
 .experiment .dream-scroll{font-size:14px;line-height:1.45}
 .experiment .dream-chapter .dream-link{min-height:52px;padding-inline:22px}
}
@media(max-width:360px){.experiment .header .header-cta{font-size:13px}.experiment .dream-chapter>p:not(.dream-kicker){font-size:16px}}
/* Light editorial shelves: illustration never shades the reading column. */
.experiment .spread-offers{gap:20px}
.experiment .spread-offer:nth-child(n){background:#e0e3eb;color:#22333b;padding:30px;min-height:330px;border:1px solid #79859055;box-shadow:none}
.experiment .spread-offer:nth-child(even){background:#eadedb}
.experiment .spread-offer:after{display:none}
.experiment .spread-offer:nth-child(n)>strong{color:#22333b;font-size:clamp(32px,3.2vw,48px);line-height:1.08;max-width:62%;margin:20px 0}
.experiment .spread-offer .offer-meta{font-size:14px;color:#43535e}
.experiment .spread-offer:nth-child(n) .offer-description{font-size:17px;line-height:1.6;color:#344650;max-width:57%}
.experiment .spread-offer:nth-child(n) .offer-action{color:#22333b;font-size:16px;max-width:60%;width:auto;border-color:#596d7855;padding-top:20px;margin-top:auto;z-index:3}
.experiment .spread-offer:nth-child(n) .offer-art{opacity:1;width:150px;right:20px;bottom:-25px;z-index:0;transition:transform .45s cubic-bezier(.22,1,.36,1)}
.experiment .spread-offer.offer-three .offer-art-secondary{right:100px;opacity:.85}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.experiment .spread-offer:hover .offer-art{transform:translateY(-14px) rotate(5deg)}.experiment .spread-offer:hover{border-color:#526473}}
@media(max-width:600px){.experiment .spread-offer:nth-child(n){min-height:320px;padding:24px}.experiment .spread-offer:nth-child(n)>strong{font-size:35px;max-width:70%}.experiment .spread-offer:nth-child(n) .offer-art{width:112px;right:8px;bottom:20px}.experiment .spread-offer:nth-child(n) .offer-description{font-size:16px;max-width:62%}.experiment .spread-offer:nth-child(n) .offer-action{font-size:15px;max-width:62%}.experiment .spread-offer.offer-three .offer-art-secondary{display:none}}
@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.experiment .spread-offer{animation:offer-arrive linear both;animation-timeline:view();animation-range:entry 0% entry 85%}@keyframes offer-arrive{from{opacity:1;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}}}
.experiment .spread-offer.offer-three .offer-description{max-width:49%}.experiment .spread-offer.offer-three .offer-art-secondary{right:70px}

/* The reading journey continues on distinct, quiet editorial surfaces. */
.experiment .how-section{background:#ede8e7;border-block:1px solid #6d7c8233}
.experiment .steps li{border-color:#6d7c8240;padding-block:28px}
.experiment .steps p,.experiment .how-bottom p{color:#344650;font-size:18px;line-height:1.65}
.experiment .example-section{background:#e5d9df}
.experiment .example-reading{border:1px solid #86778555;padding:clamp(24px,4vw,56px);background:#faf4e8}
.experiment .example-label,.experiment .example-cards small{font-size:14px;line-height:1.5;color:#52606a}
.experiment .example-reading>p{font-size:18px;line-height:1.8;max-width:58ch}
.experiment .plans{gap:0;background:#e5dfe4;border:1px solid #7b7f8c55}
.experiment .plan-card{border-radius:0;background:#f0e9e7;padding:32px}
.experiment .plan-card:nth-child(2){background:#e0e5e9}
.experiment .plan-card>p,.experiment .plan-detail,.experiment .plan-unit,.experiment .plan-card .plan-note,.experiment .plan-card ul{font-size:16px;line-height:1.65;color:#43535d}
.experiment .plan-card .button{font-size:16px;min-height:54px}
.experiment .pricing-preview{background:#f7f0e8}
.experiment .principle-list>article,.experiment .principle-list>div{padding-block:26px;border-color:#6d7c8240}
.experiment .principle-list p,.experiment .faq details p,.experiment .privacy p{font-size:17px;line-height:1.75;max-width:65ch;color:#344650}
.experiment .faq{background:#dde5e2}
.experiment .faq summary{font-size:clamp(20px,2vw,26px);line-height:1.4;padding-block:24px}
.experiment .reading-workspace{border:1px solid #78858d66;background:#f7f1eb}
.experiment .theme-option small,.experiment .spread-option-meta,.experiment .funnel-note{font-size:15px;line-height:1.6}
.experiment #question .reading-text p{font-size:18px;line-height:1.8}
/* Reserve a real illustration column instead of trusting text wrapping around art. */
@media(min-width:601px){.experiment .spread-offer:nth-child(n)>strong,.experiment .spread-offer:nth-child(n) .offer-description,.experiment .spread-offer:nth-child(n) .offer-action{max-width:calc(100% - 170px)}.experiment .spread-offer.offer-three .offer-art-secondary{display:none}}
@media(max-width:600px){.experiment .spread-offer:nth-child(n)>strong,.experiment .spread-offer:nth-child(n) .offer-description,.experiment .spread-offer:nth-child(n) .offer-action{max-width:100%}.experiment .spread-offer:nth-child(n){padding-bottom:195px;min-height:0}.experiment .spread-offer:nth-child(n) .offer-art{width:110px;bottom:12px;right:28px}.experiment .spread-offer:nth-child(n) .offer-action{margin-top:20px}.experiment .plan-card{padding:26px}.experiment .example-reading>p,.experiment #question .reading-text p{font-size:17px}.experiment .steps p{font-size:17px}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.experiment .example-reading,.experiment .plan-card,.experiment .principle-list>article,.experiment .steps li{animation:editorial-enter linear both;animation-timeline:view();animation-range:entry 0% entry 70%}@keyframes editorial-enter{from{transform:translateY(20px)}to{transform:translateY(0)}}}}
/* A tactile writing desk, with the same controls throughout the reading. */
.experiment .reading-workspace{border-radius:20px;box-shadow:0 3px 8px #35434c08,0 24px 64px -30px #35434c40;overflow:hidden}
.experiment .theme-options{gap:10px}
.experiment .theme-option,.experiment .spread-option{border:1px solid #85919855;border-radius:12px;background:#fffbf6;padding:18px 20px;box-shadow:0 2px 3px #34465005;color:#283b45}
.experiment .theme-option:last-child{border-bottom:1px solid #85919855}
.experiment .theme-option strong,.experiment .spread-option-name{font-size:18px;line-height:1.4}
.experiment .spread-option-description{font-size:16px;line-height:1.6;color:#43535d}
.experiment .reading-workspace textarea{border-radius:12px;box-shadow:inset 0 2px 5px #34465008;line-height:1.65;padding:18px}
.experiment .reading-workspace textarea:focus{outline:2px solid #617b88;outline-offset:3px;border-color:#617b88}
.experiment .button,.experiment .secondary,.experiment #followup-form button{border-radius:10px;min-height:52px;font-size:16px;box-shadow:0 3px 8px #34465012}
.experiment .button.primary,.experiment #followup-form button{background:#344b57;color:#fffbf5;border:1px solid #344b57;box-shadow:0 5px 12px #34465026,inset 0 1px #ffffff22}
.experiment .theme-option:focus-visible,.experiment .spread-option:focus-visible,.experiment .button:focus-visible,.experiment .secondary:focus-visible{outline:3px solid #617b88;outline-offset:4px}
.experiment .theme-option[aria-pressed=true],.experiment .spread-option[aria-pressed=true]{background:#e2e9e9;border-color:#526e7b}
.experiment .example-reading,.experiment .plan-card{box-shadow:0 12px 30px -24px #34465055}
@media(hover:hover){.experiment .theme-option:hover,.experiment .spread-option:hover{background:#edf1ef;border-color:#657e89;padding:18px 20px}.experiment .button.primary:hover,.experiment #followup-form button:hover{background:#425e6c}.experiment .secondary:hover{background:#e5eceb}}
@media(prefers-reduced-motion:no-preference){.experiment .theme-option,.experiment .spread-option,.experiment .button,.experiment .secondary{transition:transform 160ms cubic-bezier(.23,1,.32,1),background 160ms,border-color 160ms,box-shadow 160ms}.experiment .theme-option:active,.experiment .spread-option:active,.experiment .button:active,.experiment .secondary:active{transform:translateY(1px);box-shadow:0 1px 3px #34465015}}
@media(max-width:600px){.experiment .reading-workspace{border-radius:14px}.experiment .theme-option,.experiment .spread-option{padding:17px 16px}.experiment .theme-option strong,.experiment .spread-option-name{font-size:17px}}
.experiment #question .reading-workspace,.experiment #question form{opacity:1;color:#283b45}
.experiment #question label,.experiment #question .question-hint,.experiment #question .consent,.experiment #question .funnel-description{color:#43535d}
.experiment #question textarea::placeholder{color:#65717a;opacity:1}
/* 21st-inspired light surfaces; no overlay passes over readable content. */
.experiment .reading-workspace{border:1px solid transparent;background:linear-gradient(135deg,#fffcf7,#f4eee9) padding-box,linear-gradient(135deg,#d1b888,#e7e0d9 35%,#8fa8b4 70%,#e8ddd0) border-box;box-shadow:0 2px 5px #34465008,0 24px 60px -26px #34465038,inset 0 1px 0 #fff}
.experiment .plan-card{background:radial-gradient(ellipse at 85% 0%,#fff9e9 0%,transparent 65%),#f5efeb;border-color:#a1a5a455;box-shadow:0 2px 4px #34465005,0 18px 35px -26px #34465044}
.experiment .dream-link,.experiment .button.primary{background:linear-gradient(145deg,#496572,#2e444f);border:1px solid #304751;box-shadow:inset 0 1px 0 #ffffff33,0 6px 14px -5px #263f4d55;color:#fffaf3}
.experiment .dream-link:focus-visible{outline:3px solid #617b88;outline-offset:4px}
@media(hover:hover){.experiment .plan-card:hover{border-color:#a18d6d}.experiment .dream-link:hover{background:linear-gradient(145deg,#587583,#354e5a);box-shadow:inset 0 1px #ffffff44,0 9px 20px -7px #263f4d66}}
@media(prefers-reduced-motion:no-preference){.experiment .dream-link{transition:transform 180ms cubic-bezier(.23,1,.32,1),box-shadow 180ms}.experiment .dream-link:active{transform:translateY(1px);box-shadow:inset 0 1px #ffffff22,0 2px 5px #263f4d33}.experiment .plan-card{transition:border-color 180ms ease-out,box-shadow 180ms ease-out}}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.experiment .plan-card{background-image:radial-gradient(240px circle at var(--light-x,50%) var(--light-y,0%),#fff8e6aa,transparent 85%)}.experiment .theme-option,.experiment .spread-option{background-image:radial-gradient(180px circle at var(--light-x,50%) var(--light-y,0%),#e3ebec99,transparent 85%)}}
/* The reveal has depth; the answer keeps a calm, high-contrast reading surface. */
.experiment #question .deck{padding:18px;background:#e3e8e9;border:1px solid #7f92994a;border-radius:16px;box-shadow:inset 0 2px 8px #34465008}
.experiment #question .deck-card{box-shadow:0 5px 10px #263c4930,0 18px 24px -15px #263c4960;outline-color:#617b88}
.experiment #question .deck-card.chosen{box-shadow:0 8px 20px #263c4940}
.experiment #question .revealed-card .tarot-face{box-shadow:0 4px 8px #34465020,0 20px 30px -12px #34465045}
.experiment #question .revealed-card .position,.experiment #question .revealed-card small{font-size:14px;line-height:1.5;color:#43545e}
.experiment #question #interpretation{background:#faf6ee;border-radius:16px;border:1px solid #a6a09166;padding:30px;box-shadow:0 10px 32px -22px #34465055}
.experiment #question .reading-text .reading-section{border-color:#6c7d8533;padding-bottom:28px;margin-bottom:28px}
.experiment #question .reading-text p,.experiment #question #followup-answer p{color:#2f414b;line-height:1.8}
.experiment #question .followup-row textarea{background:#fffdf8;border-radius:10px;color:#2f414b;border-color:#83959e77}
.experiment #question #followup-answer{background:#edf1ed;border:1px solid #8d9b9644;padding:24px;border-radius:12px}
@media(hover:hover) and (pointer:fine){.experiment #question .deck-card:hover:not(:disabled){box-shadow:0 7px 14px #263c4940,0 20px 28px -12px #263c4960}}
@media(prefers-reduced-motion:no-preference){.experiment #question .revealed-card .tarot-face{animation:revealed-settle 360ms cubic-bezier(.23,1,.32,1) both}@keyframes revealed-settle{from{translate:0 10px}to{translate:0 0}}}
@media(max-width:600px){.experiment #question .deck{padding:12px;border-radius:12px}.experiment #question #interpretation{padding:24px 18px;border-radius:12px}.experiment #question .revealed-card .position{font-size:13px}.experiment #question #followup-answer{padding:18px}}
/* Team-01 composition adapted to the four stages of a tarot reading. */
.experiment .how-gallery{text-align:center;padding-block:100px}
.experiment .how-gallery-heading{max-width:680px;margin:0 auto 56px}
.how-badge{display:inline-flex;border:1px solid #7c87945c;border-radius:30px;padding:8px 16px;font-size:14px;letter-spacing:.02em;color:#42525c}
.experiment .how-gallery h2{margin:24px 0;font:500 clamp(44px,5vw,74px)/1.03 var(--serif);letter-spacing:-.025em}
.how-gallery-heading>p{font-size:18px;line-height:1.65;color:#43535d}
.how-gallery-grid{list-style:none;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:0;margin:0}
.how-portrait{min-width:0}
.how-portrait-art{position:relative;display:grid;place-items:center;isolation:isolate;aspect-ratio:4/5;background:#d4dce1;overflow:hidden;border:1px solid #76879444;border-radius:90px 90px 8px 8px}
.how-portrait:nth-child(even) .how-portrait-art{background:#e6d6d4}
.how-portrait-art>[data-card-key]{display:block;width:49%;position:relative;z-index:1;transform:rotate(-7deg);filter:drop-shadow(0 15px 12px #38434d33);transition:transform 350ms cubic-bezier(.22,1,.36,1)}
.how-portrait:nth-child(even) [data-card-key]{transform:rotate(7deg)}
.how-orbit{position:absolute;width:85%;aspect-ratio:1;border:1px solid #fff9;border-radius:50%;transform:rotate(-30deg) scaleY(.68)}
.how-step-mark{position:absolute;bottom:16px;left:20px;font:500 32px var(--serif);color:#344650}
.experiment .how-portrait h3{font:500 30px/1.15 var(--serif);margin:24px 0 12px;color:#283b45}
.how-portrait>p{font-size:16px;line-height:1.65;color:#43535d;max-width:29ch;margin:0 auto}
.experiment .how-gallery>.dream-link{margin-top:40px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.how-portrait:hover [data-card-key]{transform:translateY(-8px) rotate(0)}}
@media(max-width:900px){.how-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 24px}.how-portrait-art{max-height:320px}.experiment .how-gallery{padding-block:70px}}
@media(max-width:480px){.how-gallery-grid{grid-template-columns:1fr;gap:38px}.how-portrait-art{width:75%;max-width:240px;margin:auto}.how-gallery-heading>p{font-size:17px}.how-portrait>p{font-size:17px;max-width:30ch}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){.how-portrait{animation:how-portrait-enter linear both;animation-timeline:view();animation-range:entry 0% entry 80%}@keyframes how-portrait-enter{from{transform:translateY(30px)}to{transform:translateY(0)}}}}
@media(prefers-reduced-motion:reduce){.how-portrait-art>[data-card-key]{transition:none}}

/* Editorial reset: ink, paper and the original deck carry the identity. */
body.experiment{--bg:#eeeae3;--text:#202d32;background:#eeeae3}
.experiment .spread-picker,.experiment .how-gallery,.experiment .pricing-section,.experiment .principles,.experiment .faq{background:transparent}
.experiment .spread-offers{gap:0;border-top:1px solid #293c4260}
.experiment .spread-offer:nth-child(n){background:transparent;border:0;border-bottom:1px solid #293c4240;border-radius:0;box-shadow:none;min-height:300px;padding:32px 190px 32px 24px}
.experiment .spread-offer:nth-child(odd){border-right:1px solid #293c4240}
.experiment .spread-offer:nth-child(n)>strong{font-size:clamp(32px,3.5vw,52px);max-width:100%;margin:16px 0}
.experiment .spread-offer:nth-child(n) .offer-description{font-size:17px;max-width:100%;color:#394a50}
.experiment .spread-offer:nth-child(n) .offer-action{max-width:100%;font-size:15px}
.experiment .spread-offer:nth-child(n) .offer-art{width:122px;right:32px;bottom:35px;transform:rotate(6deg)}
.experiment .how-gallery{text-align:left;border-top:1px solid #293c4260;padding-block:80px}
.experiment .how-gallery-heading{margin:0 0 56px;max-width:800px}.experiment .how-gallery h2{font-size:clamp(44px,6vw,84px);max-width:15ch}
.experiment .how-badge{padding:0;border:0;border-radius:0;text-transform:uppercase;letter-spacing:.1em;font-size:13px}
.experiment .how-gallery-grid{gap:0;border-top:1px solid #293c4240}
.experiment .how-portrait{padding:24px;border-right:1px solid #293c4240}.experiment .how-portrait:last-child{border-right:0}
.experiment .how-portrait-art{border:0;border-radius:0;background:transparent;aspect-ratio:1;overflow:visible}
.experiment .how-portrait:nth-child(even) .how-portrait-art{background:transparent}
.experiment .how-orbit{display:none}.experiment .how-portrait-art>[data-card-key]{width:44%;transform:none;filter:drop-shadow(0 8px 7px #283b4520)}
.experiment .how-step-mark{top:0;left:0;bottom:auto;font:14px sans-serif}.experiment .how-portrait h3{font-size:30px;margin:20px 0 14px}.experiment .how-portrait>p{margin:0;font-size:17px}
.experiment .reading-workspace{background:#faf8f2;border:1px solid #84908a60;border-radius:4px;box-shadow:0 18px 42px -30px #263a4555}
.experiment .plan-card{background:transparent!important;border-radius:0;box-shadow:none;border-color:#293c4240}
.experiment .theme-option,.experiment .spread-option{background-image:none!important;border-radius:5px;box-shadow:none}
.experiment .example-reading{border-radius:0;box-shadow:none;background:#faf8f2;border-left:3px solid #8c7353}
.experiment .button.primary,.experiment .dream-link{background:#273d45;box-shadow:none;border-radius:5px}
.experiment .spread-offer,.experiment .how-portrait,.experiment .plan-card{animation:none}
@media(max-width:600px){.experiment .spread-offer:nth-child(n){padding:28px 140px 28px 0;min-height:300px;border-right:0}.experiment .spread-offer:nth-child(n) .offer-art{width:100px;right:6px;bottom:38px}.experiment .spread-offer:nth-child(n)>strong{font-size:32px}.experiment .spread-offer:nth-child(n) .offer-description{font-size:16px}.experiment .how-gallery-grid{grid-template-columns:1fr}.experiment .how-portrait{display:grid;grid-template-columns:90px 1fr;gap:0 22px;padding:28px 0;border-right:0;border-bottom:1px solid #293c4240}.experiment .how-portrait-art{grid-row:1/3;width:90px;max-width:none;aspect-ratio:2/3;margin:0}.experiment .how-portrait-art>[data-card-key]{width:68%}.experiment .how-step-mark{left:0;top:-10px;font-size:12px}.experiment .how-portrait h3{margin:0 0 10px;font-size:29px}.experiment .how-portrait>p{font-size:16px}.experiment .how-gallery{padding-block:56px}}