html,body,#root{width:100%;height:100%;margin:0;overflow:hidden}body{background:#161b16}.ghats-world{color:#f8f2e6;touch-action:none;-webkit-user-select:none;user-select:none;background:#9c9b79;width:100vw;height:100dvh;font-family:Georgia,Times New Roman,serif;position:fixed;inset:0;overflow:hidden}.ghats-canvas{touch-action:none;outline:0;width:100%;height:100%;display:block;position:absolute;inset:0}.ghats-world:before{content:"";pointer-events:none;z-index:2;background:linear-gradient(#0e181873,#0000 28% 65%,#08140d99);position:absolute;inset:0}.ghats-world.scene-sunrise:after{content:"";z-index:2;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(circle at 65% 24%,#ffda8642,#0000 17%),linear-gradient(160deg,#e29a6124,#0000 52%);position:absolute;inset:0}.film-grain{z-index:8;pointer-events:none;opacity:.24;mix-blend-mode:soft-light;background:url(/assets/grain-C4vWPKMx.png);animation:.28s steps(2,end) infinite grain-jitter;position:absolute;inset:-40px}@keyframes grain-jitter{0%{transform:translate(0)}25%{transform:translate(17px,-11px)}50%{transform:translate(-9px,21px)}75%{transform:translate(11px,8px)}}.vignette{z-index:3;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 min(15vw,170px) 20px #070c0838}.hud-header{z-index:9;justify-content:space-between;align-items:center;gap:16px;padding:clamp(16px,3vw,36px) clamp(18px,4vw,60px);display:flex;position:absolute;top:0;left:0;right:0}.brand{align-items:center;gap:12px;display:flex}.brand-mark{border:1px solid #fff6e3a6;border-radius:50%;place-items:center;width:42px;height:42px;font:italic 28px/1 Georgia,serif;display:grid}.brand-mark span{color:#e5b675}.brand-text{letter-spacing:.08em;text-transform:uppercase;font:600 17px/1.03 Georgia,serif}.brand-text small{letter-spacing:.21em;text-transform:uppercase;opacity:.8;font:500 9px/1.6 system-ui,sans-serif}.hud-nav{gap:9px;display:flex}.hud-nav button,.weather-rail button{color:#fff8e8;cursor:pointer;-webkit-backdrop-filter:blur(8px);background:#14241c3b;border:1px solid #fff6e373}.hud-nav button{letter-spacing:.16em;text-transform:uppercase;min-height:44px;padding:11px 17px;font:600 10px/1 system-ui,sans-serif}.scene-caption{z-index:4;pointer-events:none;text-shadow:0 2px 20px #04140c7a;position:absolute;top:clamp(100px,20vh,240px);left:clamp(18px,6vw,96px)}.scene-caption>span,.eyebrow{letter-spacing:.35em;font:600 10px/1.4 system-ui,sans-serif}.scene-caption h1{letter-spacing:-.045em;margin:18px 0 15px;font-size:clamp(38px,5.5vw,86px);font-weight:400;line-height:1.02}.scene-caption h1 em{font-weight:400}.scene-caption p{letter-spacing:.03em;font:400 clamp(13px,1.35vw,18px)/1.5 Georgia,serif}.weather-rail{z-index:9;align-items:center;gap:5px;display:flex;position:absolute;bottom:clamp(22px,5vh,54px);right:clamp(16px,4vw,60px)}.weather-rail-label{letter-spacing:.3em;margin-right:13px;font:600 9px/1 system-ui,sans-serif}.weather-rail button{letter-spacing:.09em;text-transform:uppercase;min-height:44px;padding:13px 15px;font:600 10px/1 system-ui,sans-serif}.weather-rail button.active{color:#263c2d;background:#f6e9cf;border-color:#f6e9cf}.scene-weather{z-index:4;opacity:.9;font:italic 17px Georgia,serif;position:absolute;top:90px;right:clamp(20px,4vw,60px)}.ghats-hint{z-index:5;white-space:nowrap;letter-spacing:.26em;text-shadow:0 2px 8px #172b20;font:600 9px/1.5 system-ui,sans-serif;position:absolute;bottom:clamp(85px,13vh,140px);left:50%;transform:translate(-50%)}.ghats-controls{z-index:9;pointer-events:none;justify-content:space-between;display:flex;position:absolute;bottom:110px;left:18px;right:18px}.ghats-pair{pointer-events:auto;gap:8px;display:flex}.ghats-pair-v{flex-direction:column}.ghats-key{color:#fff;touch-action:none;cursor:pointer;-webkit-backdrop-filter:blur(7px);background:#192d2073;border:1px solid #fff8e79e;border-radius:50%;width:54px;height:54px;font-size:17px}.ghats-key:active{color:#182a1d;background:#e7dfc9}.ghats-panel,.ghats-animal{z-index:7;-webkit-backdrop-filter:blur(12px);background:#12261cd9;border:1px solid #fff6dd73;flex-direction:column;gap:7px;max-width:min(350px,100vw - 36px);padding:17px 20px;font:14px/1.5 Georgia,serif;display:flex;position:absolute;top:55%;left:clamp(18px,6vw,96px)}.ghats-panel strong{font-size:20px}.ghats-panel ul{margin:4px 0;padding-left:18px}.ghats-animal{font-size:14px;top:auto;bottom:170px}.ghats-fallback{text-align:center;place-items:center;padding:24px;font:16px Georgia,serif;display:grid;position:absolute;inset:0}.portfolio-drawer{z-index:12;box-sizing:border-box;color:#27382b;touch-action:pan-y;-webkit-user-select:text;user-select:text;background:#eee7d9;width:min(420px,100vw);padding:70px 32px 32px;position:absolute;top:0;bottom:0;right:0;overflow:auto;box-shadow:-20px 0 60px #15211588}.portfolio-drawer>button{color:#27382b;cursor:pointer;background:0 0;border:0;font-size:32px;position:absolute;top:19px;right:22px}.portfolio-drawer h2{margin:16px 0 5px;font-size:42px;font-weight:400}.portfolio-drawer h3{letter-spacing:.23em;text-transform:uppercase;margin:34px 0 12px;font:600 10px system-ui,sans-serif}.portfolio-drawer p{line-height:1.55}.portfolio-drawer .project{border-top:1px solid #a9b1a1;padding:12px 0}.project b{font-size:20px;font-weight:400}.project small{float:right;font:10px system-ui,sans-serif}.project p{margin:6px 0;font-size:13px}.portfolio-drawer a{color:#235846}.portfolio-drawer .disclaimer{opacity:.65;margin-top:30px;font-size:11px}.ghats-hint-keys{display:none}@media (width>=768px) and (pointer:fine){.ghats-controls,.ghats-hint-touch{display:none}.ghats-hint-keys{display:inline}}@media (width<=700px){.hud-header{padding:16px}.brand-mark{width:34px;height:34px;font-size:23px}.brand-text{font-size:13px}.brand-text small{font-size:7px}.hud-nav{gap:5px}.hud-nav button{padding:8px;font-size:9px}.hud-nav button span{display:none}.scene-caption{top:17%;left:20px}.scene-caption h1{margin:11px 0;font-size:clamp(36px,10vw,55px)}.scene-caption p{font-size:13px}.scene-weather{display:none}.weather-rail{justify-content:center;gap:3px;bottom:18px;left:12px;right:12px}.weather-rail-label{display:none}.weather-rail button{flex:1;min-width:0;padding:10px 3px;font-size:9px}.ghats-hint{letter-spacing:.15em;font-size:8px;bottom:198px}.ghats-controls{bottom:93px}.ghats-panel{max-height:28vh;font-size:12px;top:auto;bottom:175px;overflow:auto}.ghats-panel strong{font-size:16px}}@media (height<=620px){.scene-caption{top:17%}.scene-caption h1{font-size:clamp(30px,8vh,55px)}.scene-caption p,.ghats-hint{display:none}.ghats-controls{bottom:65px}.weather-rail{bottom:9px}}.ghats-world .ghats-animal{max-width:min(300px,100vw - 36px);top:auto;bottom:280px}@media (width<=700px){.ghats-world .ghats-animal{bottom:275px;left:18px;right:auto}}