:root{--bg:#f7f4ef;--bg-surface:#edeae3;--bg-card:#fff;--bg-nav:#f7f4eff5;--ink:#1a1612;--ink-2:#4a4540;--ink-3:#8a837a;--ink-4:#c0b8b0;--teal:#2a7a6a;--teal-light:#e4f0ed;--teal-mid:#2a7a6a1f;--teal-border:#2a7a6a47;--red:#c0392b;--border:#1a16121a;--border-strong:#1a16122e;--font-display:"Playfair Display", Georgia, serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--r-sm:4px;--r-md:8px;--r-lg:16px;--sp-1:4px;--sp-2:8px;--sp-3:12px;--sp-4:16px;--sp-5:20px;--sp-6:24px;--sp-8:32px;--sp-10:40px;--sp-12:48px;--sp-16:64px;--sp-20:80px;--sp-24:96px;--text-xs:11px;--text-sm:13px;--text-base:15px;--text-md:17px;--text-lg:20px;--text-xl:24px;--text-2xl:32px;--text-3xl:clamp(2rem, 4vw, 3rem);--text-hero:clamp(2.8rem, 7vw, 5.2rem);--nav-h:68px;--ease:cubic-bezier(.4, 0, .2, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--dur-fast:.15s;--dur-base:.26s;--dur-slow:.42s;--dur-reveal:1s}[data-theme=dark]{--bg:#060d1a;--bg-surface:#0a1628;--bg-card:#0f1e35;--bg-nav:#060d1af2;--ink:#e8edf5;--ink-2:#8a9ab5;--ink-3:#4a5a75;--ink-4:#2a3a55;--teal:#3dd6b5;--teal-light:#3dd6b514;--teal-mid:#3dd6b51f;--teal-border:#3dd6b540;--red:#e85d75;--border:#ffffff12;--border-strong:#ffffff21}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background var(--dur-slow) var(--ease), color var(--dur-slow) var(--ease);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}ul{list-style:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.page-wrapper{min-height:100vh;padding-top:var(--nav-h)}.container{max-width:1100px;padding:0 var(--sp-6);margin:0 auto}.section-pad{padding:var(--sp-20) 0}.label-tag{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.18em;text-transform:uppercase;color:var(--teal);align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);display:inline-flex}.label-tag:before{content:"";background:var(--teal);flex-shrink:0;width:20px;height:1px;display:block}.section-heading{font-family:var(--font-display);font-size:var(--text-3xl);color:var(--ink);font-weight:700;line-height:1.15}.btn{align-items:center;gap:var(--sp-2);font-family:var(--font-body);font-weight:600;font-size:var(--text-sm);letter-spacing:.04em;border-radius:var(--r-sm);transition:transform var(--dur-base) var(--ease), filter var(--dur-base) var(--ease), background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease), color var(--dur-base) var(--ease);cursor:pointer;white-space:nowrap;border:1px solid #0000;flex-shrink:0;padding:11px 24px;line-height:1;display:inline-flex}.btn:hover{transform:translateY(-2px)}.btn:active{transition-duration:80ms;transform:translateY(0)}.btn-primary{background:var(--teal);color:#fff;border-color:var(--teal)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 6px 20px var(--teal-border)}.btn-ghost{color:var(--teal);border-color:var(--teal-border);background:0 0}.btn-ghost:hover{background:var(--teal-mid);border-color:var(--teal)}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes floatY{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes barGrow{0%{width:0}to{width:var(--w)}}@keyframes lineGrow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.reveal{opacity:0;transition:opacity var(--dur-reveal) var(--ease-out), transform var(--dur-reveal) var(--ease-out);transform:translateY(28px)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:80ms}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.reveal-d4{transition-delay:.32s}.anim-up{animation:fadeUp var(--dur-slow) var(--ease-out) both}.anim-up-1{animation-delay:80ms}.anim-up-2{animation-delay:.16s}.anim-up-3{animation-delay:.24s}.anim-up-4{animation-delay:.32s}@media (width<=480px){.container{padding:0 var(--sp-4)}.section-pad{padding:var(--sp-16) 0}}.navbar{z-index:200;height:var(--nav-h);transition:background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), backdrop-filter var(--dur-base) var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}.navbar--scrolled{background:var(--bg-nav);-webkit-backdrop-filter:blur(16px);border-bottom-color:var(--border)}.navbar__inner{justify-content:space-between;align-items:center;gap:var(--sp-4);height:100%;display:flex}.navbar__logo{align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);transition:color var(--dur-base) var(--ease);flex-shrink:0;font-weight:700;text-decoration:none;display:flex}.navbar__logo img{border:2px solid var(--teal-border);background:var(--bg-surface);border-radius:50%;width:30px;height:30px}.navbar__logo:hover{color:var(--teal)}.navbar__logo:hover .navbar__logo-mark{transform:rotate(-8deg)}.navbar__logo-mark svg{color:#fff}.navbar__nav{align-items:center;gap:2px;margin-left:auto;display:flex}.navbar__link{font-size:var(--text-sm);color:var(--ink-2);padding:var(--sp-2) var(--sp-3);border-radius:var(--r-sm);transition:color var(--dur-base) var(--ease), background var(--dur-base) var(--ease);white-space:nowrap;font-weight:500;text-decoration:none;position:relative}.navbar__link:after{content:"";bottom:4px;left:var(--sp-3);right:var(--sp-3);background:var(--teal);transform-origin:0;height:1px;transition:transform var(--dur-base) var(--ease);position:absolute;transform:scaleX(0)}.navbar__link:hover{color:var(--ink)}.navbar__link--active{color:var(--teal)}.navbar__link--active:after{transform:scaleX(1)}.navbar__right{align-items:center;gap:var(--sp-3);display:flex}.navbar__cta{font-size:var(--text-xs);padding:8px 18px}.navbar__theme-btn{width:36px;height:36px;color:var(--ink-2);transition:transform var(--dur-base) var(--ease-spring);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__theme-btn:hover{color:var(--teal);transform:rotate(360deg)scale(1.2)}.navbar__burger-wrapper{display:none;position:relative}.navbar__burger{width:36px;height:36px;color:var(--ink);transition:background var(--dur-base) var(--ease), color var(--dur-base) var(--ease);background:0 0;flex-shrink:0;justify-content:center;align-items:center;display:flex}.navbar__burger:hover{background:var(--bg-surface);color:var(--teal)}.navbar__dropdown{top:calc(100% + var(--sp-2));background:var(--bg-surface,var(--bg));border:1px solid var(--border);border-radius:var(--r-md);width:max-content;min-width:160px;padding:var(--sp-2);opacity:0;visibility:hidden;transform-origin:100% 0;transition:opacity var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), visibility var(--dur-base) var(--ease);flex-direction:column;gap:2px;display:flex;position:absolute;right:0;transform:scale(.95);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.navbar__dropdown--open{opacity:1;visibility:visible;transform:scale(1)}.navbar__dropdown-link{font-family:var(--font-display);font-size:var(--text-sm);color:var(--ink-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);transition:all var(--dur-base) var(--ease);text-align:left;font-weight:500;text-decoration:none}.navbar__dropdown-link:hover,.navbar__dropdown-link--active{color:var(--teal);background:var(--teal-light)}@media (width<=768px){.navbar__nav,.navbar__cta{display:none}.navbar__burger-wrapper{display:block}}.footer{background:var(--bg-surface);padding-top:var(--sp-5);border-top:1px solid var(--border);color:var(--ink-2)}.footer__main{gap:var(--sp-10);padding:var(--sp-10) 0 var(--sp-7);border-bottom:1px solid var(--border);grid-template-columns:1fr auto auto;align-items:start;display:grid;position:relative}.footer__logo{align-items:center;gap:var(--sp-3);font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);margin-bottom:var(--sp-3);width:fit-content;font-weight:700;text-decoration:none;transition:opacity .2s;display:flex}.footer__logo:hover{opacity:.75}.footer__desc{font-size:var(--text-sm);color:var(--ink-3);max-width:260px;font-style:italic;line-height:1.75}.footer__col-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.15em;text-transform:uppercase;color:var(--ink-4);margin-bottom:var(--sp-4);padding-bottom:var(--sp-2);display:block;position:relative}.footer__col-label:after{content:"";background:linear-gradient(90deg, var(--teal), transparent);width:100%;height:1px;position:absolute;bottom:0;left:0}.footer__links{gap:var(--sp-2);flex-direction:column;display:flex}.footer__links a{font-size:var(--text-sm);color:var(--ink-3);align-items:center;gap:6px;width:fit-content;text-decoration:none;transition:color .2s,transform .2s;display:flex}.footer__links a:before{content:"";background:var(--teal);border-radius:50%;flex-shrink:0;width:4px;height:4px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}.footer__links a:hover{color:var(--teal);transform:translate(4px)}.footer__links a:hover:before{transform:scale(1)}.footer__socials{gap:var(--sp-2);flex-direction:column;display:flex}.footer__social-link{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--ink-3);width:fit-content;padding-bottom:2px;text-decoration:none;transition:color .2s;display:flex;position:relative}.footer__social-link:after{content:"";background:var(--teal);transform-origin:0;width:100%;height:1px;transition:transform .25s;position:absolute;bottom:0;left:0;transform:scaleX(0)}.footer__social-link svg{transition:transform .25s cubic-bezier(.34,1.56,.64,1)}.footer__social-link:hover{color:var(--teal)}.footer__social-link:hover:after{transform:scaleX(1)}.footer__social-link:hover svg{transform:scale(1.2)}.footer__bottom{padding:var(--sp-4) 0;justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex;position:relative}.footer__copy{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-4)}.footer__credit{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-4);align-items:center;gap:6px;display:flex}.footer__credit-link{color:var(--ink-3);border-radius:4px;align-items:center;gap:5px;padding:2px 8px 2px 6px;text-decoration:none;transition:color .25s;display:inline-flex;position:relative;overflow:hidden}.footer__credit-link:before{content:"";background:color-mix(in srgb, var(--teal) 12%, transparent);transform-origin:0;border-radius:4px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.footer__credit-link:hover{color:var(--teal)}.footer__credit-link:hover:before{transform:scaleX(1)}.credit-nib{flex-shrink:0;width:11px;height:11px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.footer__credit-link:hover .credit-nib{transform:rotate(-20deg)scale(1.2)}@media (width<=768px){.footer__main{gap:var(--sp-8);grid-template-columns:1fr 1fr}.footer__brand{grid-column:1/-1}}@media (width<=480px){.footer__main{gap:var(--sp-8);grid-template-columns:1fr}.footer__bottom{align-items:flex-start;gap:var(--sp-2);flex-direction:column}}.hero{background:var(--bg);box-sizing:border-box;flex-direction:column;width:100%;min-height:calc(100vh - 80px);margin-bottom:clamp(2rem,6vw,4rem);transition:background-color .4s,border-color .4s;display:flex;position:relative;overflow:hidden}.hero__main{z-index:1;border-bottom:1px solid var(--border);flex:1;grid-template-columns:1fr 420px;align-items:stretch;gap:0;min-width:0;display:grid;position:relative}.hero__content{padding:var(--sp-20) var(--sp-8) var(--sp-20) 0;border-right:1px solid var(--border);flex-direction:column;justify-content:center;min-width:0;display:flex}.hero__eyebrow{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);display:flex;overflow:hidden}.hero__eyebrow-line{background:var(--teal);transform-origin:0;width:40px;height:1px;animation:lineGrow var(--dur-slow) var(--ease-out) .1s both;flex-shrink:0}.hero__title{font-family:var(--font-display);font-size:var(--text-hero);color:var(--ink);margin-bottom:var(--sp-6);letter-spacing:-.02em;animation:fadeUp var(--dur-slow) var(--ease-out) .15s both;word-break:break-word;font-weight:700;line-height:1}.hero__title em{color:var(--teal);font-style:italic}.hero__subtitle{font-size:var(--text-md);color:var(--ink-2);max-width:480px;margin-bottom:var(--sp-10);animation:fadeUp var(--dur-slow) var(--ease-out) .25s both;line-height:1.75}.hero__actions{gap:var(--sp-3);animation:fadeUp var(--dur-slow) var(--ease-out) .35s both;flex-wrap:wrap;display:flex}.hero__photo-col{background:var(--bg-surface);min-height:480px;position:relative;overflow:hidden}.hero__photo-img{object-fit:cover;object-position:center top;width:100%;height:100%;transition:opacity .8s var(--ease);opacity:0;display:block;position:absolute;inset:0}.hero__photo-img.is-loaded{opacity:1}.hero__photo-caption{bottom:var(--sp-5);left:var(--sp-5);right:var(--sp-5);background:var(--bg-card);border-radius:var(--r-md);padding:var(--sp-3) var(--sp-5);border:1px solid var(--border);animation:fadeUp var(--dur-slow) var(--ease-out) .5s both;position:absolute}.hero__photo-caption-status{font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);font-weight:700;display:block}.hero__photo-caption-role{font-size:var(--text-xs);color:var(--ink-3);font-family:var(--font-mono);letter-spacing:.07em;margin-top:2px;display:block}.hero__stats{z-index:1;border-bottom:1px solid var(--border);grid-template-columns:repeat(3,1fr);display:grid;position:relative}.hero__stat{padding:clamp(.75rem, 3vw, var(--sp-6)) clamp(.5rem, 3vw, var(--sp-8));border-right:1px solid var(--border);text-align:center;min-width:0}.hero__stat:last-child{border-right:none}.hero__stat-value{font-family:var(--font-display);font-size:clamp(1rem, 4vw, var(--text-2xl));color:var(--teal);margin-bottom:var(--sp-1);font-weight:700;line-height:1;display:block}.hero__stat-label{font-family:var(--font-mono);font-size:clamp(.5rem, 1.8vw, var(--text-xs));letter-spacing:clamp(.02em,.5vw,.15em);text-transform:uppercase;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;display:block;overflow:hidden}.typing-el{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--teal)}.interests{background:var(--bg-surface);border-bottom:1px solid var(--border);margin-bottom:clamp(2rem,6vw,4rem);transition:background-color .4s,border-color .4s}.interests__header{margin-bottom:var(--sp-10)}.interests__desc{font-size:var(--text-md);color:var(--ink-2);max-width:500px;margin-top:var(--sp-3);line-height:1.7}.interests__grid{border:1px solid var(--border);border-radius:var(--r-lg);grid-template-columns:repeat(4,1fr);gap:0;display:grid;overflow:hidden}.interest-card{padding:var(--sp-8) var(--sp-6);border-right:1px solid var(--border);background:var(--bg-card);transition:background var(--dur-base) var(--ease);min-width:0;position:relative}.interest-card:after{content:"";background:var(--teal);transform-origin:0;height:2px;transition:transform var(--dur-base) var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.interest-card:hover{background:var(--teal-light)}.interest-card:hover:after{transform:scaleX(1)}.interest-card:last-child{border-right:none}.interest-card__icon{width:40px;height:40px;color:var(--teal);margin-bottom:var(--sp-5);background:var(--teal-light);border-radius:var(--r-md);transition:background var(--dur-base) var(--ease), transform var(--dur-base) var(--ease-spring);justify-content:center;align-items:center;display:flex}.interest-card:hover .interest-card__icon{background:var(--bg-surface);transform:scale(1.1)}.interest-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);margin-bottom:var(--sp-2);font-weight:700}.interest-card__desc{font-size:var(--text-sm);color:var(--ink-2);line-height:1.65}.featured-posts{background:var(--bg);border-bottom:1px solid var(--border);margin-bottom:clamp(1.5rem,4vw,3rem);transition:background-color .4s,border-color .4s}.featured-posts__header{margin-bottom:var(--sp-10);justify-content:space-between;align-items:flex-end;gap:var(--sp-4);flex-wrap:wrap;display:flex}.featured-posts__header-link{display:inline-flex}.featured-posts__grid{gap:var(--sp-6);grid-template-columns:repeat(3,1fr);display:grid}.home-blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);transition:border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);flex-direction:column;min-width:0;text-decoration:none;display:flex}.home-blog-card:hover{border-color:var(--teal);transform:translateY(-2px)}.home-blog-card__top{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;gap:var(--sp-2);flex-wrap:wrap;display:flex}.home-blog-card__cat{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--teal);text-transform:uppercase;letter-spacing:.1em}.home-blog-card__meta{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--ink-3);flex-wrap:wrap;display:flex}.home-blog-card__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);margin-bottom:var(--sp-3);font-weight:700;line-height:1.35}.home-blog-card__excerpt{font-size:var(--text-sm);color:var(--ink-2);margin-bottom:var(--sp-6);flex:1;line-height:1.6}.home-blog-card__cta{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--teal);font-weight:600;display:flex}.featured-posts__footer{margin-top:var(--sp-8);text-align:center;display:none}@media (width>=1600px){.hero__main{grid-template-columns:1fr 480px}}@media (width<=1200px){.hero__main{grid-template-columns:1fr 360px}.hero__content{padding:var(--sp-16) var(--sp-6) var(--sp-16) 0}}@media (width<=900px){.hero__main{grid-template-columns:1fr}.hero__content{padding:var(--sp-12) 0 var(--sp-8);border-right:none;border-bottom:1px solid var(--border)}.hero__photo-col{order:-1;min-height:360px}.interests__grid{grid-template-columns:repeat(2,1fr)}.interest-card:nth-child(2){border-right:none}.interest-card:first-child,.interest-card:nth-child(2){border-bottom:1px solid var(--border)}.featured-posts__grid{grid-template-columns:1fr}.featured-posts__header-link{display:none}.featured-posts__footer{display:block}}@media (width<=700px){.hero__content{padding:var(--sp-10) 0 var(--sp-6)}.hero__subtitle{max-width:100%}.hero__actions{width:100%}.hero__actions .btn{flex:auto;justify-content:center}}@media (width<=600px){.hero,.interests{margin-bottom:3rem}.featured-posts{margin-bottom:2rem}.hero__photo-col{min-height:280px}.interests__grid{border-radius:var(--r-md);grid-template-columns:1fr}.interest-card{border-right:none;border-bottom:1px solid var(--border);align-items:center;column-gap:var(--sp-4);row-gap:var(--sp-2);flex-wrap:wrap;display:flex}.interest-card:last-child{border-bottom:none}.interest-card__icon{flex:none;margin-bottom:0}.interest-card__title{flex:auto;margin-bottom:0}.interest-card__desc{flex:100%}.home-blog-card{padding:var(--sp-5)}}@media (width<=420px){.hero{min-height:auto}.hero__title{font-size:clamp(2rem, 12vw, var(--text-hero))}.hero__photo-caption{left:var(--sp-3);right:var(--sp-3);bottom:var(--sp-3);padding:var(--sp-2) var(--sp-4)}.interest-card{padding:var(--sp-6) var(--sp-4)}}@media (width<=340px){.hero__content{padding:var(--sp-8) 0 var(--sp-6)}.hero__photo-col{min-height:220px}.hero__actions{flex-direction:column}}@media (height<=480px) and (orientation:landscape){.hero{min-height:auto}.hero__photo-col{min-height:220px}.hero__content{padding:var(--sp-8) var(--sp-6) var(--sp-8) 0}}.about-hero{padding:var(--sp-16) 0;border-bottom:1px solid var(--border)}.about-hero__inner{gap:var(--sp-12);grid-template-columns:1fr 1fr;align-items:start;display:grid}.about-hero__title{margin-bottom:var(--sp-5)}.about-hero__title em{color:var(--teal);font-style:italic}.about-hero__intro{font-size:var(--text-md);color:var(--ink-2);line-height:1.8}.about-hero__quote-card{background:var(--teal);border-radius:var(--r-lg);padding:var(--sp-8);position:relative;overflow:hidden}.about-hero__quote-card:before{content:"\"";top:-20px;left:var(--sp-6);font-family:var(--font-display);color:#ffffff1a;pointer-events:none;font-size:120px;line-height:1;position:absolute}.about-hero__quote{font-family:var(--font-display);font-style:italic;font-size:var(--text-xl);color:#fff;margin-bottom:var(--sp-5);line-height:1.55;position:relative}.about-hero__quote-attr{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:#ffffff8c}.about-layout{gap:var(--sp-10);padding:var(--sp-12) 0;grid-template-columns:300px 1fr;align-items:start;display:grid}.about-sidebar{top:calc(var(--nav-h) + var(--sp-6));position:sticky}.about-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.about-card__head{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);background:var(--bg-surface);font-weight:700}.about-info-list{flex-direction:column;display:flex}.about-info-item{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);transition:background var(--dur-base) var(--ease);display:flex}.about-info-item:last-child{border-bottom:none}.about-info-item:hover{background:var(--bg-surface)}.about-info-item__icon{color:var(--teal);flex-shrink:0;align-items:center;margin-top:2px;display:flex}.about-info-item__body{flex:1;min-width:0}.about-info-item__key{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:2px;font-size:10px;display:block}.about-info-item__val{font-size:var(--text-sm);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.about-info-item__link{font-size:var(--text-sm);color:var(--teal);text-overflow:ellipsis;white-space:nowrap;transition:color var(--dur-base) var(--ease);text-decoration:none;display:block;overflow:hidden}.about-info-item__link:hover{text-decoration:underline}.about-section{margin-bottom:var(--sp-10)}.about-section-title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);margin-bottom:var(--sp-6);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);font-weight:700}.skill-list{gap:var(--sp-5);flex-direction:column;display:flex}.skill-item__row{margin-bottom:var(--sp-2);justify-content:space-between;align-items:center;display:flex}.skill-item__name{font-size:var(--text-sm);color:var(--ink-2);font-weight:500}.skill-item__pct{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--teal)}.skill-track{background:var(--border-strong);border-radius:2px;height:3px;overflow:hidden}.skill-fill{height:100%;width:var(--w);background:var(--teal);border-radius:2px;animation:1s cubic-bezier(.4,0,.2,1) .5s both barGrow}.timeline-section{background:var(--bg-surface);border-top:1px solid var(--border);padding:var(--sp-20) 0}.timeline-section__header{margin-bottom:var(--sp-12)}.timeline{border-left:1px solid var(--border-strong);margin-left:var(--sp-10);flex-direction:column;display:flex}.timeline-item{padding:0 0 var(--sp-10) var(--sp-10);position:relative}.timeline-item:last-child{padding-bottom:0}.timeline-item__dot{background:var(--teal);border:2px solid var(--bg-surface);width:11px;height:11px;transition:transform var(--dur-base) var(--ease-spring);border-radius:50%;position:absolute;top:5px;left:-6px}.timeline-item:hover .timeline-item__dot{transform:scale(1.4)}.timeline-item__year{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;color:var(--teal);margin-bottom:var(--sp-2);display:block}.timeline-item__card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-6);transition:border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease)}.timeline-item__card:hover{border-color:var(--teal-border);transform:translate(6px);box-shadow:0 4px 20px #0000000f}.timeline-item__title{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);margin-bottom:var(--sp-2);font-weight:700}.timeline-item__desc{font-size:var(--text-sm);color:var(--ink-2);line-height:1.65}@media (width<=1150px){.section-pad{padding:0 20px}}@media (width<=900px){.about-hero__inner,.about-layout{gap:var(--sp-8);grid-template-columns:1fr}.about-sidebar{position:static}}@media (width<=600px){.about-hero{padding:var(--sp-12) 0 var(--sp-8)}.about-hero__quote{font-size:var(--text-lg)}.about-main{padding:0 18px}.about-layout{margin:0;padding:0}.timeline{margin-left:var(--sp-6)}.timeline-item{padding-left:var(--sp-6)}}.blog-hero{padding:var(--sp-16) 0 var(--sp-12);border-bottom:1px solid var(--border)}.blog-hero__title{margin-bottom:var(--sp-4)}.blog-hero__title em{color:var(--teal);font-style:italic}.blog-hero__sub{font-size:var(--text-md);color:var(--ink-2);max-width:520px;line-height:1.7}.blog-content{padding:var(--sp-10) 0 var(--sp-20)}.blog-filters{gap:var(--sp-2);margin-bottom:var(--sp-10);flex-wrap:wrap;display:flex}.blog-filter-btn{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);border:1px solid var(--border-strong);color:var(--ink-2);transition:color var(--dur-base) var(--ease), background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), transform var(--dur-fast) var(--ease);cursor:pointer;background:0 0}.blog-filter-btn:hover{border-color:var(--teal);color:var(--teal);background:var(--teal-mid);transform:translateY(-1px)}.blog-filter-btn--active{background:var(--teal);border-color:var(--teal);color:#fff}.blog-featured-row{gap:var(--sp-6);margin-bottom:var(--sp-6);grid-template-columns:1fr 1fr;display:grid}.blog-grid{gap:var(--sp-5);grid-template-columns:repeat(3,1fr);display:grid}.blog-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-6);gap:var(--sp-3);transition:border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);flex-direction:column;text-decoration:none;display:flex}.blog-card:hover{border-color:var(--teal-border);transform:translateY(-3px);box-shadow:0 10px 36px #00000012}.blog-card--featured{background:var(--bg-surface);padding:var(--sp-8)}.blog-card--featured:first-child{border-left:3px solid var(--teal)}.blog-card__top{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.blog-card__cat{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--teal);background:var(--teal-mid);padding:3px var(--sp-3);border-radius:var(--r-sm);font-size:10px}.blog-card__meta{align-items:center;gap:var(--sp-2);font-size:var(--text-xs);color:var(--ink-3);display:flex}.blog-card__title{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);font-weight:700;line-height:1.25}.blog-card--featured .blog-card__title{font-size:var(--text-2xl);line-height:1.2}.blog-card__excerpt{font-size:var(--text-sm);color:var(--ink-2);flex:1;line-height:1.7}.blog-card--featured .blog-card__excerpt{font-size:var(--text-base)}.blog-card__divider{background:var(--border);height:1px;margin:var(--sp-1) 0}.blog-card__cta{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--teal);transition:gap var(--dur-base) var(--ease);font-weight:600;display:flex}.blog-card:hover .blog-card__cta{gap:var(--sp-3)}.blog-card__cta svg{flex-shrink:0}.blog-empty{text-align:center;padding:var(--sp-20) 0;color:var(--ink-3);align-items:center;gap:var(--sp-3);flex-direction:column;display:flex}@media (width<=900px){.blog-featured-row{grid-template-columns:1fr}.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.blog-hero{padding:var(--sp-12) 0 var(--sp-8)}.blog-grid{grid-template-columns:1fr}.blog-card--featured .blog-card__title{font-size:var(--text-xl)}.blog-filter-btn{padding:var(--sp-2) var(--sp-3);font-size:10px}}.post-hero{padding:var(--sp-12) 0 var(--sp-10);border-bottom:1px solid var(--border)}.post-back{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--ink-3);margin-bottom:var(--sp-8);transition:color var(--dur-base) var(--ease), gap var(--dur-base) var(--ease);font-weight:500;font-family:var(--font-mono);letter-spacing:.04em;text-decoration:none;display:inline-flex}.post-back:hover{color:var(--teal);gap:var(--sp-3)}.post-hero__meta{align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.post-cat{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--teal);background:var(--teal-mid);padding:3px var(--sp-3);border-radius:var(--r-sm);font-size:10px}.post-meta-row{align-items:center;gap:var(--sp-3);font-size:var(--text-xs);color:var(--ink-3);display:flex}.post-hero__title{font-family:var(--font-display);color:var(--ink);max-width:780px;margin-bottom:var(--sp-5);letter-spacing:-.01em;animation:fadeUp var(--dur-slow) var(--ease-out) both;font-size:clamp(1.8rem,4vw,3.2rem);font-weight:700;line-height:1.15}.post-hero__excerpt{font-size:var(--text-md);color:var(--ink-2);max-width:640px;animation:fadeUp var(--dur-slow) var(--ease-out) .12s both;font-style:italic;line-height:1.7}.post-layout{gap:var(--sp-16);padding:var(--sp-12) 0 var(--sp-20);grid-template-columns:1fr 240px;align-items:start;display:grid}.post-loading{align-items:center;gap:var(--sp-3);color:var(--ink-3);padding:var(--sp-20) 0;font-size:var(--text-sm);font-family:var(--font-mono);display:flex}.post-loading__spinner{border:2px solid var(--border-strong);border-top-color:var(--teal);border-radius:50%;flex-shrink:0;width:18px;height:18px;animation:.7s linear infinite spin}.post-error{gap:var(--sp-5);padding:var(--sp-12) 0;color:var(--ink-2);font-size:var(--text-base);flex-direction:column;display:flex}.post-body{font-size:var(--text-md);color:var(--ink-2);animation:fadeIn var(--dur-slow) var(--ease-out) both;line-height:1.9}.post-body>*+*{margin-top:1.4em}.post-body h1,.post-body h2,.post-body h3,.post-body h4{font-family:var(--font-display);color:var(--ink);margin-top:2.2em;margin-bottom:.6em;line-height:1.2}.post-body h1{font-size:2rem}.post-body h2{padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);font-size:1.55rem}.post-body h3{font-size:1.25rem}.post-body h4{font-size:1.1rem}.post-body p{margin-bottom:1.4em}.post-body strong{color:var(--ink);font-weight:600}.post-body em{color:var(--teal);font-style:italic}.post-body a{color:var(--teal);text-underline-offset:3px;text-decoration:underline}.post-body ul,.post-body ol{margin:0 0 1.5em 1.5em}.post-body li{margin-bottom:.5em;list-style:outside}.post-body ol li{list-style:decimal}.post-body blockquote{border-left:3px solid var(--teal);padding:var(--sp-4) var(--sp-6);background:var(--teal-light);border-radius:0 var(--r-sm) var(--r-sm) 0;font-family:var(--font-display);color:var(--ink);margin:2em 0;font-size:1.12em;font-style:italic;line-height:1.65}.post-body code{font-family:var(--font-mono);background:var(--bg-surface);color:var(--teal);border-radius:var(--r-sm);border:1px solid var(--border);padding:2px 6px;font-size:.87em}.post-body pre{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5) var(--sp-6);margin:1.8em 0;overflow-x:auto}.post-body pre code{font-size:var(--text-sm);background:0 0;border:none;padding:0}.post-body hr{border:none;border-top:1px solid var(--border);margin:3em 0}.post-body table{border-collapse:collapse;width:100%;font-size:var(--text-base);margin:2em 0;display:block;overflow-x:auto}.post-body th,.post-body td{padding:var(--sp-3) var(--sp-4);border:1px solid var(--border);text-align:left}.post-body th{background:var(--bg-surface);color:var(--ink);font-weight:600;font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.08em}.post-progress{top:var(--nav-h);background:var(--border);z-index:150;height:2px;position:fixed;left:0;right:0}.post-progress__bar{background:var(--teal);height:100%;transition:width .1s linear}.post-sidebar{top:calc(var(--nav-h) + var(--sp-6));gap:var(--sp-3);flex-direction:column;display:flex;position:sticky}.post-author{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);gap:var(--sp-3);align-items:center;display:flex}.post-author__avatar{border:2px solid var(--teal-border);background:var(--bg-surface);border-radius:50%;flex-shrink:0;width:42px;height:42px;overflow:hidden}.post-author__avatar img{object-fit:cover;width:100%;height:100%}.post-author__name{font-weight:600;font-size:var(--text-sm);color:var(--ink);display:block}.post-author__role{font-size:var(--text-xs);color:var(--ink-3);font-family:var(--font-mono);margin-top:2px;display:block}.post-sidebar-links{gap:var(--sp-2);flex-direction:column;display:flex}.post-sidebar-links a{align-items:center;gap:var(--sp-2);font-size:var(--text-sm);color:var(--ink-2);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-sm);padding:var(--sp-3) var(--sp-4);transition:color var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease);text-decoration:none;display:flex}.post-sidebar-links a:hover{color:var(--teal);border-color:var(--teal-border);transform:translate(3px)}.post-nav{justify-content:space-between;gap:var(--sp-6);padding:var(--sp-10) 0 var(--sp-20);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.post-nav__item{gap:var(--sp-2);max-width:340px;padding:var(--sp-5) var(--sp-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);transition:border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);flex-direction:column;text-decoration:none;display:flex}.post-nav__item:hover{border-color:var(--teal-border);transform:translateY(-2px);box-shadow:0 6px 20px #0000000f}.post-nav__item--next{text-align:right;align-items:flex-end;margin-left:auto}.post-nav__label{align-items:center;gap:var(--sp-2);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);display:flex}.post-nav__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);font-weight:700;line-height:1.35}@media (width<=900px){.post-layout{gap:var(--sp-8);padding-top:var(--sp-8);grid-template-columns:1fr}.post-sidebar{flex-flow:wrap;position:static}.post-author{flex:1;min-width:200px}.post-sidebar-links{flex-direction:row;flex:1}}@media (width<=600px){.post-hero{padding:var(--sp-8) 0 var(--sp-6)}.post-body{font-size:var(--text-base)}.post-nav{flex-direction:column}.post-nav__item{max-width:100%}.post-nav__item--next{text-align:left;align-items:flex-start;margin-left:0}.post-sidebar{flex-direction:column}.post-layout{padding:0 15px}}.contact-hero{padding:var(--sp-12) 0 var(--sp-10);border-bottom:1px solid var(--border)}.contact-hero__title{margin-bottom:var(--sp-4)}.contact-hero__sub{font-size:var(--text-md);color:var(--ink-2);max-width:480px;line-height:1.7}.contact-body{padding:var(--sp-12) 0}.contact-grid{gap:var(--sp-10);grid-template-columns:320px 1fr;align-items:start;display:grid}.contact-info{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden}.contact-info__head{padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);background:var(--bg-surface);font-weight:700}.contact-info-list{flex-direction:column;display:flex}.contact-info-item{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);transition:background var(--dur-base) var(--ease);display:flex}.contact-info-item:last-child{border-bottom:none}.contact-info-item:hover{background:var(--bg-surface)}.contact-info-item__icon{background:var(--teal-mid);border-radius:var(--r-sm);width:34px;height:34px;color:var(--teal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.contact-info-item__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px;font-size:10px;display:block}.contact-info-item__value{font-size:var(--text-sm);color:var(--ink);word-break:break-all}.contact-info-item__link{font-size:var(--text-sm);color:var(--teal);transition:color var(--dur-base) var(--ease);word-break:break-all;text-decoration:none}.contact-info-item__link:hover{text-decoration:underline}.contact-info__note{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4) var(--sp-6);background:var(--teal-light);border-top:1px solid var(--border);display:flex}.contact-info__note-icon{color:var(--teal);flex-shrink:0;margin-top:2px}.contact-info__note p{font-size:var(--text-sm);color:var(--ink-2);line-height:1.6}.contact-form-wrap{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);padding:var(--sp-10)}.contact-form__heading{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--ink);margin-bottom:var(--sp-8);font-weight:700}.form-row{gap:var(--sp-5);grid-template-columns:1fr 1fr;display:grid}.form-group{margin-bottom:var(--sp-5)}.form-group label{font-size:var(--text-sm);color:var(--ink-2);margin-bottom:var(--sp-2);font-weight:500;display:block}.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--border-strong);border-radius:var(--r-sm);width:100%;padding:11px var(--sp-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--ink);transition:border-color var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);resize:vertical;outline:none}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--ink-4)}.form-group input:focus,.form-group textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px var(--teal-mid)}.contact-submit{width:100%;font-size:var(--text-base);justify-content:center;padding:13px}.contact-submit:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.contact-submit__spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:14px;height:14px;animation:.7s linear infinite spin}.form-error{margin-top:var(--sp-3);font-size:var(--text-sm);color:var(--red)}.contact-success{text-align:center;padding:var(--sp-16) var(--sp-10);justify-content:center;align-items:center;gap:var(--sp-5);animation:fadeUp var(--dur-slow) var(--ease-out) both;flex-direction:column;display:flex}.contact-success__icon{color:var(--teal)}.contact-success h3{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--ink);font-weight:700}.contact-success p{color:var(--ink-2);font-size:var(--text-base);max-width:300px;line-height:1.7}@media (width<=900px){.contact-grid{gap:var(--sp-6);grid-template-columns:1fr}}@media (width<=600px){.contact-hero{padding:var(--sp-12) 0 var(--sp-8)}.contact-form-wrap{padding:var(--sp-6)}.form-row{grid-template-columns:1fr}.contact-success{padding:var(--sp-10) var(--sp-6)}}.notes-hero{padding:var(--sp-10) 0}.notes-hero__title{margin-bottom:var(--sp-4)}.notes-hero__title em{color:var(--teal);font-style:italic}.notes-hero__sub{font-size:var(--text-md);color:var(--ink-2);max-width:520px;line-height:1.7}.notes-tabs-bar{top:var(--nav-h);z-index:100;background:var(--bg-nav);-webkit-backdrop-filter:blur(16px);position:sticky}.notes-tabs-inner{scrollbar-width:none;align-items:center;gap:2px;display:flex;overflow-x:auto}.notes-tabs-inner::-webkit-scrollbar{display:none}.notes-tab-btn{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--r-sm);cursor:pointer;transition:color var(--dur-base) var(--ease), background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease);white-space:nowrap;background:0 0;border:1px solid #0000;flex-shrink:0}.notes-tab-btn:hover{color:var(--teal);background:var(--teal-mid);border-color:var(--teal-border)}.notes-tab-btn--active{color:#fff;background:var(--teal);border-color:var(--teal)}.notes-body{padding:var(--sp-10) 0 var(--sp-16)}.notes-subject{margin-bottom:var(--sp-10)}.notes-subject-head{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-5);padding-bottom:var(--sp-3);border-bottom:1px solid var(--border);display:flex}.notes-subject-icon{background:var(--teal-mid);border-radius:var(--r-sm);width:32px;height:32px;color:var(--teal);flex-shrink:0;justify-content:center;align-items:center;display:flex}.notes-subject-name{font-family:var(--font-display);font-size:var(--text-xl);color:var(--ink);font-weight:700}.notes-subject-count{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;color:var(--ink-3);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--r-sm);padding:2px var(--sp-3);margin-left:auto}.notes-grid{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.notes-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-md);padding:var(--sp-5);gap:var(--sp-3);transition:border-color var(--dur-base) var(--ease), transform var(--dur-base) var(--ease), box-shadow var(--dur-base) var(--ease);flex-direction:column;display:flex}.notes-card:hover{border-color:var(--teal-border);transform:translateY(-2px);box-shadow:0 8px 28px #00000012}.notes-card__icon{flex-shrink:0;width:40px;height:48px}.notes-card__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);flex:1;font-weight:700;line-height:1.3}.notes-card__desc{font-size:var(--text-xs);color:var(--ink-3);line-height:1.55}.notes-card__actions{gap:var(--sp-2);margin-top:var(--sp-1);display:flex}.notes-btn{font-size:var(--text-xs);font-family:var(--font-mono);letter-spacing:.06em;padding:8px var(--sp-3);border-radius:var(--r-sm);border:1px solid var(--border-strong);color:var(--ink-2);cursor:pointer;transition:color var(--dur-base) var(--ease), background var(--dur-base) var(--ease), border-color var(--dur-base) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;flex:1;justify-content:center;align-items:center;gap:6px;font-weight:500;text-decoration:none;display:inline-flex}.notes-btn:hover{color:var(--teal);background:var(--teal-mid);border-color:var(--teal-border);transform:translateY(-1px)}.notes-btn--primary{background:var(--teal);border-color:var(--teal);color:#fff}.notes-btn--primary:hover{filter:brightness(1.1);background:var(--teal);color:#fff}.notes-btn:disabled{opacity:.7;cursor:not-allowed;pointer-events:none;transform:none}.notes-empty{align-items:center;gap:var(--sp-3);padding:var(--sp-16) 0;color:var(--ink-3);text-align:center;flex-direction:column;display:flex}.notes-empty p{font-size:var(--text-sm);max-width:280px;line-height:1.65}.notes-modal-backdrop{z-index:500;padding:var(--sp-4);animation:fadeIn var(--dur-base) var(--ease-out) both;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.notes-modal{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--r-lg);width:100%;max-width:1200px;height:100vh;animation:fadeUp var(--dur-slow) var(--ease-out) both;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 32px 80px #0000004d}.notes-modal__header{align-items:center;gap:var(--sp-4);padding:var(--sp-4) var(--sp-6);border-bottom:1px solid var(--border);background:var(--bg-surface);display:flex}.notes-modal__title{font-family:var(--font-display);font-size:var(--text-base);color:var(--ink);text-overflow:ellipsis;white-space:nowrap;flex:1;font-weight:700;overflow:hidden}.notes-modal__subtitle{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--ink-3);letter-spacing:.08em}.notes-modal__actions{align-items:center;gap:var(--sp-2);margin-left:auto;display:flex}.notes-modal__close{border-radius:var(--r-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--ink-2);cursor:pointer;background:0 0;justify-content:center;align-items:center;display:flex}.notes-modal__body{background:var(--bg-surface);flex:1;display:flex;overflow:hidden}.notes-modal__body iframe{background:#fff;border:none;width:100%;height:100%}.notes-error-state{justify-content:center;align-items:center;gap:var(--sp-3);width:100%;height:100%;min-height:320px;padding:var(--sp-6);text-align:center;color:var(--ink-3);flex-direction:column;display:flex}.notes-error-state h3{font-family:var(--font-display);font-size:var(--text-lg);color:var(--ink);margin:0;font-weight:700}.notes-error-state p{font-size:var(--text-sm);max-width:280px;margin:0;line-height:1.6}@media (width<=900px){.notes-hero{padding:var(--sp-12) 0 var(--sp-8)}.notes-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}}@media (width<=600px){.notes-hero{padding:var(--sp-2) 0 10px}.notes-hero__sub{display:none}.notes-tabs-bar{margin-bottom:0}.notes-grid{gap:var(--sp-3);grid-template-columns:1fr 1fr}.notes-body{padding:var(--sp-8) 0 var(--sp-12)}.notes-card{padding:var(--sp-4)}.notes-card__desc{display:none}.notes-modal{border-radius:var(--r-md);height:98vh}.notes-modal__header{padding:var(--sp-3) var(--sp-4);gap:var(--sp-3)}.notes-modal__subtitle{display:none}.notes-modal__title{font-size:var(--text-sm);max-width:140px}.notes-modal__actions .notes-btn{padding:var(--sp-1-5) var(--sp-3);font-size:11px}.notes-error-state{min-height:220px;padding:var(--sp-4)}.notes-error-state h3{font-size:var(--text-base)}.notes-error-state p{font-size:var(--text-xs)}}@media (width<=400px){.notes-grid{grid-template-columns:1fr}}.notfound{justify-content:center;align-items:center;min-height:100vh;display:flex}.notfound__inner{text-align:center;padding:var(--sp-12) var(--sp-6);align-items:center;gap:var(--sp-5);max-width:440px;animation:fadeUp var(--dur-slow) var(--ease-out) both;flex-direction:column;display:flex}.notfound__code{font-family:var(--font-display);color:var(--teal);opacity:.12;letter-spacing:-4px;-webkit-user-select:none;user-select:none;font-size:clamp(5rem,18vw,10rem);font-weight:700;line-height:1;display:block}.notfound__title{font-family:var(--font-display);color:var(--ink);margin-top:calc(-1*clamp(3rem,9vw,5rem));font-size:clamp(1.5rem,4vw,2.2rem);font-weight:700}.notfound__desc{font-size:var(--text-base);color:var(--ink-2);line-height:1.7}