@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@1,500;1,600&display=swap');
:root{color-scheme:dark;--bg:#111212;--paper:#f6f5ef;--blue:#2539ff;--muted:#9a9c9e;--line:#343638}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--paper);font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #8e9bff;outline-offset:6px}a{color:inherit}button{color:inherit}button:disabled{cursor:default}body:has(dialog[open]){overflow:hidden}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 48%,#232525 0,transparent 47%);opacity:.8}.topbar{position:relative;display:flex;align-items:center;justify-content:space-between;padding:34px 4.5%;font-size:11px;letter-spacing:.08em;z-index:2}.identity{text-decoration:none;font-size:12px;font-weight:700}.identity span{display:block;font-size:10px;letter-spacing:.02em;font-weight:400;color:#929697;margin-top:5px}.edition{position:absolute;left:50%;transform:translateX(-50%);font-size:11px}.availability{background:none;border:0;display:flex;gap:10px;align-items:center;font-size:12px}.availability i{width:5px;height:5px;background:#8df1b5;border-radius:50%;box-shadow:0 0 12px #8df1b550}.availability span{font-size:18px}.hero{position:relative;max-width:1400px;margin:auto;padding-top:20px;text-align:center;min-height:770px}.eyebrow{font-size:9px;letter-spacing:.2em;color:#9a9da0;margin-bottom:8px}h1{font-size:clamp(96px,12.9vw,178px);letter-spacing:-.085em;line-height:1.08;font-weight:600;margin:0;position:relative;z-index:0}.folio{font-family:'Playfair Display',Georgia,serif;font-weight:500;font-style:italic;letter-spacing:-.105em}.title-dot{display:inline-block;font-size:15px;vertical-align:top;letter-spacing:0;margin:35px 0 0 20px}.intro{font-size:13px;line-height:1.6;color:#ddd;margin:13px 0 0;position:absolute;top:255px;left:7%;text-align:left}.intro span{color:#7e8385}.folder-scene{position:relative;width:640px;height:426px;margin:8px auto 0;isolation:isolate;perspective:1200px}.folder-shadow{position:absolute;bottom:2px;left:100px;width:440px;height:45px;border-radius:50%;background:#000;filter:blur(25px)}.folder-back{position:absolute;left:81px;bottom:42px;width:475px;height:249px;background:linear-gradient(145deg,#1c31f4,#121b99);border-radius:24px;transform:rotate(-3deg);border:1px solid #697cff;box-shadow:0 0 100px #273aff18}.folder-back:before{content:'';position:absolute;left:15px;top:-19px;width:180px;height:30px;background:#263ff8;border-radius:14px 14px 0 0}.work-card{position:absolute;display:block;text-align:left;width:176px;height:245px;bottom:87px;border:6px solid #f3f3eb;border-radius:9px;color:#151718;background:#ecebe3;box-shadow:0 5px 25px #0007;overflow:hidden;padding:9px;transform-origin:50% 100%;transition:transform .65s cubic-bezier(.2,.8,.2,1),filter .4s,box-shadow .4s;will-change:transform}.paper-top{font-size:6px;font-weight:700;letter-spacing:.12em;display:block}.paper-bottom{display:block;position:absolute;bottom:8px;left:9px;font-size:6px;font-weight:500}.work-card strong{display:block;line-height:.97;letter-spacing:-.045em;font-size:23px;margin-top:12px}.card-resume{left:73px;z-index:1;transform:rotate(-15deg) translateY(-8px)}.card-resume img{width:110px;height:110px;object-fit:cover;display:block;margin:10px auto 0;border-radius:50%;filter:none}.card-resume strong{font-size:20px;margin-top:8px}.card-career{left:166px;z-index:2;background:#d4e5ae;transform:rotate(-7deg) translateY(-47px)}.career-symbol{font-size:105px;line-height:1.1;font-family:Arial;margin-top:9px}.card-career strong{margin-top:0}.card-funnel{left:260px;z-index:4;transform:rotate(5deg) translateY(-8px);background:#fafafa}.mini-browser{height:137px;background:#141b19;color:#f8f8f3;margin-top:7px;border-radius:3px;padding:7px}.mini-dots{font-size:5px;letter-spacing:2px;color:#65716c}.mini-browser>span{font-size:6px;display:block;margin-top:9px;color:#a9ebce}.mini-browser b{font-size:16px;line-height:1.1;display:block;margin-top:7px}.mini-steps{display:flex;gap:5px;margin:12px 0 6px}.mini-steps i{font-style:normal;font-size:7px;border:1px solid #63957d;border-radius:4px;padding:6px 10px;color:#b6f4d6}.mini-browser small{font-size:5px}.card-funnel strong{font-size:21px;margin-top:9px}.card-results{left:361px;z-index:3;transform:rotate(14deg) translateY(-39px);background:#21243a;color:#f3f3eb}.big-metric{display:block;font-size:61px;font-weight:600;letter-spacing:-.085em;margin-top:28px;line-height:1}.big-metric span{font-size:23px;letter-spacing:-.08em}.card-results strong{font-family:Georgia,serif;font-weight:normal;font-size:29px;margin-top:11px;letter-spacing:-.05em}.card-results .paper-bottom{color:#b5bacb;font-size:5px}.card-process{left:229px;bottom:55px;z-index:5;height:216px;transform:rotate(-4deg);background:#ff765a}.card-process strong{font-size:29px;position:relative;margin-top:10px}.process-orbit{position:absolute;width:100px;height:100px;border:1px solid #542315;right:-25px;top:21px;border-radius:50%}.process-orbit i{position:absolute;inset:12px;border:1px solid #542315;border-radius:50%}.process-orbit i:nth-child(2){inset:24px}.process-orbit i:nth-child(3){inset:36px}.process-orbit i:nth-child(4){inset:48px}.folder-front{position:absolute;left:78px;bottom:38px;width:480px;height:211px;border-radius:21px 23px 15px 15px;background:linear-gradient(145deg,#3549fa9c,#2630edca 60%,#1717dedb);border:1px solid #8190ffa0;box-shadow:inset 0 1px 2px #d9ddff5e,0 18px 40px #0003;backdrop-filter:blur(1.6px);z-index:6;transform:rotate(-3deg);pointer-events:none;overflow:hidden}.folder-front:after{content:'';position:absolute;inset:0;background:linear-gradient(120deg,#ffffff18,transparent 50%)}.folder-line{position:absolute;top:25px;left:22px;right:22px;border-top:1px solid #d9dfff50}.folder-word{position:absolute;bottom:24px;left:23px;font-size:11px;line-height:1.2;font-weight:600;letter-spacing:.04em}.folder-mark{position:absolute;bottom:26px;right:22px;font-size:9px;font-weight:500}.year-seal{position:absolute;left:75px;bottom:4px;z-index:7;transform:rotate(-9deg);height:76px;width:76px;background:#f9f9f3;color:#2435f9;border-radius:50%;font-size:29px;font-weight:700;line-height:.8;padding-top:15px;letter-spacing:-.08em;box-shadow:0 5px 20px #0003}.scene-instruction{position:absolute;bottom:13px;left:166px;z-index:7;text-align:left;font-size:10px;line-height:1.2}.work-card:hover,.work-card:focus-visible{z-index:8;transform:rotate(0deg) translateY(-100px) scale(1.06);box-shadow:0 15px 50px #000b}.card-process:hover,.card-process:focus-visible{transform:rotate(0deg) translateY(-145px) scale(1.06)}.card-nav{display:flex;justify-content:center;margin:23px auto 0;width:min(910px,90%);border-top:1px solid #303335;border-bottom:1px solid #303335;position:relative}.card-nav button{background:transparent;border:0;border-right:1px solid #303335;padding:18px 20px;display:flex;align-items:center;gap:12px;font-size:9px;color:#6e7375;flex:1;text-align:left;transition:background .25s,color .25s}.card-nav button:last-child{border-right:0}.card-nav span{font-size:11px;color:#ccc;flex:1;white-space:nowrap}.card-nav button:hover{background:#2428b8;color:#fff}.card-nav button:hover span{color:white}footer{position:relative;display:flex;justify-content:space-between;align-items:center;padding:28px 4.5%;font-size:9px;letter-spacing:.06em;color:#b9bdbf}.muted{color:#696f71;margin-left:8px}footer button{background:none;border:0;font-size:10px}.review-tag{font-size:8px;letter-spacing:.12em;color:#737a7e}dialog{border:1px solid #5a5d6044;border-radius:18px;background:#f5f4ee;color:#181b1d;width:min(1000px,calc(100% - 48px));max-height:88dvh;padding:0;box-shadow:0 40px 140px #000b;overflow:auto}dialog::backdrop{background:#07090cdc;backdrop-filter:blur(13px)}dialog[open]{animation:panelIn .45s cubic-bezier(.16,1,.3,1)}@keyframes panelIn{from{opacity:0;transform:translateY(60px) scale(.92) rotate(-2deg)}to{opacity:1;transform:translateY(0) scale(1) rotate(0)}}.modal-top{display:flex;align-items:center;justify-content:space-between;padding:20px 28px;border-bottom:1px solid #d6d8d2;position:sticky;top:0;background:#f5f4eeeF;backdrop-filter:blur(10px);z-index:2}.modal-top>span{font-size:10px;letter-spacing:.1em;color:#656b6c}.close{border:1px solid #cccfc8;width:35px;height:35px;border-radius:50%;font-size:25px;line-height:1;color:#171b1d;background:transparent}.close:hover{background:#2539ff;color:white;border-color:#2539ff}.modal-content{padding:36px 42px 42px}.modal-content h2{font-size:clamp(35px,5vw,60px);letter-spacing:-.065em;line-height:1.02;font-weight:500;margin:0 0 22px;max-width:760px}.modal-content h2 em{font-family:'Playfair Display',Georgia,serif;font-weight:500;color:#2338ed}.lead{font-size:17px;line-height:1.6;color:#4c5355;max-width:700px;margin:0 0 28px}.modal-content p{line-height:1.65}.modal-content h3{font-size:20px;letter-spacing:-.03em}.modal-content ul{padding-left:18px;line-height:1.8;color:#4b5255}.modal-content a:not(.btn){text-underline-offset:4px}.btn{display:inline-flex;gap:24px;justify-content:space-between;align-items:center;border-radius:6px;padding:14px 20px;background:#2539ff;color:white;font-size:12px;font-weight:500;text-decoration:none;transition:background .2s,transform .2s}.btn:hover{background:#1826b5;transform:translateY(-2px)}.btn.secondary{background:transparent;color:#151b20;border:1px solid #b7bdbb}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.about-grid{display:grid;grid-template-columns:1fr 230px;gap:35px}.portrait{width:100%;border-radius:8px;filter:none;background:white}.caption{font-size:10px;color:#727a7d;line-height:1.5}.skill-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.skill-list span{font-size:10px;border:1px solid #cbd0c8;padding:8px 11px;border-radius:50px;color:#4a5456}.timeline{display:grid;gap:0}.role{border-top:1px solid #ccd0c8;padding:24px 0;display:grid;grid-template-columns:150px 1fr;gap:25px}.role>span{font-size:11px;color:#75807d;padding-top:4px}.role h3{margin:0}.role h4{font-size:12px;font-weight:500;color:#70787a;margin:6px 0 10px}.role p{font-size:13px;margin:0;color:#4f585a}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:30px 0}.metric{background:#e9e9e0;border:1px solid #d9ddd3;border-radius:7px;padding:25px 20px}.metric strong{font-size:42px;font-weight:500;letter-spacing:-.07em;display:block}.metric span{font-size:11px;color:#626c6c;display:block;margin-top:7px}.note{border-left:3px solid #2539ff;background:#e6e9f9;padding:15px 18px;font-size:12px;line-height:1.65;color:#424d62}.evidence-list{margin-top:25px;display:grid;gap:12px}.evidence-row{display:grid;grid-template-columns:35px 1fr auto;gap:15px;align-items:center;padding:18px;border:1px solid #d0d5cd;border-radius:6px}.evidence-row .e-icon{font-size:20px;color:#2539ff}.evidence-row strong{font-size:13px;display:block}.evidence-row small{display:block;font-size:11px;line-height:1.5;color:#6a7577;margin-top:4px}.status{font-size:9px;text-transform:uppercase;letter-spacing:.05em;border:1px solid #c2c9c0;border-radius:20px;padding:7px 9px;white-space:nowrap}.funnel-visual{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:30px 0}.stage{background:#17221f;color:#ecf5ef;padding:24px;border-radius:8px;min-height:185px}.stage span{font-size:11px;color:#92bba6}.stage h3{font-size:25px;line-height:1.2;margin:30px 0 10px}.stage p{font-size:12px;color:#b9cdc3;margin:0}.workflow{counter-reset:flow;display:grid;grid-template-columns:1fr 1fr;gap:14px}.step{padding:23px;border:1px solid #cbd1c8;border-radius:6px;counter-increment:flow}.step:before{content:'0' counter(flow);font-size:11px;color:#2539ff}.step h3{margin:18px 0 9px}.step p{font-size:13px;color:#566164;margin:0}.modal-bottom{padding:20px 28px;border-top:1px solid #d6d8d2;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.08em;color:#788081}.next{background:none;color:#2338ed;border:0;font-size:11px;font-weight:500}.private-inline{font-size:10px;line-height:1.6;color:#7a6d56;margin-top:25px}
@media(min-width:1500px){.hero{padding-top:45px;min-height:830px}.folder-scene{margin-top:20px}.intro{top:285px}}
@media(max-width:1000px){.intro{position:relative;top:auto;left:auto;text-align:center;margin:15px 0 10px;font-size:12px}.intro br{display:none}.intro span{margin-left:6px}.hero{padding-top:20px;min-height:760px}.folder-scene{margin-top:30px}.card-nav button{padding:17px 12px;gap:8px}.edition{display:none}}
@media(max-width:650px){.topbar{padding:25px 6%;}.identity{font-size:10px}.identity span{font-size:8px}.availability{font-size:10px}.hero{padding-top:20px;min-height:0}.eyebrow{font-size:7px;letter-spacing:.12em}h1{font-size:25vw}.title-dot{font-size:10px;margin:20px 0 0 10px}.intro{font-size:10px;line-height:1.5;margin:12px 0}.intro br{display:block}.intro span{margin:0}.folder-scene{width:640px;left:50%;margin-left:-320px;transform:scale(.56);transform-origin:top center;margin-top:35px;margin-bottom:-158px;height:426px}.card-nav{width:88%;display:grid;grid-template-columns:1fr 1fr;margin-top:0;border-bottom:0}.card-nav button{padding:17px 8px;border-bottom:1px solid #303335;border-right:0;font-size:8px}.card-nav button:nth-child(odd){border-right:1px solid #303335}.card-nav button:last-child{grid-column:1/-1;border-right:0}.card-nav span{font-size:11px}footer{padding:28px 6%;font-size:7px;gap:15px;flex-wrap:wrap;margin-top:15px}.muted{display:none}.review-tag{font-size:7px}footer button{font-size:8px}dialog{width:calc(100% - 20px);max-height:94dvh;border-radius:12px}.modal-top{padding:14px 18px}.modal-content{padding:28px 23px}.modal-content h2{font-size:39px}.lead{font-size:14px}.about-grid{grid-template-columns:1fr}.portrait-wrap{order:-1;display:flex;gap:15px;align-items:center}.portrait{width:90px;height:90px}.portrait-wrap .caption{max-width:170px}.role{grid-template-columns:1fr;gap:9px}.metrics{gap:7px}.metric{padding:18px 10px}.metric strong{font-size:29px}.metric span{font-size:9px}.evidence-row{padding:13px;gap:8px;grid-template-columns:25px 1fr}.status{grid-column:2;justify-self:start}.funnel-visual{grid-template-columns:1fr}.stage{min-height:120px;padding:20px}.stage h3{margin:12px 0 7px}.workflow{grid-template-columns:1fr}.modal-bottom{padding:15px 18px}.btn{font-size:11px;padding:13px 15px}.actions{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.work-card:hover,.work-card:focus-visible{transform:translateY(-70px)}}
.evidence-gallery{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0}.evidence-gallery figure{margin:0;border:1px solid #cbd0c8;border-radius:8px;overflow:hidden;background:#eeeee7}.evidence-gallery a{display:block;text-decoration:none!important}.evidence-gallery img{width:100%;height:auto;display:block}.evidence-gallery a span{display:block;padding:13px 16px;font-size:11px;font-weight:600;color:#2338ed}.evidence-gallery figcaption{padding:0 16px 16px;font-size:11px;line-height:1.6;color:#667172}@media(max-width:650px){.evidence-gallery{grid-template-columns:1fr}}
.arrow-icon{width:13px;height:13px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}.career-symbol .arrow-icon{width:90px;height:90px;stroke-width:1.1}.paper-bottom .arrow-icon{width:7px;height:7px}.card-nav .arrow-icon{width:10px;height:10px}.folder-scene{filter:drop-shadow(0 0 48px #3044ff0c)}@media(min-width:1001px) and (max-height:820px){.topbar{padding-top:22px;padding-bottom:22px}.hero{padding-top:7px;min-height:650px}.folder-scene{transform:scale(.85);transform-origin:top center;margin-top:6px;margin-bottom:-65px}.card-nav{margin-top:4px}.intro{top:220px}footer{padding-top:19px;padding-bottom:19px}}
/* Reference refinement: translucent slanted document pocket, not a glass toolbar. */
.folder-back{left:86px;bottom:43px;width:468px;height:233px;border-radius:20px 22px 17px 17px;transform:rotate(0deg) skewX(10deg);background:linear-gradient(160deg,#3446ff55,#1519bcaa);border:1px solid #6579ff99;box-shadow:0 5px 40px #202bff12}
.folder-back:before{left:auto;right:33px;top:-26px;width:160px;height:28px;background:linear-gradient(160deg,#4c62ffb0,#263eff80);border:1px solid #8896ff;border-bottom:0;border-radius:18px 18px 0 0}
.folder-front{left:78px;bottom:38px;width:480px;height:230px;border-radius:25px 23px 17px 17px;transform:skewX(10deg);background:linear-gradient(180deg,#2634ff55 0%,#2433ff66 49%,#1729f4aa 80%,#1713d9e8 100%);border:1px solid #a4adffc9;backdrop-filter:blur(.35px) saturate(1.15);box-shadow:inset 0 1px 1px #ffffff50,inset 0 -2px 3px #080d8e65,0 24px 35px #0004;overflow:visible}
.folder-front:after{border-radius:inherit;background:linear-gradient(114deg,#8c9aff22,transparent 32%,#4656ff0a 70%,#a0abff19);pointer-events:none}
.folder-line{top:7px;left:14px;right:14px;border-color:#c3caff26}
.folder-word{bottom:17px;left:27px;transform:skewX(-10deg);font-size:9px;opacity:.7}
.folder-mark{bottom:20px;right:18px;transform:skewX(-10deg);opacity:.7;font-size:8px}
.card-resume{left:75px;transform:rotate(-12deg) translateY(-4px)}
.card-career{left:167px;transform:rotate(7deg) translateY(-48px)}
.card-funnel{left:254px;transform:rotate(-5deg) translateY(-13px)}
.card-results{left:359px;transform:rotate(6deg) translateY(-45px)}
.card-process{left:252px;bottom:61px;transform:rotate(13deg)}
.year-seal{left:70px;bottom:8px;transform:rotate(-4deg)}
.scene-instruction{bottom:12px;left:158px}
/* Restrained tactile motion: small hover, deliberate collective reveal. */
.work-card{--rotation:0deg;--lift:0px;--spread:0px;--reveal:0px;transform:translateX(var(--spread)) rotate(var(--rotation)) translateY(calc(var(--lift) + var(--reveal)));translate:0 0;transition:transform .7s cubic-bezier(.22,.61,.36,1),translate .5s cubic-bezier(.22,.61,.36,1),box-shadow .5s;will-change:transform}
.card-resume{--rotation:-12deg;--lift:-4px}
.card-career{--rotation:7deg;--lift:-48px}
.card-funnel{--rotation:-5deg;--lift:-13px}
.card-results{--rotation:6deg;--lift:-45px}
.card-process{--rotation:13deg}
.work-card:hover,.work-card:focus-visible,.card-process:hover,.card-process:focus-visible{transform:translateX(var(--spread)) rotate(var(--rotation)) translateY(calc(var(--lift) + var(--reveal)));translate:0 -5px;box-shadow:0 9px 28px #0008}
.card-resume:hover,.card-resume:focus-visible{z-index:1}.card-career:hover,.card-career:focus-visible{z-index:2}.card-funnel:hover,.card-funnel:focus-visible{z-index:4}.card-results:hover,.card-results:focus-visible{z-index:3}.card-process:hover,.card-process:focus-visible{z-index:5}
.folder-scene.is-open .work-card{--reveal:-32px}
.folder-scene.is-open .card-resume{--spread:-8px}.folder-scene.is-open .card-career{--spread:-4px}.folder-scene.is-open .card-results{--spread:8px}.folder-scene.is-open .card-process{--reveal:-42px;--spread:4px}
.folder-toggle{position:absolute;z-index:7;bottom:53px;right:102px;width:132px;height:33px;border-radius:6px;background:#2421ff;border:1px solid #7f8cff77;color:white;display:flex;align-items:center;justify-content:space-between;padding:0 13px;font-size:10px;letter-spacing:.02em;box-shadow:0 6px 18px #10109d40;transition:translate .5s ease,background .5s ease}
.folder-toggle:hover{translate:0 -4px;background:#302eff}
.folder-mark{display:none}
@keyframes panelIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.work-card:hover,.work-card:focus-visible,.card-process:hover,.card-process:focus-visible{translate:0 0}.folder-toggle:hover{translate:0 0}.work-card{transition:none!important}.folder-scene.is-open .work-card{--reveal:-32px}}

.folder-front{backdrop-filter:none;-webkit-backdrop-filter:none}
@media(max-width:650px){.folder-toggle{height:44px;width:155px;font-size:12px}}

.work-card .paper-top{width:max-content;max-width:100%}
/* Read-in-place documents: translucent liquid-glass frame, opaque-enough ink surface. */
.btn{border:1px solid transparent;font-family:inherit;cursor:pointer}
dialog.liquid-document{background:linear-gradient(130deg,#f5f8ffed,#e9eefbe8 58%,#dce4f5ed);border:1px solid #ffffffb8;border-radius:24px;backdrop-filter:blur(34px) saturate(1.35);-webkit-backdrop-filter:blur(34px) saturate(1.35);box-shadow:inset 0 1px 0 #fff, inset 1px 0 0 #ffffff88,0 24px 100px #03081899,0 0 0 6px #ffffff0b;color:#1b2330}
.liquid-document .modal-top{background:#f2f5fce6;border-color:#ffffff99}
.liquid-document .modal-bottom{background:#f2f5fc80;border-color:#b5c1d355}
.liquid-document .modal-content{padding:38px 44px 44px}
.document-heading{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:30px;border-bottom:1px solid #8592a040;padding-bottom:28px;margin-bottom:28px}
.document-heading img{width:150px;height:150px;border-radius:50%;object-fit:cover;filter:none;border:5px solid #ffffff80;box-shadow:0 8px 30px #15263c15}
.document-heading h2{font-family:Georgia,serif;font-size:55px;letter-spacing:-.045em;margin:10px 0 12px}
.document-heading h2 em{font-family:Georgia,serif}
.document-heading p{font-size:10px;letter-spacing:.12em;line-height:1.6}
.document-eyebrow{font-size:9px;letter-spacing:.17em;color:#596d8c}
.document-cv h3,.document-portfolio h3{font-family:Georgia,serif;font-size:23px;font-weight:400;letter-spacing:-.02em;margin:28px 0 12px}
.document-cv p,.document-portfolio p{font-size:13px;line-height:1.85;color:#303d4d}
.document-columns{display:grid;grid-template-columns:230px 1fr;gap:32px;margin-top:24px}
.document-columns aside{border-right:1px solid #8592a030;padding-right:24px}
.document-columns aside p{font-size:12px;overflow-wrap:anywhere}
.document-cv h4{font-family:Georgia,serif;letter-spacing:.035em;font-size:15px;margin:25px 0 5px;text-transform:uppercase}
.document-role{font-weight:600;font-size:11px!important;color:#526782!important;margin-top:4px}
.document-bullet{position:relative;padding-left:15px}
.document-bullet:before{content:'•';position:absolute;left:0;color:#526782}
.document-portfolio{max-width:750px;margin:auto}
.document-portfolio h2{margin-top:16px}.document-author{font-size:15px!important;color:#526782!important;margin-bottom:30px}
.document-review{background:#ffffff69;border:1px solid #ffffffa0;border-radius:12px;padding:18px 20px;font-size:11px;color:#4f6079;line-height:1.8;margin:32px 0 20px}
.document-switch{margin-top:4px}
@media(max-width:650px){dialog.liquid-document{border-radius:16px}.liquid-document .modal-content{padding:25px 22px}.document-heading{grid-template-columns:80px 1fr;gap:16px;padding-bottom:20px;margin-bottom:20px}.document-heading img{width:80px;height:80px;border-width:3px}.document-heading h2{font-size:34px;margin:8px 0}.document-heading p{font-size:8px;letter-spacing:.04em}.document-eyebrow{font-size:7px}.document-columns{grid-template-columns:1fr;gap:10px}.document-columns aside{border-right:0;border-bottom:1px solid #8592a030;padding:0 0 18px}.document-cv p,.document-portfolio p{font-size:13px}.document-review{padding:16px;font-size:11px}}

/* Sculpted frosted folder, based on the user's second reference. */
.folder-front{left:80px;bottom:38px;width:480px;height:285px;transform:none;border:0;border-radius:0;overflow:hidden;clip-path:path("M45 2H175Q213 2 213 39V43Q213 79 251 79H435Q478 79 478 122V239Q478 283 435 283H45Q2 283 2 239V46Q2 2 45 2Z");background:linear-gradient(135deg,#99aeff55 0%,#334cff65 28%,#18249a91 65%,#101356ba 100%);backdrop-filter:blur(13px) saturate(1.22);-webkit-backdrop-filter:blur(13px) saturate(1.22);box-shadow:inset 0 0 35px #394fff50;pointer-events:none}
.folder-front:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22480%22%20height%3D%22285%22%20viewBox%3D%220%200%20480%20285%22%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22r%22%20x2%3D%221%22%20y2%3D%221%22%3E%3Cstop%20stop-color%3D%22%23e9edff%22%20stop-opacity%3D%22.95%22/%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%238c9dff%22%20stop-opacity%3D%22.3%22/%3E%3Cstop%20offset%3D%22.7%22%20stop-color%3D%22%232539ff%22%20stop-opacity%3D%22.3%22/%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23acb8ff%22%20stop-opacity%3D%22.9%22/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d%3D%22M45%202H175Q213%202%20213%2039V43Q213%2079%20251%2079H435Q478%2079%20478%20122V239Q478%20283%20435%20283H45Q2%20283%202%20239V46Q2%202%2045%202Z%22%20fill%3D%22none%22%20stroke%3D%22url%28%23r%29%22%20stroke-width%3D%223%22/%3E%3C/svg%3E") center/100% 100% no-repeat}
.folder-front:after{inset:0;border-radius:0;box-shadow:inset 0 -8px 18px #677dff35;background:radial-gradient(ellipse at 13% 5%,#fff5,transparent 26%),linear-gradient(115deg,#ffffff12,transparent 40%,#6375ff16);pointer-events:none}
.folder-back{left:69px;bottom:25px;width:502px;height:285px;border-radius:0;transform:none;clip-path:path("M47 2H183Q223 2 223 39V43Q223 79 262 79H455Q500 79 500 122V239Q500 283 455 283H47Q2 283 2 239V46Q2 2 47 2Z");background:linear-gradient(145deg,#7288ff5e,#283bff44 55%,#445dffa6);border:0;box-shadow:inset 0 -9px 18px #7a91ff70}
.folder-back:before{display:none}
.folder-line{display:none}
.folder-word{bottom:32px;left:33px;font-size:12px;letter-spacing:.06em;line-height:1.2;transform:none;opacity:1;color:#f4f6ff;z-index:2;text-shadow:0 1px 5px #06104e50}
.folder-toggle{bottom:65px;right:111px;border-radius:30px;background:#090f46c9;border:1px solid #8797ff80;box-shadow:inset 0 1px 0 #ffffff25,0 4px 15px #050a3030;height:34px;width:138px}
.folder-toggle:hover{background:#151e65}
.year-seal{left:67px;bottom:0}
.scene-instruction{bottom:4px;left:155px}
.work-card{border-width:5px;border-color:#ecece6;box-shadow:0 1px 0 #b9b9b0,1px 2px 0 #deded5,2px 3px 0 #999b96,0 6px 9px #0004,0 18px 28px #0004,inset 0 0 0 1px #ffffff70}
.work-card:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:1;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%22160%22%20height%3D%22160%22%3E%3Cfilter%20id%3D%22n%22%3E%3CfeTurbulence%20type%3D%22fractalNoise%22%20baseFrequency%3D%22.83%22%20numOctaves%3D%223%22%20stitchTiles%3D%22stitch%22/%3E%3C/filter%3E%3Crect%20width%3D%22100%25%22%20height%3D%22100%25%22%20opacity%3D%22.4%22%20filter%3D%22url%28%23n%29%22/%3E%3C/svg%3E");background-size:130px 130px;mix-blend-mode:multiply}
.work-card:before{content:'';position:absolute;inset:0;pointer-events:none;z-index:2;border-radius:3px;box-shadow:inset 1px 1px 1px #ffffffa6,inset -1px -2px 2px #00000013;background:linear-gradient(122deg,#ffffff12,transparent 35%,#00000004 80%,#ffffff1c)}
.work-card:hover,.work-card:focus-visible,.card-process:hover,.card-process:focus-visible{box-shadow:0 1px 0 #b9b9b0,1px 2px 0 #deded5,2px 3px 0 #999b96,0 9px 14px #0004,0 20px 30px #0005,inset 0 0 0 1px #ffffff70}
.card-resume{--rotation:-12deg;--lift:-12px}.card-career{--rotation:6deg;--lift:-55px}.card-funnel{--rotation:-5deg;--lift:-20px}.card-results{--rotation:10deg;--lift:-48px}.card-process{--rotation:10deg;--lift:-5px}
@media(max-width:650px){.folder-toggle{height:44px;width:155px;font-size:12px;bottom:61px;right:101px}.folder-front{backdrop-filter:blur(10px) saturate(1.18);-webkit-backdrop-filter:blur(10px) saturate(1.18)}}
/* Layout-scale rather than transform-scale keeps frosted sampling stable on mobile. */
@media(max-width:650px){.folder-scene{transform:none;zoom:.56;left:auto;margin-left:auto;margin-right:auto;margin-bottom:50px;margin-top:62px}}

@media(max-width:380px){.folder-scene{zoom:.48}}
/* True folder surface toggle and fully revealed cards. */
.folder-front.folder-toggle{display:block;right:auto;left:80px;bottom:38px;width:480px;height:285px;padding:0;border:0;border-radius:0;z-index:6;pointer-events:auto;cursor:pointer;text-align:left;font-size:12px;letter-spacing:normal;transform:none;translate:none;transform-origin:50% 100%;background:linear-gradient(135deg,#99aeff55 0%,#334cff65 28%,#18249a91 65%,#101356ba 100%);box-shadow:inset 0 0 35px #394fff50;transition:transform .65s cubic-bezier(.22,.61,.36,1),filter .5s}
.folder-front.folder-toggle:hover{translate:none;transform:translateY(-3px);filter:brightness(1.04)}
.folder-front .folder-toggle-label{position:absolute;bottom:31px;right:28px;padding:10px 18px;border-radius:30px;background:#090f46ba;border:1px solid #a1b1ff80;font-size:11px;color:#fff;z-index:3}
.folder-front.folder-toggle:focus-visible{filter:brightness(1.16)}
.folder-scene{transition:height .75s cubic-bezier(.22,.61,.36,1),margin .75s}
.work-card{transition:left .75s cubic-bezier(.22,.61,.36,1),bottom .75s cubic-bezier(.22,.61,.36,1),height .75s,transform .75s cubic-bezier(.22,.61,.36,1),translate .5s,box-shadow .5s;outline-offset:5px}
.work-card:disabled{pointer-events:none;cursor:default}
.work-card:before{box-shadow:inset 0 0 0 1px #ffffffad,inset 1px 2px 3px #fff8,inset -1px -2px 2px #bac8ff35;background:linear-gradient(122deg,#ffffff19,transparent 35%,#00000004 80%,#ffffff22)}
.folder-back{filter:drop-shadow(0 0 3px #8ca0ff44)}
.folder-scene.is-open{height:650px}
.folder-scene.is-open .work-card{--rotation:0deg;--lift:0px;--reveal:0px;--spread:0px;bottom:340px;height:245px;transform:none;box-shadow:0 0 0 1px #b7c6ff38,0 0 12px #8ca0ff15,1px 2px 0 #d9dcd4,2px 3px 0 #969c9a,0 12px 24px #0006}
.folder-scene.is-open .work-card:hover,.folder-scene.is-open .work-card:focus-visible{translate:0 -5px}
.folder-scene.is-open .card-resume{left:-160px}.folder-scene.is-open .card-career{left:36px}.folder-scene.is-open .card-funnel{left:232px}.folder-scene.is-open .card-results{left:428px}.folder-scene.is-open .card-process{left:624px}
.folder-scene.is-open .folder-front{transform:perspective(1000px) rotateX(-7deg) translateY(4px)}
.folder-scene.is-open .folder-front:hover{transform:perspective(1000px) rotateX(-7deg) translateY(1px)}
.paper-top{font-size:8px}.paper-bottom{font-size:7px}
@media(min-width:651px) and (max-width:1050px){.folder-scene.is-open{height:950px}.folder-scene.is-open .work-card{bottom:640px}.folder-scene.is-open .card-resume{left:32px}.folder-scene.is-open .card-career{left:232px}.folder-scene.is-open .card-funnel{left:432px}.folder-scene.is-open .card-results{left:132px;bottom:355px}.folder-scene.is-open .card-process{left:332px;bottom:355px}}
/* One medium-blur glass system across every popup; the text layer stays sharp. */
dialog,dialog.liquid-document{background:linear-gradient(130deg,#f4f7ffed,#e5ebf7e8 58%,#dae3f3ed);border:1px solid #ffffffb8;border-radius:24px;backdrop-filter:blur(18px) saturate(1.22);-webkit-backdrop-filter:blur(18px) saturate(1.22);box-shadow:inset 0 1px 0 #fff,inset 1px 0 0 #ffffff88,0 24px 100px #03081899,0 0 0 5px #ffffff0a;color:#1b2330}
dialog::backdrop{background:#070b16b8;backdrop-filter:blur(12px)}
.modal-top,.liquid-document .modal-top{background:#f2f5fcd9;backdrop-filter:blur(18px);border-color:#ffffff99}
.modal-bottom,.liquid-document .modal-bottom{background:#f2f5fc66;border-color:#b5c1d355}
.modal-content p,.modal-content li{color:#303d4d}
@media(prefers-reduced-motion:reduce){.folder-scene,.work-card,.folder-front.folder-toggle{transition:none!important}.folder-front.folder-toggle:hover{transform:none}.folder-scene.is-open .work-card:hover,.folder-scene.is-open .work-card:focus-visible{translate:0 0}.folder-scene.is-open .folder-front{transform:none}}
/* Keep the portfolio visibly present behind the glass, never a blackout. */
dialog,dialog.liquid-document{width:min(900px,calc(100% - 80px));max-height:82dvh;background:linear-gradient(130deg,#f4f7ffd9,#e5ebf7cc 58%,#dae3f3d6);backdrop-filter:blur(18px) saturate(1.22);-webkit-backdrop-filter:blur(18px) saturate(1.22)}
dialog::backdrop{background:#05091825;backdrop-filter:blur(1px)}
.modal-content .stage p{color:#b9cdc3}
@media(max-width:650px){dialog,dialog.liquid-document{width:calc(100% - 24px);max-height:88dvh;border-radius:16px}}
.evidence-open{width:100%;padding:0;text-align:left;border:0;background:transparent;color:#2338ed}.evidence-open span{display:block;padding:13px 16px;font-size:11px;font-weight:600}.evidence-full{display:block;width:100%;height:auto;border:1px solid #a7b6ce80;border-radius:9px}
/* Fixed anchor: reveal the papers upward, never move the folder or page layout. */
.folder-scene,.folder-scene.is-open{height:426px;transition:none}
.work-card{border-radius:22px}
.work-card:before,.work-card:after{border-radius:16px}
.folder-scene.is-open .folder-front,.folder-scene.is-open .folder-front:hover{transform:perspective(1000px) rotateX(-13deg);translate:none;transform-origin:50% 100%}
.folder-scene.is-open .work-card{bottom:340px;height:245px;width:176px}
@media(min-width:651px) and (max-width:1050px){.folder-scene,.folder-scene.is-open{margin-top:200px}.folder-scene.is-open .card-resume,.folder-scene.is-open .card-career,.folder-scene.is-open .card-funnel{bottom:610px}.folder-scene.is-open .card-results,.folder-scene.is-open .card-process{bottom:340px}}
@media(max-width:650px){.folder-scene,.folder-scene.is-open{margin-top:250px;height:426px}.folder-scene.is-open .card-resume{left:32px;bottom:610px}.folder-scene.is-open .card-career{left:232px;bottom:610px}.folder-scene.is-open .card-funnel{left:432px;bottom:610px}.folder-scene.is-open .card-results{left:132px;bottom:340px}.folder-scene.is-open .card-process{left:332px;bottom:340px}}
/* Curated floating arrangement: no rigid row, no random movement on each open. */
.folder-scene.is-open .card-resume{bottom:345px;transform:rotate(-7deg)}
.folder-scene.is-open .card-career{bottom:395px;transform:rotate(4deg)}
.folder-scene.is-open .card-funnel{bottom:355px;transform:rotate(-3deg)}
.folder-scene.is-open .card-results{bottom:405px;transform:rotate(6deg)}
.folder-scene.is-open .card-process{bottom:335px;transform:rotate(-5deg)}
@media(max-width:1050px){.folder-scene.is-open .card-resume{bottom:625px;transform:rotate(-4deg)}.folder-scene.is-open .card-career{bottom:650px;transform:rotate(3deg)}.folder-scene.is-open .card-funnel{bottom:610px;transform:rotate(-3deg)}.folder-scene.is-open .card-results{left:112px;bottom:355px;transform:rotate(4deg)}.folder-scene.is-open .card-process{left:342px;bottom:335px;transform:rotate(-4deg)}}
/* Visible optical edge light, static and restrained rather than neon animation. */
.work-card,.folder-scene.is-open .work-card{box-shadow:0 0 0 1px #e2e9ffbb,0 0 12px #c9d5ff55,0 0 28px #849bff20,1px 2px 0 #e5e9e2,2px 3px 0 #969c9a,0 12px 24px #0006}
.work-card:before{background:linear-gradient(130deg,#ffffff60 0%,#ffffff14 25%,transparent 48%,#c6d5ff18 80%,#ffffff40);box-shadow:inset 0 0 0 1px #ffffffd0,inset 1px 2px 5px #ffffffa0;pointer-events:none}
.folder-back{filter:drop-shadow(0 0 5px #a2b6ffb0) drop-shadow(0 0 17px #516aff4d)}
.folder-front:after{background:linear-gradient(123deg,#e0e9ff54 0%,#b3c7ff18 22%,transparent 43%,#91aaff10 71%,#d7e4ff36 100%);box-shadow:inset 0 2px 2px #e6edffbb;pointer-events:none}
/* Motion belongs to papers, not the folder. Rebalance the optical lighting. */
.folder-front.folder-toggle,.folder-front.folder-toggle:hover{transform:none;translate:none;filter:none}
.folder-scene.is-open .folder-front,.folder-scene.is-open .folder-front:hover{transform:perspective(1000px) rotateX(-13deg);translate:none;filter:none}
.work-card:disabled{pointer-events:auto;cursor:default}
.work-card,.folder-scene.is-open .work-card,.work-card:hover,.work-card:focus-visible{box-shadow:0 0 0 1px #e2e9ff33,0 0 7px #c9d5ff18,1px 2px 0 #d9dcd4,2px 3px 0 #969c9a,0 12px 24px #0006}
.work-card:before{background:linear-gradient(130deg,#ffffff23,transparent 40%,#c6d5ff08 80%,#ffffff18);box-shadow:inset 0 0 0 1px #ffffff66,inset 1px 2px 3px #ffffff40}
.folder-back{filter:drop-shadow(0 0 5px #bed1ffdd) drop-shadow(0 0 21px #6b8aff88);box-shadow:0 0 55px #506aff33}
.folder-front:before{filter:brightness(1.6);opacity:1}
.folder-front:after{background:radial-gradient(ellipse at 12% 3%,#e6efff88,transparent 37%),linear-gradient(123deg,#dbe8ff44,transparent 40%,#98b4ff14 75%,#d7e4ff55);box-shadow:inset 0 2px 3px #f0f5ffff,inset 0 -3px 7px #a4c3ff77;pointer-events:none}
@media(prefers-reduced-motion:reduce){.work-card:hover,.work-card:focus-visible{translate:none}}
/* A quiet breathing motion for the wordmark only; document layout stays still. */
@keyframes portfolioFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
h1#title{animation:portfolioFloat 6s ease-in-out infinite}
@media(prefers-reduced-motion:reduce){h1#title{animation:none!important;transform:none}}
/* Open papers drift just a few pixels; hover/focus pauses their idle motion. */
@keyframes paperFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
.folder-scene.is-open .work-card{animation:paperFloat 6.4s ease-in-out infinite}
.folder-scene.is-open .card-career{animation-duration:7.1s;animation-delay:-1.3s}
.folder-scene.is-open .card-funnel{animation-duration:6.8s;animation-delay:-2.7s}
.folder-scene.is-open .card-results{animation-duration:7.6s;animation-delay:-3.6s}
.folder-scene.is-open .card-process{animation-duration:6.7s;animation-delay:-1.9s}
.folder-scene.is-open .work-card:hover,.folder-scene.is-open .work-card:focus-visible{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.folder-scene.is-open .work-card{animation:none!important;translate:none}}
/* Heading stays still; only the revealed papers float. */
h1#title{animation:none;transform:none}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:25px 0}.case-link{text-align:left;background:#ffffff44;border:1px solid #ffffffa0;border-radius:16px;padding:23px;color:#182130;transition:background .25s,translate .25s}.case-link:hover{background:#ffffff88;translate:0 -3px}.case-link small{font-size:9px;letter-spacing:.08em;color:#43546c}.case-link span{font-size:12px;color:#2539cf}.case-table-wrap{overflow-x:auto;margin:24px 0}.case-table{width:100%;border-collapse:collapse;font-size:13px;min-width:500px}.case-table caption{text-align:left;font-weight:600;padding-bottom:15px}.case-table th,.case-table td{text-align:right;padding:13px 10px;border-bottom:1px solid #8798ad55}.case-table th:first-child,.case-table td:first-child{text-align:left}.case-table tfoot{background:#ffffff55;font-weight:600}.document-portfolio>h3{margin-top:38px}@media(max-width:650px){.case-grid{grid-template-columns:1fr}}
/* CV reader typography only: compact rhythm, natural word spacing, exact text preserved. */
.document-cv p{font-size:13px;line-height:1.58;letter-spacing:normal;word-spacing:normal;text-align:left;white-space:normal;margin:8px 0}
.document-cv h3{margin:21px 0 9px;line-height:1.2}
.document-cv h4{margin:20px 0 5px;line-height:1.3;letter-spacing:.015em}
.document-cv .document-heading{padding-bottom:20px;margin-bottom:18px;gap:26px}
.document-cv .document-heading h2{margin:5px 0 10px;line-height:1.04}
.document-cv .document-heading p{font-size:10px;letter-spacing:.08em;line-height:1.4;margin:8px 0 0}
.document-cv .document-columns{gap:28px;margin-top:18px}
.document-cv .document-columns aside p{font-size:12px;line-height:1.45;margin:5px 0;overflow-wrap:break-word}
.document-cv .document-role{line-height:1.4;margin:4px 0 10px}
.document-cv .document-bullet{margin:0 0 10px;padding-left:14px}
@media(max-width:650px){.document-cv p{font-size:13px;line-height:1.55}.document-cv .document-heading{gap:14px;padding-bottom:17px}.document-cv .document-heading p{font-size:8px;letter-spacing:.03em}.document-cv .document-columns{gap:10px}.document-cv .document-columns aside p{font-size:12px}.document-cv h3{margin-top:19px}}
/* Mobile: centered compact composition; paper reveal uses compositor transforms only. */
@media(max-width:650px){
 .folder-scene,.folder-scene.is-open{margin-top:80px}
 .hero h1{text-align:center}
 .work-card,.folder-scene.is-open .work-card{height:245px;width:176px;transition:transform .75s cubic-bezier(.22,.61,.36,1),translate .5s ease;will-change:transform;backface-visibility:hidden}
 .folder-scene.is-open .card-resume{left:75px;bottom:87px;transform:translate3d(-43px,-468px,0) rotate(-4deg)}
 .folder-scene.is-open .card-career{left:167px;bottom:87px;transform:translate3d(65px,-493px,0) rotate(3deg)}
 .folder-scene.is-open .card-funnel{left:254px;bottom:87px;transform:translate3d(178px,-453px,0) rotate(-3deg)}
 .folder-scene.is-open .card-results{left:359px;bottom:87px;transform:translate3d(-247px,-233px,0) rotate(4deg)}
 .folder-scene.is-open .card-process{left:252px;bottom:61px;transform:translate3d(90px,-239px,0) rotate(-4deg)}
 .folder-scene.is-open .work-card{animation-duration:8s}
 .folder-scene.is-open .card-career{animation-duration:8.7s}.folder-scene.is-open .card-funnel{animation-duration:8.4s}.folder-scene.is-open .card-results{animation-duration:9.2s}.folder-scene.is-open .card-process{animation-duration:8.3s}
}
.source-table-image{overflow:auto;border:1px solid #899bb355;border-radius:12px;background:#fff}.source-table-image img{display:block;width:100%;min-width:1000px;height:auto}
/* Preserve portrait proportions inside the compact mobile profile frame. */
.portrait{object-fit:cover;object-position:50% 50%}
@media(max-width:650px){.portrait-wrap .portrait{flex:0 0 90px;min-width:90px;max-width:90px;object-fit:cover;object-position:50% 50%}}

.folder-scene.is-open .work-card:active{animation-play-state:paused}