:root{--bg: #ffffff;--bg-deep: #ffffff;--pine: #10261a;--ink: #9ab983;--accent: #9ab983;--muted: #9ab983;--mist: #9ab983;--moss: #9ab983;--fern: #5cbf84;--river: #9ab983;--snow: #9ab983;--line: rgba(154, 185, 131, .45);--ease: cubic-bezier(.22, 1, .36, 1)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100%}html{background:var(--bg-deep)}body{margin:0;color:var(--ink);font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;line-height:1.5;background:#fff;overflow:hidden}#root{min-height:100vh}.skip{position:absolute;left:16px;top:-40px;z-index:20;padding:8px 12px;color:var(--bg-deep);background:var(--mist);text-decoration:none}.skip:focus{top:16px}.site{position:relative;min-height:100vh}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.topo{position:absolute;top:-10%;right:-10%;bottom:-10%;left:-10%;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720' fill='none'%3E%3Cpath d='M0 90C90 60 150 130 240 95S420 40 540 88 700 70 720 90' stroke='%239ab983' stroke-opacity='.08'/%3E%3Cpath d='M0 170C110 140 170 210 280 172S470 118 590 164 720 150 720 170' stroke='%239ab983' stroke-opacity='.07'/%3E%3Cpath d='M0 260C80 230 190 300 300 258S490 210 620 252 720 240 720 260' stroke='%239ab983' stroke-opacity='.065'/%3E%3Cpath d='M0 360C120 320 210 410 340 352S540 300 660 348 720 340 720 360' stroke='%239ab983' stroke-opacity='.06'/%3E%3Cpath d='M0 470C100 430 220 520 360 462S560 410 720 470' stroke='%239ab983' stroke-opacity='.055'/%3E%3Cpath d='M0 590C140 550 240 650 400 582S620 530 720 590' stroke='%239ab983' stroke-opacity='.05'/%3E%3C/svg%3E");background-size:min(78vw,980px);background-position:8% 10%;mix-blend-mode:multiply;opacity:.35}.vignette{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 78% 48%,rgba(154,185,131,.04),transparent 42%),radial-gradient(ellipse at 50% 120%,rgba(154,185,131,.06),transparent 50%)}.grain{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.22;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E")}.blob-field{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.blob{position:absolute;pointer-events:none;will-change:transform,border-radius}.blob-primary{right:-18vmax;top:-2vh;width:54vmax;height:84vmax;background:radial-gradient(circle at 34% 38%,rgba(154,185,131,.05),rgba(154,185,131,.015) 45%,transparent 62%);border-radius:72% 28% 58% 42%/32% 68% 30% 70%;filter:blur(24px);animation:tide 22s ease-in-out infinite,morph-tide 14s ease-in-out infinite alternate}.blob-river{right:2vmax;bottom:-16vmax;width:42vmax;height:28vmax;background:radial-gradient(ellipse at 50% 40%,#9ab9830d,#9ab98304 70%);border-radius:46% 54% 60% 40%/70% 30% 64% 36%;filter:blur(10px);animation:river-drift 18s ease-in-out infinite,morph-river 11s ease-in-out infinite alternate}.blob-mist{right:18vmax;top:28vh;width:22vmax;height:22vmax;background:#9ab98308;border-radius:72% 28% 58% 42%/34% 66% 44% 56%;filter:blur(16px);animation:mist-float 16s ease-in-out infinite}@keyframes tide{0%{transform:translateZ(0) rotate(-7deg) scale(1)}35%{transform:translate3d(-7%,8%,0) rotate(-1deg) scale(1.05)}68%{transform:translate3d(5%,-6%,0) rotate(4deg) scale(.96)}to{transform:translateZ(0) rotate(-7deg) scale(1)}}@keyframes morph-tide{0%{border-radius:72% 28% 58% 42%/32% 68% 30% 70%}50%{border-radius:38% 62% 44% 56%/64% 36% 70% 30%}to{border-radius:64% 36% 70% 30%/40% 60% 28% 72%}}@keyframes river-drift{0%,to{transform:translateZ(0) scale(1)}50%{transform:translate3d(-8%,-10%,0) scale(1.08)}}@keyframes morph-river{0%{border-radius:46% 54% 60% 40%/70% 30% 64% 36%}to{border-radius:60% 40% 38% 62%/42% 58% 40% 60%}}@keyframes mist-float{0%,to{transform:translateZ(0) scale(1);opacity:.7}50%{transform:translate3d(-12%,18%,0) scale(1.2);opacity:1}}.stage{position:relative;z-index:1;width:90%;margin:0 auto;min-height:100vh}.home-shell{display:flex;min-height:100vh}.about-slot{width:66.667%;animation:enter .9s var(--ease) both}.about{display:flex;flex-direction:column;justify-content:space-between;min-height:100vh;padding:26.5vh 0 7vh}.copy{max-width:none;padding-right:2vw}.logo{display:inline-flex;align-items:center;text-decoration:none}.logo-img{display:block;width:min(380px,80vw);height:auto}.logo-mask{aspect-ratio:1920 / 465;background:var(--accent);-webkit-mask:url(/premonition-logo.webp) center / contain no-repeat;mask:url(/premonition-logo.webp) center / contain no-repeat}.logo-river{stroke-dasharray:18 10;animation:flow 3.2s linear infinite}.logo-river-b{animation-duration:3.8s;animation-delay:-1s}.logo-river-c{animation-duration:4.4s;animation-delay:-1.6s}.logo-type{display:flex;align-items:center;gap:14px}.logo-word{font-family:Roboto,sans-serif;font-size:2.5rem;font-weight:400;letter-spacing:normal;line-height:1}.logo-sub{display:flex;flex-direction:column;font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;letter-spacing:normal;line-height:1.15;color:var(--mist)}.headline{margin:0;padding:30px 0 33.6px;color:var(--ink);font-family:Roboto,sans-serif;font-size:1.6em;font-weight:400;letter-spacing:normal;line-height:1.5}.brand-mark{display:flex;margin:0 0 7px;font:inherit}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.lede{max-width:36em;margin:0;color:var(--ink);font-family:Roboto,sans-serif;font-size:18px;font-weight:200;line-height:1.5}.nav ul{display:flex;gap:50px;margin:0;padding:0;list-style:none}.nav a{position:relative;display:inline-block;padding:.2em 0;color:var(--ink);font-family:Roboto,sans-serif;font-size:1rem;font-weight:400;text-decoration:none}.nav a:after,.contact-list a:after{content:"";position:absolute;left:0;bottom:0;width:100%;height:.1em;background:var(--mist);transform:scaleX(0);transform-origin:center;transition:transform .3s var(--ease)}.nav a:hover:after,.nav a:focus-visible:after,.contact-list a:hover:after,.contact-list a:focus-visible:after{transform:scaleX(1)}.contact-list{margin:30px 0 0;padding:0;list-style:none}.contact-list li+li{margin-top:12px}.contact-list a{position:relative;display:inline-block;padding:.2em 0;color:var(--ink);font-family:Roboto,sans-serif;font-size:18px;font-weight:200;text-decoration:none;width:-moz-fit-content;width:fit-content}.illustration{width:33.333%;position:relative}.scene{position:fixed;top:45%;right:1.5%;width:min(31vw,calc(90vh * 720 / 980),680px);height:auto;aspect-ratio:720 / 980;transform:translateY(-50%);pointer-events:none;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,#000 80%,rgba(0,0,0,.4) 92%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 9%,#000 24%);mask-image:linear-gradient(180deg,#000 80%,rgba(0,0,0,.4) 92%,transparent 100%),linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 9%,#000 24%);-webkit-mask-composite:source-in,xor;mask-composite:intersect}.scene-art,.snow{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene-art{overflow:visible}.snow{pointer-events:none}.range-far{opacity:.5}.range-mid{animation:peak-in 1.4s var(--ease) both}.snowcap,.ridge,.water,.rivers{animation:peak-in 1.6s var(--ease) both;animation-delay:.15s}.pine{opacity:.8;animation:pine-in 1.2s var(--ease) both;animation-delay:1.15s}.river-fill{fill:#9ab98314;stroke:none}.river-bank{fill:none;stroke:#9ab983;stroke-width:1.35;stroke-linecap:round;stroke-linejoin:round}.river-ripple{fill:none;stroke:#9ab983;stroke-width:1.05;stroke-linecap:round;opacity:.72}.lake-body{fill:#9ab9830f;stroke:none}.shore{fill:none;stroke:#9ab983;stroke-width:1.35;stroke-linecap:round}.graph-line{fill:none;stroke-width:2.15}.graph-a{stroke:#9ab983}.graph-b{stroke:#9ab983;opacity:.95}.graph-tip{fill:#9ab983;transform-box:fill-box;transform-origin:center;animation:pulse-tip 1.6s ease-in-out infinite}.graph-tip-b{fill:#9ab983;animation-delay:-.4s}.cloud{fill:#9ab98314;stroke:#9ab98347;stroke-width:1.1;transform-origin:center}.cloud-a{animation:cloud-drift 26s ease-in-out infinite alternate}.cloud-b{animation:cloud-drift 32s ease-in-out infinite alternate-reverse;animation-delay:-8s}.cloud-c{animation:cloud-drift 22s ease-in-out infinite alternate;animation-delay:-4s}.star{animation:twinkle 3.4s ease-in-out infinite}.star-1{animation-duration:4.2s;animation-delay:-.6s}.star-2{animation-duration:2.8s;animation-delay:-1.4s}.star-3{animation-duration:5s;animation-delay:-2s}.aurora-shift{animation:aurora 12s ease-in-out infinite}.aurora-shift-b{animation-duration:15s;animation-delay:-4s}@keyframes peak-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes pulse-tip{0%,to{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.25)}}@keyframes cloud-drift{0%{transform:translate(0) scale(1)}50%{transform:translate(18px,6px) scale(1.04)}to{transform:translate(-14px,10px) scale(.98)}}@keyframes twinkle{0%,to{opacity:.25}50%{opacity:1}}@keyframes aurora{0%,to{transform:translate(0);opacity:.1}50%{transform:translate(-30px,12px);opacity:.2}}@keyframes pine-in{0%{opacity:0}to{opacity:.9}}@keyframes enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media (max-width: 980px){body{overflow:auto}.home-shell{flex-direction:column;min-height:auto}.about-slot,.illustration{width:100%}.about{min-height:auto;padding:80px 0 0}.copy{padding-right:12px}.headline,.lede,.contact-list{padding-left:6px}.headline{font-size:1.3em;padding-right:8px}.scene{position:relative;top:auto;right:auto;transform:none;-webkit-mask-image:linear-gradient(180deg,#000 80%,rgba(0,0,0,.4) 92%,transparent 100%);mask-image:linear-gradient(180deg,#000 80%,rgba(0,0,0,.4) 92%,transparent 100%);width:min(92vw,560px);height:72vw;max-height:620px;margin:48px 0 40px 4%}.nav{padding:28px 0 8px}}@media (max-width: 560px){.logo-type{flex-direction:column;align-items:flex-start;gap:6px}.logo-word{font-size:1.7rem}.logo-sub{flex-direction:row;gap:6px}.nav ul{gap:28px}.blob-primary{width:80vmax;height:80vmax;right:-28vmax}}@media (prefers-reduced-motion: reduce){.blob,.cloud,.logo-river,.star,.aurora-shift,.about-slot,.pine,.range-mid,.snowcap,.ridge,.water,.rivers{animation:none!important}}