@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:DM Sans,Arial,sans-serif;color:#eae0d2;background:#211823;font-synthesis:none;--bg:#211823;--ink:#eae0d2;--muted:#a99aaa;--accent:#bea1db;--line:#ffffff21}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid #e9c997;outline-offset:6px}::selection{background:#bea1db;color:#211823}header{height:90px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:absolute;top:0;width:100%;z-index:2}.wordmark{font-weight:800;font-size:30px}.wordmark span{font-size:22px;color:var(--accent)}.header-note,.contact,.hero-top,.eyebrow,.hero-bottom,.chapter,.project-type,.level,.gallery-nav,.dialogue-name{color:var(--muted)}.contact{font-size:12px}.contact span{margin-left:24px;color:var(--accent)}.hero{min-height:860px;height:100svh;max-height:1200px;position:relative;padding:125px 5% 0;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#6244664d,transparent 58%)}.hero-top{display:flex;justify-content:space-between;color:var(--muted);font-size:10px}.hero-top i{display:inline-block;width:5px;height:5px;background:var(--accent);margin-right:8px}.hero-center{text-align:center;position:relative;z-index:1;padding-top:50px}.eyebrow{color:var(--accent);font-size:10px;letter-spacing:2.5px}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(80px,12.9vw,190px);letter-spacing:-.085em;line-height:1;margin:24px 0 18px;font-weight:800}.exe{color:var(--accent)}.title-star{display:inline-block;font-size:.33em;vertical-align:top;line-height:1.2;margin:0 .15em;color:var(--accent)}.hero-subtitle{font-size:clamp(20px,2.1vw,31px);line-height:1.4;margin:0;letter-spacing:-1px}.hero-subtitle em{font-family:Georgia,serif;font-weight:400;color:#c4acd6}.hero-avatar{height:170px;position:relative;width:210px;margin:13px auto 9px;display:flex;align-items:center;justify-content:center}.character{display:block;width:62px;height:93px;position:relative;filter:drop-shadow(0 6px 5px #0b060b66)}.character svg{width:100%;height:100%;display:block}.hero-character{width:68px;height:102px;z-index:1;transform:translateY(-4px)}.avatar-floor{position:absolute;width:130px;height:23px;background:#b99acf12;border:1px solid #bea1db38;bottom:23px;clip-path:polygon(12% 0,88% 0,100% 50%,88% 100%,12% 100%,0 50%)}.avatar-caption{position:absolute;bottom:3px;color:#a28ba8;font-size:8px}.spark{position:absolute;color:#bfa0d7}.s1{top:25px;right:24px;font-size:22px}.s2{left:25px;bottom:58px}.button{display:inline-flex;align-items:center;justify-content:center;gap:28px;background:#c7abd9;color:#281c2d;min-height:55px;padding:0 29px;font-family:Courier New,monospace;font-size:12px;font-weight:700;letter-spacing:1px;clip-path:polygon(5px 0,calc(100% - 5px) 0,calc(100% - 5px) 5px,100% 5px,100% calc(100% - 5px),calc(100% - 5px) calc(100% - 5px),calc(100% - 5px) 100%,5px 100%,5px calc(100% - 5px),0 calc(100% - 5px),0 5px,5px 5px);transition:background .2s,transform .2s}.button:hover{background:#e4cfed;transform:translateY(-3px)}.start{min-width:240px}.start-caption{color:#9e8b9e;font-size:11px;margin-top:16px}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;height:76px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);color:#9f8ea3;font-size:9px;z-index:1}.hero-bottom a{color:var(--ink)}.hero-bottom a span{margin-left:16px}.pixel-mountain{position:absolute;bottom:75px;width:32%;height:170px;background:#b69ac506;clip-path:polygon(0 70%,10% 70%,10% 55%,25% 55%,25% 35%,40% 35%,40% 20%,55% 20%,55% 0,65% 0,65% 35%,80% 35%,80% 65%,100% 65%,100% 100%,0 100%)}.mountain-one{left:0}.mountain-two{right:0;transform:scaleX(-1);height:230px}.journey,.final-project{max-width:1450px;margin:auto;padding:0 9%}.project{padding:40px 0 88px;border-top:1px solid var(--line);scroll-margin-top:30px}.project-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.level{color:var(--accent);border:1px solid #bea1db50;padding:8px 12px;font-size:10px}.project-type{font-size:9px;color:var(--muted);text-align:right}.project-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:46px;align-items:center}.project:nth-child(2n) .gallery{order:2}.project:nth-child(2n) .project-layout{grid-template-columns:minmax(0,1fr) minmax(0,1.65fr)}.gallery{min-width:0;background:#19131d;border:1px solid #ffffff14;padding:9px 9px 0;box-shadow:0 20px 50px #100a121f}.image-open{display:block;position:relative;border:0;background:#171219;width:100%;padding:0;overflow:hidden}.image-open img{width:100%;height:clamp(240px,26vw,390px);object-fit:contain;display:block;transition:transform .4s}.image-open:hover img{transform:scale(1.025)}.zoom{position:absolute;bottom:10px;right:10px;background:#251c2eee;border:1px solid #bea1db66;width:30px;height:30px;display:grid;place-items:center;color:var(--accent)}.gallery-nav{display:flex;justify-content:space-between;align-items:center;gap:8px;min-height:47px;font-size:8px;color:#97879d;letter-spacing:1px}.gallery-nav>div{display:flex;gap:4px}.gallery-dot{background:none;border:1px solid transparent;padding:6px;font-size:9px;color:#9986a4}.gallery-dot.selected{border-color:#bea1db55;background:#bea1db17;color:#e3c8f1}.chapter{font-size:8px;color:#9c84a8;letter-spacing:1.4px}h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-1.6px;font-size:clamp(28px,3vw,43px);line-height:1.12;font-weight:500;margin:17px 0}.project-copy>p{font-size:13px;line-height:1.8;color:#b6a8b8;margin:0 0 22px}.dialogue{border:1px solid #b59ac43b;background:#b59ac407;padding:17px 19px;position:relative;margin-top:25px}.dialogue:before{content:"";position:absolute;left:-5px;top:20px;width:7px;height:7px;background:var(--bg);border-left:1px solid #b59ac43b;border-bottom:1px solid #b59ac43b;transform:rotate(45deg)}.dialogue-name{color:#c6abd7;font-size:9px;display:flex;justify-content:space-between}blockquote{font-size:13px;line-height:1.7;margin:10px 0 0;color:#d6c8d8}.project-copy>.aside-note{font-size:11px;margin:15px 0 0;color:#8e8094}.portal{text-align:center;position:relative;padding:55px 20px 100px;background:radial-gradient(ellipse at 50% 45%,#9570b228,transparent 55%)}.portal-ring{margin:45px auto 36px;width:110px;height:145px;border:7px double #c8a5e5;box-shadow:0 0 50px #b38ad43b,inset 0 0 30px #b38ad42b;border-radius:50% 50% 4px 4px;display:grid;place-items:center;outline:1px solid #b494cc33;outline-offset:9px}.portal-ring span{font-size:38px;color:#e0c5f1}.portal-question{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,3.2vw,44px);line-height:1.35;letter-spacing:-1.3px}.portal-question em{font-family:Georgia,serif;color:#c8a8dd}.unlock{display:flex;align-items:center;flex-direction:column;gap:12px;margin-top:45px}.unlock>span{color:#ddc49c;font-size:10px}.unlock small{color:#9d83ae;font-size:8px;letter-spacing:2px}.unlock strong{font-size:23px;color:#ddc8ea;letter-spacing:4px}.final-project .project{border-color:#bd99d44d}.final-project .button{margin-top:24px}.ending{padding:80px 9% 75px;max-width:1450px;margin:auto;border-top:1px solid var(--line)}.ending h2{font-size:clamp(45px,6.6vw,88px);letter-spacing:-4px;line-height:1.08;margin:35px 0 55px}.ending h2 em{font-family:Georgia,serif;font-weight:400;color:#bea1d0}.ending-bottom{display:flex;align-items:end;justify-content:space-between;gap:30px}.role{font-size:9px;color:#c0a9ce}.ending-bottom p{font-size:12px;color:#908097}.ending-bottom p span{color:#c7abd9;margin-left:7px}footer{padding:30px 5%;display:flex;justify-content:space-between;border-top:1px solid var(--line);font-size:9px;color:#9a879e}footer>a:first-child{color:#d8c8df;font-weight:700}.traveler{position:fixed;left:2.5%;top:46%;z-index:3;display:flex;align-items:center;flex-direction:column;gap:10px;opacity:0;transition:opacity .3s;pointer-events:none}.traveler.active{opacity:1}.traveler-level{font-size:8px;color:#c2a7d6}.traveler .character{width:38px;height:57px}.trail{width:1px;height:60px;background:linear-gradient(#b694cf55,transparent)}.walking .leg-a{animation:walk-a .3s steps(2,end) infinite}.walking .leg-b{animation:walk-b .3s steps(2,end) infinite}@keyframes walk-a{50%{transform:translateY(-3px) translate(-1px)}}@keyframes walk-b{50%{transform:translateY(2px) translate(1px)}}.reveal{opacity:0;transform:translateY(25px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:none}.placeholder{min-height:260px;display:flex;flex-direction:column;gap:20px;align-items:center;justify-content:center;padding:30px;text-align:center;background:radial-gradient(#5c406455,transparent)}.placeholder span,.placeholder small{font-family:monospace;color:#b99bc9}.placeholder strong{font-size:30px;font-weight:500}.lightbox{width:94vw;max-width:1400px;height:94svh;max-height:none;border:1px solid #bca1d344;background:#19131ded;padding:20px;color:var(--ink)}.lightbox::backdrop{background:#0d080ff0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lightbox[open]{display:flex;flex-direction:column}.lightbox-toolbar{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px}.lightbox button{background:#392b40;border:1px solid #bea1db55;padding:10px 16px;font-family:monospace;font-size:12px}.lightbox>img{display:block;width:100%;height:0;flex:1;min-height:0;object-fit:contain;margin:18px 0}.lightbox-controls{display:flex;align-items:center;justify-content:center;gap:25px;font-family:monospace;font-size:12px}.modal-open{overflow:hidden}@media(min-width:1500px){.hero-center{padding-top:65px}.hero-avatar{height:190px}.hero-subtitle{font-size:32px}}@media(max-height:850px)and (min-width:761px){.hero{min-height:760px}.hero-center{padding-top:35px}h1{font-size:12vw}.hero-avatar{height:140px}.hero-character{height:85px;width:57px}}@media(max-width:1000px){.project-layout,.project:nth-child(2n) .project-layout{gap:27px;grid-template-columns:1.4fr 1fr}.project:nth-child(2n) .project-layout{grid-template-columns:1fr 1.4fr}.project-type{font-size:8px}.hero{min-height:800px}.hero-center{padding-top:90px}.gallery-nav>span:last-child{display:none}.ending-bottom{align-items:start;flex-direction:column}.traveler{left:1.5%}.traveler .character{width:30px;height:45px}}@media(max-width:760px){header{height:72px;padding:0 6%}.header-note{display:none}.hero{min-height:780px;height:100svh;padding:102px 6% 0}.hero-top{font-size:8px}.hero-top>span:last-child{display:none}.hero-center{padding-top:65px}h1{font-size:18vw;letter-spacing:-.08em;margin:30px 0}.title-star{margin:0 .08em}.hero-subtitle{font-size:23px}.hero-avatar{height:175px;margin-top:20px}.hero-bottom{left:6%;right:6%;font-size:8px}.hero-bottom>span:first-child{display:none}.hero-bottom>span:last-child{font-size:7px}.start-caption{font-size:9px}.journey,.final-project{padding:0 7%}.project{padding:25px 0 60px}.project-heading{margin-bottom:20px;align-items:start}.project-type{max-width:210px;line-height:1.7;font-size:8px}.project-layout,.project:nth-child(2n) .project-layout{display:flex;flex-direction:column;align-items:stretch;gap:25px}.project:nth-child(2n) .gallery{order:0}.image-open img{height:55vw;max-height:420px}.project-copy h2{font-size:34px;margin:13px 0}.project-copy>p{font-size:13px;margin-bottom:17px}.chapter{font-size:8px}.dialogue{margin-top:18px}.gallery-nav>span:last-child{display:block}.traveler{inset:auto 8px 18px auto;background:#211823dd;border:1px solid #bea1db33;padding:7px 5px;gap:4px}.traveler .character{width:24px;height:36px}.traveler-level{font-size:6px}.trail{display:none}.portal{padding:35px 7% 75px}.portal-question{font-size:26px}.unlock strong{font-size:20px}.ending{padding:55px 7%}.ending h2{font-size:clamp(39px,8.5vw,64px);letter-spacing:-2px;margin:30px 0 40px}.ending-bottom .button{font-size:10px;padding:0 20px}footer{padding:25px 7%;gap:20px;flex-wrap:wrap;font-size:8px}footer>span{order:3;width:100%;font-size:7px}.lightbox{width:98vw;height:94svh;padding:12px}.lightbox-title{font-size:11px}.lightbox button{padding:9px 11px}.pixel-mountain{width:45%;height:140px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.image-open:hover img{transform:none}}.dialogue{display:flex;align-items:flex-start;gap:14px;padding:16px}.dialogue-portrait{flex:0 0 48px;height:54px;overflow:hidden;background:#bea1db0c;border:1px solid #bea1db26;display:flex;justify-content:center;padding-top:4px}.dialogue-portrait .character{width:55px;height:82.5px;flex:none;filter:none}.dialogue-text{min-width:0;flex:1}.dialogue blockquote{margin-top:8px}.journey>.project:first-child{border-top:0}.hero-bottom{border-top:0}.gallery-nav{font-family:Courier New,monospace}@media(max-width:760px){.dialogue{gap:10px;padding:13px}.dialogue-portrait{flex-basis:36px;height:42px;padding-top:2px}.dialogue-portrait .character{width:43px;height:64.5px}}.project-mockup{min-width:0}.project-mockup .image-open{background:transparent;overflow:visible}.project-mockup .image-open img{height:auto;max-height:none;width:100%;object-fit:contain;transition:none}.project-mockup .image-open:hover img{transform:none}
