/* The landscapes explain a journey: understand, revisit, ask. */
.method-layout{align-items:start;gap:clamp(44px,6vw,94px)}
.method-copy{padding-top:18px}
.method-artwork{margin:0;min-width:0;position:relative}
.method-artwork::before{content:"";position:absolute;inset:16px -13px 44px 13px;border:1px solid var(--gold);opacity:.55;pointer-events:none}
.method-artwork-window{position:relative;isolation:isolate;overflow:hidden;width:100%;aspect-ratio:4/5;min-height:530px;background:#3A202B;color:#F5F0E8}
.method-artwork-window>img{position:absolute;inset:-24px 0;width:100%;height:calc(100% + 48px);object-fit:cover;object-position:61% center;z-index:-2;max-width:none}
.method-artwork-shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(30,16,30,.43),rgba(30,16,30,.10) 35%,rgba(30,16,30,.10) 58%,rgba(26,18,27,.86));pointer-events:none}
.method-artwork-label{position:absolute;inset:25px 25px auto;display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:9px;line-height:1.7;letter-spacing:.15em;color:#F2E3CD}
.artwork-point{width:5px;height:5px;flex:none;border-radius:50%;background:#E4C18A;box-shadow:0 0 0 5px rgba(228,193,138,.09)}
.method-artwork #method-chart{position:absolute;top:37px;left:8%;width:84%}
.method-artwork .session-chart-svg{width:100%;height:auto;margin:0;color:#E4C18A}
.method-artwork .session-chart-svg .zodiac{stroke:#F5E8D5}
.method-artwork .session-chart-svg .chart-origin text{fill:#F5E8D5}
.method-artwork-caption{position:absolute;bottom:26px;left:27px;right:24px;padding:0;color:#F5F0E8}
.method-artwork-caption>p{font-family:'Playfair Display',Georgia,serif;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em;line-height:1.2}
.method-artwork-caption em{font-weight:400;color:#E4C18A}
.method-artwork-legend{display:flex;align-items:center;gap:24px;margin-top:18px;font-size:11px;color:#F0E7DD}
.method-artwork-legend>span{display:inline-flex;align-items:center;gap:8px}
.method-artwork-legend i{display:block;width:5px;height:5px;border-radius:50%;background:#F5F0E8}
.method-artwork-legend>span+span i{background:#E4C18A}
.artwork-example{display:block;font-size:10px;line-height:1.7;color:#E4D5C6;margin-top:7px}
.method-artwork-footnote{display:block;color:#70665E;font-size:11px;line-height:1.8;padding-top:22px;max-width:42ch}
.method .reading-types{margin-top:28px;margin-bottom:25px}
.method .reading-types article{padding-block:20px}
.method .reading-types p{font-size:14px;line-height:1.85}
.joint-reading{padding-left:20px;border-left:1px solid var(--gold);margin-bottom:27px}
.joint-reading h3{font-family:Manrope,Arial,sans-serif;font-size:13px;letter-spacing:0;font-weight:600;margin-bottom:9px}
.joint-reading p{font-size:14px;line-height:1.85;color:var(--muted);max-width:48ch}
.method .method-actions{gap:24px;align-items:center;flex-wrap:wrap}
.method .method-actions .text-link{min-height:44px;padding-block:9px;font-size:12px}
#included{scroll-margin-top:20px}
.landscape-integration,.landscape-invitation{position:relative;isolation:isolate;overflow:hidden}
.landscape-image-window{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
.landscape-image-window img{position:absolute;inset:-24px 0;width:100%;height:calc(100% + 48px);object-fit:cover;max-width:none}
.landscape-integration{min-height:620px;height:clamp(620px,52vw,780px);border-top:1px solid var(--line);background:#F8EDDF;text-align:center}
.landscape-integration .landscape-image-window img{object-position:center 72%}
.landscape-integration::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(251,246,237,.45),rgba(251,246,237,.15) 53%,transparent 68%);pointer-events:none}
.integration-copy{padding-top:clamp(58px,6vw,88px);padding-bottom:280px}
.integration-copy .eyebrow{color:var(--wine);margin-inline:auto;margin-bottom:20px}
.integration-copy h2{font-size:clamp(39px,4.6vw,65px);line-height:1.17}
.integration-copy h2 em{color:var(--wine)}
.integration-intro{font-size:15px;line-height:1.85;max-width:55ch;color:#53483F;margin:23px auto 0;text-wrap:pretty}
.integration-rhythm{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:26px;color:#704C29;font-size:10px;letter-spacing:.10em;text-transform:uppercase}
.integration-rhythm i{display:block;width:30px;height:1px;background:#AE8A55;transform-origin:left}
.landscape-invitation{min-height:520px;background:#31202B;color:#F5F0E8}
.landscape-invitation .landscape-image-window img{object-position:center 58%}
.landscape-invitation::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(31,17,29,.88),rgba(36,19,30,.64) 40%,rgba(30,19,28,.16) 75%);pointer-events:none}
.invitation-layout{display:flex;align-items:center;min-height:520px;padding-block:74px}
.invitation-copy{max-width:570px}
.invitation-copy .eyebrow{color:#E4C18A}
.invitation-copy h2{font-size:clamp(39px,4.6vw,63px);line-height:1.2}
.invitation-copy h2 em{color:#E4C18A}
.invitation-copy>p:not(.eyebrow){font-size:15px;line-height:1.85;color:#F2E5DD;max-width:42ch;margin-top:24px}
.invitation-copy .text-link{margin-top:26px;min-height:44px;color:#F5E8D5;border-bottom-color:#C2A477;padding-block:9px;font-size:12px}
/* One quiet line joins each phrase to its landscape; no continuous ornaments. */
.motion-enabled .integration-rhythm i{transform:scaleX(0);transition:transform 700ms var(--ease-out)}
.motion-enabled .is-visible .integration-rhythm i{transform:scaleX(1);transition-delay:120ms}
@media(min-width:761px) and (max-width:1050px){
 .method-layout{grid-template-columns:.9fr 1.1fr;gap:40px}
 .method-artwork-window{aspect-ratio:3/5;min-height:555px}
 .method-artwork #method-chart{top:48px;left:5%;width:90%}
 .method-artwork-label{inset-inline:20px;font-size:8px}
 .method-artwork-caption{left:22px;right:19px}
 .method-artwork-caption>p{font-size:28px}
 .method-copy h2{font-size:39px}
 .method .section-intro{font-size:15px}
}
@media(max-width:760px){
 .method-layout{gap:42px}
 .method-copy{padding-top:0}
 .method-artwork{width:100%;max-width:500px;margin-inline:auto}
 .method-artwork-window{aspect-ratio:4/5;min-height:480px}
 .method-artwork::before{inset:11px -8px 42px 9px}
 .method-artwork #method-chart{top:30px;left:8%;width:84%}
 .method-artwork-label{inset:22px 22px auto;font-size:8px}
 .method-artwork-caption{bottom:24px;left:24px;right:22px}
 .method-artwork-caption>p{font-size:30px}
 .method-artwork-footnote{font-size:11px;padding-top:19px}
 .method .section-intro,.method .reading-types p,.joint-reading p{font-size:15px}
 .method .reading-types article{padding-block:23px}
 .joint-reading{padding-left:18px}
 .joint-reading h3{font-size:14px}
 .landscape-integration{height:auto;min-height:670px}
 .integration-copy{padding-top:53px;padding-bottom:320px}
 .integration-copy .eyebrow{font-size:9px;margin-bottom:20px}
 .integration-copy h2{font-size:39px}
 .integration-intro{font-size:15px;margin-top:22px;max-width:35ch}
 .integration-rhythm{gap:12px;margin-top:25px;font-size:9px;letter-spacing:.05em}
 .integration-rhythm i{width:18px}
 .landscape-integration .landscape-image-window img{object-position:51% bottom}
 .landscape-invitation,.invitation-layout{min-height:570px}
 .invitation-layout{align-items:start;padding-top:57px;padding-bottom:160px}
 .landscape-invitation .landscape-image-window img{object-position:66% center}
 .landscape-invitation::before{background:linear-gradient(180deg,rgba(31,17,29,.78),rgba(36,19,30,.58) 55%,rgba(30,19,28,.10))}
 .invitation-copy .eyebrow{font-size:9px;max-width:36ch}
 .invitation-copy h2{font-size:40px}
 .invitation-copy>p:not(.eyebrow){font-size:15px;max-width:32ch}
}
@media(prefers-reduced-motion:reduce){
 .landscape-motion-image{transform:none!important;will-change:auto!important}
 .motion-enabled .integration-rhythm i{transform:none;transition:none}
}