/* CueForge Studios R03 | proportional scale and scroll pass.
   Sits after showcase.css. Public studio/case-study layout only; demo apps untouched. */
.showcase-page{--r03-section:46px;scroll-padding-top:84px}
.showcase-page h1,.showcase-page h2,.showcase-page h3{overflow-wrap:normal;text-wrap:balance}
.showcase-page .shell{width:min(1320px,calc(100% - 64px))}
.showcase-page .eyeline,.showcase-page .overline{font-size:.74rem;letter-spacing:.12em}
.showcase-page .head-inner{min-height:72px;gap:22px}
.showcase-page .wordmark img{width:179px;max-height:58px}
.showcase-page .new-header nav{gap:clamp(12px,1.55vw,23px)}
.showcase-page .new-header nav a{font-size:.875rem}
.showcase-page .new-header nav .menu-contact{padding:10px 15px;min-height:44px;display:flex;align-items:center}
.showcase-page .button{font-size:.9rem;min-height:45px;padding:10px 15px;gap:10px;line-height:1.35}
.showcase-page .inline-link{font-size:.875rem}
/* A readable interface is more valuable than miniature status copy. */
.showcase-page .tile-meta,.showcase-page .status-tag,.showcase-page .visual-stamp,.showcase-page .screen-note{font-size:.72rem;letter-spacing:.055em}
.showcase-page .status-tag{padding:4px 7px}
.showcase-page .visual-stamp,.showcase-page .screen-note{padding:6px 8px;line-height:1.3}
/* First fold */
.showcase-page .hero-grid{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:0;gap:34px;padding-block:35px 36px}
.showcase-page .hero h1{font-size:clamp(3rem,3.35vw,3.55rem);line-height:1.02;margin:12px 0 15px;max-width:620px}
.showcase-page .hero-intro{font-size:1.1rem;line-height:1.4}
.showcase-page .hero-thesis{font-size:.94rem;line-height:1.5;margin-top:13px}
.showcase-page .hero-buttons{margin-top:19px;gap:9px}
.showcase-page .hero-proof{margin-top:20px;padding-top:11px;gap:14px}
.showcase-page .hero-proof span{font-size:.71rem}
.showcase-page .hero-art{padding-left:21px}
.showcase-page .hero-top{margin-bottom:8px}
.showcase-page .hero-product{min-height:0;border-width:6px;box-shadow:0 14px 40px #0e0a0870}
.showcase-page .hero-product img{height:304px}
.showcase-page .hero-product-name{bottom:14px;left:17px}
.showcase-page .hero-product-name b{font-size:2rem}
.showcase-page .hero-product-name span{font-size:.81rem}
.showcase-page .hero-art-bottom{margin-top:9px;gap:9px}
.showcase-page .hero-art-bottom>div{padding:11px 13px;gap:2px}
.showcase-page .hero-mini-card strong{font-size:1rem}
.showcase-page .marquee-strip .shell{padding:10px 0;font-size:.71rem;gap:12px}
/* Site rhythm and readable card content */
.showcase-page .section{padding-block:var(--r03-section)}
.showcase-page .section-heading{margin-bottom:22px;gap:24px}
.showcase-page .section-heading h2,.showcase-page .statement-layout h2,.showcase-page .vertical-accent h2,.showcase-page .story-sidebar h2,.showcase-page .engineer-layout h2,.showcase-page .about-body h2,.showcase-page .custom-layout h2{font-size:clamp(1.9rem,2.15vw,2.35rem);line-height:1.12;margin-top:9px}
.showcase-page .section-heading>p{font-size:1rem;line-height:1.5}
.showcase-page .tile-grid{gap:13px}
.showcase-page .project-tile{grid-template-columns:44% 56%;min-height:0}
.showcase-page .tile-copy{padding:17px 18px;min-height:0}
.showcase-page .tile-copy h3{font-size:clamp(1.4rem,1.65vw,1.69rem);line-height:1.13;margin-top:10px}
.showcase-page .tile-title{font-size:.95rem;line-height:1.34;margin-top:5px}
.showcase-page .tile-desc{font-size:.91rem;line-height:1.43;margin-top:8px}
.showcase-page .tile-actions{padding-top:11px;gap:7px}
.showcase-page .tile-actions .button{font-size:.8rem;min-height:44px;padding:8px 10px;gap:5px;white-space:normal;text-align:center}
.showcase-page .tile-actions .inline-link{font-size:.78rem}
.showcase-page .home-grid>.project-tile:first-child{grid-template-columns:51% 49%;min-height:0}
.showcase-page .home-grid>.project-tile:first-child .tile-copy{padding:23px}
.showcase-page .home-grid>.project-tile:first-child h3{font-size:1.9rem}
.showcase-page .home-grid>.project-tile:first-child .tile-desc{font-size:.98rem}
.showcase-page .tile-visual{height:auto;min-height:0}
.showcase-page .tile-visual img.real-screen{object-fit:cover;object-position:left top;padding:0;background:#eae7df}
.showcase-page .section-tail{margin-top:18px;gap:13px;font-size:.89rem}
/* Compact but still distinct narrative and action sections */
.showcase-page .statement-layout{grid-template-columns:155px 1.24fr 1fr;gap:25px}
.showcase-page .statement-copy{padding-top:18px;font-size:1rem;line-height:1.5}
.showcase-page .statement-copy p+p{margin-top:11px}
.showcase-page .statement-copy a{margin-top:11px}
.showcase-page .dual-grid{gap:40px}
.showcase-page .vertical-accent{border-left-width:5px;padding:5px 12px 5px 24px}
.showcase-page .vertical-accent p{font-size:1rem;line-height:1.5;margin:12px 0 15px}
.showcase-page .showcase-steps{gap:10px}
.showcase-page .showcase-steps>div{padding:14px 16px;border-top-width:2px}
.showcase-page .showcase-steps span{font-size:.75rem}
.showcase-page .showcase-steps h3{font-size:1.3rem;line-height:1.13;margin:7px 0 4px}
.showcase-page .showcase-steps p{font-size:.89rem;line-height:1.4}
.showcase-page .cta-inner{max-width:840px}
.showcase-page .cta-inner h2{font-size:clamp(1.9rem,2.35vw,2.55rem);margin:10px auto 11px}
.showcase-page .cta-inner>p{font-size:1rem;line-height:1.5;margin-bottom:19px}
.showcase-page .new-footer{padding:38px 0 18px}
.showcase-page .footer-grid{gap:32px}
.showcase-page .footer-bottom{margin-top:26px}
/* Collection and project detail pages */
.showcase-page .subhero{padding:49px 0 42px}
.showcase-page .subhero h1{font-size:clamp(2.4rem,2.85vw,3.1rem);line-height:1.08;margin:10px 0}
.showcase-page .subhero>div>p{font-size:1rem;line-height:1.5;max-width:760px}
.showcase-page .subhero .button{margin-top:19px}
.showcase-page .work-hero{padding-bottom:29px}
.showcase-page .filter-row{margin-top:24px;gap:8px}
.showcase-page .filter{padding:9px 13px;min-height:44px;font-size:.84rem}
.showcase-page .end-note{margin-top:24px;padding-top:12px;font-size:.86rem}
.showcase-page .project-intro{padding:35px 0 39px}
.showcase-page .project-intro-grid{gap:35px;grid-template-columns:1.06fr .94fr}
.showcase-page .backlink{font-size:.76rem}
.showcase-page .project-head-meta{margin:24px 0 9px;font-size:.75rem;gap:11px}
.showcase-page .project-intro h1{font-size:clamp(2.4rem,2.85vw,3.1rem);line-height:1.08}
.showcase-page .project-intro h2{font-size:clamp(1.18rem,1.4vw,1.5rem);margin:11px 0 10px}
.showcase-page .project-intro p{font-size:1rem;line-height:1.5}
.showcase-page .project-hero-actions{margin-top:18px;gap:9px}
.showcase-page .project-head-art{height:292px;border-width:6px;box-shadow:11px 11px 0 #27231e22}
.showcase-page .project-head-art.real-capture{padding:7px}
.showcase-page .project-head-art.real-capture>a{display:block;width:100%;height:100%;min-width:0}
.showcase-page .project-head-art.real-capture>a img.real-screen{display:block;width:100%;height:100%;object-fit:contain;object-position:center center;background:#fff;box-shadow:0 3px 16px #15110c19}
.showcase-page .project-head-art .screen-note{bottom:11px;left:11px}
.showcase-page .project-facts{padding:17px 0}
.showcase-page .fact-grid{gap:20px}
.showcase-page .fact-grid span{font-size:.73rem}
.showcase-page .fact-grid strong{font-size:.87rem}
.showcase-page .story-layout{grid-template-columns:.82fr 1.18fr;gap:45px}
.showcase-page .story-sidebar{top:90px}
.showcase-page .story-sidebar p{font-size:.98rem;line-height:1.5;margin-top:10px}
.showcase-page .story-entries>div{padding:17px 0;grid-template-columns:132px 1fr;gap:19px}
.showcase-page .story-entries span{font-size:.73rem}
.showcase-page .story-entries p{font-size:.98rem;line-height:1.54}
.showcase-page .engineer-layout{gap:35px}
.showcase-page .engineer-layout p{margin-top:11px;font-size:.99rem;line-height:1.5}
.showcase-page .tech-chips span{padding:15px 12px;font-size:.9rem}
.showcase-page .visit-grid{gap:16px}
.showcase-page .visit-grid>div{padding:23px}
.showcase-page .visit-grid h2{font-size:clamp(1.65rem,2.05vw,2.1rem);margin:8px 0}
.showcase-page .visit-grid p{margin-bottom:14px}
.showcase-page .score-method>div>h2{font-size:clamp(1.9rem,2.25vw,2.45rem);margin:9px 0}
.showcase-page .compare-grid{margin-top:18px}
.showcase-page .compare-grid article{padding:17px}
.showcase-page .compare-grid strong{font-size:1.25rem;margin:8px 0}
.showcase-page .compare-grid p{font-size:.9rem;line-height:1.5}
.showcase-page .about-layout{gap:35px}
.showcase-page .about-art img{height:300px}
.showcase-page .about-body{gap:30px}
.showcase-page .about-body p{margin-top:12px}
.showcase-page .about-body a{margin-top:14px}
.showcase-page .about-image img{max-height:360px}
.showcase-page .method-section h2{font-size:clamp(1.9rem,2.15vw,2.35rem);margin:9px 0 18px}
.showcase-page .method-cards{gap:9px}
.showcase-page .method-cards article{padding:15px;min-height:0}
.showcase-page .method-cards h3{font-size:1.35rem;margin:10px 0 6px}
.showcase-page .method-cards p{font-size:.9rem;line-height:1.48}
.showcase-page .about-bottom h2{font-size:clamp(1.9rem,2.3vw,2.55rem)}
.showcase-page .about-bottom p{margin:14px 0}
.showcase-page .custom-layout{gap:36px}
.showcase-page .custom-layout p{margin-top:12px}
.showcase-page .process-panels article{padding:15px}
.showcase-page .process-panels p{font-size:.91rem;line-height:1.47}
/* Legacy form pages: adjust framing only, never fields or Netlify form wiring. */
.showcase-page.legacy-new .corp-page-hero{padding:35px 0 30px}
.showcase-page.legacy-new .corp-page-hero h1{font-size:clamp(2.3rem,2.9vw,3rem);line-height:1.12}
.showcase-page.legacy-new .corp-page-hero .corp-lead{font-size:1.04rem!important}
.showcase-page.legacy-new .corp-section{padding:43px 0}
.showcase-page.legacy-new .corp-section.compact{padding:27px 0}
.showcase-page.legacy-new .corp-section h2{font-size:clamp(1.55rem,1.9vw,2rem);line-height:1.16}
.showcase-page.legacy-new .corp-section h3{font-size:1.23rem}
.showcase-page.legacy-new .feature-card{padding:19px;gap:9px}
.showcase-page.legacy-new .form-layout{gap:34px}
.showcase-page.legacy-new .corp-form{padding:18px;gap:12px}
.showcase-page.legacy-new .corp-form input,.showcase-page.legacy-new .corp-form textarea,.showcase-page.legacy-new .corp-form button{min-height:44px}
.showcase-page.legacy-new .corp-form label{font-size:.9rem}
.showcase-page.legacy-new .corp-form .check input{min-height:0}
/* Anchor scroll and focused keyboard controls are never covered by the sticky header. */
.showcase-page [id]{scroll-margin-top:86px}
@media(max-width:1150px){
 .showcase-page .hero-grid{gap:24px}
 .showcase-page .hero h1{font-size:clamp(2.8rem,4.4vw,3.35rem)}
 .showcase-page .project-tile{grid-template-columns:1fr}
 .showcase-page .tile-visual{height:185px}
 .showcase-page .tile-copy{min-height:0}
 .showcase-page .home-grid>.project-tile:first-child{grid-template-columns:49% 51%}
 .showcase-page .home-grid>.project-tile:first-child .tile-visual{height:auto}
 .showcase-page .statement-layout{grid-template-columns:135px 1.2fr;gap:21px}
 .showcase-page .statement-copy{grid-column:2;padding-top:0}
 .showcase-page .story-layout{gap:29px}
}
@media(max-width:900px){
 .showcase-page{--r03-section:39px}
 .showcase-page .shell{width:min(calc(100% - 40px),750px)}
 .showcase-page .head-inner{min-height:66px}
 .showcase-page .wordmark img{width:160px}
 .showcase-page .new-header nav{top:66px}
 .showcase-page .new-header nav a{min-height:44px;display:flex;align-items:center}
 .showcase-page .hero-grid,.showcase-page .project-intro-grid,.showcase-page .about-layout,.showcase-page .about-body,.showcase-page .custom-layout{grid-template-columns:1fr}
 .showcase-page .hero-grid{padding-block:37px;gap:23px}
 .showcase-page .hero h1{font-size:clamp(2.6rem,5.2vw,3.05rem)}
 .showcase-page .hero-art{border-left:0;padding-left:0}
 .showcase-page .hero-product img{height:270px}
 .showcase-page .section-heading,.showcase-page .dual-grid,.showcase-page .engineer-layout,.showcase-page .story-layout,.showcase-page .visit-grid,.showcase-page .footer-grid{grid-template-columns:1fr;gap:21px}
 .showcase-page .statement-layout{grid-template-columns:1fr;gap:13px}
 .showcase-page .statement-number,.showcase-page .statement-copy{grid-column:auto;grid-row:auto}
 .showcase-page .section-heading h2,.showcase-page .statement-layout h2,.showcase-page .vertical-accent h2,.showcase-page .story-sidebar h2,.showcase-page .engineer-layout h2,.showcase-page .about-body h2,.showcase-page .custom-layout h2{font-size:clamp(1.77rem,4vw,2.12rem)}
 .showcase-page .story-sidebar{position:static}
 .showcase-page .project-head-art{height:285px}
 .showcase-page .method-cards{grid-template-columns:repeat(2,1fr)}
 .showcase-page .fact-grid{grid-template-columns:1fr;gap:11px}
 .showcase-page .compare-grid{grid-template-columns:1fr}
 .showcase-page .home-grid>.project-tile:first-child{grid-template-columns:1fr}
 .showcase-page .home-grid>.project-tile:first-child .tile-visual{height:260px}
 .showcase-page .marquee-strip .shell{overflow:hidden}
 .showcase-page .subhero{padding:41px 0 34px}
}
@media(max-width:600px){
 .showcase-page{--r03-section:32px}
 .showcase-page .shell{width:calc(100% - 32px)}
 .showcase-page .head-inner{min-height:64px}
 .showcase-page .wordmark img{width:148px}
 .showcase-page .new-header nav{top:64px}
 .showcase-page .hero-grid{padding-block:25px 29px;gap:20px}
 .showcase-page .hero h1{font-size:clamp(2.15rem,8.9vw,2.48rem);margin:9px 0 12px}
 .showcase-page .hero-intro{font-size:1.04rem}
 .showcase-page .hero-thesis{font-size:.91rem;margin-top:11px}
 .showcase-page .hero-buttons{margin-top:16px}
 .showcase-page .hero-proof{margin-top:15px;gap:9px}
 .showcase-page .hero-proof span{font-size:.7rem}
 .showcase-page .hero-product img{height:190px}
 .showcase-page .hero-art-bottom{grid-template-columns:1fr 1fr;gap:7px}
 .showcase-page .hero-art-bottom>div{padding:9px;min-width:0}
 .showcase-page .hero-product-name{bottom:9px;left:11px}
 .showcase-page .hero-product-name b{font-size:1.7rem}
 .showcase-page .hero-product-name span{font-size:.75rem}
 .showcase-page .hero-mini-card strong{font-size:.88rem}
 .showcase-page .section-heading h2,.showcase-page .statement-layout h2,.showcase-page .vertical-accent h2,.showcase-page .story-sidebar h2,.showcase-page .engineer-layout h2,.showcase-page .about-body h2,.showcase-page .custom-layout h2{font-size:1.8rem}
 .showcase-page .tile-grid,.showcase-page .showcase-steps,.showcase-page .tech-chips,.showcase-page .method-cards{grid-template-columns:1fr}
 .showcase-page .project-tile,.showcase-page .home-grid>.project-tile:first-child{min-height:0}
 .showcase-page .tile-visual{height:172px}
 .showcase-page .home-grid>.project-tile:first-child .tile-visual{height:192px}
 .showcase-page .tile-copy,.showcase-page .home-grid>.project-tile:first-child .tile-copy{padding:15px;min-height:0}
 .showcase-page .tile-copy h3,.showcase-page .home-grid>.project-tile:first-child h3{font-size:1.5rem}
 .showcase-page .tile-desc,.showcase-page .home-grid>.project-tile:first-child .tile-desc{font-size:.93rem;line-height:1.48}
 .showcase-page .tile-actions .button{font-size:.81rem}
 .showcase-page .section-tail{flex-direction:column;align-items:start}
 .showcase-page .vertical-accent{padding-left:16px}
 .showcase-page .subhero h1{font-size:clamp(2.1rem,8vw,2.55rem)}
 .showcase-page .project-intro{padding:29px 0 34px}
 .showcase-page .project-intro h1{font-size:clamp(2.08rem,8.3vw,2.6rem)}
 .showcase-page .project-head-meta{margin-top:15px;gap:8px}
 .showcase-page .project-head-art{height:215px;box-shadow:8px 8px 0 #27231e22}
 .showcase-page .story-entries>div{grid-template-columns:1fr;gap:7px}
 .showcase-page .visit-grid>div{padding:17px}
 .showcase-page .filter{font-size:.81rem;padding:9px 11px}
 .showcase-page .footer-grid{gap:20px}
 .showcase-page .footer-bottom{display:grid}
 .showcase-page.legacy-new .corp-page-hero{padding:27px 0}
 .showcase-page.legacy-new .corp-page-hero h1{font-size:2.15rem}
 .showcase-page.legacy-new .corp-section{padding:32px 0}
 .showcase-page.legacy-new .corp-form{grid-template-columns:1fr}
}
@media(prefers-reduced-motion:reduce){.showcase-page *{transition:none!important;animation:none!important}}
.showcase-page .project-head-art:not(.real-capture)>a{width:100%;height:100%;display:block}
.showcase-page .project-head-art:not(.real-capture)>a>img{width:100%;height:100%;object-fit:contain}
.showcase-page .project-head-art a:focus-visible{outline:3px solid #995d3b;outline-offset:-4px}
/* Give practical copy enough width so two-column cards need fewer lines. */
@media(min-width:1151px){.showcase-page .project-tile{grid-template-columns:39% 61%}}