.profile-dossier{position:relative;isolation:isolate;width:100%;max-width:510px;height:580px;align-self:center;justify-self:center;perspective:1300px;margin:16px 0 0}
.profile-folder-back{position:absolute;left:9%;top:310px;width:86%;height:228px;border-radius:18px;background:#acc4d9;transform:rotate(-9deg);box-shadow:0 18px 25px #345b7420;transition:transform .85s var(--ease)}
.profile-folder-back:before{content:"";position:absolute;right:5%;top:-28px;width:44%;height:40px;border-radius:17px 17px 0 0;background:#acc4d9}
.profile-paper-accent{position:absolute;left:15%;top:198px;width:65%;height:308px;border-radius:4px;background:#e6a8c2;transform:rotate(-14deg);transition:transform .9s var(--ease)}
.profile-photo{position:absolute;left:17%;top:0;width:58%;max-width:260px;margin:0;padding:8px 8px 26px;border:1px solid #d7e3e9;border-radius:5px;background:white;box-shadow:0 10px 23px #214c7423;z-index:3;transform-origin:top left;transform:translate(10%,100px) rotate(-10deg);transition:transform 1s var(--ease),box-shadow 1s;cursor:pointer;will-change:transform}
.profile-photo img{width:100%;height:auto;aspect-ratio:1279/1799;object-fit:contain;border-radius:1px;pointer-events:none}
.profile-folder-cover{position:absolute;top:345px;left:9%;width:88%;height:218px;padding:24px 25px 20px;border-radius:18px;background:#96c6db;text-align:left;transform-origin:50% 95%;transform:rotate(-9deg);transition:transform .9s var(--ease),background .9s;z-index:4;box-shadow:0 10px 18px #4b7f9315;display:flex;flex-direction:column;justify-content:space-between;overflow:visible}
.profile-folder-cover:before{content:"";position:absolute;right:0;top:-26px;width:45%;height:44px;background:inherit;border-radius:17px 17px 0 0;z-index:-1}
.profile-name{font-size:clamp(34px,4.25vw,66px);font-weight:400;color:#8b1739;letter-spacing:4px;line-height:1.2}
.profile-disciplines{font-family:Georgia,'Microsoft YaHei',serif;color:white;font-size:clamp(11px,1.15vw,17px);line-height:1.85;word-spacing:4px;display:block}
.profile-contact{position:absolute;top:265px;left:3%;width:94%;padding:25px 24px 22px;background:#fffdfb;border:1px solid #dde5e8;border-radius:9px;box-shadow:0 15px 32px #31576c25;z-index:5;opacity:0;visibility:hidden;transform:translate(7%,80px) rotate(-10deg) scale(.62);transform-origin:50% 80%;transition:transform .95s var(--ease),opacity .5s,visibility 0s .95s;pointer-events:none;will-change:transform}
.profile-contact:before{content:"";display:block;width:33px;height:3px;background:#8bbbd2;margin-bottom:17px;border-radius:3px}
.profile-contact p{font-size:14px;line-height:1.95;color:#344a54;margin:0;overflow-wrap:anywhere}
.profile-contact a{display:block;margin-top:20px;padding-top:16px;border-top:1px solid #cfdce2;color:#216184;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
.profile-contact a:hover{text-decoration:underline;text-underline-offset:4px}
.profile-contact a:focus-visible{outline:2px solid #438aae;outline-offset:4px}
.profile-hint{position:absolute;bottom:-16px;left:0;width:100%;text-align:center;font-size:10px;letter-spacing:.5px;color:#648795;transition:opacity .3s;pointer-events:none}
.profile-dossier.is-open .profile-photo{transform:translate(-6%,0) rotate(-6deg) scale(.79);box-shadow:0 19px 28px #244d7429;z-index:6}
.profile-dossier.is-open .profile-contact{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0,-6px) rotate(2deg) scale(1);transition-delay:.11s,.11s,0s}
.profile-dossier.is-open .profile-folder-cover{transform:translate(0,27px) rotate(-5deg) rotateX(-23deg);background:#9fcde0}
.profile-dossier.is-open .profile-folder-back{transform:translate(0,13px) rotate(-5deg)}
.profile-dossier.is-open .profile-paper-accent{transform:translate(7px,-25px) rotate(-7deg)}
.profile-dossier.is-open .profile-hint{opacity:0}
@media(min-width:1400px){.profile-dossier{height:635px}.profile-photo{left:21%;top:0}.profile-contact{top:290px;padding:28px 29px}.profile-contact p,.profile-contact a{font-size:16px}.profile-folder-back{top:335px;height:245px}.profile-folder-cover{top:375px;height:228px}.profile-paper-accent{top:205px;height:325px}.profile-dossier.is-open .profile-photo{transform:translate(-10%,-6px) rotate(-6deg) scale(.77)}}
@media(max-width:1000px) and (min-width:681px){.profile-dossier{height:565px}.profile-photo{width:64%;left:12%}.profile-folder-cover{height:210px;padding:23px 17px 20px}.profile-name{font-size:36px;letter-spacing:2px}.profile-disciplines{font-size:11px;word-spacing:0}.profile-contact{left:0;width:100%;padding:20px 18px}.profile-contact p{font-size:13px;line-height:1.85}.profile-contact a{font-size:13px;margin-top:15px;padding-top:13px}.profile-contact:before{margin-bottom:13px}}
@media(max-width:680px){.profile-dossier{width:100%;max-width:340px;height:575px;flex-shrink:0;align-self:center;margin:6px 0 38px}.profile-photo{width:68%;left:9%;padding:6px 6px 21px;transform:translate(11%,70px) rotate(-10deg)}.profile-dossier.is-open .profile-photo{transform:translate(0,-1px) rotate(-5deg) scale(.81)}.profile-paper-accent{top:176px;left:12%;height:315px;width:74%}.profile-folder-back{left:4%;top:304px;width:92%;height:230px}.profile-folder-cover{left:4%;top:336px;width:92%;height:221px;padding:25px 20px 22px}.profile-name{font-size:44px;letter-spacing:3px}.profile-disciplines{font-size:12px;word-spacing:1px}.profile-contact{top:251px;left:-2%;width:104%;padding:21px 21px 22px}.profile-contact p{font-size:14px;line-height:1.85}.profile-contact a{font-size:13px;margin-top:16px;padding-top:14px}.profile-contact:before{margin-bottom:14px}.profile-hint{bottom:-15px;font-size:10px}}
@media(max-width:360px){.profile-contact{padding:18px 16px}.profile-contact p{font-size:13px}.profile-contact a{font-size:12px}.profile-name{font-size:38px}.profile-disciplines{font-size:10px}}
@media(prefers-reduced-motion:reduce){.profile-dossier *{transition:none!important;will-change:auto}.profile-dossier.is-open .profile-photo{transform:translate(-6%,0) scale(.79)}.profile-dossier.is-open .profile-contact{transform:none}}