@font-face{font-family:Instrument Serif;src:url(../InstrumentSerif-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Instrument Serif;src:url(../InstrumentSerif-Italic.ttf)format("truetype");font-weight:400;font-style:italic;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--sky:#e1f7ff;--ground:#fefef4;--humans-color:#808c27}html{overflow-x:hidden}body{background:var(--ground);height:200vh;overflow-x:hidden}#scene{width:100vw;height:100dvh;position:fixed;inset:0;overflow:hidden}#sky-gradient{background:linear-gradient(to bottom, var(--sky) 0%, var(--ground) 100%);pointer-events:none;z-index:0;will-change:transform;height:45vh;position:absolute;top:0;left:0;right:0}#clouds{z-index:1;opacity:.55;height:20vh;position:absolute;top:0;left:0;right:0;overflow:hidden}.cloud-strip{backface-visibility:hidden;align-items:flex-start;gap:3vw;width:max-content;animation:80s linear infinite marquee;display:flex}.cloud{flex-shrink:0;width:auto;height:7vh;min-height:35px}.cloud:nth-child(12n+1){transform:translateY(1vh)}.cloud:nth-child(12n+2){transform:translateY(5vh)}.cloud:nth-child(12n+3){transform:translateY(0)}.cloud:nth-child(12n+4){transform:translateY(3vh)}.cloud:nth-child(12n+5){transform:translateY(7vh)}.cloud:nth-child(12n+6){transform:translateY(1.5vh)}.cloud:nth-child(12n+7){transform:translateY(6vh)}.cloud:nth-child(12n+8){transform:translateY(.5vh)}.cloud:nth-child(12n+9){transform:translateY(4vh)}.cloud:nth-child(12n+10){transform:translateY(7.5vh)}.cloud:nth-child(12n+11){transform:translateY(2vh)}.cloud:nth-child(12n+12){transform:translateY(6.5vh)}@keyframes marquee{0%{transform:translate(0,0)}to{transform:translate3d(calc(-100% / var(--marquee-copies,2)), 0, 0)}}#title{z-index:2;white-space:nowrap;will-change:opacity, transform;position:absolute;top:22vh;left:50%;transform:translate(-50%)}#title h1{color:#1a1a1a;letter-spacing:-.02em;font-family:Instrument Serif,Georgia,serif;font-size:clamp(5rem,14vw,12rem);font-weight:400;line-height:1}#title .subtitle{color:#555;letter-spacing:.02em;text-align:left;font-family:Instrument Serif,Georgia,serif;font-size:clamp(1rem,2.5vw,1.6rem);font-style:italic;position:absolute;bottom:-.5em;left:85%}#typing-word{color:var(--humans-color);text-underline-offset:3px;text-decoration:underline}#cursor{color:var(--humans-color);margin-left:1px;font-style:normal;animation:1s step-end infinite blink}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}#screenshot-bg{z-index:2;pointer-events:none;position:absolute;inset:0}.screenshot-group{opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1);position:absolute;inset:0}.screenshot-group.active{opacity:1}.screenshot-group:not(.active) .ss-lane__strip{animation-play-state:paused}.ss-lane{width:clamp(160px,22vw,320px);position:absolute;top:0;bottom:0;overflow:hidden}.ss-lane--left{-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent var(--ss-top-fade,50%), black var(--ss-top-solid,60%), black 82%, transparent 100%), linear-gradient(to left, transparent 0%, black 40%, black 100%);-webkit-mask-composite:destination-in;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent var(--ss-top-fade,50%), black var(--ss-top-solid,60%), black 82%, transparent 100%), linear-gradient(to left, transparent 0%, black 40%, black 100%);mask-image:linear-gradient(to bottom, transparent 0%, transparent var(--ss-top-fade,50%), black var(--ss-top-solid,60%), black 82%, transparent 100%), linear-gradient(to left, transparent 0%, black 40%, black 100%);left:1vw;-webkit-mask-composite:source-in;mask-composite:intersect}.ss-lane--right{-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent var(--ss-top-fade,50%), black var(--ss-top-solid,60%), black 82%, transparent 100%), linear-gradient(to right, transparent 0%, black 40%, black 100%);-webkit-mask-composite:destination-in;-webkit-mask-image:linear-gradient(to bottom, transparent 0%, transparent var(--ss-top-fade,50%), black var(--ss-top-solid,60%), black 82%, transparent 100%), linear-gradient(to right, transparent 0%, black 40%, black 100%);mask-image:linear-gradient(to bottom, transparent 0%, transparent var(--ss-top-fade,50%), black var(--ss-top-solid,60%), black 82%, transparent 100%), linear-gradient(to right, transparent 0%, black 40%, black 100%);right:1vw;-webkit-mask-composite:source-in;mask-composite:intersect}.ss-lane__strip{flex-direction:column;gap:3vh;animation:65s linear infinite lane-scroll-up;display:flex}.ss-lane__strip--reverse{animation:72s linear infinite lane-scroll-down}@keyframes lane-scroll-up{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@keyframes lane-scroll-down{0%{transform:translateY(-50%)}to{transform:translateY(0)}}.ss{opacity:.4;filter:saturate(.88);-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none;border-radius:12px;flex-shrink:0;width:100%;height:auto}@media (width<=768px){body{height:200vh}#screenshot-bg{inset:auto 0;overflow:hidden}.screenshot-group{justify-content:center;gap:1.5vw;padding:0 2vw;display:flex}.ss-lane{width:48%;height:100%;position:relative;top:auto;bottom:auto}.ss-lane--left{transform-origin:100%;-webkit-mask-composite:source-over;left:auto;transform:perspective(500px)rotateY(8deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%);-webkit-mask-composite:source-over;mask-composite:add}.ss-lane--right{transform-origin:0;-webkit-mask-composite:source-over;right:auto;transform:perspective(500px)rotateY(-8deg);-webkit-mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 30% 70%,#0000 100%);-webkit-mask-composite:source-over;mask-composite:add}.ss{border-radius:8px}#tree-container{height:min(55vh,104.288vw - 41.715px)}#screenshot-bg{top:28vh}}#tree-container{aspect-ratio:793/827;z-index:3;transform-origin:bottom;will-change:transform;height:min(105vh,104.288vw - 25.029px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}#tree{width:100%;height:100%;display:block}.app-icon{cursor:pointer;z-index:4;opacity:1;width:9%;transition:transform .3s,z-index 0s linear .15s;position:absolute;transform:translate(-50%,-50%)}.app-icon:hover{z-index:8;transition:transform .3s,z-index}.app-icon img{border-radius:18%;width:100%;height:auto;display:block}.app-icon[data-index="0"]{top:28%;left:50%}.app-icon[data-index="1"]{top:40%;left:32%}.app-icon[data-index="2"]{top:40%;left:68%}.app-icon.highlighted{transform:translate(-50%, -50%) scale(calc(1 + .12 * var(--focus-intensity,0))) rotate(calc(var(--focus-intensity,0) * -3deg))}@media (hover:hover){.app-icon:hover{transform:translate(-50%, -50%) scale(calc(1 + .12 * var(--focus-intensity,0))) rotate(calc(var(--focus-intensity,0) * -3deg))}}.app-tooltip{text-align:center;pointer-events:none;opacity:0;visibility:hidden;-webkit-backdrop-filter:blur(10px);z-index:1;background:#fffffceb;border:1px solid #1a1a1a14;border-radius:12px;min-width:10rem;max-width:min(16rem,70vw);padding:.65rem .85rem .7rem;transition:opacity .22s,transform .22s,visibility .22s;position:absolute;bottom:calc(100% + .65rem);left:50%;transform:translate(-50%,6px);box-shadow:0 4px 24px #1a1a1a1f,0 1px 3px #1a1a1a0f}.app-tooltip:after{content:"";filter:drop-shadow(0 2px 1px #1a1a1a0f);border:7px solid #0000;border-top-color:#fffffceb;margin-left:-7px;position:absolute;top:100%;left:50%}.app-icon:focus-visible .app-tooltip,.app-icon.is-touch-open .app-tooltip,.app-icon.highlighted .app-tooltip{opacity:var(--focus-intensity,0);visibility:visible;pointer-events:auto;transform:translate3d(-50%, calc((1 - var(--focus-intensity,0)) * 6px), 0)}@media (hover:hover){.app-icon:hover .app-tooltip{opacity:var(--focus-intensity,0);visibility:visible;pointer-events:auto;transform:translate3d(-50%, calc((1 - var(--focus-intensity,0)) * 6px), 0)}}a.app-tooltip__name{color:#1a1a1a;text-underline-offset:2px;font-family:Instrument Serif,Georgia,serif;font-size:clamp(1.05rem,2.2vw,1.35rem);font-weight:400;line-height:1.2;-webkit-text-decoration:underline #1a1a1a4d;text-decoration:underline #1a1a1a4d;display:block}a.app-tooltip__name:hover{text-decoration-color:#1a1a1ab3}.app-tooltip__subtitle{color:#555;margin-top:.2em;font-family:Instrument Serif,Georgia,serif;font-size:clamp(.68rem,1.35vw,.88rem);font-style:italic;line-height:1.35;display:block}.app-tooltip__subtitle:empty{display:none}.app-icon:focus{outline:none}.app-icon:focus-visible{outline:2px solid var(--humans-color);outline-offset:4px;border-radius:22%}@media (width<=600px){#title{white-space:normal;max-width:min(100%, calc(100vw - 1.5rem - env(safe-area-inset-left) - env(safe-area-inset-right)));padding-left:max(.75rem, env(safe-area-inset-left,0px));padding-right:max(.75rem, env(safe-area-inset-right,0px));text-align:center;flex-direction:column;align-items:center;display:flex;top:47%}#title h1{max-width:100%;font-size:min(12rem,max(2.4rem,min(16vw,19.2308vw - .288462rem)))}#title .subtitle{text-align:center;max-width:min(18rem,90vw);margin-top:.45em;position:static;bottom:auto;left:auto}#clouds{height:16vh}.cloud{height:5.5vh;min-height:28px}.app-icon{width:9%}.app-tooltip{min-width:8.5rem;padding:.55rem .7rem .6rem}.app-icon[data-index="1"] .app-tooltip,.app-icon[data-index="2"] .app-tooltip{top:calc(100% + .65rem);bottom:auto;transform:translate(-50%,-6px)}.app-icon[data-index="1"] .app-tooltip:after,.app-icon[data-index="2"] .app-tooltip:after{filter:drop-shadow(0 -1px 1px #1a1a1a0a);border-top-color:#0000;border-bottom-color:#fffffceb;top:auto;bottom:100%}.app-icon[data-index="1"]:hover .app-tooltip,.app-icon[data-index="1"].highlighted .app-tooltip,.app-icon[data-index="1"].is-touch-open .app-tooltip,.app-icon[data-index="2"]:hover .app-tooltip,.app-icon[data-index="2"].highlighted .app-tooltip,.app-icon[data-index="2"].is-touch-open .app-tooltip{transform:translate3d(-50%, calc((1 - var(--focus-intensity,0)) * -6px), 0)}}