/* Sprint K — Homepage-aligned mobile experience. Loaded last for intentional overrides. */
:root{--tfm-k-ink:#1c1b1a;--tfm-k-paper:#fff;--tfm-k-ochre:#78612c;--tfm-k-line:#dedbd6}
body.portfolio-page,body[data-tfm-module="card"]{background:var(--tfm-k-paper);color:var(--tfm-k-ink)}
.portfolio-page .portfolio-bio{display:block!important;-webkit-line-clamp:unset!important;-webkit-box-orient:initial!important;overflow:visible!important;max-height:none!important;white-space:pre-line;overflow-wrap:anywhere}
.portfolio-page .portfolio-intro-copy{min-width:0}
.portfolio-page #publicName{overflow-wrap:break-word;hyphens:auto}
.portfolio-page .portfolio-section{min-width:0}
.portfolio-page :is(.button,.v5-share,.text-button,.v5-photo-controls button,.v5-thumb),body[data-tfm-module="card"] :is(button,[role="button"]){min-height:44px}
.portfolio-page :is(button,input,select,textarea,a):focus-visible,body[data-tfm-module="card"] :is(button,input,select,textarea,a):focus-visible{outline:2px solid var(--tfm-k-ochre);outline-offset:3px}
.portfolio-page :is(input,select,textarea){max-width:100%;font-size:16px}
.portfolio-page .v5-share{background:#fff!important;color:var(--tfm-k-ink)!important;border:1px solid var(--tfm-k-line)!important;border-radius:3px!important}
.portfolio-page .portfolio-primary-figure img{max-width:100%;height:100%;object-fit:contain}
.portfolio-page .portfolio-gallery{min-width:0}
.portfolio-page .portfolio-gallery-item{min-width:0}
.portfolio-page .portfolio-gallery-item img{max-width:100%}
.portfolio-page .v5-thumbs{overscroll-behavior-inline:contain;scroll-snap-type:x proximity}
.portfolio-page .v5-thumb{scroll-snap-align:start}
.portfolio-page .report-form{max-width:100%}
.portfolio-page .report-form textarea{width:100%;box-sizing:border-box}
html:lang(ar) .portfolio-page :is(.portfolio-intro-copy,.portfolio-detail-grid,.report-form){direction:rtl;text-align:start}
html:lang(ar) .portfolio-page :is(#publicName,.portfolio-bio,.portfolio-location){unicode-bidi:plaintext}
html:lang(ar) .portfolio-page .v5-photo-controls{direction:ltr}
@media(max-width:760px){
 .portfolio-page .portfolio-shell{padding-inline:clamp(12px,3.5vw,20px)!important}
 .portfolio-page .portfolio-intro-copy{padding-block:12px 16px!important}
 .portfolio-page #publicName{font-size:clamp(1.9rem,9vw,3.2rem)!important;line-height:1.16!important;letter-spacing:normal!important}
 .portfolio-page #publicBio{margin-block:10px!important;line-height:1.6!important;font-size:15px!important}
 .portfolio-page .v5-actions{align-self:stretch!important}
 .portfolio-page .v5-share{min-height:44px!important;width:100%;max-width:100%;white-space:normal}
 .portfolio-page .v5-photo-controls button{min-width:44px!important;min-height:44px!important}
 .portfolio-page .v5-thumb{min-height:70px!important}
 .portfolio-page .portfolio-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 .portfolio-page .share-actions{display:flex;flex-wrap:wrap;gap:10px}
 .portfolio-page .share-actions .button{flex:1 1 120px}
}
@media(max-width:350px){.portfolio-page .portfolio-gallery{grid-template-columns:1fr 1fr;gap:6px}}
@media(prefers-reduced-motion:reduce){.portfolio-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}