/* Neutral frosted surfaces; the photograph belongs to the cover only. */
:root{--bg:#f1f2f5;--ink:#30343c;--text-main:#30343c;--muted:#69717e;--line:#dce0e8;--surface:#ffffff9c;--soft-shadow:0 12px 35px -22px #39445a36}
body{background:var(--bg);color:var(--ink);isolation:isolate}
body::before{display:block;position:fixed;inset:0;height:auto;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 8% 28%,#dde1ed 0,transparent 52%),radial-gradient(ellipse at 94% 65%,#e4e1ed 0,transparent 50%),linear-gradient(140deg,#fafbfc,#eceef2);filter:none}
.coastal-content{position:relative;background:none;padding-top:22px}.coastal-content .content-section{padding-top:68px;padding-bottom:68px}.coastal-content .compact-section{padding-top:28px;padding-bottom:28px}
.coastal-content .section-heading h2,.coastal-content .section-heading h3,.travel-top h2{color:#30343c;font-weight:550;letter-spacing:0}
.section-kicker,.section-eyebrow,.travel-eyebrow{color:#78818f}.section-number{color:#cbd0da;font-weight:400}.section-summary,.muted,.travel-intro{color:#69717e}.section-note{color:#7b8390}
.surface,.project-card,.travel-paper,.match-tile,.contact-panel{background:linear-gradient(125deg,#ffffffb8,#ffffff61);border:1px solid #ffffffdf;border-radius:22px;box-shadow:var(--soft-shadow),inset 0 1px 0 #fff;backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}
.skill-card:hover,.project-card:hover{box-shadow:0 16px 40px -23px #39445a55;border-color:white}.skill-card h3,.learning-card h3,.now-project-card h3,.project-body h3,.match-stats h3{color:#343943;font-weight:550}
.card-icon,.card-icon.lavender,.card-icon.mint,.contact-card .card-icon{background:#e9edf580;border:1px solid #ffffffaa;color:#707d93}.skill-tag{background:#f7f8fb80;border-color:#dfe3ec;color:#626d80}.skill-tag:hover{background:#e6eaf1;color:#374354}
.skill-card .text-link,.project-links{border-color:#dce1ea}.text-link,.skill-card .text-link{color:#596b87}.text-link:hover,.project-launch:hover{color:#344a6d}.project-launch{color:#6e7a8f}.status-label{color:#646e7e;background:#e8ecf580;border-color:#dbe2ed}.card-index{color:#9aa4b3}
.now-project-card{background:linear-gradient(110deg,#ffffffb8,#e7ebf580)}.chart-scroll{background:#ffffff70;border-radius:12px;padding:14px}.chart-legend{color:#778294}
.project-card .project-art,.project-card:nth-child(2) .project-art,.project-card:nth-child(3) .project-art{background:radial-gradient(ellipse at 65% 10%,#c8d1e66b,transparent 75%),linear-gradient(135deg,#f4f6fc99,#e5e9f155);border-color:#dfe5ef}
.project-card:nth-child(2) .project-art{background:radial-gradient(ellipse at 20% 15%,#c4ced96b,transparent 75%),#e7ecf450}.project-card:nth-child(3) .project-art{background:radial-gradient(ellipse at 65% 15%,#d1cadd70,transparent 75%),#efedf650}
.project-art>svg,.art-smartcar>svg,.art-paper-binder>svg{color:#8593aa;stroke-width:1.1}.project-art-index,.project-art-meta{color:#768296}
.match-tile.large{background:linear-gradient(135deg,#e3e8f3b8,#ffffff66)}.match-tile:hover{background:#ffffffb3}.match-tile-title{color:#54647b;font-weight:550}.match-tile-meta{color:#748094}.match-tile-mark{color:#7988a1;opacity:.08}.match-total strong{color:#586e90}.match-total>span,.match-stat-grid span,.match-result-grid span{color:#778296}.match-stat-grid strong,.match-result-grid strong{color:#657793}
.travel-total strong{color:#7184a1}.travel-total span{color:#798597}.travel-toolbar,.travel-note{border-color:#dce3ed}.travel-filters button{color:#6b788d}.travel-filters button:hover{background:#e6ebf4;color:#425774}.travel-filters button[aria-pressed=true]{background:#677b9c;color:#fff}.travel-count-label,.travel-note{color:#758196}.travel-word:hover,.travel-word:focus-visible{background:#e4eaf480}.travel-years{color:#5f7494!important}.travel-dialog-label{color:#7b879a!important}
.timeline-node{border-color:#d1d9e6}.timeline-node time{color:#7c889c}.timeline-node h4{color:#5a6c86}.timeline-dot{background:#8e9eb9;border-color:#f5f7fa;box-shadow:0 0 0 1px #d2dbe9}
.contact-panel{background:linear-gradient(115deg,#ffffffa8,#e6e9f580)}.contact-card{background:#ffffff6b;border:1px solid #ffffffd6;border-radius:14px;box-shadow:none}.contact-card:hover{background:#ffffffc9}.contact-label strong{color:#4e5b70}.contact-label small,.contact-arrow{color:#7b8799}.site-footer{color:#7b8799}.site-footer a:hover{color:#4a607e}
.ahead-dialog{background:linear-gradient(130deg,#fffffff0,#eff2f9ed);color:#364254;border-color:#ffffffdc;box-shadow:0 24px 90px #1e2a4540;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}.ahead-dialog p{color:#626f83}.ahead-dialog .ahead-motto{color:#596f92}.ahead-dialog-close{background:#e9edf5;color:#61718a;border-color:#dbe2ed}.ahead-dialog .travel-eyebrow{color:#7f8da2}.ahead-dialog::backdrop{background:#27324750;backdrop-filter:blur(5px)}
.site-nav.nav-on-paper{background:#f8faff9e;border-color:#ffffffd9;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.site-nav.nav-on-paper .brand,.site-nav.nav-on-paper .brand-dot,.site-nav.nav-on-paper .nav-link,.site-nav.nav-on-paper .icon-button{color:#4b5870}.site-nav.nav-on-paper .brand-mark{background:#7889a4;border-color:transparent;color:white}.site-nav.nav-on-paper .nav-link:hover,.site-nav.nav-on-paper .nav-link[aria-current=location],.site-nav.nav-on-paper .icon-button:hover{background:#e5eaf380}
.site-nav .language-menu,.site-nav .mobile-links{background:#f9fbffed;color:#47566f;border-color:#ffffffdf;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.site-nav .mobile-links .nav-link{color:#52627b}.site-nav .mobile-links .nav-link:hover,.lang-switch-btn:hover,.lang-active{background:#e6ebf4;color:#405574}.scroll-progress{background:linear-gradient(90deg,#a0b3cf,#b3acc6)}
@media(max-width:600px){.coastal-content{padding-top:8px}.coastal-content .content-section{padding-top:46px;padding-bottom:46px}.coastal-content .compact-section{padding-top:22px;padding-bottom:22px}.surface,.project-card,.travel-paper,.match-tile,.contact-panel{border-radius:18px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}.learning-card .card-index{color:#c4ccdb}.chart-scroll{padding:12px}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.surface,.project-card,.travel-paper,.match-tile,.contact-panel{background:#f9fafd}.site-nav.nav-on-paper,.site-nav .language-menu,.site-nav .mobile-links,.ahead-dialog{background:#f7f9fd}}
@media(prefers-reduced-transparency:reduce){.surface,.project-card,.travel-paper,.match-tile,.contact-panel{background:#f9fafd;backdrop-filter:none}.site-nav.nav-on-paper,.ahead-dialog{background:#f7f9fd;backdrop-filter:none}}
