/* A continuous painted world, a fading editorial veil, and a fixed foreground. */
.experience{display:block;position:relative;isolation:isolate}
#sky{z-index:0;pointer-events:none;background-position:center center;filter:saturate(.9)}
.atmosphere{z-index:1;pointer-events:none;background:linear-gradient(180deg,#3d557c0b,transparent 22%,transparent 75%,#4a63991c)}
.stage{position:absolute;inset:0 0 0 var(--sidebar);z-index:2;background:transparent}
#world canvas{mask-image:linear-gradient(90deg,transparent,#000 4%,#000)}
.paper-veil{position:absolute;inset:0 auto 0 0;width:calc(var(--sidebar)*1.5);z-index:3;pointer-events:none;background:linear-gradient(90deg,#faf2e5fa 0%,#faf2e5ed 50%,#faf2e5a6 64%,#faf2e533 79%,#faf2e500 96%);mask-image:linear-gradient(180deg,#000 0%,#000 50%,#000b 65%,#0000 78%)}
.foreground{position:absolute;left:0;bottom:-1px;width:min(34vw,53vh);margin:0;z-index:4;pointer-events:none;user-select:none;-webkit-user-select:none}
.foreground img{display:block;width:100%;height:auto;max-width:none;-webkit-user-drag:none}
.story{position:absolute;inset:0 auto 0 0;width:var(--sidebar);z-index:5;background:none;pointer-events:none;display:block;--gutter:clamp(30px,3.6vw,58px);padding:42px var(--gutter) 24px}
.story:before{display:none}.story a,.story button{pointer-events:auto}
.story-body{position:absolute;top:14vh;left:var(--gutter);right:var(--gutter);margin:0;padding:0}
.eyebrow{gap:15px}.eyebrow small{margin-left:0;font:7px Arial,sans-serif;letter-spacing:1.4px;color:#7c8479}.eyebrow>span{width:25px}
h1{font-size:clamp(52px,4.8vw,76px);line-height:1.2;letter-spacing:.12em;margin:28px 0 22px}h1>span{margin-left:.55em}
.poem{color:#6d7f75;font-size:12px;line-height:2.3;letter-spacing:1.3px;margin-bottom:30px}.views{border-color:#9a8f6a40}.views button{color:#7f8b80;font-size:11px}.views button.active,.views button:hover{color:#2f4f4d}.view-caption{display:none}
.story-footer{position:absolute;bottom:24px;left:var(--gutter);right:auto;margin:0;display:block}.story-footer>span{display:none}.story-footer>button{color:#fff4da;font-size:9px;text-shadow:0 1px 6px #284b2d,0 1px 13px #284b2d}.story-footer button span{color:inherit;margin-left:12px}
.scene-header{left:32px;justify-content:flex-end}.scene-header p{position:absolute;left:44%;transform:translateX(-50%);white-space:nowrap}.scene-caption{display:none}.scene-footer{left:24%;right:29px}.gesture p{font-size:10px}
@media(min-width:1600px){.story{--gutter:58px}.scene-header{left:40px;right:37px}.scene-footer{right:37px}.story-body{padding:0}}
@media(max-height:950px) and (min-width:761px){
 .story{padding-top:30px}.story-body{top:11.5vh;padding:0}.eyebrow{font-size:8px}h1{font-size:clamp(42px,6.5vh,62px);line-height:1.18;margin:19px 0 17px}.english-title{font-size:clamp(20px,2.9vh,26px)}.hairline{margin:23px 0 17px}.poem{font-size:11px;line-height:2.2;margin-bottom:22px}.views button{padding:9px 0 12px}.story-footer{bottom:20px}.scene-header{top:25px}.scene-footer{bottom:22px}
}
@media(max-height:580px) and (min-width:761px){
 .story{padding:18px 30px;--gutter:30px}.story-body{top:74px;padding:0}.brand .star{font-size:27px}.brand>span:last-child{font-size:11px}.eyebrow,.english-title,.poem,.view-caption{display:none}h1{font-size:32px;line-height:1.14;margin:0 0 13px}.hairline{display:block;margin:13px 0 6px}.views button{padding:7px 0 8px}.story-footer{bottom:15px}.scene-header{top:14px;left:22px;right:17px}.scene-header p{font-size:8px}.scene-footer{left:20%;right:17px;bottom:15px}.gesture p{font-size:8px}.gesture small{display:none}.gesture>svg{width:24px}.gesture{gap:9px}.foreground{width:min(34vw,53vh)}
}
@media(max-width:760px){
 .experience{display:block}.stage{inset:0}.paper-veil{width:100%;height:280px;background:linear-gradient(180deg,#faf2e5fc 0%,#faf2e5f0 47%,#faf2e5b8 68%,#faf2e500 100%);mask-image:none}
 #sky{background-position:45% center}#world canvas{mask-image:none}
 .story{inset:0 0 auto;width:100%;height:206px;padding:21px 26px 19px;--gutter:26px}.story-body{position:static;margin:0;padding:0}.eyebrow,.english-title,.hairline,.view-caption{display:none}h1{font-size:35px;line-height:1.4;letter-spacing:4px;margin:19px 0 0}h1>span{display:inline;margin-left:0}.poem{position:absolute;right:26px;top:79px;font-size:8px;line-height:2.1;letter-spacing:.7px;margin:0;color:#6f8276}.views{left:26px;bottom:17px;width:185px}.views button{font-size:9px;padding:8px 0 9px}.story-footer{left:auto;bottom:24px;right:26px}.story-footer>button{color:#6f8276;font-size:8px;text-shadow:none}.story-footer button span{margin-left:8px}
 .foreground{width:min(64vw,34vh);bottom:-1px}
 .scene-header{top:19px;left:auto;right:15px;justify-content:flex-end}.scene-header p{display:none}.scene-caption{display:none}.scene-footer{left:auto;right:15px;bottom:max(16px,env(safe-area-inset-bottom));display:block}.gesture{position:absolute;right:0;bottom:55px;white-space:nowrap;opacity:.7;text-align:right}.gesture p{font-size:8px;letter-spacing:.7px}.gesture small{font-size:4px}.gesture>svg{display:none}.explored .gesture{opacity:.35}
 .tools{position:relative}.atmosphere{background:linear-gradient(180deg,transparent 60%,#3d56881a)}#notice{bottom:110px}
}
@media(max-width:370px){.story{--gutter:20px;padding-left:20px;padding-right:20px}.poem{right:20px;font-size:7px;letter-spacing:.2px}h1{font-size:31px;letter-spacing:3px}.views{left:20px;width:170px}.story-footer{right:20px}}
@media(max-height:630px) and (max-width:760px){.story{height:165px;padding-top:14px}.paper-veil{height:235px}h1{margin-top:10px;font-size:30px}.poem{top:61px;font-size:7px}.views{bottom:10px}.story-footer{bottom:18px}.foreground{width:min(60vw,34vh)}}
/* One full-viewport drawing surface has no internal vertical boundary. */
.stage{inset:0;overflow:visible;isolation:auto}#world canvas{mask-image:none;-webkit-mask-image:none}#world:focus-visible{outline:none;box-shadow:none}#world{border:0;outline:0;box-shadow:none}
.paper-veil{z-index:1}.stage{z-index:2}.scene-header{left:calc(var(--sidebar) + 32px)}.scene-footer{left:calc(var(--sidebar) + (100% - var(--sidebar))*.24)}
.foreground.is-painted img{opacity:0}.sound-waves{display:none}.sound-on .sound-waves{display:block}.sound-on .sound-muted{display:none}.sound-on #sound{opacity:1;background:#fff4da33}.study-link{display:block;font-size:11px;color:#7b896e;letter-spacing:1px;margin-top:18px;padding:10px 0}.study-link span{float:right}#art-fallback{left:var(--sidebar)}
@media(max-width:760px){.scene-header{left:auto}.scene-footer{left:auto}#art-fallback{left:0}}
#world:focus-visible~.scene-footer .gesture{opacity:1}