.sp{--soft:color-mix(in srgb, hsl(var(--foreground)) 72%, transparent);--nebe:#3f6f74;--paper-ink:#0f1729;--sky:#e2ecee;--sand:#f3e9d9;--sage:#e3eadc;--rose:#f4e1db;--lilac:#e8e4f0;--col-gap:clamp(2rem, 5vw, 5rem);max-width:1240px;margin-inline:auto;padding:1.5rem 2rem 0}.sp .t-sky{background:var(--sky)}.sp .t-sand{background:var(--sand)}.sp .t-sage{background:var(--sage)}.sp .t-rose{background:var(--rose)}.sp .t-lilac{background:var(--lilac)}.sp-se{font-family:var(--font-serif);letter-spacing:-.012em;text-wrap:balance;font-weight:400;line-height:1.08}.sp-h1{font-size:clamp(2.25rem,3.7vw,3.4rem)}.sp-h2{font-size:clamp(1.9rem,3.2vw,2.75rem)}.sp-h3{font-size:clamp(1.5rem,2.4vw,2rem)}.sp-ink{color:var(--paper-ink)}.sp-lead{color:var(--soft);text-wrap:pretty;max-width:34em;margin:1.25rem 0 1.75rem;font-size:1.1875rem;line-height:1.55}.sp-sec{margin-top:clamp(4.5rem,8vw,7.5rem);scroll-margin-top:7rem}.sp-head{max-width:46rem;margin-bottom:2.25rem}.sp-sub{color:var(--soft);max-width:36em;margin-top:.9rem;font-size:1.125rem;line-height:1.55}.sp-text{max-width:65ch;color:var(--soft);text-wrap:pretty;gap:1rem;font-size:1.0625rem;line-height:1.7;display:grid}.sp-cols,.sp-sec:has(>.sp-head+.sp-text){column-gap:var(--col-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}.sp-sec:has(>.sp-head+.sp-text)>.sp-head{margin-bottom:0}.sp-hero{gap:var(--col-gap);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;display:grid}.sp-art{isolation:isolate;border-radius:2.5rem;place-items:center;min-height:22rem;padding:clamp(1.25rem,3vw,2.5rem);display:grid;overflow:hidden}.sp-intro{margin-top:clamp(2.5rem,5vw,4rem)}.sp-intro-text{max-width:65ch;color:var(--soft);text-wrap:pretty;grid-column:2;gap:1rem;font-size:1.125rem;line-height:1.7;display:grid}.sp-acts{flex-wrap:wrap;align-items:center;gap:.75rem;display:flex}.sp-ghost{border:1.5px solid hsl(var(--border));min-height:3rem;color:hsl(var(--foreground));border-radius:999px;align-items:center;padding:.9rem 1.4rem;font-weight:500;transition:border-color .2s;display:inline-flex}.sp-ghost:hover{border-color:hsl(var(--foreground))}.sp-grid{grid-template-columns:repeat(auto-fill,minmax(17.5rem,1fr));gap:clamp(.9rem,1.8vw,1.25rem);margin:0;padding:0;list-style:none;display:grid}.sp-card{color:var(--paper-ink);border-radius:1.75rem;flex-direction:column;gap:.55rem;padding:clamp(1.25rem,2.4vw,1.75rem);display:flex}.sp-card h3{font-family:var(--font-serif);font-size:1.45rem;font-weight:400;line-height:1.15}.sp-card p{color:color-mix(in srgb, var(--paper-ink) 76%, transparent);line-height:1.55}.sp-card .sp-why{font-size:.9375rem}.sp-tag{color:var(--paper-ink);background:#ffffffb8;border-radius:999px;align-self:flex-start;padding:.25rem .65rem;font-size:.8125rem;font-weight:600;display:inline-block}.sp-tags{flex-wrap:wrap;gap:.35rem;display:flex}.sp-card-links{flex-wrap:wrap;gap:.45rem .9rem;margin-top:auto;padding-top:.6rem;font-size:.9375rem;font-weight:600;display:flex}.sp-card-links a,.sp-link{text-underline-offset:.2em;text-decoration:underline 1px}.sp-face{object-fit:cover;background:#fff9;border-radius:50%;width:3.5rem;height:3.5rem}.sp-card-top{align-items:center;gap:.85rem;display:flex}.sp-day{font-family:var(--font-serif);min-width:2.6rem;font-size:2.6rem;line-height:1}.sp-chips{flex-wrap:wrap;gap:.4rem;margin:.35rem 0 0;padding:0;list-style:none;display:flex}.sp-chips a{color:var(--paper-ink);background:#ffffffb8;border-radius:999px;align-items:center;gap:.4rem;padding:.2rem .7rem .2rem .2rem;font-size:.875rem;font-weight:500;transition:background .2s;display:inline-flex}.sp-chips a:hover{background:#fff}.sp-chips img{object-fit:cover;border-radius:50%;width:1.75rem;height:1.75rem}.sp-lead-box{color:var(--paper-ink);isolation:isolate;border-radius:2.5rem;grid-template-columns:.85fr 1.15fr;align-items:center;gap:clamp(2rem,5vw,5rem);padding:clamp(1.5rem,5vw,4.5rem);display:grid}.sp-free-pics{grid-template-columns:1fr 1fr;align-items:center;padding:1rem .5rem;display:grid}.sp-free-pics>*{width:112%}.sp-free-pics>:first-child{z-index:1;position:relative;transform:rotate(-4deg)}.sp-free-pics>:last-child{transform:rotate(3deg)translate(-8%,6%)}.sp-p{color:color-mix(in srgb, var(--paper-ink) 75%, transparent);max-width:30em;margin-top:.9rem;font-size:1.125rem;line-height:1.5}.sp-small{font-size:1rem}.sp-mt{margin-top:1.5rem}.sp-form{max-width:32rem;margin-top:1.75rem}.sp-field{background:#fff;border:1.5px solid #0000;border-radius:999px;gap:.5rem;padding:.35rem;transition:border-color .2s;display:flex}.sp-field:focus-within{border-color:var(--nebe)}.sp-field input{min-width:0;color:var(--paper-ink);background:0 0;border:0;outline:0;flex:1;min-height:2.9rem;padding:0 1rem;font-size:1rem}.sp-field .btn-cta{white-space:nowrap}.sp-hp{opacity:0;width:1px;height:1px;position:absolute;left:-9999px}.sp-tips{margin-top:1rem;font-size:.9375rem;line-height:1.5}.sp-check{white-space:nowrap;cursor:pointer;align-items:center;gap:.4rem;margin-left:.35rem;display:inline-flex}.sp-check input{width:1rem;height:1rem;accent-color:var(--nebe)}.sp-err{color:#9b2c2c;margin-top:.75rem;font-weight:500}.sp-fine{color:color-mix(in srgb, var(--paper-ink) 70%, transparent);margin-top:1rem;font-size:.875rem}.sp-fine a{text-underline-offset:.15em;text-decoration:underline}.sp-buy{color:#fff;background:#0f1729;border-radius:2.5rem;grid-template-columns:1.2fr .8fr;align-items:center;gap:2rem;padding:clamp(1.75rem,5vw,4rem);display:grid}.sp-buy .sp-p{color:#ffffffc7}.sp-buy-covers{grid-template-columns:repeat(3,1fr);gap:.6rem;display:grid}.sp-buy-covers img{aspect-ratio:1;object-fit:cover;border-radius:1rem}.sp-faq{margin:0}.sp-faq .faq p{max-width:65ch;padding-right:0}.sp-more{margin-bottom:clamp(3rem,6vw,5rem)}.sp-more ul{flex-wrap:wrap;gap:.6rem;padding:0;list-style:none;display:flex}.sp-more a{background:hsl(var(--secondary));border-radius:999px;padding:.7rem 1.2rem;font-weight:500;transition:background .2s;display:inline-flex}.sp-more a:hover{background:hsl(var(--border))}@media (width<=900px){.sp{padding:1rem 1rem 0}.sp-hero,.sp-lead-box,.sp-buy{grid-template-columns:1fr}.sp-cols,.sp-sec:has(>.sp-head+.sp-text){grid-template-columns:1fr;row-gap:1.25rem}.sp-intro-text{grid-column:auto}.sp-art{min-height:0}.sp-free-pics{max-width:22rem;margin-inline:auto}}@media (width<=520px){.sp-field{border-radius:1.5rem;flex-direction:column}.sp-field input{min-height:3rem}.sp-field .btn-cta{justify-content:center}}
