/* Version 2 follows the later supplied portfolio reference: a single soft-spectrum canvas and a floating navigation bar. */
:root{--ink:#1c1d1a;--muted:#696a61;--paper:#f8f5e9;--surface:rgba(255,255,255,.64);--mint:#bcebd4;--mint-deep:#4b9c78;--lilac:#8b66c8;--line:rgba(70,64,54,.12);--shadow:0 22px 55px rgba(96,82,60,.11)}
html{background:#f6f1df}body{min-height:100vh;background:radial-gradient(55rem 46rem at -8% 7%,rgba(255,191,207,.62),transparent 61%),radial-gradient(46rem 41rem at 98% 10%,rgba(170,230,242,.65),transparent 63%),radial-gradient(51rem 50rem at 52% 28%,rgba(255,229,139,.52),transparent 64%),linear-gradient(125deg,#f8dce4 0%,#fbf1d0 50%,#d7f2ef 100%);background-attachment:fixed;color:var(--ink)}
.site-header{position:sticky;top:18px;z-index:10;max-width:1160px;width:calc(100% - 48px);height:58px;margin:18px auto -76px;padding:0 18px;border:1px solid rgba(255,255,255,.68);border-radius:18px;background:rgba(255,254,248,.62);box-shadow:0 10px 30px rgba(107,92,60,.08);backdrop-filter:blur(18px)}.site-header:after{display:none}.mark{width:31px;height:31px;background:#242521;color:#fff;border:0;font-size:10px}.site-header nav{gap:2px}.nav-link{padding:7px 11px;font-size:12px}.nav-link.active,.nav-link:hover{background:#20211e;color:#fff}.header-contact{padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.5);font-size:11px}
.section-shell{position:relative;max-width:1160px}.hero{min-height:100dvh;padding-top:140px;padding-bottom:82px}.hero:before{display:none}.availability{display:inline-flex;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.52);color:#59756a;letter-spacing:.08em}.hero h1{font-size:clamp(56px,7vw,94px);letter-spacing:-.08em}.role{color:var(--lilac);font-weight:650}.intro{max-width:460px}.matcher{border-color:rgba(255,255,255,.72);background:rgba(255,255,255,.58);box-shadow:0 16px 38px rgba(127,97,85,.09)}.matcher-title span{background:#fae5bc;color:#7d6436}.matcher input{background:rgba(255,255,255,.68)}.button-mint{background:#c6f0db;border-color:#c6f0db}.portrait-stage{min-height:590px;border-radius:47% 47% 23px 23px;background:linear-gradient(145deg,#e9f1eb,#d2e9df 54%,#bee8e1);box-shadow:0 28px 60px rgba(83,124,113,.18)}.portrait-stage:before{border-color:#5cc99e;border-width:3px}.portrait-stage img{filter:saturate(.9) contrast(1.03)}
.education,.experience,.skills,.explore{padding-top:122px}.section-title{position:relative;text-align:center}.section-title p{display:none}.section-title h2{font-size:clamp(38px,5vw,62px)}.education-grid{max-width:970px;margin:44px auto 0;gap:22px}.education-card{border:1px solid rgba(255,255,255,.74);background:rgba(255,255,255,.62);box-shadow:var(--shadow);backdrop-filter:blur(15px)}.school-index{color:#67ac8c}.experience-card{max-width:1060px;margin:38px auto 0;border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.66);box-shadow:var(--shadow);backdrop-filter:blur(15px)}.experience-card:first-of-type{margin-top:45px}.project-label{border-top-color:rgba(94,88,71,.12)}.project-card{border-color:rgba(255,255,255,.74);background:rgba(255,255,255,.65)}.feature-project{grid-template-columns:46% 54%}.visual-blue{background:linear-gradient(135deg,#dff1ff,#d4e9ff)}.visual-mint{background:linear-gradient(135deg,#ddf7e9,#daf0eb)}.visual-lilac{background:linear-gradient(135deg,#eee7ff,#e1ecff)}.visual-orange{background:linear-gradient(135deg,#ffe9d5,#f2edd6)}.skills-grid{max-width:1040px;margin:42px auto 0;border-color:rgba(255,255,255,.74);background:rgba(255,255,255,.48);box-shadow:var(--shadow)}.skills article{background:rgba(255,255,255,.49)}.skills article:nth-child(2){background:rgba(222,246,234,.58)}.skills article:nth-child(3){background:rgba(231,226,255,.49)}.skills article span{color:#5aa381}.explore{max-width:1020px;grid-template-columns:1.14fr .86fr;gap:86px}.explore .section-title{text-align:left}.explore-work>img{border:1px solid rgba(255,255,255,.75);box-shadow:var(--shadow)}.notes-phone{border-color:#20211e;background:rgba(255,255,255,.76);box-shadow:0 20px 46px rgba(82,78,66,.16)}.phone-content article{background:#e8f6ef}.phone-content article:nth-child(3){background:#f0ebff}.phone-content article:nth-child(4){background:#fff2de}.phone-brand,.phone-content span{color:#d95c75}.modal-panel{background:rgba(255,255,255,.94)}footer{margin-top:18px;border-top:1px solid rgba(255,255,255,.6);background:rgba(255,255,255,.31)}
@media (max-width:760px){.site-header{top:10px;width:calc(100% - 24px);margin:10px auto -72px}.site-header nav{background:rgba(255,254,248,.92);border-radius:0 0 16px 16px}.hero{padding-top:130px}.hero h1{font-size:56px}.portrait-stage{min-height:430px}.education,.experience,.skills,.explore{padding-top:88px}.section-title{text-align:left}.feature-project{grid-template-columns:1fr}.explore .section-title{text-align:left}}