@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500&family=Urbanist:wght@300;400;500;600&display=swap");:root{--white:#fff;--bg:#f8f9fc;--dot-color:#bec8d8;--ink:#141210;--ink-secondary:#3d3a36;--ink-muted:#7a8494;--ink-subtle:#a8b4c4;--accent:#4278b8;--accent-light:#6a9ad4;--accent-bg:#eef4fb;--border:#c8d8ee;--border-strong:#a8c0e0;--shadow-sm:0 1px 3px rgba(66,120,184,.08);--shadow-md:0 4px 16px rgba(66,120,184,.12);--shadow-lg:0 12px 40px rgba(66,120,184,.15);--radius:6px;--nav-bg:rgba(248,249,252,.88);--footer-bg:rgba(248,249,252,.6);--card-bg:#fff}[data-theme=dark]{--white:#141c28;--bg:#0f1218;--dot-color:#2a3545;--ink:#f0f4f8;--ink-secondary:#c8d4e0;--ink-muted:#7a90a8;--ink-subtle:#4a6080;--accent:#6aa0e0;--accent-light:#8ab8f0;--accent-bg:rgba(100,160,255,.12);--border:#1e3050;--border-strong:#2a4060;--shadow-sm:0 1px 3px rgba(0,0,0,.2);--shadow-md:0 4px 16px rgba(0,0,0,.3);--shadow-lg:0 12px 40px rgba(0,0,0,.4);--nav-bg:rgba(12,16,24,.92);--footer-bg:rgba(12,16,24,.7);--card-bg:#141c28}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:clamp(15px,2vw + 12px,18px);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}body,html{transition:background-color .4s ease,color .4s ease}body{background-color:var(--bg);background-image:radial-gradient(circle,var(--dot-color) .75px,transparent .75px);background-size:22px 22px;color:var(--ink);font-family:Urbanist,sans-serif;font-weight:400;line-height:1.6;min-height:100vh}h1,h2,h3,h4,h5,h6{font-family:Cormorant Garamond,serif;line-height:1.15;letter-spacing:-.01em;color:var(--ink);font-weight:500}h1{font-size:clamp(2rem,5vw + 1.25rem,4rem)}h2{font-size:clamp(1.5rem,2.5vw + 1rem,2.25rem)}h3{font-size:clamp(1.15rem,1.5vw + .9rem,1.35rem)}p{line-height:1.75;color:var(--ink-secondary)}a{color:inherit;text-decoration:none;transition:color .15s ease}.container,.container--wide{width:100%;margin:0 auto;padding:0 1.25rem}@media (min-width:768px){.container{max-width:680px;padding:0 1.5rem}.container--wide{max-width:1040px;padding:0 2rem}}nav{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transition:background .4s,border-color .4s}.nav-inner{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:0 1.25rem;height:60px}@media (min-width:768px){.nav-inner{max-width:1040px;padding:0 2rem}}.nav-logo{font-family:Cormorant Garamond,serif;font-size:clamp(.95rem,2.2vw,1.15rem);font-weight:500;color:var(--ink);letter-spacing:.01em}.nav-logo:hover{color:var(--accent)}.nav-links{gap:clamp(1rem,3vw,2rem);list-style:none}.nav-actions,.nav-links{display:flex;align-items:center}.nav-actions{gap:.5rem}.nav-menu-toggle{display:none;background:none;border:1.5px solid var(--border);border-radius:20px;padding:.35rem .75rem;cursor:pointer;color:var(--ink-muted);align-items:center;justify-content:center;transition:all .2s;font-family:Urbanist,sans-serif}.nav-menu-toggle:hover{border-color:var(--accent);color:var(--accent)}.nav-menu-icon{display:flex;flex-direction:column;gap:4px;width:18px}.nav-menu-icon span{display:block;height:2px;width:100%;background:currentColor;border-radius:1px}@media (max-width:767px){.nav-link-item{display:none}.nav-menu-toggle{display:flex;padding:.35rem .5rem}}@media (min-width:768px){.nav-menu-toggle{display:none}}.nav-dropdown{display:none;position:absolute;top:100%;left:0;right:0;background:var(--nav-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);padding:.5rem 1.25rem 1rem;flex-direction:column;gap:.25rem;z-index:99}@media (min-width:768px){.nav-dropdown{display:none!important}}@media (max-width:767px){.nav-dropdown{display:flex;max-height:0;overflow:hidden;padding-top:0;padding-bottom:0;opacity:0;transition:max-height .25s ease,opacity .2s ease,padding .2s ease}.nav-dropdown--open{max-height:200px;opacity:1;padding:.5rem 1.25rem 1rem}}.nav-dropdown-link{display:block;padding:.6rem .75rem;font-size:.8rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted);border-radius:var(--radius);transition:color .15s,background .15s}.nav-dropdown-link:hover{color:var(--ink);background:var(--accent-bg)}.nav-links a{font-size:clamp(.7rem,2vw,.8rem);font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-muted);transition:color .15s}.nav-links a:hover{color:var(--ink)}.nav-icon{margin-right:.35em}.theme-toggle{background:none;border:1.5px solid var(--border);border-radius:20px;padding:.35rem .75rem;cursor:pointer;font-size:clamp(.75rem,1.8vw,.85rem);color:var(--ink-muted);display:flex;align-items:center;gap:.4rem;transition:all .2s;font-family:Urbanist,sans-serif;font-weight:500}.theme-toggle:hover{border-color:var(--accent);color:var(--accent)}.theme-toggle .icon{font-size:1em;transition:transform .4s ease}[data-theme=dark] .theme-toggle .icon{transform:rotate(180deg)}.page{padding:4rem 0 7rem}.hero{padding:5.5rem 0 4.5rem}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:1.25rem}.hero-eyebrow:before{content:"";display:inline-block;width:18px;height:1px;background:var(--accent)}.hero h1{margin-bottom:1.5rem}.hero h1 em{font-style:italic}.hero h1 em,.hero-bio{color:var(--ink-secondary)}.hero-bio{font-size:clamp(1rem,1.5vw + .5rem,1.15rem);max-width:520px;line-height:1.8;white-space:nowrap}@media (max-width:640px){.hero-bio{white-space:normal}}.section-label{font-size:clamp(.65rem,1.5vw,.72rem);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-subtle);margin-bottom:1.5rem;display:flex;align-items:center;gap:1rem}.section-label:after{content:"";flex:1 1;height:1px;background:var(--border)}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem}.card{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:1.75rem;box-shadow:var(--shadow-md);transition:box-shadow .2s ease,border-color .2s ease,transform .2s ease;display:block;color:inherit}.card:hover{box-shadow:var(--shadow-lg);border-color:var(--border-strong);transform:translateY(-2px);color:inherit}.card-tag{font-size:.68rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:.75rem;display:flex;align-items:center;gap:.4rem}.card h3{font-size:clamp(1.1rem,1.5vw + .7rem,1.25rem);margin-bottom:.6rem;color:var(--ink);font-family:Cormorant Garamond,serif}.card p{font-size:clamp(.85rem,1.2vw + .5rem,.9rem);color:var(--ink-muted);line-height:1.65;margin-bottom:1.1rem}.card-date{font-size:.775rem;color:var(--ink-subtle)}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-top:1.5rem}.project-grid .card{aspect-ratio:1;display:flex;flex-direction:column}.project-grid .card p{flex:1 1}.post-header{padding:4rem 0 3rem;border-bottom:1px solid var(--border);margin-bottom:3.5rem}.post-header h1{font-size:clamp(2rem,5vw,3.25rem);margin-bottom:1.25rem}.post-meta{font-size:.825rem}.back-link,.post-meta{color:var(--ink-muted)}.back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;letter-spacing:.04em;margin-bottom:2.5rem;transition:color .15s}.back-link:hover{color:var(--ink)}.prose{font-size:clamp(1rem,1.2vw + .6rem,1.1rem);line-height:1.85;color:var(--ink-secondary)}.prose h2{font-size:clamp(1.4rem,2vw + .8rem,1.65rem);color:var(--ink);margin:3rem 0 1rem}.prose h3{font-size:clamp(1.15rem,1.2vw + .7rem,1.25rem);color:var(--ink);margin:2rem 0 .75rem}.prose ol,.prose p,.prose ul{margin-bottom:1.625rem}.prose ol,.prose ul{padding-left:1.5rem}.prose li{margin-bottom:.5rem}.prose blockquote{border-left:2px solid var(--accent);padding:.5rem 0 .5rem 1.5rem;margin:2.5rem 0;font-style:italic;color:var(--ink-muted);font-family:Cormorant Garamond,serif;font-size:1.25rem}.gate{min-height:65vh;display:flex;align-items:center;justify-content:center;padding:2rem}.gate-box{background:var(--card-bg);border:1.5px solid var(--border);border-radius:var(--radius);padding:3rem;max-width:400px;width:100%;text-align:center;box-shadow:var(--shadow-md)}.gate-box .lock{width:42px;height:42px;background:var(--accent-bg);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;font-size:1rem}.gate-box h2{font-size:1.75rem;margin-bottom:.5rem}.gate-box p{font-size:.875rem;color:var(--ink-muted);margin-bottom:2rem}.gate-box input{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--bg);font-family:Urbanist,sans-serif;font-size:.95rem;color:var(--ink);margin-bottom:.875rem;outline:none;transition:border-color .15s,box-shadow .15s}.gate-box input:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(66,120,184,.12)}.gate-box button{width:100%;background:var(--ink);color:#fff;border:none;padding:.8rem 1.75rem;border-radius:var(--radius);font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;letter-spacing:.03em;transition:background .15s}.gate-box button:hover{background:var(--ink-secondary)}.gate-error{font-size:.8rem;color:#c0392b;margin-bottom:.875rem}.form-row{display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}@media (max-width:767px){.form-row{grid-template-columns:1fr}}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.78rem;font-weight:600;color:var(--ink-secondary);margin-bottom:.4rem;letter-spacing:.03em}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--border);border-radius:var(--radius);background:var(--card-bg);font-family:Urbanist,sans-serif;font-size:.95rem;color:var(--ink);outline:none;transition:border-color .15s,box-shadow .15s}.form-group input:focus,.form-group textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(66,120,184,.1)}.form-group textarea{resize:vertical;min-height:130px}.submit-btn{background:var(--ink);color:#fff;border:none;padding:.875rem 2.25rem;border-radius:var(--radius);font-family:Urbanist,sans-serif;font-size:.875rem;font-weight:600;cursor:pointer;letter-spacing:.03em;transition:background .15s,transform .15s}.submit-btn:hover{background:var(--ink-secondary);transform:translateY(-1px)}.badge{display:inline-block;font-size:.65rem;letter-spacing:.07em;text-transform:uppercase;padding:.2rem .65rem;border-radius:20px;font-weight:600}.badge--active{background:#edf7f0;color:#1e7a40}.badge--complete{background:var(--accent-bg);color:var(--accent)}.badge--ongoing{background:#fdf5ec;color:#c17f3e}.dino-canvas{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:auto;z-index:5}@media (max-width:767px){.dino-canvas{display:none}}.dino-roar-bubble{position:fixed;background:var(--card-bg);border:1.5px solid var(--accent);border-radius:12px;padding:.4rem .75rem;font-size:.75rem;font-weight:600;color:var(--accent);pointer-events:none;z-index:20;opacity:0;transform:scale(.8) translateY(0);transition:opacity .15s,transform .15s;white-space:nowrap;box-shadow:var(--shadow-md)}.dino-roar-bubble.show{opacity:1;transform:scale(1) translateY(-8px)}.dino-roar-bubble:after{content:"";position:absolute;bottom:-7px;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top:6px solid var(--accent)}.dino-hint{position:fixed;bottom:1.5rem;right:1.5rem;font-size:.62rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-subtle);z-index:20}@media (max-width:767px){.dino-hint{display:none}}footer{border-top:1px solid var(--border);padding:2rem 0;text-align:center;font-size:.75rem;color:var(--ink-subtle);letter-spacing:.02em;background:var(--footer-bg);transition:background .4s,border-color .4s,color .4s}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .55s cubic-bezier(.22,1,.36,1) both}.fade-up-delay-1{animation-delay:.08s}.fade-up-delay-2{animation-delay:.16s}.fade-up-delay-3{animation-delay:.24s}@media (max-width:767px){.nav-inner{padding:0 1.25rem}.theme-toggle .label{display:none}.theme-toggle{padding:.35rem .5rem}.card-grid,.project-grid{grid-template-columns:1fr}.hero{padding:3.5rem 0 3rem}.page{padding:3rem 0 5rem}.post-header{padding:3rem 0 2rem;margin-bottom:2.5rem}.prose{padding:0}.gate{padding:2rem 1.25rem}}