#reko-studio-v3 .lab-hero{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:1rem 2rem;padding:4rem clamp(1.25rem,6vw,6rem) 0;background:linear-gradient(112deg,#fff 43%,#f3f6fa 100%);border-bottom:1px solid #e2e5e8;isolation:isolate;overflow:clip}
#reko-studio-v3 .lab-copy{position:sticky;top:6rem;z-index:1;padding:1.2rem 0 2.5rem;margin-bottom:5.5rem}
#reko-studio-v3 .lab-eyebrow{font-size:.875rem;letter-spacing:.105em;font-weight:550;color:#5a6470;margin-bottom:1.8rem;line-height:1.5}
#reko-studio-v3 .lab-copy h1{font-size:clamp(3.5rem,7.7vw,7.4rem);font-weight:600;letter-spacing:-.065em;line-height:1.02;color:#132b3c;margin:0 0 1.6rem;overflow-wrap:normal}
#reko-studio-v3 .lab-copy h1>span{color:#dc1934}
#reko-studio-v3 .lab-intro{font-size:1.0625rem;line-height:1.7;color:#4e5b65;max-width:27rem;margin-bottom:1.8rem}
#reko-studio-v3 .lab-project-link{background:#132b3c;border-color:#132b3c;border-radius:5px;font-size:1rem;padding:.95rem 1.3rem;gap:1.8rem;text-decoration:none}
#reko-studio-v3 .lab-project-link:hover{background:#263f51}
#reko-studio-v3 .lab-scroll-track{position:relative;min-width:0;width:100%}
#reko-studio-v3 .lab-scroll-track[data-motion="true"]{min-height:calc(36rem + 20rem)}
#reko-studio-v3 .lab-playground{position:relative;top:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;perspective:1100px;isolation:isolate}
#reko-studio-v3 .lab-scroll-track[data-motion="true"] .lab-playground{position:sticky;top:56px}
#reko-studio-v3 .lab-logo-button{display:block;position:relative;flex:none;width:min(100%,34rem);aspect-ratio:1;min-height:44px;padding:18%;border:0;background:transparent;border-radius:12px;-webkit-tap-highlight-color:transparent;touch-action:pan-y;isolation:isolate;perspective:1000px}
#reko-studio-v3 .lab-logo-stack{display:block;position:relative;width:100%;aspect-ratio:680/644;transform-style:preserve-3d}
#reko-studio-v3 .lab-logo-base,#reko-studio-v3 .lab-logo-parts{display:block;position:absolute;inset:0;width:100%;height:100%;transform-style:preserve-3d}
#reko-studio-v3 .lab-logo-base{pointer-events:none}
#reko-studio-v3 .lab-playground[data-settled="true"] .lab-logo-parts{visibility:hidden}
/* Each tile paints just 1/12 of the logo; no clipping or nested full-size surfaces. */
#reko-studio-v3 .lab-shard{display:block;position:absolute;width:calc(100% / 3);height:25%;background-image:url('reko-labs-flat-symbol.webp');background-size:300% 400%;background-repeat:no-repeat;backface-visibility:visible;filter:drop-shadow(0 8px 7px #10283916)}
#reko-studio-v3 .lab-playground[data-visible="true"] .lab-shard{will-change:transform}
#reko-studio-v3 .lab-playground[data-light="true"] .lab-shard,#reko-studio-v3 .lab-playground[data-calm="true"] .lab-shard{filter:none}
#reko-studio-v3 .lab-playground[data-calm="true"] .lab-logo-stack{transform:none}
#reko-studio-v3 .lab-playground[data-calm="true"] .lab-shard{will-change:auto}
/* On touch/small screens, animate only endpoints on six flat tiles. */
#reko-studio-v3 .lab-playground[data-light="true"],#reko-studio-v3 .lab-playground[data-light="true"] .lab-logo-button{perspective:none}
#reko-studio-v3 .lab-playground[data-light="true"] :is(.lab-logo-stack,.lab-logo-base,.lab-logo-parts){transform-style:flat}
#reko-studio-v3 .lab-playground[data-light="true"] .lab-shard{will-change:auto;transition:transform 420ms cubic-bezier(.22,.68,.16,1)}
#reko-studio-v3 .lab-playground[data-light="true"] .lab-logo-base{opacity:0;transition:opacity 80ms linear}
#reko-studio-v3 .lab-playground[data-light="true"] .lab-logo-parts{visibility:visible;opacity:1;transition:none}
/* Restore the intact image after assembly so the resting logo has no tile seams. */
#reko-studio-v3 .lab-playground[data-light="true"][data-settled="true"] .lab-logo-base{opacity:1;transition-delay:480ms}
#reko-studio-v3 .lab-playground[data-light="true"][data-settled="true"] .lab-logo-parts{opacity:0;transition:opacity 80ms linear 480ms}
#reko-studio-v3 .lab-playground[data-calm="true"] :is(.lab-shard,.lab-logo-base,.lab-logo-parts){transition:none!important}
#reko-studio-v3 .lab-scroll-hint{color:#5e6c7b;font-size:.875rem;text-align:center;margin:0 0 1.5rem;line-height:1.5}
#reko-studio-v3 .lab-scroll-hint span{display:inline-block;margin-left:.6rem;color:#b01d30}
#reko-studio-v3 .lab-logo-help{cursor:pointer;position:relative;z-index:1;margin:.5rem 0 1rem;color:#58626d;font-size:.875rem;text-align:center;line-height:1.5}
#reko-studio-v3 #lab-logo-action{display:inline-flex;align-items:center;gap:1rem;border-bottom:1px solid #aab2b9;padding:.4rem 0;color:#273c4b}
#reko-studio-v3 .lab-baseline{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.4rem 1rem;min-height:4.5rem;border-top:1px solid #d5dce1;color:#64717b;font-size:.75rem;letter-spacing:.1em;margin-top:.5rem}
#reko-studio-v3 .lab-baseline a{font-size:.875rem;min-height:44px;display:flex;align-items:center;gap:1.5rem;letter-spacing:0;text-decoration:none;color:#31495b}
#reko-studio-v3 .rk-learning p{font-size:.9375rem}
#reko-studio-v3 .rk-learning-mark{font-size:.875rem}
#reko-studio-v3 .rs-work{max-width:1320px;margin-inline:auto;scroll-margin-top:1.5rem}
#reko-studio-v3 .rs-feature{border:1px solid #d6e3ef;border-radius:1.5rem;overflow:hidden;background:linear-gradient(120deg,#fff,#f1f6fc)}
#reko-studio-v3 .rs-secondary-project{border:1px solid #dbe4ee;border-radius:1.25rem;overflow:hidden;background:#fff;box-shadow:0 18px 45px #20385008}
#reko-studio-v3 .rs-secondary-project .rs-project-copy{padding:1.4rem}
#reko-studio-v3 .rs-secondary-project:hover{border-color:#abc6e4}
#reko-studio-v3 .lab-music{grid-template-columns:minmax(150px,240px) minmax(0,1fr);max-width:1232px;gap:2.5rem;padding:1.8rem 2rem;margin:1rem auto 3rem;width:calc(100% - 88px);border:1px solid #e8dde3;border-radius:1.25rem;background:linear-gradient(120deg,#faf7f9,#fff);align-items:center}
#reko-studio-v3 .lab-cd-link{display:block;width:100%;min-width:0;border-radius:6px;text-decoration:none}
#reko-studio-v3 .lab-cd-link .cd-stage{aspect-ratio:1;perspective:1200px}
#reko-studio-v3 .lab-cd-link .cd-object{transform:rotateX(8deg) rotateY(-13deg);transition:none}
#reko-studio-v3 .lab-cd-link .cd-lid{transform:translateZ(5px);transition:none}
#reko-studio-v3 .lab-cd-link .cd-tray{width:100%;height:100%;border-radius:0}
#reko-studio-v3 .lab-cd-link .cd-cover-front img{width:100%;height:100%;object-fit:contain}
#reko-studio-v3 .lab-music .rs-music-copy>p:last-of-type{font-size:1rem;max-width:34rem;line-height:1.65;color:#59616a}
#reko-studio-v3 .lab-music .rs-music-copy h2{font-size:2.7rem}
#reko-studio-v3 .lab-music .rs-music-link{display:inline-flex;font-size:.9375rem;margin-top:1rem;text-decoration:none}
@media(max-width:1000px){#reko-studio-v3 .lab-hero{padding-top:2.5rem;gap:1rem}#reko-studio-v3 .lab-scroll-track[data-motion="true"]{min-height:calc(34rem + 17rem)}#reko-studio-v3 .lab-logo-button{padding:18%}}
@media(max-width:760px){#reko-studio-v3 .lab-hero{grid-template-columns:minmax(0,1fr);padding:2.8rem 20px 0;gap:0}#reko-studio-v3 .lab-copy{padding:0;margin-bottom:0;position:relative;top:auto}#reko-studio-v3 .lab-copy h1{font-size:clamp(2.5rem,13vw,5rem)}#reko-studio-v3 .lab-eyebrow{margin-bottom:1.2rem;font-size:.8125rem}#reko-studio-v3 .lab-intro{max-width:32rem;font-size:1rem}#reko-studio-v3 .lab-scroll-track{width:min(100%,28rem);justify-self:center;margin-top:1rem}#reko-studio-v3 .lab-scroll-track[data-motion="true"]{min-height:calc(min(100vw - 40px,28rem) + 18rem)}#reko-studio-v3 .lab-scroll-track[data-motion="true"] .lab-playground{top:36px}#reko-studio-v3 .lab-logo-button{width:100%;padding:19%}#reko-studio-v3 .lab-logo-help{margin:0 0 1.2rem}#reko-studio-v3 .lab-baseline{min-height:4rem}#reko-studio-v3 .lab-music{width:calc(100% - 42px);grid-template-columns:minmax(110px,170px) minmax(0,1fr);gap:1.2rem;padding:1.25rem}#reko-studio-v3 .lab-music .rs-music-copy h2{font-size:2.25rem}}
@media(max-width:520px){#reko-studio-v3 .lab-music{grid-template-columns:minmax(0,1fr);gap:1rem;padding:20px}#reko-studio-v3 .lab-cd-link{width:min(100%,220px);justify-self:center}#reko-studio-v3 .lab-music .rs-music-copy{grid-column:1}#reko-studio-v3 .lab-music .rs-music-link{grid-column:auto}#reko-studio-v3 .lab-creative-brand{gap:.65rem}#reko-studio-v3 .lab-creative-brand img{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){#reko-studio-v3 .lab-logo-stack{transform:none}#reko-studio-v3 .lab-scroll-track[data-motion="true"]{min-height:0}#reko-studio-v3 .lab-scroll-track[data-motion="true"] .lab-playground{position:relative;top:0}}
@media(forced-colors:active){#reko-studio-v3 .lab-logo-stack,#reko-studio-v3 .lab-cd-link{background:white;forced-color-adjust:none}}
@media print{#reko-studio-v3 .lab-scroll-track{min-height:0!important}#reko-studio-v3 .lab-copy,#reko-studio-v3 .lab-playground{position:relative!important;top:0!important}#reko-studio-v3 .lab-scroll-hint{display:none}#reko-studio-v3 .lab-logo-help{display:none}#reko-studio-v3 .lab-shard,#reko-studio-v3 .lab-logo-stack{transform:none!important}#reko-studio-v3 .lab-logo-base{opacity:1!important}#reko-studio-v3 .lab-logo-parts{display:none!important}}

#reko-studio-v3 .rs-home :is(.rk-action,.rk-text-action,.rs-music-link){max-width:100%;min-width:0;flex-wrap:wrap;white-space:normal;overflow-wrap:anywhere}