:root{--color-primary: #008571;--color-dark: #010101;--color-light: #fefefe;--color-gray-100: #f8f9fa;--color-gray-200: #e9ecef;--color-gray-300: #dee2e6;--color-gray-400: #ced4da;--color-gray-500: #adb5bd;--color-gray-600: #6c757d;--color-gray-700: #495057;--color-gray-800: #343a40;--color-gray-900: #212529;--color-text: var(--color-dark);--color-text-muted: var(--color-gray-600);--color-surface: var(--color-light);--color-surface-elevated: #ffffff;--color-border: var(--color-gray-200);--color-accent: var(--color-primary)}:root{--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;--font-family-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--font-size-xs: clamp(1.1rem, 1.04rem + .19vw, 1.2rem);--font-size-sm: clamp(1.3rem, 1.2rem + .31vw, 1.4rem);--font-size-base: clamp(1.5rem, 1.4rem + .31vw, 1.6rem);--font-size-lg: clamp(1.7rem, 1.5rem + .63vw, 2rem);--font-size-xl: clamp(1.8rem, 1.6rem + .63vw, 2.2rem);--font-size-2xl: clamp(2.2rem, 1.8rem + 1.25vw, 3rem);--font-size-3xl: clamp(2.8rem, 2.2rem + 1.88vw, 4rem);--font-size-4xl: clamp(3.2rem, 2.4rem + 2.5vw, 4.8rem);--font-size-5xl: clamp(4rem, 3rem + 3.13vw, 6.4rem);--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.625;--line-height-loose: 2;--letter-spacing-tight: -.025em;--letter-spacing-normal: 0em;--letter-spacing-wide: .025em}:root{--space-0: 0;--space-1: .4rem;--space-2: .8rem;--space-3: 1.2rem;--space-4: 1.6rem;--space-5: 2rem;--space-6: 2.4rem;--space-8: 3.2rem;--space-10: 4rem;--space-12: 4.8rem;--space-16: 6.4rem;--space-20: 8rem;--space-24: 9.6rem;--space-32: 12.8rem;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1280px;--container-2xl: 1536px;--content-width: 65ch;--content-width-wide: 80ch;--radius-none: 0;--radius-sm: .2rem;--radius-base: .4rem;--radius-md: .6rem;--radius-lg: .8rem;--radius-xl: 1.2rem;--radius-2xl: 1.6rem;--radius-full: 9999px}:root{--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--breakpoint-2xl: 1536px}@custom-media --screen-sm (min-width: 640px);@custom-media --screen-md (min-width: 768px);@custom-media --screen-lg (min-width: 1024px);@custom-media --screen-xl (min-width: 1280px);@custom-media --screen-2xl (min-width: 1536px);@custom-media --container-sm (min-width: 320px);@custom-media --container-md (min-width: 480px);@custom-media --container-lg (min-width: 768px);*,*:before,*:after{box-sizing:border-box}*{margin:0}html{hanging-punctuation:first last}body{line-height:var(--line-height-normal);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img,picture,video,canvas,svg{display:block;max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}ul[role=list],ol[role=list]{list-style:none}h1,h2,h3,h4,button,input,label{line-height:var(--line-height-tight)}h1,h2,h3,h4{text-wrap:balance}p{text-wrap:pretty}input,button,textarea,select{font:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}html{font-family:var(--font-family-base);font-size:62.5%;color:var(--color-text);background-color:var(--color-surface)}body{font-size:var(--font-size-base);line-height:var(--line-height-relaxed)}h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-tight);margin-block-end:var(--space-6)}h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);letter-spacing:var(--letter-spacing-tight);margin-block-end:var(--space-5)}h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);margin-block-end:var(--space-4)}h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);margin-block-end:var(--space-3)}h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin-block-end:var(--space-3)}h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-block-end:var(--space-2)}p{margin-block-end:var(--space-4)}a{color:var(--color-accent);text-decoration:underline;text-underline-offset:.125em;text-decoration-thickness:.0625em;transition:color .2s ease}a:hover{color:var(--color-text)}ul,ol{margin-block-end:var(--space-4);padding-inline-start:var(--space-5)}li{margin-block-end:var(--space-1)}code{font-family:var(--font-family-mono);font-size:.875em;background-color:var(--color-gray-100);padding-inline:var(--space-1);border-radius:var(--radius-sm)}pre{font-family:var(--font-family-mono);font-size:var(--font-size-sm);background-color:var(--color-gray-100);padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;margin-block-end:var(--space-4)}pre code{background:none;padding:0}blockquote{border-inline-start:.4rem solid var(--color-accent);padding-inline-start:var(--space-4);margin-inline-start:var(--space-4);margin-block-end:var(--space-4);font-style:italic;color:var(--color-text-muted)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-accent);color:var(--color-surface);padding:var(--space-3) var(--space-4);text-decoration:none;font-weight:var(--font-weight-bold);z-index:100;border-radius:0 0 var(--radius-md) 0}.skip-link:focus{top:0;outline:2px solid var(--color-text);outline-offset:2px}.page-layout{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.container{max-width:var(--container-lg);margin-inline:auto;padding-inline:var(--space-4)}@media(min-width:768px){.container{padding-inline:var(--space-6)}}@media(min-width:1024px){.container{padding-inline:var(--space-8)}}.content-container{max-width:var(--content-width);margin-inline:auto}.content-container--wide{max-width:var(--content-width-wide)}.main-content{padding-block:var(--space-12)}@media(min-width:768px){.main-content{padding-block:var(--space-16)}}.section{margin-block-end:var(--space-16)}.section--large{margin-block-end:var(--space-24)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.content-grid{display:grid;gap:var(--space-6)}@media(min-width:768px){.content-grid{gap:var(--space-8)}}.posts-grid{display:grid;gap:var(--space-8)}@media(min-width:768px){.posts-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-10)}}.two-column{display:grid;gap:var(--space-8)}@media(min-width:1024px){.two-column{grid-template-columns:2fr 1fr;gap:var(--space-12)}}.three-column{display:grid;gap:var(--space-6)}@media(min-width:768px){.three-column{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.three-column{grid-template-columns:repeat(3,1fr);gap:var(--space-8)}}.auto-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-6)}@media(min-width:768px){.auto-grid{gap:var(--space-8)}}.article-layout{display:grid;gap:var(--space-8)}.article-header{text-align:center;padding-block-end:var(--space-8);border-block-end:1px solid var(--color-border);margin-block-end:var(--space-8)}.article-title{margin-block-end:var(--space-4)}.article-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.article-date{font-weight:var(--font-weight-medium)}.article-content{line-height:var(--line-height-relaxed)}.article-content h2{margin-block-start:var(--space-12)}.article-content h3{margin-block-start:var(--space-10)}.article-content h4,.article-content h5,.article-content h6{margin-block-start:var(--space-8)}.article-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-4);padding-block-start:var(--space-8);border-block-start:1px solid var(--color-border);margin-block-start:var(--space-12)}.article-nav-item{flex:1;text-align:center}.article-nav-item:first-child{text-align:left}.article-nav-item:last-child{text-align:right}.article-nav-link{display:block;padding:var(--space-3);text-decoration:none;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);border-radius:var(--radius-md);transition:background-color .2s ease}.article-nav-link:hover{background-color:var(--color-gray-100)}.lead{margin-block-end:var(--space-8)}.hero-links{display:flex;gap:var(--space-4);flex-wrap:wrap}.section-header{display:flex;justify-content:space-between;align-items:center;margin-block-end:var(--space-8);flex-wrap:wrap;gap:var(--space-4)}.section-header h2{margin:0}.cta-section{text-align:center;padding:var(--space-12);background-color:var(--color-gray-100);border-radius:var(--radius-lg)}.cta-section h2{margin-block-end:var(--space-4)}.cta-section p{color:var(--color-text-muted);margin-block-end:var(--space-6);max-width:50ch;margin-inline:auto}.about-content{display:grid;gap:var(--space-12)}.work-areas{display:grid;gap:var(--space-8);margin-block-start:var(--space-6)}@media(min-width:768px){.work-areas{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}}.work-area{background-color:var(--color-gray-100);padding:var(--space-6);border-radius:var(--radius-lg)}.work-area h3{color:var(--color-text);font-weight:var(--font-weight-semibold);margin-block-end:var(--space-3)}.about-philosophy{background-color:#8dbeb21a;padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid rgba(141,190,178,.2)}.about-philosophy h2{color:var(--color-text)}.contact-content{display:grid;gap:var(--space-12)}.contact-grid{display:grid;gap:var(--space-8)}@media(min-width:768px){.contact-grid{grid-template-columns:1fr 1fr}}.contact-item{background-color:var(--color-gray-100);padding:var(--space-6);border-radius:var(--radius-lg)}.contact-item h4{margin-block-end:var(--space-3);color:var(--color-text);font-weight:var(--font-weight-semibold)}.contact-note{background-color:#8dbeb21a;padding:var(--space-8);border-radius:var(--radius-lg);border:1px solid rgba(141,190,178,.2)}.contact-note h3{color:var(--color-text);margin-block-end:var(--space-4)}.site-header{position:relative;border-block-end:1px solid var(--color-border);background-color:var(--color-surface)}.header-content{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4);gap:var(--space-4)}@media(min-width:768px){.header-content{padding-block:var(--space-6)}}.site-logo{font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);text-decoration:none;color:var(--color-text);letter-spacing:var(--letter-spacing-tight);border-radius:var(--radius-sm);padding:var(--space-1);margin-inline-start:calc(-1 * var(--space-1))}.site-logo:hover,.site-logo:focus{color:var(--color-accent)}.site-logo:focus{outline:2px solid var(--color-accent);outline-offset:2px}.main-nav{display:none}@media(min-width:768px){.main-nav{display:block}}.nav-list{display:flex;gap:var(--space-6);list-style:none;padding:0;margin:0}@media(min-width:1024px){.nav-list{gap:var(--space-8)}}.nav-link{text-decoration:none;color:var(--color-text);font-weight:var(--font-weight-medium);font-size:var(--font-size-sm);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .2s ease}.nav-link:hover,.nav-link:focus,.nav-link[aria-current=page]{color:var(--color-accent);background-color:var(--color-gray-100)}.nav-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.language-switch{display:none}@media(min-width:768px){.language-switch{display:flex;align-items:center;margin-inline-start:var(--space-4)}}.language-link{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);transition:all .2s ease}.language-link:hover,.language-link:focus{color:var(--color-accent);border-color:var(--color-accent)}.language-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.menu-toggle{display:flex;align-items:center;justify-content:center;background:none;border:1px solid var(--color-border);color:var(--color-text);cursor:pointer;padding:var(--space-2);border-radius:var(--radius-md);transition:all .2s ease;width:40px;height:40px}.menu-toggle:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:var(--color-gray-100)}.menu-toggle:focus{outline:2px solid var(--color-accent);outline-offset:2px}@media(min-width:768px){.menu-toggle{display:none}}.mobile-nav{display:block;position:absolute;top:100%;left:0;right:0;background-color:var(--color-surface);border-block-end:1px solid var(--color-border);padding:var(--space-4);transform:translateY(-100%);opacity:0;visibility:hidden;transition:all .3s ease}.mobile-nav.is-open{transform:translateY(0);opacity:1;visibility:visible}@media(min-width:768px){.mobile-nav{display:none}}.mobile-nav-list{list-style:none;padding:0;margin:0;display:grid;gap:var(--space-2)}.mobile-nav-link{display:block;text-decoration:none;color:var(--color-text);font-weight:var(--font-weight-medium);padding:var(--space-3);border-radius:var(--radius-md);transition:all .2s ease}.mobile-nav-link:hover,.mobile-nav-link:focus,.mobile-nav-link[aria-current=page]{color:var(--color-accent);background-color:var(--color-gray-100)}.mobile-nav-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.mobile-nav-link--language{margin-block-start:var(--space-4);border-block-start:1px solid var(--color-border);padding-block-start:var(--space-5);color:var(--color-text-muted);font-size:var(--font-size-sm)}.mobile-nav-link--language:hover,.mobile-nav-link--language:focus{color:var(--color-accent)}.site-footer{border-block-start:1px solid var(--color-border);background-color:var(--color-surface);margin-block-start:var(--space-20)}.footer-content{padding-block:var(--space-8);display:grid;gap:var(--space-6);text-align:center}@media(min-width:768px){.footer-content{grid-template-columns:1fr auto;text-align:left;padding-block:var(--space-12)}}.footer-text{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.footer-text a{color:var(--color-accent);text-decoration:underline;border-radius:var(--radius-sm)}.footer-text a:hover,.footer-text a:focus{color:var(--color-text)}.footer-text a:focus{outline:2px solid var(--color-accent);outline-offset:2px}.social-links{display:flex;gap:var(--space-4);justify-content:center;align-items:center}@media(min-width:768px){.social-links{justify-content:flex-end}}.social-link{display:inline-flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);transition:all .2s ease}.social-link:hover,.social-link:focus{color:var(--color-accent);background-color:var(--color-gray-100)}.social-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.social-icon{width:1.8rem;height:1.8rem;fill:currentColor}.article-card,.note-card{background-color:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all .2s ease;container-type:inline-size}.article-card:hover,.note-card:hover,.article-card:focus-within,.note-card:focus-within{border-color:var(--color-accent);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-header{margin-block-end:var(--space-4)}.card-title{font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-block-end:var(--space-2);line-height:var(--line-height-tight)}.card-title a{text-decoration:none;color:var(--color-text);border-radius:var(--radius-sm);outline-offset:4px}.card-title a:hover,.card-title a:focus{color:var(--color-accent)}.card-title a:focus{outline:2px solid var(--color-accent)}.card-description{color:var(--color-text-muted);line-height:var(--line-height-relaxed);margin-block-end:var(--space-4)}.card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);font-size:var(--font-size-sm);color:var(--color-text-muted)}.card-date{font-weight:var(--font-weight-medium)}.card-categories{display:flex;flex-wrap:wrap;gap:var(--space-2)}.note-card{padding:var(--space-5)}.note-card .card-title{font-size:var(--font-size-lg)}.note-card .card-description{margin-block-end:var(--space-3)}@container (min-width: 400px){.article-card{padding:var(--space-8)}.card-title{font-size:var(--font-size-2xl)}}.article-card--featured{border:2px solid var(--color-accent);background:linear-gradient(135deg,var(--color-surface-elevated) 0%,rgba(141,190,178,.05) 100%)}.article-card--featured .card-title{color:var(--color-accent)}.category-tag{display:inline-flex;align-items:center;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-gray-800);background-color:#8dbeb226;border:1px solid rgba(141,190,178,.3);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);text-decoration:none;transition:all .2s ease}.category-tag:hover,.category-tag:focus{background-color:var(--color-accent);color:var(--color-surface);border-color:var(--color-accent)}.category-tag:focus{outline:2px solid var(--color-accent);outline-offset:2px}.category-tag--articles{color:var(--color-gray-800);background-color:#8dbeb226;border-color:#8dbeb24d}.category-tag--articles:hover{background-color:var(--color-accent);color:var(--color-surface)}.category-tag--notes{color:var(--color-gray-700);background-color:var(--color-gray-100);border-color:var(--color-gray-200)}.category-tag--notes:hover{background-color:var(--color-gray-700);color:var(--color-surface);border-color:var(--color-gray-700)}.category-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;padding:0;margin:0}.category-filter{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-end:var(--space-8);padding-block-end:var(--space-6);border-block-end:1px solid var(--color-border)}.category-filter-label{font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);margin-inline-end:var(--space-2);align-self:center}.category-filter-item{display:inline-flex}.category-filter-link{display:inline-flex;align-items:center;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-text-muted);background-color:var(--color-gray-100);border:1px solid var(--color-border);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);text-decoration:none;transition:all .2s ease}.category-filter-link:hover,.category-filter-link:focus,.category-filter-link[aria-current=page]{color:var(--color-text);background-color:#8dbeb226;border-color:var(--color-accent)}.category-filter-link:focus{outline:2px solid var(--color-accent);outline-offset:2px}.button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);text-decoration:none;border:1px solid transparent;border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);cursor:pointer;transition:all .2s ease;background:none}.button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.button--primary{color:var(--color-surface);background-color:var(--color-accent);border-color:var(--color-accent)}.button--primary:hover{color:var(--color-surface);background-color:var(--color-text);border-color:var(--color-text)}.button--secondary{color:var(--color-text);background-color:transparent;border-color:var(--color-border)}.button--secondary:hover{background-color:var(--color-gray-100);border-color:var(--color-accent);color:var(--color-accent)}.button--ghost{color:var(--color-text);background-color:transparent;border-color:transparent}.button--ghost:hover{background-color:var(--color-gray-100);color:var(--color-accent)}.button--small{font-size:var(--font-size-xs);padding:var(--space-2) var(--space-3)}.button--large{font-size:var(--font-size-base);padding:var(--space-4) var(--space-6)}.button:disabled{opacity:.5;cursor:not-allowed}.button:disabled:hover{background-color:initial;border-color:initial;color:initial}.read-more{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);color:var(--color-accent);text-decoration:none;transition:color .2s ease;border-radius:var(--radius-sm);padding:var(--space-1) var(--space-2);margin-inline-end:calc(-1 * var(--space-2))}.read-more:hover,.read-more:focus{color:var(--color-text)}.read-more:focus{outline:2px solid var(--color-accent);outline-offset:2px}.read-more:after{content:"→";transition:transform .2s ease}.read-more:hover:after{transform:translate(.4rem)}.page-header{text-align:center;margin-block-end:var(--space-12)}.page-description{font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:60ch;margin-inline:auto;margin-block-start:var(--space-4)}.lead{font-size:var(--font-size-xl);color:var(--color-text-muted);max-width:60ch;margin-inline:auto}.empty-state{text-align:center;padding:var(--space-16);color:var(--color-text-muted)}.empty-state h2{color:var(--color-text);margin-block-end:var(--space-4)}.empty-state a{color:var(--color-accent);text-decoration:underline}.social-links{display:grid;gap:var(--space-3);margin-block-start:var(--space-4)}.social-link{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);font-weight:var(--font-weight-medium);padding:var(--space-3);border-radius:var(--radius-md);transition:all .2s ease;background-color:var(--color-surface);border:1px solid var(--color-border)}.social-link:hover{color:var(--color-accent);border-color:var(--color-accent);background-color:#8dbeb20d}.social-icon{width:2rem;height:2rem;fill:currentColor;flex-shrink:0}