.landing{--split:50%;isolation:isolate;color:#292820;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#eae7dc;height:100svh;min-height:380px;font-family:Arial,sans-serif;position:relative;overflow:hidden}.landing-scene{background:linear-gradient(#aebcba,#d1d3c5 53%,#afa991 54%,#d7d0b9);position:absolute;inset:0;overflow:hidden}.landing-scene--clay{clip-path:inset(0 calc(100% - var(--split)) 0 0);background:linear-gradient(#c9c5d8,#e1d8dc 53%,#cfb9ad 54%,#e9d6c6)}.landing-scene video{object-fit:cover;width:100%;height:100%;position:absolute}.landing-sphere{aspect-ratio:1;background:radial-gradient(circle at 35% 25%,#f3eee0,#bcb594 65%,#827d65);border-radius:50%;width:min(29vw,34svh);position:absolute;top:30%;left:50%;transform:translate(-50%);box-shadow:20px 35px 50px #3d483028}.landing-stone{background:radial-gradient(at 30% 10%,#a3a18c,#666c58 60%,#3d493d);border-radius:48% 53% 35% 44%;width:29%;height:22%;position:absolute;top:60%;left:21%;transform:rotate(-12deg);box-shadow:15px 35px 24px #43463244,inset 8px 6px 25px #ded8b944}.landing-stone--tall{border-radius:45% 52% 39% 50%;width:18%;height:30%;top:52%;left:60%;transform:rotate(16deg)}.landing-scene--clay .landing-sphere{background:radial-gradient(circle at 30% 22%,#f7b586,#d68e73 65%,#b86c5a)}.landing-scene--clay .landing-stone{background:radial-gradient(at 25% 15%,#d4dbb5,#8c9d79 64%,#667c59);box-shadow:15px 35px 24px #59473f30,inset 6px 8px 16px #eef2ca40}.landing-scene--clay .landing-stone--tall{background:radial-gradient(at 25% 15%,#dfbcde,#a78ab2 64%,#846c91)}.landing-wash{background:linear-gradient(#eeece5d9,#eeece526 43%,#0000 70%,#eeece5c9);position:absolute;inset:0}.landing-face{pointer-events:none;clip-path:inset(0 0 0 var(--split));position:absolute;inset:0}.landing-face--clay{clip-path:inset(0 calc(100% - var(--split)) 0 0)}.landing-logo{top:max(24px, env(safe-area-inset-top));left:max(36px, env(safe-area-inset-left));letter-spacing:-2px;font-size:34px;font-weight:900;position:absolute}.landing-copy{text-align:center;width:100%;padding-inline:20px;position:absolute;top:20%}.landing-eyebrow{letter-spacing:2px;margin-bottom:18px;font-size:11px}.landing-heading{letter-spacing:-.055em;margin:0;font-family:Arial Rounded MT Bold,Trebuchet MS,Arial,sans-serif;font-size:clamp(48px,min(8.4vw,12svh),120px);font-weight:900;line-height:1.02}.landing-heading em{font-style:normal}.landing-subtitle{margin-top:22px;font-size:14px;line-height:1.6}.landing-face--clay .landing-heading,.landing-face--clay .landing-logo{color:#f4bd8f;-webkit-text-stroke:1px #e8a97e;text-shadow:0 -1px #ffe8ce,1px 1px #d99870,2px 2px #cd8864,3px 3px #bd7959,4px 4px #aa6b50,5px 6px #975f49,7px 10px 9px #583c4b45}.landing-face--clay .landing-heading em{color:#d2dca9;-webkit-text-stroke-color:#b9c592;text-shadow:0 -1px #eef4d1,1px 1px #aab985,2px 2px #9daa78,3px 3px #8e9c6d,4px 4px #7d8c5e,5px 6px #6d7b51,7px 10px 9px #38452c45}.landing-face--clay .landing-eyebrow,.landing-face--clay .landing-subtitle{color:#795e74;text-shadow:0 1px #f9ebf1,1px 2px 1px #8f6f8733}.landing-download{bottom:max(7svh, env(safe-area-inset-bottom));color:#39372f;background:#faf8f3;border-radius:28px;justify-content:center;align-items:center;gap:18px;width:230px;height:56px;font-size:14px;font-weight:600;transition:margin-bottom .15s;display:flex;position:absolute;left:50%;transform:translate(-50%)}.landing-face--clay .landing-download{color:#625c50;text-shadow:0 1px #fff8;background:linear-gradient(145deg,#fffdf8,#e8e2d7);border:1px solid #f5f0e7;border-radius:26px 30px 25px 29px;box-shadow:inset 2px 3px 3px #fff7,inset -3px -4px 6px #b9af9d50,0 5px #c6bdae,0 10px 18px #4b3a3a30}.landing-download-link{z-index:3;background:0 0}.landing:has(.landing-download-link:hover) .landing-download{margin-bottom:3px}.landing:has(.landing-download-link:active) .landing-download{margin-bottom:-2px}.landing-divider{top:0;bottom:0;left:var(--split);pointer-events:none;background:#ffffff70;width:1px;position:absolute}.landing-handle{color:#7b654f;background:linear-gradient(145deg,#fbedd4,#d9bfa0);border:1px solid #eddbc1;border-radius:24px 27px 25px 23px;justify-content:center;align-items:center;gap:16px;width:64px;height:52px;font-size:22px;display:flex;position:absolute;top:66%;left:0;transform:translate(-50%,-50%);box-shadow:inset 2px 3px 3px #fff7,inset -3px -4px 6px #ad8f6b60,0 5px #ad9072,0 10px 18px #4b3a3a30}.landing-range{z-index:2;appearance:none;cursor:ew-resize;touch-action:none;background:0 0;width:100%;height:64px;margin:0;position:absolute;top:calc(66% - 32px);left:0}.landing-range::-webkit-slider-thumb{appearance:none;background:0 0;width:1px;height:64px}.landing-range::-moz-range-thumb{background:0 0;border:0;width:1px;height:64px}.landing-range::-moz-range-track{background:0 0}.landing:has(.landing-range:active) .landing-handle{transform:translate(-50%,calc(3px - 50%))scale(.97);box-shadow:inset 2px 3px 5px #ad8f6b40,0 2px #ad9072,0 5px 9px #4b3a3a30}.landing .landing-download-link:focus-visible{outline:3px solid #66503f}.landing .landing-range:focus-visible{outline-offset:-3px;outline:2px solid #66503f}@media (width<=540px){.landing-logo{left:max(24px, env(safe-area-inset-left))}.landing-copy{top:23%}.landing-eyebrow{letter-spacing:1.4px;font-size:9px}.landing-subtitle{font-size:12px}.landing-sphere{width:44vw;top:35%}.landing-stone{width:40%;left:9%}.landing-stone--tall{width:25%;left:64%}}@media (height<=540px){.landing-copy{top:16%}.landing-eyebrow{margin-bottom:8px}.landing-heading{font-size:clamp(32px,10svh,54px)}.landing-subtitle{margin-top:12px}.landing-download{height:48px;bottom:max(5svh, env(safe-area-inset-bottom))}}