.signature-intro,.page-curtain{position:fixed;inset:0;z-index:10000;background:#10170f;color:#e8f1df;font-family:Manrope,Arial,sans-serif;overflow:hidden;pointer-events:none}
.signature-intro{background:radial-gradient(ellipse at 70% 90%,#344923 0,transparent 58%),#10170f}
.signature-top,.signature-bottom{position:absolute;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.17em;gap:20px}.signature-top{top:6%}.signature-top>span:first-child{font-size:26px;font-weight:800;color:#d0ff71}.signature-bottom{bottom:6%;color:#b5c6a5}.signature-center{position:absolute;inset:25% 5%;display:flex;align-items:center;justify-content:center;flex-direction:column}.signature-center>p{font-size:10px;letter-spacing:.25em;margin:0 0 28px;color:#a8bd94;text-align:center}.signature-name{font-size:clamp(36px,10.5vw,150px);font-weight:650;letter-spacing:-.07em;line-height:1.18;display:flex;overflow:hidden}.signature-name i{color:#d0ff71;font-style:normal}.signature-surname{font-size:clamp(11px,1.4vw,20px);letter-spacing:.65em;margin:18px 0 0 10px}.signature-track{width:80px;height:2px;background:#9bb87d33;margin-top:36px;overflow:hidden}.signature-track span{display:block;width:100%;height:100%;background:#d0ff71;transform-origin:left;animation:signature-progress 1.05s cubic-bezier(.2,.7,.3,1) both}.signature-letter{animation:signature-letter .65s cubic-bezier(.2,.8,.2,1) both}.letter-1{animation-delay:.025s}.letter-2{animation-delay:.05s}.letter-3{animation-delay:.075s}.letter-4{animation-delay:.1s}.letter-5{animation-delay:.125s}.letter-6{animation-delay:.15s}.letter-7{animation-delay:.175s}.signature-orbit{position:absolute;width:70vw;height:70vw;left:15%;top:-5vw;border:1px solid #d0ff7117;border-radius:50%;box-shadow:0 0 0 12vw #d0ff7104}.page-curtain{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;background:#d0ff71;color:#14200e}.page-curtain>span{font-size:clamp(30px,8vw,110px);letter-spacing:-.07em;font-weight:700}.page-curtain small{font-size:10px;letter-spacing:.22em}.curtain-dot{color:#5a7833}.replay-intro{background:none;border:0;border-bottom:1px solid #9db88066;color:#c7d7b3;font:inherit;letter-spacing:inherit;cursor:pointer;padding:8px}.replay-intro:hover{color:#d0ff71}.replay-intro:focus-visible{outline:2px solid #d0ff71;outline-offset:5px}
@keyframes signature-letter{from{transform:translateY(120%) rotate(8deg);opacity:0}to{transform:translateY(0) rotate(0);opacity:1}}@keyframes signature-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.signature-top,.signature-bottom{font-size:8px;letter-spacing:.08em}.signature-center>p{font-size:8px;letter-spacing:.14em}.signature-surname{letter-spacing:.45em}}
@media(prefers-reduced-motion:reduce){.signature-intro,.page-curtain{display:none!important}.replay-intro{display:none}}

/* Shared precision-drawn link direction icon. */
.direction-icon{display:inline-block;flex-shrink:0;vertical-align:-.14em;overflow:visible;pointer-events:none}.footer-arrow .direction-icon{width:.82em;height:.82em;vertical-align:0}

/* Short, visible loading signature between project pages. */
.signature-intro.is-compact .signature-track span{animation-duration:.5s}.signature-intro.is-compact .signature-letter{animation-duration:.4s}

/* Composite the splash exit; avoid repainting a full-screen clipping mask. */
.signature-intro,.page-curtain{contain:layout paint;backface-visibility:hidden;will-change:transform;transform:translateZ(0)}
@media(prefers-reduced-motion:no-preference){.intro-active .hero-editorial h1,.intro-active .hero-actions,.intro-active .hero-editorial>div,.intro-active .hero-portrait{visibility:hidden}}