@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@300;400;500&family=Manrope:wght@400;500;600;700&family=Syne:wght@500;600;700&display=swap";:root{--ink:#10100f;--paper:#eee9df;--acid:#d8ff45;--orange:#ff5c35;--blue:#2345ff;--line:#10100f29;--mono:"DM Mono", monospace;--display:"Syne", sans-serif;--body:"Manrope", sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;overflow-x:hidden}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:1.1em}.site-shell{isolation:isolate;min-height:100vh;position:relative}.site-shell:before{content:"";z-index:-3;opacity:.045;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");position:fixed;inset:0}.ambient{z-index:-2;pointer-events:none;border-radius:50%;position:fixed}.ambient--one{border:1px solid #2345ff47;width:34rem;height:34rem;top:2rem;right:-15rem;box-shadow:inset 0 0 0 5rem #2345ff06}.ambient--two{background:var(--orange);opacity:.08;width:12rem;height:12rem;top:38rem;left:-5rem}.site-header{border-bottom:1px solid var(--line);z-index:20;grid-template-columns:1fr auto 1fr;align-items:center;width:min(1500px,100% - 56px);height:92px;margin:0 auto;display:grid;position:relative}.brand{justify-self:start;align-items:center;gap:13px;display:inline-flex}.brand-mark{aspect-ratio:1;width:42px;color:var(--paper);background:var(--ink);font-family:var(--display);letter-spacing:-.08em;border-radius:50%;place-items:center;font-weight:700;display:grid}.brand-copy{text-transform:uppercase;letter-spacing:.06em;font-size:.74rem;font-weight:700;line-height:1.25}.brand-copy em{color:#10100f80;font-style:normal;font-weight:500}.site-header nav{font:500 .72rem var(--mono);text-transform:uppercase;gap:36px;display:flex}.site-header nav a{position:relative}.site-header nav a:after{content:"";background:var(--ink);height:1px;transition:right .18s;position:absolute;bottom:-7px;left:0;right:100%}.site-header nav a:hover:after{right:0}.availability{font:500 .69rem var(--mono);text-transform:uppercase;justify-self:end;align-items:center;gap:9px;display:flex}.availability span,.footer-status i{background:#32b76c;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #32b76c21}main{width:min(1500px,100% - 56px);margin:0 auto}.hero{grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);align-items:center;gap:clamp(40px,8vw,140px);min-height:calc(100vh - 92px);padding:70px 0 80px;display:grid}.hero-copy,.badge-experience{min-width:0}.eyebrow{font:500 .68rem var(--mono);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:12px;margin:0 0 30px;display:flex}.eyebrow span{border:1px solid var(--ink);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.hero h1{font:600 clamp(4.2rem, 7.4vw, 8.6rem)/.82 var(--display);letter-spacing:-.075em;text-transform:uppercase;margin:0}.hero h1 span{color:var(--blue);font-style:italic;font-weight:500}.hero-intro{color:#10100fab;max-width:610px;margin:42px 0 0;font-size:clamp(1rem,1.3vw,1.3rem);line-height:1.65}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:35px;display:flex}.button{border:1px solid var(--ink);min-height:54px;font:600 .76rem var(--mono);text-transform:uppercase;align-items:center;gap:11px;padding:0 20px;transition:transform .18s,box-shadow .18s;display:inline-flex}.button:hover{box-shadow:4px 4px 0 var(--ink);transform:translate(-3px,-3px)}.button--primary{color:var(--paper);background:var(--ink)}.button--primary svg:first-child,.button--ghost svg:first-child{fill:currentColor;stroke:none;width:18px;height:18px}.button--primary svg:last-child{margin-left:14px}.signal-row{border-top:1px solid var(--line);grid-template-columns:repeat(3,1fr);max-width:650px;margin-top:62px;padding-top:22px;display:grid}.signal-row div{align-items:flex-start;gap:11px;padding-right:18px;display:flex}.signal-row strong{font:600 clamp(1.15rem, 1.5vw, 1.5rem) var(--display)}.signal-row span{color:#10100f85;font:400 .58rem/1.45 var(--mono);text-transform:uppercase}.badge-experience{justify-self:center;width:min(100%,550px);padding-top:110px;position:relative}.lanyard{pointer-events:none;width:340px;height:230px;position:absolute;top:-70px;left:50%;transform:translate(-50%)}.lanyard__left,.lanyard__right{border:10px solid var(--blue);filter:drop-shadow(10px 12px 9px #10100f26);border-top:0;width:52px;height:230px;position:absolute;top:0}.lanyard__left{border-right:0;border-radius:0 0 0 55px;left:60px;transform:rotate(-11deg)}.lanyard__right{border-left:0;border-radius:0 0 55px;right:60px;transform:rotate(11deg)}.lanyard__clip{border:9px solid var(--ink);background:#9c9c96;border-radius:18px 18px 8px 8px;width:70px;height:62px;position:absolute;bottom:-4px;left:50%;transform:translate(-50%);box-shadow:0 7px #10100f2e}.lanyard__clip:after{content:"";background:var(--ink);width:18px;height:32px;position:absolute;bottom:-31px;left:50%;transform:translate(-50%)}.badge-shell{aspect-ratio:.68;perspective:1400px;touch-action:none;cursor:grab;outline:0;width:min(390px,100vw - 56px);margin:0 auto}.badge-shell:active{cursor:grabbing}.badge-shell:focus-visible{outline:3px solid var(--blue);outline-offset:10px}.badge{width:100%;height:100%;transform-style:preserve-3d;will-change:transform;transition:transform .13s ease-out;position:relative}.badge-shell:active .badge{transition:none}.badge-face{backface-visibility:hidden;-webkit-user-select:none;user-select:none;border:1px solid #10100f73;border-radius:24px;position:absolute;inset:0;overflow:hidden;box-shadow:0 45px 70px #16151238,8px 10px #10100fe6}.badge-face:before{content:"";z-index:5;pointer-events:none;background:linear-gradient(115deg,#0000 20%,#ffffff57 39%,#0000 52%);transition:transform .5s;position:absolute;inset:0;transform:translate(-110%)}.badge-shell:hover .badge-face:before{transform:translate(120%)}.badge-face--front{color:var(--paper);background:var(--blue);grid-template-rows:auto 1fr auto auto;padding:20px;display:grid}.badge-face--front:after{content:"";background:var(--acid);opacity:.98;z-index:-1;border-radius:50%;position:absolute;inset:52% -30% -35% 30%}.badge-topline{font:400 .55rem var(--mono);letter-spacing:.08em;border-bottom:1px solid #eee9df66;justify-content:space-between;padding-bottom:15px;display:flex}.badge-photo-wrap{background:#fff;border-radius:13px;height:218px;margin:18px 0;position:relative;overflow:hidden}.badge-photo{object-fit:cover;object-position:center 28%;filter:saturate(.78)contrast(1.05);pointer-events:none;width:100%;height:100%;display:block}.badge-photo-index{width:31px;height:31px;color:var(--paper);background:var(--ink);font:500 .62rem var(--mono);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:10px;right:11px}.badge-identity{color:var(--ink)}.badge-label,.badge-back-kicker{font:500 .58rem var(--mono);text-transform:uppercase;letter-spacing:.13em;margin:0 0 8px}.badge-identity h2{font:700 3.1rem/.84 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:0}.badge-focus{font:500 .67rem/1.45 var(--mono);text-transform:uppercase;margin:12px 0 0}.badge-footer{color:var(--ink);font:500 .52rem var(--mono);justify-content:space-between;align-items:flex-end;margin-top:13px;display:flex}.badge-code{align-items:stretch;gap:3px;height:22px;display:flex}.badge-code i{background:var(--ink);width:2px;display:block}.badge-code i:nth-child(2n){width:5px}.badge-code i:nth-child(3n){width:1px}.badge-face--back{color:var(--paper);background:var(--ink);padding:30px;transform:rotateY(180deg)}.badge-back-mark{color:var(--acid);font:700 2rem var(--display);letter-spacing:-.08em;position:absolute;top:20px;right:24px}.badge-back-kicker{color:var(--acid)}.badge-face--back h2{font:600 3.25rem/.89 var(--display);letter-spacing:-.06em;text-transform:uppercase;margin:50px 0 25px}.badge-face--back h2 em{color:var(--acid);font-style:normal}.badge-back-copy{color:#eee9dfa6;border-top:1px solid #eee9df40;padding-top:18px;font-size:.84rem;line-height:1.55}.badge-back-stats{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.badge-back-stats span{font:400 .55rem/1.4 var(--mono);text-transform:uppercase}.badge-back-stats strong{color:var(--acid);font:600 1.45rem var(--display);display:block}.badge-back-links{grid-template-columns:1fr 1fr;gap:8px;display:grid;position:absolute;bottom:28px;left:30px;right:30px}.badge-back-links a{font:500 .62rem var(--mono);text-transform:uppercase;border:1px solid #eee9df59;justify-content:space-between;align-items:center;padding:12px;display:flex}.badge-controls{width:min(390px,100vw - 56px);font:500 .61rem var(--mono);text-transform:uppercase;justify-content:space-between;align-items:center;margin:30px auto 0;display:flex}.badge-controls span{align-items:center;gap:8px;display:flex}.badge-controls span i{background:var(--orange);border-radius:50%;width:7px;height:7px;animation:1.5s infinite pulse}.badge-controls button{border:0;border-bottom:1px solid var(--ink);color:inherit;font:inherit;text-transform:inherit;cursor:pointer;background:0 0;padding:0}@keyframes pulse{50%{opacity:.5;transform:scale(1.65)}}.statement{border-top:1px solid var(--line);padding:130px 0}.statement-grid{grid-template-columns:1.1fr .9fr;gap:8vw;display:grid}.statement h2,.toolkit-heading h2{font:600 clamp(3.3rem, 6vw, 7rem)/.9 var(--display);letter-spacing:-.065em;text-transform:uppercase;margin:0}.statement h2 em{color:var(--orange);font-style:normal}.statement-grid>div{color:#10100fad;align-self:end;max-width:600px;font-size:clamp(1rem,1.3vw,1.25rem);line-height:1.65}.statement-grid>div p:first-child{margin-top:0}.toolkit{border-top:1px solid var(--line);grid-template-columns:.7fr 1.3fr;gap:8vw;padding:130px 0;display:grid}.toolkit-heading h2{font-size:clamp(2.8rem,4vw,5rem)}.skill-grid{border-top:1px solid var(--ink)}.skill{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr auto;align-items:center;min-height:68px;transition:padding .17s,background .17s;display:grid}.skill:hover{color:var(--paper);background:var(--blue);padding:0 16px}.skill span{font:400 .62rem var(--mono)}.skill strong{font:600 clamp(1rem, 1.5vw, 1.35rem) var(--display);text-transform:uppercase}.skill i{font-style:normal}footer{min-height:600px;color:var(--paper);background:var(--ink);grid-template-columns:1fr auto;align-items:end;gap:80px;padding:100px max(28px,50vw - 750px);display:grid}.footer-status{color:#eee9df91;font:400 .68rem var(--mono);text-transform:uppercase;align-items:center;gap:11px;display:flex}footer h2{font:600 clamp(3.3rem, 7vw, 7.5rem)/.88 var(--display);letter-spacing:-.07em;text-transform:uppercase;margin:35px 0 0}footer h2 a{color:var(--acid)}.footer-links{min-width:260px}.footer-links a{font:500 .7rem var(--mono);text-transform:uppercase;border-bottom:1px solid #eee9df40;justify-content:space-between;align-items:center;padding:19px 0;display:flex}.copyright{color:#eee9df59;font:400 .58rem var(--mono);text-transform:uppercase;border-top:1px solid #eee9df2e;grid-column:1/-1;margin:20px 0 0;padding-top:22px}@media (width<=1020px){.hero{grid-template-columns:1fr;padding-top:90px}.badge-experience{margin-top:60px}.statement-grid,.toolkit{grid-template-columns:1fr}.statement-grid>div{margin-top:48px}}@media (width<=700px){.site-header,main{width:min(100% - 32px,1500px)}.site-header{grid-template-columns:1fr auto;height:76px}.site-header nav,.brand-copy,.availability{display:none}.hero{min-height:auto;padding:65px 0 90px}.hero h1{letter-spacing:-.085em;font-size:clamp(2.75rem,12.2vw,3.6rem)}.hero-intro{margin-top:32px}.signal-row{grid-template-columns:1fr;gap:18px;margin-top:45px}.badge-experience{padding-top:78px}.lanyard{transform-origin:bottom;transform:translate(-50%)scale(.82)}.badge-shell{width:min(340px,100vw - 44px)}.badge-photo-wrap{height:190px}.badge-identity h2{font-size:2.65rem}.badge-face--back h2{margin-top:38px;font-size:2.75rem}.badge-controls{width:min(340px,100vw - 44px)}.statement,.toolkit{padding:90px 0}footer{grid-template-columns:1fr;align-content:end;gap:55px;min-height:650px}footer h2{font-size:clamp(3.1rem,15vw,5.2rem)}.footer-links{min-width:0}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}html{font-size:16px}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-width:320px}button,input,textarea,select{font:inherit}::selection{color:#eee9df;background:#2345ff}
