/* Personal signature: the approved mark, code, editorial type and an edit timeline. */
.hero-signature{min-height:730px}
.hero-signature .hero-copy{padding-top:82px}
.hero-signature .signature-scene{width:56%;left:0;bottom:40px;height:calc(100% - 40px);z-index:0}
.hero-signature .signature-stage{inset:0;position:absolute;width:100%;height:100%;aspect-ratio:auto;mask-image:none;isolation:isolate;transform-origin:center}
.signature-grid{position:absolute;inset:9% 7% 12%;background-image:linear-gradient(#f0ede707 1px,transparent 1px),linear-gradient(90deg,#f0ede707 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}
.signature-type{position:absolute;left:6%;top:12%;font:800 clamp(65px,8.4vw,132px)/1 Arial,sans-serif;letter-spacing:-7px;color:transparent;-webkit-text-stroke:1px #f0ede714;white-space:nowrap}
.signature-thread{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#ff7a3d;stroke-width:.7;opacity:.3;overflow:visible}
.signature-thread path{stroke:#f0ede7;opacity:.35}
.signature-core{position:absolute;left:21%;top:17%;width:65%;aspect-ratio:1;z-index:2;transform:rotate(-7deg);transition:transform .6s}
.signature-core img{width:100%;height:100%;object-fit:contain;filter:url(#brand-on-dark)}
.code-study,.edit-study{position:absolute;border:1px solid #ffffff17;background:linear-gradient(145deg,#172331ea,#0a1422ed);border-radius:10px;box-shadow:0 18px 50px #0003;overflow:hidden}
.code-study{width:44%;left:6%;top:21%;transform:rotate(-7deg);z-index:1}
.study-bar{height:34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff0c;font:8px/1.4 Arial,sans-serif;letter-spacing:1px;color:#93a1b3}
.study-dots{display:flex;gap:4px}.study-dots i{width:4px;height:4px;border-radius:50%;background:#6f7d8e}.study-dots i:first-child{background:var(--orange)}
.code-brackets{color:var(--orange);font:12px monospace;letter-spacing:-1px}
.study-code{display:grid;gap:7px;padding:19px 16px 20px;font:clamp(8px,.79vw,12px)/1.5 monospace;color:#c4cbd5;white-space:nowrap}
.study-code b{color:#daaa88;font-weight:400}.study-code em{color:#91a79d;font-style:normal}.code-indent{padding-left:13px}.code-run{color:#f0ede7;margin-top:6px}
.code-caret{display:inline-block;width:1px;height:11px;vertical-align:middle;background:var(--orange);margin-left:4px}
.edit-study{width:47%;right:7%;bottom:15%;transform:rotate(6deg);z-index:3}
.edit-study .study-bar{font-size:7px}.edit-time{color:#e0c0a5;letter-spacing:.3px;font-family:monospace}
.edit-ruler{display:flex;justify-content:space-between;height:17px;padding:0 14px;align-items:start}.edit-ruler i{height:5px;width:1px;background:#7e8d9c44}.edit-ruler i:nth-child(2n){height:8px}
.edit-tracks{position:relative;padding:0 14px 15px;display:grid;gap:6px}
.edit-track{display:flex;gap:4px;height:19px}.edit-track span{display:block;border-radius:3px;border:1px solid #ff9f6d44;background:#b36c463b;flex:1}.edit-track span:nth-child(2){flex:1.6;background:#dd875158}.edit-track-secondary{height:14px;margin-left:20%}.edit-track-secondary span{border-color:#75979030;background:#577e7538}.edit-track-secondary span:last-child{flex:2}
.edit-wave{height:16px;background:repeating-linear-gradient(90deg,transparent 0 2px,#8dafa85c 2px 3px,transparent 3px 5px);clip-path:polygon(0 42%,5% 35%,10% 43%,15% 20%,20% 35%,25% 0,30% 30%,35% 38%,40% 18%,45% 30%,50% 43%,55% 28%,60% 4%,65% 31%,70% 15%,75% 37%,80% 21%,85% 36%,90% 12%,95% 38%,100% 42%,100% 58%,95% 62%,90% 88%,85% 64%,80% 79%,75% 63%,70% 85%,65% 69%,60% 96%,55% 72%,50% 57%,45% 70%,40% 82%,35% 62%,30% 70%,25% 100%,20% 65%,15% 80%,10% 57%,5% 65%,0 58%)}
.edit-playhead{position:absolute;left:37%;top:-16px;bottom:10px;width:1px;background:var(--orange)}.edit-playhead:before{content:'';position:absolute;left:-3px;top:0;border-top:5px solid var(--orange);border-left:3px solid transparent;border-right:3px solid transparent}
.signature-disciplines{position:absolute;left:14%;bottom:8%;display:flex;align-items:center;gap:13px;color:#adbac8;font:9px/1 Arial,sans-serif;letter-spacing:2.1px}.signature-disciplines i{width:3px;height:3px;background:var(--orange)}
.signature-coordinate{position:absolute;left:8%;top:9%;font:7px/1 Arial,sans-serif;letter-spacing:1.6px;color:#b88769}
.motion-enabled .hero-signature.is-in-view .edit-playhead{animation:edit-scrub 7s 2s ease-in-out infinite alternate}
.motion-enabled .hero-signature.is-in-view .code-caret{animation:code-blink 1.2s steps(1) infinite}
.motion-enabled .hero-signature.is-curious .signature-core{transform:rotate(-3deg) translateY(-5px)}
.motion-enabled .hero-signature.is-entering .signature-core{animation:signature-arrive 1.2s .12s both}
.motion-enabled .hero-signature.is-entering .code-study{animation:study-arrive 1s .2s both}
.motion-enabled .hero-signature.is-entering .edit-study{animation:study-arrive 1s .4s both}
.page-hidden .hero-signature *{animation-play-state:paused!important}
@keyframes edit-scrub{from{left:24%}to{left:78%}}
@keyframes code-blink{0%,100%{opacity:1}50%{opacity:0}}
@keyframes signature-arrive{from{opacity:0;transform:translateY(15px) rotate(-11deg)}to{opacity:1;transform:translateY(0) rotate(-7deg)}}
@keyframes study-arrive{from{opacity:0;translate:0 13px}to{opacity:1;translate:0 0}}
@media(max-width:1100px) and (min-width:761px){.hero-signature{min-height:680px}.hero-signature .signature-scene{width:53%}.study-bar{padding:0 9px;font-size:6px}.study-code{padding:14px 10px;gap:5px}.edit-study .study-bar{font-size:5px}.signature-disciplines{font-size:7px;gap:10px;letter-spacing:1.3px}.signature-coordinate{font-size:6px;letter-spacing:1px}}
@media(max-width:760px){.hero-signature{min-height:0}.hero-signature .signature-scene{position:relative;width:100%;height:auto;aspect-ratio:1.16;left:0;bottom:auto;margin:0;order:4;z-index:0}.hero-signature .hero-copy{padding:0}.signature-type{font-size:18vw;letter-spacing:-4px;top:9%}.signature-core{top:8%;left:23%;width:63%}.code-study{top:14%;left:7%;width:43%}.study-bar{height:25px;font-size:6px;padding:0 9px}.study-code{font-size:7px;padding:12px 10px 14px;gap:4px}.code-indent{padding-left:9px}.code-caret{height:8px}.edit-study{right:7%;bottom:17%;width:46%}.edit-study .study-bar{font-size:5px;letter-spacing:.5px}.edit-track{height:13px}.edit-track-secondary{height:10px}.edit-wave{height:12px}.edit-ruler{height:13px}.edit-tracks{padding:0 9px 10px;gap:4px}.signature-disciplines{bottom:10%;font-size:7px;letter-spacing:1.4px;gap:10px;left:10%}.signature-coordinate{top:6%;font-size:5px;letter-spacing:1px}.hero-signature .hero-actions{margin-top:0}.hero-signature .hero-baseline>span{max-width:155px}}
@media(prefers-reduced-motion:reduce){.hero-signature *{animation:none!important;transition:none!important}.hero-signature .signature-core{opacity:1!important;transform:rotate(-7deg)!important}}