[data-framer-name="Awards List"]:not([data-moksha]){visibility:hidden}



/* Frame the supplied portrait within the original circular avatar. */
[data-framer-name="Avatar"].framer-hguraq img{transform:scale(1.64) translate(.5%,2%);transform-origin:center;object-fit:cover}

img[src*="/assets/caption-portrait-"]{object-position:center 28%!important}
img[src="/assets/caption-portrait-1-web.webp"]{transform:scale(2.1) translate(0,11%);transform-origin:center}
img[src="/assets/caption-portrait-2-web.webp"]{transform:scale(2.1) translate(0,16%);transform-origin:center}
img[src="/assets/caption-portrait-3-web.webp"]{transform:scale(2.1) translate(-1%,11%);transform-origin:center}

/* Fit supplied education logos inside the unchanged reference icon frames. */

/* Supplied circular artwork fills the unchanged original education icon frame. */
img[src*="/assets/education-"]:is([src$="-circle.png"],[src$="-circle.webp"]){object-fit:contain!important;object-position:center!important;transform:scale(1.1876)!important;transform-origin:center;border-radius:50%!important}
/* Fill each original 56px circle with the supplied circular logo artwork. */
[data-framer-name="Education"] [data-framer-name="Logo"]{width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;flex:none!important;overflow:hidden!important;border-radius:50%!important}
[data-framer-name="Education"] [data-framer-name="Logo"] > div{width:56px!important;height:56px!important;min-width:56px!important;flex:none!important;overflow:visible!important}

/* Slight inset within the original education circles. */
img[src*="/assets/education-"]:is([src$="-circle.png"],[src$="-circle.webp"]){transform:scale(1.04)!important}
/* White logo backing and a smaller mark; clip black margins in supplied PNGs. */
[data-framer-name="Education"] [data-framer-name="Logo"],
[data-framer-name="Education"] [data-framer-name="Logo"] > div{background:#fff!important}
img[src*="/assets/education-"]:is([src$="-circle.png"],[src$="-circle.webp"]){transform:scale(1.02)!important;clip-path:circle(41.8% at 50% 50%)}

/* Match the approved education icon appearance in Work Experience. */
.framer-m8s9y5 [data-framer-name="Logo"]{width:56px!important;height:56px!important;min-width:56px!important;padding:0!important;flex:none!important;overflow:hidden!important;border-radius:50%!important;background:#fff!important}
.framer-m8s9y5 [data-framer-name="Logo"] > div{width:56px!important;height:56px!important;min-width:56px!important;flex:none!important;overflow:visible!important;background:#fff!important}
img[src*="/assets/work-"]:is([src$="-circle.png"],[src$="-circle.webp"]){object-fit:contain!important;object-position:center!important;transform:scale(1.02)!important;transform-origin:center;clip-path:circle(41.8% at 50% 50%);border-radius:50%!important}

/* Enlarge only the artwork; keep the existing circular frame and visible disc size. */
img[src*="/assets/education-"]:is([src$="-circle.png"],[src$="-circle.webp"]),
img[src*="/assets/work-"]:is([src$="-circle.png"],[src$="-circle.webp"]){transform:scale(1.18)!important;clip-path:circle(36.13% at 50% 50%)}

/* Frame the supplied Grandtrio portrait inside the original testimonial circle. */
.framer-1qs1yp3{overflow:hidden!important}
.framer-1qs1yp3 img[src*="grandtrio-client-web.webp"]{object-fit:cover!important;object-position:50% 28%!important;transform:scale(1.65);transform-origin:50% 35%}

/* Centre the supplied Apihx portrait, trimming its outer image border. */
.framer-1lhkjkg{overflow:hidden!important}
.framer-1lhkjkg img[src*="apihx-client-web.webp"]{object-fit:cover!important;object-position:50% 50%!important;transform:scale(1.28);transform-origin:50% 49%;filter:brightness(1.08) saturate(.96)}

/* Frame Furniture Hub’s supplied portrait within the original profile circle. */
.framer-ub2yh{overflow:hidden!important}
.framer-ub2yh img[src*="furniture-hub-client-web.webp"]{object-fit:cover!important;object-position:50% 26%!important;transform:scale(1.65);transform-origin:50% 31%}

/* Keep Asanga Tours’ face centred inside the original profile circle. */
.framer-1k4p919{overflow:hidden!important}
.framer-1k4p919 img[src*="asanga-tours-client-web.webp"]{object-fit:cover!important;object-position:50% 30%!important;transform:scale(1.65);transform-origin:50% 34%}

[data-moksha-dribbble="true"] svg{display:block;width:100%;height:100%}

/* Fit Moksha’s supplied photo within the unchanged first draggable card. */
[data-framer-name="Card1"] [data-framer-name="Image"] img[src*="moksha-about-portrait-final.jpg"]{object-fit:cover!important;object-position:56% 40%!important}

/* Show the complete supplied project artwork within the original thumbnail frame. */
img[src*="/assets/animator-project.jpg"]{object-fit:contain!important;object-position:center!important}
img[src*="/assets/animator-logo.svg"]{object-fit:contain!important}

/* Wide project artwork fits the original reference thumbnail proportions. */
img[src*="/assets/animator-project-wide.jpg"]{object-fit:cover!important;object-position:center!important}

/* Keep the reference black project frame and original inset screenshot treatment. */
img[src*="/assets/animator-ui.jpg"]{object-fit:cover!important;object-position:50% 0!important}
html[data-animator-project="true"] [data-framer-name="Hero"] img[src*="animator-ui.jpg"]{object-fit:contain!important;object-position:center!important;background:#080808}
html[data-animator-project="true"] img[data-animator-detail="1"]{object-position:50% 30%!important}
html[data-animator-project="true"] img[data-animator-detail="2"]{object-position:65% 55%!important}

/* Supplied square case-study images, in their requested left-to-right order. */
html[data-animator-project="true"] img[data-animator-detail="1"],html[data-animator-project="true"] img[data-animator-detail="2"]{object-fit:contain!important;object-position:center!important;background:#080808}

/* Keep supplied Aphix identity assets proportionate inside native frames. */
img[src*="/assets/aphix-symbol.png"]{object-fit:contain!important;object-position:center!important;background:#335e70}
html[data-animator-project="true"] img[src*="/assets/aphix-brand-presentation.png"]{object-fit:contain!important;object-position:center!important;background:#335e70}

/* Updated supplied Aphix icon and dedicated cover/detail artwork. */
img[src*="/assets/aphix-icon-final.png"]{object-fit:contain!important;object-position:center!important;background:#fff}
html[data-animator-project="true"] img[src*="/assets/aphix-cover.jpg"]{object-fit:contain!important;object-position:center!important;background:#335e70}
html[data-animator-project="true"] img[src*="/assets/aphix-detail-"]{object-fit:contain!important;object-position:center!important}

/* Supplied light/dark project screens stay fully visible in native image slots. */
img[src*="/assets/dribbble-project-icon.svg"]{object-fit:contain!important}
html[data-animator-project="true"] img[src*="/assets/project-ui-"]{object-fit:contain!important;object-position:center!important;background:#151c32}

/* Portfolio website cards retain the reference layout; show supplied sites only. */

.framer-61op2o-container .framer-17ochio{color:#1c2024}

.framer-17qe0o5-container .framer-17ochio{color:#1c2024}

.framer-qod7r-container .framer-17ochio{color:#1c2024}

/* Deployment audit: keyboard focus remains visible on interactive content. */
a:focus-visible,button:focus-visible,input:focus-visible,[role="button"]:focus-visible{outline:2px solid #38a8ff;outline-offset:3px}



/* Featured work: two visible template cards, horizontal swipe navigation. */
.framer-TmlsE .framer-1baky8z{display:flex!important;flex-direction:row!important;justify-content:flex-start!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x mandatory;scrollbar-width:none;gap:0;width:100%}
.framer-TmlsE .framer-1baky8z::-webkit-scrollbar{display:none}
.framer-TmlsE .framer-1baky8z>.framer-1k85jh6{flex:0 0 50%!important;width:50%!important;min-width:0;scroll-snap-align:start}
.framer-1baky8z>.framer-1k85jh6:not(.moksha-featured-animator) .framer-text{--framer-text-color:#182a35!important;color:#182a35!important}
.framer-1baky8z>.framer-1k85jh6:not(.moksha-featured-animator) .framer-1iiq1pg{background-color:#182a35!important}
.framer-TmlsE .framer-1baky8z{cursor:grab;user-select:none}
.framer-TmlsE .framer-1baky8z.is-dragging{cursor:grabbing;scroll-snap-type:none}
@media(max-width:809px){.framer-TmlsE .framer-1baky8z>.framer-1k85jh6{flex-basis:100%!important;width:100%!important}}

/* Do not expose unused template legal links or Framer editor attribution. */


/* Keep legal copy readable within the original Terms layout. */
.framer-CCeXv .framer-1qx10bl p+p{margin-top:16px}

.framer-CCeXv .framer-6ixxjp{white-space:normal!important;width:100%!important}
.framer-CCeXv .framer-6ixxjp h4{white-space:normal!important;overflow-wrap:break-word}

/* The unused reference story is not part of this portfolio. */
a[href*="art-that-reveals-how-technology-frames-reality"]{display:none!important}