/* MAT V1.28 — readable, face-forward portrait with attribution directly underneath */
@media(min-width:901px){
 .mat125-login{grid-template-columns:minmax(0,61.5%) minmax(0,38.5%)}
 .mat125-copy{width:64%;left:4.7%;top:3.4%;}
 .mat125-welcome{font-size:clamp(23px,2.75cqw,36px)}
 .mat125-welcome h1{font-size:clamp(27px,3.6cqw,45px)}
 .mat125-pill{font-size:clamp(22px,3.1cqw,39px)}
 .mat125-test{max-width:84%;min-width:70%;margin-top:2.6%}
 .mat125-infos{width:80%;margin-top:2.8%;gap:clamp(7px,1.25vh,14px)}
 .mat125-info-copy{font-size:clamp(15px,1.72cqw,22px)}
 .mat125-info-icon{width:clamp(44px,5.3cqw,66px);height:clamp(44px,5.3cqw,66px)}
 .mat125-portrait-wrap{z-index:4;right:-10.5%;top:12%;bottom:auto;height:76%;width:57%;overflow:visible;mask-image:none;-webkit-mask-image:none;align-items:flex-end;justify-content:center;}
 .mat125-portrait{width:100%;height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 9px 15px #055fbf2b)}
 .mat125-developer{z-index:7;left:auto;right:2.4%;bottom:3.4%;width:46%;min-width:0;max-width:none;padding:1.3% 2%;gap:2.4%;justify-content:center;}
 .mat125-dev-icon{width:clamp(42px,5.8cqw,65px);height:clamp(42px,5.8cqw,65px)}
 .mat125-dev-copy{font-size:clamp(17px,2.05cqw,26px);white-space:normal}
 .mat125-dev-copy small{font-size:.64em;white-space:nowrap}
}
/* Float cards retain a true square aspect ratio. No skew, stretching or rotating. */
.mat125-float{box-sizing:border-box!important;aspect-ratio:1/1!important;width:clamp(52px,6.3cqw,78px)!important;height:auto!important;min-width:0!important;border-radius:19px!important;transform:none!important;rotate:0deg!important;scale:1!important;animation:mat128-float 5.7s ease-in-out infinite alternate,mat128-enter .8s ease-out both!important;animation-delay:var(--float-phase,-1s),var(--enter-delay,.5s)!important;animation-fill-mode:both,both!important;will-change:translate,opacity!important;}
.mat125-float svg{display:block;aspect-ratio:1/1;max-width:60%;max-height:60%;width:60%;height:60%;flex:none;stroke-width:1.8;}
.mat125-float-1{top:13%;right:3.3%}
.mat125-float-2{top:34%;right:39%}
.mat125-float-3{top:43%;right:2.4%}
.mat125-float-4{top:56%;right:41%}
.mat125-float-5{bottom:21%;right:40%}
@keyframes mat128-float{0%{translate:0 0}50%{translate:6px -11px}100%{translate:-4px 6px}}
@keyframes mat128-enter{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@media(min-width:901px) and (max-height:850px){
 .mat125-portrait-wrap{top:14%;height:73%}
 .mat125-developer{bottom:2.5%;padding:1% 1.6%}
 .mat125-dev-icon{width:clamp(42px,5.2cqw,58px);height:clamp(42px,5.2cqw,58px)}
 .mat125-dev-copy{font-size:clamp(16px,1.9cqw,23px)}
 .mat125-info-copy{font-size:clamp(14px,1.5cqw,19px)}
 .mat125-infos{gap:clamp(5px,.8vh,9px)}
}
@media(min-width:901px) and (max-height:700px){
 .mat125-portrait-wrap{top:18%;height:66%}
 .mat125-developer{bottom:1.5%}
 .mat125-float{width:clamp(45px,5.7cqw,65px)!important}
}
@media(min-width:521px) and (max-width:900px){
 .mat125-portrait-wrap{right:-3%;top:18%;bottom:auto;width:54%;height:64%;mask-image:none;-webkit-mask-image:none}
 .mat125-developer{left:auto;right:2%;bottom:2%;min-width:0;max-width:none;width:48%;padding:1.4% 2%}
 .mat125-dev-icon{width:clamp(44px,6cqw,60px);height:clamp(44px,6cqw,60px)}
 .mat125-dev-copy{font-size:clamp(15px,2.4cqw,22px);white-space:normal}
 .mat125-dev-copy small{font-size:.64em}
}
@media(max-width:520px){
 .mat125-art{aspect-ratio:.94}
 .mat125-portrait-wrap{right:-3%;top:23%;bottom:auto;width:57%;height:61%;mask-image:none;-webkit-mask-image:none}
 .mat125-developer{left:auto;right:2%;bottom:2%;min-width:0;max-width:none;width:52%;padding:1.5% 2%;gap:5px}
 .mat125-dev-icon{width:34px;height:34px}
 .mat125-dev-copy{font-size:clamp(11px,2.8cqw,15px);white-space:normal}
 .mat125-dev-copy small{font-size:.61em;padding:3px 5px;white-space:normal}
 .mat125-float{width:clamp(32px,8cqw,44px)!important;border-radius:11px!important}
 .mat125-float-1{top:18%;right:1%}
 .mat125-float-2{top:37%;right:43%}
 .mat125-float-3{top:52%;right:1%}
 .mat125-float-4,.mat125-float-5{display:none}
}
@media(prefers-reduced-motion:reduce){.mat125-float{animation:none!important}}