@view-transition{navigation:auto}::view-transition-old(root){animation:.24s both journey-leave}::view-transition-new(root){animation:.5s both journey-arrive}body:after{content:"";z-index:10000;pointer-events:none;opacity:0;background:#f4f0e7;transition:opacity .22s;position:fixed;inset:0}body.journey-departing:after{opacity:1}body.journey-departing dialog[open]{opacity:0;transition:opacity .22s}body.journey-departing dialog::backdrop{background:#f4f0e7;transition:background .22s}.map-world,.exhibit-page>main{animation:.65s both journey-arrive}@keyframes journey-leave{to{opacity:0;transform:translateY(-6px)}}@keyframes journey-arrive{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.map-world,.exhibit-page>main{animation:none}::view-transition-old(root){animation:none}::view-transition-new(root){animation:none}body:after{transition:none}}.cloud-transition{z-index:20;pointer-events:none;visibility:hidden;opacity:0;background:radial-gradient(36% 33% at 9% 78%,#f8fcff 17%,#e9f2fa 65%,#0000 100%),radial-gradient(39% 43% at 28% 17%,#fff 15%,#e4eff9 68%,#0000 100%),radial-gradient(43% 38% at 57% 75%,#fff 18%,#d9e9f7 73%,#0000 100%),radial-gradient(42% 43% at 84% 23%,#fbfdff 13%,#e0ecf7 70%,#0000 100%),linear-gradient(130deg,#e8f3fb,#fbfdff 51%,#dcecf8);position:fixed;inset:0}.cloud-transition:before,.cloud-transition:after{content:"";pointer-events:none;position:absolute;inset:-12%}.cloud-transition:before{opacity:.9;background:radial-gradient(25% 27% at 19% 44%,#fff 10%,#fff0 100%),radial-gradient(28% 25% at 70% 56%,#fff 9%,#fff0 100%),radial-gradient(24% 29% at 90% 80%,#eef7fd 9%,#eef7fd00 100%);transform:translate(-7%,3%)scale(1.08)}.cloud-transition:after{background:radial-gradient(70% 43% at 50% 51%,#ffffff75,#fff0 75%);transform:translate(7%,-3%)scale(1.08)}.cloud-loader{z-index:1;color:#879cab;text-align:center;place-items:center;font-family:Georgia,Times New Roman,serif;display:grid;position:absolute;inset:0}.cloud-loader-center{position:absolute;inset:0}.cloud-loader-mark{aspect-ratio:672/708;filter:drop-shadow(0 15px 20px #4a71902e);width:clamp(145px,12vw,225px);position:absolute;top:30%;left:50%;transform:translate(-50%)}.cloud-loader-piece{object-fit:contain;filter:brightness(0)invert(4%);will-change:transform;width:100%;height:100%;display:block;position:absolute;inset:0}.cloud-loader-piece-left{clip-path:polygon(0 42%,29% 42%,30% 54%,36% 69%,50% 100%,0 100%);transform-origin:50% 100%}.cloud-loader-piece-right{clip-path:polygon(71% 42%,100% 42%,100% 100%,50% 100%,64% 69%,70% 54%);transform-origin:50% 100%}.cloud-loader-piece-center{clip-path:polygon(50% 0,72% 31%,62% 46%,54% 69%,50% 88%,46% 69%,38% 46%,28% 31%);transform-origin:50% 78%}.cloud-loader-messages{width:min(68vw,1000px);position:absolute;top:70%;left:50%;transform:translate(-50%)}.cloud-loader-message{display:none}[data-world-entry-source=gate] .cloud-entry-cover [data-loader-journey=gate-world],[data-world-entry-source=gate] .world-entry-cover [data-loader-journey=gate-world],[data-world-entry-source=portfolio] body.is-entering .cloud-entry-cover [data-loader-journey=portfolio-world],[data-world-entry-source=portfolio] .world-entry-cover [data-loader-journey=portfolio-world],[data-world-exit-target=gate] .world-exit-cover [data-loader-journey=world-gate],.arriving-from-world[data-world-exit-target=gate] .cloud-arrival-cover [data-loader-journey=world-gate],[data-world-exit-target=portfolio] .world-exit-cover [data-loader-journey=world-portfolio],.arriving-from-world[data-world-exit-target=portfolio] .cloud-arrival-cover [data-loader-journey=world-portfolio],body.is-returning-gate .cloud-entry-cover [data-loader-journey=portfolio-gate],.arriving-from-portfolio .cloud-arrival-cover [data-loader-journey=portfolio-gate]{display:block}.cloud-loader-message h2{margin:0 0 10px;font-size:clamp(22px,1.75vw,34px);font-weight:700;line-height:1.15}.cloud-loader-message p{color:#879cab;max-width:940px;margin:0 auto;font-family:Instrument Sans,Arial,sans-serif;font-size:clamp(15px,1.35vw,25px);font-weight:400;line-height:1.28}.cloud-loader-bottom{align-items:center;gap:clamp(16px,2vw,36px);display:flex;position:absolute;bottom:max(34px,7vh);left:0;right:0}.cloud-loader-bottom img{filter:brightness(0)invert(4%);width:clamp(100px,9vw,168px);height:auto;display:block}.cloud-loader-rule{background:#9eb0bb66;flex:1;height:1px}.cloud-loader-mark,.cloud-loader-messages,.cloud-loader-bottom{opacity:0;transition:opacity .45s}@keyframes cloud-mark-left{0%,50%,to{transform:none}23%,73%{transform:translate(-9px,5px)rotate(-5deg)}}@keyframes cloud-mark-right{0%,50%,to{transform:none}23%,73%{transform:translate(9px,5px)rotate(5deg)}}@keyframes cloud-mark-center{0%,50%,to{transform:none}23%,73%{transform:translateY(-13px)scale(1.035)}}body.is-entering .cloud-entry-cover :is(.cloud-loader-mark,.cloud-loader-messages,.cloud-loader-bottom),body.is-returning-gate .cloud-entry-cover :is(.cloud-loader-mark,.cloud-loader-messages,.cloud-loader-bottom),body.leaving-world .world-exit-cover :is(.cloud-loader-mark,.cloud-loader-messages,.cloud-loader-bottom),.arriving-from-portfolio:not(.gate-return-ready) .cloud-arrival-cover :is(.cloud-loader-mark,.cloud-loader-messages,.cloud-loader-bottom),.arriving-from-world:not(.world-exit-ready) .cloud-arrival-cover :is(.cloud-loader-mark,.cloud-loader-messages,.cloud-loader-bottom),.arriving-from-gate:not(.world-ready) .world-entry-cover :is(.cloud-loader-mark,.cloud-loader-messages,.cloud-loader-bottom){opacity:1}:is(body.is-entering .cloud-entry-cover,body.is-returning-gate .cloud-entry-cover,body.leaving-world .world-exit-cover,.arriving-from-world:not(.world-exit-ready) .cloud-arrival-cover,.arriving-from-portfolio:not(.gate-return-ready) .cloud-arrival-cover,.arriving-from-gate:not(.world-ready) .world-entry-cover) .cloud-loader-piece-left{animation:2.4s ease-in-out infinite cloud-mark-left}:is(body.is-entering .cloud-entry-cover,body.is-returning-gate .cloud-entry-cover,body.leaving-world .world-exit-cover,.arriving-from-world:not(.world-exit-ready) .cloud-arrival-cover,.arriving-from-portfolio:not(.gate-return-ready) .cloud-arrival-cover,.arriving-from-gate:not(.world-ready) .world-entry-cover) .cloud-loader-piece-right{animation:2.4s ease-in-out infinite cloud-mark-right}:is(body.is-entering .cloud-entry-cover,body.is-returning-gate .cloud-entry-cover,body.leaving-world .world-exit-cover,.arriving-from-world:not(.world-exit-ready) .cloud-arrival-cover,.arriving-from-portfolio:not(.gate-return-ready) .cloud-arrival-cover,.arriving-from-gate:not(.world-ready) .world-entry-cover) .cloud-loader-piece-center{animation:2.4s ease-in-out infinite cloud-mark-center}body.is-entering .cloud-entry-cover,body.is-returning-gate .cloud-entry-cover,body.leaving-world .world-exit-cover{visibility:visible;opacity:1;will-change:opacity;transition:opacity 1.15s cubic-bezier(.2,.7,.2,1)}body.is-entering .cloud-entry-cover:before,body.is-returning-gate .cloud-entry-cover:before,body.leaving-world .world-exit-cover:before,.arriving-from-world .cloud-arrival-cover:before,.arriving-from-portfolio .cloud-arrival-cover:before,.arriving-from-gate .world-entry-cover:before,body.is-entering .cloud-entry-cover:after,body.is-returning-gate .cloud-entry-cover:after,body.leaving-world .world-exit-cover:after,.arriving-from-world .cloud-arrival-cover:after,.arriving-from-portfolio .cloud-arrival-cover:after,.arriving-from-gate .world-entry-cover:after{transition:transform 1.15s cubic-bezier(.2,.7,.2,1);transform:none}.arriving-from-world .cloud-arrival-cover,.arriving-from-portfolio .cloud-arrival-cover{visibility:visible;opacity:1}.arriving-from-portfolio.gate-return-ready .cloud-arrival-cover,.arriving-from-world.world-exit-ready .cloud-arrival-cover{visibility:hidden;opacity:0;transition:opacity 1.3s cubic-bezier(.45,0,.2,1),visibility 0s linear 1.3s}.arriving-from-world.world-exit-ready .cloud-arrival-cover:before,.arriving-from-portfolio.gate-return-ready .cloud-arrival-cover:before,.arriving-from-gate.world-ready .world-entry-cover:before{transition-duration:1.3s;transform:translate(7%,-3%)scale(1.08)}.arriving-from-world.world-exit-ready .cloud-arrival-cover:after,.arriving-from-portfolio.gate-return-ready .cloud-arrival-cover:after,.arriving-from-gate.world-ready .world-entry-cover:after{transition-duration:1.3s;transform:translate(-7%,3%)scale(1.08)}@media (width<=640px){.cloud-loader-mark{width:min(38vw,190px);top:25%}.cloud-loader-messages{width:min(84vw,480px);top:61%}.cloud-loader-message h2{font-size:clamp(20px,5vw,27px)}.cloud-loader-message p{font-size:clamp(13px,3.3vw,17px)}.cloud-loader-bottom{bottom:max(22px,5vh)}}body.is-opening-portfolio .cloud-entry-cover,.arriving-from-gate-portfolio .cloud-arrival-cover{visibility:visible;opacity:1;background:radial-gradient(at 30% 70%,#fff,#0000 65%),#f5f5f2}body.is-opening-portfolio .cloud-entry-cover{pointer-events:auto;transition:opacity .9s cubic-bezier(.22,.61,.36,1)}.arriving-from-gate-portfolio.portfolio-entry-ready .cloud-arrival-cover{visibility:hidden;opacity:0;transition:opacity 1.1s cubic-bezier(.45,0,.2,1),visibility 0s linear 1.1s}.arriving-from-gate-portfolio .cloud-arrival-cover .cloud-loader{display:none}body.is-opening-portfolio .gate-brand,body.is-opening-portfolio .gate-choice,body.is-opening-portfolio .gate-chat,body.is-opening-portfolio .gate-settings{opacity:0;transition:opacity .5s}@media (prefers-reduced-motion:reduce){body.is-opening-portfolio .cloud-entry-cover{transition-duration:.15s}.arriving-from-gate-portfolio.portfolio-entry-ready .cloud-arrival-cover{transition-duration:.2s,.2s}.cloud-transition:before,.cloud-transition:after{transform:none}.cloud-loader-piece{animation:none!important}body.is-entering .cloud-entry-cover,body.is-returning-gate .cloud-entry-cover,body.leaving-world .world-exit-cover{transition-duration:.15s}.arriving-from-world.world-exit-ready .cloud-arrival-cover,.arriving-from-portfolio.gate-return-ready .cloud-arrival-cover{transition-duration:.2s,.2s}}:root{color:#17221c;font-synthesis:none;background:#f4f5ef;font-family:Instrument Sans,Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.site-header,.site-footer{justify-content:space-between;align-items:center;gap:24px;padding:28px 5vw;display:flex}.site-header{border-bottom:1px solid #17221c24}.brand{letter-spacing:.045em;font-size:14px;font-weight:800}.site-header nav{text-transform:uppercase;gap:clamp(16px,3vw,40px);font-size:12px;display:flex}.site-header a:hover,.site-footer a:hover,.intro-links a:hover,.study-links a:hover,.back-link:hover{text-underline-offset:5px;text-decoration:underline}.eyebrow{letter-spacing:.13em;text-transform:uppercase;font-size:11px;font-weight:700}.intro{background:radial-gradient(circle at 85% 25%,#d9efa4 0,#0000 28%),linear-gradient(145deg,#e3ede6,#f4f5ef 70%);flex-direction:column;justify-content:center;min-height:min(720px,84svh);padding:8vw 5vw 11vw;display:flex}.intro h1{letter-spacing:-.075em;max-width:1100px;margin:24px 0;font-size:clamp(50px,8vw,136px);font-weight:500;line-height:.98}.intro h1 em{font-weight:400}.intro>p:not(.eyebrow){max-width:540px;font-size:clamp(16px,1.5vw,21px);line-height:1.6}.intro-links{text-transform:uppercase;gap:32px;margin-top:32px;font-size:13px;font-weight:700;display:flex}.projects{padding:100px 5vw 130px}.section-heading{grid-template-columns:1fr auto;align-items:end;gap:12px;margin-bottom:35px;display:grid}.section-heading .eyebrow{grid-column:1/-1;margin:0}.section-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(32px,4vw,64px);font-weight:500}.section-heading span{color:#59665b;font-size:12px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 20px;display:grid}.project-card{min-width:0}.project-image{aspect-ratio:4/3;background:#dbe4d7;border-radius:3px;place-items:center;display:grid;overflow:hidden}.project-image img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.2,.7,.1,1)}.project-card:hover img{transform:scale(1.045)}.project-image>span{color:#a0b49d;font-size:clamp(70px,12vw,190px)}.project-meta{justify-content:space-between;gap:16px;padding-top:17px;display:flex}.project-meta h3{letter-spacing:-.035em;margin:0 0 7px;font-size:clamp(17px,1.5vw,24px);font-weight:600}.project-meta p{color:#667267;margin:0;font-size:12px}.project-meta>span{font-size:24px}.site-footer{border-top:1px solid #17221c24;font-size:11px;font-weight:600}.study{padding:8vw 5vw 100px}.study>h1{letter-spacing:-.075em;max-width:1100px;margin:22px 0 60px;font-size:clamp(54px,10vw,150px);font-weight:500;line-height:.98}.study-facts{border-top:1px solid #17221c40;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 0 40px;padding-top:22px;display:grid}.study-facts div{flex-direction:column;gap:8px;display:flex}.study-facts span{color:#687568;text-transform:uppercase;font-size:11px}.study-facts strong{font-size:15px;font-weight:500}.study-hero{background:#dbe4d7;overflow:hidden}.study-hero img{object-fit:contain;width:100%;max-height:80svh}.study-content{grid-template-columns:repeat(2,minmax(0,1fr));gap:8vw;margin:110px 0;display:grid}.study-content h2{letter-spacing:-.06em;font-size:clamp(32px,3vw,48px);font-weight:500}.study-copy{white-space:pre-line;max-width:580px;font-size:clamp(16px,1.4vw,20px);line-height:1.65}.study-links{text-transform:uppercase;gap:30px;margin-bottom:70px;font-size:13px;font-weight:700;display:flex}.study-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:80px;display:grid}.study-gallery img{background:#dbe4d7;width:100%;height:auto}.back-link{text-transform:uppercase;font-size:13px;font-weight:700}:focus-visible{outline-offset:4px;outline:2px solid #264b2f}@media (width<=800px){.project-grid,.study-facts{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=600px){.site-header,.site-footer{padding:22px 6vw}.site-header nav{gap:14px;font-size:10px}.intro{min-height:76svh;padding:80px 6vw}.intro-links{flex-direction:column;gap:17px}.projects{padding:70px 6vw}.project-grid,.study-content,.study-gallery,.section-heading{grid-template-columns:1fr}.study{padding:80px 6vw}.study>h1{margin-bottom:40px}.study-content{margin:70px 0}}.portfolio-music-toggle{z-index:5;color:#fff;font:inherit;letter-spacing:.08em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;background:#274d3dde;border:1px solid #f6fff9b8;border-radius:999px;padding:9px 15px;font-size:10px;font-weight:700;position:fixed;bottom:18px;left:50%;transform:translate(-50%);box-shadow:0 6px 22px #12302147}.portfolio-music-credit{color:#667267;text-align:center;margin:0;padding:0 5vw 28px;font-size:10px}.portfolio-music-credit a{text-underline-offset:2px;text-decoration:underline}.portfolio-index .site-header{z-index:4;color:#f8f5eb;background:linear-gradient(#0b2123b8,#0000);border:0;position:absolute;top:0;left:0;right:0}.portfolio-index .brand img{filter:drop-shadow(0 2px 8px #06191d80);width:clamp(95px,9vw,145px);height:auto}.portfolio-index .site-header nav{text-shadow:0 2px 8px #071719;font-weight:700}.character-selection{isolation:isolate;color:#f7f2e7;background:#203439 var(--character-background) center / cover no-repeat;flex-direction:column;justify-content:space-between;min-height:max(760px,100svh);padding:clamp(112px,13vh,145px) 4vw 32px;display:flex;position:relative;overflow:hidden}.character-selection:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(#0a1b27a3 0%,#08212615 32%,#071b1eb8 75%,#061619f5 100%);position:absolute;inset:0}.character-selection-heading{z-index:2;text-align:center;text-shadow:0 2px 14px #061b22a8;position:relative}.character-selection-kicker,.character-detail-kicker{letter-spacing:.24em;margin:0;font-size:10px;font-weight:700}.character-selection-kicker span{color:#a5c9bf;padding:0 9px}.character-selection-heading h1{letter-spacing:-.065em;margin:9px 0 2px;font:italic 700 clamp(46px,5.8vw,100px)/.95 Georgia,serif}.character-selection-heading>p:last-child{letter-spacing:.025em;margin:14px 0 0;font-size:13px}.character-options{z-index:1;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:clamp(5px,1vw,20px);width:min(100%,1560px);height:clamp(390px,55vh,670px);margin:auto auto 0;display:grid;position:relative}.character-option{min-width:0;height:100%;color:inherit;cursor:pointer;font:inherit;text-align:center;background:0 0;border:0;justify-content:center;align-items:end;padding:0 3px 9px;display:flex;position:relative;overflow:visible}.character-option:before{content:"";opacity:0;background:radial-gradient(at 50% 72%,#8de6d230,#0000 62%);border:1px solid #0000;border-radius:48% 48% 8px 8px;transition:opacity .35s,border-color .35s;position:absolute;inset:15% 1% 3%}.character-option:hover:before,.character-option:focus-visible:before,.character-option.is-selected:before{opacity:1;border-color:#c4ebe050}.character-option-figure{filter:drop-shadow(0 8px 22px #001416aa);pointer-events:none;justify-content:center;align-items:end;transition:transform .55s cubic-bezier(.2,.75,.2,1),filter .4s;display:flex;position:absolute;inset:-4% -7% 55px}.character-option:hover .character-option-figure,.character-option:focus-visible .character-option-figure,.character-option.is-selected .character-option-figure{filter:drop-shadow(0 0 25px #82ebd585)drop-shadow(0 10px 20px #001416a8);transform:translateY(-10px)scale(1.035)}.character-option-figure img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.character-option-label{z-index:1;text-shadow:0 2px 10px #000;background:linear-gradient(#0000,#061719d9 65%,#061719ec);flex-direction:column;align-items:center;gap:3px;width:100%;padding:40px 3px 10px;display:flex;position:relative}.character-option-symbol{color:#e6dac0;margin-bottom:2px;font:29px/1 serif}.character-option-label strong{letter-spacing:.045em;text-transform:uppercase;font:600 clamp(12px,1.25vw,18px)/1.25 Georgia,serif}.character-option-label small{letter-spacing:.03em;font-size:10px}.character-option.is-selected .character-option-label strong{color:#c1f7e8}.character-selection-detail{z-index:2;-webkit-backdrop-filter:blur(13px);backdrop-filter:blur(13px);background:linear-gradient(110deg,#07191ce8,#14353acb);border:1px solid #cfebdc82;justify-content:space-between;align-items:center;gap:28px;width:min(100%,1050px);min-height:115px;margin:10px auto 0;padding:19px 26px;display:flex;position:relative;box-shadow:0 15px 45px #0311148a,inset 0 0 0 1px #f5e9c21c}.character-selection-detail:before,.character-selection-detail:after{content:"◇";color:#c9b982;font-size:20px;position:absolute;top:-10px}.character-selection-detail:before{left:-8px}.character-selection-detail:after{right:-8px}.character-detail-kicker{color:#b7d8cf;font-size:9px}.character-selection-detail h2{margin:5px 0 4px;font:600 clamp(20px,2vw,28px)/1.15 Georgia,serif}.character-selection-detail p:last-child{color:#dce9e3;max-width:610px;margin:0;font-size:12px;line-height:1.5}.character-selection-detail a{color:#162529;letter-spacing:.04em;text-transform:uppercase;background:#f0e6cc;border:1px solid #e8dbb5;flex:none;align-items:center;gap:14px;padding:12px 19px;font-size:11px;font-weight:800;transition:background .25s,box-shadow .25s;display:inline-flex}.character-selection-detail a:hover,.character-selection-detail a:focus-visible{background:#fff6df;box-shadow:0 0 22px #d6fff170}.character-selection-corner{color:#d6e5dc99;letter-spacing:.16em;font-size:9px;position:absolute;bottom:12px;right:4vw}.character-option:focus-visible{outline-offset:-3px;outline:2px solid #d9fff0}@media (width<=800px){.character-selection{min-height:100svh;padding:110px 0 24px}.character-selection-heading{padding:0 22px}.character-selection-heading h1{font-size:clamp(43px,9vw,72px)}.character-options{scroll-snap-type:x mandatory;scrollbar-width:none;align-items:stretch;gap:8px;width:100%;height:min(50svh,520px);min-height:315px;padding:0 11vw 3px;scroll-padding-inline:11vw;display:flex;overflow-x:auto}.character-options::-webkit-scrollbar{display:none}.character-option{scroll-snap-align:center;flex:0 0 min(55vw,290px)}.character-option-label strong{font-size:16px}.character-selection-detail{width:calc(100% - 32px);margin-top:16px}}@media (width<=600px){.portfolio-index .site-header{padding:16px 5vw}.portfolio-index .brand img{width:85px}.portfolio-index .site-header nav{gap:12px;font-size:9px}.character-selection{background-position:54%;padding-top:92px}.character-selection-heading>p:last-child{font-size:11px}.character-options{height:min(46svh,430px);min-height:285px;padding-inline:15vw;scroll-padding-inline:15vw}.character-option{flex-basis:70vw}.character-selection-detail{flex-direction:column;align-items:stretch;gap:12px;padding:16px 19px}.character-selection-detail a{justify-content:center}.character-selection-corner{display:none}}@media (prefers-reduced-motion:reduce){.character-option:before,.character-option-figure,.character-selection-detail a{transition:none}.character-option:hover .character-option-figure,.character-option:focus-visible .character-option-figure,.character-option.is-selected .character-option-figure{transform:none}}body.portfolio-index,body.portfolio-game{height:100svh;overflow:hidden}.portfolio-index main{height:100svh}.portfolio-index .site-header{justify-content:flex-start}.portfolio-index .character-selection{height:100svh;min-height:0;padding-bottom:18px}.portfolio-index .character-options{height:min(60vh,680px);min-height:0}.character-selection-instruction{z-index:2;color:#e8efe9;letter-spacing:.13em;text-shadow:0 2px 8px #061b22;text-transform:uppercase;align-self:center;margin:3px 0 0;font-size:11px}.character-selection-instruction span{color:#e3d1a1;margin-left:9px}.portfolio-index .portfolio-music-toggle,.portfolio-game .portfolio-music-toggle{z-index:11;bottom:17px;left:auto;right:18px;transform:none}.realm-scene{isolation:isolate;color:#f4f0e5;background:#15272b var(--realm-background) center / cover no-repeat;width:100%;height:100svh;min-height:0;position:relative;overflow:hidden}.realm-scene-shade{z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0715189c,#0000 40%,#07151829 70%,#0715189c),linear-gradient(#0a1a2180,#0000 60%,#071316de);position:absolute;inset:0}.realm-traveler{object-fit:contain;object-position:bottom;filter:drop-shadow(0 20px 28px #020e10b8);pointer-events:none;width:min(34vw,450px);height:min(84vh,830px);animation:6s ease-in-out infinite alternate realm-breathe;position:absolute;bottom:-7vh;left:44%;transform:translate(-50%)}@keyframes realm-breathe{0%{transform:translate(-50%)translateY(0)}to{transform:translate(-50%)translateY(-6px)}}.realm-identity{letter-spacing:.18em;text-shadow:0 2px 10px #000;flex-direction:column;align-items:end;gap:6px;font-size:9px;font-weight:700;display:flex;position:absolute;top:25px;right:3vw}.realm-identity img{filter:drop-shadow(0 2px 7px #0009);width:118px}.realm-minimap{z-index:3;color:#f6e9c6;cursor:pointer;background:#133135;border:2px solid #ead4a0;border-radius:50%;place-items:center;width:115px;height:115px;padding:0;display:grid;position:absolute;top:22px;left:3vw;box-shadow:0 0 0 5px #082126a8,0 12px 30px #001316ad}.realm-minimap-image{background:var(--realm-map) 49% 42% / 350% auto;filter:saturate(.75)brightness(.74);border-radius:50%;position:absolute;inset:5px}.realm-minimap-point{text-shadow:0 0 15px #c9ffff;font-size:27px;position:relative}.realm-minimap-label{white-space:nowrap;letter-spacing:.15em;text-shadow:0 2px 8px #000;font-size:9px;font-weight:800;position:absolute;bottom:-23px}.realm-place{text-shadow:0 3px 13px #001215;max-width:35vw;position:absolute;top:19%;left:4.5vw}.realm-place>span{color:#d7e5dc;letter-spacing:.2em;font-size:10px;font-weight:700}.realm-place h1{letter-spacing:-.06em;margin:7px 0 4px;font:italic 700 clamp(42px,5.2vw,91px)/.94 Georgia,serif}.realm-place p{margin:0;font-size:13px}.realm-book-guide{text-shadow:0 2px 9px #000;align-items:center;gap:13px;max-width:28vw;display:flex;position:absolute;top:48%;right:3.4vw}.realm-book-guide-line{background:#f8df9e;width:clamp(25px,5vw,90px);height:1px;box-shadow:0 0 12px #f5d486}.realm-book-guide p{max-width:100px;margin:0;font-size:11px;line-height:1.35}.realm-book-trigger{color:#fff4d2;width:90px;height:90px;font:inherit;cursor:pointer;background:radial-gradient(circle,#9a85537a,#1748499e 65%,#0c252ab8);border:1px solid #ffefbc;border-radius:50%;flex:none;place-items:center;gap:2px;font-size:10px;font-weight:800;animation:3s ease-in-out infinite book-beacon;display:grid;box-shadow:0 0 0 7px #d4efd124,0 0 32px #fbe5a894}.realm-book-trigger span:first-child{font-size:23px}@keyframes book-beacon{50%{box-shadow:0 0 0 11px #d4efd12e,0 0 50px #ffe8aab3}}.realm-footnote{color:#d5e3d7b5;letter-spacing:.17em;text-shadow:0 2px 8px #000;margin:0;font-size:9px;position:absolute;bottom:19px;left:3vw}.realm-journal{z-index:6;visibility:hidden;background:linear-gradient(125deg,#0b1216f7,#111c20f7 65%,#071113fa);border-left:1px solid #d1c69a88;flex-direction:column;width:min(475px,40vw);transition:transform .55s cubic-bezier(.2,.8,.2,1),visibility .55s;display:flex;position:absolute;inset:0 0 0 auto;transform:translate(105%);box-shadow:-26px 0 55px #0009}.realm-journal.is-open{visibility:visible;transform:translate(0)}.realm-journal-topline,.realm-codex-header,.realm-map-header{justify-content:space-between;align-items:center;gap:15px;display:flex}.realm-journal-topline{color:#c3bcaa;letter-spacing:.16em;flex:none;padding:20px 28px 11px;font-size:9px}.realm-journal-topline button,.realm-codex-header button,.realm-map-header button{width:36px;height:36px;color:inherit;cursor:pointer;background:#ffffff0e;border:1px solid #d5c7a681;border-radius:50%;font:25px/1 Georgia,serif}.realm-journal-scroll{overscroll-behavior:contain;scrollbar-color:#a9986a #142427;min-height:0;padding:14px 28px 75px;overflow-y:auto}.realm-profile{align-items:center;gap:18px;display:flex}.realm-profile img{object-fit:cover;border:2px solid #cbbb8e;flex:none;width:90px;height:90px;box-shadow:0 0 0 5px #f8f0d00f}.realm-profile p,.realm-journal-eyebrow{color:#d4c59a;letter-spacing:.18em;margin:0 0 5px;font-size:9px;font-weight:700}.realm-profile h2{margin:0 0 5px;font:600 21px/1.1 Georgia,serif}.realm-profile span{color:#c7d4ce;font-size:11px}.realm-journal-rule{color:#d3bd83;align-items:center;gap:12px;margin:21px 0 24px;display:flex}.realm-journal-rule span{background:linear-gradient(90deg,#0000,#cbbb8e,#0000);flex:1;height:1px}.realm-journal h3{margin:4px 0 8px;font:italic 700 34px/.98 Georgia,serif}.realm-journal-summary{color:#d9e3dd;margin:0;font-size:13px;line-height:1.6}.realm-secret{background:linear-gradient(90deg,#ad915029,#0000);border:1px solid #d5c49a5e;flex-direction:column;gap:5px;margin:18px 0 27px;padding:14px 17px;display:flex}.realm-secret span,.realm-project-heading{color:#d5c69c;letter-spacing:.16em;font-size:9px;font-weight:800}.realm-secret strong{color:#fff5db;font:600 17px Georgia,serif}.realm-project-heading{justify-content:space-between;gap:12px;margin-bottom:10px;display:flex}.realm-project-heading b{font-weight:500}.realm-project-list{gap:8px;display:grid}.realm-project-card{color:#f6f0e4;cursor:pointer;width:100%;font:inherit;text-align:left;background:#24404459;border:1px solid #b8c9bb3c;grid-template-columns:74px 1fr auto;align-items:center;gap:12px;padding:7px;transition:border-color .25s,background .25s;display:grid}.realm-project-card:hover,.realm-project-card:focus-visible{background:#31535499;border-color:#edddaf}.realm-project-card img,.realm-project-placeholder{object-fit:cover;background:#1a3336;width:74px;height:60px}.realm-project-placeholder{place-items:center;display:grid}.realm-project-card strong{font:600 13px/1.2 Georgia,serif;display:block}.realm-project-card small{color:#b9c6bf;margin-top:6px;font-size:10px;display:block}.realm-project-card>span:last-child{font-size:21px}.realm-empty{color:#becac2;font-size:12px}.realm-modal{z-index:9;place-items:center;display:grid;position:absolute;inset:0}.realm-modal[hidden]{display:none}.realm-modal-scrim{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#020d10cc;position:absolute;inset:0}.realm-codex-book{color:#29271e;background:#e9dec6;border:9px solid #332e29;border-radius:10px 23px 23px 10px;flex-direction:column;width:min(1200px,91vw);height:min(760px,88svh);display:flex;position:relative;box-shadow:0 24px 90px #000e,inset 0 0 0 2px #9a875e}.realm-codex-book:before{content:"";z-index:2;pointer-events:none;background:linear-gradient(90deg,#b7a788,#534b3b70 47%,#fff7dd9c);width:16px;position:absolute;top:50px;bottom:0;left:50%;transform:translate(-50%)}.realm-codex-header{color:#61543d;letter-spacing:.17em;border-bottom:1px solid #a49475;flex:none;height:52px;padding:0 18px 0 27px;font-size:9px;font-weight:800}.realm-codex-header button{color:#443b2e;border-color:#927d5b}.realm-codex-pages{flex:1;grid-template-columns:repeat(2,minmax(0,1fr));min-height:0;display:grid}.realm-codex-page{scrollbar-color:#a59068 transparent;background:radial-gradient(circle at 50% 30%,#fff7e2,#e4d6b8);min-width:0;min-height:0;padding:clamp(20px,3vw,48px);overflow-y:auto}.realm-codex-page-left{border-right:1px solid #9b8b6d}.realm-codex-eyebrow{color:#806d4c;letter-spacing:.13em;margin:0 0 17px;font-size:10px;font-weight:800}.realm-codex-page h2{margin:0 0 21px;font:600 clamp(28px,3vw,44px)/1.05 Georgia,serif}.realm-codex-facts{border-top:1px solid #a99a7b;border-bottom:1px solid #a99a7b;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:16px 0;display:grid}.realm-codex-facts div{flex-direction:column;gap:3px;display:flex}.realm-codex-facts span{color:#857458;letter-spacing:.11em;font-size:9px}.realm-codex-facts strong{font-size:12px;font-weight:600}.realm-codex-page section{margin:20px 0}.realm-codex-page h3{margin:0 0 7px;font:600 19px Georgia,serif}.realm-codex-page section p{white-space:pre-line;margin:0;font-size:12px;line-height:1.65}.realm-codex-links{flex-wrap:wrap;gap:9px 16px;margin-top:24px;font-size:11px;font-weight:800;display:flex}.realm-codex-links a{text-underline-offset:3px;text-decoration:underline}.realm-codex-page-right{flex-direction:column;justify-content:center;gap:14px;display:flex}.realm-codex-gallery{flex:1;place-items:center;min-height:0;display:grid}.realm-codex-gallery img{object-fit:contain;width:100%;max-height:58svh;box-shadow:0 10px 28px #4e3b2d54}.realm-codex-gallery img[hidden],.realm-codex-gallery-controls[hidden]{display:none}.realm-codex-gallery-controls{flex:none;justify-content:center;align-items:center;gap:20px;font-size:11px;display:flex}.realm-codex-gallery-controls button{color:#332b1c;cursor:pointer;background:#f3e8ce;border:1px solid #9f8d68;border-radius:50%;width:36px;height:36px}.realm-map-modal{z-index:10;background:#031013f0;padding:clamp(12px,2vw,28px)}.realm-map-shell{background:#101c1d;border:1px solid #c0aa79;flex-direction:column;width:min(1500px,100%);height:100%;display:flex;position:relative;box-shadow:0 0 0 6px #dac18a18,0 25px 75px #000b}.realm-map-header{border-bottom:1px solid #c6b28366;flex:none;min-height:86px;padding:14px 24px}.realm-map-header span{color:#d2c29f;letter-spacing:.2em;font-size:9px}.realm-map-header h2{margin:4px 0 0;font:italic 600 32px Georgia,serif}.realm-map-surface{background:#293638 var(--realm-map) center / cover no-repeat;flex:1;min-height:0;position:relative;overflow:hidden}.realm-map-pin{color:#fff6de;text-align:center;text-shadow:0 2px 8px #000,0 0 8px #000;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:2px;min-width:96px;padding:0;display:flex;position:absolute;transform:translate(-50%,-50%)}.realm-map-pin span{color:#fff7d8;background:#214b4fe3;border:1px solid #f6e7bb;border-radius:50%;place-items:center;width:29px;height:29px;font-size:14px;display:grid;box-shadow:0 0 0 5px #154b4b6b,0 0 18px #bbf8e08c}.realm-map-pin strong{white-space:nowrap;background:#0c2227bd;padding:3px 6px;font:600 11px Georgia,serif}.realm-map-pin:hover span,.realm-map-pin:focus-visible span{background:#8f7041;box-shadow:0 0 0 7px #f1e3ae5a,0 0 20px #fbe7ad}.realm-map-pin[aria-current=location] span{color:#162c2d;background:#fff0bf;box-shadow:0 0 0 8px #fff2bb78,0 0 26px #fff3bd}.pin-selection{top:91%;left:50%}.pin-designer{top:42%;left:19%}.pin-developer{top:18%;left:71%}.pin-architect{top:69%;left:37%}.pin-explorer{top:42%;left:58%}.pin-world{top:70%;left:67%}.pin-gate{top:80%;left:46%}.pin-warehouse{top:26%;left:32%}.pin-meeting{top:51%;left:86%}.realm-map-index{z-index:2;background:#102429ed;border:1px solid #bda978;gap:3px;width:185px;max-height:calc(100% - 170px);padding:12px;display:grid;position:absolute;top:105px;right:16px;overflow-y:auto;box-shadow:0 13px 32px #071314a8}.realm-map-index a,.realm-map-index button{color:#f6eed8;text-align:left;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #d4c9a52e;justify-content:space-between;gap:10px;width:100%;padding:8px 6px;font:600 11px Georgia,serif;display:flex}.realm-map-index a:hover,.realm-map-index button:hover,.realm-map-index a:focus-visible,.realm-map-index button:focus-visible{color:#b7f4e7;background:#ffffff14}.realm-map-index [aria-current=location]{color:#f6e1a4;background:#ffffff1c}.realm-map-index span{color:#c9bb8c}.realm-map-footer{color:#d9d0b8;letter-spacing:.06em;border-top:1px solid #c6b28366;justify-content:space-between;align-items:center;gap:15px;min-height:47px;padding:0 24px;font-size:10px;display:flex}.realm-map-footer p{margin:0}.realm-map-footer span{letter-spacing:.14em;font-size:9px}@media (width<=800px){.realm-traveler{width:min(57vw,360px);height:77svh;left:49%}.realm-place{max-width:47vw;top:19%}.realm-place h1{font-size:clamp(39px,7vw,65px)}.realm-journal{width:min(490px,76vw)}.realm-book-guide{max-width:31vw;right:3vw}.realm-book-guide-line,.realm-book-guide p{display:none}.realm-map-pin strong{font-size:9px}.realm-map-pin{min-width:75px}}@media (width<=600px){.portfolio-index .character-selection{padding-top:88px;padding-bottom:31px}.portfolio-index .character-options{height:min(58svh,490px)}.character-selection-instruction{text-align:center;max-width:70vw;font-size:9px;line-height:1.4}.realm-scene{background-position:60%}.realm-minimap{width:79px;height:79px;top:18px;left:20px}.realm-minimap-label{font-size:8px;bottom:-19px}.realm-identity{font-size:7px;top:22px;right:18px}.realm-identity img{width:90px}.realm-place{max-width:77vw;top:21%;left:20px}.realm-place h1{font-size:clamp(41px,12vw,66px)}.realm-place p{font-size:11px}.realm-traveler{width:87vw;height:71svh;bottom:-4vh;left:43%}.realm-book-guide{top:53%;right:13px}.realm-book-trigger{width:74px;height:74px;font-size:9px}.realm-footnote{display:none}.realm-journal{border-left:0;width:100%}.realm-journal-scroll,.realm-journal-topline{padding-inline:21px}.realm-codex-book{border-width:5px;width:calc(100vw - 14px);height:calc(100svh - 20px)}.realm-codex-book:before{display:none}.realm-codex-pages{display:block;overflow-y:auto}.realm-codex-page{padding:24px 20px;overflow:visible}.realm-codex-page-left{border-bottom:1px solid #9b8b6d;border-right:0}.realm-codex-page-right{min-height:45svh}.realm-codex-gallery img{max-height:40svh}.realm-map-modal{padding:6px}.realm-map-header{min-height:70px;padding-inline:15px}.realm-map-header h2{font-size:24px}.realm-map-surface{background-size:cover}.realm-map-pin{min-width:48px}.realm-map-pin span{width:27px;height:27px}.realm-map-pin strong{white-space:normal;max-width:90px;font-size:8px}.realm-map-index{border-left:0;border-right:0;flex:none;gap:7px;width:100%;max-height:115px;padding:8px;display:flex;position:relative;top:auto;right:auto;overflow:auto hidden}.realm-map-index a,.realm-map-index button{white-space:nowrap;border:1px solid #d4c9a54d;flex:none;align-items:center;width:auto;padding:7px 9px;font-size:10px}.realm-map-footer{padding:8px 12px;font-size:9px}.realm-map-footer span{display:none}}@media (prefers-reduced-motion:reduce){.realm-traveler,.realm-book-trigger{animation:none}.realm-journal{transition:none}}