@import"https://fonts.googleapis.com/css2?family=Asap:ital,wght@0,100..900;1,100..900&family=Chivo+Mono:ital,wght@0,100..900;1,100..900&family=Oswald:wght@200..700&display=swap";:root{--story-color: #f17c0a;--font-header-main: "Asap", sans-serif;--font-tagline: "Chivo Mono", monospace;--font-details: "Oswald", sans-serif;--font-header-sub: "Asap", sans-serif;--font-body: "Chivo Mono", monospace;--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--transition-speed: .5s;--fleuron-left: "🙞";--fleuron-right: "🙜";--cul-de-lampe: "✾";--gallery-grid-pattern-url: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48ZGVmcz48cGF0dGVybiBpZD0iZ3JpZCIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIiBwYXR0ZXJuVW5pdHM9InVzZXJTcGFjZU9uVXNlIj48cGF0aCBkPSJNIDIwIDAgTCAwIDAgMCAyMCIgZmlsbD0ibm9uZSIgc3Ryb2tlPSJibGFjayIgc3Ryb2tlLXdpZHRoPSIwLjUiLz48L3BhdHRlcm4+PC9kZWZzPjxyZWN0IHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JpZCkiLz48L3N2Zz4=);--bg-color-light: #ffefe1;--gradient-color-1-light: #ffefe1;--gradient-color-2-light: #ffd1dc;--text-color-light: #2b2b2b;--gray-details-light: #828282;--accent-color-light: #e43c00;--outline-color-light: #a5a5a5;--story-header-light: #2b2b2b;--footer-text-light: #ffefe1;--hover-bg-color-light: rgba(0, 0, 0, .04);--dominant-color-light: #f17c0a;--dominant-color-alpha-light: rgba(241, 124, 10, .2);--bg-color-dark: #2b2b2b;--gradient-color-1-dark: #2b2b2b;--gradient-color-2-dark: #007272;--text-color-dark: #ffefe1;--gray-details-dark: #a5a5a5;--accent-color-dark: #0cafef;--outline-color-dark: #5a5a5a;--story-header-dark: #ffefe1;--footer-text-dark: #ffefe1;--hover-bg-color-dark: rgba(255, 255, 255, .08);--dominant-color-dark: #0178e0;--dominant-color-alpha-dark: rgba(1, 120, 224, .2)}[data-theme=light]{--bg-color: var(--bg-color-light);--bg-color-alpha: rgba(255, 239, 225, .85);--text-color: var(--text-color-light);--gray-details: var(--gray-details-light);--accent-color: var(--accent-color-light);--dominant-color: var(--dominant-color-light);--dominant-color-alpha: var(--dominant-color-alpha-light);--outline-color: var(--outline-color-light);--story-header-color: var(--story-header-light);--gallery-header-bg-color: var(--story-header-light);--footer-text-color: var(--footer-text-light);--hover-bg-color: var(--hover-bg-color-light);--gradient-color-1: var(--gradient-color-1-light);--gradient-color-2: var(--gradient-color-2-light);--topbar-bg: rgba(255, 255, 255, .75);--topbar-text: #000000}[data-theme=dark]{--bg-color: var(--bg-color-dark);--bg-color-alpha: rgba(43, 43, 43, .85);--text-color: var(--text-color-dark);--gray-details: var(--gray-details-dark);--accent-color: var(--accent-color-dark);--dominant-color: var(--dominant-color-dark);--dominant-color-alpha: var(--dominant-color-alpha-dark);--outline-color: var(--outline-color-dark);--story-header-color: var(--story-header-dark);--gallery-header-bg-color: var(--story-header-dark);--footer-text-color: var(--footer-text-dark);--hover-bg-color: var(--hover-bg-color-dark);--gradient-color-1: var(--gradient-color-1-dark);--gradient-color-2: var(--gradient-color-2-dark);--topbar-bg: rgba(0, 0, 0, .75);--topbar-text: #ffffff}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-color);transition:background-color var(--transition-speed) var(--ease-out-quart),color var(--transition-speed) var(--ease-out-quart);overflow-x:hidden;zoom:.85}#root{min-height:100vh;z-index:1;position:relative;display:flex;flex-direction:column;overflow:clip}@keyframes subtle-gradient-animation{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}#root:before{content:"";position:absolute;top:-250px;right:-250px;bottom:-250px;left:-250px;z-index:-1;pointer-events:none;background:linear-gradient(-45deg,var(--bg-color),var(--gradient-color-1),var(--bg-color),var(--gradient-color-2));background-size:400% 400%;animation:subtle-gradient-animation 25s ease infinite;opacity:1;transition:opacity 1.2s ease-in-out;filter:blur(128px)}#root.story-active:before{opacity:0}@keyframes fw-intro-swell{0%{font-weight:100}}@keyframes fw-periodic-swell{90%{font-weight:100}95%{font-weight:900}}.variable-weight-anim{animation:fw-intro-swell 1.5s var(--ease-out-quart) backwards,fw-periodic-swell 12s ease-in-out infinite 2s;transition:font-weight .8s ease-out,color .4s var(--ease-out-quart)}h1{font-family:var(--font-header-main);font-weight:300;font-style:italic;font-size:clamp(2.5rem,6vw,4rem);color:var(--dominant-color);transition:color .5s var(--ease-out-quart)}h2{font-family:var(--font-header-sub);font-weight:600;font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:1rem;color:var(--dominant-color);transition:color .5s var(--ease-out-quart)}h3{margin:0}p{line-height:1.7;font-weight:400;margin-bottom:1.5rem}.date,.tagline{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em}.tagline{font-family:var(--font-tagline);text-transform:none;font-weight:100;font-size:1.1rem;margin-top:.5rem;color:var(--story-header-color)}.back-button{display:inline-flex;align-items:center;gap:.5rem;background:transparent;border:none;color:var(--dominant-color);font-family:var(--font-details);text-transform:uppercase;cursor:pointer;font-size:1rem;letter-spacing:.1em;padding:.5rem 0;transition:transform .3s ease,color .5s var(--ease-out-quart)}.back-button:hover{transform:translate(-3px)}.language-toggle{background:transparent;border:1px solid var(--outline-color);color:var(--gray-details);font-family:var(--font-details);font-weight:700;width:40px;height:40px;border-radius:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .3s ease,border-color .3s ease,transform .3s ease,opacity .3s ease;flex-shrink:0;font-size:.9rem}.language-toggle:hover:not(:disabled){color:var(--dominant-color);border-color:var(--dominant-color);transform:scale(1.1)}.language-toggle:disabled{opacity:.5;cursor:not-allowed;transform:none}.view{opacity:1;transform:translateY(0);transition:opacity .8s var(--ease-out-quart),transform .8s var(--ease-out-quart)}.view.hidden{opacity:0;transform:translateY(20px);pointer-events:none;position:absolute;top:0;left:0;width:100%}*{scrollbar-width:thin;scrollbar-color:var(--dominant-color-alpha) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--dominant-color-alpha);border-radius:20px;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background-color:var(--dominant-color)}::-webkit-scrollbar-corner{background:transparent}.site-navbar{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;margin-bottom:2rem;border-bottom:1px dotted var(--outline-color);width:100%;gap:1rem}.navbar-logo{flex:1;display:flex;justify-content:flex-start}.navbar-logo a{color:var(--text-color);transition:color .3s ease;display:flex;align-items:center}.navbar-logo a:hover{color:var(--dominant-color)}.navbar-links{display:flex;align-items:center;justify-content:center;gap:.5rem;flex:0 1 auto}.navbar-link{display:flex;align-items:center;gap:.75rem;padding:.5rem 1.25rem;border-radius:30px;font-family:var(--font-details);font-size:1rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-details);text-decoration:none;border:1px solid transparent;transition:all .4s var(--ease-out-quart);transform-origin:center}.navbar-link:hover:not(.active){background-color:var(--hover-bg-color);color:var(--dominant-color);transform:translateY(-2px)}.navbar-link.active{font-weight:600;color:var(--bg-color);background-color:var(--dominant-color);border-color:var(--dominant-color);transform:scale(1.05)}.navbar-link.active:hover{filter:brightness(1.15)}.navbar-icon-wrapper{display:flex;align-items:center;justify-content:center}.navbar-icon-wrapper svg{width:20px;height:20px}.navbar-controls{display:flex;align-items:center;justify-content:flex-end;gap:.75rem;flex:1}.navbar-controls .theme-toggle{position:static;width:40px;height:40px;background:transparent;border:1px solid var(--outline-color);color:var(--gray-details);transition:color .3s ease,border-color .3s ease,transform .3s ease;border-radius:50%;display:flex;align-items:center;justify-content:center}.navbar-controls .theme-toggle:hover{color:var(--dominant-color);border-color:var(--dominant-color);background-color:transparent;transform:scale(1.1)}.theme-toggle-icon{display:block;width:20px;height:20px;background-color:currentColor;transition:all .4s var(--ease-out-quart);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.theme-toggle-icon.light{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3e%3cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='black'%3e%3cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3e%3c/svg%3e")}.theme-toggle-icon.dark{-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='4'%3e%3c/circle%3e%3cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'%3e%3c/path%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3ccircle cx='12' cy='12' r='4'%3e%3c/circle%3e%3cpath d='M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M4.93 19.07l1.41-1.41M17.66 6.34l1.41-1.41'%3e%3c/path%3e%3c/svg%3e")}.theme-toggle:hover .theme-toggle-icon.light{transform:rotate(-15deg)}.theme-toggle:hover .theme-toggle-icon.dark{transform:rotate(45deg)}@media(max-width:900px){.site-navbar{gap:1rem;margin-bottom:1rem;padding-bottom:1rem}.navbar-links{gap:.25rem}.navbar-link{padding:.6rem;gap:0}.navbar-link-text{display:none}}.navbar-logo a:hover .logo-dark-glow{stroke:var(--dominant-color)}.app-container{display:flex;flex-direction:column;padding:calc(2rem + 36px) clamp(1rem,4vw,4rem) 0 clamp(1rem,4vw,4rem);width:100%;max-width:1600px;margin:0 auto;flex-grow:1}.main-layout-grid{display:grid;grid-template-columns:1fr;grid-template-areas:"content";gap:0;flex-grow:1;width:100%}.main-layout-grid.with-aside{grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:"content aside";gap:0 4rem}.main-layout-grid.view-about{display:grid;grid-template-columns:200px minmax(0,1fr) 280px;grid-template-areas:"toc content aside";gap:0 3rem}.view-about>aside,.view-about .about-sidebar{grid-area:aside}.view-about>section,.view-about .about-content{grid-area:content}.view-about .about-toc-sidebar{grid-area:toc}.view-notes,.view-what-i-do{display:block!important;width:100%!important}.content-area{grid-area:content;position:relative;min-width:0}@media(max-width:900px){.app-container{padding:calc(1rem + 36px) 1rem 1rem 1rem}.main-layout-grid,.main-layout-grid.view-about,.main-layout-grid.with-aside{display:block;gap:0}}.site-footer{margin-top:6rem;padding:4rem clamp(2rem,6vw,6rem) 3rem;background-color:var(--dominant-color);color:var(--footer-text-color);border-radius:24px 24px 0 0;position:relative;overflow:hidden;transition:background-color .5s var(--ease-out-quart),color .5s var(--ease-out-quart)}[data-theme=light] .site-footer{--footer-text-color: var(--text-color-light);--footer-heading-color: var(--text-color-light);--footer-link-color: var(--text-color-light);--footer-link-hover-color: #000000;--footer-outline-color: rgba(0, 0, 0, .2);--footer-bg-subtle: rgba(0, 0, 0, .05)}[data-theme=dark] .site-footer{--footer-text-color: var(--text-color-dark);--footer-heading-color: var(--text-color-dark);--footer-link-color: var(--text-color-dark);--footer-link-hover-color: #ffffff;--footer-outline-color: rgba(255, 255, 255, .2);--footer-bg-subtle: rgba(255, 255, 255, .1)}.site-footer:before{content:"";position:absolute;bottom:0;left:0;right:0;height:150px;background-color:var(--footer-heading-color);opacity:.1;z-index:0;pointer-events:none;-webkit-mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 96 1440 224'%3e%3cpath fill='%23fff' d='M0,160L48,181.3C96,203,192,245,288,240C384,235,480,181,576,176C672,171,768,213,864,208C960,203,1056,149,1152,122.7C1248,96,1344,96,1392,96L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3e%3c/path%3e%3c/svg%3e");mask-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 96 1440 224'%3e%3cpath fill='%23fff' d='M0,160L48,181.3C96,203,192,245,288,240C384,235,480,181,576,176C672,171,768,213,864,208C960,203,1056,149,1152,122.7C1248,96,1344,96,1392,96L1440,96L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z'%3e%3c/path%3e%3c/svg%3e");-webkit-mask-size:100% auto;mask-size:100% auto;-webkit-mask-position:center bottom;mask-position:center bottom;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.footer-grid{display:grid;grid-template-areas:"sitemap newsletter" "bottom bottom";grid-template-columns:2fr 1fr;gap:3rem 4rem;position:relative;z-index:1}.footer-sitemap{grid-area:sitemap;display:flex;gap:4rem}.footer-newsletter{grid-area:newsletter}.footer-bottom{grid-area:bottom;padding-top:3rem;margin-top:3rem;display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative}.footer-bottom:before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background-image:linear-gradient(to right,var(--footer-outline-color) 2px,transparent 2px);background-size:10px 1px;background-repeat:repeat-x}.footer-sitemap-column h4{font-family:var(--font-details);text-transform:uppercase;letter-spacing:.1em;font-size:1rem;margin-bottom:1.5rem;color:var(--footer-heading-color)}.footer-sitemap-column ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1rem}.footer-sitemap-column a{color:var(--footer-link-color);text-decoration:none;display:inline-block;transition:transform .3s var(--ease-out-quart),color .3s ease}.footer-sitemap-column a:hover{color:var(--footer-link-hover-color);transform:translateY(-2px)}.sitemap-link-label{font-family:var(--font-header-sub);font-size:1.1rem;font-weight:600;display:block}.sitemap-link-desc{font-size:.9rem;opacity:.8;transition:opacity .3s ease}.footer-sitemap-column a:hover .sitemap-link-desc{opacity:1;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}.footer-newsletter h4{font-family:var(--font-header-main);font-style:italic;font-size:1.5rem;margin-bottom:.5rem;color:var(--footer-heading-color)}.footer-newsletter p{font-size:.9rem;margin-bottom:1.5rem;color:var(--footer-link-color);max-width:40ch;opacity:.8}.newsletter-form{display:flex}.newsletter-form input{flex-grow:1;border:1px solid var(--footer-outline-color);background:var(--footer-bg-subtle);color:var(--footer-heading-color);padding:.75rem 1rem;border-radius:8px 0 0 8px;font-size:1rem;min-width:0;transition:box-shadow .3s ease}.newsletter-form input::placeholder{color:var(--footer-link-color);opacity:.7}.newsletter-form input:focus{outline:none;box-shadow:inset 0 0 0 2px var(--footer-heading-color)}.newsletter-form button{border:none;background:var(--footer-heading-color);color:var(--accent-color);padding:.75rem 1.5rem;border-radius:0 8px 8px 0;font-family:var(--font-details);font-weight:600;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;transition:all .3s var(--ease-out-quart)}.newsletter-form button:hover{transform:scale(1.05);filter:brightness(1.2)}.story-active .newsletter-form button{color:var(--dominant-color)}.footer-social-links{display:flex;gap:.5rem}.social-icon{--brand-color: var(--footer-heading-color);color:var(--footer-text-color);opacity:.8;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;transition:all .3s var(--ease-out-quart)}.social-icon:hover{background-color:var(--brand-color);color:#fff;transform:translateY(-3px) scale(1.05);opacity:1;box-shadow:0 4px 15px #0003}.social-icon.linkedin{--brand-color: #0077B5}.social-icon.github{--brand-color: #181717}[data-theme=light] .social-icon.github:hover{color:#fff}[data-theme=dark] .social-icon.github{--brand-color: #f0f6fc}[data-theme=dark] .social-icon.github:hover{color:#181717}.social-icon.behance{--brand-color: #053eff}.social-icon.openprocessing{--brand-color: #000}[data-theme=light] .social-icon.openprocessing:hover{color:#fff}[data-theme=dark] .social-icon.openprocessing{--brand-color: #fff}[data-theme=dark] .social-icon.openprocessing:hover{color:#000}.social-icon.youtube{--brand-color: #FF0000}.footer-copyright{font-size:.9rem;opacity:.7}.footer-copyright p{margin:0}@media(max-width:960px){.footer-grid{grid-template-areas:"sitemap" "newsletter" "bottom";grid-template-columns:1fr;gap:3rem}}@media(max-width:600px){.site-footer{padding:3rem 1.5rem}.footer-sitemap{flex-direction:column;gap:2.5rem}}.scroll-progress-bar{position:fixed;top:36px;left:0;height:4px;background-color:var(--dominant-color);z-index:1001;transition:width .05s linear,background-color .5s var(--ease-out-quart)}.back-to-top-button{position:fixed;top:calc(2rem + 36px);right:2rem;width:44px;height:44px;background:var(--bg-color);border:1px solid var(--outline-color);color:var(--text-color);border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:1000;transition:all .4s var(--ease-out-quart);opacity:0;transform:translateY(-20px) scale(.9);pointer-events:none}.back-to-top-button.visible{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.back-to-top-button:hover{background-color:var(--dominant-color);color:var(--bg-color);border-color:var(--dominant-color);transform:scale(1.1)}.back-to-top-button svg{width:24px;height:24px}@media(max-width:900px){.back-to-top-button{top:auto;bottom:2rem;right:2rem;left:auto}}.story-details-mobile,.related-stories-mobile{display:none}.story-details-mobile{margin:2rem 0 0;padding:0;border:none}.story-details-mobile h3,.related-stories-mobile h3{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em;font-size:.9rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px dotted var(--outline-color)}.story-details-mobile h3{display:none}.story-details-mobile-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1.5rem}.story-details-mobile .meta-item{font-size:1rem}.story-details-mobile .meta-item strong{font-weight:600;color:var(--text-color);margin-right:.4rem}.story-details-mobile .meta-item a{color:var(--dominant-color);text-decoration:none}.story-details-mobile .meta-item a:hover{text-decoration:underline}.story-details-mobile .story-details-tags{margin-top:1.5rem}.related-stories-mobile{margin-top:3rem;padding-top:0;position:relative}.related-stories-mobile ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.mobile-filter-toggle{display:none}.mobile-filter-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;z-index:200;opacity:0;transition:opacity .4s var(--ease-out-quart);pointer-events:none}.mobile-filter-overlay.open{opacity:1;pointer-events:auto}.mobile-filter-panel{position:absolute;top:0;left:0;width:85%;max-width:320px;height:100%;background-color:var(--bg-color);transform:translate(-100%);transition:transform .4s var(--ease-out-quart);display:flex;flex-direction:column;box-shadow:4px 0 15px #0000001a}.mobile-filter-overlay.open .mobile-filter-panel{transform:translate(0)}.mobile-filter-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid var(--outline-color);flex-shrink:0}.mobile-filter-header h3{font-family:var(--font-details);font-size:1rem;letter-spacing:.05em;text-transform:uppercase}.close-button{background:none;border:none;font-size:2.5rem;line-height:1;font-weight:300;color:var(--gray-details);cursor:pointer;padding:0}.mobile-filter-content{padding:1.5rem;overflow-y:auto;flex-grow:1}.mobile-filter-content .filter-aside{padding:0}@media(max-width:900px){.app-container{display:flex;flex-direction:column;padding:calc(1rem + 36px) 1rem 0 1rem;gap:0rem}.content-area{order:1}.site-footer{order:2;margin-top:4rem}.app-container>.filter-aside,.story-aside,.main-layout-grid>.filter-aside,.main-layout-grid>.story-aside{display:none}.story-details-mobile,.related-stories-mobile{display:block}.footer-content{justify-content:flex-start;text-align:left}.footer-bio{flex-basis:100%;justify-content:flex-start}.footer-right{order:2;flex-basis:100%;align-items:flex-start}.footer-copyright{text-align:left}.gallery-controls .control-toggle{display:none}.view-gallery .mobile-filter-toggle{display:flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--outline-color);color:var(--gray-details);width:40px;height:40px;border-radius:50%;cursor:pointer;transition:color .3s ease,border-color .3s ease,transform .3s ease}.view-gallery .mobile-filter-toggle:hover{color:var(--dominant-color);border-color:var(--dominant-color);transform:scale(1.1)}.gallery-controls{gap:.5rem}.view-gallery .gallery-controls .control-toggle{display:flex}}@media(max-width:480px){.typewriter-subtitle-container{font-size:1rem;max-width:30ch}.gallery-header h1{font-size:2rem}}.home-page-container{width:100%;margin:0 auto;padding:0;display:flex;flex-direction:column;gap:4rem}.home-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:4rem}.home-main-column{display:flex;flex-direction:column;gap:4rem}.home-sidebar{display:flex;flex-direction:column;gap:3.5rem}.sidebar-bio{padding:2rem;background:var(--hover-bg-color);border-radius:20px;border:1px solid var(--outline-color)}.sidebar-bio-img{width:60px;height:60px;border-radius:50%;margin-bottom:1.5rem;border:3px solid var(--dominant-color);padding:3px;background:var(--bg-color);object-fit:cover}.sidebar-bio-text h3{font-family:var(--font-header-sub);font-size:1.25rem;margin-bottom:.25rem;color:var(--text-color)}.sidebar-bio-text .sidebar-subtitle{font-size:.85rem;color:var(--gray-details);line-height:1.4;margin-bottom:1rem}.sidebar-title-count{font-family:var(--font-details);font-size:.7rem;color:var(--accent-color);opacity:.8}.sidebar-now-mini{margin:1.5rem 0;padding:1.25rem 0 .5rem;border-top:1px solid var(--outline-color);display:flex;flex-direction:column;gap:1rem}.sidebar-now-mini p{font-size:.85rem;color:var(--text-color);line-height:1.5;margin:0;display:flex;align-items:flex-start;gap:.75rem}.sidebar-now-mini p span{flex:1}.sidebar-now-mini a{color:var(--dominant-color);text-decoration:none;font-weight:600;border-bottom:1px solid transparent;transition:all .3s ease}.sidebar-now-mini a:hover{border-bottom-color:var(--dominant-color)}.sidebar-now-mini a.sidebar-now-more{color:var(--accent-color)}.sidebar-now-mini a.sidebar-now-more:hover{border-bottom-color:var(--accent-color)}.sidebar-socials{display:flex;gap:.5rem}.sidebar-social-link{width:32px;height:32px;border-radius:8px;background:var(--bg-color);color:var(--text-color);display:flex;align-items:center;justify-content:center;border:1px solid var(--outline-color);transition:all .3s var(--ease-out-quart)}.sidebar-social-link:hover{background:var(--dominant-color);color:var(--bg-color);border-color:var(--dominant-color);transform:translateY(-2px)}.newsletter-sidebar-card{padding:1.5rem;background:var(--dominant-color);border-radius:16px;color:var(--bg-color)}.newsletter-sidebar-card h3{font-family:var(--font-header-sub);font-size:1.2rem;margin-bottom:.5rem}.newsletter-sidebar-card p{font-size:.85rem;opacity:.9;margin-bottom:1.25rem;line-height:1.4}.sidebar-newsletter-form{display:flex;flex-direction:column;gap:.75rem}.sidebar-newsletter-form input{padding:.75rem 1rem;border-radius:10px;border:none;font-family:var(--font-body);font-size:.9rem;background:#fff3;color:var(--bg-color)}.sidebar-newsletter-form input::placeholder{color:#fff9}.sidebar-newsletter-form button{padding:.75rem;border-radius:10px;border:none;background:var(--bg-color);color:var(--accent-color);font-family:var(--font-details);text-transform:uppercase;font-weight:600;cursor:pointer;transition:transform .3s ease}.sidebar-newsletter-form button:hover{transform:translateY(-2px)}.reveal-on-scroll{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease-out-quart),transform 1s var(--ease-out-quart)}.reveal-on-scroll.in-view{opacity:1;transform:translateY(0)}.home-hero{position:relative;height:400px;display:flex;align-items:center;justify-content:center;text-align:center;border-radius:20px;overflow:hidden;color:var(--text-color);padding:2rem;background-color:var(--hover-bg-color)}.hero-background-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.hero-background{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1.5s var(--ease-out-quart);transform:scale(1.1)}.hero-background.active{opacity:.2;transform:scale(1)}.hero-background svg{width:100%;height:100%;object-fit:cover;color:var(--dominant-color)}.hero-text-container{position:relative;z-index:1;animation:text-fade-in 1.2s var(--ease-out-quart) both}@keyframes text-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hero-title{font-family:var(--font-header-main);font-weight:600;font-size:clamp(3rem,10vw,5.5rem);line-height:1.1;color:var(--text-color);margin:0}.hero-subtitle{font-family:var(--font-tagline);font-size:clamp(1rem,3vw,1.2rem);color:var(--gray-details);margin:1rem auto 0;max-width:40ch}.hero-dots{position:absolute;bottom:1.5rem;left:50%;transform:translate(-50%);display:flex;gap:.75rem;z-index:2}.hero-dot{width:10px;height:10px;border-radius:50%;background-color:var(--outline-color);border:none;padding:0;cursor:pointer;transition:all .4s var(--ease-out-quart)}.hero-dot:hover{background-color:var(--text-color)}.hero-dot.active{background-color:var(--dominant-color);transform:scale(1.3)}.home-section-title{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em;font-size:1rem;margin-bottom:2rem;text-align:center;display:flex;align-items:center;gap:1.5rem}.home-section-title:before,.home-section-title:after{content:"";flex-grow:1;height:1px;background-color:var(--outline-color);opacity:.5}.home-nav-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.nav-card{background:var(--hover-bg-color);border:1px solid var(--outline-color);border-radius:12px;padding:1.5rem;text-decoration:none;display:flex;flex-direction:column;gap:1rem;transition:all .3s var(--ease-out-quart)}.nav-card:hover{transform:translateY(-5px) scale(1.02);box-shadow:0 10px 30px -10px var(--dominant-color-alpha);border-color:var(--dominant-color)}.nav-card-icon{width:44px;height:44px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--dominant-color);color:var(--bg-color);flex-shrink:0;transition:all .3s var(--ease-out-quart)}.nav-card:hover .nav-card-icon{transform:scale(1.1) rotate(-5deg)}.nav-card-content h3{font-family:var(--font-header-sub);font-size:1.3rem;font-weight:600;color:var(--text-color);margin:0 0 .5rem;transition:color .3s ease}.nav-card:hover h3{color:var(--dominant-color)}.nav-card-content p{font-size:1rem;line-height:1.5;color:var(--gray-details);margin:0}.nav-card-content p span{font-weight:700;color:var(--accent-color);font-size:1.15rem;font-family:var(--font-header-sub)}.recent-stories-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.recent-story-button{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1.5rem;border-radius:12px;text-align:left;background-color:var(--hover-bg-color);border:1px solid var(--outline-color);cursor:pointer;transition:all .4s var(--ease-out-quart)}.recent-story-button:hover{background-color:var(--bg-color);border-color:var(--story-hover-color, var(--dominant-color));transform:translate(8px);box-shadow:0 4px 20px -5px var(--dominant-color-alpha)}.recent-story-left-wrapper{display:flex;align-items:center;gap:1.5rem;flex-grow:1}.recent-story-ornament{font-size:1.8rem;width:2em;height:2em;background:var(--bg-color);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000d;transition:transform .4s var(--ease-out-quart)}.recent-story-button:hover .recent-story-ornament{transform:rotate(15deg) scale(1.1)}.recent-story-info{display:flex;flex-direction:column;gap:.2rem}.recent-story-title{font-family:var(--font-header-sub);font-weight:600;font-size:1.25rem;color:var(--text-color);transition:color .3s ease}.recent-story-category{font-family:var(--font-details);font-size:.85rem;text-transform:uppercase;color:var(--dominant-color);letter-spacing:.05em;opacity:.8}.recent-story-date{background:var(--bg-color);padding:.4rem .8rem;border-radius:20px;font-family:var(--font-details);font-size:.8rem;color:var(--gray-details);text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;border:1px solid var(--outline-color)}.home-projects-section{position:relative;padding:0 0 2rem}.home-project-carousel{position:relative;width:100%;aspect-ratio:16/7;min-height:450px;background:var(--bg-color);border-radius:24px;overflow:hidden;margin-bottom:3rem;box-shadow:0 10px 40px -10px #0000001a;border:1px solid var(--outline-color)}.carousel-track-container{position:relative;height:100%;width:100%}.carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 1s var(--ease-out-quart),visibility 1s var(--ease-out-quart);z-index:1}.carousel-slide.active{opacity:1;visibility:visible;pointer-events:auto;z-index:2}.carousel-image{position:relative;width:60%;height:100%}.carousel-image img{width:100%;height:100%;object-fit:cover}.carousel-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent,var(--bg-color))}.carousel-info-card{width:40%;padding:4rem 3rem;display:flex;flex-direction:column;justify-content:center;background:var(--bg-color-alpha, rgba(255, 255, 255, .9));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.carousel-category{font-family:var(--font-details);text-transform:uppercase;color:var(--dominant-color);letter-spacing:.1em;font-size:.9rem;margin-bottom:.5rem}.carousel-title{font-family:var(--font-header-main);font-size:2.5rem;line-height:1.1;margin-bottom:1.5rem;color:var(--text-color)}.carousel-description{font-size:1.1rem;line-height:1.6;color:var(--gray-details);margin-bottom:2rem;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.carousel-cta-button{align-self:flex-start;padding:1rem 2rem;background:var(--accent-color);color:var(--bg-color);border:none;border-radius:30px;font-family:var(--font-details);text-transform:uppercase;font-weight:600;cursor:pointer;transition:all .3s var(--ease-out-quart)}.carousel-cta-button:hover{transform:translateY(-2px);filter:brightness(1.1);box-shadow:0 5px 15px #0003}.carousel-nav-dots{position:absolute;bottom:2rem;right:3rem;display:flex;gap:.5rem;z-index:10}.carousel-nav-dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--outline-color);background:transparent;cursor:pointer;padding:0;transition:all .3s var(--ease-out-quart)}.carousel-nav-dot.active{background:var(--dominant-color);border-color:var(--dominant-color);width:24px;border-radius:12px}.home-category-buttons{margin-top:2rem}.category-buttons-title{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);font-size:.85rem;letter-spacing:.05em;margin-bottom:1.5rem;text-align:center}.category-buttons-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.category-hero-button{background:var(--hover-bg-color);border:1px solid var(--outline-color);border-radius:16px;padding:1.5rem;display:flex;align-items:center;gap:1.5rem;cursor:pointer;transition:all .4s var(--ease-out-quart);text-align:left}.category-hero-button:hover{background:var(--bg-color);border-color:var(--dominant-color);transform:translateY(-5px);box-shadow:0 10px 30px -10px var(--dominant-color-alpha)}.cat-button-icon{width:50px;height:50px;border-radius:12px;background:var(--bg-color);color:var(--dominant-color);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #0000000d;transition:all .4s var(--ease-out-quart)}.category-hero-button:hover .cat-button-icon{background:var(--dominant-color);color:var(--bg-color)}.cat-button-text{display:flex;flex-direction:column}.cat-button-name{font-family:var(--font-header-sub);font-weight:600;font-size:1.2rem;color:var(--text-color)}.cat-button-action{font-family:var(--font-details);font-size:.8rem;text-transform:uppercase;color:var(--gray-details);margin-top:.2rem}.sidebar-section-title{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);font-size:.85rem;letter-spacing:.1em;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px dotted var(--outline-color)}.home-sidebar .recent-story-button{padding:1.25rem 1rem;gap:1rem}.home-sidebar .recent-story-ornament{font-size:1.4rem;width:1.8em;height:1.8em}.home-sidebar .recent-story-title{font-size:1.1rem}.home-sidebar .recent-story-date{display:none}.home-sidebar .note-card{padding:1.5rem;border-radius:16px}@media(max-width:1100px){.home-content-grid{grid-template-columns:1fr;gap:4rem}}@media(max-width:900px){.home-page-container,.home-main-column,.home-sidebar{gap:3rem}.home-project-carousel{aspect-ratio:auto;height:auto;min-height:700px;flex-direction:column;display:block}.carousel-slide{position:relative;flex-direction:column;height:auto;opacity:0;display:none}.carousel-slide.active{display:flex;opacity:1}.carousel-image{width:100%;height:300px}.carousel-image-overlay{background:linear-gradient(0deg,var(--bg-color),transparent)}.carousel-info-card{width:100%;height:auto;padding:2.5rem 1.5rem 5rem;text-align:center;align-items:center;background:var(--bg-color);-webkit-backdrop-filter:none;backdrop-filter:none}.carousel-title{font-size:1.8rem}.carousel-cta-button{align-self:center}.carousel-nav-dots{bottom:1.5rem;left:50%;right:auto;transform:translate(-50%)}}.notes-feed-container{display:flex;flex-direction:column;gap:1.5rem}.note-card{background-color:var(--hover-bg-color);border:1px solid var(--outline-color);border-radius:12px;padding:1.25rem 1.5rem;display:flex;flex-direction:column}.note-card-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px dotted var(--outline-color)}.note-card-date,.note-card-time{font-family:var(--font-details);font-size:.8rem;text-transform:uppercase;color:var(--gray-details);letter-spacing:.05em}.note-card-content .story-content{font-size:1rem}.note-card-content .story-content p:last-child{margin-bottom:0}.note-card-footer{margin-top:1rem;padding-top:.75rem;border-top:1px dashed var(--outline-color);display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;font-size:.9rem}.note-footer-label{font-family:var(--font-details);color:var(--gray-details);text-transform:uppercase;font-size:.75rem;letter-spacing:.05em}.note-related-link{display:inline-flex;align-items:center;gap:.4rem;color:var(--dominant-color);text-decoration:none;font-family:var(--font-header-sub);font-weight:600;transition:opacity .3s ease}.note-related-link:hover{opacity:.8;text-decoration:underline}.home-notes-footer{margin-top:2rem;text-align:center}.home-notes-view-all{font-family:var(--font-details);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;color:var(--dominant-color);text-decoration:none;padding:.5rem 1rem;border-bottom:1px solid transparent;transition:all .3s ease}.home-notes-view-all:hover{border-bottom-color:var(--dominant-color)}.home-latest-thought-section{position:relative;padding:0 0 2rem}.section-title-count{font-family:var(--font-details);font-size:1rem;color:var(--accent-color);margin-left:.5rem;font-weight:300}.latest-thought-container{margin-bottom:2rem}.latest-thought-view-all{display:inline-block;font-family:var(--font-details);font-size:.95rem;color:var(--accent-color);text-decoration:none;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding-bottom:2px;border-bottom:1px solid transparent;transition:all .3s ease}.latest-thought-view-all:hover{border-bottom-color:var(--accent-color);opacity:.8}@media(max-width:600px){.home-page-container{gap:4rem}.recent-story-ornament{display:none}}@keyframes aboutPageEntry{0%{opacity:0;filter:blur(5px)}to{opacity:1;filter:blur(0)}}.about-page-container{--portrait-size-hero: 140px;--portrait-size-child: 160px;--portrait-size-teen: 200px;--portrait-size-adult: 240px;--light-pos-x: 50%;--light-pos-y: 90%;--light-color: rgba(165, 165, 165, .2);--light-blur: 100px;position:relative;width:100%;display:contents;animation:aboutPageEntry 1s var(--ease-out-quart) forwards}.about-portrait-wrapper{grid-area:aside;position:relative;height:100%}.about-narrative-content{grid-area:content;padding-bottom:20vh;position:relative;z-index:2}.about-toc-sidebar{grid-area:toc;position:relative;height:100%}.about-toc-inner{position:sticky;top:calc(5rem + 36px);display:flex;flex-direction:column;gap:1.5rem}.about-toc-label{font-family:var(--font-details);font-size:.7rem;text-transform:uppercase;letter-spacing:.15em;color:var(--gray-details);opacity:.6}.about-toc-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0;border-left:1px solid var(--outline-color)}.about-toc-item{position:relative}.about-toc-link{display:flex;align-items:center;gap:.75rem;width:100%;background:none;border:none;cursor:pointer;padding:.6rem 0 .6rem 1rem;text-align:left;transition:all .3s ease;color:var(--gray-details)}.about-toc-dot{width:6px;height:6px;border-radius:50%;border:1.5px solid currentColor;flex-shrink:0;transition:all .3s ease;position:absolute;left:-4px;background:var(--bg-color)}.about-toc-text{font-family:var(--font-details);font-size:.78rem;text-transform:uppercase;letter-spacing:.06em;line-height:1.3;transition:color .3s ease}.about-toc-link:hover .about-toc-text,.about-toc-item.active .about-toc-link .about-toc-text{color:var(--dominant-color)}.about-toc-item.active .about-toc-dot{background:var(--dominant-color);border-color:var(--dominant-color);box-shadow:0 0 0 3px var(--dominant-color-alpha, rgba(0, 0, 0, .1))}.about-toc-ctas{display:flex;gap:.6rem;padding-top:1.5rem;border-top:1px dotted var(--outline-color);flex-wrap:wrap}.about-stage-trigger{height:0;pointer-events:none}@keyframes portraitEntry{0%{opacity:0;transform:scale(.9) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.about-portrait-container{position:sticky;top:5rem;display:flex;flex-direction:column;align-items:center;gap:2rem;height:calc(100vh - 10rem);justify-content:center;transition:opacity .4s ease;z-index:10;animation:portraitEntry 1.2s var(--ease-out-quart) .2s backwards}.about-portrait-frame{order:1;width:250px;height:250px;border-radius:12px;padding:0;overflow:hidden;box-shadow:0 4px 20px #00000014;transition:width .6s var(--ease-out-quart),height .6s var(--ease-out-quart)}.about-age-counter{order:2;text-align:center;position:relative;height:80px;width:100%}.about-narrative-phrase-container{order:3;min-height:20px;height:auto;position:relative;width:100%;margin:1rem 0;transition:all .5s ease}.about-narrative-phrase-container:empty{margin:0;height:0;min-height:0;opacity:0;pointer-events:none}.about-sidebar-cta{order:4;display:flex;gap:1rem;margin-top:1rem;padding-top:1.5rem;border-top:1px dotted var(--outline-color)}.sidebar-cta-button{width:44px;height:44px;border-radius:50%;background-color:var(--hover-bg-color);border:1px solid var(--outline-color);color:var(--gray-details);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.sidebar-cta-button:hover{background-color:var(--dominant-color);color:var(--bg-color);border-color:var(--dominant-color);transform:translateY(-2px) scale(1.05)}.about-hero-initial,.about-hero-final{transition:opacity .5s ease,transform .5s ease;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%}.about-hero-initial h3{font-family:var(--font-header-main);font-size:1.5rem;color:var(--text-color);margin:0;font-weight:600}.about-hero-final h1{font-family:var(--font-header-main);font-size:3.5rem;color:var(--dominant-color);margin:0;line-height:1}.about-hero-initial p,.about-hero-final p{font-family:var(--font-tagline);font-size:1rem;color:var(--gray-details);margin-top:.25rem}.about-hero-initial.hidden,.about-hero-final:not(.visible){opacity:0;transform:translate(-50%,-30%);pointer-events:none}.about-hero-final.visible{opacity:1;transform:translate(-50%,-50%)}.about-portrait-container[data-stage=child] .about-portrait-frame{width:var(--portrait-size-child);height:var(--portrait-size-child)}.about-portrait-container[data-stage=teen] .about-portrait-frame{width:var(--portrait-size-teen);height:var(--portrait-size-teen)}.about-portrait-container[data-stage=adult] .about-portrait-frame{width:var(--portrait-size-adult);height:var(--portrait-size-adult)}@keyframes subtle-pan{0%{transform:scale(1.1) translate(0)}50%{transform:scale(1.1) translate(1px,-1px)}to{transform:scale(1.1) translate(0)}}.about-portrait-image{width:100%;height:100%;display:block;object-fit:cover;border-radius:12px;transition:filter .6s ease,transform .6s ease;animation:subtle-pan 20s ease-in-out infinite alternate}.about-portrait-image.is-static{animation:none!important;transform:none!important}.about-portrait-wrapper:hover .about-portrait-image{animation-play-state:paused}@keyframes phraseIn{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.about-initial-name,.about-milestone-phrase{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;animation:phraseIn .6s var(--ease-out-quart) forwards;padding:2rem .5rem 0}.about-initial-name h1{font-family:var(--font-header-main);font-size:2rem;color:var(--text-color);margin:0;text-align:center;line-height:1.1}.about-initial-name p{font-family:var(--font-tagline);font-size:.8rem;color:var(--gray-details);margin-top:.5rem;text-transform:uppercase;letter-spacing:.15em;font-weight:500}.about-milestone-phrase h3{font-family:var(--font-header-main);font-size:1.3rem;color:var(--text-color);margin:0;font-weight:600;text-align:center;line-height:1.3}.about-milestone-phrase p{font-family:var(--font-tagline);font-size:.9rem;color:var(--gray-details);margin:.25rem 0 0;font-style:italic;line-height:1.5;text-align:center}.about-background-container{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.about-light-effect{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at var(--light-pos-x) var(--light-pos-y),var(--light-color) 0%,transparent 50%);filter:blur(var(--light-blur));transition:all 1.5s var(--ease-out-quart)}.about-background-svg{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity 1s var(--ease-out-quart);color:var(--dominant-color)}.about-background-svg.visible{opacity:.1}.about-narrative-section,.about-final-cta-section{min-height:40vh;padding-bottom:8vh;opacity:0;transform:translateY(30px);transition:opacity .8s ease,transform .8s ease}.about-narrative-section.visible,.about-final-cta-section.visible{opacity:1;transform:translateY(0)}.about-narrative-section .animate-in,.about-final-cta-section .animate-in{opacity:0;transform:translateY(20px);transition:opacity .8s var(--ease-out-quart),transform .8s var(--ease-out-quart);transition-delay:calc(var(--index, 0) * .1s)}.about-narrative-section.visible .animate-in,.about-final-cta-section.visible .animate-in{opacity:1;transform:translateY(0)}.about-narrative-section h2,.about-narrative-section h3{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em;font-size:1rem;margin-bottom:2.5rem;border-bottom:1px dotted var(--outline-color);padding-bottom:1rem;margin-top:0}.about-narrative-section h3{font-size:.9rem;margin-top:4rem;margin-bottom:1.5rem;border:none;padding-bottom:0}.about-narrative-section p{font-size:1.1rem;line-height:1.8}.about-narrative-section>p:first-of-type:first-letter,.about-narrative-section>section>p:first-of-type:first-letter{font-family:var(--font-header-main);font-size:3.5em;font-weight:700;color:var(--accent-color);float:left;line-height:.75;margin-right:.25em;margin-top:.05em}.about-narrative-section .timeline-container p:first-letter,.about-narrative-section .timeline-item p:first-letter,.about-narrative-section .timeline-date:first-letter,.about-narrative-section .timeline-title:first-letter,.about-narrative-section .timeline-description:first-letter{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit;float:none;line-height:inherit;margin:0}.about-transition-quote{padding:3vh 0;text-align:left}.transition-image-wrapper{margin:0;border-radius:12px;overflow:hidden;border:1px solid var(--outline-color);max-height:200px}.transition-image-wrapper img{width:100%;height:100%;display:block;object-fit:cover}.about-transition-quote blockquote{margin:0 0 2rem;padding:0;border:none}.about-transition-quote p{font-family:var(--font-tagline);font-size:clamp(1.2rem,4vw,1.8rem);color:var(--text-color);max-width:40ch;line-height:1.6;font-style:italic;position:relative;padding-left:2rem;margin-bottom:1rem}.about-transition-quote p:before{content:"“";position:absolute;left:0;top:0;font-size:2em;line-height:1;color:var(--dominant-color);opacity:.5}.about-transition-quote footer{font-family:var(--font-body);font-size:1rem;color:var(--gray-details);padding-left:2rem;text-align:left}.about-narrative-section .timeline-container{max-width:100%;margin-left:0}.about-narrative-section .timeline-item:nth-child(odd) .timeline-title{color:var(--text-color)}.about-narrative-section .timeline-item:nth-child(2n) .timeline-title{color:var(--dominant-color)}.about-narrative-section .recognitions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:3rem;margin-top:4rem}.about-narrative-section .recognition-column h3{font-size:.9rem;margin-top:0;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px dotted var(--outline-color)}.about-narrative-section .recognition-column ul{list-style:none;padding:0}.about-narrative-section .recognition-column li{font-size:1rem;margin-bottom:1rem;line-height:1.5}.about-narrative-section .recognition-column li span{display:block;font-family:var(--font-details);font-size:.8rem;color:var(--gray-details)}.about-narrative-section .recognition-column a{color:var(--text-color);text-decoration:none;transition:color .3s ease}.about-narrative-section .recognition-column a:hover{color:var(--dominant-color)}.about-final-cta-section{min-height:60vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;text-align:left}.about-final-statement h2{font-family:var(--font-header-sub);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:600;color:var(--text-color);max-width:20ch;margin-bottom:1rem;border:none;padding:0;text-transform:none;letter-spacing:normal}.about-final-statement p{margin-bottom:2rem}.cta-button{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2.5rem;border-radius:30px;text-decoration:none;font-family:var(--font-details);font-size:1.1rem;text-transform:uppercase;letter-spacing:.1em;background:var(--accent-color);color:var(--bg-color);border:1px solid var(--accent-color);cursor:pointer;transition:all .3s ease}.cta-button:hover{background-color:transparent;color:var(--accent-color);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.mobile-portrait-instance,.mobile-cta-container{display:none}.mobile-portrait-text{text-align:center;line-height:1.6;display:flex;flex-direction:column;gap:.25rem}.main-narrative{font-family:var(--font-header-sub);font-size:1.1rem;font-weight:600;color:var(--text-color)}.tagline-narrative{font-family:var(--font-tagline);font-style:italic;color:var(--gray-details);font-size:1rem}@media(max-width:900px){.about-page-container{display:flex;flex-direction:column;padding:0;width:100%}.about-portrait-wrapper,.about-toc-sidebar{display:none}.about-narrative-content{padding-top:2rem;padding-bottom:10vh;width:100%;padding-left:1rem;padding-right:1rem}.about-narrative-section .recognitions-grid{gap:1.5rem;margin-top:2rem}.mobile-portrait-instance{display:flex;flex-direction:column;align-items:center;gap:1.5rem;margin-bottom:3rem;opacity:0;transform:translateY(20px);transition:opacity .8s ease-out,transform .8s ease-out}.mobile-portrait-instance.is-final{margin-top:4rem;margin-bottom:2rem}.about-narrative-section.visible .mobile-portrait-instance,.about-final-cta-section.visible .mobile-portrait-instance{opacity:1;transform:translateY(0)}.mobile-portrait-frame{width:180px;height:180px;border-radius:16px;overflow:hidden;box-shadow:0 10px 30px #0000001a;background-color:var(--hover-bg-color);transition:transform .3s ease}.mobile-portrait-frame.no-padding{padding:0}.mobile-portrait-image{width:100%;height:100%;object-fit:cover;display:block}.about-transition-quote{padding:6vh 0}.about-narrative-section h2{margin-top:1rem}.about-final-cta-section{align-items:center;text-align:center;min-height:auto;padding-top:4rem}.about-final-statement h2{text-align:center;margin:0 auto 1.5rem}.mobile-cta-container{display:flex;justify-content:center;gap:1.5rem;margin-top:4rem;padding-top:2rem;width:100%;border-top:1px dotted var(--outline-color)}.about-stage-trigger{height:0}.about-narrative-section,.about-final-cta-section{padding-bottom:8vh}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.animate-on-scroll{opacity:0;transform:translateY(30px);transition:opacity .8s cubic-bezier(.25,1,.5,1),transform .8s cubic-bezier(.25,1,.5,1);will-change:opacity,transform}.animate-on-scroll.in-view{opacity:1;transform:translateY(0)}.stagger-1{transition-delay:.1s}.stagger-2{transition-delay:.2s}.stagger-3{transition-delay:.3s}.stagger-4{transition-delay:.4s}.typewriter-cursor{display:inline-block;width:2px;background-color:var(--dominant-color);animation:blink .8s infinite;margin-left:2px}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.skills-carousel-container{overflow:hidden;width:100%;position:relative;padding:2rem 0;-webkit-mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent);mask-image:linear-gradient(to right,transparent,black 10%,black 90%,transparent)}.skills-track{display:flex;gap:4rem;width:max-content;animation:scroll-left 40s linear infinite}.skills-track:hover{animation-play-state:paused}@keyframes scroll-left{0%{transform:translate(0)}to{transform:translate(-50%)}}.projects-collage-container{width:100%}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem;margin-top:2rem}.skill-page-header{margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:2rem}.skill-subpage-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.skill-subpage-grid{grid-template-columns:2fr 1fr}.skill-subpage-grid.reverse{grid-template-columns:1fr 2fr}}.skill-hero-image{width:100%;height:300px;object-fit:cover;border-radius:8px;margin-bottom:2rem}.skill-content-image{width:100%;height:auto;border-radius:4px;margin:1.5rem 0}.skill-visual-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem}.what-i-do-page-container{display:flex;flex-direction:column;gap:2rem;width:100%}.intro-section{padding:4rem 0 2rem;border-bottom:1px dotted var(--outline-color)}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr .8fr;gap:4rem;align-items:start}.intro-title h2{font-family:var(--font-header-main);font-size:clamp(2.5rem,5vw,4rem);line-height:1;margin:0;color:var(--text-color);letter-spacing:-.02em}.intro-text{padding-top:1rem;border-top:2px solid var(--dominant-color)}.intro-text .lead{font-size:1.25rem;line-height:1.4;margin-bottom:1.5rem;color:var(--text-color);font-weight:500;min-height:3.5em}.intro-text p{font-family:var(--font-body);font-size:1rem;color:var(--gray-details);margin:0;line-height:1.6}.intro-quote{padding-top:1rem;border-top:1px solid var(--outline-color)}.intro-quote blockquote{margin:0;padding:0;border:none}.intro-quote p{font-family:var(--font-tagline);font-style:italic;font-size:1.1rem;color:var(--text-color);margin:0 0 1rem;line-height:1.5}.intro-quote footer{font-size:.85rem;color:var(--gray-details);text-transform:uppercase;letter-spacing:.05em}.selected-projects-carousel-section{padding:2rem 0 4rem;border-bottom:1px dotted var(--outline-color)}.carousel-main-container{position:relative;width:100%;margin-top:2rem}.carousel-viewport{position:relative;height:520px;width:100%;border-radius:24px;overflow:hidden;border:1px solid var(--outline-color)}.carousel-slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .9s cubic-bezier(.4,0,.2,1);z-index:1;pointer-events:none}.carousel-slide.active{opacity:1;z-index:2;pointer-events:auto}.slide-content{display:grid;grid-template-columns:1fr 1fr;height:100%}.slide-image-area{position:relative;height:100%;overflow:hidden}.slide-image-mask{height:100%;width:100%;background:var(--hover-bg-color)}.slide-image{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1);transition:transform 12s ease-out}.carousel-slide.active .slide-image{transform:scale(1.08)}.slide-category-tag{position:absolute;top:1.5rem;left:1.5rem;padding:.45rem 1.1rem;border-radius:100px;color:#fff;font-family:var(--font-details);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:600;z-index:10;box-shadow:0 3px 10px #00000040}.slide-text-area{padding:4rem 5rem;display:flex;flex-direction:column;justify-content:center;background:var(--bg-color);overflow:hidden}.slide-text-inner{display:flex;flex-direction:column;gap:0}.slide-title{font-family:var(--font-header-main);font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.1;font-style:italic;font-weight:300;margin:0 0 1rem;color:var(--text-color)}.slide-description{font-family:var(--font-body);font-size:.95rem;line-height:1.65;color:var(--gray-details);margin-bottom:1.25rem}.slide-tags{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.slide-tag{font-family:var(--font-tagline);font-size:.8rem;color:var(--accent);opacity:.9}.slide-cta{align-self:flex-start;padding:.85rem 2.25rem;border-radius:100px;border:none;color:#fff;font-family:var(--font-details);font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.slide-cta:hover{transform:translateY(-4px);box-shadow:0 12px 28px -8px #0000004d}.carousel-nav{display:flex;justify-content:center;align-items:center;gap:.6rem;margin-top:2.5rem}.carousel-dot{width:10px;height:10px;border-radius:50%;border:none;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);opacity:.4;padding:0}.carousel-dot.active{width:40px;border-radius:100px;opacity:1}@media(max-width:1100px){.carousel-viewport{height:420px}.slide-text-area{padding:2.5rem}.slide-title{font-size:2rem}}@media(max-width:900px){.carousel-viewport{height:auto;border-radius:16px}.slide-content{grid-template-columns:1fr;grid-template-rows:280px auto}.carousel-slide{position:relative;inset:auto;display:none;opacity:1;pointer-events:auto}.carousel-slide.active{display:block;opacity:1}.slide-image-area{height:280px}.slide-text-area{padding:2.5rem 2rem 3rem}.slide-title{font-size:2rem;margin-bottom:.75rem}.slide-description{font-size:.9rem;margin-bottom:1rem}.slide-tags{margin-bottom:1.5rem;gap:.75rem}.slide-cta{width:100%;text-align:center;padding:1rem 2rem}.carousel-nav{margin-top:1.25rem}}.section-header h3{font-family:var(--font-details);text-transform:uppercase;letter-spacing:.1em;font-size:.9rem;color:var(--gray-details);margin:0}.projects-list-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.projects-column h4{font-family:var(--font-header-sub);font-size:1.5rem;margin:0 0 2rem;color:var(--text-color)}.project-text-list{list-style:none;padding:0;margin:0}.project-list-item{margin-bottom:1.5rem;padding-bottom:1.5rem;border-bottom:1px solid var(--outline-color)}.project-list-item:last-child{border-bottom:none}.project-link{text-decoration:none;display:block}.project-title{display:block;font-family:var(--font-header-sub);font-size:1.5rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem;transition:color .3s ease}.project-link:hover .project-title{color:var(--dominant-color)}.project-meta{display:block;font-family:var(--font-details);font-size:.9rem;color:var(--gray-details);text-transform:uppercase;letter-spacing:.05em}.clients-list{margin-top:3rem;font-size:.95rem;line-height:1.6;color:var(--gray-details)}.skills-section{padding:4rem 0 1.5rem;border-bottom:1px dotted var(--outline-color);position:relative;overflow:hidden}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.skill-card{position:relative;background:var(--bg-color-secondary, rgba(255, 255, 255, .03));border:1px solid var(--outline-color);border-top:4px solid var(--skill-color);padding:2rem;border-radius:12px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;justify-content:space-between;min-height:320px;overflow:hidden}.skill-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px -10px #0000001a}.skill-card-bg{position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;opacity:.4;pointer-events:none;color:var(--skill-color)}.skill-icon{position:relative;z-index:1;color:var(--skill-color);margin-bottom:1.5rem}.skill-content{position:relative;z-index:1;flex-grow:1}.skill-focus{display:block;font-family:var(--font-details);text-transform:uppercase;font-size:.75rem;letter-spacing:.1em;margin-bottom:.5rem;color:var(--skill-color);opacity:.8}.skill-card h4{font-family:var(--font-header-sub);font-size:1.75rem;margin:0 0 1rem;line-height:1.1;color:var(--text-color)}.skill-card p{font-size:1rem;line-height:1.6;color:var(--gray-details);margin-bottom:1.5rem}.skill-action{position:relative;z-index:1;margin-top:1rem}.skill-link{display:inline-flex;align-items:center;gap:.5rem;color:var(--skill-color);text-decoration:none;font-weight:600;font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;padding-bottom:2px;border-bottom:1px solid transparent;transition:all .2s ease}.skill-link:hover{border-bottom-color:var(--skill-color);gap:.75rem}.skill-link .arrow{transition:transform .2s ease}.core-services-section{padding:1.5rem 0 4rem;border-bottom:1px dotted var(--outline-color)}.services-intro{font-size:1.25rem;max-width:60ch;margin-top:1rem;line-height:1.5;color:var(--gray-details)}.services-grid-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem;margin-top:4rem}.service-card{background:var(--bg-color-secondary, rgba(255, 255, 255, .02));border:1px solid var(--outline-color);border-radius:16px;padding:2.5rem;display:flex;flex-direction:column;transition:border-color .3s ease}.service-card:hover{border-color:var(--dominant-color)}.service-card-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:1.5rem}.service-icon-wrapper{flex-shrink:0;width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:var(--bg-color);border:1px solid var(--outline-color);border-radius:12px;color:var(--dominant-color)}.service-header-text h4{font-family:var(--font-details);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-details);margin:0 0 .5rem}.service-header-text h5{font-family:var(--font-header-sub);font-size:1.5rem;color:var(--text-color);margin:0;line-height:1.2}.service-description{font-size:1rem;line-height:1.6;color:var(--text-color);margin-bottom:2rem;flex-grow:1}.service-features-list{display:flex;flex-wrap:wrap;gap:.75rem}.service-feature-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border-radius:999px;border:1px solid var(--outline-color);font-size:.85rem;color:var(--gray-details);background:var(--bg-color);transition:all .2s ease}.service-feature-pill:hover{border-color:var(--dominant-color);color:var(--dominant-color);transform:translateY(-2px)}.service-feature-pill svg{color:var(--dominant-color);opacity:.7}.contact-cta-section{padding:6rem 0;text-align:center}.cta-content h3{font-family:var(--font-header-main);font-size:3rem;margin:0 0 2rem}.cta-content p{font-size:1.25rem;max-width:50ch;margin:0 auto 1.5rem;line-height:1.5}.email-link{font-size:1.5rem!important}.small-print{font-size:.9rem!important;color:var(--gray-details);margin-top:2rem!important}@media(max-width:900px){.intro-grid{grid-template-columns:1fr;gap:2rem}.projects-list-grid{grid-template-columns:1fr}.skills-grid{grid-template-columns:1fr;gap:2rem}.services-grid{grid-template-columns:1fr;gap:3rem}.intro-title h2{font-size:2.5rem}}.skill-subpage-grid .col-aside{position:sticky;top:2rem;height:fit-content;overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-view-container{margin:0 auto}.project-view-top-bar{margin-bottom:1rem}.project-view-header{text-align:center;margin-bottom:3rem}.project-view-category{font-family:var(--font-details);text-transform:uppercase;color:var(--dominant-color);letter-spacing:.1em;font-size:1rem;margin-bottom:.5rem}.project-view-header h1{color:var(--text-color);font-family:var(--font-header-main);font-size:clamp(2.5rem,6vw,4rem);font-weight:600;font-style:normal;margin:0}.project-view-tagline{font-family:var(--font-tagline);font-size:1.25rem;color:var(--gray-details);margin:1rem auto 0;max-width:60ch}.project-view-hero-image{margin:0 0 4rem;border-radius:12px;overflow:hidden;border:1px solid var(--outline-color)}.project-view-hero-image img{width:100%;max-height:60vh;object-fit:cover;object-position:center;display:block}.project-view-layout{display:grid;grid-template-columns:200px 1fr 280px;gap:4rem}.desktop-only{display:block}.project-toc-sidebar{position:sticky;top:calc(5rem + 36px);align-self:start;font-family:var(--font-details)}.project-toc-label{display:block;font-family:var(--font-details);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em;color:var(--gray-details);margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px dotted var(--outline-color)}.project-toc-list{list-style:none;padding:0;margin:0}.project-view-details{position:sticky;top:calc(5rem + 36px);align-self:start;background:var(--bg-secondary, rgba(0, 0, 0, .03));padding:1.5rem;border-radius:12px;border:1px solid var(--outline-color)}.project-view-details h3{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em;font-size:.9rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px dotted var(--outline-color)}.project-view-details ul{list-style:none;padding:0;margin:0;font-size:1rem}.project-view-details li{margin-bottom:1rem}.project-tags-list strong{display:block;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.project-tags-list{text-transform:capitalize;line-height:1.4}.project-view-details strong{display:block;font-weight:600;color:var(--text-color);margin-bottom:.25rem}.project-view-details a{color:var(--dominant-color);text-decoration:none;border-bottom:1px solid var(--dominant-color)}.project-view-center{min-width:0}@media(max-width:1024px){.project-view-layout{grid-template-columns:1fr 250px;gap:3rem}.desktop-only{display:none}}@media(max-width:768px){.project-view-layout{grid-template-columns:1fr;gap:3rem}.project-view-right{grid-row:1}.project-view-center{grid-row:2}}.gallery-header-container{position:relative;z-index:0}.gallery-header-container:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:var(--gallery-grid-pattern-url);mask-image:var(--gallery-grid-pattern-url);-webkit-mask-repeat:repeat;mask-repeat:repeat;background-color:var(--gallery-header-bg-color);opacity:.1;z-index:-1;pointer-events:none;transition:background-color .5s var(--ease-out-quart),opacity .5s var(--ease-out-quart)}.gallery-header{margin-bottom:1.5rem;text-align:left}.gallery-header-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:nowrap}.gallery-title-wrapper{display:flex;align-items:center;gap:.75rem;overflow:hidden;position:relative}.gallery-title-wrapper h1{margin:0;animation:slideInUp .6s var(--ease-out-quart) forwards}@keyframes slideInUp{0%{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}.gallery-category-icon{width:1.2em;height:1.2em;animation:iconFadeIn .8s .2s var(--ease-out-quart) forwards;opacity:0}.gallery-category-icon svg{width:100%;height:100%;stroke:var(--dominant-color);transition:stroke .5s var(--ease-out-quart)}@keyframes iconFadeIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.gallery-actions-bar{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding:1rem 0;margin-bottom:2rem;position:sticky;top:4px;z-index:100;transition:background-color var(--transition-speed) var(--ease-out-quart)}.gallery-actions-bar:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-image:linear-gradient(to right,var(--outline-color) 2px,transparent 2px);background-size:10px 1px;background-repeat:repeat-x}.gallery-controls{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.control-toggle{background:transparent;border:1px solid var(--outline-color);color:var(--gray-details);width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:color .3s ease,border-color .3s ease,transform .3s ease;flex-shrink:0}.control-toggle:hover{color:var(--dominant-color);border-color:var(--dominant-color);transform:scale(1.1)}.control-toggle svg{width:20px;height:20px;stroke:currentColor}@keyframes blink-caret{0%,to{border-color:transparent}50%{border-color:var(--dominant-color)}}.typewriter-subtitle-container{font-family:var(--font-tagline);font-weight:100;font-size:1.2rem;color:var(--gray-details);max-width:45ch;margin-bottom:0;height:3em;line-height:1.5;display:flex;align-items:center;transition:opacity .4s ease}.typewriter-subtitle-container.hidden{opacity:0}.typewriter-subtitle{border-right:.12em solid var(--dominant-color);animation:blink-caret .75s step-end infinite}.no-results-container{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:3rem 2rem 0rem;min-height:30vh;margin-top:-3rem}.no-results-icon{width:60px;height:60px;color:var(--dominant-color);opacity:.4;margin-bottom:2rem;transition:color .5s var(--ease-out-quart),opacity .5s var(--ease-out-quart)}.no-results-icon svg{width:100%;height:100%}.no-results-container h3{font-family:var(--font-header-sub);font-weight:600;font-size:clamp(1.5rem,4vw,1.8rem);color:var(--text-color);margin:0 0 .75rem}.no-results-container p{font-family:var(--font-body);font-size:1.1rem;color:var(--gray-details);max-width:45ch;line-height:1.7;margin-bottom:0}.story-card-tags{display:flex;flex-wrap:wrap;gap:.25rem .5rem}.story-card-tag{font-family:var(--font-details);font-size:.7rem;padding:.1rem .5rem;border-radius:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.05em}.story-card-ornament-list{font-family:serif;line-height:0;pointer-events:none;transition:color .3s ease}.story-card-grid-ornament .ornament-svg-wrapper svg,.story-card-ornament-list .ornament-svg-wrapper svg{height:1em;width:auto;display:block;stroke:currentColor;fill:currentColor}.story-gallery-grid.view-grid{display:block}.view-grid .story-card-group-wrapper{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem 2rem}.view-grid .story-card{border-radius:12px;position:relative;cursor:pointer;height:350px;background-color:var(--story-accent-color);overflow:hidden;transition:transform .4s var(--ease-out-quart),background-color .4s ease;display:flex;flex-direction:column}.story-card-grid-ornament{font-family:serif;position:absolute;top:1rem;left:1rem;z-index:3;font-size:1.75rem;color:#fff;opacity:.5;pointer-events:none;line-height:1}.view-grid .story-card:after{content:"";position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:18px;border:1px dotted var(--outline-color);z-index:0;pointer-events:none;transition:border-color var(--transition-speed) ease,inset var(--transition-speed) ease}.view-grid .story-card:hover{transform:translateY(-10px)}.view-grid .story-card:hover:after{top:-10px;right:-10px;bottom:-10px;left:-10px;border-color:var(--story-accent-color)}.story-card-icon{display:none}.view-grid .story-card-icon{display:block;position:absolute;top:0;right:0;bottom:0;left:0;background-color:#fff;opacity:.2;mask-image:var(--story-icon-url);-webkit-mask-image:var(--story-icon-url);mask-size:60%;-webkit-mask-size:60%;mask-repeat:no-repeat;-webkit-mask-repeat:no-repeat;mask-position:center;-webkit-mask-position:center;transition:opacity .4s ease,transform .4s var(--ease-out-quart);z-index:1}.view-grid .story-card:hover .story-card-icon{opacity:.3;transform:scale(1.05)}.view-grid .story-card-content{position:static;padding:1.5rem;background:linear-gradient(to top,rgba(0,0,0,.85) 10%,rgba(0,0,0,.6) 50%,transparent);color:#fff;z-index:2;display:flex;flex-direction:column;justify-content:flex-end;flex-grow:1}.view-grid .story-card-text-wrapper{display:flex;flex-direction:column}.view-grid .story-card-ornament-list,.view-grid .story-card-date-list,.view-grid .story-card-category-list{display:none}.view-grid .story-card-title-wrapper{display:block}.view-grid .story-card-tag{background-color:#ffffff26;color:#fff;border:1px solid rgba(255,255,255,.2)}.view-grid .story-card-title{font-family:var(--font-header-main);font-weight:300;font-style:italic;font-size:1.8rem;transition:color .4s ease;color:#fff;margin-bottom:.25rem}.view-grid .story-card-tagline{font-family:var(--font-tagline);font-weight:100;font-size:.9rem;opacity:.9;text-transform:none;letter-spacing:0;color:#fff;margin:0}.story-card-grid-header{display:flex;justify-content:space-between;padding:1rem 1.5rem 0;position:absolute;top:0;left:0;right:0;z-index:3;font-family:var(--font-details);text-transform:uppercase;font-size:.8rem;color:#fff;opacity:.8}.story-card-grid-header .story-card-category{font-weight:600;margin-left:2rem}.story-card-grid-header .story-card-date{margin:0}.view-grid .story-card-bottom-row{margin-top:.75rem}.story-gallery-grid.view-list{display:flex;flex-direction:column;gap:0}.view-list .story-card-group-wrapper{display:contents}.view-list .story-card{height:auto;background:transparent;border-radius:0;padding:1.25rem 1rem;border-bottom:1px dotted var(--outline-color);cursor:pointer;transition:background-color .3s ease}.view-list .story-card:hover{background-color:var(--hover-bg-color)}.view-list .story-card-grid-ornament,.view-list .story-card-grid-header{display:none}.view-list .story-card-content{position:static;background:none;padding:0;color:var(--text-color);display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.view-list .story-card-text-wrapper{flex-grow:1;display:flex;flex-direction:column;align-items:stretch;gap:.25rem}.story-card-list-top-row{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.view-list .story-card-title-wrapper{display:flex;align-items:center}.view-list .story-card-ornament-list{font-size:1.73em;margin-right:.6em;color:var(--story-accent-color)}.view-list .story-card-title{font-family:var(--font-header-sub);font-weight:600;font-style:normal;font-size:1.25rem;color:var(--text-color);margin-bottom:0;transition:color .3s ease}.view-list .story-card:hover .story-card-title{color:var(--story-accent-color)}.view-list .story-card-date-list{font-family:var(--font-details);font-size:.9rem;color:var(--gray-details);white-space:nowrap;flex-shrink:0;margin:0;text-transform:uppercase}.view-list .story-card-tagline{font-size:1rem;font-weight:400;color:var(--gray-details);opacity:1;text-transform:none;letter-spacing:normal;margin:0}.story-card-bottom-row{display:flex;justify-content:space-between;align-items:baseline;width:100%;gap:1rem;margin-top:.5rem}.view-list .story-card-tags{order:1}.view-list .story-card-tag{background-color:transparent;color:var(--gray-details);border:1px solid var(--outline-color);transition:color .3s ease,border-color .3s ease}.view-list .story-card:hover .story-card-tag{color:var(--story-accent-color);border-color:var(--story-accent-color)}.story-card-category-list{order:2;font-family:var(--font-details);font-size:.8rem;color:var(--gray-details);text-transform:uppercase;white-space:nowrap;flex-shrink:0;transition:color .3s ease}.view-list .story-card:hover .story-card-category-list{color:var(--story-accent-color)}.story-card-meta-column{display:none}.story-group-header{display:flex;align-items:center;gap:1.5rem;margin-top:3rem;margin-bottom:1rem}.story-group-header h4{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em;font-size:1rem;margin:0;white-space:nowrap}.story-group-header:after{content:"";width:100%;height:1px;background-image:linear-gradient(to right,var(--outline-color) 2px,transparent 2px);background-size:10px 1px;background-repeat:repeat-x}.story-gallery-grid>.story-group-header:first-of-type,.featured-stories-wrapper+.story-group-header{margin-top:0}.search-bar-gallery{flex-grow:1;max-width:450px}.search-bar-gallery input{width:100%;padding:.75rem 1rem;border-radius:20px;border:1px solid var(--outline-color);background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);font-size:1rem;transition:all .3s ease;height:40px}.search-bar-gallery input:focus{outline:none;border-color:var(--dominant-color);box-shadow:0 0 0 3px var(--dominant-color-alpha, rgba(148, 148, 148, .2))}.load-more-container{display:flex;justify-content:center;padding:2rem 0}.load-more-button{display:inline-flex;align-items:center;gap:.75rem;font-family:var(--font-details);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;padding:.75rem 2rem;border-radius:30px;background:transparent;color:var(--dominant-color);border:1px solid var(--dominant-color);cursor:pointer;transition:all .3s ease,color .5s var(--ease-out-quart),border-color .5s var(--ease-out-quart)}.load-more-button:hover{background-color:var(--dominant-color);color:var(--bg-color);transform:translateY(-3px);box-shadow:0 4px 12px #0000001a}.load-more-button svg{width:20px;height:20px;transition:transform .3s ease}.load-more-button:hover svg{transform:rotate(90deg)}.story-view{max-width:800px;margin:0 auto}.story-view-top-bar{display:flex;justify-content:space-between;align-items:center}.story-view .back-button{margin-bottom:1.25rem}.story-header{margin-bottom:3rem;padding-bottom:2rem;position:relative}.story-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;-webkit-mask-image:var(--story-icon-url);mask-image:var(--story-icon-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:75%;mask-size:75%;background-color:var(--story-header-color);opacity:.15;z-index:-1;pointer-events:none}.story-header h1{color:var(--story-header-color)}.story-header:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background-image:linear-gradient(to right,var(--outline-color) 2px,transparent 2px);background-size:10px 1px;background-repeat:repeat-x}.story-header .tagline{font-size:1.25rem}.story-content{font-size:1.1rem;display:flex;flex-direction:column;gap:.25rem}.story-content:after{content:"";display:table;clear:both}.story-content>p:first-of-type:first-letter{font-family:var(--font-details);font-weight:400;font-size:3em;color:var(--dominant-color);float:left;line-height:.85;margin-right:.1em;padding-top:.1em;padding-bottom:.05em;transition:color .5s var(--ease-out-quart)}.story-content ul,.story-content ol{padding-left:2rem;margin-top:1.5rem;margin-bottom:1.5rem}.story-content li{padding-left:.5rem;margin-bottom:.75rem;line-height:1.6}.story-content blockquote{margin:2rem 0;padding-left:1.5rem;border-left:3px solid var(--dominant-color);font-style:italic;color:var(--gray-details);transition:border-color .5s var(--ease-out-quart)}.story-content blockquote.thought{border:none;text-align:center;padding:1.5rem 1rem;font-size:1.2rem;color:var(--text-color);border-top:1px dotted var(--outline-color);border-bottom:1px dotted var(--outline-color);font-style:italic;margin:2rem 0}.story-content blockquote.centered-quote{text-align:center;border:none;padding:0;margin:2rem auto;font-size:1.3rem;font-family:var(--font-header-main);font-style:italic;color:var(--text-color)}.story-content .dialogue-block{margin:2.5rem 0}.story-content .dialogue{text-align:center;font-family:var(--font-header-main);font-style:italic;font-size:2rem;color:var(--dominant-color);margin:0 0 .5rem;transition:color .5s var(--ease-out-quart)}.story-content .dialogue-attribution{text-align:center;margin-top:-.25rem;font-style:italic;font-size:1rem;color:var(--gray-details)}.story-content strong{font-weight:600;color:var(--text-color)}.story-content em{color:var(--text-color);font-style:italic}.story-content h2{text-align:center;margin-top:3rem}.story-content h2:before,.story-content h2:after{font-family:serif;opacity:.6;font-weight:400;color:var(--dominant-color);font-size:.8em;vertical-align:middle;transition:color .5s var(--ease-out-quart)}.story-content h2:before{content:var(--fleuron-left);margin-right:.5em}.story-content h2:after{content:var(--fleuron-right);margin-left:.5em}.play-pause-button{background-color:transparent;border:1px solid var(--dominant-color);color:var(--dominant-color);width:40px;height:40px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:1rem;padding-left:2px;transition:all .3s ease,color .5s var(--ease-out-quart),border-color .5s var(--ease-out-quart)}.play-pause-button:hover{background-color:var(--dominant-color);color:var(--bg-color);transform:scale(1.1)}.play-pause-button[aria-label=Pausar]{padding-left:0;font-size:1.2rem}.audio-timeline{flex-grow:1;display:flex;align-items:center;gap:1rem}.progress-bar-container{width:100%;height:4px;background-color:var(--outline-color);border-radius:2px;cursor:pointer;overflow:hidden}.progress-bar{height:100%;background-color:var(--dominant-color);border-radius:2px;transition:width .1s linear,background-color .5s var(--ease-out-quart)}.time-display{font-family:var(--font-details);font-size:.9rem;color:var(--gray-details);letter-spacing:.05em;min-width:90px;text-align:right}.ornament-figure{margin:0}.cul-de-lampe{display:flex;align-items:center;gap:1.5em;margin:3rem auto;width:100%}.cul-de-lampe:before,.cul-de-lampe:after{content:"";flex-grow:1;height:1px;background-image:linear-gradient(to right,var(--outline-color) 2px,transparent 2px);background-size:10px 1px;background-repeat:repeat-x}.cul-de-lampe span{font-size:1.75rem;line-height:1;color:var(--dominant-color);font-family:serif;opacity:.9;transition:color .5s var(--ease-out-quart);display:inline-block}.cul-de-lampe span:not(.ornament-svg):empty:before{content:var(--cul-de-lampe)}.cul-de-lampe .ornament-svg svg{display:block;width:auto;height:1.75rem;fill:var(--dominant-color);transition:fill .5s var(--ease-out-quart)}.share-buttons{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.share-button{background:transparent;border:1px solid var(--outline-color);color:var(--gray-details);width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.1rem;transition:all .3s ease}.share-button:hover{transform:scale(1.1);color:var(--dominant-color);border-color:var(--dominant-color)}.story-sharing-area{position:relative;margin-top:-3.9rem;padding:3rem 0 4rem;z-index:0}.story-sharing-area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;-webkit-mask-image:var(--sharing-area-bg-url);mask-image:var(--sharing-area-bg-url);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:70%;mask-size:70%;background-color:var(--story-header-color);opacity:.1;z-index:-1;pointer-events:none}.story-related-notes{margin:3rem 0;padding-top:2rem;border-top:1px solid var(--outline-color)}.story-related-notes h3{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em;font-size:1rem;margin-bottom:1.5rem;text-align:center}.related-notes-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.comments-section{margin-top:0;padding-top:2rem;text-align:center;position:relative;border-top:1px dotted var(--outline-color)}.giscus{text-align:left;margin-top:2rem}.translation-warning{background-color:var(--hover-bg-color);border:1px solid var(--outline-color);border-left:4px solid var(--dominant-color);border-radius:8px;padding:1rem 1.5rem;margin-bottom:2.5rem;font-size:1rem;line-height:1.6;display:flex;align-items:center;gap:1rem}.translation-warning p{margin:0;color:var(--text-color);font-family:var(--font-body)}.translation-warning-icon{color:var(--dominant-color);flex-shrink:0}:root{--carousel-item-size: 52px;--carousel-gap: 1.5rem}.featured-stories-wrapper{grid-column:1 / -1;display:flex;flex-direction:column;margin-bottom:2rem}.featured-carousel-container{display:flex;align-items:center;gap:.5rem;position:relative;width:100%}.carousel-viewport{flex-grow:1;height:90px;overflow:hidden;position:relative;-webkit-mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent 100%);mask-image:linear-gradient(to right,transparent,black 15%,black 85%,transparent 100%)}.featured-stories-list{display:flex;align-items:center;gap:var(--carousel-gap);list-style:none;padding:0;margin:0;height:100%;transform:translate(calc(50% - (var(--carousel-item-size) / 2) - (var(--active-index) * (var(--carousel-item-size) + var(--carousel-gap)))))}.featured-story-item{width:var(--carousel-item-size);height:var(--carousel-item-size);flex-shrink:0;border-radius:12px;border:2px solid var(--featured-color);background-color:transparent;cursor:pointer;position:relative;padding:0;display:flex;align-items:center;justify-content:center;transform:scale(.8);opacity:.7;transition:all .6s var(--ease-out-quart)}.featured-stories-list.no-transition .featured-story-item{transition:none}.featured-story-item:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:8px;background-color:var(--featured-color);-webkit-mask-image:var(--featured-icon-url);mask-image:var(--featured-icon-url);-webkit-mask-size:60%;mask-size:60%;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;transition:background-color .4s var(--ease-out-quart),inset .4s var(--ease-out-quart)}.featured-story-item:hover{opacity:1}.featured-story-item.active{transform:scale(1.15);opacity:1;background-color:var(--featured-color)}.featured-story-item.active:before{background-color:var(--bg-color);top:3px;right:3px;bottom:3px;left:3px}.carousel-arrow{background-color:transparent;border:1px solid var(--outline-color);color:var(--gray-details);border-radius:50%;width:36px;height:36px;flex-shrink:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;z-index:10}.carousel-arrow:hover{border-color:var(--dominant-color);color:var(--dominant-color);transform:scale(1.1)}.carousel-arrow.prev-arrow svg{transform:rotate(180deg)}.featured-story-title-container{text-align:center;margin-top:1rem;height:3.2em;line-height:1.5;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}.featured-story-info{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;width:100%;animation:title-fade-in .5s ease-out}.featured-story-title{font-family:var(--font-header-sub);font-weight:600;font-size:1.1rem;color:var(--text-color);margin:0;line-height:1.4}.featured-story-category{font-family:var(--font-details);font-size:.9rem;color:var(--gray-details);text-transform:uppercase;letter-spacing:.05em;margin:0;line-height:1.2}@keyframes title-fade-in{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.featured-carousel-container{gap:.25rem}.carousel-viewport{-webkit-mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent 100%);mask-image:linear-gradient(to right,transparent,black 5%,black 95%,transparent 100%)}}@media(min-width:901px){.featured-story-info{flex-direction:row;align-items:baseline;gap:.75rem}}.wiki-page-container{max-width:1000px;margin:0 auto;padding:2rem 0}.wiki-header{text-align:center;margin-bottom:4rem}.wiki-header h1{color:var(--text-color);font-size:clamp(2.8rem,8vw,4.5rem);font-family:var(--font-header-main);font-weight:600;font-style:normal;margin:0}.wiki-header p{font-family:var(--font-tagline);font-size:clamp(1rem,3vw,1.2rem);color:var(--gray-details);margin:.5rem auto 0;max-width:50ch}.wiki-content-grid{display:grid;grid-template-columns:1fr 1fr;gap:3rem 4rem}.wiki-category-section{padding-top:2rem;border-top:1px solid var(--outline-color)}.wiki-category-title{font-family:var(--font-header-sub);font-size:1.5rem;font-weight:600;color:var(--dominant-color);margin:0 0 .5rem;display:flex;align-items:center;gap:.75rem;transition:color .5s var(--ease-out-quart)}.wiki-category-icon{width:1.2em;height:1.2em;flex-shrink:0}.wiki-category-icon svg{width:100%;height:100%;stroke:currentColor;stroke-width:1.5}.wiki-category-description{font-size:1rem;color:var(--gray-details);font-style:italic;margin:0 0 2rem}.wiki-story-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.wiki-story-link{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.5rem .75rem;text-decoration:none;border-radius:6px;transition:background-color .3s ease}.wiki-story-link:hover{background-color:var(--hover-bg-color)}.wiki-story-title{font-family:var(--font-body);font-size:1rem;color:var(--text-color);transition:color .3s ease}.wiki-story-link:hover .wiki-story-title{color:var(--dominant-color)}.wiki-story-date{font-family:var(--font-details);font-size:.8rem;text-transform:uppercase;color:var(--gray-details);flex-shrink:0;white-space:nowrap}.no-stories-message p{font-size:.9rem;color:var(--gray-details);padding:.5rem .75rem;font-style:italic}@media(max-width:768px){.wiki-content-grid{grid-template-columns:1fr;gap:4rem}}.now-page{max-width:800px;margin:4rem auto;padding:0 2rem;animation:fadeIn .8s var(--ease-out-quart)}.now-header{text-align:center;margin-bottom:4rem}.now-header h1{font-family:var(--font-header-main);font-size:clamp(2.5rem,8vw,4rem);margin-bottom:1rem;color:var(--text-color)}.now-subtitle{font-family:var(--font-header-sub);font-size:1.25rem;color:var(--gray-details);margin-bottom:1.5rem}.now-meta{font-family:var(--font-details);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--dominant-color)}.now-card-detailed{background:var(--hover-bg-color);border:1px solid var(--outline-color);border-radius:24px;padding:3rem;display:flex;flex-direction:column;gap:3rem;box-shadow:0 10px 40px -10px #0000000d}.now-section-block{display:flex;flex-direction:column;gap:1rem}.now-block-header{display:flex;align-items:center;gap:1rem}.now-icon{font-size:1.5rem}.now-block-header h3{font-family:var(--font-header-sub);font-size:1.4rem;color:var(--text-color);margin:0}.now-section-block p{font-size:1.1rem;line-height:1.6;color:var(--text-color);margin-left:2.5rem}.now-section-block a{color:var(--dominant-color);text-decoration:none;background-image:linear-gradient(var(--dominant-color),var(--dominant-color));background-position:0% 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .3s,color .3s}.now-section-block a:hover{background-size:100% 1px}.now-footer-info{margin-top:4rem;text-align:center;border-top:1px dotted var(--outline-color);padding-top:2rem}.now-footer-info p{font-size:.9rem;color:var(--gray-details);margin-bottom:2rem;font-style:italic}.now-footer-info .back-link{font-family:var(--font-details);text-transform:uppercase;letter-spacing:.1em;color:var(--dominant-color);text-decoration:none;transition:all .3s ease}.now-footer-info .back-link:hover{text-decoration:underline;opacity:.8}@media(max-width:600px){.now-card-detailed{padding:2rem 1.5rem;gap:2rem}.now-section-block p{margin-left:0}.now-header{margin-bottom:2rem}}.notes-page-container{width:100%;max-width:1400px;margin:4rem auto;padding:0 1rem;animation:fadeIn .8s var(--ease-out-quart);overflow-x:hidden}.notes-page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:3rem;margin-bottom:4rem;width:100%}.notes-header-left{flex:1}.notes-header-left h1{font-family:var(--font-header-main);font-size:clamp(2.5rem,5vw,4rem);margin-bottom:.5rem}.notes-header-left p{font-size:1.1rem;color:var(--gray-details)}.notes-header-right{flex:3;display:flex;align-items:center}.notes-filters.compact{display:flex;flex-direction:row;align-items:center;gap:1rem;padding:.4rem 1.25rem;background:var(--hover-bg-color);border:1px solid var(--outline-color);border-radius:40px;box-shadow:none;width:100%}.notes-search-wrapper{flex:0 0 180px;border-right:1px solid var(--outline-color);padding-right:.75rem}.notes-filters.compact .notes-search-input{padding:.5rem 0;background:transparent;border:none;font-size:.95rem}.notes-filters.compact .notes-search-input:focus{box-shadow:none}.notes-tags-cloud{display:flex;flex-wrap:wrap;gap:.5rem;flex:1;overflow-x:auto;scrollbar-width:none}.notes-tags-cloud::-webkit-scrollbar{display:none}.notes-tag-filter{padding:.35rem .75rem;border-radius:15px;border:1px solid transparent;background:transparent;color:var(--gray-details);font-family:var(--font-details);text-transform:uppercase;font-size:.7rem;white-space:nowrap;cursor:pointer;transition:all .2s ease}.notes-tag-filter:hover{color:var(--dominant-color)}.notes-tag-filter.active{background:var(--dominant-color-alpha);color:var(--dominant-color);border-color:var(--dominant-color)}.notes-search-wrapper{position:relative;width:100%}.notes-search-input{width:100%;padding:1rem 3rem 1rem 1.5rem;border-radius:30px;border:1px solid var(--outline-color);background:var(--bg-color);color:var(--text-color);font-family:var(--font-body);font-size:1rem;transition:all .3s ease}.notes-search-input:focus{outline:none;border-color:var(--dominant-color);box-shadow:0 0 0 4px var(--dominant-color-alpha)}.notes-clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;font-size:1.5rem;color:var(--gray-details);cursor:pointer;line-height:1}.notes-tags-cloud{display:flex;flex-wrap:wrap;gap:.75rem}.notes-tag-filter{padding:.5rem 1rem;border-radius:20px;border:1px solid var(--outline-color);background:var(--bg-color);color:var(--gray-details);font-family:var(--font-details);text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;cursor:pointer;transition:all .2s ease}.notes-tag-filter:hover{border-color:var(--dominant-color);color:var(--dominant-color)}.notes-tag-filter.active{background:var(--dominant-color);border-color:var(--dominant-color);color:var(--bg-color)}.clear-filters-btn{margin-top:1rem;padding:.5rem 1.5rem;background:var(--dominant-color);color:#fff;border:none;border-radius:20px;cursor:pointer;font-family:var(--font-details);text-transform:uppercase;font-size:.8rem}.notes-page-feed{display:grid;grid-template-columns:repeat(2,1fr);gap:4rem;align-items:start;width:100%}.notes-page-feed .note-card{background:var(--hover-bg-color);border:1px solid var(--outline-color);border-radius:20px;padding:1.75rem 2rem;transition:all .4s var(--ease-out-quart);height:100%;display:flex;flex-direction:column}.notes-page-feed .note-card:hover{transform:translateY(-6px);box-shadow:0 12px 30px -10px var(--dominant-color-alpha);border-color:var(--dominant-color)}@media(max-width:1200px){.notes-page-feed{grid-template-columns:1fr;gap:2rem}}.note-card-meta{display:flex;gap:1rem}.note-card-tags{margin-top:.5rem;display:flex;flex-wrap:wrap;gap:.5rem}.note-tag{font-family:var(--font-details);font-size:.75rem;color:var(--dominant-color);opacity:.8}@media(max-width:600px){.notes-page-container{margin:2rem auto}.notes-page-header h1{font-size:2.5rem}.notes-filters{padding:1.25rem}}.graph-view-container{width:100%;height:65vh;min-height:500px;position:relative}.graph-view-svg{width:100%;height:100%;display:block}.graph-link{stroke:var(--outline-color);stroke-width:1px;stroke-opacity:.3;transition:stroke-opacity .3s ease,stroke-width .3s ease,stroke .3s ease}.graph-link.has-hover:not(.active){stroke-opacity:.05}.graph-link.active{stroke:var(--dominant-color);stroke-opacity:.8;stroke-width:1.5px}.graph-node-group{cursor:pointer;transition:opacity .3s ease}.graph-node{stroke:var(--bg-color);stroke-width:2px;transition:transform .3s var(--ease-out-quart)}.graph-node-group.has-hover:not(.active){opacity:.2}.graph-node-group.active .graph-node{transform:scale(1.5)}.graph-node-group.primary .graph-node{transform:scale(2.2);stroke:var(--dominant-color)}.graph-node-label{font-family:var(--font-header-sub);font-size:1rem;font-weight:600;fill:var(--text-color);paint-order:stroke;stroke:var(--bg-color);stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;pointer-events:none;animation:label-fade-in .3s ease forwards;opacity:0}@keyframes label-fade-in{to{opacity:1}}.portfolio-grid-page{min-height:100vh;padding-top:1rem;padding-bottom:4rem}.portfolio-grid-header{margin:0 0 2rem}.portfolio-grid-title{font-family:var(--font-heading);font-size:clamp(2.5rem,5vw,4rem);font-weight:700;color:var(--text-color);margin:0;letter-spacing:-.02em}.portfolio-masonry{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:280px;grid-auto-flow:row;gap:1.5rem;width:100%}.portfolio-grid-item{position:relative;border-radius:12px;overflow:hidden;cursor:pointer;background-color:var(--bg-secondary);border-left:6px solid var(--project-color);grid-column:span var(--span-d, 1);grid-row:span 1;opacity:0;transform:translateY(20px);animation:portfolioFadeIn .6s var(--ease-out-quart) forwards}.portfolio-grid-item-content{width:100%;height:100%;position:relative}.portfolio-grid-item img{width:100%;height:100%;object-fit:cover;filter:grayscale(0%) brightness(1) contrast(1);transition:filter .5s var(--ease-out-quart),transform .6s var(--ease-out-quart)}.portfolio-grid-item:hover img{filter:grayscale(100%) brightness(.7) contrast(1.2);transform:scale(1.05)}.portfolio-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;background:linear-gradient(to top,#000c,#0000 60%);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s var(--ease-out-quart);pointer-events:none}.portfolio-grid-item:hover .portfolio-grid-overlay{opacity:1;transform:translateY(0)}.portfolio-grid-overlay h2{color:#fff;font-family:var(--font-heading);font-size:1.5rem;margin:0 0 .25rem;line-height:1.2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.portfolio-actions{display:flex;justify-content:space-between;align-items:center;gap:2rem;margin-top:2rem;padding:0 1rem 1.5rem;width:100%}.search-and-sort{display:flex;align-items:center;gap:1rem;flex:1;justify-content:flex-end}.search-container{width:100%;max-width:300px}.search-input-wrapper{position:relative;display:flex;align-items:center}.search-icon{position:absolute;left:1rem;color:var(--gray-details);pointer-events:none;z-index:1}.project-search-input{width:100%;padding:.8rem 1rem .8rem 2.8rem;background:var(--hover-bg-color);border:1px solid var(--outline-color);border-radius:100px;color:var(--text-color);font-family:var(--font-details);font-size:.9rem;transition:all .3s ease}.project-search-input:focus{outline:none;border-color:var(--dominant-color);box-shadow:0 0 0 3px var(--dominant-alpha);background:var(--bg-color)}.project-filters{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:flex-start}.project-filter-button{padding:.6rem 1.2rem;border-radius:100px;border:1px solid var(--outline-color);background:transparent;color:var(--gray-details);font-family:var(--font-details);font-size:.9rem;cursor:pointer;transition:all .3s ease}.project-filter-button:hover{border-color:var(--dominant-color);color:var(--dominant-color)}.portfolio-grid-category{color:#ffffffb3;font-family:var(--font-details);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}.portfolio-grid-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-grid-tags li{font-family:var(--font-details);font-size:.75rem;padding:.2rem .6rem;background:#ffffff1a;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:100px;color:#fff;border:1px solid rgba(255,255,255,.2)}@keyframes portfolioFadeIn{to{opacity:1;transform:translateY(0)}}@media(max-width:1400px){.portfolio-masonry{grid-template-columns:repeat(4,1fr);grid-auto-rows:250px}.portfolio-grid-item{grid-column:span var(--span-t, 1)}}@media(max-width:900px){.portfolio-masonry{grid-template-columns:repeat(2,1fr);grid-auto-rows:220px}.portfolio-grid-item{grid-column:span var(--span-m, 1)}.portfolio-actions{flex-direction:column;gap:1.5rem;align-items:center}.search-and-sort{width:100%;justify-content:center}.project-filters{justify-content:center}.search-container{max-width:none}}@media(max-width:600px){.portfolio-grid-page{padding-top:5rem}.portfolio-masonry{grid-template-columns:1fr;grid-auto-rows:250px;gap:1rem}.portfolio-grid-item{grid-column:1 / -1}.portfolio-grid-overlay{opacity:1;transform:translateY(0);background:linear-gradient(to top,#000000d9,#0000 80%)}.portfolio-grid-item img{filter:grayscale(0%) brightness(.9)}}.portfolio-grid-item.portfolio-cta{grid-column:1 / -1;background-color:var(--hover-bg-color);border:1px solid var(--outline-color);display:flex;align-items:center;justify-content:center;padding:3rem 2rem;text-align:center;color:var(--text-color)!important;text-decoration:none!important;transition:all .4s var(--ease-out-quart);margin-top:1rem}.portfolio-grid-item.portfolio-cta:hover{transform:translateY(-5px);background-color:var(--dominant-color);border-color:var(--dominant-color);z-index:2}.portfolio-cta .filler-content{display:flex;flex-direction:column;gap:.5rem}.portfolio-cta h3{color:inherit;font-family:var(--font-heading);font-size:clamp(1.5rem,3vw,2.2rem);line-height:1.2;margin:0}.portfolio-cta p{color:inherit;opacity:.8;margin:0;font-size:.9rem;text-transform:uppercase;font-family:var(--font-details);letter-spacing:.1em}.portfolio-grid-item.portfolio-cta:hover h3,.portfolio-grid-item.portfolio-cta:hover p{color:#fff!important}.project-card{display:block;text-decoration:none;border-radius:12px;overflow:hidden;position:relative;border:1px solid var(--outline-color);background-color:var(--hover-bg-color);transition:all .4s var(--ease-out-quart);height:350px;padding:0;cursor:pointer;width:100%;text-align:left;--project-accent: var(--dominant-color);--project-accent-alpha: var(--dominant-color-alpha)}.project-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px -8px var(--project-accent-alpha);border-color:var(--project-accent)}.project-card-image-container{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.project-card-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-quart),filter .4s ease}.project-card:hover .project-card-image-container img{transform:scale(1.05);filter:brightness(.9)}.project-card-icon{position:absolute;top:1rem;right:1rem;z-index:2;width:32px;height:32px;color:#fff;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3));opacity:.9;transition:opacity .3s ease,transform .3s ease}.project-card:hover .project-card-icon{opacity:1;transform:scale(1.1)}.project-card-icon svg{width:100%;height:100%;fill:currentColor}.project-card-content{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;padding:1.25rem;color:#fff;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.6) 40%,transparent 80%);transition:background .4s ease}.project-card:hover .project-card-content{background:linear-gradient(to top,rgba(0,0,0,.95) 0%,rgba(0,0,0,.7) 50%,transparent 100%)}.project-card-text{transform:translateY(20px);opacity:0;transition:transform .5s var(--ease-out-quart),opacity .5s ease;flex-grow:1;display:flex;flex-direction:column;justify-content:flex-end}.project-card:hover .project-card-text{transform:translateY(0);opacity:1}.project-card-title{font-family:var(--font-header-sub);font-weight:600;font-size:1.3rem;line-height:1.3;color:#fff;margin:0 0 .5rem;transition:color .3s ease}.project-card:hover .project-card-title{color:var(--project-accent)}.project-card-description{font-family:var(--font-body);font-size:.95rem;line-height:1.5;margin:0;opacity:.8}.project-card-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;margin-top:1rem;border-top:1px solid rgba(255,255,255,.2);font-family:var(--font-details);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;opacity:1;transition:opacity .4s ease}.project-card:hover .project-card-footer{opacity:1}.project-card-category{font-weight:600}.content-figure{margin:2.5rem 0;max-width:100%}.content-figure figcaption{margin-top:.75rem;font-size:.9rem;color:var(--gray-details);text-align:center;font-family:var(--font-tagline)}.content-figure img,.content-figure video{width:100%;height:auto;border-radius:8px}.story-content a,.about-narrative-section a{color:var(--dominant-color);text-decoration:none;background-image:linear-gradient(var(--dominant-color),var(--dominant-color));background-position:0% 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size .3s,color .3s}.story-content a:hover,.about-narrative-section a:hover{background-size:100% 1px}.story-content [data-tooltip]{position:relative;cursor:help;border-bottom:1px dotted var(--dominant-color)}.story-content [data-tooltip]:after{content:attr(data-tooltip);position:absolute;bottom:100%;left:50%;transform:translate(-50%) translateY(-10px);background-color:var(--bg-color-dark);color:var(--text-color-dark);padding:.5rem 1rem;border-radius:6px;font-size:.9rem;font-family:var(--font-body);font-style:normal;white-space:nowrap;z-index:10;opacity:0;pointer-events:none;transition:opacity .3s ease,transform .3s ease;box-shadow:0 4px 15px #0003}.story-content [data-tooltip]:hover:after{opacity:1;transform:translate(-50%) translateY(0)}.image-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.75rem}.image-gallery img{width:100%;height:100%;object-fit:cover;border-radius:8px}.video-wrapper{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;background-color:#000}.video-wrapper iframe,.video-wrapper video{position:absolute;top:0;left:0;width:100%;height:100%}.code-figure{max-width:100%}.code-figure pre{padding:1.5rem;border-radius:8px;overflow-x:auto;font-family:Courier New,Courier,monospace;font-size:.95rem;line-height:1.6}[data-theme=light] .code-figure pre{background-color:#f4f4f8;color:#333;border:1px solid #e0e0e0}[data-theme=light] .code-figure code .token.comment{color:#888}[data-theme=light] .code-figure code .token.keyword{color:#07a}[data-theme=light] .code-figure code .token.string{color:#690}[data-theme=light] .code-figure code .token.function{color:#dd4a68}[data-theme=light] .code-figure code .token.number{color:#905}[data-theme=light] .code-figure code .token.operator{color:#a67f59}[data-theme=dark] .code-figure pre{background-color:#212121;color:#f1f1f1;border:1px solid #444}[data-theme=dark] .code-figure code .token.comment{color:#888}[data-theme=dark] .code-figure code .token.keyword{color:#89ddff}[data-theme=dark] .code-figure code .token.string{color:#c3e88d}[data-theme=dark] .code-figure code .token.function{color:#f07178}[data-theme=dark] .code-figure code .token.number{color:#f78c6c}[data-theme=dark] .code-figure code .token.operator{color:#89ddff}.custom-audio-player-container{display:flex;align-items:center;gap:1rem;width:100%}.table-figure{max-width:100%}.table-wrapper{overflow-x:auto;border:1px solid var(--outline-color);border-radius:8px;-webkit-overflow-scrolling:touch}.table-wrapper table{width:100%;border-collapse:collapse;font-size:1rem;font-family:var(--font-body)}.table-wrapper th,.table-wrapper td{padding:.75rem 1rem;text-align:left;border-bottom:1px solid var(--outline-color);line-height:1.5;white-space:normal}.table-wrapper th{font-family:var(--font-details);text-transform:uppercase;letter-spacing:.05em;font-weight:600;color:var(--text-color);background-color:var(--hover-bg-color);position:sticky;top:0;z-index:1}.table-wrapper tbody tr:last-child th,.table-wrapper tbody tr:last-child td{border-bottom:none}.table-wrapper tbody tr:nth-child(2n){background-color:var(--hover-bg-color)}.sourced-quote{margin:2.5rem 0;position:relative;padding:0}.sourced-quote blockquote{font-family:var(--font-header-main);font-size:clamp(1.3rem,4vw,1.6rem);font-style:italic;font-weight:300;color:var(--text-color);border:none;padding:0 3rem;margin:0;position:relative;text-align:center}.sourced-quote blockquote:before,.sourced-quote blockquote:after{font-family:var(--font-details);content:"«";position:absolute;top:-.2em;left:0;font-size:4em;font-style:normal;color:var(--dominant-color);opacity:.2;transition:color .5s var(--ease-out-quart)}.sourced-quote blockquote:after{content:"»";left:auto;right:0;top:auto;bottom:-.2em}.sourced-quote figcaption{font-family:var(--font-tagline);text-align:right;margin-top:1rem;font-size:1rem;color:var(--gray-details);font-style:normal}.sourced-quote figcaption a{color:var(--gray-details);text-decoration:none;border-bottom:1px dotted var(--gray-details);transition:color .3s,border-bottom-color .3s}.sourced-quote figcaption a:hover{color:var(--dominant-color);border-bottom-color:var(--dominant-color)}.link-preview-card{display:flex;text-decoration:none;border:1px solid var(--outline-color);border-radius:8px;overflow:hidden;background-color:transparent;transition:background-color .3s ease,transform .3s ease;margin:2rem 0;min-height:130px}.link-preview-card:hover{background-color:var(--hover-bg-color);transform:translateY(-2px);border-color:var(--dominant-color)}.link-preview-image{flex-shrink:0;width:150px;background-color:var(--hover-bg-color)}.link-preview-image img{width:100%;height:100%;object-fit:cover;border-right:1px solid var(--outline-color)}.link-preview-content{padding:1rem 1.5rem;display:flex;flex-direction:column;justify-content:center;flex-grow:1;min-width:0}.link-preview-title{font-family:var(--font-header-sub);font-weight:600;font-size:1.1rem;color:var(--text-color);margin:0 0 .25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.link-preview-description{font-size:.95rem;color:var(--gray-details);margin:0 0 .5rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-url{font-family:var(--font-details);font-size:.8rem;color:var(--gray-details);text-transform:uppercase;letter-spacing:.05em;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes skeleton-loading{0%{background-color:var(--hover-bg-color)}to{background-color:var(--outline-color)}}.link-preview-card.skeleton{cursor:progress}.link-preview-image-skeleton{width:150px;flex-shrink:0;animation:skeleton-loading 1.5s linear infinite alternate}.link-preview-text-skeleton{height:1em;border-radius:4px;animation:skeleton-loading 1.5s linear infinite alternate;margin-bottom:.75em}.link-preview-text-skeleton.title{width:70%;font-size:1.1rem}.link-preview-text-skeleton.short{width:50%}.link-preview-url-skeleton{height:.8em;width:40%;border-radius:4px;animation:skeleton-loading 1.5s linear infinite alternate;margin-top:.25rem}.link-preview-card.error{border-style:dashed}.link-preview-card.error .link-preview-title{color:var(--accent-color)}.link-preview-card.error .link-preview-url{color:var(--dominant-color);text-decoration:underline}@media(max-width:480px){.link-preview-card{flex-direction:column}.link-preview-image,.link-preview-image-skeleton{width:100%;height:150px}.link-preview-image img{border-right:none;border-bottom:1px solid var(--outline-color)}}.pull-quote{font-family:var(--font-header-main);font-weight:300;font-style:italic;font-size:clamp(1.4rem,4vw,1.8rem);line-height:1.5;color:var(--text-color);border-left:3px solid var(--dominant-color);padding:.5rem 0 .5rem 1.5rem;margin:2rem 0}.pull-quote.align-left,.pull-quote.align-right{max-width:45%;margin-top:1rem;margin-bottom:1rem}.pull-quote.align-left{float:left;margin-right:2rem}.pull-quote.align-right{float:right;margin-left:2rem;text-align:right;border-left:none;border-right:3px solid var(--dominant-color);padding-left:0;padding-right:1.5rem}.pull-quote.align-full{max-width:85%;margin-left:auto;margin-right:auto;text-align:center;border-left:none;padding:0;position:relative}.pull-quote.align-full:before{content:"“";position:absolute;left:50%;top:-.2em;transform:translate(-50%);font-size:4em;line-height:1;color:var(--dominant-color);opacity:.1;font-family:serif}.sidenote{font-size:.95rem;line-height:1.6;padding:1rem 1.25rem;margin:2rem 0;background-color:var(--hover-bg-color);border-left:3px solid var(--outline-color);color:var(--gray-details);transition:all .3s ease}p+.sidenote{margin-top:0rem}.sidenote:hover{border-left-color:var(--dominant-color);color:var(--text-color)}.sidenote p:last-child{margin-bottom:0}.collapsible-container{margin:2rem 0;border:1px solid var(--outline-color);border-radius:8px;transition:border-color .3s ease}.collapsible-container:focus-within,.collapsible-container.open{border-color:var(--dominant-color)}p+.collapsible-container{margin-top:0rem}.collapsible-trigger{display:flex;justify-content:space-between;align-items:center;width:100%;padding:1rem 1.5rem;background:transparent;border:none;cursor:pointer;font-family:var(--font-header-sub);font-size:1.1rem;font-weight:600;color:var(--text-color);text-align:left}.collapsible-icon{width:1em;height:1em;flex-shrink:0;margin-left:1rem;position:relative;transition:transform .4s var(--ease-out-quart)}.collapsible-icon:before,.collapsible-icon:after{content:"";position:absolute;top:50%;left:50%;width:12px;height:2px;background-color:var(--gray-details);border-radius:1px;transform:translate(-50%,-50%);transition:transform .4s var(--ease-out-quart)}.collapsible-icon:after{transform:translate(-50%,-50%) rotate(90deg)}.collapsible-container.open .collapsible-icon{transform:rotate(135deg)}.collapsible-content-wrapper{height:0;overflow:hidden;transition:height .4s var(--ease-out-quart)}.collapsible-content{padding:1.5rem;border-top:1px dotted var(--outline-color)}.timeline-container{position:relative;padding:2rem 0;margin:2rem auto;max-width:800px}h2+.timeline-container{margin-top:0rem}.timeline-container:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background-color:var(--outline-color);transform:translate(-50%)}.timeline-item{position:relative;margin-bottom:2rem;width:50%}.timeline-item:last-child{margin-bottom:0}.timeline-item:nth-child(odd){left:0;padding-right:2rem;text-align:right}.timeline-item:nth-child(2n){left:50%;padding-left:2rem;text-align:left}.timeline-marker{position:absolute;top:.5rem;width:16px;height:16px;border-radius:50%;background-color:var(--bg-color);border:3px solid var(--dominant-color);z-index:1}.timeline-item:nth-child(odd) .timeline-marker{right:-8px}.timeline-item:nth-child(2n) .timeline-marker{left:-8px}.timeline-content{padding:.5rem 0}.timeline-image{width:80px;height:80px;border-radius:50%;object-fit:cover;border:2px solid var(--outline-color);position:absolute;top:0;z-index:2}.timeline-item:nth-child(odd) .timeline-image{left:calc(100% + 4rem);transform:translate(-50%)}.timeline-item:nth-child(2n) .timeline-image{right:calc(100% + 4rem);transform:translate(50%)}.timeline-date{font-family:var(--font-details);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-details);margin:0 0 .5rem}.timeline-title{font-family:var(--font-header-sub);font-weight:600;font-size:1.2rem;color:var(--text-color);margin:0 0 .5rem}.timeline-item:nth-child(odd) .timeline-title{color:var(--dominant-color)}.timeline-description{font-size:1rem;line-height:1.6;margin:0;color:var(--text-color)}@media(max-width:640px){.timeline-container:before{left:8px;transform:none}.timeline-item{width:100%;padding-left:2.5rem;padding-right:0;text-align:left!important}.timeline-item:nth-child(2n){left:0}.timeline-marker{left:0!important}.timeline-image{display:none}}.filter-aside{grid-area:aside;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:auto;overflow-x:hidden}.mobile-filter-content .filter-aside{height:auto;position:static;max-height:none;overflow-y:visible}.filter-group{margin-top:2rem}.filter-aside .filter-group:first-child{margin-top:0}.filter-group h3{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em;font-size:.9rem;margin-bottom:1rem}.filter-group button{width:100%;text-align:left;padding:.25rem .5rem;background:transparent;border:none;color:var(--text-color);font-family:var(--font-header-sub);font-size:1.1rem;cursor:pointer;border-radius:6px;transition:all .3s ease;margin-bottom:.5rem;display:flex;justify-content:space-between;align-items:center}.filter-group button:hover{background-color:var(--hover-bg-color)}.filter-group button.active{font-weight:600;color:var(--dominant-color)}.category-filters-wrapper .all-button{width:100%;margin-bottom:.5rem;padding:.5rem}.category-filters{display:grid;grid-template-columns:1fr;gap:.5rem}.category-filters button{margin-bottom:0;padding:.5rem;gap:.6rem;justify-content:flex-start}.category-filters button .category-icon{width:20px;height:20px;flex-shrink:0}.category-filters button .category-icon svg{width:100%;height:100%;stroke-width:1.5}.category-filters button .category-name{font-size:1rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tags-list-filter{display:flex;flex-wrap:wrap;gap:.5rem}.tags-list-filter .tag-filter-item{display:inline-flex;align-items:baseline;gap:.4rem;font-family:var(--font-details);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;padding:.4rem .8rem;border-radius:16px;background-color:transparent;border:1px solid var(--outline-color);cursor:pointer;transition:border-color .3s ease,transform .3s var(--ease-out-quart),background-color .3s ease;width:auto;text-align:left;margin-bottom:0}.tags-list-filter .tag-filter-item:hover{border-color:var(--dominant-color);transform:translateY(-2px);background-color:var(--hover-bg-color)}.tags-list-filter .tag-filter-item.active{background-color:var(--dominant-color);color:var(--bg-color);border-color:var(--dominant-color)}.tags-list-filter .tag-filter-item .tag-count{font-weight:700;line-height:1;padding:0;background:none;border-radius:0;color:var(--gray-details);font-size:inherit;font-family:inherit;transition:none}.tags-list-filter .tag-filter-item .tag-name{line-height:1;font-weight:400;color:var(--text-color);transition:color .3s ease}.tags-list-filter .tag-filter-item:hover .tag-name{color:var(--dominant-color)}.tags-list-filter .tag-filter-item.active .tag-name,.tags-list-filter .tag-filter-item.active .tag-count{color:var(--bg-color)}.tags-list-filter .tag-filter-item.active .tag-name{font-weight:400}.archive-year-selector{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-bottom:1rem;padding:0}.year-nav-button{background:transparent;border:none;color:var(--gray-details);font-size:.8rem!important;cursor:pointer;padding:0;height:24px!important;border-radius:50%;display:flex;align-items:center!important;justify-content:center!important;margin-bottom:0!important;transition:color .3s ease,background-color .3s ease}.year-nav-button:hover:not(:disabled){color:var(--dominant-color);background-color:var(--hover-bg-color)}.year-nav-button:disabled{opacity:.3;cursor:not-allowed}.current-year{font-family:var(--font-header-sub);color:var(--text-color);font-size:1.1rem;font-weight:600;min-width:5ch;text-align:center;letter-spacing:.03em}.archive-list{display:flex;flex-wrap:wrap;gap:.5rem}.archive-list .archive-item{display:inline-flex;align-items:center;justify-content:flex-start;gap:.6rem;font-family:var(--font-body);font-size:.9rem;text-transform:none;letter-spacing:normal;padding:.4rem .8rem;border-radius:6px;background-color:transparent;border:1px solid var(--outline-color);color:var(--text-color);cursor:pointer;transition:color .3s ease,border-color .3s ease,transform .3s var(--ease-out-quart),background-color .3s ease;width:auto;text-align:left;margin-bottom:0}.archive-list .archive-item:hover{color:var(--dominant-color);border-color:var(--dominant-color);transform:translateY(-2px);background-color:var(--hover-bg-color)}.archive-list .archive-item.active{background-color:var(--dominant-color);color:var(--bg-color);border-color:var(--dominant-color);transform:translateY(0)}.archive-list .archive-date{font-family:inherit;font-weight:400}.archive-list .archive-item .archive-count{font-family:var(--font-details);font-size:.8rem;color:var(--gray-details);background-color:var(--hover-bg-color);padding:.1rem .4rem;border-radius:4px;font-weight:400;transition:all .3s ease;min-width:auto;text-align:center;line-height:1.2}.archive-list .archive-item:hover .archive-count{color:var(--gray-details)}.archive-list .archive-item.active .archive-count{background-color:var(--bg-color);color:var(--dominant-color)}.story-aside{grid-area:aside;position:sticky;top:2rem;max-height:calc(100vh - 4rem);overflow-y:visible;overflow-x:visible;display:flex;flex-direction:column;gap:2.5rem}.story-aside>div>h3{font-family:var(--font-details);text-transform:uppercase;color:var(--gray-details);letter-spacing:.1em;font-size:.9rem;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:1px dotted var(--outline-color)}.story-details-group p{font-size:1rem;line-height:1.5;margin-bottom:.75rem;color:var(--text-color)}.story-details-group p{margin-bottom:0}.story-details-group strong{font-weight:600;color:var(--text-color);margin-right:.5rem}.story-details-group a{color:var(--dominant-color);text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .2s ease}.story-details-group a:hover{border-bottom-color:currentColor}.story-details-tags{margin-top:1.5rem}.tags-list{display:flex;flex-wrap:wrap;gap:.5rem}.tag-item{font-family:var(--font-body);font-size:.9rem;padding:.25rem .75rem;border-radius:15px;background-color:var(--hover-bg-color);border:1px solid var(--outline-color);color:var(--text-color);cursor:pointer;transition:background-color .3s ease,color .3s ease,border-color .3s ease,transform .3s var(--ease-out-quart)}.tag-item:hover{background-color:var(--dominant-color);color:var(--bg-color);border-color:var(--dominant-color);transform:translateY(-2px)}.related-stories-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.5rem}.related-story-button{display:block;width:100%;text-align:left;padding:.75rem;background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,transform .3s ease}.related-story-button:hover{background-color:var(--hover-bg-color);transform:translate(4px)}.related-story-title{display:block;font-family:var(--font-header-sub);font-size:1.1rem;font-weight:600;color:var(--text-color);margin-bottom:.25rem;transition:color .3s ease}.related-story-button:hover .related-story-title{color:var(--dominant-color)}.related-story-category{display:block;font-family:var(--font-details);font-size:.8rem;text-transform:uppercase;color:var(--gray-details)}.loading-screen{position:fixed;top:0;left:0;width:100vw;height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:var(--bg-color);z-index:9999;transition:background-color var(--transition-speed) var(--ease-out-quart)}.loading-logo{animation:logo-pulse 2.5s infinite ease-in-out;transform-origin:center}@keyframes logo-pulse{0%{transform:scale(.95);opacity:.9}50%{transform:scale(1.05);opacity:1;filter:drop-shadow(0 0 10px var(--dominant-color-alpha))}to{transform:scale(.95);opacity:.9}}.loading-text{margin-top:2rem;font-family:var(--font-tagline);color:var(--text-color);font-size:1rem;text-transform:uppercase;letter-spacing:.2em;animation:text-pulse 2.5s infinite ease-in-out}@keyframes text-pulse{0%,to{opacity:.4}50%{opacity:.8}}.placeholder-app-container{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;position:relative;color:var(--text-color)}.placeholder-topbar{position:absolute;top:0;left:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:2.5rem;z-index:10}.topbar-left{display:flex;align-items:center;flex:1}.topbar-center{display:flex;justify-content:center;align-items:center;flex:1}.topbar-right{display:flex;align-items:center;justify-content:flex-end;gap:.5rem;flex:1}.local-time{font-family:var(--font-body);font-weight:700;color:var(--text-color);font-size:.95rem;letter-spacing:.05em;background:var(--bg-color-alpha);padding:.5rem 1rem;border-radius:100px;border:1px solid var(--outline-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);white-space:nowrap}.desktop-toggles{display:flex;align-items:center;justify-content:center;background:var(--bg-color-alpha);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--outline-color);border-radius:100px;padding:.5rem;gap:.8rem;height:48px}.placeholder-toggle-separator{width:1px;height:20px;background:var(--outline-color)}.placeholder-toggle-btn{background:transparent;border:none;color:var(--text-color);font-family:var(--font-details);font-weight:700;width:32px;height:32px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease;font-size:.9rem}.placeholder-toggle-btn.language-btn{border-radius:50%}.placeholder-toggle-btn.language-btn:hover{color:var(--dominant-color);background:var(--hover-bg-color)}.placeholder-toggle-btn:hover .theme-toggle-icon{color:var(--dominant-color)}.placeholder-toggle-btn:hover .theme-toggle-icon.light{transform:rotate(-15deg) scale(1.1)}.placeholder-toggle-btn:hover .theme-toggle-icon.dark{transform:rotate(45deg) scale(1.1)}.mobile-only{display:none}.desktop-only{display:flex}.placeholder-main{max-width:500px;width:100%;display:flex;flex-direction:column;gap:2rem;z-index:2;animation:placeholderFadeIn 1s cubic-bezier(.16,1,.3,1) forwards;padding-top:4rem}@keyframes placeholderFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.placeholder-header{display:flex;flex-direction:row;align-items:center;gap:1.8rem;margin-bottom:.5rem}.placeholder-header-text{display:flex;flex-direction:column;align-items:flex-start;gap:.25rem}.placeholder-avatar-container{width:140px;height:140px;border-radius:50%;overflow:hidden;border:3px solid var(--bg-color-alpha);outline:1px solid var(--outline-color);padding:4px;flex-shrink:0;box-shadow:0 10px 30px -10px var(--dominant-color-alpha)}.placeholder-avatar{width:100%;height:100%;border-radius:50%;object-fit:cover;background:var(--hover-bg-color)}.placeholder-title{font-size:2.2rem;margin:0;line-height:1.1;font-style:normal}.placeholder-subtitle{font-family:var(--font-body);font-weight:700;color:var(--text-color);font-size:1.1rem;margin:0}.placeholder-location{font-family:var(--font-body);color:var(--gray-details);font-size:.9rem;margin:0 0 .5rem;opacity:.8}.placeholder-status{display:inline-flex;align-items:center;gap:.5rem;background:var(--bg-color-alpha);padding:.4rem .8rem;border-radius:100px;font-family:var(--font-details);font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-color);border:1px solid var(--outline-color);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--dominant-color);animation:statusPulse 2s infinite}@keyframes statusPulse{0%{box-shadow:0 0 0 0 var(--dominant-color-alpha)}70%{box-shadow:0 0 0 10px transparent}to{box-shadow:0 0 0 0 transparent}}@keyframes blinkText{0%,to{opacity:1;text-shadow:0 0 8px var(--dominant-color-alpha)}50%{opacity:.3;text-shadow:none}}.blink-text{animation:blinkText 2s infinite ease-in-out}.placeholder-link-section{display:flex;flex-direction:column;gap:.8rem}.placeholder-section-title{font-family:var(--font-details);color:var(--gray-details);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin:0;padding-left:.5rem}.placeholder-links{display:flex;flex-direction:column;gap:.8rem}.placeholder-link{text-decoration:none;color:var(--text-color);background:var(--bg-color-alpha);border:1px solid var(--outline-color);border-radius:20px;padding:1rem 1.5rem;transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.placeholder-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,var(--dominant-color-alpha),transparent);transform:translate(-100%);transition:transform .6s cubic-bezier(.16,1,.3,1)}.placeholder-link:hover{border-color:var(--dominant-color);transform:translateY(-4px) scale(1.02);box-shadow:0 15px 35px -10px var(--dominant-color-alpha)}.placeholder-link:hover:before{transform:translate(100%)}.placeholder-link-content{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.link-title{font-family:var(--font-header-sub);font-weight:500;font-size:1.05rem}.link-icon{color:var(--text-color);transition:all .3s ease;display:flex;align-items:center;justify-content:center}.placeholder-link:hover .link-icon{color:var(--dominant-color);transform:scale(1.1) rotate(5deg)}.placeholder-footer{text-align:center;margin-top:1rem;font-family:var(--font-details);color:var(--gray-details);text-transform:uppercase;font-size:.8rem;letter-spacing:.1em}@media(max-width:600px){.placeholder-app-container{padding:1rem}.placeholder-topbar{padding:1.5rem 1rem}.mobile-only{display:flex}.desktop-only{display:none!important}.mobile-pill{background:var(--bg-color-alpha);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--outline-color);border-radius:50%;padding:0;display:flex;justify-content:center;align-items:center;width:48px;height:48px}.placeholder-header{flex-direction:column;text-align:center;gap:1.2rem}.placeholder-header-text{align-items:center}.placeholder-title{font-size:2rem}}