:root{--bg: #0a0a0a;--ink: #ededea;--muted: #6a6a6a;--muted-warm: #9a9a94;--muted-dim: #7a7a74;--line: #262626;--line-dark: #1c1c1c;--line-soft: #333;--accent: #ffffff;--ink-accent: #0a0a0a;--font-display: "Anton", sans-serif;--font-body: "Archivo", system-ui, sans-serif;--font-mono: "Space Mono", monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:inherit;text-decoration:none}a:hover{opacity:.6}::selection{background:var(--ink);color:var(--bg)}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-skin-front :focus-visible{outline-color:#0a0a0a}.accent{color:var(--accent)}@keyframes dropIn{0%{transform:translateY(-135vh) rotate(-4deg);animation-timing-function:cubic-bezier(.6,.04,.98,.34)}11%{transform:translateY(0) rotate(8deg);animation-timing-function:ease-in-out}44%{transform:translateY(0) rotate(-5deg);animation-timing-function:ease-in-out}78%{transform:translateY(0) rotate(3deg);animation-timing-function:ease-in-out}94%{transform:translateY(0) rotate(0);animation-timing-function:ease-in-out}to{transform:translateY(0) rotate(-.7deg)}}@keyframes sway{0%{transform:rotate(0)}25%{transform:rotate(-1.6deg)}75%{transform:rotate(1.6deg)}to{transform:rotate(0)}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.topbar{position:fixed;top:0;left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:space-between;padding:10px clamp(14px,3vw,32px);background:#0a0a0ab8;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--line-dark);font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.brand{display:inline-flex;align-items:center;gap:8px}.sparkle{width:11px;height:11px;color:var(--accent)}.sparkle svg{width:100%;height:100%;display:block}.topbar-connect{color:var(--accent);border:1px solid var(--line-soft);padding:5px 12px}.pulse-dot{color:#3ad16a;animation:blink 1.2s ease-in-out infinite}.hero{position:relative;min-height:100vh;display:flex;align-items:flex-end;justify-content:center;overflow:hidden;padding-bottom:clamp(40px,7vh,90px)}.hero-grid{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(#141414 1px,transparent 1px),linear-gradient(90deg,#141414 1px,transparent 1px);background-size:44px 44px;opacity:.5}.hero-word{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:120%;text-align:center;font-family:var(--font-display);font-size:clamp(70px,20vw,300px);line-height:.82;color:#131313;letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;overflow:hidden;pointer-events:none}.hero-est{position:absolute;top:64px;left:clamp(14px,3vw,32px);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;color:var(--muted)}.hanger{position:absolute;top:0;left:50%}.hanger-center{transform:translate(-50%)}.swing{transform-origin:top center;display:flex;flex-direction:column;align-items:center;perspective:1400px;will-change:transform;animation:dropIn 4.5s both,sway 3s ease-in-out 4.5s infinite}.flip{transform-style:preserve-3d;cursor:pointer;transform-origin:top center;display:flex;flex-direction:column;align-items:center;transition:transform .85s cubic-bezier(.7,0,.2,1)}.flip.flipped{transform:rotateY(180deg)}.strap{width:clamp(30px,3.4vw,42px);height:clamp(80px,15vh,168px);background:#0e0e0e;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:inset 0 0 0 1px var(--line)}.strap-text{writing-mode:vertical-rl;text-orientation:mixed;font-family:var(--font-display);font-size:clamp(12px,1.3vw,15px);letter-spacing:.28em;color:#e8e8e8;text-transform:uppercase;white-space:nowrap}.strap-buckle{width:clamp(36px,4vw,48px);height:15px;margin-top:-2px;background:#0e0e0e;border-radius:0 0 4px 4px;box-shadow:inset 0 0 0 1px var(--line);position:relative}.strap-stitch{position:absolute;left:5px;right:5px;top:6px;height:2px;background:repeating-linear-gradient(90deg,#3a3a3a 0 3px,transparent 3px 6px)}.carabiner{display:block;width:clamp(64px,8vw,92px);margin-top:-6px;margin-bottom:-14px;position:relative;z-index:2;filter:drop-shadow(0 4px 5px rgba(0,0,0,.55))}.card{margin-top:-10px;width:clamp(228px,29vw,296px);aspect-ratio:1 / 1.5;position:relative;z-index:1;transform-style:preserve-3d}.card-inner{position:relative;width:100%;height:100%;transform-style:preserve-3d}.card-face{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;-webkit-backface-visibility:hidden}.card-front{transform:rotateY(0)}.card-back{transform:rotateY(180deg)}.card-skin{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:clamp(12px,1.5vw,17px);overflow:hidden;border-radius:16px}.card-skin-front{background:linear-gradient(150deg,#f4f4f1,#d6d6d0);color:#0a0a0a;box-shadow:inset 0 0 0 1px #0000002e}.card-skin-back{background:linear-gradient(150deg,#181818,#000);color:#f4f4f1;box-shadow:inset 0 0 0 1px #ffffff24}.card-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(115deg,#ffffff80,#fff0 30%,#fff0 70%,#ffffff59)}.card-spacer{height:6px}.card-meta{display:flex;justify-content:space-between;align-items:flex-start;font-family:var(--font-mono);font-size:9px;letter-spacing:.12em;color:#0a0a0a}.card-meta-back{align-items:center;letter-spacing:.14em;color:#8a8a8a}.card-name{font-family:var(--font-display);font-size:clamp(22px,2.9vw,30px);line-height:.9;letter-spacing:-.01em;text-transform:uppercase;margin-top:2px}.card-role{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:#333;margin-top:4px}.photo-frame{position:relative;flex:1;min-height:58px;margin:10px 0;border:1px solid rgba(0,0,0,.25);background:#c9c9c3;overflow:hidden}.photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.photo-tag{position:absolute;bottom:5px;left:6px;font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:#0a0a0a;background:#ededea;padding:1px 4px}.card-bottom{display:flex;align-items:flex-end;gap:10px;justify-content:space-between}.barcode-block{flex:1;min-width:0}.barcode{height:34px;width:100%;object-fit:fill;display:block;background:#ededea}.barcode-caption{font-family:var(--font-mono);font-size:8px;letter-spacing:.14em;color:#0a0a0a;margin-top:3px}.capacity-block{text-align:right;line-height:1}.capacity{font-family:var(--font-display);font-size:22px;color:var(--ink-accent)}.capacity-sub{font-family:var(--font-mono);font-size:8px;color:#0a0a0a}.qr-mini{width:36px;height:36px;flex-shrink:0;background:#ededea;padding:2px}.qr-mini a{display:block;width:100%;height:100%}.qr-mini img{width:100%;height:100%;display:block}.back-title{font-family:var(--font-display);font-size:clamp(15px,1.9vw,20px);line-height:.95;letter-spacing:.02em;margin-top:8px;text-transform:uppercase}.stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.stat{border-top:1px solid #2c2c2c;padding-top:5px}.stat-value{font-family:var(--font-display);font-size:22px;color:var(--accent)}.stat-label{font-family:var(--font-mono);font-size:8px;letter-spacing:.1em;color:#8a8a8a}.qr-zone{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:9px;padding-top:16px}.qr-big{display:block;width:clamp(96px,48%,132px);aspect-ratio:1;background:#ededea;padding:7px}.qr-big img{width:100%;height:100%;display:block}.qr-caption{font-family:var(--font-mono);font-size:9px;letter-spacing:.16em;color:#b8b8b2;text-transform:uppercase}.marquee{width:100%;overflow:hidden;border-top:1px solid var(--line-dark);border-bottom:1px solid var(--line-dark);background:#111;padding:9px 0}.marquee-track{display:inline-flex;white-space:nowrap;animation:marquee 44s linear infinite;font-family:var(--font-display);font-size:15px;letter-spacing:.05em;text-transform:uppercase;color:#e8e8e8}.marquee-pair{display:inline-flex}.marquee-pair span{padding:0 18px}.marquee-pair .sep{color:var(--accent)}.section{max-width:1160px;margin:0 auto;padding:clamp(40px,7vh,80px) clamp(16px,4vw,40px)}.section-roomy{padding-top:clamp(56px,9vh,110px);padding-bottom:clamp(56px,9vh,110px)}.section-contact{padding-top:clamp(56px,9vh,120px);padding-bottom:clamp(56px,9vh,120px)}.section-head{display:flex;align-items:baseline;gap:16px;border-bottom:1px solid var(--line);padding-bottom:14px;margin-bottom:34px}.section-head-bare{border-bottom:0;padding-bottom:0;margin-bottom:20px}.section-num{font-family:var(--font-mono);font-size:13px;color:var(--accent)}.section-head h2{font-family:var(--font-display);font-size:clamp(30px,6vw,64px);text-transform:uppercase;letter-spacing:-.01em;line-height:.9}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:clamp(24px,4vw,48px);align-items:start}.about-line{font-size:clamp(17px,2.4vw,24px);line-height:1.45;font-weight:500;text-wrap:pretty;min-height:1.45em}.type-cursor{display:inline-block;width:.6ch;animation:blink 1s step-end infinite}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:clamp(20px,3vw,36px)}.skill-title{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--muted);margin-bottom:14px}.tags{display:flex;flex-wrap:wrap;gap:8px}.tags span{border:1px solid var(--line-soft);padding:7px 13px;font-weight:600;font-size:14px}.xp-list{display:flex;flex-direction:column}.xp{display:grid;grid-template-columns:minmax(90px,140px) 1fr;gap:clamp(14px,3vw,40px);padding:26px 0;border-top:1px solid var(--line)}.xp:last-child{border-bottom:1px solid var(--line)}.xp-when{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;color:var(--accent)}.xp-title-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px}.xp-title-row h3{font-family:var(--font-display);font-size:clamp(20px,3vw,30px);text-transform:uppercase}.xp-org{font-family:var(--font-mono);font-size:12px;color:var(--muted-warm)}.xp-summary{color:var(--muted-warm);font-size:15px;line-height:1.6;margin-top:8px;max-width:64ch;text-wrap:pretty}.projects{display:flex;flex-direction:column;gap:16px;margin-top:20px}.project{border-left:2px solid var(--line-soft);padding-left:16px}.project-toggle{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:0;padding:0;width:100%;text-align:left}.project-toggle strong{font-size:16px}.project-tag{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;color:var(--accent);border:1px solid var(--line-soft);padding:2px 7px}.chevron{margin-left:auto;color:var(--accent);font-size:13px;display:inline-block;transition:transform .35s ease}.project.open .chevron{transform:rotate(90deg)}.project-body{display:grid;grid-template-rows:0fr;opacity:0;margin-top:0;transition:grid-template-rows .5s cubic-bezier(.4,0,.2,1),opacity .35s ease,margin-top .35s ease}.project.open .project-body{grid-template-rows:1fr;opacity:1;margin-top:8px}.project-body>ul{list-style:none;display:flex;flex-direction:column;gap:5px;overflow:hidden;min-height:0}.project-body li{color:var(--muted-warm);font-size:14px;line-height:1.55;padding-left:16px;position:relative}.project-body li:before{content:"→";position:absolute;left:0;color:var(--accent)}.cell-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.cell{background:var(--bg);padding:clamp(20px,3vw,32px)}.cell-year{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.1em}.cell h3{font-family:var(--font-display);font-size:clamp(20px,2.6vw,26px);text-transform:uppercase;margin-top:10px}.cell-org{color:var(--muted-warm);margin-top:6px}.cell p{color:var(--muted-dim);font-size:14px;line-height:1.6;margin-top:12px}.carousel{border:1px solid var(--line);position:relative;overflow:hidden;min-height:clamp(220px,30vw,360px);display:flex}.slides{position:absolute;top:0;right:0;bottom:0;left:0}.slide{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .7s ease}.slide.is-active{opacity:1}.car-btn{position:absolute;top:38%;z-index:4;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);background:#0a0a0a80;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);color:#fff;font-size:20px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center}.car-prev{left:14px}.car-next{right:14px}.car-dots{position:absolute;top:16px;right:16px;z-index:4;display:flex;gap:7px}.car-dot{width:9px;height:9px;border-radius:5px;cursor:pointer;background:#ffffff80;transition:all .3s;display:block;border:0;padding:0}.car-dot.is-active{width:22px;background:var(--accent)}.car-caption{position:relative;margin-top:auto;width:100%;padding:clamp(20px,3vw,32px);background:linear-gradient(0deg,rgba(10,10,10,.94) 8%,rgba(10,10,10,.45) 55%,transparent);pointer-events:none;z-index:2}.car-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;color:var(--accent)}.car-title{font-family:var(--font-display);font-size:clamp(26px,4vw,44px);text-transform:uppercase;line-height:.95;margin-top:8px}.car-sub{font-weight:700;font-size:clamp(15px,2vw,18px);margin-top:6px}.car-sub span{color:var(--muted-warm);font-weight:500}.contact-title{font-family:var(--font-display);font-size:clamp(44px,12vw,150px);text-transform:uppercase;letter-spacing:-.02em;line-height:.85}.contact-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-top:40px}.cell-link{padding:22px;display:flex;flex-direction:column;gap:6px}.cell-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--muted)}.cell-value{font-weight:700;font-size:16px}.footer{border-top:1px solid var(--line);padding:26px clamp(16px,4vw,40px);display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;font-family:var(--font-mono);font-size:10px;letter-spacing:.14em;color:var(--muted);text-transform:uppercase}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.swing,.marquee-track,.pulse-dot,.type-cursor{animation:none}.flip,.project-body,.slide,.chevron{transition:none}}