@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,sans-serif;background:#060606;color:#eee;--gold:#ad9259;--dim:#72716c;--line:rgba(255,255,255,.13);--mx:50vw;--my:50vh;--px:0px;--py:0px}*{box-sizing:border-box}html{background:#060606;scroll-behavior:smooth}body{margin:0;background:#060606;overflow-x:hidden}button,a{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}a{text-decoration:none}::selection{background:#eee;color:#060606}.site{position:relative;min-height:100vh}.grain{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;pointer-events:none;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.cursor{position:fixed;z-index:110;pointer-events:none;left:var(--mx);top:var(--my);width:28px;height:28px;background:url(/photos/cursor-superman.png) center/contain no-repeat;transform:translate(-50%,-50%) scale(var(--cs,1));opacity:0;transition:transform .18s var(--ease),opacity .25s}.topbar{position:absolute;z-index:30;top:0;left:0;right:0;height:80px;padding:0 3.2vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(255,255,255,.07);font:10px DM Mono,monospace}.brand{font-size:18px;letter-spacing:.12em;justify-self:start}.topbar nav{display:flex;gap:33px}.topbar nav a{display:flex;align-items:center;color:#7a7975;letter-spacing:.08em;transition:.25s}.topbar nav a:hover{color:#fff}.topbar nav a.th{color:#fff}.topbar nav a.is-active{color:#fff}.topbar nav a.is-active small{color:var(--gold)}.topbar nav small{color:#4f4f4b;margin-right:7px}.top-meta{justify-self:end;display:flex;gap:15px;align-items:center;color:#777}.top-meta strong{color:#ddd;font-size:14px;font-weight:400}.mobile-menu{display:none}.hero{height:100svh;min-height:720px;position:relative;overflow:hidden;padding:80px 10vw 70px;display:flex;align-items:center;background:#060606}.hero-photo{position:absolute;z-index:0;width:48vw;height:82vh;right:0;top:9vh;overflow:hidden;clip-path:polygon(18% 0,100% 0,100% 100%,0 100%,0 17%);transform:translate3d(var(--px),var(--py),0);transition:transform .15s linear;cursor:none;background:#0a0a0a}.hero-photo picture{display:block;width:100%;height:100%}.hero-photo img{width:100%;height:100%;object-fit:cover;display:block;filter:grayscale(1) contrast(1.15) brightness(.68) saturate(1);animation:photoIn .9s cubic-bezier(.16,1,.3,1) both;transition:filter .65s cubic-bezier(.22,.7,.2,1),transform .75s cubic-bezier(.16,1,.3,1)}.hero-photo.is-hovered img{filter:grayscale(0) contrast(1.1) brightness(.85) saturate(1.08);transform:scale(1.06)}.photo-hint{position:absolute;left:5%;top:6%;z-index:2;font:8px DM Mono,monospace;letter-spacing:.15em;color:#ddd;background:#0606068c;border:1px solid rgba(255,255,255,.16);padding:6px 11px;opacity:1;transition:opacity .4s;pointer-events:none}.hero-photo.is-hovered .photo-hint{opacity:0}.photo-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#060606 0%,transparent 22%,transparent 78%,#060606 100%),linear-gradient(0deg,#060606 0%,transparent 18%,transparent 86%,#060606 100%);pointer-events:none}.photo-meta{position:absolute;left:5%;bottom:6%;display:grid;gap:7px;font:9px DM Mono,monospace;letter-spacing:.12em;color:#ddd;opacity:.9;transition:transform .4s,opacity .4s}.photo-meta small{max-width:280px;color:#999;font:9px/1.5 DM Mono,monospace;letter-spacing:.04em}@keyframes photoIn{0%{opacity:0;transform:scale(1.03)}to{opacity:1;transform:scale(1)}}.hero-light{position:absolute;z-index:1;right:24vw;top:32vh;width:300px;height:300px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 100px #ffffff06;transform:translate(var(--px),var(--py));transition:transform .15s linear}.hero-light:before,.hero-light:after{content:"";position:absolute;background:#ffffff1f}.hero-light:before{height:1px;width:100%;top:50%}.hero-light:after{width:1px;height:100%;left:50%}.hero-copy{position:relative;z-index:5;width:72%;margin-top:-4vh}.eyebrow{font:14px DM Mono,monospace;letter-spacing:.28em;color:#bcbab4}.eyebrow i{display:inline-block;width:45px;height:1px;background:#aaa;margin:0 0 4px 12px}.hero-name{font-size:clamp(7rem,15vw,15rem);line-height:.78;letter-spacing:-.11em;margin:28px 0 18px;font-weight:800}.full-name{font:11px DM Mono,monospace;letter-spacing:.32em;color:#999;margin-left:5px}.hero-line{display:flex;align-items:center;gap:18px;margin-top:30px}.hero-line span{font:9px DM Mono,monospace;color:#666}.hero-line b{width:55px;height:1px;background:#555}.hero-line strong{font:clamp(20px,2.1vw,30px) "DM Mono",monospace;letter-spacing:.04em;font-weight:400}.hero-line em{font-style:normal;color:#eee}.hero-intro{font:11px/1.9 DM Mono,monospace;color:#888;margin:27px 0 0 5px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin:35px 0 0 5px}.hero-cta{display:inline-flex;align-items:center;gap:16px;border-bottom:1px solid var(--gold);padding:0 0 12px;font:10px DM Mono,monospace;letter-spacing:.15em;color:#eee;transition:color .25s,border-color .25s}.hero-cta svg{transition:transform .3s}.hero-cta:hover svg{transform:translate(5px)}.hero-cta.th svg{transform:translate(5px)}.hero-cta.ghost{border-bottom-color:#4a4a46;color:#b9b8b3}.hero-cta.ghost:hover{color:#eee;border-bottom-color:var(--gold)}.hero-cta.ghost.th{color:#eee;border-bottom-color:var(--gold)}.hero-cta.ghost:hover svg{transform:translateY(3px)}.hero-cta.ghost.th svg{transform:translateY(3px)}.hero-coordinates{position:absolute;right:4vw;bottom:17vh;z-index:5;display:grid;gap:5px;text-align:right;font:8px DM Mono,monospace;color:#777;letter-spacing:.12em}.hero-note{position:absolute;right:4vw;top:28vh;z-index:5;display:grid;gap:6px;font:8px DM Mono,monospace;color:#777;letter-spacing:.13em}.hero-note i{width:30px;height:1px;background:#777;margin:9px 0}.hero-bottom{position:absolute;left:10vw;right:4vw;bottom:35px;z-index:5;display:grid;grid-template-columns:auto 1fr auto;gap:15px;align-items:center;font:8px DM Mono,monospace;color:#666;letter-spacing:.12em}.scroll-track{height:1px;background:#333}.scroll-track i{display:block;width:9%;height:1px;background:#ddd;animation:travel 2.4s ease-in-out infinite}@keyframes travel{0%{width:3%}50%{width:35%}to{width:3%;transform:translate(900%)}}.reveal{animation:reveal .8s cubic-bezier(.16,1,.3,1) both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}@keyframes reveal{0%{opacity:0;transform:translateY(35px)}to{opacity:1;transform:none}}.section{padding:16vh 10vw;border-top:1px solid var(--line);position:relative}.section-top{display:flex;justify-content:space-between;color:#65645f;font:9px DM Mono,monospace;letter-spacing:.15em}.work-intro{display:grid;grid-template-columns:1.2fr .8fr;gap:10vw;align-items:end;margin:10vh 0 12vh}.work-intro h2,.about-big h2,.journey-head h2,.contact h2{font-size:clamp(5rem,10vw,11rem);line-height:.77;letter-spacing:-.09em;margin:0;font-weight:700}.work-intro h2 em,.about-big h2 em,.journey-head h2 em,.contact h2 em{font-family:Georgia,serif;font-weight:400}.work-intro p{max-width:390px;color:#777;font:11px/1.9 DM Mono,monospace;margin-bottom:4px}.work-stage{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;border-top:1px solid var(--line);padding-top:25px}.project-visual{min-height:500px;position:relative;overflow:hidden;background:radial-gradient(circle at 55% 45%,#262626 0,#111 20%,#080808 65%);border:1px solid #222}.visual-grid{position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:60px 60px}.visual-number{position:absolute;left:25px;top:15px;font:10px DM Mono,monospace;color:#777}.visual-label{position:absolute;left:25px;bottom:25px;font:8px DM Mono,monospace;color:#777;letter-spacing:.15em}.visual-orbit{position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.16);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);animation:spin 18s linear infinite}.visual-orbit:before{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:#ddd;top:-3px;left:50%;box-shadow:0 0 15px #fff}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}.project-list{border-top:1px solid var(--line)}.project-row{width:100%;display:grid;grid-template-columns:45px 1fr 1.1fr 35px 70px;align-items:center;gap:15px;padding:27px 0;border-bottom:1px solid var(--line);text-align:left;transition:.3s}.project-row:hover,.project-row.active{padding-left:15px;background:#ffffff06}.project-row.th{padding-left:15px;background:#ffffff06}.project-index,.project-tag,.project-year{font:8px DM Mono,monospace;color:#686762}.project-name{font-size:clamp(30px,4vw,55px);letter-spacing:-.06em}.project-tag{color:#888}.project-arrow{transition:.3s}.project-row:hover .project-arrow{transform:translate(4px,-4px)}.project-row.th .project-arrow{transform:translate(4px,-4px)}.project-description{padding:35px 0 0 60px}.project-description span{font-size:20px}.project-description p{max-width:450px;color:#777;font:10px/1.8 DM Mono,monospace}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:12vh}.about-big{position:sticky;top:110px;align-self:start}.about-big>p,.contact-kicker{font:9px DM Mono,monospace;color:#777;letter-spacing:.15em}.about-mark{margin-top:14vh;font:10px DM Mono,monospace;color:#666;border:1px solid #333;width:75px;height:75px;border-radius:50%;display:grid;place-items:center}.about-copy{padding-top:4vh}.about-copy .lead{font-size:clamp(22px,2.7vw,36px);line-height:1.2;letter-spacing:-.03em;margin:0}.about-rule{height:1px;background:#333;margin:7vh 0}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:50px}.about-columns span{font:8px DM Mono,monospace;color:#777;letter-spacing:.15em}.about-columns p{font:11px/2 DM Mono,monospace;color:#aaa}.about-foot{font:11px/1.9 DM Mono,monospace;color:#666;margin-top:8vh;max-width:500px}.journey-head{display:flex;justify-content:space-between;align-items:end;margin:11vh 0 15vh}.route-line{position:relative;border-top:1px solid #333}.route-line:before{content:"";position:absolute;top:-1px;bottom:0;left:25%;width:1px;background:#333}.route-line article{display:grid;grid-template-columns:25% 1fr;gap:6vw;position:relative;padding:50px 0;border-bottom:1px solid #333}.route-dot{position:absolute;left:calc(25% - 4px);top:-4px;width:8px;height:8px;border-radius:50%;background:#ddd;box-shadow:0 0 20px #ffffff59}.route-year{font:10px DM Mono,monospace;color:var(--gold)}.route-line h3{font-size:28px;margin:0 0 10px;letter-spacing:-.04em}.route-line b{font:9px DM Mono,monospace;color:#999;font-weight:400}.route-line p{font:10px DM Mono,monospace;color:#666;margin:15px 0 0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin-top:12vh}.contact-terminal{align-self:end;border:1px solid #2d2d2d;background:#0a0a0a;box-shadow:0 30px 100px #0006}.terminal-head{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #242424;font:8px DM Mono,monospace;color:#666}.terminal-body{padding:28px;font:11px/2 DM Mono,monospace}.terminal-body p{margin:0}.terminal-body p span{color:var(--gold)}.terminal-body .muted{color:#555}.terminal-body b{color:#ddd;font-weight:400}.terminal-body a{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #292929;margin-top:20px;padding-top:18px;color:#ddd;transition:.25s}.terminal-body a:hover{color:var(--gold)}.terminal-body a.th{color:var(--gold)}.terminal-body a:hover svg{transform:translate(3px,-3px)}.terminal-body a.th svg{transform:translate(3px,-3px)}.terminal-body a svg{transition:.3s}.term-item{display:flex;flex-direction:column;gap:5px}.term-item small{font:8px DM Mono,monospace;letter-spacing:.15em;color:#666}.site-footer{border-top:1px solid #333;margin:16vh 10vw 0;padding:25px 0 45px;display:flex;justify-content:space-between;align-items:center;gap:20px;font:8px DM Mono,monospace;color:#555}.footer-socials{display:flex;flex-wrap:wrap;gap:22px}.footer-socials a,.footer-socials span{display:flex;align-items:center;gap:7px;color:#aaa}.footer-socials span.disabled{color:#4a4a47;cursor:default}.overlay-menu{position:fixed;z-index:90;top:0;right:0;bottom:0;left:0;background:#070707;padding:100px 8vw}.overlay-menu>p{font:9px DM Mono,monospace;color:#666}.menu-close{position:absolute;right:4vw;top:28px}.overlay-menu>a{display:block;font-size:12vw;line-height:.85;letter-spacing:-.08em;text-align:left;margin:10px 0;color:#6c6b67;transition:color .25s}.overlay-menu>a:hover,.overlay-menu>a.is-active{color:#eee}.overlay-menu>a.th{color:#eee}.overlay-menu small{font:9px DM Mono,monospace;color:#666;display:inline-block;width:50px;vertical-align:top;margin-top:10px}@media (max-width:850px){.hero{min-height:760px;height:100svh;padding:100px 6vw 70px;align-items:flex-start}.hero-photo{width:86vw;max-width:460px;height:66svh;left:50%;right:auto;top:15vh;transform:translate3d(-50%,0,0);opacity:.58;clip-path:polygon(12% 0,100% 0,100% 100%,0 100%,0 11%)}.hero-photo img{object-position:center 30%}.photo-hint{left:auto;right:5%;top:auto;bottom:6%}.photo-meta small{max-width:190px}.hero-light{right:-100px;top:27vh;width:230px;height:230px}.hero-copy{width:100%;margin-top:5vh;pointer-events:none}.hero-copy .hero-actions,.hero-copy .hero-cta{pointer-events:auto}.hero-name{font-size:22vw;margin:35px 0 15px}.full-name{font-size:8px;letter-spacing:.2em}.hero-line{gap:10px;margin-top:25px}.hero-line b{width:25px}.hero-line strong{font-size:16px}.hero-intro{font-size:9px}.hero-note{display:none}.hero-coordinates{right:6vw;bottom:19vh}.hero-bottom{left:6vw;right:6vw;bottom:25px}.section{padding:13vh 6vw}.section-top{font-size:8px}.work-intro,.about-layout,.contact-grid{display:block;margin-top:8vh}.work-intro h2,.about-big h2,.journey-head h2,.contact h2{font-size:18vw}.work-intro p{margin-top:45px}.work-stage{display:block;padding-top:15px}.project-visual{min-height:260px;margin-bottom:30px}.visual-orbit{width:180px;height:180px}.project-row{grid-template-columns:30px 1fr 30px;padding:22px 0}.project-tag,.project-year{display:none}.project-name{font-size:35px}.project-description{padding:25px 0}.project-description span{font-size:17px}.about-big{position:static}.about-big .about-mark{margin-top:8vh}.about-copy{padding-top:9vh}.about-columns{gap:25px}.about-columns p{font-size:9px}.journey-head{margin:8vh 0 10vh}.route-line:before{left:18px}.route-line article{grid-template-columns:40px 1fr;gap:18px;padding:35px 0}.route-dot{left:14px}.route-year{padding-top:2px}.route-line h3{font-size:23px}.contact-grid{margin-top:9vh}.contact-terminal{margin-top:8vh}.site-footer{display:block;margin:12vh 6vw 0;padding-bottom:35px}.footer-socials{flex-wrap:wrap;margin-bottom:20px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.visual-word{position:absolute;left:24px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:left top;font:500 11px DM Mono,monospace;letter-spacing:.25em;color:#aaa}.page{display:block}.page .section:first-child{border-top:0;padding-top:max(16vh,168px)}.page .section{padding-bottom:0}.footer-end{display:flex;align-items:center;gap:20px}.footer-resume{color:#8b8a85;border-bottom:1px solid #35342f;padding-bottom:3px;letter-spacing:.15em;transition:.25s}.footer-resume:hover{color:var(--gold);border-bottom-color:var(--gold)}.footer-resume.th{color:var(--gold);border-bottom-color:var(--gold)}.project-stack{margin-top:14px!important;color:#8e8d87!important;letter-spacing:.06em}.project-bullets{list-style:none;margin:22px 0 0;padding:0;max-width:520px;display:grid;gap:12px}.project-bullets li{position:relative;padding-left:18px;font:10px/1.8 DM Mono,monospace;color:#8d8c86}.project-bullets li:before{content:"";position:absolute;left:0;top:11px;width:7px;height:1px;background:var(--gold)}.project-links{display:flex;flex-wrap:wrap;gap:24px;margin-top:28px}.project-links a{display:inline-flex;align-items:center;gap:8px;font:9px DM Mono,monospace;letter-spacing:.15em;color:#ddd;border-bottom:1px solid var(--gold);padding-bottom:8px;transition:.25s}.project-links a:hover{color:var(--gold)}.project-links a.th{color:var(--gold)}.project-links a svg{transition:transform .3s}.project-links a:hover svg{transform:translate(3px,-3px)}.project-links a.th svg{transform:translate(3px,-3px)}.no-link{font:9px DM Mono,monospace;letter-spacing:.15em;color:#4f4f4b}.side-work{margin-top:16vh}.side-list{margin-top:35px;border-top:1px solid var(--line)}.side-row{display:grid;grid-template-columns:minmax(0,1.1fr) 60px minmax(0,2fr) 20px;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--line);transition:.3s}.side-row:hover{padding-left:15px;background:#ffffff06}.side-row.th{padding-left:15px;background:#ffffff06}.side-name{font-size:20px;letter-spacing:-.03em}.side-lang,.side-note{font:9px DM Mono,monospace;color:#7d7c77}.side-row svg{color:#8d8c86;transition:transform .3s}.side-row:hover svg{transform:translate(4px,-4px)}.side-row.th svg{transform:translate(4px,-4px)}.about-education span,.about-skills span{font:8px DM Mono,monospace;color:#777;letter-spacing:.15em}.about-education h3{font-size:clamp(20px,2vw,26px);letter-spacing:-.03em;margin:14px 0 12px;font-weight:600}.about-education p{font:10px/1.9 DM Mono,monospace;color:#8d8c86;margin:0}.about-education b{display:inline-block;margin-top:14px;font:9px DM Mono,monospace;font-weight:400;color:var(--gold);letter-spacing:.12em}.about-skills{display:grid;gap:26px}.about-skills p{font:10px/1.9 DM Mono,monospace;color:#aaa;margin:9px 0 0;max-width:520px}.journey-lead{margin-top:16vh}.lead-list{margin-top:40px;border-top:1px solid #333}.lead-row{display:grid;grid-template-columns:25% 1fr;gap:6vw;padding:40px 0;border-bottom:1px solid #333}.lead-role{font:10px DM Mono,monospace;color:var(--gold);letter-spacing:.1em}.lead-row h3{font-size:24px;margin:0 0 12px;letter-spacing:-.03em;font-weight:600}.lead-row p{font:10px/1.85 DM Mono,monospace;color:#7d7c77;margin:0;max-width:560px}.contact-place{font:9px DM Mono,monospace;color:#6d6c67;letter-spacing:.14em;margin-top:40px}.resume-head{display:flex;justify-content:space-between;align-items:flex-end;gap:5vw;margin:10vh 0 8vh}.resume-kicker{font:9px DM Mono,monospace;color:#777;letter-spacing:.15em;margin:0}.resume-head h2{font-size:clamp(4.5rem,9vw,9rem);line-height:.77;letter-spacing:-.09em;margin:18px 0 0;font-weight:700}.resume-head h2 em{font-family:Georgia,serif;font-weight:400}.download-btn{display:inline-flex;align-items:center;gap:13px;padding:16px 26px;border:1px solid var(--gold);color:#f0efe9;background:#ad925914;font:10px DM Mono,monospace;letter-spacing:.15em;white-space:nowrap;transition:.28s}.download-btn:hover{background:var(--gold);color:#0a0a0a}.download-btn.th{background:var(--gold);color:#0a0a0a}.download-btn svg{transition:transform .3s}.download-btn:hover svg{transform:translateY(3px)}.download-btn.th svg{transform:translateY(3px)}.download-btn.ghost{border-color:#3a3934;background:none;color:#b9b8b3}.download-btn.ghost:hover{border-color:var(--gold);background:none;color:#eee}.download-btn.ghost.th{border-color:var(--gold);background:none;color:#eee}.download-btn.ghost:hover svg{transform:translate(3px,-3px)}.download-btn.ghost.th svg{transform:translate(3px,-3px)}.resume-sheet{border:1px solid #242424;background:linear-gradient(180deg,#0c0c0c,#080808);box-shadow:0 40px 120px #00000080;padding:clamp(28px,4.5vw,64px);max-width:920px}.rs-head{border-bottom:1px solid #2a2a2a;padding-bottom:26px}.rs-head h3{font-size:clamp(28px,4vw,46px);letter-spacing:-.05em;margin:0;font-weight:700}.rs-title{font:10px DM Mono,monospace;color:var(--gold);letter-spacing:.16em;margin:12px 0 0}.rs-contact{display:flex;flex-wrap:wrap;gap:10px 26px;margin-top:22px;font:10px DM Mono,monospace;color:#8d8c86}.rs-contact a{display:inline-flex;align-items:center;gap:5px;color:#c9c8c2;border-bottom:1px solid #35342f;padding-bottom:2px;transition:.25s}.rs-contact a:hover{color:var(--gold);border-bottom-color:var(--gold)}.rs-contact a.th{color:var(--gold);border-bottom-color:var(--gold)}.rs-block{margin-top:44px}.rs-block h4{font:9px DM Mono,monospace;letter-spacing:.24em;color:#777;margin:0 0 20px;font-weight:400;padding-bottom:10px;border-bottom:1px solid #222}.rs-body{font:11px/1.9 DM Mono,monospace;color:#a3a29c;margin:0 0 10px;max-width:760px}.rs-item{margin-bottom:30px}.rs-item:last-child{margin-bottom:0}.rs-item-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 20px}.rs-item-head strong{font-size:19px;letter-spacing:-.02em;font-weight:600}.rs-item-links{display:flex;gap:18px}.rs-item-links a{display:inline-flex;align-items:center;gap:5px;font:9px DM Mono,monospace;letter-spacing:.12em;color:#9a9993;border-bottom:1px solid #35342f;padding-bottom:2px;transition:.25s}.rs-item-links a:hover{color:var(--gold);border-bottom-color:var(--gold)}.rs-item-links a.th{color:var(--gold);border-bottom-color:var(--gold)}.rs-date{font:9px DM Mono,monospace;color:var(--gold);letter-spacing:.12em;margin-left:auto}.rs-stack{font:9px/1.7 DM Mono,monospace;color:#6f6e69;letter-spacing:.05em;margin:10px 0 0}.rs-item ul{list-style:none;margin:16px 0 0;padding:0;display:grid;gap:11px}.rs-item li{position:relative;padding-left:18px;font:10px/1.85 DM Mono,monospace;color:#9a9993}.rs-item li:before{content:"";position:absolute;left:0;top:10px;width:7px;height:1px;background:var(--gold)}.rs-skill{font:10px/1.9 DM Mono,monospace;color:#a3a29c;margin:0 0 12px}.rs-skill strong{display:block;font:8px DM Mono,monospace;letter-spacing:.18em;color:#6f6e69;font-weight:400;margin-bottom:4px}.rs-inline-link{color:#ddd;border-bottom:1px solid #35342f;transition:.25s}.rs-inline-link:hover{color:var(--gold);border-bottom-color:var(--gold)}.rs-inline-link.th{color:var(--gold);border-bottom-color:var(--gold)}.resume-foot{display:flex;flex-wrap:wrap;gap:20px;margin-top:8vh}@media (max-width:850px){.page .section:first-child{padding-top:128px}.hero-actions{flex-direction:column;align-items:flex-start;gap:20px;margin-top:30px}.hero-cta{font-size:9px;gap:12px}.side-work,.journey-lead{margin-top:12vh}.side-row{grid-template-columns:1fr 18px;gap:8px 14px;padding:20px 0}.side-name{font-size:18px}.side-lang{grid-column:1;font-size:8px}.side-note{grid-column:1/-1}.side-row svg{grid-row:1;grid-column:2}.lead-row{grid-template-columns:1fr;gap:14px;padding:30px 0}.lead-row h3{font-size:20px}.resume-head{display:block;margin:7vh 0 6vh}.resume-head h2{font-size:17vw}.resume-head .download-btn{margin-top:38px;width:100%;justify-content:center}.resume-sheet{padding:26px 20px}.rs-contact{gap:9px 18px;font-size:9px}.rs-item-head strong{font-size:17px}.rs-date{margin-left:0}.resume-foot{display:grid;margin-top:6vh}.resume-foot .download-btn{justify-content:center}.footer-end{flex-direction:column;align-items:flex-start;gap:14px}}

/* ===== KRZZNH v2 — palette, hero, previews, motion ===== */
:root{--ink:#05060a;--paper:#f1ede4;--blue:#2457f5;--blue-2:#7898ff;--red:#d92b3f;--red-2:#ff5a6e;--gold:#d8b25a;--dim:#8a8a97;--line:rgba(180,198,255,.13);--ease:cubic-bezier(.16,1,.3,1);background:var(--ink)}
html,body{background:var(--ink)}::selection{background:var(--gold);color:var(--ink)}
.progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:120;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,var(--red),var(--gold),var(--blue-2));pointer-events:none}
main{animation:pageIn .6s ease both}@keyframes pageIn{from{opacity:0}to{opacity:1}}
.site{transition:opacity .24s ease}body.leaving .site{opacity:0}
.topbar{border-bottom-color:var(--line)}
.topbar nav a{position:relative;padding:8px 0}.topbar nav a:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,var(--red),var(--blue-2));transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease)}
.topbar nav a:hover:after,.topbar nav a.is-active:after{transform:scaleX(1)}
.topbar nav a.th:after{transform:scaleX(1)}.topbar nav a:hover small{color:var(--red-2)}.topbar nav a.th small{color:var(--red-2)}.topbar nav a.is-active small{color:var(--gold)}
.section{border-top-color:var(--line)}.section-top{padding-bottom:16px;border-bottom:1px solid var(--line);position:relative}.section-top:after{content:"";position:absolute;left:0;bottom:-1px;width:70px;height:1px;background:linear-gradient(90deg,var(--red),var(--blue-2))}.section-top span:first-child{color:var(--blue-2)}
.work-intro h2 em{color:var(--gold)}.about-big h2 em{color:var(--blue-2)}.journey-head h2 em{color:var(--red-2)}.contact h2 em,.resume-head h2 em{color:var(--blue-2)}
.footer-socials a{transition:color .3s}.footer-socials a:hover{color:var(--gold)}.footer-socials a.th{color:var(--gold)}.site-footer{border-top-color:var(--line)}

/* hero */
.hero{background:radial-gradient(55vw 55vh at 0 100%,rgba(36,87,245,.22),transparent 70%),radial-gradient(38vw 40vh at 100% 6%,rgba(217,43,63,.14),transparent 70%),var(--ink)}
.hero-photo:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(160deg,rgba(217,43,63,.4),transparent 45%,rgba(36,87,245,.5));mix-blend-mode:soft-light;transition:opacity .65s}.hero-photo.is-hovered:after{opacity:0}
.hero-light{border-color:rgba(120,152,255,.22)}.hero-light:before,.hero-light:after{background:rgba(120,152,255,.2)}
.hero-name{font-size:clamp(3.4rem,8.3vw,9.4rem);line-height:.88;letter-spacing:-.065em;margin:24px 0 22px;color:var(--paper)}
.ln{display:block;overflow:hidden;padding:.03em 0 .07em}.ln-in{display:block;animation:lineUp 1.2s var(--ease) both}.ln-in.d1{animation-delay:.1s}.ln-in.d2{animation-delay:.24s}
@keyframes lineUp{from{transform:translate3d(0,112%,0)}to{transform:none}}
.handle{display:flex;align-items:center;gap:16px;margin-left:5px}.handle i{width:46px;height:3px;background:linear-gradient(90deg,var(--red),var(--blue))}
.handle strong{font:700 clamp(1.05rem,1.9vw,1.6rem) Manrope,sans-serif;letter-spacing:.32em;color:var(--paper)}.handle small{font:9px DM Mono,monospace;letter-spacing:.2em;color:var(--dim)}
.hero-line{margin-top:26px}.hero-intro{color:#a3a3b0}
.hero-cta{border-bottom-color:rgba(216,178,90,.5);background:linear-gradient(90deg,var(--red),var(--blue-2)) left 100%/0 1px no-repeat;background-origin:border-box;transition:background-size .6s var(--ease),color .25s}.hero-cta:hover{background-size:100% 1px}.hero-cta.th{background-size:100% 1px}
.hero-note{right:0;top:26vh;gap:9px;padding:22px 4vw 22px 34px;font:500 10px DM Mono,monospace;letter-spacing:.18em;color:rgba(241,237,228,.85);text-shadow:0 1px 14px var(--ink);background:linear-gradient(90deg,transparent,rgba(5,6,10,.8) 36%)}
.hero-note span:nth-child(2){color:var(--gold)}.hero-note i{width:34px;background:linear-gradient(90deg,var(--red),var(--blue-2))}
.hero-coordinates{color:#9a9aa8;font-size:9px}.hero-bottom{color:#8a8a97}.scroll-track{background:rgba(180,198,255,.18)}
.web{position:absolute;pointer-events:none;color:rgba(120,152,255,.5)}.web svg{width:100%;height:100%;overflow:visible}
.web path{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:1;stroke-dashoffset:1;animation:draw 2.6s var(--ease) var(--wd,0s) forwards}@keyframes draw{to{stroke-dashoffset:0}}
.hero-web{left:0;bottom:0;width:34vw;height:34vw;max-width:520px;max-height:520px;transform:scaleY(-1);z-index:1;animation-delay:.4s}.hero-web path{animation-delay:calc(.5s + var(--wd))}
@media (min-width:851px){.hero-photo{transform:translate3d(var(--px),calc(var(--py) + var(--sy,0px)*.16),0)}.hero-copy{transform:translate3d(0,calc(var(--sy,0px)*-.1),0)}}

/* scroll reveal (keyframes so hover transitions stay intact) */
.sr-on .sr:not(.in){opacity:0}.sr-on .sr.in{animation:srIn 1s var(--ease) var(--d,0ms) backwards}
@keyframes srIn{from{opacity:0;transform:translate3d(0,34px,0)}to{opacity:1;transform:none}}

/* previews */
.pv{position:relative;padding:18vh 10vw;border-top:1px solid var(--line);overflow:hidden}
.pv-about{--ac:var(--blue-2)}.pv-journey{--ac:var(--red-2)}.pv-work{--ac:var(--gold)}
.pv-top{display:flex;align-items:center;gap:14px;font:9px DM Mono,monospace;letter-spacing:.18em;color:var(--dim);margin-bottom:9vh}.pv-top span:first-child{color:var(--ac)}.pv-top i{width:60px;height:1px;background:linear-gradient(90deg,var(--red),var(--blue))}
.pv-h{font-size:clamp(3.4rem,8vw,9rem);line-height:.82;letter-spacing:-.08em;font-weight:700;margin:0;color:var(--paper)}.pv-h em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.05em;color:var(--ac)}
.pv-lead{font-size:clamp(17px,1.8vw,25px);line-height:1.4;letter-spacing:-.02em;color:#c9c9d3;max-width:560px;margin:0 0 38px}
.pv-btn{display:inline-flex;align-items:center;gap:18px;padding:17px 26px;border:1px solid var(--ac);font:10px DM Mono,monospace;letter-spacing:.16em;color:var(--paper);position:relative;overflow:hidden;isolation:isolate;transition:color .45s var(--ease)}
.pv-btn:before{content:"";position:absolute;inset:0;z-index:-1;background:var(--ac);transform:translateY(101%);transition:transform .5s var(--ease)}.pv-btn:hover{color:var(--ink)}.pv-btn.th{color:var(--ink)}.pv-btn:hover:before{transform:none}.pv-btn.th:before{transform:none}.pv-btn svg{transition:transform .4s var(--ease)}.pv-btn:hover svg{transform:translateX(5px)}.pv-btn.th svg{transform:translateX(5px)}
.pv-about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw;align-items:center}
.shield-wrap{margin:0;width:min(100%,400px)}.shield,.shield-in{clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)}
.shield{aspect-ratio:4/4.8;padding:3px;background:linear-gradient(165deg,var(--gold),var(--red) 55%,var(--blue));transition:clip-path 1.4s var(--ease)}.shield-in{width:100%;height:100%;overflow:hidden;background:#0a0a0a}
.shield-in picture,.shield-in img{display:block;width:100%;height:100%}.shield-in img{object-fit:cover;object-position:50% 12%;transition:transform 1.8s var(--ease)}
.sr-on .shield-wrap:not(.in) .shield{clip-path:polygon(0 0,100% 0,100% 0,50% 0,0 0)}.sr-on .shield-wrap:not(.in) img{transform:scale(1.3)}
.shield-wrap figcaption{margin-top:18px;font:9px/1.7 DM Mono,monospace;letter-spacing:.1em;color:var(--dim)}.shield-wrap figcaption b{color:var(--gold);font-weight:400}
.chips{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:0 0 38px;padding:0}.chips li{font:9px DM Mono,monospace;letter-spacing:.14em;color:#b8b8c4;border:1px solid var(--line);padding:8px 13px;transition:.3s}.chips li:hover{border-color:var(--blue-2);color:var(--paper)}.chips li.th{border-color:var(--blue-2);color:var(--paper)}
.pv-journey-head{display:grid;grid-template-columns:1.25fr .75fr;gap:6vw;align-items:end}.pv-journey-head .pv-lead{margin-bottom:30px}
.journey-web{right:0;top:0;width:36vw;height:36vw;max-width:520px;max-height:520px;transform:scaleX(-1);color:rgba(255,90,110,.28);opacity:.9}.journey-web path{animation-play-state:paused}.journey-web.in path{animation-play-state:running}
.pv-route{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:4vw;margin-top:14vh;padding-top:50px}
.pv-route:before{content:"";position:absolute;left:0;right:0;top:5px;height:2px;background:linear-gradient(90deg,var(--blue),var(--red),var(--gold));transform:scaleX(0);transform-origin:left;transition:transform 1.8s var(--ease)}.pv-route.in:before,html:not(.sr-on) .pv-route:before{transform:none}
.pv-stop{position:relative;--c:var(--blue-2);display:flex;flex-direction:column;gap:10px}.pv-stop:nth-child(2){--c:var(--red-2)}.pv-stop:nth-child(3){--c:var(--gold)}
.pv-stop:before{content:"";position:absolute;top:-50px;left:0;width:12px;height:12px;border-radius:50%;background:var(--ink);border:2px solid var(--c);transform:scale(0);transition:transform .6s var(--ease) calc(.5s + var(--k)*.45s)}.pv-route.in .pv-stop:before,html:not(.sr-on) .pv-stop:before{transform:none}
.pv-year{font:800 clamp(2.6rem,5.5vw,6rem)/.85 Manrope,sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(241,237,228,.3);transition:color .5s,-webkit-text-stroke-color .5s}.pv-stop:hover .pv-year{color:var(--c);-webkit-text-stroke-color:var(--c)}.pv-stop.th .pv-year{color:var(--c);-webkit-text-stroke-color:var(--c)}
.pv-stop em{font:italic clamp(16px,1.5vw,21px) Georgia,serif;color:var(--c)}.pv-stop b{font:500 10px DM Mono,monospace;letter-spacing:.14em;color:var(--paper)}.pv-stop small{font:9px DM Mono,monospace;letter-spacing:.08em;color:var(--dim)}
.pv-work-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:7vw;align-items:start}.pv-work-copy{position:sticky;top:12vh}.pv-work .pv-lead{margin-top:34px}
.pv-projects{border-top:1px solid var(--line)}
.pv-proj{display:grid;grid-template-columns:40px 1fr auto 24px;column-gap:16px;align-items:center;padding:30px 0;border-bottom:1px solid var(--line);position:relative;transition:padding .5s var(--ease)}
.pv-proj:before{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,var(--red),var(--gold),var(--blue));transform:scaleX(0);transform-origin:left;transition:transform .7s var(--ease)}.pv-proj:hover:before,.pv-proj.active:before{transform:none}.pv-proj.th:before{transform:none}
.pv-proj:hover,.pv-proj.active{padding-left:18px}
.pv-proj.th{padding-left:18px}.pv-proj .ix,.pv-proj .tg{font:9px DM Mono,monospace;color:var(--dim);letter-spacing:.1em}.pv-proj.active .ix{color:var(--gold)}
.pv-proj .nm{font-size:clamp(30px,4.2vw,62px);letter-spacing:-.06em;font-weight:700;line-height:1;transition:color .4s}.pv-proj.active .nm{color:var(--gold)}.pv-proj .pa{color:var(--dim);transition:transform .4s var(--ease),color .3s}.pv-proj:hover .pa{transform:translate(4px,-4px);color:var(--gold)}.pv-proj.th .pa{transform:translate(4px,-4px);color:var(--gold)}
.pv-proj .st{grid-column:2/-1;font:10px/1.6 DM Mono,monospace;color:#b0b0bd;max-height:0;opacity:0;overflow:hidden;transition:max-height .5s var(--ease),opacity .4s,margin .5s var(--ease)}.pv-proj.active .st{max-height:40px;opacity:1;margin-top:12px}

/* about */
.about-big h2{letter-spacing:-.085em}.about-mark{position:relative;width:86px;height:100px;border:0;border-radius:0;background:linear-gradient(165deg,var(--gold),var(--red) 55%,var(--blue));clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%);color:var(--paper)}
.about-mark:before{content:"";position:absolute;inset:3px;background:var(--ink);clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)}.about-mark span{position:relative;margin-top:-14px}
.about-copy .lead{color:var(--paper)}.about-rule{background:linear-gradient(90deg,var(--line),transparent)}.about-education b,.lead-role{color:var(--gold)}

/* journey */
.journey-head{margin:11vh 0 6vh}.journey-head h2{font-size:clamp(4.2rem,8.6vw,9.6rem)}
.journey-intro{max-width:520px;color:#a9a9b6;font:12px/1.9 DM Mono,monospace;margin:0 0 12vh}
.route-line{border-top-color:var(--line)}.route-line:before{background:var(--line)}.route-line:after{content:"";position:absolute;left:25%;top:0;width:2px;margin-left:-1px;height:calc(var(--prog,0)*100%);background:linear-gradient(180deg,var(--blue),var(--red),var(--gold))}
.route-line article{--c:var(--blue-2);padding:64px 0;border-bottom-color:var(--line)}.route-line article:nth-of-type(2){--c:var(--red-2)}.route-line article:nth-of-type(3){--c:var(--gold)}
.route-dot{left:calc(25% - 7px);top:72px;width:14px;height:14px;background:var(--ink);border:2px solid var(--c);box-shadow:0 0 0 7px var(--ink)}
.route-year{font:800 clamp(3rem,7vw,7.5rem)/.8 Manrope,sans-serif;letter-spacing:-.07em;color:transparent;-webkit-text-stroke:1px rgba(241,237,228,.28);transition:color .6s,-webkit-text-stroke-color .6s}.route-line article:hover .route-year{color:var(--c);-webkit-text-stroke-color:var(--c)}.route-line article.th .route-year{color:var(--c);-webkit-text-stroke-color:var(--c)}
.route-q{display:block;font:italic clamp(18px,1.8vw,25px) Georgia,serif;color:var(--c);margin-bottom:16px}.route-line h3{color:var(--paper)}.route-line p{color:#8a8a97;font-size:11px;line-height:1.85;max-width:520px}.route-line b{color:#b0b0bd}
.lead-row{transition:padding .5s var(--ease),background .4s}.lead-row:hover{padding-left:16px;background:linear-gradient(90deg,rgba(36,87,245,.1),transparent 70%)}.lead-row.th{padding-left:16px;background:linear-gradient(90deg,rgba(36,87,245,.1),transparent 70%)}

/* work */
.project-visual{background:radial-gradient(circle at 55% 45%,rgba(36,87,245,.3) 0,#0b0d18 24%,#05060a 68%);border-color:var(--line)}.visual-grid{background:linear-gradient(rgba(120,152,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(120,152,255,.1) 1px,transparent 1px);background-size:60px 60px}
.visual-orbit{border-color:rgba(120,152,255,.3)}.visual-orbit:before{background:var(--red-2);box-shadow:0 0 16px var(--red)}
.project-row:hover,.project-row.active{background:linear-gradient(90deg,rgba(36,87,245,.15),transparent 75%)}
.project-row.th{background:linear-gradient(90deg,rgba(36,87,245,.15),transparent 75%)}.project-row.active .project-index{color:var(--gold)}.project-row:hover .project-arrow{color:var(--gold)}.project-row.th .project-arrow{color:var(--gold)}
.project-description{animation:descIn .6s var(--ease) both}@keyframes descIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.project-links a,.download-btn{border-color:var(--gold)}.side-row:hover{background:linear-gradient(90deg,rgba(36,87,245,.1),transparent 70%)}.side-row.th{background:linear-gradient(90deg,rgba(36,87,245,.1),transparent 70%)}

@media (max-width:850px){
.hero-name{font-size:14.2vw;margin:30px 0 18px}.hero-web{width:70vw;height:70vw;opacity:.6}.handle strong{font-size:1.05rem}.handle small{display:none}
.pv{padding:12vh 6vw}.pv-top{margin-bottom:6vh}.pv-h{font-size:17vw}.pv-about-grid,.pv-journey-head,.pv-work-grid{display:block}.shield-wrap{width:78%;margin-bottom:48px}.pv-journey-head .pv-lead{margin-top:40px}
.pv-route{grid-template-columns:1fr;gap:44px;margin-top:9vh;padding:0 0 0 38px}.pv-route:before{left:5px;right:auto;top:0;bottom:0;width:2px;height:auto;transform:scaleY(0);transform-origin:top}.pv-route.in:before,html:not(.sr-on) .pv-route:before{transform:none}.pv-stop:before{top:6px;left:-38px}
.pv-work-copy{position:static;margin-bottom:6vh}.pv-proj{grid-template-columns:30px 1fr 24px}.pv-proj .tg{display:none}.pv-proj .st{grid-column:2/-1}
.about-mark{width:72px;height:84px}.journey-head h2{font-size:15vw}.journey-intro{margin-bottom:8vh}
.route-line:before,.route-line:after{left:18px}.route-line article{display:block;padding:44px 0 44px 46px}.route-dot{left:11px;top:52px}.route-year{font-size:3.6rem;margin-bottom:16px;display:block}
}
@media (prefers-reduced-motion:reduce){.ln-in,.web path,main,.project-description{animation:none!important}.web path{stroke-dashoffset:0}.pv-route:before,.pv-stop:before{transform:none!important}.shield{clip-path:polygon(0 0,100% 0,100% 58%,50% 100%,0 58%)!important}}
.pv-h{font-size:clamp(3rem,6.6vw,7.6rem);margin-bottom:40px;white-space:nowrap}.pv-work .pv-h{font-size:clamp(3rem,5.6vw,6.4rem)}
.hero-web{opacity:.65}
@media (max-width:850px){.pv-h{font-size:14.5vw}.pv-work .pv-h{font-size:12.5vw}.hero-web{opacity:.4}}
.pv-year,.route-year{-webkit-text-stroke-color:rgba(241,237,228,.5)}
/* Work: quotation + statue */
.work-quote{margin:0}
.work-quote blockquote{margin:0}
.work-intro .work-quote blockquote p{max-width:none;margin:0;color:var(--paper);font:700 clamp(3.1rem,6.1vw,7.2rem)/.9 Manrope,sans-serif;letter-spacing:-.07em;text-transform:uppercase;white-space:nowrap}
.work-intro .work-quote blockquote p em{display:block;font-family:Georgia,serif;font-weight:400;font-style:italic;color:var(--gold);letter-spacing:-.05em}
.work-quote figcaption{margin-top:34px;font:10px/1.7 DM Mono,monospace;letter-spacing:.15em;color:var(--dim);text-transform:uppercase}
.work-side{position:relative;width:100%;max-width:620px;margin-left:auto}
.work-statue{position:relative;aspect-ratio:1/1;background:var(--ink);-webkit-mask-image:linear-gradient(to bottom,#000 56%,transparent 97%),linear-gradient(to right,transparent 1%,#000 17%,#000 83%,transparent 99%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 56%,transparent 97%),linear-gradient(to right,transparent 1%,#000 17%,#000 83%,transparent 99%);mask-composite:intersect}
.work-statue picture,.work-statue img{display:block;width:100%;height:100%}
.work-statue img{object-fit:cover;mix-blend-mode:lighten}
.work-intro .work-side p{position:relative;margin:-9% 0 0;max-width:390px}
@media (min-width:851px){.work-intro{grid-template-columns:1.1fr .9fr;gap:3vw;align-items:center}}
@media (max-width:850px){.work-intro .work-quote blockquote p{font-size:clamp(2.5rem,12.2vw,5rem)}.work-quote figcaption{margin-top:24px}.work-side{max-width:440px;margin:6vh 0 0 auto}.work-intro .work-side p{margin-top:-8%}}
/* Journey: hidden-page cue, below the footer */
.egg-cue-wrap{display:flex;justify-content:center;padding:15vh 6vw 17vh}
.egg-cue{--pull:0;display:inline-flex;flex-direction:column;align-items:center;gap:14px;padding:10px 14px;font:9px/1 DM Mono,monospace;letter-spacing:.18em;color:#55554f;opacity:calc(.8 + var(--pull)*.2);transform:translateY(calc(var(--pull)*8px));transition:color .4s,opacity .4s}
.egg-cue:hover,.egg-cue:focus-visible{color:var(--gold);outline:none}
.egg-cue.th{color:var(--gold);outline:none}
.egg-cue-arrow{font-size:13px;animation:egg-nudge 2.8s ease-in-out infinite}
@keyframes egg-nudge{0%,60%,100%{transform:translateY(0)}30%{transform:translateY(5px)}}

/* Cursor: Superman symbol (desktop follows the mouse; on touch it follows the finger, just above the fingertip) */
.cursor.on{opacity:1}
.cursor.hot{--cs:1.35}
.cursor.down{--cs:.85}
.cursor.touch{transform:translate(-50%,-185%) scale(var(--cs,1))}
@media (hover:hover) and (pointer:fine){html.has-cursor,html.has-cursor *{cursor:none!important}html.has-cursor input,html.has-cursor textarea,html.has-cursor select{cursor:text!important}}

/* Mobile / tablet: show the nav links (like desktop) instead of hiding them behind the menu button */
@media (max-width:850px){
.topbar{height:auto;padding:14px 5vw 0;display:grid;grid-template-columns:1fr auto;grid-template-areas:"brand meta" "nav nav";row-gap:2px;align-items:center}
.topbar .brand{grid-area:brand}
.top-meta{grid-area:meta;gap:12px}
.topbar nav{grid-area:nav;display:flex;justify-content:space-between;gap:4px}
.topbar nav a{padding:13px 0 12px;font-size:9px;white-space:nowrap}
.topbar nav small{margin-right:5px}
.mobile-menu{display:none}
}
@media (max-width:340px){.topbar nav small{display:none}}

/* Mobile hero photo: keep it centred, but let it drift with the finger like it does with the mouse */
@media (max-width:850px){.hero-photo{transform:translate3d(calc(-50% + var(--px)),var(--py),0)}}