@font-face{font-family:Manrope;src:url('/assets/manrope.ttf') format('truetype');font-weight:400 700;font-display:swap}
@font-face{font-family:Plex;src:url('/assets/plex.ttf') format('truetype');font-weight:400 600;font-display:swap}
:root{--black:#f7f3fb;--silver:#624a7d;--paper:#f7f3fb;--ink:#39264f;--line:#39264f26;--space:clamp(24px,6.18vw,144px);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--black);color:var(--ink);font-family:Plex,Arial,sans-serif;-webkit-font-smoothing:antialiased}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;font-weight:400;letter-spacing:-.055em}p{font-size:clamp(16px,1.16vw,21px);line-height:1.65;text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}::selection{background:#d3bbef;color:#39264f}img{display:block;width:100%;height:100%;object-fit:cover}svg{fill:none;stroke:currentColor;stroke-width:1.3}button svg,a svg{width:24px;height:24px}.skip{position:fixed;top:10px;left:10px;z-index:100;background:var(--paper);color:var(--ink);padding:13px;transform:translateY(-160%)}.skip:focus{transform:none}
.masthead{position:absolute;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:34px var(--space);border-bottom:1px solid var(--line)}.masthead>a:first-child{display:flex;align-items:center;gap:14px}.masthead h1{font-size:21px;letter-spacing:.12em;font-weight:500}.brand-mark{width:42px;height:42px;display:block;background:#b9a0e3;mask:url('/assets/satvana-mark.svg') center/contain no-repeat}.contact-icon{display:grid;place-items:center;width:44px;height:44px;border:1px solid #39264f55;border-radius:50%;transition:background .2s}.contact-icon:hover{background:#b9a0e333}
.welcome-hero{position:relative;min-height:940px;min-height:max(900px,100svh);padding:clamp(190px,18vh,250px) var(--space) 110px;overflow:clip;border-bottom:1px solid var(--line)}.hero-copy{position:relative;z-index:2;max-width:1000px}.hero-copy h2{font-size:clamp(68px,7.7vw,150px);line-height:1.04;max-width:10.8ch;margin-bottom:55px;text-wrap:balance}.hero-lead{font-size:clamp(21px,1.8vw,34px);line-height:1.45;max-width:30ch;color:var(--silver);margin-bottom:34px}.hero-context{max-width:52ch;font-size:clamp(15px,1.1vw,19px);color:#604c72}.hero-orbit{position:absolute;width:68vw;height:68vw;max-width:1350px;max-height:1350px;right:-17vw;top:11%;opacity:.8;pointer-events:none}.hero-symbol{position:absolute;inset:6%;mask:url('/assets/satvana-mark.svg') center/contain no-repeat;background:linear-gradient(140deg,#f7f3fb 1%,#d3bbef 18%,#b9a0e3 39%,#e9dff3 57%,#d3bbef 83%,#b9a0e3 99%);transform:rotate(var(--hero-rotation,0deg));filter:drop-shadow(0 30px 50px #b9a0e322)}.orbit-rule{position:absolute;inset:0;border:1px solid #b9a0e34d;border-radius:50%}.orbit-two{inset:15%;border-color:#b9a0e333}.down-icon{position:absolute;bottom:34px;left:var(--space);display:grid;place-items:center;width:44px;height:44px;border:1px solid #39264f40;border-radius:50%}
.whole{background:var(--paper);color:var(--ink);padding:89px var(--space) 144px;position:relative;overflow:clip}.section-line{width:89px;height:1px;background:#8972a4;margin-bottom:55px}.whole-heading{display:grid;grid-template-columns:1.618fr 1fr;gap:89px;align-items:end}.whole h3,.framework h3,.connection h3{font-size:clamp(45px,5.4vw,102px);line-height:1.09;max-width:13ch;text-wrap:balance}.whole-heading p{font-size:clamp(22px,2vw,37px);line-height:1.4;max-width:23ch}.whole-body{display:grid;grid-template-columns:1.618fr 1fr;gap:89px;align-items:center;margin-top:89px}.whole-body>p{max-width:37ch}.image-composition{position:relative;aspect-ratio:1.18;isolation:isolate}.ecology-image{position:absolute;inset:0 24% 17% 0;border-radius:50% 50% 3px 50%;overflow:hidden}.ecology-image img{object-position:53% center;filter:saturate(.45)}.people-image{position:absolute;width:57%;height:49%;bottom:0;right:0;border-radius:50% 50% 50% 3px;overflow:hidden;border:8px solid var(--paper)}.people-image img{object-position:42% 65%;filter:saturate(.22)}.image-orbit{position:absolute;inset:3% -4% 5% 5%;border:1px solid #b9a0e380;border-radius:50%;transform:rotate(-30deg);z-index:-1}
.framework{background:#e9dff3;padding-top:110px;border-bottom:1px solid var(--line)}.framework-heading{display:grid;grid-template-columns:1.618fr 1fr;gap:89px;padding:0 var(--space) 70px;align-items:end}.framework h3{max-width:15ch}.framework-heading p{max-width:36ch;color:var(--silver)}.model-stage{display:grid;grid-template-columns:1fr 1.618fr;align-items:center;gap:34px;padding:55px var(--space) 89px;position:relative;min-height:700px;overflow:clip;background:radial-gradient(ellipse at 70% 48%,#f7f3fb 0%,#eee6f5 40%,#e9dff3 70%)}.framework-copy{position:relative;z-index:2;max-width:39ch}.framework-copy p{color:#594369;font-size:clamp(16px,1.14vw,21px);line-height:1.7}.framework-copy p+p{margin-top:34px;color:#39264f}.model-area{min-width:0;position:relative}.model-host{position:relative;width:100%;height:650px;max-height:76svh;isolation:isolate}.model-host canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.model-poster{object-fit:contain;position:absolute;inset:0;transition:opacity .25s}.model-host[data-state=ready] .model-poster{opacity:0}.model-host[data-state=fallback] canvas{visibility:hidden}.model-host[data-state=fallback] .model-poster{opacity:1}.model-controls{display:none;justify-content:center;gap:13px;margin-top:13px}.model-controls button{display:grid;place-items:center;border:1px solid #624a7d60;border-radius:50%;width:44px;height:44px;background:transparent}.model-controls button span{width:6px;height:6px;border:1px solid var(--silver);border-radius:50%}.model-controls button[aria-pressed=true]{border-color:var(--silver)}.model-controls button[aria-pressed=true] span{background:var(--silver)}.model-controls button:hover{background:#b9a0e326}.has-model .model-controls{display:flex}.motion-on .model-scroll{height:340svh}.motion-on .model-stage{height:100svh;min-height:700px;position:sticky;top:0}.motion-on .model-host{height:76svh}
.connection{background:#d3bbef;color:#39264f;padding:144px var(--space) 110px;overflow:clip;position:relative}.connection h3{max-width:14ch;position:relative;z-index:1}.connection-grid{display:grid;grid-template-columns:1fr 1fr;gap:144px;margin-top:89px;position:relative;z-index:1}.connection-grid>p{max-width:36ch}.connection-grid>div>p{max-width:29ch}.email{display:inline-flex;align-items:center;gap:34px;border-bottom:1px solid #624a7d;padding:25px 0 15px;font-family:Manrope,sans-serif;font-size:clamp(22px,2.3vw,42px);letter-spacing:-.04em}.email svg{width:27px;height:27px}.connection-orbit{position:absolute;width:67vw;height:67vw;border:1px solid #624a7d40;border-radius:50%;right:-32vw;top:-21vw}
@media(min-width:1600px){.hero-context{max-width:49ch}.welcome-hero{padding-top:210px}.model-host{height:800px}}
@media(max-width:1100px){.whole-heading,.whole-body,.framework-heading{gap:55px}.connection-grid{gap:55px}.hero-orbit{right:-27vw;top:20%;width:85vw;height:85vw}.hero-copy{max-width:660px}.hero-copy h2{font-size:clamp(65px,8.3vw,90px)}.model-stage{grid-template-columns:1fr 1.4fr;gap:13px}.model-host{height:560px}.framework-copy p{font-size:16px}}
@media(max-width:760px){:root{--space:24px}.masthead{padding:24px}.masthead h1{font-size:18px}.brand-mark{width:34px;height:34px}.welcome-hero{min-height:0;padding:175px 24px 100px}.hero-copy h2{font-size:clamp(46px,12.7vw,80px);max-width:11ch;margin-bottom:34px;line-height:1.08}.hero-lead{font-size:23px;max-width:25ch;margin-bottom:34px}.hero-context{font-size:16px;max-width:34ch}.hero-orbit{width:135vw;height:135vw;right:-63vw;top:8%;opacity:.28}.hero-context,.hero-lead{position:relative}.down-icon{bottom:25px}.whole{padding:55px 24px 89px}.section-line{margin-bottom:34px;width:55px}.whole-heading,.whole-body,.framework-heading{grid-template-columns:1fr;gap:34px}.whole h3,.framework h3,.connection h3{font-size:clamp(39px,10.8vw,66px)}.whole-heading p{font-size:25px;max-width:24ch}.whole-body{margin-top:55px;gap:34px}.whole-body>p{font-size:17px}.image-composition{margin:0 -7px}.framework{padding-top:70px}.framework-heading{padding:0 24px 34px}.framework-heading p{font-size:17px}.model-stage{display:flex;flex-direction:column;align-items:stretch;padding:0 24px 55px;min-height:0;overflow:clip}.framework-copy{max-width:none}.framework-copy p{font-size:16px}.framework-copy p+p{margin-top:25px}.model-area{margin:34px -20px 0}.model-host{height:450px;max-height:none}.motion-on .model-scroll{height:auto}.motion-on .model-stage{height:auto;min-height:0;position:relative;overflow:visible}.motion-on .model-area{height:240svh}.motion-on .model-host{height:68svh;position:sticky;top:4svh;max-height:none}.motion-on .model-controls{position:sticky;top:75svh;margin-top:8px;width:max-content;margin-left:auto;margin-right:auto}.connection{padding:89px 24px 70px}.connection-grid{grid-template-columns:1fr;gap:34px;margin-top:55px}.connection-grid p{font-size:17px}.email{font-size:29px;gap:22px}.connection-orbit{width:135vw;height:135vw;right:-89vw;top:-15vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.hero-symbol{transform:none!important}.model-host{height:550px}.model-controls{display:none!important}}