html.portfolio-loading{background:#111110;overflow:hidden}
html.portfolio-loading body{overflow:hidden}
.page-loader{display:none;position:fixed;inset:0;z-index:1000;background:#111110;color:#f1f0ea;padding:38px clamp(25px,6vw,95px);outline:0;flex-direction:column;justify-content:space-between}
.portfolio-loading .page-loader{display:flex}
.portfolio-loading .site-header,.portfolio-loading #hero-title>span,.portfolio-loading .hero-code,.portfolio-loading .hero-hello,.portfolio-loading .hero-corner-note,.portfolio-loading #hero-photo{opacity:0}
.loader-top,.loader-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:'Inter',Arial,sans-serif;font-size:8px;letter-spacing:1.5px;line-height:1.8;color:#85877d}
.loader-name{color:#d2d3c7;display:flex;align-items:center;gap:10px}
.loader-name:before{content:'';width:6px;height:6px;background:#c4adff;border-radius:50%}
.loader-center{width:min(390px,100%);align-self:center;text-align:center;margin-top:-30px}
.loader-monogram{font-family:'Space Grotesk',Arial,sans-serif;font-size:92px;letter-spacing:-6px;line-height:1;font-weight:500;position:relative;display:inline-block;padding-right:6px}
.loader-monogram>span{font-family:Arial,sans-serif;font-size:17px;letter-spacing:0;position:absolute;top:9px;right:-1px;color:#c4adff}
.loader-line{font-family:'Space Grotesk',Arial,sans-serif;font-size:16px;letter-spacing:2.2px;font-weight:400;margin:27px 0 42px;line-height:1.4}
.loader-line>span{color:#c4adff}
.loader-progress-track{height:1px;background:#ffffff24;width:100%;overflow:hidden}
.loader-progress-fill{height:100%;width:100%;background:#c4adff;transform:scaleX(0);transform-origin:left}
.loader-progress-meta{display:flex;align-items:center;justify-content:space-between;margin-top:13px;font-family:'Inter',Arial,sans-serif;color:#7d8173;font-size:6px;letter-spacing:1.2px}
.loader-progress-meta>span:last-child{color:#c4adff;font-variant-numeric:tabular-nums;letter-spacing:0;font-family:'Space Grotesk',Arial,sans-serif;font-size:13px}
.loader-progress-meta small{font-family:'Inter',Arial,sans-serif;font-size:7px;margin-left:3px;color:#74796b}
.loader-bottom>span:last-child{color:#c4adff;font-size:18px;line-height:1}
@media(max-width:600px){.page-loader{padding:26px}.loader-top,.loader-bottom{font-size:6px;letter-spacing:1px}.loader-top>span:last-child{font-size:5px}.loader-center{width:min(280px,100%);margin-top:-20px}.loader-monogram{font-size:80px;letter-spacing:-9px}.loader-monogram>span{font-size:14px;top:8px}.loader-line{font-size:12px;letter-spacing:1.8px;margin:24px 0 34px}.loader-progress-meta{font-size:5px}.loader-progress-meta>span:last-child{font-size:12px}}