/* Ció Ripoll — El cel i les arrels.
   Editorial identity: warm ivory, midnight navy, illuminated antique gold.
   DESIGN_VARIANCE 8 / MOTION_INTENSITY 4 / VISUAL_DENSITY 3.
   The approved logo is an unaltered image; the existing chart keeps its common centre. */
:root{color-scheme:light;--ink:#101e2d;--navy:#142538;--paper:#f7f2e9;--surface:#eee7db;--text:#263441;--muted:#64675f;--gold:#95672c;--gold-light:#dec28e;--line:#d9d0c2;--ease-out:cubic-bezier(.23,1,.32,1);--radius:2px;--gutter:clamp(24px,5.5vw,96px);--header-height:76px}
*{box-sizing:border-box}
html{scroll-padding-top:calc(var(--header-height) + 20px)}
body{margin:0;background:var(--paper);color:var(--text);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.8;-webkit-font-smoothing:antialiased}
button,a,summary{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
a{color:inherit;text-decoration:none}
img,video,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,p,figure,blockquote{margin:0}
h1,h2,h3{font-family:"Playfair Display",Georgia,serif;font-weight:400;letter-spacing:-.045em}
h2{font-size:clamp(36px,4.1vw,64px);line-height:1.17}
h3{font-size:clamp(25px,2.6vw,38px);line-height:1.25}
h1 em,h2 em{font-weight:400;color:var(--gold)}
p{max-width:60ch}
button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #b3894b;outline-offset:6px}
::selection{background:#dec28e;color:var(--ink)}
.es{display:none}
html[lang="es"] .ca{display:none}
html[lang="es"] .es{display:revert}
[hidden]{display:none!important}
.wrap{width:min(100%,1584px);padding-inline:var(--gutter);margin-inline:auto}
.section-space{padding-block:clamp(80px,9.5vw,146px)}
.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;line-height:1.65;margin-bottom:25px;color:var(--gold)}
.skip-link{position:fixed;top:8px;left:16px;z-index:200;transform:translateY(-160%);background:var(--paper);color:var(--ink);padding:12px 20px}
.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;inset:0 0 auto;z-index:40;color:var(--ink);background:var(--paper);border-bottom:1px solid var(--line)}
.header-inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;gap:30px}
.wordmark{display:inline-flex;align-items:center;flex-shrink:0;max-width:100%}
.header-logo{width:180px;height:auto}
.desktop-nav{display:flex;align-items:center;gap:clamp(20px,2.5vw,40px);font-size:12px}
.desktop-nav a{padding-block:12px}
.header-actions{display:flex;align-items:center;gap:22px}
.language-switch{display:flex;gap:2px}
.language-switch button{border:0;background:transparent;color:inherit;opacity:.65;font-size:10px;letter-spacing:.06em;padding:10px 5px;min-height:44px}
.language-switch button[aria-pressed="true"]{opacity:1;text-decoration:underline;text-underline-offset:5px}
.menu-toggle{display:none;align-items:center;gap:9px;min-height:44px;padding:8px 0;border:0;color:inherit;background:none;font-size:11px}
.menu-lines{width:18px;height:9px;border-top:1px solid currentColor;border-bottom:1px solid currentColor}
.mobile-nav{display:grid;gap:4px;padding-block:12px 24px;background:var(--paper);color:var(--ink)}
.mobile-nav a{display:block;padding-block:11px;font-size:15px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:54px;padding:15px 25px;border-radius:var(--radius);font-size:12px;font-weight:600;line-height:1.6;transition:transform 160ms var(--ease-out),background-color 200ms var(--ease-out)}
.button-gold{background:var(--gold-light);color:var(--ink)}
.button-ink{background:var(--ink);color:var(--paper)}
.button:active{transform:scale(.97)}
.icon{display:block;width:18px;height:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.button .icon{width:18px;height:18px}
.text-link{display:inline-flex;align-items:center;gap:24px;font-size:12px;font-weight:600;border-bottom:1px solid #a38557;padding-bottom:6px}
.text-link .icon{width:17px;height:17px}
.section-heading{display:grid;grid-template-columns:1.4fr 1fr;align-items:end;gap:clamp(50px,8vw,135px);margin-bottom:64px}
.section-intro{font-size:15px;line-height:1.85;color:var(--muted);max-width:44ch}
.section-number{display:inline-block;margin-right:18px;letter-spacing:0;border-right:1px solid currentColor;padding-right:19px}
.dark-section{position:relative;isolation:isolate;overflow:hidden;background:var(--ink);color:var(--paper);--muted:#bbc5ca;--line:#354351;--gold:#dec28e}
.dark-section h2 em{color:#dec28e}
.dark-section .eyebrow{color:#dec28e}
.dark-section .text-link{border-color:#a88a56}
.hero{position:relative;background:var(--ink);color:var(--paper)}
.hero-scene{position:relative;min-height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;padding-block:calc(var(--header-height) + 28px) 115px;isolation:isolate}
.sky{position:absolute;inset:0;z-index:-1;pointer-events:none;overflow:hidden;background:#091726}
.sky-poster,.sky-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
.sky-video{opacity:0;transition:opacity 200ms var(--ease-out)}
.sky-video.is-ready{opacity:1}
.sky-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,31,.87) 0%,rgba(7,18,31,.55) 40%,rgba(7,18,31,.06) 80%,rgba(7,18,31,.15) 100%)}
.hero-grid{display:grid;grid-template-columns:1fr 1.05fr;align-items:center;gap:30px}
.hero-copy{position:relative;z-index:2;padding-bottom:16px}
.hero-copy .eyebrow{color:var(--gold-light);margin-bottom:33px;font-size:10px}
.hero-copy h1{display:grid;font-size:clamp(54px,5.8vw,90px);line-height:1.13;letter-spacing:-.045em;margin-bottom:30px}
/* All three phrases share a grid cell; the longest reserves space without layout jumps. */
.hero-title-state{grid-area:1/1;opacity:0;transform:translateY(.22em);pointer-events:none;transition:opacity 300ms var(--ease-out),transform 450ms var(--ease-out)}
.hero-title-state.is-before{transform:translateY(-.22em)}
.hero-title-state.is-active{opacity:1;transform:translateY(0)}
.hero-title-line{display:block}
@media(prefers-reduced-motion:reduce){.hero-copy .hero-title-state{transform:none;transition:none}}
.hero-copy h1 em{color:#dfc391;background:linear-gradient(115deg,#b88a48 5%,#f2e2bc 37%,#cba268 66%,#ead4a6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero-intro{max-width:39ch;color:#c5cdd1;font-size:15px;line-height:1.9;margin-bottom:30px}
.hero-cta{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.hero-secondary{font-size:11px;line-height:1.5;border-bottom:1px solid #a3957b;padding-block:10px 5px;color:#d4d7d6}
.hero-note{font-size:10px;letter-spacing:.07em;color:#a6afb6;margin-top:29px}
.chart-figure{position:relative;width:100%;max-width:665px;justify-self:end;display:flex;flex-direction:column}
#celestial-chart{width:100%;color:#dbd1bb;overflow:visible}
.zodiac-symbol,.planet-symbol{fill:none;stroke:currentColor}
.asc-symbol{font-family:Manrope,Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:.04em;dominant-baseline:middle;text-anchor:middle;stroke:none;paint-order:stroke fill}
.chart-origin text{font-family:Manrope,Arial,sans-serif;font-size:11px}
#natal-chart{color:#ddd7ca}
/* SVG rotate(angle 300 300) defines the shared centre. A second CSS centre would offset it. */
#draconic-chart{color:#c3ab7a;opacity:.55;transform-box:view-box;transform-origin:0 0}
#comparison-aspects{opacity:.65}
.chart-caption{position:static;text-align:center;margin-top:7px}
.chart-stage-title{font-family:"Playfair Display",Georgia,serif;font-size:22px;line-height:1.4;max-width:none;color:#e5d8bd}
.chart-stage-description{font-size:11px;line-height:1.7;color:#b7c1c9;margin:5px auto 0;max-width:45ch}
.chart-example{font-size:9px;letter-spacing:.03em;color:#9ba6ad;display:block;margin-top:6px}
.hero-bottom{position:absolute;bottom:27px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-between;align-items:center;gap:24px}
.hero-scroll{display:inline-flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.08em;color:#c8ced0}
.hero-scroll .icon{width:18px;height:23px;color:#dec28e}
.chart-controls{display:flex;gap:28px}
.chart-controls button{border:0;border-bottom:1px solid transparent;background:none;color:#aab5bd;padding:10px 0;min-height:44px;font-size:11px;transition:color 200ms var(--ease-out),border-color 200ms var(--ease-out)}
.chart-controls button[aria-pressed="true"]{color:#e5d8bd;border-bottom-color:var(--gold-light)}
.services{position:relative}
.service-paths{display:grid;grid-template-columns:1fr 1fr;gap:clamp(70px,12vw,190px);padding-top:18px}
.service-path{position:relative;padding-block:28px 8px;border-top:1px solid #b89b6e;display:block}
.path-roots{margin-top:62px}
.path-index,.connection-label,.session-category{display:block;font-size:10px;font-weight:600;letter-spacing:.15em;line-height:1.5;color:var(--gold)}
.service-path h3{font-size:clamp(34px,3.7vw,54px);margin:25px 0 22px}
.service-path p{max-width:39ch;font-size:14px;color:var(--muted);line-height:1.9}
.path-link{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;padding-top:30px;max-width:350px}
.path-link .icon{width:40px;height:40px;padding:10px;border:1px solid var(--line);border-radius:50%;transition:background-color 180ms var(--ease-out),border-color 180ms var(--ease-out)}
.method::before,.about::before,.contact::before{content:"";position:absolute;inset:0;z-index:-1;background-image:url('assets/celestial.png');background-size:680px;pointer-events:none;opacity:.06;filter:brightness(1.6);mask-image:linear-gradient(90deg,transparent 20%,#000 100%)}
.method-layout{display:grid;grid-template-columns:.84fr 1.16fr;gap:clamp(70px,8.5vw,130px);align-items:center}
.astrology-figure{position:relative;margin-block:20px;max-width:450px}
.astrology-figure:before{content:"";position:absolute;inset:-19px 18px 18px -19px;border:1px solid #6c604b;z-index:-1}
.astrology-figure img{width:100%;aspect-ratio:3/4;object-fit:cover}
.astrology-figure figcaption{font-size:10px;color:#b3bfc6;letter-spacing:.03em;padding-top:18px}
.astrology-figure .art-note{display:block;margin-top:4px;font-size:8px;letter-spacing:.08em;color:#91a0ac}
.method-copy h2{font-size:clamp(36px,3.7vw,58px);margin-bottom:25px}
.method-copy .section-intro{font-size:14px;max-width:48ch}
.reading-types{margin:33px 0 31px;display:grid}
.reading-types article{display:grid;grid-template-columns:35px 1fr;gap:18px;border-top:1px solid var(--line);padding-block:24px}
.reading-types article:last-child{border-bottom:1px solid var(--line)}
.reading-symbol{display:block;width:26px;height:26px;flex:none;color:var(--gold-light);fill:none;margin-top:2px}
.reading-types h3{font-size:24px;letter-spacing:-.025em;margin-bottom:10px}
.reading-types p{font-size:13px;color:var(--muted);line-height:1.85;max-width:48ch}
.method-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px 24px}
.method-actions .text-link{min-height:44px}
.method-actions .contact-link{color:var(--muted);font-weight:500;border-bottom-color:transparent}
@media(hover:hover) and (pointer:fine){.method-actions .contact-link:hover{border-bottom-color:currentColor}}
.session-context{margin-top:62px;--session-emphasis:var(--ink)}
.dark-section .session-context{--session-emphasis:var(--paper)}
.session-context-heading{display:flex;justify-content:space-between;align-items:baseline;gap:40px;padding-top:35px;border-top:1px solid var(--line)}
.session-context-heading h3{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.025em}
.session-context-heading p{font-size:12px;color:var(--muted);max-width:42ch}
.session-steps{list-style:none;margin:32px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(26px,4vw,60px)}
.session-steps li{display:grid;grid-template-columns:25px minmax(0,1fr);gap:15px;align-items:start}
.session-step-number{font-size:10px;letter-spacing:.08em;line-height:1.5;color:var(--gold);padding-top:4px}
.session-steps h4{font-family:Manrope,Arial,sans-serif;font-size:14px;font-weight:600;line-height:1.55;letter-spacing:0;margin:0 0 12px;color:var(--session-emphasis)}
.session-steps p{font-size:13px;color:var(--muted);line-height:1.85}
.session-preparation{max-width:none;margin-top:32px;padding-top:21px;border-top:1px solid var(--line);font-size:11px;line-height:1.85;color:var(--muted)}
.session-preparation strong{font-weight:600;color:var(--session-emphasis)}
@media(max-width:760px){.session-context{margin-top:44px}.session-context-heading{display:block;padding-top:28px}.session-context-heading p{margin-top:17px;font-size:13px;max-width:48ch}.session-steps{grid-template-columns:1fr;gap:25px;margin-top:28px}.session-steps li{grid-template-columns:27px minmax(0,1fr);gap:14px}.session-steps h4{margin-bottom:8px}.session-steps p{font-size:14px;max-width:48ch}.session-preparation{font-size:12px;margin-top:27px}}
.constellations{overflow:hidden}
.roots-layout{display:grid;grid-template-columns:1fr 1.1fr;align-items:center;gap:clamp(70px,9vw,145px)}
.roots-copy h2{margin-bottom:32px;font-size:clamp(36px,3.9vw,60px)}
.roots-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);margin-top:19px;max-width:43ch}
.roots-copy .roots-lead{font-family:"Playfair Display",Georgia,serif;font-size:25px!important;line-height:1.5;color:var(--ink)!important;margin-top:0!important;margin-bottom:22px;letter-spacing:-.02em}
.roots-topics{font-size:10px;color:var(--gold);text-transform:uppercase;letter-spacing:.13em;border-block:1px solid var(--line);padding-block:15px;margin:27px 0}
.roots-copy .session-meta{font-size:11px!important;color:var(--gold)!important;margin-top:14px!important}
.roots-figure{position:relative;padding-left:20px;padding-bottom:35px}
.roots-image{position:relative;aspect-ratio:4/5;border-radius:50% 50% 0 0 / 30% 30% 0 0;overflow:hidden}
.roots-image img{width:100%;height:100%;object-fit:cover}
.roots-figure:before{content:"";position:absolute;inset:-17px 18px 54px 0;border:1px solid #bda37a;border-radius:50% 50% 0 0 / 30% 30% 0 0;pointer-events:none}
.roots-figure figcaption{position:relative;z-index:1;margin-top:-43px;margin-left:-48px;max-width:290px;background:var(--paper);padding:23px 27px 0 0;font-family:"Playfair Display",Georgia,serif;font-style:italic;font-size:24px;line-height:1.45;letter-spacing:-.02em;color:#72593c}
.connection{background:#eee8dd;border-block:1px solid #dfd5c4;position:relative;overflow:hidden;padding-top:100px}
.connection-heading{text-align:center}
.connection-heading .eyebrow{margin-inline:auto}
.connection-layout{display:grid;grid-template-columns:.9fr 1.5fr .9fr;align-items:center;gap:40px;margin-top:58px}
.brand-emblem{width:100%;max-width:480px;margin:auto}
.brand-emblem img{width:100%;height:auto}
.connection-note{position:relative;max-width:28ch}
.connection-note h3{font-size:31px;margin:20px 0}
.connection-note p{font-size:13px;line-height:1.9;color:var(--muted)}
.connection-sky{align-self:start;margin-top:35px}
.connection-roots{align-self:end;margin-bottom:30px}
.connection-label{font-size:9px}
.connection-note:after{content:"";display:block;width:58px;height:1px;background:linear-gradient(90deg,#a4793c,#d8c297);margin-top:29px}
.connection-conclusion{font-size:14px;text-align:center;max-width:59ch;margin:55px auto 0;color:#625d53}
.about{background:#15283a}
.about::before{opacity:.055;background-size:900px;mask-image:linear-gradient(90deg,#000,transparent 72%)}
.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(60px,10vw,160px);align-items:center}
.about-heading h2{font-size:clamp(64px,7vw,105px);line-height:1.05}
.about-signature{display:block;font-family:"Playfair Display",Georgia,serif;font-size:24px;font-style:italic;letter-spacing:-.025em;color:#c3a572;margin-top:39px}
.about-copy>p{font-size:14px;color:var(--muted);margin-bottom:21px;max-width:44ch}
.about-copy .lead{font-family:"Playfair Display",Georgia,serif;color:var(--paper);font-size:32px;line-height:1.4;letter-spacing:-.025em;margin-bottom:30px}
.about-copy .text-link{margin-top:12px}
.pricing .section-heading{margin-bottom:60px}
.session-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:clamp(55px,7.5vw,120px);align-items:start}
.session-category{margin-bottom:28px}
.session-natal{display:flex;justify-content:space-between;gap:32px;padding-block:28px 37px;border-top:1px solid var(--line)}
.session-natal h3{font-size:31px}
.session-main>p{color:var(--muted);font-size:13px;max-width:38ch;margin:16px 0 24px}
.price{font-family:"Playfair Display",Georgia,serif;font-size:56px;line-height:1;letter-spacing:-.05em;white-space:nowrap;color:var(--ink)}
.price>span{font-size:23px;letter-spacing:0;margin-left:6px}
.session-complete{position:relative;background:var(--ink);color:var(--paper);padding:38px 40px;border-top:2px solid #be9d63}
.session-top{display:flex;justify-content:space-between;gap:25px}
.session-complete h3{font-size:32px;letter-spacing:-.035em;margin-top:10px}
.session-complete .price{color:var(--gold-light);font-size:51px}
.session-top>div>p{font-size:11px;color:#bac6cf;margin-top:12px}
.session-badge{font-size:8px;letter-spacing:.13em;color:#dec28e;font-weight:600;line-height:1.5;display:block}
.session-complete ul{list-style:none;padding:0;margin:30px 0;display:grid;gap:9px;font-size:12px;color:#c2ccd2}
.session-complete li{position:relative;padding-left:17px}
.session-complete li:before{content:"";position:absolute;left:0;top:10px;width:5px;height:5px;border-radius:50%;background:#dec28e}
.session-complete .button{width:100%}
.session-family{padding-left:40px;border-left:1px solid #bfa77f}
.session-family h3{font-size:40px;margin-top:50px}
.family-description{font-size:14px;line-height:1.9;color:var(--muted);max-width:32ch;margin-top:25px}
.family-price{display:flex;align-items:end;gap:29px;margin-block:47px 38px}
.family-price .price{font-size:70px}
.family-price>p:not(.price){font-size:11px;color:var(--muted);line-height:1.8;padding-bottom:3px}
.session-family .button{width:100%;max-width:350px}
.session-afterthought{font-size:10px;color:var(--muted);margin-top:21px}
.faq{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(60px,8vw,130px);padding-top:15px}
.faq-list{border-top:1px solid var(--line)}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{position:relative;list-style:none;cursor:pointer;padding:25px 34px 25px 0;font-size:13px;font-weight:500}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary:after{content:"+";position:absolute;right:3px;top:18px;font-size:26px;font-weight:400;color:var(--gold)}
.faq-list details[open] summary:after{content:"−"}
.faq-list details p{font-size:13px;color:var(--muted);line-height:1.9;padding:0 32px 25px 0}
.contact::before{background-size:770px;mask-image:linear-gradient(90deg,#000,transparent 90%);opacity:.075}
.contact-inner{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(60px,10vw,160px);align-items:center}
.contact h2{font-size:clamp(64px,7.6vw,106px);line-height:1.06}
.contact-heading>p:last-child{font-size:13px;color:var(--muted);margin-top:29px}
.contact-copy>p{font-size:14px;color:var(--muted);max-width:42ch;margin-bottom:30px}
.contact-copy .contact-label{font-size:11px;color:var(--paper);margin-bottom:12px}
.service-picker{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:31px}
.service-picker button{background:none;border:1px solid #617080;color:#cbd1d5;padding:10px 14px;min-height:44px;font-size:10px;line-height:1.4;border-radius:var(--radius);transition:background-color 160ms var(--ease-out),border-color 160ms var(--ease-out),color 160ms var(--ease-out)}
.service-picker button[aria-pressed="true"]{background:#dec28e;border-color:#dec28e;color:var(--ink)}
.contact-copy .button{width:100%;max-width:400px}
.contact-email{display:block;width:fit-content;color:#d9c298;font-size:13px;letter-spacing:.01em;margin-top:24px;border-bottom:1px solid #5b6264;padding-bottom:4px}
.site-footer{display:grid;grid-template-columns:180px 1fr auto;gap:clamp(45px,6vw,96px);align-items:center;padding-block:52px}
.footer-brand{display:block;width:150px}
.footer-message p{font-family:"Playfair Display",Georgia,serif;font-size:27px;line-height:1.4;letter-spacing:-.025em;margin-bottom:14px}
.footer-message>span{font-size:9px;color:var(--muted);letter-spacing:.05em}
.footer-links{display:grid;gap:8px;align-content:center;font-size:11px}
.copyright{font-size:9px;color:var(--muted);margin-top:13px}
.reveal{opacity:1;transform:none}
.motion-enabled .reveal{opacity:0;transform:translateY(14px);transition:opacity 600ms var(--ease-out),transform 600ms var(--ease-out)}
.motion-enabled .reveal.is-visible{opacity:1;transform:none}
@media(hover:hover) and (pointer:fine){.button-gold:hover{background:#ecd7ae}.button-ink:hover{background:#284155}.desktop-nav a:hover,.text-link:hover,.footer-links a:hover{color:#ac8548}.dark-section .text-link:hover,.contact-email:hover{color:#f2dfb9}.hero-secondary:hover{color:#f2dfb9}.service-path:hover .path-link .icon{background:#e9dcc5;border-color:#bda37a}.service-picker button:hover{border-color:#dec28e}}
@media(min-width:1100px) and (max-height:850px){.hero-scene{padding-block:calc(var(--header-height) + 8px) 99px}.chart-figure{max-width:min(535px,60svh)}.hero-copy h1{font-size:clamp(56px,4.8vw,76px)}.hero-copy .eyebrow{margin-bottom:25px}.hero-intro{margin-bottom:24px}.hero-note{margin-top:24px}}
@media(max-width:1200px){.header-inner{gap:20px}.header-logo{width:180px}.wordmark{gap:12px}.desktop-nav{gap:22px}.header-actions{gap:14px}.hero-cta{gap:18px}.hero-secondary{font-size:10px}.hero-copy h1{font-size:64px}.method-layout,.roots-layout{gap:65px}.section-heading{gap:65px}.session-layout{gap:60px}.session-family{padding-left:30px}.session-family h3{font-size:34px}.connection-layout{gap:30px}.connection-note h3{font-size:27px}}
@media(max-width:1000px){.desktop-nav{display:none}.menu-toggle{display:flex}.hero-grid{gap:10px;grid-template-columns:1fr 1fr}.hero-copy h1{font-size:55px}.hero-copy .eyebrow{font-size:9px}.hero-intro{font-size:14px}.hero-cta{align-items:start;flex-direction:column;gap:9px}.hero-note{margin-top:20px}.section-heading{grid-template-columns:1.3fr 1fr;gap:45px}.method-layout{grid-template-columns:.8fr 1.2fr;gap:45px}.method-copy h2{font-size:40px}.reading-types p{font-size:12px}.roots-layout{gap:45px}.roots-copy h2{font-size:42px}.roots-copy .roots-lead{font-size:22px!important}.roots-figure figcaption{font-size:21px;margin-left:-32px;max-width:255px}.connection-layout{grid-template-columns:.8fr 1.4fr .8fr;gap:22px}.connection-note h3{font-size:24px}.connection-note p{font-size:12px}.connection-label{font-size:8px}.session-layout{grid-template-columns:1.2fr .9fr;gap:36px}.session-complete{padding:30px 27px}.session-complete h3{font-size:28px}.session-complete .price{font-size:44px}.session-family{padding-left:26px}.session-family h3{font-size:29px}.family-price{gap:18px}.family-price .price{font-size:58px}.session-layout .button{font-size:11px;padding-inline:19px;gap:14px}.contact-inner{gap:60px}}
@media(max-width:760px){:root{--gutter:28px;--header-height:68px}.header-logo{width:170px}.header-actions{gap:16px}.hero-scene{padding-block:calc(var(--header-height) + 24px) 112px;min-height:100svh;justify-content:flex-start}.hero-grid{grid-template-columns:1fr;gap:26px}.hero-copy{max-width:580px;padding-bottom:0}.hero-copy h1{font-size:clamp(47px,8vw,62px);margin-bottom:23px}.hero-copy .eyebrow{font-size:9px;margin-bottom:23px}.hero-intro{max-width:46ch;font-size:13px;margin-bottom:24px}.hero-cta{flex-direction:row;align-items:center;gap:20px}.hero-copy .button{min-height:49px;font-size:11px;padding-inline:21px}.hero-note{display:none}.chart-figure{width:min(100%,385px);justify-self:center}.chart-caption{margin-top:2px}.chart-stage-title{font-size:20px}.chart-stage-description{font-size:10px}.chart-example{font-size:8px}.hero-bottom{bottom:24px;justify-content:center}.hero-scroll{display:none}.chart-controls{gap:28px}.chart-controls button{font-size:10px}.sky-shade{background:linear-gradient(180deg,rgba(7,18,31,.7),rgba(7,18,31,.28) 65%,rgba(7,18,31,.15))}.sky-video,.sky-poster{object-position:70% 40%}.section-space{padding-block:80px}.section-heading{grid-template-columns:1fr;gap:26px;margin-bottom:43px}.section-intro{font-size:14px;max-width:48ch}.service-paths{gap:50px}.service-path h3{font-size:32px;margin-top:20px}.service-path p{font-size:13px}.path-index{font-size:9px}.path-roots{margin-top:45px}.path-link{font-size:10px;gap:15px}.path-link span[aria-hidden]{width:33px;height:33px;flex-shrink:0}.method-layout{grid-template-columns:1fr;gap:39px}.astrology-figure{width:100%;max-width:460px;margin:15px auto 0}.astrology-figure img{aspect-ratio:4/5;object-position:50% 35%}.astrology-figure:before{inset:-12px 12px 31px -12px}.method-copy h2{font-size:42px}.reading-types p{font-size:13px;max-width:none}.roots-layout{grid-template-columns:1fr;gap:49px}.roots-copy{max-width:540px}.roots-copy>p:not(.eyebrow){max-width:48ch}.roots-copy h2{font-size:43px}.roots-figure{max-width:540px;justify-self:end;width:100%;padding-left:17px}.roots-image{aspect-ratio:5/4;border-radius:45% 45% 0 0 / 32% 32% 0 0}.roots-figure:before{border-radius:45% 45% 0 0 / 32% 32% 0 0}.roots-image img{object-position:50% 70%}.roots-figure figcaption{margin-left:-17px;max-width:265px;font-size:22px}.connection-layout{grid-template-columns:1fr 1fr;gap:35px;align-items:start;margin-top:36px}.brand-emblem{grid-row:1;grid-column:1/-1;max-width:330px}.connection-sky,.connection-roots{align-self:start;margin:0;max-width:none}.connection-note h3{font-size:26px}.connection-note p{font-size:13px}.connection-heading h2{font-size:43px}.connection-conclusion{font-size:13px;margin-top:40px}.about-layout{grid-template-columns:1fr;gap:45px}.about-heading h2{font-size:72px}.about-signature{margin-top:25px}.about-copy .lead{font-size:29px}.about-copy>p{max-width:48ch}.session-layout{grid-template-columns:1fr;gap:52px}.session-family{padding:36px 0 0;border-left:0;border-top:1px solid #bfa77f}.session-family h3{font-size:37px;margin-top:24px}.family-description{max-width:44ch}.family-price{margin-block:28px;gap:29px}.family-price .price{font-size:65px}.session-family .button{max-width:none}.session-complete{padding:32px}.session-complete h3{font-size:32px}.session-complete .price{font-size:50px}.session-category{font-size:9px}.faq{grid-template-columns:1fr;gap:34px;padding-top:0}.faq-list summary{font-size:12px}.faq-list details p{font-size:13px}.contact-inner{grid-template-columns:1fr;gap:42px}.contact h2{font-size:72px}.contact-copy>p{max-width:47ch;font-size:14px}.contact-copy .button{max-width:none}.site-footer{grid-template-columns:125px 1fr;gap:28px;padding-block:40px}.footer-brand{width:120px}.footer-message p{font-size:23px}.footer-links{grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid var(--line);padding-top:22px}.copyright{grid-column:1/-1;margin-top:0}.footer-message>span{font-size:8px}}
@media(max-width:440px){:root{--gutter:23px;--header-height:64px}.wordmark{gap:9px}.header-logo{width:min(44vw,144px)}.header-actions{gap:10px}.language-switch button{font-size:9px;padding-inline:3px}.menu-toggle{font-size:10px;gap:7px}.header-inner{gap:10px}.hero-scene{padding-block:calc(var(--header-height) + 23px) 102px}.hero-grid{gap:20px}.hero-copy h1{font-size:45px;letter-spacing:-.05em}.hero-copy .eyebrow{font-size:8px;letter-spacing:.13em;margin-bottom:20px}.hero-intro{font-size:12px;line-height:1.9;max-width:38ch}.hero-cta{gap:13px;flex-wrap:wrap}.hero-secondary{font-size:9px}.hero-copy .button{font-size:10px;padding:12px 17px;gap:16px;min-height:46px}.chart-figure{max-width:330px}.chart-stage-title{font-size:18px}.chart-stage-description{font-size:9px;max-width:38ch}.chart-example{font-size:7.5px}.chart-controls{gap:24px}.chart-controls button{font-size:9px}.section-space{padding-block:68px}.eyebrow{font-size:8px;margin-bottom:20px}h2{font-size:36px}.service-paths{grid-template-columns:1fr;gap:31px;padding-top:0}.path-roots{margin-top:0}.service-path{padding-top:23px}.service-path h3{font-size:36px}.service-path h3 br{display:none}.service-path p{max-width:40ch}.path-link{max-width:none;padding-top:16px;font-size:11px}.path-index{font-size:8px}.method-copy h2{font-size:36px}.method-copy .section-intro{font-size:13px}.section-number{margin-right:12px;padding-right:13px}.reading-types article{grid-template-columns:27px 1fr;gap:14px;padding-block:21px}.reading-types h3{font-size:23px}.reading-types p{font-size:12px}.roots-copy h2{font-size:37px}.roots-copy>p:not(.eyebrow){font-size:13px}.roots-copy .roots-lead{font-size:22px!important}.roots-topics{font-size:8px}.roots-copy .text-link{font-size:11px;gap:15px}.roots-figure figcaption{font-size:20px;max-width:235px;margin-top:-30px;padding-top:16px}.connection-heading h2{font-size:37px}.brand-emblem{max-width:300px}.connection-layout{gap:32px 23px}.connection-label{font-size:7px;letter-spacing:.1em}.connection-note h3{font-size:23px;margin-block:16px}.connection-note p{font-size:12px;line-height:1.85}.connection-note:after{margin-top:20px;width:35px}.connection-conclusion{font-size:12px}.about-heading h2{font-size:66px}.about-copy .lead{font-size:28px}.about-copy>p{font-size:13px}.session-natal{gap:18px}.session-natal h3{font-size:28px}.session-main>p{font-size:12px}.price{font-size:45px}.price>span{font-size:18px}.session-complete{padding:27px 22px}.session-top{gap:16px}.session-complete h3{font-size:27px}.session-complete .price{font-size:40px;padding-top:28px}.session-badge{font-size:7px;letter-spacing:.06em}.session-top>div>p{font-size:10px}.session-layout .button{font-size:10px;min-height:49px}.session-complete ul{font-size:11px}.session-family h3{font-size:35px}.family-description{font-size:13px}.faq-list summary{font-size:11px;padding-block:22px}.faq-list details p{font-size:12px}.contact h2{font-size:67px}.contact-heading>p:last-child{font-size:12px}.contact-copy>p{font-size:13px}.service-picker{gap:8px}.service-picker button{font-size:9px;padding-inline:11px}.contact-copy .button{font-size:11px}.site-footer{grid-template-columns:105px 1fr;gap:22px}.footer-brand{width:105px}.footer-message p{font-size:21px}.footer-message>span{font-size:7px}.footer-links{font-size:10px}}
@media(prefers-reduced-motion:reduce){.hero-scene{min-height:auto}.sky-video{display:none}.motion-enabled .reveal{opacity:1;transform:none;transition:none}.site-header,.button,.chart-controls button,.service-picker button,.path-link span[aria-hidden]{transition:none}.button:active{transform:none}}
/* Keep reading text comfortable on a phone; small captions remain secondary. */
/* The original name and flourishes form one image on the ivory header. */
@media(max-width:1150px){.desktop-nav{display:none}.menu-toggle{display:flex}}
@media(max-width:360px){.header-actions{gap:4px}.language-switch button{font-size:9px;padding-inline:2px}.menu-toggle{font-size:10px;gap:5px}.menu-lines{width:15px}.header-inner{gap:8px}}
@media(max-width:440px){
  .language-switch button{font-size:10px}
  .menu-toggle{font-size:11px}
  .hero-intro{font-size:14px;line-height:1.85}
  .hero-copy .button{font-size:11px}
  .hero-secondary{font-size:10px}
  .chart-stage-description{font-size:11px}
  .chart-example{font-size:8.5px}
  .chart-controls button{font-size:10px}
  .service-path h3 br{display:revert}
  .service-path p,.reading-types p,.roots-copy>p:not(.eyebrow),.about-copy>p,.session-main>p,.family-description,.faq-list details p,.contact-copy>p{font-size:14px}
  .connection-note p{font-size:13px}
  .faq-list summary{font-size:13px}
  .service-picker button{font-size:11px}
}