:root{--bg: #eaf2ee;--bg2: #f0f5f6;--bg3: #edf2f2;--bg4: #f2f5f5;--card: #f8faf9;--text: #3a4540;--muted: #72807a;--on-dark: #fcfdfd;--primary: #B22222;--primary-hover: #8a1818;--accent: #5a8a7a;--border: #c8d4ce;--border-strong: #6a7870;--font-mono: "JetBrains Mono", ui-monospace, monospace;--font-sans: "Atkinson Hyperlegible", -apple-system, BlinkMacSystemFont, sans-serif;--shadow-xs: 0 1px 2px rgba(0,0,0,.04);--shadow-sm: 0 2px 6px rgba(0,0,0,.05);--shadow-md: 0 4px 14px rgba(0,0,0,.07);--shadow-lg: 0 6px 24px rgba(0,0,0,.09);--shadow-btn: 0 2px 4px rgba(178,34,34,.2);--fs-xs: 12px;--fs-sm: 14px;--fs-base: 16px;--fs-md: 17px;--fs-lg: 19px;--fs-xl: 22px;--fs-2xl: 30px;--fs-3xl: 38px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);font-size:var(--fs-sm);line-height:1.65;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-family:var(--font-mono);font-weight:700;letter-spacing:-.02em;text-wrap:balance}p,li,td,dd{font-family:var(--font-sans)}code,pre,.section-tag,.cursor{font-family:var(--font-mono)}nav.top{position:sticky;top:0;z-index:100;background:#eaf2eef0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--border);padding:8px 18px;display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap;box-shadow:var(--shadow-sm)}@media(min-width:768px){nav.top{padding:10px 36px}}nav.top .logo{font-family:var(--font-mono);font-size:var(--fs-base);font-weight:700;flex-shrink:0}nav.top .logo .c{color:var(--primary);margin-right:2px;animation:blink-cursor 1.2s infinite step-end}@keyframes blink-cursor{0%,50%{opacity:1}51%,to{opacity:0}}nav.top .links{display:flex;gap:2px;flex-wrap:wrap}nav.top a{color:var(--muted);text-decoration:none;font-family:var(--font-mono);font-size:var(--fs-xs);padding:4px 10px;border-bottom:2px solid transparent;transition:.12s}nav.top a:hover,nav.top a.active{color:var(--primary);border-bottom-color:var(--primary)}nav.top .st{font-family:var(--font-mono);font-size:11px;background:var(--primary);color:var(--on-dark);padding:3px 8px;border-radius:2px}@media(max-width:639px){nav.top .links{order:3;width:100%;margin-top:4px}nav.top a{font-size:13px}}.container{width:100%;max-width:1060px;margin:0 auto;padding:0 18px}@media(min-width:768px){.container{padding:0 36px}}section{padding:44px 0}@media(min-width:768px){section{padding:64px 0}}section:last-child{border-bottom:none}section.s1,#home,#about,#contact{background:var(--bg)}section.s2,#stack,#contact{background:var(--bg2)}section.s3,#projects{background:var(--bg3)}section.s4,#personal{background:var(--bg4)}.section-tag{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;color:var(--muted);letter-spacing:.05em;margin-bottom:14px}.section-tag:before{content:"";width:16px;height:1px;background:var(--primary)}section h2{font-family:var(--font-mono);font-size:clamp(22px,3.5vw,28px);font-weight:700;letter-spacing:-.02em;margin-bottom:8px;line-height:1.15}section .lead{font-size:var(--fs-base);color:var(--muted);margin-bottom:24px;max-width:54ch}.hero{padding:48px 0 40px;border-bottom:3px solid var(--primary)}@media(min-width:768px){.hero{padding:64px 0 56px}}.hero .inner{display:grid;grid-template-columns:1fr;gap:24px}@media(min-width:1024px){.hero .inner{grid-template-columns:1fr 300px;gap:40px}}.hero h1{font-family:var(--font-mono);font-size:clamp(26px,4.5vw,38px);font-weight:700;letter-spacing:-.025em;line-height:1.08;margin-bottom:12px}.hero h1 .accent{color:var(--primary)}.hero .subtitle{font-size:var(--fs-base);color:var(--text);margin-bottom:14px}.meta-row{display:flex;flex-wrap:wrap;gap:6px 16px;padding:8px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:16px;font-size:11px;font-family:var(--font-mono)}.meta-row .item .label{color:var(--muted)}.meta-row .item .value{font-weight:600}.meta-row .item .value.hot{color:var(--primary)}.cta-row{display:flex;gap:8px;flex-wrap:wrap}.btn{padding:8px 16px;font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:600;text-decoration:none;border:1px solid var(--border);transition:.15s;cursor:pointer;display:inline-flex;align-items:center;gap:5px;min-height:38px;border-radius:2px;box-shadow:var(--shadow-xs)}.btn-primary{background:var(--primary);color:var(--on-dark);border-color:var(--primary);box-shadow:var(--shadow-btn)}.btn-primary:hover{background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 10px #b222224d}.btn-ghost{background:transparent;color:var(--text)}.btn-ghost:hover{background:var(--card);color:var(--primary);box-shadow:var(--shadow-sm)}.btn .arrow{color:var(--accent)}.stack-bento{display:grid;grid-template-columns:1fr;gap:6px}@media(min-width:480px){.stack-bento{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.stack-bento{grid-template-columns:repeat(3,1fr)}}.stack-bento .si:first-child{grid-column:span 2}.si{background:var(--card);border:1px solid var(--border);padding:18px 16px;transition:.15s;border-radius:2px;box-shadow:var(--shadow-xs)}.si:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}.si.accent-tile{background:var(--primary);color:var(--on-dark);border-color:var(--primary);box-shadow:var(--shadow-btn)}.si.accent-tile .nm,.si.accent-tile .dsc,.si.accent-tile .nm .ver{color:var(--on-dark)}.si.muted-tile{background:var(--bg2)}.si .nm{font-family:var(--font-mono);font-size:var(--fs-xs);font-weight:700;margin-bottom:4px}.si .nm .ver{color:var(--accent);font-weight:500;font-size:10px}.si .dsc{font-size:12px;color:var(--muted);line-height:1.5}.proj-stack{display:flex;flex-direction:column;gap:10px}.pcard-real{background:var(--card);border:1px solid var(--border);padding:18px 20px;border-radius:2px;transition:.15s;box-shadow:var(--shadow-sm);display:grid;grid-template-columns:1fr;gap:10px}@media(min-width:640px){.pcard-real{grid-template-columns:1fr 160px;gap:16px}}.pcard-real:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pcard-real .p-num{font-family:var(--font-mono);font-size:11px;color:var(--primary);letter-spacing:.04em;margin-bottom:4px}.pcard-real .p-ti{font-family:var(--font-mono);font-size:var(--fs-base);font-weight:700;margin-bottom:2px}.pcard-real .p-sti{font-size:14px;color:var(--muted);margin-bottom:6px}.pcard-real .p-dsc{font-size:13px;color:var(--text);line-height:1.55;margin-bottom:8px}.pcard-real .p-vis{background:linear-gradient(135deg,var(--bg3),var(--bg4));border:1px solid var(--border);min-height:80px;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:var(--font-mono);color:var(--muted);border-radius:2px;box-shadow:var(--shadow-xs)}.badges{display:flex;flex-wrap:wrap;gap:4px}.badge{font-size:10px;font-weight:600;padding:1px 7px;background:var(--bg2);border:1px solid var(--border);font-family:var(--font-mono);border-radius:2px}.badge.p{border-color:var(--primary);color:var(--primary);background:#fdf5f5}.badge.a{border-color:var(--accent);color:var(--accent);background:#f2f8f6}.pcard-real .link{display:inline-block;font-size:13px;color:var(--primary);text-decoration:none;font-weight:600}.pcard-real .link:after{content:" →";color:var(--accent)}.pcard-real .link:hover{color:var(--primary-hover)}.timeline{position:relative;padding-left:20px;border-left:2px solid var(--primary)}.tl-item{margin-bottom:16px}.tl-item .tl-label{font-family:var(--font-mono);font-size:11px;color:var(--primary);margin-bottom:2px}.tl-item .tl-text{font-size:14px;line-height:1.6}.pers-grid{display:grid;grid-template-columns:1fr;gap:8px}@media(min-width:640px){.pers-grid{grid-template-columns:repeat(3,1fr)}}.pcard2{background:var(--card);border:1px solid var(--border);padding:18px 16px;transition:.15s;border-radius:2px;box-shadow:var(--shadow-sm)}.pcard2:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.pcard2.accent-card{background:var(--primary);color:var(--on-dark);border-color:var(--primary);box-shadow:var(--shadow-btn)}.pcard2.accent-card .pc-label,.pcard2.accent-card .pc-role{color:var(--on-dark);opacity:.8}.pcard2.accent-card p{color:var(--on-dark)}.pcard2 .pc-label{font-family:var(--font-mono);font-size:11px;color:var(--accent);letter-spacing:.05em;margin-bottom:8px;font-weight:700}.pcard2 .pc-name{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:700;margin-bottom:2px}.pcard2 .pc-role{font-size:13px;color:var(--accent);margin-bottom:8px}.pcard2 p{font-size:13px;line-height:1.6}.loc-split{display:grid;grid-template-columns:1fr;border:1px solid var(--border);border-radius:2px;overflow:hidden;box-shadow:var(--shadow-md)}@media(min-width:640px){.loc-split{grid-template-columns:1fr 1fr}}.loc-split .map-half{height:260px;background:var(--card)}@media(min-width:640px){.loc-split .map-half{height:300px}}#map{height:100%;width:100%}.loc-split .info-half{background:var(--card);padding:20px 22px;display:flex;flex-direction:column;justify-content:center;gap:10px}.loc-split .city{font-family:var(--font-mono);font-size:var(--fs-lg);font-weight:700}.loc-split .country{font-size:13px;color:var(--muted)}.loc-split p{font-size:var(--fs-sm);line-height:1.6}.loc-split .coord{font-family:var(--font-mono);font-size:11px;color:var(--accent)}.contact-rows{display:flex;flex-direction:column;gap:4px}.crow{display:flex;justify-content:space-between;align-items:center;padding:14px 18px;background:var(--card);border:1px solid var(--border);text-decoration:none;color:var(--text);transition:.15s;gap:10px;flex-wrap:wrap;border-radius:2px;box-shadow:var(--shadow-xs)}.crow:hover{background:var(--primary);color:var(--on-dark);border-color:var(--primary);box-shadow:var(--shadow-btn);transform:translateY(-1px)}.crow .cr-label{font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.04em}.crow .cr-value{font-size:14px;font-weight:600}@media(max-width:400px){.crow{flex-direction:column;align-items:flex-start;gap:2px}}footer{padding:18px 0;border-top:1px solid var(--border);font-size:12px;color:var(--muted);background:var(--bg)}footer .container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}footer a{color:var(--text);text-decoration:none}footer a:hover{color:var(--primary)}.leaflet-tile{filter:sepia(.2) hue-rotate(-5deg) saturate(.6)}.leaflet-popup-content-wrapper{background:var(--card);border:1px solid var(--border-strong);border-radius:2px;box-shadow:var(--shadow-sm);font-family:var(--font-mono)}.leaflet-popup-content{font-size:12px;color:var(--text);padding:8px 12px}.skip-link{position:absolute;top:-40px;left:0;background:var(--primary);color:var(--on-dark);padding:6px 14px;text-decoration:none;font-family:var(--font-mono);font-size:var(--fs-xs);z-index:1000}.skip-link:focus{top:0}a:focus-visible,button:focus-visible{outline:2px solid var(--primary);outline-offset:2px}@media(max-width:400px){body{font-size:13px}section{padding:36px 0}.container{padding:0 14px}h2{font-size:20px}.hero{padding:40px 0 32px}.hero h1{font-size:23px}.hero .inner{gap:18px}.stack-bento{gap:4px}.si{padding:14px 12px}.proj-stack{gap:8px}.pcard-real{padding:14px 16px}.pers-grid{gap:6px}.pcard2{padding:14px 12px}footer{font-size:11px}}.hero-visual[data-astro-cid-bbe6dxrz]{min-height:200px}@media(min-width:768px){.hero-visual[data-astro-cid-bbe6dxrz]{min-height:260px}}