/* numerology page: what the kit does not know (the cover numeral, Codex sections under the kit heads) */
.cover .ct-num{position:absolute;left:50%;top:50%;transform:translate(-50%,-52%);font-family:var(--display);font-size:12.5cqw;line-height:1;color:#2b2416;letter-spacing:-.04em;text-shadow:0 1px 0 rgba(255,255,255,.35)}
.cover .kick{color:var(--brass)}
.cover[data-design=silver] .kick{color:#c3ccd6}.cover[data-design=jade] .kick{color:#a9c9a4}.cover[data-design=lacquer] .kick{color:#d9a55b}
.grid-copy .label{display:block}.grid-copy .rule{margin:18px 0 22px;max-width:240px}
.grid-copy h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.06;letter-spacing:-.01em;margin:0 0 18px}
.head h2{margin-top:0}
.page .swm-num{position:absolute;right:4%;bottom:-6%;font-family:var(--display);font-size:11rem;line-height:1;color:var(--brass);opacity:.12;pointer-events:none}
/* Codex's .steps is the calculation box inside the core cards; the kit's .steps is the three-step section */
#how .steps{margin-top:48px;padding:0;background:none;border:0;font-size:inherit;color:inherit}
.core-card .steps,.method-notes .steps{display:block;gap:0;position:static}
.core-card .steps::before,.method-notes .steps::before{display:none}
.chapter-layout{margin-top:0}
.faq-section .head{margin-bottom:20px}
.order-form .field input[type=date]{color-scheme:dark}
#order-pay[aria-disabled=true]{opacity:.55;cursor:not-allowed}
#order-pay[aria-disabled=true]:hover{transform:none;background:var(--brass)}
/* the numbers still life is part of the background, not a card (Khalil 24/9): full bleed, soft radial fade into
   the near-black ground, lighten blend so its own dark ground disappears, the method head sits in the fade */
.method-section{position:relative;background:transparent;border-block:0;overflow:hidden}
/* the figure keeps the render's 3:2 proportions (capped in height), object-fit contain, so the whole 1 6 9 is
   always in view; the mask fades top and bottom, the overlay fades the sides into the ground */
.method-image{position:relative;width:100%;max-width:none;height:auto;aspect-ratio:1536/1024;max-height:840px;margin:0;overflow:visible;border:0}
.method-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;border:0;aspect-ratio:auto;-webkit-mask-image:none;mask-image:none;mix-blend-mode:normal;opacity:1}
.method-image::before{content:none}
.method-image:after{content:none}
.method-image .image-caption{position:absolute;left:max(50px,calc((100% - 1320px)/2));right:max(50px,calc((100% - 1320px)/2));bottom:auto;top:40px;z-index:2;display:flex;flex-direction:row;justify-content:space-between;gap:20px;padding:0;color:var(--muted);font-size:12px;letter-spacing:.07em}
.method-image .image-caption>span:last-child{display:block}
.method-content{padding-top:0;margin-top:-110px;position:relative;z-index:2}
@media(max-width:800px){.method-image{aspect-ratio:auto;height:clamp(300px,70vw,480px)}.method-content{margin-top:-36px}.method-image .image-caption{left:20px;right:20px;top:24px;flex-direction:column;gap:3px}}
@media(max-width:760px){.grid-copy .rule{max-width:none}}