.hero-lab-page{background:#080807}.lab-navigation{z-index:5;background:#0d0d0b;border-bottom:1px solid #302b22;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:8px max(24px,50vw - 620px);display:flex;position:relative}.lab-navigation p{color:#c4bba8;margin:0;font-size:12px}.lab-navigation p span{color:#7a715f;margin:0 10px}.lab-navigation nav{gap:4px;display:flex}.lab-navigation a{color:#b4ad9f;place-items:center;min-width:44px;min-height:44px;padding:0 12px;font-size:12px;text-decoration:none;display:grid}.lab-navigation a[aria-current]{color:#e2c589;text-underline-offset:7px;text-decoration:underline}.lab-navigation a:focus-visible,.lab-motion:focus-visible{outline-offset:2px;outline:2px solid #ead9b2}.hero-lab-page .landing-section{scroll-margin-top:24px}.hero-lab-page .hero-prototype{isolation:isolate;background:#080807;min-height:calc(100svh - 64px);padding:64px 40px 40px;position:relative;overflow:clip}.hero-lab-page .hero-prototype .lab-composition{z-index:1;max-width:1120px;margin:0 auto;position:relative}.hero-lab-page .hero-prototype .lab-intro{align-items:center;display:grid}.hero-lab-page .hero-prototype .hero-copy{text-align:left;width:100%;max-width:none;margin:0}.hero-lab-page .hero-prototype .hero-copy h1{letter-spacing:.025em;font-size:clamp(48px,5.2vw,74px);line-height:1.05}.hero-lab-page .hero-prototype .hero-copy h1 span{letter-spacing:.34em;margin-top:14px;font-size:12px}.hero-lab-page .hero-prototype .hero-copy__message{margin:26px 0 14px;font-size:clamp(22px,2.1vw,29px)}.hero-lab-page .hero-prototype .hero-copy__description{max-width:29rem;margin:0;font-size:14px}.hero-lab-page .hero-prototype .hero-actions{justify-content:flex-start;max-width:460px;margin-top:24px}.hero-lab-page .hero-prototype .lab-photos{grid-template-columns:1fr 1fr;display:grid}.hero-lab-page .hero-prototype .lab-photo{min-width:0}.hero-lab-page .hero-prototype .lab-motion{z-index:4;color:#bcb4a5;cursor:pointer;background:0 0;border:0;min-height:44px;padding:8px;font-size:11px;position:absolute;top:15px;right:24px}.hero-lab-page .hero-prototype .lab-motion:disabled{cursor:default;color:#918b7f}.hero-lab-page .hero-prototype--a .lab-intro{grid-template-columns:230px minmax(0,1fr);gap:68px;max-width:890px;margin:0 auto}.hero-lab-page .hero-prototype--a .lab-photos{gap:12px;width:min(100%,750px);margin:32px auto 0}.hero-lab-page .hero-prototype--a .lab-photo{height:300px}.hero-lab-page .hero-prototype--a .hero-copy h1{font-size:clamp(46px,4.8vw,68px)}.hero-lab-page .hero-prototype--a .lab-reveal-note{text-align:center;color:#b4aa97;visibility:hidden;margin:12px 0 0;font-size:11px}.hero-lab-page .hero-prototype--a[data-reveal-state=revealing] .lab-reveal-note{visibility:visible}.hero-lab-page .hero-prototype--a .lab-reveal-note span{margin-left:12px}.hero-lab-page .hero-prototype--a[data-reveal-state=complete] .lab-reveal-note{visibility:hidden}.hero-lab-page .hero-prototype--b{padding-top:72px}.hero-lab-page .hero-prototype--b .lab-intro{grid-template-columns:minmax(0,440px) minmax(0,1fr);gap:90px}.hero-lab-page .hero-prototype--b .lab-photos{gap:8px;width:480px;margin:18px 40px 0 auto}.hero-lab-page .hero-prototype--b .lab-photo{height:190px}.hero-lab-page .hero-prototype--c{padding-top:86px;padding-bottom:80px}.hero-lab-page .hero-prototype--c .lab-composition{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:center;gap:30px;max-width:1240px;display:grid}.hero-lab-page .hero-prototype--c .lab-intro{padding-left:16px;display:block}.hero-lab-page .hero-prototype--c .lab-identity{width:136px;margin:0 0 28px -8px}.hero-lab-page .hero-prototype--c .hero-copy h1{font-size:clamp(42px,4.2vw,61px)}.hero-lab-page .hero-prototype--c .hero-copy__message{font-size:25px}.hero-lab-page .hero-prototype--c .lab-photo{height:480px}.hero-lab-page .hero-prototype--c .lab-photo:nth-child(2){margin-top:58px}.hero-lab-page .hero-prototype--c .lab-photos{gap:0}@media (width>=1600px){.hero-lab-page .hero-prototype{padding-top:100px}.hero-lab-page .hero-prototype--c{padding-top:130px}}@media (width<=1000px) and (width>=701px){.hero-lab-page .hero-prototype{padding-inline:28px}.hero-lab-page .hero-prototype--a .lab-intro{grid-template-columns:190px minmax(0,1fr);gap:30px}.hero-lab-page .hero-prototype--b .lab-intro{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:30px}.hero-lab-page .hero-prototype--c .lab-composition{grid-template-columns:1fr 1fr;gap:10px}.hero-lab-page .hero-prototype--c .lab-intro{padding-left:0}.hero-lab-page .hero-prototype--c .hero-copy h1{font-size:40px}.hero-lab-page .hero-prototype--c .lab-photo{height:380px}.hero-lab-page .hero-prototype .hero-actions{gap:8px}.hero-lab-page .hero-prototype .hero-cta{padding-inline:7px;font-size:11px}}@media (width<=700px){.lab-navigation{flex-direction:column;align-items:flex-start;gap:0;min-height:84px;padding:6px 16px}.lab-navigation p{padding:4px 0;font-size:10px}.lab-navigation nav{justify-content:space-between;width:100%}.lab-navigation a{min-height:40px}.lab-navigation a:first-child{padding-left:0}.hero-lab-page .hero-prototype{min-height:calc(100svh - 84px);padding:60px 20px 28px}.hero-lab-page .hero-prototype .lab-motion{top:4px;right:16px}.hero-lab-page .hero-prototype .hero-copy h1{letter-spacing:.015em;font-size:37px}.hero-lab-page .hero-prototype .hero-copy h1 span{letter-spacing:.24em;margin-top:8px;font-size:10px}.hero-lab-page .hero-prototype .hero-copy__message{margin:24px 0 12px;font-size:22px;line-height:1.3}.hero-lab-page .hero-prototype .hero-copy__description{font-size:13px;line-height:1.7}.hero-lab-page .hero-prototype .hero-actions{gap:8px;width:100%;margin-top:20px}.hero-lab-page .hero-prototype .hero-cta{font-size:12px}.hero-lab-page .hero-prototype--a .lab-intro{grid-template-columns:78px minmax(0,1fr);gap:0 18px}.hero-lab-page .hero-prototype--a .hero-copy{display:contents}.hero-lab-page .hero-prototype--a .hero-copy h1{grid-area:1/2}.hero-lab-page .hero-prototype--a .hero-copy__message,.hero-lab-page .hero-prototype--a .hero-copy__description,.hero-lab-page .hero-prototype--a .hero-actions{grid-column:1/-1}.hero-lab-page .hero-prototype--a .lab-photos{gap:0;margin-top:28px}.hero-lab-page .hero-prototype--a .lab-photo{height:220px}.hero-lab-page .hero-prototype--a .lab-reveal-note{font-size:10px}.hero-lab-page .hero-prototype--b{padding-top:35px}.hero-lab-page .hero-prototype--b .lab-intro{flex-direction:column;gap:18px;display:flex}.hero-lab-page .hero-prototype--b .lab-identity{width:200px}.hero-lab-page .hero-prototype--b .hero-copy{text-align:center}.hero-lab-page .hero-prototype--b .hero-copy h1{font-size:46px}.hero-lab-page .hero-prototype--b .hero-copy__message{margin-top:20px}.hero-lab-page .hero-prototype--b .hero-copy__description{margin:0 auto}.hero-lab-page .hero-prototype--b .hero-actions{justify-content:center;margin-inline:auto}.hero-lab-page .hero-prototype--b .lab-photos{gap:0;width:min(100%,360px);margin:22px auto 0}.hero-lab-page .hero-prototype--b .lab-photo{height:145px}.hero-lab-page .hero-prototype--c .lab-composition{display:block}.hero-lab-page .hero-prototype--c .lab-intro{grid-template-columns:64px minmax(0,1fr);gap:0 18px;padding:0;display:grid}.hero-lab-page .hero-prototype--c .lab-identity{width:64px;margin:0}.hero-lab-page .hero-prototype--c .hero-copy{display:contents}.hero-lab-page .hero-prototype--c .hero-copy h1{grid-area:1/2;font-size:38px}.hero-lab-page .hero-prototype--c .hero-copy__message,.hero-lab-page .hero-prototype--c .hero-copy__description,.hero-lab-page .hero-prototype--c .hero-actions{grid-column:1/-1}.hero-lab-page .hero-prototype--c .lab-photos{margin-top:24px}.hero-lab-page .hero-prototype--c .lab-photo{height:290px}.hero-lab-page .hero-prototype--c .lab-photo:nth-child(2){margin-top:26px}}@media (width<=350px){.hero-lab-page .hero-prototype{padding-inline:16px}.hero-lab-page .hero-prototype--a .lab-intro{grid-template-columns:62px minmax(0,1fr);gap:0 12px}.hero-lab-page .hero-prototype--a .hero-copy h1{font-size:32px}.hero-lab-page .hero-prototype--c .lab-intro{grid-template-columns:54px minmax(0,1fr);gap:0 12px}.hero-lab-page .hero-prototype--c .lab-identity{width:54px}.hero-lab-page .hero-prototype--c .hero-copy h1{font-size:33px}.hero-lab-page .hero-prototype--b .lab-identity{width:170px}.hero-lab-page .hero-prototype--b .hero-copy h1{font-size:42px}.hero-lab-page .hero-prototype--a .lab-photo{height:190px}.hero-lab-page .hero-prototype--c .lab-photo{height:260px}}
