/* Refined: air first, warm punctuation, bounded glass material. */
.refined{--soft:#edf2ec;--frame:#afbbb0;--warm:#f4dedd;--glass-edge:rgba(252,251,250,.46);--button-radius:8px;background-color:#fafbf8}
/* Shared CTA shape, including the inherited hero and introduction variants. */
.refined .button,.refined .hero-actions .button,.refined .introduction .button{border-radius:var(--button-radius)}
.refined::before{opacity:.16}
.refined ::selection{color:#28433a;background:#f4dedd}
.refined .hero .surface-art{inset:0 calc(-1 * var(--gutter)) 0;background:transparent}
.refined .hero .art-plane{opacity:.84;top:-100px;right:-30px;mask-image:linear-gradient(90deg,transparent,#000 30%)}
.refined .hero .veil-one{right:-18px;top:355px;width:520px;height:230px;border:1px solid rgba(255,255,255,.76);border-radius:22px;background:linear-gradient(125deg,rgba(255,255,255,.56),rgba(252,251,250,.13));backdrop-filter:blur(15px) saturate(1.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.8);transform:rotate(-7deg)}
.refined .hero .veil-two{right:300px;top:40px;width:145px;height:490px;background:linear-gradient(130deg,rgba(239,246,236,.38),rgba(239,246,236,.09));border:1px solid rgba(255,255,255,.52);border-radius:18px;backdrop-filter:blur(6px);transform:rotate(12deg)}
.refined .hero-photo{background:linear-gradient(145deg,rgba(252,251,250,.8),rgba(252,251,250,.34));border:1px solid rgba(255,255,255,.88);box-shadow:inset 0 1px 0 #fff;backdrop-filter:blur(18px) saturate(1.06);padding:17px 17px 27px}
.refined .hero-photo::after{border-color:#a8b9ae}
.refined .hero-actions .button--secondary{background:rgba(252,251,250,.65);backdrop-filter:blur(6px);transition:background-color 180ms ease-out,transform 220ms var(--ease)}
.refined .hero-actions .button--secondary:hover,.refined .hero-actions .button--secondary:focus-visible{background:#edf2ec;color:#28433a;border-color:#28433a}
/* The flex gap remains 10px; metadata's -4px margin gives a 6px effective gap. */
.refined .hero-actions{gap:10px}
.refined .hero-session-meta{margin-bottom:-4px}
@media(min-width:1100px){
 .refined .hero-copy>p:not(.hero-lead){font-size:20px;line-height:30px}
}
@media(min-width:1400px){
 .refined .hero-copy>p:not(.hero-lead){width:680px;max-width:none}
}
.refined .concern::before{width:32px;border-color:#c58f87}
.refined .coral-mark{width:72px}
.refined .quiet-section .veil-one{backdrop-filter:none;background:rgba(252,251,250,.44)}
.refined .quiet-section .art-plane{opacity:.22}
.refined .bio-music-group .bio-photo-anchor{background:#fcf8f3 url('paper.png')}
.refined .bio-practice-group .bio-photo-anchor{background:#f3e8e2 url('paper.png')}
.refined .bio-photo-anchor::after{border-color:#b9aaa1}
.refined .approach .art-plane{opacity:.12}
/* One defined panel behind the words; geometry stays behind the glass. */
.refined .important,.refined .final-section{background:#28433a}
.refined .important .surface-art,.refined .final-section .surface-art{inset:0;border:0;overflow:hidden}
.refined .important .art-plane,.refined .final-section .art-plane{width:520px;height:520px;right:-80px;top:-130px;opacity:1;background:none;mask-image:none;border:1px solid rgba(186,211,187,.24);border-radius:48% 48% 16px 48%;transform:rotate(-20deg);background-color:rgba(155,182,154,.1)}
.refined .important .veil-one,.refined .final-section .veil-one{inset:auto;right:38px;top:90px;width:380px;height:230px;border:1px solid rgba(238,207,197,.24);border-radius:16px;background:linear-gradient(125deg,rgba(225,165,154,.13),rgba(225,165,154,.025));backdrop-filter:blur(5px);transform:rotate(-8deg);box-shadow:inset 0 1px 0 rgba(252,251,250,.06)}
.refined .important .veil-two,.refined .final-section .veil-two{left:14%;top:-100px;width:120px;height:350px;border:1px solid rgba(210,231,208,.13);border-radius:12px;background:rgba(173,203,173,.035);transform:rotate(20deg)}
.refined .important .section-body,.refined .final-section .section-body{padding:32px 36px;border:1px solid rgba(230,240,224,.27);border-radius:16px 16px 4px 16px;background:linear-gradient(120deg,rgba(215,235,213,.1),rgba(40,67,58,.24));backdrop-filter:blur(10px);box-shadow:inset 0 1px 0 rgba(252,251,250,.09)}
.refined .important .section-heading,.refined .final-section h2{color:#efb6ad}
.refined .important .section-heading,.refined .final-section h2{padding-top:28px}
.refined .final-section .art-plane{width:600px;height:600px;top:-180px;right:-90px}
.refined .final-section .veil-one{top:170px;right:55px;height:250px;width:440px}
.refined .final-section .veil-two{left:9%;top:-130px;height:490px}
.refined .site-footer{position:relative;border-top-color:rgba(239,182,173,.27);margin-top:64px}
.refined .site-footer a[href$='privacy.html']{grid-column:3;grid-row:1}
.refined .introduction{background:#f4dedd;border-radius:18px 18px 5px 18px}
.refined .introduction::after{border-color:rgba(173,122,114,.25)}
.refined .introduction .art-plane{background:url('light-art.svg') center/cover;opacity:.30;right:-40px;width:460px}
.refined .introduction .veil-one{inset:20px 20px 20px auto;width:43%;border:1px solid rgba(255,255,255,.46);border-radius:12px;background:linear-gradient(120deg,rgba(252,251,250,.15),rgba(252,251,250,.3));backdrop-filter:blur(4px)}
.refined .introduction .section-body{position:relative}
.refined .faq-section{background:#eff2ed}
@supports not (backdrop-filter:blur(1px)){
 .refined .hero-photo{background:rgba(252,251,250,.9)}
 .refined .important .section-body,.refined .final-section .section-body{background:#344e42}
}
@media(min-width:1100px) and (max-height:760px){
 .refined .site-header{padding-top:16px}.refined .header-top{padding-bottom:16px}
 .refined .hero{min-height:570px;padding-top:24px;padding-bottom:44px;row-gap:18px;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);column-gap:52px}
 .refined .hero h1{font-size:46px;line-height:1.1}.refined .hero-lead{font-size:20px;line-height:1.4;margin-bottom:14px}
 .refined .hero-copy>p:not(.hero-lead){font-size:19px;line-height:28.5px;margin-bottom:14px}
 .refined .hero-photo{height:430px;max-width:330px;margin-top:4px}
 .refined .hero .art-plane{width:750px;height:750px;top:-90px}.refined .hero .veil-one{top:265px;height:210px;width:400px}.refined .hero .veil-two{right:250px;height:400px;top:25px}
}
@media(min-width:700px) and (max-width:1099px){
 .refined .important .section-body,.refined .final-section .section-body{padding:28px}
 .refined .site-footer a[href$='privacy.html']{grid-column:auto;grid-row:auto}
}
@media(max-width:699px){
 .refined .hero-copy>p:not(.hero-lead){font-size:17px;line-height:27px}
 .refined .hero .art-plane{width:370px;height:470px;top:100px;right:-100px;opacity:.72;mask-image:linear-gradient(to bottom,#000 30%,transparent)}
 .refined .hero .veil-one{right:-15px;top:290px;width:175px;height:105px;backdrop-filter:blur(8px);border-radius:12px;transform:rotate(-6deg)}
 .refined .hero .veil-two{display:none}
 .refined .hero-photo{padding:6px 6px 10px;backdrop-filter:blur(10px)}
 .refined .important,.refined .final-section{padding-top:44px}
 .refined .important .section-heading,.refined .final-section h2{padding-top:0}
 .refined .important .section-body,.refined .final-section .section-body{padding:22px 20px;border-radius:12px 12px 3px 12px;backdrop-filter:blur(6px)}
 .refined .important .art-plane,.refined .final-section .art-plane{width:310px;height:310px;top:-65px;right:-140px;opacity:.8}
 .refined .important .veil-one,.refined .final-section .veil-one{top:140px;right:-100px;width:250px;height:220px;backdrop-filter:none}
 .refined .important .veil-two,.refined .final-section .veil-two{display:none}
 .refined .introduction .art-plane{right:-180px;width:340px;opacity:.24}
 .refined .introduction .veil-one{inset:12px 12px auto auto;width:95px;height:190px;backdrop-filter:none;opacity:.5}
 .refined .site-footer{margin-top:40px}.refined .site-footer a[href$='privacy.html']{grid-column:auto;grid-row:auto}
}
@media(max-width:359px){
 .refined .hero-copy>p:not(.hero-lead){font-size:16px;line-height:25.28px}
 .refined .hero{grid-template-columns:minmax(0,1fr) 94px;column-gap:14px;row-gap:20px;padding-top:26px;padding-bottom:48px}
 .refined .hero h1{font-size:28px}.refined .hero-photo{width:94px}
 .refined .hero-lead{font-size:16px}.refined .hero-actions .button{padding-inline:10px}
 .refined .quiet-section,.refined .introduction{padding-inline:20px}
 .refined .important .section-body,.refined .final-section .section-body{padding:20px 16px}
}
/* Local desktop rhythm: separate meaning, retain the compact conversion group. */
@media(min-width:1100px){
 .refined .hero{row-gap:40px}
 .refined .hero-lead{margin-bottom:24px}
 .refined .hero-copy>p:not(.hero-lead){margin-bottom:34px}
 .refined .concerns h2{ text-wrap:wrap }
 .refined .introduction{grid-template-columns:356px minmax(0,1fr)}
 .refined .introduction h2{text-wrap:wrap}
 .refined .introduction .veil-one{border-top-color:rgba(255,255,255,.30);border-right-color:rgba(255,255,255,.30);border-bottom-color:rgba(255,255,255,.14);border-left-color:rgba(255,255,255,.06)}
}
@media(min-width:1100px) and (max-height:760px){
 .refined .hero{row-gap:28px}
 .refined .hero-lead{margin-bottom:20px}
 .refined .hero-copy>p:not(.hero-lead){margin-bottom:28px}
}
/* Editorial review: only the terminal heading needs a wider desktop rail. */
.refined .heading-keep{white-space:nowrap}
@media(min-width:1100px){
 .refined .final-section .section-grid{grid-template-columns:356px minmax(0,1fr)}
 .refined .final-section h2{text-wrap:wrap}
}
/* Pull only the explanation toward the preceding mobile text/photo row. */
@media(max-width:699px){
 .refined .hero-copy>p:not(.hero-lead){margin-top:-6px}
 .refined .concerns h2{text-wrap:wrap}
}
@media(max-width:359px){
 .refined .hero-copy>p:not(.hero-lead){margin-top:-11px}
 .refined .introduction h2{text-wrap:wrap}
}
/* Keep the text rail intact; shorten only the taller mobile photo row. */
@media(min-width:360px) and (max-width:699px){
 .refined .hero-photo{width:108px;justify-self:end}
}