:root{color-scheme:dark;--bg:#090c13;--surface:#121823;--surface2:#161b27;--ink:#f3eee5;--muted:#a4a9b1;--faint:#717782;--accent:#e3c48b;--accent-hi:#fff0c9;--border:rgba(233,204,157,.2);--glow:rgba(234,194,113,.21);--special:#e3c48b}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;overflow-x:hidden}button,select{font:inherit}button{cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid #fff4d7;outline-offset:4px}button:disabled{opacity:.5;cursor:default}button,select{-webkit-tap-highlight-color:transparent}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(ellipse at 23% 16%,rgba(70,83,115,.20),transparent 42%),radial-gradient(ellipse at 71% 85%,rgba(91,75,58,.13),transparent 42%),#090c13}
body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 210 210' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.12' filter='url(%23n)'/%3E%3C/svg%3E")}
body.reverse{--accent:#e8a39a;--accent-hi:#ffd7cd;--glow:rgba(196,107,111,.18);--border:rgba(233,168,161,.23);--special:#e8a39a}
.shell{width:min(1440px,calc(100% - 56px));margin:0 auto}.nav{height:78px;display:flex;align-items:center;gap:24px;justify-content:space-between;border-bottom:1px solid rgba(232,217,184,.10)}.logo{display:flex;align-items:center;gap:13px;text-decoration:none;font-family:Georgia,serif;letter-spacing:.21em;font-size:13px;white-space:nowrap}.logo-mark{display:inline-flex;align-items:center;justify-content:center;width:31px;height:31px;border:1px solid var(--accent);color:var(--accent);border-radius:50%;font-size:20px;letter-spacing:0;font-weight:400}.navlinks{display:flex;gap:27px}.navlinks a{text-decoration:none;font-size:12px;color:#aeb0b6}.navlinks a:hover{color:var(--ink)}.nav-end{font-size:11px;color:var(--muted);border:1px solid var(--border);border-radius:40px;padding:8px 13px;white-space:nowrap}
.hero{text-align:center;padding:32px 0 9px}.eyebrow{font-size:10px;letter-spacing:.27em;font-weight:650;text-transform:uppercase;color:var(--accent)}h1,h2,h3,p{margin-top:0}.hero h1{font:400 clamp(42px,5vw,72px)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.045em;margin:13px 0 12px}.hero .lead{color:var(--muted);font-size:clamp(12px,1.2vw,15px);margin:0 auto 17px;max-width:680px}.sides{display:flex;gap:4px;align-items:center;justify-content:center;width:max-content;max-width:100%;margin:0 auto;padding:5px;border:1px solid var(--border);border-radius:100px;background:rgba(10,12,19,.6)}.sides button{border:0;background:none;color:#aab0b8;padding:9px 23px;border-radius:99px;font-size:12px;min-height:38px}.sides button.active{color:#16130f;background:linear-gradient(122deg,#b08b55,#f7dfaa 60%,#d6b276);box-shadow:0 4px 18px rgba(203,159,90,.2)}body.reverse .sides button.active{background:linear-gradient(125deg,#9b626b,#eec1b6);color:#1e1112}
.experience{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.85fr);align-items:center;gap:clamp(16px,3vw,58px);min-height:670px;padding-bottom:25px}
.orbit-wrap{width:min(100%,755px);margin:0 auto;position:relative;scroll-margin:0;isolation:isolate}.orbit-wrap:before{content:"";position:absolute;inset:18%;background:radial-gradient(circle,var(--glow),transparent 70%);filter:blur(42px);z-index:-1}.orbit-wrap svg{width:100%;height:auto;display:block;overflow:visible}.orbit-wrap canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.orbit-line{fill:none;stroke:var(--accent);stroke-width:2.4;filter:drop-shadow(0 0 5px var(--accent));stroke-linecap:round}.orbit-ghost{fill:none;stroke:var(--accent);stroke-opacity:.13;stroke-width:1}.orbit-tick{fill:var(--accent)}.orbit-dot{fill:var(--accent-hi);stroke:var(--accent);stroke-width:3;filter:drop-shadow(0 0 8px var(--accent))}.orbit-hit{fill:transparent;cursor:pointer}.orbit-node[role=button]{cursor:pointer;outline:none}.orbit-node[role=button]:focus-visible .orbit-dot{stroke:#fff;stroke-width:5}.orbit-node.active .orbit-dot{fill:#fff7dc;stroke:var(--accent-hi);filter:drop-shadow(0 0 15px var(--accent-hi))}.orb-label{font:500 21px -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;fill:var(--ink);letter-spacing:.01em}.orb-number{font:400 30px Georgia,serif;fill:var(--accent)}.orb-zero{font-size:46px}.orb-label,.orb-number{pointer-events:auto;cursor:pointer}.core-label{font:400 28px Georgia,serif;fill:#f4e6cb;text-anchor:middle;letter-spacing:.006em}.core-sub{font-size:14px;fill:#aeb4bb;text-anchor:middle}.core-pulse{fill:var(--accent);opacity:.7}.node-index{font-size:10px;fill:var(--accent);text-anchor:middle}
.panel{align-self:center;border:1px solid var(--border);border-radius:26px;padding:clamp(22px,2.6vw,38px);background:linear-gradient(140deg,rgba(28,32,41,.90),rgba(13,18,26,.88));box-shadow:0 20px 100px rgba(0,0,0,.24),inset 0 1px rgba(255,255,255,.035)}.kicker{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--accent);text-transform:uppercase}.panel h2{font:400 clamp(29px,2.85vw,44px)/1.15 Georgia,serif;margin:13px 0 15px;letter-spacing:-.035em}.panel p{color:#b3b7bd;font-size:14px;line-height:1.75}.interaction-title{font:400 21px Georgia,serif;color:#f7e9d1;padding:14px 0 7px;border-top:1px solid var(--border);margin-top:18px}.pillgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 13px}.quality{border:1px solid var(--border);border-radius:12px;padding:10px 11px;display:flex;gap:8px;align-items:center;text-align:left;color:#e0e2e6;background:rgba(255,255,255,.027);font-size:12px;min-height:44px}.quality span{font-family:Georgia,serif;color:var(--accent);font-size:13px}.quality:hover{background:rgba(239,210,150,.08);border-color:var(--accent)}.connect-note{font-size:12px!important;color:#9aa1ac!important}
.panel-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.btn{padding:11px 16px;min-height:44px;border-radius:100px;border:1px solid var(--border);background:rgba(255,255,255,.028);color:var(--ink);font-size:12px}.btn:hover{border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:#1a1720;font-weight:700}.exp{border-top:1px solid var(--border);padding-top:17px;margin-top:21px}.exp summary{cursor:pointer;color:#ded8ca;font-size:13px}.exp label{display:block;font-size:12px;color:var(--muted);margin-top:11px}.exp select{width:100%;border:1px solid var(--border);background:#151b23;color:#f1e7d8;padding:11px 12px;border-radius:9px;margin-top:4px}.status{font-size:11px!important;color:var(--faint)!important;margin:14px 0 0!important}.controls{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin:0 auto 60px}.controls button{background:none;border:0;color:#a9abb2;font-size:12px;min-height:44px;padding:8px 14px}.controls button:hover{color:#fff}.controls span{color:#787e89;font-size:11px}
.section{border-top:1px solid rgba(233,204,157,.12);padding:74px 0 86px}.section h2{font:400 clamp(32px,4vw,54px) Georgia,serif;letter-spacing:-.035em;margin:12px 0 22px}.section>p,.about p{color:#b7bac1;font-size:15px;line-height:1.8;max-width:780px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.item{border:1px solid var(--border);border-radius:22px;padding:25px;background:linear-gradient(145deg,rgba(39,40,49,.45),rgba(11,13,20,.45))}.item h3{font:400 28px Georgia,serif;color:#f5e1be;margin:0 0 12px}.item p{color:var(--muted);font-size:13px;line-height:1.7}.about{display:grid;grid-template-columns:minmax(180px,.46fr) 1fr;gap:48px;align-items:center}.photo-placeholder{border:1px solid var(--border);background:radial-gradient(circle,#252831,#0d121a 70%);min-height:270px;border-radius:24px;display:grid;place-content:center;text-align:center;color:#aba9a0}.photo-placeholder span{font:400 70px Georgia,serif;color:#a99570}.photo-placeholder small{font-size:11px}.contacts{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.contacts a{text-decoration:none;border:1px solid var(--border);padding:12px 17px;border-radius:50px;font-size:13px}.contacts a:hover{border-color:var(--accent)}footer{padding:25px 0 38px;border-top:1px solid var(--border);display:flex;justify-content:space-between;color:#7e838d;font-size:11px}
.intro{position:fixed;inset:0;background:#020305;z-index:50;display:flex;align-items:center;justify-content:center;transition:opacity 900ms;overflow:hidden}.intro.off{opacity:0;pointer-events:none}.intro-inner{cursor:pointer;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:28px;padding:40px 18px;min-height:450px}.intro-inner h2{font:400 clamp(39px,6vw,72px) Georgia,serif;margin:0;color:#f1e7d7;letter-spacing:-.04em}.intro-inner p{font-size:12px;color:#c7b597;letter-spacing:.13em;margin:-15px 0 0}.star{position:relative;width:15px;height:15px;border-radius:50%;background:#ffebbd;box-shadow:0 0 15px 6px rgba(255,220,151,.75),0 0 85px 45px rgba(235,170,65,.16);animation:breathe 3.3s ease-in-out infinite}.star:before,.star:after{content:"";position:absolute;width:88px;height:1px;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,#ffd995,transparent)}.star:after{transform:translate(-50%,-50%) rotate(90deg)}@keyframes breathe{50%{transform:scale(1.28);box-shadow:0 0 20px 8px rgba(255,220,151,.80),0 0 115px 64px rgba(235,170,65,.2)}}.intro button{border:1px solid rgba(238,199,134,.44);border-radius:99px;background:transparent;color:#f5e1c3;padding:14px 28px;min-height:48px;font-size:12px}.intro button:hover{background:rgba(255,232,189,.08)}.intro .skip{position:absolute;right:24px;bottom:18px;border:0;color:#8a806e}
@media(max-width:1100px){.experience{grid-template-columns:minmax(0,1fr) minmax(290px,.9fr)}.orb-label{font-size:20px}.orb-number{font-size:29px}.shell{width:min(100% - 34px,1300px)}}
@media(max-width:850px){.navlinks{display:none}.experience{grid-template-columns:1fr;gap:8px;min-height:0}.orbit-wrap{max-width:690px}.panel{width:min(100%,650px);margin:0 auto}.hero{padding-top:22px}.cards{grid-template-columns:1fr}.about{grid-template-columns:1fr}.photo-placeholder{min-height:200px}.section{padding:60px 0}}
@media(max-width:580px){.shell{width:min(100% - 20px,510px)}.nav{height:58px}.logo{font-size:11px;letter-spacing:.16em}.logo-mark{width:27px;height:27px;font-size:17px}.nav-end{font-size:9px;padding:6px 9px}.hero{padding:18px 0 4px}.hero h1{font-size:40px;margin:9px 0}.hero .lead{font-size:12px;max-width:350px;line-height:1.45;margin-bottom:12px}.sides{width:min(100%,365px)}.sides button{flex:1;padding:9px 9px;font-size:11px}.orbit-wrap{width:calc(100% + 6px);margin-left:-3px;min-height:0}.orb-label{font-size:23px}.orb-number{font-size:32px}.core-label{font-size:27px}.panel{padding:22px 19px;border-radius:19px}.panel h2{font-size:32px}.pillgrid{gap:6px}.quality{padding:9px 8px;font-size:11px}.controls{margin-top:5px;margin-bottom:35px}.section{padding:46px 0}.section h2{font-size:34px}.contacts a{font-size:12px}.about{gap:19px}footer{display:block;text-align:center}footer span{display:block;margin:6px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;transition-duration:.001ms!important}}

.author-photo{border:1px solid var(--border);background:#121823;min-height:270px;border-radius:24px;overflow:hidden}.author-photo img{display:block;width:100%;height:100%;max-height:500px;object-fit:cover;object-position:center 26%}.language-switch{font:12px/1.3 -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:var(--ink);background:#141a24;border:1px solid var(--border);border-radius:30px;padding:9px 12px;min-width:142px;max-width:170px;min-height:42px}.language-switch option{background:#131924;color:#f3eee5}html[dir=rtl] .panel,html[dir=rtl] .section,html[dir=rtl] footer{text-align:right}html[dir=rtl] .contacts,html[dir=rtl] .cards{direction:rtl}html[dir=rtl] .about{direction:rtl}html[dir=rtl] .navlinks{direction:rtl}html[dir=rtl] .hero{text-align:center}
@media(max-width:700px){.language-switch{min-width:105px;max-width:142px;font-size:11px}.nav{gap:10px;flex-wrap:wrap;height:auto;padding:10px 0}.navlinks{order:3;width:100%;display:flex;justify-content:center;gap:14px}.navlinks a{font-size:11px}.author-photo{min-height:190px}}

/* The reading view uses the colours and type of the original interactive circle. */
[hidden] { display: none !important; }
.read-link, .step-index a, .reading-footer a, .guide-footer a, .back-to-formula, .chain a {
  color: var(--accent); text-underline-offset: .24em; text-decoration-thickness: 1px;
}
.read-link { display: inline-block; padding: .45rem 0; font-size: .91rem; }
.reading-footer { align-items: center; gap: 1rem; flex-wrap: wrap; }
.reading-footer a { padding: .4rem; color: #bfb7a9; }
.reading-preview { border-block: 1px solid var(--border); margin: 1.5rem 0; padding: .9rem 0; }
.reading-preview summary, .language-menu summary { color: var(--accent); cursor: pointer; }
.chain { margin: 1rem 0; line-height: 1.95; }
.chain strong { display: block; font-weight: 600; }
.chain a { text-decoration-color: #6a573d; }
.chain bdi { white-space: normal; }
.route-arrow { color: var(--muted); margin-inline: .18em; }
.guide, .language-home { width: min(1080px, calc(100% - 48px)); margin: auto; }
.read-nav { min-height: 76px; display: flex; justify-content: space-between; align-items: center;
  gap: 1rem; border-bottom: 1px solid var(--border); }
.read-nav .logo { flex-shrink: 0; text-decoration: none; direction: ltr; }
.language-menu { position: relative; }
.language-menu summary { padding: .65rem .9rem; border: 1px solid var(--border); border-radius: 1.5rem; }
.language-menu nav { position: absolute; z-index: 3; inset-inline-end: 0; top: 100%; margin-top: .45rem;
  width: min(27rem, calc(100vw - 50px)); max-height: 58vh; overflow: auto;
  display: grid; grid-template-columns: repeat(2,1fr); gap: .15rem .6rem; padding: .8rem;
  border-radius: 1rem; border: 1px solid var(--border); background: #151b26; box-shadow: 0 10px 35px #0005; }
.language-menu nav a, .language-grid a { padding: .45rem .6rem; border-radius: .5rem; text-decoration: none; }
.language-menu nav a:hover, .language-grid a:hover, .language-menu nav [aria-current="page"] { background: #282a30; color: var(--accent-hi); }
.guide-heading, .language-intro { padding: clamp(2rem,6vw,5.2rem) 0 2rem; max-width: 52rem; }
.guide h1, .language-home h1 { margin: .6rem 0 1rem; font: 400 clamp(2.45rem,5.7vw,5.3rem)/1.04 Georgia,serif;
  letter-spacing: -.035em; overflow-wrap: break-word; }
.guide-heading > p, .language-intro p { font-size: 1.1rem; max-width: 45rem; color: #d1d1d3; }
.guide .byline { font-size: .91rem; color: var(--accent); }
.guide a:focus-visible, .language-home a:focus-visible { outline: 2px solid var(--accent-hi); outline-offset: 4px; }
.reading-layout { display: grid; align-items: start; grid-template-columns: minmax(10rem, .68fr) minmax(0, 2.1fr); gap: clamp(2rem,6vw,6rem); }
.step-index { padding: .9rem 0 1.2rem; border-block: 1px solid var(--border); }
.step-index details + details { margin-top: .6rem; }
.step-index summary { cursor: pointer; font-weight: 600; }
.step-index ol { padding-inline-start: 1.6em; margin: .5rem 0; }
.step-index a { display: inline-block; padding-block: .23rem; font-size: .9rem; }
.reading-group > h2, .language-home h2 { font: 400 clamp(1.75rem,3vw,2.6rem)/1.2 Georgia,serif; margin: 0 0 1.1rem; }
.reading-group { margin-bottom: 3.2rem; }
.read-step { padding: 1.5rem 0 1.6rem; border-top: 1px solid var(--border); scroll-margin-block-start: 1.2rem; }
.read-step h3 { margin: 0 0 .85rem; font: 400 clamp(1.5rem,2.5vw,2.15rem)/1.18 Georgia,serif; }
.read-step h3 span { color: var(--accent); margin-inline-end: .5em; font-size: .69em; white-space: nowrap; }
.read-step p { margin: .65rem 0; font: 1.04rem/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; color: #d4d3d1; }
.read-step .reflection { margin: 1.05rem 0 0; padding-inline-start: 1rem; border-inline-start: 2px solid var(--accent); color: var(--ink); }
.reflection strong { display: block; color: var(--accent); font: 600 .77rem/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; margin: 0 0 .3rem; }
.negative-reading { --accent: #e3b8ac; }
.read-step:target { border-top-color: var(--accent); }
.guide-footer { gap: 1rem; font-size: .9rem; }
.language-home { padding-bottom: 2rem; }
.language-intro { padding-bottom: 1.5rem; }
.language-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(10rem,1fr)); gap: .45rem; margin: .7rem 0 2.4rem; }
.language-grid a { display: flex; align-items: center; min-height: 44px; padding: .58rem .85rem; border: 1px solid var(--border); }
.language-home .extra-guides { margin-top: 1rem; color: var(--muted); }
.language-home .extra-guides a { color: var(--accent); margin-inline-start: .7rem; }
@media (max-width: 750px) {
  .guide, .language-home { width: calc(100% - 36px); }
  .reading-layout { display: block; }
  .step-index { margin-bottom: 2rem; }
  .read-nav { min-height: 64px; }
  .guide h1, .language-home h1 { font-size: clamp(2.15rem,9vw,3.4rem); }
  .guide-footer { text-align: start; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

/* Light-weight WebP with JPEG fallback, preserving the existing portrait layout */
.author-photo picture{display:contents}