#about-creator{padding:0;width:min(960px,calc(100vw - 32px));max-width:960px;max-height:calc(100dvh - 32px);overflow:auto;background:#0b1e2c;color:#dce3e5;border:1px solid #405461;border-radius:20px;box-shadow:0 30px 100px #0008}
#about-creator::backdrop{background:#020b14d9;backdrop-filter:blur(5px)}
#about-creator .about-close{position:sticky;top:12px;height:0;margin:0 12px 0 0;z-index:2;display:flex;justify-content:flex-end}
#about-creator .about-close button{width:40px;height:40px;border-radius:50%;background:#0b1e2ce8;border:1px solid #64747d;color:#f2dbac;font-size:25px;padding:0}
.about-layout{display:grid;grid-template-columns:36% 64%}
.about-portrait{position:relative;min-height:580px;overflow:hidden;background:#0b1e2c}
.about-portrait img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 30%;mask-image:linear-gradient(to right,#000 72%,transparent),linear-gradient(to bottom,#000 65%,transparent 98%);mask-composite:intersect}
.about-portrait span{position:absolute;bottom:44px;left:28px;color:#f2dbac;font-size:13px;letter-spacing:2px;text-shadow:0 2px 8px #000}
.about-portrait small{display:block;margin-top:10px;font-size:9px;letter-spacing:1.5px;color:#becbd1}
.about-copy{padding:52px 44px 42px 30px}.about-kicker{font-size:10px;letter-spacing:3px;color:#d7b777;margin:0 0 20px}.about-copy h2{font-size:clamp(25px,3vw,35px);line-height:1.25;margin:0 0 26px;color:#fff1d6;font-weight:500}.about-copy h2 em{font-style:normal;color:#d7b777}.about-copy>p:not(.about-kicker){font-size:14px;line-height:1.75;color:#c0ced5;margin:0 0 16px}.about-signature{border-top:1px solid #d7b77740;padding-top:20px;margin-top:24px;color:#ecd29d;font-size:16px}.about-signature small{display:block;color:#94aab7;font-size:11px;margin-top:5px}.about-contact{display:inline-block;color:#d7b777;font-size:12px;margin-top:23px;text-decoration:none;padding:8px 0}
@media(max-width:640px){.about-layout{display:block}.about-portrait{height:230px;min-height:0}.about-portrait img{object-position:50% 24%;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);mask-composite:add}.about-portrait span{display:none}.about-copy{padding:4px 24px 26px}.about-copy h2{font-size:27px}.about-copy>p:not(.about-kicker){font-size:14px}.about-kicker{margin-bottom:15px}}
@media(max-width:640px){.about-portrait{height:280px}.about-portrait img{width:200px;height:auto;left:50%;transform:translateX(-50%);object-fit:initial;mask-image:linear-gradient(to bottom,#000 64%,transparent 92%)}}