:root{--bg: #ffffff;--bg-elev: #f8fafc;--text: #0f172a;--muted: #64748b;--accent: #c9a227;--accent-2: #0f766e;--surface: rgba(248, 250, 252, .92);--surface-strong: #f1f5f9;--glass-border: rgba(15, 23, 42, .08);--radius: 14px;--radius-lg: 22px;--radius-sm: 9px;--shadow-soft: 0 4px 24px rgba(15, 23, 42, .06), 0 1px 3px rgba(15, 23, 42, .04);--shadow-float: 0 20px 48px rgba(15, 23, 42, .1), 0 8px 16px rgba(15, 23, 42, .06);--container: 1100px;--font-sans: "Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-display: "Fraunces", "Georgia", "Times New Roman", serif}*{box-sizing:border-box}html,body{height:100%}html{scroll-behavior:smooth;color-scheme:light}body{margin:0;font-family:var(--font-sans);font-feature-settings:"kern" 1,"liga" 1;background:radial-gradient(1000px 680px at 0% 0%,rgba(201,162,39,.09),transparent 52%),radial-gradient(900px 600px at 100% 0%,rgba(15,118,110,.08),transparent 50%),radial-gradient(800px 500px at 50% 100%,rgba(15,118,110,.04),transparent 55%),linear-gradient(180deg,#fff,#fafbfc,#f8fafc);color:var(--text);line-height:1.65;overflow-x:hidden;-webkit-font-smoothing:antialiased}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.section{padding:72px 0 96px}.section-header{margin-bottom:28px}.section-header h2,.section-header h1{margin:0 0 6px}.muted{color:var(--muted)}.tiny{font-size:12px}.page-transition{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(135deg,#c9a2271f,#0f766e1a);transform:translateY(100%);transition:transform .6s cubic-bezier(.2,.7,.2,1);z-index:999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}body.is-navigating .page-transition,body.is-loading .page-transition{transform:translateY(0)}.site-header{position:sticky;top:0;z-index:100;background:#ffffffb8;-webkit-backdrop-filter:saturate(160%) blur(14px);backdrop-filter:saturate(160%) blur(14px);border-bottom:1px solid var(--glass-border)}.sticky{position:sticky;top:0}.nav{display:flex;align-items:center;justify-content:space-between;max-width:var(--container);margin:0 auto;padding:14px 24px}.brand{color:var(--text);text-decoration:none;font-weight:600;letter-spacing:.02em;font-size:.95rem}.nav-links{list-style:none;display:flex;gap:10px;margin:0;padding:0}.nav-links a{color:var(--muted);text-decoration:none;padding:8px 12px;border-radius:var(--radius-sm);transition:color .2s ease,background-color .2s ease,transform .2s ease}.nav-links a:hover{color:var(--text);background:var(--surface);transform:translateY(-1px)}.nav-links a.active{color:var(--accent-2);background:linear-gradient(135deg,#c9a22724,#0f766e1a);font-weight:600}.nav-toggle{display:none;background:none;border:none;cursor:pointer}.nav-toggle span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;transition:transform .2s ease,opacity .2s ease}.glass{background:var(--surface);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px) saturate(130%);backdrop-filter:blur(10px) saturate(130%);box-shadow:var(--shadow-soft);border-radius:var(--radius)}.button{display:inline-flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--radius-sm);border:1px solid var(--glass-border);color:var(--text);background:var(--surface);text-decoration:none;transition:transform .22s cubic-bezier(.2,.7,.2,1),background-color .22s,box-shadow .22s}.button:hover{transform:translateY(-2px);box-shadow:var(--shadow-float)}.button.primary{background:linear-gradient(135deg,#0f766e,#0d9488 48%,#14b8a6);border-color:transparent;color:#fff;box-shadow:0 4px 14px #0f766e47}.button.primary:hover{box-shadow:0 8px 24px #0f766e59}.button.ghost{background:transparent}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center;padding:64px 0 36px;min-height:calc(100vh - 120px)}.eyebrow{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-weight:600;font-size:11px;font-family:var(--font-sans)}.display{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;font-size:clamp(34px,5.5vw,58px);line-height:1.08;margin:6px 0 10px;letter-spacing:-.02em}.subtitle{margin:0 0 16px;color:var(--muted);font-weight:500;font-size:1.05rem}.intro{margin:0 0 20px;max-width:56ch}.hero-cta{display:flex;gap:12px;flex-wrap:wrap}.hero-visual{position:relative;justify-self:end}.profile-wrap{width:260px;height:260px;border-radius:50%;padding:10px;display:grid;place-items:center;background:linear-gradient(145deg,#c9a22733,#0f766e26);box-shadow:var(--shadow-soft)}.profile{width:100%;height:100%;object-fit:cover;border-radius:50%}.orbits{position:absolute;top:-30px;right:-30px;bottom:-30px;left:-30px;pointer-events:none}.orbits span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:1px dashed rgba(15,23,42,.12);animation:orbit 16s linear infinite}.orbits span:nth-child(2){top:-18px;right:-18px;bottom:-18px;left:-18px;animation-duration:22s;opacity:.5}.orbits span:nth-child(3){top:-36px;right:-36px;bottom:-36px;left:-36px;animation-duration:28s;opacity:.3}@keyframes orbit{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.scroll-indicator{position:absolute;left:24px;bottom:10px;display:inline-flex;align-items:center;gap:10px;background:transparent;border:none;color:var(--muted);cursor:pointer}.scroll-indicator .mouse{width:18px;height:28px;border:2px solid var(--muted);border-radius:12px;position:relative}.scroll-indicator .mouse:after{content:"";width:2px;height:6px;background:var(--muted);position:absolute;left:50%;top:6px;transform:translate(-50%);animation:wheel 1.8s ease-in-out infinite}@keyframes wheel{0%{opacity:0;transform:translate(-50%)}30%{opacity:1}to{opacity:0;transform:translate(-50%,10px)}}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px}.experience .card{grid-column:span 6;padding:18px;transition:transform .22s cubic-bezier(.2,.7,.2,1),background-color .22s}.experience .card:hover{transform:translateY(-4px);box-shadow:var(--shadow-float);border-color:#0f766e24}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}.badge{font-size:11px;padding:6px 11px;border-radius:999px;color:#115e59;background:linear-gradient(135deg,#c9a2272e,#0f766e1f);border:1px solid rgba(15,118,110,.12);font-weight:600;letter-spacing:.02em}.org{margin:0 0 4px;color:var(--muted);font-weight:600}.desc{margin:0}.gallery-tabs{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.chip{padding:8px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--glass-border);color:var(--muted);cursor:pointer;transition:background .2s,color .2s,transform .2s}.chip:hover{transform:translateY(-2px);color:var(--text)}.chip.active{color:#0f766e;background:linear-gradient(135deg,#c9a22724,#0f766e1a);border-color:#0f766e26;font-weight:600}.masonry{column-count:3;column-gap:14px}.masonry-item{display:inline-block;width:100%;margin:0 0 14px;overflow:hidden;border-radius:var(--radius)}.masonry-item img{width:100%;height:auto;display:block;transition:transform .4s ease}.masonry-item:hover img{transform:scale(1.04)}.masonry figcaption{padding:10px 12px 12px;color:var(--muted);font-size:14px}.modal{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f172a73;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .24s ease;z-index:200}.modal.open{opacity:1;pointer-events:auto}.modal-content{max-width:min(90vw,1000px);max-height:82vh;padding:14px;display:grid;gap:8px;background:#fff;border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--shadow-float)}.modal-content img{width:100%;height:auto;border-radius:var(--radius-sm)}.modal-close{position:absolute;top:18px;right:20px;border:1px solid var(--glass-border);border-radius:10px;background:var(--surface);color:var(--text);padding:6px 10px;cursor:pointer}.contact-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:16px;margin-bottom:22px}.contact-card{grid-column:span 6;padding:16px}a.contact-card{display:block;color:inherit;text-decoration:none;transition:transform .22s cubic-bezier(.2,.7,.2,1),box-shadow .22s,border-color .22s}a.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-float);border-color:#0f766e24}.contact-form{padding:18px}.form-row{display:grid;grid-template-columns:repeat(12,1fr);gap:12px;margin-bottom:12px}.form-row label{grid-column:span 6}.form-full{display:grid;gap:8px;margin-bottom:12px}label span{display:block;font-size:12px;color:var(--muted);margin-bottom:6px}input,textarea{width:100%;padding:12px;border-radius:var(--radius-sm);background:var(--surface);border:1px solid var(--glass-border);color:var(--text);font:inherit;outline:none;transition:border-color .16s ease,box-shadow .16s ease}input:focus,textarea:focus{border-color:#0f766e73;box-shadow:0 0 0 3px #0f766e1f}.form-actions{display:flex;align-items:center;gap:12px}.site-footer{padding:28px 0 56px;color:var(--muted)}.accent-gradient{background:linear-gradient(125deg,#b45309 0%,var(--accent) 35%,#0f766e 88%,#0d9488 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.section-header h1,.section-header h2{font-family:var(--font-display);font-optical-sizing:auto;font-weight:500;letter-spacing:-.02em}.card-head h3{font-family:var(--font-display);font-weight:500;font-size:1.15rem;letter-spacing:-.01em}.contact-card h3{font-family:var(--font-display);font-weight:500;font-size:1.1rem}.reveal-up{opacity:0;transform:translateY(12px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.reveal-up.is-visible{opacity:1;transform:translateY(0)}.reveal{opacity:0;transform:translateY(8px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@media(max-width:980px){.hero{display:flex;flex-direction:column;gap:22px;text-align:left}.hero-visual{order:-1;justify-self:unset;width:100%;display:flex;justify-content:center}.scroll-indicator{position:static;margin-top:8px;align-self:flex-start}.profile-wrap{width:220px;height:220px}.experience .card,.contact-card,.form-row label{grid-column:span 12}.masonry{column-count:2}.nav-toggle{display:inline-block}.nav-links{position:fixed;right:14px;top:64px;background:var(--surface);border:1px solid var(--glass-border);flex-direction:column;padding:10px;border-radius:var(--radius);display:none}.nav-links.open{display:flex}}@media(max-width:560px){.container{padding:0 16px}.section{padding:56px 0 80px}.masonry{column-count:1}.hero{padding-top:36px;min-height:auto}}