/* Highlight only the current navigation destination. */
.back-to-top{position:fixed;right:24px;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:90;background:#ccff70;color:#101311;border:1px solid #ccff70;padding:12px 18px;font:600 14px Arial,sans-serif;cursor:pointer;box-shadow:0 3px 18px #0005;}
.back-to-top[hidden]{display:none;}
.back-to-top:focus-visible{outline:2px solid #f1f2ea;outline-offset:4px;}
@media(max-width:700px){.back-to-top{right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));}}
header nav a,header nav .home-nav-link{color:var(--muted);transition:color 160ms ease,text-decoration-color 160ms ease;}
header nav a[aria-current="page"]{color:var(--lime);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:6px;}
header nav a:hover{color:var(--fg);text-decoration:underline;text-underline-offset:6px;}
header nav a[aria-current="page"]:hover{color:var(--lime);}
/* A visible page entrance on every browser, including mobile Safari. */
@view-transition{navigation:none;}
main{animation:mm-page-enter 480ms cubic-bezier(.22,1,.36,1) both;}
@keyframes mm-page-enter{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:translateY(0);}}
.button:active,.back-to-top:active{transform:scale(.96);filter:brightness(.92);}
header nav a:active{color:var(--lime);background:rgba(204,255,112,.12);}
.button,.back-to-top{position:relative;overflow:hidden;}
.back-to-top{position:fixed;}
.mm-click-wave{position:absolute;width:28px;height:28px;border-radius:50%;background:currentColor;pointer-events:none;opacity:0;transform:translate(-50%,-50%);}
.button{transition:transform 180ms ease,filter 180ms ease,border-color 180ms ease;}
.service-card{transition:transform 200ms ease,border-color 200ms ease,background-color 200ms ease;}
.portfolio-card>a:first-child{overflow:hidden;}
.portfolio-card>a:first-child img{transition:transform 300ms ease;}
@media(hover:hover) and (pointer:fine){.button:hover{transform:translateY(-2px);filter:brightness(1.04);}.service-card:hover{transform:translateY(-3px);border-color:var(--lime);background:#182017;}.portfolio-card>a:first-child:hover img{transform:scale(1.025);}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none;}html{scroll-behavior:auto!important;}main{view-transition-name:none;}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;}.button:hover,.button:active,.back-to-top:active,.service-card:hover,.portfolio-card>a:first-child:hover img{transform:none!important;}.mm-click-wave{display:none!important;}}

.digital-example{margin:36px 0;padding:28px;border:1px solid #343d32;background:#151b15;}.digital-example h3{font-size:clamp(24px,3vw,32px);line-height:1.2;}.digital-example p,.digital-example li{color:var(--muted);font-size:16px;line-height:1.7;}.digital-example ul{padding-left:20px;}.digital-example li+li{margin-top:12px;}.digital-example strong{color:var(--fg);}@media(max-width:700px){.digital-example{padding:20px;}}

.digital-case{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:40px;align-items:start;}
.app-screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:28px;align-items:start;}
.app-screen-gallery figure,.app-blink-screen figure{margin:0;min-width:0;}
.app-screen-gallery img{display:block;width:100%;height:auto;border:1px solid #343d32;border-radius:12px;}
.app-screen-gallery figcaption,.app-blink-screen figcaption{color:var(--muted);font-size:14px;line-height:1.5;margin-top:14px;}
.app-blink-screen{max-width:290px;justify-self:center;width:100%;}
.app-blink-screen figure>img{display:block;width:100%;height:auto;border:1px solid #343d32;border-radius:12px;}
.app-icon-label{display:flex;align-items:center;gap:12px;margin-top:20px;font-size:14px;color:var(--muted);}
.app-icon-label img{width:64px;height:auto;border-radius:8px;}
@media(max-width:700px){.digital-case{grid-template-columns:1fr;gap:24px;}.app-screen-gallery{grid-template-columns:1fr;max-width:340px;margin:28px auto 0;gap:30px;}.app-blink-screen{max-width:300px;}}

.quiz-example-screen{margin:0;width:100%;max-width:440px;justify-self:center;}.quiz-example-screen img{display:block;width:100%;height:auto;border:1px solid #343d32;border-radius:12px;}.quiz-example-screen figcaption{color:var(--muted);font-size:14px;line-height:1.5;margin-top:14px;}

.quiz-live-demo{grid-column:1/-1;border-top:1px solid #343d32;padding-top:28px;min-width:0;}.quiz-live-demo video{display:block;width:100%;height:auto;aspect-ratio:160/81;object-fit:contain;background:#090c10;border:1px solid #343d32;margin-top:20px;}

#siti-app{align-items:start;}.digital-intro-photo{margin:32px 0 0;}.digital-intro-photo img{display:block;width:100%;height:auto;border:1px solid #343d32;}.digital-intro-photo figcaption{margin-top:14px;color:var(--muted);font-size:14px;line-height:1.5;}

.app-screen-window{display:block;position:relative;overflow:hidden;border:1px solid #343d32;border-radius:12px;background:#f5f7fa;}.app-screen-gallery .app-screen-window img{position:absolute;top:var(--shot-top);left:0;width:100%;height:auto;max-width:none;border:0;border-radius:0;}

/* The same gentle zoom for photographs and project previews across the site.
   The inset compensates for scale, preserving the original frame bounds. */
@media(hover:hover) and (pointer:fine){
  main img,main .portfolio-card>a:first-child img{transition:transform 300ms ease,clip-path 300ms ease;clip-path:inset(0);}
  main img:hover,main a:hover>img{transform:scale(1.025);clip-path:inset(1.219512%);}
}
@media(prefers-reduced-motion:reduce){main img:hover,main a:hover>img{transform:none!important;clip-path:inset(0)!important;}}

.media-gallery .mima-podcast-photo{grid-column:1/-1;}.media-gallery .mima-podcast-photo img{aspect-ratio:16/9;height:auto;object-fit:contain;}