/* REDCOWEB portfolio mobile showcase — isolated overrides */
:root{--rw-portfolio-ink:#12292c;--rw-portfolio-muted:#667b7d;--rw-portfolio-accent:#128b83;--rw-portfolio-paper:#f7f3e8;--rw-portfolio-line:#d9dfd8}

/* Home portfolio: the product itself is the visual, not a generic card. */
.rw5-portfolio .rw5-project-track{gap:34px!important;padding-inline:clamp(22px,6vw,100px)!important;align-items:flex-start!important}
.rw5-portfolio .rw5-project-card{flex:0 0 clamp(238px,21vw,294px)!important;width:clamp(238px,21vw,294px)!important;min-width:0!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;text-decoration:none!important;overflow:visible!important;transform:translateZ(0);transition:transform .35s ease,opacity .35s ease}
.rw5-portfolio .rw5-project-card:hover{transform:translateY(-10px)}
.rw5-portfolio .rw5-project-visual{position:relative!important;width:100%!important;height:auto!important;aspect-ratio:9/17.4!important;display:grid!important;place-items:center!important;padding:10px!important;overflow:visible!important;border:0!important;border-radius:50px!important;background:radial-gradient(circle at 50% 28%,rgba(18,139,131,.13),transparent 48%)!important}
.rw5-portfolio .rw5-project-visual:after{content:"";position:absolute;inset:7% 14% 3%;z-index:-1;border-radius:50%;background:rgba(13,42,44,.16);filter:blur(28px);opacity:.48;transition:opacity .3s ease,transform .3s ease}
.rw5-portfolio .rw5-project-card:hover .rw5-project-visual:after{opacity:.72;transform:scale(1.04)}
.rw5-portfolio .rw5-project-visual img{display:block!important;width:100%!important;height:100%!important;max-width:100%!important;object-fit:contain!important;object-position:center!important;border-radius:38px!important;filter:none!important;transition:transform .4s cubic-bezier(.2,.8,.2,1)!important}
.rw5-portfolio .rw5-project-card:hover .rw5-project-visual img{transform:scale(1.025)}
.rw5-portfolio .rw5-project-copy{padding:4px 8px 0!important;text-align:center!important;max-width:290px!important;margin-inline:auto!important}
.rw5-portfolio .rw5-project-copy small{display:block!important;margin-bottom:8px!important;color:var(--rw-portfolio-accent)!important;font-size:11px!important;letter-spacing:.035em!important;line-height:1.8!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
.rw5-portfolio .rw5-project-copy h3{margin:0!important;font-size:clamp(17px,1.45vw,21px)!important;line-height:1.55!important;color:var(--rw-portfolio-ink)!important}
.rw5-portfolio .rw5-project-copy p{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;overflow:hidden!important;margin:7px 0 9px!important;font-size:13px!important;line-height:1.9!important;color:var(--rw-portfolio-muted)!important}
.rw5-portfolio .rw5-project-copy>span{display:inline-flex!important;align-items:center!important;gap:6px!important;color:var(--rw-portfolio-accent)!important;font-weight:850!important;font-size:12px!important}

/* Portfolio archive */
.reference-page .rw-project-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(245px,1fr))!important;gap:44px 28px!important;align-items:start!important}
.reference-page .rw-project-grid .rw-project-card{max-width:310px!important;width:100%!important;margin-inline:auto!important;border:0!important;background:transparent!important;box-shadow:none!important;padding:0!important;text-decoration:none!important}
.reference-page .rw-project-grid .rw-project-visual{aspect-ratio:9/17!important;display:grid!important;place-items:center!important;padding:8px!important;border-radius:48px!important;background:radial-gradient(circle at 50% 30%,rgba(18,139,131,.12),transparent 52%)!important;overflow:visible!important}
.reference-page .rw-project-grid .rw-project-visual img{width:100%!important;height:100%!important;object-fit:contain!important;border-radius:38px!important;transition:transform .35s ease!important}
.reference-page .rw-project-grid .rw-project-card:hover .rw-project-visual img{transform:translateY(-6px) scale(1.018)}
.reference-page .rw-project-grid .rw-project-copy{text-align:center!important;padding:6px 9px 0!important}
.reference-page .rw-project-grid .rw-project-copy small{color:var(--rw-portfolio-accent)!important;font-size:11px!important;line-height:1.8!important}
.reference-page .rw-project-grid .rw-project-copy h2{font-size:20px!important;line-height:1.55!important;margin:8px 0!important}
.reference-page .rw-project-grid .rw-project-copy p{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;font-size:13px!important;line-height:1.9!important;color:var(--rw-portfolio-muted)!important}

/* Case-study pages */
.rw-case-hero .rw-hero-split{align-items:center!important}
.rw-case-hero .rw-case-cover{min-height:clamp(480px,62vw,720px)!important;display:grid!important;place-items:center!important;background:radial-gradient(circle at 50% 42%,rgba(18,139,131,.16),transparent 50%)!important;border:0!important;overflow:visible!important}
.rw-case-hero .rw-case-cover img{width:min(100%,430px)!important;height:clamp(460px,58vw,690px)!important;object-fit:contain!important;object-position:center!important;border-radius:42px!important;filter:drop-shadow(0 28px 42px rgba(11,36,38,.2))!important}
.rw-case-block{border-top:1px solid var(--rw-portfolio-line)!important;padding-block:clamp(34px,5vw,68px)!important}
.rw-case-block .label{color:var(--rw-portfolio-accent)!important;font-weight:900!important;letter-spacing:.02em!important}
.rw-case-block h2{color:var(--rw-portfolio-ink)!important;line-height:1.5!important}
.rw-case-block p{font-size:clamp(15px,1.35vw,18px)!important;line-height:2.15!important;color:#455d60!important;max-width:900px!important}
.rw-stack-grid span,.rw-tech-strip span{border:1px solid rgba(18,139,131,.22)!important;background:rgba(18,139,131,.07)!important;color:#176d68!important;border-radius:999px!important}
.rw-editorial-gallery img,.rw-case-gallery img{border-radius:22px!important;box-shadow:0 16px 50px rgba(18,41,44,.09)!important}
.rw-faq details{border-radius:18px!important;border:1px solid var(--rw-portfolio-line)!important;box-shadow:none!important}

/* V2 UX fix: portfolio must never trap vertical page scrolling. */
html body.is-home .rw5-home .rw5-portfolio{height:auto!important;min-height:0!important;padding:66px 0 78px!important;overflow:hidden!important;background:linear-gradient(180deg,#f8f4ec,#fff 92%)!important}
html body.is-home .rw5-home .rw5-portfolio-sticky{position:relative!important;top:auto!important;height:auto!important;min-height:0!important;overflow:visible!important;padding-top:0!important}
html body.is-home .rw5-home .rw5-project-track{display:flex!important;width:100%!important;max-width:100%!important;overflow-x:auto!important;overflow-y:hidden!important;transform:none!important;will-change:auto!important;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:rgba(61,135,144,.35) transparent;overscroll-behavior-inline:contain;touch-action:pan-x pan-y pinch-zoom;-webkit-overflow-scrolling:touch;padding-bottom:28px!important}
html body.is-home .rw5-home .rw5-project-track::-webkit-scrollbar{height:6px}
html body.is-home .rw5-home .rw5-project-track::-webkit-scrollbar-track{background:transparent}
html body.is-home .rw5-home .rw5-project-track::-webkit-scrollbar-thumb{background:rgba(61,135,144,.30);border-radius:999px}
html body.is-home .rw5-home .rw5-project-card{scroll-snap-align:start}
html body.is-home .rw5-home .rw5-apadana-line{top:180px!important}

/* Section headings: smaller, calmer hierarchy. */
html body.is-home .rw5-home .rw5-heading h2{font-size:clamp(19px,1.65vw,24px)!important;line-height:1.65!important}
html body.is-home .rw5-home .rw5-ai-copy h2{font-size:clamp(21px,1.8vw,27px)!important;line-height:1.62!important}
html body.is-home .rw5-home .rw5-final h2{font-size:clamp(22px,1.95vw,29px)!important;line-height:1.62!important}

/* Brand sizing: the compact logo should read clearly in header/footer. */
html body .rw-header-logo{width:154px!important;height:48px!important;object-fit:contain!important}
html body .rw-footer-brand-logo{width:min(210px,100%)!important;height:auto!important;object-fit:contain!important}

/* Footer breathing room around the statue. */
html body.is-home .rw-footer-art-stage{margin-bottom:42px!important}
html body.is-home .site-footer.rw-footer>.rw-footer-v5{padding-top:26px!important}
html body.is-home .rw-footer-grid{column-gap:clamp(34px,4vw,68px)!important;row-gap:30px!important}

/* Newsletter membership button. */
html body .site-footer .newsletter{display:flex!important;align-items:stretch!important;gap:8px!important;max-width:410px}
html body .site-footer .newsletter input{min-width:0!important;flex:1!important;border:1px solid #d8e5e1!important;background:#fff!important;color:#40565d!important;border-radius:12px!important;padding:11px 14px!important;outline:none!important}
html body .site-footer .newsletter input:focus{border-color:#65a9b1!important;box-shadow:0 0 0 3px rgba(61,135,144,.10)!important}
html body .site-footer .newsletter button{min-width:88px!important;border:1px solid transparent!important;border-radius:12px!important;padding:10px 18px!important;background:linear-gradient(135deg,#347f88,#5fa7aa)!important;color:#fff!important;font-weight:800!important;box-shadow:0 9px 22px rgba(61,135,144,.18)!important;cursor:pointer!important;transition:transform .2s ease,box-shadow .2s ease!important}
html body .site-footer .newsletter button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(61,135,144,.24)!important}

@media(max-width:900px){
 .rw5-portfolio .rw5-project-track{gap:20px!important;padding-inline:18px!important}
 .rw5-portfolio .rw5-project-card{flex-basis:238px!important;width:238px!important}
 .rw5-portfolio .rw5-project-copy p{display:none!important}
 .reference-page .rw-project-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:34px 14px!important}
 .rw-case-hero .rw-case-cover{min-height:430px!important;margin-top:22px!important}
 .rw-case-hero .rw-case-cover img{height:430px!important}
 html body.is-home .rw-footer-art-stage{margin-bottom:30px!important}
}
@media(max-width:560px){
 .reference-page .rw-project-grid{grid-template-columns:1fr!important}
 .reference-page .rw-project-grid .rw-project-card{max-width:270px!important}
 .rw5-portfolio .rw5-project-card{flex-basis:218px!important;width:218px!important}
 .rw5-portfolio .rw5-project-visual{border-radius:38px!important}
 html body.is-home .rw5-home .rw5-heading h2{font-size:19px!important}
 html body.is-home .rw5-home .rw5-ai-copy h2,html body.is-home .rw5-home .rw5-final h2{font-size:21px!important}
 html body .rw-header-logo{width:118px!important;height:42px!important}
 html body.is-home .rw-footer-art-stage{margin-bottom:22px!important}
 html body .site-footer .newsletter{max-width:none;width:100%}
}
@media(prefers-reduced-motion:reduce){.rw5-portfolio .rw5-project-card,.rw5-portfolio .rw5-project-visual img,.reference-page .rw-project-grid .rw-project-visual img{transition:none!important}}