@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400&family=Manrope:wght@300;400;500&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#eee8dc;background:#0b0908;--gold:#d6aa62;--sea:#70aeb2;--red:#b86953;--line:rgba(230,219,198,.14);--muted:#91887b}*{box-sizing:border-box}html,body,#root{margin:0;min-width:320px;min-height:100%;background:#0b0908}button{font:inherit;color:inherit}button:focus-visible{outline:1px solid var(--gold);outline-offset:4px}.eyebrow{color:var(--gold);font:9px/1.5 DM Mono;letter-spacing:.17em}.brand{display:inline-flex;align-items:center;gap:10px;text-transform:uppercase;font:10px DM Mono;letter-spacing:.14em}.brand>i{width:7px;height:7px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 10px var(--gold)}.brand b{font-weight:400;color:#61574d;margin-left:5px}.brand em{font-style:normal;color:var(--gold);border-left:1px solid var(--line);padding-left:10px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;padding:15px 18px;background:#7c5a3526;border:1px solid rgba(214,170,98,.4);font-size:12px;cursor:pointer}.secondary{padding:12px 3px;background:none;border:0;border-bottom:1px solid #5e5143;color:#9a8e80;font-size:11px;cursor:pointer}.landing{position:relative;min-height:100vh;overflow:hidden;padding:34px 5vw;background:radial-gradient(circle at 79% 50%,rgba(140,90,49,.12),transparent 32%),#0b0908}.landing header{position:relative;z-index:3}.hero{position:relative;z-index:3;width:min(850px,70vw);margin:clamp(80px,12vh,135px) 0 0 7vw}.hero h1{font-weight:300;font-size:clamp(51px,5.9vw,91px);line-height:.93;letter-spacing:-.06em;margin:24px 0}.hero h1 em{font-style:normal;color:#8e8273}.hero>p:not(.eyebrow){max-width:550px;color:#a39a8e;font-size:clamp(14px,1.2vw,18px);line-height:1.7}.hero .primary{margin:16px 20px 0 0}.hero small{display:block;color:#655b50;font:8px DM Mono;letter-spacing:.11em;text-transform:uppercase;margin-top:18px}.landing footer{position:absolute;left:5vw;bottom:28px;color:#655b50;font:8px DM Mono;letter-spacing:.08em}.hero-threads{position:absolute;right:-4vw;top:4vh;width:min(59vw,820px);height:86vh}.hero-threads i{position:absolute;left:5%;right:4%;top:36%;height:42%;border:1px solid rgba(214,170,98,.16);border-left:0;border-right:0;border-radius:50%;transform:rotate(-12deg)}.hero-threads i:nth-child(2){top:20%;border-color:#70aeb221;transform:rotate(17deg)}.hero-threads b{position:absolute;left:17%;top:43%;width:14px;height:14px;border:1px solid var(--gold);border-radius:50%;box-shadow:0 0 18px var(--gold)}.hero-threads b:last-child{left:auto;right:12%;top:65%;border-color:var(--sea);box-shadow:0 0 18px var(--sea)}.experience{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;background:#0b0908}.top{position:absolute;z-index:9;left:0;right:0;top:0;height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw}.top button{border:0;background:none;color:#877d70;font:8px DM Mono;letter-spacing:.1em;text-transform:uppercase;cursor:pointer}.grain{position:absolute;z-index:8;pointer-events:none;top:-80%;right:-80%;bottom:-80%;left:-80%;opacity:.024;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 150 150' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.loom{position:absolute;top:72px;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 48%,rgba(132,77,42,.08),transparent 42%),linear-gradient(#100d0b,#090807);overflow:hidden}.loom.odyssey{background:radial-gradient(circle at 52% 50%,rgba(55,107,111,.1),transparent 42%),linear-gradient(#090e0e,#080909)}.thread{position:absolute;left:7%;right:7%;top:54%;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 8%,var(--gold) 92%,transparent);opacity:.3}.odyssey .thread{background:linear-gradient(90deg,transparent,var(--sea) 8%,var(--sea) 92%,transparent)}.loom>button{position:absolute;z-index:3;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:112px;border:0;background:none;text-align:center;cursor:pointer}.loom>button:after{content:"";position:absolute;left:50%;top:26px;height:calc(54vh - var(--y));min-height:25px;border-left:1px solid rgba(214,170,98,.12)}.loom>button i{display:block;width:12px;height:12px;margin:auto;border:1px solid var(--gold);border-radius:50%;background:#0b0908;transition:.3s}.odyssey>button i{border-color:var(--sea)}.loom>button span,.loom>button b{display:block}.loom>button span{margin-top:9px;color:#766a5d;font:6px DM Mono;letter-spacing:.1em}.loom>button b{margin-top:4px;color:#958a7c;font-size:8px;font-weight:400;line-height:1.2}.loom>button.active i{background:var(--gold);box-shadow:0 0 22px var(--gold);transform:scale(1.25)}.odyssey>button.active i{background:var(--sea);box-shadow:0 0 22px var(--sea)}.loom>button.active b{color:#eee8dc}.city{position:absolute;bottom:12%;color:#62574a}.city i{display:inline-block;width:32px;height:80px;border:1px solid currentColor;margin-right:4px;clip-path:polygon(0 100%,0 25%,24% 25%,24% 0,43% 0,43% 25%,65% 25%,65% 9%,83% 9%,83% 25%,100% 25%,100% 100%)}.city span{display:block;font:7px DM Mono;letter-spacing:.15em}.troy{left:5%}.ithaca{right:5%;color:#516c6d}.city.ithaca i{height:48px;width:45px;clip-path:polygon(0 100%,0 35%,50% 0,100% 35%,100% 100%)}.story{position:absolute;z-index:5;left:6.5vw;bottom:13vh;width:min(590px,47vw);animation:in .6s ease both}.story>span{color:var(--gold);font:9px DM Mono;letter-spacing:.14em}.experience.odyssey .story>span{color:var(--sea)}.story h2{font-size:clamp(38px,4.5vw,68px);line-height:1;letter-spacing:-.05em;font-weight:300;margin:18px 0 13px}.story p{color:#a39a8e;font-size:13px;line-height:1.65}.story small{display:block;color:#71675c;font:9px/1.6 DM Mono;letter-spacing:.04em}.story>button{margin-top:17px;padding:0 0 6px;border:0;border-bottom:1px solid rgba(214,170,98,.45);background:none;color:var(--gold);font:9px DM Mono;letter-spacing:.12em;text-transform:uppercase;cursor:pointer}.story-nav{position:absolute;z-index:7;left:50%;bottom:5.5vh;transform:translate(-50%);display:flex;gap:12px;align-items:center}.story-nav button{width:30px;height:30px;background:#0b0908d9;border:1px solid var(--line);cursor:pointer}.story-nav button:disabled{opacity:.2}.story-nav i{color:#645a4e;font:8px DM Mono;font-style:normal}.progress{position:absolute;z-index:6;left:6.5vw;right:6.5vw;bottom:5.5vh;height:1px;background:linear-gradient(to right,var(--gold) var(--p),rgba(255,255,255,.12) var(--p))}@keyframes in{0%{opacity:0;transform:translateY(14px)}}.epics{position:absolute;z-index:5;left:3vw;top:100px;display:flex}.epics button{width:150px;padding:12px;border:1px solid var(--line);background:#0a0807c2;color:#776b5e;font:8px DM Mono;text-align:left;cursor:pointer}.epics button+button{border-left:0}.epics span{color:#51483f;margin-right:10px}.epics button.active{color:#eee8dc;background:#d6aa621a;box-shadow:inset 0 2px var(--gold)}.ordering{position:absolute;z-index:5;right:3vw;top:104px;display:flex;align-items:center}.ordering span{color:#645a4f;font:7px DM Mono;letter-spacing:.12em;margin-right:10px}.ordering button{padding:8px 10px;border:1px solid var(--line);background:#0a0807bf;color:#776d61;font:7px DM Mono;cursor:pointer}.ordering button+button{border-left:0}.ordering button.active{color:var(--gold)}.detail{position:absolute;z-index:5;left:3vw;bottom:4vh;width:min(590px,48vw);animation:in .4s ease}.detail h2{font-size:clamp(34px,4vw,58px);font-weight:300;letter-spacing:-.045em;line-height:1;margin:9px 0}.detail>p:not(.eyebrow){color:#9d9488;font-size:12px;line-height:1.65;max-width:540px}.people{display:flex;gap:6px;flex-wrap:wrap}.people span{padding:5px 7px;border:1px solid var(--line);color:#897f72;font:7px DM Mono;text-transform:uppercase}.detail small{display:block;margin-top:10px;color:var(--gold);font:7px DM Mono;letter-spacing:.12em}.hint{position:absolute;z-index:5;right:3vw;bottom:3vh;color:#5f564c;font:7px DM Mono;letter-spacing:.1em}.scrim{position:fixed;z-index:20;top:0;right:0;bottom:0;left:0;background:#030202c7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:flex-end}.info{position:relative;width:min(580px,100%);height:100%;overflow:auto;padding:7vh 7%;background:#130e0a;border-left:1px solid var(--line)}.close{position:absolute;right:28px;top:20px;border:0;background:none;font-size:27px;color:#887d70;cursor:pointer}.info h2{font-size:clamp(38px,4vw,58px);font-weight:300;line-height:1;letter-spacing:-.05em}.info>p:not(.eyebrow){color:#a1988b;font-size:12px;line-height:1.7}.info dl div{display:grid;grid-template-columns:95px 1fr;border-top:1px solid var(--line);padding:14px 0}.info dt{color:var(--gold);font:8px DM Mono;text-transform:uppercase}.info dd{margin:0;color:#8b8175;font-size:10px;line-height:1.6}.info h3{font:9px DM Mono;letter-spacing:.12em;text-transform:uppercase}.info>a{display:block;color:#918678;border-top:1px solid var(--line);padding:10px 0;font-size:10px;text-decoration:none}.info .primary{margin-top:18px}@media(max-width:760px){.landing{padding:24px 22px 90px;overflow-y:auto}.hero{width:auto;margin:12vh 0 0}.hero h1{font-size:clamp(44px,12.4vw,60px)}.hero .primary{display:flex;margin-right:0}.hero .secondary{display:block;margin-top:8px}.landing footer{position:relative;left:auto;bottom:auto;margin-top:80px}.hero-threads{width:120vw;right:-70vw;opacity:.45}.top{height:62px;padding:0 18px}.top button{font-size:0}.top button:after{content:"?";font-size:14px}.loom{top:62px;right:0;bottom:0;left:0}.story{left:22px;bottom:14vh;width:calc(100% - 44px)}.story h2{font-size:35px;max-width:96%}.story p{font-size:11px}.story small{font-size:8px}.progress{left:22px;right:22px}.loom>button{width:74px}.loom>button b{font-size:6px}.city{opacity:.5}.epics{left:14px;top:77px}.epics button{width:128px}.ordering{left:14px;right:auto;top:128px}.loom.lab{top:0}.detail{left:18px;bottom:4vh;width:calc(100% - 36px)}.detail h2{font-size:32px}.detail>p:not(.eyebrow){font-size:10px;max-width:94%}.hint{display:none}.experience.lab .loom{opacity:.62}.experience.lab .thread{top:48%}.experience.lab .loom>button{top:var(--y)!important;transform:translate(-50%,-50%) scale(.8)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important}.grain{display:none}}