*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--paper:#f7f4ee;--ink:#1a1714;--ink-mid:#3d3830;--ink-light:#6b6358;--ink-faint:#a09890;--rule:#ccc8be;--desk-bg:#0d0b09;--accent:#c8ff00;--highlight:#c8ff0047;--font-serif:"EB Garamond", Georgia, serif;--font-mono:"Courier New", Courier, monospace;--font-sans:"Inter", -apple-system, sans-serif}html{scroll-behavior:smooth}body{background:var(--desk-bg);font-family:var(--font-serif);-webkit-font-smoothing:antialiased;min-height:100vh;overflow-x:hidden}.paper{background:var(--paper);position:relative;box-shadow:0 2px 4px #00000024,0 8px 20px #0000002e,0 24px 56px #00000038,0 56px 110px #0000002e}.paper:before{content:"";pointer-events:none;mix-blend-mode:multiply;border-radius:inherit;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.035'/%3E%3C/svg%3E");background-size:200px 200px;position:absolute;inset:0}.paper a{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--ink-faint);text-decoration-color:var(--ink-faint);text-underline-offset:3px;border-radius:2px;padding:0 1px;text-decoration-thickness:1px;transition:background .15s}.paper a:hover{background:var(--highlight);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.flip-page{z-index:1;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex;position:relative}.flip-wrap{perspective:1400px;perspective-origin:50% 40%;width:min(640px,100%)}.flip-wrap .flip-inner-shell{transform-style:preserve-3d;transition:transform .86s cubic-bezier(.4,0,.2,1);position:relative}.flip-wrap.is-flipped .flip-inner-shell{transform:rotateY(180deg)}.card-face{backface-visibility:hidden;border-radius:3px;width:100%}.card-back{position:relative}.card-front{min-height:100%;position:absolute;top:0;left:0;right:0;transform:rotateY(180deg)}.card-back-inner{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;min-height:420px;padding:64px 40px;display:flex}.card-back-name{font-family:var(--font-sans);color:var(--ink);letter-spacing:-.02em;font-size:22px;font-weight:800}.card-back-role{color:var(--ink-light);font-size:14px;font-style:italic}.card-back-divider{background:var(--rule);width:40px;height:1px;margin:6px 0}.card-back-hint{font-family:var(--font-sans);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-faint);flex-direction:column;align-items:center;gap:4px;font-size:11px;font-weight:600;animation:2.2s ease-in-out infinite float-hint;display:flex}.hint-icon{font-size:16px;animation:2.2s ease-in-out infinite bounce-up}@keyframes float-hint{0%,to{opacity:.6}50%{opacity:1}}@keyframes bounce-up{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}.card-front-preview{flex-direction:column;justify-content:center;gap:10px;min-height:420px;padding:64px 56px;display:flex}.desk{z-index:1;justify-content:center;align-items:flex-start;min-height:100vh;padding:56px 24px 96px;animation:.5s both desk-enter;display:flex;position:relative}@keyframes desk-enter{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.paper-open{border-radius:2px;width:100%;max-width:760px;padding:60px 68px}.r-header{margin-bottom:24px}.r-name{font-family:var(--font-sans);letter-spacing:-.03em;color:var(--ink);margin-bottom:8px;font-size:clamp(26px,5vw,36px);font-weight:800;line-height:1}.r-title{color:var(--ink-light);margin-bottom:12px;font-size:14px;font-style:italic}.r-contacts{font-family:var(--font-sans);color:var(--ink-light);flex-wrap:wrap;align-items:center;gap:2px 0;font-size:11.5px;display:flex}.r-sep{color:var(--rule);margin:0 7px}.r-rule{border:none;border-top:1.5px solid var(--ink);margin:0 0 20px}.r-rule-thin{border:none;border-top:1px solid var(--rule);margin:16px 0}.r-section{margin-bottom:20px}.r-heading{font-family:var(--font-sans);letter-spacing:.2em;text-transform:uppercase;color:var(--ink);margin-bottom:12px;font-size:10px;font-weight:700}.r-skills{flex-direction:column;gap:5px;display:flex}.r-skill-row{gap:0;font-size:13px;line-height:1.55;display:flex}.r-skill-label{font-family:var(--font-sans);color:var(--ink-light);flex-shrink:0;min-width:178px;padding-top:1px;font-size:11px;font-weight:600}.r-skill-tags{color:var(--ink-mid);flex:1}.r-exp{margin-bottom:16px}.r-exp:last-child{margin-bottom:0}.r-exp-header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;display:flex}.r-exp-role{font-family:var(--font-sans);color:var(--ink);align-items:center;gap:8px;font-size:13.5px;font-weight:700;display:flex}.r-active-dot{background:var(--accent);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s infinite pulse-dot;display:inline-block;box-shadow:0 0 0 3px #c8ff0033}@keyframes pulse-dot{0%,to{box-shadow:0 0 0 3px #c8ff0033}50%{box-shadow:0 0 0 6px #c8ff0014}}.r-exp-period{font-family:var(--font-sans);color:var(--ink-light);white-space:nowrap;flex-shrink:0;font-size:11px}.r-exp-company{color:var(--ink-light);margin-bottom:8px;font-size:13px;font-style:italic}.r-points{flex-direction:column;gap:3px;list-style:none;display:flex}.r-points li{color:var(--ink-mid);padding-left:14px;font-size:13px;line-height:1.55;position:relative}.r-points li:before{content:"·";color:var(--ink-faint);font-size:16px;line-height:1.3;position:absolute;left:3px}.r-ent-links{flex-wrap:wrap;gap:16px;display:flex}.r-article-link{font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;margin-top:6px;font-size:11px;font-weight:600;display:inline-block;color:var(--ink-light)!important}.r-certs{grid-template-columns:1fr 1fr;gap:3px 24px;display:grid}.r-cert-line{color:var(--ink-mid);align-items:baseline;gap:6px;font-size:13px;line-height:1.7;display:flex}.r-cert-line:before{content:"·";color:var(--ink-faint);flex-shrink:0;font-size:16px;line-height:1.3}.r-more{font-family:var(--font-sans);color:var(--ink-light);margin-top:8px;font-size:11px}.r-ach-list{flex-direction:column;gap:8px;display:flex}.r-ach-item{color:var(--ink-mid);gap:14px;font-size:13px;line-height:1.5;display:flex}.r-ach-year{font-family:var(--font-sans);color:var(--ink-faint);flex-shrink:0;min-width:34px;padding-top:2px;font-size:10.5px;font-weight:600}.r-ach-item strong{font-family:var(--font-sans);color:var(--ink);margin-bottom:2px;font-size:12px;font-weight:600;display:block}.r-footer{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:28px;padding-top:14px;display:flex}.r-footer-stamp{font-family:var(--font-sans);color:var(--ink-faint);letter-spacing:.05em;font-size:10px}.r-footer-note{color:var(--ink-faint);font-size:12px;font-style:italic}@media (max-width:640px){.card-back-inner,.card-front-preview{min-height:360px;padding:48px 28px}.paper-open{padding:36px 24px}.r-name{font-size:24px}.r-certs{grid-template-columns:1fr}.r-exp-header{flex-direction:column;gap:2px}.r-skill-row{flex-direction:column;gap:1px}.r-skill-label{min-width:unset}.r-footer{flex-direction:column;align-items:flex-start}.desk{padding:32px 12px 64px}.breathe-heading{font-size:38px}.breathe-body{font-size:15px}}.breathe-overlay{z-index:10;background:radial-gradient(at 10% 90%,#1254288c 0%,#0000 45%),radial-gradient(at 90% 10%,#0a375a73 0%,#0000 45%),radial-gradient(at 55% 55%,#062812a6 0%,#0000 60%),radial-gradient(at 20% 20%,#051e3266 0%,#0000 40%),linear-gradient(170deg,#040e07 0%,#050c0a 45%,#04080e 100%);justify-content:center;align-items:center;animation:.7s both b-enter;display:flex;position:fixed;inset:0;overflow:hidden}.breathe-overlay.breathe-leaving{animation:.7s forwards b-leave}@keyframes b-enter{0%{opacity:0}to{opacity:1}}@keyframes b-leave{0%{opacity:1}to{opacity:0}}.orb{pointer-events:none;filter:blur(70px);border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#165a2c61,#0000 70%);width:520px;height:520px;animation:14s ease-in-out infinite alternate orb-a;top:-180px;left:-160px}.orb-2{background:radial-gradient(circle,#0a3c644d,#0000 70%);width:420px;height:420px;animation:17s ease-in-out infinite alternate orb-b;bottom:-120px;right:-120px}.orb-3{background:radial-gradient(circle,#1e6e3738,#0000 70%);width:300px;height:300px;animation:11s ease-in-out infinite alternate-reverse orb-a;top:35%;left:62%}.orb-4{background:radial-gradient(circle,#082d4b38,#0000 70%);width:240px;height:240px;animation:20s ease-in-out infinite alternate orb-b;bottom:18%;left:10%}@keyframes orb-a{0%{transform:translate(0)scale(1)}to{transform:translate(50px,35px)scale(1.12)}}@keyframes orb-b{0%{transform:translate(0)}to{transform:translate(-45px,-55px)}}.breathe-content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:22px;max-width:500px;padding:24px;display:flex;position:relative}.breathe-eyebrow{font-family:var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:#a0e67873;font-size:11px;font-weight:500}.breathe-heading{font-family:var(--font-sans);letter-spacing:-.03em;color:#fff;font-size:clamp(40px,8vw,68px);font-weight:800;line-height:1}.breathe-body{font-family:var(--font-serif);color:#ffffff7a;font-size:clamp(15px,2.5vw,19px);line-height:1.75}.breathe-ring-wrap{flex-direction:column;align-items:center;gap:18px;margin:8px 0;display:flex}.breathe-ring{background:radial-gradient(circle,#50b43c1a,#0000 70%);border:1.5px solid #8cdc5a73;border-radius:50%;width:80px;height:80px}.breathe-cycle-text{font-family:var(--font-mono);letter-spacing:.1em;color:#b4f0828c;min-height:18px;font-size:12px;transition:opacity .4s}.breathe-sub{font-family:var(--font-serif);color:#ffffff40;font-size:14px;font-style:italic}.breathe-btn{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#000;background:var(--accent);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;border:none;border-radius:4px;padding:14px 36px;font-size:12px;font-weight:700;transition:background .2s,transform .2s;animation:.6s cubic-bezier(.22,1,.36,1) both btn-rise}.breathe-btn:hover{background:#d8ff20;transform:translateY(-2px)}.breathe-btn:active{transform:translateY(0)}@keyframes btn-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
