:root{--bg:#f5f5f3;--paper:hsla(0,0%,100%,.78);--paper-strong:#fff;--line:rgba(15,23,42,.08);--text:#111;--muted:#5f6368;--shadow:0 24px 60px hsla(0,0%,7%,.06);--shadow-soft:0 10px 30px hsla(0,0%,7%,.04)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);background:radial-gradient(circle at top,hsla(0,0%,100%,.9),transparent 32%),linear-gradient(180deg,#fbfbfa 0,var(--bg) 100%);font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,SF Pro Text,Inter,Segoe UI,sans-serif;letter-spacing:-.01em}a{color:inherit;text-decoration:none}.portfolio-shell{min-height:100vh}.notion-nav{background:hsla(0,0%,100%,.72);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:-webkit-sticky;position:sticky;z-index:30;height:5.6rem;border:0}.grid-bg{background-image:linear-gradient(90deg,#e2e8f0 1px,transparent 0),linear-gradient(180deg,#e2e8f0 1px,transparent 0);background-size:20px 30px}.main-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;-webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 0,#000 60%,transparent 100%);mask-image:radial-gradient(ellipse 70% 60% at 50% 0,#000 60%,transparent 100%)}.brand-mark{font-weight:700;letter-spacing:-.03em}.nav-link{color:var(--muted);font-size:.96rem}.nav-link:hover{color:var(--text)}.hero-section{padding-top:1.25rem;position:relative;background:#f8fafc;background:linear-gradient(180deg,#f8fafc 50%,#e8e8e8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#F8FAFC",endColorstr="#E8E8E8",GradientType=0)}.hero-frame{min-height:calc(100vh - 140px);position:relative;z-index:1}.hero-title{font-size:clamp(3rem,7vw,5.35rem);line-height:.98;letter-spacing:-.055em;max-width:11ch;font-weight:700}.body-copy,.clean-list li,.contact-links a,.hero-copy,.section-subtitle,.stat-key{color:var(--muted);line-height:1.75}.section-block{background:#e8e8e8;padding:2rem 0}.section-last{padding-bottom:4rem}.capsule-label,.section-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:#767676;font-weight:700}.section-title{font-size:clamp(2rem,4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;font-weight:700}.section-subtitle{max-width:60ch}.apple-card{background:#ededed;border-radius:30px;box-shadow:15px 15px 30px #bebebe,-15px -15px 30px #fff}.subtle-btn{border:1px solid var(--line)!important;background:hsla(0,0%,100%,.84)!important}.profile-card{max-width:480px;margin-left:auto}.stat-row{display:flex;justify-content:space-between;gap:1rem;align-items:baseline;padding-bottom:.95rem;border-bottom:1px solid hsla(0,0%,7%,.06)}.stat-row:last-child{padding-bottom:0;border-bottom:0}.stat-value{text-align:right;max-width:55%;font-weight:600;line-height:1.45}.clean-list{margin:0;padding-left:1.1rem}.clean-list li+li{margin-top:.7rem}.card-title{font-size:1.16rem;line-height:1.2;letter-spacing:-.03em}.badge-chip,.stack-chip{display:inline-flex;align-items:center;padding:.48rem .8rem;border-radius:999px;font-size:.84rem;line-height:1}.badge-chip{background:#111;color:#fff}.stack-chip{background:hsla(0,0%,7%,.045);border:1px solid hsla(0,0%,7%,.06);color:#3b3b3b}.case-wrap{background:linear-gradient(180deg,hsla(0,0%,100%,.92),hsla(0,0%,100%,.82))}.mini-panel{background:hsla(0,0%,7%,.025);border:1px solid hsla(0,0%,7%,.05);border-radius:24px}.contact-subtitle{max-width:44rem}.contact-links a{font-weight:500}.contact-links a:hover{color:var(--text)}.profile{display:flex;justify-content:center;position:relative}.profile-circle{height:25rem;width:25rem;top:50%;left:50%;transform:translate(-50%,-50%);background:hsla(0,0%,47%,.39);position:absolute;border-radius:50%}.profile img{height:40rem;z-index:1}.button-prev{margin-left:-32px!important;justify-content:left!important}.button-next{margin-right:-32px!important;justify-content:right!important}.architecture-flow{max-width:420px;margin:0 auto}.arch-box{padding:.9rem 1.2rem;border-radius:16px;border:1px solid rgba(0,0,0,.06);background:#fff;font-weight:500}.arch-arrow{margin:.6rem 0;color:#adb5bd;font-size:1.2rem}.burger{position:relative;width:40px;height:30px;background:transparent;cursor:pointer;display:block}.burger input{display:none}.burger span{display:block;position:absolute;height:4px;width:100%;background:#000;border-radius:9px;opacity:1;left:0;transform:rotate(0deg);transition:.25s ease-in-out}.burger span:first-of-type{top:0;transform-origin:left center}.burger span:nth-of-type(2){top:50%;transform:translateY(-50%);transform-origin:left center}.burger span:nth-of-type(3){top:100%;transform-origin:left center;transform:translateY(-100%)}.burger input:checked~span:first-of-type{transform:rotate(45deg);top:0;left:5px}.burger input:checked~span:nth-of-type(2){width:0;opacity:0}.burger input:checked~span:nth-of-type(3){transform:rotate(-45deg);top:28px;left:5px}@media (max-width:991.98px){.hero-frame{min-height:auto;padding-top:1rem}.hero-title{max-width:13ch}.profile-card{margin-left:0}body:has(.navbar-collapse.show){overflow:hidden}.notion-nav .burger,.notion-nav .navbar-brand{position:relative;z-index:999999!important}.notion-nav .navbar-collapse,.notion-nav .navbar-collapse.collapsing{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#fff!important;z-index:99999!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;opacity:0!important;pointer-events:none!important;transition:opacity .3s ease!important;overflow:visible!important;margin:0!important;padding:0!important;transform:none!important}.notion-nav .navbar-collapse.show{opacity:1!important;pointer-events:all!important}.notion-nav .navbar-collapse .navbar-nav{flex-direction:column!important;align-items:center!important;gap:2.5rem!important;margin-left:unset!important}.notion-nav .navbar-collapse .nav-link{font-size:2.2rem!important;font-weight:700!important;color:#111!important;letter-spacing:-.5px!important}}.flex-center,.social-links{display:flex;justify-content:center;align-items:center}.social-btn{cursor:pointer;height:50px;width:50px;font-family:Titillium Web,sans-serif;color:#333;border-radius:10px;box-shadow:0 10px 10px rgba(0,0,0,.1);background:#fff;margin:5px;transition:.3s;justify-content:center}.social-btn svg{height:24px;width:24px}.social-btn span{width:0;overflow:hidden;transition:.3s;text-align:center;margin-left:5px}.social-btn:hover{width:150px;border-radius:5px}.social-btn:hover span{padding:2px;width:80px}.social-btn.mail:hover{width:290px}.social-btn.mail:hover span{width:210px}.social-btn.linkedin:hover{width:200px}.social-btn.linkedin:hover span{width:126px}#twitter svg{fill:#1da1f2}#linkedin svg{fill:#0e76a8}#github{fill:#333}.neu-button{background-color:#e0e0e0;border-radius:50px;box-shadow:inset 4px 4px 10px #bcbcbc,inset -4px -4px 10px #fff;color:#4d4d4d;cursor:pointer;font-size:18px;padding:15px 40px;transition:all .2s ease-in-out;border:2px solid #cecece;text-decoration:unset}.neu-button-sm{padding:10px 30px}.profile-nav .nav-link{display:flex;flex-flow:column;justify-content:center}.neu-button:focus,.neu-button:hover{box-shadow:inset 2px 2px 5px #bcbcbc,inset -2px -2px 5px #fff,2px 2px 5px #bcbcbc,-2px -2px 5px #fff}.neu-button:focus{outline:none}@media (max-width:767.98px){.notion-nav{border-radius:20px}.apple-card{border-radius:24px}.hero-title{font-size:clamp(2.5rem,12vw,3.6rem);max-width:12ch}.stat-row{flex-direction:column;align-items:flex-start}.stat-value{text-align:left;max-width:none}.profile-circle{height:20rem;width:20rem}.profile img{height:25rem}}