@font-face{font-family:Nunito;src:url('assets/fonts/Nunito-Variable.ttf') format('truetype');font-weight:200 1000;font-style:normal;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/fonts/CormorantGaramond-Variable.ttf') format('truetype');font-weight:300 700;font-style:normal;font-display:swap}

:root{
  --night:#000000;--night-soft:#191611;--forest:#172018;--moss:#485749;
  --sand:#d5c5a9;--paper:#eee6d8;--paper-light:#f7f1e7;
  --ivory:#f3eee5;--gold:#b89a5c;--copper:#a83d25;--ink:#24251f;
  --line:rgba(223,210,185,.25);--sans:Nunito,"Avenir Next",Arial,sans-serif;
  --display:Cormorant,Georgia,serif;
}
*{box-sizing:border-box}
html{background:var(--night);scroll-behavior:smooth;overflow-x:hidden}
body{margin:0;background:var(--night);color:var(--ivory);font-family:var(--sans);font-size:18px;line-height:1.72;font-weight:390}
body{overflow-x:hidden}
a{color:inherit;text-underline-offset:5px;text-decoration-thickness:1px}
a:hover{color:#d8bc7a}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.skip{position:fixed;left:-9999px;top:15px;z-index:100;background:var(--paper-light);color:var(--ink);padding:8px 14px}
.skip:focus{left:15px}

.site-header{position:fixed;inset:0 0 auto 0;height:135px;z-index:20;background:none;pointer-events:none}
.brand-space,.main-nav,.menu-button,.language-switch{pointer-events:auto}
.brand-space{position:absolute;top:18px;left:clamp(25px,5vw,78px);width:132px;text-align:center}
.brand{position:relative;display:block;width:126px;height:94px;line-height:0;animation:brand-breathe 20s ease-in-out infinite}
.brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transform:scale(.9,1.12);transform-origin:center}
.logo-yoga-kala{animation:logo-yoga-cycle 20s ease-in-out infinite}
.logo-home{animation:logo-home-cycle 20s ease-in-out infinite}
@keyframes logo-yoga-cycle{0%,28%,100%{opacity:1}40%,70%{opacity:0}82%{opacity:1}}
@keyframes logo-home-cycle{0%,28%,82%,100%{opacity:0}40%,70%{opacity:1}}
@keyframes brand-breathe{0%,100%{opacity:.91}50%{opacity:1}}
.main-nav{position:absolute;top:45px;left:50%;transform:translateX(-50%);display:flex;gap:clamp(24px,3.1vw,50px);width:max-content}
.main-nav a{position:relative;padding-bottom:5px;color:rgba(255,255,255,.7);font-size:14px;letter-spacing:.1em;text-decoration:none;white-space:nowrap;transition:color .35s,opacity .35s}
.main-nav a::after{content:"";position:absolute;right:0;bottom:0;width:0;height:1px;background:rgba(255,255,255,.72);transform:scaleY(.5);transform-origin:center bottom;transition:width .45s cubic-bezier(.25,1,.5,1)}
.main-nav a:hover,.main-nav a[aria-current]{color:#fff}
.main-nav a img{display:block;width:auto;height:20px;opacity:.98;filter:drop-shadow(0 0 1px rgba(255,255,255,.24));transition:opacity .35s,filter .35s}
.main-nav a:hover img,.main-nav a[aria-current] img{opacity:1;filter:brightness(1.1) drop-shadow(0 0 1px rgba(255,255,255,.32))}
.main-nav a[aria-current]::after{right:auto;left:0;width:100%}
@media(hover:hover){.main-nav a:hover::after{right:auto;left:0;width:100%}}
.menu-button{display:none;color:#fff;background:none;border:0;font:inherit}
.language-switch{position:absolute;top:48px;right:clamp(18px,2.4vw,38px);display:flex;align-items:center;gap:7px;color:rgba(255,255,255,.34);font-family:var(--sans);font-size:10px;font-weight:400;letter-spacing:.16em;line-height:1}
.language-switch a{position:relative;padding:3px 0;color:rgba(255,255,255,.48);text-decoration:none;transition:color .35s ease}
.language-switch a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:rgba(228,190,103,.7);transform:scaleX(0);transform-origin:left;transition:transform .4s cubic-bezier(.25,1,.5,1)}
.language-switch a:hover,.language-switch a[aria-current]{color:rgba(255,255,255,.9)}
.language-switch a[aria-current]::after{transform:scaleX(1)}

.page-language-placeholder{min-height:100svh;overflow:hidden;background:#000000;color:#f4f2ed}
.language-placeholder{display:grid;min-height:100svh;place-items:center;padding:110px 28px 70px;text-align:center}
.language-placeholder-inner{display:flex;flex-direction:column;align-items:center;gap:42px}
.language-placeholder-logo{display:block;width:clamp(220px,29vw,390px);height:auto}
.language-placeholder p{margin:0;color:rgba(255,255,255,.76);font-family:var(--sans);font-size:clamp(17px,1.5vw,22px);font-weight:300;letter-spacing:.045em}

.home-void{position:relative;background:#000000;color:#f4f2ed}
.page-index{overflow-x:hidden;background:radial-gradient(ellipse 34% 105% at 50% 2%,rgba(244,176,61,.15) 0,rgba(235,157,43,.08) 31%,rgba(215,136,31,.04) 62%,transparent 100%),linear-gradient(90deg,transparent 0,rgba(225,143,32,.018) 32%,rgba(246,187,73,.07) 46%,rgba(255,216,132,.18) 49.3%,rgba(255,235,186,.25) 50%,rgba(255,216,132,.18) 50.7%,rgba(246,187,73,.07) 54%,rgba(225,143,32,.018) 68%,transparent 100%),#000000}
.page-index main{position:relative;isolation:isolate;overflow:visible;background:transparent}
.page-index main::before{content:none}
.star-field{position:absolute;z-index:0;inset:0;overflow:hidden;pointer-events:none}
.star-field i{position:absolute;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,248,229,var(--a));box-shadow:0 0 calc(var(--s) * 3) rgba(226,183,102,calc(var(--a) * .45))}
.star-field .star-alive{animation:star-breathe var(--dur) ease-in-out var(--delay) infinite}
.star-field .star-bright{z-index:1;background:#fffaf0;box-shadow:0 0 4px rgba(255,248,229,.9),0 0 11px rgba(225,171,75,.46);animation:star-bright-pulse var(--dur) ease-in-out var(--delay) infinite}
.star-field .star-bright::before,.star-field .star-bright::after{content:"";position:absolute;top:50%;left:50%;background:linear-gradient(90deg,transparent,rgba(255,250,236,.88),transparent);transform:translate(-50%,-50%);pointer-events:none}
.star-field .star-bright::before{width:var(--ray);height:.7px}.star-field .star-bright::after{width:.7px;height:var(--ray);background:linear-gradient(180deg,transparent,rgba(255,250,236,.82),transparent)}
.star-field .star-grand{z-index:1;width:2.2px;height:2.2px;background:#fffdf7;box-shadow:0 0 5px rgba(255,252,241,.96),0 0 15px rgba(232,185,95,.64),0 0 27px rgba(205,137,38,.25);animation:star-grand-pulse var(--dur) ease-in-out var(--delay) infinite}
.star-field .star-grand::before,.star-field .star-grand::after{content:"";position:absolute;top:50%;left:50%;pointer-events:none;transform:translate(-50%,-50%);background:linear-gradient(90deg,transparent,rgba(255,252,242,.96) 45%,#fff 50%,rgba(255,244,216,.92) 55%,transparent)}
.star-field .star-grand::before{width:var(--ray);height:1px}.star-field .star-grand::after{width:1px;height:var(--ray);background:linear-gradient(180deg,transparent,rgba(255,252,242,.9) 45%,#fff 50%,rgba(255,238,199,.86) 55%,transparent)}
.star-field .star-glide{animation:star-glide var(--dur) cubic-bezier(.2,.58,.24,1) var(--delay) infinite}
.star-field .star-glide::after{content:"";position:absolute;top:50%;right:50%;width:20px;height:.7px;background:linear-gradient(90deg,transparent,rgba(255,242,211,.52));opacity:0;transform:translateY(-50%) rotate(var(--rot)) scaleX(0);transform-origin:right center}
@keyframes star-breathe{0%,100%{opacity:.42;transform:scale(.82)}48%{opacity:1;transform:scale(1.18)}}
@keyframes star-bright-pulse{0%,100%{opacity:.48;transform:scale(.82)}45%{opacity:1;transform:scale(1.12)}58%{opacity:.72;transform:scale(.94)}}
@keyframes star-grand-pulse{0%,100%{opacity:.48;transform:scale(.84)}42%{opacity:.92;transform:scale(1.08)}55%{opacity:.68;transform:scale(.96)}}
@keyframes star-glide{0%,70%{opacity:.32;transform:translate(0,0) scale(.78)}78%{opacity:.76;transform:translate(0,0) scale(1)}90%{opacity:.94;transform:translate(var(--dx-mid),var(--dy-mid)) scale(1.75)}100%{opacity:.12;transform:translate(var(--dx),var(--dy)) scale(2.5)}}
@keyframes star-tail{0%,72%{opacity:0;transform:translateY(-50%) rotate(var(--rot)) scaleX(0)}82%{opacity:.48;transform:translateY(-50%) rotate(var(--rot)) scaleX(.45)}95%{opacity:.2;transform:translateY(-50%) rotate(var(--rot)) scaleX(1)}100%{opacity:0;transform:translateY(-50%) rotate(var(--rot)) scaleX(1.25)}}
.star-field .star-glide::after{animation:star-tail var(--dur) cubic-bezier(.2,.58,.24,1) var(--delay) infinite}
.warp-point{position:absolute;z-index:6;width:2px;height:2px;border-radius:50%;background:#fff8e8;box-shadow:0 0 5px rgba(255,241,202,.86),0 0 14px rgba(222,170,78,.42);opacity:0;pointer-events:none;transform:translate(-50%,-50%) scale(.25)}
.warp-point::after{content:"";position:absolute;top:50%;right:1px;width:54px;height:1px;background:linear-gradient(90deg,transparent,rgba(219,166,76,.12) 42%,rgba(255,245,218,.76));opacity:0;transform:translateY(-50%) scaleX(0);transform-origin:right center}
.warp-yoga{top:36%;left:73%}.warp-dikudian{top:51%;left:50%}.warp-book{position:fixed;top:50%;right:21vw}.warp-audio{position:fixed;top:50%;left:25.5vw}.warp-about{top:49%;left:68%}
#bedeutung-yoga.scene-visible>.warp-yoga,#bedeutung-dikudian.scene-visible .warp-dikudian,.book-cover-scene.is-visible .warp-book,.about-portrait-scene.is-visible .warp-about{animation:warp-point 1.28s cubic-bezier(.2,.66,.18,1) both}
#bedeutung-yoga.scene-visible>.warp-yoga::after,#bedeutung-dikudian.scene-visible .warp-dikudian::after,.book-cover-scene.is-visible .warp-book::after,.about-portrait-scene.is-visible .warp-about::after{animation:warp-tail 1.28s cubic-bezier(.2,.66,.18,1) both}
.audio-cover-scene.is-visible .warp-audio{animation:warp-point .72s cubic-bezier(.2,.66,.18,1) both}.audio-cover-scene.is-visible .warp-audio::after{animation:warp-tail .72s cubic-bezier(.2,.66,.18,1) both}
@keyframes warp-point{0%{opacity:0;filter:blur(1px);transform:translate(-50%,-50%) scale(.25)}18%{opacity:.34}43%{opacity:.92;filter:blur(0);transform:translate(-50%,-50%) scale(1)}70%{opacity:.64;transform:translate(-50%,-50%) scale(2.1)}100%{opacity:0;filter:blur(1.5px);transform:translate(-50%,-50%) scale(4)}}
@keyframes warp-tail{0%,20%{opacity:0;transform:translateY(-50%) scaleX(0)}42%{opacity:.7;transform:translateY(-50%) scaleX(.28)}72%{opacity:.4;transform:translateY(-50%) scaleX(1)}100%{opacity:0;transform:translateY(-50%) scaleX(1.45)}}
.page-index main>section{position:relative;z-index:1;background:none}
.page-index .home-opening,.page-index .home-meaning{background:none}
.home-opening{min-height:100svh;padding:10svh max(26px,8vw) 2svh;overflow:visible}
.home-opening::before,.home-opening::after{content:none}
.devanagari-gold{position:relative;overflow:visible;aspect-ratio:964/390}
.devanagari-gold img{display:block;width:100%;height:100%;object-fit:contain}
.home-chakra-wrap{position:relative;left:50%;width:116vw;height:min(650px,70svh);margin:0;transform:translateX(-50%);isolation:isolate}
.chakra-thought{position:absolute;z-index:5;top:17%;left:50%;display:grid;width:min(790px,74%);grid-template-columns:1fr 1fr;column-gap:20px;margin:0;transform:translateX(-50%);color:rgba(255,255,255,.94);font-family:"Lucida Grande","Lucida Sans Unicode",var(--sans);font-size:clamp(20px,2vw,27px);font-weight:300;letter-spacing:.035em;white-space:nowrap;text-shadow:0 2px 16px rgba(0,0,0,.95),0 0 5px rgba(0,0,0,.75);pointer-events:none}
.chakra-thought span:first-child{text-align:right}.chakra-thought span:last-child{text-align:left}
.chakra-light{display:none}
.chakra-light::before{content:"";position:absolute;left:50%;top:-120%;width:34%;height:340%;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(246,196,99,.04) 25%,rgba(255,218,137,.23) 49%,rgba(246,196,99,.04) 75%,transparent);filter:blur(14px)}
.chakra-light::after{content:"";position:absolute;left:7%;top:31%;width:86%;height:26%;background:radial-gradient(ellipse 48% 15% at 50% 50%,rgba(243,185,72,.17),rgba(232,168,64,.06) 38%,transparent 72%);filter:blur(18px)}
.home-chakra{position:relative;width:100%;height:100%;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 74%,rgba(0,0,0,.72) 84%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,#000 10%,#000 74%,rgba(0,0,0,.72) 84%,transparent 100%)}
.home-chakra::before{content:"";position:absolute;inset:0;background:url("assets/kalachakra-scene.png") center 25%/cover no-repeat;filter:brightness(.76) saturate(.82)}
.home-chakra::after{content:none}
.chakra-art{position:absolute;top:0;bottom:0;left:50%;height:100%;aspect-ratio:3/2;transform:translateX(-50%);-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%);mask-image:linear-gradient(to right,transparent 0,#000 10%,#000 90%,transparent 100%)}
.chakra-art img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;filter:contrast(1.04) saturate(.94)}
.chakra-wheel{position:absolute;z-index:2;inset:0;overflow:hidden;clip-path:circle(7.2% at 50% 38%)}
.chakra-inner{transform-origin:50% 38%;animation:wheel-turn 42s linear infinite}
.chakra-outer{z-index:1;-webkit-mask-image:radial-gradient(circle at 50% 38%,transparent 0 7.05%,#000 7.5%);mask-image:radial-gradient(circle at 50% 38%,transparent 0 7.05%,#000 7.5%)}
@keyframes wheel-turn{to{transform:rotate(360deg)}}
.home-sentence{position:relative;z-index:5;max-width:1020px;margin:-14svh auto 0;color:#fff;text-align:center;text-shadow:0 2px 16px #000,0 0 7px rgba(0,0,0,.95);font-family:var(--sans);font-size:clamp(19px,1.55vw,25px);font-weight:350;line-height:1.5;letter-spacing:.012em}
.home-sentence span{display:block;color:inherit;opacity:1}
.opening-yoga{margin:38px auto 0;text-align:center;line-height:1}
.home-meaning{margin-top:0;padding:3svh max(28px,8vw) 2svh;background:radial-gradient(ellipse at 12% 24%,rgba(196,158,88,.055),transparent 24%),radial-gradient(ellipse at 88% 69%,rgba(231,224,199,.035),transparent 27%)}
.home-meaning article{position:relative;isolation:isolate;display:flex;width:min(760px,100%);min-height:125svh;margin-left:auto;margin-right:auto;padding:10svh 0;flex-direction:column;justify-content:center;text-align:center}
.home-meaning article::before{content:"";position:absolute;z-index:-1;inset:-8% -18%;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.5) 0,rgba(0,0,0,.34) 48%,rgba(0,0,0,.12) 68%,transparent 82%)}
#bedeutung-yoga::after{content:"";position:absolute;z-index:-2;inset:0 auto 0 calc(50% - 50vw);width:100vw;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.08),transparent 46%,rgba(225,171,84,.055) 82%,rgba(0,0,0,.015)),url("assets/yoga-uebergang.png") 70% 8%/cover no-repeat;mix-blend-mode:screen;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 8%,#000 22%,#000 78%,rgba(0,0,0,.68) 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.18) 8%,#000 22%,#000 78%,rgba(0,0,0,.68) 88%,transparent 100%);opacity:0;filter:saturate(.9) brightness(.84);transform:translateX(-9vw) scale(1.025);transition:opacity 2.8s cubic-bezier(.16,1,.3,1),transform 3.6s cubic-bezier(.16,1,.3,1),filter 3s ease}
#bedeutung-yoga.scene-visible::after{opacity:.96;filter:saturate(1.02) brightness(1.18);transform:translateX(0) scale(1)}
#bedeutung-yoga{min-height:92svh;justify-content:flex-start;padding-top:14svh}
#bedeutung-yoga .yoga-scene-title{position:sticky;z-index:4;top:14svh;margin:0 auto 3svh;opacity:0;filter:blur(8px);transition:opacity 2s cubic-bezier(.16,1,.3,1),filter 2.3s cubic-bezier(.16,1,.3,1)}
#bedeutung-yoga.scene-visible .yoga-scene-title{opacity:1;filter:blur(0)}
.kala-scene{position:absolute;z-index:-2;inset:0 auto 0 calc(50% - 50vw);width:100vw;overflow:hidden;pointer-events:none;background:transparent;opacity:0;transition:opacity 1.8s cubic-bezier(.16,1,.3,1)}
.kala-scene::before{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(ellipse 16% 72% at 50% 50%,rgba(222,154,47,.14),rgba(164,103,25,.055) 32%,transparent 72%),linear-gradient(90deg,transparent 0,transparent 45%,rgba(130,78,19,.035) 48%,rgba(242,185,76,.12) 49.8%,rgba(255,222,143,.2) 50%,rgba(242,185,76,.12) 50.2%,rgba(130,78,19,.035) 52%,transparent 55%,transparent 100%);filter:blur(.2px)}
.kala-star{position:absolute;z-index:0;left:var(--x);top:var(--y);width:var(--s);height:var(--s);border-radius:50%;background:rgba(255,245,218,var(--a));box-shadow:0 0 calc(var(--s) * 4) rgba(226,167,66,calc(var(--a) * .55));opacity:.9}
#bedeutung-kala.scene-visible .kala-scene{opacity:1}
.kala-tile-grid{position:absolute;z-index:1;top:47%;left:50%;display:grid;width:min(82vw,980px,76svh);aspect-ratio:1;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(4,minmax(0,1fr));gap:1px;transform:translate(-50%,-50%)}
.kala-tile{display:grid;min-width:0;min-height:0;place-items:center;opacity:0;transform:translate(var(--tile-x),var(--tile-y)) rotate(var(--tile-r));transition:opacity 2s ease var(--tile-delay),transform 3.4s cubic-bezier(.16,.84,.24,1) var(--tile-delay);will-change:transform,opacity}
.kala-tile img{display:block;width:100%;height:100%;object-fit:contain;transform:rotate(0);transform-origin:center;filter:none}
.kala-scene.tiles-visible .kala-tile{opacity:1;transform:translate(0,0) rotate(0)}
.kala-tile:nth-child(1){--tile-x:-340%;--tile-y:-180%;--tile-r:-2deg;--tile-delay:.1s}.kala-tile:nth-child(2){--tile-x:70%;--tile-y:-320%;--tile-r:1deg;--tile-delay:.45s}.kala-tile:nth-child(3){--tile-x:260%;--tile-y:-210%;--tile-r:2deg;--tile-delay:.25s}.kala-tile:nth-child(4){--tile-x:360%;--tile-y:-40%;--tile-r:-1deg;--tile-delay:.75s}
.kala-tile:nth-child(5){--tile-x:-380%;--tile-y:50%;--tile-r:1deg;--tile-delay:.65s}.kala-tile:nth-child(6){--tile-x:-190%;--tile-y:260%;--tile-r:-2deg;--tile-delay:1.05s}.kala-tile:nth-child(7){--tile-x:140%;--tile-y:-300%;--tile-r:1deg;--tile-delay:.9s}.kala-tile:nth-child(8){--tile-x:380%;--tile-y:120%;--tile-r:2deg;--tile-delay:1.2s}
.kala-tile:nth-child(9){--tile-x:-360%;--tile-y:-40%;--tile-r:-1deg;--tile-delay:1.35s}.kala-tile:nth-child(10){--tile-x:-110%;--tile-y:330%;--tile-r:2deg;--tile-delay:1.55s}.kala-tile:nth-child(11){--tile-x:240%;--tile-y:270%;--tile-r:-2deg;--tile-delay:1.25s}.kala-tile:nth-child(12){--tile-x:370%;--tile-y:-90%;--tile-r:1deg;--tile-delay:1.75s}
.kala-tile:nth-child(13){--tile-x:-300%;--tile-y:230%;--tile-r:2deg;--tile-delay:1.95s}.kala-tile:nth-child(14){--tile-x:-40%;--tile-y:380%;--tile-r:-1deg;--tile-delay:2.15s}.kala-tile:nth-child(15){--tile-x:170%;--tile-y:330%;--tile-r:2deg;--tile-delay:1.85s}.kala-tile:nth-child(16){--tile-x:350%;--tile-y:220%;--tile-r:-2deg;--tile-delay:2.35s}
.kala-scene.tiles-visible .kala-tile:nth-child(1) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 7.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(12) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 9.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(6) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 11.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(15) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 13.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(10) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 15.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(4) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 17.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(7) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 19.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(11) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 21.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(14) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 23.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(3) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 25.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(9) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 27.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(16) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 29.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(5) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 31.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(13) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 33.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(2) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 35.8s both}.kala-scene.tiles-visible .kala-tile:nth-child(8) img{animation:mandala-turn-180 3.1s cubic-bezier(.42,0,.18,1) 37.8s both}
@keyframes mandala-turn-90{to{transform:rotate(90deg)}}@keyframes mandala-turn-180{to{transform:rotate(180deg)}}@keyframes mandala-turn-270{to{transform:rotate(270deg)}}
.dikudian-scene{position:absolute;z-index:-2;inset:0 auto 0 calc(50% - 50vw);width:100vw;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 12%,rgba(0,0,0,.44) 26%,#000 42%,#000 76%,rgba(0,0,0,.56) 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.08) 12%,rgba(0,0,0,.44) 26%,#000 42%,#000 76%,rgba(0,0,0,.56) 88%,transparent 100%);opacity:0;transform:translateX(-12vw) scale(1.035);transition:opacity 3s cubic-bezier(.16,1,.3,1),transform 4.2s cubic-bezier(.16,1,.3,1)}
.dikudian-scene::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.025),rgba(0,0,0,.012) 48%,transparent 76%)}
.dikudian-scene img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(1.02) brightness(1.2)}
#bedeutung-dikudian.scene-visible .dikudian-scene{opacity:1;transform:translateX(0) scale(1)}
#bedeutung-dikudian{justify-content:flex-start;padding-top:14svh}
.home-meaning article:first-child{padding-top:0}
#bedeutung-yoga-kala{min-height:68svh;justify-content:flex-start;padding-top:6svh;padding-bottom:4svh}
#bedeutung-kala{min-height:190svh;margin-left:auto;margin-right:auto}
#bedeutung-kala{justify-content:flex-start;padding-top:14svh}
#bedeutung-kala::before{background:radial-gradient(ellipse at center,rgba(0,0,0,.12) 0,rgba(0,0,0,.08) 48%,rgba(0,0,0,.03) 70%,transparent 84%)}
#bedeutung-kala .kala-scene-title{position:fixed;z-index:4;top:14svh;left:50%;width:max-content;margin:0;transform:translateX(-50%);opacity:0;filter:blur(8px) drop-shadow(0 0 18px #000000) drop-shadow(0 0 34px #000000);pointer-events:none;transition:opacity 2s cubic-bezier(.16,1,.3,1),filter 2.3s cubic-bezier(.16,1,.3,1)}
#bedeutung-kala.scene-visible .kala-scene-title{opacity:1;filter:blur(0);pointer-events:auto}
#bedeutung-dikudian{width:min(880px,100%);padding-top:14svh;padding-bottom:2svh;text-align:center}
.home-meaning h1{margin:0 0 28px;color:#fff;font-family:"Lucida Grande","Lucida Sans Unicode",var(--sans);font-size:clamp(32px,4vw,52px);font-weight:400;letter-spacing:-.035em}
.meaning-link{position:relative;display:block;width:max-content;margin-right:auto;margin-left:auto;color:inherit;text-decoration:none}
.meaning-link img{display:block;width:auto;height:54px;margin:auto}
.meaning-link::before{content:"→";position:absolute;right:-27px;bottom:-13px;color:rgba(228,190,103,.82);font-family:var(--sans);font-size:17px;font-weight:300;line-height:1}
.meaning-link::after{content:"";position:absolute;right:28%;bottom:-7px;left:28%;height:1px;background:rgba(244,218,157,.8);transform:scaleY(.5);transition:right .6s cubic-bezier(.25,1,.5,1),left .6s cubic-bezier(.25,1,.5,1)}
@media(hover:hover){.meaning-link:hover::after{right:4%;left:4%}}
.meaning-link:focus-visible{outline:1px solid rgba(244,218,157,.7);outline-offset:8px}
.home-meaning p{max-width:690px;color:rgba(255,255,255,.72);font-size:clamp(16px,1.45vw,19px);line-height:1.75}
.home-meaning p{margin-left:auto;margin-right:auto}
.meaning-lines{position:fixed;z-index:4;top:25svh;left:50%;width:min(820px,calc(100vw - 56px));height:38svh;margin:0;padding:0;transform:translateX(-50%);opacity:0;pointer-events:none;background:radial-gradient(ellipse at center,rgba(0,0,0,.74) 0,rgba(0,0,0,.42) 43%,rgba(0,0,0,.12) 66%,transparent 82%)}
#bedeutung-kala.scene-visible .meaning-lines{opacity:1}
#bedeutung-kala:not(.scene-visible) .meaning-lines{visibility:hidden;opacity:0!important}
#bedeutung-kala.tiles-started .meaning-lines{animation:kala-text-field 34s ease both}
#bedeutung-kala .meaning-line{position:absolute;top:11svh;right:0;left:0;min-height:auto!important;margin:0!important;opacity:0;filter:blur(8px);white-space:nowrap}
#bedeutung-kala .meaning-line:first-child{top:1svh}
#bedeutung-kala.tiles-started .meaning-line:nth-child(1){animation:kala-thought-center 8s cubic-bezier(.2,.72,.2,1) 2s both}
#bedeutung-kala.tiles-started .meaning-line:nth-child(2){animation:kala-thought-left 8s cubic-bezier(.2,.72,.2,1) 7s both}
#bedeutung-kala.tiles-started .meaning-line:nth-child(3){animation:kala-thought-right 8s cubic-bezier(.2,.72,.2,1) 13s both}
#bedeutung-kala.tiles-started .meaning-line:nth-child(4){animation:kala-thought-left 8s cubic-bezier(.2,.72,.2,1) 19s both}
#bedeutung-kala.tiles-started .meaning-line:nth-child(5){animation:kala-thought-right 8s cubic-bezier(.2,.72,.2,1) 25s both}
@keyframes kala-text-field{0%,92%{opacity:1}100%{opacity:0}}
@keyframes kala-thought-center{0%{opacity:0;filter:blur(10px);transform:translateY(18px) scale(.97)}18%,72%{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}100%{opacity:0;filter:blur(7px);transform:translateY(-18px) scale(.99)}}
@keyframes kala-thought-left{0%{opacity:0;filter:blur(10px);transform:translateX(-44vw) scale(.98)}20%,70%{opacity:1;filter:blur(0);transform:translateX(0) scale(1)}100%{opacity:0;filter:blur(8px);transform:translateX(34vw) scale(.99)}}
@keyframes kala-thought-right{0%{opacity:0;filter:blur(10px);transform:translateX(44vw) scale(.98)}20%,70%{opacity:1;filter:blur(0);transform:translateX(0) scale(1)}100%{opacity:0;filter:blur(8px);transform:translateX(-34vw) scale(.99)}}
.home-meaning .meaning-line{margin:0;line-height:1.34}
.home-meaning .original-thought{margin-top:32px;color:#fff;font-family:var(--display);font-size:clamp(22px,2.7vw,34px)}
.meaning-mark{position:relative;width:min(440px,72vw);margin:0 auto 18px;outline:none;text-align:center}
.meaning-mark-link{display:block;text-decoration:none}
.meaning-devanagari{width:100%;margin:0 auto}
.yoga-kala-bridge{text-align:center}
.yoga-kala-bridge .meaning-mark{margin-bottom:4px}
.meaning-transliteration{margin:0 auto 28px!important;color:rgba(255,255,255,.82)!important;font-family:"Lucida Grande","Lucida Sans Unicode",var(--sans);font-size:clamp(13px,1.15vw,16px)!important;font-weight:350;letter-spacing:.2em}
.meaning-name{position:absolute;right:0;bottom:2px;left:0;display:block;color:#f5d98f;font-family:"Lucida Grande","Lucida Sans Unicode",var(--sans);font-size:20px;letter-spacing:.12em;opacity:0;transform:translateY(-9px);transition:opacity 1.1s ease,transform 1.1s ease}
.meaning-mark:hover .meaning-name,.meaning-mark:focus .meaning-name,.meaning-mark:focus-within .meaning-name{opacity:.9;transform:translateY(0)}
.meaning-mark-link .meaning-name{position:relative;right:auto;bottom:auto;left:auto;margin-top:-8px;opacity:.82;transform:none}
.meaning-mark-link .meaning-name img{display:block;width:auto;height:29px;margin:auto}
.meaning-mark-link:hover .meaning-name,.meaning-mark-link:focus-visible .meaning-name{color:#fff0bd;opacity:1}
.dikudian-title-link{position:sticky;z-index:4;top:14svh;margin-top:-2px;margin-bottom:11svh;opacity:0;filter:blur(8px);transition:opacity 2s cubic-bezier(.16,1,.3,1),filter 2.3s cubic-bezier(.16,1,.3,1)}
.dikudian-title-link img{height:54px}
#bedeutung-dikudian.scene-visible .dikudian-title-link{opacity:1;filter:blur(0)}
.dikudian-subtitle{margin:0 auto 3svh!important;color:rgba(255,255,255,.88)!important;font-size:clamp(17px,1.5vw,21px)!important;letter-spacing:.03em}

@media(hover:none),(pointer:coarse){
  .meaning-link::after{right:5%;left:5%;background:rgba(228,190,103,.78)}
  .meaning-link::before,.meaning-mark-link::before,.home-path::after{content:"→";position:absolute;color:rgba(228,190,103,.9);font-family:var(--sans);font-size:17px;font-weight:300;line-height:1}
  .meaning-link::before{right:-27px;bottom:-13px}
  .meaning-mark-link::after{content:"";position:absolute;right:9%;bottom:-8px;left:9%;height:1px;background:rgba(228,190,103,.7);transform:scaleY(.5)}
  .meaning-mark-link::before{right:5%;bottom:-14px}
  .home-path{position:relative}
  .home-path::after{margin-left:13px;position:relative;right:auto;bottom:auto;flex:0 0 auto}
}
.meaning-term{display:inline-flex;height:.92em;margin:0 .08em;vertical-align:-.12em}
.meaning-term img{display:block;width:auto;height:100%}
.meaning-definition{margin-top:0!important}
.calling-quote,.calling-word{max-width:720px;margin:0 auto 3svh!important;color:rgba(255,255,255,.88)!important;font-family:var(--sans);font-size:clamp(17px,1.5vw,21px)!important;font-weight:320;line-height:1.7;letter-spacing:.03em;text-align:center}
.home-paths{position:relative;z-index:1;min-height:184svh;padding:0 max(28px,8vw);background:transparent}
.book-cover-scene{position:fixed;z-index:2;inset:0;pointer-events:none;opacity:0;transition:opacity .72s cubic-bezier(.16,1,.3,1)}
.book-cover-scene.is-visible{opacity:1}
.book-cover-stage{position:absolute;top:50%;right:12vw;width:clamp(200px,18vw,270px);height:auto;aspect-ratio:957/1524;transform:translateY(-50%)}
.book-cover-stage img{position:absolute;filter:drop-shadow(0 0 42px rgba(213,143,45,.13));will-change:opacity,transform}
.book-cover-full{inset:0;width:100%;height:100%;object-fit:contain;opacity:0;clip-path:inset(50% 29% 12% 29%);-webkit-mask-image:radial-gradient(ellipse 72% 86% at center,#000 0 42%,rgba(0,0,0,.76) 56%,rgba(0,0,0,.22) 70%,transparent 84%);mask-image:radial-gradient(ellipse 72% 86% at center,#000 0 42%,rgba(0,0,0,.76) 56%,rgba(0,0,0,.22) 70%,transparent 84%)}
.book-cover-scene.is-visible .book-cover-full{animation:book-cover-open 3.1s cubic-bezier(.2,.76,.18,1) both}
@keyframes book-cover-open{0%,24%{opacity:.82;clip-path:inset(50% 29% 12% 29%);transform:scale(.94)}72%,100%{opacity:.76;clip-path:inset(0);transform:scale(1)}}
.audio-cover-scene{position:fixed;z-index:2;inset:0;pointer-events:none;opacity:0;transition:opacity .48s cubic-bezier(.16,1,.3,1)}
.audio-cover-scene img{position:absolute;top:50%;left:10vw;width:clamp(250px,31vw,470px);aspect-ratio:1;object-fit:cover;transform:translateY(-50%) scale(.88);opacity:0;clip-path:circle(7% at 50% 53%);-webkit-mask-image:radial-gradient(circle at 50% 54%,#000 0 43%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.22) 71%,transparent 84%);mask-image:radial-gradient(circle at 50% 54%,#000 0 43%,rgba(0,0,0,.82) 58%,rgba(0,0,0,.22) 71%,transparent 84%);filter:sepia(.1) saturate(.82) brightness(.9) contrast(1.03) drop-shadow(0 0 42px rgba(207,141,57,.12));will-change:clip-path,opacity,transform}
.audio-cover-scene.is-visible{opacity:1}
.audio-cover-scene.is-visible img{animation:audio-cover-beam 1.3s cubic-bezier(.18,.7,.2,1) .06s both}
@keyframes audio-cover-beam{0%{opacity:.18;clip-path:circle(5% at 50% 53%);transform:translateY(-50%) scale(.9)}15%{opacity:.56;clip-path:circle(19% at 50% 53%);transform:translateY(-50%) scale(.94)}54%,100%{opacity:.84;clip-path:circle(72% at 50% 53%);transform:translateY(-50%) scale(1)}}
.about-portrait-scene{position:absolute;z-index:1;right:calc(50% - 50vw);bottom:0;width:100vw;height:68svh;overflow:hidden;pointer-events:none;opacity:0;transition:opacity 3.2s cubic-bezier(.16,1,.3,1)}
.about-portrait-scene img{position:absolute;right:2vw;bottom:3svh;width:66vw;height:84%;object-fit:cover;object-position:58% 42%;opacity:.88;-webkit-mask-image:radial-gradient(ellipse 68% 62% at 62% 54%,#000 0 44%,rgba(0,0,0,.76) 57%,rgba(0,0,0,.18) 69%,transparent 82%);mask-image:radial-gradient(ellipse 68% 62% at 62% 54%,#000 0 44%,rgba(0,0,0,.76) 57%,rgba(0,0,0,.18) 69%,transparent 82%)}
.about-portrait-scene.is-visible{opacity:1}
.home-path-list{position:relative;z-index:4;width:min(1040px,100%);margin:auto;padding:4svh 0}
.home-path-row{display:flex;align-items:center;min-height:58svh}
.home-path{position:relative;display:inline-flex;align-items:center;width:max-content;color:rgba(255,255,255,.08);font-family:"Lucida Grande","Lucida Sans Unicode",var(--sans);font-size:clamp(27px,3.4vw,46px);font-weight:400;letter-spacing:.025em;text-decoration:none;opacity:.16;filter:blur(8px);transition:opacity 2.15s cubic-bezier(.16,1,.3,1),filter 2.45s cubic-bezier(.16,1,.3,1),color .8s ease}
.home-path img{display:block;width:auto;height:clamp(38px,5vw,62px);padding-bottom:8px;border-bottom:1px solid rgba(228,190,103,.68);box-sizing:content-box;transition:border-color .45s ease}
.home-path::after{content:"→";position:relative;margin-left:14px;color:rgba(228,190,103,.86);font-family:var(--sans);font-size:18px;font-weight:300;line-height:1;transition:color .45s ease,transform .45s ease}
.home-path-row:nth-child(3n+1){justify-content:flex-start;padding-left:7%}
.home-path-row:nth-child(3n+2){justify-content:center}
.home-path-row:nth-child(3n){justify-content:flex-end;padding-right:7%}
.home-path-row:nth-child(3){justify-content:flex-start;padding-left:7%;padding-right:0}
.home-path.is-visible{color:rgba(255,255,255,.82);opacity:1;filter:blur(0)}
.home-path.is-visible:hover{color:#fff}.home-path.is-visible:hover img{border-color:rgba(246,216,145,.95)}.home-path.is-visible:hover::after{color:#f6d891;transform:translateX(5px)}

.yoga-silence{min-height:165svh;padding:30svh max(28px,8vw) 20svh;background:#000000;color:#fff}
.yoga-devanagari{width:min(720px,74vw);margin:auto}
.yoga-silence p{max-width:900px;margin:62svh auto 0;text-align:center;font-family:var(--display);font-size:clamp(34px,4.4vw,60px);font-weight:300;line-height:1.28;text-wrap:balance}
.yoga-art-opening{padding:96px 24px 0;display:grid;place-items:start center;background:#000;color:#fff;overflow:hidden}
.yoga-art-opening-inner{position:relative;width:min(72vw,68svh,760px);text-align:center}
.yoga-art-opening-inner::before{content:"";position:absolute;z-index:0;inset:8% 3% 12%;border-radius:50%;background:radial-gradient(ellipse,rgba(180,126,36,.13),rgba(79,52,16,.055) 48%,transparent 74%);filter:blur(25px);pointer-events:none}
.yoga-artwork{position:relative;z-index:1;width:100%;margin:0}
.yoga-artwork-image{display:block;width:100%;height:auto;filter:brightness(1.08) contrast(1.025) saturate(1.02) drop-shadow(0 0 18px rgba(197,144,49,.13))}
.yoga-art-title{position:relative;z-index:2;margin:-1.8svh auto 0;filter:drop-shadow(0 2px 7px rgba(0,0,0,.9))}
.yoga-art-title img{height:clamp(68px,8vw,108px);margin:0 auto}
.yoga-text{background:#000000;color:#fff;padding:3svh max(28px,8vw) 22svh}
.yoga-text>div:first-child{width:min(760px,100%);min-height:0;margin:auto;padding:1svh 0 12svh}
.yoga-text h1{margin-bottom:65px;color:#fff;font-size:clamp(78px,12vw,160px);font-weight:300}
.yoga-text p{color:rgba(255,255,255,.94);font-size:clamp(19px,2vw,25px);line-height:1.8}
.yoga-courses{width:min(980px,100%);margin:5svh auto 0}
.yoga-courses>div{display:grid;grid-template-columns:1fr 1.2fr 1.4fr;gap:40px;padding:48px 0;border-top:1px solid rgba(255,255,255,.18);font-size:clamp(17px,2vw,23px)}
.yoga-courses>div:last-child{border-bottom:1px solid rgba(255,255,255,.18)}
.yoga-courses span:first-child{font-family:var(--display);font-size:clamp(30px,4vw,50px)}

main{min-height:70vh;overflow:hidden}
.scene{position:relative;min-height:100svh;padding:210px max(28px,6vw) 90px;display:grid;place-items:center;isolation:isolate}
.scene::before,.scene::after{content:"";position:absolute;pointer-events:none;z-index:-1}
.night-scene{background:
 radial-gradient(ellipse at 50% 28%,rgba(119,92,53,.16),transparent 28%),
 radial-gradient(ellipse at 88% 90%,rgba(66,91,63,.14),transparent 36%),
 linear-gradient(135deg,#000000 0%,#191611 48%,#000000 100%)}
.night-scene::before{inset:0;background:linear-gradient(108deg,transparent 0 47%,rgba(231,214,178,.045) 48%,transparent 67%);clip-path:polygon(58% 0,100% 0,100% 100%,25% 100%)}
.hero-inner{width:min(100%,1050px);text-align:center}
.devanagari{display:block;width:min(560px,80vw);height:auto;margin:0 auto 56px;filter:brightness(0) invert(1) drop-shadow(0 0 24px rgba(210,174,100,.22));opacity:.94}
.chakra{display:block;width:145px;height:auto;margin:0 auto 54px;filter:drop-shadow(0 0 28px rgba(198,154,78,.23));animation:turn 55s linear infinite}
@keyframes turn{to{transform:rotate(360deg)}}
.hero-quote{max-width:920px;margin:0 auto;font-family:var(--display);font-size:clamp(31px,4.5vw,62px);font-weight:400;line-height:1.17;letter-spacing:.015em;text-wrap:balance}
.hero-quote .gold{color:#c6a665}
.scene-kicker{margin:0 0 18px;color:#c9ae72;font-size:12px;letter-spacing:.32em;text-transform:uppercase}
.scene-title{margin:0;font-family:var(--display);font-size:clamp(62px,10vw,132px);font-weight:300;line-height:.86;letter-spacing:-.03em}
.custom-svg-title img{display:block;width:auto;max-width:100%}
.art-svg-title img{height:clamp(78px,10vw,132px);margin:0 auto}
.yoga-page-title img{height:clamp(78px,12vw,160px)}
.dikudian-page-title img{height:clamp(82px,11vw,145px)}
.scene-subtitle{margin:30px auto 0;max-width:640px;color:rgba(255,255,255,.74);font-size:clamp(18px,2vw,24px);letter-spacing:.04em}
.threshold-link{display:inline-flex;margin-top:70px;align-items:center;gap:18px;color:rgba(255,255,255,.7);font-size:12px;letter-spacing:.22em;text-decoration:none;text-transform:uppercase}
.threshold-link::after{content:"";width:54px;border-top:1px solid var(--gold)}

.light-room{position:relative;background:var(--paper);color:var(--ink);padding:120px max(28px,6vw)}
.light-room::before{content:"";position:absolute;left:-8%;right:-8%;top:-75px;height:115px;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0}
.room-inner{width:min(1100px,100%);margin:auto}
.room-intro{max-width:760px;margin:0 auto 85px;text-align:center}
.eyebrow{margin:0 0 13px;color:#846d3e;font-size:12px;font-weight:650;letter-spacing:.25em;text-transform:uppercase}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08}
h1{margin:0 0 24px;font-size:clamp(54px,8vw,100px)}
h2{margin:0 0 20px;font-size:clamp(38px,5vw,62px)}
h3{margin:0 0 12px;font-size:31px}
p{margin:0 0 20px}
.lead{font-size:clamp(20px,2.5vw,27px);line-height:1.55}
.meaning-flow{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,9vw,140px)}
.meaning-flow article{position:relative;padding-top:50px}
.meaning-flow article:nth-child(3){grid-column:1/-1;max-width:720px;margin:auto;text-align:center}
.meaning-flow article::before{content:"";position:absolute;top:0;left:0;width:60px;border-top:1px solid #9b8352}
.meaning-flow article:nth-child(3)::before{left:calc(50% - 30px)}
.meaning-flow h2{font-size:clamp(48px,6vw,76px)}
.thought{color:#586856;font-family:var(--display);font-size:30px;font-style:italic}

.content-room{position:relative;padding:125px max(28px,6vw);background:var(--paper);color:var(--ink)}
.content-room.dark{background:var(--night-soft);color:var(--ivory)}
.content-grid{width:min(1100px,100%);margin:auto;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(270px,.65fr);gap:clamp(55px,9vw,130px);align-items:start}
.content-grid.reverse{grid-template-columns:minmax(270px,.7fr) minmax(0,1.1fr)}
.content-grid.reverse>:first-child{order:2}
.content-grid.reverse>:last-child{order:1}
.prose{max-width:720px}
.prose p{margin-bottom:24px}
.quiet-panel{padding:38px;border:1px solid rgba(117,96,55,.34);border-radius:52% 48% 46% 54%/12% 14% 12% 15%;background:rgba(255,255,255,.18)}
.dark .quiet-panel{border-color:rgba(204,169,96,.32);background:rgba(255,255,255,.025)}
.button{display:inline-flex;margin-top:16px;align-items:center;gap:16px;color:#4b5a49;text-decoration:none;font-weight:650;letter-spacing:.03em}
.button::after{content:"";width:42px;border-top:1px solid currentColor;transition:width .35s}
.button:hover::after{width:65px}
.dark .button{color:#d3b979}

.forest-scene{min-height:100svh;background:linear-gradient(90deg,#080b08 0%,#111811 42%,#182219 62%,#080b08 100%)}
.forest-scene::before{inset:0;background:
 linear-gradient(90deg,transparent 8%,rgba(2,3,2,.9) 9% 13%,transparent 14% 24%,rgba(4,6,4,.7) 25% 29%,transparent 30% 48%,rgba(3,5,3,.75) 49% 54%,transparent 55% 72%,rgba(4,6,4,.84) 73% 78%,transparent 79%),
 repeating-linear-gradient(92deg,transparent 0 70px,rgba(3,4,3,.42) 72px 82px,transparent 85px 150px)}
.forest-scene::after{inset:0;background:radial-gradient(ellipse at 72% 42%,rgba(224,211,171,.22),transparent 13%,transparent 45%),linear-gradient(110deg,transparent 50%,rgba(222,205,161,.07) 65%,transparent 77%)}
.forest-title{text-align:left;width:min(1100px,100%)}
.forest-title h1{font-size:clamp(66px,11vw,145px)}
.forest-title .scene-subtitle{margin-left:0;font-family:var(--display);font-size:clamp(30px,4vw,54px)}
.forest-room{background:#c9b99d}
.meeting-details{font-family:var(--display);font-size:38px;line-height:1.2;color:#384538}

.courses{margin-top:35px}
.course{display:grid;grid-template-columns:160px 1fr;gap:28px;padding:28px 0;border-top:1px solid rgba(62,72,60,.28)}
.course strong{display:block;font-family:var(--display);font-size:34px;font-weight:400;color:#415141}
.course p{margin:0}
.subtle{color:#6f6a5d;font-size:15px}
.dark .subtle{color:rgba(255,255,255,.5)}

.transformation-scene{background:radial-gradient(circle at 50% 48%,#2b170f 0,#19110c 35%,#000000 68%)}
.transformation{position:relative;width:min(430px,78vw);margin:0 auto 36px;isolation:isolate}
.transformation::before{content:"";position:absolute;inset:8% -18%;border-radius:50%;background:radial-gradient(ellipse,rgba(190,126,50,.3),transparent 66%);filter:blur(18px);z-index:-1}
.transformation img{display:block;width:100%;height:auto;filter:saturate(.85) contrast(1.04) drop-shadow(0 20px 45px #000);clip-path:ellipse(22% 49% at 50% 52%);animation:become 12s ease-in-out infinite alternate}
@keyframes become{0%,18%{clip-path:ellipse(22% 49% at 50% 52%);filter:saturate(.35) brightness(.66)}75%,100%{clip-path:ellipse(67% 52% at 50% 52%);filter:saturate(.95) brightness(.92)}}
.book-card{display:grid;grid-template-columns:minmax(230px,.7fr) minmax(0,1.1fr);gap:clamp(50px,9vw,120px);align-items:center}
.book-cover{display:block;width:min(100%,370px);margin:auto;box-shadow:0 25px 60px rgba(0,0,0,.3)}
.work-in-progress{margin-top:90px;padding-top:45px;border-top:1px solid rgba(91,77,49,.26)}

.gold-scene{background:radial-gradient(circle at 52% 48%,#21190d 0,#18130d 42%,#000000 78%)}
.art-diptych-scene{min-height:108svh;overflow:hidden;padding-top:155px;padding-bottom:70px}
.art-diptych{position:relative;z-index:2;width:min(76vw,1050px);aspect-ratio:2048/1261;margin:0;perspective:5000px}
.art-diptych img{position:absolute;top:0;height:100%;display:block;will-change:transform,opacity}
.art-diptych-whole{left:0;width:100%}
.art-diptych-wing{visibility:hidden}
.art-diptych-left{left:0;width:49.31640625%;transform-origin:left center}
.art-diptych-right{left:48.779296875%;width:51.220703125%;transform-origin:right center}
.art-diptych-copy{position:absolute;z-index:1;left:50%;top:50%;width:min(650px,72vw);text-align:center;opacity:0;transform:translate(-50%,-45%)}
.art-diptych-copy .scene-title{margin-bottom:30px}
.art-diptych-copy .construction-note{color:rgba(255,255,255,.94)}
.gold-orbit{position:relative;width:min(560px,78vw);aspect-ratio:1;margin:0 auto 42px;border:1px solid rgba(207,170,89,.38);border-radius:50%;box-shadow:0 0 80px rgba(190,140,48,.08),inset 0 0 70px rgba(190,140,48,.06)}
.gold-orbit::before,.gold-orbit::after{content:"";position:absolute;border-radius:50%}
.gold-orbit::before{inset:13%;border:1px solid rgba(209,175,95,.62);transform:translate(5%,-3%)}
.gold-orbit::after{width:26%;aspect-ratio:1;left:37%;top:37%;background:radial-gradient(circle at 35% 30%,#e6cb88,#9e762e 55%,#33250d);box-shadow:0 0 45px rgba(218,178,81,.27)}
.construction-note{max-width:620px;margin:auto;text-align:center;color:rgba(255,255,255,.7)}

.audio-room{background:linear-gradient(145deg,#000000,#1a1913 54%,#000000);color:var(--ivory)}
.audio-grid{width:min(1050px,100%);margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:clamp(55px,8vw,110px)}
.audio-work{position:relative;padding:45px 0}
.cover-stage{height:360px;display:grid;place-items:center;margin-bottom:35px;border-radius:50%;background:radial-gradient(circle,rgba(201,177,118,.12),transparent 64%)}
.cover-stage img{max-width:88%;max-height:330px;object-fit:contain;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
.audio-work h2{font-size:48px}
.availability{color:#cdb171;font-size:14px;letter-spacing:.06em}
audio{width:100%;margin-top:16px;filter:sepia(.25)}

.portrait-orbit{position:relative;min-height:460px;display:grid;place-items:center}
.portrait-orbit::before{content:"";position:absolute;width:92%;aspect-ratio:1;border:1px solid rgba(179,148,82,.42);border-radius:50% 42% 48% 46%;transform:rotate(-8deg)}
.portrait{position:relative;display:block;width:min(330px,80%);border-radius:48% 52% 45% 55%/45% 38% 62% 55%;filter:grayscale(.25) contrast(1.05);box-shadow:0 28px 60px rgba(0,0,0,.28)}
.contact-email{font-family:var(--display);font-size:clamp(32px,5vw,64px);overflow-wrap:anywhere;text-decoration-thickness:1px}
.long-copy{width:min(760px,100%);margin:auto}
.note{margin-top:45px;padding-top:35px;border-top:1px solid rgba(93,80,52,.25)}
.bodygraph{display:block;max-width:250px;max-height:360px;margin:24px 0;object-fit:contain}
summary{cursor:pointer;color:#4c5d4c}

[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity 1.2s ease,transform 1.2s ease}
[data-reveal].is-visible{opacity:1;transform:none}
.page-index [data-reveal]{opacity:.08;filter:blur(9px);transform:scale(.985);transition:opacity 2.25s cubic-bezier(.16,1,.3,1),filter 2.55s cubic-bezier(.16,1,.3,1),transform 2.55s cubic-bezier(.16,1,.3,1)}
.page-index [data-reveal].is-visible{opacity:1;filter:blur(0);transform:scale(1)}
.page-index .reveal-step{opacity:.04;filter:blur(10px);transform:scale(.988);transition:opacity 2.2s cubic-bezier(.16,1,.3,1),filter 2.55s cubic-bezier(.16,1,.3,1),transform 2.55s cubic-bezier(.16,1,.3,1)}
.page-index .reveal-step.is-visible{opacity:1;filter:blur(0);transform:scale(1)}
.page-index .scroll-fade{opacity:.04;filter:blur(9px);transition:opacity 2.2s cubic-bezier(.16,1,.3,1),filter 2.5s cubic-bezier(.16,1,.3,1)}
.page-index .scroll-fade.is-visible{opacity:1;filter:blur(0)}
.page-index .home-opening .home-sentence.reveal-step{opacity:.01;filter:blur(16px);transform:scale(.48);transition:opacity 3.8s cubic-bezier(.16,1,.3,1),filter 4.1s cubic-bezier(.16,1,.3,1),transform 4.35s cubic-bezier(.16,1,.3,1)}
.page-index .home-opening .home-sentence.reveal-step.is-visible{opacity:1;filter:blur(0);transform:scale(1);transition-delay:.35s}
.page-index #bedeutung-kala .meaning-line:nth-child(1){transform:translate(-9vw,-18px) scale(.99)}
.page-index #bedeutung-kala .meaning-line:nth-child(2){transform:translate(9vw,14px) scale(.99)}
.page-index #bedeutung-kala .meaning-line:nth-child(3){transform:translate(-7vw,18px) scale(.99)}
.page-index #bedeutung-kala .meaning-line:nth-child(4){transform:translate(8vw,-16px) scale(.99)}
.page-index #bedeutung-kala .meaning-line:nth-child(5){transform:translate(-6vw,-10px) scale(.99)}
.page-index #bedeutung-kala .meaning-line.is-visible{transform:translate(0,0) scale(1)}
.page-index .opening-yoga.reveal-step.is-visible{transition-delay:3.85s}
#bedeutung-yoga>.reveal-step:not(h1){display:grid;min-height:17svh;margin-top:0;margin-bottom:0;place-items:center}
#bedeutung-kala .meaning-line{display:grid;min-height:6.5svh;margin:0;place-items:center}
.site-footer{position:relative;z-index:2;padding:42px max(90px,7vw) 42px max(25px,5vw);background:transparent;border:0;color:rgba(255,255,255,.52);font-size:13px}
.footer-identity{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 22px}.site-footer nav{display:flex;gap:22px}
.site-footer a{text-decoration:none}
.page-index .site-footer{padding-top:24px}
.preview{flex-basis:100%;font-size:11px}
.floating-contact{position:fixed;z-index:25;right:max(24px,3.2vw);bottom:22px;display:grid;width:56px;height:56px;place-items:center;border:1px solid rgba(244,216,150,.72);border-radius:50%;background:rgba(18,15,10,.78);color:#f6dfa8;text-decoration:none;box-shadow:0 6px 26px rgba(0,0,0,.42),0 0 18px rgba(218,168,70,.12),inset 0 0 20px rgba(223,173,74,.09);backdrop-filter:blur(7px);transition:border-color .35s,color .35s,background .35s,transform .35s}
.floating-contact svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}
@media(hover:hover){.floating-contact:hover{border-color:rgba(247,222,158,.88);background:rgba(30,24,14,.76);color:#fff1c8;transform:scale(1.05)}}

/* Große Desktop-Monitore: Die erste Szene wächst mit dem verfügbaren Raum,
   ohne die bewährte Laptop- und Mobilansicht zu verändern. */
@media(min-width:2200px) and (min-height:1200px){
  .brand-space{left:max(78px,4vw);width:158px}.brand{width:152px;height:114px}
  .main-nav{top:52px;gap:clamp(48px,2.6vw,66px)}.main-nav a img{height:24px}
  .home-chakra-wrap{height:min(900px,70svh)}
  .chakra-thought{top:17%;width:min(1000px,72%);column-gap:26px;font-size:32px}
  .home-sentence{max-width:1220px;font-size:30px}
  .floating-contact{width:64px;height:64px}.floating-contact svg{width:28px;height:28px}
}
@media(min-width:3200px) and (min-height:1800px){
  .site-header{height:180px}.brand-space{top:26px;width:196px}.brand{width:190px;height:142px}
  .main-nav{top:68px;gap:76px}.main-nav a img{height:30px}
  .home-chakra-wrap{height:min(1320px,70svh)}
  .chakra-thought{width:min(1320px,70%);column-gap:34px;font-size:40px}
  .home-sentence{max-width:1560px;font-size:36px;line-height:1.55}
  .floating-contact{right:4vw;bottom:34px;width:76px;height:76px}.floating-contact svg{width:33px;height:33px}
}

@media(max-width:900px){
  .brand-space{width:110px}.brand{width:104px;height:78px}.main-nav{gap:20px}.main-nav a{font-size:13px}.main-nav a img{height:17px}
  .content-grid,.content-grid.reverse,.book-card{grid-template-columns:1fr;gap:60px}.content-grid.reverse>:first-child,.content-grid.reverse>:last-child{order:initial}
}
@media(max-width:700px){
  body{font-size:17px}.brand-space{z-index:32;top:12px;left:14px;width:96px}.brand{width:92px;height:69px}
  .menu-button{display:block;position:absolute;z-index:33;right:22px;top:26px;padding:8px 32px 8px 0;font-size:12px;letter-spacing:.17em;text-transform:uppercase}.menu-button i{position:absolute;right:0;width:23px;border-top:1.5px solid currentColor;transition:.3s}.menu-button i:first-of-type{top:14px}.menu-button i:last-of-type{top:22px}
  .menu-button[aria-expanded="true"] i:first-of-type{top:18px;transform:rotate(45deg)}.menu-button[aria-expanded="true"] i:last-of-type{top:18px;transform:rotate(-45deg)}
  .language-switch{z-index:32;top:34px;right:186px;font-size:9px;gap:6px}
  .main-nav{display:none;position:fixed;z-index:30;inset:0;transform:none;width:auto;padding:140px 25px 55px;background:#000000;flex-direction:column;align-items:center;gap:22px}.main-nav.is-open{display:flex}.main-nav a{font-size:17px}.main-nav a img{height:27px}
  .home-opening{min-height:100svh;padding:10svh 18px 2svh}.home-chakra-wrap{width:175vw;height:min(500px,62svh);margin-top:0}.chakra-thought{top:17%;width:min(450px,66%);column-gap:14px;font-size:16px;letter-spacing:.02em}.home-sentence{max-width:620px;margin-top:8px;font-size:17px;line-height:1.5}.meaning-mark{width:min(320px,84vw);margin-bottom:16px}.meaning-name{font-size:15px}
  .home-meaning{padding-inline:26px}.home-meaning article{min-height:125svh;margin:0 auto;padding:10svh 0;text-align:center}#bedeutung-yoga{min-height:100svh}#bedeutung-yoga-kala{min-height:74svh;padding-top:7svh;padding-bottom:4svh}#bedeutung-kala{min-height:175svh;margin:0 auto}.home-meaning article:first-child{padding-top:10svh}#bedeutung-dikudian{padding-top:10svh;padding-bottom:10svh;text-align:center}#bedeutung-dikudian p{margin-left:auto;margin-right:auto}.home-meaning h1{font-size:32px;margin-bottom:22px}.home-meaning p{font-size:16px;line-height:1.7}
  #bedeutung-kala .kala-scene-title{top:12svh}.meaning-lines{top:22svh;width:calc(100vw - 24px);height:42svh}.meaning-lines .meaning-line{white-space:normal;padding:0 10px}.meaning-lines .meaning-line:first-child{top:1svh}.meaning-lines .meaning-line:not(:first-child){top:13svh}
  #bedeutung-yoga::after{background-position:78% 6%;transform:translateX(-14vw) scale(1.025)}#bedeutung-yoga.scene-visible::after{transform:translateX(0) scale(1)}
  .kala-tile-grid{width:min(92vw,68svh)}.dikudian-scene img{object-position:58% center}.warp-audio{left:36vw}.warp-book{right:25vw}.warp-about{left:61%}
  .home-paths{min-height:196svh;padding:0 24px}.book-cover-stage{right:3vw;width:min(44vw,170px);height:auto}.audio-cover-scene img{left:2vw;width:min(68vw,300px)}.about-portrait-scene{height:72svh}.about-portrait-scene img{right:2vw;bottom:10svh;width:80vw;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:center;opacity:.82;-webkit-mask-image:radial-gradient(ellipse 72% 62% at 56% 56%,#000 0 38%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.16) 64%,transparent 78%);mask-image:radial-gradient(ellipse 72% 62% at 56% 56%,#000 0 38%,rgba(0,0,0,.72) 50%,rgba(0,0,0,.16) 64%,transparent 78%)}.home-path-list{padding:5svh 0}.home-path-row{min-height:62svh}.home-path{font-size:28px}.home-path-row:nth-child(odd){justify-content:flex-start;padding:0 0 0 8%}.home-path-row:nth-child(even){justify-content:flex-end;padding:0 8% 0 0}
  .yoga-silence{min-height:155svh;padding-top:30svh}.yoga-devanagari{width:min(410px,88vw)}.yoga-silence p{margin-top:61svh;font-size:35px}.yoga-art-opening{padding:88px 8px 0}.yoga-art-opening-inner{width:96vw}.yoga-art-title{margin-top:-1svh}.yoga-art-title img{height:68px}.yoga-text{padding:3svh 26px 18svh}.yoga-text>div:first-child{min-height:0;padding:1svh 0 10svh}.yoga-text h1{font-size:86px}.yoga-courses>div{grid-template-columns:1fr;gap:4px;padding:42px 0}
  .scene{padding:160px 24px 80px}.art-diptych-scene{min-height:100svh;padding:138px 0 70px}.art-diptych{width:94vw}.art-diptych-copy{top:55%;width:82vw}.art-diptych-copy .scene-title{font-size:62px;margin-bottom:20px}.art-svg-title img{height:62px}.yoga-page-title img{height:86px}.dikudian-page-title img{height:74px}.art-diptych-copy .construction-note{font-size:16px;line-height:1.55}.devanagari{margin-bottom:40px}.chakra{width:112px;margin-bottom:42px}.threshold-link{margin-top:52px}
  .light-room,.content-room{padding:90px 24px}.light-room::before{top:-38px;height:70px}.room-intro{margin-bottom:60px}
  .meaning-flow{display:block}.meaning-flow article{margin-bottom:65px}.meaning-flow article:nth-child(3){text-align:left}.meaning-flow article:nth-child(3)::before{left:0}
  .forest-title h1{font-size:74px}.quiet-panel{padding:30px 25px}.course{grid-template-columns:1fr;gap:4px}.transformation{width:min(340px,82vw)}
  .audio-grid{grid-template-columns:1fr}.cover-stage{height:300px}.audio-work h2{font-size:40px}.portrait-orbit{min-height:380px}
  .site-footer{padding-right:90px}.footer-identity{gap:9px 16px}.site-footer nav{margin-top:0;flex-wrap:wrap}
  .floating-contact{right:14px;bottom:14px;width:50px;height:50px}.floating-contact svg{width:22px;height:22px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.warp-point{display:none!important}.star-field i{animation:none!important}.chakra,.transformation img,.brand,.logo-yoga-kala,.logo-home,.kala-tile img,.book-cover-full,.audio-cover-scene img,.meaning-lines,.meaning-line{animation:none!important}.logo-home{display:none}.transformation img,.book-cover-full,.audio-cover-scene img{clip-path:none}.book-cover-full,.audio-cover-scene img{opacity:.76;transform:translateY(-50%) scale(1)}.kala-scene{opacity:1!important}.kala-tile{opacity:1!important;transform:none!important;transition:none!important}.meaning-lines{height:auto!important;opacity:1!important}.meaning-line{position:static!important;opacity:1!important;filter:none!important;transform:none!important;white-space:normal!important}[data-reveal],.reveal-step,.home-path{opacity:1;filter:none;transform:none;transition:none}.art-diptych-scene.is-reduced{display:flex;flex-direction:column}.art-diptych-scene.is-reduced .art-diptych{flex:0 0 auto}.art-diptych-scene.is-reduced .art-diptych-copy{position:relative;left:auto;top:auto;order:2;margin-top:42px;opacity:1;transform:none}.art-diptych-scene.is-reduced .art-diptych-whole{visibility:visible!important}.art-diptych-scene.is-reduced .art-diptych-wing{visibility:hidden!important}}