/* Luce | Editorial rhythm inspired by Zoroya's section variety, not a replica.
   Applied to the home page only. No copy, image or booking logic is replaced. */
:root{--luce-ink:#514743;--luce-powder:#f3eeea;--luce-dusky:#695c56}
/* Preserve a calmer reading flow and deliberately different section identities. */
main>.section{position:relative}
main>.section .section-head h2{text-wrap:balance}
main>.section .eyebrow{letter-spacing:.16em;font-size:12px;font-weight:600}
/* 01 / a warm, browseable concerns index: alternating weight instead of four identical tiles. */
.concerns{background:#f5f0ea}
.concerns .section-head{max-width:910px;margin-bottom:44px}
.concerns .section-head .eyebrow{border-left:2px solid #99726d;padding-left:15px}
.concern-grid{gap:18px}
.concern-card{position:relative;isolation:isolate;box-shadow:none!important;border-radius:8px 30px 8px 30px;border-color:#ded2cb;transition:transform .24s ease,box-shadow .24s ease;padding-top:49px}
.concern-card::before{position:absolute;top:13px;left:24px;color:#916e67;letter-spacing:.13em;font:500 13px/1.4 Georgia,serif}
.concern-card:nth-child(1)::before{content:'01  —  BODY'}
.concern-card:nth-child(2)::before{content:'02  —  MIND'}
.concern-card:nth-child(3)::before{content:'03  —  RELATIONSHIPS'}
.concern-card:nth-child(4)::before{content:'04  —  THE JOURNEY'}
.concern-card:nth-child(1){background:#fffdfb}
.concern-card:nth-child(2){background:#eee6e0}
.concern-card:nth-child(3){background:#eceee8}
.concern-card:nth-child(4){background:#fffdfb}
.concern-card h3{font-size:clamp(21px,1.9vw,25px);margin-bottom:13px}
.concern-more{text-underline-offset:4px}
/* 02 / make the treatment overview read like an editorial chapter, not another card wall. */
.treatment{background:#fffefc}
.treatment .section-head{max-width:960px}
.treatment-overview{background:#f5f0e9;border:0;border-radius:7px 34px 7px 34px;padding:clamp(22px,3.4vw,42px)}
.treatment-steps div{border-radius:5px 17px 5px 17px;box-shadow:0 5px 20px rgba(71,54,50,.035)}
.treatment-steps span{font-family:Georgia,serif;font-size:18px;letter-spacing:.04em}
.touch-guide{border-radius:7px 34px 7px 34px}
/* 03 / alternating editorial two-entry About, with the practitioner's actual portrait. */
.profile{background:#f1eee8}
.profile .section-head{margin-bottom:38px}
.about-pair{grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr)!important;align-items:stretch;gap:19px}
.about-card{border-radius:5px 32px 5px 32px!important;box-shadow:none;min-width:0;padding:clamp(25px,3vw,42px)}
.about-card:first-child{background:#e7e1d9;border-color:#e7e1d9;display:flex;flex-direction:column;align-items:flex-start}
.about-card:first-child .about-message{font-size:clamp(23px,2.5vw,34px);letter-spacing:.02em;line-height:1.65;margin:12px 0 20px}
.about-card:first-child .btn{margin-top:auto}
.about-card:nth-child(2){grid-template-columns:clamp(125px,13vw,175px) minmax(0,1fr)!important;align-items:center;background:#fffdfb}
.about-card:nth-child(2) .about-portrait{width:100%;height:auto;max-height:272px;aspect-ratio:3/4;object-fit:cover;object-position:center 20%;border-radius:4px 24px 4px 24px}
/* 04 / pricing must feel clear, not like an advertisement. */
.price-flow{background:#fffdf9}
.price-flow .section-head{max-width:740px}
.price-box{background:#fff;border:1px solid #e0d2ca;border-radius:4px 26px 4px 26px;padding:clamp(22px,3.5vw,44px)}
.price-row strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.first-total{border-left:3px solid #a57a72;border-radius:0 16px 16px 0;background:#f4eee9;padding:20px 24px}
.payment-policy{border-color:#e2d2c9}
/* 05 / softer green-grey breathing space around practical calendar. */
.schedule-section{background:#eef0e9}
.schedule-card-final img{border:1px solid #e0ded4;box-shadow:0 14px 34px rgba(70,70,56,.065)}
/* 06 / a magazine-style feature: visual on one side, one featured reading on the other. */
.reading{background:#fbf8f4}
.reading-grid{max-width:1120px!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)!important;gap:clamp(28px,5vw,76px)!important;align-items:center}
.reading-intro{min-width:0}
.reading-intro h2{margin-bottom:14px}
.reading-note{font-size:clamp(18px,1.5vw,21px);line-height:1.8;margin-bottom:18px}
.reading-art{width:100%;margin:22px 0 18px;max-width:300px}
.reading-art img{width:100%;height:185px;object-fit:contain;object-position:left center}
.reading-index-link{display:inline-block;text-decoration:none!important;border-bottom:1px solid #a27c76;padding-bottom:5px;font-size:15px;color:#805752}
.reading-card{position:relative;max-width:none!important;background:#eae4df;border-radius:6px 32px 6px 32px;padding:clamp(29px,4vw,54px);box-shadow:none;min-width:0;border:1px solid #e1d5cd}
.reading-card .eyebrow{margin-bottom:20px}
.reading-card h3{font-size:clamp(24px,2.45vw,31px);line-height:1.6}
.reading-card>a{display:inline-block;margin-top:16px;font-size:16px}
/* 07 / one deeper-toned closing moment, then a quiet cream sitemap. */
.final{background:#5e534f;color:#fff;text-align:center}
.final .final-message{color:#fff}
.final .final-light{color:#f2dacf}
.final .caption,.final .access .caption{color:#f7eee8}
.final .access{border-top-color:rgba(255,255,255,.33)}
.final .qr{background:#fff;padding:7px;border-radius:8px}
.final .btn{background:#f1e2d8!important;color:#4a3935!important;border:1px solid #f1e2d8}
.final .btn:hover{background:#fff!important}
/* Desktop-only editorial positioning for alternating visual pacing. */
@media(min-width:1101px){
 .concerns .section-head{display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:34px;align-items:start}
 .concerns .section-head>.eyebrow{grid-column:1;grid-row:1/4;margin-top:10px}
 .concerns .section-head>:not(.eyebrow){grid-column:2}
 .concerns .section-head h2{font-size:clamp(35px,3.1vw,42px)}
 .treatment .section-head{display:grid;grid-template-columns:162px 1fr;column-gap:34px;align-items:start}
 .treatment .section-head>.eyebrow{grid-column:1;grid-row:1/3;border-left:2px solid #99726d;padding-left:15px;margin-top:14px}
 .treatment .section-head>:not(.eyebrow){grid-column:2}
 .profile .section-head h2{font-size:clamp(36px,3.1vw,42px)}
}
/* All card effects are optional; no scroll-blocking animation. */
@media(hover:hover) and (pointer:fine){
 .concern-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px rgba(72,53,48,.09)!important}
 .reading-card>a:hover,.reading-index-link:hover,.concern-more:hover{color:#5b3d38}
}
@media(max-width:1100px){
 .reading-grid{grid-template-columns:minmax(0,1fr)!important;gap:22px!important}
 .reading-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,170px);align-items:center;column-gap:20px}
 .reading-intro>.eyebrow,.reading-intro>h2,.reading-intro>.reading-note,.reading-intro>.reading-index-link{grid-column:1}
 .reading-art{grid-column:2;grid-row:1/5;max-width:170px;margin:0}
 .reading-art img{height:160px;object-position:center}
 .about-pair{grid-template-columns:1fr 1fr!important}
 .about-card:nth-child(2){grid-template-columns:1fr!important}
 .about-card:nth-child(2) .about-portrait{width:145px;height:180px}
}
@media(max-width:768px){
 .concerns{padding-top:62px!important}
 .concerns .section-head{margin-bottom:30px}
 .concerns .section-head .eyebrow{padding-left:12px}
 .concern-grid{gap:16px!important}
 .concern-card{border-radius:6px 22px 6px 22px;padding:45px 21px 25px!important}
 .concern-card::before{left:21px;top:14px;font-size:12px}
 .treatment-overview{padding:20px 15px;border-radius:6px 24px 6px 24px}
 .treatment-steps span{font-size:17px}
 .about-pair{grid-template-columns:1fr!important;gap:17px!important}
 .about-card{border-radius:5px 26px 5px 26px!important}
 .about-card:nth-child(2){display:grid;grid-template-columns:minmax(0,1fr)!important}
 .about-card:nth-child(2) .about-portrait{height:175px;max-height:175px;width:135px;margin-bottom:8px}
 .price-box{padding:24px 20px;border-radius:5px 24px 5px 24px}
 .reading{padding-top:64px!important;padding-bottom:68px!important}
 .reading-intro{grid-template-columns:minmax(0,1fr) minmax(0,105px);gap:0 10px}
 .reading-intro h2{font-size:26px!important}
 .reading-art{max-width:105px}
 .reading-art img{height:130px}
 .reading-note{font-size:16px;line-height:1.8}
 .reading-index-link{font-size:14px;min-height:38px}
 .reading-card{padding:26px 22px!important;border-radius:5px 24px 5px 24px}
 .reading-card h3{font-size:22px}
 .final{padding:75px 0 64px!important}
 .final .container{width:min(100% - 36px,860px)}
 .final .qr{max-width:138px}
}
@media(max-width:359px){
 .reading-intro{grid-template-columns:1fr}
 .reading-art{grid-column:1;grid-row:auto;max-width:130px;margin:8px 0}
 .reading-art img{height:95px;object-position:left center}
}
@media(prefers-reduced-motion:reduce){.concern-card{transition:none!important;transform:none!important}}