:root{--orange:#fa792c;--green:#061f1b;--white:#f7f2e9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:74px}body{background:var(--green);color:var(--white);margin:0;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}a,button,input,select,textarea{outline-offset:5px}button:focus-visible,a:focus-visible{outline:2px solid #ffac65}.skip{z-index:100;color:#000;background:#fff;padding:15px;position:fixed;top:-70px;left:20px}.skip:focus{top:10px}header{z-index:10;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#061f1bf5;border-bottom:1px solid #ffffff16;justify-content:space-between;align-items:center;height:74px;padding:0 4%;display:flex;position:sticky;top:0}.logo{letter-spacing:-1.3px;font:700 32px Georgia,serif;position:relative}.logo:before{content:"";border-top:2px solid var(--orange);border-radius:50%;width:29px;height:7px;position:absolute;top:0;left:18px}.logo span{letter-spacing:2px;vertical-align:middle;color:#aebdb4;margin-left:18px;font:8px Arial,sans-serif;display:inline-block}nav{align-items:center;gap:30px;font-size:12px;display:flex}nav button{color:inherit;background:0 0;border:0;font-size:12px}nav a:hover,nav button:hover{color:var(--orange)}.overview{height:calc(100svh - 74px);min-height:650px;max-height:1000px;position:relative;overflow:hidden}.intro{text-align:center;z-index:3;pointer-events:none;width:100%;position:absolute;top:43px}.eyebrow{letter-spacing:2px;font-size:10px;line-height:1.6}.intro .eyebrow{color:#e1e6dc;font-size:9px}h1{letter-spacing:-1.6px;margin:15px 0;font:clamp(32px,4vw,60px) Georgia,serif}em{color:#f1aa70;font-style:normal}.panels{height:100%;display:flex}.panel{border-right:1px solid #ffffff24;flex:1;transition:flex .8s;position:relative;overflow:hidden}.panel:hover{flex:1.22}.scene{will-change:transform;width:100%;height:100%;animation:20s ease-in-out infinite alternate float-scene;position:absolute;inset:0}.p0 .scene{width:250%;left:-110%}.p1 .scene{width:220%;left:-30%}.p2 .scene{width:230%;left:-90%}.p3 .scene{width:230%;left:-20%}.p1 .scene,.c1 .scene{animation-delay:-7s}.p2 .scene,.c2 .scene{animation-delay:-12s}.p3 .scene,.c3 .scene{animation-delay:-4s}.shade{background:linear-gradient(#061f1ba8,#061f1b00 35%,#061f1b 100%);position:absolute;inset:0}.paneltext{z-index:2;position:absolute;bottom:105px;left:11%;right:8%}.index{color:var(--orange);font-size:20px}.panel h2{letter-spacing:-1px;margin:13px 0 5px;font:34px Georgia,serif}.panel p{margin:8px 0;font-size:13px}.explore{color:#d9ded7;border-top:1px solid #ffffff45;width:100%;margin-top:20px;padding-top:12px;font-size:11px;display:inline-block}.scrolldown{text-align:center;letter-spacing:2px;z-index:3;font-size:8px;position:absolute;bottom:23px;left:50%;transform:translate(-50%)}.scrolldown span{margin-bottom:10px;font-size:24px;animation:2s ease-in-out infinite bob;display:block}.chapter{border-top:1px solid #ffffff36;height:calc(100svh - 74px);min-height:700px;max-height:1050px;position:relative;overflow:hidden}.chapter .scene{animation-duration:24s}.overlay{background:linear-gradient(90deg,#031b18f0 0%,#031b18b0 36%,#031b1805 76%),linear-gradient(#0000 70%,#031b18bb);position:absolute;inset:0}.c1 .overlay,.c3 .overlay{background:linear-gradient(270deg,#031b18f0 0%,#031b18c0 36%,#031b1805 80%),linear-gradient(#0000 70%,#031b18bb)}.copy{z-index:2;width:48%;max-width:720px;padding:85px 0 95px 6%;position:relative}.c1 .copy,.c3 .copy{width:42%;margin-left:52%;padding-left:0;padding-right:6%}.copy .eyebrow{color:#f5ae78;letter-spacing:1.5px}.copy h2{letter-spacing:-2px;margin:23px 0;font:clamp(46px,5.4vw,80px)/1.04 Georgia,serif}.copy h2 em{color:var(--white)}.copy h3{margin:23px 0 13px;font-size:18px;font-weight:400}.copy p{color:#d0d9d2;max-width:420px;font-size:14px;line-height:1.8}.copy ul{grid-template-columns:1fr 1fr;gap:14px 15px;max-width:430px;margin:25px 0 30px;padding:0;list-style:none;display:grid}.copy li{color:#d0d9d2;border-left:2px solid var(--orange);padding-left:10px;font-size:11px}.button{background:var(--orange);color:#fff;border:0;border-radius:3px;align-items:center;gap:28px;padding:17px 23px;font-size:12px;transition:background .2s,transform .2s;display:inline-flex}.button:hover{background:#e65e10;transform:translateY(-3px)}.chapterbase{letter-spacing:1.3px;color:#c1cec4;z-index:3;justify-content:space-between;gap:20px;font-size:9px;display:flex;position:absolute;bottom:25px;left:6%;right:6%}.progress{z-index:8;flex-direction:column;gap:15px;display:flex;position:fixed;top:45%;right:13px}.progress a{color:#c2cfc4;background:#06241ed9;border:1px solid #fff4;border-radius:50%;place-items:center;width:25px;height:25px;font-size:9px;display:grid}.progress a.active{background:var(--orange);color:#fff;border-color:var(--orange)}.vision{text-align:center;background:radial-gradient(at bottom,#214134,#061f1b 75%);padding:100px 8%}.vision h2{letter-spacing:-1px;margin:24px 0;font:clamp(38px,5vw,65px)/1.15 Georgia,serif}.vision p{color:#b9c9bf;max-width:620px;margin:25px auto 35px;font-size:15px;line-height:1.9}footer{text-align:center;border-top:1px solid #ffffff20;padding:65px 6% 30px}footer .logo span{margin:12px 0 0;font-size:8px;display:block}footer .logo{font-size:40px;display:inline-block}footer p{color:#c0cdbf;margin:25px;font:16px Georgia,serif}footer>div{color:#aebfaf;justify-content:space-between;margin-top:50px;padding-right:110px;font-size:10px;display:flex}.motion{z-index:12;color:#fff;background:#082820e8;border:1px solid #fff5;border-radius:20px;padding:10px 13px;font-size:10px;position:fixed;bottom:15px;right:15px}.reveal{opacity:0;transition:opacity 1s,transform 1s;transform:translateY(25px)}.reveal.visible{opacity:1;transform:none}.paused *{animation-play-state:paused!important}dialog{width:90%;max-width:530px;color:var(--white);background:#0b2b24;border:1px solid #426354;border-radius:8px;padding:35px}dialog::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#001914bd}dialog h2{margin:15px 0;font:32px Georgia,serif}dialog p{color:#bdcec0;font-size:12px;line-height:1.7}.close{color:#fff;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:15px}.formrow{margin-top:17px}label{margin-bottom:7px;font-size:12px;display:block}input,select,textarea{color:#fff;background:#143b30;border:1px solid #628071;border-radius:3px;width:100%;padding:12px;font-size:13px}textarea{resize:vertical;min-height:90px}input::placeholder,textarea::placeholder{color:#9db7a7}dialog .button{margin-top:20px}@keyframes float-scene{0%{transform:scale(1)}to{transform:scale(1.07)}}@keyframes bob{50%{transform:translateY(6px)}}@media (min-width:1800px){.copy{padding-top:110px}.chapter{min-height:800px}}@media (max-width:900px){.logo span{display:none}.copy{width:54%;padding-top:65px;padding-left:5%}.c1 .copy,.c3 .copy{width:51%;margin-left:44%;padding-right:0}.copy h2{font-size:58px}.chapter .overlay{background:linear-gradient(90deg,#031b18ed,#031b1870)}.c1 .overlay,.c3 .overlay{background:linear-gradient(270deg,#031b18ed,#031b1870)}.panel h2{font-size:27px}.paneltext{left:9%}.intro h1{font-size:42px}.progress{right:7px}.chapter{min-height:720px}}@media (max-width:600px){header{height:65px;padding:0 5%}.logo{font-size:28px}nav{gap:16px;font-size:10px}nav button{font-size:10px}nav a:nth-child(2){display:none}html{scroll-padding-top:65px}.overview{height:820px;min-height:0;max-height:none}.intro{padding:0 20px;top:25px}.intro .eyebrow{letter-spacing:1.4px;font-size:7px}.intro h1{margin-top:15px;font-size:32px;line-height:1.1}.intro h1 em{display:block}.panels{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;padding-top:130px;padding-bottom:65px;display:grid}.panel{border-top:1px solid #fff2}.paneltext{bottom:20px;left:20px;right:15px}.panel h2{margin:5px 0;font-size:25px}.index{font-size:14px}.panel p{margin:5px 0;font-size:11px}.explore{margin-top:8px;padding-top:7px;font-size:9px}.shade{background:linear-gradient(#061f1b00 10%,#061f1bfa)}.p0 .scene{left:-95%}.p2 .scene{left:-90%}.chapter{height:800px;min-height:0;max-height:none}.chapter .scene{height:62%;animation-duration:18s;top:0}.chapter .overlay,.c1 .overlay,.c3 .overlay{background:linear-gradient(#061f1b00 22%,#061f1be8 55%,#061f1b 80% 100%)}.copy,.c1 .copy,.c3 .copy{width:auto;margin:0;padding:0;position:absolute;top:310px;left:7%;right:9%}.copy .eyebrow{letter-spacing:1px;font-size:8px}.copy h2{margin:15px 0;font-size:44px}.copy h2 br{display:none}.copy h2 em:before{content:" "}.copy h3{margin:18px 0 10px;font-size:16px}.copy p{font-size:12px;line-height:1.8}.copy ul{gap:10px;margin:20px 0}.copy li{font-size:10px}.chapterbase{letter-spacing:.7px;font-size:7px;bottom:21px;left:7%;right:7%}.progress{gap:10px;right:3px}.progress a{width:22px;height:22px;font-size:8px}.vision{padding:75px 8%}.vision .eyebrow{font-size:8px}.vision p{font-size:13px}.vision h2{font-size:40px}.motion{padding:8px 10px;font-size:8px}footer{padding-top:45px}footer>div{gap:15px;padding-right:75px;font-size:8px}.button{padding:15px 20px;font-size:11px}dialog{padding:28px 22px}dialog h2{font-size:27px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}.panel .scene{width:100%;left:0}
