/* Small extensions to the original Folio template. */
html{scroll-padding-top:88px}body{overflow-wrap:break-word}main,footer{position:relative}img{max-width:100%}section[id],article[id]{scroll-margin-top:88px}
:focus-visible{outline:3px solid #c2410c;outline-offset:5px}.skip-link{position:fixed;left:16px;top:-70px;z-index:100;background:#18181b;color:white;padding:12px 20px;border-radius:12px}.skip-link:focus{top:12px}
.project-visual{height:240px;overflow:hidden;background:#f4f4f5;margin:0}.project-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.project-identity{background:#18181b;color:white;display:flex;align-items:center;gap:24px;padding:32px}.identity-mark{font:700 38px 'PT Sans',sans-serif;color:#ff8f5c;min-width:62px}.identity-title{font-weight:700;font-size:17px;margin:0 0 12px}.identity-sub{font-size:12px;line-height:1.7;color:#d4d4d8;margin:0}.detail-image{height:auto;max-height:620px}.detail-image img{height:auto;max-height:620px;object-fit:contain}.detail-identity{height:320px;justify-content:center}.detail-identity .identity-mark{font-size:64px;min-width:96px}.detail-identity .identity-title{font-size:24px}.feature-list{list-style:none;padding-left:0}.feature-list li{position:relative;padding-left:21px;line-height:1.7}.feature-list li::before{content:'';position:absolute;left:0;top:.65em;width:6px;height:6px;border-radius:50%;background:#ff6b2b}#contact a{overflow-wrap:anywhere}#hero .pf img{object-position:center 30%}
@media(max-width:767px){#hero{min-height:auto}#hero>div.relative{padding-top:64px;padding-bottom:64px}.project-identity{padding:24px;gap:18px}.detail-identity .identity-mark{font-size:42px;min-width:62px}.detail-identity .identity-title{font-size:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1!important;transform:none!important}.card-h:hover{transform:none}}

.project-visual:not(.detail-image) img[src="assets/images/projects/gym-hero.png"],.project-visual:not(.detail-image) img[src="assets/images/projects/3rdproject.PNG"]{object-fit:contain;background:#f4f4f5}

.portrait-tilt{transform:perspective(950px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transform-style:preserve-3d;transition:transform .3s ease;filter:drop-shadow(0 20px 24px rgba(0,0,0,.18))}.portrait-tilt .pf{border:1px solid rgba(255,107,43,.3)}.portrait-tilt>div:last-child{transform:translateZ(28px)}#hero .pf img{object-position:center}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:60;display:flex;align-items:center;gap:10px;border-radius:50px;padding:14px 18px;background:#128c46;color:white;box-shadow:0 8px 24px #0003;font:700 14px 'DM Sans',sans-serif;text-decoration:none;transition:transform .2s}.whatsapp-float:hover{transform:translateY(-4px);background:#087336}.whatsapp-float svg{width:28px;height:28px}.project-visual img[src$="simplixopro-clinic-crm.png"]{object-fit:contain;background:#0d1729}footer{padding-bottom:72px}@media(max-width:640px){.whatsapp-float{right:16px;bottom:16px;padding:14px}.whatsapp-label{display:none}}@media(prefers-reduced-motion:reduce){.portrait-tilt{transform:none!important}.whatsapp-float:hover{transform:none}}

/* The portfolio uses a permanent dark theme. */
html{color-scheme:dark;background:#09090b}