html, body { margin:0; padding:0; }
html { color-scheme:light; }
body { background:#f7f5ed; }
* { box-sizing:border-box; }
#sunshine-therapy-concept { --jordan-portrait:url("/assets/jordan-ramos-home.jpg"); }
#sunshine-therapy-concept { --peach:#d2c2a7; --rose:#ccd5cf; --butter:#ede9dc; --olive:#adb9a6; --ink:#313c38; font-family:'DM Sans',sans-serif; color:var(--ink); }
#sunshine-therapy-concept * { box-sizing:border-box; }
#sunshine-therapy-concept [hidden] { display:none !important; }
#sunshine-therapy-concept .therapy-site { color-scheme:light; min-height:815px; background:#f7f5ed; color:var(--ink); overflow:clip; }
#sunshine-therapy-concept .therapy-site button, #sunshine-therapy-concept .therapy-site input, #sunshine-therapy-concept .therapy-site textarea, #sunshine-therapy-concept .therapy-site select { font:inherit; }
#sunshine-therapy-concept .therapy-site button { cursor:pointer; }
#sunshine-therapy-concept .therapy-site button:focus-visible, #sunshine-therapy-concept .therapy-site input:focus-visible, #sunshine-therapy-concept .therapy-site textarea:focus-visible, #sunshine-therapy-concept .therapy-site select:focus-visible { outline:3px solid #344c51; outline-offset:4px; }
#sunshine-therapy-concept .therapy-site h1, #sunshine-therapy-concept .therapy-site h2, #sunshine-therapy-concept .therapy-site h3, #sunshine-therapy-concept .therapy-site p { margin:0; }
#sunshine-therapy-concept .therapy-site h1, #sunshine-therapy-concept .therapy-site h2, #sunshine-therapy-concept .wordmark { font-family:'DM Serif Display',Georgia,serif; font-weight:400; }
#sunshine-therapy-concept .therapy-site p { font-size:15px; line-height:1.65; }
#sunshine-therapy-concept .therapy-site .site-header { min-height:134px; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:14px 5%; background:#f7f5ed; }
#sunshine-therapy-concept .brand { display:flex; align-items:center; gap:15px; min-width:0; border:0; background:none; text-align:left; color:inherit; padding:0; }
#sunshine-therapy-concept .brand-logo { display:block; width:104px; height:104px; object-fit:contain; flex-shrink:0; }
#sunshine-therapy-concept .brand-copy { display:block; min-width:0; max-width:285px; }
#sunshine-therapy-concept .wordmark { display:block; font-size:27px; line-height:1.07; letter-spacing:-.7px; }
#sunshine-therapy-concept .brand-sub { display:block; font-size:11px; margin-top:6px; letter-spacing:.8px; }
#sunshine-therapy-concept .site-nav { display:flex; align-items:center; gap:24px; flex-shrink:0; }
#sunshine-therapy-concept .nav-action { color:inherit; border:0; background:none; padding:10px 0; font-size:13px !important; }
#sunshine-therapy-concept .contact-nav { border:1px solid var(--ink); border-radius:50px; padding:11px 20px; }
#sunshine-therapy-concept .action { display:inline-flex; align-items:center; justify-content:center; border:0; min-height:46px; padding:12px 24px; border-radius:50px; font-size:14px !important; font-weight:500 !important; background:var(--ink); color:#faf8ed; }
#sunshine-therapy-concept .plain-action { color:inherit; background:none; border:0; border-bottom:1px solid; border-radius:0; padding:5px 0; font-size:14px !important; }
#sunshine-therapy-concept .hero-place { font-size:12px !important; margin-bottom:22px !important; }
#sunshine-therapy-concept .hero-body { max-width:340px; margin:22px 0 27px !important; }
#sunshine-therapy-concept .photo-space { position:relative; display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; background:#b5bfac; color:#38402f; min-width:0; }
#sunshine-therapy-concept .photo-space .portrait-icon { width:68px; height:68px; stroke-width:1; opacity:.65; margin-bottom:16px; }
#sunshine-therapy-concept .photo-space strong { font:400 25px/1.2 'DM Serif Display',Georgia,serif; }
#sunshine-therapy-concept .photo-space small { display:block; max-width:180px; margin:12px 20px 0; font-size:12px; line-height:1.6; }
#sunshine-therapy-concept .warm .wordmark { color:#526857; }
#sunshine-therapy-concept .warm-hero { display:grid; grid-template-columns:43% 57%; min-height:484px; }
#sunshine-therapy-concept .warm-photo { background:var(--peach); padding:35px 40px 30px; display:flex; align-items:center; justify-content:center; }
#sunshine-therapy-concept .warm .photo-space { width:100%; max-width:280px; min-height:357px; border:10px solid #f3f0e4; border-radius:140px 140px 10px 10px; transform:rotate(-3deg); }
#sunshine-therapy-concept .warm-copy { background:var(--rose); padding:43px 10% 38px 9%; }
#sunshine-therapy-concept .warm h1 { font-size:clamp(44px,5.5vw,62px); line-height:1.02; letter-spacing:-1.8px; max-width:420px; color:#33443d; }
#sunshine-therapy-concept .warm .hero-body { color:#33443d; }
#sunshine-therapy-concept .warm .hero-place { color:#33443d; }
#sunshine-therapy-concept .warm .action { background:var(--butter); color:#313c38; }
#sunshine-therapy-concept .warm-note { display:grid; grid-template-columns:1fr 1.2fr; align-items:center; gap:35px; background:var(--butter); padding:36px 6%; }
#sunshine-therapy-concept .warm-note h2 { font-size:33px; line-height:1.14; max-width:350px; }
#sunshine-therapy-concept .warm-note p { max-width:440px; margin-bottom:14px; font-size:14px; }
#sunshine-therapy-concept .subpage { background:var(--butter); min-height:673px; padding:34px 7% 42px; }
#sunshine-therapy-concept .subpage .back { margin-bottom:27px; font-size:13px !important; border:0; padding:4px 0; background:none; color:inherit; text-decoration:underline; text-underline-offset:4px; }
#sunshine-therapy-concept .subpage h1 { font-size:47px; line-height:1.08; letter-spacing:-1px; margin-bottom:22px; }
#sunshine-therapy-concept .contact-grid { display:grid; grid-template-columns:.9fr 1fr; gap:65px; }
#sunshine-therapy-concept .contact-intro p { max-width:290px; margin-bottom:18px; }
#sunshine-therapy-concept .draft-detail { margin-top:24px; padding-top:20px; border-top:1px solid #beb8a0; font-size:13px !important; }
#sunshine-therapy-concept .contact-form { background:#fbfaf5; padding:28px; border-radius:3px; }
#sunshine-therapy-concept .contact-form label { display:block; font-size:13px; margin:0 0 8px; }
#sunshine-therapy-concept .contact-form input, #sunshine-therapy-concept .contact-form select { width:100%; min-width:0; min-height:45px; padding:10px; margin-bottom:20px; border:1px solid #aca996; background:#fffffa; color:#313c38; border-radius:2px; font-size:16px; }
#sunshine-therapy-concept .contact-form .action { background:#46584b; color:#faf8ed; width:100%; }
#sunshine-therapy-concept .form-status { color:#3a5133; font-size:13px !important; margin-top:15px !important; }
#sunshine-therapy-concept .about-grid { display:grid; grid-template-columns:.7fr 1.3fr; gap:40px; align-items:start; }
#sunshine-therapy-concept .about-grid .photo-space { height:365px; background:var(--peach); border-radius:160px 160px 5px 5px; }
#sunshine-therapy-concept .about-grid p { margin-bottom:24px; font-size:16px; }
#sunshine-therapy-concept .process-list { padding:0; margin:30px 0; counter-reset:step; }
#sunshine-therapy-concept .process-list li { list-style:none; display:grid; grid-template-columns:40px 1fr; gap:15px; padding:18px 0; border-top:1px solid #c4bfa7; }
#sunshine-therapy-concept .process-list li:before { counter-increment:step; content:counter(step); font-family:'DM Serif Display',Georgia,serif; font-size:28px; color:#526857; }
#sunshine-therapy-concept .process-list h2 { font-size:25px; margin-bottom:5px; }
#sunshine-therapy-concept .process-list p { font-size:14px; max-width:520px; }
#sunshine-therapy-concept .therapy-site .photo-space { background-image:var(--jordan-portrait); background-size:cover; background-position:center 24%; }
#sunshine-therapy-concept .warm .photo-space { transform:none; min-height:365px; }
#sunshine-therapy-concept .qualification { font-size:12px !important; margin-top:12px !important; }
#sunshine-therapy-concept .about-grid .photo-space { border-radius:5px; height:390px; background-image:url('/assets/jordan-ramos-about.jpg'); background-size:auto 140%; background-position:56% 74%; }
#sunshine-therapy-concept .fact-line { font-size:13px !important; margin-top:18px !important; }
@media(max-width:700px) {
#sunshine-therapy-concept .therapy-site { min-height:1050px; }
#sunshine-therapy-concept .therapy-site .site-header { padding:16px 6%; flex-wrap:wrap; gap:14px; }
#sunshine-therapy-concept .brand { gap:12px; width:100%; }
#sunshine-therapy-concept .brand-logo { width:78px; height:78px; }
#sunshine-therapy-concept .brand-copy { max-width:235px; }
#sunshine-therapy-concept .wordmark { font-size:25px; }
#sunshine-therapy-concept .brand-sub { letter-spacing:.35px; line-height:1.5; }
#sunshine-therapy-concept .site-nav { gap:20px; justify-content:space-between; width:100%; }
#sunshine-therapy-concept .nav-action { font-size:12px !important; }
#sunshine-therapy-concept .contact-nav { padding:10px 16px; }
#sunshine-therapy-concept .warm-hero { grid-template-columns:1fr; }
#sunshine-therapy-concept .warm-copy { padding:30px 7%; grid-row:1; }
#sunshine-therapy-concept .warm h1 { font-size:49px; max-width:380px; }
#sunshine-therapy-concept .warm-photo { padding:25px; }
#sunshine-therapy-concept .warm .photo-space { min-height:275px; max-width:235px; border-width:7px; }
#sunshine-therapy-concept .photo-space .portrait-icon { width:45px; height:45px; margin-bottom:8px; }
#sunshine-therapy-concept .warm-note { grid-template-columns:1fr; gap:15px; padding:28px 7%; }
#sunshine-therapy-concept .warm-note h2 { font-size:30px; }
#sunshine-therapy-concept .contact-grid, #sunshine-therapy-concept .about-grid { grid-template-columns:1fr; gap:24px; }
#sunshine-therapy-concept .subpage { padding:28px 7%; min-height:892px; }
#sunshine-therapy-concept .subpage h1 { font-size:41px; }
#sunshine-therapy-concept .contact-intro p { max-width:100%; }
#sunshine-therapy-concept .draft-detail { margin-top:15px; padding-top:15px; }
#sunshine-therapy-concept .contact-form { padding:23px; }
#sunshine-therapy-concept .about-grid .photo-space { height:280px; max-width:250px; width:100%; margin:auto; }
}
@media(prefers-reduced-motion:reduce) { #sunshine-therapy-concept * { scroll-behavior:auto !important; } }
/* Native links keep the approved button appearance while supporting real URLs. */
#sunshine-therapy-concept a { color:inherit; text-underline-offset:4px; }
#sunshine-therapy-concept .brand,
#sunshine-therapy-concept .nav-action,
#sunshine-therapy-concept .action { text-decoration:none; }
#sunshine-therapy-concept .brand { font:inherit; }
#sunshine-therapy-concept .back { display:inline-block; }
#sunshine-therapy-concept .nav-action[aria-current="page"] { text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:2px; }
#sunshine-therapy-concept a:focus-visible { outline:3px solid #344c51; outline-offset:4px; }
#sunshine-therapy-concept .skip-link { position:absolute; left:16px; top:-100px; z-index:10; padding:12px 18px; background:#313c38; color:#fff; border-radius:4px; }
#sunshine-therapy-concept .skip-link:focus { top:12px; }
#sunshine-therapy-concept .site-footer { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:14px 30px; padding:25px 5%; background:#eeeade; color:#46584b; }
#sunshine-therapy-concept .site-footer p { font-size:12px; line-height:1.6; }
#sunshine-therapy-concept .site-footer a { font-size:13px; overflow-wrap:anywhere; }
#sunshine-therapy-concept .email-link { overflow-wrap:anywhere; }
#sunshine-therapy-concept .contact-intro .email-contact { margin-top:22px; max-width:none; font-size:14px; }
#sunshine-therapy-concept .contact-form { min-width:0; align-self:start; }
#sunshine-therapy-concept .contact-form h2 { font-size:29px; line-height:1.2; margin-bottom:16px; }
#sunshine-therapy-concept .contact-form .contact-form-note { font-size:13px; margin-bottom:18px; }
#sunshine-therapy-concept .contact-form .email-action { display:inline-block; max-width:100%; padding:12px 0; font-size:15px; }
#sunshine-therapy-concept .google-contact-form { padding:24px 0 20px; }
#sunshine-therapy-concept .google-contact-form h2,
#sunshine-therapy-concept .google-contact-form .contact-form-note,
#sunshine-therapy-concept .google-contact-form .contact-form-fallback { margin-left:22px; margin-right:22px; }
#sunshine-therapy-concept .contact-form-frame { display:block; width:100%; height:1180px; border:0; background:#fbfaf5; }
#sunshine-therapy-concept .contact-form-fallback { margin-top:20px; font-size:13px; }
@media(max-width:700px) {
#sunshine-therapy-concept .site-footer { align-items:flex-start; flex-direction:column; padding:24px 7%; }
#sunshine-therapy-concept .contact-form-frame { height:1270px; }
}