@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');:root{--paper:#f5eedd;--mint:#d4edcd}*{box-sizing:border-box}body{margin:0;background:#091d23;color:var(--paper);font:15px/1.7 Manrope,Arial;min-height:100svh;overflow-x:hidden}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;min-height:44px;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--mint);outline-offset:5px}button:disabled{opacity:.55;cursor:not-allowed}[hidden]{display:none!important}.world{position:fixed;inset:0;isolation:isolate;overflow:hidden;z-index:-1;background:#091d23}.world-image{position:absolute;inset:-3%;background:url('assets/fold.webp') center/cover;transform:scale(1.06);transition:transform .8s cubic-bezier(.2,.7,.2,1);will-change:transform}.world-shade{position:absolute;inset:0;background:linear-gradient(90deg,#061c248c,transparent 60%),linear-gradient(0deg,#061b22ef,transparent 38%,transparent 75%,#061b2277)}#atmosphere{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.iris{position:absolute;inset:0;background:#081d24;clip-path:circle(0 at 55% 50%);pointer-events:none}.crossing .iris{animation:cross-world .95s cubic-bezier(.7,0,.2,1)}header{padding:25px 4%;display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #f5eedd33;position:relative;z-index:4}.identity{display:flex;gap:13px;align-items:center;font:600 25px/1 Manrope,Arial;letter-spacing:1.7px}.identity svg{height:41px;width:34px}.identity small{display:block;font-size:6px;letter-spacing:1.8px;margin-top:10px;font-weight:500}header nav{display:flex;gap:25px;align-items:center;font-size:11px}header button{font-size:11px;border:0;border-bottom:1px solid #f5eedd88;background:transparent;padding:10px 0}header nav>a{font-size:10px}.intro-copy{position:absolute;left:6.5%;top:25%;max-width:510px;transition:opacity .6s,transform .6s}.eyebrow{font-size:9px;letter-spacing:1.8px;margin:0 0 28px}.intro-copy h1{font:400 clamp(46px,5vw,77px)/1.09 Georgia,serif;letter-spacing:-2px;margin:0 0 25px;text-shadow:0 2px 35px #09212866}.intro-copy h1 span{font-style:italic;color:#e1edcb}.intro-copy>p:not(.eyebrow){font-size:13px;line-height:1.9;max-width:300px}.enter{display:flex;align-items:center;gap:45px;padding:12px 0;background:none;border:0;border-bottom:1px solid #efedcc99;font-size:12px}.enter span{font-size:25px}.exploring .intro-copy{opacity:0;transform:translateY(30px);pointer-events:none;visibility:hidden}.exploring-label{position:absolute;left:6.5%;top:22%;font-size:8px;letter-spacing:2px}.exploring-label button{display:block;margin-top:15px;background:#0a252e88;border:1px solid #d5e5c466;padding:10px 15px;font-size:10px;letter-spacing:0}.portal{position:absolute;left:53%;top:52%;border:0;background:transparent;display:flex;align-items:center;flex-direction:column;gap:12px;z-index:2;transform:translate(-50%,-50%);transition:left 1s,top 1s}.portal-ring{display:block;height:70px;width:70px;border:1px solid #e0f3d6cc;border-radius:50%;position:relative;box-shadow:0 0 35px #cbffd04d,inset 0 0 30px #c7ffd733;background:#d3f3c40d}.portal-ring:before{content:'';position:absolute;inset:9px;border:1px solid #e7f5db66;border-radius:50%}.portal-ring:after{content:'↗';font:23px Arial;position:absolute;inset:0;display:grid;place-items:center}.portal-label{font-size:9px;background:#09232bb5;padding:7px 12px;border:1px solid #d5e5c444;backdrop-filter:blur(4px)}body[data-scene=elsewhere] .portal{left:70%;top:43%}.service-markers{position:absolute;right:5%;top:35%;display:flex;flex-direction:column;gap:25px;align-items:start}.service-markers button{display:flex;align-items:center;gap:10px;font-size:10px;border:0;background:transparent;padding:8px 0;text-shadow:0 2px 8px #000}.service-markers i{height:7px;width:7px;background:#ecf4d2;display:block;transform:rotate(45deg);box-shadow:0 0 15px #e1edcb}.service-markers button span{background:#06212b8c;border:1px solid #e2edcf33;padding:7px 12px;backdrop-filter:blur(4px)}.world-controls{position:absolute;left:4%;right:4%;bottom:65px;display:grid;grid-template-columns:1fr 1.1fr auto;gap:55px;align-items:end;background:#081e268f;backdrop-filter:blur(12px);border:1px solid #e6edce44;padding:22px 25px;z-index:3}.tiny-label{font-size:8px;letter-spacing:1.4px;color:#d1ddc9;display:block;margin-bottom:8px}.scene-control>div{display:flex;gap:18px}.scene-control button{border:0;border-bottom:1px solid transparent;background:none;padding:5px 0;font-size:12px;color:#bdcbbd}.scene-control button[aria-pressed=true]{color:var(--paper);border-color:var(--mint)}.depth-control{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px 18px}.depth-control label{font-size:11px;grid-column:1/-1}.depth-control input{width:100%;accent-color:#d4edcd;min-height:35px;margin:0}.depth-control span{font-size:8px;color:#d1ddc9;min-width:100px;text-align:right}.brief-button{font-size:11px;border:1px solid #e2edcf99;background:#d9e8c9;color:#132c2f;padding:12px 22px}footer{position:absolute;bottom:22px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:7px;letter-spacing:1px;color:#d7ddcb}footer>span:last-child{letter-spacing:0}dialog{margin:0 0 0 auto;inset:0 0 0 auto;position:fixed;height:100svh;max-height:100svh;max-width:100%;width:min(490px,100%);background:#09232df5;backdrop-filter:blur(18px);color:var(--paper);border:0;border-left:1px solid #e0edc34d;padding:90px 38px 40px;overflow:auto}dialog::backdrop{background:#03161c77;backdrop-filter:blur(3px)}.close{position:absolute;right:20px;top:18px;width:44px;font-size:27px;background:none;border:0;color:var(--paper)}dialog h2{font:400 46px/1.1 Georgia;letter-spacing:-1px;margin:0 0 25px}dialog p{font-size:14px;line-height:1.9;color:#d5e0d1}dialog .eyebrow{font-size:8px;color:#d4edcd}dialog .detail{font-size:11px;line-height:1.9;color:#acbfbb;margin-top:24px}.story-action{display:inline-block;background:#d9e8c9;color:#132c2f;padding:15px 18px;font-size:11px;border:1px solid #d9e8c9;margin-top:20px;line-height:1.7}dialog label{display:block;font-size:12px;margin:20px 0 8px}dialog select{background:#123542;border:1px solid #9ab1a3;color:var(--paper);padding:12px;width:100%;font-size:12px}.idea-summary{border-top:1px solid #9ab1a355;padding-top:20px;font-size:12px!important;margin-top:25px}.sr-only{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden}.paused .world-image{transition:none}.paused *{animation-play-state:paused!important}@keyframes cross-world{0%{clip-path:circle(0 at 55% 50%)}43%,56%{clip-path:circle(90% at 55% 50%)}100%{clip-path:circle(0 at 55% 50%)}}@media(max-width:1000px){header nav{gap:18px}.identity{font-size:20px}.identity small{font-size:5px}.world-controls{gap:25px}.intro-copy{left:5%;max-width:420px}.intro-copy h1{font-size:60px}.service-markers{right:4%;top:37%}.service-markers button{font-size:9px}.depth-control span{min-width:80px}}@media(max-width:700px){body{min-height:930px;height:100svh}header{padding:20px 6%;align-items:start;gap:15px}.identity{font-size:17px;gap:8px;letter-spacing:.7px}.identity svg{height:31px;width:25px}.identity small{font-size:4px;letter-spacing:.8px;margin-top:7px;max-width:180px}header nav{gap:12px;flex-wrap:wrap;justify-content:end;max-width:140px}header nav>a{font-size:8px;flex-basis:100%;text-align:right}header button{font-size:8px;min-height:30px;padding:4px 0}.world-image{background-position:55% center}.world-shade{background:linear-gradient(180deg,#041e2b99,transparent 40%,#041e2bd9 80%,#041e2b),linear-gradient(90deg,#041e2b88,transparent 85%)}.intro-copy{top:160px;left:7%;right:7%;max-width:330px}.eyebrow{font-size:7px;letter-spacing:1px;margin-bottom:22px}.intro-copy h1{font-size:49px;letter-spacing:-1.5px}.intro-copy>p:not(.eyebrow){font-size:12px;max-width:240px}.enter{font-size:10px;gap:25px}.portal{left:72%;top:520px}.portal-ring{height:48px;width:48px}.portal-ring:before{inset:7px}.portal-label{font-size:7px;padding:6px 8px}body[data-scene=elsewhere] .portal{left:72%;top:500px}.service-markers{left:7%;right:auto;top:580px;gap:8px}.service-markers button{font-size:8px;padding:2px 0;min-height:33px}.service-markers button span{padding:5px 8px}.service-markers i{height:5px;width:5px}.world-controls{position:absolute;top:735px;bottom:auto;left:6%;right:6%;padding:17px;grid-template-columns:1fr auto;gap:14px 15px}.scene-control{grid-column:1}.tiny-label{font-size:6px;margin-bottom:4px}.scene-control>div{gap:14px}.scene-control button{font-size:10px;min-height:36px}.brief-button{grid-column:2;grid-row:1;font-size:9px;padding:10px 12px}.depth-control{grid-column:1/-1;gap:0 12px}.depth-control label{font-size:9px}.depth-control span{font-size:7px}.depth-control input{min-height:30px}footer{top:905px;bottom:auto;left:6%;right:6%;font-size:6px;gap:12px;display:block;padding-bottom:15px}footer>span{display:block;margin-bottom:5px}.exploring-label{left:7%;top:160px;font-size:7px;letter-spacing:1px}.exploring-label button{font-size:9px;padding:8px 12px}.exploring .service-markers{top:580px}.exploring .portal{top:430px}body[data-scene=elsewhere].exploring .portal{top:430px}dialog{padding:75px 27px 35px}dialog h2{font-size:37px}dialog p{font-size:13px}dialog .detail{font-size:10px}.story-action{font-size:10px}}@media(max-width:380px){.intro-copy h1{font-size:43px}.identity{font-size:15px}.identity small{font-size:4px}.intro-copy{top:155px}.portal-label{font-size:6px}.world-controls{left:5%;right:5%;padding:15px}.brief-button{font-size:8px;padding:10px}.scene-control button{font-size:9px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
