/* Mobile layout refinements. Desktop composition stays in its original stylesheets. */
#reko-studio-v3 .rk-menu-toggle{display:none}
@media(max-width:760px){
 #reko-studio-v3 .rk-header{min-height:76px;padding:14px 20px;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 20px}
 #reko-studio-v3 .rk-brand{min-height:44px;max-width:calc(100% - 105px)}
 #reko-studio-v3 .rk-brand-window,#reko-studio-v3 .rk-brand-logo{width:148px;max-width:100%}
 #reko-studio-v3 .rk-menu-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;min-width:88px;padding:9px 12px;margin-left:auto;border:1px solid #bcc6d4;border-radius:8px;background:#fff;color:#182839;font-size:.875rem;line-height:1.4}
 #reko-studio-v3 .rk-menu-icon{display:block;width:16px;height:12px;border-block:1.5px solid currentColor;position:relative}
 #reko-studio-v3 .rk-menu-icon::after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}
 #reko-studio-v3 .rk-nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;align-items:stretch;justify-content:start;padding:10px 0 4px}
 #reko-studio-v3 .rk-nav a[aria-current="page"]{box-shadow:none;text-decoration:none}
 #reko-studio-v3 .rk-nav a{min-height:48px;padding:10px 0;font-size:.9375rem;line-height:1.4;overflow-wrap:normal;white-space:normal}
 #reko-studio-v3 .rk-header[data-nav-enhanced] .rk-nav[hidden]{display:none!important}
 #reko-studio-v3 .rk-header[data-nav-enhanced] .rk-nav{border-top:1px solid #dce0e7;margin-top:2px}
 #reko-studio-v3 .cl-container{width:calc(100% - 40px)}
 #reko-studio-v3 .cl-hero{margin:0 12px;padding-bottom:0;min-height:0;max-height:none}
 #reko-studio-v3 .cl-hero-copy{padding:28px 20px 18px;width:100%}
 #reko-studio-v3 .cl-hero-copy .cl-kicker{font-size:.75rem;letter-spacing:.055em;line-height:1.5;margin-bottom:20px;max-width:100%}
 #reko-studio-v3 .cl-hero h1{font-size:clamp(3rem,12.6vw,4.8rem);line-height:1.02;margin-bottom:22px;letter-spacing:-.06em}
 #reko-studio-v3 .cl-lead{max-width:34rem;font-size:1rem;line-height:1.6;margin-bottom:22px}
 #reko-studio-v3 .cl-hero-stage{font-size:.8125rem;line-height:1.6;margin-top:14px;max-width:100%}
 #reko-studio-v3 .cl-hero-art{order:2;aspect-ratio:3/2;height:auto;margin:0;flex:none}
 #reko-studio-v3 .cl-hero-art img{object-fit:contain;object-position:center}
 #reko-studio-v3 .cl-hero-bottom{position:relative;inset:auto;order:3;margin:0 20px;padding:12px 0;gap:12px}
 #reko-studio-v3 .cl-hero-bottom>span{max-width:14rem;font-size:.6875rem;letter-spacing:.035em;line-height:1.5}
 #reko-studio-v3 .cl-hero-bottom>a{width:44px;height:44px;flex:none}
 #reko-studio-v3 .cl-button{max-width:100%;min-height:48px;padding:12px 19px;gap:18px;line-height:1.45}
 #reko-studio-v3 .cl-button:hover{transform:none}
 #reko-studio-v3 .cl-approach{padding-top:48px}
 #reko-studio-v3 .cl-approach-heading{gap:18px;margin-bottom:16px}
 #reko-studio-v3 .cl-approach-heading h2{font-size:clamp(1.9rem,8.5vw,3.5rem);line-height:1.14;letter-spacing:-.045em}
 #reko-studio-v3 .cl-approach-heading>p:last-child{font-size:1rem;line-height:1.7;max-width:none}
 #reko-studio-v3 .cl-journey{height:50px;margin:0 0 22px}
 #reko-studio-v3 .cl-approach-steps{gap:26px;margin-bottom:44px}
 #reko-studio-v3 .cl-approach-steps li{padding-left:18px}
 #reko-studio-v3 .cl-approach-number{font-size:2rem;margin-bottom:12px}
 #reko-studio-v3 .cl-approach-steps h3{font-size:1.4rem;margin-bottom:10px}
 #reko-studio-v3 .cl-approach-steps p{max-width:none;line-height:1.7}
 #reko-studio-v3 .cl-conviction{margin:0 12px 44px}
 #reko-studio-v3 .cl-conviction-inner{width:100%;padding:34px 22px;gap:28px}
 #reko-studio-v3 .cl-conviction h2{font-size:clamp(2.4rem,10vw,4.5rem);line-height:1.08}
 #reko-studio-v3 .cl-conviction-copy{padding-top:22px}
 #reko-studio-v3 .cl-conviction-copy p{font-size:1rem;line-height:1.7;margin-bottom:20px}
 #reko-studio-v3 .cl-conviction-copy p:first-child{font-size:1.125rem;line-height:1.6}
 #reko-studio-v3 .cl-section-head h2{font-size:clamp(2rem,8.5vw,3.5rem)}
 #reko-studio-v3 .cl-project-copy,#reko-studio-v3 .cl-project{padding:26px 20px}
 #reko-studio-v3 .cl-timer h3{font-size:clamp(3rem,12vw,5.2rem);margin-bottom:20px}
 #reko-studio-v3 .cl-project-copy .cl-button{width:100%;gap:10px;font-size:.875rem}
 #reko-studio-v3 .cl-timer-stage{padding:20px 14px}
 #reko-studio-v3 .cl-project h3{font-size:clamp(2rem,9.7vw,3.8rem);letter-spacing:-.055em;overflow-wrap:normal}
 #reko-studio-v3 .cl-project-top{flex-wrap:wrap;font-size:.75rem;letter-spacing:.025em}
 #reko-studio-v3 .cl-project-top>span:last-child{display:none}
 #reko-studio-v3 .cl-workflow li>div{min-width:0}
 #reko-studio-v3 .cl-workflow li>span:last-child{flex:none}
 #reko-studio-v3 .cl-project-end>a{min-height:48px}
 #reko-studio-v3 .cl-archive{margin-bottom:44px;padding-block:26px}
 #reko-studio-v3 .cl-archive h3{font-size:1.35rem}
 #reko-studio-v3 .cl-music{padding-block:44px 48px}
 #reko-studio-v3 .cl-music h2{font-size:clamp(2.7rem,10vw,4.6rem)}
 #reko-studio-v3 .cl-album{width:78%;margin-top:22px;transform:rotate(-4deg)}
 #reko-studio-v3 .cl-album>span{white-space:normal;overflow-wrap:anywhere;font-size:.6875rem;letter-spacing:.05em;line-height:1.5}
 #reko-studio-v3 .cl-signoff{padding-block:48px 30px;gap:12px}
 #reko-studio-v3 .cl-signoff h2{font-size:clamp(2.5rem,10vw,4.5rem)}
 #reko-studio-v3 .cl-brand-play .lab-logo-button{height:240px;width:240px;max-width:100%}
 #reko-studio-v3 .cl-brand-play .lab-playground{height:290px;min-height:290px}
 #reko-studio-v3 .rk-footer{padding:26px 20px;gap:18px}
 #reko-studio-v3 .rk-footer-links{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;width:100%}
 #reko-studio-v3 .rk-footer-links a{min-height:48px;line-height:1.5;align-items:center;font-size:.875rem}
 #reko-studio-v3 .rk-detail-page,#reko-studio-v3 .rk-about-page,#reko-studio-v3 .rk-album-page{padding-inline:20px}
 #reko-studio-v3 .project-switch{display:flex;flex-wrap:wrap;gap:6px 18px}
 #reko-studio-v3 .project-switch a{min-height:44px;display:inline-flex;align-items:center;max-width:100%;font-size:.875rem}
 #reko-studio-v3 .project-intro h1,#reko-studio-v3 .rk-detail-page h1{font-size:clamp(2.2rem,10.4vw,4.7rem);line-height:1.12;letter-spacing:-.045em}
 #reko-studio-v3 audio,#reko-studio-v3 video{max-width:100%}
 #reko-studio-v3 .rk-player-controls{flex-wrap:wrap}
}
@media(max-width:360px){
 #reko-studio-v3 .rk-header{padding-inline:16px;gap:10px}
 #reko-studio-v3 .rk-brand-window,#reko-studio-v3 .rk-brand-logo{width:136px}
 #reko-studio-v3 .cl-container{width:calc(100% - 32px)}
 #reko-studio-v3 .cl-hero-copy{padding-inline:18px}
 #reko-studio-v3 .cl-project-copy,#reko-studio-v3 .cl-project{padding-inline:18px}
 #reko-studio-v3 .rk-detail-page,#reko-studio-v3 .rk-about-page,#reko-studio-v3 .rk-album-page{padding-inline:16px}
}

/* The archived Gameflipping page has its own older header markup. */
#rk-legacy-project .rk-menu-toggle{display:none}
@media(max-width:760px){
 #rk-legacy-project .header-inner{padding-block:14px;gap:10px;min-height:76px}
 #rk-legacy-project .brand{min-width:0;max-width:calc(100% - 100px)}
 #rk-legacy-project .preview-label{width:100%;text-align:left}
 #rk-legacy-project .rk-menu-toggle:not([hidden]){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:9px 12px;margin-left:auto;border:1px solid #bcc6d4;border-radius:8px;background:#fff;color:#182839;font-size:.875rem}
 #rk-legacy-project .rk-menu-icon{display:block;width:16px;height:12px;border-block:1.5px solid currentColor;position:relative}
 #rk-legacy-project .rk-menu-icon::after{content:"";position:absolute;left:0;right:0;top:4px;border-top:1.5px solid currentColor}
 #rk-legacy-project .nav{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:2px 18px;order:4}
 #rk-legacy-project .nav a{min-height:48px;font-size:.875rem}
 #rk-legacy-project header[data-nav-enhanced] .nav{border-top:1px solid #dce0e7;padding-top:10px}
 #rk-legacy-project .hero{padding-top:36px}
}

@media(max-width:540px){#rk-legacy-project .hero h1{font-size:clamp(2rem,9.2vw,3.1rem);overflow-wrap:normal;hyphens:auto}}