em{font-style:normal;color:var(--green)}.header nav a{font-family:inherit;font-size:12px}#motion{font-family:inherit;font-size:11px;min-height:44px}.opening{height:185svh;position:relative}.opening-stage{position:sticky;top:86px;height:calc(100svh - 86px);min-height:560px;margin:0 var(--pad);border-inline:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;isolation:isolate;background:#080f0d}.opening-grid{position:absolute;inset:0;z-index:-2;background-image:linear-gradient(#70eda809 1px,transparent 1px),linear-gradient(90deg,#70eda809 1px,transparent 1px);background-size:46px 46px;mask-image:linear-gradient(90deg,transparent,#000 50%)}.core-object{position:absolute;inset:-7% -5% -7% 20%;display:grid;place-items:center;z-index:-1;pointer-events:none;will-change:transform,opacity}.core-object img{width:min(100%,980px);height:auto;max-height:110%;object-fit:contain;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 45%,#000b 60%,transparent 72%);filter:brightness(.88)}.opening-copy{position:absolute;left:6%;top:50%;transform:translateY(-55%);width:60%;will-change:opacity,transform}.opening-copy>p:first-child{font-size:12px;letter-spacing:.08em;color:#adbfaf;margin-bottom:32px}.opening-copy h1{font-size:clamp(48px,5.9vw,91px);line-height:1.5;letter-spacing:-.05em;font-weight:500;white-space:nowrap}.opening-description{color:#c1d2c4;margin:28px 0 32px;font-size:15px;letter-spacing:.05em}.text-cta{display:inline-flex;min-height:46px;align-items:center;gap:70px;border-bottom:1px solid #86ba965b;font-size:13px}.text-cta span{color:var(--green);font-size:23px}.scroll-invitation{position:absolute;bottom:31px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;color:#9cb3a3;font-size:11px}.scroll-invitation span{font-size:27px;color:var(--green)}.collection-preview{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:25px;padding:35px 6%;opacity:0;transform:translateY(110px);will-change:transform,opacity}.collection-preview h2{font-size:25px;font-weight:500;letter-spacing:.02em;text-align:center}.collection-cards{display:grid;grid-template-columns:repeat(3,1fr);width:min(100%,960px);gap:22px;perspective:1000px}.collection-card{background:#0c1b13ee;border:1px solid #668a715c;transition:border-color .2s;position:relative;box-shadow:0 20px 50px #0008}.collection-card:hover{border-color:#70eda8}.card-preview{height:260px;overflow:hidden;position:relative;text-align:center;padding-top:25px;background:radial-gradient(ellipse at bottom,#24493288,transparent 75%);border-bottom:1px solid var(--line)}.card-preview>img{width:137px;height:auto;border-radius:15px;box-shadow:0 0 0 1px #739b8055}.card-title{display:flex;align-items:center;gap:12px;padding:20px 17px;font-size:15px}.card-title>img{border-radius:8px;flex-shrink:0}.card-title>span{line-height:1.5}.card-title small{display:block;color:#9ebca9;font-size:10px;margin-top:3px}.card-title b{margin-left:auto;font-weight:400;font-size:21px;color:var(--green)}.developing .card-preview{display:flex;flex-direction:column;justify-content:center;gap:18px;text-align:left;padding:25px;background:linear-gradient(145deg,#13251a66,transparent)}.developing .card-preview>span{font-size:24px;font-weight:500;line-height:1.8;color:#b9d5c3}.developing .card-preview>small{font-size:11px;color:#c5bd97}.collection-preview>p{font-size:12px;color:#acbfb1}.works{padding-top:75px}.works-heading{margin:0 0 33px;align-items:center}.works h2{font-family:inherit;font-weight:500;font-size:clamp(33px,3.5vw,50px);line-height:1.5;letter-spacing:-.035em}.works-heading>p{font-size:12px;padding:0}.project-tabs button{justify-content:space-between;position:relative;background:#0e1c14;color:#acc1b2;border-bottom:2px solid transparent;transition:background .2s,color .2s;gap:12px}.project-tabs button[aria-selected=true]{background:#173522;color:#baffd5;border-bottom-color:var(--green)}.project-tabs button small{font-size:10px;font-weight:400;color:#bbae7e}.project-tabs button>span:last-child{margin-left:auto;color:var(--green)}#project-panel{min-height:650px;grid-template-columns:1fr 1.1fr}.project-art{min-height:650px;background:radial-gradient(ellipse at center,#18362366,#080f0d 70%)}.screen-display{perspective:1000px}.screen-display img,.screen-display video{height:510px}.project-info{justify-content:center}.product-top h3{font-size:27px;margin:0}.product-top{gap:14px}.release-badge{font-size:10px}.project-info h4{font-size:29px;line-height:1.55;margin-top:24px}#product-features{margin-top:22px}#project-features li{line-height:1.9}.product-meta{justify-content:flex-start}.dev-visual>span{font-family:inherit;font-weight:400;line-height:1.65;font-size:42px;letter-spacing:0}.dev-visual p{font-family:inherit;font-size:12px;letter-spacing:0}.dev-visual{padding:25px}.project-art.is-dev{background:linear-gradient(135deg,#14291c,#080f0d)}#development-state{font-family:inherit;font-size:12px;letter-spacing:0}.updates{padding-top:40px}.subsection-heading{margin:0 0 28px}.subsection-heading h2{font-size:28px}.update-meta{font-family:inherit;letter-spacing:.02em;font-size:11px}.update-card h3{font-size:23px}.about{padding-top:50px;border-top:1px solid var(--line)}.about-main{margin-top:0}.about-copy p:first-of-type{margin-top:0}.support{padding-top:45px}.support-grid{margin-top:0}.footer-main>p{font-family:inherit}.footer-bottom>.mono{font-family:inherit;font-size:10px;letter-spacing:0}.motion-off .opening{height:auto}.motion-off .opening-stage{position:relative;top:0}.motion-off .collection-preview{display:none}.motion-off .scroll-invitation{display:none}
@media(max-width:1100px){.card-preview{height:225px}.card-title{padding:16px 13px;gap:10px;font-size:13px}.card-title>img{width:32px;height:32px}.collection-cards{gap:16px}.collection-preview{padding-inline:5%}.screen-display img,.screen-display video{height:460px}.project-art,#project-panel{min-height:660px}.opening-copy{left:5%}.opening-copy h1{font-size:clamp(43px,6.4vw,70px)}.core-object{inset:-3% -18% -3% 15%}}
@media(max-width:700px){.header{gap:10px}.header nav{gap:17px}.header nav a{font-size:11px}#motion{font-size:10px;padding:0 8px}.opening{height:180svh}.opening-stage{top:76px;height:calc(100svh - 76px);min-height:500px}.opening-grid{background-size:32px 32px}.opening-copy{left:7%;top:40px;transform:none;width:86%}.opening-copy>p:first-child{font-size:10px;margin-bottom:19px}.opening-copy h1{font-size:clamp(37px,10.8vw,67px);line-height:1.45;letter-spacing:-.045em}.opening-description{font-size:12px;margin:16px 0 15px}.text-cta{font-size:11px;min-height:44px;gap:38px}.text-cta span{font-size:18px}.core-object{inset:19% -19% -12%;opacity:.88}.core-object img{width:100%;max-height:100%}.scroll-invitation{font-size:10px;bottom:20px;left:7%;right:7%}.collection-preview{padding:24px 6%;gap:19px}.collection-preview h2{font-size:19px}.collection-cards{grid-template-columns:1fr 1fr;gap:12px;width:100%}.card-preview{height:170px;padding-top:15px}.card-preview>img{width:90px;border-radius:9px}.card-title{padding:13px 10px;font-size:12px;gap:0}.card-title>img{display:none}.card-title b{font-size:17px}.card-title small{font-size:9px}.developing{grid-column:1/-1}.developing .card-preview{display:none}.developing .card-title{padding:16px}.developing .card-title small{display:inline-block;margin:0 0 0 18px}.collection-preview>p{font-size:10px}.works{padding-top:48px}.works-heading{display:block;margin:0 0 25px}.works h2{font-size:31px}.works-heading>p{font-size:11px;margin-top:11px}.project-tabs button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px;padding:12px 10px;font-size:11px;min-height:76px}.project-tabs button small{font-size:9px}.project-tabs button>span:last-child{display:none}#project-panel{display:block;min-height:0}.project-art{min-height:0;height:450px}.screen-display img,.screen-display video{height:340px}.project-info{padding:27px 22px}.product-top h3{font-size:24px}.project-info h4{font-size:25px}.release-badge{font-size:9px}.dev-visual>span{font-size:33px}.dev-visual p{font-size:11px}.update-meta{font-size:10px}.subsection-heading h2{font-size:26px}.updates{padding-top:25px}.about{padding-top:43px}.support{padding-top:32px}.footer-bottom>.mono{font-size:9px}.motion-off .opening-stage{min-height:590px}}
@media(max-width:360px){.header nav{gap:12px}.header nav a{font-size:10px}#motion{font-size:9px;padding-inline:6px}.brand{font-size:20px}.collection-preview h2{font-size:17px}.card-preview{height:150px}.card-title{font-size:11px;padding:12px 9px}.developing .card-title small{font-size:8px;margin-left:12px}.opening-copy h1{font-size:36px}.project-tabs button{font-size:10px;padding:10px 8px}}
@media(max-height:650px){.opening{height:auto}.opening-stage{position:relative;top:0;min-height:520px}.collection-preview{display:none}.scroll-invitation{display:none}.opening-copy{opacity:1!important;transform:translateY(-50%)!important;top:50%}.core-object{transform:none!important;opacity:.8!important}}
@media(prefers-reduced-motion:reduce){.opening{height:auto}.opening-stage{position:relative;top:0}.collection-preview,.scroll-invitation{display:none}.opening-copy{opacity:1!important}}
@media(max-width:360px){#product-headline{font-size:22px}}
/* The scroll hint's opacity follows the scroll every frame: its own layer keeps that from repainting the stage (masked grid). */
.scroll-invitation{will-change:opacity}
