@import"https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,700;1,400;1,700&family=DM+Sans:wght@300;400;600&family=Bebas+Neue&display=swap";:root{--paper: #f5f0e8;--paper-warm: #f5f0dc;--paper-cool: #e8eaf0;--paper-white: #fafafa;--ink: #1a1a2e;--ink2: #4a4a6a;--gold: #c68642;--gold-light: rgba(198,134,66,.18);--skin: #c68642;--hair: #1a1020;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", system-ui, sans-serif;--font-bebas: "Bebas Neue", sans-serif}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{font-family:var(--font-body);background:var(--paper);color:var(--ink);overflow-x:hidden;cursor:none}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='300' height='300' filter='url(%23g)' opacity='1'/%3E%3C/svg%3E");background-size:300px 300px}#scroll-container{height:800vh;position:relative}#stage-wrap{position:sticky;top:0;height:100vh;width:100%;overflow:hidden}#stage{width:100%;height:100%;position:relative;background:var(--paper);transition:background 1.2s ease}#stage.bg-warm{background:var(--paper-warm)}#stage.bg-cool{background:var(--paper-cool)}#stage.bg-white{background:var(--paper-white)}#stage.bg-night{background:#c8ccd8}#paper-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:10;opacity:.06;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px 200px;mix-blend-mode:multiply}#scene-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.scene-group{transition:opacity .6s ease}#html-text-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none}.sketch-text-block{position:absolute;pointer-events:auto}.sketch-heading{font-family:var(--font-display);font-size:clamp(1.8rem,4vw,3rem);font-weight:700;color:var(--ink);line-height:1.2;opacity:0;transform:translateY(12px)}.sketch-heading.italic{font-style:italic}.sketch-body{font-family:var(--font-body);font-size:clamp(.9rem,1.8vw,1.1rem);font-weight:400;color:var(--ink2);line-height:1.65;max-width:480px;opacity:0;transform:translateY(10px)}.sketch-chapter{font-family:var(--font-bebas);font-size:clamp(.8rem,1.5vw,1rem);letter-spacing:.3em;color:var(--ink2);opacity:0}#scroll-progress-wrap{position:fixed;top:0;left:0;width:100%;height:6px;z-index:8000;pointer-events:none;overflow:hidden}#scroll-progress-svg{width:100%;height:6px}#scroll-progress-path{stroke-dasharray:2000;stroke-dashoffset:2000;transition:none}.sketch-btn{position:relative;font-family:var(--font-body);font-size:.95rem;font-weight:600;letter-spacing:.06em;color:var(--ink);background:none;border:none;cursor:none;padding:.75rem 2rem;pointer-events:auto}.sketch-btn svg.btn-frame{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.sketch-btn .btn-frame path{fill:none;stroke:var(--ink);stroke-width:1.8;stroke-dasharray:300;stroke-dashoffset:300;stroke-linecap:round;stroke-linejoin:round}@keyframes leg-stride-left{0%{transform:rotate(0)}50%{transform:rotate(22deg)}to{transform:rotate(0)}}@keyframes leg-stride-right{0%{transform:rotate(0)}50%{transform:rotate(-22deg)}to{transform:rotate(0)}}@keyframes arm-stride-left{0%{transform:rotate(0)}50%{transform:rotate(-18deg)}to{transform:rotate(0)}}@keyframes arm-stride-right{0%{transform:rotate(0)}50%{transform:rotate(18deg)}to{transform:rotate(0)}}.walk-leg-left{animation:leg-stride-left .55s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 0%}.walk-leg-right{animation:leg-stride-right .55s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:50% 0%}.walk-arm-left{animation:arm-stride-left .55s ease-in-out infinite alternate;transform-box:fill-box;transform-origin:100% 0%}.walk-arm-right{animation:arm-stride-right .55s ease-in-out infinite;transform-box:fill-box;transform-origin:0% 0%}@keyframes breathe{0%,to{transform:scaleY(1)}50%{transform:scaleY(1.03)}}.breathe{animation:breathe 3s ease-in-out infinite;transform-origin:center bottom}@keyframes flicker{0%,to{opacity:1}5%{opacity:.3}10%{opacity:1}55%{opacity:1}60%{opacity:.15}65%{opacity:1}80%{opacity:.7}85%{opacity:1}}.flicker{animation:flicker 4s step-end infinite}@keyframes bounce-down{0%,to{transform:translateY(0)}50%{transform:translateY(8px)}}.bounce-arrow{animation:bounce-down 1.4s ease-in-out infinite}@keyframes drift{0%{transform:translate(0)}to{transform:translate(-60px)}}.cloud-drift{animation:drift 18s linear infinite alternate}@keyframes conveyor{0%{stroke-dashoffset:0}to{stroke-dashoffset:-40}}#page-flip{position:absolute;top:0;right:0;bottom:0;left:0;background:#fafafa;z-index:500;transform:scaleX(0);transform-origin:left center;pointer-events:none}.confetti-piece{pointer-events:none}.job-card{background:#f5f0e8ed;border:1.5px solid rgba(26,26,46,.14);border-radius:3px;padding:1rem 1.25rem 1.1rem;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transform:translateY(10px);margin-top:.75rem}.job-title{font-family:var(--font-display);font-size:clamp(1.1rem,2.2vw,1.45rem);font-weight:700;color:var(--ink);line-height:1.2;margin-bottom:.2rem}.job-meta{font-family:var(--font-body);font-size:clamp(.68rem,1.1vw,.78rem);color:var(--gold);font-weight:600;letter-spacing:.04em;margin-bottom:.65rem;text-transform:uppercase}.job-bullets{list-style:none;padding:0;margin:0}.job-bullets li{font-family:var(--font-body);font-size:clamp(.75rem,1.2vw,.88rem);color:var(--ink2);line-height:1.5;padding-left:1.1em;position:relative;margin-bottom:.28rem}.job-bullets li:before{content:"—";position:absolute;left:0;color:var(--gold);font-weight:700}.s7-panel{position:absolute;bottom:3%;width:280px;opacity:0}.s7-panel-left{left:1.5%}.s7-panel-right{right:1.5%}.s7-panel .job-card{padding:.55rem .75rem .6rem}.s7-panel .job-title{font-size:.9rem;margin-bottom:.15rem}.s7-panel .job-meta{font-size:.62rem;margin-bottom:.4rem}.s7-panel .job-bullets li{font-size:.68rem;line-height:1.4;margin-bottom:.2rem}@media (max-width: 768px){.sketch-heading{font-size:clamp(1.4rem,6vw,2rem)}.sketch-body{font-size:.9rem;max-width:90vw}#scene-svg{viewBox:0 0 600 700}}#main-nav{position:fixed;top:0;left:0;width:100%;z-index:7000;display:flex;justify-content:space-between;align-items:center;padding:.9rem 2rem;background:#f5f0e8e0;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-bottom:1.5px solid rgba(26,26,46,.12)}.nav-logo svg{display:block}.chapter-label{font-family:Bebas Neue,sans-serif;font-size:.85rem;letter-spacing:.3em;color:#4a4a6a;text-transform:uppercase;transition:opacity .3s ease}@media (max-width: 768px){#main-nav{padding:.7rem 1.2rem}.chapter-label{font-size:.7rem}}*,body{cursor:none!important}#cursor-pencil{position:fixed;top:0;left:0;z-index:9999;pointer-events:none;transform:translate(-4px,-24px) rotate(0);transform-origin:4px 24px;transition:transform .05s linear;will-change:transform}#cursor-pencil.hovering{transform:translate(-4px,-24px) rotate(-15deg) scale(1.15)}