/* Home (20 Oct 2026): the real-time 3D studio stays; the words grow and the glass event cards float in front of it */
html body #hero .t{max-width:600px!important}
html body #hero h1{font:400 var(--step-5)/1.05 var(--rd-d)!important;letter-spacing:-.01em!important;margin-top:10px!important;text-wrap:balance}
html body #work h2{font:400 var(--step-4)/1.12 var(--rd-d)!important;letter-spacing:-.01em!important}
html body #hero .b p{font:400 17px/1.5 var(--rd-t)!important;color:var(--rd-ink)!important}
html body #hero .b .btn{border-radius:999px!important;font:600 17px/1 var(--rd-t)!important}
html body #hero .b .rd-tlink{margin-top:4px}
html body .rd-hcards{position:absolute;right:max(24px,calc((100vw - 1240px)/2));top:22%;display:flex;flex-direction:column;gap:16px;align-items:flex-end;z-index:4;pointer-events:none}
html body .rd-hcards .rd-glass:nth-child(2){margin-right:56px}
html body .rd-ex2{font-size:10px!important;margin-top:4px!important}
@media (max-width:899.98px){html body .rd-hcards{display:none}html body #hero .t{top:76px}}
html body #ask.rd{z-index:3}
html body .hdr{display:none!important}
/* the pinned chapters measure from the top of the screen: the shared header floats over them here, as it did before */
html body header.rd-hdr{position:fixed!important;top:0;left:0;right:0}
html body #hero .t{bottom:300px!important}

html body .rd-hcards{display:block;top:20%;width:360px;height:260px}
html body .rd-hcards .rd-glass{position:absolute}
html body .rd-hcards .rd-glass:nth-child(1){top:0;right:70px}
html body .rd-hcards .rd-glass:nth-child(2){top:118px;right:0;margin:0}
html body .rd-hcards .rd-ex2{position:absolute;top:226px;right:0}
@media (max-width:899.98px){html body #hero .t{top:72px!important;bottom:auto!important}html body #hero h1{font-size:clamp(30px,8vw,36px)!important}
 html body #hero .b{bottom:calc(84px + env(safe-area-inset-bottom))!important}html body #work .b{bottom:calc(80px + env(safe-area-inset-bottom))!important}}
@media (max-width:899.98px){html body .rd-hcards{display:none!important}}
@media (max-width:899.98px){html body #g1{display:none!important}}
@media (max-width:899.98px){html body #hero .b{padding:18px 12px 6px;margin:0 -12px;border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--rd-bg) 0%,transparent),color-mix(in srgb,var(--rd-bg) 88%,transparent) 22%,color-mix(in srgb,var(--rd-bg) 92%,transparent))}}