:root{--bg:#f5f5f7;--surface:#fff;--ink:#1d1d1f;--muted:#6e6e73;--accent:#2169b1;--line:#dedee3;--soft:#e9eff6;--nav:rgba(245,245,247,.84);--width:1120px;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:var(--ink);background:var(--bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;transition:background .45s,color .45s}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0;background:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:6px}button,a,summary{touch-action:manipulation}button:disabled{cursor:default}.wrap{width:min(var(--width),calc(100% - 100px));margin-inline:auto}[hidden]{display:none!important}.skip{position:fixed;top:10px;left:15px;padding:12px;background:var(--ink);color:var(--bg);z-index:1000;transform:translateY(-150%)}.skip:focus{transform:none}.site-header{position:sticky;top:0;z-index:50;background:var(--nav);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid #88888818}.nav-shell{height:82px;width:min(var(--width),calc(100% - 100px));margin:auto;display:flex;align-items:center;justify-content:space-between}.wordmark{font-size:22px;font-weight:650;letter-spacing:-1px}.wordmark>span{font-size:27px;color:var(--accent);vertical-align:baseline;margin-left:1px}.header-contact{font-size:12px;font-weight:500;display:flex;gap:18px;align-items:center}.mode-switch{position:relative;display:grid;grid-template-columns:1fr 1fr;border-radius:40px;background:#dfdfe580;padding:5px;isolation:isolate}.mode-switch button{font-size:12px;font-weight:550;padding:11px 22px;min-width:125px;z-index:1;transition:color .35s}.mode-switch button[aria-pressed=true]{color:#fff}.switch-track{position:absolute;left:5px;top:5px;bottom:5px;width:calc(50% - 5px);border-radius:30px;background:var(--ink);transition:transform .5s var(--ease),background .4s}.reading-progress{position:absolute;bottom:-1px;left:0;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:var(--accent);opacity:.65}.hero{min-height:min(830px,calc(100svh - 82px));position:relative;display:grid;grid-template-columns:1.2fr 1fr;gap:55px;align-items:center;padding-top:65px;padding-bottom:105px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:1.7px;line-height:1.7;margin:0 0 23px}.hero .eyebrow{color:var(--muted);font-size:9px;letter-spacing:1.35px}.hero h1{font-size:clamp(64px,7.4vw,104px);line-height:.99;letter-spacing:-6px;font-weight:600;margin:0 0 27px}.hero h1>span{color:var(--accent)}.hero-intro{font-size:15px;line-height:1.75;max-width:400px;color:var(--muted);margin:0 0 28px}.pill{display:inline-flex;align-items:center;gap:32px;padding:14px 22px;border-radius:30px;font-size:12px;font-weight:500;transition:transform .25s,background .25s}.pill.primary{background:var(--ink);color:var(--bg)}.pill:hover{transform:translateY(-3px);background:var(--accent)}.portrait-stage{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;aspect-ratio:1/1.15;isolation:isolate}.portrait-frame{position:relative;width:82%;aspect-ratio:4/5;border-radius:50%;overflow:hidden;z-index:2;box-shadow:0 20px 50px #18384b0e;transform:translateY(var(--portrait-shift,0px));will-change:transform}.portrait-frame img{width:100%;height:100%;object-fit:cover;object-position:62% 40%;display:block}.portrait-orbit{position:absolute;inset:5% -5%;border:1px solid #b8cce0;border-radius:50%;transform:rotate(-24deg);opacity:.6}.orbit-two{inset:12% -10%;transform:rotate(25deg)}.orbit-three{inset:0 5%;transform:rotate(4deg);border-style:dashed;opacity:.3}.portrait-marker{position:absolute;right:3%;bottom:17%;z-index:3;display:flex;gap:5px;padding:12px;border-radius:20px;background:var(--surface);box-shadow:0 5px 20px #1d1d1f10}.portrait-marker span{width:5px;height:5px;border-radius:100%;background:var(--accent)}.portrait-marker span:nth-child(2){opacity:.55}.portrait-marker span:nth-child(3){opacity:.2}.hero-foot{position:absolute;bottom:25px;left:0;right:0;display:flex;justify-content:space-between;font-size:9px;color:var(--muted);letter-spacing:1.3px}.hero-foot a{letter-spacing:.3px;display:flex;gap:16px}.statement{text-align:center;padding:145px 0 130px}.statement h2,.section-heading h2,.career-heading h2,.contact-section h2{font-size:clamp(40px,5vw,64px);font-weight:600;line-height:1.07;letter-spacing:-3px;margin:0 0 27px}h2 span{color:var(--muted)}.statement>p:last-of-type{max-width:470px;margin:0 auto;color:var(--muted);font-size:18px;line-height:1.6}.capabilities{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:30px}.capabilities span{padding:9px 15px;background:#e9e9ed;border-radius:25px;font-size:11px;color:#5d5d63}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:50px}.section-heading h2{margin:0}.section-heading>p{color:var(--muted);font-size:14px;line-height:1.7;max-width:340px;margin:0 0 5px}.connection-section{padding:100px 0;background:var(--surface);border-radius:40px 40px 0 0}.connection-sticky{display:grid;grid-template-columns:1.25fr 1fr;gap:65px;align-items:center}.connection-visual{position:relative;min-height:420px;display:flex;align-items:center;justify-content:space-evenly;perspective:900px;background:radial-gradient(ellipse at 50% 75%,#d4e4f7a0,transparent 65%);overflow:hidden;border-radius:28px}.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#7899b50d 1px,transparent 1px),linear-gradient(90deg,#7899b50d 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,#000 20%,transparent 75%)}.connection-line{position:absolute;left:15%;right:15%;top:46%;height:1px;background:linear-gradient(90deg,#97bada55,#2169b1,#97bada55)}.system-node{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:28%;height:170px;background:linear-gradient(135deg,#ffffffee,#e7edf6ed);border:1px solid #c8d5e8;border-radius:22px;box-shadow:0 14px 20px #7d97b424,inset 0 1px 0 #fff;transform:rotateY(-15deg) rotateX(6deg);transition:transform .8s var(--ease),background .5s,box-shadow .5s;z-index:1}.node-center{height:195px;background:linear-gradient(140deg,#2c76bc,#154979);color:#fff;border-color:#4485c5;transform:translateY(-25px) rotateY(-15deg) rotateX(6deg);box-shadow:0 22px 35px #2169b138;z-index:2}.node-right{transform:translateY(20px) rotateY(-15deg) rotateX(6deg)}.system-node>span:not(.node-icon):not(.center-icon){font-size:13px;font-weight:600;margin-top:16px}.system-node small{font-size:6px;letter-spacing:1px;margin-top:9px;white-space:nowrap}.node-icon{font-size:28px;color:#557494;font-weight:300}.center-icon{display:flex;align-items:center;gap:4px;height:34px}.center-icon i{width:5px;height:22px;border-radius:2px;background:#fff}.center-icon i:nth-child(2){height:34px}.center-icon i:nth-child(3){height:14px}.connection-visual[data-chapter="1"] .node-right{transform:translateY(-35px) rotateY(-15deg) rotateX(6deg);box-shadow:0 25px 35px #2169b12a}.connection-visual[data-chapter="1"] .node-center{transform:translateY(10px) rotateY(-15deg) rotateX(6deg)}.connection-visual[data-chapter="2"] .node-left{transform:translateY(-20px) rotateY(-15deg) rotateX(6deg)}.visual-caption{position:absolute;bottom:30px;font-size:7px;letter-spacing:1.4px;color:#738399;text-align:center}.signal{position:absolute;top:calc(46% - 3px);width:6px;height:6px;background:#82b7ec;border-radius:50%;left:15%;box-shadow:0 0 12px #70afff;animation:signal 5s linear infinite;z-index:3}.signal-two{animation-delay:-2.5s}@keyframes signal{from{left:15%;opacity:0}10%,90%{opacity:1}to{left:85%;opacity:0}}.chapter-switch{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:35px}.chapter-switch button{padding:15px 10px 15px 0;flex:1;text-align:left;font-size:10px;color:var(--muted);border-bottom:2px solid transparent;margin-bottom:-1px;display:flex;gap:9px;white-space:nowrap}.chapter-switch button span{font-size:12px}.chapter-switch .active{color:var(--accent);border-bottom-color:var(--accent)}.chapter-content{min-height:230px}.chapter-content .eyebrow{color:var(--accent);font-size:8px;margin-bottom:16px}.chapter-content h3{font-size:32px;font-weight:550;letter-spacing:-1.3px;line-height:1.12;margin:0 0 17px}.chapter-content>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 24px}.skill-list{display:flex;gap:8px;flex-wrap:wrap}.skill-list span{background:var(--soft);color:#456581;border-radius:5px;padding:7px 9px;font-size:9px}.projects-section{padding-top:125px;padding-bottom:125px}.project-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.project-card{border-radius:25px;overflow:hidden;background:#fff;transition:transform .4s var(--ease),box-shadow .4s}.project-card:hover{transform:translateY(-7px);box-shadow:0 15px 35px #27394a0b}.project-art{height:230px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.wealth-art{background:#e9edf8;perspective:500px}.data-block{position:absolute;width:125px;height:100px;background:linear-gradient(130deg,#ffffff,#bbcfec);border:1px solid #ffffff;box-shadow:10px 10px 20px #53729720;border-radius:10px;transform:rotateX(52deg) rotateZ(-35deg)}.b1{top:40px;left:17%}.b2{top:65px;left:28%}.b3{top:90px;left:39%}.b4{top:115px;left:50%}.wealth-art>span{position:absolute;bottom:20px;font-size:10px;letter-spacing:4px;color:#557099}.wealth-art i{font-style:normal;padding:0 10px}.api-art{background:radial-gradient(ellipse at 50% 42%,#f3f9ff 0%,#dfedfb 76%)}.api-rings{position:absolute;width:210px;height:210px;border:1px solid #9abfe1;border-radius:50%;box-shadow:0 0 0 18px #bed7ef66,0 0 0 37px #bed7ef40,0 0 0 56px #bed7ef26}.api-art>span{font-size:70px;letter-spacing:8px;color:#24679f;font-weight:200;z-index:1}.api-art i{font-style:normal;font-size:28px;letter-spacing:-1px;vertical-align:middle;padding:0 8px}.aml-art{background:radial-gradient(ellipse at 50% 42%,#f1f7fe 0%,#e0ecf9 78%)}.aml-art svg{width:160px;height:160px;fill:#c2daf1;stroke:#397fb9;stroke-width:1.5;filter:drop-shadow(0 12px 12px #285e9130)}.aml-art svg path+path{fill:none;stroke:#205f96;stroke-width:3}.project-body{padding:27px}.project-body .eyebrow{font-size:8px;letter-spacing:1px;color:var(--muted);margin-bottom:18px}.project-body h3{font-size:27px;font-weight:550;line-height:1.12;letter-spacing:-1px;margin:0 0 16px}.project-body>p:not(.eyebrow){font-size:13px;line-height:1.7;color:var(--muted);min-height:67px;margin:0}.detail-button{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:26px;padding:0;font-size:11px;font-weight:500}.detail-button span{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#eeeeF1;font-size:19px;color:#666;transition:background .25s,color .25s,transform .25s}.detail-button:hover span{background:var(--ink);color:#fff;transform:rotate(90deg)}.career-section{background:var(--surface);padding:105px 0}.career-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:100px}.career-heading{position:sticky;top:130px;align-self:start}.career-heading h2{font-size:52px}.career-heading>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.7;max-width:310px}.text-link{display:inline-block;font-size:12px;color:var(--accent);margin-top:20px}.text-link span{font-size:10px}.timeline details{border-top:1px solid var(--line);padding:27px 0}.timeline details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none}summary::-webkit-details-marker{display:none}.timeline summary{position:relative;padding-right:30px}.career-date{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:14px}.career-company{display:block;font-size:27px;letter-spacing:-1px;font-weight:550;margin-bottom:8px}.career-role{font-size:11px;color:var(--muted)}.expand-icon{position:absolute;right:0;top:30px;font-size:22px;color:var(--muted);transition:transform .3s}details[open] .expand-icon{transform:rotate(45deg)}.career-detail{font-size:13px;color:var(--muted);line-height:1.8;padding-top:15px}.career-detail p:first-child{color:var(--ink)}.delivery-note{display:flex;align-items:flex-start;gap:35px;padding-top:85px;padding-bottom:100px;max-width:850px}.note-symbol{font-size:45px;line-height:1.3;color:#a8adb5}.delivery-note p{font-size:19px;line-height:1.6;color:var(--muted);margin:0}.delivery-note strong{font-weight:500;color:var(--ink)}.contact-section{text-align:center;padding-top:110px;padding-bottom:85px;border-top:1px solid var(--line)}.contact-section h2{margin-bottom:35px}.email-link{font-size:clamp(18px,3vw,32px);letter-spacing:-.8px;color:var(--accent);display:inline-flex;gap:22px;align-items:center}.email-link span{font-size:26px}.contact-actions{display:flex;gap:30px;justify-content:center;margin-top:35px;font-size:11px;color:var(--muted)}.contact-actions button{padding:0;font-size:11px}.contact-actions a:hover,.contact-actions button:hover{color:var(--accent)}.copy-status{min-height:18px;font-size:11px;color:var(--accent);margin:18px 0 0}.other-side{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:35px 0;display:flex;justify-content:space-between;align-items:center}.other-side>span{font-size:9px;letter-spacing:1.5px;color:var(--muted)}.other-side button{font-size:16px;font-weight:500;display:flex;gap:40px;align-items:center}.other-side button span{color:var(--accent);font-size:23px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px 0;font-size:9px;color:var(--muted)}footer button{font-size:9px;padding:4px 0}footer a{font-size:18px}dialog{border:0;border-radius:28px;padding:0;background:var(--surface);color:var(--ink);width:min(720px,calc(100% - 36px));max-height:85svh;box-shadow:0 40px 120px #0003}dialog::backdrop{background:#151f3570;backdrop-filter:blur(10px)}.dialog-close{position:sticky;float:right;right:20px;top:20px;margin:20px 20px 0 0;width:35px;height:35px;border-radius:50%;background:var(--bg);font-size:25px;color:var(--muted);z-index:1}.dialog-inner{padding:60px}.dialog-inner .eyebrow{font-size:9px;color:var(--accent)}.dialog-inner h2{font-size:45px;line-height:1.06;letter-spacing:-2px;font-weight:550;margin:0 0 23px}.dialog-lead{font-size:18px;line-height:1.6;color:var(--muted)}#dialog-details h3{font-size:13px;font-weight:600;margin-top:26px}#dialog-details p{font-size:14px;line-height:1.8;color:var(--muted)}.dialog-tech{display:flex;gap:8px;flex-wrap:wrap;margin-top:30px}.dialog-tech span{font-size:10px;padding:8px 12px;border-radius:20px;background:var(--bg);color:var(--muted)}
/* Personal: warm, tactile, expressive. */
body.personal{--bg:#fcf5e9;--surface:#fffaf3;--ink:#432e34;--muted:#886e74;--accent:#a74461;--line:#e5d4cf;--soft:#efdedc;--nav:rgba(252,245,233,.87)}body.personal .wordmark{font-family:Georgia,serif;font-style:italic;font-weight:400;font-size:28px}body.personal .mode-switch{background:#eadbd8}body.personal .switch-track{transform:translateX(100%);background:var(--accent)}body.personal .hero{grid-template-columns:1.15fr 1fr;gap:50px}body.personal .hero .eyebrow{font-size:9px;color:var(--accent)}body.personal .hero h1{font-family:Georgia,serif;font-size:clamp(70px,8vw,108px);font-weight:400;line-height:.97;letter-spacing:-5px}body.personal .hero h1>span{font-style:italic}body.personal .hero-intro{font-size:15px}body.personal .portrait-frame{transform:rotate(-6deg) translateY(var(--portrait-shift,0px));border:8px solid #fffaf3;box-shadow:0 18px 45px #63405217;transition:rotate .6s var(--ease)}body.personal .portrait-stage:hover .portrait-frame{rotate:6deg}body.personal .portrait-orbit{border-color:#d9a790}body.personal .orbit-two{border-color:#c7a7b4}body.personal .portrait-marker{background:#f5dfbc}body.personal .portrait-marker span{width:3px;height:15px;border-radius:3px;transform-origin:center}body.personal .portrait-marker span:nth-child(2){height:23px;margin-top:-4px}body.personal .portrait-marker span:nth-child(3){height:10px;margin-top:3px}body.personal .pill.primary{background:var(--accent);color:#fff7ed}.personal-statement{text-align:center;padding:130px 0 140px}.personal-statement h2{font-family:Georgia,serif;font-size:clamp(36px,4.5vw,59px);line-height:1.15;font-weight:400;letter-spacing:-2px;margin:0 0 30px}.personal-statement h2 em{color:var(--accent);font-weight:400}.personal-statement>p:last-child{max-width:520px;margin:0 auto;color:var(--muted);font-size:17px;line-height:1.8}body.personal .section-heading h2{font-family:Georgia,serif;font-weight:400;font-size:clamp(44px,5vw,64px);line-height:1.05}body.personal h2 em{font-weight:400;color:var(--accent)}.interests-section{padding-bottom:140px}.interest-tabs{display:flex;gap:12px;margin-bottom:25px;flex-wrap:wrap}.interest-tabs button{font-size:11px;border:1px solid var(--line);border-radius:25px;padding:12px 20px;color:var(--muted);transition:background .25s,color .25s}.interest-tabs .active{background:var(--ink);border-color:var(--ink);color:var(--bg)}.interest-stage{display:grid;grid-template-columns:1fr 1fr;border-radius:32px;background:#eddfd1;overflow:hidden;min-height:460px;transition:background .6s}.interest-art{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;min-height:420px}.vinyl{position:relative;width:320px;aspect-ratio:1;border-radius:50%;background:repeating-radial-gradient(circle,#342930 0,#342930 1px,#494047 2px,#342930 4px);box-shadow:0 22px 35px #3d242533;transform:rotate(-20deg);transition:transform 1.2s var(--ease)}.interest-stage:hover .vinyl{transform:rotate(35deg)}.vinyl:after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(transparent 25%,#ffffff13 35%,transparent 45%,transparent 70%,#ffffff10 80%,transparent 90%)}.vinyl-label{position:absolute;inset:34%;border-radius:50%;background:#b66c6a;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fbe8cf;font-family:Georgia,serif;font-style:italic;font-size:38px}.vinyl-label span{font-family:Arial,sans-serif;letter-spacing:1px;font-style:normal;font-size:5px;margin-top:5px}.interest-copy{padding:70px 55px 55px 20px;align-self:center}.interest-copy .eyebrow{font-size:8px;color:var(--accent);margin-bottom:22px}.interest-copy h3{font-family:Georgia,serif;font-size:52px;letter-spacing:-2px;line-height:1.03;font-weight:400;margin:0 0 24px}.interest-copy h3 em{font-weight:400;color:var(--accent)}.interest-copy>p:not(.eyebrow){font-size:14px;line-height:1.8;color:#765c61;margin:0}.interest-copy details{border-top:1px solid #432e3420;margin-top:25px;padding-top:20px}.interest-copy summary{display:flex;justify-content:space-between;font-size:11px}.interest-copy details>p{font-size:12px;line-height:1.8;color:#765c61;margin-bottom:0}.interest-wave{display:none;align-items:center;justify-content:center;gap:5px;height:190px;width:75%;position:relative}.interest-wave i{width:5px;border-radius:5px;background:#a77386;transition:height .6s var(--ease)}.water-rings{display:none;position:relative;width:300px;height:300px;transform:rotateX(50deg) rotateZ(-15deg)}.water-rings i{position:absolute;inset:0;border:1px solid #648a8c;border-radius:50%;box-shadow:0 10px 0 #648a8c12}.water-rings i:nth-child(2){inset:30px}.water-rings i:nth-child(3){inset:65px}.water-rings i:nth-child(4){inset:100px;background:#a5c3bd70}.interest-stage[data-interest="1"]{background:#ebdfe6}.interest-stage[data-interest="1"] .vinyl,.interest-stage[data-interest="2"] .vinyl{display:none}.interest-stage[data-interest="1"] .interest-wave{display:flex}.interest-stage[data-interest="2"]{background:#e4e8d9}.interest-stage[data-interest="2"] .water-rings{display:block}.interest-stage[data-interest="2"]:hover .water-rings i{animation:ripple 2.8s ease-out infinite}.water-rings i:nth-child(2){animation-delay:.3s!important}.water-rings i:nth-child(3){animation-delay:.6s!important}@keyframes ripple{0%,100%{translate:0 0}50%{translate:0 -12px}}.experiments-section{padding-bottom:140px}.experiment-window{border-radius:27px;background:#3b2e35;color:#f9efdf;overflow:hidden;box-shadow:0 30px 60px #63405212}.experiment-bar{min-height:72px;display:flex;align-items:center;justify-content:space-between;padding:20px 30px;border-bottom:1px solid #fff1;gap:15px}.window-dots{display:flex;gap:7px}.window-dots i{width:7px;height:7px;border-radius:50%;background:#8d737e}.window-dots i:nth-child(2){opacity:.6}.window-dots i:nth-child(3){opacity:.3}.experiment-switch{display:flex;gap:6px;background:#ffffff0c;padding:4px;border-radius:25px}.experiment-switch button{font-size:11px;padding:9px 20px;color:#baa8b0;border-radius:20px}.experiment-switch .active{background:#ead2c1;color:#483039}.concept-label{font-size:7px;letter-spacing:1.2px;color:#baa8b0}.experiment-screen{min-height:285px;padding:40px 60px 25px;background:radial-gradient(ellipse at 50% 50%,#53404a40,transparent 70%)}.stem-preview{display:grid;gap:18px}.stem-preview>div{display:flex;gap:20px;align-items:center}.stem-preview>div>span{width:45px;font-size:10px;color:#cebbc4}.stem-bars{height:35px;display:flex;gap:3px;align-items:center;flex:1;overflow:hidden}.stem-bars i{flex:1;min-width:2px;background:#c38b83;border-radius:2px;opacity:.8}.stem-preview>div:nth-child(2) i{background:#c6a2bf}.stem-preview>div:nth-child(3) i{background:#c6b88d}.stem-preview>div:nth-child(4) i{background:#8faea1}.spectrum-preview svg{width:100%;height:195px}.spectrum-labels{display:flex;justify-content:space-between;font-size:9px;color:#baa8b0}.experiment-info{border-top:1px solid #fff1;padding:30px 60px 35px;display:grid;grid-template-columns:.85fr 1.2fr;gap:12px 45px}.experiment-info h3{font-family:Georgia,serif;font-size:27px;font-weight:400;margin:0;letter-spacing:-.5px}.experiment-info p{font-size:12px;line-height:1.8;color:#d2bdc5;margin:0}.experiment-info>span{grid-column:2;font-size:9px;color:#bda7b0}.personal .contact-section h2{font-family:Georgia,serif;font-weight:400}.personal .contact-section h2 span{color:var(--accent);font-style:italic}.personal .other-side button{font-family:Georgia,serif;font-size:24px;font-style:italic}
/* Motion is progressive enhancement: all content remains readable without it. */
@media(prefers-reduced-motion:no-preference){.motion-ready .reveal{opacity:0;transform:translateY(28px);transition:opacity .85s var(--ease),transform .85s var(--ease)}.motion-ready .reveal.visible{opacity:1;transform:none}}
body.reduce-motion *,body.reduce-motion *:before,body.reduce-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;will-change:auto!important}body.reduce-motion .reveal{opacity:1;transform:none}body.reduce-motion .portrait-frame{--portrait-shift:0px!important}body.reduce-motion.personal .portrait-stage:hover .portrait-frame{rotate:0deg}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important;will-change:auto!important}.portrait-frame{--portrait-shift:0px!important}.personal .portrait-stage:hover .portrait-frame{rotate:0deg}}
@media(min-width:1500px){:root{--width:1240px}.hero{min-height:850px}.hero h1{font-size:116px}.hero-intro{font-size:17px;max-width:450px}.portrait-stage{max-height:560px}.connection-visual{min-height:480px}}
@media(max-width:1000px){.wrap,.nav-shell{width:calc(100% - 60px)}.hero{gap:25px;min-height:720px}.hero h1{font-size:78px;letter-spacing:-4.5px}.hero .eyebrow{max-width:290px}.portrait-stage{aspect-ratio:1/1.4}.portrait-frame{width:90%}.portrait-orbit{inset:10% -2%}.orbit-two{inset:20% -8%}.orbit-three{inset:5% 8%}.connection-sticky{gap:35px;grid-template-columns:1.15fr 1fr}.connection-visual{min-height:370px}.system-node{height:140px;border-radius:16px}.node-center{height:165px}.system-node>span:not(.node-icon):not(.center-icon){font-size:11px}.system-node small{font-size:5px;letter-spacing:.7px}.project-body{padding:23px}.project-body h3{font-size:24px}.project-art{height:195px}.career-layout{gap:55px}.career-heading h2{font-size:44px}.vinyl{width:260px}.interest-copy{padding:45px 35px 45px 10px}.interest-copy h3{font-size:44px}.section-heading>p{font-size:12px}.personal .hero h1{font-size:82px}.experiment-info{gap:15px 30px}}
@media(max-width:700px){html{scroll-padding-top:100px}.wrap,.nav-shell{width:calc(100% - 40px)}.nav-shell{height:76px;gap:10px}.wordmark{font-size:19px}.wordmark>span{font-size:23px}.header-contact{display:none}.mode-switch{padding:4px}.mode-switch button{min-width:0;padding:10px 14px;font-size:10px}.switch-track{left:4px;top:4px;bottom:4px;width:calc(50% - 4px)}.hero{padding-top:48px;padding-bottom:80px;grid-template-columns:1fr;gap:32px;min-height:0}.hero .eyebrow{max-width:none;font-size:8px;letter-spacing:1.1px}.hero h1{font-size:clamp(62px,14vw,88px);letter-spacing:-3.5px;margin-bottom:23px;line-height:1}.hero-intro{font-size:14px;max-width:460px}.portrait-stage{width:75%;max-width:340px;aspect-ratio:1/1.15;justify-self:center}.portrait-frame{width:88%}.portrait-orbit{inset:0 -3%}.orbit-two{inset:13% -10%}.orbit-three{inset:0 6%}.hero-foot{bottom:15px;font-size:7px;letter-spacing:.7px}.hero-foot a{font-size:8px;gap:7px}.pill{font-size:11px;padding:13px 20px}.statement{padding:90px 0}.statement h2,.section-heading h2,.contact-section h2{font-size:43px;letter-spacing:-2px}.statement>p:last-of-type{font-size:16px}.capabilities{gap:7px;margin-top:24px}.capabilities span{font-size:9px;padding:8px 11px}.connection-section{padding:65px 0;border-radius:28px 28px 0 0}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin:22px 0 0;font-size:13px}.connection-sticky{display:flex;flex-direction:column;gap:25px;align-items:stretch}.connection-visual{min-height:340px}.system-node{height:140px;width:28%}.node-center{height:165px}.system-node>span:not(.node-icon):not(.center-icon){font-size:11px}.system-node small{font-size:5px}.chapter-switch{margin-bottom:28px}.chapter-content{min-height:240px}.chapter-content h3{font-size:32px}.chapter-content>p:not(.eyebrow){font-size:14px}.projects-section{padding-top:75px;padding-bottom:75px}.project-gallery{grid-template-columns:1fr;gap:22px}.project-card{max-width:440px;width:100%;margin:auto}.project-art{height:240px}.project-body{padding:28px}.project-body h3{font-size:30px}.project-body>p:not(.eyebrow){min-height:0;font-size:14px}.career-section{padding:70px 0}.career-layout{grid-template-columns:1fr;gap:35px}.career-heading{position:static}.career-heading h2{font-size:43px}.timeline details{padding:25px 0}.career-company{font-size:27px}.career-role{font-size:11px}.delivery-note{padding-top:60px;padding-bottom:65px;gap:20px}.delivery-note p{font-size:16px}.note-symbol{font-size:30px}.contact-section{padding-top:70px;padding-bottom:55px}.email-link{font-size:20px;letter-spacing:-.5px;gap:10px}.email-link span{font-size:20px}.contact-actions{gap:24px;font-size:10px;margin-top:28px}.contact-actions button{font-size:10px}.other-side{padding:28px 0;display:block}.other-side>span{font-size:8px}.other-side button{font-size:18px;margin-top:18px;width:100%;justify-content:space-between;padding:0}.copy-status{margin-top:15px}footer{font-size:8px;flex-wrap:wrap;gap:15px}footer>span:nth-child(2){display:none}.dialog-inner{padding:55px 28px 35px}.dialog-inner h2{font-size:37px}.dialog-lead{font-size:16px}.personal .wordmark{font-size:24px}.personal .hero{grid-template-columns:1fr;gap:35px}.personal .hero h1{font-size:clamp(66px,15vw,92px);letter-spacing:-3px}.personal .portrait-stage{width:75%}.personal .hero-intro{font-size:14px}.personal-statement{padding:85px 0}.personal-statement h2{font-size:35px;letter-spacing:-1.4px}.personal-statement>p:last-child{font-size:15px}.personal .section-heading h2{font-size:46px}.interests-section{padding-bottom:80px}.interest-tabs{gap:6px;flex-wrap:nowrap}.interest-tabs button{padding:10px 12px;font-size:9px;white-space:nowrap}.interest-stage{grid-template-columns:1fr;min-height:0;border-radius:25px}.interest-art{min-height:290px}.vinyl{width:230px}.interest-copy{padding:0 30px 35px}.interest-copy h3{font-size:43px}.interest-copy .eyebrow{margin-bottom:15px}.interest-copy>p:not(.eyebrow){font-size:14px}.water-rings{width:250px;height:250px}.interest-wave{height:155px}.interest-wave i{width:4px}.experiments-section{padding-bottom:80px}.experiment-bar{padding:18px;min-height:65px;gap:12px}.window-dots{gap:4px}.window-dots i{width:5px;height:5px}.experiment-switch button{font-size:10px;padding:8px 13px}.concept-label{display:none}.experiment-screen{padding:30px 20px;min-height:250px}.stem-preview{gap:15px}.stem-preview>div{gap:10px}.stem-preview>div>span{font-size:8px;width:34px}.stem-bars{gap:2px}.experiment-info{display:block;padding:25px}.experiment-info h3{font-size:26px;margin-bottom:15px}.experiment-info p{font-size:12px}.experiment-info>span{display:block;margin-top:15px;line-height:1.6}.personal .other-side button{font-size:23px}.eyebrow{font-size:8px;letter-spacing:1.4px}}
@media(max-width:360px){.hero h1{font-size:54px}.personal .hero h1{font-size:59px}.wordmark{font-size:17px}.personal .wordmark{font-size:21px}.mode-switch button{padding:9px 11px}.interest-tabs button{padding:10px 9px;font-size:8px}.contact-actions{gap:17px}}
/* Appearance is independent of the Professional / Personal content switch. */
:root{color-scheme:light}.nav-actions{display:flex;align-items:center;gap:22px}.theme-toggle{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);transition:background .25s,transform .25s}.theme-toggle:hover{transform:rotate(12deg)}.theme-toggle svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.theme-toggle .sun-icon{display:none}
html[data-theme="dark"]{color-scheme:dark}
html[data-theme="dark"] .moon-icon{display:none}html[data-theme="dark"] .sun-icon{display:block}
html[data-theme="dark"] body{--bg:#111214;--surface:#1c1e22;--ink:#f3f3f5;--muted:#a5a7b0;--accent:#87bafa;--line:#35383f;--soft:#243447;--nav:rgba(17,18,20,.86)}
html[data-theme="dark"] .mode-switch{background:#303239}html[data-theme="dark"] .mode-switch button[aria-pressed=true]{color:#17191e}html[data-theme="dark"] .capabilities span{background:#252930;color:#bdc6d2}html[data-theme="dark"] .skill-list span{color:#b8cee9}html[data-theme="dark"] .project-card{background:var(--surface)}html[data-theme="dark"] .detail-button span{background:#33363e;color:#d0d3da}html[data-theme="dark"] .detail-button:hover span{background:var(--ink);color:var(--bg)}html[data-theme="dark"] .connection-visual{background:radial-gradient(ellipse at 50% 75%,#29456480,transparent 65%)}html[data-theme="dark"] .visual-caption{color:#a5b6cc}html[data-theme="dark"] .connection-line{background:linear-gradient(90deg,#97bada55,#87bafa,#97bada55)}html[data-theme="dark"] .system-node{background:linear-gradient(135deg,#344153,#202b3d);border-color:#556a85;color:#e3edf9;box-shadow:0 14px 25px #0003,inset 0 1px 0 #ffffff15}html[data-theme="dark"] .node-center{background:linear-gradient(140deg,#438ac9,#205b95);border-color:#6baddf;color:#fff}html[data-theme="dark"] .node-icon{color:#b6d0ed}html[data-theme="dark"] .wealth-art{background:#252f46}html[data-theme="dark"] .wealth-art>span{color:#bdd1f1}html[data-theme="dark"] .api-art{background:radial-gradient(ellipse at 50% 40%,#183b61 0%,#0c1d33 80%)}html[data-theme="dark"] .api-art>span{color:#a5d6ff;text-shadow:0 3px 18px #06142680}html[data-theme="dark"] .api-art i{color:#d0e9ff}html[data-theme="dark"] .api-rings{border-color:#3d78ab;box-shadow:0 0 0 18px #2357854d,0 0 0 37px #204a7233,0 0 0 56px #1b3e6026}html[data-theme="dark"] .aml-art{background:radial-gradient(ellipse at 50% 40%,#193654 0%,#0c1b2f 80%)}html[data-theme="dark"] .aml-art svg{fill:#1d456c;stroke:#76b7ef;filter:drop-shadow(0 14px 16px #020a1670) drop-shadow(0 0 18px #306da933)}html[data-theme="dark"] .aml-art svg path+path{stroke:#d4ecff}html[data-theme="dark"] .portrait-orbit{border-color:#647994}html[data-theme="dark"] .pill.primary:hover{background:var(--accent);color:#111214}
html[data-theme="dark"] body.personal{--bg:#211b20;--surface:#2c232a;--ink:#f3e6df;--muted:#c3aab6;--accent:#e5a4b7;--line:#51404a;--soft:#46313d;--nav:rgba(33,27,32,.88)}html[data-theme="dark"] body.personal .mode-switch{background:#48343f}html[data-theme="dark"] body.personal .mode-switch button[aria-pressed=true]{color:#35212a}html[data-theme="dark"] body.personal .portrait-frame{border-color:#45353d}html[data-theme="dark"] body.personal .portrait-marker{background:#594339}html[data-theme="dark"] body.personal .pill.primary{color:#35212a}html[data-theme="dark"] .interest-tabs .active{color:#33252c}html[data-theme="dark"] .interest-stage{background:#48352f}html[data-theme="dark"] .interest-stage[data-interest="1"]{background:#43323f}html[data-theme="dark"] .interest-stage[data-interest="2"]{background:#333e35}html[data-theme="dark"] .interest-copy>p:not(.eyebrow),html[data-theme="dark"] .interest-copy details>p{color:#dac6cb}html[data-theme="dark"] .interest-copy details{border-color:#f3e6df30}html[data-theme="dark"] .interest-wave i{background:#daa5bc}html[data-theme="dark"] .water-rings i{border-color:#9cbdb8}html[data-theme="dark"] .experiment-window{box-shadow:0 30px 60px #0002}
@media(max-width:700px){.nav-shell{display:grid;grid-template-columns:1fr auto;grid-template-rows:34px 38px;gap:6px;height:105px;padding-block:10px}.wordmark{grid-column:1;grid-row:1}.nav-actions{grid-column:2;grid-row:1}.mode-switch{grid-column:1/-1;grid-row:2;justify-self:center}.theme-toggle{width:32px;height:32px}.theme-toggle svg{width:15px;height:15px}html{scroll-padding-top:125px}}

/* Integration presentation */

/* Selected contributions use the site's existing palette. */
.project-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.aaib-art{background:var(--soft);perspective:600px}
.aaib-page{position:absolute;top:45px;width:110px;height:140px;border-radius:9px;padding:18px;background:color-mix(in srgb,var(--surface) 90%,var(--accent));color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 15%,var(--surface));box-shadow:8px 12px 22px color-mix(in srgb,var(--ink) 10%,transparent)}
.aaib-page span{font-size:12px;letter-spacing:1.5px;display:block;margin-bottom:24px}
.aaib-page i{display:block;width:100%;height:3px;margin-top:9px;border-radius:3px;background:currentColor;opacity:.2}
.aaib-page i:last-child{width:60%}
.aaib-page-back{left:calc(50% - 100px);transform:rotate(-18deg);background:color-mix(in srgb,var(--surface) 70%,var(--accent))}
.aaib-page-middle{left:calc(50% - 52px);transform:rotate(-4deg);top:37px;background:color-mix(in srgb,var(--surface) 82%,var(--accent))}
.aaib-page-front{left:calc(50% - 5px);transform:rotate(11deg);top:50px}
.upgrade-art,.bmb-art,.teller-art{background:var(--soft);color:var(--accent)}
.upgrade-tile{position:absolute;display:flex;flex-direction:column;justify-content:center;gap:9px;width:115px;height:135px;padding:20px;border-radius:19px;border:1px solid color-mix(in srgb,var(--accent) 20%,var(--surface));box-shadow:0 15px 30px color-mix(in srgb,var(--ink) 10%,transparent)}
.upgrade-tile small{font-size:10px;letter-spacing:2px}
.upgrade-tile strong{font-size:38px;font-weight:500;letter-spacing:-2px}
.upgrade-old{left:calc(50% - 123px);top:57px;transform:rotate(-10deg);background:var(--surface);opacity:.75}
.upgrade-new{left:calc(50% + 8px);top:33px;transform:rotate(9deg);background:var(--accent);color:var(--surface)}
.upgrade-arrow{position:absolute;z-index:1;top:93px;left:calc(50% - 23px);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;font-size:25px;background:var(--surface);box-shadow:0 5px 15px color-mix(in srgb,var(--ink) 10%,transparent)}
@media(max-width:700px){.project-gallery{grid-template-columns:1fr}}
/* Client travel: a projected world map and India-to-destination flights. */
.client-travel{padding-top:10px;padding-bottom:110px}
.client-map-panel{background:var(--surface);border-radius:25px;overflow:hidden}
.client-map-toolbar{padding:24px 28px 6px;display:flex;align-items:center;justify-content:space-between;gap:20px}
.client-route-name{display:flex;align-items:center;gap:13px;font-size:13px;color:var(--muted)}
.client-route-name strong{font-weight:500;color:var(--ink)}
.client-route-name>span{color:var(--accent)}
.client-map-actions{display:flex;gap:9px;align-items:center}
.client-map-actions button{border:1px solid var(--line);border-radius:25px;display:flex;gap:12px;align-items:center;padding:10px 15px;font-size:11px;color:var(--muted);background:var(--surface);white-space:nowrap}
.client-map-actions button:hover{color:var(--ink);border-color:var(--accent)}
.client-map-actions button:disabled{opacity:.6;cursor:default}
.client-map-canvas{position:relative;width:100%;aspect-ratio:2/1;min-height:280px;overflow:hidden;isolation:isolate}
#client-world-map{display:block;width:100%;height:100%;position:absolute;inset:0}
.map-country{fill:color-mix(in srgb,var(--muted) 15%,var(--surface));stroke:color-mix(in srgb,var(--muted) 18%,var(--surface));stroke-width:.5;vector-effect:non-scaling-stroke}
.map-travel-country{fill:color-mix(in srgb,var(--accent) 22%,var(--surface));stroke:color-mix(in srgb,var(--accent) 38%,var(--surface))}
.map-graticule{fill:none;stroke:color-mix(in srgb,var(--muted) 12%,var(--surface));stroke-width:.5;vector-effect:non-scaling-stroke}
.map-flight-route{fill:none;stroke:var(--accent);stroke-width:1;opacity:.16;vector-effect:non-scaling-stroke;transition:opacity .35s,stroke-width .35s}
.map-flight-route.selected{stroke-width:1.8;opacity:.85}
.client-location-dot{position:absolute;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.6;transform:translate(-50%,-50%);z-index:2;box-shadow:0 0 0 2px var(--surface)}
.client-location-dot.selected{width:9px;height:9px;opacity:1;box-shadow:0 0 0 3px var(--surface),0 0 0 5px color-mix(in srgb,var(--accent) 22%,transparent)}
.client-origin-marker{position:absolute;z-index:3;transform:translate(-5px,-5px);display:flex;align-items:center;gap:9px;white-space:nowrap;color:var(--ink);font-size:11px}
.client-origin-marker>i{display:block;width:10px;height:10px;flex-shrink:0;background:var(--accent);border:2px solid var(--surface);border-radius:50%;box-shadow:0 0 0 1px var(--accent)}
.client-origin-marker>span{background:var(--surface);border-radius:5px;padding:4px 7px;box-shadow:0 3px 9px color-mix(in srgb,var(--ink) 5%,transparent)}
.client-map-label{position:absolute;z-index:3;color:var(--accent);font-size:12px;font-weight:500;border:1px solid var(--line);background:var(--surface);border-radius:20px;padding:7px 14px;white-space:nowrap;box-shadow:0 4px 15px color-mix(in srgb,var(--ink) 6%,transparent)}
.client-plane{position:absolute;display:block;width:26px;height:26px;z-index:4;color:var(--accent);font-family:Arial,sans-serif;font-size:25px;line-height:26px;text-align:center;filter:drop-shadow(0 2px 3px var(--surface));pointer-events:none;transform-origin:center}
.client-map-footer{padding:4px 28px 23px;display:flex;align-items:center;justify-content:space-between;gap:18px;color:var(--muted);font-size:10px;line-height:1.6}
.client-map-footer a{white-space:nowrap}
.client-destinations{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px}
.client-destination-button{position:relative;padding:18px 30px 18px 0;text-align:left;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;transition:border-color .3s,color .3s}
.client-destination-name{font-size:18px;font-weight:500;letter-spacing:-.5px;color:var(--ink)}
.client-destination-country{font-size:11px;color:var(--muted)}
.client-destination-button>span:last-child{position:absolute;right:2px;top:19px;color:var(--muted);font-size:17px}
.client-destination-button.selected{border-top-color:var(--accent)}
.client-destination-button.selected .client-destination-name,.client-destination-button.selected>span:last-child{color:var(--accent)}
@media(max-width:700px){.client-travel{padding-top:0;padding-bottom:75px}.client-map-panel{border-radius:18px}.client-map-toolbar{padding:20px 18px 0;align-items:flex-start;flex-wrap:wrap;gap:17px}.client-route-name{font-size:12px}.client-map-actions{gap:8px}.client-map-actions button{font-size:10px;padding:9px 12px;gap:8px}.client-map-canvas{min-height:300px;aspect-ratio:auto}.client-map-footer{padding:0 18px 18px;display:block;font-size:9px}.client-map-footer a{display:block;margin-top:8px}.client-destinations{grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 20px;margin-top:20px}.client-destination-button{padding:16px 25px 18px 0}.client-destination-name{font-size:17px}.client-destination-country{font-size:10px}.client-destination-button>span:last-child{top:17px}.client-map-label{font-size:11px;padding:6px 11px}.client-origin-marker{font-size:10px}}
body.reduce-motion .map-flight-route,body.reduce-motion .client-destination-button{transition:none}
/* All four client cities and flights share one focused regional view. */
.client-map-canvas{aspect-ratio:1.85/1}
.client-location-dot{width:8px;height:8px;opacity:1;box-shadow:0 0 0 2px var(--surface)}
.client-map-label{z-index:4}
.client-label-leader{position:absolute;height:1px;z-index:2;background:color-mix(in srgb,var(--accent) 50%,var(--surface));transform-origin:left center;pointer-events:none}
.client-destinations{list-style:none;padding:0;margin-bottom:0}
.client-destination-item{padding:18px 0;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px}
.client-plane{z-index:5}
@media(max-width:700px){.client-map-canvas{aspect-ratio:auto;min-height:340px}.client-route-name{flex-wrap:wrap;gap:9px}.client-map-label{padding:6px 10px}.client-destination-item{padding:16px 0}}
/* A known right-facing aircraft keeps heading exact across fonts and devices. */
.client-plane{display:grid;place-items:center;width:24px;height:24px;font-size:0;line-height:0}
.client-plane svg{width:24px;height:24px;fill:currentColor;display:block}
.client-origin-marker{display:block;width:10px;height:10px}
.client-origin-marker>span{position:absolute;top:20px;left:5px;transform:translateX(-50%);font-size:11px;line-height:1.4}

/* Professional contact copy; hidden when viewing the Personal side. */
#contact-description{max-width:480px;margin:-12px auto 30px;color:var(--muted);font-size:14px;line-height:1.7}
#dialog-details .contribution-list{padding-left:20px;font-size:14px;line-height:1.8;color:var(--muted)}
#dialog-details .contribution-list li{padding-left:3px;margin:0 0 14px}
#dialog-details .contribution-list strong{color:var(--ink);font-weight:600}
/* Cheque printing artwork follows the existing project palette. */
.cheque-art{background:var(--soft);color:var(--accent)}
.cheque-paper{position:absolute;width:245px;height:140px;border:1px solid color-mix(in srgb,var(--accent) 22%,var(--surface));border-radius:12px;background:var(--surface);box-shadow:6px 14px 25px color-mix(in srgb,var(--ink) 10%,transparent)}
.cheque-paper-back{transform:rotate(7deg) translate(8px,-6px);background:color-mix(in srgb,var(--surface) 85%,var(--accent))}
.cheque-paper-front{transform:rotate(-7deg);padding:19px 23px 15px 31px}
.cheque-paper-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.6px}
.cheque-paper-top i{font-style:normal;font-size:18px}
.cheque-paper-lines{margin-top:15px}
.cheque-paper-lines i{display:block;height:2px;margin-top:11px;background:var(--accent);opacity:.2}
.cheque-paper-lines i:last-child{width:72%}
.cheque-paper-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:8px}
.cheque-paper-bottom span{font-size:9px;letter-spacing:3px;color:var(--muted)}
.cheque-paper-bottom svg{width:95px;height:30px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
.cheque-perforation{position:absolute;left:17px;top:10px;bottom:10px;border-left:1px dashed color-mix(in srgb,var(--accent) 25%,transparent)}

/* Banking illustrations: customer-level fee recovery and branch cash operations. */
.bmb-art,.teller-art,.wealth-tap-art{--art-paper:#fff;--art-front:#eaf3fc;--art-edge:#a9c5df;--art-ink:#205c90;--art-detail:#6887a5;--art-shadow:#23486c;background:radial-gradient(ellipse at 50% 45%,color-mix(in srgb,var(--accent) 13%,var(--surface)),var(--soft) 75%)}
.banking-project-illustration{display:block;width:100%;height:100%;overflow:visible;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
html[data-theme="dark"] .bmb-art,html[data-theme="dark"] .teller-art,html[data-theme="dark"] .wealth-tap-art{--art-paper:#2c4058;--art-front:#38516b;--art-edge:#6486a6;--art-ink:#d4e9ff;--art-detail:#a1bad2;--art-shadow:#000}