.studio-wayfinder {order:1;display:flex;justify-content:center;gap:35px;flex-wrap:wrap;padding:20px 25px;background:#eee6d8;border-bottom:1px solid #bdac9444}
.studio-wayfinder a {font-size:12px;color:#55414c;text-decoration:none;padding:8px 0;border-bottom:1px solid transparent}
.studio-wayfinder a:hover,.studio-wayfinder a[aria-current] {border-color:#754c5a;color:#301b29}
.studio-wayfinder a:focus-visible,.studio-plan-guide a:focus-visible,.studio-swatches button:focus-visible,.studio-top:focus-visible {outline:3px solid #997746;outline-offset:4px}
.offer {background:#eae2d5!important;padding:75px 0!important}
.offer .offer-intro {text-align:center;max-width:850px;margin:0 auto 40px}
.offer .offer-intro h2 {font-size:clamp(40px,5vw,62px);color:#382b32}
.studio-plan-guide {display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:25px}
.studio-plan-guide a {border:1px solid #ac978b;padding:11px 17px;border-radius:30px;text-decoration:none;font-size:14px;color:#513a47;background:#fffaf370;transition:background .2s}
.studio-plan-guide a:hover {background:#fffaf3}
.offer-artwork {display:none!important} /* Replaced with the larger, explicit keepsake gallery below. */
.pricing-grid {gap:22px!important;align-items:stretch}
#offer .plan-card {border:1px solid #cabbac!important;background:#fffaf3!important;border-radius:14px!important;overflow:hidden;box-shadow:0 14px 40px #422b3810;position:relative}
#offer .plan-card.featured {background:#f0e5e9!important;border:2px solid #92667b!important}
#offer .plan-card {display:flex!important;flex-direction:column;gap:12px;padding:28px!important}
#offer .plan-card>* {order:0;margin-top:0}
#offer .plan-card .studio-plan-art {order:-10;flex:none;width:100%;max-width:100%;height:180px;object-fit:cover;margin:0 0 16px;filter:saturate(.8);border-radius:80px 80px 4px 4px}
#offer .plan-card>.button {margin-top:auto}
#offer .plan-intent {font-size:27px;min-height:90px}
#offer .plan-card h3 {font-size:18px;color:#5b3d4e}
#offer .plan-card .price {font-family:var(--serif);font-size:56px;letter-spacing:-.04em;color:#392b33}
#offer .plan-card .button {border-radius:30px;min-height:48px}
#offer .plan-card .plan-badge {position:relative;display:block;top:auto;left:auto;margin:0 0 16px;border-radius:0;background:transparent;color:#674458;font-size:12px}
#offer .plan-list {font-size:15px}
.reading-value {border-radius:12px;background:#faf5ed;padding:28px!important;margin-bottom:30px}
.complete-reading {border-radius:16px!important;background:#ddd0c0!important;color:#372b32!important;margin-top:35px!important}
.compatibility-offer {border-radius:16px!important;background:#e9e6dd!important;margin-top:40px!important}
.compatibility-feature-excerpt {background:#fffaf3!important;border-radius:120px 120px 8px 8px!important;overflow:hidden}
.report-explained {padding-top:75px!important;padding-bottom:75px!important}
.delivery-explained {padding:50px 0!important}
.studio-steps {list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:25px;margin:32px 0}
.studio-steps li {padding:26px;border:1px solid #cdbeb4;border-radius:3px 35px 3px 3px;background:#eee7dc}
.studio-steps span {font:italic 38px var(--serif);color:#99774e}
.studio-steps h3 {font:400 29px var(--serif);margin:10px 0;color:#4a3441}
.studio-steps p {font-size:16px;color:#61525a;line-height:1.65}
.included-reading {width:100%!important;border-radius:0!important;padding:70px max(28px,calc((100vw - 1160px)/2))!important;background:#2a302b!important;color:#f6efdf!important}
.included-reading>h2 {color:#f6efdf!important;font-size:clamp(38px,5vw,58px)}
.included-reading>p {color:#d6d7c9!important;max-width:750px}
.studio-keepsake {display:grid;grid-template-columns:minmax(200px,.8fr) 1.2fr;gap:80px;align-items:center;margin:45px 0 5px}
.studio-keepsake-image {width:280px;height:498px;object-fit:cover;border-radius:30px;border:8px solid #161b17;margin:auto;box-shadow:0 25px 50px #0004}
.studio-keepsake-copy h3 {font:400 clamp(36px,4vw,58px)/1.08 var(--serif);color:#f5e4c5;max-width:440px;margin:18px 0}
.studio-keepsake-copy p {font-size:17px;line-height:1.7;color:#dadccf;max-width:470px}
.studio-eyebrow {text-transform:uppercase;font-size:11px;letter-spacing:.14em;color:#c4b38e}
.studio-swatches {display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.studio-swatches button {border:1px solid #b5b9a3;color:#e4e4d4;border-radius:30px;padding:12px 19px;background:transparent;cursor:pointer}
.studio-swatches button[aria-pressed=true] {background:#e4d4b6;color:#2a302b}
.faq {padding-top:80px!important;padding-bottom:65px!important}
.faq .faq-list details {border:1px solid #d8ccc0;border-radius:8px;padding:5px 22px;margin-bottom:12px;background:#fffaf3}
.faq .faq-list summary {font-size:18px;min-height:58px;align-content:center}
.faq .faq-list details[open] {border-color:#a28492;background:#f0e7eb}
.faq .faq-list p {font-size:16px;line-height:1.8}
.studio-top {display:block;width:max-content;max-width:100%;margin:40px auto 0;text-decoration:none;border-bottom:1px solid #9d7c8b;color:#5b3f50;padding:10px;font-size:14px}
.hero .trust-row,.hero .trust-row * {color:#dfd0d7!important}
html.atelier-paused .hero .atelier-ring {animation:none!important}
body:has(dialog[open]) .atelier-motion,body:has(.modal:not([hidden])) .atelier-motion {display:none!important}
@media(min-width:761px) and (max-width:1050px){.hero.shell {padding:45px 35px;gap:30px;grid-template-columns:1fr 1fr}.hero h1 {font-size:46px}.hero .atelier-card {width:100px}.hero .hero-art {padding:15px 10px}.scene-selector button {font-size:10px;padding:8px}.pricing-grid {grid-template-columns:1fr!important}.studio-plan-art {height:220px}}
@media(max-width:760px){
 .studio-wayfinder {display:grid;grid-template-columns:1fr 1fr;gap:5px 16px;padding:16px 24px}
 .studio-wayfinder a {font-size:11px}
 .offer {padding:50px 0!important}.reading-value {padding:20px!important}
 .studio-plan-art {margin:-24px -24px 22px;width:calc(100% + 48px);height:180px}
 #offer .plan-intent {min-height:0}#offer .plan-card {padding:24px!important}
 .studio-steps {grid-template-columns:1fr;gap:12px}.studio-steps li {padding:20px}
 .studio-keepsake {grid-template-columns:1fr;gap:30px;margin-top:30px}
 .studio-keepsake-image {width:225px;height:400px}.studio-keepsake-copy {text-align:center}
 .studio-swatches {justify-content:center}.included-reading {padding:45px 24px!important}
 .faq .faq-list details {padding:4px 15px}.faq .faq-list summary {font-size:17px}
 .atelier-motion {bottom:88px!important;font-size:10px;padding:7px 10px}
}